[(#REM)
	Head standard de toutes les pages ;
	les elements specifiques (title, description) figurent dans chaque squelette
 
]
<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

[(#REM) Lien vers le flux RSS du site ]
[<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="(#URL_PAGE{backend})" />]

[(#REM) 
      On appelle les feuilles de style 
      dans l'ordre de la methode daisy http://daisy.tetue.net/img/daisy-nomenclature.png   ]

[(#REM) 2. Style SPIP et ses plugins ]
[<link rel="stylesheet" href="(#CHEMIN{css/spip.css}|direction_css)" type="text/css" />]
#INSERT_HEAD_CSS

[(#REM) 3. Vos feuilles de style pour l'habillage du site a) theme, b) variante, c) specifique ]
<link href='https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css' />
<style type="text/css">                                
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=127130b1-01a1-4346-a4fc-f877bae6c362&fontids=1296224,1296226");
@font-face{
font-family:"Exotic_350 W03";
src:url("[(#CHEMIN{css/polices/1296224/f9455010-b6a3-4f8c-815a-5daec3bc48ef.eot?#iefix})]");
src:url("[(#CHEMIN{css/polices/1296224/f9455010-b6a3-4f8c-815a-5daec3bc48ef.eot?#iefix})]") format("eot"),url("[(#CHEMIN{css/polices/1296224/b80c26f6-6725-4807-8c14-1eb472b260b0.woff2})]") format("woff2"),url("[(#CHEMIN{css/polices/1296224/b2584683-e66e-4fcc-9b39-e045ffbeaa82.woff})]") format("woff"),url("[(#CHEMIN{css/polices/1296224/70cf5af4-97ea-4c8f-b72b-f0829406e776.ttf})]") format("truetype");
font-weight: 700;
font-weight: bold;
font-style: normal;
}
@font-face{
font-family:"Exotic_350 W03";
src:url("[(#CHEMIN{css/polices/1296226/9067a3df-309f-4159-bc63-27895779367f.eot?#iefix})]");
src:url("[(#CHEMIN{css/polices/1296226/9067a3df-309f-4159-bc63-27895779367f.eot?#iefix})]") format("eot"),url("[(#CHEMIN{css/polices/1296226/25c930c4-93be-42f2-b005-bc7f420e9950.woff2})]") format("woff2"),url("[(#CHEMIN{css/polices/1296226/7b154523-24ef-4c89-96a5-d658d556f988.woff})]") format("woff"),url("[(#CHEMIN{css/polices/1296226/8de53e28-759a-4c89-b605-23685ea504e9.ttf})]") format("truetype");
font-weight: 400;
font-weight: normal;
font-style: normal;
}
</style>
[<link href="(#CHEMIN{css/open-iconic/css/open-iconic.css})" rel="stylesheet" type="text/css" />]
[<link rel="stylesheet" href="(#CHEMIN{css/polices.css}|direction_css)" type="text/css" />]
[<link rel="stylesheet" href="(#CHEMIN{css/knacss-unminified.css}|direction_css)" type="text/css" />]
[<link rel="stylesheet" href="(#CSS{css/lessffjs.css})" type="text/css" />]


[(#REM)
	Balise permettant aux plugins d'inserer des appels javascript ;
	4. C'est ici que SPIP va inserer l'appel de la librairie jQuery
	5. Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques si l'option est cochee dans Configuration
]
#INSERT_HEAD

[(#REM) 6. Vos scripts ]
[<script src="(#CHEMIN{js/script.js})" type="text/javascript"></script>]

[(#REM) Initialisation sticky.js ]
[<script src="(#CHEMIN{js/jquery.sticky.js})" type="text/javascript"></script>]
<script>
$(document).ready(function(){
$(".sticker").sticky({topSpacing:0});
$(".stickburger").sticky({topSpacing:0});
$(".stickslider").sticky({topSpacing:61, zIndex:100});
});
</script>

[(#REM) Initialisation BXSLIDER ]

<!-- bxSlider Javascript file -->
<script src="https://cdn.jsdelivr.net/npm/bxslider@4.2.17/dist/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bxslider@4.2.17/dist/jquery.bxslider.min.css">

[(#REM) Faire apparaître le menu burger sur la page d'accueil lorsque la section #interlude_1 atteint le haut de l'écran ]

<script>
var cacheburger = function(){
	if ($('body').hasClass('page_sommaire') && (window.matchMedia("(min-width: 961px)").matches)) {
		$('div[id=menuburger]').hide();
		$(window).scroll(function() {
			var scrollTop = $(window).scrollTop();
			if (scrollTop >= $('#interlude_1').offset().top) { 
			$('div[id=menuburger]').show();
			}
			else { 
			$('div[id=menuburger]').hide();
			}
			return false;
		});
	}
	else {
	$('div[id=menuburger]').show();
	return false;
	};
}

$(document).ready(cacheburger, false);
window.addEventListener('resize', cacheburger, false);

</script>

[(#REM) Attribuer la classe encours aux entrées actives des sliders temporels]
<script>
$(document).ready(function(){
	$('.slidate').click(function() {
		$('.slidate span').removeClass("encours");
		$(this).children('span').addClass("encours");
	});
});
</script>

[(#REM) Attribuer la classe "active" à l'entrée de menu dont le rel correspond à l'id de section qui atteint le haut de l'écran ]
<script>
$(document).ready(function(){
$('#navigation li').removeClass("active");
$(window).scroll(function() {
$('#navigation a').each(function () {
var 
scrollTop = $(window).scrollTop(),
lacible = $(this).attr("rel");
if ( scrollTop >= $('#'+lacible+'').offset().top-15 && scrollTop < $('#'+lacible+'').offset().top + $('#'+lacible+'').height()) { 
$('#navigation li').removeClass("active");
$(this).parent().addClass("active");
}
else {
$(this).parent().removeClass("active");
}
});
});
});
</script>

[(#REM) apparition / disparition de la navigation générale & transformation du menu burger ]
<script>
$(document).ready(function(){
$('#toggleburger')[0].checked = false;
if ($('#toggleburger').prop('checked')==false) {$("#navig_generale").addClass("navcollapse");};
$("#toggleburger").change(function(){ 
	var
	coche = $("#toggleburger").is(':checked');
	if (coche == 1){
		$("#navig_generale").removeClass("navcollapse");
		$('.togglenav').addClass("cross-button");
		}
	else {
		$("#navig_generale").addClass("navcollapse");
		$('.togglenav').removeClass("cross-button");
	};
});
});
</script>

[(#REM) apparition / disparition du formulaire de recherche]
<script>
$(document).ready(function(){
	$('.butt_search').click(function() {
		$('.boite_modale').addClass("boite_active");
	});
	$('.butt_close').click(function() {
		$('.boite_modale').removeClass("boite_active");
	});
});
</script>

[(#REM) ajouter un label au formuliare formidable 1 = inscription à la newsletter]
  <script>
 $(document).ready(function(){ $('.submit').attr('name','submit_1'); $('.submit').attr('id','submit_1');
 $('<label for="submit_1" class="voismoi buttenvoi"><span class="oi" data-glyph="arrow-right" title="envoyer" aria-hidden="true"></span></label>').appendTo ('.editer_input_1');
 });
  </script>

[(#REM) Favicon ]
[<link rel="icon" type="image/png" href="(#CHEMIN{favicon.png})" />]
[<link rel="shortcut icon" type="image/x-icon" href="(#CHEMIN{favicon.ico})" />]

[(#REM) meta robots ]
[<meta name="robots" content="(#ENV{robots})" />]