/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}


/* WEBFONTS
--------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'lato'; font-weight:900;
    src: url('inc/webFonts/lato-black-webfont.eot');
    src: url('inc/webFonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/webFonts/lato-black-webfont.woff') format('woff'),
         url('inc/webFonts/lato-black-webfont.ttf') format('truetype'),
         url('inc/webFonts/lato-black-webfont.svg#lato') font-weight:900;  format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('inc/webFonts/lato-bold-webfont.eot');
    src: url('inc/webFonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/webFonts/lato-bold-webfont.woff') format('woff'),
         url('inc/webFonts/lato-bold-webfont.ttf') format('truetype'),
         url('inc/webFonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('inc/webFonts/lato-regular-webfont.eot');
    src: url('inc/webFonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/webFonts/lato-regular-webfont.woff') format('woff'),
         url('inc/webFonts/lato-regular-webfont.ttf') format('truetype'),
         url('inc/webFonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* BODY ET HTML
--------------------------------------------------------------------------------------- */

body{background: #FFFCF8; color: #616151;	font-size: 13px; line-height: 150%;
	font-family: "latoregular", Arial, Verdana; text-align: left; font-weight: normal;}

html{}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{text-decoration:none;}
/*a:visited{color:#666;}*/
a:hover, a:focus{color:#000;text-decoration:none;}
a:active{color:#20201c; text-decoration:none;}

h1{color:#616151; font-size:30px; line-height: 1.1; margin-bottom:25px; text-transform: uppercase; font-family: 'lato'; font-weight:900; }
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{color:#616151; font-size:20px; margin-bottom:15px; font-family: 'lato'; font-weight:900; }
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

h3{color:#616151; font-size:16px; margin-bottom:15px; font-family: 'lato'; font-weight:900; }

blockquote, q{quotes:none; margin:1em 0;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
blockquote, q, cite{font-style:italic;}
blockquote{padding-left: 1.625em; border-left:4px solid #666;}
blockquote > p {padding: 0;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

hr{margin:10px 0; background-color:#CCC; height:1px; border:none;}

.incTinyMce{line-height:170%;}
.incTinyMce p{margin-bottom:1em;}
.incTinyMce ul li, .incTinyMce ol ul li{list-style: url(gx/main/liste_image.png); margin-left:16px;}
.incTinyMce ul ul li{list-style: url(gx/main/liste_image.png);}
.incTinyMce ol li, .incTinyMce ul ol li{list-style:decimal; margin-left:23px;}
.incTinyMce ol ol li{list-style:lower-alpha;}
.incTinyMce img {background: #fff; margin: 10px 0; padding: 4px; border: 1px solid #d9d8ce;}

.video {
    height: 315px;
    width: 560px;
}

/*.textePetit{font-size:11px;}*/

/* Méthode de clear float */
.both, .clearBoth{clear:both;}

/* Méthode alternative */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix{zoom:1;}


.droite .petit{
  display: block;
  text-align: right;
  font-size: 12px;
  margin-top: 10px;
}
.detailDroite_col1 p.prix{text-align: right;}
.prix .petit{
  display: block;
  text-align: right;
  font-size: 12px;
}

/* CTAS
--------------------------------------------------------------------------------------- */
#divCTAAccueil{
  padding: 80px 0;
}
#divCTA{
  display: flex;
  flex-wrap: wrap;
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  justify-content: space-between;
}

#divCTA *{
  box-sizing: border-box;
}
#divCTAAccueil .cta{
  margin-top: 0;
}
.cta{
  display: flex;
  align-items: center;
  text-align: center;
  width: 225px;
  max-width: 100%;
  height: 130px;
  padding: 10px 8px;
  margin-top: 20px;
  border: 1px solid #a44f07;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeae5f+0,e89228+2,df6a1d+100 */
  background: rgb(238,174,95); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(238,174,95,1) 0%, rgba(232,146,40,1) 2%, rgba(223,106,29,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeae5f', endColorstr='#df6a1d',GradientType=0 ); /* IE6-9 */
}
.cta:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfc+0,f9e6d7+100 */
  background: rgb(253,253,252); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(253,253,252,1) 0%, rgba(249,230,215,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(253,253,252,1) 0%,rgba(249,230,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(253,253,252,1) 0%,rgba(249,230,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfc', endColorstr='#f9e6d7',GradientType=0 ); /* IE6-9 */
}

.cta p{
  width: 100%;
  color: #fff;
  font-family: "Lato";
  font-weight: 900;
  font-size: 13px;
}
.cta p span{
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.4;
}
.cta:hover p{
  color: #e0731d;
}

#divAside #divCTA{
  flex-direction: column;
}

/* CTAS Principaux */
a.CTANeuf 	 	{background: url(gx/CTA/CTA_neuf.png) no-repeat; width: 300px; height: 134px; }
a.CTANeuf p  	{color: #20201c; font-family: 'latobold';}
a.CTAOccasion 	{background: url(gx/CTA/CTA_occasion.png) no-repeat; width: 300px; height: 134px; }
a.CTAOccasion p {color: #fde04f; font-family: 'latobold';}
a.CTAPromo 	 	{background: url(gx/CTA/CTA_promo.png) no-repeat; width: 300px; height: 134px; }
a.CTAPromo p 	{color: #7e7f72; font-family: 'latoregular';}
a.CTANeuf:hover, a.CTAOccasion:hover, a.CTAPromo:hover {background-position: 0 -134px;}

/* CTA Page Détail */
a.CTAQuestion { display: block; background: url(gx/CTA/cta3.jpg) no-repeat; text-align:center; width: 219px; height: 124px; position: relative; margin-top: 25px; box-shadow: 0px 2px 2px #d5d5d5;}
a.CTAQuestion span {display:block; color: #FDE04F; font-size: 12px; font-family: 'latobold'; padding-top: 22px; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; line-height: 16px; text-shadow: 1px 1px #4e503b;}
a.CTAQuestion p {
    color: #FFF;
    display: block;
    font-size: 24px;
    font-family: 'lato';
    font-weight: 900;
    letter-spacing: 0px;
    line-height: 26px;
    margin: 6px 0 0 0;
    text-transform: uppercase;
}
a.CTAQuestion:hover {background: url(gx/CTA/cta3_over.jpg) no-repeat;}
a.CTAQuestion:hover span, a.CTAQuestion:hover p {color: #000;}

a.CTAQuestion.vrNeuf {background: url(gx/CTA/cta1.jpg) no-repeat;}
a.CTAQuestion.vrNeuf span {
    color: #20201c;
    text-shadow: 1px 1px #a44f07;
}
a.CTAQuestion.vrNeuf:hover {background: url(gx/CTA/cta1_over.jpg) no-repeat;}
a.CTAQuestion.vrNeuf:hover span {color: #FFF;}
a.CTAQuestion.vrNeuf:hover p {color: #000;}

a.CTAQuestion.promo {background: url(gx/CTA/cta2.jpg) no-repeat;}
a.CTAQuestion.promo span {
    color: #7e7f72;
    text-shadow: 1px 1px #c5aa32;
}
a.CTAQuestion.promo:hover {background: url(gx/CTA/cta2_over.jpg) no-repeat;}
a.CTAQuestion.promo:hover span {color: #000;}

a.CTAQuestion.contact {background: url(gx/CTA/cta4.jpg) no-repeat;}
a.CTAQuestion.contact p {
    padding-top:50px;
    font-size:17px;
}
a.CTAQuestion.contact:hover {background: url(gx/CTA/cta4_over.jpg) no-repeat;}

a.CTAQuestion.vrOffre {background: url(gx/CTA/cta5.jpg) no-repeat;}
a.CTAQuestion.vrOffre p {font-size: 20px;}
a.CTAQuestion.vrOffre span {padding-top:17px; color:#000; text-shadow: 1px 1px #8A8A8A;}
a.CTAQuestion.vrOffre:hover {background: url(gx/CTA/cta5_over.jpg) no-repeat;}


#formOffreF{width: 531px; height: 502px; padding: 0 15px;}
#formOffreF .unChamp{float:left; width: 50%; height: 70px;}
#formOffreF .unChamp .champTexte{width: 85%; border-radius:5px; border:1px solid #cdcdcd; height: 22px;}
#formOffreF label{font-family: 'latobold'; font-size:13px;}
/*#formOffreF .echangeur{margin-right:15px;}*/
#formOffreF .echangeurTexte{margin-right:15px; margin-left:5px;}
#formOffreF .leBoutonSub{text-align: center;height: 50px;width: 100%;float: left;}
#formOffreF .leBoutonSub input{ float:none; margin-top:25px;}

.specialOffre{font-size: 32px;
text-align: center;
text-transform: uppercase;
height: 70px;
background: #e3e3e3;
line-height: 70px;}

/*div.CTAQuestion a.btnVert  {background:transparent url(gx/banniere/btn_banniereVert.png) no-repeat; color: #fff;}
div.CTAQuestion a.btnVert:hover {background-position: 0 -41px;}
div.CTAQuestion a.btnVert:hover p  {color: #000; background-position: 0 -41px;}*/

/* CTAS Page Nous joindre */
a.CTAFacebook {background: url(gx/CTA/CTA_facebook.png) no-repeat; display: block; width: 297px; height: 53px; position: relative;}
a.CTATwitter {background: url(gx/CTA/CTA_twitter.png) no-repeat; display: block; width: 297px; height: 53px; position: relative;}
a.CTAFacebook p, a.CTATwitter p {color: #fff; font-size: 16px; font-family: 'lato'; font-weight:900;  position: absolute; top: 8px; left: 15px; margin: 0; }
a.CTAFacebook span, a.CTATwitter span {color: #fff; font-size: 12px; position: absolute; top: 25px; left: 15px; font-family: 'latoregular';}
a.CTAFacebook:hover, a.CTATwitter:hover {background-position: 0 -53px;}
a.CTAFacebook:hover p, a.CTATwitter:hover p, a.CTAFacebook:hover span, a.CTATwitter:hover span {color: #000;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 12px; margin-bottom:10px; padding:5px;}
legend{border: 1px solid #999; color:#000; font-size:14px; font-family: 'latobold'; padding:3px;}
/*Règle ajoutée pour garder la même mise en forme partout pour ces éléments*/
label,input,textarea,select,option,button {font-size: 12px; font-family: "Lato", Arial;}
label.erreur{color:#cc0000;}
input.erreur, textarea.erreur, select.erreur{border:1px solid #cc0000;}

.champTexte{
	padding:5px;
}
.listeDeroulante{
	padding:5px;
}
.champFichier{
	padding:5px;
}
.boiteTexte{
	resize:none;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.avertissement{text-align:center; color:#DBA400; background-color:#FFE9A8; border:1px #DBA400 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000}

/* Styles personnalisés  des formulaires */
#formContact, #formFinancement, #formInfolettre {background: #fff; padding: 25px; border: 1px solid #d9d8ce; margin-bottom: 35px;}
#formRenseignement {padding: 15px; margin-right: 15px;}
#formFinancement {background: #fff; padding: 25px 15px; border: 1px solid #d9d8ce; margin-bottom: 35px;}
#formInfolettre {width: 300px;}
#formInfolettre p.erreur {width: 90%;}

.formulaireBase h3 {padding: 15px 0; margin: 25px 0 5px 0; }
.formulaireBase label { display: block; padding: 10px 0 5px 0; text-transform: uppercase; font-size: 10px;}

.formulaireBase .champTexte{width:94%;}
.formulaireBase .boiteTexte{padding:5px; height:120px; width:94%; resize:vertical;}

/* Formulaire de financement */
#formFinancement.formulaireBase .formulaireBase-col div select {padding: 5px;}
#formFinancement.formulaireBase .formulaireBase-col div select.listeDeroulante {width: 100%;}
#formFinancement.formulaireBase .formulaireBase-col div label {font-size: 9px;}
#formFinancement.formulaireBase .formulaireBase-col div {width: 196px; margin-right: 10px; float: left; }
#formFinancement.formulaireBase .formulaireBase-col div.dernier {float: right; margin: 0;}

/* Bouton orange */
#formRenseignement input.degradeOrange {margin-right: 20px;}
#formInfolettre input.degradeOrange {margin-right: 3px;}

.formulaireBase input.degradeOrange {background: url(gx/main/btn_form.png) no-repeat; margin-top: 14px; border: none; cursor: pointer; width: 131px; height: 41px; float: right; font-size: 14px; font-family: 'lato'; font-weight:900;  text-transform: uppercase;}
.formulaireBase input.degradeOrange:hover {color: #fff; background-position: 0 -42px;}

/* Un bug empêchait le formulaire de s'afficher dans IE6 */
div.fixIE6_formRenseignement {position: absolute; top:-9999px; left: -9999px; color: transparent;}


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#divHaut {
  margin: 0 auto;
  height: 120px;
  zoom: 1;
  position: fixed;
  top: 0;
  background: #fff;
  text-align: center;
  width: 100%;
  -webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 15%);
  box-shadow: 2px 2px 6px rgb(0 0 0 / 15%);
  z-index: 1001;
}
#divHaut .conteneur{position: relative;  height: 120px;}

#haut 	 {background: url(gx/main/ombre_top.png) repeat-x; width: 100%; height: 14px; margin-bottom: -14px; position: relative; z-index: 100;}

#divContenu {background-color: #f5f4ea; border-bottom: 1px solid #d9d8ce; padding-top: 145px; padding-bottom: 50px;}
#contenu 	{padding-top: 25px; min-height:650px; height:auto !important; height:650px;}

#divPied 	{background-color: #666;}

.conteneur 	{ margin:0 auto; max-width:960px; width: 100%; }

/* Disposition des divs des pages internes */
#divPageInterne {width: 640px; margin-right: 20px; float: left;}
#divAside {width: 300px; float: left; margin-top: 50px;}

/* Disposition des pages avec menu à gauche */
#divListe {width: 740px; margin-left: 20px; float: left;}
#divAsideListe {width: 200px; float: left;}

/* Dégradé retrouvé dans certaines entêtes */
.degradeVert {
	font-family: 'lato'; font-weight:900;  text-transform: uppercase; color: #fff; font-size: 16px;
	border: 1px solid #52533a;	background: url(gx/main/bg_degradeVert.jpg) ;
}

/*#logo {
    float: left;
}

#logo img {
    width: 140px;
    height: 100px;
    padding-top: 4px;
}

@media only screen and (max-width: 790px) {
  #logo img {
    padding-left: 20px;
    width: 120px;
    height: 80px;
  }
}*/


/* MENUS
--------------------------------------------------------------------------------------- */

/* Menu principal */
ul.menu 	 {position: absolute; right: 0; bottom: 25px;}
ul.menu li 	 {float:left; position: relative; height: 100%;}
ul.menu li a {display: block; color: #616151; text-transform: uppercase; font-family: 'lato'; font-weight:900;  margin-right:10px; padding: 5px; text-decoration: none;}
ul.menu li a:hover {color:#000;}
ul.menu li a.actif {color:#20201c;}
ul.menu li.dernier a{margin: 0;}

/* Sous-Menu - DropDown */
ul.menu li.avecSousMenu:hover  a{background: #666756; color: #fff;}
ul.menu ul 		{display: none; position: absolute; top: 29px; left: 0; width: 120px; background: #666756;}
ul.menu ul li 	{float: none; width: 100%; }
ul.menu ul li a {color: #fff; border: none; display: block; padding:5px; height: 100%; text-transform: none; font-family: 'latobold'; font-size: 13px;}
ul.menu li.avecSousMenu ul li a:hover {color: #000;}

/* Navigation secondaire */
ul.menuSec 	  {float: right; font-size:12px; text-align: right; }
ul.menuSec li {float: left; width: auto; padding:5px 7px; height: 25px;}
ul.menuSec li.telephone {background: #666756; padding: 3px 20px 0px 20px; color: #fff; font-size: 13px; font-family: 'latobold'; margin-right: 10px;}
ul.menuSec li.telephone a { color: #fff; }
ul.menuSec a  {color: #616151; font-size: 12px; font-family: 'latoregular';}
ul.menuSec a:hover  {color: #000;}
ul.menuSec li.dernier a {padding-right:0;}

/* Liens sociaux */
ul.menuSec li.tw, ul.menuSec li.fb {padding: 2px;}
ul.menuSec li.tw a{background: url(gx/main/btn_twitter.png) no-repeat; width: 25px; height: 25px; display: block;  }
ul.menuSec li.tw a:hover {background-position:0 -26px;}
ul.menuSec li.fb a{background: url(gx/main/btn_facebook.png) no-repeat; width: 25px; height: 25px; display: block; }
ul.menuSec li.fb a:hover {background-position:0 -26px;}


.btn-recherche, .MobileOnly { display: none; }

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

/*Bannière d'accueil*/

#divBanniere {background: #f5f4ea;position: relative;  width: 100%; overflow: hidden; }

.bannieres_container {width:1920px; height:445px; position: absolute; left: 50%; margin-left: -960px;}
.bannieres_container div {width:1920px; height:445px; display:block; position: relative; }

.bannieres_container div div {position: absolute; top:0; left:480px; text-align: center; width: 960px;}

.bannieres_container div div p {font-size: 60px; line-height: 100%; margin-top: 40px; margin-bottom: 25px;}
.bannieres_container div div p span {font-family: 'latobold';}
.bannieres_container div div p.blanc {color:#fff;}
.bannieres_container div div a {width: 170px; height: 41px; /* display: block; */ margin: 0 auto;}
.bannieres_container div div a p {font-size: 13px; text-transform: none; font-family: 'latobold'; font-weight: 700; margin: 0; padding-top: 15px;}
.bannieres_container div div a.btnVert  {background:transparent url(gx/banniere/btn_banniereVert.png) no-repeat; color: #fff;}
.bannieres_container div div a.btnVert:hover {background-position: 0 -41px;}
.bannieres_container div div a.btnVert:hover p  {color: #000; background-position: 0 -41px;}
.bannieres_container div div a.btnJaune {background:transparent url(gx/banniere/btn_banniereJaune.png) no-repeat; color: #000;}
.bannieres_container div div a.btnJaune:hover p {color: #e0741d;}



/* Formulaire de recherche - Page d'accueil */
#divRechercheAccueil { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10;}
#divRechercheAccueil div.conteneur {padding: 0; background: #fff;border-bottom: 1px solid #bfbfbf;}
#divRechercheAccueil div.degradeVert {
  border: 1px solid #a44f07;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeae5f+0,e89228+2,df6a1d+100 */
  background: rgb(238,174,95); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(238,174,95,1) 0%, rgba(232,146,40,1) 2%, rgba(223,106,29,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeae5f', endColorstr='#df6a1d',GradientType=0 ); /* IE6-9 */
}
#divRechercheAccueil div.degradeVert p {padding: 15px 25px;}

#divRechercheAccueil form{
  padding: 15px 0px 25px 0;
  box-sizing: border-box;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#divRechercheAccueil form .flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#divRechercheAccueil form .flex .col{
  width: calc(25% - 30px);
  margin-top: 10px;
  position: relative;
}
#divRechercheAccueil form .flex .col.btn{
  padding-top: 19px;
}
#divRechercheAccueil form label{
  margin: 0;
  display: block;
  float: none;
  width: auto;
}

#divRechercheAccueil form select{
  width: 100%!important;
  height: 35px !important;
}
#divRechercheAccueil form span.customSelect{
  width: 100%!important;
}
.wrapVideo {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	}

	.wrapVideo iframe,
	.wrapVideo object,
	.wrapVideo embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.itemParPage .wrapSelect{
  width: 70px;
  display: inline-block;
  position: relative;
}
.itemParPage span.customSelect{
  width: 100%;
}
body span.customSelect .customSelectInner{
  background-image: url(gx/main/flecheSelect.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  width: 100% !important;
}

#divRechercheAccueil form input.btnRecherche {
  border: none;
  width: 100%;
  height: 35px;
  cursor: pointer;
  line-height: 0;
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff;
  font-family: 'Lato';
  font-size: 13px;
  border: 1px solid #a44f07;
  font-weight: 900;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: rgb(238,174,95); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(238,174,95,1) 0%, rgba(232,146,40,1) 2%, rgba(223,106,29,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeae5f', endColorstr='#df6a1d',GradientType=0 ); /* IE6-9 */
}
#divRechercheAccueil form input.btnRecherche:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7661a+0,e89228+100 */
  background: rgb(215,102,26); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(215,102,26,1) 0%, rgba(232,146,40,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(215,102,26,1) 0%,rgba(232,146,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(215,102,26,1) 0%,rgba(232,146,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7661a', endColorstr='#e89228',GradientType=0 ); /* IE6-9 */
}

.nouvellesAccueil{
  border-top: 1px solid #ccc;
  margin-top: 45px;
  padding-top: 30px;
}
.nouvellesAccueil .flex{
  display: flex;
  justify-content: space-between;
}
.nouvellesAccueil .flex .nouvelle{
  width: calc(50% - 30px);
}
.nouvellesAccueil *{
  box-sizing: border-box;
}
.nouvellesAccueil .flex .nouvelle .laDate{
  font-weight: 900;
  font-family: "Lato";
  color: #dd5a04;
  display: block;
  font-size: 13px;
}

.nouvellesAccueil .flex .nouvelle h3{
  color: #5e5e51;
  font-size: 15px;
  font-weight: 900;
  font-family: "Lato";
  margin-bottom: 0;
}

.nouvellesAccueil .nouvelle a.wrapPhoto{
  display: inline-block;
}
.nouvellesAccueil .nouvelle a.wrapPhoto:hover{
  opacity: 0.8;
}
.nouvellesAccueil .nouvelle a.wrapPhoto img{
  vertical-align: bottom;
  border: 6px solid #fff;
  margin-bottom: 10px;
  max-width: 100%;
}


#formRecherche label  {float: left; margin-top:10px; margin-left: 15px; text-transform: uppercase; font-family: 'latobold'; font-size: 10px;}
#formRecherche select { text-transform: none; }
#formRecherche input.submitBtnRecherche {font-size: 0; color: transparent; line-height: 0; float: left; margin-left: 15px; margin-top: 24px; background: url(gx/main/btn_rechercheAccueil.png) no-repeat; border: none; text-indent: -9999px; display: block; width: 70px; height: 41px; cursor: pointer;}
#formRecherche input.submitBtnRecherche:hover {background-position: 0 -42px;}

/* Boîtes SELECT Custom */
/* span.customSelect {
  background: url(gx/main/btn_selectRechercheAccueil.png) no-repeat; width: 156px; text-transform: none;  color: #616151; padding: 10px 0; border: 1px solid transparent; margin-top: -6px;
} */
span.customSelect {
  text-transform: none;  color: #616151; padding: 7px 0; border: 1px solid #d4d4d4;
  border-radius: 4px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,e2e2e2+100 */
  background: rgb(254,254,254); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

span.customSelect.customSelectHover {
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,fefefe+100 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}
span.customSelect.customSelectFocus {border: 1px dotted #e0741d; }
span.customSelectInner {padding-left: 15px;box-sizing: border-box;padding-right: 20px;}

/* Liste des produits vedettes */
#listeVedette h2, #listePromoAcc h2 {font-size:24px; text-transform: uppercase; font-family: 'latobold';}
#listeVedette div{width: 210px;  margin-right: 40px; margin-bottom: 50px; float: left; height: 225px;}
#listeVedette div.dernier, #listePromoAcc div.dernier{float:left; margin:0;}
#listeVedette img, #listePromoAcc img {background: #fff; padding: 4px; border: 1px solid #d9d8ce; margin-bottom: 5px;}
#listeVedette h4, #listePromoAcc h4{font-size: 17px; font-family: 'latobold';}
#listeVedette span, #listePromoAcc span{font-family: 'lato'; font-weight:900; }
#listeVedette a.droite, #listePromoAcc a.droite {float: right;}

#listePromoAcc div{width: 210px;  margin-right: 40px; margin-bottom: 50px; float: left; height: 275px;}
#listePromoAcc{margin-top:40px;}


a.btnVedette  {background:transparent url(gx/banniere/btn_banniereVert.png) no-repeat; color: #fff; width: 170px; height: 41px; display: block; margin: 0 auto;}
a.btnVedette p {font-size: 13px; text-transform: none; font-family: 'latobold'; font-weight: 700; margin: 0; padding-top: 10px; text-align: center;}
a.btnVedette:hover {background-position: 0 -41px;}
a.btnVedette:hover p {color: #000;}

/* Div d'informations de la page d'accueil */
#divInfoAccueil {background: #f5f4ea; border-top: 1px solid #d9d8ce; border-bottom: 1px solid #d9d8ce; padding: 25px 0;}


#popup{text-align: center; background-color:#415d24;border: 1px solid #d9d8ce; }
#popup #header{background-color: #fff;}
#popup h1{color:#e0741d;font-size:22px;margin:0px;padding:20px 0;line-height: 130%;}

#popContenu{background: url(gx/main/ombre_top.png) repeat-x; width: 100%;padding:30px 0 0 0;color:#fff;font-size: 18px;font-weight: bold;line-height:120%;}
#popContenu p{padding:0 40px;}

#popContenu img {background: #fff; padding: 4px; border: 1px solid #d9d8ce; margin-bottom: 5px; width: 95%; margin-bottom:20px;}

#popContenu a.bouton{margin:0 0 20px 0;}

/* 04_100, 05_100, 06_100 : PAGES LISTE
--------------------------------------------------------------------------------------- */
#filtreMarque .QuatreSaisons{
  font-weight: 700;
  font-family: 'Lato';
  color:#e27c2c;
  font-size: 14px;
  text-transform: none;
  margin-left: 5px;
}
/* Entête avec dégradé */
#divAsideListe p {padding:13px 15px;font-size: 20px;font-family: 'Lato';font-weight: 900;
text-transform: none;}

#divAsideListe p.degradeVert{
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-color: #a44f07;
  border-bottom: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeae5f+0,e89228+2,df6a1d+100 */
  background: rgb(238,174,95); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(238,174,95,1) 0%, rgba(232,146,40,1) 2%, rgba(223,106,29,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeae5f', endColorstr='#df6a1d',GradientType=0 ); /* IE6-9 */

}

/* Menu des filtres */
ul.menuListe {background: #fff; border: 1px solid #999;}
ul.menuListe a{text-transform: uppercase; font-size: 16px; font-family: 'latobold'; color: #616151;}
ul.menuListe a:hover {color:#000;}
ul.menuListe li > span {position: relative; padding:5px 0; font-size: 20px; font-family: 'Lato'; font-weight: 900; display: block;}
ul.menuListe span:hover {cursor: pointer; color: #000;}
ul.menuListe li {padding: 5px 0; margin: 0 15px;}
ul.menuListe > li {
  border-bottom: 1px solid #616050;
}
ul.menuListe li > span:after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 12px;
  display: block;
  background-image: url(gx/main/accordeon.png);
  background-repeat: no-repeat;
}
ul.menuListe li > span.actif:after{
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

ul.menuListe > li:last-child {border-bottom: none;}
ul.menuListe li li {margin:0;}
ul.menuListe li input {}
ul.menuListe label {margin-left: 5px;}
ul.menuListe label:hover {color: #000; cursor: pointer;}

/* Sous-Menu des filtres */
ul.menuListe ul {display: none;}
ul.menuListe ul.actif {display: block;}
/*ul.menuListe li.actif  {list-style: url(gx/main/liste_imagePetitActif.png);}*/
ul.menuListe li.actif a{color:#20201c;}
ul.menuListe li.actif a:hover {color:#000;}
/*ul.menuListe li li {list-style: url(gx/main/liste_imagePetit.png); margin-left: 20px;}*/
/*ul.menuListe li li:hover {}*/
ul.menuListe li li a{text-transform: none; font-size: 14px; font-family: 'latoregular'; }


.menuListe input[type=checkbox] {
  position: absolute;
  z-index: -1;
  width: 12px;
  height: 12px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransmenuListe.Microsoft.Alpha(Opacity=0)";
}
.menuListe input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 0 0;
  width: auto;
  float: none;
  color: #616151;
  font: 400 12px/14px latoregular;
  position: relative;
  padding-left: 20px;
  padding-right: 0;
}
.menuListe input[type=checkbox] + label > span:first-of-type {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0;
  vertical-align: middle;
  border: 1px solid #000;
  cursor: pointer;
  background: #fff;
  position: absolute;
  top: -1px;
  left: 0px;
  box-shadow: none;
  transition: background 0.15s linear 0s, border 0.15s linear 0s, color 0.15s linear 0s;
}
.menuListe input[type=checkbox] + label > span:first-of-type:before {
  content: "\2713";
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 1px;
  left: -1px;
  text-indent: 3px;
  color: #fff;
  opacity: 0;
  transition: background 0.15s linear 0s, border 0.15s linear 0s, color 0.15s linear 0s,  opacity 0.15s linear 0s;
}
.menuListe input[type=checkbox]:checked + label > span:first-of-type:before {
  opacity: 1;
}
.menuListe input[type=checkbox]:checked + label > span:first-of-type {
  border: 1px solid #a44f07;
  background: rgb(238,174,95);
  background: -moz-linear-gradient(top, rgba(238,174,95,1) 0%, rgba(232,146,40,1) 2%, rgba(223,106,29,1) 100%);
  background: -webkit-linear-gradient(top, rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%);
  background: linear-gradient(to bottom, rgba(238,174,95,1) 0%,rgba(232,146,40,1) 2%,rgba(223,106,29,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeae5f', endColorstr='#df6a1d',GradientType=0 );
}
.menuListe input[type=checkbox]:checked:hover + label > span:first-of-type { border-color: #a44f07;}
.menuListe input[type=checkbox]:disabled + label {  cursor: not-allowed; color: gray;}
.menuListe input[type=checkbox]:disabled + label > span:first-of-type:before { opacity: 0; color: #fff;}
.menuListe input[type=checkbox]:disabled + label > span:first-of-type { cursor: not-allowed; border-color: gray; background: gray;}
.menuListe input[type=checkbox]:disabled:hover + label > span:first-of-type { border: 1px solid gray;}
.menuListe input[type=checkbox]:focus + label > span:first-of-type { border: 1px solid #a44f07;}
.menuListe input[type=checkbox]:focus:checked + label > span:first-of-type { border-color: #a44f07;}
.menuListe input[type=checkbox]:hover + label > span:first-of-type { border: 1px solid #a44f07;}
.menuListe input[type=checkbox]:focus + label > span { outline: none;}

/* Div pour chaque item */
.divItem {border-top: #bebfac 1px solid; padding: 30px 0;}
.divItem b   {font-family: 'latobold'; font-weight: normal;}
.divItem img {background: #fff; padding: 4px; border: 1px solid #d9d8ce; float: left;}
.divItem > div {float: left; margin-left: 25px; min-height: 130px;}
#divListe .divItem > div{width:505px;}
#divPageInterne .divItem > div{width:405px;}
.divItem p.anneeItem {line-height: 0; text-transform: uppercase;}
.divItem p.QuatreSaisonsItem {margin: 0;line-height: 0.2;font-family: 'lato'; font-weight:700; color: #e0741d;font-size: 15px;}
.divItem span.droite, .divItem a.droite {float: right;}
.divItem span.droite {font-size: 18px; font-family: 'lato'; font-weight:900; }
.divItem a.droite {font-size: 14px; font-family: 'latoregular'; font-weight: 700;}
.divItem a h3 {font-size: 18px; font-family: 'lato'; font-weight:900; }
.divItem a:hover h3 {color: #000;}

#wrapiconsLien{
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 30px;
  text-align: right;
}

#wrapiconsLien #iconsStats{
  flex: 1 1 auto;
  margin: 0;
}

#wrapiconsLien .detail{
  font-size: 14px;
  font-family: 'latoregular';
  font-weight: 700;
  display: inline-block;
}

/*Pagination de bas de page*/
#divPagination {
  border-top: #bebfac 1px solid; padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pagination li{display: inline; padding: 5px;}
#pagination a {color: #7e7f72;}
#pagination a:hover {text-decoration: underline;}

#pagination .module_pagination_libelle {display: none;}
#pagination .module_pagination span { margin: 0 7px;}
#pagination .module_pagination_page {float: left;}
#pagination .module_pagination_pagecourante    {color: #20201c; padding-top: 1px;}
#pagination .module_pagination_pageprecedente a{background: url(gx/main/btn_pagination.png) no-repeat; width: 21px; height: 22px; display: block; float: left; text-indent: -9999px; color: transparent; line-height: 0;}
#pagination .module_pagination_pageprecedente a:hover {background-position: -21px;}

#pagination span.module_pagination_pagesuivante, #pagination span.module_pagination_pageprecedente {margin: 0;}
#pagination span.module_pagination_pagesuivante {margin-left: 10px;}
#pagination span.module_pagination_pageprecedente {margin-right: 10px;}
#pagination .module_pagination_pagesuivante   a{background: url(gx/main/btn_pagination.png) -63px no-repeat; width: 21px; height: 22px; display: block; float: left; text-indent: -9999px; color: transparent; line-height: 0;}
#pagination .module_pagination_pagesuivante   a:hover {background-position: -42px;}


/* 04_110 ET 05_110 : PAGES DÉTAIL
--------------------------------------------------------------------------------------- */

/* Div de gauche */
#detailGauche {width: 405px; margin-right: 110px; float: left;}
#detailGauche img {background: #fff; padding: 4px; border: 1px solid #d9d8ce;}

body #iconsStats img{
  background: none;
  border: none;
  padding: 0;
}
body #iconsStats{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
  min-height: auto;
  margin-left: 0;
  float: none;
  width: auto;
}
body #iconsStats div{
  display: flex;
  align-items: center;
  width: auto;
}
body #iconsStats div + div{
  margin-left: 30px;
}
body #iconsStats div span{
  margin-left: 15px;
}

#prixDetail{
  display: flex;
  margin-top: 15px;
  align-items: center;
}
#detailGauche #prixDetail p.prix{
  margin-top: 0;
}
#prixDetail div{
  flex: 1 1 auto;
}
#prixParMois p{text-align: right;}

#detailGauche h2.caracteristique{
  font-family: 'Lato';
  font-size: 14px;
}

#detailGauche table {width: 225px; margin-bottom: 25px;}
#detailGauche table td {font-size: 12px;}
#detailGauche table td.titre {width: 50%; text-transform: uppercase; font-size: 10px;}


.photosCarousel {
    display: block;
    height: 280px;
    width: 400px;
}
.photosCarousel_lnk {
    display: block;
    float: left;
    height: 290px;
    width: 410px;
}

/* Div de droite */
#detailDroite {width: 225px; float: left; }
#detailDroite * {box-sizing: border-box;}
#detailGauche p.prix,#detailDroite p.prix {font-size: 18px; font-family: 'lato'; font-weight:900;  margin: 15px 0;}

/* Liens pour les documents */
a.document {display: block; background: url(gx/main/btn_documentPdf.png) no-repeat; height: 30px; padding-top: 4px; padding-left: 30px; color: #616151;}
a.document:hover {color: #000;}

#detailGauche h2, #detailDroite h2 {font-size: 13px; text-transform: uppercase; font-family: 'latobold'; margin: 15px 0;}

/* Carousel de photos */
#divCarousel, .sansCarousel {margin: 25px 0;position: relative; width: 410px;}

#photosCarousel {width: 410px; height: 280px; }

#paginationCarousel {width: 410px; height: 90px; margin-top: 5px;}
#paginationCarousel img         {
    float: left;
    cursor: pointer;
    height: 70px;
    width: 95px;
    margin: 0 10px;
}
#paginationCarousel img         {opacity: 0.5; filter: alpha(opacity=50);}
#paginationCarousel img:hover   {opacity: 1; filter: alpha(opacity=100); }
#paginationCarousel img.selected{opacity: 1; filter: alpha(opacity=100); }


a.btn_prev, a.btn_next {width: 21px; height: 22px; zoom:1; position: absolute; bottom: 30px; z-index: 1000; display: block; text-indent: -9999px; color: transparent; line-height: 0;  }

a.btn_prev {left: 0; background: url(gx/main/btn_pagination.png) no-repeat; left: 0;}
a.btn_prev:hover {background-position: -21px;}
a.btn_next {right: 0;background: url(gx/main/btn_pagination.png) -63px no-repeat; right: 0;}
a.btn_next:hover {background-position: -42px;}
p.note {font-size: 12px; line-height: 13px; margin-top: 10px;}

.dispo{
  color: #e37217;
    border: 1px solid #e37217;
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
  }

/* 06_100 : PAGE PROMO
--------------------------------------------------------------------------------------- */
div.detailPromo {}
div.detailPromo img {background: #fff; padding: 4px; border: 1px solid #d9d8ce; float: left; margin-right: 15px;}


/* Boutons de partage */
.btnPartageGoogle      {width:85px;float:left; }
.btnPartageTwitter     {width:125px;float:left;}
.btnPartageLinkedIn    {width:110px;float:left;}
.btnPartagePinterest   {width:110px;float:left;}
.btnPartageStumbleUpon {width:110px;float:left;}
.btnPartageFacebook    {width:155px;float:left;}


/* 10_100 : PAGE SPÉCIALITÉ
--------------------------------------------------------------------------------------- */

.banniere-specialite {
    height: 340px;
    position: relative;
    top: -50px;
    margin-bottom: -10px;
    padding: 100px 25%;
    text-align: center;
}
.banniere-specialite_titre {
    color: #fff;
    line-height: 1.1;
    margin: 0 auto 30px auto;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width: 80%;
}
.banniere-specialite_txt {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.colonne {
    float: left;
    margin-right: 3%;
    width: 47%;
}
.specialite_txt p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.specialite_titre {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.specialite_cta {
    margin: 40px auto 25px auto;
    width: 665px;
}
.specialite_ctaNeuf, .specialite_ctaNeuf:link, .specialite_ctaNeuf:visited, .specialite_ctaNeuf:hover, .specialite_ctaNeuf:active {
    background: url(gx/10/cta_neuf.jpg) no-repeat;
    color: #20201c;
    display: inline-block;
    font-size: 16px;
    height: 70px;
    margin: 15px;
    padding: 30px 40px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    width: 216px;
}
.specialite_ctaOccasion, .specialite_ctaOccasion:link, .specialite_ctaOccasion:visited, .specialite_ctaOccasion:hover, .specialite_ctaOccasion:active {
    background: url(gx/10/cta_occasion.jpg) no-repeat;
    color: #fde04f;
    display: inline-block;
    font-size: 16px;
    height: 70px;
    margin: 15px;
    padding: 30px 40px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    width: 215px;
}
.cta_emphase {
    color: #fff;
    display: block;
    font-size: 24px;
    padding: 10px 0;
    text-shadow: none;
}

.specialite_marque {
    background: #f5f4ea;
    border-bottom: 1px solid #d9d8ce;
    border-top: 1px solid #d9d8ce;
    padding: 45px 0 60px 0;
}
.marques_ctn {
    margin: 0 auto;
    width: 960px;
}
.marque-slider_item {
    display: inline-block;
    height: 50px;
    margin: 20px 15px;
    text-align: center;
    vertical-align: middle;
    width: 215px;
}
.marque-slider_item:first-child { margin-left: 0; }
.marque-slider_item:last-child { margin-right: 0; }
.marque-slider_item-img { display: inline-block; }

/* STRATE SUR L'ACCUEIL */
.strate-specialite {
    margin-top: 50px;
    overflow: hidden;
}
.strate-specialite_colPhoto {
    float: left;
    width: 495px;
}
.strate-specialite_img {
    border: 5px solid #fff;
    box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.strate-specialite_colTexte { overflow: hidden; }
.strate-specialite_titre {
    font-size: 30px;
    line-height: 1.06;
}
.bouton, .bouton:link, .bouton:visited, .bouton:hover, .bouton:active {
    background: #e89228;
    background: -moz-linear-gradient(top,  #e89228 0%, #d7661a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e89228), color-stop(100%,#d7661a));
    background: -webkit-linear-gradient(top,  #e89228 0%,#d7661a 100%);
    background: -o-linear-gradient(top,  #e89228 0%,#d7661a 100%);
    background: -ms-linear-gradient(top,  #e89228 0%,#d7661a 100%);
    background: linear-gradient(to bottom,  #e89228 0%,#d7661a 100%);
    border: 1px solid #a44f07;
    border-radius: 3px;
    box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-size: 13px;
    line-height: 2.5;
    padding: 0 25px;
}

/* 11_100 : PAGE NOUVELLES
--------------------------------------------------------------------------------------- */

.nouvellesWrapper {
    margin-top: 10px;
}

.nouvelleBoite {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #cacacd;
}

.nouvelleBoite:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.photonouvelle img {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: auto;
}

.nouvelleTexte {
    width: 500px;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0 10px;
}

#divNouvelleDetail {
    width: 100%;
}

.nouvelleDetailTitre {
    max-width: 600px;
}

.nouvelleDetailImage {
    display: inline-block;
    vertical-align: top;
}

.nouvelleDetailImage img {
    width: 260px;
    height: auto;
}

.nouvelleDetailTexte {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    margin: 10px 0 0 20px;
}

.nouvelleDetailTexte .partageNouvelleDetailWrapper {
    margin-top: 20px;
}

@media only screen and (max-width:769px) {
  body #divBanniere #divRechercheAccueil form .flex .col{
    width: calc(50% - 10px);
    margin-top: 10px;
  }
    .nouvelleTexte {
        width: 70%;
    }
    .nouvelleDetailTitre {
        font-size: 22px;
        max-width: 400px;
    }

    .nouvelleDetailImage img {
        width: 120px;
    }
}

@media only screen and (max-width:540px) {

    .nouvelleBoite {
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .nouvelleTexte {
        width: 100%;
    }

    .photonouvelle img {
        width: 100%;
    }

    .nouvelleTexte {
        margin: 15px 0 0 0;
    }

    .nouvelleDetailImage, .nouvelleDetailImage img {
        width: 100%;
    }

    .nouvelleDetailTexte {
        width: 100%;
        margin: 10px 0 0 0;
    }
}


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#iframeCarteGoogle{background: #fff; padding: 4px; border: 1px solid #d9d8ce; margin-top: 25px; height: 430px; width: 620px; }
p.lienGoogleMap {text-align: right; margin-right: 10px;}

#divAside .pageContact {width: 295px;}
#divAside .pageContact h4 {font-size: 16px; font-family: 'lato'; font-weight:900;  margin-left: 5px;}

/* CTA Infolettre */
#CTAInfolettre {background: url(gx/CTA/CTA_infolettre.png) no-repeat; width:631px; height: 134px; position: relative; margin-top: 15px;}
#CTAInfolettre div {position: absolute; top: 20px; left: 20px; font-size: 24px; color: #fff; width: 35%; font-family: 'lato'; font-weight:900; }
#formCTAInfolettre {position: absolute; top: 20px; right: 20px; width: 265px; font-size: 14px; color: #fff;}
#formCTAInfolettre span {font-size: 10px; color: #a44f07; text-transform: uppercase; display: block;}
#formCTAInfolettre #Courriel {border: none; background: none; height: 25px; width: 225px; margin-top: 8px;float: left;}
#formCTAInfolettre #btnInfolettre {border: none; background: url(gx/main/btn_infolettre.png) no-repeat; margin-top: 10px; margin-left: 2px; margin-right: 8px; width: 30px; height: 22px; cursor: pointer; float: left;}
#formCTAInfolettre #btnInfolettre:hover {background-position: 0 -24px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{padding:10px 0 10px 0; font-size:12px;}
#piedPage a{text-decoration:none; color: #616151; font-family: 'latoregular';}
#piedPage a:hover{color: #000;}
#piedPage a.actif{color:#20201c;}
#piedPage a.actif:hover{color:#000;}
#piedPage #copyrights{margin-top: 30px; margin-bottom: 50px; font-size: 10px; text-transform: uppercase;}

/* Navigation en bas-de-page */
ul.menuBas {margin: 15px 0;}
ul.menuBas li a {text-transform: uppercase;}
ul.menuBas li{float: left; width: 19%; margin-right: 1%;}
ul.menuBas li.dernier {float: right; margin: 0;}
ul.menuBas p{text-transform: uppercase;}
ul.menuBas div b {text-transform: uppercase;}
#piedPage div.adr a {text-transform: none; font-family: 'latobold';}

#piedtexte {float:left; color:#7d7b83; text-decoration:none; max-width:980px; font-size:11px ; text-align:left; padding: 0 0 0 0;}
#piedtexte a{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#7d7b83;}

/*Véhicules en promotion - Ajout PL 27 Avril*/

.PrixBarre{text-decoration: line-through; color: #e0741d;}
#detailGauche p.prix.PrixRabais,#detailDroite p.prix.PrixRabais, h3.PrixRabais{font-size:14px; color: #e0741d;}



/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */


@media only screen and (max-width: 980px) {
  #wrapiconsLien{
    flex-direction: column;
  }
  #wrapiconsLien #iconsStats{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #wrapiconsLien .detail{
    margin-top: 20px;
    align-self: flex-end;
  }
  #divCTAAccueil{
    padding: 20px 0px 40px;
    box-sizing: border-box;
  }
  #divCTAAccueil #divCTA{
    padding: 0 20px;
    box-sizing: border-box;
  }
  #divCTAAccueil #divCTA .cta{
    width: calc(50% - 10px);
    margin-top: 20px;
  }
    #divHaut {
        height: 150px;
    }
    #divHaut .conteneur {
      height: 150px;
  }
    ul.menuSec { margin: 60px 15px 0 0; }
    ul.menuSec li.telephone {
        margin: 0;
        position: absolute;
        top: 0; right: 0;
    }
    ul.menu { bottom: 5px; right: 10px; }

    .conteneur { max-width: 768px; }
    #contenu {
        min-height: 0;
        padding: 30px 3%;
        width: 94%;
    }

    #divRechercheAccueil {
        background: none;
        position: static;
    }
    #divRechercheAccueil div.conteneur {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    }
    /*#divBanniere {
        height: 375px;
        overflow: visible;
    }*/

    .bannieres_container {
        height: 178px;
        margin-left: -384px;
        width: 768px;
    }
    .bannieres_container div, .bannieres_container img {
        height: 178px;
        width: 768px;
    }
    .bannieres_container div div {
        left: 384px;
        width: 768px;
    }
    .bannieres_container div div a {
        height: 100%;
        width: 100%;
    }

    body #divRechercheAccueil form .flex .col {
        width: calc(25% - 20px);
        margin-top: 10px;
    }

    #formRecherche label { margin-left: 20px; }

    #formRecherche input.submitBtnRecherche {
        background: #eeae5f url(gx/main/i_loupe.png) no-repeat 83% 55%;
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -moz-linear-gradient(top,  #eeae5f 0%, #df6a1d 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeae5f), color-stop(100%,#df6a1d));
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -webkit-linear-gradient(top,  #eeae5f 0%,#df6a1d 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -o-linear-gradient(top,  #eeae5f 0%,#df6a1d 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -ms-linear-gradient(top,  #eeae5f 0%,#df6a1d 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, linear-gradient(to bottom,  #eeae5f 0%,#df6a1d 100%);
        border: 1px solid #a44f07;
        border-radius: 3px;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        height: 35px;
        line-height: 35px;
        margin: 30px 0 0 20px;
        text-indent: 0;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
        width: 225px;
    }
    #formRecherche input.submitBtnRecherche:hover {
        background: #df6a1d url(gx/main/i_loupe.png) no-repeat 83% 55%;
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -moz-linear-gradient(top,  #df6a1d 0%, #eeae5f 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6a1d), color-stop(100%,#eeae5f));
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -webkit-linear-gradient(top,  #df6a1d 0%,#eeae5f 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -o-linear-gradient(top,  #df6a1d 0%,#eeae5f 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, -ms-linear-gradient(top,  #df6a1d 0%,#eeae5f 100%);
        background: url(gx/main/i_loupe.png) no-repeat 83% 55%, linear-gradient(to bottom,  #df6a1d 0%,#eeae5f 100%);
    }

    #divContenu { padding-top: 170px; }

    #listeVedette, #listePromoAcc { padding: 0 2.5%; }
    #listeVedette h2, #listePromoAcc h2 { margin: 0 0 15px 2.5%; }
    #listeVedette div, #listeVedette div.dernier, #listePromoAcc div, #listePromoAcc div.dernier {
        margin: 0 2% 40px 2%;
        width: 214px;
    }

    .strate-specialite { padding: 0 3%; }
    .strate-specialite_colPhoto { width: 50%; }
    .strate-specialite_img { width: 90%; }

    #divInfoAccueil { padding: 25px 4%; }

    .incTinyMce table, .incTinyMce tr, .incTinyMce td { display: block; }
    .incTinyMce td {
        margin-bottom: 15px;
        width: 100% !important;
    }

    ul.menuBas { margin-bottom: 0; }
    ul.menuBas li {
        height: 170px;
        width: 29% !important;
    }
    ul.menuBas li.dernier { float: left; }

    #piedPage {
        padding: 0 4%;
        width: 92%;
    }
    #piedPage #copyrights { margin: 0 0 30px 0; }
    #piedtexte { max-width: 768px; }


    /* PAGE INTERNE */
    #divPageInterne {
        float: none;
        margin: 0;
        width: 100%;
    }
    #divAside { margin-top: 25px; }
    #divAside, #divAside .pageContact { width: 100%; }
    #divAside #divCTA a {
        float: left;
        margin-left: 2%;
    }

    #divListe {
        margin-left: 5%;
        width: 75%;
    }
    #divAsideListe { width: 20%; }

    /* PAGE LISTING DE PRODUIT */
    #divListe .divItem > div {
        overflow: hidden;
        margin-left: 4%;
        width: 61%;
    }
     #divListe .divItem a img {
        width: 33%;
     }

     /* PAGE DÉTAIL DE PRODUIT */
     #detailGauche {
        float: none;
        width: 100%;
     }
     #detailDroite {
        float: none;
        width: 100%;
     }

     .detailDroite_col1 {
        display: none;
     }
     .detailDroite_col2 {
        float: right;
        width: 100%;
     }
     .detailDroite_col2 .cta { width: 100%;max-width: 400px;}

    #divCarousel { width: 100%; }
    .photosCarousel {
        display: block;
        height: 400px;
        width: calc(100% - 10px);
    }
    .photosCarousel_lnk {
        display: block;
        height: auto;
        width: 100%;
    }

    /* FINANCEMENT */
    .formulaireBase div div.dernier { float: left; }

    /* NOUS JOINDRE */
    #iframeCarteGoogle {
        width: 99%;
        width: calc(100% - 10px);
    }
    #formContact .champTexte, #formContact .boiteTexte { width: 98%; }

    /* 10_100: PAGE SPÉCIALITÉ */
    .banniere-specialite { padding: 100px 10% 0 10%; }
    .marques_ctn { width: 750px; }
    .marque-slider_item-img { max-width: 100%; }

    #formOffreF {
        height: auto;
        width: 280px;
    }
    #formOffreF .unChamp {
        float: none;
        height: auto;
        width: 100%;
    }
}


@media only screen and (min-width: 768px) {
  .menuListe { display: block!important; }
}
@media only screen and (max-width: 768px) {
  body .detailDroite_col2 .cta { max-width: none;}

    body .nouvellesAccueil{
      padding-left: 20px;
      padding-right: 20px;
    }
    body .nouvellesAccueil .flex .nouvelle{
      width: calc(50% - 10px);
    }
    ul.menu, ul.menuSec, ul.menuBas { display: none; }
    .MobileOnly { display: block; }

    .i_facebook {
        background: url(gx/main/i_facebook.png) no-repeat;
        display: block;
        float: right;
        height: 32px;
        margin-top: -7px;
        width: 32px;
    }

    /*#logo img {
        width: 62px;
        height: 40px;
        margin-left: 25px;
    }*/

    #divHaut { height: 50px; background: #fff;}

    #divHaut .conteneur {
      height: 50px;
  }

    .btn-recherche {
        background: url(gx/main/i_loupe.png) no-repeat;
        display: inline-block;
        float: right;
        height: 20px;
        margin: 15px 15px 0 0;
        width: 21px;
    }

    #divRechercheAccueil {
      /* height: 265px; */
      position: absolute;
      display: none;
      top: 0px;
      z-index: 999;
    }
    #divRechercheAccueil .flex{
      padding: 0 20px;
    }
    /* #divRechercheAccueil.actif{
      -moz-transform: translateY(0);
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    } */
    /* #divRechercheAccueil div.conteneur { height: 265px; } */
    #divRechercheAccueil.interne-mobile { top: 50px; }

    #formRecherche {
        margin: 0 auto;
        width: 525px;
    }

   /* #divBanniere { height: 148px; }*/
    .bannieres_container {
        height: 148px;
        margin-left: -320px;
        width: 640px;
    }
    .bannieres_container div, .bannieres_container img {
        height: 148px;
        width: 640px;
    }
    .bannieres_container div div {
        height: 148px;
        left: 320px;
        width: 640px;
    }
    #divContenu { padding: 30px 0 20px 0; }

    #listeVedette, #listePromoAcc { padding: 0 5%; }
    #listeVedette div, #listeVedette div.dernier {
        height: 230px;
        margin: 0 7% 20px 7%;
        width: 35%;
    }
    #listePromoAcc div, #listePromoAcc div.dernier {
      height: 290px;
      margin: 0 7% 20px 7%;
      width: 35%;
  }
    #listeVedette img, #listePromoAcc img { width: calc(100% - 10px); }
    #listeVedette img, .incTinyMce img, #listePromoAcc img { max-width: 100%; }


    #piedPage #copyrights {
        margin: 0;
        padding: 15px 0;
    }

    #divListe, #divListe .divItem > div {
        margin: 0;
        width: 100%;
    }
    #divListe { margin-top: 30px; }
    #divListe .divItem a img {
        margin-bottom: 15px;
        max-width: 100%;
        width: auto;
    }
    #divAsideListe {
        position: absolute;
        top: 0px; left: 0;
        width: 100%;
        z-index: 9;
    }
    #divAsideListe p { padding: 8px 15px; font-size: 16px;}

    #divAsideListe p:after {
        color: #fff;
        content: '+';
        display: inline-block;
        float: right;
        font-size: 30px;
        font-weight: 700;
        line-height: 20px;
    }
    #divAsideListe p.ouvert:after { content: '-'; }

    .menuListe { display: none; }

    #divPageInterne .divItem > div {
        margin-left: 5%;
        width: 60%;
    }
    .divItem a img { width: 33%; }

    .photosCarousel { height: 450px; }

    .banniere-specialite {
        height: 300px;
        top: -30px;
        margin-bottom: 0;
    }
    .specialite_cta {
        max-width: 100%;
        text-align: center;
    }
    .specialite_ctaNeuf, .specialite_ctaNeuf:link, .specialite_ctaNeuf:visited, .specialite_ctaNeuf:hover, .specialite_ctaNeuf:active,
    .specialite_ctaOccasion, .specialite_ctaOccasion:link, .specialite_ctaOccasion:visited, .specialite_ctaOccasion:hover, .specialite_ctaOccasion:active { margin: 15px 0; }
    .specialite_marque { display: none; }

    .formulaireBase div div.dernier {
        clear: left;
        float: none;
    }

    #CTAInfolettre {
        background: url(gx/CTA/CTA_infolettre-mobile.jpg) no-repeat top center;
        height: 250px;
        width: 290px;
    }
    #CTAInfolettre div { width: auto; }
    #formCTAInfolettre {
        top: 115px;
        width: 250px;
    }
    #formCTAInfolettre #Courriel {
        margin-left: 10px;
        width: 200px;
    }
}


@media only screen and (max-width: 639px) {

   /* #divBanniere { height: 111px; }*/
    .bannieres_container {
        height: 111px;
        margin-left: -240px;
        width: 480px;
    }
    .bannieres_container div, .bannieres_container img {
        height: 111px;
        width: 480px;
    }
    .bannieres_container div div {
        left: 240px;
        width: 480px;
    }

    #formRecherche { width: 250px; }
    #formRecherche input.submitBtnRecherche { margin-top: 15px; }

    #listeVedette h2, #listePromoAcc h2 { margin: 0 0 25px 5%; }
    #listeVedette div, #listeVedette div.dernier {
        height: 270px;
        margin: 0 3% 15px 3%;
        width: 44%;
    }

    #listePromoAcc div, #listePromoAcc div.dernier {
      height: 330px;
      margin: 0 3% 15px 3%;
      width: 44%;
  }
    .strate-specialite {
        margin: 30px 0 10px 0;
        padding: 0 6%;
    }

    #contenu {
        padding: 30px 5%;
        width: 90%;
    }

    .video {
        height: 240px;
        width: 320px;
    }

    .strate-specialite_colPhoto {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    body #divCTAAccueil #divCTA{
        flex-direction: column;
    }
    body #divCTAAccueil #divCTA .cta {
        width: 100%;
    }
    #divAside #divCTA a { margin-left: 0; }

    #divPageInterne .divItem > div {
        margin-left: 0;
        width: 100%;
    }
    .divItem a img {
        margin-bottom: 20px;
        width: auto;
    }

    .signature { white-space: nowrap; }

    .photosCarousel { height: 420px; }

    .banniere-specialite {
        height: 270px;
        padding: 40px 10% 0 10%;
    }
    .colonne {
        float: none;
        margin: 0;
        width: 100%;
    }

    #iframeCarteGoogle { height: 300px; }
}

@media only screen and (max-width: 480px) {
  #divPagination {
    flex-direction: column;
  }
  #divPagination #pagination{
    margin-top: 20px;
  }
  body #wrapiconsLien {
    flex-direction: row;
  }
  body #wrapiconsLien #iconsStats{
    flex-direction: column;
    width: auto;
  }
  #wrapiconsLien #iconsStats > div{
    margin-left: 0;
    margin-top: 20px;
  }
  /* body .cta {
      width: 100%;
  } */
  body .nouvellesAccueil .flex{
    display: block;
  }
  body .nouvellesAccueil .flex .nouvelle{
    width: 100%!important;
  }
  body .nouvellesAccueil .flex .nouvelle + .nouvelle{
    margin-top: 20px;
  }


    /*#divBanniere { height: 74px; }*/
    .bannieres_container {
        height: 74px;
        margin-left: -160px;
        width: 320px;
    }
    .bannieres_container div, .bannieres_container img {
        height: 74px;
        width: 320px;
    }
    .bannieres_container div div {
        left: 160px;
        width: 320px;
    }

    #divRechercheAccueil div.degradeVert { font-size: 14px; }

    #listeVedette div, #listeVedette div.dernier { height: 230px; }
    #listeVedette a.droite {
        display: block;
        float: none;
    }

    a.CTAQuestion {
        float: none;
        margin: 25px auto;
    }

    .caroufredsel_wrapper {
        width: 100% !important;
    }
    #paginationCarousel img {
        height: 40px;
        margin: 0 4px;
        width: 65px;
    }
    a.btn_prev, a.btn_next {
        bottom: 15px;
    }
    .photosCarousel { height: 310px; }

    .banniere-specialite {
        height: 210px;
        padding: 30px 5% 0 5%;
    }
    .banniere-specialite_titre {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .banniere-specialite_txt { font-size: 13px; }

    .formulaireBase input.degradeOrange { float: none; }

    #formInfolettre { width: calc(100% - 50px); }
}

@media only screen and (max-width: 360px) {
    .video {
        height: 240px;
        width: 100%;
    }

    .banniere-specialite {
        height: 160px;
        padding: 20px 3% 0 3%;
    }
    .photosCarousel { height: 230px; }

    #divCTA, #divCTAAccueil #divCTA, #divCTA a { width: 100%; }
    #divCTAAccueil a { margin: 15px 0; }
}

/*Phase 2*/
.formContactRapideFixe{background:linear-gradient(180deg,#E78E27 0%,#DF6B1D 100%);bottom:30px;left:100%;padding:20px 27px 20px 20px;position:fixed;-webkit-transition:all .5s linear;transition:all .5s linear;width:300px;z-index:70;z-index:9999;min-height: 275px;}
@media only screen and (min-width: 40em) {
.formContactRapideFixe{box-sizing:border-box;padding:30px 47px 30px 30px;width:400px}
}
@media only screen and (min-width: 64em) {
.formContactRapideFixe{bottom:166px;left:calc(100vw - 17px)}
}
html.formOuvert .formContactRapideFixe{left:calc(100vw - 300px)}
@media only screen and (min-width: 40em) {
html.formOuvert .formContactRapideFixe{left:calc(100vw - 400px)}
}
.formContactRapideFixe .lienReduire{background-color:#616151;border:0;bottom:0;color:#fff;font:400 15px/18px "IBM Plex Sans",sans-serif;height:275px;left:-35px;letter-spacing:1px;padding:0;position:absolute;text-align:center;text-transform:none;width:35px}
@media only screen and (min-width: 40em) {
.formContactRapideFixe .lienReduire{left:-50px;width:50px}
}
.formContactRapideFixe .lienReduire span.lienReduireTxt{-webkit-backface-visibility:hidden;display:inline-block;-webkit-font-smoothing:subpixel-antialiased;-webkit-perspective:1000;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:71px 62px;transform-origin:71px 62px;white-space:nowrap}
@media only screen and (min-width: 40em) {
.formContactRapideFixe .lienReduire span.lienReduireTxt{-webkit-transform-origin:72px 56px;transform-origin:72px 56px}
}
html.formOuvert .formContactRapideFixe .lienReduire span.lienReduireTxt{-webkit-transform-origin:71px 62px;transform-origin:71px 62px}
@media only screen and (min-width: 40em) {
html.formOuvert .formContactRapideFixe .lienReduire span.lienReduireTxt{-webkit-transform-origin:72px 56px;transform-origin:72px 56px}
}
html.formOuvert body.en .formContactRapideFixe .lienReduire span.lienReduireTxt{-webkit-transform-origin:70px 59px;transform-origin:70px 59px}
.formContactRapideFixe .lienReduire span.lienReduireIcone{background-color:#E78F27;display:block;font-size:13px;height:30px;left:0;line-height:30px;position:absolute;text-align:center;top:0;-webkit-transition:background .5s linear;transition:background .5s linear;width:35px}
@media only screen and (min-width: 40em) {
.formContactRapideFixe .lienReduire span.lienReduireIcone{font-size:15px;height:30px;line-height:30px;width:50px}
}
html.formOuvert .formContactRapideFixe .lienReduire span.lienReduireIcone{background-color:#E78F27}
.formContactRapideFixe .lienReduire span.lienReduireIcone:before{-webkit-backface-visibility:hidden;background:#fff;content:'';-webkit-font-smoothing:subpixel-antialiased;height:2px;left:11px;-webkit-perspective:1000;position:absolute;top:14px;-webkit-transition:transform .5s linear;-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;width:14px}
@media only screen and (min-width: 40em) {
.formContactRapideFixe .lienReduire span.lienReduireIcone:before{left:17px}
}
html.formOuvert .formContactRapideFixe .lienReduire span.lienReduireIcone:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}
.formContactRapideFixe .lienReduire span.lienReduireIcone:after{background:#fff;content:'';height:14px;left:17px;position:absolute;top:8px;-webkit-transition:transform .5s linear;-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;width:2px}
@media only screen and (min-width: 40em) {
.formContactRapideFixe .lienReduire span.lienReduireIcone:after{left:23px}
}
html.formOuvert .formContactRapideFixe .lienReduire span.lienReduireIcone:after{height:2px;left:11px;top:14px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center;width:14px}
@media only screen and (min-width: 40em) {
html.formOuvert .formContactRapideFixe .lienReduire span.lienReduireIcone:after{left:17px}
}
.formContactRapideFixe .lienReduire:hover{border:0}
.formContactRapideFixe h2.titre2{color:#fff;font-size:18px;margin-bottom:20px;text-align:center}
@media only screen and (min-width: 48em) {
.formContactRapideFixe h2.titre2{font-size:24px;margin-bottom:20px}
}
#formContactRapide{box-sizing:border-box;height:375px;overflow-y:scroll;padding-right:20px;width:100%}
@media only screen and (min-width: 48em) {
#formContactRapide{height:auto;overflow:visible;padding-right:0}
}
#formContactRapide .colFlexWrap{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
@media only screen and (min-width: 48em) {
#formContactRapide .colFlexWrap{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}
}
@media only screen and (min-width: 48em) {
#formContactRapide .colFlexWrap .col2{margin-left:20px}
}
#formContactRapide .col1,#formContactRapide .col2,#formContactRapide .colFull{clear:unset;float:none;margin:0;outline:none;position:relative;width:100%}
#formContactRapide .col1 textarea,#formContactRapide .col2 textarea,#formContactRapide .colFull textarea{height:230px}
#formContactRapide .btnWrapper{position:relative;text-align:center}
#formContactRapide .btnWrapper .btAngle{background:transparent;margin:20px 0 0}
@media only screen and (min-width: 64em) {
#formContactRapide .btnWrapper .btAngle{font-size:15px}
#formContactRapide .btnWrapper .btAngle:before{top:1px}
}
#formContactRapide .btnWrapper .btAngle:hover{color:#e02130}
#formContactRapide .btnWrapper .btAngle:focus{border-color:transparent;color:#e02130}
#formContactRapide .btnWrapper .btAngle:active{background:#e02130;border-color:#e02130;color:#fff}
@media only screen and (min-width: 48em) {
#formContactRapide .btnWrapper .btAngle{margin:0;position:absolute;right:0;top:14px}
}
#formContactRapide .g-recaptcha,#formContactRapide .g-recaptcha>div{margin:0 auto;text-align:center}
#formContactRapide .g-recaptcha{height:60px;margin-bottom:20px;-webkit-transform:scale(0.77);transform:scale(0.77);-webkit-transform-origin:0 0;transform-origin:0 0;width:235px}
#formContactRapide label{color:#505a6b;color:#474747;display:inline-block;font-family:"IBM Plex Sans",sans-serif;font-size:11px;font-size:11px;left:10px;line-height:12px;padding-top:0;position:absolute;text-transform:initial;top:8px;z-index:4}
#formContactRapide label pre{color:#e02130;display:inline-block;font-size:12px;font-weight:400;margin-left:4px}
#formContactRapide input,#formContactRapide textarea,#formContactRapide select{background:#fff;border:1px solid #A44F06;border-radius:3px;box-sizing:border-box;color:#2b2c2e;font-family:"IBM Plex Sans",sans-serif;font-size:14px;font-style:normal;margin-bottom:20px;outline:none;padding:24px 10px 8px;width:100%}
@media only screen and (min-width: 48em) {
#formContactRapide input,#formContactRapide textarea,#formContactRapide select{background-color:#FFF;font-size:15px;font-size:13px;height:42px;padding:31px 10px 16px;width:100%}
}
#formContactRapide .colSelect label{background:#fff;height:24px;left:0;padding:5px 0 3px 10px;position:relative;text-align:left;top:0;width:100%}
#formContactRapide .colSelect select{-moz-appearance:none;-webkit-appearance:none;background:#fff url(../gx/m/arrow-down.png) no-repeat;background-position:95% 50%;background-size:16px;height:26px;padding:0 30px 6px 10px}
@media only screen and (min-width: 64em) {
#formContactRapide .colSelect select{background-position:98% 30%}
}
#formContactRapide .colSelect select::-ms-expand{display:none}
#formContactRapide .colSelect.erreur label{border:1px solid #c00!important;border-bottom:0!important}
#formContactRapide .colSelect.erreur select{border-top:0!important}
#formContactRapide .erreur input{border:1px solid #c00!important}
#formContactRapide .erreur label{color:#c00}
#formContactRapide .g-recaptcha.erreur>div{border:1px solid #c00}
.messageFormRapide{margin:40px auto 0;max-width:720px;width:100%}
#formContactRapide label.erreur{color:#c00}
#formContactRapide h2{color:#fff;font-size:25px;font-weight:lighter;margin-bottom:30px;text-align:center}
#boutonFormContact{cursor:pointer;align-items:center;background-color:#FFF;border:1px solid #A44F06;border-radius:3px;color:#E68925;display:flex;font-family:Lato;font-size:15px;font-weight:700;height:50px;justify-content:center;line-height:0;text-transform:uppercase;width:120px}
.bouton-wp-fix{display:flex;justify-content:center}
button#lienReduire:focus{outline:none}
@media only screen and (max-width: 40em) {
.formContactRapideFixe .lienReduire{height:35px;left:0;right:0;top:-35px;width:100%}
.formContactRapideFixe .lienReduire span.lienReduireTxt{transform:rotate(0deg)!important}
.formContactRapideFixe{box-sizing:border-box;left:0!important;width:100%}
#formContactRapide{height:100%;padding-right:0}
.formContactRapideFixe{bottom:-100%}
html.formOuvert .formContactRapideFixe{bottom:60px;height:68vh}
.bandeauContact{background:linear-gradient(180deg,#e78e27 0%,#df6b1d 100%);bottom:0;height:65px;left:0;position:fixed;right:0;width:100%;z-index:99999}
.bandeauContactFlex{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;width:250px}
#formContactRapide input,#formContactRapide textarea,#formContactRapide select{margin-bottom:10px}
#formContactRapide h2{font-size:16px;font-weight:700;margin-bottom:10px;text-transform:uppercase}
}
.detailsWp{display:flex}
#divCarousel{margin-top:0}
#detailGaucheDetail{padding-right:20px}
.detail_year{color:#e37217;font-size:19px;font-weight:700;margin-bottom:10px}
.prix.detail_prix{font-size:24px;padding: 5px 0;}
a.cta{height:auto;padding:13px}
.cta p span{font-size:17px}
a.cta.cta_offre{box-sizing:border-box;width:100%}
.cta_autres{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:-15px}
.cta_autres a.cta{box-sizing:border-box;margin-left:15px;width:calc(50% - 15px)}
.photosCarousel{height:auto!important;width:100%!important}
h2.details_produit_sous_titre{margin-top:31px}
.details_produit_marque_modele{font-weight:700;margin-bottom:5px}
.detailsWpBottom p.note{margin-bottom:20px;margin-top:20px}
.detailsWpBottom_right .titre{font-weight:700}
.detailsWpBottom_right table{margin-bottom:20px}
.detailsWpBottom_right ul li{margin-bottom:3px;margin-left:0}
.detailsWpBottom{display:flex}
.detailsWpBottom_left{margin-right:20px;width:410px}
.detailsWpBottom_right{flex:1}
.titre_mobile{display:none}
@media screen and (max-width: 800px) {
.titre_bureau{display:none}
.titre_mobile{display:block}
.detailsWp{display:block}
div#detailGaucheDetail{margin:0 auto;max-width:410px;padding-right:0}
div#detailDroiteDetail{text-align:center}
div#iconsStats{justify-content:center}
.detailsWpBottom{display:block}
.detailsWpBottom_left{margin-right:0;width:100%}
.titre_mobile *{text-align:center}
}
@media screen and (max-width: 450px) {
.cta p span{font-size:13px}
}
.produitsLinstingWp{display:flex;flex-wrap:wrap;margin-left:-15px}
.unproduitCol{margin-left:15px;width:calc(33.3% - 15px)}
.unproduit{background:#ffffff3d;border:1px solid #d5d4c8;border-radius:5px;margin-bottom:20px}
.produitsLinstingWp{box-sizing:border-box}
.produitsLinstingWp *{box-sizing:border-box}
.unproduit__img{width:100%}
a.unproduit__lien{display:block;transition:.3s all ease}
a.unproduit__lien:hover{background:#e3e2d9}
.unproduit_info{padding:10px}
h3.unproduit__titre{margin-bottom:3px}
.unproduit__annee{color:gray;font-size:12px}
.unproduit__instock{color:gray}
.unproduit_prix{display:block;font-size:23px;margin:9px 0}
.unproduit_prix .petit{color:#616151;display:block;font-size:13px;margin-bottom:5px}
@media only screen and (max-width: 600px) {
.unproduitCol{width:calc(50% - 15px)}
}
@media only screen and (max-width: 450px) {
.produitsLinstingWp{margin-left:0}
.unproduitCol{margin-left:0;width:100%}
}
.rechercheProduits_btn{background:transparent url(gx/main/i_loupe.png) no-repeat;background-size:100%;border:none;height:25px;width:25px}
.listingFiltre__date{align-items:center;display:flex}
.listingFiltre{display:flex;justify-content:space-between;margin:30px 0}
.listingFiltre__date label{font-size:13px;font-weight:700;margin-right:10px}
select#listingFiltreDate{background:#ecebe4;border:2px solid gray;border-radius:10px;color:gray;height:48px;min-width:100px;outline:none!important;padding:0 5px}
#formRech{align-items:center;background:#ecebe4;border:2px solid gray;border-radius:10px;color:gray;display:flex;padding:0 10px 0 20px;width:40%}
#champRech{background-color:transparent;border:none;border-radius:5px;height:45px;outline:none!important;width:100%}
.effacerResultat{margin:0 0 20px}
@media only screen and (max-width: 600px) {
#formRech{box-sizing:border-box;margin-bottom:20px;order:-1;width:100%}
.listingFiltre{flex-direction:column}
}
.produitsSimilaires__titre{border-bottom:1px solid #616151;font-size:27px;margin-bottom:30px;margin-top:60px;padding-bottom:15px}
.produitsSimilairesCol{margin-left:15px;width:calc(25% - 15px)}
.produitsSimilairesWp{display:flex;flex-wrap:wrap;margin-left:-15px}
@media only screen and (max-width: 1000px) {
.produitsSimilairesCol{width:calc(33.3% - 15px)}
}
@media only screen and (max-width: 600px) {
.produitsSimilairesCol{width:calc(50% - 15px)}
}
@media only screen and (max-width: 450px) {
.produitsSimilairesWp{margin-left:0}
.produitsSimilairesCol{margin-left:0;width:100%}
}
.triAnneeSelect{height:30px;border-radius:5px;padding:0 3px;font-size:11px;outline:none}
.anneeSeparateur{font-weight:700;padding:5px}
.anneeSubmit{background:#e0741d;border:none;border-radius:5px;cursor:pointer}
.triAnneeWp{display:flex;justify-content:space-between}
.note-caroussel{
  margin-bottom:30px;
}
.mt15{
  margin-top:15px!important;
}