/*
* Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
*/

@media only screen
and (max-width : 1024px) {
	body#content article.galerie a.fancybox{
		width: calc( 11% - 14px )   ;
	}
	body#content article.galerie a.fancybox:nth-child(10n+0) {
		margin-right: 0px;
 	} 

}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (max-width : 1020px) {
	
	/* div.alerte div,.flexslider.HP,header #header_cont, div#main, .trace_1, .trace_2,ul#boites_3,div#news h2,div#news ul,footer #footer_content  {
		min-width:760px!important;
	}
	header div#barre_conditions  {
		min-width:0!important;
	} */
	header div#barre_conditions ul li{
		width:220px;
		padding-left:40px;
		padding-right:40px;
	}
	header div#barre_conditions ul li:nth-child(3n+0) {
	background-image:none;
 	} 
	.flexslider.HP .flex-caption h2 {
		font-size: 35px;
		margin-right: 40px;
		margin-bottom: 4px;
	}
	.flexslider.HP .flex-caption div{
		margin-right: 40px!important;
	}
	.flexslider.HP .flex-caption span{
		margin-right: 40px!important;
		width: calc(100% - 40px);
	}
	.flexslider.HP .flex-caption {
    top: 150px;
	}
	footer img {
    margin-right: 40px;
 	}
	div#news ul li {
    width: calc(32% - 14px);
	}	
	article{
 		width:100%;
		float:none;
		margin-left:0;
		margin-right:0;
 	 }

/* menu contextuel */
	aside  {
 		float:none;
		
 	}
	aside nav {
 		float:none;
 		width:auto;
		position:absolute;
		display:none;
		background:#999;
		margin-top:6px;
		margin-left:6px;
		-moz-border-radius:0px 5px 5px 5px;
		-webkit-border-radius:0px 5px 5px 5px;
		border-radius:0px 5px 5px 5px;
		z-index:10000;

 	}
	#titre_rubrique span.bouton{
		display:inline;
	 }
	
	body.page ul#boites_3 {
			display:none;
  }
 
	body#content article.galerie a.fancybox{
		width: calc( 11% - 8px )   ;
	}
	body#content article.galerie a.fancybox:nth-child(9n+0) {
		margin-right: 0px;
 	} 
	body#content article.galerie a.fancybox:nth-child(10n+0) {
		margin-right: 10px;
 	} 

	 ul#boites_3 {
		display: block;
	 }

/* ul#boites_3 li{
  	width: calc( 33% - 14px);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:5px;
	float:left;
 	height:230px;
	margin-right:24px;
	overflow:hidden;
	background-size:cover;
	background-color:#94c83d;
  	display:table;
} */

}


/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1020px) {

	/* div.alerte div,.flexslider.HP,header #header_cont, div#main, .trace_1, .trace_2,ul#boites_3,div#news h2,div#news ul,footer #footer_content  {
		min-width:728px!important;
	} */
	footer img {
    margin-right: 30px;
 	}
	ul#boites_3 li {
		height: 200px;
	} 
	.flexslider.HP .flex-caption {
    top: 140px;
	}

	.bande_bas{
		width:100%;
	}
	#mc_embed_signup{
		width: calc(100% - 12px);
		padding-right:0px;
		margin: 0 6px;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen
 and (max-width : 1020px) {
	ul#boites_3 li {
		margin-right: 10px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
 and (max-width : 1020px) {
	body#content{
			background:#333;
	}
	/* div.alerte div,.flexslider.HP,header #header_cont, div#main, .trace_1, .trace_2,ul#boites_3,div#news h2,div#news ul,footer #footer_content  {
		min-width:560px!important;
	} */
	article h3 {
		font-size:16px;
	}	
	header {
		height: 82px;
		padding: 10px 0px;
		background:#333;
	}	
	header nav.main {
		display:none;
		position:absolute;
		margin:105px 0px 0 3px;
		z-index:3000;
	 	width:calc( 100% - 6px );
		z-index:6000; 
		max-width: unset;
	}

	header nav.main ul {
		display: block;
	}

	header nav.main ul li{
	 	width: 50% ;
		margin: 0 0px 0 0px;
		padding: 10px 0 10px 0;
		text-align:center;
		border:3px solid #333;
		background:#672b8a;
  	}
 	header nav.main ul.first{
		background:none;
	 	width: 100% ;
   	}
	header nav.main {
		background:none;
  	}
	
	header nav.main li.webcams {
		display: none;
	}

	div.webcams {
		display: grid;
		position: absolute;
		top:	112px;
		left: 6px;
		width: calc(100% - 12px);
		height: 52px;
		background-color: rgba(var(--tealRGB), .7);
	}

	div.webcams a {
		display: grid;
		justify-items: center;
		align-items: center;
	}

	div.webcams img {
		width: 140px;
		display: block;
	}

	header #logo { 
 		float: none;
		margin: 0 auto !important;
	}
	header #logo img { 
 		width: 120px;
	}
	header #header_cont{
 		text-align:center!important;
	}
	.no_mobile  {
		display: none;
 	}
	header nav.utilities ul {
		position:absolute;
		top:6px;
		right: 8px;
 	}
	header nav.utilities ul li{
		margin: 0 0 0 12px;
 	}
	.flexslider.HP {
		margin: 95px 6px  0px 6px;
	 	width:calc( 100% - 12px ); 
	}
	header div#barre_conditions  {
  		top: 85px!important;
		width: 100%!important;
	}
	header div#barre_conditions ul li {
		background-image:none;
		background-color: rgba(81, 150, 0, .85) ;
		width: calc( 49% - 3px );
		margin:0px 3px;
	}
	header div#barre_conditions li.carte {
		background:rgba(241,85,41,.85);
	}
header div#barre_conditions li.carte:hover {
	background:rgba(243,131,51,1);
}
 

 	header #nav_mobile{ 
		display:block;
		margin:105px 6px 3px 6px;
		position:absolute;
		z-index:3000;
		background:#672b8a;
		color:#fff; 
	 	width:calc( 100% - 12px ); 
		font-family: 'boton-regular';
		font-size:26px;
		padding:10px;
	}
	.flexslider.HP .flex-caption {
		top: 40px;
	}
	.trace_1,.trace_2{
		display:none;
	}
	ul#boites_3 {
		padding: 0 6px;
		margin-top:5px;
		margin-bottom:0px;
	}
	ul#boites_3 li a{
		justify-items: end;
	}
	ul#boites_3 .flex-caption{
 		/* float:right; */
		width: 40%;
		margin: unset;
 	}
	.boites_HP2,.boites_HP{
		font-size: 24px;
		color:#fff;
		text-shadow:none;
  	}
	ul#boites_3 li{
		border-radius:0;
		margin-right: 13px;
		margin-bottom: 5px;
		float:none;
	 	width: 100%  ; 
		height: 170px;
		background-color: #444!important;
		background-size: 60%;
		background-repeat:no-repeat;
 	}
	div#news {
		margin:0px 6px 6px 6px;
 		width: calc(100% - 12px);
 	}
	div#news ul li {
		border-radius: 0;
		float: none;
		margin:6px 0px 6px 0px;
 		width: 100% ;
	}
	div#news ul li .titre {
		margin-bottom: 6px;
	}
	footer   {
		background-color: #fff;
		margin:0px 6px 6px 6px;
 		width: calc(100% - 12px);
  }
	footer img {
		margin-right: 10px;
		width:120px;
	 }
	nav.main ul.first #close{ 
		display:block;
		padding: 8px 0;
		background:#8b47b3;
		width:100%;
	}
	/* sub menu */
	header nav.main ul.sub {
		display:none!important;
	}
	div.content_container {
		margin: 0 ;
 		width: 100%;
	}
	body#content.page{
		background-image:none!important;	
	}
	header nav.main ul.first li{
		background-image:none!important;	
	}
	body#content.page div#main {
		margin: 95px auto 0 auto;
	}
	body#content article {
		width:calc( 100% - 12px );
		margin: 0 0 0 6px;
	}
	aside nav {
		background: #999 none repeat scroll 0 0;
		-moz-border-radius:0px 5px 5px 5px;
		-webkit-border-radius:0px 5px 5px 5px;
		border-radius:0px 5px 5px 5px;
		margin-left: 12px;
		background:#333;
	}
	#titre_rubrique  {
		font-size: 40px;
	}
	#titre_rubrique span.bouton {
 		font-size: 10px;
		padding: 10px 6px 6px 6px;
 	}
	#titre_rubrique span.bouton img {
		height: 18px;
		vertical-align: middle;
		width: 18px;
	}
	article h1{
		font-size: 26px;
	}
	.table_wrap{
		width:100%;
		overflow:scroll;	
	}
	.img_auto_news{
		width:40%!important;
	}
	body#content article.galerie a.fancybox{
		width: calc( 14% - 7px )   ;
	}
	body#content article.galerie a.fancybox:nth-child(7n+0) {
		margin-right: 0px;
 	} 
	body#content article.galerie a.fancybox:nth-child(9n+0) {
		margin-right: 10px;
 	} 
	div.alerte{ 
		position:absolute;
		top:75px;
		left: 6px;
		font-size:70%;
		padding:5px;
		width: calc(100% - 12px);
		margin:0 auto 0 auto;
	}
	div.alerte img{ 
		vertical-align:middle;
 	}
	#titre_rubrique {
		margin: 60px 20px  7px 20px;
	}
	ul.slides {
		margin-top: 48px  ;
	}

 }
/* Smartphones ( landscape) ----------- */
@media only screen
 and (max-width : 480px) {
	/* div.alerte div,.flexslider.HP,header #header_cont, div#main, .trace_1, .trace_2,ul#boites_3,div#news h2,div#news ul,footer #footer_content  {
		min-width:440px!important;
	} */
	.flexslider.HP .flex-caption {
		top: 20px;
	}
 	.boites_HP2,.boites_HP{
		font-size: 18px;
		color:#fff;
		text-shadow:none;
 	}
	footer img {
		margin-right: 20px;
		margin-bottom: 8px;
		width:120px;
 }
 	article {
		padding: 20px 15px;
	}
	article h1{
		font-size: 20px;
		font-weight: bold;
	}
	article h2{
		font-size: 16px;
	}
	article table{
		margin-right: 3px;
	}
	.table_wrap{
		width:100%;
		overflow:scroll;
 		padding: 23px 3px 3px 3px;	
		background:url(/img/follow.png) no-repeat top right;
	}
	body#content article.galerie a.fancybox{
		width: calc( 14% - 8px )   ;
	 }
	body#content article.galerie a.fancybox:nth-child(7n+0) {
		margin-right: 0px;
 	}
	.bouton.online {
		font-size:16px!important;
  	}
	/* div.alerte{ 
		font-size:50%;
	} */
	div.alerte img{ 
		display:none;
 	}

}
 
 
 /* iphone 6 ----------- */
@media only screen
 and (max-width : 414px) {
	/* div.alerte div,.flexslider.HP,header #header_cont, div#main, .trace_1, .trace_2,ul#boites_3,div#news h2,div#news ul,footer #footer_content  {
		min-width:374px!important;
	} */
	header nav.utilities ul li.cut{ 
		display:block; 
	}
	header nav.utilities ul li.droite_mob{ 
		float:right;
		margin-bottom:5px;
 
	}
 }

/* Smartphones (portrait ) ----------- */
@media only screen
and (max-width : 376px) {
	/* div.alerte div,.flexslider.HP,header #header_cont, div#main, .trace_1, .trace_2,ul#boites_3,div#news h2,div#news ul,footer #footer_content  {
		min-width:336px!important;
	} */
	header div#barre_conditions ul li {
		padding-left: 0px;
		padding-right: 0px;
	}
	.flexslider.HP .flex-caption span {
		display:none;
	}
	.flexslider.HP .flex-caption h2 {
		font-size: 28px;
		margin-right: 0px;
	}
	.flexslider.HP .flex-caption div {
		margin-right: 0px !important;
		font-size: 18px;
	}
	ul#boites_3 li{
		height: 120px;
		background-size: 50%;
  	}
	ul#boites_3 .flex-caption {
 		width: 50%;
  	}
	footer img {
		margin-right: 20px;
		margin-bottom: 8px;
		width:130px;
	}
	.flex-caption p{
		margin-bottom: 5px;
		line-height:10px!important;
	}
	ul.flex-direction-nav a.flex-prev ,
	ul.flex-direction-nav a.flex-next {
		opacity: 0!important;
	}
	.img_auto_news{
		float:none!important;
 		margin-left:0!important;
		width:100%!important;
	}
	body#content article.galerie a.fancybox{
		width: calc( 25% - 9px )   ;
	 }
	body#content article.galerie a.fancybox:nth-child(4n+0) {
		margin-right: 0px;
 	} 
	body#content article.galerie a.fancybox:nth-child(7n+0) {
		margin-right: 10px;
 	} 
	.stamp{ white-space: nowrap; margin-left: 3px; }
	
	.bouton.online {
		font-size:14px!important;
  	}

		nav.main ul.first li#li3 {
			height: 44px;
		}	
	nav.main ul.first li.first.li a#lien3{
		
		font-size:13px!important;
		line-height:20px!important;
	}
	
}


/* Smartphones (portrait ) ----------- */
@media only screen
and (max-width : 320px){
	/* div.alerte div,.flexslider.HP,header #header_cont, div#main, .trace_1, .trace_2,ul#boites_3,div#news h2,div#news ul,footer #footer_content  {
		min-width:260px!important;
	} */
	header div#barre_conditions ul li {
		padding-left: 0px;
		padding-right: 0px;
		width: calc( 50% - 9px );
	}
	ul.flex-direction-nav a.flex-prev ,
	ul.flex-direction-nav a.flex-next {
		opacity: 0!important;
	}
	.flexslider.HP .flex-caption h2 {
		font-size: 28px;
		margin-right: 0px;
	}
	.flexslider.HP .flex-caption div {
		margin-right: 0px !important;
		font-size: 18px;
	}
	.flexslider.HP .flex-caption span {
		display:none;
	}
	header div#barre_conditions li.remontees span {
		width: 48%;
	}
	ul#boites_3 li {
		background-size: 50% auto;
		height: 100px;
	}
	ul#boites_3 .flex-caption {
		width: 50%;
		padding: 12px 10px 0 10px;
	}
	footer img {
		margin-right: 8px;
		margin-bottom: 8px;
		width:100px;
	}
	body#content article.galerie a.fancybox{
		width: calc( 25% - 8px )   ;
	 }
	body#content article.galerie a.fancybox:nth-child(4n+0) {
		margin-right: 0px;
 	} 
}
 



/* PRINT */
/* ==|== print styles ======================================================= */
 
@media print {
  * {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
	font-size:96%  ;
	line-height:117%;
}
 @page {
 size:8.5in 11in!important;   
   zoom:.7;
}

body, #main, .content_container { margin:0!important; padding:0!important}

header, #ariane, .top , aside, #rv, footer, .flexslider{ display:none;}
 
article .slide_div{display:block!important;} 
 
 a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	font-weight:normal;
	font-style:italic;
	font-size:80%;
}
abbr[title]:after {
	content: " (" attr(title) ")";
	font-weight:normal;
	font-style:italic;
	font-size:80%;
}


 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	#display: table-header-group;
}
tr, img {
	#page-break-inside: avoid;
}
 
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
	font-size:130%;
	margin-bottom:5px;
}
  
 
#outils  { display:none; }



 }