/*SPIP-ADMIN*/
.spip-admin-bloc, .spip-admin-float{right:0;top:50px;width:80px;}
	.spip-admin-boutons{float:left;width:100%;height:50px;font-size:80%;white-space:normal;background:hsl(0,0%,0%,0.3),margin:10px;border-radius:5px;text-align:center;font-weight:normal;padding:0;}

/*GENERAL*/
body{text-align:left;font-family:'Lato',sans-serif;padding-bottom:90px;border:none;background:hsl(105,65%,100%);font-size:11pt;}
	.principal{width:100%;}
		.placier{position:relative;width:95%;max-width:1280px;min-width:780px;margin:0 auto;}
			.gauche{position:relative;width:50%;margin-right:3%;display:inline-block;vertical-align:top;}
			.droite{position:relative;width:46%;display: inline-block;vertical-align:top;}
.devant{z-index=100000;}
			
table{width:100%;font-size:80%;background:#999;}
tr,td{padding:2px;background:#999;}
a{text-decoration:none;}
 .principal .placier .gauche h2.grand{font-size:150%;color:#333;padding:0;margin:10px 0 0 0;}


.carte_gis{z-index: 0;}
.leaflet-container .leaflet-marker-pane{background:#555;}
.leaflet-container .leaflet-marker-pane img{border-radius:50%;}

img{border-radius:5px;}

input{height:20px;border:none !important;margin:0 5px;padding:0 5px;line-height:20px;color:#FFF;font-weight:bold;border-radius:5px;background:hsl(47,40%,40%);}

/*CARACTERES*/
p{text-align:justify;margin:10px 0;}
.gauche strong{font-size:120%;color:#555;}
.gauche i{font-weight:bold;}
h1{font-weight: bold;color:#555;margin:0 0 10px 0;line-height: normal;font-size:250%}
h2{font-weight:bold;color:#555;margin : 10px 0 0 0;font-size:130%;text-transform:uppercase;}
h3{font-weight:bold;margin: 10px 0;font-size:130%;}
h3.spip{color:hsl(47,40%,40%);font-weight:bold;margin: 10px 0;font-size:130%;text-transform:uppercase;}

#liens div{display:block;width:96%;padding:5px 1%;margin:0 1%;height:25px;overflow:hidden;border-bottom:1px solid #999;}
ul, ul.spip{padding:10px;font-size:90%;margin:0;}
	li{list-style: none outside;color:#555;}
		li::first-letter{font-weight: bold;font-size:120%;color:#4751B3;}
	
a{color:hsl(47,40%,40%);}
a:hover{background:none;font-weight: bold;}

/*TETE*/
header.principal{position:relative;top:0;height:320px;background:#AAA;background-size:cover !important;background-position:center !important;margin-bottom:20px;vertical-align: top;}
header .sur-case{height:50px;position:relative;width:10%;display:inline-block;background:hsla(0,0%,0%,0.5);text-align:center;margin:0 5px;border-radius:0 0 5px 5px;border-bottom:5px solid #665D3D;z-index:10;font-size:90%;line-height:110%;vertical-align:middle;}
	header .sur-case:hover, header .sur-case.on{border-bottom:5px solid #B262B3;color:#FFF;}
	header .sur-case .sous-menu{height:0;text-align:left;display:block;position:relative;width:100%;z-index:10;background:hsla(0,0%,0%,0.6);font-size:80%;white-space:normal;transform: scaleY(0);transform-origin: 0% 0;transition:transform 1s ease;overflow:hidden;}
		header .sur-case:hover .sous-menu{height:auto;transform: scaleY(1);}
			header .sur-case:hover .sous-menu li a{display:block;width:100%;border-bottom:1px solid #555;padding:5px;}
				header .sur-case:hover .sous-menu li a:hover{background:hsla(0,0%,100%,0.2);}
		
		
		
		header nav{height:20px;z-index: 1000;}
		header nav a{color:#FFF;width:15%;}


header .placier .gauche{position:relative;left:0;top:20px;z-index:5;}
	header .placier .gauche h1{position:absolute;left:200px;top:100px;z-index:5;color:#FFF;text-shadow:0px 0px 2px #000;}
	header .placier .gauche .logo-site img{float:none;position:absolute;top:65px;left:0;border-radius:5px;}
header .placier .gauche header h1{text-transform:uppercase;left:50px;position:relative;font-weight:bold;}

header .placier .droite{padding:15px 0 15px 0;margin-top:-35px;}
header .placier .droite a img{border-radius:5px;vertical-align:bottom;}

#logos-tete{position:absolute;right:0;top:0;}
	#logos-tete img{border-radius:5px;overflow: hidden;display:block;margin-right:0;margin-left:auto;background:#FFF;padding:5px;margin:0 5px;}
	 a.logo-site{float:left;display:block;margin-right:20px;}
	 	a.logo-site img{border-radius:5px;border:1px solid #FFF;}

#bandeau-principal{position:absolute;top:250px;height:80px;width:100%;background:#333;padding:10px 50px 50px 10px;}
	#bandeau-principal h1{color:#FFF;font-size:170%;}
	
	/*SUR-TETE*/
.tdc{background:#222;padding:5px;white-space:nowrap;color:#FFF;border-top:1px solid hsl(47,40%,40%);color:hsl(47,40%,40%);}
#formulaire_recherche{height:20px;float:right;display:inline-block;}

/*CORPS*/
article.principal{position:relative;background:#FFF;padding:10px 0 30px 0;}
.encadre-droit{border-top:3px solid #999;font-size:100%;float:none;width:100%;display:block;padding: 10px 0 10px 0;}
	.principal .encadre-droit h2{display:inline-block;margin:-20px 0 -20px 0 !important;background:#FFF !important;z-index: 10000;}
	.encadre-droit.sans{border:none;}
	.encadre-droit a:hover{color:#555;}
	.encadre-droit a img{float:none;}
	.principal .placier .gauche{}
		.principal .placier .droite h2{float:none;margin: 0;color:#555;font-weight:bold;background:#FFF;display:block;font-size:130%;z-index: 100;}
		div.onglets_bloc h2.onglets_titre.selected{height:30px;border-bottom:none;}
	.titre{display:block;width:100%;padding:0;margin:0 20px 20px 0;height:200px;border-radius:10px;background-position:center !important;position:relative;overflow:hidden;float:left;}
		.titre .texte-titre{display:block;bottom:0;position:absolute;width:100%;padding:50px 10px 10px 10px;background:linear-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,0.75) 50px);}
		.titre h1{color:#FFF;}
		.titre a img{float:left;margin:-5px 10px 0 -5px;border-radius:10px;border:1px solid #AAA;overflow:hidden;}
		.titre strong {margin:25px 0;color:#FFF;}
	.carre{display:inline-block;height:119px;width:119px;position:relative;border-radius: 5px;overflow:hidden;margin:0 0 10px 0;padding:0;overflow:hidden;text-align:left;}
		.carre img{margin:0;position:relative;}
		
		

	.rectangle{width:100%;position:relative;margin:5px 0;border-radius:5px;padding:5px;}
		.rectangle h3{font-size:100%;color:#555;font-weight:bold;margin:0;}
		.rectangle h3::first-letter{color:#4751B3;font-size:130%;}

		.document a::first-letter{color:#4751B3;font-weight: bold;}
		.rectangle table{background:#CCC;border-radius:5px;}
		
		.rectangle_haut{height:auto;width:130px;border-radius:5px;padding:5px;margin:5px;position:relative;overflow:hidden;text-align:left;line-height: 16px;display:inline-block;vertical-align:top;}
			.rectangle_haut a{font-weight:bold;}
			.rectangle_haut img{display:block;margin:0 0 5px 0;border-radius:5px;}

.logos{display:block;width:100%; border:1px solid #999;}
	.logos img{position:relative;display:inline-block;}
	
div.onglets_bloc{z-index:0;}

/*PIED*/
footer.principal{position:fixed;bottom:0;height:30px;background:hsl(47,40%,40%);color:#FFF;padding:5px;}
	footer a{color:#FFF;}
	footer nav a{color:#FFF;font-size:90%;}


/*MOBILE*/
#tete_mobile{background:green;position:absolute;width:10%;height:100%;color:white;transform: rotate(90deg);transform-origin: left top 0;}
#princial_mobile{background:yellow;padding-left:10%;width:80%;overflow:hidden;}