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

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

html {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}


body {
	font-size: 1rem;
	line-height: 1.5rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */	
}


#bloc{
	padding:0;
	margin: 20px 0 10px 0;
	background-color:#fff;
	border: 1px solid #c7c7c7;
}



.header {
	position: relative;
	background: #fff;
	z-index: 299;
	padding: 10px 0;
}

.header-layout {
	padding-left: .375rem;
	padding-right: .375rem;
	position: relative;
	display: none;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: end;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	margin: 0 auto;
	z-index: 2;
	background-color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
}
.header-layout > .logo a {
	margin: 0 5px 0 10px;
	display: block;
	font-size: 80px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #0b4892;
	vertical-align: bottom;
}
.header-before {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	max-width: 100%;
	padding: 0 10px 8px 0;
}
.header-body {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	min-width: 200px;
	padding-right: 10px;
}
.header-icons {
	margin: 0;
	list-style: none;
	padding: 0 0 .6em
}
.header-icons > li {
	display: inline-block;
	vertical-align: bottom
}
.header-nav {
}
.header-nav-list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	width: 100%
}
.header-nav-list > li {
	margin-right: .75rem;
	margin-left: .75rem;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9375rem;
	font-weight: 600;
	height: 2.25rem;
	display: inline-block;
	line-height: 2.25rem
}
.header-nav-list > li {
	font-family: Helvetica, Arial, sans-serif;
}
.header-nav-list > li:first-child {
	margin-left: 0
}
.header-nav-list a {
	color: inherit
}
.header-nav-list a:hover {
	text-decoration: underline
}






.logo {
	display: inline-block;
	vertical-align: bottom;
	margin-top: 0;
	margin-bottom: 0
}
.logo svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	display: block
}



/*
.wrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
@media screen and (min-width:67em) {
	.wrap {
		max-width: 64rem
	}
}
@media screen and (min-width:89.375em) {
	.wrap {
		width: 75%;
		max-width: 72rem
	}
}

#wrap, .wrap{width: 100%;margin: 0 auto;padding:0;}

*/
#wrap, .wrap{width: 1200px;margin: 0 auto;padding:0;}


.mask {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	padding: 0;
	border: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap
}






.color-not {
	color: #0b4892;
}
.color-support {
	color: #00b9f3;
}
.color-pb {
	color: #cc190f;
}
.color-pd {
    color: #008800;
}
.color-20m {
    color: #686868;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;		
	line-height:1.2;
	letter-spacing: -.01em;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}


/*
.header-nav-list:after {
    content: "";
    box-sizing: content-box;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 2.5em solid #fff;
    background: -webkit-gradient(linear,left top,right top,from(transparent),to(#fff));
    background: linear-gradient(90deg,transparent,#fff);
    pointer-events: none;
    width: 2em;
}
*/










.subheader {
	height: 2.0rem;
}
.subheader-viewport {
	position: relative;
	margin: 0;
	height: 100%;
	overflow: hidden
}
@media screen and (min-width:67em) {
	.subheader-viewport {
		margin: 0 -.5625rem
	}
}
.subheader-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	color: #4c4d4e;
	opacity: 1;
	background: transparent;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: none;
	transition: none;
	line-height: 1
}
.subheader-btn:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 3.125rem;
	pointer-events: none;
	opacity: 1;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.subheader-btn-prev {
	padding-left: .375rem;
	right: auto;
	text-align: left
}
@media screen and (min-width:67em) {
	.subheader-btn-prev {
		padding-left: 0
	}
}
.subheader-btn-prev:before {
	right: auto;
	background: -webkit-gradient(linear, left top, right top, from(currentColor), color-stop(40%, currentColor), to(transparent));
	background: linear-gradient(90deg, currentColor, currentColor 40%, transparent)
}
.subheader-btn-prev:disabled {
	-webkit-transform: translateX(-10em);
	transform: translateX(-10em)
}
.subheader-btn-prev:disabled:before {
	-webkit-transform: translateX(-3.125rem);
	transform: translateX(-3.125rem)
}
.subheader-btn-next {
	padding-right: .375rem;
	left: auto;
	text-align: right
}
@media screen and (min-width:67em) {
	.subheader-btn-next {
		padding-left: 0
	}
}
.subheader-btn-next:before {
	left: auto;
	background: -webkit-gradient(linear, right top, left top, from(currentColor), color-stop(40%, currentColor), to(transparent));
	background: linear-gradient(270deg, currentColor, currentColor 40%, transparent)
}
.subheader-btn-next:disabled {
	-webkit-transform: translateX(10em);
	transform: translateX(10em)
}
.subheader-btn-next:disabled:before {
	-webkit-transform: translateX(3.125rem);
	transform: translateX(3.125rem)
}
.subheader-btn > svg {
	position: relative;
	height: 1rem;
	width: 1rem;
	display: inline-block;
	opacity: 1;
	color: #fff
}
.subheader-btn:disabled {
	box-shadow: none;
	pointer-events: none;
	-webkit-transition: -webkit-transform 0s linear 1s;
	transition: -webkit-transform 0s linear 1s;
	transition: transform 0s linear 1s;
	transition: transform 0s linear 1s, -webkit-transform 0s linear 1s
}
.subheader-btn:disabled > svg {
	opacity: 0
}
.subheader-body {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none
}
.subheader-body::-webkit-scrollbar {
	display: none
}
.subheader-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 2rem;
	list-style: none
}
.subheader-list-item {
	white-space: nowrap;
	margin-left: 10px;
}
.subheader-list-item a, .subheader-list-item p {
	padding: 0;
	font-size: 1.3rem;
	display: block;
	height: 2rem;
	color: #fff;
    line-height: 2.0rem;
    margin: 0;
}
.subheader-list-item a:hover {
	color: #fff;
	-webkit-filter: brightness(100%);
	 filter: brightness(100%);	
}
.subheader-list-item p {
	cursor: pointer;
}

/*
.subheader-list-item p:hover, .subheader-list-item p:active {
	cursor: pointer;
	text-decoration: underline;
}
*/
@media (hover: hover) and (pointer: fine) {
  .subheader-list-item p:hover { text-decoration: underline; }
}


/*
.subheader-list-item p:visited {
	cursor: pointer;
	text-decoration: none;
}
*/

@media screen and (min-width:67em) {
	.subheader-list-item a, .subheader-list-item p  {
		padding-left: .5625rem;
		padding-right: .5625rem
	}
}

.subheader-default {
	background-color: #0b4892;
}
.subheader-default a{
	text-shadow: 0 0 3px #0b4892
}
.subheader-default .subheader-btn {
	color: #0b4892;
}
.subheader-default .subheader-btn > svg {
	-webkit-filter: drop-shadow(0 0 3px #0b4892);
	filter: drop-shadow(0 0 3px #0b4892)
}


@media (max-width:480px) {
	.subheader-list-item:last-child{
		display:none;
	}
	
	.subheader-list-item:nth-child(3) {
		 white-space: normal;
	}
	
	.subheader-list-item a, .subheader-list-item p {
		 font-size: 1.4rem;
		 height: 2rem;
		 line-height: 2rem;
	}	

	#copyright p{
		 font-size: 1.4rem;
		 line-height: 1.4;
	}

	
}









.section-menu-container {
	background-color: #f5f8ff;
}

.section-menu {
}
.header-navigation li.marques, .section-menu.marques, .header-navigation li.problemes, .section-menu.problemes {
    border-color: #0b4892 !important;
}

#problemes-submenu, #marques-submenu{
	display:none;
}

.mytable {
	list-style-type: none;
	margin: 0 10px;
	padding: 5px 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.mytable li {
	margin: 0;
	padding: 0 5px 8px 0;
	font-size: 1.1rem;
	font-weight: 300;
	width: 130px;
}






.breadcrumb-list{
	font-size:0.7rem;
	line-height:1;
	margin: 5px 0 0 10px;
	padding: 0;	
	list-style-type:none;
	font-weight: 700;
	text-transform: uppercase;
}

.breadcrumb-list li{
	display:inline;
vertical-align: top;
	    margin: 0;
}

.breadcrumb-list > li:after {
    content: "›";
    font-size: 1.4em;
    line-height: .5;
    margin-left: .3em;
    margin-right: .3em;
}
.breadcrumb-list > li:last-child:after {
	content: none
}


.breadcrumb-list a {
	-webkit-transition: color .2s linear;
	transition: color .2s linear
	color: inherit;
	text-decoration: none;
		color: #4c4d4e;
}

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


#links table, #main table{
	font-size: 1.0rem;
	margin: 20px 0;
}

@media (max-width:480px) {
	html {
		 font-size: 62.5%;
	}
	
	.mytable li {
		width: 90px;
		font-size: 1.4rem;
	}
	
	#links table, #main table{
		font-size: 1.4rem;
	}

	.breadcrumb-list li {
		 display: inline;
		 vertical-align: top;
		 margin: 0;
	}
}



.banniereHelp2{
	position: relative;
	width: 100%;
	height: 170px;
}
@media (max-width:789px) {
	.banniereHelp2{
		height: 140px;
	}
}


#banniereHelp2-reparateur{
	margin: 20px 0;
}




































































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

a{
	text-decoration:none;
	color:#0062d9;
	cursor: pointer;
}
a:hover{
	text-decoration:underline;
	/*
	-webkit-filter: brightness(60%);
   filter: brightness(60%);
	*/
}
a:focus{
	outline:none;
}



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





::-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;
}


.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 15px 0;
}
ul{
margin:0 0 0 20px;
}
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{
font-size:0.8rem;
text-align:center;
padding:20px 0;
order: 5;
}




























#bloc #links{
float:left;
padding:10px;
width:300px;
height:auto;
vertical-align: top;
overflow:hidden;
}
#bloc #ads{
	float:right;
	height:auto;
	vertical-align:top;
	overflow:hidden;
	padding: 10px 20px;
}
#bloc #main{
float: right;
padding:10px;
width: calc(100% - 300px);
height:auto;
vertical-align:top;
overflow:hidden;
}


#bloc #main_pieces{
/*
	float: left;
    width: calc(100% - 300px - 30px);
*/
    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: 100px;
	height: 100px;
	float: right;
}











































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







/*viewport en CSS*/
@-webkit-viewport{
    width: device-width;
    zoom: 1;
}
@-moz-viewport{
    width: device-width;
    zoom: 1;
}
@-ms-viewport{
    width: device-width;
    zoom: 1;
}
@-o-viewport{
    width: device-width;
    zoom: 1;
}
@viewport{
    width: device-width;
    zoom: 1;
}

/**********************************************/
/************  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_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; 
}

/*************************************************/
/************  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: #333;
	border: #999 solid;
	border-width: 1px 0 1px 1px;
	width: calc(100% - 38px);
	font-size: 1.7rem;
	padding: 3px 0 3px 10px;
	background-color: #f8fbff;
	font-weight: 500;
	outline: 0;
	float: right;
	height: 38px;
}

.zearch_find_loupe{
	float: right;
	width: 38px;
	height: 38px;
	background:  url(/images/zearch_loupe.png) no-repeat;
	outline: 0;
	background-size: contain;
	opacity: 0.85;
}
.zearch_find_loupe:hover{
	outline: 0;
	opacity: 1;
	background-size: contain;
}

.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: 10px 0 0 0;
color: #666;
}


.next b, .next a, .next a:link, .next a:visited{
float:left;
    margin: 0px 12px 6px 0;
    padding: 0 8px;
	line-height: 1.8rem;
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;}


.next b{
background: #014397;
border: 1px solid #014397;
color:white;
}









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

#masque{  
	/*	margin:auto;
	position:fixed;
	position:absolute; 
	z-index:900;

	background-color: #000;
	position: fixed;
	left: 0;
	top: 0; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	z-index:2000;
	*/	
	
	
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	z-index: 2000;
	opacity: 0.9;
	background: #fff;
	top: 0;
	bottom: 0;
	position: fixed;
	left: 0;
	right: 0;	
}




#reparation{
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -340px;
	width:700px;
	z-index:3000;
	border: 3px solid #039;
	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;
}

.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');
}

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

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

#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-reparation,.formulaire-reparation1{
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;
}





















#bloc #extrait_mobile{
	display: none;
}
.fintetePD{
	padding: 0px 5px;
	display: -webkit-box;
	cursor: pointer;
	color: #0b4892;
	font-size: 0.9rem;
    line-height: 1.3;
}
#liste_pd{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.pd_piece{
	padding: 0 10px 20px 0;
	width: 48%;
}
.pd_image{
	margin: 0 auto;	
	text-align: center;
	height: 80px;
	width: 80px;
	display: flex;
	align-items: flex-end;
}

.pd_image img{
	width: auto;
	max-height: 80px;
	cursor:pointer;
}
.pd_texte{
	font-size:1rem;
	line-height: 1;	
	text-decoration:underline;
	color: #0b4892;
	cursor:pointer;
	word-break: keep-all;	
	text-align: center;
	padding-top: 5px;
}
.pd_facultatif{
	display:  none;
}




@media only screen and (min-width:620px) and (max-width:1000px) {
#bloc{
	display: flex;
   flex-wrap: wrap;	
}
.breadcrumb-pd{
	order: 1;
	width: 100%;
}
#bloc #main{
	order: 3;
	width: 100%;
}
#bloc #colonne{
	order: 2;
	display: table-cell;
	padding: 10px;
}
#bloc #ads{
	display: block;
	float:none;
	padding:0;
}

.pd_facultatif{
	display:  none;
}
	
#banniereChat {
    height: 255px !important;
}	
	
	
#bloc #links{display: block; float:none; padding:0;width: 100%}

#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{
		display: flex;
		flex-wrap: wrap;	
	}
	.breadcrumb-pd{
		order: 1;
		width: 100%;
	}
	#bloc #main {
		order: 3;
		display: block;
		width: 100%;
		height: auto;
		padding: 0 10px 20px 10px;
	}
	#bloc #colonne{
        order: 2;
        display: table-cell;
        width: 100%;
        padding: 0 5px;
	}
	
	#bloc #ads{
		width: 100%;
		padding: 0 5px;
	}

	#liste_pd{
		flex-wrap: nowrap;
		width: 100%;
		height: 100px;
		overflow-x: scroll;
	}
	.pd_piece{
		padding: 0 10px 0 0;
		width: 80px;
	}

	.pd_image{
		height: 60px;
		width: 60px;
	}
	.pd_image img{
	}
	.pd_texte{
	}

	.pd_facultatif{
		display: none;
	}

	#bloc #extrait_mobile{
		display:block;
		width:100%;
		height:auto;
		padding: 20px 5px 10px 5px;
	}
	#bloc #links{
		overflow-y: auto;
		margin: 0;
		padding: 5px 5px 0 5px;
		width:100%;
		order: 1;
	}


	#bloc #ads_nobrand{display:none;}

	#bloc #main_nobrand{
	display:block;
	width:100%;
	margin:0;
	padding: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{list-style-type:none}
.bts{border-top:1px solid #c7c7c7}
.bbs{border-bottom:1px solid #c7c7c7}
.bls{border-left:1px solid #c7c7c7}




















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-size:100%}
button{border:none;background:none}
.column{float:left;margin-left:16px;}
.column:first-child{margin-left:0}
.w16{width:152px}
.w20{width:185px}
.w33{width:320px}
.lt-page .w66{width:600px;float:left}
.w50{width:488px}



.header-search{display:none;position:absolute;bottom:-54px;right:0;left:130px;padding-top:4px;height:54px;background:#f8f8f8;}
.search-close{position:absolute;top:50%;right:12px;margin-top:-12px;line-height:24px;color:#4c4d4e;}
.search-close:hover{color:#0b4892}

.site-menu{overflow:hidden;height:52px;}
.site-menu li{float:left;border-right:1px solid #c7c7c7; cursor:pointer;}
.site-menu li{position:relative;display:block;min-width:140px;height:53px;padding:0 12px;border-bottom:4px solid #6684b6;text-align:center;font-weight:bold}
.site-menu li:not(.home) span:before{position:absolute;top:0;left:50%;content:'';margin-left:-9px;width:0;height:0;border-top:9px solid #e7e7e7;border-left:9px solid transparent;border-right:9px solid transparent}
.site-menu li.home{border-left:1px solid #c7c7c7;min-width:0; padding:0;}
.site-menu li.home a{position:relative;display:block;height:53px;border-bottom:4px solid #6684b6;text-align:center;font-weight:bold;color:#6684b6;width:40px;}
.site-menu li.home a:hover{background:#6684b6;color:#fff}



.pb2{padding-bottom:16px !important}
.pl2{padding-left:16px !important}
.pl4{padding-left:32px !important}

/* Modif Lo menu vers le haut */
	z-index:9999;
	top:-110px;
	height:70px;
/* 
top:0;
Modif Lo menu vers le haut */


left:0;overflow:hidden;margin-top:-5px;padding:0;width:100%;-webkit-box-shadow:0 3px 6px 0 #c7c7c7;box-shadow:0 3px 6px 0 #c7c7c7;background:#f8f8f8;border-top:4px solid;border-bottom:0 solid;}

.hot-news .teaser-desc{padding-top:6px}
.hot-news .teaser-title{padding-bottom:0}
.large{padding:3px;}
.large .teaser-media{width:inherit}
.large .teaser-title{min-height:72px}
.hot-news{font-weight:bold}

.teaser-media{position:relative;display:block;background-color:#a1b6d0;
background-repeat:no-repeat;background-position:center;
-webkit-background-size:cover;-moz-background-size:cover;
background-size:cover;width:100%;height:190px;}
.teaser-desc{line-height:1.2;padding:16px 0 0;}
.teaser-title{margin:0 0 6px;padding:0 0 3px 0;font-size:21px;font-size:2.1rem;}
.teaser-title a:hover{color:#0091aa}
.sos-start{position:fixed}
.sos-stop{position:absolute}





/* CSS Document */

/*
.section-tag ul,.section-topic ul{border-top:1px solid #c7c7c7}
.section-tag li,.section-topic li{border-bottom:1px solid #c7c7c7;}
.section-tag li:last-child,.section-topic li:last-child{border-bottom:none}
.section-tag .column-title{padding-left:16px}
.section-tag li{padding:7px 0 7px 16px;font-size:12px;font-size:1.2rem}
*/

.section-tag{
	padding: 10px 5px 0 6px;
}
.section-tag ul li{
    line-height: 16px;
    margin-bottom: 20px;
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
}
.section-tag ul li ul li{
    color: #6C6C6D;
    line-height: 1.7rem;
	font-size:1.4rem;
    font-weight: normal;
	margin:0;
}





/*
.ad-large{margin:6px auto;width:1012px}
*/
.ad-large{margin:10px auto 20px auto;width:1012px !important}

/*
.w16{width:152px}
*/
/*.w16{width:146px !important}
*/

.headline .content{
	background-color: #fff !important;
}
.hat{
	padding: 0 5% 30px 5% !important;
}


/* Les modifs pour les div surgissants */

/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background-color: #084892;
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
	opacity: .40;
z-index:2000;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #084892;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
/*	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
*/
	z-index:3000;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html .popup_block {position: absolute;}

.mytable2 {border-collapse: collapse; margin : 0 auto 20px auto;}
.mytable2 tr td {padding: 2px 12px;font-size:1.3rem;font-weight: 400;color: #333;}


.moteur_1000{display: none; text-align:center; margin: 2rem 0 2rem 0;}

@media only screen and (max-width:1200px) {
	
/*.moteur_1000{display:block;}*/

.site-menu li a{
	position:relative;display:block;min-width:50px;height:53px;padding:0 12px;
	border-bottom:4px solid #6684b6;text-align:center;font-weight:bold}
#wrap, .wrap{width:100%;margin: 0 auto;padding:0;}

}

#div_demande input, #div_garantie input{
	margin:0.5rem 0 0.5rem 3rem;
}






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

#main_pieces h1{
    margin: 0 0 3.5rem 0;
    font-size: 3.2rem;
}
#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: #111;font-weight: 600;font-size: 2.0rem;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;
    word-wrap: break-word;
}

#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;
    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;
    padding: 0 12px;
    display: inline-block;
    position: relative;
    top: 4px;
    line-height: 30px;
    padding: 0;
    font-size: 30px;
    font-size: 3.0rem;
	font-weight: 700;
	text-align:right;
	width:100%;	
}


.sommaire-links-top{
	position:absolute;
	bottom:0;
	width:180px;
}
.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;
	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.5;
	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;*/
 font-style:oblique;
}

blockquote{
	font-style:italic;
	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: 1.7rem;
	line-height: 1.2;
	margin: 0 0 10px 0;
	order: 2;
}
h2, #contenu h2{
	font-size:1.4rem;
	line-height:1.2;
}
p, #contenu p{
font-size:1.5rem;
line-height:1.1;
margin: 0 0 1.1rem 0;
}
body {
	font-size:1.5rem;
	line-height:1.1;
}
.next b, .next a, .next a:link, .next a:visited {
    margin: 0px 5px 5px 5px;
    line-height: 1.3;
}
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;
}

	.breadcrumb-list{
		font-size:0.9rem;
	}


}





.cc_btn_accept_all:after {
content: "\2716" !important;
}
.cc_container {
	background: #014397d1 !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;
}



@media (max-width:1200px) {

	#bloc{
		margin: 0;
		border: none;
	}
}


@media (max-width:480px) {

	.zearch_find{
		height: 34px;
    	width: calc(100% - 34px);
	}
	
	.zearch_find_loupe{
		width: 34px;
		height: 34px;
	}
	
	.header-before{
		padding: 0 10px 23px 0;
	}
	
	.zearch_find_loupe:hover{
	}
	
	table {
		font-size: 1.4rem;
		line-height: 1.5;
	}
	
}




a, a * {cursor: pointer;}

#banniere {
	display:block;
	margin: 0;
}


#bloc #links h2{
	margin: 0 0 10px 0;
}

#bloc #links p{
	margin: 0 0 5px 0;
}


#exemples p{
	font-style: oblique;
}


#list_p{
	margin: 20px 0;
}

#list_p p{
	margin: 0;
}

.taille_notice{
	width: 100%;
}

.taille_notice tr:first-child{
	background-color: #014397;
	color:#fff;
	font-size:1.4rem;
	padding:3px;
	line-height:1.6rem;
	font-weight:bold;
}

.taille_notice td{
	text-align:left;
	padding:3px
}

.taille_notice td:last-child{
	text-align:right;
}

.autres_produits a{
	display: inline-block;
}

.iframe-elptoo{
	border:0px;
	width: 100%;
	height:100%;
}

#sol_flash, #divProduitsPub{
	text-align: center;
}

.bloc_ads_marque { width: 336px; margin: 2rem auto 2rem auto; }
.ads_marque { width: 336px; height: 280px; }
@media (max-width:336px) {
	.bloc_ads_marque { width: 300px;}
	.ads_marque { width: 300px; height: 250px; }
}

.bloc_ads_notice { width: 336px; margin: 2rem auto 2rem auto; }
.ads_notice { width: 336px; height: 280px; }
@media (max-width:336px) {
	.bloc_ads_notice { width: 300px;}
	.ads_notice { width: 300px; height: 250px; }
}

.extrait{
	overflow: scroll;
	word-wrap: break-word;
	white-space: pre-wrap;
	margin-bottom: 20px;
}

.extrait::-webkit-scrollbar {
       width: 0px;
       background: transparent; /* make scrollbar transparent */
}


.iframe-elptoo-problem{
	border:0px;
	width: 100%;
	height:100%;
}



#probleme_help2_container{
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -340px;
	width:600px;
	z-index:3000;
	border: 3px solid blue;
	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;
}


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


#probleme{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	z-index: 3000;
	padding: 25px 25px 0px 25px;	
	background:white;
	behavior: url(/PIE.htc);
	display:none;
	height: 420px;
}

#probleme_help2 {
position: relative;
width: 100%;
height: 370px;
}


@media (min-width:900px) {
	#probleme{
		position: absolute;
		top: 140px;
		left: 50%;
		margin-left: -430px;
		width: 860px;
		z-index: 3000;
		padding: 40px 30px 0px 30px;	
		background:white;
		behavior: url(/PIE.htc);
		display:none;
		height: 250px;
	}

	#probleme_help2 {
		 height: 180px;
	}
}









/* CALQUE RECH_VERT POUR AFFICHAGE DE LA PUB VERS PD */


.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;
    font-weight: 500;
    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 62px 7px 18px;
    width: 100%;
    background: white;
    color: #333;
    outline-color: #0b4892;
    border: none;
    outline: none;	
	
}

.as-alp-searchsubmit {

    position: absolute;
    top: 0px;
    right: 0px;
    width: 67px;
    height: 40px;
    font-size: 2.6rem;
    outline: transparent;
	border: none;
}
	
}
.as-alp-searchsubmit .fas {
	cursor: pointer;	
}


#rech_vert{
	padding: 10px 23px 0px 23px;
	background-color: white;
	color: #0b4892;
	font-size: 1.8rem;
    line-height: 1.2;
}

#rech_vert p{
    margin: 0 0 15px 0;
}

.fancybox-skin {
    background: #fff;
	border: solid 1px #0b4892;
	border-radius: 0;
}

#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: 30px;
}

#rech_plaque img{
	max-width: 85%;
    max-height: 250px;
}

#rech_vert .as-search-box {
    position: relative;
    width: auto;
    margin-top: 0;
    border: 2px solid #0b4892;
}

#rech_vert .as-alp-searchsubmit {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 67px;
    height: 40px;
    font-size: 1.9rem;
    outline: transparent;
    border: none;
    background-color: #0b4892;
	color: #fff;
	text-align: center;
}

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

#rech_vert .as-search-input {
    font-size: 2.0rem;
    line-height: 1.20849;
    font-weight: 300;
    height: 40px;
    padding: 3px 76px 7px 18px;
    width: 100%;
    background: white;
    color: #333;
    outline-color: #0b4892;
    border: none;
    outline: none;
}

.fancybox-skin {
    background: #fff !important;
}


















@media (max-width: 359px){

	#rech_vert .as-search-input {
		font-size: 1.6rem;
		height: 30px;
    	padding: 5px 63px 7px 10px;
	}
	#rech_vert .as-alp-searchsubmit {
		width: 57px;
		height: 30px;
		font-size: 1.6rem;
	}
	#rech_vert {
		font-size: 1.6rem;
	}
}

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

	#rech_vert .as-search-input {
		font-size: 1.6rem;
		height: 30px;
    	padding: 5px 63px 7px 10px;
	}
	#rech_vert .as-alp-searchsubmit {
		width: 57px;
		height: 30px;
		font-size: 1.6rem;
	}
	#rech_vert {
		font-size: 1.6rem;
	}
}



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

	#rech_vert .as-search-input {
		font-size: 2.0rem;
		height: 30px;
    	padding: 5px 63px 7px 10px;
	}
	#rech_vert .as-alp-searchsubmit {
		width: 57px;
		height: 30px;
		font-size: 1.6rem;
	}
	#rech_vert {
		font-size: 1.6rem;
	}

}



@media (max-width: 799px){

	.as-search-input {
		font-size: 1.9rem;
		height: 30px;
		padding: 7px 40px 7px 12px;
	}
	.as-alp-searchsubmit {
		width: 40px;
		height: 30px;
		font-size: 1.9rem;
		color: #333;
	}
	
	.fancybox-wrap, .fancybox-wrap .fancybox-skin{
		width: 100% !important;
		height: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
		top: 0 !important;
		left: 0 !important;
	}
	.fancybox-type-iframe .fancybox-inner{
		width: 100% !important;
		height: 100% !important;
	}
	.fancybox-outer, .fancybox-inner{
		height: 100% !important;
		width: 100% !important;
	}
	.fancybox-close{
		top: 5px !important;
		right: 5px !important;
	}

	#rech_vert {
		min-height: 100vh;
	}

	#rech_plaque img {
		 max-width: 90%;
		 max-height: 200px;
	}
	
	#rech_plaque{
		width: 100%;
		float: none;
		margin: 30px 0 0 0;
	}
	#rech_validation{
		width: 100%;
		float: none;
		margin: 30px 0 20px 0;
	}
}



#banniereChat {
	position:relative;
	display: block;
	height: 220px;
	max-height: 90%;
	z-index: 9001;
	/*
	box-shadow: 0 0 60px 0 rgb(23 52 58 / 100%);
	*/
	padding: 0;
	margin: 10px 0 0 0;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-image: url(/images/problem.jpg);
	background-size: auto 100%;
	background-color: #fff;
	border: 1px solid #888;
}

@media screen and (max-width: 880px){
	#probleme {
		 width: 100%;
		 height: 100%;
		 top: 0;
		 max-width: unset;
		 max-height: unset;
	}
}
	
#banniereChat2 {
    height: 100%;
}

@media (min-width: 768px) and (max-width: 1024px){
	#banniereChat {
		height: 260px;
	}
}

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

}


.fancybox-wrap {
    z-index: 90000 !important;
}