@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Comfortaa_Regular';
    src: url('../fonts/Comfortaa_Regular-webfont.eot');
    src: url('../fonts/Comfortaa_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comfortaa_Regular-webfont.woff') format('woff'),
         url('../fonts/Comfortaa_Regular-webfont.ttf') format('truetype'),
         url('../fonts/Comfortaa_Regular-webfont.svg#Comfortaa_Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Comfortaa_Bold';
    src: url('../fonts/Comfortaa_Bold-webfont.eot');
    src: url('../fonts/Comfortaa_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comfortaa_Bold-webfont.woff') format('woff'),
         url('../fonts/Comfortaa_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Comfortaa_Bold-webfont.svg#ComfortaaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/WebSymbols-Regular-webfont.eot');
    src: url('../fonts/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WebSymbols-Regular-webfont.woff') format('woff'),
         url('../fonts/WebSymbols-Regular-webfont.ttf') format('truetype'),
         url('../fonts/WebSymbols-Regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heydings_controlsregular';
    src: url('../fonts/heydings_controls-webfont.eot');
    src: url('../fonts/heydings_controls-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heydings_controls-webfont.woff') format('woff'),
         url('../fonts/heydings_controls-webfont.ttf') format('truetype'),
         url('../fonts/heydings_controls-webfont.svg#heydings_controlsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksanditalic';
    src: url('../fonts/quicksand-italic-webfont.eot');
    src: url('../fonts/quicksand-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-italic-webfont.woff2') format('woff2'),
         url('../fonts/quicksand-italic-webfont.woff') format('woff'),
         url('../fonts/quicksand-italic-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-italic-webfont.svg#quicksanditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* symboles */

.symboleWeb { /* enveloppe */
font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
font-size:11px;
}

.symboleWebSmall { /* coche */
font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
font-size:10px;
}

.symboleWebMedium { /* flèche */
font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
font-size:12px;
}

.symboleWebBig { /* image */
font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
font-size:14px;
}


body {
  margin:0;
  /*background-color:#e96234; /* L+10 */
  background-color:#FFF;
  background-image:url(../images/fond.png);
  background-repeat:repeat-y;
  overflow-y:scroll;
  font-size:13px;
}


a {
  text-decoration: none;
    color: #8CB32D;
  /*color: #e7511e;*/
  -webkit-transition-property: color;
  -webkit-transition-duration: 2s;
  -moz-transition-property: color;
  -moz-transition-duration: 2s;
  transition-property: color;
  transition-duration: 2s;
  font-family:'Comfortaa_Bold', Arial, Helvetica, sans-serif; 
}


a:hover, a:focus {
  text-decoration: none;
  color: #e7511e;
  /*color: #8CB32D;*/
}



/* images */
.aGauche, .aGauche2 {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
    border:1px solid #8CB32D;
  -moz-border-radius: 5px 0px 5px 0px;
  -webkit-border-radius:5px 0px 5px 0px;
  border-radius:5px 0px 5px 0px;
}

.aDroite {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
  border:1px solid #8CB32D;
  -moz-border-radius: 5px 0px 5px 0px;
  -webkit-border-radius:5px 0px 5px 0px;
  border-radius:5px 0px 5px 0px;
}


a img {
  border:none;
}


img {
  max-width:100%;
  height:auto;
  width:auto;
  box-sizing:border-box;
}

.blocImage {
  width:50%;
}

/* symboles */

.symboleWeb { /* enveloppe */
  font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
  font-size:11px;
}

.symboleWebSmall { /* coche */
  font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
  font-size:10px;
}

.symboleWebMedium { /* flèche */
  font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
  font-size:12px;
}

.symboleWebBig { /* image */
  font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
color:#8CB32D;
  font-size:14px;
}


.webSymbol {
  font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
  font-size:14px;
  color:#8CB32D;
}

.webSymbol2 {
  font-family: 'heydings_controlsregular', Arial, Helvetica, sans-serif; 
  font-size:14px;
  color:#8CB32D;
}

.webSymbol2-small {
  font-family: 'heydings_controlsregular', Arial, Helvetica, sans-serif; 
  font-size:12px;
  color:#8CB32D;
}

.webSymbol3-small {
  font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
  /* font-size:12px; */
  font-size:11px;
  color:#8CB32D;
}

.webSymbol3-small2 {
  font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif; 
  font-size:14px;
  color:#8CB32D;
}


#conteneur{ /* pour écrans 1024X768 */
/*width:948px;
position:relative;  
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;*/
width:960px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}


/* ......................................... en-tête et menu .................................................. */



#header {
  /*display:inline-block;*/
  width:960px;
  color:#FFFFFF;
  /*background-color:#e7511e;*:
  /* Anciens navigateurs */
	background: #e7511e url("../images/bg_header.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e96234),
		to(#e7511e)
	);
	background: -webkit-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -moz-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -o-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	/* IE 11 */
	background-image: linear-gradient(
		to bottom,
		#e96234,
		#e7511e
	);
  float:left;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing:1px;
}


#header a {
  color:#FFFFFF;
  text-decoration:none;
  -webkit-transition-property: color;
  -webkit-transition-duration: 2s;
  -moz-transition-property: color;
  -moz-transition-duration: 2s;
  /* … et lorsque ce sera standardisé */
  transition-property: color;
  transition-duration: 2s;
}
				
#header a:hover, #header a:focus {
  color:#7fc496; 
  text-decoration:none;
}


#contenuHeader {
  width:960px;
  /*width:74%; /* 950/1280=0.74*/
  margin-left:auto;
  margin-right:auto;
  background-color:#e7511e;
}


#logo {
  display:inline-block;
  width:192px;
  height:auto;
  background-color:#FFFFFF;
  /*border:1px solid #FFFFFF;
  -moz-border-radius: 5px 0px 5px 0px;
  -webkit-border-radius:0px 5px 5px 0px;
  border-radius:5px 0px 5px 0px;*/
  margin:0px 0px 0px 0px;
  float:left;
  border-bottom:1px solid #FFFFFF; /* pour Firefox Win */
}

#logoResponsive { /* uniquement pour les petits écrans : on enlève align="center" */
	display:none;
}

#logoIE { /* uniquement pour les petits écrans : on enlève align="center" */
	display:none;
}


#m2ie {
  overflow:hidden;
  display:inline-block;
  /*padding:16px 0px 14px 60px;*/
    padding:7px 0px 7px 0px; 
  /*width:834px; /* 960-126 (#logo) */
  /*height:138px; /* 148 - padding 10 */
  float:left;
  padding-left:10%;
  width:70%;
}

#texteM2ie { 
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
  /* letter-spacing:4px; */
    letter-spacing:2px;
  font-size: 15px;
  color:#FFFFFF;
}

#nom {
	  font-size: 30px;
	  padding-bottom:10px;
	  letter-spacing:1px;
}

#texteSlogan { 
  font-family: 'quicksanditalic', Arial, Helvetica, sans-serif; 
  /*letter-spacing:4px;*/
  letter-spacing:1px;
  font-size: 18px;
  color:#FFFFFF;
  padding-top:20px;
}


#conteneurMenu{
  width:100%;
  /*width:74%; /* 950/1280=0.74*/
  float:left;
  margin:0px 0px 10px 0px;
}


/*#menu {
  height:49px; 
  margin-left:auto;
  margin-right:auto;
  color:#FFFFFF;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
  font-size:17px;
  letter-spacing:1px;
}*/


#navigation {
  margin: 0 ;
  padding: 0 ;
  list-style: none ;
  text-align: center ;
  color:#FFFFFF;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
  font-size:17px;
  letter-spacing:1px;
}

#navigation li {
  float:left;
  clear:both;
  width:100%;
  line-height:49px;
  margin-bottom:1px;
}


#navigation li.active a {
  color:#FFFFFF;
  text-decoration: none ;
  display:block;
  /*background-color:#e7511e;*/
    /* Anciens navigateurs */
	background: #e7511e url("../images/bg_menu-alt.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e96234),
		to(#e7511e)
	);
	background: -webkit-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -moz-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -o-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	/* IE 11 */
	background-image: linear-gradient(
		to bottom,
		#e96234,
		#e7511e
	);
		}


#navigation li.inactive a {
  color:#FFFFFF;
  text-decoration: none ;
  display:block;
  /* background-color:#8CB32D; */
    /* Anciens navigateurs */
	background: #8CB32D url("../images/bg_menu.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#97ba42),
		to(#8CB32D)
	);
	background: -webkit-linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	background: -moz-linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	background: -o-linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	background: linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	/* IE 11 */
	background-image: linear-gradient(
		to bottom,
		#97ba42,
		#8CB32D
	);
}

#navigation li.inactive a:hover, #navigation li.inactive a:focus, #navigation li.inactive a:active  {
  text-decoration: none ;
  display:block;
/* background-color:#e7511e; */
  /* Anciens navigateurs */
	background: #e7511e url("../images/bg_menu-alt.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e96234),
		to(#e7511e)
	);
	background: -webkit-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -moz-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -o-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	/* IE 11 */
		background-image: linear-gradient(
		to bottom,
		#e96234,
		#e7511e
	);
}


#navigation  li a.first {
  background-color:#8CB32D;
}

#navigation  li a.last {
  border:none;
  background-color:#8CB32D;
}




#navigation li a:hover, #navigation li a:focus, #navigation li a:active,  {
  text-decoration: none ;
  display:block;
background-color:#e7511e;
}



/*................................................................ milieu ................................................................................. */



#content { /* pour écrans 1280X800 */
  width:960px;
  margin-left:auto;
  margin-right:auto;
  /*max-width:1280px;*/
}

#gauche {
	width:20%;
	float:left;
}

#gaucheResponsive {
display:none;
}


.blocInfo1 {
  background-color:#FFFFFF;
  border:1px solid #e96234; /* orange L+10 */
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border-radius:10px 0px 10px 0px;
  border-radius:10px 0px 10px 0px;
  float:left;
  clear:right;
  width:180px;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#313131; /* gris 90% */
  padding:0;
  margin-left:10px;
  margin-bottom:10px;
}


.sousTitreBlocInfo {
	font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
	color:#e7511e;
}

.TitreBlocInfo1 {
  color:#FFFFFF;
  /*background-color:#ed7c56; /* orange L+25 */
    background-color:#e96234; /* orange L+10 */
  padding:0px 0px 0px 5px;
  border:1px solid #e96234;
  -moz-border-radius: 10px 0px 0px 0px;
  -webkit-border-radius:10px 0px 0px 0px;
  border-radius:10px 0px 0px 0px;
  margin:0;
  letter-spacing:1px;
}
	

.paragBlocInfo1 {
	padding:0px 5px 0px 5px;
}


.blocInfo2 {
  background-color:#FFFFFF;
  /*border:1px solid #97ba42; /*vert L+10*/
  border:1px solid #8CB32D; /* vert */
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border-radius:10px 0px 10px 0px;
  border-radius:10px 0px 10px 0px;
  float:left;
  clear:right;
  width:180px;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#313131; /* gris 90% */
  padding:0;
  margin-left:10px;
  margin-bottom:10px;
}


.TitreBlocInfo2 {
  color:#FFFFFF;
  /*background-color:#a8c661; /*vert L+25*/
  /*background-color:#97ba42; /*vert L+10*/
    background-color:#8CB32D; /*vert*/
  padding:0px 0px 0px 5px;
  border:1px solid #8CB32D;
  -moz-border-radius: 10px 0px 0px 0px;
  -webkit-border-radius:10px 0px 0px 0px;
  border-radius:10px 0px 0px 0px;
  margin:0;
  letter-spacing:1px;
}
	

.paragBlocInfo2 {
	padding:0px 5px 0px 5px;
}


.lienAdresse a {
	color:#313131; /* gris 90% */
	font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif;
	-webkit-transition-property: color;
  -webkit-transition-duration: 2s;
  -moz-transition-property: color;
  -moz-transition-duration: 2s;
  transition-property: color;
  transition-duration: 2s;
}

.lienAdresse a:hover, .lienAdresse a:focus {
  color:#e7511e; 
  text-decoration:none;
}




.logosPartenaires {
	margin-top:20px;
}


#droite {
	width:80%;
	float:left;
}

				

ul, li {
  margin:0; 
  padding:0; 
  list-style:none;
}



#titreParagraphe {
  background-color:#e96234; /* orange L+10 */
  color:#FFFFFF;
  margin-bottom:10px;
  padding:0px 0px 0px 5px;
  border:1px solid #e7511e;
  -moz-border-radius: 5px 0px 5px 0px;
  -webkit-border-radius:5px 0px 5px 0px;
  border-radius:5px 0px 5px 0px;
   font-size:17px;
}

.sousTitre {
  color:#e7511e;
  font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
  font-size:17px;
}

.sousTitre2 {
  color:#8CB32D;
  font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
  font-size:17px;
}

.sousTitre3 {
  color:#e7511e;
  font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
  font-size:17px;
  letter-spacing:2px;
  padding-bottom:20px;
}

.sousTitre4 {
  color:#8CB32D;
  font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
  font-size:17px;
  letter-spacing:2px;
  padding-bottom:20px;
}


#texteParagraphe {
  /*float:right;*/
  padding:10px;
  text-align:justify;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif;
  font-size: 15px;
  /*font-size:82%*/
  line-height:1.7;
  color:#313131; /* gris 90% */
  /* color:#434343; /* gris 85% */
  letter-spacing:1px;
}

.dateActu {
  color:#e7511e;
  font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
}


.blocActus1 {
overflow:hidden;
display:inline-block;
float:left;
border: 1px solid #cfe8c0; /* luminosité +70*/
background-color:#eff7ea; /* luminosité +90*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
margin-bottom:10px;
}

.blocActus2 {
overflow:hidden;
display:inline-block;
float:left;
border: 1px solid #cfe8c0; /* luminosité +70*/
background-color:#FFFFFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
margin-bottom:10px;
}

.puce {
	color:#8CB32D;
	  font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
	  font-size:16px;
}
	

/* class column pour le script unifiant la hauteur des colonnes */
.column1, .column2 {
  float:left;
}



.blocImage2 {
  /*width:25%;*/
  width:33%;
  float:right;
  clear:left;
}


/* ............................. pied ........................................... */


#footer {
  margin-top:10px;
  /*overflow:hidden;*/
  display:inline-block;
  width:100%;
  height:74px; /* 74=moitié hauteur header */
  /*margin-top:10px;*/
  border:1px solid #e7511e;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing:1px;
  color:#FFFFFF;
  /* background-color:#e7511e; *:
  /* Anciens navigateurs */
	background: #e7511e url("../images/bg_footer.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e96234),
		to(#e7511e)
	);
	background: -webkit-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -moz-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -o-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	  /* IE 11 */	
    background-image: linear-gradient(
	to bottom,
	  #e96234,
	  #e7511e
  );	
}


.hautFooter {
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
  font-size: 12px;
  letter-spacing:1px;
  color:#FFFFFF;
}


#footer a {
  color:#FFFFFF;
  text-decoration:none;
  -webkit-transition-property: color;
  -webkit-transition-duration: 2s;
  -moz-transition-property: color;
  -moz-transition-duration: 2s;
  /* … et lorsque ce sera standardisé */
  transition-property: color;
  transition-duration: 2s;
}
				
#footer a:hover, #footer a:focus {
  color:#8CB32D; 
  text-decoration:none;
}

/*............ SLICKNAV .........*/

.slicknav_menu {
	display:none;
}


#conteneurMenu{
  width:100%;
  /*width:74%; /* 950/1280=0.74*/
  float:left;
  margin:0px 0px 10px 0px;
}


#menu {
  height:49px; /* 148/3 = 1/3 hauteur header */
  margin-left:auto;
  margin-right:auto;
  color:#FFFFFF;
  font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
  font-size:17px;
  letter-spacing:1px;
}


#menu {
  margin: 0 ;
  padding: 0 ;
  list-style: none ;
  text-align: center ;
}

#menu li {
  float:left;
  clear:both;
  width:100%;
  line-height:49px;
  margin-bottom:1px;
}


#menu li.active a {
  color:#FFFFFF;
  text-decoration: none ;
  display:block;
  /*background-color:#e7511e;*/
    /* Anciens navigateurs */
	background: #e7511e url("../images/bg_menu-alt.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e96234),
		to(#e7511e)
	);
	background: -webkit-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -moz-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -o-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	/* IE 11 */
	background-image: linear-gradient(
		to bottom,
		#e96234,
		#e7511e
	);
		}


#menu li.inactive a {
  color:#FFFFFF;
  text-decoration: none ;
  display:block;
  /* background-color:#8CB32D; */
    /* Anciens navigateurs */
	background: #8CB32D url("../images/bg_menu.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#97ba42),
		to(#8CB32D)
	);
	background: -webkit-linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	background: -moz-linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	background: -o-linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	background: linear-gradient(
		top,
		#97ba42,
		#8CB32D
	);
	/* IE 11 */
	background-image: linear-gradient(
		to bottom,
		#97ba42,
		#8CB32D
	);
}

#menu li.inactive a:hover, #menu li.inactive a:focus, #menu li.inactive a:active  {
  text-decoration: none ;
  display:block;
/* background-color:#e7511e; */
  /* Anciens navigateurs */
	background: #e7511e url("../images/bg_menu-alt.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e96234),
		to(#e7511e)
	);
	background: -webkit-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -moz-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: -o-linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	background: linear-gradient(
		top,
		#e96234,
		#e7511e
	);
	/* IE 11 */
		background-image: linear-gradient(
		to bottom,
		#e96234,
		#e7511e
	);
}


#menu  li a.first {
  background-color:#8CB32D;
}

#menu  li a.last {
  border:none;
  background-color:#8CB32D;
}




#menu li a:hover, #menu li a:focus, #menu li a:active,  {
  text-decoration: none ;
  display:block;
background-color:#e7511e;
}

/* ............................................ */

#formulaire {
	width:100%;
}

/* ............................................ */

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
	/* ............................. horaires........................................... */


#horaires {
width:100%;
float:left;
padding-top:5px;
}

.jour1 {
background-color:#8ab22d;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-size: 14px;
color:#FFFFFF;
padding:0.40%; /* padding:3px = 3/748 = 0,00401069518717 = 040% */
margin-bottom:10px;
float:left;
width:32.33%; /* 3px de padding = 6/748 = 0,00802139037433 => 33.33-0.80=32.53  + border-left 1px X2 (heureOn) : 2/748 = 0,00267379679144 => 32.53-0,267379679144 = 32.33*/
}


.jour2 {
background-color:#9cbe4e;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-size: 14px;
color:#FFFFFF;
padding:0.40%;
margin-bottom:10px;
float:left;
width:32.33%;
clear:left;
}


.jour3 {
background-color:#8ab22d;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-size: 14px;;
color:#FFFFFF;
padding:0.40%;
margin-bottom:10px;
float:left;
width:32.33%;
clear:left;
}

.heureOn1L1 {
background-color:#8ab22d;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-size: 14px;
color:#FFFFFF;
padding:0.40%;
margin-bottom:10px;
float:left;
width:32.33%;
border-left:1px solid #fff;
}

.heureOn2L1 {
background-color:#8ab22d;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-size: 14px;
color:#FFFFFF;
padding:0.40%;
margin-bottom:10px;
float:left;
width:32.33%;
border-left:1px solid #fff;
}

.heureOn1L2 {
background-color:#9cbe4e;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif;; 
font-size: 14px;
color:#FFFFFF;
padding:0.40%;
margin-bottom:10px;
float:left;
width:32.33%;
border-left:1px solid #fff;
}

.heureOn2L2 {
background-color:#9cbe4e;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-size: 14px;
color:#FFFFFF;
padding:0.40%;
margin-bottom:10px;
float:left;
width:32.33%;
border-left:1px solid #fff;
}

.heureOff {
/*background-color:#a0a0a0;/* gris 50% */
background-color:#b5b5b5; /* gris 40%*/
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-size: 14px;
color:#FFFFFF;
padding:0.40%;
margin-bottom:10px;
float:left;
width:32.33%;
border-left:1px solid #fff;
}

/*.......................... STYLES POUR  LA PAGE OFFRE DE SERVICE ................................ */

.celluleGauche, .celluleDroite {
width:50%;
padding-bottom:10px;
float:left;
}

.celluleDroite {
clear:right;
}

.versHaut {
width:100%;
clear:left;
}

.separateur {
width:100%;
height:1px;
background-color:#a0a0a0;/* gris 50% */
margin:20px 0 20px 0;
}

.separateur2 {
width:100%;
height:1px;
background-color:#a0a0a0;/* gris 50% */
}

#listeServices {
margin:0 0 30px 0;
}

.puce2 {
	color:#e7511e;
	  font-family: 'Comfortaa_Bold', Arial, Helvetica, sans-serif;
	  font-size:16px;
}

/*.......................... STYLES POUR  LA PAGE IAE ................................ */

#listeIae {
	width:100%;
}

.menuIae {
	float:left;
	width:25%;
}

.menuIaeLast {
	float:right;
	width:25%;
}

.itemIae {
	padding:0 0 0 5px;
	background-color:#8CB32D;
	color:#FFF;
	width:95%;
	display:block;
}

.itemIae a {
  	color:#FFF;
}

.itemIae a:hover, .itemIae a:focus {
  	text-decoration: none ;
	color:#e7511e;
}

#separateurIae {
	height:50px;
}

/*.......................... AJOUTS PAGE D'ACCUEIL ................................ */

.creditPhoto {
float:left;
clear:left;
width:100px;
font-family: 'Comfortaa_Regular', Arial, Helvetica, sans-serif; 
font-weight:normal;
font-size:8px;
color:#A0A0A0;
}

.logoPartenaire { 
	padding:0 60px 15px 0;
}

#texteLettre { 
  font-family: 'quicksanditalic', Arial, Helvetica, sans-serif; 
  letter-spacing:normal;
  font-size: 16px;
}


.texteBold {
	font-family:'Comfortaa_Bold', Arial, Helvetica, sans-serif; 
}


/* .............................. LIGHTBOX ................................ */

#hidden { /* pour les liens de la lightbox */
  display:none;
}