@charset "utf-8";
/* CSS Document */
/* No sass file */
@import url(reset.css);
@import url(responsive.gs.12col.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
html{font-size: 62.5%;}
body, html{height:100%;}
img{border:none;}

body{
margin: 0 auto;
padding: 0;
color: #1b1b1b;
font-family: 'Open Sans', sans-serif;
font-size: 17px; font-size: 1.7rem; 
font-weight:100;
line-height:22px;line-height:2.2rem;
-webkit-font-smoothing:antialiased;
background:#FFF;
/*overflow-x:hidden;*/ /* M-C bogue top */
/*background:#000;*/
background:#fff;
}

/*  2 REMOVE */
.manquant{background:yellow;}

/*Sticky foot*/
.page-wrap {	
  /*min-height: 100%; mc 04.2015*/
  /* equal to footer height */
  margin-bottom: -300px;  
}

.page-wrap:after {
  height:300px;
  content: "";	
  display: block;
}

#main{min-height:680px;}

#page404 #main{min-height:auto;}
/**************/

SMALL, SUB, SUP { font-size:12px;font-size:1.2rem;} 
SUB { vertical-align: sub;line-height:.8em;}
SUP { vertical-align: super;line-height:.8em; } 

/*HX,a,custom*/
h1,h2,h3,h4,h5{font-family: 'Open Sans', sans-serif;font-weight:100;margin:0.7em 0 0.4em 0;}
h1,.store h1{font-size:55px;font-size:5.5rem;line-height:55px;line-height:5.5rem;color:#353535;text-transform:uppercase;}
h1 span,.store h1 span{font-weight:600;font-size:60px;font-size:6rem;line-height:60px;line-height:6rem;}
h1 a {color:#555;}
h1 a:hover {text-decoration:none;}

h2{font-size:35px;font-size:3.5rem;line-height:39px;line-height:3.9rem;color:#353535;}
h2 span{font-weight:600;}	
h2.h2{font-weight:600;text-transform:uppercase;}
h3{font-size:30px;font-size:3.0rem;line-height:30px;line-height:3.0rem;font-weight:400;color:#353535;}
h3.two{font-size:38px;font-size:3.8rem;text-transform:uppercase;line-height:38px;line-height:3.8rem;color:#353535;margin-bottom:5px;}
h3.two span{font-weight:600;color:#ec2427;}
h4, .panier-titre h3{font-size:18px;font-size:1.8rem;line-height:18px;line-height:1.8rem;color:#353535;text-transform:uppercase;font-weight:400;}

h3 a{color:#353535;}

#details-content h4 {margin-top:2em;}

	.sexion h1{
		margin:10px 0 0 0;
		padding:0 0 0 20px;
		border-left:10px solid #d12027;}
	
	.sexion .color{		
		margin:0;
		padding:0 0 0 10px;		
		}
		
	.sexion .color.bois{
		border-left:14px solid #d12027;
		margin-bottom:20px;
		}
	.sexion .color.gaz{
		border-left:14px solid #2f97e3;
		margin-bottom:20px;
		}
	
	.store h1{
		margin:10px 0 0 0;
		padding:0 0 0 20px;
		border-left:10px solid #d12027;
		}
		
	.store h1 span{}
	.store h2{/*margin-top:10px; GENE 28.01.2015*/}
	
	.store h1.product{font-size:36px;font-size:3.6rem;font-weight:600;line-height:35px;line-height:3.5rem;padding:0 0 0 8px;margin:30px 0 0 -8px}
	h2.smaller{font-size:17px;font-weight:600;text-transform:uppercase;margin:20px 0;}
	


#boitenavigation{display:inline-block;margin:15px 0  0 0}
img.navFiche { 
	max-width: 10.2%;
    display: inline-block;
    vertical-align: middle;}
	
.liens h4 a{color:#555;margin-bottom:20px; display:block}	

.pratique h4{font-weight:700}


	
	




a{color:#d12027;text-decoration:none;outline:none;}
a:hover{color:#d12027;text-decoration:underline;}/*737373*/

a.red-link{color:#bc2026;}
a.red-link:hover{text-decoration:none;}

a.arrowed{
	display:block;	
	}
a.arrowed:after{
	content:" »";	
	margin:0 0 0 0em;	
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
	 
	}
a.arrowed:hover:after{
	margin:0 0 0 0.2em;	
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
	}
	
ul{padding:20px 0 20px 0;}
ul li{list-style:none;background:url(../img/dot-list.png) no-repeat top left;padding:0 0 0 20px;margin:8px 0;}

ul.links-list{}
ul.links-list li{background:url(../img/link-list.png) no-repeat center left;padding:0 0 0 20px;margin:5px 0;}
ul.links-list li a{text-decoration:underline;}

/*Wrap logo*/
#toplogo,#header{
	margin:0 auto;
	width:100%;
	display:block;	
	position:relative;
	height:70px;
	top:0;
	left:0;	
	z-index:90;
}
#header.opak{position:fixed;}

/*.home #toplogo{position:relative;z-index:1;top:0;margin-bottom:0}*/

#toplogo-inner{
	display:block;	
	position:relative;
	background:#000;
	background:rgba(0,0,0,0.6);
	height:70px;
	padding:0;	
	z-index:99;	
}


#header.opak #toplogo-inner{
	background:rgba(0,0,0,0.9);
	/*background:rgba(0,0,0,0.65);*/
	/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.55));*/
	}
	
#header.opak #toplogo-inner .lang {background:rgba(0,0,0,0);}

#header.opak #toplogo-inner:hover{
	background:rgba(0,0,0,1);	
	}
	
#header.opak #toplogo-inner:hover .lang {background:#1e1e1e;}

#toplogo h1{margin:0.22em 0 0 0;}
#toplogo-inner.active h1{margin:-0.15em 0 0 20px;}

#logo{width:92px;z-index:1;margin-top:7px;/*margin-top:12px;*//*pour mettre le logo triangulaire MC */}

#logo a img.smaller{width:90px;margin-top:0px;}

/*Container & wrappers*/
.Cont,.store .Cont,.team .Cont,.Cont-sml{
display:block;
position:relative;
margin:0 auto;
padding:0 2%;
max-width:1140px;
z-index:1;
/*
min-height:100%;
*/
}
.Cont-sml{max-width:1060px;}
#content,.content{padding:0;z-index:1;}
#content p,.content p,.Cont p,.Cont-sml p{text-align:justify;margin:25px 0}
p.a-lft{text-align:left;}
p.a-rght{text-align:right;}
#content:after{clear:both;content:"";display:block;}


.pratique p{margin:10px 0 30px 0}
/************************ Navig *****************************************/
/* Navigation Principale dans la barre du haut
		/*********************************************/	
		
			 .mainNav{
					display:block;
					position:absolute;
					text-align: right;	
					right:0;
					top:0px;					
					margin-right:2%;
					border-radius:0px;					
					padding:0;						  
					}
			
						.mainNav li,.mainNav a{
							padding: 0;
							display: inline-block;						
						}
						
						.mainNav li{							
							padding: 24px 15px 0 15px;							
							margin-left:-4px;	
							background:none;
							margin-top:0;
							height:37px;
							margin-bottom:0;						
						}
						.mainNav li:first-child{border-left:none;padding-left:23px;}
						.mainNav li:last-child{border-right:none;}
						
						.mainNav li.lang{background:#1e1e1e;margin-left:5px;height:45px;}
						.mainNav li.lang a{color:#fde296;}
						
							.mainNav a{
								font-size: 16px; font-size: 1.6rem; 
								line-height: 17px; line-height: 1.7rem; 
								text-transform:uppercase;
								font-family: 'Open Sans', sans-serif;
								font-weight:400;
								color: #fff;
								text-decoration: none;
								display: inline-block;
								/*white-space: pre;*/
								text-align: left;								
							}
							/*hover*/
							.mainNav a:hover,.mainNav a:focus							
							{ 	
								color:#ee2824;
												
							}
							.mainNav li:hover,.mainNav li:focus{ 	/* Effet de glow en hover */
								
												
							}							
						
							
							.mainNav a.current,.mainNav a.current:hover{
								color:#ee2824;
								cursor:default;
							}

                        
							
/**************************************************************************/
/******** Image top *****/
#image-top{display:block;z-index:1;width:100%;position:absolute;top:0;}
#image-top img{width:100%;}
/******** Video background **********/
#video-filter {
	position:absolute;
	z-index:0;	
	top:0;
	left:0;
	right:0;
	bottom:0;	
	background:transparent url(../img/video-filter.png) repeat;
	}
#screen-1{
	z-index:-2;	
	display:block;
	height: 150%;
	margin-left:auto;
	margin-right:auto;		
	position:absolute;
	top:0px;
	overflow:hidden;
	background:transparent;
	}
.big-image{
    display: none;
	}

.video1 {
    position: relative;
    overflow: hidden;
    margin-top: -70px;
}
	#top-logo{ 
	height:auto !important;
	z-index:1;                 
	width:100%;
	max-width:1140px;	
	margin-left:auto;
	margin-right:auto;		
	position:relative;
	overflow:visible;
	margin-top:0;
	text-align:center;		
	}	
	.video-title{
	color:#fde296;
	padding:20px 5%;
	}
	#logo-big{width:100%;max-width:346px;}
	#arrow{margin-top:2%;}
	
	img[usemap], map area{
    outline: none;
	}


/******** Apres video / Apres images du haut - Container ****/
#follow{position:relative;width:100%;display:block;z-index:2;min-height:600px;}
.sexion #follow{margin-top:36%;}
.sexion #image-top{top:-20px;background: #fff url('../img/preload.gif') no-repeat 52% 40%;width:100%;height:100%;}

	#page404 #follow{min-height:auto;}
	
/******** slices + stripes*******/
.slice{padding:50px 0px;}
.white{background:#fff;}
.red{background:#bb2025;}
.transBlack{background:rgba(0,0,0,0.75)}
	
	.transBlack li {color:#dbdbdb;}
	.transBlack h3 {color:#bb2025}
	
	.slice.red{color:#fff;}
	.slice.red h2{color:#000}

.grid-texture{background:url(../img/grid-texture.gif) repeat top left;}



.rounded{	
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;	
border:1px solid #e4e3e3;
height:auto;
padding:20px;
}

.rounded .ico{display:inline-block;vertical-align:top;width:20%;margin-right:4%;padding-top:15px}
.rounded .ico img{width:100%;}

.rounded .txt{
display:inline-block;
vertical-align:top;
font-size:15px;
font-size:1.5rem;
line-height:19px;line-height:1.9rem;
width:75%;
}
.rounded .txt:after{clear:both;content:'';display:table;}
.rounded .txt p{margin:5px}
.rounded h5{font-size:18px;font-size:1.8rem;font-weight:600;line-height:22px;line-height:2.2rem;margin:0;color:#bb2025;}

/********* HOME ********/

/**Trouver un detaillant Home**/
#flamme{max-width:100%;z-index:999;margin-bottom:-20px;width:auto;}

/**Pub cycle Home**/
.fast_nav li,.pub_detaillant li{padding:0;background:none;}
.fast_nav li {text-align:center;margin-bottom:30px;text-transform:uppercase;}
.fast_nav li:hover a{opacity:0.9;text-decoration:underline}
.fast_nav li img{margin-bottom:10px;}
.fast_nav li a{color:#353535;font-weight:600;}
.cycle-slideshow,.cycle-bloc,.cycle-bloc img,.cycle-slideshow a{width:100%;max-width:768px;z-index:1;/*height:500px;*/margin: 0 auto 10px;	/*height:100%;*/}
.cycle-slideshow .cycle-dots{text-align:left;}
.cycle-slideshow .cycle-dots span{background:#353535;color:#fff;display:inline-block;height:6px;width:14px;text-align:left;margin-right:7px;}
.cycle-slideshow .cycle-dots span:hover{cursor:pointer;background:#ec2427;}
.cycle-slideshow .cycle-dots span.cycle-pager-active,.cycle-slideshow .cycle-dots span.cycle-pager-active:hover{background:#ec2427;height:6px;width:14px;border:0;}

.col .cycle-slideshow img {
	max-width:100%;
	width:auto;
	max-height:100%;
	margin:0 auto;
	display:block;

	}
	
/******** CONTACT ********/
.txt-contact,address{font-size:1.3rem;font-size:13px;line-height:1.9rem;line-height:19px;font-style:normal;}
.split{display:inline-block;width:49%;vertical-align:top;margin-bottom:20px;}
.googleMap{
	position: relative;
	padding-bottom: 45%; 
	height: 0;
	overflow: hidden;
}
.googleMap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/******** BOUTIQUE  *********/
#top-tools{padding-top:20px;}
#ariane{display:block;color:#8c8c8c;}
#ariane a{display:inline-block;text-transform:uppercase;color:#8c8c8c;font-size:12px;font-size:1.2rem;}
#ariane a:last-of-type{color:#353535;font-weight:600;}

.cart{
	display:inline-block;
	vertical-align:middle;	
	padding:0 0 0 40px;	
	font-size:1.2rem;font-size:12px;
	text-transform:uppercase;
	font-weight:400;
	color:#353535;
	background:url(../img/cart-ico.gif) no-repeat center left;}

#ariane a:hover,.cart:hover{color:#d12027}

/* Recherche */
#formulaireRecherhe{margin:0 0 0 20px;width:100%;max-width:350px;position:relative;display:inline-block;float:right}
input[type="search"] { 
	font-family: 'Open Sans', sans-serif;
	display:inline-block;    
    font-size: 1.7rem; 
	font-size:17px;
	font-weight:300;
    /* -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; */
    border: 1px solid #e6e6e6; 
    padding:9px 56px 6px 10px;
	padding:0.9rem 5.6rem 0.6rem 1rem; 
    width:95%; 
    margin: 0; 
    box-shadow: inset 0px 2px 9px rgba( 0,0,0,0.03 ); 
    vertical-align:top;	
	background: #f4f4f4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 26%, #ffffff 72%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(26%,#ffffff), color-stop(72%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 26%,#ffffff 72%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#ffffff 26%,#ffffff 72%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#ffffff 26%,#ffffff 72%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#ffffff 26%,#ffffff 72%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* Important pour safari */
    -webkit-appearance: textfield;

} 
input[type="search"]:focus{
	box-shadow:none;
	outline:none;
} 

#search-btn{
	height:38px;
	width:40px;
	background:#fff url(../img/search-ico.png) no-repeat center center;
	margin:1px 0 0 -46px;
	border:0;
	border-top-right-radius: 8px;
	border-bottom-right-radius:8px;
	border-left:1px solid #f5f5f5;
	}
#search-btn:hover{
	cursor:pointer;
	background:#fff url(../img/search-ico-red.png) no-repeat center center;
	}

.search_pd{margin-top:30px}
.search_pd input{height:auto;padding:2px 10px;margin-right:10px;
 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fbfbfb 0%, #ffffff 26%, #ffffff 72%, #fbfbfb 100%) repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    /* border-radius: 8px; */
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03) inset;
    box-sizing: border-box;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 8px 15px;
    width:auto;}




#products-listing:before,.list-of-four:before, #products-listing.list-of-four:before{clear:both;display:block;height:10px;content:''}
#products-listing,.list-of-four, #products-listing.list-of-four{width:100%;display:block;padding:20px 0;}
.list-of-four, #products-listing.list-of-four{padding:0 0 0 0;}
#products-listing li {padding-left:0;margin:2% 0 2% 2%;display:inline-block;vertical-align:top;width:30.5%;background:none;position:relative;}

#products-listing li div{position:relative;}




.full-prod-pict .nouveau, .full-prod-pict .new {display:inline-flex;position:static;}

.nouveau, .new {
	left: 1px;
    position: absolute;
    bottom: 5px;
	z-index:102;
	/*width:96%;*/
	height:30px;
	background-color:#d12027;
	color:#fff;
	opacity:0.8;
	padding: 7px 10px 0 10px;
	text-transform:uppercase;
	}
	.nouveau:before{content:"Nouveauté";}

.new:before {
    content: "New";
}

.banner {width:30%; margin:1%;float:left;text-align:center;}
.banner p{text-align:center;margin:10px 0;text-transform:uppercase;}
.banner-img {height:80px;margin-top:10px;max-height:100%}

.liste-banniere{/*background:#f9f9f9;*/margin-top:40px;padding-bottom:20px;}
.liste-banniere h4{margin-bottom:15px;background:#555;color:#fff;font-weight:800;padding:10px 20px}

.col .liste-banniere img{width:auto;display:block;margin:5px auto;max-height:100%}

p.banner {color:#555;margin:0;margin-bottom:7px;font-size:15px;padding-left:20px;}
p.banner span{font-weight:900;padding-left:10px;text-transform:uppercase;}
p.banner span:before{content:" | ";padding-right:10px;font-weight:300}
	
	

.sousCat{font-size:12px;font-size:1.2rem;font-style:italic;}


.list-of-four li, #products-listing.list-of-four li{padding-left:0;margin:2% 0 2% 2%;display:inline-block;vertical-align:top;width:22.75%;background:none;}
#products-listing li img,.list-of-four li img, #products-listing.list-of-four li img{border:1px solid #ccc;width:100%;} 

		
#products-listing li:nth-child(3n+1) {margin-left:0;}
#products-listing.list-of-four li:nth-child(3n+1) {margin-left: 2%;}
.list-of-four li:nth-child(4n+1), #products-listing.list-of-four li:nth-child(4n+1) {margin-left:0;}

#products-listing li h3,.list-of-four li h3, #products-listing.list-of-four li h3, h3.h3-produit{width:100%;color:#353535;text-transform:uppercase;font-size:17px;font-size:1.7rem;line-height:20px;line-height:2.0rem;font-weight:400;margin-top:6px;text-align:center;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;}
	#products-listing.list-of-four li h3{}
/*.list-of-four li h3, #products-listing.list-of-four li h3{font-size:16px;font-size:1.6rem;font-weight:400;text-transform:none;}*/
		
#products-listing a, .list-of-four a, #products-listing.list-of-four a{opacity:1;}
#products-listing a:hover,.list-of-four a:hover,  #products-listing.list-of-four a:hover{color:#353535;opacity:0.85;}

#suggestion li h3{text-transform:uppercase;}

/**Cycle Fiche produits**/
#adv-custom-pager{width:100%;margin:50px 0 20px 0;}
#adv-custom-pager a{display:inline-block;width:22%;margin:1.5% 0 1.5% 1.5%;border:1px solid #a0a0a0}
#adv-custom-pager a img{width:100%}
#adv-custom-pager a:hover{opacity:0.85;}

/**Videos**/
#videos{width:100%;margin:0 0 20px 0;}
#videos a{display:inline-block;width:22%;margin:1.5% 0 1.5% 1.5%;border:1px solid #a0a0a0;line-height:0;position:relative;}
#videos a img{width:100%}
#videos a:hover{opacity:0.85;}


/* Video boutique */
#videos a img.video-play{position:absolute;width:100%;z-index:99;opacity:0;filter:alpha(opacity=0); /* For IE8 and earlier */}
					
					#videos :hover > img.video-play {						
						opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */
						-webkit-transition: 500ms linear 0s;
						-moz-transition: 500ms linear 0s;
						-o-transition: 500ms linear 0s;
						-ms-transition: 500ms linear 0s;
						transition: 500ms linear 0s;
						outline: 0 none;
						-webkit-transform: rotate(0);
						-moz-transform: rotate(0);
						-ms-transform: rotate(0);			
						transform: rotate(0);				
						}





.caracteristiques{padding-top:0;}
ul.caracteristiques{padding-bottom:0;}
	#details-content ul{padding:0;}

p.exclusivite{width:100%;display:block;font-weight:600;font-style:italic;/*text-align:right;*/margin:10px 0 5px;}
p.exclusivite img{display:inline-block;max-width:50px;vertical-align:middle;margin:0 20px 0 20px;}
p.exclusivite img:first-of-type{margin-right:0;}
p.exclusivite img.exclusive_EN{margin:-3px 10px 0 0;}

/*Certifications*/
.certifications {display:inline-block;padding-top:0;margin-top:0;width:50%;}
.certifications li{display:inline-block;width:90px;background:none;padding-left:0;margin:0 10px;}
.certifications li img{width:100%;}

/*Print-Share-SendFriend*/
.btn-wrap{display:inline-block;width:100%;}
.btn-wrap div{float:right;}
.btn-wrap a{display:inline-block;height:23px;padding:0 0 0 35px;margin:0 30px 10px 0;color:#353535;}
.btn-wrap a:hover,
#panier a.print:hover, #panier a.refresh:hover, #panier a.vider:hover
{color:#d12027;background-position:bottom left;}
a.add{background:url(../img/add-ico.png) no-repeat top left;}
a.print{background:url(../img/print-ico.png) no-repeat top left;}
	#panier a.print, #panier a.refresh, #panier a.vider{color:#353535;display:inline-block;margin:15px 0 5px;}
	#panier a.print{background:url(../img/print-ico.png) no-repeat top left;padding:1px 0 0 30px;}
	#panier a.refresh{background:url(../img/refresh.png) no-repeat top left;padding:0 0 0 30px;}
	#panier a.vider{background:url(../img/cart-ico-supp.gif) no-repeat top left;padding:1px 0 0 30px;}
	
/*a.share{background:url(../img/share-ico.png) no-repeat top left;}*/
	.mainNav a.share, .hamburger a.share{vertical-align:top;margin-top:-4px;background:none;}
	.hamburger a.share{margin-top:4px;}
a.send-a-friend{background:url(../img/send-ico.png) no-repeat top left;}

#panier tr {border-bottom: 1px solid #e8e8e8;}

/* Pour la gestion autonome */
div.gestionAuto img {
    max-height: 100%;
    max-width: 100%;
	width:auto;
}

/* Panier */

#panierListe .leftCell, #panierListe .supp {
    vertical-align: middle;
	text-align:center;
}
#panierListe .leftCell {
    padding: 7px;
    text-align: left;
}

/*********************************************************/
/**Support et services**/
.sub-nav{display:block;width:100%;font-size:90%}
.sub-nav li{display:inline-block;text-transform:uppercase;background:url(../img/subnav-sep.gif) no-repeat 0px 3px;padding:0 2% 0 2.2%;}
.sub-nav li:first-child{padding-left:0;background:none;}
.sub-nav li:last-child{padding-right:0;}
.sub-nav li a{color:#353535;font-weight:400;}

.recheche-resultats article,.recheche-resultats article .nouvelle-txt,.recheche-resultats article h1{display:block;width:99%;}
		
.steps p{font-size:15px;font-size:1.5rem;text-align:center;}
.steps h4{text-align:center;}

/** Garantie **/
.combustibles .col{border-right:2px dotted #ccc;}
.combustibles .col:last-of-type{border:none;}

.combustibles {text-align:center;padding:50px 0;}
.combustibles h3{margin-top:0;}

#load-garantie{padding:20px 0;}
#load-garantie h3{padding:20px 0;text-align:center;border-top:2px dotted #666;border-bottom:2px dotted #666;}

#load-garantie ul.alternated{margin-top:0;padding-top:0;}

#load-garantie ul.alternated li{padding:20px 10px 20px 20px;list-style:none;background:none;}

#load-garantie ul.alternated li:nth-child(2n){background-color:#f7f6f5;}

#load-garantie ol{padding-left:20px;}

.btn.anchorLink.activate{display:none;margin:50px auto;}

.table{text-align:center;margin:0 0 40px 0;}
.table th{background-color:#d12027;padding:10px;color:#fff;}
.table th:first-of-type,.table tr td:first-of-type{text-align:left;padding-left:10px;}
.table tr td{padding:10px 0;border-bottom:1px dotted #ccc}

/*Mobile nav*/
.hamburger{display:none;}
#dl-menu{float:right;top:10px;}
.dl-menu{/*overflow-y:scroll;*/z-index:99}

.tier{float:left;margin-left:4.9%;width:30%;opacity:1;}
	.tier img{width:100%;}
.tier:first-child{margin-left:0;}
.tier:hover{opacity:0.9;}

/*FOOTER */
footer{display:block;width:100%;position:relative;z-index:2;background:#000;background:rgba(0,0,0,0.65);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85),  rgba(0, 0, 0, 0.0));border-top:#494848 2px solid;margin-bottom:-300px;}
	
	footer .inner{padding:0;border-top:2px solid #212121;width:100%;background:transparent url(../img/video-filter.png) repeat;}
	footer .inner .Cont-sml{min-height:300px;position:relative;/*background:url(../img/footer-split-texture.gif) repeat-y top right;*/padding-top:20px;}
		
	footer ul, footer .block{display: inline-block;color:#fff;font-family: 'Open Sans', sans-serif;vertical-align:top;list-style:none;}
	footer ul li{background:none;padding:0;margin-top:0;margin-bottom:0;}
	
	footer .coords{margin-right:3%;height:auto;}
	footer .coords .row img{width: inherit; margin: 0 auto;}
	footer .coords .mail a{color:#fff;font-size:12px;font-size:1.2rem;}
	footer .coords .mail a:hover{color:#fff79e;text-decoration:none;}
	
	footer .news {margin-right:3%;width:52%;}
	footer .news h5{background:url(../img/news-ico.png) no-repeat top left;padding:0 0 0 25px;}
	footer .news .title{width:100%;border-bottom:1px solid #6f6f6f;}
	footer .news .news-wrap{border-top:1px solid #939498;width:100%;}		
	footer .news article{margin:4px 0 0 0;}
	footer .news time{font-style:italic;font-size:13px;font-size:1.3rem;}
	footer .news h1,footer .news h1 a{color:#1b1b1b;font-size:16px;font-size:1.6rem;font-weight:400;margin:0;line-height:18px;line-height:1.8rem}	
	footer .news p{font-size:13px;font-size:1.3rem;line-height:1.6rem;line-height:16px;margin-top:4px;}	
	footer .news a.read-all{color:#fff;font-style:italic;font-size:14px;font-size:1.4rem;}
	footer .news a.read-all:hover{color:#444;}
	
	footer .newsletter {padding:0px 0 0 25px;width:29%;}
	footer .newsletter h5{margin-bottom:10px;}
	footer .newsletter .title{width:100%;border-bottom:1px solid #6f6f6f}
	footer .newsletter .news-wrap{border-top:1px solid #939498;width:100%;}
	
	footer .newsletter label{padding-right:4%;}	
	
	footer .newsletter input{color:#fff;font-weight:300;height:35px;background:#1b1b1b;width:98%;border:1px solid #343434;margin:5px 0;padding:0 0 0 5px}
		
	footer .btn,input[type="submit"] {background:#444;padding:6px 5px 4px 5px;margin:0 0 0 0;-moz-box-shadow:inset 0px 2px 0px 0px #7c7c7c;
	-webkit-box-shadow:inset 0px 2px 0px 0px #7c7c7c;float:right;}
	
	.btn-ok{width:48px;padding-right:15px;background:none;color:#fff;font-weight:600;font-size:1.7rem;font-size:17px;border:0;float:right;background:url('../img/red-arrow.png') no-repeat center right;margin-top:10px;width:auto;}	
	
	.btn-ok:hover{cursor:pointer;text-shadow: 1px 0px 8px #9fa1a4;}
	
	footer .sml-link{font-style:italic;text-decoration:underline;font-size:13px;font-size:1.3rem;color:#444;}
	
	footer .foot-nav{width:50%;display:inline-block;text-align:left;margin-top:40px;text-align:right}
	footer .foot-nav ul{display:inline-block;padding:10px 0 10px 0;width:45%;text-align:left}
	footer .foot-nav ul li{background:none;display:block;font-size:14px;font-size:1.4rem;line-height:23px;line-height:2.3rem;margin:auto;margin:0 0 0 4.57%;}
	footer .foot-nav ul li a{color:#fff;}
	footer .foot-nav ul li a:hover{color:#fff79e;}
	
	footer .foot-nav ul li:first-child{margin-top:-21px}
	/*footer ul li.foot-nav{width:47%;}
	footer ul li.foot-nav li{font-size:14px;font-size:1.4rem;margin-right:1%;}
	footer ul li.foot-nav li a.facebook{display:block;width:21px;height:21px;background:url(../img/facebook.gif)top left;}
	footer ul li.foot-nav li a.facebook:hover{background:url(../img/facebook.gif)bottom left;cursor:pointer;}*/
	
	footer h5{font-size:1.7rem;font-size:17px;font-weight:400;line-height:17px;line-height:1.7rem;text-transform:uppercase;color:#fde195;margin-bottom:0;}
	footer p.adresse{font-size:1.2rem;font-size:12px;line-height:1.6rem;line-height:16px;margin:10px 0 10px 0;}
	footer p.adresse span{font-size:8px;font-size:0.8rem;color:#bcbec0;}
	
	a.twitter,a.linkedin{display:inline-block;width:28px;height:25px;margin-top:40px;cursor:pointer}
	a.twitter{background:url(../img/twitter-ico.gif) no-repeat top left;margin-right:8px;}
	a.linkedin{background:url(../img/linkedin-ico.gif) no-repeat top left;}
	
	.home footer{min-height:50px;height:auto;padding:0;z-index:999;position:fixed;bottom:0px;}
	.home footer ul{width:100%;margin-top:15px;}	
	.home footer ul li{
		list-style:none;
		width:33%;
		font-size:15px;	font-size:1.5rem;
		font-family: 'Open Sans', sans-serif;	
		text-transform:uppercase;		
		text-align:center;		
		float:left;	
	}
	#copyright{font-size:10px;font-size:1.0rem;color:#CCC;width:100%;text-align:center;padding-top:0px;position:relative;padding-top:9%;}
	#copyright a{color:#CCC;}#copyright a:hover{color:#fff79e;text-decoration:none;}
	
	
	footer .logo-accre{display:block;margin-top:20px;border-top:1px solid #222;padding-top:30px;}
	footer .logo-accre img{max-height:60px;margin-left:2.5%;}
	footer .logo-accre a{opacity:0.5}
	footer .logo-accre a:hover{opacity:1.0}


/****************Buttons*************************************/

.show-hide span:after{content:' More details ' }
.show-hide.active span:after{content:' Hide '}

.btn,input[type="submit"], #zone-membres a:hover {
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #3b3b3b;
	display:inline-block;
	cursor:pointer;
	color:#3b3b3b;
	font-weight:100;	
	font-size:14px;
	padding:0.6em 2.2em 0.5em 1.2em;
	text-decoration:none;
	text-transform:uppercase;	
	margin:20px 0 0 0;
	background:#fff url(../img/btn-grey-arrow.gif) no-repeat center right;
}

.btnRecherche,input[type="submit"], #zone-membres a:hover {
	margin:4px 0 0 10px;
}
#zone-membres a:hover, #zone-membres a{margin:0;font-size:14px;padding:0.6em 2.2em 0.5em 1.2em;font-weight:100;display:inline-block;}

	
.btn:hover,input[type="submit"]:hover, 
	input[type="button"]:hover, #zone-membres a {	
	/*-moz-box-shadow:inset 0px 2px 0px 0px #7c7c7c;
	-webkit-box-shadow:inset 0px 2px 0px 0px #7c7c7c;	
	color:#fff;	
	background:#68696d;*/
	border:1px solid #b8222a;	
	color:#fff;
	background:#d12027 url(../img/btn-white-arrow.gif) no-repeat center right;	
}

#detaillant.btn{
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #b8222a;	
	color:#fff;
	background:#d12027 url(../img/btn-white-arrow.gif) no-repeat center right;
	font-weight:100;	
	font-size:14px;
	padding:0.6em 2.2em 0.5em 1.2em;
	text-decoration:none;
	text-transform:uppercase;	
	margin:20px 0 0 0;
	display:inline-block;
	cursor:pointer;
}

#detaillant.btn:hover{
	border:1px solid #3b3b3b;
	background:#fff url(../img/btn-grey-arrow.gif) no-repeat center right;
	color:#3b3b3b;
}


.btn:active,input[type="submit"].active, 
	input[type="button"].active {
	-moz-box-shadow:inset 0px 2px 0px 0px #d8232e;
	-webkit-box-shadow:inset 0px 2px 0px 0px #d8232e;
	text-shadow:0px 1px 0px #b8222a;	
	color:#fff;	
	border:1px solid #b8222a;
	background:#ee2329;
	position:relative;
	top:1px;
}


.btn.red,.button{
	-moz-box-shadow:inset 0px 2px 0px 0px #d8232e;
	-webkit-box-shadow:inset 0px 2px 0px 0px #d8232e;
	background-color:#e61a23;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #b8222a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:100;	
	font-size:14px;
	padding:0.4em 1em;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:0px 1px 0px #b8222a;
	margin:20px 0 0 0;
	}
	
.button.bigger{padding:0.8em 1.6em;}	


.btn.red:hover, .button:hover{
	/*-moz-box-shadow:inset 0px 2px 0px 0px #d8232e;
	-webkit-box-shadow:inset 0px 2px 0px 0px #d8232e;	
	color:#fff;	
	background:#ee2329;*/
	border:1px solid #7a7a7a;
	-moz-box-shadow:inset 0px 2px 0px 0px #7c7c7c;
	-webkit-box-shadow:inset 0px 2px 0px 0px #7c7c7c;
	text-shadow:0px 1px 0px #6e6e6e;	
	color:#fff;	
	background:#68696d;
	}

.button{padding:0.2em 1em;}
		

.btn:hover{text-decoration:none;}

.btn.pdf{padding-left:20px;padding-right:40px;}
.btn.pdf i{display:inline-block;vertical-align:middle;background:url(../img/pdf-ico.png) no-repeat top left;width:22px;height:26px;margin:0 10px 0 0}

/** Forms **/
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

a.retour{display:inline-block;background:url(../img/arrow-back.gif) no-repeat center left;padding:0 0 0 20px;font-weight:600;color:#353535;margin:0 0 30px 0;cursor:pointer;}


input[type=checkbox].css-checkbox {
	  position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}

.css-label{
	background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
}

.checkbox-style{background-image:url(../img/web-two-style.png);}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:22px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	width:100%;
	padding-left:32px;
    height:23px; 
	display:inline-block;
	line-height:23px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:13px;
	vertical-align:middle;
    cursor:pointer;
	text-align:left;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -23px;
}


#detaillantRecherhe input[type="search"]{max-width:300px;}
#detaillantRecherhe button, {margin:0 0 0 5px;height:40px;background:#d12027 none;border:1px solid #bd1a1a;
/* border-radius:5px; */padding-right:10px;color:#fff;}
#detaillantRecherhe button:hover{background:#fd2f27}
/**** Cossins ****/
small{font-size:14px;font-size:1.4rem;display:block;margin:5px 0 15px 0 }

#cart-link{display:inline-block;text-align:right;float:right;padding:0 0 0 38px;font-size:17px;font-size:1.7rem;margin-top:-20px;}

.anchor-fix{padding-top:90px;}/*Anchor fix pour le header bar fixed*/

.styled-select select {
   background: transparent;
   width: 238px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   font-weight:100;
   color:#4f4f4f;
   -webkit-appearance: none;
   }
.styled-select {   
   max-width: 210px;
   height: 30px;
   overflow: hidden;
   background: url(../img/new_arrow.png) no-repeat right #f6f6f6;
   border: 1px solid #ddd;
   margin:15px auto  auto;
}
/*** contact ico ***/
.tel,.fax,.courriel,.web{display:block;padding:0 0 0 30px;margin:0;text-align:left;}
.tel{background:url(../img/ico-membres.gif) no-repeat 0 0px;border:none;}
.courriel{background:url(../img/ico-membres.gif) no-repeat 0 -52px;border:none;}
	
.web{background:url(../img/ico-membres.gif) no-repeat 0 -105px;border:none;}
.fax{background:url(../img/ico-membres.gif) no-repeat 0 -160px;border:none;}


.z-index-up{z-index:9999;}

#preload{position:fixed;display:block;width:110%;height:105%;z-index:99999;background:#fff;margin-top:-5%}

img{border:none;}
figure img{width:100%;}
.custom{max-width:680px;width:100%;}

.hr{display:block;height:20px;border-bottom:1px solid #9a9a9a;width:98%;margin:0px 0 40px 0;width:100%;}
	.full{width:100%;}
.clear,.clr{clear:both;}
	.gap{height:1.5em;}
	.biggap{height:4em;}
	.no-spc, #content p.no-spc, .content p.no-spc, .Cont p.no-spc, .Cont-sml p.no-spc {margin:0;padding:0;}

.flt-lft{float:left;}
.flt-rgt,.flt-rght{float:right;}

.pd-lft{padding:0 0 0 5%;}
.pd-rgt{padding:0 5% 0 0;}

.inline{display:inline-block;}
.center{text-align:center;}

ul.list{padding:20px 0}
ul.list li{padding:0 0 0 20px;list-style:none;background:url('../img/dot-list.png') no-repeat top left;margin:0 0 5px 0}

.hidden{
	opacity: 0;
}
.visible{
	opacity: 1;
}

.no-display{display:none}

#hautPage{padding:0;color:#818286;position:absolute;display:block;height:35px;width:34px;top:-47px;right:46%;background:url(../img/gotop.png) top center;z-index:1}
#hautPage:hover{background:url(../img/gotop-hover.png) top center;top:-50px;height:38px}

.bordered{border:1px dotted #ccc;padding:1.0em 0;}
.red-bdr{border-bottom:1px solid #bb2025;}
.white-bdr{border:2px solid #fff;}

/*.sh{
-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.24);
-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.24);
-o-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.24);
box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.24);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e9e9e8, Direction=180, Strength=6);
}	*/
	
		/*******Colonnes************/		
		.section {
			clear: both;
			padding: 0 0 10px 0;
			margin:0 0 0px 0;/* boguait si bottom 10px */
		}
		
		.section.group.pratique{margin:0}
		
		/*  COLUMN SETUP  */
		.col {
			display: block;
			float:left;
			margin: 1% 0 1% 4%;
		}
		.col:first-child {margin-left: 0; }
		
		.col img{max-width:100%;}
		
		.section.group.video .col:first-child, .section.group.video .col:nth-child(3n+1){margin-left:0}
		.video-all{position:relative;max-height:250px;overflow:hidden;}
		.video-all .play img{position: absolute;top:25%;left:25%}
		.section.group.video p{margin:5px 0 0 0}
		.section.group.video .col{height: 380px;}
	
		
		
		/*  GROUPING  */
		.group:before,
		.group:after {
			content:"";
			display:table;
		}
		.group:after {
			clear:both;
		}										   
							
		
		/*  GRID OF TWO  */
		.span_1_of_2 {
			width: 48%;
		}
		
		
		/*  GRID OF THREE  */
		.span_2_of_3 {
			width: 63%;
		}
		.span_1_of_3 {
			width: 30%;			
		}
		
		/*  GRID OF FOUR  */
		.span_4_of_4 {
			width: 100%;
		}
		.span_3_of_4 {
			width: 74.6%;
		}
		.span_2_of_4 {
			width: 47.2%;
		}
		.span_1_of_4 {
			width: 20.8%;
		
		}
		.partners .span_1_of_4 {border:1px solid #c1c1c1}
		
		/* PANIER PANIER PANIER */
		
		/*  COLUMN SETUP liste de magasinage  */
.colone {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
	padding:0 2%;
	border-right:1px dotted #ccc; 
	min-height:80px;}
	.panier-titre .colone {border-right:none;min-height:20px;}
	
.colone:first-child { margin-left: 0; }
.colone:last-child, .colone:first-child{border-right:none;}

.TOTAL .colone{min-height:30px;margin-bottom:15px;}

input.bloc-quantite {
    display: inline-block;
    width: 20px;
}

.panier, .panier p, .panier-titre {text-align:center;}

		/* GRID Panier */
		
		.span_8_of_8 {width: 100%;}
		.span_7_of_8 {width: 86.5%;}
		.span_6_of_8 {width: 61.8%;} 
		.span_5_of_8 {width: 61.5%;}
		.span_qte {width: 4%;}
		.span_3_of_8 {width: 14%;}
		.span_2_of_8 {width: 20%;}
		.span_1_of_8 {width: 11.5%;}
		
		.span_3_of_8 .prix-special{text-align:center}
		.span_3_of_8 .prix{padding-top:0;text-align:center}
		.colone.span_3_of_8.total {border:none;height:40px;}
		
		.panier{border-bottom:1px dotted #ccc;}
		.panier:first-child{margin-top:20px}

.panier h4 {display:none;}

		

/******************mainForm***********************************************************/
	.mainForm{width:100%;display:block;}
	.mainForm input[type=text],.mainForm input[type=tel],.mainForm input[type=email],.mainForm textarea, .mainForm input[type=password]{
	width:95%;
	/* border-radius:2px; */
    border: solid 1px #ccc;
    padding:0.4em;
    background-color: #fcfcfc;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);
	color:#666;
	height:22px;
	margin:5px 0;	
	}
	
	.mainForm select{padding:0.4em;width:97%;/*max-width:500px;*/background-color: #fcfcfc;/*border-radius:2px;*/color:#666;height:33px;margin:5px 0;border:1px solid #ccc;}
		.mainForm.p-distributeurs select{width:100%;max-width:515px;margin: 5px 0;height:33px;}
	
	.mainForm select.smaller{width:100px;margin-right:10px}
	
	.mainForm textarea{height:120px;display:block;width:98%;}	
	.mainForm p{width:100%;}
	.mainForm p span{width:50%;min-width:200px;margin-left:4%;float:left;margin:0.5em 0;min-height:50px;display:block;}
	.mainForm p span :first-child{margin-left:0;}
	.mainForm p span.row{width:100%;}
		.mainForm span.row select{width:45%;}
	
	.mainForm p span em{font-size:12px;}	
	.mainForm span.fullrow{clear:right;}    
	
	.mainForm p.title{
		display:block;				
		width:100%;
		font-size:2.5rem;font-size:25px;
		line-height:3.0rem;font-size:30px;
		font-weight:400;
		text-transform:uppercase;
		color:#353535;
		border-top:2px dotted #353535;
		padding:35px 0 5px 0;		
	 }
	 label.bold{font-weight:400;display:block;margin-bottom:5px;}
	 label.bold:after{display:block;}
	 .mainForm p.marge span{margin-bottom:30px;}
	 
	/*************** Capchat ********************/
	#capchat{}
	#capchatimgLogcontact, #capchatimgLoggarantie
	{display:block;margin:10px 0;max-width:200px;}
	#capchatimgLogcontact img, #capchatimgLoggarantie img{display:inline-block;vertical-align:middle;margin:0 10px 0 0;width:100px;height:40px;float:left;}
	.cap-input{float:left;clear:both;}
	/**button reload**/
	#capchatimgLogcontact a, #capchatimgLoggarantie a{
		display:inline-block;
		vertical-align:middle;
		height:47px;
		width:34px;
		background:url(../img/capcha-reload.png) no-repeat top left;
		}
		
	#capchatimgLogcontact a:hover, #capchatimgLoggarantie a:hover{opacity:0.85;}
	
	#capchat p{color:#353535}
	#capchatReload{display:inline-block;}
	
	/***************** valid***********************/
	/*defaut html5 validation*/
	input:focus:required:invalid {border:1px solid #d12027;outline:none}
	
	/*jQuery Validate*/
	
	/*input*/
	#mainForm input.valid,#mainForm textarea.valid{background:#fff url(../img/input-valid.png) no-repeat center right;border:1px solid green}	
	#mainForm input.error,#mainForm textarea.error{background:#fff url(../img/input-invalid.png) no-repeat center right;border:1px solid red}
	#mainForm textarea.valid{background-position:right 20px;}
	/*radio*/
	#mainForm input[type="radio"].error:first-of-type + label{padding-right:40px;background:url(../img/input-invalid.png) no-repeat center right;}
	#mainForm input[type="radio"].error + label{color:#d12027;}
	#mainForm input[type="radio"].valid:first-of-type + label{padding-right:40px;background:url(../img/input-valid.png) no-repeat center right;}
	
	/*select*/
	#mainForm select.error{background:#fff url(../img/input-invalid-select.png) no-repeat center right;border:1px solid red}
	#mainForm select.valid{background:#fff url(../img/input-valid-select.png) no-repeat center right;border:1px solid green}

/* Pagination */

.pagination_bottom{text-align:right;}
.pagination_bottom a{padding:5px;}
.pagination_bottom a.current, .pagination_bottom a:hover{background-color:#d12027;color:#fff;}
.pagination_bottom a.current{margin-right:5px;}
.pagination_bottom a.current:last-child{margin:0 0 0 5px;}

/* Fin Pagination */



h1.h1fiche{border:none;padding:0;border-bottom:1px solid #ccc;padding-bottom:10px;margin:20px 0 0 0;font-size:4.5rem;font-size:45px;color:#555}

footer a.share{text-decoration:none;}
footer .row {
    display: flex;
}
.dl-menu .row {
    display: flex;
}
footer .fb {margin: 15px 0 25px;color:#fff;text-transform:uppercase; max-width: 60px; margin: 10px;}
footer .fb:hover {color:#ec2427;}

footer .fb img {
/*    display: inline-block;*/
    max-width: 60px;
    margin-right: 5px;
    vertical-align: middle;
	margin-bottom: 10px;
}


/* Page Formulaire Emploi */

table.tab-emp{width:100%;}
table.tab-emp th{text-align:left;padding-bottom:10px;}
table.tab-emp tr:first-child{border-bottom:1px solid #ccc;margin-bottom:8px;}

table.tab-emp td{width:19%;padding:5px 5px 5px 0;text-align:left;}
table.tab-emp td:nth-child(2) {width:50%;}

.ul-emploi li {background:none;padding:0;}
.ul-emploi li span{font-weight:600;}

footer #zone-membres p {display:inline-block;float:left;width:45%;}
footer #zone-membres p:first-child {}
footer #zone-membres p:nth-child(2) {padding-left:6%;}
footer #zone-membres p.btn{}
/*footer #zone-membres .btn{float:left;}
footer #zone-membres a.btn:hover{}*/

/*****************************************************************************/
/****************** MEDIA QUERIES FOR A RESPONSIVE LAYOUT *******************/
/* Large desktop */
@media (min-width: 1150px) { 
/*body.home{overflow:hidden;}*/

.Cont{max-width:1200px;}

}
@media (max-width: 1150px) {
.top-ico.fadeonly{display:none;}
.fast-nav li{width:100%;background:none;min-height:220px;text-align:center;position:relative;padding:0 0 20px 0;}
.fast-nav li:nth-child(3){background:none;}
.fast-nav li:nth-child(4){width:100%;}

.fast-nav li h2{text-align:center;display:inline-block;}
.fast-nav li p{display:inline-block;padding:0 15px 0px 10px;text-align:left;margin:0 0 0 0px;}

.fast-nav li div.center{}
.fast-nav li div.fix{position:relative;text-align:center;padding:0 0 20px 0;border-bottom:2px dotted #ccc;margin:20px 0 0 0 ;}

.services-nav{display:block;width:250px;margin:0 auto;padding:0;}

.services-nav li,.services-nav li:nth-child(3){background:none;font-size:2.0rem;font-size:20px;display:block;text-align:left;text-transform:uppercase;width:100%;/*min-height:30px;*/padding:10px 0 2px 0;min-height:30px;border-bottom:1px solid #c2c2c2;background:url(../img/acc-services-nav-arrow.gif) no-repeat top right;}
.fr .services-nav li:first-child{padding-bottom:5px;}

.services-nav li:last-child{border-bottom:none;font-size:1.5rem;font-size:15px;text-align:right;padding:8px 18% 0 0;width:82%;}
.services-nav li a:hover{color:#e61a23}
}
@media (max-width: 1150px) {
	.cart{margin:7px 10% 0 ;float:right;}
	#formulaireRecherhe{max-width:600px;min-width:100%;margin-left:0;}
	input[type="search"] {max-width:600px;}
	.block.newsletter{padding:10px 0 50px 0;width:60%;}
    .mainNav li {padding: 24px 12px 0 12px;}

}

@media (max-width: 1024px) {		
#nav-wrapper{display:none;}
#sb-search{position:absolute;right:2%;top:-50px;}
.hamburger{display:block;}

/**Support et services**/
.sub-nav li:nth-child(4n){padding-left:0;background:none;}


/*HX,a,custom*/
h1,h2,h3,h4,h5{margin:0.9em 0 0.4em 0;}
h1{font-size:45px;font-size:4.5rem;line-height:40px;line-height:4.0rem;}
h1 span{font-size:50px;font-size:5rem;}

h2{font-size:35px;font-size:3.5rem;line-height:37px;line-height:3.7rem;color:#353535;}
h2 span{font-weight:600;}

h3{font-size:38px;font-size:3.8rem;line-height:38px;line-height:3.8rem;color:#4f4f4f;}
h3.two{font-size:30px;font-size:3.0rem;line-height:32px;line-height:3.2rem;}
h4{}

.color,.sexion .color{width:90%}

}

@media (max-width: 960px) {
.Cont,.store .Cont,.team .Cont,.Cont-sml{padding:0 4%}
.fix{margin:0;width:100%;clear:both;text-align:center;}	
.fix h1{text-align:left;margin-bottom:20px}
	#details-content.fix small{display:block;}
.fix #products-listing, #details-content.fix h1, #details-content.fix small, #details-content.fix h3
{text-align:left;}
	#details-content.fix h3{font-size:20px;font-size:2rem;line-height:24px;line-height:2.4rem;}
	/*.fix .caracteristiques{text-align:left;}*/

#logo-big{width:80%;max-width:280px;}
#col_droite .fix h1, #col_droite.fix h2 {text-align:left;}
 
#top-tools{/*margin-bottom:30px;*/}
#ariane{margin:10px 0 20px 0;}

.cart{float:none;margin:30px 0 10px 0;}
a.retour{text-align:left;}	
#detaillant,.exclusivite.flt-rght{float:none;align:center;text-align:center;}
.caracteristiques li{/*background:none; MC*/}

.custom{margin:30px 0;}
.pd-lft,.pd-rgt{padding:0;}
ul li{background:none;}


#details-content h4{text-align:left;}
ul.caracteristiques li{   background: url("../img/dot-list.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    list-style: outside none none;
    margin: 5px 0;
    padding: 0 0 0 20px;text-align:left;font-size:15px;font-size:1.5rem}

.split{width:100%;text-align:center;margin-bottom:50px;}
.split p,.split span{display:block;margin:0 auto;text-align:center}
.tel,.fax,.courriel,.web{display:block;padding:0 0 0 30px;margin:0;text-align:left}
#infos{width:200px;margin:0 auto;}

.list-of-four li:nth-child(4n+1){margin:2% 0 2% 2%;}

.slice{padding:20px 0px;}
h1{margin-top:0;}
    
    #toplogo-inner {
    background: #000;

}

@media (max-width: 768px) { 
/** Garantie **/
.combustibles .col{width:100%;border:none;margin:0 0 100px 0;}
.combustibles .col:first-of-type{margin-top:0;}
.combustibles .col:last-of-type{margin-bottom:0;}
.combustibles .col img{max-width:360px;}
.combustibles {text-align:center;padding:50px 0;}
.combustibles h3{font-size:30px;font-size:3.0rem;margin-bottom:0;}

.sexion #follow,.store #follow{margin-top:70px!important;}
.sexion #image-top img,.store #image-top img{display:none;}
.sexion #image-top,.store #image-top{display:none;}
.sexion #video-filter,.store #video-filter{display:none;}

/*Colonnes*/
	
	.span_1_of_3,.span_2_of_3{
		width: 100%; 
	}
/*colonnes formulaire*/
.mainForm p span{width:96%;}
.mainForm input[type=text],.mainForm input[type=tel],.mainForm input[type=email],.mainForm textarea, .mainForm span.row select, .mainForm select{
width:100%;
}
.mainForm textarea{
width:95%;}

 
#ariane{display:none!important}

.video-all .play img {left: 35%;}
.section.group.video .col{margin-left:0}
.section.group.video .col{height: 340px;}

/* Pages formulaires emplois */
table.tab-emp tr:first-child{display:none;}
table.tab-emp td, table.tab-emp td:nth-child(2){width:100%;display:block;padding:0;}
table.tab-emp td a{font-weight:400;}
table.tab-emp td:last-child{padding-bottom:15px;}

}


@media (max-width: 718px) {
/**Support et services**/
.sub-nav li:nth-child(3n){padding-left:0;background:none;}
/*
.sub-nav li:nth-child(4n){background:url(../img/subnav-sep.gif) no-repeat 0px 3px;padding:0 2% 0 2.2%;}  GENE 2 mars 2015
*/

/* Panier */
.span_8_of_8 .span_7_of_8,.span_6_of_8,.span_5_of_8, .span_qte, .span_3_of_8, .span_2_of_8, .span_1_of_8{width: 100%;}
.panier h4 {display:block;}
.panier-titre {display:none;}

.colone {border-right:none;border-bottom: 1px dotted #ccc;}
.panier {
    border: 1px solid #ccc;
    padding: 15px;
	max-width:250px;
	margin:0 auto;
	margin-bottom:10px;
}

.colone:last-child, .colone:first-child {
    border: medium none;
}
	
}

@media (max-width: 640px){
#logo-big{width:60%;max-width:200px;}
.video-title{font-size:30px;font-size:3.0rem;}
#video-filter {display:none;}


.text-box{padding:0 2% 0 2%;margin:0 auto;max-width:320px;text-align:center}
.text-box h1{font-weight:100;font-size:5.4rem;line-height:5.4rem;font-size:54px;line-height:54px;text-transform:none;color:#626367;
				text-shadow: 0px 0px 4px rgba(0,0,0,0.4);text-align:center;
}
.text-box h1.h-red,.text-box h1.h-red-B{text-align:center;font-size:4.4rem;font-size:44px;text-shadow: 0px 1px 1px rgba(0,0,0,1);font-weight:400;line-height:44px;line-height:4.4rem;max-width:320px;}

.text-box h1 span{text-align:center;font-weight:400;text-transform:uppercase;color:#fff;text-shadow:none;text-shadow: 0px 1px 7px rgba(0,0,0,0.5);}
.text-box h2{text-align:center;text-transform:uppercase;font-size:1.5rem;font-size:15px;margin-top:30px;}

.text-box p{text-align:center;text-align:justify;color:#fff;margin-top:20px;text-shadow: 1px 1px 5px rgba(0,0,0,0.9);position:relative;max-width:320px;}
.text-box .typeB{text-align:center;font-size:30px;font-size:3.0rem;line-height:3.0rem;line-height:30px;max-width:320px;}
.text-box .typeC{text-align:center;font-size:20px;font-size:2.0rem;line-height:2.0rem;line-height:20px;max-width:320px;}


.text-box blockquote{text-align:center;color:#fff;font-size:15px;font-size:1.5rem;position:relative;max-width:320px;}
.text-box cite{text-align:center}

.sexion .gapper h2,.sexion .no-graphik h2 span{text-align:center;font-size:4.0rem;font-size:40px;line-height:4.0rem;line-height:40px;width:100%;margin-bottom:10px;}

.flt-lft{float:none;}

footer .inner{background:#000}

/*MC était à 960*/
.block,.block p,.block input{width:100%;text-align:center;margin:0 auto}
.foot-nav{display:none!important;width:100%!important;}
.foot-nav ul{width:100%!important;text-align:center!important;padding-top:0!important;}
.foot-nav ul li{margin:0!important;}
.block.newsletter{width:80%;padding:5% 10% 10% 10%;}
	
footer ul li.coords{width:100%;}
footer ul li.foot-nav{margin-top:5px;width:100% !important;height:50px;text-align:left !important;}
footer ul li.infolettre{margin-top:5px;width:100%;height:110px;float:none;}
footer #credits{bottom:-20px!important;}
.home footer #credits{bottom:-130px!important;}
.h1.fadeonly{ text-shadow:none;display:none!important;}

footer .connexion_membre {margin:20px 0;}	
	
}
@media (max-width: 600px) { 
#main{text-align:center;}
.cycle-slideshow .cycle-dots{text-align:center;margin:20px 0 50px 0;}
.col{padding:0 2%;width:96%;}
.fast_nav li{margin-bottom:20px!important;}
/*.fast_nav li img{max-width:480px;}*/
/** Garantie **/
.combustibles .col{width:100%;border:none;margin:0 0 100px 0;padding:5% 0;}
.combustibles .col:last-of-type{margin-bottom:0;padding-bottom:0;}
.combustibles .col:first-of-type{padding-top:0;}
.combustibles h3{font-size:30px;font-size:3.0rem;margin-bottom:0;margin-top:-20px;}

}
@media (max-width: 560px) {
	
.sub-nav li,.sub-nav li:last-child{padding:10px 0;background:none;width:100%;display:block;border-bottom:1px solid #d8d7d7;}	

	 
#subnavig li,#subnavig li:first-child{width:100%;text-align:center;border:none;border-bottom:1px solid #ccc;margin-left:0;padding:20px 0;font-size:2.0rem;font-size:20px;}
#subnavig li:last-child{border:none;}

.fix #detaillantRecherhe{text-align:left;}
 #detaillantRecherhe input{margin:10px 0;display:block;}
    
footer .share {
    padding: 0 10px;
}

}

@media (max-width: 500px) { 

col { 
		/*text-align:center;*/
		margin: 1% 0% 1% 0%;
	}

/*
	.col img{width:80%;}
*/
	
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%;
		
	}	

    #products-listing li,.list-of-four li, #products-listing.list-of-four li{width:80%;}
    #credits{position:relative;width:100%;text-align:right;bottom:0;right:2%;font-size:12px;font-size:1.2rem;}

    .fix #products-listing {text-align:center;}

    h1, .store h1, h1 span, .store h1 span {font-size:35px;font-size:3.5rem;line-height:35px;line-height:3.5rem;}
    h2 {font-size:22px;font-size:2.2rem;line-height:25px;line-height:2.5rem;}
    h3, .mainForm p.title {font-size:18px;font-size:1.8rem;line-height:21px;line-height:2.1rem;}
    #load-garantie h3{font-size:20px;font-size:2.0rem;line-height:23px;line-height:2.3rem;}

    .video-all .play img {left: 32%;}
    
/*    .fast_nav li img{max-width:480px;}*/

}
@media (max-width: 480px) { 

	#content p, .content p, .Cont p, .Cont-sml p,#load-garantie ul.alternated li,.table tr td, table.tab-emp td, ul.ul-emploi {
	font-size:12px;font-size:1.2rem;line-height:16px;line-height:1.6rem;}
	.table th,  table.tab-emp th{font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;}
	/** Garantie **/
	
	.combustibles .col img{max-width:320px;margin-left:-20px;}
	
	h1.h1fiche{margin-top:40px}
	
	.liens h4 a{font-size:16px;font-size:1.6rem}
	
	footer .logo-accre{display:block;margin-top:0px;border-top:1px solid #222;padding-top:20px;}
	footer .logo-accre img{max-height:40px;margin-left:2%;display:inline;margin-top:5px;}
}
/* Landscape phones and down */
@media (max-width: 320px) {
	.fr .fast-nav li h2 {font-size:35px;font-size:3.5rem;}	
	footer ul li.foot-nav{display:none;}
	.graphik{display:none!important;}	

}

/*HEIGHT*/
@media (max-height: 480px){
	/*.text-box p,.text-box blockquote{display:none}*/
	.graphik{display:none!important;}
	

	
	}
@media (max-height: 768px){
	.slides-pagination{bottom:0;}
}

/*
.row {
    display: flex;
}
*/

.pad-t {
    margin-top: 6px;
}