/* PENSE BËTE */
/* background : rgba(r,g,b,[de 0 à 1 format 0.5 pour opacité 50%]) */
/* background:rgb(83, 55, 20) ;background:rgba(83, 55, 20, 1) ; => doubler la déclaration pour les vieux IE */
/* FRÉQUENT */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/* CSS RGPD */
.RGPD {
    text-align: justify;
    font-size: 0.9em;
    line-height: normal;
    /* width: 270px; */
}
input#RGPD {
    display: inline;
    padding: 0;
    margin: 0;
    height: auto;
    top: 4px;
}
label[for="RGPD"] {
    display: inline !important;
    text-align: justify !important;
    width: auto!important;
    float: none!important;
    margin: auto;
    padding: 0 5px;
}
/*.small{font-size:0.9em!important;}*/
/* taille d'écriture ->box -> Dim de l'actu ->Taille et padding des titres */
body{font-size : 12px ;font-family: 'Lato', verdana, sans-serif;}
/* Image et couleur de fond */
#site{}  /* Englobe tous le site */
.page {background : transparent ;} /* Formate la page dans les blocs 100% */
#headers,#headerBan,#headerNav,#headerSlide{clear:both;}
#headers{background:transparent;}
	#headerBan{background:transparent;} /* Englobe #banner */
		#banner {background : transparent ;}
	#headerNav{background:transparent;} /* Englobe #navigationH */
	#headerSlide{background:transparent;} /* Englobe #bandeau_anim et #bandeau_fixe */
	/*#headerSlide .page{width:100%;} Pour avoir un slide à 100% du site */
	
#containers{background:transparent;} /* Englobe #container, #containDeco, #contain, #leftbar */
	#container {background : #fff ;}
		#containDeco {background : transparent;} /* zone qui couvre exactement #container, permet d'ajouter un élément non-duplicable sur container si page doit être transparent sinon, sert à rien */
			#contain{}
			#leftbar{background : transparent ;}
			
#footers{background:transparent;} /* Englobe #footer et #footerContent */
	#footer{}
		#footer #footerContent{background : transparent;} /* Zone de contenu au dessus de bottom.ext et au dessous de #container [Possibilité d'avoir la boite coordonnées] sinon, sert à rien */
		
#signatures {background : transparent ;} /* Englobe #navigationH */
body{background : transparent url(../../images/body.jpg) no-repeat scroll center 0px ;}
html{background : #004F2F url(../../images/html.jpg) repeat-x scroll center 0px ;}
.poweredby{color:#fff;display:inline-block;margin:auto ;} /* Couleur des liens des plugins */

/* Couleur de texte */
#signature .BottomFontText,#signature .BottomFontText a, .signature * {color: #fff ;}
#contain, .galerie, .BodyFontText{color: #363636;}
#contain a{color:#035533; font-weight:bold;}
h1,h2,h3,h4,h5,h6,.BodyFontSubTitle, .BodyFontTitle, legend{color : #363636 ;}
h1,h2,h3,h4,h5,h6,.BodyFontSubTitle, .BodyFontTitle {padding:5px 0px ;}

/* Formulaire */
.button , .box .button {color: #fff;	background: #035533; font-weight : bold ; padding : 2px 3px ;}

/* box */
.box {background : transparent url(../../images/box.png) repeat-y top left ;} /* Agir sur tout les éléments "box" */
.box *, .box{color:#fff; } /* Couleur d'écriture de tout les éléments "box" */
.box.box_top{height : 34px ;background : transparent url(../../images/box_top.png) no-repeat bottom left ;vertical-align:top;} /* Régis tout les haut de boite */
.box.box_top h2, .box h2{padding :10px 0 0 7px ; color : #fff ;background : transparent;border-width:0px;} /* Régis tout les haut de boite */
.box.box_bottom{height : 20px ;background : transparent url(../../images/box_bottom.png) no-repeat top left ;} /* Régis tout les bas de boite */


/* NAVIGATION HORIZONTALE
	.box#navigationH : Régis le tableau de navigation
	.box#navigationH .box.nav_top : Régis le bas de la navigation
	.box#navigationH .box.nav_bottom : Régis le bas de la navigation
	.box#navigationH td : Régis chaque ligne de la navigation
*/
.box#navigationH{background:transparent url(../../images/navigation.jpg) no-repeat top left ;height :23px;position:relative;padding:2px 5px 4px ;}
.box#navigationH .nav_top{/*height : 20px ;background : transparent url(../../images/nav_top.png) no-repeat bottom left ;*/}
.box#navigationH .nav_bottom{/*height : 20px ;	background : transparent url(../../images/nav_bottom.png) no-repeat top left ;*/}
.box#navigationH li{ 
	background : transparent ;
	padding : 0px ;
	height : auto;
	display : inline-block ;
}
.box#navigationH td img{display: inline; padding-right: 3px;}

/* NAVIGATION VERTICALE 
	.box#navigation : Régis le tableau de navigation
	.box.nav_top : Régis le bas de la navigation
	.box.nav_bottom : Régis le bas de la navigation
	.box#navigation td : Régis chaque ligne de la navigation
*/
.box#navigation{background:transparent url(../../images/nav.png) repeat-y top left ;}
.box.nav_top{height : 15px ;background : transparent url(../../images/nav_top.png) no-repeat bottom left ;}
.box.nav_bottom{height : 20px ;	background : transparent url(../../images/nav_bottom.png) no-repeat top left ;}
.box#navigation li{
	background : transparent ;
	vertical-align : top ;
	padding-top : 5px ;
}
.box#navigation td img{display: inline; padding-right: 3px;}

.box#navigation li.level1{
	background : transparent url(../../images/nav_separe.png) bottom center no-repeat ;
	padding-bottom : 3px ;
}


/* Liens du menu */
.MenuHyperlink, .MenuHyperlinkSelected {
	color: #fff;
	font-weight: bold;
	padding : 0 12px ;
	background:transparent url(../../images/nav_puce.png) left center no-repeat;
}
.MenuHyperlink:hover{text-decoration : underline !important;}
.MenuHyperlinkSelected{
	color: #fff;
	text-decoration : underline !important;
}
.navigation2 .MenuHyperlink, .navigation2 .MenuHyperlinkSelected {
	background-image : none ;
	padding : 2px 0px 2px 7px ;
}

/* Si utilisé dans deco de parametres.php */
#facebook{padding:5px;}
	#facebook a,#facebook a:hover{
		color : #333;
		text-decoration : none;
	}
	#facebook a img{
		vertical-align : middle ;
	}
	


	/* MULTI LANG */
	#drapeau {
		position : absolute ;
		right : 20px ;
		top : 40px ;
	}
	#drapeau img.activeLang{
		border-color : #f00 ;
	}

	/* Permet de travailler spécifiquement sur la boite concernée */
	div.coordonnees .box#Coordonnee{}
	div.coordonnees .box.box_top{}
	div.coordonnees .box.box_bottom{}
	#banner .coordonnees{top : 35px ;right : 20px ;position : absolute;} /* Placement de Coordonnées si == top */
	#footer .coordonnees{top : 35px ;right : 20px ;position : absolute;width:100%;text-align:center;} /* Placement de Coordonnées si == bottom */
	#footer div.coordonnees .box{background : transparent;color:#fff;}
	#footer div.coordonnees  h2{display:inline;color:#fff;}
	
	div.actualites .box#actu{}
	div.actualites .box.box_top{} 
	div.actualites .box.box_bottom{}
	.headline a {
		padding-left : 15px ;
		background : transparent url(../../images/savoir_plus.png) left center no-repeat ;
	}

	#banner .newsletter{
		top : 15px ;
		right : 20px ;
		position : absolute;
	}
	div.newsletter #Newsletter{}
	div.newsletter #Newsletter #news_label{color:#fff!important;display:block;}
	div.newsletter #Newsletter #news_submit{color:#000!important;position:relative;top:0px;}
	div.newsletter #Newsletter input[type="email"]{color:#000!important; width:150px;}

div.boite_separer{height : 15px ;background : transparent url(../../images/separe.jpg) no-repeat top left ;}/* Permet de mettre en style la séparation entre les boites */


fieldset{
	width : 90%;
	margin : auto ;
}

legend{}

h1 {	font-size:1.25em;}
h2, .BodyFontTitle {	
	font-size:1.3em;padding-left:15px;
	background:transparent url(../../images/puce.jpg) left center no-repeat;
	margin-bottom:10px;
	border-bottom:1px solid #035533;
	text-transform:uppercase;
}
span.BodyFontTitle {border-width : 0px ;}
h3, .BodyFontSubTitle {font-size:1.15em;padding-left:25px;}
h4 {font-size:1.10em;padding-left:25px;}
h5 {font-size:1.05em;padding-left:30px;}
h6 {font-size:1em;text-indent:35px;}


.ul_nav_sitemap li a{ /* Puce pour les liens de la page sitemap */
	background : transparent ;
	padding-left : 3px ;
}
.ul_nav_sitemap{
	list-style : square ;
}


/* Actualité */
#actu{height: 200px;}
	 #scrollup {
	   position: relative;
	   border: 0px solid #000;
	   height: 200px;
	   width: 100% ;
	 }
	 #actu .bx-wrapper .bx-viewport{
		background : transparent ;
	 }
	 .headline {
	   height: 200px;
	 }
	 .headline img, .eventline img{
		float : left ;
		padding-right: 5px ;
		max-width : 50px ;
		max-height : 50px ;
	 }
	 .headline h3,.eventline h3{
		padding-left : 0px ;
		background : transparent ;
		clear : both ;
	 }
	 
/* NAVIGATION HORIZONTALE */
#navigationH .navigation1 li ul{
	background : #1F6020 ;
	z-index : 99999 ;
} 
#navigationH .navigation1 li.level1 ul.navigation2{
	margin-left : -10px ;
}
.box#navigationH li.level1{
	text-align : left ;
	padding-right : 10px ;
	padding-left : 10px ;
}
.box#navigationH li.level1 +li.level1{
	padding-left : 14px ;
	/* border-left : 1px solid #fff ; */
	background : transparent url(../../images/nav_separe.png) left center no-repeat ;
	padding-right : 10px ;
}

#navigationH ul.navigation1 li.level1  a.alevel1{
	padding-bottom : 3px ;
}

#navigationH .navigation1 li ul a:hover /* Lorsque la souris passe sur un des liens */    
{
		color: #000; /* On passe le texte en noir... */
		background: #fff; /* ... et au contraire, le fond en blanc */
		text-decoration : underline ;
}
#navigationH .navigation1 li ul /* Sous-listes */
{ 
		-moz-box-shadow: 3px 3px 3px #333; 
		-webkit-box-shadow: 3px 3px 3px #333; 
		box-shadow: 3px 3px 3px #333; 
}

/* Partenaire */
.url_partenaire_url{
	float : left ;
	width : 200px ;
	height : 120px ;
	overflow : hidden ;
	text-align : center  ;
	padding : 10px ;
}

/* RESPONSIVE MOBILE*/

@media (max-width: 480px) {
	.poweredby{color:#000;display:block;margin:auto ;}
	#signature .BottomFontText,#signature .BottomFontText a, .signature * {color: #000 ;}
	#contain, .galerie, .BodyFontText{color: #000;}
	#contain a{color:#035533; font-weight:bold;}
	h1,h2,h3,h4,h5,h6,.BodyFontSubTitle, .BodyFontTitle, legend{color : #000 ;}
	h1,h2,h3,h4,h5,h6,.BodyFontSubTitle, .BodyFontTitle {padding:5px 0px ;}
	#drapeau {
		position : relative !important;
	}
	#drapeau img {
		display : inline-block !important;
	}
	body{
		background : #fff ;
	}
}
@media (max-width: 970px) {
	body{
		background-position : center 57px; 
	}
	#footer img.mobile_only{
		display : none !important;
	}
}