@charset "utf-8";

:root {
	--main-color:#000000;
	--main-color-clair:#00000020;
	--main-color-placeholder:#00000050;
	--main-color-cote:#00000005;
	--main-color-search:#000000;/*ff6804;	*/

	--main-color-brand:#000000;
	--main-color-brand-clair:#0000000d;
	--main-color-brand-eclair:#000000e5;
}


*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



html{
	font-size:62.5%;
	font-family: Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	background-image:none !important;
	background-color:transparent !important;
	cursor:default;
	margin-top: 0;
	text-size-adjust: 100%;	
}

body{
	color: #333;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-color:var(--main-color-cote) !important;
	background-attachment:scroll !important;
	background-image: none;
	background-size:1800px auto !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding: 0 0 20px 0;
	
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */	
	
}

body * {
  /*cursor: default;*/
}

a, a * {
	cursor: pointer;
}

a:hover{
	text-decoration: underline;
}

a{
	text-decoration:none;
	color:var(--main-color-brand);
}
a:focus{
	outline: none;
}


#netreviewsWidgetNum29982widget01av{
    transform-origin: 95% 65% 0px !important;
    transform: scale(0.4) !important;
}


#piecesD a, #mv a, .tunnel__card a{text-decoration: underline;color:blue;}
#piecesD  a:hover, #mv a:hover, .tunnel__card a:hover{text-decoration: none;}

header{
	z-index:1500;
	left:0;
	right:0;
	top:0;
	background:white;
	position:absolute;
	width:100%;
}

.slogan{
	margin: 16px 0 0 0;
	color: var(--main-color);
	font-weight: 300;
	font-size: 1.3rem;
	line-height: 0.7;
}
.sauver_titre{
	margin: 0 0 16px 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: var(--main-color);
}


@media (max-width:1180px) {
	header{position: relative}
	body{
		padding-top:0;
		background-color: #f1f1f1;
	}
	html{ margin-top:0}
}

#content{position:relative;z-index:1}

#titre_site_img{
	display: none;
}
#titre_site_txt{
	margin: 16px 0 0 0;
	color: var(--main-color);
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 0.7;
}
#titre_site_txt span{
	font-size:2.0rem;
	font-weight: 600;
	vertical-align: sub;
}
#avis_verifies{
    position: relative;
    top: 2px;
    left: -10px;
}
#avis_verifies a {
    text-decoration: none;
}
#logo_moteur_brand{
	padding: 0 12px 0 0;
	text-align: right;
	width: 250px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: flex-end;	
}
#logo_moteur_brand_img{
	height: 50px;
	width: 100%;	
	margin-bottom: 10px;
}
#logo_moteur_brand_img img{
	height: 100%;
}
#logo_moteur_brand_text{
	color: var(--main-color-brand);
	line-height: 1;
	font-weight: 300;
	font-size: 1.8rem;
}
h1, h2, h3{
	letter-spacing: -.01em;
	font-family:  'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
}

h1 {
	font-size: 3.6rem;
	font-weight: 900;
	line-height: 1.1;
	color: var(--main-color-brand);
	width: 100%;
	margin: 0 0 30px 0;
}

h2{
	margin: 30px 0 20px 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height:1.15;
	color: var(--main-color);
}

.csc h2{
	margin: 0;
	font-size: 1.8rem;
	font-weight: 500;
	line-height:1.35;
	color: #4c4d4e;
}

h3{
margin: 3rem 0 1rem 0;
font-size: 1.8rem;
font-weight: 700;
line-height:1.15;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #DDD;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #DDD;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #DDD;
}
:-moz-placeholder { /* Firefox 18- */
  color: #DDD;
}

#tableau_boutons_haut{
	display: none;
}

@media (max-width:767px) {
	#tableau_boutons_haut{
		display: none;
	}
}

.header-headline{
	display: flex;
	height: 80px;	
	width: 100%;
	background-color: #fff;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: space-between;	
}
.header-headline-logo{
	display: inline-block;
	position: relative;
}


.header-headline-logo div{
	margin: 0 0 0 4px;
	line-height: 1;
	font-size: 1.1rem;
	display: block;
	position: relative;
	top: -8px;
   width: 100px;	
}

.header-headline-logo a:link{ 
 text-decoration:none; 
} 


.header-headline-moteur{
    margin: 25px 0 0 20px;
    width: 60%;
}	   

.header-headline-client{
    width: 140px;
}

@media (max-width:767px) {
	
	#avis_haut{
		display: none;
	}
	#avis_verifies{
		padding: 0;
	}
	.header-headline{
		flex-wrap: wrap;
		background-color: #fff;
		height: unset;
	}
	.header-headline-logo{
		display: none;
		 width: 50px;
		 position: relative;
		 order: 1;
	}	
	.header-headline-moteur{
		order: 3;
		width: 100%;
		padding: 0;
		margin: 0 5px 0 5px;
	}	   

	.header-headline-client{
		width: 20%;
		order: 2;
	}
	#titre_site_logo {
		margin: 10px 10px;
	}
	#titre_site_img{
		display: block;
	}
	#titre_site_img a{
		font-size: 4rem;
		color: #0b4892;		
	}
	#titre_site_txt{
		 font-size: 1.0rem;
		 width: 180px;
		 margin: 16px 0 0 5px;
		 line-height: 0.8;
	}
	#titre_site_txt span{
		font-size:1.4rem;
		font-weight: 600;
		vertical-align: sub;
	}
}

.exposant {
position: relative;
bottom: 0.5rem;
font-size: .7em;
line-height: .7em;
margin-left:0.4rem;
vertical-align: super;
text-decoration:none;
}

table{
border-collapse:collapse;
margin:0rem 0 1rem 0;
font-size:1.0rem;
}
table,td{
border:0;
}

p{
margin:0 0 1rem 0;
}
ul{
margin:0 0 10px 30px;
}
hr{     
  height: 0;     
  margin: 0;     
  _margin: -7px 0;     
  padding: 0;     
  border: 0;     
  visibility: hidden;
  clear: both;
}

.ads_banniere{
width:970px;
margin:3rem auto 1rem auto;
}

@media (max-width:970px) {
	.ads_banniere { display: none;}
}

#links_bas{
font:1.2rem/1.4rem;
text-align:center;
margin: 0 0 1% 0;
}

#copyright{
	text-align:center;
	padding:20px 0;
	font-size: 1.3rem;
}

/* doit être mis en style sinon le display none en jquery marche pas
#loading{
	text-align: center;
	margin: 6rem 0 100rem 0;
	width: 100%;
}
*/

#loading p, #loadingAswo p{
	font-size: 1.6rem;
	font-weight: 500;
	margin: 10px 0 30px 0;;
}

#loading>img, #loadingAswo>img{
	width: 80px;
	height: auto;
}

.liste_logos{
	width: 100%;
	margin: 10px 0 0 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
.liste_logos div{
	width: 20%;
}
.liste_logos div a {
	text-decoration: none !important;
	color: var(--main-color-brand) !important;
}
.liste_logos .titre_courroie_text {
	font-size: 1.6rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -1.2px;
	color: #000;
	text-align: center;
	line-height: 1;
	top: -9px;
	position: relative;	
}
.liste_logos div:nth-child(n+16) {
	display: none;
}
.liste_logos div img {
	padding: 0 7px 15px 7px;
	max-height: 50px;
	width: 100%;
}



/* Stock */
.piece-stock {
	order: 3;
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: var(--main-color-brand);
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 400;
	margin: 15px 0 5px 0;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.piece-stock div{
	display: flex;
	flex-direction: column;
}
.piece-stock div p{
	margin: 0;
	padding: 0 5px 0 0;
}
.piece-stock div * {
	cursor: pointer;
}
.piece-stock>div>img {
	min-width: 24px;
	width: 24px;
	vertical-align: text-bottom;
	margin: 0 0 3px 0;
}
.piece-stock>div>label {
	color: #007000;
	font-size: 10px;
	font-weight: 600;
	font-family: system-ui;
	position: relative;
	top: 5px;
}
.stock-info{
	color: #000000;
	order: 5;
	font-size: 1.3rem;
	line-height: 1;
	width: 100%;
	margin: 0 0 10px 0;
	font-weight: 200;
	letter-spacing: -0.3px;	
}
/* Stock */



#bloc{
	padding:0 0 0 0;
	background-color:#fff;
	/*min-height: 100vh;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
}
#bloc #links{
	float:left;
	padding:10px;
	width:300px;
	height:auto;
	vertical-align: top;
	overflow:hidden;
}
#bloc #ads{
float:right;
width:300px;
height:auto;
vertical-align:top;
overflow:hidden;
padding:10px 0;
}
#bloc #main{
float: right;
padding:10px;
width: calc(100% - 600px);
height:auto;
vertical-align:top;
overflow:hidden;
}


#bloc #main_pieces{
	vertical-align: top;
	position: relative;
	visibility: visible;
	width: calc(100% - 350px);
	float: right;
	padding-left: 40px;
}

#bloc #pieces{
float:right;
width:300px;
}

.image-produit{
	margin: -20px 10px 0 0;
	width: 120px;
	height: 120px;
	float: right;
}

.header-assurance {
	background: #000;
	width: 100%;
	margin: 20px auto 0 auto;
	justify-content: center;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
}
.header-assurance .block-assurance {
	width: 25%;
	text-align: center;
	cursor: pointer;
}
.header-assurance img {
	vertical-align: bottom;
	opacity: 1;
	width: 100%;
	aspect-ratio: 3 / 2;
}
.header-assurance .block-assurance span {
    color: #fff;
    line-height: 1.3;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 300;
    margin: 8px;
}
.header-assurance .block-assurance span span {
	color: #e8e8e8;
	font-size: 1.0em;
    line-height: 1;	
	vertical-align: top;
	margin: 0 0 0 -2px;
}


.alinea{
	color: #333;
	padding: 30px 0 10px 0;
	font-size: 1.1rem;
	font-weight: 300;
	line-height:1.2;
}







































#bloc #links_nobrand{
display: none;
}
#bloc #ads_nobrand{
float:right;
width:300px;
margin:10px 5px;
}
#bloc #main_nobrand{
margin:10px 320px 10px 4px;
vertical-align:top;
}




.fancybox-overlay {z-index: 20000 !important;}
.fancybox-type-image {top:30px !important;}
.fancybox-type-iframe {top:80px !important;}
.fancybox-skin {
    background: #fff !important;
	border: solid 1px var(--main-color-brand);
	border-radius: 0;
}
.fancybox-next span{visibility: visible;}



/**********************************************/
/************  COMMUN LINKS *******************/
/**********************************************/

#major_brands {
	border:#014397 thin solid;
}
#major_brands A:link, #major_brands A:visited {
	color: #0000CD;
	text-decoration: none;
}

#major_brands A:hover, #major_brands A:active{
	color: #014397;
	text-decoration: underline;
}

.titre_major_brands{
vertical-align:middle;
line-height:2.2rem;
font-weight:bold;
font-size: 1.8rem;
background:#014397;
color:white;
padding:3px 6px;
}


/**********************************************/
/************  MOTEUR RECHERCHE ***************/
/**********************************************/

#moteur-piece {
		background-color: #47C0A8;
	    width: calc(100% - 250px);
}
#moteur-piece .titre {
	padding: 0;
	color: #fff;
	text-align: center;
	margin: 0;
	font-family: 'Bradley Hand', cursive;
	/*font-style: italic;*/
	font-weight: bold;
	font-size: 3.2rem;	
}


#moteur_recherche{
	margin:0 0 10px 0;
	background-color:#000;
	padding:5px 0 0 15px;
}


#form_recherche{
	margin: 0 0 0 0;
	padding:3px 10px 10px 0;
}

.titre_moteur_recherche{
font-size: 1.7rem;
line-height:2.2rem;
font-weight: bolder;
color:#fff;
margin:0;
}

.recherche_find{
	color:#757575;
	border:2px outset #666;
	width:70%;
	font-size:1.5rem;
	margin:0;
	padding:0.2rem 0.6rem;
	background-color:#fff;
	vertical-align:middle;
}

.recherche_loupe{
	width:32px;
	height:32px;
	margin:0 0 0 5px;
	vertical-align: middle;
	background:  url(/images/ico_search.png) no-repeat center center; 
}

.moteur2_texte{
	font-size: 1.2rem;
	float: left;
	font-weight: 900;
	color: #fff;
	line-height: 1.1;
	text-align: right;
	padding: 21px 8px 0 0;
	width: 35%;
}
#titre_site{
	color: #0b4892;
	margin: 0 0 20px 0;
	font-size:2.0rem;
	font-weight:700;
	line-height: 1;
}

/*************************************************/
/************  PRINCIPALES MARQUES ***************/
/*************************************************/

.letter {
	font-size: 1.6rem;
	line-height:2rem;
	font-weight: bold;
	width: 4rem;
	text-align:center;
	vertical-align:middle;
}

.marque{
	font-size: 1.2rem;
}

.lettre, .lettre A:link, .lettre A:visited {
	font-size: 1.2rem;
	color: #0000CD;
	text-decoration: none;
}

.lettre A:hover, .lettre A:active{
	color: #014397;
	text-decoration: underline;
}




/*************************************************/
/************  LETTRES EN BAS PAGE ***************/
/*************************************************/

.lettre_menu, .lettre_menu A:link, .lettre_menu A:visited, .lettre_menu A:active, .lettre_menu A:hover{ 
	color:#fff; 
	text-decoration: none;
	font:1.5rem/2.3rem; 
	font-weight: bold;
	background-color: #014397;
	text-align:center;
	vertical-align: middle;
}


/******************************************************/
/************  PAGE MOTEUR DE RECHERCHE ***************/
/******************************************************/


.zearch_link{
text-decoration:underline;
}

.zearch_results{
color:#858585;
font-size:1.2rem;
}

.apercu{
opacity:0.5;
filter:alpha(opacity=50);
}
.apercu:hover{
opacity:1;
filter:alpha(opacity=100);
}

.apercu_leguide{
opacity:1;
filter:alpha(opacity=100);
}

.zearch_result div{
	margin:0 8px 8px 5px;
}

.zearch_result div a{
	font-size:1.5rem;
	color: #00C;
	text-decoration:underline;
}
.zearch_result div a:hover{
	text-decoration:underline;
}

.zearch_result td a{
	font-size:1.6rem;
	color: #00C;
	text-decoration:underline;
}
.zearch_result td a:hover{
	text-decoration:underline;
}

.zearch_commande {
	background-color:#F6F3F3;
	padding:5px;
}

.commande_bouton {
	background-color:#014397;
	color:#ffffff;
}

.commande_bouton:hover{
	background-color:#0000CC;	
	cursor:pointer;
}

.zearch_result .vert{
	font-size:1.2rem;
	font-weight:500;
	color: #080;
	line-height:1.6rem;
	padding:0;
	margin:0;
}

.zearch_result .noir{
	font-size:1.3rem;
	line-height:1.6rem;
	font-weight:200;
	color: #666;
	padding:0;
	margin:0;
}

.zearch_find{
color: #757575;
border: 2px #CCCCCC solid;
width: 100%;
font-size: 2.3rem;
padding: 3px 0 3px 10px;
padding-bottom: 2px;
background-color: #E8F2FF;
font-weight: 500;
}

.zearch_find_loupe{
width:36px;
height:37px;
background:  url(/images/zearch_loupe.gif) no-repeat center center; 
}
.zearch_find_loupe:hover{
width:36px;
height:37px;
background:  url(/images/zearch_loupe_on.gif) no-repeat center center; 
}

.titre_categorie{
	text-align: left;
	margin-bottom:4px;
	background:url('/css/liens_com_point.jpg') repeat-x;
	margin: 20px 0 6px 0;
}
.titre_categorie_texte{
	color:#000000;
	font-size:1.6rem;
	font-weight:bold;
	background:#ffffff;
}



/******************************************************/
/************  MOTEUR PAGE PROBLEME *******************/
/******************************************************/

.include_zearch_find{
	color:#757575;
	border:2px outset #014397;
	width:250px;
	font-size:2.0rem;
	padding:3px 10px;
	margin:0;
	background-color:#E8F2FF;
	vertical-align:middle;
}
.include_zearch_find_loupe{
	width:32px;
	height:32px;
	margin:0;
	vertical-align: middle;
	background:  url(/images/ico_search.png) no-repeat center center; 
}
.include_zearch_find_loupe:hover{
	background:  url(/images/ico_search.png) no-repeat center center; 
}

/******************************************************/
/************  NEXT ***********************************/
/******************************************************/
.next .nexttext{
display:block; 
padding:0 0 5px 22px; 
margin-bottom:8px;
background:transparent url(/images/dossiers.png) no-repeat 0 0; 
font-weight:bold;
}

.next {
display: inline-block;
margin:2rem 0 3rem 0; 
color: #666;
}

.next b{
float:left;
margin:0px 2px 5px 0; 
line-height: 1.6rem;
width: 24px;
text-align:center;
background: #014397;
border: 1px solid #014397;
color:white;
font-size: 1.1rem;
}

.next a, .next a:link, .next a:visited{
float:left;
margin:0px 2px 5px 0; 
line-height: 1.6rem;
width: 24px;
text-align:center;
text-decoration: none;
border: 1px solid #CBCBCB;
color:#777777;
font-size: 1.1rem;
}

.next a:hover, .next a:focus{
background: #014397;
border: 1px solid #014397;
color:white;}











/******************************************************/
/************  PROBLEME *******************************/
/******************************************************/

#masque{  
/*	margin:auto;
	position:fixed;
	position:absolute; 
	z-index:900;
	*/
	background-color: #000;
	display: none;
	position: fixed;
	 left: 0;
	  top: 0; 
	width: 100%;
	 height: 100%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
z-index:2000;
	
}

@media (min-width:680px) {
  #probleme{
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -340px;
    width:600px;
    z-index:3000;
    border: 3px solid #093;
    padding: 10px 23px 0px 23px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius:6px;
    background:white;
    behavior: url(/PIE.htc);
    box-shadow: 2px 2px 10px  #000;
    display:none;
  }
  
  #probleme_content{
    float: left;
    width: 500px;
    padding:0;
    margin-bottom:15px;
    z-index:1000;
  }
  
  #close_text{
    display:block;
    position:absolute;
    z-index:1001;
    top:10px;
    right:15px;
    text-align:right;
    cursor:pointer;
    width: 50px;
      height: 20px;
  }
  
  
}

@media (max-width:680px) {
  #probleme{
    position: absolute;
    top: 120px;
    left: 0px;
    width:300px;
    z-index:3000;
    border: 3px solid #093;
    padding: 10px 23px 0px 23px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius:6px;
    background:white;
    behavior: url(/PIE.htc);
    box-shadow: 2px 2px 10px  #000;
    display:none;
  }

  #probleme_content{
    float: left;
    width: 250px;
    padding:0;
    margin-bottom:15px;
    z-index:1000;
  }

  #close_text{
    display:block;
    position:absolute;
    z-index:1001;
    top:0px;
    right:0px;
    text-align:right;
    cursor:pointer;
    width: 50px;
      height: 20px;
  }

  
}



.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:1.4rem;
	padding: .5em 1.5em .5em;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
}

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

.button:active {
	position: relative;
	top: 1px;
}

#bouton-centrer{
	text-align:center;
	padding:20px 0 0 0;
}

.orange {
	color: #fff;
	font-weight:bold;
	border: solid 1px #390;
	background: #390;
	background: -webkit-gradient(linear, left top, left bottom, from( #390), to( #360));
	background: -moz-linear-gradient(top, #390, #360);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#390', endColorstr='#360');
}

.orange:hover, .orange:active{
	background: #360;
	background: -webkit-gradient(linear, left top, left bottom, from(#360), to(#030));
	background: -moz-linear-gradient(top, #360, #030);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#360', endColorstr='#030');
}

#close, #close1 {
	float:right;
	top:0px;
	height:30px;
	width:30px;
	background:url(/images/close_r.png)  no-repeat;
	background-position : 0px 0px; 
	cursor:pointer;
}	

.formulaire-probleme,.formulaire-probleme1{
	border:1px solid #ccc;
	padding:10px 10px;
	background:url(/images/014/fond.gif) repeat-x 0 0;
	width:320px;
	float:left;
	z-index:1000;
	font-size:1.3rem;
	line-height:1.4rem;
}
.formulaire-probleme label,.formulaire-probleme1 label{
	display:block;
	color:#333;
	font-weight:400;
	margin-bottom:3px;
}

.formulaire-probleme label strong,.formulaire-probleme1 label strong{
	font-weight:bold;
	color:#333;
}


#desc-probleme{
	width:300px;
	height:5rem;
	display:block;
	line-height: 1.5rem;
    padding: 9px;  
    border: solid 1px #003300;  
    outline: 0;
	font-size:1.2rem; 
}

#boite-probleme{
	position:absolute;
	background:#fefceb url(/images/014/boite.png) no-repeat 0 0;
	border:0;
	width:244px;
	margin:0;
	padding:0;
	left:343px;
	z-index:1;
	margin-top:50px;
}

#boite-probleme .ft{
	background:url(/images/014/boite.png) no-repeat 0 100%;
	height:10px;
	position:relative;
	bottom:-4px;
}

#boite-probleme .bd strong,#boite-probleme .bd a{font-weight:bold;}
#boite-probleme .bd a.action{display:block;}
#boite-probleme .bd p{margin-bottom:7px; font-size:1.2rem; line-height:1.3rem}
#boite-probleme .bd p.last{margin-bottom:0;}
#boite-probleme .bd{padding:10px 17px 0px 60px;min-height:60px;_height:60px;}

#boite-probleme .hd{display:block;width:66px;height:82px;position:absolute;background:transparent url(/images/014/lampe.png) no-repeat 0 0;left:-13px;top:8px;}

#boite-probleme.img-erreur .hd{background:transparent url(/images/014/erreur.gif) no-repeat 0 0;height:40px;}
#boite-probleme.img-crayon .hd{background:transparent url(/images/014/crayon.gif) no-repeat 0 0;}
#boite-probleme.img-crayon-ok .hd{background:transparent url(/images/014/crayon-ok.gif) no-repeat 0 0;}
#boite-probleme.img-effacer .hd{background:transparent url(/images/014/effacer.gif) no-repeat 0 0;}
#boite-probleme.img-info .hd{background:transparent url(/images/014/info.gif) no-repeat 0 0;}


#alerte_bulle_phone{
display:none;
position:absolute;
margin-top:2px;
left:220px;
z-index:100;
background-color:#BB0D19;
color:#ffffff;
border-radius:4px;
width:auto;
height:16px;
padding:2px;
padding-left:10px;
padding-right:10px;
font-size:1.2rem;
text-align:center;
}
#alerte_bulle_phone_fleche{
display:none;
position:absolute;
background-image:url(/images/alerte_bulle_fleche.png);
background-repeat:no-repeat;
z-index:101;
margin-top:-6px;
left:226px;
width:8px;
height:9px;
}






























@media only screen and (min-width:620px) and (max-width:1000px) {
#bloc #main{display: table-cell; float:none; width:inherit;}
#bloc #colonne{display: table-cell; width:310px; padding: 10px 10px 10px 0;}
#bloc #ads{display: block; float:none; padding:0; }
#bloc #links{display: block; float:none; padding:0;}

#bloc #main_pieces{display: block; float:none;width: 100%}
#bloc #pieces{display: block; float:none; padding: 10px;width: 100%}
}

@media only screen and (max-width:619px) {
#bloc #ads, #bloc #ads_nobrand{display:none;}
#bloc #main{
display:block;
width:100%;
height:auto;
padding:10px;
}
#bloc #main_nobrand{
display:block;
width:100%;
margin:0;
padding:10px;
}
#bloc #links{
display:block;
width:100%;
height:auto;
padding:0 10px 10px 10px;
}

#bloc #main_pieces{display: block; float:none; padding: 10px;width: 100%}
#bloc #pieces{display: block; float:none; padding: 10px;;width: 100%}

.image-produit {
    width: 30px;
    height: 30px;
}
}

[data-icon-after]:after,[data-icon]:before,[data-icon-after]:before{speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
[data-icon]:before{content:attr(data-icon)}
[data-icon-after]:after{margin-left:3px}
[data-icon-after]:after{content:attr(data-icon-after)}
[data-icon] p,[data-icon-after] p,[data-icon] ul,[data-icon-after] ul{overflow:hidden}
[data-icon] em,[data-icon-after] em{display:none}

.clearfix:after,.lt-page:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.lt-page{padding:1px;-webkit-box-shadow:0 0 0 1px #e7e7e7;box-shadow:0 0 0 1px #e7e7e7;background-color:#fff}

.search-close{font-weight:bold;font-size:11px;font-size:1.1rem;text-transform:uppercase}


.site-menu,.menu,.breadcrumb,.section-menu ul{list-style-type:none}
.bts{border-top:1px solid #c7c7c7}
.bbs{border-bottom:1px solid #c7c7c7}
.bls{border-left:1px solid #c7c7c7}






.header-navigation li.marques,.section-menu.marques{border-color:#0b4892 !important}
.search-submit,.header-navigation .marques.is-active,.header-navigation .marques[data-menu-active="true"],.marques.submenu,.marques .column.large{background-color:#0b4892;/*important*/}
.section-title.marques,.header-navigation li.marques,.marques .section-tag,.marques .is-active{color:#0b4892;/*important*/}

.header-navigation li.services,.section-menu.services{border-color:#00b9f3 !important}
.header-navigation .services.is-active,.header-navigation .services[data-menu-active="true"],.services .column.large{background-color:#00b9f3;/*important*/}
.section-title.services,.header-navigation li.services,.services .section-tag,.services .is-active{color:#00b9f3;/*important*/}




.header-navigation li.problemes,
.section-menu.problemes{border-color:#cc190f !important}

.header-navigation .problemes.is-active,.header-navigation li.problemes[data-menu-active="true"],.problemes .column.large{background-color:#cc190f;/*important*/}

.section-title.problemes,
.header-navigation li.problemes,
.problemes .section-tag,
.problemes .is-active{color:#cc190f;/*important*/}





.header-navigation li.top-produits,.section-menu.top-produits{border-color:#053042 !important}
.header-navigation .top-produits.is-active,.header-navigation .top-produits[data-menu-active="true"],.top-produits .column.large{background-color:#053042;/*important*/}
.section-title.top-produits,.header-navigation li.top-produits,.top-produits .section-tag,.top-produits .is-active{color:#053042;/*important*/}

.header-navigation li.drivers,.section-menu.drivers{border-color:#ef2a82 !important}
.header-navigation .drivers.is-active,.header-navigation .drivers[data-menu-active="true"],.drivers .column.large{background-color:#ef2a82;/*important*/}
.section-title.drivers,.header-navigation li.drivers,.drivers .section-tag,.drivers .is-active{color:#ef2a82;/*important*/}

.header-navigation li.partner,.section-menu.partner{border-color:#ff5400 !important}
.header-navigation .partner.is-active,.header-navigation .partner[data-menu-active="true"],.partner .column.large{background-color:#ff5400;/*important*/}
.section-title.partner,.header-navigation li.partner,.partner .section-tag,.partner .is-active{color:#ff5400;/*important*/}




[hidden]{display:none}


img{border:0;vertical-align:text-bottom}
p:last-child,ul:last-child{margin-bottom:0;padding-bottom:0}
li{margin-left:20px}
li li{margin-left:0}
li ul{margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}
div,p{word-wrap:break-word;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
img,input{height:auto;max-width:100%}
button,input[type="submit"],input[type="button"],input[type="reset"]{-webkit-font-smoothing:antialiased;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button,input{vertical-align:middle}
button,input,textarea{font-family:inherit;font-size:100%}
button{border:none;background:none}



















/*--STYLE POUR CONTENU DES PIECES DETACHEES--*/

#main_pieces h1{
    margin: 0 0 3.5rem 0;
    font-size: 3.0rem;
}
#contenu h2{
	color: #000;
	font-weight: 700;
	font-size: 24px;
	font-size: 2.4rem;
	padding: 20px 0 20px 0;
	margin: 0;
	/*clear: both;*/

}
#contenu h3{color: #000;font-weight: 500;font-size: 18px;font-size: 1.8rem;margin: 1.5rem 0 0.7rem 0;}
#contenu p{margin:0 0 2rem 0; padding:0;}

#contenu ul {
	margin: 1rem 0 3rem 2rem;
}

#contenu .sommaire{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-ms-flex;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-bottom: 20px;
}
#contenu .sommaire>p{
    font-weight: 300;
    margin-bottom: 1rem;
    font-size: 2.2rem;
}
#contenu .sommaire ul{
	margin:0 0 0 5rem;
	display:initial;
	padding-left: 2.2rem;
	list-style: none;
	list-style-image: none;
	-webkit-padding-start: 0rem;
}
#contenu .sommaire ul li{
	margin:0;
	border-left:1px solid #4b4182;
	padding:0;
	display: list-item;
	text-align: -webkit-match-parent;
}
#contenu .sommaire ul li::before{display:none;}
#contenu .sommaire ul li a{
	font-size:1.6rem;
	position:relative;
	display:block;
	padding:0.5rem 1.5rem;
	background:none;
	line-height:100%;color: #0b4892;
	font-weight:400;
}
#contenu .sommaire ul li a::before{content:'';display:inline-block;position:absolute;top:10px;left:-4.5px;width:8px;height:8px;background-color:#0b4892;-webkit-transition:all .3s 0s;-moz-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
#contenu .sommaire ul li a:hover{background:#eee;color:#333}
#contenu .sommaire ul li a:hover::before{background-color:#fa3c3c;-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}
	
#contenu  table {
    display: table;
    border-collapse: collapse;
    vertical-align: top;
}
#contenu tbody {
    display: table-row-group;
    vertical-align: middle;
}
#contenu tr {
    display: table-row;
    vertical-align: inherit;
}
#contenu  table td,#contenu  table th {
    font-size: 1.2rem;
}
#contenu  table th, #contenu table td {
    border-collapse: collapse;
	border-color:#036;
	border-style:solid;
    word-wrap: break-word;
    min-width: 20px;
    padding: 0.3em 0.8em;
    vertical-align: top;
    cursor: default;
}

#contenu th {
	background-color:#0b4892;
	color:#FFF;
	font-weight:700;
}


.piece-links {
    border-bottom: 1px solid #0b4892;
    margin-bottom: 10px;
    margin-top: 0px;
	    overflow: hidden;
}
.piece-links div, .piece-links a, .piece-links span {
	background-color: #0b4892 !important;
    padding: 4px 12px !important;
    display: inline-block;
    position: relative;
    top: 1px;
    font-size: 13px;
    font-size: 1.5rem;
    line-height: 1.7;
    font-family:  'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
    color: #fff;
	font-weight: bold;
    text-transform: uppercase;
}




.piece-headline {
    border-bottom: 1px solid #0b4892;
	margin:10px 20px 0 30px;
}
.piece-headline div, .piece-headline a, .piece-headline span {
	color: #0b4892;
    display: inline-block;
    position: relative;
    top: 4px;
    line-height: 30px;
    padding: 0;
    font-size: 30px;
    font-size: 3.0rem;
    font-family:  'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-weight: 700;
	text-align:right;
	width:100%;	
}


.sommaire-links-top{
	position:absolute;
	bottom:0;
	width:155px;
}
.sommaire-links, .sommaire-links A:link, .sommaire-links A:visited,
.sommaire-links-top, .sommaire-links-top A:link, .sommaire-links-top A:visited {
 text-decoration: none;
 font-size:1.3rem;
 font-weight:bold;
 font-family:  'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
 color: #0b4892;
}

.sommaire-links ul, .sommaire-links-top ul {
 list-style: none;
 margin: 0;
 }
.sommaire-links ul li, .sommaire-links-top ul li{
 margin: 0;padding:0;display: list-item;text-align: -webkit-match-parent; }
.sommaire-links ul li a,.sommaire-links-top ul li a{
position:relative; display: block;
padding:0 1.5rem; }
.sommaire-links ul li::before,.sommaire-links-top ul li::before{display:none;}

.sommaire-links ul li a:before,.sommaire-links-top ul li a:before {
 content: "\0BB \020";
 display:inline-block;
 position:absolute;
 top:0px;
 left:0;
}
.sommaire-links ul li a:hover,.sommaire-links-top ul li a:hover{background:#0b4892;color:#fff}
.sommaire-links ul li a:hover::before,.sommaire-links-top ul li a:hover::before{background:#0b4892;color:#fff}
.sommaire-links ul li a:before {
	content: "\2023 \020"; 
	top:3px;
	left:0px;
	font-weight: 900;
}
.sommaire-links{
	margin:0 0 20px 0;
}
.sommaire-links, .sommaire-links A:link, .sommaire-links A:visited{
    line-height: 1.3;
	font-size:1.2rem;
	font-weight: normal;
}
.sommaire-links ul li a {
    padding: 0.3rem 1rem 0.3rem 1rem;
}













.bleugras{
 font-weight:bold;
 color: #0b4892;
}
.fluo{
 background-color: #FF0;
}

blockquote{
	font-style:italic;
	font-family:Georgia,Times,"Times New Roman",serif;
	padding:0.4rem 0 0.4rem 1.5rem;
	border-style:solid;
	border-color:#0b4892;
	border-width:0;
	border-left-width:3px;
	margin:1.5rem 2rem 2.5rem 0rem;
	line-height:2.0rem;
}
#contenu blockquote p{
	margin:0;
}
#contenu img {
    padding: 0 3rem 1rem 0;
}
#contenu #listes_pieces ul {
	margin: 0;
}








@media only screen and (max-width:480px) {
h1, #main_pieces h1{
font-size:2.0rem;
line-height:1.2;
}
h2, #contenu h2{
font-size:1.8rem;
line-height:1.1;
}
p, #contenu p{
font-size:1.4rem;
line-height:1.3;
margin: 0 0 1.1rem 0;
}
body {
	font-size:1.4rem;
	line-height:1.1;
}
.next a, .next a:link, .next a:visited {
margin: 0px 10px 10px 10px;
line-height: 1.1;
}
.next b {
margin: 0px 10px 10px 10px;
}
td {
padding: 5px 0;
}
li {
padding: 0.1rem 0;
}
td{
line-height: 2.5rem;
}

#contenu .sommaire ul li a{
font-size:1.4rem;
line-height:1.6rem;
}
.sommaire-links, .sommaire-links A:link, .sommaire-links A:visited, .sommaire-links-top, .sommaire-links-top A:link, .sommaire-links-top A:visited {
font-size: 1.4rem;
line-height:1.9rem;
}


}





































.image-produit {
    margin: -10px 10px 0 0;
}



#wrap {
	margin: 0;
	width: auto;
	padding: 10px 5px 0 5px;
	background-color:#fff;
}







.header-top{
	padding: 0 5px 0 5px;
}

.cartes img {
	opacity: 1;
	-moz-transition: opacity 0.9s;
	-webkit-transition: opacity 0.9s;
	-o-transition: opacity 0.9s;
}

.cartes img:hover {
	opacity: 0.6;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
}

svg:not(:root), symbol, image, marker, pattern, foreignObject {
overflow: hidden;
}
.logo svg, #titre_site_img a span img{
    width: 1em;
    height: 1em;
    fill: var(--main-color);
    display: block;
}
svg {
    fill: currentColor;
}

@media screen and (min-width: 64em){
	.logo {
		margin-right: 2.4rem;
	}
}
.logo {
position: relative;
    padding-top: 1.2rem;
    font-size: 5.625em;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--main-color);
    width: 9rem;
    min-width: 9rem;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 0;
    margin-bottom: 0;
	bottom:0;
	height: auto;
	float: left;
	left: 10px;
}

.breadcrumb-html {
	font-size:1.3rem;
	line-height:1.3;
    background-color: #fff;
    color: #666;
    padding: 10px 10px 0 10px;
}

.breadcrumb-html div{
 	display:inline;
 }

.breadcrumb-livraison{
    float: right;
    font-size: 17px;
	font-weight: 700;
    line-height: 0.9;
    text-shadow: #004f00 0em 0em 0.2em;
	color: chartreuse;
}

.breadcrumb-html a{
    color: #666 !important;
}

.breadcrumb-html a:hover{text-decoration:underline}

.breadcrumb-html li{
	display:inline;
	margin: 0;
}

.breadcrumb-html ul{
	margin: 0;
	display: inline;
}



.client{
    position: absolute;
    top: 10px;
    right: 0;
    width: 100px;
}

.nav-client{
	position: absolute;
	left: 0;
	color: #000;
	font-size: 20px;
}
.nav-a {
	position: absolute;
	right: 20px;
	color: #000;
	font-size: 2.0rem;
}
.nav-a .nav-line, .nav-client .nav-line {
	color: #000;
	font-size: 1.0rem;
	font-weight: 600;
	display: block;
	min-width: 50px;
}
.nav-a:hover, .nav-client:hover{
	text-decoration: none;
	color: #000;
}
.nav-cart-icon {
	display: block;
	overflow: hidden;
	position: absolute;
	left: 8px;
	top: 12px;
	width: 40px;
	height: 30px;
}

.nav-cart-count {
	right: -12px;
	position: absolute;
	top: -4px;
	background: #d91627;
	border-radius: 100%;
	padding: 3px;
	line-height: 6px;
	border: 1px solid #FFF;
	font-size: 9px;
	color: white;
}

@media (max-width: 767px){
	.nav-a .nav-line, .nav-client .nav-line, #drapeau {
		display: none;
	}	
	.client {
        top: 7px;
        width: 100px;
        right: 10px;
	}
	.header-top {
	}
	.nav-a {
        right: 4px;
        height: 40px;
        width: 30px;
        top: 0;
	}
	.nav-client {
		left: 34px;
		font-size: 20px;
	}
	.nav-cart-count {
		right: -7px;
		top: -4px;
		font-size: 7px;
		line-height: 4px;
		padding: 3px;
	}
}




.etoile-avis {
	color: #ffce00;
	font-size: 1.2rem;
}


.paiement {
    position: absolute;
    top: 100px;
    right: 10px;
}
.paiement .block-title {
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1;
    font-size: 1.3rem;
    text-align: right;
}
.paiement .payments {
    overflow: hidden;
    margin: 5px 0;
	list-style: none;
}
.paiement .payments li {
    float: left;
    border: 1px solid #ccc;
    padding: 2px 0 0;
    margin: 0 2px;
    width: 40px;
}
.paiement .payments li img {
    display: inline-block;
}





































#bloc #main_vente{
	vertical-align:top;
	position:relative;
	visibility:visible;
	width: calc(100% - 250px);
	float: right;
	padding-left: 20px;
}

aside{
	float: left;
	width: 250px;
}

#aside_pieces{
	float: left;
	width: 350px;
    padding-top: 10px;
}




#sauver {
	display: none;
	float:right;
	width:350px;
    overflow: hidden;
    border-radius: .5rem;
    border: 1px solid #666;
    background-color: #f5fef3;
    box-shadow: 0 0 0 0.0625rem #ccc, 0 0.0625rem 0.25rem 0.0625rem #999;
    text-align: left;
    white-space: normal;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
	margin: 0 0px 5px 30px;
	cursor:pointer;
}

a #sauver{
	color:#666;
}

#sauver *{
	cursor:pointer;
}

#sauver div{
    margin: 5px 10px;
    font-size: 1.5rem;
}

.parent_flex{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0 0 30px 0;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;	
}
.col1_flex{
	width: 340px;
	padding: 20px 0 0 20px;
}
.col2_flex{
	width: calc(100% - 340px);
	padding: 20px 0 0 30px;
}

.col2_flex .detail-bouton{
	width: 300px;
}
.parent_flex .SumoSelect {
    width: 300px;
}

.parent_flex .SumoSelect>.CaptionCont>span.placeholder {
    color: #333;
    font-style: normal;
}

#referenceMR{
	border: 1px solid #a4a4a4;
	min-height: 14px;
	background-color: #fff;
	border-radius: 2px;
	width: 300px;
	padding: 5px 8px;
}

@media (max-width: 600px) {
	.col1_flex{
		width: 100%;
		padding: 20px 0 0 0;
	}
	.col2_flex{
		width: 100%;
		padding: 10px 0 0 24px;
	}

	.col2_flex .detail-bouton{
		width: 70%;
	}
	.parent_flex .SumoSelect, #referenceMR {
		 width: calc(100% - 24px);
	}	
}
#texte_haut {
	/*float:left;
	width: calc(100% - 350px - 30px);*/
	width: 100%;
	margin-bottom: 20px;
}


#piece_gauche {
	float:left;
	width: calc(100% - 300px - 10px);
}
#piece_droite {
	float:right;
	width:300px;
    overflow: hidden;
    border-left: 1px solid #eee;
    text-align: left;
    white-space: normal;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
	margin: 0 0 0 10px;
	padding-left: 10px;
}
#piece_droite h1, #piece_droite h2 {
	font-size:62.5%;
	font-size: 1.8rem;
	color: var(--main-color);
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 20px 0;
    display: block;
}
#piece_droite h2 {
    margin: 20px 0 20px 0;
}




#piece_gauche h2 {
	font-size: 2.2rem;
	color: #333;
}












.fa-search {
    cursor: pointer;
}




.electromenager {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
	clear: both;
}
.electromenager div {
    border: 1px solid #c9c9c9;
    margin: 0 10px 15px 0;
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    line-height: 1.4rem;
    text-align: center;
    font-size: 1.2rem;
}
.electromenager div span {
    font-size: 1.2rem;
    word-wrap: break-word;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 5px 0;	
}
.electromenager img {
    width: 100%;
    aspect-ratio: 3 / 2;
}
.electromenager img:hover {
	/*
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform cubic-bezier(.08,.76,.5,.84) 3s;
	*/
}













.brands {
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
	clear: both;
}	
.brands div {
	border: 1px solid #c9c9c9;
	margin: 0 10px 15px 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
	text-align: center;
}
.brands div a {
	/*
    display: block;
    height: 100%;
    position: relative;
    z-index: 10;
	line-height: unset;
	background-color: white;
	*/
}
.brands div p {
	font-size: 1.2rem;
	word-wrap: break-word;
	white-space: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding: 0 5px;
}
.brands div span {
	height: 40px;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;	
	padding: 2px;	
}
.brands div span img {
	max-height: 40px;
	padding: 4px;
}
.brands span img:hover {
	/*
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform cubic-bezier(.08,.76,.5,.84) 3s;
	*/
}















.categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    clear: both;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
    flex-direction: row;
}
.categories div {
    border: 1px solid #c9c9c9;
    margin: 0 10px 15px 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    text-align: center;
}
.categories div a {
    z-index: 1;
}
.categories div p {
	font-size: 1.2rem;
	display: inline-block;
	margin: 5px;
}
.categories img {
	width: 80%;
	aspect-ratio: 1 / 1;
	margin: 3px;	
}







.module-b {
    margin: 0 0 24px;
    padding: 0 17px;
    border: 1px solid #acacac;
    background: #fff;
    position: relative;
	clear: both;
}


h2:first-child{
    margin: 0 0 10px 0;
	display: block;
}

.module-b > p{
    margin: 0 -17px -1px;
    padding: 8px 20px;
    border-bottom: 1px solid #acacac;
    background: var(--main-color-brand);
    color: #fff;
    font-size: 1.0em;
    font-weight: 700;
}

.list-b li:last-child, .list-e li:last-child, .module-b > .list-j:last-child, .module-b > .list-k:last-child {
    margin-bottom: 0;
}

.module-b .list-j, .module-b .list-k {
    margin-left: -17px;
    margin-right: -17px;
    margin-top: 0;
}
.list-k {
    list-style: none;
    width: auto;
    color: #000;
    outline: none;
	overflow: hidden;
	padding: 0px;
}

.jspContainer {
    overflow: hidden;
    position: relative;
    width: 100% !important;
}

.jspPane {
    width: 100% !important;
	padding: 0px;
}


.list-k li:nth-child(2n-1) {
   /*background: var(--main-color-clair);*/
	background-color: #fff;
}

.list-k li {
    margin: 0;
    padding: 4px 18px 4px;
    font-size: 1.4rem;
    text-indent: 0;
	line-height: 1.15;
    position: relative;
}

.list-k li a {
    color: #555;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.jspContainer a {
    word-wrap: break-word;
}


@media print, screen and (min-width: 992px){
a.more-links {
    color: var(--main-color);
    padding-left: 28px;
}
}
a.more-links {
    font-weight: bold;
    position: relative;
    text-decoration: none;
	line-height: 40px;
}

@media print, screen and (min-width: 992px){
a.more-links:before {
    margin-top: -8px;
    content: "☰";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.8rem;
    color: var(--main-color);
    transition: 0.1s;
    display: inline-block;
    text-align: center;
}
}
a.more-links:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
}

a.clear-all-icon {
    color: darkgreen;
}

.clear-all-icon {
    position: absolute;
    text-decoration: none;
    top: 4px;
    right: 4px;
	font-size: 1.6rem;
	line-height: 1;
}

/*
MOTEUR RECHERCHE PIECE
*/

.as-accessories-searchbox {
    float: right;
    width: calc(100% - 350px);
    padding: 10px 20px 0 0;
    margin: 0;
}

#moteur2 .as-accessories-searchbox {
	float: right;
	width: 65%;
   padding: 15px 30px 0 0;
}

#moteur2 .as-search-input {
    font-size: 2.2rem;
}
.as-accessories-searchbox .titre_recherche{
    padding: 0 0 30px;
    font-size: 3.8rem;
    line-height: 1.0;
    font-weight: 300;
    font-family:  'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
}

.as-accessories-searchbox .titre_recherche span{
    font-size: 2.4rem;
	text-transform: none;
}

.as-search-box {
    position: relative;
    width: auto;
    margin-top: 0;
}

.as-srp-search-wrapper {
    width: 100%;
}

.as-left-wrapper {
    display: block;
    line-height: 1;
    width: auto;
    position: relative;
    z-index: 6000;
}

span.field-with-placeholder {
    display: block;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.field-with-placeholder {
    width: 100%;
}

.as-accessories-search .field-with-placeholder .placeholder {
    position: static;
}
span.field-with-placeholder label.placeholder {
    color: #999;
    cursor: text;
    pointer-events: none;
}
.field-with-placeholder .placeholder {
    width: 100%;
}


.as-accessories-searchbox .field-with-placeholder label.placeholder span {
    font-size: 24px;
    line-height: 1.20849;
    padding: 22px 80px 20px 64px;
    font-weight: 300;
    color: #888;
}
span.field-with-placeholder label.placeholder span {
    position: absolute;
    z-index: 2;
    -webkit-user-select: none;
    padding: 3px 6px;
}


.as-search-input {
	font-size: 3.0rem;
    line-height: 1.20849;
    font-weight: 300;
    height: 40px;
    padding: 3px 35px 7px 18px;
    width: 100%;
    background: white;
    color: #333;
    outline-color: var(--main-color);
    border: none;
    outline: none;	
	
}

.a11y {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}


.as-alp-searchsubmit {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	outline: transparent;
	border: none;
}

.as-alp-searchsubmit .fas {
	cursor: pointer;	
}


#search-reference-header::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: var(--main-color-placeholder);
}
#search-reference-header::-moz-placeholder { /* Firefox 19+ */
  color: var(--main-color-placeholder);
}
#search-reference-header:-ms-input-placeholder { /* IE 10+ */
  color: var(--main-color-placeholder);
}




.no-close .ui-dialog-titlebar-close {
	display: none;
}

.dialog-bleu .ui-widget-header {
	border: 0px;
	border-radius:0;
	background: var(--main-color-brand);
	color: #fff;
	font-weight: bold;
}

.ui-widget.ui-widget-content.dialog-bleu {
	border-radius:0;
	border: 2px solid var(--main-color-brand);
	margin: 20px;
	padding: 0px;
	z-index: 9999;
}

.titre_vente {
    color: #000;
    font-weight: 700;
    padding-top: 1rem;
    line-height: 1.15;
    font-family:  'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
}

sup {
/*    font-size: 1.5em;
*/    opacity: 1;
    position: relative;
    margin-left: 1px;
    bottom: -0.3em;
}

.remarque {
    font-size: 1.1rem;
    line-height: 1.0;
}

.liste_pieces {
	letter-spacing: normal;
	word-spacing: normal;
	text-rendering: auto;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	min-width: 4.8rem;
	height: 4.8rem;
	font-size: 1.4rem;
	line-height: 4.8rem;
	border-radius: 3px;
	color: #fff;
	background: var(--main-color);
	cursor: pointer;
}

.liste_pieces_bleue {
    float: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    margin: 4px;
    padding: 0px 8px;
    min-width: 4.8rem;
    height: 20px;
    font-size: 1.3rem;
    border-radius: 2px;
    color: #fff;
    background: var(--main-color-brand);
    cursor: pointer;
	line-height: 1.6;
}

.filtre{
    font-weight: 600;
    font-size: 1.6rem;
	margin: 0 0 5px 0;
	/*text-transform: uppercase;*/
}



.percent-vp, .titre-vp {
    position: absolute;
    top: 3%;
    padding: 10px;
}

.percent-vp, .produit-data-block.description table b {
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.percent-vp {
    display: inline-block;
    text-align: center;
    right: -32%;
    top: 10px;
    font-size: 1.3rem;
    background-color: #cc0000;
    color: #FFF;
    padding: 6px 0 3px 0;
    width: 91%;
    line-height: 9px;
    transform: rotate(45deg);
    z-index: 1;
}

.percent-vp-index {
    font-size: 1.5em;
}

.percent-vp-label {
    font-size: .8em;
}

#la_reass{
	margin: 0 auto;
	display: flex;
	max-width: 1200px;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-direction: row;
	text-align: center;	
}
#la_reass2{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-evenly;
	align-items: flex-start;
	text-align: center;
	margin-top: 30px;	
}
#la_reass2 div{
    padding: 0 10px;
}
@media(max-width: 767px){
	#la_reass2 div {
		 width: 50%;
	}
}
#la_reass2 div div{
	margin: 0 auto;
}
#la_reass2 div div img {
	display: inline-block;
	height: 40px;
	width: auto;
	max-width: 100%;
}


#avis_note{
	color: #fff;
	font-weight: 400;
	font-size: 1.8rem;
	top: -3px;
	position: relative;
}
#avis_logo{
    height: 20px;
    display: unset;
}
#avis_etoiles{
	padding: 0;
}
#avis_etoiles img{
    height: 14px;
    vertical-align: text-bottom;
    display: unset;
}

.produit-reassurance, .produit-reassurance-foreign {
    order: 5;
    font-size: 1.2rem;
    line-height: 1;
    width: 100%;
    margin: 6px 0 20px 0;
}

.produit-reassurance img{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.produit-reassurance p{
	/*color: #000000;*/
	font-weight: 200;
	font-size: 1.1rem;
    letter-spacing: -0.3px;	
}

.produit-reassurance-foreign p{
    color: #000000;
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: 0;
    text-align: end;
    margin: 15px 0 0 0;
}		


.produit-reassurance li {
    color: #666;
	font-weight: 400;
	margin-left: 0;
}

.produit-reassurance li i{
    width: 24px;	
}

.produit-reassurance .stock {
    color: #029d08;
}

.produit-reassurance ul {
    list-style-type: none;
    margin: 0 0 15px 0;
}
















.pieces-listing {
	margin: 10px 0 0 0;
	clear: both;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}





:before,
:after {
	box-sizing: border-box;
}


.piece {
	position: relative;
	border: 1px solid var(--main-color-brand);
	margin: 0 0 20px 0;
}

.piece svg{
    height: 16px;
    width: 16px;
	margin-right: 5px;
    vertical-align: sub;
}

.pieces-listing .piece {
	background: -webkit-linear-gradient(top, #fff 0, #fff 45%, #fafafa 100%);
	background: linear-gradient(to bottom, #fff 0, #fff 45%, #fafafa 100%);
	position: relative;
	overflow: hidden;
}

figure {
	/*margin: 10px auto;*/
}

.image-piece{
    margin: 10px;
    height: 100px;
}
.marge{
    margin-top: 20px;
}

img {
	border: 0;
}

.piece-img {
    max-height: 100px;
	 filter: brightness(100%);
    pointer-events: none;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.piece-img-compatible {
	filter: blur(0.60px) grayscale(50%) brightness(115%)
}

.piece-titre-lien:hover .piece-img{
	/*
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: transform cubic-bezier(.08,.76,.5,.84) 3s;
	*/
}

.piece-titre-lien:hover .piece-img-compatible{
	/*
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1) rotate(10deg);
	transition: transform cubic-bezier(.08,.76,.5,.84) 3s;
	*/
}


.piece-detail {
	cursor: pointer!important;
	padding: 0 0.5rem;
	text-align: center;
}

.bv-cv2-cleanslate,
.bv-cv2-cleanslate h1,
.bv-cv2-cleanslate h2,
.bv-cv2-cleanslate h3,
.bv-cv2-cleanslate h4,
.bv-cv2-cleanslate h5,
.bv-cv2-cleanslate h6,
.bv-cv2-cleanslate p,
.bv-cv2-cleanslate td,
.bv-cv2-cleanslate dl,
.bv-cv2-cleanslate tr,
.bv-cv2-cleanslate dt,
.bv-cv2-cleanslate ol,
.bv-cv2-cleanslate form,
.bv-cv2-cleanslate select,
.bv-cv2-cleanslate option,
.bv-cv2-cleanslate pre,
.bv-cv2-cleanslate div,
.bv-cv2-cleanslate table,
.bv-cv2-cleanslate th,
.bv-cv2-cleanslate tbody,
.bv-cv2-cleanslate tfoot,
.bv-cv2-cleanslate caption,
.bv-cv2-cleanslate thead,
.bv-cv2-cleanslate ul,
.bv-cv2-cleanslate li,
.bv-cv2-cleanslate ul li,
.bv-cv2-cleanslate ol li,
.bv-cv2-cleanslate .bv-shared ul li,
.bv-cv2-cleanslate .bv-shared ol li,
.bv-cv2-cleanslate address,
.bv-cv2-cleanslate blockquote,
.bv-cv2-cleanslate dd,
.bv-cv2-cleanslate fieldset,
.bv-cv2-cleanslate iframe,
.bv-cv2-cleanslate strong,
.bv-cv2-cleanslate legend,
.bv-cv2-cleanslate em,
.bv-cv2-cleanslate s,
.bv-cv2-cleanslate cite,
.bv-cv2-cleanslate span,
.bv-cv2-cleanslate input,
.bv-cv2-cleanslate sup,
.bv-cv2-cleanslate label,
.bv-cv2-cleanslate dfn,
.bv-cv2-cleanslate object,
.bv-cv2-cleanslate big,
.bv-cv2-cleanslate q,
.bv-cv2-cleanslate font,
.bv-cv2-cleanslate samp,
.bv-cv2-cleanslate acronym,
.bv-cv2-cleanslate small,
.bv-cv2-cleanslate img,
.bv-cv2-cleanslate strike,
.bv-cv2-cleanslate code,
.bv-cv2-cleanslate sub,
.bv-cv2-cleanslate ins,
.bv-cv2-cleanslate textarea,
.bv-cv2-cleanslate var,
.bv-cv2-cleanslate a,
.bv-cv2-cleanslate abbr,
.bv-cv2-cleanslate applet,
.bv-cv2-cleanslate del,
.bv-cv2-cleanslate kbd,
.bv-cv2-cleanslate tt,
.bv-cv2-cleanslate b,
.bv-cv2-cleanslate i,
.bv-cv2-cleanslate hr,
.bv-cv2-cleanslate piece,
.bv-cv2-cleanslate aside,
.bv-cv2-cleanslate dialog,
.bv-cv2-cleanslate figure,
.bv-cv2-cleanslate footer,
.bv-cv2-cleanslate header,
.bv-cv2-cleanslate hgroup,
.bv-cv2-cleanslate menu,
.bv-cv2-cleanslate nav,
.bv-cv2-cleanslate section,
.bv-cv2-cleanslate time,
.bv-cv2-cleanslate mark,
.bv-cv2-cleanslate audio,
.bv-cv2-cleanslate video,
.bv-cv2-cleanslate button {
	background-attachment: scroll!important;
	background-color: transparent!important;
	background-image: none!important;
	background-position: 0 0!important;
	background-repeat: repeat!important;
	border-color: #000!important;
	border-color: currentColor!important;
	border-radius: 0!important;
	border-style: none!important;
	border-width: medium!important;
	bottom: auto!important;
	box-sizing: content-box!important;
	clear: none!important;
	clip: auto!important;
	color: inherit!important;
	counter-increment: none!important;
	counter-reset: none!important;
	/*cursor: pointer!important;*/
	direction: inherit!important;
	display: inline-block!important;
	float: none!important;
	/*font-family: inherit!important;*/
	font-size: inherit!important;
	font-style: inherit!important;
	font-variant: normal!important;
	/*font-weight: inherit!important;*/
	height: auto!important;
	left: auto!important;
	letter-spacing: normal!important;
	line-height: inherit!important;
	list-style-type: inherit!important;
	list-style-position: outside!important;
	list-style-image: none!important;
	margin: 0!important;
	max-height: none!important;
	max-width: none!important;
	min-height: 0!important;
	min-width: 0!important;
	opacity: 1!important;
	outline: invert none medium!important;
	overflow: visible!important;
	padding: 0!important;
	position: static!important;
	quotes: '' ''!important;
	right: auto!important;
	table-layout: auto!important;
	text-align: inherit!important;
	text-decoration: inherit!important;
	text-indent: 0!important;
	text-transform: none!important;
	top: auto!important;
	unicode-bidi: normal!important;
	vertical-align: baseline!important;
	visibility: inherit!important;
	white-space: normal!important;
	width: auto!important;
	word-spacing: normal!important;
	z-index: auto!important;
	filter: none!important;
	radius: 0!important;
}

.bv-cv2-cleanslate .bv-core-container-133 {
	color: #333!important;
	font-style: normal!important;
	font-weight: 400!important;
	font-variant: normal!important;
	text-transform: none!important;
	line-height: 1.5em!important;
	clear: both!important;
	zoom: 1!important;
	font-size: 13px!important;
}

.bv-cv2-cleanslate .bv-core-container-133:before,
.bv-cv2-cleanslate .bv-core-container-133:after {
	content: ""!important;
	display: table!important;
}

.bv-cv2-cleanslate .bv-core-container-133:after {
	clear: both!important;
}

.bv-cv2-cleanslate .bv-core-container-133 ol,
.bv-cv2-cleanslate .bv-core-container-133 ul,
.bv-cv2-cleanslate .bv-core-container-133 dl {
	padding: 0!important;
	margin: 0!important;
	list-style-type: none!important;
}

.note-piece .bv-inline-rating-container .bv-stars-container {
	display: -webkit-box!important;
	display: -webkit-flex!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container {
	zoom: 1.1!important;
	position: relative!important;
	width: auto!important;
	text-shadow: none!important;
	margin: 0!important;
	line-height: 1!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container:after {
	clear: both!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container:before,
.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container:after {
	content: ""!important;
	display: table!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container dd {
	display: inline-block!important;
	vertical-align: middle!important;
	padding-right: 5px!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container .bv-rating-ratio {
	top: 0!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-stars-container dd {
	display: table-cell!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-container,
.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars,
.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-container:hover {
	font-family: 'times new roman'!important;
	text-decoration: none!important;
	word-wrap: normal!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-container,
.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars {
	vertical-align: middle!important;
	-webkit-font-smoothing: antialiased!important;
	overflow: hidden!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-container {
	zoom: 1!important;
	display: inline-block!important;
}

.piece-titre-lien * {
	cursor: pointer!important;
}

.piece-desc {
    margin: 0 0 5px 0;
	height: auto;
}

.piece-titrage {
}
.piece-titre {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
	height: 34px;
	margin: 12px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-family: inherit;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.piece-sstitre {
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.0;
	height: 25px;
	margin: 4px 0 0 0;
	text-overflow: ellipsis;
	font-family: inherit;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.piece-origine {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    margin: 5px 0 15px 0;
    text-align: center;
	color: var(--main-color-brand);
}
.piece-origine span{
	cursor: pointer;
}
.piece-origine svg, .piece-panier .piece-stock svg{
    fill: #208320;
    width: 11px;
    height: 11px;
    position: relative;
    top: -3px;
    left: 5px;}


.piece-ref{
    color: #444;
    font-size: 1.1rem;
	line-height: 1;
}

a {
	background-color: transparent;
}

.piece-titre-lien {
	color: #333;
}


.piece-panier {
	padding: 0 10px;
}

.piece-prix {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
}

.piece-detail-prix {
	order: 2;	
	font-size: 2.6rem;
	font-weight: 600;
	color: #333;
	line-height: 1;
	font-family: system-ui;
    letter-spacing: 1px;	
}

.piece-detail-prix sup {
	vertical-align: baseline;
	top: -.5em;
	opacity: 1;
	position: relative;
	margin-left: 0;
	bottom: 0;
	font-size: 60%;
	line-height: 1;
}

.piece-prix:after {
	clear: both;
}

.piece-livraison {
	clear: both;
	margin: 0.5rem 0 1.5rem 0;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
	color: forestgreen;
	text-align: center;
}

input {
	line-height: normal;
}

button,
input,
select {
	-webkit-appearance: none;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}


.bouton-panier{
	display: block;
	width: 100%;
	text-align: center;
}


.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

@media (min-width: 768px) {
	.col-sm-8 {
		width: 66.66667%;
	}
	
}

@media (min-width: 768px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left;
	}
}

@media (min-width: 1025px) {
	.col-md-9 {
		width: 75%;
	}
}

@media (min-width: 1025px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}
}

@media (min-width: 1280px) {
	.col-lg-10 {
		width: 83.33333%;
	}
}

@media (min-width: 1280px) {
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		float: left;
	}
}

.bv-cv2-cleanslate,
.bv-cv2-cleanslate h3,
.bv-cv2-cleanslate h5,
.bv-cv2-cleanslate p,
.bv-cv2-cleanslate h1,
.bv-cv2-cleanslate dl,
.bv-cv2-cleanslate dt,
.bv-cv2-cleanslate h6,
.bv-cv2-cleanslate ol,
.bv-cv2-cleanslate form,
.bv-cv2-cleanslate select,
.bv-cv2-cleanslate option,
.bv-cv2-cleanslate pre,
.bv-cv2-cleanslate div,
.bv-cv2-cleanslate h2,
.bv-cv2-cleanslate caption,
.bv-cv2-cleanslate h4,
.bv-cv2-cleanslate ul,
.bv-cv2-cleanslate address,
.bv-cv2-cleanslate blockquote,
.bv-cv2-cleanslate dd,
.bv-cv2-cleanslate fieldset,
.bv-cv2-cleanslate textarea,
.bv-cv2-cleanslate hr,
.bv-cv2-cleanslate piece,
.bv-cv2-cleanslate aside,
.bv-cv2-cleanslate dialog,
.bv-cv2-cleanslate figure,
.bv-cv2-cleanslate footer,
.bv-cv2-cleanslate header,
.bv-cv2-cleanslate hgroup,
.bv-cv2-cleanslate menu,
.bv-cv2-cleanslate nav,
.bv-cv2-cleanslate section {
	/*display: block!important;*/
}

.bv-cv2-cleanslate dt:before,
.bv-cv2-cleanslate li:before,
.bv-cv2-cleanslate abbr:before,
.bv-cv2-cleanslate dd:before,
.bv-cv2-cleanslate dt:after,
.bv-cv2-cleanslate li:after,
.bv-cv2-cleanslate abbr:after,
.bv-cv2-cleanslate dd:after {
	display: none!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars {
	position: relative!important;
	line-height: 1em!important;
	height: 1em!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-off {
	font-size: 1.5rem!important;
	color: #eee!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars {
	position: relative!important;
	display: block!important;
	overflow: hidden!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars {
	position: relative!important;
	line-height: 1em!important;
	height: 1em!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars-off {
	font-size: 1.5rem!important;
	color: #eee!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-container .bv-rating-stars {
	cursor: auto!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container dd.bv-rating-stars {
	bottom: .1em!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-on {
	font-size: 1.5rem!important;
	color: #ffd200!important;
	margin-top: -1em!important;
	position: relative!important;
	float: left!important;
	white-space: nowrap!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-top {
	font-size: 1.5rem!important;
	color: #ffff00!important;
	margin-top: -1em!important;
	position: relative!important;
	float: left!important;
	white-space: nowrap!important;
}

.mouse_over, .mouse_over * {
	cursor: pointer!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars-on {
	font-size: 1.5rem!important;
	color: #ffd200!important;
	margin-top: -1em!important;
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-off-screen {
	position: absolute!important;
	width: 1px!important;
	height: 1px!important;
	overflow: hidden!important;
	clip: rect(1px 1px 1px 1px)!important;
	clip: rect(1px, 1px, 1px, 1px)!important;
	padding: 0!important;
	border: 0!important;
}

.bv-cv2-cleanslate {
	color: #000!important;
	direction: ltr!important;
	font-size: medium!important;
	font-style: normal!important;
	font-weight: 400!important;
	/*line-height: 1!important;*/
	list-style-type: disc!important;
	text-align: left!important;
	text-decoration: none!important;
}

.piece-prix-reduction {
	order: 3;
	font-size: 1.2rem;
	line-height: 1;
	margin: 5px 0 0 0;	
	width: 100%;
	text-align: right;
}

.piece-prix-remise {
	order: 1;
	font-weight: 300;
	color: #cc0c39;
	font-size: 2.6rem;
	line-height: 1;
	font-family: system-ui;
	letter-spacing: -1px;	
    padding: 0 10px 0 0;
}

.piece-discount {
	display: inline-block;
	padding: 1px 4px;
	background: #cc0000;
	color: #fff;
	font-weight: bold;
}

.u-Container:before,
.Header-container:before,
.u-Container:after,
.Header-container:after {
	content: " ";
	display: table;
}

.titre-piece {
	font-weight: bolder;
}

.nb-pieces {
	font-size: 2.5em;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

.bouton {
	background: var(--main-color-brand);
	border: 0;
	color: #fff;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
	transition: all;
	letter-spacing: normal;
	font-weight: 900;
	
	margin: 0 10px 10px 0;	
   width: calc(100% - 0px);
}

.bouton:hover{
	background: var(--main-color-brand-eclair);
}

.bouton-orange {
	background: #504c4c;
	border: 0;
	color: #fff;
	height: 2.2rem;
	line-height: 2.2rem;
	display: inline-block;
    width: 55%;
    margin-left: 34%;
    margin-top: 1rem;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	text-decoration: none;
	transition: all;
	letter-spacing: normal;
	font-weight: 600;
}

.bouton-orange:hover{
	background: black;
}

div.selectBox {
    position: relative;
    z-index: 999;
    margin: 15px 15px 6rem 0;
}
span.selected{
	width: 60%;
	text-indent: 10px;
	border: 1px solid var(--main-color-brand);
	border-right: none;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	background: #f9f9f9;
    padding-top: 2px;
}

span.selectArrow{
	width: 24px;
	border: solid 1px var(--main-color-brand);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
	font-size: 12px;
	line-height: 2;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	background: var(--main-color-brand);
	color: #fff;
}

span.selectArrow,span.selected{
	position: relative;
	float: left;
	height: 24px;
	z-index: 1;
}

ul.selectOptions{
	position: absolute;
	top: 47px;
	/*right: 24px;*/
	width: 60%;
	border: 1px solid var(--main-color-brand);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;
	background: #fff;
	padding-top: 10px;
	display: none;
	margin: 0;
	list-style: none inside none;
	padding-left: 0;
}

ul.selectOptions li{
	display: block;
	padding: 5px 0 5px 10px;
	font-family: Helvetica,Arial,sans-serif;
	list-style: none;margin: 0;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.3;
	cursor: pointer;
}

.selectbox_model_parts_option:hover{
	color: #f6f6f6;
	background: #225faa;
}

.selectbox_model_parts_option_current{
	color: #fff;
	background: var(--main-color);
	cursor: default;
}













.pushIcon {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    bottom: 20px;
    box-shadow: 0 0 30px;
    cursor: pointer;
    left: 20px;
    height: 50px;
    position: fixed;
    width: 50px;
    z-index: 2000;
	display: block;
	background: var(--main-color);
}

.pushIcon i{
    margin: 11px 10px 10px 11px;
    font-size: 2.8rem;
	cursor: pointer;
	color: #fff;
}

.pushMessage {
    background-color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    bottom: 50px;
    box-shadow: 0 0 30px;
    display: block;
    left: 50px;
    padding: 15px;
    position: fixed;
    width: 400px;
    z-index: 2000;
}

#kCodePromo {
    position: relative;
}


#kCop {
    position: absolute;
    width: 100px;
    bottom: 19px;
    right: 10px;
    z-index: 999;
}

#kCode {
    position: absolute;
    top: 93px;
    right: 54px;
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
}

.bouton-orange i{
    font-size: 1.6rem;
    position: relative;
    top: 2px;
    left: -3px;
}















.csc{
    float: right;
	text-rendering: auto;
	width: 300px;
    padding-left: 10px;
}

.csc-xsell-widget__wrapper {
    box-sizing: border-box!important;
	padding: 3px 0px;
    display: block;
}

.csc-xsell-widget * {
    box-sizing: border-box!important;
}

.csc-xsell-widget__block {
	margin-bottom: 25px;
    border-radius: 4px;
    box-shadow: -3px 5px 8px 0px rgba(0,0,0,.15);
}

.csc-xsell-widget__body {
}

.csc-offer.csc-offer--with-offers {
    padding-bottom: 0;
}

.csc-offer {
    padding: 10px;
    background-color: white;
}

.csc-offer__title {
    margin: 0 0 12px 0;
}


.csc-xsell-widget * {
    box-sizing: border-box!important;
}

.csc-offer__icon {
    margin-bottom: 15px;
}


.mWTy7c {
    border-top-left-radius: 2px;
    right: 5px;
    bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 3px;
    position: absolute;
    text-align: right;
    text-decoration: none;
    background-color: rgba(0,0,0,.7);
    color: #fff;
}


.csc-offer__title img{
	width: 25px;
	float: left;
    margin-right: 8px;
}

.csc-offer__title img:first-child{
    width: 34px;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}



.csc-offer__title p{
    line-height: 20px;
    margin: 0 0 0 35px;
    font-size: 16px;
    color: #3e3d40;
	font-weight: 500;
}

#top_banniere{
	background:#000;
}
#logo_marque{
    vertical-align: middle;;
    margin: 0 0 20px 0;
	width:40%;
}
#logo_produit{
    vertical-align: middle;;
    margin: 0 0 20px 0;
	width:56%;
	margin-right: 4%;
	float: left;
}

#coeur_piece{
	width: calc(100% - 300px);
	float: left;
}
#editorial{
	display: block;
	background: #f3f3f3;
	font-size: 11px;
	padding: 10px;
	margin: 2rem 0 0 0;
}
#logo_piece{
	 background-position:90% 100%;
	 background-size: 120px 80px;
	 background-repeat:no-repeat;
	 height:80px; padding:0;
	 margin:10px 0 30px 0;
	 position:relative;
}
#image_notice{
    margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
#image_notice img{
    max-width: 80%;
	max-height: 240px;
	border:1px solid #666666;
	margin: 0 0 10px 0;
	padding: 2px;
}
.block-links{
    clear: both;
}
.block-links-inline ul>li {
    display: inline-block;
	margin: 0;
}

.block-links-inline li span {
	color:#fff;
	font-weight:700;
	cursor:pointer;
    text-transform: uppercase;
}

.block-links-inline a {
    color: #ddd;
	outline: 0;
}
.block-links-inline a:hover {
    color: #fff;
}
.block-links-inline a:hover *{
    color: yellow;
}

.block-links-inline ul {
	list-style: none;
    /*margin: 0 10px 0 130px;*/
    line-height: 30px;
    font-size: 1.4rem;
	display: inline-block;
	padding: 0;
}

.block-links-inline ul>li:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 1.0em;
    width: 1px;
    background-color: #fff;
    opacity: .5;
	margin: 0 10px;
	}
.block-links-inline ul>li:last-child:after {
    display: none;
}

.block-links-inline div{
	float: right;
    color: #ffffff;
    right: 40px;
    top: 0;
    position: absolute;
    font-weight: bold;
    font-size: 1.5rem;
    padding: auto 0px;
}


#text_moteur{
    margin: 0;
    font-size: 1.6rem;
    float: left;
    font-weight: 600;
    color: #fff;
    line-height: 1.1;
    text-align: right;
    padding: 13px 10px 0 0;
    width: 350px;
}
#trouver_ref{
	float:right;
	font-weight: 700;
	font-size: 1.6rem;
	text-decoration: underline;
	padding: 0;
	color: #fff;
	cursor:pointer;
}
#moteur2,#moteur5{
	height: 95px;
	background-color: var(--main-color);
	width: 100%;
	margin: 20px auto 30px auto;
	clear: both;
}
#titre_site{
	font-family:  'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	color:var(--main-color);
	margin: 0;
	font-size:1.6rem;
	font-weight:700;
	display: block;
	line-height: 4.0rem;
	position: relative;
	padding: 10px 0 0 0;
}
#titre_site img{
	width: 120px;
}

.refs{
	display: flex;
	justify-content: space-between;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}

.refs a{
	flex: 14%;
	margin: 5px 5px;
	padding: 5px 20px;
	background-color: var(--main-color-brand-clair);
}

.refs-item{

}
.refs a:hover{
	background-color: var(--main-color-brand);
	color: #fff;

}
.refs li{
    margin: 0;
    padding: 0;
}













/************************************************************************************************/
/*********************** CSS POUR DETAIL PRODUIT PD_DETAIL_PIECE.PHP ****************************/
/************************************************************************************************/



.detail-piece-img {
	margin: 0rem 0 0 0;
	background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    height: 100%;
}

.detail-percent-vp {
    display: inline-block;
    text-align: center;
    position: relative;
    left: 67%;
    top: 8px;
    font-size: 1.8rem;
    background-color: #cc0000;
    color: #FFF;
    padding: 9px 0 3px 0;
    width: 46%;
    line-height: 1.5rem;
    transform: rotate(45deg);
    z-index: 1;
    font-weight: 600;
}

.detail-percent-vp-label {
    font-size: 0.9em;
    font-weight: 400;
    padding-right: 0.5em;
}

.detail-note-piece {
	display: contents;
	line-height: 1.2;
}

.detail-bouton {
	background: var(--main-color);
	border: 0;
	color: #fff;
	padding: 13px 0;
	display: inline-block;
	width: 270px;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	transition: all;
	letter-spacing: normal;
	font-weight: 900;
}
.detail-bouton:hover{
	background: #009000;
}

.detail-bouton svg{
	width: 22px;
	margin-right:10px;
	vertical-align: sub;
	fill: #fff;
}
.piece-panier svg{
	width: 18px;
	margin-right:10px;
	vertical-align: sub;
	fill: #fff;
}

.detail-piece-titre {
    margin: 0;
}

.commentaires {
	background-color: #f6f6f6;
	padding: 3rem 2rem;
	clear: both;
}

.commentaires h2 {
    margin: 0 0 1rem 4rem;
    font-size: 3.0rem;
    font-weight: 900;
    border-left: 10px solid #e10019;
    padding-left: 10px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 200px;
  width: 555px;
  margin-right: 30px;
}


.detail-photo-zoom{
    width: 50%;
	order: 1;
    margin: 0;
    position: relative !important;
	cursor: zoom-in;
	padding: 0 50px 0 0;
}
.detail-photo, .detail-photo-api{
	width: 100%;
}
.detail-photo img, .detail-photo-api img{
    width: 100%;
	pointer-events: none;
}
.detail-piece svg, .detail-piece-api svg{
    height: 16px;
    width: 16px;
    vertical-align: sub;
}




.detail-cote{
    float: left;
	width: 380px;
}

.detail-prix{
	position: relative;
	border: 1px solid #00bc00;
	background: #ccffcc;
	float: left;
    width: 345px;
	overflow: hidden;
    padding-bottom: 10px;
	margin-bottom: 2rem;
    height: fit-content;
}

.detail-prix-api{
	position: relative;
	border: 1px solid #00bc00;
	background: #ccffcc;
	float: left;
   max-width: 380px;
	overflow: hidden;
    padding-bottom: 10px;
	margin-bottom: 2rem;
    height: fit-content;
}


.detail-ajout-panier{
	padding: 10px 60px 10px 20px;
}

.detail-bouton-panier {
	float: right;
	width: calc(100% - 30px);
}

.detail-piece-prix {
    margin: 10px 0 0 40px;
	font-size: 4.2rem;
    font-weight: 900;
    color: #000000;
}

.detail-meilleur-prix{
    padding: 0 10px;
    color: #333;
}

.detail-prix sup, .detail-prix-api sup, .detail-piece sup {
    line-height: 1;
    vertical-align: baseline;
    top: -.7em;
    font-size: 50%;
	opacity: 0.9;
    position: relative;
    margin-left: 0;
    bottom: 0;
}

.detail-piece-prix-reduction {
    font-size: 1.6rem;
    font-weight: 600;
    color: #999;
    margin: 3.0rem 1.5rem 0 0;
}
.detail-produit-reassurance {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	width: 100%;
	padding: 2rem 0 0 1rem;
	clear: both;
}
.detail-produit-reassurance li {
	font-weight: 400;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
}

.detail-produit-reassurance .livraison {
    color: #000;
}

.detail-produit-reassurance .stock {
	color: #00CC33;
	margin: 20px 0 0 0;
	display: inline-block;
}

.detail-produit-reassurance ul {
	list-style-type: none;
	font-size: 1.3rem;
	clear: both;
	margin: 0 0 0 10px;
}







.produit-quantite .quantite input {
	border-radius: 0;
	border: 1px solid #7d9dce;
	border-top: none;
	border-bottom: none;
	display: block;
	float: left;
    width: 23px;
    height: 18px;
    padding: 0;
    text-align: center;
	color: #000;
}


.produit-quantite .quantite span.btn {
    display: block;
    float: left;
    text-align: center;
    border: 1px solid #7d9dce;
    color: #999;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 23px;
    height: 16px;
	line-height: .9;
}

.produit-quantite .quantite span.btn:hover {
    border: 1px solid #009000;
    color: #009000;
}

.produit-quantite {
    font-size: 13px;
    font-size: 1.3rem;
    width: 30px;
	float: left;
	font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;	
}


ul.detail-paiement {
    overflow: hidden;
    list-style: none;
    float: left;
}

.detail-paiement li {
	float: left;
	border: 1px solid #ccc;
	padding: 2px 0 0;
	margin: 0 2px;
	width: 40px;
	background-color: #fff;
}

.detail-descriptif-api{
	width: 50%;
	order: 4;
}
#envoi_panier{
	width: 50%;
	order: 2;
}



.detail-descriptif-jim{
	width: calc(100% - 345px - 20px);
	float: left;
	margin: 0 20px 50px 0;
}
.detail-descriptif-jim:first-child {
	margin-bottom: 500px;
}
.detail-assistance {
    clear: both;
    background: no-repeat center 100% url(/images/pd/detail-fond.jpg);
	background-size: cover;
	width: calc(50% - 50px);
	order: 3;
}
.detail-instructions{
    clear: both;
    width: 410px;
    float: left;
    margin: 2rem 0 2rem 5rem;
    padding: 10px 20px;
    background-color: #fff;
    opacity: 0.92;
}
.detail-instructions h2{
    margin: 1rem 4rem 0rem 0rem;
    font-size: 2.2rem;
    font-weight: 900;
    border-right: 10px solid var(--main-color);
    padding-right: 10px;
	color: #333;
    text-align: right;
}
.detail-video{
    width: 50%;
    float: right;
    padding-top: 4rem;
}
.detail-diag{
    width: 65%;
    float: left;
	padding: 4rem 20px 0 0;
}
.detail-diag p{
    line-height: 1.3;
    color: #333;
    font-size: 2.0rem;
    font-weight: 900;
}
.detail-diag ul{
	line-height: 1.3;
    font-size: 1.4rem;
    margin: 1rem 0 0 2rem;
}
.detail-diag li{
  list-style-type: none;
  margin: 0;
}

.detail-notice{
	width: calc(50% - 10px);
	float: left;
    padding: 10px 20px;
}
.details-refs{
	width: calc(33% - 10px);
	float: left;
	margin: 3rem 0 0 0;
	margin-left: 15px;
	padding: 10px;
    background-color: #eaeaea;
}
.detail-extrait{
	width: 100%;
	float: left;
    margin: 3rem 0;
	padding: 10px;
    background-color: #eaeaea;
}
.detail-reparateur{
    width: 420px;
    float: right;
    margin: 2rem 6rem 0 0;
    padding: 10px 20px;
    background-color: purple;
    opacity: 1;

}
.detail-reparateur h2{
    margin: 1rem 4rem 0rem 0rem;
    font-size: 2.8rem;
    font-weight: 600;
    padding-right: 10px;
    color: #ddd;
	text-transform: uppercase;
}
.detail-reparateur p{
    color: #ddd;
    font-size: 1.8rem;
    font-weight: 400;
	text-align: left;
	margin: 4rem 0 0 0;
}
.assistance-commentaire {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.5rem;
    /* padding: 0; */
    margin: 5px 0;
}

.ui-widget.ui-widget-content {
	border: none;
	background: #ffffff;
}
.ui-widget-header {
	border: none;
	border-bottom: 1px solid #009000;
	background: none;
	color: #222222;
	font-weight: bold;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: default;
}
.ui-widget-content a:hover {
	filter: none;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
	padding: 0 0 0 10px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: unset;
}
.ui-state-focus {
    border: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    /*text-transform: uppercase;*/
	font-weight: 600;
    outline: 0;
	color: #009000;
    font-size: 1.6rem;
	float: left;
    padding: .5em 1em;
    text-decoration: none !important;	
}
.ui-state-default, .ui-widget-content .ui-state-default{
	border: 1px solid #009000;
	background: #f0f8f0;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus{
    background: #ccffcc;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #009000;
	background-color: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-widget {
	font-family: Helvetica,Arial,sans-serif;;
    font-size: 1.6rem;
}

.ui-widget-content {
    color: #222;
    font-size: 1.6rem;
}
.ui-tabs .ui-tabs-nav li {
    font-size: 1.3rem;
	
list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;	
}


.ui-tabs .ui-tabs-panel {
	display: block;
	margin: 20px 0px 2rem 10px;
	padding: 0;
	border-width: 0;
	background: none;	
}
.ui-widget-content a {
	color: var(--main-color);
	text-decoration: none;
}
.ui-tabs-nav .fa, .ui-tabs-nav .fas {
    color: #009000;
}


/* width */
.ui-tabs ::-webkit-scrollbar {
    width: 12px;
}

/* Track */
.ui-tabs ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #009000; 
    border-radius: 3px;
	margin: 0px 0;
}
 
/* Handle */
.ui-tabs ::-webkit-scrollbar-thumb {
    background: #0b4892; 
    border-radius: 3px;
}

/* Handle on hover */
.ui-tabs ::-webkit-scrollbar-thumb:hover {
    background: #009000; 
}





/**********************************************************************************/
/*********************** CSS POUR PANIER PD_PANIER.PHP ****************************/
/**********************************************************************************/


.choix-livraison {
	margin: 2rem 0;	
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.choix-livraison-option {
	padding: 0 20px;
	margin: 0;
	border: 2px solid #ececec;
	background-color: #fff;
	transition: all .4s ease-in-out;
}

.choix-livraison-option:first-child {
    width: calc(30% - 10px);
}
.choix-livraison-option:nth-child(2) {
    width: calc(30% - 10px);
	margin: 0 15px;
}
.choix-livraison-option:last-child {
    width: calc(40% - 10px);
}

.choix-livraison-option-img {
	color: #ffce00;
	font-size: 3rem;
	padding: 5px 0 0 0;
	margin: 10px auto;
	cursor: pointer;
}

.choix-livraison-option-titre {
	color: #333;
	font-size: 2.2rem;
    font-weight: 500;
	line-height: 1;
	cursor: pointer;
	
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.choix-livraison-option-txt {
	color: #333;
    font-size: 1.5rem;
    line-height: 1.6em;
    font-weight: 300;
    margin: 10px 0 0 0;
	cursor: pointer;
}

.choix-livraison-option-prix {
	color: #000;
    font-weight: 900;
	font-size: 3.2rem;
	cursor: pointer;
}
.choix-livraison-option-prix sup{
	top: -.25em;
}
.choix-livraison-option-prix del sup{
    top: 0.1em;
    font-size: 1.1rem;
}

.choix-livraison-option-validation {
	color: #000;
    font-size: 2rem;
	font-weight: 500;
    margin: 1rem 0;
	text-align: center;
	cursor: pointer;
	transition: all 1s ease-in-out;
}










.panier-titre{
	font-size: 2.2rem;
	font-weight: 900;
	color: var(--main-color);
	color: #222;
	margin: 20px 0 10px 0;
	clear: both;
}

h3.panier-titre{
	font-size: 1.8rem;
	color:#333;
}





.choix-livraison-option-select{
	background: #ffce00;
    -webkit-box-shadow: 0 30px 40px -30px rgba(0,0,0,.5), 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 30px 40px -30px rgba(0,0,0,.5), 0 0 10px 0 rgba(0,0,0,.1);
	border: 2px solid #666;
	cursor: pointer;
}
.choix-livraison-option-select .choix-livraison-option-validation {
/*	
	font-size: 2rem;
	font-weight: 700;
*/
}
.choix-livraison-option-select .choix-livraison-option-img, .choix-livraison-option-select-cadre  .choix-livraison-option-img{
	color: #000;
	padding: 0 0 5px 0;
}
.choix-livraison-option-select-cadre{
	border: 2px solid #666;
	position: relative;
}
.choix-livraison-option-select .choix-livraison-option-validation:before {
    content: "\f14a";
}

.choix-livraison-option-select-cadre .choix-livraison-option-validation:before {
    content: "\f14a";
}


.panier{
    width: calc(100% - 0px);
    margin: 0 auto 30px auto;
}

.choix-aussi{
	width: 40%;
    margin-bottom: 2rem;
    font-size: 1.2rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;}



@media (min-width: 768px) {
	.choix-aussi .aussi-produit {
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (min-width: 1025px) {
	.choix-aussi .aussi-produite {
		width: -webkit-calc(33.33% - 10px);
		width: calc(33.33% - 10px);
	}
}

@media (min-width: 1280px) {
	.choix-aussi .aussi-produit {
		width: -webkit-calc(25% - 10px);
		width: calc(33.33% - 10px);
	}
}

.choix-aussi .aussi-produit {
	position: relative;
	margin: 1rem 10px 1rem 0;
	border: 1px solid #999;
	background: -webkit-linear-gradient(top, #fff 0, #fff 45%, #e8e8e8 100%);
	background: linear-gradient(to bottom, #fff 0, #fff 45%, #e8e8e8 100%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
}













.choix-aussi  .aussi-img:hover{
	opacity: 1;
}
.choix-aussi .aussi-img{
    text-align: center;
	height: 120px;
	opacity: 0.8;
}
.choix-aussi .aussi-img img{
    max-height: 120px;
    max-width: 120px;
	padding: 15px 0;
}
.choix-aussi .aussi-desc{
	height: auto;
padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	font-size: 1.2rem;
	color: #666;
}

.choix-aussi .aussi-desc h2{
	overflow: hidden;
	font-size: 1.4rem;
	color: var(--main-color);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin: 0 0 8px 0;
}

.choix-aussi .aussi-prix{
    margin: 0 10px 10px 10px;
}

.choix-aussi .stock{
    position: absolute;
    margin: 20px 0 0 0;
    color: #00CC33;
    font-size: 1.0rem;
    top: 188px;
    left: 10px;
}


.star {
    display: inline-block;
    background: url(/images/pd/onestar.png) no-repeat;
    width: 100px;
    height: 100px;
    zoom: 0.20;
}

.aussi-detail-percent-vp {
display: inline-block;
    text-align: center;
    position: relative;
left: 34%;
    top: 6px;
    font-size: 1.3rem;
	background-color: #cc0000;
	/*opacity: 0.3;*/
    color: #FFF;
    padding: 3px 0 4px 0;
    width: 80%;
    line-height: 1.3rem;
    transform: rotate(45deg);
    z-index: 1;
    font-weight: 600;
}

.aussi-detail-percent-vp-label {
    font-size: 0.9em;
    font-weight: 400;
    padding-right: 0.5em;
}
.aussi-detail-piece-prix {
    margin: 10px 0 0 0px;
    font-size: 2.2rem;
    font-weight: 900;
    color: var(--main-color);
}
.aussi-detail-piece-prix-reduction {
    font-size: 1.6rem;
    font-weight: 500;
    color: red;
    margin: 6px 20px 0 10px;
}
.aussi-detail-piece-prix sup {
    font-size: 1.0rem;
    bottom: -0.0rem;
}
.aussi-detail-piece-prix del sup {
    font-size: 0.8rem;
    bottom: 0.0rem;
}
.aussi-detail-bouton {
    background: var(--main-color);
    border: 0;
    color: #fff;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    width: 90%;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.1rem;
    text-align: center;
    text-decoration: none;
    transition: all;
    letter-spacing: normal;
    font-weight: 900;
    margin: 0 0 0 0;
}
.aussi-detail-bouton:hover {
    background: #009000;
}





.un_avis {
    padding: 1.5rem;
	margin: 1rem;
    border: 1px solid hsla(0,0%,80%,.15);
    border-radius: .375rem;
    background: #fff;
    -webkit-box-shadow: 0rem 0.1rem 1rem 0rem hsla(0,0%,80%,.5);
    box-shadow: 0rem 0.1rem 1rem 0rem hsla(0,0%,80%,.5);

}
.un_avis_decrit {
    height: auto;
}
.un_avis_photo {
    width: 9rem;
    height: 9rem;
    float: left;
	margin-right: .75rem;
	
	overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;

}
.un_avis_note {
	 color: #ffce00; font-size: 2rem;
}
.un_avis_titre {
	margin-bottom: .75rem;
    margin: 2rem 0 .75rem 0;
    font-size: 1.6rem;
    font-weight: 400;
    color: #151515;
	display: block;
}
.un_avis_article {
    font-size: 1.4rem;
}
.un_avis_auteur{
	color: #000;
	line-height: 1.2;
}

.slick-slide {
    height: auto;
}
#prix_depannage{
	font-size: 7rem;
	text-align: right;
	font-weight: 900;
	color: #fff;
	margin: 0;
    line-height: 1;
    padding: 0;
}
#div_prix_depannage{
	float: right;
}
#mobile_payer{
	display:none !important;
    position: fixed;
    bottom: 0;
    z-index: 10000;
	width:100%;
	text-align: center;
    background-color: #fff;
	height:60px
}



.header-reassurance {
	background: var(--main-color);
	width: 100%;
	height: 43px;
	margin: 0 auto;
	justify-content: center;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
}

.header-reassurance .title {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.25;
	cursor: pointer;
}

.header-reassurance .block-reassurance {
    width: 25%;
    text-align: center;
	cursor: pointer;
	margin: 5px 0;
}

.header-reassurance .block-reassurance span {
	color: #fff;
	line-height: 1.3;
	display: inline-block;
	font-size: 1.3rem;
	margin: 8px;
	cursor: pointer;
}

.header-reassurance img {
	margin: 0 15px 10px 0;
	vertical-align: bottom;
	opacity: 0.5;
	width: 30px;
	filter: alpha(opacity=50);
	cursor: pointer;
	/* For IE8 and earlier */
}


















/* PAGE PAIEMENT panier2.php */

.page_paiement{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 20px auto 0 auto;
	width: 90%;
}

.page_paiement_cote{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 38%;
	padding-right: 3%;
	order: 1;

}
.page_paiement_securite{
	width: 100%;
	padding: 0 0 30px 0px;
	order: 1;
}
.page_paiement_livraison{
	width: 100%;
	padding: 0 0 70px 0px;
	order: 2;
}
.page_paiement_sup{
	font-size: 1.1rem;
	color: #666;
	width: 100%;
	padding: 0 0 20px 0px;
	order: 3;
}
.page_paiement_panier{
	width: 100%;
   padding: 0 20px 0 0;
	order: 3;
}

.page_paiement_methode{
	width: 62%;
	padding: 10px 0 20px 0;
	order: 2;
	border: 1px solid #D5D5D5;
	border-radius: 8px;
	text-align: center;
	position: relative;
}
.page_paiement_methode iframe{
	vertical-align: top !important;
	border: none;
	width: 100%;
	max-width: 400px;
	height: 1200px;
	margin: auto;
	display: block;
	overflow: hidden;	
}
.page_paiement_livraison h2{
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1.1;
	margin: 20px 0 5px 0;
	color: #fff;
	background-color: var(--main-color);
	padding: 10px;
	text-align: center;	
}

.page_paiement_livraison p{
	font-size: 1.4rem;
	line-height: 1.3;
	color: #000;
	padding: 10px 20px;
	margin: 0;
	font-style: italic;
}


.page_paiement_livraison a{
	display: block;
	text-align: center;
	width: 120px;
	padding: 5px 20px;
	margin: 10px auto;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 0.3em;
	border: 1px solid var(--main-color);
	font-weight: 400;
	font-size: 1.2rem;
	color: #333;
}

.page_paiement_livraison a:hover {
	color: #fff;
	background-color: #16b216;
	border-color: var(--main-color);
	transition: all .2s;
	text-decoration: none;
}

/* Paiement SocGen par CB */
.kr-embedded {
	margin: 0 auto;
	margin-top: 40px;
}
/* FIN PAGE PAIEMENT panier2.php */















.lepanier{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 0;	
}
.panier_articles{
	width: calc(50% - 10px);
	margin: 0 10px 0 0;
	order: 1;
}
.panier_commande{
	width: calc(34% - 10px);
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}
.panier_livraison_paiement{
	width: calc(50% - 10px);
	margin: 0 0 0 10px;
	order: 2;
}
.panier_livraison{
	background: #eaf4fb;
	padding: 8px;
	margin: 0;
}
.panier_paiement{
	/*width: calc(40%);
	background: #f6fcf3;
	border: 1px solid #0b48922e;
	padding: 10px;
	margin: 0 0 20px 0;*/
}
.choix_paiement{
	background: #fffbf9;
	padding: 8px;
	margin: 10px 0 0 0;
}






.panier-titre{
	line-height: 1;
}
#colonne_image {
   margin-right: 10px;
	width: 80px;
    text-align: center;
}
#colonne_image img{
	max-width: 80px;
	max-height: 80px;
	pointer-events: none;
}
#colonne_produit {
    flex-grow: 2;
    font-size: 1.4rem;
    line-height: 1.6;
}
#colonne_produit p {
	margin:0 0 10px 0;
	font-size:1.5rem;
	color:#333;
	line-height: 1.1; 
	font-weight: 600;
}
#colonne_produit p + p {
    margin: 0 0 6px 0;
    font-size: 1.2rem;
    color: #333;
    line-height: 1.2;
    font-weight: 400;
}
#colonne_produit p + p + p {
	color: #008a00;
	font-weight: 700;
}


#colonne_prix {
	font-size: 2.4rem;
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 10px 10px 0 0;
}

#colonne_prix_quantite{
    padding: 0 5px 0 10px;
    margin: 0;
}
.inputdelete input[type="submit"]{
    background: 0 0;
    border: 0;
    color: var(--main-color);
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0;
    font: inherit;
	font-size: 1.0rem;
    line-height: inherit;
    -moz-user-select: text;
}
	
.quantity {
    border: 1px solid #cdc9be;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0;
    overflow: hidden;
    width: 66px;
	display: inline-block;
	font-size: 1rem;
    line-height: 1rem;
	height: 20px;
}
	
.quantity_wrapper {
    display: table;
    width: 100%;
	height: 18px;
}

.quantity_moins, .quantity_plus {
    background-color: #efefef;
	display: table-cell;
    cursor: pointer;
    padding: 3px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 16px;
}

.quantity_actuel {
    border: 0;
	display: table-cell;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.price {
    color: #333;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    text-align: right;
    font-weight: 400;
    line-height: 1;
    min-width: 65px;
}
#ligne_reduction{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 0;
	padding:0 10px 0 0;
}




#rech_vert{
	padding: 10px 23px 0px 23px;
	background-color: white;
	color: var(--main-color);
	font-size: 1.6rem;
	display: none;
}


#rech_plaque{
	float: left;
	width: calc(50% - 10px);
}

#rech_validation{
	float: right;
	width: calc(50% - 10px);
    margin: 0 0 0 20px;
}

#rech_validation p, #rech_plaque p{
	margin-bottom: 15px;
}

#rech_plaque img{
    max-width: 100%;
    max-height: 150px;
}

#rech_vert .as-search-box {
    position: relative;
    width: auto;
    margin-top: 0;
    border: 2px solid var(--main-color);
}

#rech_vert .as-alp-searchsubmit {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	outline: transparent;
	border: none;
	background-color: var(--main-color);
	color: #fff;
}

#rech_vert .as-alp-searchsubmit:hover {
	opacity: 0.9;
}

#rech_vert .as-search-input {
    font-size: 1.6rem;
    font-weight: 300;
    height: 30px;
    padding: 6px 35px 7px 10px;
    width: 100%;
    background: white;
    color: #333;
    outline-color: var(--main-color);
    border: none;
    outline: none;
}


#Message {
    background: #dffadc;
    padding: 20px;
    font-size: 12px;
    color: #666;
    border-radius: 2px;
    clear: both;
    margin: 10px 0 20px 0;
}

#Message .title {
    line-height: 1.2em;
    font-size: 20px;
	color: #FA5400;
	font-weight: 600;
}


.b-description_readmore_ellipsis:after {    
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 55px;    
} 

.b-description_readmore_button {
display: inline-block;
    padding: 0;
    cursor: pointer;
    text-align: center;
    margin: 0 0 0 -18px;
    color: #fff;
    background: #7692BB;
	font-size: 1.6rem;
    font-weight: 900;
}

.b-description_readmore_button:hover {
    color: white;
    background: black;
}

.oz-Pager-item {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    margin: 3px 5px 3px 0;
    min-width: 4.8rem;
    height: 4.8rem;
    font-size: 1.4rem;
    line-height: 4.8rem;
    vertical-align: middle;
    text-align: center;
    background: var(--main-color-brand);
    border-radius: 3px;
    color: #fff;
}

	.oz-Pager {
		float: left;
    font-size: 0;
    word-spacing: -.43em;
    text-rendering: optimizespeed;
}

#pieces-navigation ol, #pieces-navigation ul {
    list-style: none;
}
	
.oz-Pager-link {
    display: block;
    line-height: 4.8rem;
    border-radius: 3px;
    color: #fff;
    padding: 0 1rem;
}

.liste_pieces {
    word-spacing: normal;
    text-rendering: auto;
    margin: 0 10px 0 0;
    padding: 3px 5px;
    font-size: 1.2rem;
    line-height: 3.2rem;
    border-radius: 3px;
    color: #fff;
    background: var(--main-color);
    cursor: pointer;

}

.retour {
    cursor: pointer;
    display: block;
    margin: 0 0 5px 0;
    font-size: 1.2rem;
    font-weight: 300;
}

.listeRefs {
  margin: 0;
}
 
.listeRefs ul {
  list-style-type: none;
  width: 100%;
border-bottom: 1px solid #e4e7eb;
    margin: 0;
}
 
.listeRefs li h2 {
	font-size: 2.2rem;
	font-weight: bold;
	margin:0;
}

.listeRefs li p {
	font-size: 1.6rem;
}
 
.listeRefs li {
    border-top: 1px solid #e4e7eb;
    display: table;
    padding: 10px 20px;
    margin: 0;
	position: relative;
    width: 100%;
}

.listeRefs li:hover {
  background: var(--main-color-clair);
}

.listeRefs li:hover:before {
    opacity: 1;
}

.listeRefs li:before {
    left: 0px;
    border-left: 2px solid var(--main-color);
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
}

.lien_piece{
	float: right;
}

















































/*******************************************************************************/
/*********************** CSS POUR RESPONSIVE DESIGN ****************************/
/*******************************************************************************/


@media (max-width: 1202px){

	#piece_droite {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
		order: 2;
	}
	#piece_gauche {
		float: none;
		width: 100%;
		order: 1;
	}

}




@media (max-width: 799px){

	.alinea{
		font-size: 0.8rem;
	}

	
	#colonne_prix_quantite {
		 padding: 0 5px 0 10px;
	}

	.detail-descriptif-jim {
		width: 100%;
		float: none;
		margin: 0;
	}
	.detail-descriptif-jim:first-child {
		margin-bottom: 20px;
	}
	.detail-prix, .detail-prix-api {
		float: none;
		margin: 0 auto 20px auto;
	}
	.detail-descriptif-jim:first-child + .detail-prix  {
		margin-bottom: 500px;
	}	

	#colonne_reassurance{
		display: none;
	}
	
}

@media (max-width: 767px){

	.page_paiement {
		 margin: 0 auto 0 auto;
		 width: 100%;
	}	
	.page_paiement_cote {
		 width: 100%;
		 margin: 40px 0 0 0;
		 order: 2;
	}
	.page_paiement_methode {
		 width: 100%;
		 padding: 0 0 20px 0;
		 order: 1;
		 border: none;
		 text-align: left;
	}	
	.page_paiement_methode iframe {
		 width: 95%;
		 height: 310px;
	}
	
	header {
		position: relative;
		        padding: 0 10px;
	}
	.liste_logos {
    margin: 0;
	}
	#text_moteur{
		display: none;
	}

	#logo_moteur_brand{
		margin: 10px 0 5px 0;
		padding: 0 ;
		text-align: left;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: space-evenly;
		align-items: flex-start;
	}
	#logo_moteur_brand_img{
		height: 40px;
		width: 50%;
		display: flex;
		align-items: flex-end;
	}
	#logo_moteur_brand_img img{
		height: 100%;
	}
	#logo_moteur_brand_text{
			width: 50%;
		height: 40px;
		line-height: 1;
		font-weight: 300;
		font-size: 1.4rem;
		margin-top: 0;
		text-align: right;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	#moteur-piece {
		 width: 100%;
	}		

	.as-accessories-searchbox {
		float: none;
		width: 100%;
    	padding: 10px 5px 0 5px;
	}
	.moteur2_texte{
		display: none;
	}
	#moteur2 .as-accessories-searchbox {
		float: none;
		display: inline-block;
		width: 100%;
    	padding: 10px 5px 5px 5px;
	}
	#trouver_ref{
		font-size: 1.1rem;
		line-height: 1;
	    margin-right: 0;
	}
	.produit-reassurance ul {
		margin: 0 0 10px 0;
		font-size: 1.1rem;
	}
	.as-search-input, #moteur2 .as-search-input {
		font-size: 1.9rem;
		height: 30px;
		padding: 7px 35px 7px 12px;
	}
	.as-alp-searchsubmit {
		width: 30px;
		height: 30px;
		color: #333;
	}
	.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-off {
		font-size: 1.2rem!important;
	}
	.bv-cv2-cleanslate .bv-core-container-133 .bv-rating-stars-top {
		font-size: 1.2rem!important;
	}
	.piece-titre {
	}
	.piece-origine {
	}
	.bouton {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.piece-desc {
		margin: 0 0 5px 0;
	}
	.piece-detail-prix, .piece-prix-remise {
		font-size: 2.4rem;
		margin-bottom: 0;
	}
	.ui-widget.ui-widget-content.dialog-bleu {
		display: none !important;
	}

	.block-links-inline {
		/*padding-left: 75px;*/
	}
	.block-links-inline ul {
		 margin: 0 5px;
		 font-size: 1.1rem;
	}
	#avis_logo{
		height: 22px;
		top: 3px;
	}
	#avis_etoiles {
		padding: 0 8px 0 0;
		position: relative;
		top: -3px;
	}	


	#coeur_piece {
		width: 100%;
		float: none;
	}
	#bloc #main_vente {
		width: 100%;
		padding: 0;
	}

	.header-top {
		display: inline-block;
	}
	
	
	#titre_site p:nth-child(2){
		display: none !important;
	}
	.logo {
		padding: 5px 0 0 0 !important;
		font-size: 55px;
		left: 0;
		width: 50px;
		min-width: unset;
	}
	#titre_site p:nth-child(3) {
		line-height: unset !important;
		top: 0px !important;
	    font-size: 1.5rem !important;
	}
	#titre_site p:nth-child(1) {
		line-height: 1 !important;
		margin: 5px 0 0 0 !important;
	    font-size: 1.2rem !important;
	}
	
	
	.breadcrumb-html {
		font-size: 1.2rem;
   	padding: 5px 5px 0 5px;
	}
	.breadcrumb-livraison, .breadcrumb-html div.breadcrumb-livraison{
		display: none;
	}
	.image-piece-bloc {
		height: 140px;
	}

	.b-description_readmore_button {
		width: calc(100% + 36px) !important;
	}
	
	aside {
		display: none;
		float: none;
		width: 100%;
		padding: 0;
	}
	#logo_marque{
		display: none;
	}
	h1 {
        font-size: 1.8rem;
        margin: 10px 0 10px 0;
	}	
	h2 {
		font-size: 1.5rem;
    	margin: 1rem 0 2rem 0;
	}	
	
	
	
	#editorial, #logo_piece{
		display: none;
	}

	.block-links-inline ul {
		/*
		 margin: 0 10px;
		 font-size: 1.1rem;
		 line-height: 1.6;
		*/
	}



	.fancybox-type-image, .fancybox-type-image .fancybox-skin{
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
		top: 0 !important;
		left: 0 !important;
	}
	
	.fancybox-type-iframe, .fancybox-type-iframe .fancybox-skin{
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
		top: 0 !important;
		left: 0 !important;
	}
	
	
	.fancybox-type-image .fancybox-outer, .fancybox-type-image .fancybox-inner{
		width: 100% !important;
		height: auto !important;
	}
	
	.fancybox-type-iframe .fancybox-outer, .fancybox-type-iframe .fancybox-inner{
		width: 100% !important;
		height: 100vh !important;
	}
	
	.fancybox-close{
		top: 5px !important;
		right: 5px !important;
	}

	#rech_vert {
		/*min-height: 100vh;*/
	}

	#rech_plaque img {
		 max-width: 90%;
		 max-height: 100px;
	}

	#rech_plaque{
		width: 100%;
		float: none;
		margin: 0 0 0 0;
	}
	#rech_validation{
		width: 100%;
		float: none;
		margin: 10px 0 0 0;
	}
	#rech_validation p, #rech_plaque p {
		 margin-bottom: 10px;
	}

	.pushIcon, .pushMessage, #dialog, .header-reassurance{
		display: none !important;
	}

	#bloc #main_pieces {
		padding: 0;
	}
	.un_avis_note {
		font-size: 1.4rem;
	}
	
	
	.choix-aussi, #panier_ligne_reduction{
		display: none
	}

	
	
	.panier_articles{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.panier_commande{
		display: none;
	}
	.panier_livraison_paiement{
		width: 100%;
		margin: 0;
	}
	.panier_livraison{
		/*
		width: 100%;
		margin: 0 0 20px 0;
		*/
	}
	.panier_paiement{
		/*width: 100%;*/
	}

	.choix_paiement{
		/*width: 100%;*/
	}

	
	
	
	#ligne_reduction{
		/*display: none;*/
	}


	#loading p, #loadingAswo p{
		font-size: 1.0rem;
		font-weight: 500;
		margin: 0 0 15px 0;
	}

	#loading>img, #loadingAswo>img{
		width: 50px;
		height: auto;
	}

	.listeRefs {
		margin: 0;
	}

	.listeRefs p {
		display: none;
	}

	.listeRefs li h2 {
		font-size: 1.4rem;
    	font-weight: 400;
	}
	
	.listeRefs li {
		padding: 5px 0 10px 5px;
	}	
	
	.colonne_serenite {
		display: contents !important;
	}
	
	.bouton_serenite {
		font-size: 1.2rem !important;
		line-height: 18px !important;
	}

	
.piece-titrage {
}
	
}/*max-width: 799px*/






.info_adresse{
    width: calc(50% - 10px);
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    position: relative;
    overflow: hidden;
}
.info_adresse:nth-child(2n+1){
	margin-right:20px;
}
















/******* MOTEUR PIECE **********/

#header_moteur {
	margin: 0;
   max-width: 1200px;
	padding: 30px 10px 10px 10px;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: #fff;
	opacity: unset;
	width: 100%;
	//height: 72%;
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    //align-content: flex-end;
    justify-content: flex-start;
}
	
	
.pvref-search-engine {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	width: 100%;
	margin: 0 auto;
}

#moteur-piece .caption {
	color: white;
	font-size: 1.6rem;
	border-top: 1px solid #eee;
	padding: 7px 8px 7px 0;
    margin: 10px auto 0 auto;
	text-align: center;
	width: max-content;
}

.pvref-search-engine ::placeholder {
color:#444;
}
	
.pvref-search-engine button, .pvref-search-engine input {
    vertical-align: middle;
}
.fixinline {
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
.pvref-search-engine .filter-section {
	padding-bottom: 16px;
	display: block;
	position: relative;
}
.fixinline>* {
	letter-spacing: normal;
}
.pvref-search-engine .input-block {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
	
.pvref-search-engine .field {
	vertical-align: middle;
}

.pvref-search-engine .field input[type=search], .pvref-search-engine .SumoSelect>.CaptionCont, .pvref-search-engine .SumoSelect.open .search-txt{
/*	background-color: var(--main-color-brand-clair);
	border: 1px solid var(--main-color-brand);
	border-radius: 4px;
*/	color: black;
	width: 100%;
	padding: 9px 31px 10px 15px;
	font-size: 1.6rem;
}

.pvref-search-engine .field textarea[type=search]{
	background: white;
	border: none;
	color: black;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.2;
	padding: 5px 15px;
	margin: 6px 0 0 0;
}



.pvref-search-engine .field .no-results-message {
	display: none;
}
.centered {
	text-align: center;
}
.centered>* {
	display: inline-block;
	text-align: left;
}
.pvref-search-engine .field .arrow {
	max-width: 28px;
	position: absolute;
	right: 0px;
	top: 8px;
	pointer-events: none;
}
.sprite-select-bg-icon {
	width: 62px;
	height: 27px;
	background-position: -68px -511px;
}
.pvref-search-engine .field .list {
	position: absolute;
	left: 1px;
	right: 1px;
	top: 40px;
	z-index: 2;
}
.pvref-search-engine .filter-section .list {
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	background: white;
	margin: 0;
}
.pvref-search-engine .filter-section .list li {
	background: white;
	color: black;
	padding: 4px 10px;
	cursor: pointer;
	text-align: left;
}
.pvref-search-engine .section-submit {
	padding-bottom: 0;
	display: block;
}
.pvref-search-engine .section-submit button {
	display: block;
	background: #2b2b2b;
	color: white;
	width: 100%;
	border: none;
	/*border-radius: 5px;*/
	padding-top: 7px;
	font-size: 1.6rem;
	padding-bottom: 11px;
	font-weight: bold;
}
.pvref-search-engine .hint {
	cursor: pointer;
	padding-bottom: 4px;
	margin-bottom: 0;
	display: block;
	color: var(--main-color-brand);
	text-decoration: underline;
	width: fit-content;
	padding-top: 8px;
	font-size: 1.8rem;
}


.pvref-search-engine .field.disabled button, .pvref-search-engine .field.disabled input[type=search], .pvref-search-engine .field.disabled textarea[type=search] {
	cursor: not-allowed;
}
.pvref-search-engine .field.enabled button, .pvref-search-engine .field.enabled input[type=search] {
	cursor: auto;
}

.pvref-search-engine .field.disabled input[type=search], .pvref-search-engine .field.disabled textarea[type=search] {
	background: #d6d6d6;
}
.pvref-search-engine .field.enabled input[type=search] {
    background: #fff;
}
	
	
@media (min-width: 992px) {
	#moteur-piece .titre{
		font-size: 3.7rem;
	}

#moteur-piece .caption {
	font-size: 1.4em;
	padding: 12px 8px 13px 0;
	margin: 20px auto 0 auto;

}
.pvref-search-engine {
	max-width: 1000px;
	order: 1;
}
.pvref-search-engine .field:first-of-type {
	padding-left: 0;
	padding-right: 9px;
}

/**/
.pvref-search-engine .input-block input[type=search], .pvref-search-engine .SumoSelect>.CaptionCont, .pvref-search-engine .SumoSelect.open .search-txt {
	padding: 11px 15px 11px 15px;
}
.pvref-search-engine .field:first-of-type .list {
	left: 0px;
	right: 9px;
}
.pvref-search-engine .filter-section {
	padding-bottom: 0;
}
.pvref-search-engine .field .list {
	left: 5px;
	right: 5px;
	top: 41px;
}
.pvref-search-engine .field:last-of-type {
	padding-left: 9px;
	padding-right: 0;
	width: 200px;
	vertical-align: middle;
}
.pvref-search-engine .field {
	display: inline-block;
	width: 260px;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
}

#choose-pvbrand_search-page{
	width: 260px;
}
#choose-pvref_search-page{
	width: calc(100% - 470px);
}
	
	
.pvref-search-engine .section-submit button {
	font-size: 1.6rem;
	line-height: 1.2;
	padding: 5px 15px;
	margin: 0px 0 0 0;
	min-height: 46px;
}
.pvref-search-engine .hint {
	padding-top: 5px;
	font-size: 1.8rem;

}
}

@media (min-width: 1200px) {
#header_moteur {
/*	flex-direction: column;
	align-items: center;
*/
}
.pvref-search-engine {
	padding-top: 13px;
}
}
	
	
	
	

.pvref-search-engine .SumoSelect>.CaptionCont {
	font-size: 1.6rem;
}
	
.pvref-search-engine .SumoSelect {
    display: unset;
    position: unset;
    outline: unset;
    width: unset;
}
.pvref-search-engine .SumoSelect>.CaptionCont>span {
    display: unset;
    padding-right: unset;
    text-overflow: unset;
    white-space: unset;
    overflow: unset;
    cursor: unset;
}	
.pvref-search-engine .SumoSelect.open>.optWrapper {
    top: 43px;
}
.pvref-search-engine .SumoSelect>.optWrapper {
    /*display: none;*/
    z-index: 1000;
    top: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0,0,0,.11);
    border-radius: 3px;
    border-radius: 0;
}
.pvref-search-engine .SumoSelect>.optWrapper>.options li.opt {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    font-size: 1.5rem;
    border: none;
    padding: 5px 0 0 10px;
}
.pvref-search-engine .SumoSelect>.CaptionCont>span.placeholder {
    color: unset;
    font-style: unset;
    font-size: unset;
}
.pvref-search-engine .SumoSelect>.optWrapper>.options li.opt:hover {
    background-color: #dce4fa;
}
.pvref-search-engine .SumoSelect>.CaptionCont>label {
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 0;
    width: 30px;
}
.pvref-search-engine .SumoSelect>.CaptionCont>label>i {
	background: unset;
}
.pvref-search-engine .SumoSelect>.CaptionCont>label::before {
   font-size: 2.3rem;
   color: #555;
	font-weight: 900;
	content: "\2228";
}
.pvref-search-engine .SumoSelect > .CaptionCont {
    border-radius: unset;

}

@media (max-width: 767px) {
	.pvref-search-engine .SumoSelect.open>.optWrapper {
		 top: 36px;
	}
}
/******** MOTEUR PIECE ***********/	







/******* MOTEUR HEADER ************/

#moteur3 .as-search-input {
    font-size: 2.0rem;
    line-height: 1;
    letter-spacing: normal;
    font-weight: 400;
    height: 40px;
    padding: 0 50px 0 15px;
    width: 100%;
    background: #fff;
    border: 1px solid var(--main-color);
    box-shadow: inset 0 0 5px rgba(0,0,0,.09);
    box-sizing: border-box;
    transition: box-shadow .5s;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;	
}
	

#moteur3 input:focus {
    color: #232323;
    outline: 0;
    background-color: #fff;
    box-shadow: inset 0 0 5px rgba(0,0,0,.28);
}

#moteur3 .as-alp-searchsubmit {
    position: absolute;
    top: 0px;	
    right: 0px;
    width: 40px;
    height: 40px;
    padding: 8px;	
    outline: transparent;
    border: none;
    color: #fff;
    background: var(--main-color-search);
}
@media (min-width: 992px) and (max-width: 1201px){	
	#moteur3{
	}
}
	
	
#search-reference2::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #333;
}
#search-reference2::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
#search-reference2:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}

/******* MOTEUR HEADER ************/









@media (max-width: 767px){
	.as-search-input, #moteur3 .as-search-input {
		 font-size: 1.5rem;
		 height: 30px;
		 padding: 7px 35px 7px 12px;
	}
	
	.as-alp-searchsubmit, #moteur3 .as-alp-searchsubmit {
		width: 30px;
		height: 30px;
		padding: 6px;
	}

}


@media (max-width: 359px){

	#moteur-piece .titre {
    	font-size: 1.8rem;
	}
	
	.piece-sstitre {
		display: none;
	}
	
	.ui-tabs .ui-tabs-nav li:nth-child(3) {
		display: none;
	}
	.detail-prix, .detail-prix-api {
		width: 100%;
	}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		font-size: 1.2rem;
	}
	.ui-tabs .ui-tabs-panel {
		 margin: 20px 0px 2rem 0px;
	}
	
	body {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.header-top{
		padding: 0 0 0 0;
	}
	#moteur2{
		height: unset;
	}


	#trouver_ref {
		margin-right: 0;
    	font-size: 1.0rem;
	}
	#titre_site img{
		width: 60px;
	}
	.panier-titre {
		font-size: 1.8rem;
	}
	
	#sauver {
		float: none;
		width: calc(100% - 60px);
		margin: 20px 30px;
	}
	#texte_haut {
		/*float: none;*/
		width: 100%;
	}
	#sauver div {
		margin: 5px 10px;
		font-size: 1.3rem;
	}

	
	
	.header-assurance .block-assurance span {
		 line-height: 1.1;
		 font-size: 0.9rem;
		 margin: 5px 0;
	}
	.header-assurance .block-assurance span span {
		font-size: 0.7rem;
		margin: 0 0 0 -2px;
	}
	.header-assurance .block-assurance:first-child{
		display: none;
	}
	.header-assurance .block-assurance {
		 width: 33.33%;
	}
	
	
	
	
	
	
	
	#copyright {
		font-size: 1rem;
	}
	
	.block-links-inline ul {
		    line-height: 20px;
	}	
	.block-links-inline ul {
	}
	.block-links-inline ul>li:nth-child(1):after {
		display: none;
	}
	.block-links-inline ul>li:nth-child(2) {
		 display: none;
	}
	.block-links-inline ul>li:nth-child(2):after {
		display: none;
	}

	.block-links-inline ul>li:nth-child(3) {
		 display: none;
	}
	.block-links-inline ul>li:nth-child(3):after {
		display: none;
	}

	.block-links-inline ul>li:last-child {
	}
	#avis_note{
		display: none;
	}
	#avis_logo{
		height: 16px;
		top: 4px;
	}
	#avis_etoiles {
		padding: 0 5px 0 0;
		position: relative;
		top: -1px;
	}
	#avis_etoiles img {
		 height: 10px;
		 vertical-align: baseline;
	}
	
	.block-links-inline ul>li:nth-last-child(2):after {
		display: none;
	}
	
	#rech_vert .as-search-input {
		font-size: 1.6rem;
		height: 30px;
    	padding: 5px 35px 7px 10px;
	}
	#rech_vert .as-alp-searchsubmit {
		width: 30px;
		height: 30px;
	}
	#rech_vert {
		font-size: 1.6rem;
	}
	.refs a {
		flex: 40%;
	}
	h1 {
		font-size: 1.8rem;
	}
	.filtre {
		font-size: 1.3rem;
	}
	h2, #piece_gauche h2 {
		font-size: 1.5rem;
	}


	.pieces-listing .piece {
		width: 100%;
		    margin: 0 0 20px 0;
	}
	.brands div {
		width: calc(33.33% - 10px);
	}
	.categories div {
		width: calc(50% - 10px);
	}
	.electromenager div {
		width: calc(50% - 10px);
	}
	
	
	.detail-descriptif {
		width: 100%;
		float: none;
		display: block;
		height: auto;

	}	
		
	.detail-percent-vp {
		font-size: 1.4rem;
		line-height: 1.2rem;
	}

	.detail-piece-prix {
		margin: 10px 0 0 40px;
		font-size: 3.2rem;
	}
	.detail-bouton {
		width: 210px;
    	font-size: 1.4rem;
	}
	ul.detail-paiement {

	}
	.detail-photo, .detail-photo-api {
	}
	.ui-tabs .ui-tabs-nav li {
		font-size: 1.1rem;
	}	
	.commentaires {
		padding: 3rem 0px;
	}




	.detail-assistance {
		margin: 0 0 2rem 0;;
		height: auto;
		background: none;
		background-size: auto;
	}
	.detail-instructions {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
		background-color: unset;
		opacity: 1;
		display: inline-block;
	}
	.detail-instructions h2 {
		margin: 1rem 1rem 0rem 0rem;
		font-size: 2.0rem;
	}
	.detail-reparateur {
		width: 100%;
		float: none;
		display: inline-block;
		margin:0;
	}
	.detail-reparateur h2 {
		font-size: 2.2rem;
	}
	#prix_depannage{
		font-size: 4rem;
		text-align: right;
	}
	.commentaires h2 {
		margin: 0 0 1rem 20px;
		font-size: 1.9rem;
	}

	#mobile_payer{
		display:block !important;
	}




	#colonne_image {
		display: none;
	}
	#colonne_prix {
		width: 120px;
		flex-flow: column wrap;
		justify-content: center;
		flex-direction: column-reverse;
	}
	.price {
		font-size: 1.5rem;
	}
	#colonne_prix_quantite {
	}

	.choix-livraison-option:first-child {
		width: 100%;
	}
	.choix-livraison-option:nth-child(2) {
		width: 100%;
		margin: 20px 0;
	}
	.choix-livraison-option:last-child {
		width: 100%;
	}

	#aside_pieces{
		display: none;
	}
	#bloc #main_pieces{
		width: 100%;
		float: none;
		padding-left: 0;
	}


}

@media (min-width: 360px) and (max-width: 459px){

	.image-piece {
		margin: 5px;
		height: 80px;
	}
	.piece-img {
		max-height: 80px;
	}
	.piece-titre {
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 1.2;
		height: 32px;
		margin: 6px 0 0 0;
	}
	.piece-sstitre {
		display: none;
		font-size: 1.0rem;
		font-weight: 300;
		line-height: 1.2;
		height: 26px;
		margin: 4px 0 0 0;
	}
	.piece-detail-prix, .piece-prix-remise {
		 font-size: 2.2rem;
		 margin-bottom: 0;
	}
	.piece-prix-reduction {
		 font-size: 1.0rem;
	}	
	.piece-origine {
	}
	/*lololo*/
	.produit-reassurance p {
		font-size: 1.0rem;
	}
	
	#moteur-piece .titre {
		font-size: 2.3rem;
	}

	body {
		font-size: 13px;
		font-size: 1.3rem;
	}
	#moteur2{
		height: unset;
	}
	
	#piece_gauche h2 {
		font-size: 1.5rem;
	}
	.slogan {
		font-size: 1.0rem;
		width: 170px;
	}
	#trouver_ref {
		margin-right: 0;
	}
	#titre_site img{
		width: 60px;
	}
	.panier-titre {
		font-size: 1.8rem;
	}	
	#sauver {
		float: none;
		width: calc(100% - 60px);
		margin: 20px 30px;
	}
	#texte_haut {
		float: none;
		width: 100%;
	}
	.filtre {
		font-size: 1.3rem;
	}
	#sauver div {
		margin: 5px 10px;
		font-size: 1.3rem;
	}

	
	.header-assurance .block-assurance span {
		 line-height: 1.1;
		 font-size: 0.9rem;
		 margin: 5px 0;
	}
	.header-assurance .block-assurance span span {
		font-size: 0.7rem;
		margin: 0 0 0 -2px;
	}
	.header-assurance .block-assurance:first-child{
		display: none;
	}
	.header-assurance .block-assurance {
		 width: 33.33%;
	}
	#mobile_payer{
		display:block !important;
	}
	
	
	
	#copyright {
		font-size: 1rem;
	}
	.block-links-inline ul {
		 line-height: 22px;
		 font-size: 1.3rem;
	}	
	.block-links-inline ul>li:nth-child(2):after {
		display: none;
	}
	.block-links-inline ul>li:nth-child(3) {
		 display: none;
	}
	.block-links-inline ul>li:nth-child(3):after {
		display: none;
	}

	.block-links-inline ul>li:last-child {
	}
	.block-links-inline ul>li:nth-last-child(2):after {
		display: none;
	}
	#avis_note{
		display: none;
	}
	#rech_vert .as-search-input {
		font-size: 1.6rem;
		height: 30px;
    	padding: 5px 35px 7px 10px;
	}
	#rech_vert .as-alp-searchsubmit {
		width: 30px;
		height: 30px;
	}
	#rech_vert {
		font-size: 1.6rem;
	}
	.refs a {
		flex: 30%;
	}




	.pieces-listing .piece {
		width: calc(50% - 15px);
    margin: 0 15px 20px 0;	
	}
	.brands div {
		width: calc(25% - 10px);
	}
	.categories div {
		width: calc(33.33% - 10px);
	}
	.electromenager div {
		width: calc(33.33% - 10px);
	}


	.detail-descriptif {
		width: 100%;
		float: none;
		display: block;
		height: auto;
	}
	
	.detail-piece-prix {
		margin: 10px 0 0 40px;
		font-size: 3.2rem;
	}
	.detail-bouton {
		width: 240px;
	}
	.detail-piece-prix-reduction {
		margin: 1.3rem 1.5rem 0 0;
	}
	.detail-photo, .detail-photo-api {
	}
	.ui-tabs .ui-tabs-nav li {
		font-size: 1.1rem;
	}	
	.commentaires {
		padding: 3rem 0px;
	}




	.detail-assistance {
		margin: 0 0 2rem 0;
		height: auto;
		background: none;
		background-size: auto;
	}
	.detail-instructions {
		width: 100%;
		float: left;
		margin: 0 0 2rem 0;
		padding: 0;
		background-color: unset;
		opacity: 1;
		display: inline-block;
	}
	.detail-instructions h2 {
		margin: 1rem 1rem 0rem 0rem;
		font-size: 2.0rem;
	}
	.detail-reparateur {
		width: 100%;
		float: none;
		display: inline-block;
		margin:0;
	}
	.detail-reparateur h2 {
		font-size: 2.2rem;
	}
	#prix_depannage{
		font-size: 4rem;
		text-align: right;
	}
	.commentaires h2 {
		margin: 0 0 1rem 20px;
		font-size: 1.9rem;
	}


	.tableau td:nth-child(1) {
		display: none;
	}


	#colonne_image {
		display: none;
	}
	#colonne_prix {
		width: 120px;
		flex-flow: column wrap;
		justify-content: center;
		flex-direction: column-reverse;
	}
	.price {
		font-size: 1.5rem;
	}
	#colonne_prix_quantite {
	}

	.choix-livraison-option:first-child {
		width: 100%;
	}
	.choix-livraison-option:nth-child(2) {
		width: 100%;
		margin: 20px 0;
	}
	.choix-livraison-option:last-child {
		width: 100%;
	}



	#aside_pieces{
		display: none;
	}
	#bloc #main_pieces{
		width: 100%;
		float: none;
		padding-left: 0;
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		font-size: 1.1rem;
	}
	.ui-tabs .ui-tabs-panel {
		 margin: 20px 0px 2rem 0px;
	}
}


@media (min-width: 460px) and (max-width: 599px){

	body {
		font-size: 13px;
		font-size: 1.3rem;
	}
	#moteur2{
		height: unset;
	}
	.slogan {
	font-size: 1.2rem;
	}
	#trouver_ref {
		margin-right: 0;
	}
	#titre_site img{
		width: 60px;
	}
	.panier-titre {
		font-size: 1.8rem;
	}
	
	#sauver {
		float: none;
		width: calc(100% - 60px);
		margin: 20px 30px;
	}
	#texte_haut {
		float: none;
		width: 100%;
	}
	#sauver div {
		margin: 5px 10px;
		font-size: 1.3rem;
	}
	.header-assurance .block-assurance span {
		font-size: 1rem;
	}
	#copyright {
		font-size: 1rem;
	}
	.block-links-inline ul {
		font-size: 1.3rem;
	}
	
	
	.block-links-inline ul>li:nth-child(1):after {
		display: none;
	}
	.block-links-inline ul>li:nth-child(2) {
		 display: none;
	}
	.block-links-inline ul>li:nth-child(3) {
		 display: none;
	}
	.block-links-inline ul>li:last-child {
		display: none;
	}

	#rech_vert .as-search-input {
		font-size: 2.0rem;
		height: 30px;
    	padding: 5px 35px 7px 10px;
	}
	#rech_vert .as-alp-searchsubmit {
		width: 30px;
		height: 30px;
	}
	#rech_vert {
		font-size: 1.6rem;
	}
	.refs a {
		flex: 30%;
	}






	.pieces-listing .piece {
		width: calc(50% - 15px);
	    margin: 0 15px 20px 0;	
	}
	.brands div {
		width: calc(25% - 10px);
	}
	.categories div {
		width: calc(33.33% - 10px);
	}
	.electromenager div {
		width: calc(25% - 10px);
	}
	#titre_site p:nth-child(3) {
	    font-size: 1.8rem !important;
	}

	.detail-descriptif {
		width: 100%;
		float: none;
		display: block;
		height: auto;
	}
	
	.ui-tabs .ui-tabs-nav li {
		font-size: 1.2rem;
	}	



	.detail-assistance {
		margin: 0 0 2rem 0;;
		height: auto;
		background: none;
		background-size: auto;
	}
	.detail-instructions {
		width: 100%;
		float: left;
		margin: 0 0 2rem 0;
		padding: 0;
		background-color: unset;
		opacity: 1;
		display: inline-block;
	}
	.detail-instructions h2 {
		margin: 1rem 1rem 0rem 0rem;
		font-size: 2.0rem;
	}
	.detail-reparateur {
		width: 100%;
		float: none;
		display: inline-block;
		margin:0;
	}
	.detail-reparateur h2 {
		font-size: 2.2rem;
	}
	#prix_depannage{
		font-size: 4rem;
		text-align: right;
	}
	.commentaires h2 {
		margin: 0 0 1rem 20px;
		font-size: 1.9rem;
	}


	#mobile_payer{
		display:block !important;
	}



	#colonne_image {
	width: 70px;
	}
	#colonne_image img{
		max-width: 70px;
		max-height: 70px;
	}

	#colonne_prix {
		width: 120px;
		flex-flow: column wrap;
		justify-content: center;
		flex-direction: column-reverse;
	}
	.price {
		font-size: 1.5rem;
	}
	#colonne_prix_quantite {
	}


	.choix-livraison-option:first-child {
		width: calc(50% - 10px);
	}
	.choix-livraison-option:nth-child(2) {
		width: calc(50% - 10px);
		margin: 0 0 0 20px;
	}
	.choix-livraison-option:last-child {
		width: 100%;
		margin: 20px 0 0 0;
	}




	#aside_pieces{
		display: none;
	}
	#bloc #main_pieces{
		width: 100%;
		float: none;
		padding-left: 0;
	}


}



@media (min-width: 600px) and (max-width: 767px){


	body {
		font-size: 13px;
		font-size: 1.3rem;
	}
	#moteur2{
		height: unset;
	}
	.slogan {
		font-size: 1.2rem;
	}
	#titre_site img{
		width: 80px;
	}

	#texte_haut {
		/*width: calc(100% - 200px - 30px);*/
		margin-bottom: 20px;
		/*float:left;*/
	}
	#sauver {
		width: 200px;
		float:right;
    	margin: 0 0 5px 0px;
	}
	#sauver div{
		font-size: 1.2rem;
	}
	.moteur2_texte {
		font-size: 1.25rem;
		padding: 16px 10px 0 0;
	}
	.header-assurance .block-assurance span {
		font-size: 1.0rem;
	}
	.header-reassurance .block-reassurance span {
		font-size: 1.2rem;
	}
	#copyright {
		font-size: 1.0rem;
	}
	h1 {
		font-size: 2.3rem;
	}
	.refs {
		font-size: 1.3rem;
	}	
	.refs a {
		flex: 20%;
		padding: 5px 10px;
	}
	.panier-titre {
		font-size: 1.8rem;
	}
	h3.panier-titre  {
		font-size: 1.6rem;
	}


	#colonne_image img{
	width: 70px;
	}
	#colonne_image img{
		max-width: 70px;
		max-height: 70px;
	}



	.pieces-listing .piece {
		width: calc(33.33% - 15px);
		    margin: 0 15px 20px 0;
	}
	.brands div {
		width: calc(16.66% - 10px);
	}
	.categories div {
		width: calc(20% - 10px);
	}
	.electromenager div {
		width: calc(20% - 10px);
	}
	#titre_site p:nth-child(3) {
	    font-size: 1.8rem !important;
	}

	.detail-descriptif {
		width: 100%;
		float: none;
		display: block;
		height: 300px;
	}

	.ui-tabs .ui-tabs-nav li {
		font-size: 1.2rem;
	}	




	.detail-assistance {
		margin: 0 0 2rem 0;;
		height: auto;
		background: none;
		background-size: auto;
	}
	.detail-instructions {
		width: 100%;
		float: left;
		margin: 0 0 2rem 0;
		padding: 0;
		background-color: unset;
		opacity: 1;
		display: inline-block;
	}
	.detail-instructions h2 {
		margin: 1rem 1rem 0rem 0rem;
		font-size: 2.0rem;
	}
	.detail-reparateur {
		width: 100%;
		float: none;
		display: inline-block;
		margin:0;
	}
	.detail-reparateur h2 {
		font-size: 2.2rem;
	}
	#prix_depannage{
		font-size: 4rem;
		text-align: right;
	}
	.commentaires h2 {
		margin: 0 0 1rem 20px;
		font-size: 1.9rem;
	}


	.choix-livraison-option-titre {
		width: 100%;
		flex-flow: column wrap;
		justify-content: center;
	    align-items: center;
	}
	.choix-livraison-option-prix{
		align-self: center;
	    line-height: 1.6;
	}
	.choix-livraison-option-titre div{
		text-align: center;
	}



	#aside_pieces{
		float: left;
		width: 250px;
	}
	#bloc #main_pieces{
		width: calc(100% - 250px);
		float: right;
		padding-left: 20px;
	}

	
	
	.block-links-inline ul>li:nth-child(2):after {
		display: none;
	}
	.block-links-inline ul>li:nth-child(3) {
		 display: none;
	}
	.block-links-inline ul>li:nth-child(4) {
		 display: none;
	}
	.block-links-inline {

		height: 30px;
	}
	.block-links-inline ul {
		margin: 0 10px;
		font-size: 1.3rem;
	}
	.block-links-inline div{
		right: 15px;
	}
	
	
}



/* On affiche le header */




@media (min-width: 768px) and (max-width: 991px){

	body {
		font-size: 13px;
		font-size: 1.3rem;
	}
	#moteur2{
		height: 85px;
	}
	
	.fancybox-type-iframe .fancybox-wrap, .fancybox-type-iframe .fancybox-wrap .fancybox-skin {
		width: 90% !important;
		margin: 0 auto;	
	}	
	.fancybox-type-iframe .fancybox-wrap, .fancybox-type-iframe .fancybox-wrap .fancybox-skin {
		width: 60% !important;
		margin: 0 auto;
	}	
	.fancybox-type-image .fancybox-outer, .fancybox-type-image .fancybox-inner {
		width: 100% !important;
		height: auto !important;
	}
	.fancybox-type-iframe .fancybox-outer, .fancybox-type-iframe .fancybox-inner {
		width: 100% !important;
	}
	
	.panier_articles{
	/*
		width: 100%;
    padding: 10px;
    margin: 0 0 20px 0;	
	*/
	}
	.panier_commande{
		display: none;
	}

	
	.slogan {
		font-size: 1.4rem;
		margin: 0 0 25px 0;
	}
	#text_moteur {
		font-size: 1.1rem;
	   width: 40%;
	}
	.as-accessories-searchbox {
		float: right;
		width: 60%;
	}
	.as-search-input {
		font-size: 2.2rem;
		height: 32px;
		padding: 9px 35px 7px 12px;
	}
	.as-alp-searchsubmit {
		width: 34px;
	    height: 34px;
	}
	#trouver_ref {
		font-size: 1.1rem;
	}

	#texte_haut {
		/*width: calc(100% - 200px - 10px);*/
		margin-bottom: 20px;
	}
	#sauver {
		width: 200px;
    	margin: 0 0 5px 10px;
	}
	#sauver div{
		font-size: 1.2rem;
	}
	.moteur2_texte {
		font-size: 1.25rem;
		padding: 16px 10px 0 0;
	}
	.header-assurance .block-assurance span {
		font-size: 1.15rem;
	}
	.header-reassurance .block-reassurance span {
		font-size: 1.2rem;
	}
	#copyright {
		font-size: 1.1rem;
	}
	h1 {
		font-size: 2.6rem;
	}
	.refs {
		font-size: 1.3rem;
	}	
	.refs a {
		flex: 20%;
		padding: 5px 10px;
	}
	.panier-titre {
		font-size: 1.8rem;
	}
	h3.panier-titre  {
		font-size: 1.6rem;
	}
	.breadcrumb-livraison, .breadcrumb-html div.breadcrumb-livraison{
		display: none;
	}










	.pieces-listing .piece {
		width: calc(25% - 15px);
		    margin: 0 15px 20px 0;
	}
	.brands div {
		width: calc(20% - 10px);
	}
	.categories div {
		width: calc(25% - 10px);
	}
	.electromenager div {
		width: calc(25% - 10px);
	}


	#coeur_piece {
		float: none;
		clear: both;
		width: 100%;
	}
	aside{
		width: 200px;
	}
	.b-description_readmore_button {
		width: 200px !important;
	}
	#bloc #main_vente {
		float: right;
		padding-left: 10px;
		width: calc(100% - 200px);
	}

	.header-top {
		display: block;
	}

	.block-links-inline ul>li:nth-child(3) {
		 display: none;
	}
	.block-links-inline div{
		right: 15px;
	}

	.header-headline-moteur {
		 padding: auto 20px auto 15px;

	}
	#moteur3 .as-search-input {
		font-size: 1.4rem;
	}


	.detail-descriptif {
		width: 100%;
		float: none;
		display: block;
		height: 300px;
	}
	
	.detail-instructions {
		width: 350px;
	}
	.detail-reparateur {
		width: 320px;
		margin: 2rem 4rem 0 0;
	}
	.detail-reparateur h2 {
		font-size: 2.2rem;
	}
	#prix_depannage{
		font-size: 4rem;
		text-align: right;
	}

	.choix-aussi .aussi-prix {
		margin: 10px 0;
	}



	#colonne_image {
	width: 70px;
	}
	#colonne_image img{
		max-width: 70px;
		max-height: 70px;
	}
	#colonne_prix {
		width: 100px;
		flex-flow: column wrap;
		justify-content: center;
		flex-direction: column-reverse;
	}
	.price {
		font-size: 1.5rem;
	}
	#colonne_prix_quantite {
	}


	.choix-livraison-option-titre {
		width: 100%;
		flex-flow: column wrap;
		justify-content: center;
	    align-items: center;
	}
	.choix-livraison-option-prix{
		align-self: center;
	    line-height: 1.6;
	}
	.choix-livraison-option-titre div{
		text-align: center;
	}

	.block-links-inline ul {
		 font-size: 1.2rem;
	}
	.block-links-inline ul>li:after {
		 margin: 0 5px;
	}

	#aside_pieces{
		float: left;
		width: 250px;
	}
	#bloc #main_pieces{
		width: calc(100% - 250px);
		float: right;
		padding-left: 20px;
	}


}/*max-width: 991px*/
	
	
	
	
@media (max-width: 991px){
	.csc {
		float: none;
		width: 100%;
		margin-top: 10px;
	    padding-left: 0;
	}
	.csc-xsell-widget__body {
		justify-content: center;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
		box-shadow: none;
	}
	.csc-xsell-widget__block
	{
		width:100%;
 	    border: 1px solid;
		border-radius: 0;

	}
	.csc-xsell-widget__block:nth-child(6)
	{
		order: 1;
	}	
	.csc-xsell-widget__block:nth-child(2)
	{
		order: 2;
	}

	.panier {
		 width: 100%;
		 float: none;
		 display: block;
		 margin: 0 0 2rem 0;
	}
}	
	
	
	

@media (min-width: 992px) and (max-width: 1201px){

	body {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#moteur2{
		height: 85px;
		width: 100%;
		margin: 20px 0 10px 0;
	}	
	.slogan {
		font-size: 1.6rem;
	}
	#text_moteur {
		font-size: 1.2rem;
	    width: 40%;
	    /*padding: 16px 10px 0 0;*/
	}
	.as-accessories-searchbox {
		float: right;
		width: 60%;
	}
	.as-search-input {
		font-size: 2.2rem;
		height: 32px;
		padding: 9px 35px 7px 12px;
	}
	.as-alp-searchsubmit {
		width: 34px;
	    height: 34px;
	}
	#trouver_ref {
		font-size: 1.1rem;
	}

	#texte_haut {
		/*width: calc(100% - 250px - 30px);*/
		margin-bottom: 20px;
	}
	#sauver {
		width: 250px;
	}
	#sauver div{
		font-size: 1.3rem;
	}
	.moteur2_texte {
		font-size: 1.25rem;
		padding: 16px 10px 0 0;
	}
	.header-assurance .block-assurance span {
		font-size: 1.3rem;
	}
	#copyright {
		font-size: 1.1rem;
	}
	h1 {
		font-size: 3.0rem;
	}
	.refs {
		font-size: 1.3rem;
	}	
	.refs a {
		flex: 20%;
		padding: 5px 10px;
	}	







	
	.pieces-listing .piece {
		width: calc(25% - 15px);
		    margin: 0 15px 20px 0;
	}
	.brands div {
		width: calc(16.66% - 10px);
	}
	.categories div {
		width: calc(20% - 10px);
	}
	.electromenager div {
		width: calc(16.66% - 10px);
	}


	aside{
		width: 200px;
	}
	.b-description_readmore_button {
		width: 200px !important;
	}
	#bloc #main_vente{
		width: calc(100% - 200px);
	}

	
}/*max-width: 1201px*/

@media (min-width: 1202px){

	body{
		padding: 0 0;
	}
	header {
		margin: 0 auto;
		max-width: 1200px;
		position: relative;
		border-left: 1px solid var(--main-color);
		border-right: 1px solid var(--main-color);
	}
	.header-top{
		padding: 0 20px 0 20px;
		min-height: 200px;
	}
	#wrap{
	    margin: 0 auto;
		max-width: 1200px;
		border-left: 1px solid var(--main-color);
		border-right: 1px solid var(--main-color);
		border-bottom: 1px solid var(--main-color);
		padding: 15px 20px 0 20px;
	}
	.breadcrumb-html {
		margin: 0 auto;
		max-width: 1200px;
		border-left: 1px solid var(--main-color);
		border-right: 1px solid var(--main-color);
		padding: 10px 25px 0 25px;
		
		font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.3;
    color: #666;
    background: #fff;
	}
	#top_banniere {
		margin: 0 auto;
		/*padding: 0 20px;*/
		max-width: 1200px;
	}
	.pieces-listing .piece {
		width: calc(20% - 15px);
		    margin: 0 15px 20px 0;
	}
	.piece {
		margin: 0 0 20px 0;
	}	
	.brands div {
		width: calc(16.66% - 10px);
	}
	.categories div {
		width: calc(16.66% - 10px);
	}
	.electromenager div {
		width: calc(14.28% - 10px);
	}

	.b-description_readmore_button {
		width: 250px !important;
	}

	.piece-panier {
		padding: 0 8px;
	}

}/*min-width: 1202px*/





.cc_btn_accept_all:after {
content: "\2716" !important;
}
.cc_container {
	background: var(--main-color) !important;
	color: #fff !important;
	font-size: 15px !important;
	padding: 4px 10px !important;
	font-family: unset !important;
}
.cc_container .cc_btn {
	max-width: 90px !important;
	padding: 0 !important;
	width: unset !important;
	font-size: 20px !important;

}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
	background-color: unset !important;
}
.cc_more_info{
	text-decoration: underline !important;
}
.cc_container a, .cc_container a:visited {
	color: #fff !important;
}
.cc_container .cc_message {
	margin-top: 3px !important;
}




/* CODE PROMO PANIER */
.icon-info.active .tool-tip {
    display: block;
}
.saisie_code{
	display: none;
	margin: 5px 0 0 0;
}
input[type="checkbox"].code_promo {
  display: none;
}
input[type="checkbox"].code_promo + label::before {
/*
	content:"";
	border: 1px solid var(--main-color);
	padding: 0 1rem;
	margin-right: 1.2rem;
*/
	content:"☐";
	margin: 0 5px 0 0;
	font-size: 1.6rem;
}
input[type="checkbox"].code_promo:checked + label::before {
  /*background-color: var(--main-color);*/
	content:"☑";
}



@media (max-width:380px) {
	.info_adresse {	
	    width: 100%;
	}

	.info_adresse:nth-child(2n+1){
		margin-right:0;
	}
}

@media (max-width:767px) {
	#header_moteur {
		 padding: 10px 5px 0 5px;
	}
	.pvref-search-engine .hint {
		font-size: 1.3rem;
	}
	
}
























footer {
	background-color: #f5f5f5;
	overflow: hidden;
	padding: 0 20px 10px 20px;
	margin: 0 0px 0 -20px;
    width: calc(100% + 40px);
}
footer .row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;
}	
footer .title {
	font-size: 1.5rem;
	padding: 0.375rem 0;
	font-weight: 700;	
	text-transform: uppercase;
}
footer ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}	
footer ul li{
    padding: 0;
    margin: 0;
    line-height: 1.5;
    height: auto;
    cursor: pointer;	
}	
footer .content {
	font-size: .875em;
	margin-bottom: 0;
}
footer a, footer span{
	color: #444;
	font-size: 1.3rem;
	text-decoration: none;
	cursor: pointer;
}
footer a:hover, footer span:hover{
	text-decoration: underline;
}
.footer-social-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.footer-social-container .footer-social-links {
	display: flex;
   justify-content: flex-end;	
	margin: 0;
}
.footer-social-container .footer-social-links li {
	align-items: center;
	display: flex;
	margin: 0 0.6rem;
}
.footer-social-container .footer-social-icon {
	width: 24px;
	height: 24px;
}	
.footer-social-container .footer-social-icon.facebook {
	background: url(/images/icon-facebook-square.svg) no-repeat;
	background-size: 24px;
}
.footer-social-container .footer-social-icon.twitter {
	background: url(/images/icon-twitter-square.svg) no-repeat;
	background-size: 24px;
}
.footer-social-container .footer-social-icon.instagram {
	background: url(/images/icon-instagram-square.svg) no-repeat;
	background-size: 24px;
}
.footer-social-container .footer-social-icon.linkedin {
	background: url(/images/icon-linkedin-square.svg) no-repeat;
	background-size: 24px;
}
.footer-social-container .footer-social-icon.youtube {
	background: url(/images/icon-youtube-square.svg) no-repeat;
	background-size: 24px;
}
.footer-social-container .footer-social-icon.pinterest {
	background: url(/images/icon-pinterest-square.svg) no-repeat;
	background-size: 24px;
}

@media(max-width: 767px){
	.footer-social-container .footer-social-links li {
		align-items: center;
		display: flex;
		margin: 0 0.2rem;
	}
	.footer-social-container .footer-social-icon {
		width: 18px;
		height: 18px;
	}	
	.footer-social-container .footer-social-icon.facebook {
		background: url(/images/icon-facebook-square.svg) no-repeat;
		background-size: 18px;
	}
	.footer-social-container .footer-social-icon.twitter {
		background: url(/images/icon-twitter-square.svg) no-repeat;
		background-size: 18px;
	}
	.footer-social-container .footer-social-icon.instagram {
		background: url(/images/icon-instagram-square.svg) no-repeat;
		background-size: 18px;
	}
	.footer-social-container .footer-social-icon.linkedin {
		background: url(/images/icon-linkedin-square.svg) no-repeat;
		background-size: 18px;
	}
	.footer-social-container .footer-social-icon.youtube {
		background: url(/images/icon-youtube-square.svg) no-repeat;
		background-size: 18px;
	}
	.footer-social-container .footer-social-icon.pinterest {
		background: url(/images/icon-pinterest-square.svg) no-repeat;
		background-size: 18px;
	}
}

.footer-social-container .footer-social-icon>span ,.footer-social-container .footer-social-icon span {
	visibility: hidden;
}
.footer-copyright {
	line-height: 1.5;
}
.footer-copyright-text {
	font-size: 1.4rem;
	color: #27251f;
	font-family: Arial,sans-serif;
	margin-top: 6px;
	font-weight: 600;	
}
	
.footer-container>div{
	width: calc( 50% - 10px);
	margin: 10px 0;
}

@media (max-width: 767px){
	.footer-container>div{
		width: 100%;
		margin: 10px 0;
	}
}
	
footer .row:before, footer .row:after {
    content: none;
}	


.choix-pieces-type-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 15px 0;
}


.select_pay{
	background-size: 15px 15px;
	background-position: 0px 4px;
	background-repeat: no-repeat;
	width: 24px;
}
.method{
	color: #000;
	display: flex;
	border-top-right-radius: 6px;
	padding: 8px 10px 8px 10px;
	margin: 0 0 12px 0;
	width: calc(50% - 10px);
	position: relative;
   overflow: hidden;	
	border: 1px solid #000;
	border-left: 5px solid #000;
	background-color: #fafafa;
}
.method .main-content {
	width: calc(100% - 24px);
}
#compatibilite_moteur{
	background-color: #444;
	margin: 0 30px;
	width:50%;
}
#tab_catmod_titre div{
	color: #5a5a5a;
	font-size: 2.4rem;
	letter-spacing: 1.2px;
	font-weight: 600;
}
#tab_catmod_liste .ligne div{
	color: #303030;
	font-size: 2.0rem;
	padding: 6px 0 6px 20px;
}
.nb_avis{
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	vertical-align: text-top;
	border-left: 1px solid #ccc;
}
.bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars-off, .bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars-on {
	font-size: 1.5rem!important;
	color: #ddd!important;
	letter-spacing: -1px!important;
}
#compatibilite_moteur .as-search-input {
	font-size: 2.0rem;
	line-height: 1;
	font-weight: 300;
	height: 40px;
	padding: 0px 40px 0px 10px;
}
#compatibilite_aide{
	color: #fff;
	text-decoration: underline;
	padding: 3px 0 0 30px;
	cursor: pointer;
	font-size: 1.6rem;	
}
#liste_reference{
	width: 100%;
	color: #333;
}
#liste_reference h2{
	text-transform: uppercase;
}
#liste_reference p{
	font-size: 1.8rem;
	font-weight: 300;
}
	
#compatibilite_titre{
	background-color: #444;
	width: 100%;
	color: #fff;
	font-size: 2.4rem;
	padding: 30px 30px 20px 30px;
	font-weight: 600;
}
#compatibilite_centre {
	width: 100%;
	background-color: #444;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-end;
	padding: 0 0 30px 0;
}
.affiche_prix{
	font-size: 2.6rem;
	font-weight: 600;
	margin: 12px 0 0 0;
	line-height: 1.0;
}

#lien_compatibilite{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: flex-start;
	align-items: center;
	cursor: pointer;
	background-color: #f4f7ff;
	line-height: 1;
	margin: 0 0 20px 0;
}
#lien_compatibilite.lien_compatibilite2{
	background-color: #eeffee;
	color: green;
	cursor: unset;
}
	
	
.titre_compatible img{
	width: 22px;
	margin: 0 0 0 15px;
	vertical-align: text-top;
	filter: invert(40%) sepia(41%) saturate(5984%) hue-rotate(1deg) brightness(97%) contrast(104%);	
}
.titre_compatible div:nth-child(1){
	font-weight: 500;
    line-height: 1.2;
    font-size: 2.0rem;
    letter-spacing: 0.4px;
}
.avis {
	display: block;
	margin: 10px 0 5px 0;
	width: fit-content;
}
.piece-stock div p {
	margin: 0;
}
.piece-stock>div>p img{
	width: 20px;
	margin-right: 4px;
	vertical-align: text-bottom;
}
.titre_compatible{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;	
}
.piece-stock div {
	margin: 10px 0;
}




.product-sticky-banner{-webkit-box-shadow:0 0 2.0rem 0.20rem rgba(0,0,0,.22);box-shadow:0 0 2.0rem 0.20rem rgba(0,0,0,.22);position:fixed;width:20.9375rem;left:0;right:0;bottom:1.0rem;margin:auto;z-index:13000;background:#fff;padding:.75rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.product-sticky-banner.is-pulled-out{bottom:0;-webkit-transform:translateY(110%);transform:translateY(110%)}
.product-sticky-banner__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.product-sticky-banner__cta.button{border-radius:0;color:#fff;white-space:nowrap}
.product-sticky-banner__texts{margin-right:2rem}
.product-sticky-banner__texts>*{line-height:1.25;margin:0;display:block}
.product-sticky-banner__meta{color:#3c4196}
@media screen and (max-width:47.9375em){
	.product-sticky-banner__cta{padding:.75rem .875rem}
}
@media print,screen and (min-width:48em){
	.product-sticky-banner{width:auto;padding:.4375rem;left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
	.product-sticky-banner.is-pulled-out{bottom:0;-webkit-transform:translate(-50%,110%);transform:translate(-50%,110%)}
	.product-sticky-banner__texts{white-space:nowrap;margin-right:3rem}
}
@media print,screen and (min-width:71.25em){
	.product-sticky-banner__texts{font-size:1.5rem}
}
.product-sticky-banner{padding:10px 20px;border-radius:.5rem}
.product-sticky-banner__meta{color:#000}
.product-sticky-banner__cta.button{border-radius:.5rem}
@media screen and (max-width:47.9375em){
	.product-sticky-banner__cta.button{width:inherit}
}
@media screen and (max-width:47.9375em){
	.product-sticky-banner__texts{margin-right:1rem}
}
@media screen and (max-width:47.9375em){
	.product-sticky-banner{padding:1rem;width:100%;bottom:0;border-radius:0}
}
.sticky{
	padding: 5px 20px;
	border-radius: 0.5rem;	
	height: auto;
	font-size: 1.6rem;
	line-height: 1.6;
}

	
.nb_avis:hover{
	text-decoration: underline;	
}
	
	
ul.detail-paiement {
 margin: 0 22px 2.5rem 0;
}
.detail-paiement li{
	 border: none;
	 background-color: unset;			 
	 padding: 0 4px 0 0;
	 width: auto;
}
.detail-paiement .card-logo {
	 display: inline-block;
}
.detail-paiement .card-logo img {
	height: 20px;
	width: auto;
}
#scrollToTop {
    padding: 10px 20px;
    background-color: rgba(26, 26, 26, .8);
    color: #fff;
    border: 0;
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-size: 12px;
    height: 36px;
    line-height: 1;
    outline: none;
    opacity: 1;
    z-index: 101;
    display: none;
}

.detail-photo-api {
    margin: 0;
    padding: 0;
}
.detail-photo-api img {
    display: block;
}
.zoom-icon {
    position: absolute !important;
    bottom: 10px;
    right: 10px;
    pointer-events: none;
}

.zoom-icon img {
    width: 20px;
    height: 20px;
}

.prix_barre{
	position: relative;
	font-size: 1.4rem;
	color: #222;
	font-weight: 200;
}
.prix_barre::after {
    border-bottom: 0.04em solid red;
    content: "";
    left: 0;
    margin-top: calc(0.125em / 2 * -1);
    position: absolute;
    right: 0;
    top: 52%;
}
.note_bas{
	width: 100%;
	clear: both;
	margin: 2rem 0;
	order: 5;
}
.logo_search{
	display: none;
}



#compatibilite{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-end;
	/*border: 1px solid #444;*/
}
#compatibilite_moteur .as-srp-search-wrapper {
	width: 100%;
	max-width: unset;
}
#compatibilite_moteur .as-alp-searchsubmit {
	top: 5px;
	right: 10px;
	width: 30px;
	height:30px;
}
#compatibilite-reference::placeholder {
  	color: #999;
}
#lien_compatibilite svg{
	height: 25px;
}
	

.piece-stock {
	order: 3;
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #208320;
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 400;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.piece-stock>div>label {
	color: #208320;
	font-size: 10px;
	font-weight: 600;
	font-family: system-ui;
	position: relative;
	top: 5px;
	text-align: right;
	right: 15px;	
}
.piece-stock div * {
/*
	cursor: pointer;
	*/
}
.piece-stock>div>img {
	min-width: 24px;
	width: 24px;
	vertical-align: text-bottom;
	margin: 0 0 3px 0;
}
.stock-info {
	color: #080;
	order: 5;
	font-size: 1.3rem;
	line-height: 1;
	width: 100%;
	margin: 0 0 10px 0;
	font-weight: 200;
	letter-spacing: -.3px;
}
.tva{
	font-size: 1.0rem;
	font-weight: 200;
	line-height: 1;
	color: #666;	
}
.info_livraison, .info_retour{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	margin: 40px 0 0 0;
	/* height: 20px; */
	font-size: 1.4rem;
	width: 100%;
	line-height: 1.0;
	border: solid 1px #ccc;
	padding: 20px 0px 15px 20px;
	align-items: center;
}
.info_retour{
	margin: 0 0 0 0;
	border-top: none;
}
.info_livraison .divimg{
	margin: 0 10px 0 0;
	width: 40px;
}
.info_livraison .divimg img{
	width: 40px;
}
.info_retour .divimg img{
	width: 24px;
}
.info_livraison .divimg, .info_retour .divimg{
	margin: 0 15px 0 0;
	width: 40px;
}
.info_livraison p{
	margin: 0 0 5px 0;
}


.method .main-content p{
	/*
	font-size: 1.5rem;
	color: #333;
	font-weight: 400;
	*/
}
.method.current, .method:hover {
	color: #000;
	border-color: #000000;
	background: #fffdfd;	
	/*cursor: pointer;*/
}
.method.current *, .method *:hover {
	/*cursor: pointer;*/
}
.choix-pieces-type-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	


.pay_check{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 256 256' viewBox='0 0 256 256' style='fill:%23000000'%3E%3Cpath d='m240 2h-224c-7.8 0-14 6.2-14 14v224c0 7.7 6.3 14 14 14h224c7.7 0 14-6.3 14-14v-224c0-7.8-6.2-14-14-14zm-39.1 95-81.9 81.8c-2.7 2.7-6.3 4.1-9.9 4.1s-7.2-1.4-9.9-4.1l-44.2-44.2c-5.5-5.5-5.5-14.3 0-19.8s14.3-5.5 19.8 0l34.3 34.3 72-72c5.5-5.5 14.3-5.5 19.8 0s5.5 14.4 0 19.9z'/%3E%3C/svg%3E");
}
.pay_check_black{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 256 256' viewBox='0 0 256 256' style='fill:%23000000'%3E%3Cpath d='m240 2h-224c-7.8 0-14 6.2-14 14v224c0 7.7 6.3 14 14 14h224c7.7 0 14-6.3 14-14v-224c0-7.8-6.2-14-14-14zm-39.1 95-81.9 81.8c-2.7 2.7-6.3 4.1-9.9 4.1s-7.2-1.4-9.9-4.1l-44.2-44.2c-5.5-5.5-5.5-14.3 0-19.8s14.3-5.5 19.8 0l34.3 34.3 72-72c5.5-5.5 14.3-5.5 19.8 0s5.5 14.4 0 19.9z'/%3E%3C/svg%3E");
}
.pay_uncheck{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 256 256' viewBox='0 0 256 256'%3E%3Cpath d='m86 90h-82c-2.2 0-4-1.8-4-4v-82c0-2.2 1.8-4 4-4h82c2.2 0 4 1.8 4 4v82c0 2.2-1.8 4-4 4zm-78-8h74v-74h-74z' transform='matrix(2.8008 0 0 2.8008 1.964 1.964)'/%3E%3C/svg%3E");			
}

.bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars-on {
	color: #ffdd00!important;
}
	
.choix-pieces-type-container {
	margin: 0 0 15px 0;
}

 .produit-reassurance-foreign {
	 float: left;
	 max-width: 380px;
}
@media (max-width: 799px){
	.produit-reassurance-foreign {
		 float: none;
		 margin: 0 auto 20px auto;
	}
}
.bouton_choix{
	text-align: center;
	text-decoration: none;
	transition: all;
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	border: 0;
	color: #fff;
	background: #000000;
	width: calc(100% - 30px);
	margin: 0;
	padding: 0;
	height: 50px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 2.17px;
	text-transform: uppercase;
	line-height: 50px;
}
.bouton_choix:hover, .bouton_pcok:hover{
	background: #47C0A8;
}
.header-headline-brand a:hover {
	text-decoration: none;
}
.header-headline-brand span img {
	    height: 70px;
    width: auto;
}

.sstt{
	display: block;
	font-size: 2.0rem;
	color: #333333;
	text-transform: uppercase;
	margin: 20px 0 15px 0;
	font-weight: 300;
}
.card-logo {
    padding: 0 8px 10px 0;
    display: inline-block;
}
.card-logo img {
    height: 28px;
	width: auto;
}
	
@media(max-width: 767px){
	.card-logo img {
		height: 20px;
		width: auto;
	}
	.sstt{
		font-size: 1.6rem;
	}
}
		
.valign-middle {
    font-size: 0;
}
#la_reass2 a {
    color: #363842;
    text-decoration: none;
}
		
.img-responsive, .img {
    display: inline-block;
    height: 40px;
    max-width: 100%;
}
		
#la_reass2 .caption {
    font-size: 14px;
    line-height: 1.2;	
    color: #656565;
    display: block;
    margin: 15px auto 25px auto;
    max-width: 250px;
}	
.valign-middle>* {
    display: inline-block;
    float: none;
    font-size: 14px;
    vertical-align: middle;
}



.detail-photo-api {
	position: relative;
	display: inline-block;
}
.zoom-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	overflow: auto;
	cursor: zoom-out;	
}
.overlay img {
	display: block;
	max-width: 90%;
	max-height: 90%;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
}










@media screen and (max-width: 800px){
	.courroie_image, #specification {
		flex-basis: 100%;
		margin-bottom: 10px;
	}
	.courroie_prix, #description {
		flex-basis: 100%;
		padding: 0;
	}
	
	.select_pay {
		 background-size: 12px 12px;
		 background-position: 0px 5px;
		 background-repeat: no-repeat;
		 width: 18px;
	}
	
	.method {
		padding: 5px 4px 4px 4px;
		width: calc(50% - 5px);
	}
	.titre_compatible {
		padding-top: 3px;
	}
	.titre_compatible div:nth-child(1) {
		 font-weight: 500;
		 line-height: 1.1;
		 font-size: 1.4rem;
		 letter-spacing: normal;
	}
	.percent-vp {
		 right: -32%;
		 top: 8px;
	}
	.method .main-content {
		width: calc(100% - 15px);
	}
	#courroie_marques img {
		max-height: 15px;
		max-width: 80px;
	}
	#compatibilite_moteur {
		width: 100%;
		margin: 0 20px;		
	}	
	#tab_catmod_titre div {
		font-size: 1.4rem;
		letter-spacing: 0;
	}	
	#tab_catmod_liste .ligne div {
		font-size: 1.3rem;
		padding: 5px 0 2px 12px;
	}	
	#courroie_marques div {
		margin: 0 20px 15px 0;
	}	
	.nb_avis {
		font-size: 0.9rem;
		padding: 0px 0 0 5px;
		margin: 0;
		vertical-align: initial;
		position: relative;
		top: -2px;
	}
	.bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars-off, .bv-cv2-cleanslate .bv-core-container-133 .bv-inline-rating-container .bv-rating-stars-on {
		font-size: 1.0rem!important;
	}	
	#compatibilite_moteur .as-search-input {
		font-size: 1.4rem;
	}
	#compatibilite_aide{
		font-size: 1.4rem;	
		padding: 3px 0 0 20px;
	}
	#compatibilite_titre{
		font-size: 1.8rem;
		padding: 20px 20px 10px 20px;
	}
	#compatibilite_centre {
		 padding: 0 0 20px 0;
	}
	#liste_reference p {
		 font-size: 1.4rem;
	}
	.affiche_prix {
		 font-size: 1.6rem;
	}	
	.tva {
		 font-size: 0.9rem;
	}	
	.percent-vp {
		font-size: 0.9rem;
	}
	.percent-vp-index {
		 font-size: 1.1rem;
	}	
	.bv-cv2-cleanslate .bv-core-container-133 .bv-stars-container {
		zoom: 0.9!important;
	}
	.avis {
		 margin: 5px 0 0 0;
	}	
	.piece-stock div p {
		font-weight: 400;
		font-size: 1.0rem;
	}	
	.piece-stock>div>p img{
		width: 14px;
		margin-right: 3px;
	}
	.titre_compatible {
	}
	.titre_compatible img {
		 width: 15px;
		 margin: 0px 0 0 8px;
	}	
	.piece-stock div {
		margin: 5px 0 3px 0;
	}

	#avis {
		flex-wrap: wrap;
	}	
	#les_avis {
		width: 100%;
	}	
	#avis_info {
		width: 100%;
		padding: 20px 0 0 0;
		border-left: none;
	}
	
}


@media(max-width: 767px){
	.detail-paiement .card-logo img {
		height: 20px;
		width: auto;
	}
	.detail-photo-zoom{
		order: 1;
		width: 100%;
		padding: 10px 20px 30px 20px;
	}
	.detail-descriptif-api{
		order: 3;
		width: 100%;
		padding: 0 10px;
	}
	.detail-descriptif-api p{
		font-size: 1.2rem;
	}
	#envoi_panier{
		order: 2;
		width: 100%;
		padding: 0 10px;
	}
	.detail-assistance{
		display: none;
	}
	.note_bas{
		order: 4;
	}	
	
	.header-headline-moteur{
		display: none;
		order: 3;
		width: 100%;
		padding: 0;
		margin: 0;
	}	   
    .logo_search {
        display: inline-block;
	    left: 0;
        position: absolute;	
    }
	.overlay img {
		max-width: 100%;
		max-height: 100%;
	}
	.produit-reassurance-foreign p{
		font-size: 1.2rem;
	}
	
}


@media(min-width: 768px){

	.header-headline-moteur {
		display:block;
	}

}

@media(max-width: 768px){

	.header-headline-brand span img {
    height: 50px;
}


}