<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.slideCommun{/*max-width:715px;*/ width:100%; overflow:hidden}
.slideCommun .descBas{ background: rgba(0, 0, 0, 0.5); padding: 10px;   text-align: left; position:absolute; min-width:100%; bottom:0; left:0; }
.slideCommun .descBas a, .slideCommun .descBas span{display:inline-block}
.slideCommun .descBas a{display:inline-block;width:170px; height:3em; border:1px solid #02466D; font-weight::normal; font-family:'RobotoLight'; line-height:3em; text-decoration:none; color:#fff; padding-left:1em; zoom:1; font-size:1.5em;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
-o-border-radius: .4em;
border-radius: .4em;
background:#0277BD url(../images/picto_fleche2.png) 11em 1.1em no-repeat;
background:url(../images/picto_fleche2.png) 11em 1.1em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#0277BD), to(#014B78));
background :url(../images/picto_fleche2.png) 11em center no-repeat, -moz-linear-gradient(top, #0277BD 0%, #014B78 100%);
background :url(../images/picto_fleche2.png) 11em 1.1em no-repeat, -ms-linear-gradient(top, #0277BD 0%, #014B78 100%);
 -pie-background: linear-gradient(#0277BD, #014B78);
box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;
-moz-box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;
-o-box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;}
.slideCommun li{position:relative; display:inline-block}
.slideCommun li img{min-width:100%}
.slideCommun .descBas span{ color: #ffffff;  font-size: 1.3em;  width: 65%;}
.slideCommun .descBas h2{  color: #ffffff;  font-size: 16px;}
/*------menu------*/
.btnMenuResp,
.smBrand{display:none}
.menuBrand,
.menuCategorie{pointer-events: none;}
.moteur.hide{display:none}
/*------jssorBrand------*/
#index .brands #jssorBrand{ /*border: 1px solid #bbbbbb; border-radius: 0.5em;*/ height: 69px !important; margin: 0 auto; /*! max-width: 938px !important; */ padding: 0 1.5em;}
#jssorBrand img{width:auto !important; max-height: 50px; top: 10px!important;}
#jssorBrandRef img{ height: auto !important;  max-height: 70px;  max-width: 100px;  width: 100% !important; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%); -moz- transform: translate(-50%,-50%); -ms- transform: translate(-50%,-50%); -o- transform: translate(-50%,-50%); -webkit- transform: translate(-50%,-50%);}
.other .brandsLeft{ height: 106px;}
.other .brandsLeft section{overflow:hidden; height:80px}
#jssorAlsoLink .jssora03l{background:rgba(0, 0, 0, 0) url("../images/fleche-left.png") no-repeat scroll 0 0; top: 40px; left: -4px;}
#jssorAlsoLink .jssora03r{background:rgba(0, 0, 0, 0) url("../images/fleche-right.png") no-repeat scroll 0 0; top: 40px; right: -9px;}
#jssorAlsoLink .jssora03l, 
#jssorAlsoLink .jssora03r {display: block; position: absolute; width: 55px; height: 55px; cursor: pointer; overflow: hidden;}
#jssorAlsoLink {background-color: #fff;  /*border-radius: 0.5em;*/ height: 240px; margin: 0 0.5em; padding: 0 2em;}
#jssorAlsoLink a{color: #000;  font-size: 11px; line-height: 130%;}
#jssorAlsoLink figcaption{height: 70px; margin-top: 0.5em; overflow: hidden;}
#jssorAlsoLink img.offre { bottom: 0 !important; left: 2px; position: absolute; top: 70px !important;  width: auto;	}
#jssorAlsoLink .contentProd{margin-left: 40px; margin-top: 20px;}
#jssorAlsoLink span a{display:inline-block; width:98%; height:2em; border:1px solid #02466D; margin-top:.5em; text-align:center; color:#FFFFFF; text-transform:uppercase; font-size:11px; line-height:2em;
background:#0075BA;
background:-webkit-gradient(linear, left top, left bottom, from(#0075BA), to(#004D7B));
background :-moz-linear-gradient(top, #0075BA 0%, #004D7B 100%);
background :-ms-linear-gradient(top, #0075BA 0%, #004D7B 100%);
-pie-background: linear-gradient(#0075BA, #004D7B);
box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-moz-box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-webkit-box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-o-box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-o-border-radius: .3em;
border-radius: .3em;}
#content section.also{/*overflow:hidden*/}
#liste .content,
#fiche .content{width:100% !important}
#liste .content div{width:auto}
.also .contentAlsoSlide{background-color:#fff;  width: 99.2%; margin: 0 auto; border-radius: 5px;}
/*-------------------liste-----------------------*/
#liste .contentColapse ul li{height:auto}
/*-------------------FICHE-----------------------*/
/*#jssorFiche {position: relative; width: 712px;   height: 550px; overflow: hidden;}*/
#jssorFiche .imgView{height:auto !important; width:auto !important}
#jssorFiche .jssort07 {position: absolute;width: 800px; height: 100px;}
#jssorFiche .jssort07 .p { position: absolute; top: 0; left: 0; width: 99px; height: 110px;}
#jssorFiche .jssort07 .i { position: absolute; top: 30px; left: 0px; width: 99px; height: 66px; /*filter: alpha(opacity=80);*/ opacity: .8;}
#jssorFiche .jssort07 .p:hover .i, .jssort07 .pav .i {  opacity: 1; }
#jssorFiche .jssort07 .o { position: absolute; top: 0px; left: 0px; width: 97px; height: 64px; border: 1px solid #000; box-sizing: content-box; transition: border-color .6s; -moz-transition: border-color .6s; -webkit-transition: border-color .6s; -o-transition: border-color .6s;}
#jssorFiche .jssort07 .pav .o {border-color: #0099ff; }
#jssorFiche .jssort07 .p:hover .o {border-color: #fff; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;}
#jssorFiche .jssort07 .p.pdn .o {border-color: #0099ff;}
#jssorFiche .jssora11l, #jssorFiche  .jssora11r {display: block; position: absolute; width: 45px; height: 75px; cursor: pointer; overflow: hidden;
background-image:url(../images/arrowNav.png); background-repeat:no-repeat}
#jssorFiche .jssora11l{background-position: 0px center;}
#jssorFiche  .jssora11r{background-position: -45px center;}
#jssorFiche .arrowNav{background:#0C0C0C url(../images/fiche.png) top left repeat-x; width: 712px; height: 90px; left: 0px; bottom: 10px;}
#jssorFiche .arrowNav .pav{background:rgba(0, 0, 0, 0) url(../images/fiche-2.png) no-repeat scroll center 1px}
#jssorFiche .arrowNav .contentVignette{top: -20px!important; height: 110px!important;}
/*#fiche .ficheProduit{ margin-bottom: -16px;}*/
.tabs{z-index:0}
/*modif Tolotra*/
@media screen and (max-width: 992px){
	#quote #content{
		background: #aaccff !important;
	}
	.lp-aside-content p{
		color: #222 !important;
	}
	.zurich header .contentLogo .head h1 span{
		color:#0476bd !important;
	}
	#contenu aside{
		padding-right: 0 !important;
	}
}
/*modif Tolotra*/
@media screen and (max-width:980px){
body .slideHome{height:auto !important}
/*#index .brands #jssorBrand{width:99% !important}*/
#contenu,
.footer,
footer p.copy span{width:99%; overflow:hidden}
#content &gt; header{width:97%}#index .brands 
#menu,
#menu ul li:hover ul{display:none}
.btnMenuResp{display:block;  /*position:absolute; top:0;*/ background:rgba(0, 0, 0, 0) url("../images/menu_bg.png") repeat-x scroll left top; z-index:2; height: 45px;  position: relative;}
/*---------------MENU---------------*/
#menu.contMenuResponsive{display:none; height:auto; background:#262626; position:absolute; /*top:0;*/ z-index:5000}
#menu.contMenuResponsive ul{height:auto; min-width: 100%; z-index: 12; width: 100%;}
#menu.contMenuResponsive ul li{display:block;  border-bottom: 1px solid;  /*padding: 7px 5px 7px 10px;*/}
.menuBrand,
.menuCategorie{pointer-events: inherit}
#menu ul ul.smBrand,
#menu ul ul.smCategorie{border-radius:0; border:none; min-width: 0; width: 99.7%;}
#menu ul ul.smBrand li,
#menu ul ul.smCategorie li{border:none}
#menu.contMenuResponsive .smBrand li{float:left}
.toggleResp{  background:rgba(0, 0, 0, 0) url("../images/btnResponsive.jpg") no-repeat scroll center center; height: 40px; position: absolute; right: 10px;  width: 50px; cursor:pointer; bottom:0}
/*#menu ul li a{width:50%; display:block; margin:0 auto}*/
#menu ul ul li{ width: 29%;}
.contentNews{z-index:0}
.slide &gt; aside, 
.moteur,
#fiche .other aside,
#faq .other aside{width: 26%; padding-bottom:7px}
#fiche .other aside .moteur,
#faq .other aside .moteur{width:100%}
/*---------------CONTENU---------------*/
.categorie ul &gt; li{width: 100%;}
.categorie ul &gt; li:first-child { background: url(../images/cat_list_bas.png) no-repeat center; display: block;  width: 100%; height: 93px;}
.categorie ul h3{  margin: 0 auto;  width: 290px;  top: 16px;  position: relative;  text-align:center}
#list-cat &gt; li{width:16%}
.moteur select{margin: 0 auto 5px;}
.moteur footer{padding-top:0}
.brLign{display:none}
.categorie ul li h3 strong{ margin-top: 5px; display: block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .slide aside.moteur { min-height:10px !important;}/*hacke*/
::i-block-chrome,.slide aside.moteur{min-height:10px !important;}}

.carousel-2 li img{position: relative; left: -25px;}
#index .brands{width: 99.5%;}
#index .brands #jssorBrand{padding:0}
#index .brands #jssorBrand img{/*max-height:50%*/}
#index .contentList ul li{ width: 46%; border: none!important;}
/*----also----*/
.also ul li span a{height:auto;}
.also ul li img {left: 50%; position: absolute; top: 50%;  transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.also ul li p img.offre{ 
transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none;}
/*---------------FOOTER---------------*/
.footer aside{width: 32%;}
.footer section{width: 64%;}
footer p.copy span{width: 90%;}
footer p.copy{background:none}
/*---------------LISTE---------------*/
#liste .contentList .ajaxise li{width:42%; border: none;}
#liste .other &gt; aside{width:26%}		
#jssorAlsoLink .jssora03r{right:0}
.contentList ul li span a{width:160px}
#liste figcaption .desc{display:none}
/*---------------geo---------------*/
#geo .other{width: 100%;}
#geo .inMap{margin: 20px;}
#geo .inMap ul li{margin: 10px auto 0 10px; width: 43%;}
#geo .inMap ul li select{width:100%}
#geo .other &gt; aside{ margin-right: 1%; width: 26%;}
#geo .other,
#geo .other &gt; aside,
#geo .other &gt; .contentList{float:left; display:block}
#geo .other &gt; .contentList{width: 66%;}
#geo .other .onMap #map{max-width:100%; height:auto}
#geo .inMap ul li span a{margin: 5px 0; display: block;}
#geo .onMap {display:none}
/*----------------pagination----------------*/
.contentList footer a{margin-bottom: 10px;}
/*---------------FICHE---------------*/
#fiche .content div{width:auto}
body div.wizy ul{margin-left: 1%; width: 48.5%;}
.contentColapse{min-width:100%}
body div.wizy ul ul{min-width:100%}
.tabs .content-2{min-width: 96.5%}
#fiche .quoteBack{width: 95.7%;}
body div.wizy ul li{padding-left:0 !important; margin-left: 17px;}
#fiche .contentList .goto_car_quotes{/*! width: 150px; */ display:block; margin: 15px auto 0;}
#fiche .tel{width: auto; display: block;  float: right;  margin-right: 20px; }
.tabs .scrolltab label{ width: 155px;  height: auto; line-height: 120%;  min-height: 36px;  padding-top: 5px;}
/*---------------quote---------------*/
#quote #contenu #contentForm{width: 73%; z-index: 0;}
#quote #contentForm p span.submitIt{width: 47%;}
/*#quote #contentForm{background: #FFFFFF; }*/
#quote #contenu{background:none}
#quote #formulaire textarea{max-width:240px; min-height:140px; resize:vertical;  margin-bottom: 15px;}
#quote #contentForm p input.input_date_picker{width: 208px;}
#quote #formulaire .hasDatepicker{width: 192px;}
#quote .bottomCar{max-width: 270px;}
/*---------------version en ligne---------------*/
#liste .rsSociaux .RsCone{ margin-right: 10px!important;}
#index .contentList ul li p{height:auto}
}
@media screen and (max-width:767px){
#content header section{float:none; width: 45%; text-align:left}	
.slide &gt; aside, .moteur,
.slideHome{display: block; width: 100%; margin-top: 10px;}
#index .brands #jssorBrand img { /*max-height: 70%;*/}
/*.categorie ul &gt; li:first-child{ width: 27%;}
.categorie ul &gt; li {width: 72%;}*/
#menu ul ul li { width: 47%;}
.other &gt; aside{ width: 34%;}
.other &gt; div{width: 63%;}
.footer aside{ width: 100%; padding-left: 20px;   margin-bottom: 30px;}
.footer section{width:100%; margin:0; padding:0}
.footer span.quotation a{ width: 130px; float: right; margin-right: 10px;}
#list-cat &gt; li {width: 20%;}
.footer aside span.legal a,
.footer section p{font-size: 12px; line-height: 200%;}
.europe ul li{width:99%}
.other &gt; aside{display:none}
#index .other &gt; aside{display:block; width:99%}
#index .europe figure{text-align:center}
#content .contentList{float:none; width:100%; margin-top:20px}	
.also ul li span a{line-height: 100%; padding:2px}
/*.also ul li .figDesc{display:none}*/
.also .contentAlsoSlide{  width: 98%;}
/*---------------geo---------------*/
#geo .other &gt; aside{display:none}
#geo .other &gt; .contentList {width: 99.5%;}
/*---------------FICHE---------------*/
#jssorFiche{margin:0 auto}
#faq .other &gt; aside,
#fiche .other &gt; aside{display:block; width: 99%;}

#fiche .other &gt; aside .europe,
#fiche .other &gt; aside .ref,
#fiche .other &gt; aside .brandsLeft,
#faq .other aside .europe,
#faq .other &gt; aside .ref,
#faq .other &gt; aside .brandsLeft{display:none}
/*---------------quote---------------*/
#quote #contenu aside {display:none}
#quote #contenu #contentForm{ display: block; margin: 0 auto; width: 86%;}
#quote #contentForm p label{width: 37%;}
/*---------------faq---------------*/

#faq #content .contentList{/*background-color:pink*/}
#liste .slideHome,
#index aside .europe,
#index aside .ref{display:none}
}
@media(max-width: 600px){
	.geneva .lp-aside-content p {
	    color: #222;
	}
}
@media screen and (max-width:532px){
/*-----------header-----------*/
#content header .contentLogo{width: 100%; }
#content header .contentLogo .head{width: 66%; float: right;  margin-top: 5px;}
#content header section{width: 99%; display: block;text-align:center}
#index .brands #jssorBrand {}
.slideCommun li{min-height: 259px;}
.slideCommun .descBas a, 
.slideCommun .descBas span {display: block;}
.slideCommun .descBas a{ width: 200px; margin-top: 10px;}
.slideCommun .descBas span {width:95%}
#menu ul ul li { width: 99%;}

.contentList ul li p img.offre{left:32%}
.contImg {height: 250px!important; /*top: 7px!important;*/}
.other &gt; aside { width: 99%;  display: block;}
.europe figure{text-align: center;}
.other &gt; div {width: 99%; float: none;}
#liste .other &gt; aside{display:none}	
/*------------INDEX------------*/

#index .categorie #list-cat{text-align:center}
#index .contentList ul li p{text-align:center}
#index .contentList ul li span a { display: block; margin: 0 auto;}
#index .contentList ul li{width:99%; padding-left:0}
#index .contentList ul li p,
#liste .contentList ul li p{height:auto; overflow: inherit;}

/*------------LISTE------------*/
#liste .contentList ul li figure figcaption{height: auto;}
#liste .contentList .ajaxise li{ width: 92%;}
#liste .contentList ul li figure p{min-width:100%; text-align:center}
#liste .contentList ul li img { width: auto; top: 0!important; /*max-width: 200px;*/}
#liste .contentList ul li{height:auto}
#liste .contentList ul li img{top: auto !important;}
/*---------------geo---------------*/
#geo .inMap ul li{ width: 85%;}
/*---------------FICHE---------------*/
body div.wizy ul{width: 98.5%;}
#fiche .guarante,
#fiche .tel,
#fiche .goto_car_quotes{display:block;  width: 87%; text-align: left; margin-top: 10px;  margin-left: 0; float: none;}
#fiche .goto_car_quotes{margin: 0 auto;}
#fiche .quoteBack {width: 94.5%; margin: 0 auto;}
#fiche .contentAlsoSlide .goto_car_quotes{margin:10px; text-align: center;}
.tabs .scrolltab label{min-width:100%; float:none; height: auto; border-radius:0; padding-left: 0; margin-left: 0; min-height: 0; /*line-height: 150%;*/}
/*---------------quote---------------*/
#quote #contenu #contentForm{width: 75%;}
#quote #contentForm p label{width: 100%; margin-bottom: 5px;}
#quote #contentForm p input[type="text"],
#quote #formulaire .hasDatepicker{/*width: 185px;*/ margin-right:0}
#quote #contentForm p input[type="text"]#nom{ margin-right: 0; width: 160px;}
#quote #formulaire .img_calendar{margin-right:0}
#quote #contentForm p span.submitIt{position: relative; top: -40px; width: 87%;}
#quote #formulaire textarea{max-width: 100%;}
#quote #formulaire #tel_indicatif{text-align: center; width: 37px;}
#quote #formulaire .addMore{margin: 10px 0;}

#content .contentList,
#liste .contentList h2,
#liste .contentList ul li figure{text-align:center}
#liste .contentList ul li{}
#geo #contenu .inMap{text-align:left}

#liste .contentList ul li{padding-left: 13px;}
#liste .contentList h2{min-height:0}
.tabs .scrolltab label{/*! line-height: 240%; */}

}
/*Modif Tolotra*/
@media(max-width: 380px){	
	.landing-page #content header.lp-header .contentLogo .head h1 {
	    font-size: 36px;
	}
	.landing-page .lp-main-bloc .lp-contenu-bloc .lp-contentForm form{
		width: 100% !important;
		max-width: 320px;
	}
	#contentForm p select.court {
	    width: 40px;
	    margin-right: 5px;
	}
	#quote #contentForm p input#nom[type="text"] {
	    margin-right: 0;
	    /*width: 215px !important;*/
	}
	.landing-page #contentForm.lp-contentForm p select:not(.lp-name-input){
		width: 87% !important;
		padding: 2% !important;
	}
	#quote #contentForm p input[type="text"], #quote #formulaire .hasDatepicker {
	    margin-right: 0;
	    width: 97% !important;
	}
	#quote #contentForm p input.input_date_picker,#quote #formulaire p input.hasDatepicker{
		width: 86% !important;
	}
	#quote #formulaire textarea {
	    max-width: 100%;
	    width: 97% !important;
	}
	#quote #formulaire .addMore {
	    margin: 10px 0 10px 6px !important;
	}
}
/*Modif Tolotra*/
@media screen and (max-width:360px){
.contentList ul li p img.offre{left: 23%;}
.tabs .content-2 {min-width: 92.5%;}
}
@media screen and (max-width:320px){
.also .contentAlsoSlide{width: 97.5%;}
a.alsoPrev, a.alsoNext{top: 160px;}
#fiche .quoteBack{width: 91.5%;}
/*Modif Tolotra*/
}
@media(max-width: 980){
	.content .lp-aside-content &gt; p{
		color: red !important;
	}
}
/*modifs Tolotra Ny Aina - avril 2017*/
@media(max-width:980px){
	.moteur header{
		margin: 15px;
	}
}
@media(max-width:1199px){
	.moteur select{margin: 0 auto 5px;}
  .moteur footer{padding-top:0}
}
@media(min-width:768px){
   .slide{
      background: url(../images/moteur_home_lg.jpg) top left/contain no-repeat;
   }
   .slide .moteur{
      background: transparent;
      border:none;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      -o-box-shadow: none;
   	}
	.langTel{
		padding-right: 15px
	}
}
@media(min-width:768px) and (max-width:980px){
   .slideHome{
      margin-left: 10px;
   }
	.slide header{
		font-size: 1.6em
	}
	.slide .moteur footer{
		width: 100px
	}
}</pre></body></html>