/*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: 'Questrial', 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:57%;margin-right:3%;display:inline-block;vertical-align:top;}
			.droite{position:relative;width:39%;display: inline-block;vertical-align:top;}
			
table{width:100%;font-size:80%;}
tr,td{padding:2px;}
a{text-decoration:none;}

.carte_gis{z-index: 0;}

/*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:#5E9C35;margin:0 0 10px 0;line-height: normal;}
h2{font-weight:bold;color:#FFF;margin : 10px 0 0 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:220px;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;vertical-align:top;z-index:10;}
	header .sur-case:hover, header .sur-case.on{border-bottom:5px solid #4751B3;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:80px;z-index:5;color:#8fb73c;text-shadow:0px 0px 2px #000;}
	header .placier .gauche h2{position:absolute;left:200px;top:120px;z-index:5;color:#555;text-shadow:0px 0px 2px #000;}
	header .placier .gauche .logo-site img{float:none;position:absolute;top:30px;left:0;}
header .placier .gauche header h1{text-transform:uppercase;left:50px;position:relative;font-weight:bold;background:none;}

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


	.encadre-droit.formulaire-mail{}
	.formulaire_spip{margin-bottom:0;}
	.encadre-droit input.submit{background:#8fb73c;border:none;border-radius:5px;display:block;width:100%;color:#FFF;font-weight:bold;}
	.encadre-droit textarea,.encadre-droit input.text{border-radius:5px;border:none;background:#CCC;width:100%;}


/*CORPS*/
article.principal{position:relative;top:0;background:#FFF;margin:10px 0;}
.encadre-droit{border:1px solid #999;padding:5px;border-radius:5px;font-size:100%;float:none;width:100%;display:block;}
	.encadre-droit a:hover{color:#555;}
	.principal .placier .gauche{}
		.principal .placier .droite h2, .principal .placier .gauche h2{float:none;margin:5px 0 -7px -5px;color:#555;font-weight:bold;display:inline-block;padding : 3px;font-size:140%;}
	.titre{display:block;width:50%;padding:0;margin:0 20px 20px 0;min-height:300px;border-radius:10px;background-size:cover !important;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;padding:0;}
		.carre img{margin:0;position:relative;}
		.carre>a{background:linear-gradient(hsla(0,0%,0%,0),hsla(0,0%,0%,0.5));display:block;width:100%;bottom:0;position:absolute;color:#FFF;padding:30px 2% 5px 2%;font-size:90%;}

	.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;}
		

/*PIED*/
footer.principal{position:fixed;bottom:0;height:30px;background:#8fb73c;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;}

/*GENERAL*/
.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive{box-shadow: 2px 2px 5px #000;}