/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

 
/* FONTS  ==============================================================*/


@font-face {
    font-family: 'boton-bold';
    src: url('/fonts/boton-bold-webfont.eot');
    src: url('/fonts/boton-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/boton-bold-webfont.woff2') format('woff2'),
         url('/fonts/boton-bold-webfont.woff') format('woff'),
         url('/fonts/boton-bold-webfont.ttf') format('truetype'),
         url('/fonts/boton-bold-webfont.svg#boton-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
  @font-face {
    font-family: 'boton-medium';
    src: url('/fonts/boton-medium-webfont.eot');
    src: url('/fonts/boton-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/boton-medium-webfont.woff2') format('woff2'),
         url('/fonts/boton-medium-webfont.woff') format('woff'),
         url('/fonts/boton-medium-webfont.ttf') format('truetype'),
         url('/fonts/boton-medium-webfont.svg#boton-medium') format('svg');
    font-weight: normal;
    font-style: normal;
 }
  @font-face {
    font-family: 'boton-regular';
    src: url('/fonts/boton-regular-webfont.eot');
    src: url('/fonts/boton-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/boton-regular-webfont.woff2') format('woff2'),
         url('/fonts/boton-regular-webfont.woff') format('woff'),
         url('/fonts/boton-regular-webfont.ttf') format('truetype'),
         url('/fonts/boton-regular-webfont.svg#boton-regular') format('svg');
    font-weight: normal;
    font-style: normal;
 }
 
 
 /* COLORS  ==============================================================*/

 :root {
	--teal: #2FB1C4;
	--tealRGB: 47, 177, 196;
} 
 
 /* EXCLUSION  ==============================================================*/
 
.iphone {
	display:none;
 }
.ie .iphone {
	display:none;
 }
 #alert_too_small {
 	display:none;
}

 /* CKEDITOR  ==============================================================*/

body#editor {   
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom:6px;
 	background:#fff;
	font-family:Arial, Helvetica, sans-serif
}
body#editor .danger{   
	background:url(/img/danger.png) no-repeat;
	width:160px;
	height:150px;
	padding-top:15px;
}
body#editor .members_only{  
	 background-image:url(/img/fond_members_only.jpg);
 }
body#content .members_only{ 
	 background-image:none;
	 padding:0;
 }
body#editor .public_only{  
	 background-image:url(/img/fond_members_only.jpg);
 }
body#content .public_only{ 
	 display:none;
	 background-image:none;
	 padding:0;
 }
 body#editor .slide_div {  background:#FFC }


/* VIDEO  ==============================================================*/

 #bgvid { 
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background-size: cover;
}
/*
*/
.media_embed        {
    position: relative;
 	XXXpadding-bottom: 56.25%;
 	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	width:100%;
	overflow: hidden;
	z-index:2000;
}
body#editor .media_embed        {
	height: 100%;
}


 
.media_embed img {
    display: block;
    width: 100%;
    height: auto;
}
body#editor .media_embed img {
     width: 1px;
    height: 1px;
}

.media_embed iframe {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 



/* GENERALITES  ==============================================================*/

.bande_bas{
	padding:20px;
	color:#999;
	font-size:16px;
	line-height:26px;	
	max-width: 1200px;
	width:67%;
	float:left;
 }
	#mc_embed_signup{
 		background:#fff; 
 		font:14px Helvetica,Arial,sans-serif; 
	width:50%;
	min-width:300px;
	max-width: 1200px;
 	padding-right:20px;
	margin:0 auto;
	}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */



#inline h3{
	margin:10px 0;
}
header nav.utilities ul li.cut{ 
	display:none;
	clear:both;
}

.left{ float:left; margin-right:10px;}
.right{float:right; margin-left:10px;}

.addthis_sharing_toolbox{
	position:absolute;
	z-index:100;
	margin-left:20px;
	margin-top:-46px;
}
.addthis_sharing_toolbox.page{
	position:absolute;
	z-index:100 ;
	right:20px;
	top:140px;
 }

body#content hr,body#editor hr,body#frame hr {
		color: #ccc;
		background-color: #ddd;
		height: 2px;
		border:0;
		margin:22px 0!important;
		clear: both;
   }
.no_break{white-space:nowrap;}

input ,textarea{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
}

p { margin: 0 0 .5em 0 ; }

a {text-decoration:none;  }
a:link {color:#2690cd;}
a:visited   {color:#2690cd;}
a:hover  {color:#000; }
a:active  {color:#2690cd; }

 img.right {
	margin-left: 20px;
	float:right;
}
 img.left {
	margin-right: 20px;
	float:left;
}

input.bouton, span.bouton {
	border:0 !important;
	background-color:#7eba41;
 	font-weight:bold;
 	text-align:center;
	color:#fff;
	cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; 
 	padding: 5px 15px ;
}
.bouton.online {
	font-size:20px; 
 	padding: 4px 8px ;
	font-family: 'boton-medium';
	display:inline-block;
	vertical-align:top;
	float:right;
	margin:0 0 10px 10px;
}

input.bouton:hover, span.bouton:hover {
	background-color:#4d8b0e!important;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
 }
input.bouton:active, span.bouton:active {
	background-color:#22326a!important;
	color:#fff;
}

p.galerie span{ 
	display:block;
 	text-align:center;
	padding-bottom:6px;
	float:left;
	font-size:.8em;
	margin-right:10px;
}
nav.main ul.first #close{ 
	display:none;
}



/*  -------------  */

 article h1 ,body#editor h1, h1{
    font-family:Arial, Helvetica, sans-serif;
	color:#f04812;
	font-weight:normal;
	margin:0 0 22px 0;
	padding:0px 0 6px 0;
 	font-size:30px;
	line-height:1em;
	border-bottom:2px solid #f04812; 
	letter-spacing:-.015em;
 }
body#editor  h2,body#editor  h3,body#editor h4,body#editor h5,body#editor h6,
article  h2,article  h3,article h4,article h5,article h6, h2, h3{
	font-weight:normal;
	margin:0;
 	line-height:1em;
	color:#333;
    font-family:Arial, Helvetica, sans-serif;
}
body#editor  h2,article h2, h2{
 	margin-bottom:6px;
	font-size:24px;
	letter-spacing:-.015em;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	line-height:1.2em;
	margin:15px 0 10px 0;
 } 

body#editor  h3,article h3, h3{ /*lien DL */
  	margin:20px 0;
	font-weight:bold;
	color:#0b4f00;
	font-size:18px;
	line-height:1.6em;
}
body#editor  h3.petit_padding,article h3.petit_padding{ /*lien DL */
  	margin:10px 0 6px 0;
	line-height:1.3em;
}
 .references{
	font-style:italic;
	font-size:.8em;
	line-height:1.35em;
	color:#666;
}
 .stamp{
	font-family:'boton-bold';
	font-size:14px;
 	color:#f04812;
	border: 3px solid #f04812;
	text-align:center;
	display:inline;
	padding:6px;
	margin-left:10px;
	vertical-align:super;
}
/*  outils  */

 #ariane{
 	margin-bottom:18px;
	font-size:.8em;
 	color:#666;
}

#outils .st_sharethis{
	margin-top:10px; position:absolute
}

#outils .st_sharethis{margin-top: 1px}

.a_cacher{display:none}



/* PREMIER NIVEAU  ==============================================================*/
 	
html{
	#height:100%;
}
body#content {
   	margin:0 0 0 0;
	padding:0 0  0px 0;	
 	font-size:100%;
	width:100%;
	height:100%;
	background:#fff;
	color:#333;
}
 div#container {
	margin:0 auto 0 auto;
	width:100%;
 }
div#main {
	margin:0 auto;
  	padding:0  ;
	overflow:hidden;
 	width:100%;
	max-width:1200px;
	/* min-width:980px; */
    }
body#content.page  div#main {
	margin:200px auto 0 auto;
 }

 div.content_container{
	margin:0;
	padding:0;
 	width: calc( 100% - 40px );
	margin:0 20px 0 20px;
 }

div.content_container img {
	max-width: 100% !important;
	height: auto !important;
}
  
/* ... banieres ............. */

body#content.page.cat_1 ,
body#content.page.cat_2 ,
body#content.page.cat_3 ,
body#content.page.cat_4 ,
body#content.page.cat_5 ,
body#content.page.cat_6 ,
body#content.page.cat_7 ,
body#content.page.cat_8 ,
body#content.page.cat_100 {
	background-size:contain;
	background-position:top center;
	background-repeat:no-repeat;
}
body#content.page.cat_1 { background-image:url(/img/ban_1.jpg); }
body#content.page.cat_2 { background-image:url(/img/ban_6.jpg); }
body#content.page.cat_3 { background-image:url(/img/ban_2.jpg); }
body#content.page.cat_4 { background-image:url(/img/ban_4.jpg); }
body#content.page.cat_5 { background-image:url(/img/ban_8.jpg); }
body#content.page.cat_100 { background-image:url(/img/ban_1.jpg); }


/* HEADER  ==============================================================*/
 
#nav_mobile img{
	width:28px;
	height:auto;
	margin-left:6px
}

header #nav_mobile{ display:none; }

.check_alerte{
	font-size:1.8em;
	margin-right:10px	
	
}
div.alerte_1{ 
	background:#8dc03d;
}
div.alerte_2{ 
	background:#c00;
}
div.alerte{ 
 	width:100%;
	padding:10px;
	color:#fff; 
	font-family: 'boton-regular';
	letter-spacing:0.04em
}
div.alerte img{ 
 	vertical-align:bottom;
	margin-right:10px;
 }
div.alerte span.titre{ 
	display:inline-block;
}
div.alerte span.titre{ 
	font-size:1.8em;
	font-family: 'boton-medium';
	text-transform:uppercase;
}
div.alerte div{ 
	/* min-width:980px; */
	max-width:1200px;
	margin:0 auto;
	width:auto;
	text-align:center
}
header {
	margin:0 auto;
	padding:10px 20px;
	width:100%;
 	background-color: #342a1d;
	background-image:url(/img/fond_ciel.jpg);
	background-position:center top;
	height:96px;
	overflow:hidden;
}
header #header_cont{
	/* min-width:980px; */
	max-width:1200px;
	margin:0 auto;
}
header nav{
	letter-spacing:.06em;
}
header nav.utilities{
	float:right;
	font-family: 'boton-regular';
	font-size:.8em
}
header nav.main{
 	float:right;
 	font-family: 'boton-medium';
 	width: calc( 100% - 180px );
	max-width: 800px;
	/* margin-top:13px; */
}
header nav.main a {
	text-decoration:none;  
 	display:block
}

header nav a {text-decoration:none;}
header nav a:link {color:#fff;}
header nav a:visited   {color:#fff;}
header nav a:hover  {color:#ccc; }
header nav a:active  {color:#fff; }

header nav ul{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
header nav ul li{
	float:left;
	margin:0;
	padding:0;
}
header nav.utilities ul li{
	margin: 0 0 0 20px;
}
header nav.main ul{
 	float:right;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
header nav.main ul li{
	/* margin: 0 0 0 20px; */
 	overflow:visible;
	text-align:right;
	padding: 13px 0;
 }

	header nav.main li.webcams {
		background-color: rgba(var(--tealRGB), .7);
		background-image: none !important;
		display: grid;
		padding-left: 13px;
		padding-right: 13px;
		border-radius: 5px;
	}

	header nav.main li.webcams a {
		display: grid;
		justify-items: center;
		align-items: center;
	}

	header nav.main li.webcams img {
		width: 140px;
		display: block;
	}

	div.webcams {
		display: none;
	}
 
 header nav.main ul.first #achath{ 
	
	

	color:#f3db07f6;

}
header nav.main ul.sub {
     display:none;
	 position:absolute;
	 background:rgba(255,255,255,.85);
  	 -moz-border-radius:8px;
	 -webkit-border-radius:8px;
	 border-radius:8px;
 	 padding : 10px 6px 6px 6px;
	 z-index:1500;
	 font-size:.9em;
	margin:31px 0 0 0;
	width: unset;
}

header nav.main ul ul.sub li  { 
	 padding:6px 0;
	 width:auto!important;
	 white-space: nowrap;
	 height:auto;
}
header nav.main ul ul.sub li:hover  { 
	background-color: rgba(241, 85, 41, 0.7);
}
 header nav.main ul ul.sub li a{ 
	 padding:0px 8px;
	 width:100%;
 	 font-family: 'boton-regular';
	 color:#000;
	 text-align:left;
}
 
header nav.main ul ul.sub li {
	 font-family: Arial, Helvetica, sans-serif;
	 float:none;
	 overflow:hidden;
	 border:0;
	 margin:0;
}

/* Barre conditions . . . . . . . . . . . . . */

header div#barre_conditions {
	 position:absolute;
	 z-index:500;
 	 width:calc( 100% - 40px );
	 height:40px;
	 top:110px;
	 text-align:center;
	 /* min-width:990px */
}
header div#barre_conditions ul{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
 }
header div#barre_conditions ul li{
	display:inline-block;
	background:rgba(81,150,0,0.7);
	#padding:2px 3px 0px 3px;
	margin:0;
	width:160px;
 	font-family: 'boton-regular';
	color:#fff;
	height:56px;
	#line-height:52px;
	font-size:22px;
	letter-spacing:.045em;
	overflow:hidden;
	background-image:url(/img/tiret_v.png);
	background-position:center right;
	background-repeat:no-repeat;
 }
header div#barre_conditions ul li a{
	color:#fff;
 }
header div#barre_conditions ul li:nth-child(6n+0) {
	background-image:none;
 } 

header div#barre_conditions ul li div{
 	margin:4px auto 0 auto;
	width:160px;
 	position:absolute;
	text-align: center;
 }
header div#barre_conditions ul li div span,
header div#barre_conditions ul li div img{
 	vertical-align:middle;
  }
header div#barre_conditions ul li.temperature {
 	font-size:20px;
 }
header div#barre_conditions ul li.pistes,
header div#barre_conditions ul li.neige{
 	font-size:10px;
}
header div#barre_conditions ul li.pistes img,
header div#barre_conditions ul li.neige img{
 	float:left;
	margin:0
}
header div#barre_conditions ul li.pistes .po,
header div#barre_conditions ul li.neige .h24{
 	display:inline-block;
	margin-top:6px;
	text-align:left
}
header div#barre_conditions ul li.pistes .nbr,
header div#barre_conditions ul li.neige .cm{
 	font-size:20px;
	text-align:left;
 	margin-top:0px;
	line-height:22px!important
}
header div#barre_conditions ul li.carte,
header div#barre_conditions ul li.remontees,
header div#barre_conditions ul li.surface{
 	font-size:10px;
 }
header div#barre_conditions ul li.surface span{
 	margin-top:3px;
 	text-align:left;
	vertical-align:center;
 	display:table-cell;
 }
header div#barre_conditions ul li.surface div{
 	display:table;
 }
header div#barre_conditions ul li.surface img{
 	float:left;
	margin:0
}
header div#barre_conditions li.remontees span{
 	display:block;
 	text-align:center;
	float:left
 }
header div#barre_conditions li.remontees span.r2{
 	width:43%;
 }
 header div#barre_conditions li.remontees span.r3{
 	width:57%;
 }
header div#barre_conditions li.remontees img{
 	display:block;
 	 margin: 0px auto;
}
header div#barre_conditions li.carte div{
  	 margin-top: 8px  ;
}
header div#barre_conditions li.carte {
	background:rgba(241,85,41,0.7);
}
header div#barre_conditions li.carte:hover {
	#background:rgba(243,131,51,0.7);
}
header div#barre_conditions li.carte a{
	float:left;
	display:block;
	width:50%;
}
header div#barre_conditions li.carte a div{
	position:relative;
	width:auto!important;
}


img.jour_soir {
	float:none!important;
	display:inline;
	vertical-align:top!important;
 } 
.remontees_out{
	-khtml-opacity: 0.4;      /* khtml, old safari */
	-moz-opacity: 0.4;       /* mozilla, netscape */
	opacity: 0.4;           /* fx, safari, opera */
}
 /*. . . . . . . .  . . . . . . . . . . . . . */



header #logo{
	width:auto;
	display:block;
	float:left;
 }
header div#inline{
 	display:none;
 }
 

/* HP  ==============================================================*/
 
.trace_1, .trace_2{
	width:100%;
	margin-top:-20px;
	position:absolute;
	z-index:350;
  	/* min-width:980px; */
}
.trace_2{
	margin-top:14px;
}

/* boites HP */

ul#boites_3 {
  	/* min-width:980px; */
 	max-width:1200px;
	overflow:hidden;
	list-style:none;
	margin:22px auto 20px auto;
 	padding:0;
	 display: flex;
	 justify-content: space-between;
	 flex-wrap: wrap;
	}
ul#boites_3 li{
  	width: calc( 27% - 14px);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:5px;
	/* float:left; */
 	height:210px;
	/* margin-right:100px; */
	overflow:hidden;
	background-size:cover;
	background-color:#94c83d;
  	/* display:table; */
		display: grid;
	}
	ul#boites_3 li a{
		/* display:table-row; */
		/* width:100%; */
		display: grid;
		align-items: center;
		text-align:center
	}
	/* ul#boites_3 li:nth-child(3n+0) {
		margin-right:0px;
	}  */
	ul#boites_3 li img{
		width:100%;
	}
	ul#boites_3 .flex-caption{
		padding: 20px;
		/* display:table-cell; */
 	z-index:300;
	width:100%;
	/* padding:26px 20px;
	vertical-align:middle; */
	margin:0 auto;
}
.boites_HP{
	font-family: 'boton-medium';
	font-size:26px;
	line-height:1em;
	color:#fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
 }

/* boites HP */

body.page ul#boites_3 {
  	width:100%;
  	min-width:0;
 	padding:0  ;
 }
body.page ul#boites_3 li{
  	width:100%;
	float:none;
 	height:170px;
	margin-bottom:20px;
}
body.page ul#boites_3 li:nth-child(3n+0) {
	margin-right:0px;
 } 
body.page ul#boites_3 li img{
  	width:100%;
}
body.page ul#boites_3 .flex-caption{
  	display:block;
 	z-index:300;
	width:100%;
	/* padding:26px 20px; */
}
body.page .boites_HP{
	font-family: 'boton-medium';
	font-size:30px;
	line-height:1em;
	color:#fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
 }

/* . . . . . .  */


.boites_HP2{
	font-family: 'boton-medium';
	font-size:30px;
	line-height:1em;
	color:#333;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.6);
 }

div#news {
 	width:100%;
 	overflow:hidden;
	min-height:50px;
	background:#f2f3e7;
	margin-top:20px;
 }
 div#news h2 a {text-decoration:none;  }
div#news h2 a:link {color:#999;}
div#news h2 a:visited   {color:#999;}
div#news h2 a:hover  {color:#666; }
div#news h2 a:active  {color:#999; }

div#news h2{
 	/* min-width:980px; */
 	max-width:1200px;
	margin:10px auto  0px auto;
 	overflow:hidden;
 	background:#f2f3e7;
	padding-left:20px;
	font-size:28px;
	font-family: 'boton-medium';
	color:#999;
	letter-spacing:.02em
 }
div#news ul{
 	/* min-width:980px; */
 	max-width:1200px;
  	width:100%;
	padding:0 20px;
 	overflow:hidden;
	list-style:none;
	margin:12px auto 20px auto;
  }
div#news ul li{
  	width: calc((100% - 50px) / 3);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:5px;
	float:left;
 	margin-right:25px;
	overflow:hidden;
}
div#news ul li:nth-child(3n+0) {
	margin-right:0px;
} 
div#news li a {text-decoration:none;  }
div#news li a:link {color:#333;}
div#news li a:visited   {color:#333;}
div#news li a:hover  {color:#666; }
div#news li a:active  {color:#333; }

div#news ul span.texte {
 	font-size:14px;
} 
div#news ul span.titre {
	display:block;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px
} 
div#news ul span.lien {
	display:block;
	font-size:12px;
	font-style:italic;
	float:right;
	margin-top:10px;
	color:#2690cd;
} 
 

  /* IE  ==============================================================*/

div.ie {
	margin:60px auto!important;
	width:100%;
	text-align:center;
	color:#fff;
  }
div.ie p{
	color:#aaa;
	width:600px;
	margin:0px auto!important;
	margin-bottom:10px!important ;
  }
div.ie #gros_logo{
	display:inline-block;
	width:250px;
	height:200px;
	background:#1c1e14;
	margin:22px auto;
	
 }
div.ie #gros_logo img{
	width:100%;
	height:auto;
	margin-bottom:50px ;
  }


/* IMAGES ==============================================================*/

.img_auto_news{
		float:right;
 		margin-left:10px!important;
	
}
 
/* ARTICLE ==============================================================*/


article div.tiroir{
	display:none;
 }
article div.date{
	color:#999;
	font-style:italic;
	font-weight:bold;
 }
article h3 span.date{
	color:#bbb;
   }

#titre_rubrique{
	font-family: 'boton-bold';
	font-size:60px;
	color:#fff;
	margin:0 20px;
	letter-spacing:.02em;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
#titre_rubrique span.bouton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-shadow:none;
 	vertical-align:middle;
	display:none;
	padding :14px 9px 9px 9px ;
	display:none;
  }
#titre_rubrique span.bouton img{
	width:auto;
	height:auto;
 	vertical-align:middle;
 }
	
article{
	width:calc( 100% - 270px );
	float:right;
	padding:20px 25px;
	background-color:#fff;
	font-size:14px ;
	line-height:20px;
	min-height:600px
 }
 
article .DL {
	vertical-align:middle;	
}
article .encadre, body#editor .encadre,
article .encadre3, body#editor .encadre3,
article .encadre2, body#editor .encadre2{
	padding:10px;
 	margin:3px 0 12px 0;
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px; 
}
article .encadre, body#editor .encadre{
	background-color:#f2f3e7;
}
article .encadre h2, body#editor .encadre h2{
	color:#f04812;
}

article .encadre2, body#editor .encadre2{
	background-color:#e4ecf1;
}
article .encadre3, body#editor .encadre3{
	background-color:#f15533;
	color:#fff;
}


article .chiffres, body#editor .chiffres{
	width:50px;
	height:50px;
	background-color:#bfd8e8;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px; 
	font-family: 'boton-bold';
	font-size:36px;
	line-height:50px;
	color:#fff;
	text-align:center;
	float:left;
	margin-right:10px;
	margin-top:6px
}
body#content article #faq hr, 
body#content article.galerie hr,
body#content article.news hr{
	margin:10px 0!important;
	height: 1px; 	
}

body#content article.galerie {
	line-height: 0px; 	
 }
body#content article.galerie a.fancybox{
	
	width: calc( 11% - 16px )   ;
	margin-right:8px; 	
	margin-bottom:8px;
	display:block;
	float:left; 	
 }
body#content article.galerie a.fancybox:nth-child(10n+0) {
	margin-right: 0px;
}
body#content article.galerie .bloc_ph {
	overflow:hidden;
	display:none;
}
body#content article.galerie a.fancybox img {
	width:100%;
	height:auto;
}
 
 
 /* ASIDE ==============================================================*/

aside{
	width:250px;
	float:left;
}
aside nav{
	padding:10px 0;
	margin-bottom:20px ;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	background:#000;
	background:rgba(0,0,0,0.5);
	width:100%;
	font-family: 'boton-medium';

}
 
aside nav ul{
	padding:0;
	margin:0;
	list-style:none;
	display:block;
}
aside nav ul li{
	padding:7px 20px 5px 20px;
	display:block;
}
aside nav ul li.hilite{
	background-color:rgba(241, 85, 41, .7);
}
aside nav ul li:hover{
	background-color:rgba(241, 85, 41, 0.5);
}
aside nav ul a {text-decoration:none; display:block; }
aside nav ul a:link {color:#fff;}
aside nav ul a:visited   {color:#fff;}
aside nav ul a:hover  {color:#fff; }
aside nav ul a:active  {color:#fff; }




 
  
/* FOOTER  ==============================================================*/


footer {
  	margin:0 auto  ;
	font-size:12px;
	text-align:center;
 	width:100%;
	padding:42px 20px 20px 20px;
 	z-index:500;
	background:#fff;
 }
footer img{
  	vertical-align:middle;
	margin-right:70px;
}

footer a:last-of-type img {
	margin-right: 0;
}

footer img:nth-child(4n+0) {
	margin-right:0px;
 } 
footer #footer_content  {
   	max-width:1200px;
   	/* min-width:980px; */
	margin:0 auto;
}
footer #footer_content div  {
  	margin-bottom:10px;
}

 /* TABLEAU ==============================================================*/

table{
	background:#000;
	margin:0;
	padding:0;	 
	width:100%;
 	border-collapse:separate;
	margin-bottom:15px;
}
table th{
	background:#f04812;
	margin:2px;
	padding:8px 8px 4px 8px;
	color:#fff;
 	border-collapse:separate;
	text-align:center;
	font-weight:normal;
	border-left: 2px #f7a287 solid;
	border-bottom: 2px #f7a287 solid;
	line-height:1.2em;
}
table td{
	background:#f1f3e8;
	margin:2px;
	padding:8px 8px 4px 8px;
 	border-collapse:separate;
	border-left: 2px #fff solid;
	border-bottom: 2px #fff solid;
	text-align:center;
 	line-height:1.2em;
	min-width:80px !important;
}
table td:nth-child(1),
table th:nth-child(1) {
	text-align:left;
 	border-left: 0;
} 
table th:nth-child(1) {
	font-weight:bold;
} 
table td:nth-child(1) {
	background-color:#e9ecdb;
} 
table em {
	font-size:12px;
} 
 

 /* FORMULAIRE ==============================================================*/

form#form_adm_contacts{
	width:90%;
	clear:both;
  }
form#form_adm_contacts fieldset{
 	border:0!important;
 }
form#form_adm_contacts ul{
	padding:0;
	margin:0;
	list-style:none!important;
 }
form#form_adm_contacts label{
	width:100px;
	display:inline-block;
	text-align:right;
	margin-right:10px
 }
form#form_adm_contacts input.text,form#form_adm_contacts textarea.text{
	padding:8px;
	margin-bottom:20px;
	width:calc( 98% - 130px );
	border:#ddd 3px solid;
	font-size: 14px;
	color:#666;
 }
form#form_adm_contacts textarea.text{
	height:120px;
 }
.obligatoire{
	font-style:italic;
	color:#c00;
	text-align:right;
	width:84%;
}
.bouton-container{
 	text-align:center;
	width:100%;
}
.bouton.form{
	font-style:italic;
	color:#c00;
	text-align:right;
	width:auto;
	padding:12px 30px 10px 30px;
	font-size:1.2em;
	color:#fff;
	background:#e86f34;
}
.bouton.form:hover{
	background:#c25722!important;
}

/* SLIDER ==============================================================*/

.flexslider.HP{
 	border:0;
	padding-top:0px;
  	/* min-width:980px; */
  	width:100%;
	margin-bottom: 0;
	z-index:100;
	overflow:hidden;
	margin:0 auto;
	border-radius: 0;
  }
.flex-direction-nav a::before {
    color: rgba(255,255,255, 0.8);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.flex-direction-nav {
	top:120px;
}
.flexslider.HP .flex-caption{
	position:absolute;
	top:140px;
	right:20px;
	text-align:right;
  	max-width:1200px;
}
.flexslider.HP .flex-caption h2{
	color:#fff;
	font-family:'boton-medium';
	font-size:45px;
	letter-spacing:.014em;
	text-align:center;
	margin:0 120px 10px 0;
	line-height:1.1em;
}
.flexslider.HP .flex-caption div{
	color:#fff;
	font-family:'boton-regular';
	font-size:25px;
	letter-spacing:.014em;
	text-align:center;
	margin-right:120px;
}
.flexslider.HP .flex-caption span{
	color:#fff;
	font-family:'boton-regular';
	font-size:15px;
	letter-spacing:.014em;
	text-align:center;
	margin-right:120px;
	margin-top:6px;
	display:block;
	background:#f15533;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:calc( 100% - 120px) ;
	padding:2px;
}

 
/* animation caption */

@-webkit-keyframes my-animation {
  from {
    opacity: 0;
    right: -500px;
  }
  to {
    opacity: 1;
    right: 20px;
  }
}
@keyframes my-animation {
  from {
    opacity: 0;
    right: -500px;
  }
  to {
    opacity: 1;
    right: 20px;
  }
}
.run-animation {
  position: absolute;
  -webkit-animation: my-animation 1s ease;
          animation: my-animation 1s ease;
}

 



 /* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix  { clear: both; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }