/*
    Document   : STYLES GLOBAUX
    Created on : AOUT 2014
    Author     : LEB COMMUNICATION

*/

/* IMPORTS COMMUNS */
@import url(common.css);

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- VIEWPORT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

@viewport{
   width: device-width;
   zoom: 1;
}

@media screen and (max-width: 400px) {
   @-ms-viewport { width: device-width; }
}

@-webkit-viewport{
   width: device-width;
}
@-moz-viewport{
   width: device-width;
}
@-ms-viewport{
   width: device-width;
}
@-o-viewport{
   width: device-width;
}
@viewport{
   width: device-width;
}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- FONT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

 @font-face {
    font-family: 'Poppins';
    src:url('font/Poppins.ttf.woff') format('woff'),
        url('font/Poppins.ttf.svg#Poppins') format('svg'),
        url('font/Poppins.ttf.eot'),
        url('font/Poppins.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'Veneer 2';
    src: url('../font/Veneer2.ttf.woff') format('woff'),
         url('../font/Veneer2.ttf.svg#Veneer2') format('svg'),
         url('../font/Veneer2.ttf.eot'),
         url('../font/Veneer2.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.rob-l{font-family:'Work Sans', arial, sans serif;font-weight:300}
.rob-r{font-family:'Work Sans', arial, sans serif;font-weight:400}
.rob-m{font-family:'Work Sans', arial, sans serif;font-weight:500; color: black;}
.rob-b{font-family:'Work Sans', arial, sans serif;font-weight:700}


.tpl-select .font12 {color:#fff};


.visu100{width:100%;display:block;vertical-align:middle;}



#video-modele{background:#eee;padding:20px 0}
#video-modele .frame-video{margin:0}
.var-nl #video-modele{background:transparent;padding:0}
#contentModele h2#title-vid{border:2px #fff dotted;padding:20px;}

.u-font__secondary,
p#baseline span.u-font__secondary,
.c-fiche__accroche strong,
.whi-modele #contentModele h2.h2-seo strong,
h1.title-hand strong,
.font-hand,
p#baselineMob span.u-font__secondary, .tpl-select h1
{font-family:'Poppins', sans-serif; font-size: 120%}
h1.title-hand .title {font-family: 'Poppins';}

.svg__exclusive{width:60px;height:24px;}
.svg__redaddict{width:120px;}
.svg__addict {width: 78px}
.svg__up, .svg__upred{width:20px;}
.svg__exclusive--white .st0{fill:#fff}
.svg__exclusive--black .st0{fill:#f7a709}
.svg__exclusive--color .st0{fill:#f7a709}
.svg__upredaddict .st0, .svg__upaddict .st0{fill:#393b41;}
.svg__upred .st0, .svg__addict .st0{fill:#393b41;}
.svg__up .st0 {fill:#393b41;}
.svg__upaddict{width:80px;height:10px;}
.svg__upaddict .st0{fill: #393b41;}
.medium .svg__exclusive{width:90px;height:36px;vertical-align:text-bottom;display:inline-block;}

.c-fiche__exclusive{padding:20px;background:#f7a709;position: absolute;top:0;left:0;z-index:10}
.c-fiche__exclusive .st0{fill:#fff}
.c-fiche__exclusive .svg__exclusive{width:180px;height:72px;}
.c-fiche__upredaddict .svg__upredaddict{width: 180px; height:72px;}
.c-fiche__up .svg__up{width:80px;}
.c-fiche__upredaddict{ padding: 20px; background:#a81815;position: absolute;top: 0; left: 0; z-index:10; }
.c-fiche__up {padding: 20px; background: #393b41; position: absolute; top:0; left:0; z-index:10;}
.c-fiche__upredaddict .st0{fill: #fff}
.c-fiche__up .st0{fill: #fff;}

.svg__places,
.svg__frigo,
.svg__chauffage,
.svg__eaux-propres,
.svg__eaux-sales,
.svg__gaz,
.svg__dimension_int,
.svg__dimension_ext,
.svg__lit,
.svg__goutte
{width:60px;height:60px;margin:0 auto 12px;}
.c-fiche__ico .st0{fill:white}
.tpl-select .c-fiche__ico .st0{fill:white}
svg.svg_video, svg.svg_360 {
  height: 15px;
  top: 2px;
  position: relative;
}
svg.svg_video .st0, svg.svg_360 .st0 {
  fill:#f7a709;
}
.bulle-select svg.svg_video .st0, .bulle-select svg.svg_360 .st0 {
    fill: black;
}
.bulle-select .cell-mod-m .dim .nouveau {background: black !important}

.svg__equipements,.svg__sellerie,.svg__nouveautes,.svg__fun2{width:50px;height:50px;margin:5px auto;display: block;}
.svg__equipements,.svg__sellerie,.svg__nouveautes,.svg__fun2,.ctxt-export .svg__equipements,.ctxt-export .svg__sellerie,.ctxt-export .svg__nouveautes, .ctxt-export .svg__fun2{display:inline-block;margin-right:10px;vertical-align:middle;}
.svg__sellerie .st0,
.svg__fun .st0,
.svg__fun2 .st0,
.svg__equipements .st0,
.svg__nouveautes .st0{fill:#e7be87}
.ctxt-export a#prod-eqts .svg__equipements,
.ctxt-export a#prod-sellerie .svg__sellerie,
.ctxt-export a#prod-sellerie .svg__nouveautes,
.ctxt-export a#prod-fun .svg__fun,
.ctxt-export a#prod-fun .select
{display:inline-block;vertical-align:middle;margin-right:8px;}
.tpl-select .svg__equipements .st0,
.tpl-select .svg__sellerie .st0,
.tpl-select .svg__nouveautes .st0,
.tpl-select .svg__fun2 .st0
/* .tpl-select .svg__fun .st0 */
{fill:#fff}

.svg__limited{width:150px;height:30px;display: inline-block;vertical-align:middle;}
.svg__limited .st0{fill:#8aced5}
.svg__limited .st1{fill:#ffffff}
.cell-mod-m .svg__limited{width:75px;height:auto;margin-top:-2px}
.tpl-select .c-title-limited .svg__limited{width:150px;height:30px;}

.svg__ico-circle{width:80px;height:80px;}
.svg__ico-circle .st0{fill:#f7a709}
.svg__ico-circle .st1{fill:#1d1d1b}
.tpl-select .svg__ico-circle .st1{fill:#fff}

.ico-flex-circles{display:flex;flex-flow:row wrap;align-items:flex-start;padding-top:15px;}
.one-ico-circle{display:flex;width:33.3334%;box-sizing:border-box;padding:20px 15px;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.one-ico-circle svg{margin-bottom:20px;}

.svg__ico-pford{width:75px;height:80px;}
.svg__ico-pford .st0{fill:#f7a709}
.tpl-select .svg__ico-pford .st0{fill:#fff}
.atout-flex{display:flex;padding:15px 0 0;align-items:center;}
.atout-flex svg{margin-right:20px;}
.atout-flex>div{flex:1}

.anecdotique-sep{display:block;height:5px;background:#f5f5f5;margin-top:30px;}
.tpl-select .anecdotique-sep{background:#292b32}

.svg__fun{width:60px;height:21px;}
.svg__fun{fill:#f7a709}

.u-split-hab{display:flex;align-items:center;}
.u-split-hab--texte{padding-left:30px;box-sizing:border-box}

.u-split-mos{display:flex;flex-flow:row wrap;justify-content:space-between}
.u-split-mos .u-split__cell{display:block;}
.u-split-50 .u-split__cell{width:48%}
.u-split-50 img{display:block;width:100%}

.u-pos-relative{position:relative}
.tab-letter-spacing{letter-spacing: -0.3px;}
@media (max-width:60em){
    .u-split-50 .u-split__cell{width:100%}
}

.col-f-2 img.ico-dreamer-presentation{width:80px;height:100px}

.hab-left{float:left;margin-right:40px;}

.u-quote{background:#f5f5f5;padding:40px;margin-left:40px;max-width:260px;box-sizing:border-box; font-family:'Poppins'}
.u-quote.u-quote--wide{max-width:100%;width:100%;box-sizing:border-box;float:none;border:1px #ddd solid;margin-left:0}
.u-quote-retrait-top{margin-top:-100px;position:relative;z-index:2}
.u-quote-break{word-wrap: break-word; }
#pageHC .textLeft .u-quote p{font-size:34px;line-height:1.6;}

@media (max-width:1200px){
    .u-quote{padding:25px;margin-left:25px;max-width:180px;}
    #pageHC .textLeft .u-quote p{font-size:26px;}
    .u-quote-retrait-top{margin-top:-60px;}
}

@media (max-width:800px){
    .u-quote{padding:25px;margin-left:0;max-width:100%;float:none;text-align:center;width:100%;box-sizing:border-box;}
    #pageHC .textLeft .u-quote p{font-size:20px;text-align:center}
    .u-quote-retrait-top{margin-top:0;}
    .u-split-hab{flex-direction:column;width:100%}
}

.svg__groupe-rapido{width:120px;height:40px;display: inline-block;vertical-align: middle}
.svg__groupe-rapido .st0{fill:#393b41}
.noMargeTop{margin-top:0 !important}

.svg__tick{width:20px;height:20px;}



/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- GLOBAL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

/*.rouge {
  color:#a81815 !important;
}
.vert2 {
  color:#00687a !important;
}
.rougebg {background-color: #a81815;}
.vertbg {background-color: #00687a;}*/


* {margin:0px; padding:0px}
html {font:12px Arial, helvetica, sans-serif;}

body,.conteneur,#navigationDeLaPage ul li a,a,li.couleur1,li.couleur1 span.f-select,.cell-actualite .texte,.cell-actualite .texte,.contentBgGris .whiteWrapper2 .cell-actualite p,.cell-actualite p.plus,.nopadactu #pageHC p, #menuPrincipal ul li a span.sup {
   transition:all .2s linear;
   -o-transition:all .2s linear;
   -moz-transition:all .2s linear;
   -webkit-transition:all .2s linear;
}

body,html{background:#fff}
body{overflow-x:hidden}

.gris {color:#f5f5f5 !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}

/* DREAMER */
.bleu{color:#f7a709}
.rose{color:#ee3d7f}
.vert{ color:white; font-family: 'Poppins'; font-size: 42px; font-weight: 400;}
.bleu-clair {color:#fbc676; font-family: 'Poppins'; font-size: 42px; font-weight: 400;}
.bleu {color:#b48d7f; font-family: 'Poppins'; font-size: 42px; font-weight: 400;}
/*.tpl-select .vert {color: #8aced5}*/

.bgBlanc{background:#fff;}

img {border:none}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#32353f;padding:20px 30px;color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:16px;line-height:24px;}
.liste li {margin:0px 0px 10px 15px}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{height:1%}

span.clear,.clearAccueil{display:block;clear:both;}

h1,h2,h3,h4,h5{font-weight:normal;}

.visHid{visibility:hidden}

.w100,div.eqt-porteur img.w100{width:100%;display:block;}
.wdreamer{width:520px;margin:20px 0}

span.ico-svg{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;background:url(../img/squelette/pictos.svg) no-repeat 0 0;background-size:800px 600px;}

.flex-start{align-items:flex-start}

.u-liste--retrait{margin-left:35px !important;}
.u-liste--retrait li{line-height:1.6}
#contentModele a{color:#f7a709;text-decoration:none;}


/* -- NL AOUT -- */
.whi-modele #contentModele #pageHC h2.legende{border:1px #aaa dashed;padding:14px 10px 10px;font-size:16px;text-align:center;margin-top:0}
.hab-csd{border:1px #aaa dashed;padding:30px;margin-top:30px;}
.hab-csd h3{font-size:20px;margin:10px 0 15px;}
.hab-csd img{width:200px;display:block;}
.hab-csd:after{content:"";display:table;clear:both;}

.liste-hab{border:1px #aaa dashed;padding:30px;margin-top:30px;font-size:16px;line-height:24px;}
.liste-hab li{list-style:none;}
.liste-hab li span.plus{font-weight:700;display:inline-block;margin-right:10px}
p#entet{border: 1px #aaa dashed;margin: 0 0 30px;padding: 20px;text-align: center;}

ul.liste-default{display:block;border:1px #aaa dashed;padding:20px 20px 20px 40px;font-size:16px;line-height:22px;margin:0 0 30px}

.soc-fl a{display:inline-block;padding:0 0 10px;}
a#fbfooter{font-size:12px;}

.bgBc{background:#fff;}

.ib-img{display: inline-block;vertical-align: middle}

.u-legende{border:1px #ccc dotted;padding:20px;font-size:15px;color:#555}
.u-legende-slct{color:#fff;background:#d0b8ae;padding:10px;}

.u-label-photo{position: relative;}
.u-label-photo .u-label{position: absolute;top:0;left:0;}
.u-label-photo .u-label--new{background:#303138;color:#fff;padding:15px;}

.u-img-border{border:20px #fff solid;box-sizing:border-box;margin:15px;width:calc(100% - 30px)}
.u-img-border--nomarge{margin:0}


@media (max-width:80em){
    .u-img-border{border:12px #fff solid;}
}

@media (max-width:60em){
    .u-img-border{border:5px #fff solid;margin:0;width:100%}
}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- BARRE MENU FIXE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */


.glueMenu #menuPrincipal{position:fixed;top:0;left:0;width:100%;z-index:999}
.glueMenu #header{padding-bottom:65px;}
.glueMenu.ctxt-export #header{padding-bottom:65px;}

.cycle-slideshow img{width:100%;}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- RAJOUTS COLLECTION 2019 -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

span.lab-nouveau{display:inline-block;padding:7px;background:#ee3d7f;color:#fff;position:relative;}
span.lab-nouveau:before{display:block;content:"";width:0;height:0;border-top:8px #ee3d7f solid;border-left:8px transparent solid;border-right:8px transparent solid;position:absolute;bottom:-8px;left:50%;margin-left:-8px;}

/* icones */
#pictos-modele{text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:40px;}
#pictos-modele .ico-cell{background:#fff;display:inline-block;padding:20px;width:25%;box-sizing:border-box;border:15px #f5f5f5 solid;border-radius:32px;color:#393b41;}
#pictos-modele .var-nb{width:16.6667%}
#pictos-modele .ico-cell .ico-pmod{display:block;width:60px;height:60px;margin:0 auto 12px}

.tpl-select #pictos-modele .ico-cell{background:#32353f;border-color:#292b32;color:#fff}

.ico-route{background:url(../img/svg/places-route.svg) no-repeat 0 0;background-size:60px 60px;}
.ico-frigo{background:url(../img/svg/frigo.svg) no-repeat 0 0;background-size:60px 60px;}
.ico-chauffage{background:url(../img/svg/chauffage.svg) no-repeat 0 0;background-size:60px 60px;}
.ico-eaux-propres{background:url(../img/svg/eaux-propres.svg) no-repeat 0 0;background-size:60px 60px;}
.ico-eaux-sales{background:url(../img/svg/eaux-sales.svg) no-repeat 0 0;background-size:60px 60px;}
.ico-fire{background:url(../img/svg/fire.svg) no-repeat 0 0;background-size:60px 60px;}
.tpl-select .ico-route{background:url(../img/svg/places-route-bc.svg) no-repeat 0 0;background-size:60px 60px;}
.tpl-select .ico-frigo{background:url(../img/svg/frigo-bc.svg) no-repeat 0 0;background-size:60px 60px;}
.tpl-select .ico-chauffage{background:url(../img/svg/chauffage-bc.svg) no-repeat 0 0;background-size:60px 60px;}
.tpl-select .ico-eaux-propres{background:url(../img/svg/eaux-propres-bc.svg) no-repeat 0 0;background-size:60px 60px;}
.tpl-select .ico-eaux-sales{background:url(../img/svg/eaux-sales-bc.svg) no-repeat 0 0;background-size:60px 60px;}
.tpl-select .ico-fire{background:url(../img/svg/fire-bc.svg) no-repeat 0 0;background-size:60px 60px;}

.wschema{width:90%;margin:0 5%}
.schema p.legendeSchema span.leg1{display: inline-block;background:#ed1c24;padding:2px 7px;color:#fff;margin:0 5px;}
.schema p.legendeSchema span.leg2{display: inline-block;background:#1e74bb;padding:2px 7px;color:#fff;margin:0 5px}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- VARIANTE BLANC -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

.whi #header{background:#fff;}
.whi #header .conteneur{background:#fff;}
#tpl-ms.whi #header .conteneur{background:#fff;margin-bottom:30px;}
.whi #menuSecondaire{background:#eee}
.whi #contentAccueil,.whi #page{background:#F5F5F5;}
.whi #menuPrincipal{background:#fff;border-color:#ddd}
.whi #menuPrincipal ul li.varlast a,.whi #menuPrincipal ul li{border-color:#ddd}
.whi #cell-d42 h2, .whi #cell-d55 h2, .whi #cell-d43 h2, .whi #cell-d58 h2,.whi .cell-modele p.texte{background:#fff;}
.whi .cell-modele p.texte,.whi #menuSecondaire ul li a{color:#393b41}
.whi #menuSecondaire ul li a.link-relation-client{background:#393b41;color:#fff;border-radius:4px;padding: 5px 7px;margin-left: 10px;position: relative;top: -1px;text-decoration:none;}
.whi #menuSecondaire ul li a.link-relation-client:hover{background:#00abcc;color:#fff;}
.whi #menuPrincipal ul li a.decBulle,.whi #footer p a#fbfooter{color:#393b41}
.whi #menuSecondaire ul li a:hover{color:#393b41}
.whi #footer,#tpl-ms.whi #footer{background:#fff;color:#393b41}
.whi #header #logoDreamer a{background:url(../img/top/logo-dreamer-bc.svg) no-repeat center center;background-size:250px 67px; color:#fff}
.whi #menuSecondaire p#langues a{background:#ddd}
.whi #menuSecondaire p#langues span.ico{background:url(../img/flags/fleche-bc.png) no-repeat 0 0;background-size:12px 6px}
.whi #coord-itineo-footer p a,.whi #contentFoot #annex li a,.whi p#baseline, .whi p#baselineMob,.whi p#baseline span, .whi p#baselineMob span{color:black}
/* ex #00abcc au dessus */

.whi p#baseline, .whi p#baselineMob,.whi p#baseline span, .whi p#baselineMob span{font-size:24px;font-weight:300;line-height:1.2;margin-bottom:10px;margin-top: 25px;}
p#baseline,p#baselineMob{float:left;color:#00abcc;font-size:37px;font-family:'Poppins', arial, sans serif;font-weight:300;text-align:center;line-height:1.8;margin:15px 0 0 95px}
p#baselineMob{float:none;text-align:center;}
p#baseline span,p#baselineMob span{color:#bed730;font-size:32px;font-family:'Poppins', arial, sans serif;font-weight:500}
p#baseline span.u-font__secondary,
p#baselineMob span.u-font__secondary,
.whi p#baseline span.u-font__secondary{color: #ffdfb0;font-size:30px;font-family: 'Poppins';}
.ctxt-export p#baseline span.u-font__secondary {color: #ffdfb0}
/* ex #00abcc au dessus */

.whi #pied-reprise-rapido #elem-groupe{border-color:#ddd;display:flex;}
.whi #menuSecondaire a#dlDoc{background-color:#393b41}
.whi #menuSecondaire a#dlDoc:hover{background-color:#f7a709}
.whi.ctxt-export #menuSecondaire a#dlDoc:hover {background-color: #00abcc}
.whi #menuPrincipal ul li a.decBulle span.nouveau{background-color:#ffdfb0}
.whi #menuPrincipal ul li a.decBulle span.nouveau2{background-color:#a81815}
.whi #menuPrincipal ul li a.decBulle span.nouveau3{background-color:#00687a;}
.whi #menuPrincipal ul li.couleur1 a:hover, .whi #menuPrincipal ul li.couleur1 a.actif,.whi #menuPrincipal ul li.couleur1 a.actifDec{background:#eee;color:#f7a709;}
.whi #menuPrincipal ul li.couleur2 a:hover, .whi #menuPrincipal ul li.couleur2 a.actif,.whi #menuPrincipal ul li.couleur2 a.actifDec{background:#eee;color:#a81815;}
.whi #menuPrincipal ul li.couleur4 a:hover, .whi #menuPrincipal ul li.couleur4 a.actif,.whi #menuPrincipal ul li.couleur4 a.actifDec{background:#eee;color:#00687a;}
.whi .bulle{background:#fff;border-color:#ddd;}
/*.whi .vert{color:#393b41}*/
/* .whi .tpl-select .vert{color:#fff} */
.whi #languesPays{background:#393b41}
.whi #languesPays a img{border-color:#555}
.whi .tpl-select #infosTech table tr td.titre{background:#fff;color:#393b41}

.whi #line-ms-dreamer{background:#fff}
.whi #line-ms-dreamer .conteneur{background:#fff}
.whi #line-ms-dreamer .conteneur .bulle-ms{background:#fff}
.whi #line-ms-dreamer .conteneur .bulle-ms h3{color:#393b41}

.whi #infosLangues a{background:#fff;color:#393b41}
.whi #infosLangues a:hover{background:#00abcc;}

#tpl-ms.whi div.cell-concess{background:#fff;color:#393b41}

.whi-modele #pageHC{border-color:#f5f5f5}
.whi-modele .frame-video{background:#fff;}
.whi-modele #plusModele{background:#f5f5f5}
.whi-modele #contentModele{color:#393b41;background:transparent}
.whi-modele #contentModele h2{color:#393b41;}
.whi-modele #contentModele .infosChiffrees h2 span.dimension{background:#f5f5f5;color:#393b41}
.whi-modele #contentModele .infosChiffrees h2 img.logoMarque{background:#f5f5f5}
.whi-modele h1.tmd55,.whi-modele h1.tmdcamperfive, .whi-modele h1.tmd42, .whi-modele h1.tmd43, .whi-modele h1.tmcapfun{text-shadow:none}
.whi-modele .tpl-select h2#videoMod span.ico, .whi-modele h2#videoMod-white span.ico{background-image:url(../img/squelette/video-select-bc.png)}
.whi-modele ul#hc-pages, .whi-modele ul#hc-eqts{border:1px #393b41 solid;background:#393b41}
ul#hc-pages li a:hover, ul#hc-pages li a.actif {background: #b42d2d !important}
.whi-modele #contentModele h2#title-qualite, .whi-modele #contentModele h2.space-border{border-color:#ddd;color:#393b41}
.whi-modele #contentModele h2#title-qualite span.ico-svg{background-position:-60px -10px}
.whi-modele .highlight-2{background:#393b41}
.whi-modele #contentModele .highlight-2{color:#fff}
.whi-modele #contentModele #visuModele h2{color:#393b41;}
.whi-modele #texteLinks{background:#fff;}
.whi-modele a#prod-sellerie, .whi-modele a#prod-eqts, .whi-modele a#prod-fun, .whi-modele a#prod-select{border:1px #ddd solid;color:#393b41}
.whi-modele a#prod-sellerie:hover, .whi-modele a#prod-eqts:hover, .whi-modele a#prod-fun:hover{background:#ddd}
.whi-modele a#prod-eqts span.ico{background-image:url(../img/squelette/cle-sombre.png)}
.whi-modele a#prod-sellerie span.ico{background-image:url(../img/squelette/sellerie-sombre.png)}
.whi-modele #lesPlus ul li.pdf a, #infosTechModele a{background-color:#393b41}
.whi-modele #lesPlus ul li.pdf a:hover{background-color:#f7a709}
.whi-modele #lesPlus ul li.pdf.rouge a:hover{background-color: #a81815;}
.whi-modele #lesPlus ul li.pdf.vert2 a:hover {background-color: #00687a;}
.whi-modele #lesPlus span.gfx_les, .whi-modele #lesPlus span.gfx_plus, .whi-modele #lesPlus ul li span{color:#393b41}
.whi-modele #contentModele #pageHC h2{color:#393b41;font-weight:700; text-transform: uppercase; font-size: 20px;}
.whi-modele #contentModele h2#title-color,.whi-modele #contentModele h2.title-color,.whi-modele div.eqt-porteur{border-color:#ddd;}
.whi-modele #contentModele h1#lonely{text-align:center;color:#393b41}
.tpl-select ul#hc-eqts li a:hover, .whi .tpl-select ul#hc-eqts li a.actif,.whi ul#hc-pages li a:hover, .whi ul#hc-pages li a.actif{background:#B89177}

.whi-modele div.eqt-porteur{background:#fff;border:15px #f5f5f5 solid;}

.col-f-2.col-f-100{width:100%;padding:20px !important}

.whi-modele .groupe-criteres,.whi-modele #interactive-map .cell-dist{background:#fff;border-color:#eee}
.whi-modele #interactive-map #zone-res,.whi-modele #interactive-map .cell-dist,.whi-modele #interactive-map #inside-res{border-color:#eee}
.whi-modele #consult-distri div.line{border-color:#fff;border-width:2px;}
.whi-modele #interactive-map .cell-dist:nth-child(2n){background:#f5f5f5}
.whi-modele #contentModele #zone-res h2{color:#393b41}
.whi-modele #interactive-map .cell-dist .infos-dist a.numDistributeurs{color:#393b41}
.whi-modele #consult-distri,.whi-modele #consult-distri #coord-dist,.whi-modele .noPhoto #consult-distri #coord-dist{background:#fff;color:#393b41}
.whi-modele #consult-distri #coord-dist, .whi-modele .noPhoto #consult-distri #coord-dist{background:#f5f5f5}
.whi-modele #consult-distri div.line a{color:#393b41}
.whi-modele #interactive-map h2 span.ico{background-position:-355px -120px}
.whi-modele #interactive-map #inside-res{background:#ddd}

.whi-modele .cadran1{background:#fff;color:#393b41}
.whi-modele #contentModele .cadran1 h2, .whi-modele #contentModele .cadran1 h3{background:#ddd;padding:15px}
.whi-modele table td.bg{background:#f5f5f5}
.whi-modele td label.gris{color:#666 !important}
.whi-modele h3.baseline2 a{color:#393b41}
.whi-modele h3.baseline2 a:hover{text-decoration:none}

.whi-modele #pageHC h1,
.tpl-select #pageHC h1{color:#393b41}
.tpl-select #pageHC h1{color:black;}
.whi-modele #pageHC div.extras p{color:#393b41}
.whi-modele #pageHC div.extras .liste,.whi-modele #entete-univdl, .whi-modele #mode-emploi{background:#fff;color:#393b41}
.whi-modele #entete-univdl, .whi-modele #mode-emploi{background:#ddd;color:#393b41}
.whi-modele #entete-univdl p, .whi-modele #mode-emploi p{color:#393b41}
.whi-modele #corps-univdl .couleur,.whi-modele #pageHC .textLeft p a{color:#393b41}

.whi-modele #corps-univdl .couleur,.whi-modele #pageHC .textLeft p.highlight a{color:#fff;}
.whi-modele #corps-univdl .couleur,.whi-modele #pageHC .textLeft p.highlight a:hover{color:#fff;}

.whi-modele div.extras .credits1, div.extras .credits2,.whi-modele #creditsLeb ul{background:#fff !important;color:#393b41;padding:15px;}
.whi-modele #creditsLeb a.cell{background:#f5f5f5 !important;color:#393b41 !important}

.whi-modele p#info-bright{color:#393b41}

/*.whi-modele #infosTech{color:#393b41}
.whi-modele #infosTech table tr td{background:#fff}
.whi-modele #infosTech table tr td.titre{background:#393b41}
.whi-modele #infosTech table tr.deux td{background:#f5f5f5}
.whi-modele #infosTech table,.whi-modele #infosTech table tr td.borderdroite{border-color:#ddd}*/

.whi-modele #contentModele #pageHC .textLeft h1 span.bg-gamme, h1 span.bg-gamme{background:#fff}

.whi .citron,.whi #cell-d42 h2,.whi #cell-d43 h2,.whi #cell-d55 h2{color:#393b41;font-weight:500}
.whi #cell-d42 h2,.whi #cell-d43 h2,.whi #cell-d55 h2{color:#393b41;font-weight:700}
.whi #cell-d55 p.texte a,.whi #cell-d43 p.texte a{color:#f7a709;}

/* variations sites exports pour modif blanc */
.whi.ctxt-export #menuPrincipal ul li a.decBulle,.whi.ctxt-export #menuPrincipal ul li.c-select a.decBulle{border-color:#ddd}
.whi #menuSecondaire p#langues a img{border-color:#ddd}
.whi #menuPrincipal ul li a.decBulle span.f-select,.whi.ctxt-export #menuPrincipal ul li a.decBulle{color:#d0b8ae}
.whi.ctxt-export #menuPrincipal ul li a.decBulle:hover,.whi.ctxt-export #menuPrincipal ul li a.actif,.whi.ctxt-export #menuPrincipal ul li a.actifDec,.whi.ctxt-export #menuPrincipal ul li.couleur1 a:hover, .whi.ctxt-export #menuPrincipal ul li.couleur1 a.actif,.whi.ctxt-export #menuPrincipal ul li.couleur1 a.actifDec{background:#ffdfb0;color:#393b41}
.whi.ctxt-export #menuPrincipal ul li.c-select a.decBulle:hover span.f-select{color:#fff;}
.whi.ctxt-export #menuPrincipal ul li.c-select a.decBulle:hover,.whi.ctxt-export #menuPrincipal ul li.c-select a.actif,.whi.ctxt-export #menuPrincipal ul li.c-select a.actifDec{background:#d0b8ae;color:black;}
.whi.ctxt-export #menuPrincipal ul li.c-select a.actif span.f-select,.whi.ctxt-export #menuPrincipal ul li.c-select a.actifDec span.f-select{color:#fff}
.whi.ctxt-export #menuPrincipal ul li a.decBulle{padding:16px 24px 14px 20px}
.whi.ctxt-export #menuPrincipal ul li.c-select a.decBulle{padding:16px 24px 13px 20px}

.whi.ctxt-export .bulle,.whi.ctxt-export #menuPrincipal ul li.couleur1:hover{background:#ffdfb0;border-color:#ffdfb0;}
.whi.ctxt-export .bulle .cell-mod-m{border-color:#ddd}
.whi.ctxt-export .bulle-select .cell-mod-m,.whi.ctxt-export .bulle-select{border-color:#a59088;background:#d0b8ae; /*flex:1;*/height: auto;}

/* ajout city */
.whi.ctxt-export #menuPrincipal ul li.c-city {background:#2b2b2b;}

.whi.ctxt-export #menuPrincipal ul li.c-city a.decBulle span.city svg {height:22px; width:auto;}
.whi.ctxt-export #menuPrincipal ul li.c-city a.decBulle span.city svg .cls-1 {fill:#d0cdc8}
.whi.ctxt-export #menuPrincipal ul li.c-city:hover a.decBulle span.city svg .cls-1 {fill:#2b2b2b}


.whi.ctxt-export .bulle .cell-mod-m h2{color:#393b41}
.whi.ctxt-export .bulle .cell-mod-m .dim{display: block;height:20px;text-align:center;color:#393b41;font-size:13px;font-style:italic;}
.whi.ctxt-export .bulle .cell-mod-m .dim .nouveau{background:#f7a709;display: inline-block;margin-right:6px;border-radius:5px;padding:2px 5px;font-style:normal;vertical-align: middle;color:#fff}
.whi.ctxt-export .bulle .cell-mod-m .dim .nouveau2{background:#a81815; display: inline-block;margin-right: 6px;border-radius: 5px;padding: 2px 5px;font-style: normal;vertical-align: middle;color: #fff}
.whi.ctxt-export .bulle .cell-mod-m .dim .nouveau3{background:#00687a; display: inline-block;margin-right: 6px;border-radius: 5px;padding: 2px 5px;font-style: normal;vertical-align: middle;color: #fff}
.whi.ctxt-export .bulle-select .cell-mod-m .dim{color:black}
/* .whi.ctxt-export .bulle .sav_plus,.whi.ctxt-export .sav_plus2{background:#ddd} */
.whi.ctxt-export .bulle-select .sav_plus, .whi.ctxt-export .bulle-select .sav_plus2{background:#d0b8ae}
.whi.ctxt-export .bulle-select .cell-mod-m h2{color:#fff}
/* .whi.ctxt-export .bulle .sav_plus a, .whi.ctxt-export .bulle .sav_plus2 a{background:#393b41} */
.whi.ctxt-export .bulle .sav_plus a:hover, .whi.ctxt-export .bulle .sav_plus2 a:hover{background:#8aced5}

.ctxt-export .whi-modele a#prod-sellerie,.ctxt-export .whi-modele a#prod-eqts,.ctxt-export .whi-modele a#prod-fun{border:1px #ddd solid;color:#393b41}
.ctxt-export.whi-modele a#prod-sellerie:hover, .ctxt-export .whi-modele a#prod-eqts:hover, .ctxt-export .whi-modele a#prod-fun:hover{background:#ddd}
.ctxt-export .whi-modele a#prod-eqts span.ico{background-image:url(../img/squelette/cle-sombre.png)}
.ctxt-export .whi-modele a#prod-sellerie span.ico{background-image:url(../img/squelette/sellerie-sombre.png)}

.whi.ctxt-export #cell-d42 h2, .whi.ctxt-export #cell-d55 h2, .whi.ctxt-export #cell-d43 h2, .whi.ctxt-export #cell-d58 h2{background:#fee3bd;color:#393b41}
.whi.ctxt-export #cell-d42 h2.f-select, .whi.ctxt-export #cell-d55 h2.f-select, .whi.ctxt-export #cell-d43 h2.f-select, .whi.ctxt-export #cell-d58 h2.f-select{background:#d0b8ae;color:black;font-family:'Bitter', serif;font-weight:400}

.tpl-select #lesPlus ul li.pdf a:hover{background-color:#8aced5}

.whi .highlight-2 .vert{color:#f7a709}
.whi-modele #contentModele #pageHC .highlight-2 h2{color:#fff}
.whi-modele #pageHC .textLeft h1{text-align:left;}

.whi-modele #contentModele .contentAmbiance div.eqt-porteur h2,.whi-modele div.eqt-porteur h3{border-color:#ddd;background:#eee;padding:14px 10px 10px}
.tpl-select div.eqt-porteur h3.u-title--discret{border-color:#4a4c56 ;background:#4a4c56 ;padding:14px 10px 10px}
.whi-modele div.eqt-porteur h3.estompe,
.tpl-select div.eqt-porteur h3.estompe{font-size:16px;text-align:left;background:transparent;border-bottom:1px #ddd dotted;border-top:1px #ccc dotted;}

.whi-modele div.eqt-porteur.coul-fiat h3.estompe strong{color:#c82328}
.whi-modele div.eqt-porteur.coul-ford h3.estompe strong{color:#003974}
.tpl-select div.eqt-porteur.coul-fiat h3.estompe strong,.tpl-select div.eqt-porteur.coul-ford h3.estompe strong{color:#8aced5;}

/* actualités */
.whi #actualitesAccueil p{color:#393b41;background:#fff;}
.whi #pageHC .derActu,.whi div.cmo{border-color:#ddd;background:#fff;}
.whi div.cmo{background:#f5f5f5}
.whi #actus-from-rapido p{color:#393b41}
.whi #actus-from-rapido h2.h2light{background:#f5f5f5}
.whi .diapo-pager,.whi #actus-from-rapido .highlight{background:#ddd;border-color:#fff;}
.whi #actus-from-rapido ul, .whi #actus-from-rapido ol{background:#f5f5f5;color:#393b41}
#pageHC .derActu span.label{font-size:12px;}
.whi #actus-from-rapido .radio label, .whi #actus-from-rapido .checkbox label{color:#393b41 !important}
.whi #actus-from-rapido .highlight2 ul, .whi #actus-from-rapido .highlight2 ol{color:#fff;}
.whi #actus-from-rapido a.linkDoc{border-color:#ddd;background:#f5f5f5;color:#393b41}
.whi #actus-from-rapido a.linkDoc:hover{background:#ddd}
.whi #actus-from-rapido form, .whi #blocEditor .for{background:#f5f5f5}

.whi-modele #pageHC div.extras{padding:0 15px 0 0;margin-top:15px;font-size:16px;line-height:24px;}
.whi-modele #pageHC div.extras h4{margin:40px 0 20px;font-size:18px;line-height:28px;color:#ee3d7f}
.whi-modele #pageHC div.extras p{color:#666;margin-bottom:30px;}
.whi-modele #pageHC div.extras .bleu{color:#ee3d7f !important}
.whi-modele #pageHC div.extras ul,.whi-modele #pageHC div.extras .liste{margin-bottom:30px;}
.whi-modele #pageHC div.extras .liste{padding:30px 30px 30px 50px}

div.extras form#formContact{box-sizing:border-box;border:1px #ddd dotted;padding:60px;max-width:750px;margin-left:60px;margin-bottom:30px}
div.extras form#formContact label.normal{width:100%;float:none;text-align:left;font-size:16px;margin-bottom:10px;display: block;}
div.extras form#formContact p.textuel input{box-sizing:border-box;width:100%;float:none;text-align:left;font-size:16px;background:#ddd;padding:15px;}
div.extras form#formContact input.send{box-sizing:border-box;border-radius:6px;cursor:pointer;width:100%;float:none;text-align:center;font-weight:bold;font-size:16px;background:#ee3d7f;color:#fff;padding:15px;margin:0}
@media (max-width:1000px){div.extras form#formContact{width:100%;max-width:100%;margin:0}}


/* reskin global tableau caracteristiques */

#tabCarac,.c-table-modele{background:#fff;border-collapse:collapse;border:5px #fff solid;}
#tabCarac td,.c-table-modele td{border:1px #ddd solid;font-family:'Work Sans', Arial, sans serif;text-align:center;padding:14px;line-height:1.6;font-size:14px;box-sizing:border-box}
#tabCarac td:first-child,.c-table-modele td:first-child{text-align:left;}
#tabCarac td[colspan]:not([colspan="1"]),.c-table-modele td[colspan]:not([colspan="1"]){background:#393b41;color:#fff;font-weight:bold;font-size:14px;padding:10px 14px 8px}
#tabCarac tr:nth-child(2n) td,.c-table-modele tr:nth-child(2n) td{background:#eee}
#infosTechModele table {width: 100%}

a#consultTech{display:block;background:#eceded;color:#333230;font-size:20px;margin-top:20px;padding:20px;text-align:center;text-transform:uppercase;border-radius:20px 20px 0 0}
.tpl-select a#consultTech {background: #32353f; color: #fff}
/*a#consultTech span{font-size:24px;}*/
a#consultTech:hover {
    background: #e7be87;
    color: #333230;
}

.tpl-select a#consultTech:hover {background: #8d7d77; color: #fff}

.c-table-modele.c-table-modele-select {
    background: #424550;
    border-collapse: collapse;
    border: 5px #333 solid;
    color: #fff;
}


.c-table-modele.c-table-modele-select td {
    border: 1px #333 solid;

}

.l-fixed-table{position:fixed;top:-200px;left:calc( (100% - 1200px) / 2 );transition:all 1s ease;z-index:9999}
.glue-fixed-table-menu .l-fixed-table{top:0;}

@media (max-width:1200px){
    #tabCarac td, .c-table-modele td{padding:0}
    .l-fixed-table{width:90%;left:5%}
}

.tpl-select #tabCarac{background:#b89177;border-color:#424550}
.tpl-select #tabCarac td{border:1px #333 solid; color: black}
.tpl-select #tabCarac td[colspan]:not([colspan="1"]){color:#393b41;background:#fff}
.tpl-select #tabCarac tr:nth-child(2n) td{background:#d0b8ae}
.tpl-select .svg__tick path{fill:black}

.tpl-select .u-message-alone{border:1px #424550 dotted; color: #fff}
.tpl-select .u-message-alone h2{margin-bottom:20px}

.tpl-select .svg__limited{width:80px;height:16px;}
#visuModele h1 .svg__limited{width:150px;height:30px}
@media (max-width:1000px){
    #visuModele h1 .svg__limited{width:80px;height:16px}
}

@media(max-width:1000px){
    #tabCarac{width: 100%;display: block;overflow-x: scroll;}
}



/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- SQUELETTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#page{background:#3a3d47;text-align:center;}
#header{position:relative;}

.conteneur {
   width:1200px;
   text-align:left;
   margin:0px auto 0px auto;
}

.flex-4{display:flex;flex-direction:row;}
.col-f-4{width:25%;padding:20px;box-sizing:border-box;}
.col-f-4-2fus{width:50%;padding:20px;box-sizing:border-box;}
.col-f-4 img,.col-f-4-2fus img{display:block;width:100%;margin-bottom:12px;}
.condensed .col-f-4{margin-top:0}

.var-text h2{display:flex;width:400px;height:100%;background:#4a4c56;align-items: center;justify-content: center;}

.flex-3{display:flex;flex-direction:row; align-items: center;}
.col-f-3{width:25%;box-sizing:border-box;}
.col-f-5{width:20%;box-sizing: border-box;}
.col-f-3.w100{width:100%;padding:20px;box-sizing:border-box;}
.col-f-3.noPadding{padding:0}
.col-f-3.noPadding img{margin:0}
.col-f-2:last-child{padding:20px 0 20px 20px}
.col-f-2.eqt-porteur:last-child{padding:20px;}
.col-f-3 img{display:block;width:100%;margin-bottom:12px;}

@media (max-width:1024px) {
    .col-f-5 {
        width:50%;
    }
}
@media (max-width:650px) {
    .col-f-5 {
        width:100%;
    }
}
#pageHC .u-message-alone{font-size:15px}
.contentAmbiance .flex-3{align-items: center;justify-content: center;}
.contentAmbiance .bgBc{align-items: stretch;justify-content: center;}
.contentAmbiance .bgBc .col-f-3{border:10px #f5f5f5 solid;}
.contentAmbiance .bgBc .col-f-3 div.ins{display:flex;align-items:center;height:100%;text-align: center}
#pageHC .contentAmbiance .flex-3 .col-f-3.hltxt p{font-size:20px;line-height:26px;padding:0 30px;text-align:center;font-weight:300}
.flex-2{display:flex;flex-direction:row;justify-content: space-between}
.col-f-2{width:50%;padding:20px 20px 20px 0;position:relative;box-sizing:border-box;}
.color-2022 {align-items: center;}
.tpl-select .col-f-2{width:49%}
.condensed .col-f-2{margin-top:0;padding:0}
.condensedpad .col-f-2{margin-top:0}
.flex-space .inside{padding:20px 40px;}
.col-f-1 {width: 100%}
.col-f-2 .bord{border:1px #94cdde dashed}
.flex-condensed .col-f-2{margin-top:0}
.col-f-2 img{display:block;width:100%;margin-bottom:12px;}
.col-f-2 img.logoMarque {width: auto; margin: 0 auto;}
.col-f-2 img.left{float:left;width:auto}

.flex-2-3{display:flex;flex-direction:row;}
.col-f-2-3{width:60%;padding:20px 20px 20px 0;box-sizing:border-box;}
.flex-condensed .col-f-2-3{margin-top:0}
.col-f-2-3 .inside{background:#eee;padding:20px;}
.col-f-2-3 .fond-blanc{background:#fff;}
.col-f-2-3 .bord{border:1px #94cdde dashed}
.col-f-2-3 .borange{border-color:#f15e5e}
.col-f-2-3:last-child{width:40%;padding:20px 0 20px 20px}
.col-f-2-3 img{display:block;width:100%;margin-bottom:12px;}

.contentAmbiance .col-f-2-3{width:70%}
.contentAmbiance .col-f-2-3:last-child{width:30%}

.flex-3-2{display:flex;flex-direction:row;}
.col-f-3-2{width:30%;padding:20px 20px 20px 0;box-sizing:border-box;}
.col-f-3-2 img{display:block;width:100%}
.col-f-3-2:last-child{width:70%;padding:20px 0 20px 20px}
.condensed .col-f-3-2{margin-top:0}

.onImg{position:relative;}
.onImg p{position:absolute;top:10px;right:10px;font-size:15px;background:#bed730;color:#444752;padding:10px;border-radius:5px;}
#pageHC .textLeft .onImg h2{position:absolute;display:flex;align-items: center;justify-content: center;color:#fff;margin:0;padding:0;top:0;left:0;width:100%;height:100%}
.onImg img{display:block;}

#contentModele h2#title-qualite,#contentModele h2.space-border{font-size:26px;color:#fff;border:1px #4a4c56 solid;padding:20px;margin:0 20px 20px}
#contentModele h2#title-qualite span.ico-svg{width:30px;height:30px;background-position:-10px -10px;position:relative;top:-3px}
#contentModele h2#title-color,#contentModele h2.title-color{font-weight:300;font-size:22px;margin:2% 0%;border-top:2px #4a4c56 solid;border-bottom:2px #4a4c56 solid;padding:20px 20px 20px;}
#contentModele h2#title-color span.nouveau{display:inline-block;vertical-align:middle;background:#f7a709;color:#fff;padding:8px;border-radius:4px;font-size:16px;margin-left:10px;}
#contentModele h2#title-color span.ico-svg{background:url(../img/squelette/color-edition.svg) no-repeat 0 0;width:200px;height:65px;background-size:200px 65px;position:relative;top:-3px}

div.separateur{height:5px;background:#3a3d47;margin:40px 120px 25px}

div.eqt-porteur{border:1px #4a4c56 dotted;font-family:'Work Sans', arial, sans serif;font-size:16px;line-height:24px;padding:20px;}
div.eqt-porteur img{width:auto;margin:0 auto 10px;}
#contentModele .contentAmbiance div.eqt-porteur h2{border-bottom:1px #4a4c56 solid;padding-bottom:10px;}
div.eqt-porteur h2 {text-transform: uppercase;}
div.eqt-porteur h3{text-align:center;background:#b89177;padding:15px 12px 12px;font-size:18px;}
div.eqt-porteur ul{margin:20px;line-height:1.7}
div.eqt-porteur .atout-porteur ul{margin:10px 20px 30px 30px;}



.u-message-alone{border:1px #ccc dotted;padding:20px;margin:20px 0}
.u-message-alone--medium,#pageHC .u-message-alone--medium{font-size:16px;}
.u-message-alone h2{font-size:20px}

/**********************************************************************************************
 *************************** RAJOUT ACTUALITES *************************
 **********************************************************************************************/

.derActu{padding:20px;margin-bottom:20px;border-bottom:1px #ddd solid;background:#444752;}
.derActu a{color:#f7a709;font-weight:700;text-decoration:underline}
.derActu a:hover{text-decoration:none}

#pageHC .derActu{margin-top:30px;padding:30px;border-top:2px #32353f solid;border-bottom:0;margin-bottom:0}
#pageHC .derActu p{padding-bottom:20px;}
#pageHC .from-concess div.img{width:auto !important;margin-left:3%;}
#pageHC .derActu div.img img{display:block;vertical-align:middle;}
#pageHC .from-concess div.img img{height:200px}
#pageHC .derActu div.img img.limitWidth{width:400px;height:auto;}

.shema_colonne {
  display: flex;
  justify-content: space-around;
  align-content: center;
  align-items: center;
  text-align: center;
}

.round_bg {
  background: #f7a709;
  color: #fff;
  font-weight: 600;
  /* font-size: 50px !important; */
  padding: 25px;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  text-align: center;
  position: relative;
}

.round_bg p {
  text-align: center;
  font-size: 71px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -17px;
  font-size: 21px !important;

}

#pageHC .derActu span.label,#actualitesAccueil h2 a span.label{display:inline-block;float:right;background:#fff;border-radius:5px;color:#32353f;padding:3px 10px 4px;margin:0 0 0 20px;font-family:'Work Sans', arial, sans serif;font-weight:300;font-size:12px;font-weight:300;position:relative;top:-2px;margin-bottom:2px;}
#actualitesAccueil h2 a span.label{float:none;margin:0 10px 0 0}
#pageHC .derActu span.label.labelReseau,#contentModele h2 span.labelReseau{background:#eee;color:#333230}
#pageHC .derActu span.label strong{font-weight:700;font-size:13px}
#contentModele .derActu h2{padding-top:0;font-size:22px}

/**********************************************************************************************
 *************************** RAJOUT COLLECTION 2017 *************************
 **********************************************************************************************/
/* footer reprise RAPIDO */
#coord-itineo-footer{float:left;width:250px;margin-right:20px;}
#pied-reprise-rapido{float:left;width:640px;padding-top:10px;display: flex;align-items: center;flex-flow: row wrap;}
#pied-reprise-rapido .pied-item{flex-grow: 1;}

#coord-itineo-footer p{line-height:18px;}
#coord-itineo-footer p a{color:white;}

#pied-reprise-rapido img{display:inline-block;vertical-align:middle;}
#pied-reprise-rapido #elem-groupe{display:inline-block;vertical-align:middle;padding:12px;border:1px #5c606f solid;margin-left:20px;}
#pied-reprise-rapido #elem-groupe img{height:35px;}
#pied-reprise-rapido #elem-groupe a{display:inline-block;}

#logo-rapido-bc{margin-right:10px;}
#logo-campereve{position:relative;top:5px;left:10px;}

#contentFoot #annex{margin-top:0}
#contentFoot #annex li{line-height:20px;list-style:none;display:block;}
#contentFoot #annex li a{color:#fff;text-decoration:none}
#contentFoot #annex li a:hover{text-decoration:underline}

#contentFoot{font-size:14px;}
#contentFoot:after{content:"";display:table;clear:both;}

#btn-yt img{position:relative;top:6px;left:10px;}

.citron{color:#f7a709;}

.tpl-select .btn {padding:10px; background:#8aced5; font-family: 'Poppins', arial, sans serif; color: #ffffff !important; transition:all .3s; margin-top:10px; position:absolute}
.tpl-select .btn:hover {background:#1d1d1b; color:#8aced5;}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/ RAJOUTS COLLECTION 2016 /-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

/* VOEUX 2016 */

#fondVoeux{background:url(../img/voeux.jpg) no-repeat top left;width:1200px;height:438px;position:relative;}
#fondVoeux #videoYT{width:675px;height:380px;position:absolute;top:30px;right:60px;}

/* video consult */
.video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 55.3%; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

a.linkEspace{display:block;border-bottom:1px #32353f solid;background:#444752;color:#fff;font-size:24px;text-align:center;padding:20px;margin-top:20px}
a.linkEspace:hover{background:#ee3d7f;color:#fff;}

h3.h3float{float:left;background:#eee;padding:10px;color:#666;margin:10px 10px 0 0}
h3.h3cont{color:#666;font-size:18px;padding:10px 0;font-weight:normal}

.fluxOK:after {
   content:"";
   display:table;
   clear:both;
}

.vvar{height:610px;}

.f-select{font-family: 'Bitter', serif;font-weight:400}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- MINI SITE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#tpl-ms #menuSecondaire{height:47px}

#line-ms-select{background:#292b32;}
.line-ms{padding:20px;}
.line-ms h2{padding: 10px 24px 10px 20px;color: #393b41;font-size: 30px;font-family:'Work Sans', arial, sans serif;font-weight:300;}
#line-ms-select .f-select{font-size: 24px;color: #fff;}
#line-ms-select.line-ms h2{color: #fff;}

.bulle-ms{color:#666666;width:100%;font-size:15px;padding:10px 0;box-sizing:border-box;text-align:center;background:#32353f;}
#line-ms-select .bulle-ms{background:transparent;}
.bulle-ms .cell-mod-m{width:32%;float:left;box-sizing:border-box}
#line-ms-select .bulle-ms .cell-mod-m{border:none;}
.bulle-ms .sav_plus{background:#32353f;padding:0 40px 20px;margin-top:15px;color:#fff;}
.bulle-ms a img{width:180px;margin-top:15px;}
.bulle-ms span.taille{color:#fff;font-family:'Work Sans', arial, sans serif;font-weight:300}
.bulle-ms .sav_plus a, .bulle-ms .sav_plus2 a{display:block;font-size:12px;color:#FFF;background:#f7a709;text-align:center;padding:5px 10px;}
.bulle-ms .sav_plus a:hover{background:#29d5de;color:#fff;}
.bulle-ms .sav_plus2 a:hover{background:#29d5de;}
.bulle-ms p{padding:5px 15px;}

.bulle-ms h3{padding:0 0 15px;color:#fff;font-size:24px;line-height:1.5;font-family:'Work Sans', arial, sans serif;font-weight:500}
#line-ms-select .bulle-ms h3{color:#ffffff}
.bulle-ms h3 span.f-select{display:inline-block;text-align: center;color:#fff;font-size:18px;font-family:'Bitter', serif;font-weight:400}
.bulle-ms h3 span.dim{display:block;text-align: center;font-size: 15px;font-style: italic;color:#747988;}
.bulle-ms h3 span.new-label{display:inline-block;font-size:14px;padding:2px 5px;background:#f7a709;color:#fff;font-weight:bold;margin-left:6px;vertical-align:middle;position:relative;top:-2px;}

.bulle-ms .imp{width:90%;max-height: 200px;height: 200px}
.bulle-ms .imp2{width:80%;margin:-20px auto 0;}
.bulle-ms .imp img,.bulle-ms .imp2 img{vertical-align:middle;width:100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

#line-ms-select .bulle .cell-mod-m h2{font-family:'Work Sans', arial, sans serif;font-weight:500;padding:15px 15px 0 15px;font-size:20px;color:#fff;}
#line-ms-select  .bulle-select .cell-mod-m h2{color:#32353f;}
#line-ms-select  .bulle .cell-mod-m h2 span{display:inline-block;vertical-align:middle;font-size:15px;font-style:italic;color:#747988;padding:10px 10px 10px;font-family:'Work Sans', arial, sans serif;font-weight:300}
.bulle-ms a img{margin-top:0}
#line-ms-select .bulle-select a img{margin-top:10px}

.ctxt-export .bulle-select{width:650px;background:#989ca2;border-color:#989ca2;border-right:0}
.ctxt-export .bulle-select .cell-mod-m{width:33.3334%;height:225px;}
.ctxt-export .bulle-select .cell-mod-m h2 span{display:block;padding:0 0 0 0}
.ctxt-export .bulle-select .sav_plus{background:#292b32}
.ctxt-export .bulle-select .sav_plus a{background:#000}
.ctxt-export .bulle-select .sav_plus a:hover{background:#464a58}
.bulle-select .svg__up .st0 {fill:#fff}

#infosLangues{clear:both;padding:20px 0 30px}
#infosLangues a{display:block;margin-bottom:20px;padding:20px;background:#3a3d47;color:#fff;text-align:center;font-size:18px;font-family:'Work Sans', arial, sans serif;font-weight:300}
#infosLangues a img.flag{vertical-align:middle;display:inline-block;margin-right:10px;border:2px #fff solid}
#infosLangues a:hover{background:#ee3d7f;color:#fff}

div.cell-concess{width:46%;margin:2%;float:left;background:#3a3d47;padding:15px;box-sizing:border-box;color:#fff;font-size:16px;line-height:24px;font-family:'Work Sans', arial, sans serif;font-weight:300}
div.noMarge{clear:both;}
.mini-adresse-titre{font-size:20px;}
div.cell-concess a{display:block;background:#00abcc;color:#fff;padding:5px;margin-top:8px;}
div.cell-concess a.mailto{background:#00abcc;color:#fff}
div.cell-concess a:hover,div.cell-concess a.mailto:hover{background:#464a58;color:#fff}

.highlight-2{background:#4a4c56;padding:50px;}
/*#tpl-ms #gfx_Fourgons {top:-40px;}*/
#tpl-ms #header .conteneur{position:relative;padding:20px 0 35px;background:url(../img_2017/squelette/bg-color.jpg) no-repeat bottom right}
#tpl-ms #footer{text-align:center;background:#3a3d47 url(../img_2017/squelette/bg-color-footer.jpg) no-repeat top center;color:#fff;font-family:"arial";font-size:18px;line-height:22px;padding:30px 0}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- TOP -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#menuSecondaire{background:#3a3d47;font-family:'Work Sans', arial, sans serif;font-weight:300;font-size:16px;padding:0 0 0 0}
#menuSecondaire a#dlDoc{display:block;float:right;padding:12px 13px 12px 42px;background:#ee3d7f url(../img/top/dldoc.png) no-repeat 15px center;background-size:16px 16px;color:#fff;position:relative;z-index:20;}
#menuSecondaire p#langues{float:left;}
#menuSecondaire p#langues a{display:inline-block;margin-right:12px;height:47px;box-sizing:border-box;background:#494c57;padding:10px;vertical-align:middle;color:#86888b;}
#menuSecondaire p#langues a:hover{background:#ee3d7f}
#menuSecondaire p#langues a img{border:2px #8c8d92 solid;display:inline-block;vertical-align:middle;margin-top:2px;}
#menuSecondaire p#langues a:hover img,#menuSecondaire p#langues a.actif img{border-color:#fff;}
#menuSecondaire p#langues span.ico{display:inline-block;vertical-align:middle;margin:8px 0 0 10px;width:12px;height:6px;background:url(../img/flags/fleche.png) no-repeat 0 0;background-size:12px 6px}
#menuSecondaire ul{padding:15px 0 10px}
#menuSecondaire ul li{list-style:none;display:inline;color:#c0c1c2}
#menuSecondaire ul li a{text-decoration:none;color:#c0c1c2}
#menuSecondaire ul li a:hover{text-decoration:underline;color:#fff}

#languesPays{background:#ee3d7f;padding:15px 0 5px;display:none}
#languesPays .inside{padding-left:10px}
#languesPays a{display:inline-block;margin-right:6px;}
#languesPays a img{display:inline-block;vertical-align:middle;border:2px #f4d2de solid;margin-bottom:10px;}
#languesPays a:hover img{border:2px #fff solid}

#menuPrincipal{background:#3a3d47;border:1px #4a4c56 solid;border-left:none;border-right:none}
#menuPrincipal .conteneur{position:relative;}
#menuPrincipal ul li{list-style:none;display:inline-block;margin:0;border-left:1px #ddd solid;}
#menuPrincipal ul{display:flex;}
#menuPrincipal ul li>a{display:flex;align-items:center;justify-content:center;height:100%}

#menuPrincipal ul li a.decBulle{text-align:center;display:block;margin:0;padding:13px 18px 6px 18px;color:#f7a709;font-size:16px;font-family:'Work Sans', arial, sans serif;font-weight:500;line-height:21px;box-sizing:border-box;}
#menuPrincipal ul li a.var-exclusive{line-height:15px;padding:11px 24px 0px 20px}
#menuPrincipal ul li a.l-se{width:175px}
#menuPrincipal ul li a.decBulle span.f-select{font-size:28px;color:#fff}
#menuPrincipal ul li a.decBulle span.nouveau, #menuPrincipal ul li a.decBulle span.nouveau2, #menuPrincipal ul li a.decBulle span.nouveau3{background:#ee3d7f;color:#fff;padding:1px 7px 1px 4px;border-radius:4px;margin-right: 4px;}
#menuPrincipal ul li a.decDim{text-align:center;display:block;margin:0;padding:0px 24px 10px 20px;color:#f7a709;font-size:30px;font-family:'Work Sans', arial, sans serif;font-weight:300;font-style:italic;line-height:12px;}

/*#menuPrincipal ul li a:last-child{border-right:1px #4a4c56 solid;}*/
#menuPrincipal ul li.varlast a{border-right:1px #4a4c56 solid;}
#menuPrincipal ul li.couleur2 a, #menuPrincipal ul li.couleur3 a{border-right:1px #ddd solid;}
#menuPrincipal ul li a span span{color:#86888b;font-size:14px;font-weight:300}
#menuPrincipal ul li a span.sup{display: inline-block;vertical-align: middle;font-weight:bold;color:#393b41}
#menuPrincipal ul li a:hover span.sup,#menuPrincipal ul li a.actif span.sup,#menuPrincipal ul li a.actifDec span.sup{color:#fff}
#menuPrincipal ul li.couleur2 a{color:#bed730;}
#menuPrincipal ul li.couleur3 a{color:#ee3d7f;}
#menuPrincipal ul li a:hover,#menuPrincipal ul li a.actif{background:#eee;}
#menuPrincipal ul li.couleur1 a:hover,#menuPrincipal ul li.couleur1 a.actif{color:#fff;background:#32353f;}
#menuPrincipal ul li.couleur1:hover,#menuPrincipal ul li.couleur1 .actif{color:#fff;background:#32353f;}
#menuPrincipal ul li.couleur2 a:hover,#menuPrincipal ul li.couleur2 a.actif{color:#fff;background:#bed730;}
#menuPrincipal ul li.c-select a:hover,#menuPrincipal ul li.c-select a.actif{color:#32353f;background:#292b32;}
#menuPrincipal ul li.couleur3 a:hover,#menuPrincipal ul li.couleur3 a.actif{color:#fff;background:#ee3d7f;}

.ctxt-export #menuPrincipal ul li a.decBulle{display: inline-block;margin: 0;border-left: 1px #4a4c56 solid;padding: 16px 24px 13px 20px;color: #f7a709;font-size: 22px;font-family: 'Work Sans', arial, sans serif;font-weight:300;line-height: 24px;}
.ctxt-export #menuPrincipal ul li.c-select a.decBulle{border-right: 1px #4a4c56 solid;}
.ctxt-export #menuPrincipal ul li.c-select a.decBulle:hover{background: #292b32;}
.ctxt-export #d42{left:0}
.ctxt-export #menuPrincipal ul li a.decBulle svg, .ctxt-export #menuPrincipal ul li a.decBulle .f-select{margin-left:6px;position: relative;top:1px}

#menuPrincipal ul li a span.fun{font-family:'Work Sans', arial, sans serif;font-weight:300;font-weight:700;font-size:30px;font-style:italic;padding-left:0}
#menuPrincipal ul li a span.fun span.fletter{color:#f7a709;font-size:30px;font-weight:700}
#menuPrincipal ul li a span.fun span.uletter{color:#bed730;font-size:30px;font-weight:700}
#menuPrincipal ul li a span.fun span.nletter{color:#ee3d7f;font-size:30px;font-weight:700}
h2 span.fun{font-family:'Work Sans', arial, sans serif;font-weight:300;font-weight:700;font-size:30px;font-style:italic;padding-left:0}
h2 span.fun span.fletter{color:#f7a709;font-size:30px}
h2 span.fun span.uletter{color:#bed730;font-size:30px}
h2 span.fun span.nletter{color:#ee3d7f;font-size:30px}



@media (max-width:50em){
    .whi.ctxt-export #menuPrincipal ul li a.decBulle,
    .whi.ctxt-export #menuPrincipal ul li.c-select a.decBulle{padding:6px;font-size:14px;line-height:16px;}
    a.decBulle span{display:block;margin:auto;}
    a.decBulle span.city {margin-top:5px;}
    /* - variante fr - */a.decBulle span.reduce{display: none;}
    .svg__fun{width:46px;height:16px}
    #menuPrincipal ul li a.decBulle span.f-select{font-size:20px}
    .ctxt-export #menuPrincipal ul li a.decBulle svg, .ctxt-export #menuPrincipal ul li a.decBulle .f-select{margin-left:0;top:0}
}

.high2{padding:0 30px;}

/* PLACEMENT BULLE */
/* bulle menu */
.bulle{display:none;z-index:140;color:#666666;font-size:15px;width:210px;padding-top:10px;position:absolute;text-align:left;left:-1000px;top:50px;background:#32353f;border-left:1px #4a4c56 solid;border-right:1px #4a4c56 solid;border-bottom:2px #4a4c56 solid;}
.ctxt-export .bulle{top:57px}
#varFR .bulle{top:66px}
#varFR .bulle-2 {top:64px !important;}
.bulle .sav_plus{background:#fff;padding:0 25px 20px;margin-top:10px;color:#333;}
.sav_plus2{background:#fff;padding:0 25px 20px;margin-top:0px;color:#333;}
.bulle a img{width:180px;margin-top:15px;}
.bulle span.taille{color:#fff;font-family:'Work Sans', arial, sans serif;font-weight:300}
.site_it .bulle .sav_plus{padding:22px 30px 12px}
.site_de .bulle .sav_plus{padding:22px 15px 12px}
.bulle .sav_plus a, .bulle .sav_plus2 a{display:flex;flex-direction:column;font-size:12px;color:#32353f;background:#ffdfb0;text-align:center;padding:5px 10px;border-radius:6px;width:100%;box-sizing:border-box;}
/*#d55 .sav_plus a{background:#bed730}
#d43 .sav_plus a, #d43 .sav_plus2 a{background:#ee3d7f}*/
.bulle .sav_plus a:hover{background:black !important;color:#fff;}
.bulle .sav_plus2 a:hover{background:white !important;color:black;}
/*#d55 .sav_plus a:hover{background:#cfeb2e;color:#fff;}
#d43 .sav_plus a:hover{background:#fb5995;color:#fff;}
#d43 .sav_plus2 a:hover{background:#fb5995;color:#fff;}*/
/*#d43 .sav_plus{padding-bottom:10px}*/
.bulle p{padding:10px 0 0;text-align:center;}
.ctxt-export .bulle p{padding-top:0}

/* placement bulles */
#dcapfun{left:0;}
#d42{left:90px;}
#d43{left:100px;}
#d53{left:270px;}
#d55{left:360px;}
#d55se{width:217px;box-sizing:border-box;left:487px;}
#d58{left:610px;}
#dcamperfive{left:610px;}

#gamme{left:0px;}
#d42-2{left:103px;}
#d43-2{left:135px;}
#d43up{left:130px;}
#d68{left:35px;}
#d43upred{left:305px;}
#d53-2{left:90px;}
#d55-2{left:300px;}
#d55se-2{left:210px;}
#d60-2{left:613px;}
#d58-2{left:802px;}
#dcamperfive-2{left:445px;}

.svg__spring-edition{display:block;width:400px;height:32px;}
.svg__spring-edition .st0{fill:#393b41;transition:all .3s ease}
span.sup .svg__spring-edition{width:120px;height:10px}
.mini .svg__spring-edition{width:80px;height:6px;margin-top:5px;}
#menuPrincipal ul li a:hover span.sup .svg__spring-edition .st0, #menuPrincipal ul li a.actif span.sup .svg__spring-edition .st0, #menuPrincipal ul li a.actifDec span.sup .svg__spring-edition .st0{fill:#fff}


.f-a-c,.contentAmbiance .flex-3.f-a-c{justify-content:center;align-items:flex-start}


.derActu{margin-bottom:40px;padding-bottom:40px;border-bottom:1px #4a4c56 solid;}


/* BULLES EXPORT */

.ctxt-export .bulle{width:700px;padding-top:0;font-family:'Work Sans', arial, sans serif;font-weight:300}
.ctxt-export .bulle .flex-mod{display:flex;flex-direction:row;flex-wrap:wrap;background:#fff;}
.ctxt-export .bulle-select .flex-mod{background:transparent;}
.ctxt-export .bulle .cell-mod-m{width:33.3334%;border:1px #4a4c56 solid;box-sizing:border-box;}
/* .ctxt-export .bulle .mod-d55-exclusive,.ctxt-export .bulle .mod-camperfive, .ctxt-export .bulle .mod-d55{width:33.3334%;} */
.ctxt-export .bulle-select .cell-mod-m{background:#292b32;border:1px #333  solid;}
/* .ctxt-export .mod-d42,.ctxt-export .mod-d43,.ctxt-export .mod-d53{height:235px} */
.ctxt-export .bulle .cell-mod-m h2{font-family:'Work Sans', arial, sans serif;font-weight:500;padding:15px 15px 0 15px;font-size:20px;color:#fff;}
.ctxt-export .bulle-select .cell-mod-m h2{color:#fff;}
.ctxt-export .bulle .cell-mod-m h2 span{display:inline-block;vertical-align:middle;font-size:15px;font-style:italic;color:#747988;padding:10px 10px 10px;font-family:'Work Sans', arial, sans serif;font-weight:300}
.ctxt-export .bulle .cell-mod-m h2 span.f-select{display:inline-block;vertical-align:middle;font-size:16px;font-style:normal;color:#000;padding:10px 10px 10px;font-family:'Bitter', serif;font-weight:400}
.bulle a img{margin-top:0}
/*.bulle-select a img{margin-top:10px}*/

.ctxt-export .bulle-select{width:800px;background:#292b32;border-color:#333;border-right:0}
.ctxt-export .bulle-select .cell-mod-m{width:33.33%;height:225px;}
/* .ctxt-export .bulle-select .cell-mod-m.mod-d55-plus-select,.ctxt-export .bulle-select .cell-mod-m.mod-familyvan,.ctxt-export .bulle-select .cell-mod-m.mod-campervanxl{width:33.3334%} */
.ctxt-export .bulle-select .cell-mod-m h2 span{padding:0 0 0 0}
.ctxt-export .bulle-select .sav_plus{background:#292b32}
.ctxt-export .bulle-select .sav_plus a{background:#000;color:#fff}
.ctxt-export .bulle-select .sav_plus a:hover{background:white !important; color: black;}

a.dp-center{display:block;text-align:center;}

.liensGamme{display:block;background:#989ca2;}
.liensGamme a{display:inline-block;background:#f7a709;width:100%;box-sizing:border-box;padding:10px;text-align:center;color:#fff}
.bulle-select .liensGamme a{background:#32353f;}
.bulle-select .liensGamme a:hover{background:#f7a709;}

.highlight{background:#ee3d7f;margin:15px;color:#fff;padding:30px;}
#actus-from-rapido .highlight{background:#32353f;margin:0}
.col50{margin:2%;width:46%;float:left;border:1px #ee3d7f solid;padding:20px;box-sizing:border-box;text-align:justify}
.col50 h3{color:#fff;font-size:19px;margin:20px 0 12px;font-weight:bold;}
#pageHC .textLeft .col50 p{font-size:15px;line-height:24px;text-align:justify}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- ACCUEIL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#header{background:#32353f;}
#header .conteneur{position:relative;padding:15px 0 15px;background:url(../img/squelette/bg-color.jpg) no-repeat bottom right}
#header #logoDreamer{float:left;width:250px;height:67px;margin:15px 0 0 15px}
#header #logoDreamer a{text-indent:-999px;display:block;float:left;width:250px;height:67px;background:url(../img/top/logo-dreamer.png) no-repeat center center;background-size:250px 67px;}
#gfx_Fourgons{position:absolute;z-index:10;width:280px;top:10px;right:0}
@media (max-width:980px){
    #gfx_Fourgons{width:230px;top:30px;right:0}
}
@media (max-width:50em){
    .whi #header #logoDreamer a{width:200px;height:54px;background-size:200px 64px}
    #header #logoDreamer{float:none;margin:10px auto;width:200px;height:54px}
}

#visuel{margin-bottom:30px}
#visuel .conteneur{position:relative;}
#visuel img{vertical-align:middle}
#visuel span.barre{display:block;position:absolute;bottom:-6px;width:24%;height:12px;}
#visuel span#barrecoul1{left:14%;background:#f7a709}
#visuel span#barrecoul2{left:38%;background:#bed730}
#visuel span#barrecoul3{left:62%;background:#ee3d7f}

#visuel .def{position: relative;}
    .def span.txt-bandeau{display:none;position: absolute;bottom:10px;left:10px;background:rgba(255,255,255,0.85);color:#393b41;padding:10px;font-size:18px;font-family:'Work Sans', arial, sans serif;transition:all .3s ease}
    .def span.txt-bandeau strong{color:#f7a709;font-weight:bold;}
    .def span.txt-bandeau.select_tpl strong {color: #8aced5}
    .def:hover span.txt-bandeau{background:rgba(255,255,255,1)}

#navVA{width:100%;position:absolute;z-index:130;bottom:-30px;left:0;text-align:center;}
#navVA a{display:inline-block;text-align:center;width:50px;text-indent:4000px;height:9px;margin:0 3px;background:#ffffff}
/* ex #ddd au dessus */
#navVA a.cycle-pager-active,#navVA a:hover{background: #ffdfb0}
.ctxt-export #navVA a.cycle-pager-active, .ctxt-export #navVA a:hover {background: #000}
/* ex #00abcc au dessus */

#contentAccueil{background:#32353f;padding:30px 0;}

#titreCatalogue{font-size:32px;padding-bottom:30px;color:#fff;font-family:'Work Sans', arial, sans serif;font-weight:300;text-align:left;}

#catalogue1{float:left;}
#catalogue2{float:right;width:550px}
#catalogue100{width:100%}
.tpl-catalogue{font-family:'Work Sans', arial, sans serif;font-weight:300;font-size:15px;width:550px;color:#f6f6f6;}
.tpl-catalogue p.texte{line-height:22px;text-align:justify;}
#catalogue-marque p.texte{padding-top:7px;}

#cell-marque,#cell-d42,#cell-d43{float:right;}
#cell-d43{float:left;}
#cell-d55{margin-right:30px}
#cell-d55{float:right;width:380px}
.tpl-cell{font-family:'Work Sans', arial, sans serif;font-weight:300;font-size:15px;width:380px;color:#f6f6f6;}
.tpl-cell p.texte{line-height:22px;text-align:justify;}
#cell-marque p.texte{padding-top:7px;}

.tpl-catalogue .visuelCoin{position:relative;margin-bottom:15px;}
.tpl-catalogue .baseline{position:absolute;top:10px;width:90%;left:3%;padding:2%;color:#32353f;font-size:22px;text-align:center;
background:#fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.tpl-cell .visuelCoin{position:relative;}
.tpl-cell .visuelCoin img{display:block;vertical-align:middle; max-width: 380px; overflow: hidden;}

.tpl-cell .baseline{position:absolute;bottom:10px;width:90%;left:3%;padding:2%;color:#32353f;font-size:20px;text-align:center;pointer-events:none;
background:rgba(255,255,255,0.8);
}
.tpl-cell span.coin{background:url(../img/accueil/coin_photo.png) no-repeat 0 0;width:82px;height:66px;position:absolute;bottom:0;right:0;font-size:22px;}

#catalogue1 h2,#catalogue2 h2,#catalogue100 h2{position:relative;font-family:'Work Sans', arial, sans serif;font-weight:300;font-style:italic;z-index:15;margin:-80px 0 -10px;color:#fff;font-size:90px;text-shadow: -1px 0px 1px rgba(40, 31, 26, 1);padding-left:60px;}
#catalogue1 p.texte a,#catalogue100 p.texte a{color:#bed730;}
#catalogue100 p.texte{margin-left:60px}
#catalogue2 p.texte a{color:#ee3d7f;}
.catalogue-modele p.texte a{text-decoration:underline}
.catalogue-modele p.texte a:hover{text-decoration:none}

#cell-d42 h2,#cell-d55 h2,#cell-d43 h2,#cell-d58 h2{position:relative;font-family:'Work Sans', arial, sans serif;font-weight:700;z-index:15;margin:0;color:#f7a709;font-size:22px;text-align:center;background:#3a3d47;padding:20px;}
#cell-d42 h2.nopad,#cell-d55 h2.nopad,#cell-d43 h2.nopad,#cell-d58 h2.nopad{padding:0 20px;}
#cell-d55 h2,#cell-d55 p.texte a{color:#bed730;}
#cell-d43 h2,#cell-d43 p.texte a{color:#ee3d7f;}
#cell-d42 p.texte a{color:#f7a709}
.cell-modele p.texte{background:#3a3d47;padding:5px 15px 15px}
.cell-modele p.texte a{text-decoration:underline}
.cell-modele p.texte a:hover{text-decoration:none}
.ctxt-export #cell-d42 h2,.ctxt-export #cell-d55 h2,.ctxt-export #cell-d43 h2,.ctxt-export #cell-d58 h2{position:relative;padding:17px 15px 14px;background:#3a3d47;font-family:'Work Sans', arial, sans serif;font-weight:700;z-index:15;color:#fff;font-size:22px;text-align:center}
.ctxt-export #cell-d55 h2,.ctxt-export #cell-d55 p.texte a{color:#fff;background:#3a3d47}
.ctxt-export #cell-d43 h2,.ctxt-export #cell-d43 p.texte a{color:#fff;}

/*#infosTech{color:#fff;padding-top:10px;}
#infosTech table{width:100%;border:1px #32353f solid;border-collapse:collapse;padding:0}
#infosTech table tr td{background:#424550;padding:12px;}
#infosTech table tr.deux td{background:#32353f;}
#infosTech table tr td.titre{background:#f7a709;color:#fff;font-weight:bold;font-size:12px;}
#infosTech table tr td.borderdroite{border-left:1px #3a3d47 solid;text-align:center;padding-right:10px;}*/

/*.tpl-select #infosTech table{border-color:#292b32;}
.tpl-select #infosTech table tr td{background:#bec1c6;color:#32353f}
.tpl-select #infosTech table tr.deux td{background:#acafb3;}
.tpl-select #infosTech table tr td.titre{background:#32353f;}
.tpl-select #infosTech table tr td.borderdroite{border-left:1px #292b32 solid;}
.tpl-select #infosTech table tr td.titre{color:#fff;}*/

/* #tabCarac td strong.f-select{font-size:30px} */

#infosTech div.legende,#infosTech div.legende3{width:180px;margin-left:15px;float:left;}
#infosTech div.leg{width:30px;float:left;overflow:hidden}
#infosTech div.sig{width:150px;float:left}
#infosTech div.legende3{width:290px;}
#infosTech div.legende3 div.sig{width:260px}

#actualitesAccueil{width:380px;float:left;}
#modelesAccueil{width:788px;float:right;}

#actualitesAccueil h2 a{display:block;background:#393b41;padding:10px;font-size:18px;color:#fff;font-family:'Work Sans', arial, sans serif;font-weight:500;}
#actualitesAccueil h2 a:hover{background:#fdc87f}
#actualitesAccueil #vis{position:relative;}
#actualitesAccueil #vis img{display:block;vertical-align:middle;width:100%;}
#actualitesAccueil h3{position:absolute;bottom:10px;width:90%;left:3%;padding:2%;color:#32353f;font-size:22px;text-align:center;
background:#fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}
#actualitesAccueil p{text-align:justify;background:#3a3d47;padding:15px;font-family:'Work Sans', arial, sans serif;font-weight:300; font-size: 15px; color: #f6f6f6;}

#encart-couleur{width:260px;color:#fff;text-align:center;}


.encart-savoir{padding:170px 40px;float:left;margin-right:50px;background:#ee3d7f;}
.ctxt-export .encart-savoir{padding:130px 40px}
.varRight{float:right;margin-left:50px;margin-right:0;background:#f7a709}

.encart-savoir span.ico{margin:50px auto 30px;display:block;width:100px;height:100px;background:url(../img/hc/smile.png) no-repeat 0 0;background-size:100px 100px}
.varRight span.ico{margin:50px auto 30px;display:block;width:100px;height:171px;background:url(../img/hc/ampoule.png) no-repeat 0 0;background-size:100px 171px}
.varQualite span.ico{margin:50px auto 30px;display:block;width:100px;height:100px;background:url(../img/hc/qualite.png) no-repeat 0 0;background-size:100px 100px}
.varAmbiance span.ico{margin:50px auto 30px;display:block;width:100px;height:100px;background:url(../img/selleries/couture.png) no-repeat 0 0;background-size:100px 100px}
.varEqts{padding:20px 40px}
.varEqts span.ico{margin:50px auto 30px;display:block;width:100px;height:100px;background:url(../img/equipements/cle.png) no-repeat 0 0;background-size:100px 100px}

/* #contentModele .contentAmbiance h2{padding-bottom:0} */


#contentModele h2.rose{color:#ee3d7f;}
#contentModele h2.bleu{color:#f7a709;}
.widthJeune{float:left;width:810px;}

ul.listeSimple{margin:10px 30px;font-size:16px;}
div.plusBoite{border:1px #fff solid;padding:40px 40px 20px;color:#fff;font-size:16px;line-height:20px;position:relative;}
div.plusBoite p{padding-bottom:10px;}
div.plusBoite p.plus{position:absolute;border:1px #fff solid;border-top:0;border-left:0;padding:6px 10px;top:0;left:0;font-size:32px;font-weight:bold;}

div.cell1-4{width:23%;float:left;margin:1%;margin-top:20px;text-align:center;}
div.cell1-4 img{display:block;vertical-align:middle;margin-bottom:20px;width:100%;}

div.cell1-3{width:25.3334%;float:left;margin:2% 4%;margin-top:20px;text-align:center;}
div.cell1-3 img{display:block;vertical-align:middle;margin-bottom:20px;width:100%;}

div.left50{width:48%;float:left;margin-top:30px}
div.right50{width:48%;float:right;margin-top:30px}
#pageHC .textLeft h2.midbb,#pageHC .right50 h2.midbb,#pageHC .left50 h2.midbb{text-align:center;border:1px #4a4c56 solid;border-top:0;padding:15px;margin-top:0}
.ctxt-export .varexpInno{padding:90px 40px}
.ctxt-export .varQualite{padding:100px 40px}
#pageHC .textLeft h2.h2-doc{text-align: center;padding-bottom: 20px;border-bottom:1px dotted #575963;margin-top:0;font-size:16px;}
.margeSel{margin:90px 190px 0 0}
img.imgFamille{margin:0 40px}
.discret,#pageHC p.discret{color:#ddd;font-size:13px;}
.tpl-select .discret,.tpl-select #pageHC p.discret{color:#606679;}

span.high-gamme{display: inline-block;
    padding: 5px 15px;
    vertical-align: middle;
    color: #b48e7f;}
#visuModele span.high-gamme{position:relative;top:-4px;margin-right:7px;font-size:36px}
#visuModele span.high-gamme svg{margin-left:10px;}

.marge-top-avec-implant{margin-top:20px;}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-//-/- PAGE MODELE -/-/-/-/-/-/-/-/-/-/-//-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#contentModele{background:url(../img/squelette/top_content.gif) no-repeat top center;padding-top:30px;color:#f6f6f6;font-family:'Work Sans', arial, sans serif;font-weight:300}
#visuModele{width:calc(100% - 330px);float:left;position:relative;}
#visuModele img{display:block;vertical-align:middle;width:100%}
#caracteristiquesModele{width:300px;float:right;}

.tpl-select #contentModele{color:#32353f}

/* .tpl-select #contentModele{background:#292b32 url(../img/squelette/motif-select.gif) repeat-x top center} */
.tpl-select #contentModele {
    background: #e7ddd8;
}
.page-gamme #contentModele{background:#292b32 url(../img/export/standard/bg-select.jpg) no-repeat 0 0}

#visuModele p.label,.cell-modele p.label{position:absolute;bottom:15px;left:15px;width:115px;height:63px;background:url(../img/squelette/label.png) no-repeat 0 0;background-size:115px 63px;z-index:10}
.cell-modele p.label{width:60px;height:60px;background-size:60px 60px}
#contentAccueil .cell-modele p.label{width:100px;height:55px;background-size:100px 55px}

.visuel-label{position:relative;}
#visuModele a.label-promobile{position:absolute;top:-18px;right:10px;width:129px;height:232px;background:url(../img/label-promobil-2016.png) no-repeat 0 0;z-index:10}

#contentModele .conteneur{position:relative;}
#contentModele h1{font-size:26px;color:#ffffff;padding:0 0 10px;}
#contentModele h2{font-size:26px;color:#ffffff;padding:0 0 10px;}
#contentModele h2.vert{color:#f7a709}
#contentModele p.legende{font-size:12px;color:#f6f6f6;padding:10px 0}
#contentModele p.texteModele{font-size:16px;line-height:26px;text-align:justify;}


@media (max-width:60em){
    #contentModele h1{padding-bottom:30px;font-size:18px;}
    #visuModele span.high-gamme{font-size:22px}
}

#contentModele .cell1-4 p.legende{padding:0 15px;font-size:14px;line-height:20px;}

.block-white-addict{display: flex;align-items:center;justify-content:center;}
img.size-d43up{width:90%;margin:auto;display: block;margin-left:20px;}
.block-white-addict span{display:inline-block;font-size:13px;padding:6px;background:#8aced5;color:#fff;border-radius:6px; text-align: center}
.c-d43up-mos{display:flex;justify-content:space-between}
.c-d43up-mos>a:nth-child(2){margin:0 30px}
.c-d43up-mos img{display:block;width:100%}
@media(max-width:1000px){
    .c-d43up-mos{flex-direction:column;}
    .c-d43up-mos>a{margin:0 0 30px !important}
}

.tpl-select #contentModele h2{margin-top:20px;color:black;font-family:'Poppins', arial, sans serif;font-weight:500;border-bottom:1px #606679 solid;padding-bottom:25px;}
.tpl-select #contentModele h2.h2-seo{border:none;padding-bottom:15px;}
.tpl-select #contentModele h2.h2-seo .font-hand, .tpl-select h2.h2-seo strong{color:white !important}

#contentModele .infosChiffrees h2{position:relative;text-align:center;font-size:20px;font-weight:300;border:none;padding:0;margin-bottom:15px;}
#contentModele .infosChiffrees h2.var-d43up{margin-top:6px;}
.tpl-select #contentModele .infosChiffrees h2{margin-top:47px;}
#contentModele .infosChiffrees h2 span.points{height:1px;position:absolute;top:50%;left:0;width:100%;border-top:2px #7c8192 dotted;z-index:3}
#contentModele .infosChiffrees h2 img.logoMarque{z-index: 25;padding: 0px 0px 0px 10px;position: relative;background-color: #3a3c49;}
#contentModele .infosChiffrees h2 img.logoMarqueExp{z-index: 25;padding: 4.7px 10px;position: relative;background-color: #b48e7f;}
#contentModele .infosChiffrees h2 img.marqueFord{width: 34px;}
#contentModele .infosChiffrees h2 img.marqueFiat{width: 35px;margin-top: 0px;}
#contentModele .infosChiffrees h2 img.marquePeugeot{width: 50px;margin-top: 0px;}
#contentModele .infosChiffrees h2 span.dimension{position:relative;z-index:10;background:#3a3d47;display:inline-block;padding:0 10px;}
.tpl-select #contentModele .infosChiffrees h2 span.points{border-top:2px #b48e7f dotted;}
.tpl-select #contentModele .infosChiffrees h2 span.dimension{background:#b48e7f;}

#plusModele{background:#32353f;padding:30px 0;}
.tpl-select #plusModele{background:#d0b8ae}
#visuelsComplement{width:600px;float:right;}
#visuelsComplement #lesPlus {margin-bottom:20px;}
.tpld58 #visuelsComplement,.tpld55 #visuelsComplement{width:630px;}
#lesPlus{width:535px;float:left;padding-left:115px;position:relative;box-sizing:border-box}

@media (min-width:45em) {
    #plusModeleOption {display: flex; justify-content: space-between;}
    #plusModeleOption #lesPlus {width: 100%}
}

/* carousel modèle */
#plusModele #diapo{float:right; width:200px;padding:15px;box-sizing: border-box; text-align: center;}

#diapo img {border:4px #fff solid; margin-bottom:12px; max-width: 100%;}
#diapo.newcapland img {max-height: 50px;}
#diapo img.actif, #diapo img:hover, #diapo span.cycle-pager-active img {border-color:#f7a709}
.tpl-select #diapo img.actif, .tpl-select #diapo img:hover, .tpl-select #diapo span.cycle-pager-active img {border-color:#4a4c56}

#defileCycle{width:calc(100% - 200px); margin-bottom:40px;};
#defileCycle img{width:100%; display: block;}


@media (max-width:45em) {
    #plusModele #diapo {display: none;}
    #defileCycle{width:100%}
}


#lesPlus ul li{list-style:none;font-size:16px;line-height:36px;}
#lesPlus span.gfx_les,#lesPlus span.gfx_plus{font-size:16px;color:#f7a709;position:absolute;top:10px;left:10px;}
.tpl-select #lesPlus span.gfx_les,.tpl-select #lesPlus span.gfx_plus{color:black;}
.tpl-select #lesPlus ul{color:black;}
.vard55 #lesPlus span.gfx_les,.vard55 #lesPlus span.gfx_plus{color:#bed730;}
.vard43 #lesPlus span.gfx_les,.vard43 #lesPlus span.gfx_plus{color:#ee3d7f;}
#lesPlus span.gfx_plus{font-size:130px;font-family:'Work Sans', arial, sans serif;font-weight:700;top:-40px;left:22px;}
#lesPlus span.gfx_plus--smaller{font-size:120px;}
#lesPlus ul li span{color:#f7a709;font-size:18px;padding-right:5px;font-family:'Work Sans', arial, sans serif;font-weight:300}
.tpl-select #lesPlus ul li span{color:#d0b8ae;}
.vard55 #lesPlus li span{color:#bed730}
.vard43 #lesPlus li span{color:#ee3d7f}
#lesPlus ul li.pdf a {background:#f7a709 url(../img/squelette/dlpdf.png) no-repeat 10px center;background-size:11px 17px;padding:10px 15px 10px 30px;margin-top:10px;display:block;color:#fff;float:left;line-height:1.6;border-radius:6px}
.tpl-select #lesPlus ul li.pdf a{background-color:#32353f}
.vard55 #lesPlus ul li.pdf a{background-color:#bed730}
.vard43 #lesPlus ul li.pdf a{background-color:#ee3d7f}
#lesPlus ul li.pdf a span{color:#fff}

#visuelsComplement .margecentre{margin-left:17px}

.modeled55 #lesPlus{float:none;width:auto;}
.modeled55 #lesPlus ul,.modeled43 #lesPlus ul{margin-bottom:30px;}
#penderieSysteme{float:right;width:350px;position:relative;position:relative;z-index:120;}
#penderieSysteme a.fancyVideo{display:block;position:absolute;bottom:0;left:0;width:96%;padding:6% 2%;background:#333;color:#fff;font-size:16px;text-align:center;text-transform:uppercase}
#penderieSysteme a.fancyVideo2{display:block;position:absolute;bottom:auto;z-index:120;top:50px;left:-230px;;width:200px;padding:6% 2%;background:#333;color:#fff;font-size:16px;text-align:center;text-transform:uppercase;border-radius:6px;transition:all .3s ease}
#penderieSysteme a.fancyVideo2:hover{background:#f7a709;}
#imgPlusD55,#imgPlusD43{margin-left:115px}
#infosModele{float:left;width:810px;}
#infosModele a.margecentre{margin:0 30px}

/* spring edition skin liste plus */
.plus-se-block{background:#f7a709;width: 420px;border-radius:0 8px 0 0;position: relative;left: -65px;padding-left:40px;}
#lesPlus ul li.plus-se{margin:0 10px;padding: 5px 15px;border-bottom:1px #42e6ef dotted;box-sizing:border-box;}
#lesPlus ul li.accroche-plus-se{position:absolute;background:#f7a709;width:270px;box-sizing:border-box;top:112px;left:-121px;transform:rotate(-90deg);border-radius:0;border:none;font-weight:bold;font-size:22px;text-align:right;}
#lesPlus ul li.accroche-plus-se strong{font-weight:28px;color:#fff}
.plus-se-block{position:relative;}
@media (max-width:800px){
    #lesPlus ul li.plus-se{width:100%}
    #lesPlus ul li.accroche-plus-se{position:relative;top:auto;left:-15px;transform:none;width:100%;text-align:left;}
}

#contentModele h1#titreModele{font-weight:normal;font-family:'Veneer', Arial, sans-serif;font-weight:600;font-size:80px;color:#e7be87; margin:0 20px 0px 0;}
#contentModele h1#titreModele svg.svg__up {height: 35px;width: auto;}
.tpl-select #contentModele h1 span svg.svg__up {height:35px;width: auto;}
/*.tpl-select #contentModele svg.svg__up .st0 {fill:#8aced5}*/
/* ---------------------------- */
/* ---------------------------- */
h1.tmd55, h1.tmd42, h1.tmd43,h1.tmcapfun,h1.tmdcamperfive{font-size:60px;text-shadow: -1px 0px 1px rgba(40, 31, 26, 1); font-weight: 600;}
h1.tmcapfun{left:-190px;top:75px;}
h1.tmdcamperfive{left:-245px;top:135px;}
h1.tmd42{color:#f7a709;}
h1.tmd43{color:#ee3d7f;}
/*h1 span {font-size: 20px;}*/
h1#titreModele span {font-size: 20px; visibility: hidden; display: none;}

@media (max-width:75em){
    #contentModele h1#titreModele{font-size:60px}
}
@media (max-width:60em){
    #contentModele h1#titreModele{font-size:40px}
}

.tpl-select h1#titreModele{color:#32353f;text-shadow:none}
.tpl-select #contentModele p.legende{color:#32353f}

#contentModele #pageHC h1{font-size:32px;padding-bottom:30px;}
.page-gamme #contentModele #pageHC h1{font-size:40px;padding-bottom:30px;margin-left:120px}
#pageHC{border-bottom:3px #32353f solid;padding-bottom:50px;}
.tpl-select #pageHC{border-bottom:0;color:black}
#pageHC p{font-size:16px;line-height:22px}

#texteLinks{background:#f7a709;padding:30px 0}
#texteIntro{width:70%;float:left;padding:0 30px 30px 0;box-sizing:border-box}
.ctxt-export #texteIntro,#texteIntro{float:none;margin:auto;text-align:center;}
#contentModele h2.c-fiche__accroche,
.c-fiche__accroche{font-weight:300;font-size:24px;text-transform:uppercase}
.ctxt-export #contentModele h2.c-fiche__accroche,
.c-fiche__accroche,#contentModele p.texteModele,.ctxt-export .c-fiche__accroche,.ctxt-export #contentModele p.texteModele{text-align:center;}
#contentModele h2.c-fiche__accroche strong,
.c-fiche__accroche strong{color:#f7a709;font-size:32px;display: inline-block;margin-left:4px;text-transform:none; font-weight: 400;}
.eqts-menu {display: flex; align-items: center; justify-content: center; flex-direction: column;}
@media (max-width: 550px) {
    .eqts-menu{ display: block;}
}
a#prod-sellerie,a#prod-eqts, a#prod-fun, a#prod-select{display:block;float:right;width:18%;text-align:center;color:#fff;font-size:14px;padding:10px;box-sizing:border-box;border:1px #25afb6 solid;}
.ctxt-export a#prod-sellerie,.ctxt-export a#prod-eqts,.ctxt-export a#prod-fun,.ctxt-export a#prod-select, a#prod-sellerie,a#prod-eqts,a#prod-fun, a#prod-select {display:block;float:right;width:70%;text-align:center;color:#fff;font-size:14px;padding:5px 0;box-sizing:border-box;border:1px black solid;}
a#prod-eqts{border-right:0}
a#prod-sellerie span.ico{margin:5px auto;display:block;width:50px;height:50px;background:url(../img/squelette/sellerie.png) no-repeat 0 0;background-size:50px 50px;padding:10px 0 0;}
.ctxt-export a#prod-sellerie span.ico{display:inline-block;width:50px;height:50px;background:url(../img/squelette/sellerie.png) no-repeat 0 0;background-size:50px 50px;padding:0}
a#prod-eqts span.ico{margin:5px auto;display:block;width:50px;height:50px;background:url(../img/squelette/cle.png) no-repeat 0 0;background-size:50px 50px;padding:10px 0 0;}
.ctxt-export a#prod-eqts span.ico{display:inline-block;width:50px;height:50px;background:url(../img/squelette/cle.png) no-repeat 0 0;background-size:50px 50px;padding:0 }
a#prod-sellerie:hover,a#prod-eqts:hover{background-color:#26abb2;}

.md-d43 a#prod-sellerie,.md-d43 a#prod-eqts{margin-top:15px}
.md-d58 a#prod-sellerie,.md-d58 a#prod-eqts{margin-top:15px}

.tpl-select a#prod-sellerie:hover,.tpl-select a#prod-eqts:hover, .tpl-select a#prod-select:hover {background-color:#d0b8ae;}
.tpl-select a#prod-sellerie,.tpl-select a#prod-eqts{border-color:#494d5b}

.ctxt-export #texteLinks a span{display:inline-block;vertical-align:middle;font-size:16px;}
.ctxt-export #texteLinks a span.texte{padding-left:20px;}

.tpl-select #texteLinks{background:#b48e7f;}

.tpld58 #visuelsComplement a{margin-left:20px;}
@media(max-width:50em){
    .tpld58 #visuelsComplement a{margin-left:0}
}
#visuelsComplement2 a {display: block;
float: right;
width: 33.3334%;
text-align: center;
color: #fff;
font-size: 14px;
padding: 5px 0;
box-sizing: border-box;}

.sur2{margin-left:20px;}

.cmodfam #lesPlus{width:565px;}
.cmodfam #visuelsComplement{width:380px;}

h2#videoMod,h2.videoMod-white{padding-top:25px;color:#32353f;}
h2.videoMod-white{color:#fff;}
h2#videoMod span.ico,h2#videoMod-white span.ico{display:inline-block;width:40px;height:31px;background:url(../img/squelette/video.png) no-repeat 0 0;background-size:40px 31px;margin-right:10px;vertical-align:middle;position:relative;top:-2px;}
.tpl-select h2#videoMod span.ico,h2#videoMod-white span.ico{background:url(../img/squelette/video-select.png) no-repeat 0 0;background-size:40px 31px;}
#videoProduit{background:#292b32;padding:50px}
.tpl-select #videoProduit{background:#32353f;}

img.var-capcoast-ch{width: 600px;float: right;margin-top: -143px;}

.c-fiche__legende{display:inline-block;margin-top:10px;border:1px #ddd solid;padding:12px;clear:both;}
.tpl-select .c-fiche__legende{border:1px #555 solid;color:#fff;;}

.separateur-fin{width: 300px;height: 2px;background: #ddd;margin: 40px auto;}
.whi-modele #contentModele h2.centerSub{color: #333230;font-size: 20px;margin-bottom: 35px;font-weight: 300;}
.whi-modele #contentModele h2.centerSub strong{color: #f7a709;}
.whi-modele #contentModele h2.h2-seo, h2.h2-seo{font-size:22px;font-weight:300;color:#393b41;margin-bottom:15px;text-transform:uppercase}
.whi-modele #contentModele h2.h2-seo strong, h2.h2-seo strong{font-size:32px;color:#e7be87;text-transform: none;display: inline-block;margin-right:4px; font-weight: 600;font-family: 'Veneer', Arial, sans-serif;}
.tpl-select #contentModele h2.h2-seo strong, .tpl-select h2.h2-seo strong, .tpl-select h1{font-size:32px;color:black;text-transform: none;display: inline-block;margin-right:4px; font-weight: 600;}

.whi-modele #contentModele #diapo h2.h2-seo, h2.h2-seo{transform:scale(0.85)}
.whi-modele #contentModele #diapo h2.h2-seo strong, h2.h2-seo strong{margin-right:0;}

#plusModele > .conteneur:first-child{padding-bottom:10px;border-bottom:1px #ddd dashed;margin-bottom:40px;}
/* .tpl-select #plusModele > .conteneur:first-child{border-bottom:1px #4b4f5b dashed;} */

.c-fiche__new{position:absolute;bottom:0;left:0;z-index:10;background:#f7a709;padding:15px 20px;font-size:32px;color:#fff;letter-spacing: 6px}
.tpl-select .c-fiche__new, .tpl-select.c-fiche__new{background:#8aced5}
.visuelCoin .c-fiche__new{font-size:20px;bottom:auto;top:0}
@media (max-width:75em){.c-fiche__exclusive .svg__exclusive{width:120px;height:48px;}}
@media (max-width:50em){
    .c-fiche__exclusive .svg__exclusive{width:80px;height:32px;}
    .c-fiche__exclusive{padding:10px;}
    .c-fiche__new{padding:10px;font-size:24px;}
}

.l-limited{background:#32353f;padding:60px 0 0;text-align:center;color:#fff;font-family:'Work Sans', arial, sans serif}
.c-limited__infos{width:900px;margin:auto;}
.c-title-limited{font-size:32px;font-weight:400;letter-spacing:2px;margin-bottom:25px;}
.c-subtitle-limited{font-size:18px;font-weight:300;letter-spacing:5px;margin-bottom:30px;}
.c-pts-forts-limited{background:#292b32;padding:60px;text-align:left;font-size:16px;line-height:2;margin-bottom:-50px;position: relative;z-index:2;border-radius:0 40px 40px 40px}

@media (max-width:1000px){
    .c-limited__infos{width:90%;}
}

@media (max-width:50em){
    .c-limited__infos{width:96%;}
    .c-pts-forts-limited{padding:30px 30px 30px 40px;box-sizing:border-box}
}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- FOOTER -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */


#footer{text-align:center;background:#3a3d47 url(../img/squelette/bg-color-footer.jpg) no-repeat top center;color:#fff;font-family:"arial";font-size:18px;line-height:22px;padding:30px 0}

#contentFoot{text-align:left;padding-bottom:0;}

#contentFoot p#liensFooterEchanges a,#contentFoot p#liensFooterEchanges{color:#616676;text-decoration:none;font-size: 12px;padding-top:10px}

#mention-pollution{font-size:18px;padding:25px 0 0;font-family:'Work Sans', Arial, helvetica, sans-serif;font-weight:bold;border-top:1px #ddd dashed}

a#footerLogo{display:block;float:left;width:155px;height:42px;background:url(../img/footer/dreamer-logo.png) no-repeat center center;background-size:155px 42px; margin:7px 30px 0 0}
a#itineoLogo{display:block;float:left;width:130px;height:42px;background:url(../img/footer/itineo-logo.png) no-repeat center center;background-size:130px 42px; margin:11px 30px 0 0}
a#groupe-rapido{display:block;float:left;width:150px;height:62px;background:url(../img/footer/groupe-rapido.png) no-repeat center center;background-size:150px 62px;margin:5px 0 0 0}

#infosCoordonnees{float:left;padding:3px 0 0 30px;font-size:14px;}
#infosCoordonnees h1{font-weight:bold;font-size:14px;margin-bottom:0;font-family:"arial"}

#footer p.annexesSite{text-align:right;font-size:14px;margin-top:0;float:right;padding:0 20px 35px;}
#footer p.annexesSite a{color:#fff;line-height:26px;}
#footer p.annexesSite a:hover{text-decoration:underline}

/* occasions */

#carteFlash{background:#fff;box-sizing:border-box;border:20px #32353f solid;padding:10px}

#footer p a#fbfooter{color:#fff;text-decoration:none}
#footer p a#fbfooter:hover{text-decoration:underline}
#footer p a#fbfooter img{position:relative;top:7px;margin-right:5px}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- RECUP HC 2013 -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

.cadran1 {
background-color:#32353f;
margin:10px 10px 20px;
padding:0 0 0;
color:#fff;
}
.cadran1 .int{padding:15px;}
.cadran1 h2,.cadran1 h3{padding:10px;background:#3a3d47;text-transform:uppercase;font-size:14px;font-weight:bold;}
#contentModele h2.geo{font-size:20px;}
.content-espace #contentModele .cadran1 h2{background:#32353f;border-bottom:2px #3a3d47 solid;font-size:16px;padding:15px;margin-top:30px;}
.cadran1 input.bouton{cursor:pointer;background:#393b41;color:#fff;font-weight:normal;color:#fff;text-transform:uppercase;border:none;width:auto;font-size:26px;font-family:'Work Sans', arial, sans serif;font-weight:500;transition:all .3s ease;border-radius:6px}
.cadran1 input.bouton:hover{background:#f7a709}
.ctxt-export .cadran1 input.bouton:hover {background: #00abcc}

#formulaire input {width:182px}
.cadran1 input {width:180px;padding:7px 10px;border:1px #ddd solid;color:#666;font-size:14px;margin:10px;font-family:arial;color:#666}
.cadran1 #formulaire form{margin:0 15px}
.cadran1 h2.margin-bottom0{margin-bottom:0 !important}

table td.un{width:250px;text-align:right;}
.cadran1 #formulaire table td{font-size:14px;padding:0 10px}
table td.bg{background:#3a3d47}
.cadran1 #formulaire table td input{width:600px}
.cadran1 #formulaire table td textarea{margin:10px;padding:10px;font-size:16px;width:600px}
.cadran1 #formulaire table td input, .cadran1 #formulaire table td textarea{font-family:arial;color:#666}
input#envoiF{margin-left:290px;width:620px;}

.cadran1 #formulaire table td select{font-family:arial;color:#666;margin:10px;padding:10px;font-size:16px;width:620px;border:1px #ddd solid;}


.content-espace .cadran1 input.bouton{cursor:pointer;background:#ee3d7f;color:#fff;text-transform:uppercase;border:none;width:auto;}
.content-espace .cadran1 input.bouton:hover{background:#de3775}
.content-espace .cadran1 input {width:180px;padding:7px 10px;border:1px #ddd solid;font-size:14px;margin:10px;font-family:arial;}

/* resp�nsive form */

.grp-label{float:left;}
.inpt-ype1{float:left;}
.grp-label label{font-size:15px;}




/* concessionnaire */
#concess{margin:0;padding-bottom:20px;}
#concess a:hover {background-color:#bed730; color:#3a3d47}
#concess a {
  background-color:#3a3d47;
  color:#ddd;
  font-size:13px !important;
  display:block;
  width:95%;
  height:20px;
  padding:5px 0px 8px 10px;
}

#concess .cellConcess h2{padding-top:10px}


#concess table{border:0}

#concess table a{display:block;width:98%;padding:1%;background:#32353f;}
#concess td {border:1px #3a3d47 solid;padding:1px 0px 1px 2px; font-size:11px !important;}

#concess .cadran1{margin:10px 0;width:590px;min-height:200px;}

.concess-departement {
  background-color:#A9ADB3;
  padding:3px;
  color:#0b203b;
  margin:10px 20px 20px 0px;
  border:1px #666 solid
}

.concess-contact {padding-bottom:10px;font-size:16px;line-height:24px;margin:10px 0px 0px 10px;color:#f5f5f5;}
.concess-contact h5{color:#fff; font-size:16px !important;font-weight:normal;}

.concess-contact a:hover {background-color:#bed730 !important; color:#fff !important}
.concess-contact a {
  margin-top:10px;
  background-color:#3a3d47 !important;
}

div.cellConcess{background:#32353f;color:#fff;float:left;border-top:1px #32353f solid;}
div.cellConcess h4.margin-top7{margin-top:14px !important}
#contentModele div.cellConcess h3.geo{padding-top:10px;}
.cellConcess img.margin-top10{position:relative;top:8px}

select#selectFranceDpt{padding:4px;background:#E7E8ED;color:#666;width:200px;border:none;}

/* ----------------------------------[ Occasion ]---------------------------------------- */
#nbOccasAjax,#aucuneOccasAjax{display:none}

#occasion{margin-left:15px;background:url(../images/standard/accueil/bg_occasion.gif) no-repeat;width:378px;height:128px;}
#occasion div.titre{padding-top:15px;margin:0 0 0 147px;text-align:left !important}
#occasion p{line-height:15px;margin:0 0 7px 150px;color:#929292;font-size:11px;font-family:arial;}
#occasion a{margin:0 0 0 150px;}
.margin-top15{margin-top:20px}
.center{text-align:center;}
p.nbOccase{text-align:center;background:#3d3d3d;margin:0 3px;color:#8a8a8a}
p.nbOccase span.nb{color:#c0c0c0;font-weight:bold}
p.preumz{margin-right:15px}
.justifier{text-align:justify}
img.visu{border:5px #ddd solid}

.bgclair{padding:10px;background:#858B93}

#recherche_occase{background:#32353f;padding:20px;margin:10px 0 30px}
#recherche_occase form{text-align:center}
#recherche_occase p{text-align:left;color:#fff;margin:7px 0 7px 0}
#recherche_occase div{text-align:center}
#recherche_occase form label{position:relative;top:4px;color:#fff;text-align:right;margin-right:15px;width:130px;display:block;float:left;}
#recherche_occase form select{width:390px;font-size:14px;padding:6px 10px;box-sizing:border-box;color:#666}
#recherche_occase p.premz select{margin-right:20px}
p.decal{margin-top:15px !important}
#recherche_occase form select.decal{margin-top:8px}

#recherche_occase #form-send input{background:#ee3d7f;font-size:22px;text-transform:uppercase;width:90%;box-sizing:border-box;font-family:'Work Sans', arial, sans serif;font-weight:500;color:#fff;padding:10px;border:0;margin-top:40px;cursor:pointer;}
#recherche_occase #form-send input:hover{background:#d53571}


#vignettes a{display:block;float:left;padding:3px;background:#ddd}
#vignettes a.first{margin-left:34px;}
#vignettes a:hover{background:#BDAB96}

/* fiche */
.zedesc,.zedesc2{background-color:#32353f;padding:30px;color:#fff;box-sizing:border-box}
.zedesc2{background-color:#2d303a;}
.zedesc ul li,.zedesc2 ul li{margin-left:15px;}
.widthCe{width:100%;box-sizing:border-box;font-size:15px}
div.titre_occase{position:relative;font-size:18px;color:#FFF;padding:20px;border:1px #32353f solid;border-bottom:0}
div.titre_occase span.concess{float:right;font-size:16px;text-transform:uppercase}
div.titre_occase span.type{font-weight:bold;margin-left:5px;background:#4d505c;padding:3px 10px;color:#fff;text-transform:uppercase}
div.titre_occase span.typekm{font-weight:bold;margin-left:5px;background:#ee3d7f;padding:3px 10px;color:#fff;text-transform:uppercase}
div.titre_occase p{font-size:14px}
.bigTitle{font-size:24px}
p.nbKm{margin:20px 0;padding-left:10px;border-left:10px #474b59 solid;}

.widthCe .titre_occase{border:none;}

#ficheresult{margin:25px 0}

.titre_occase .concess{text-align:right;}
.titre_occase .font24{font-size:26px;font-family:'Work Sans', arial, sans serif;font-weight:500;display:inline-block;vertical-align:middle;position:relative;top:-1px}

a.consulterFRA,a.consulterfr{display:inline-block;padding:20px;background:#f7a709;color:#fff;font-size:22px;}
a.consulterFRA:hover,a.consulterfr:hover{background:#1fa0a7}

.zedesc a.consulterfr,.zedesc a.consulter2fr,.zedesc2 a.consulterfr{margin-top:20px;height:28px;display:block;float:right;}

.zedesc a.consulter2fr{margin-right:15px;background:url(../images/fr/sprite.gif) -43px -109px}
.zedesc a.consulter2fr:hover{background:url(../images/fr/sprite.gif) -203px -109px}

.zedesc a.vendufr,.zedesc2 a.vendufr{margin-right:17px;margin-top:20px;width:94px;height:29px;display:block;float:right;background:url(../images/fr/sprite.gif) -203px -54px}
.zedesc2 a.vendufr{background:url(../images/fr/sprite.gif) -203px -192px}

#diapoOccase{width:544px;min-height:400px;height:auto !important;height:400px;float:left;}
.bgOccase{background:#32353f;border-top:2px #3a3d47 solid}

div#listFiche{width:620px;margin-top:7px;float:left;font-size:15px;}
div#listFiche ul li{list-style:none;padding:5px;color:#fff}
div#listFiche ul li strong{color:#F29400}
div#listFiche p{padding:5px;}
div#listFiche span.dt{width:200px;display:block;float:left;text-align:right;margin-right:7px;font-weight:bold}
div#listFiche .bgclair{background:#757B84;}

table.dok{margin:20px 0;width:100%}
table.recap{width:650px;}
table.dok td{padding:7px;}
table tr.bg1 td{background:#F2F2F2;}
table tr.bg2 td{background:#E1E1E1;}
table.dok td{color:#686868}
table.dok td input,table.dok td select{color:#686868;font-family:arial;font-size:11px;padding:2px;}
table.dok td select{width:250px;}
table.dok td input.bouton{background:#686868;color:#fff;padding:5px;border:none;width:150px;text-align:center;}

.listing,.listeImplants {margin:20px 0;background:#f1f1f1;padding:10px 0 10px 15px;color:#666}
.listing li,.listeImplants li {margin:0px 0px 4px 15px;font-size:14px;}
.noPuce li{list-style:none;}

#visuItineo{float:right;background:url(../images/standard/itineo/innovation.jpg) no-repeat top left;padding:195px 0 0 13px;color:#fff;font-size:16px;height:185px;width:388px;margin-top:30px;}

#visuItineo p{color:#fff;}

span.number{background:#7dba3e;padding:1px 3px;color:#fff;font-weight:bold;}

.col1_4,.sur3,.sur1,.col1_3{color:#666;width:220px;margin-right:20px;float:left;}
.sur1{width:100%;float:none}
.col1_3{width:300px;}
.sur3{width:680px;}

.col1_4 h3,.sur3 h3,.sur1 h3,.col1_3 h3{padding:10px 0;font-weight:normal}
.col1_4 p,.sur3 p,.sur1 p,.col1_3 p{border-bottom:1px #7dba3e solid;padding-bottom:20px;margin-bottom:30px;}
.contentBgGris .whiteWrapper2 .col1_4 p,.contentBgGris .whiteWrapper2 .sur3 p,.contentBgGris .whiteWrapper2 .sur1 p,.contentBgGris .whiteWrapper2 .col1_3 p{font-size:14px}

.col1_4 p.bgClair,p.bgClair2{background:#f5f5f5;padding:10px;margin-top:30px;}

.col1_4 h3.bbv{border-bottom:1px #7dba3e solid;padding-bottom:10px;padding-top:0}

.noM{margin-right:0}

.col1_2{width:440px;float:left;margin-right:20px;}
h3.baseline{font-weight:normal;font-size:24px;color:#4e5864;}
#contentModele h3.baseline2{background:#22242b;text-transform:none;font-weight:normal;font-size:24px;padding-top:10px;padding-bottom:10px;}
h3.baseline2 a{color:#bed730;text-decoration:underline}

p.bbOc{margin:10px 30px;padding-bottom:10px;border-bottom:1px #eee solid}

.contentBgGris .whiteWrapper2 .zedesc p{font-weight:normal}

.infosActuDte{width:700px;float:left;}
.infosActuDte a.webActu{text-decoration:underline;color:#f7a709;font-size:15px;}
.infosActuDte a.webActu:hover{text-decoration:none}

.legTab{padding:20px;}

.carte_europe{background:url(../images/carte_europe.gif) no-repeat top center}
.legTab p{margin-bottom:20px;line-height:20px;text-align:justify}

.whi-modele #contentModele #pageHC h2.discret-ls{margin:0 0 30px;text-align:center;letter-spacing:5px;font-size:16px;}
.link-block{display:block;}

#contentModele #pageHC .textLeft h1{padding:20px 30px;}
#contentModele #pageHC .textLeft h1.title-hand{padding:20px 30px 20px;font-weight:300;color:#32353f; text-transform: uppercase;}
#contentModele #pageHC .textLeft h1.title-hand.noretrait{padding-left:0}
#contentModele #pageHC .textLeft h1.title-hand .vert{color:#32353f}
.vert-impt{color:#f7a709 !important}
.ctxt-export .vert-impt{color: #00abcc !important}
#contentModele #pageHC .textLeft h1.title-hand strong{}
#pageHC .textLeft p{line-height:1.7;font-size:16px;}
#pageHC .textLeft .atout-flex p{padding:10px}
#pageHC .textLeft p.standard-t2{line-height:24px;text-align:justify;}
#pageHC .textLeft p.big-bl{line-height:auto;font-size:36px;margin-bottom:30px}
#pageHC .textLeft h2{margin-top:30px;font-size:30px;text-transform: uppercase;font-weight: bold;}
#pageHC .textLeft p a{color:#fff;font-weight:700;text-decoration:underline}
#pageHC .textLeft p a:hover{color:#f7a709;text-decoration:none}
#pageHC .textLeft p.highlight-t2{border: 2px #ccc dotted;
    font-size: 16px;
    line-height: 28px;
    color: #393b41;
    text-align: center;
    padding: 40px;
    margin-bottom: 30px;
    font-family: 'Nunito', sans-serif;}

#pageHC .textLeft p.highlight-tpl{margin-left:0;margin-right:0;padding:18px}

ul.liste-act{line-height:20px;border:1px #ccc dotted;padding:20px;margin:20px 0;}
ul.liste-act li{color: #393b41;font-size: 15px;line-height: 22px;margin-left:30px;    font-size: 16px;
    line-height: 22px;
    font-weight: 300;}

ul#hc-pages,ul#hc-eqts{margin:0 0 20px;border:1px #3a3d47 solid;background:#4a4c56;}
ul#hc-pages li,ul#hc-eqts li{display:inline-block;vertical-align:middle;list-style:none;}
ul#hc-pages li a,ul#hc-eqts li a{color:#fff;font-size:16px;display:inline-block;padding:10px 15px 9px;border-right:1px #3a3d47 solid}
ul#hc-pages li a:hover,ul#hc-pages li a.actif{background:#ee3d7f;}
ul#hc-eqts li a:hover,ul#hc-eqts li a.actif{background:#fcc577;}
ul#hc-eqts.hc-eqts-select li a:hover,ul#hc-eqts.hc-eqts-select li a.actif{background:#b8917a;}



.tpl-select ul#hc-eqts{background:#3a3d47;border-color:#323441}
.tpl-select ul#hc-eqts li a{border-color:#292b32}
.tpl-select ul#hc-eqts li a:hover,.tpl-select ul#hc-eqts li a.actif{background:#b8917a;}
.tpl-select .bleu{color:#8aced5 !important}

p#info{border:1px #4a4c56 dashed;margin:0 0 30px;padding:20px;text-align:center;}
p#info-bright{border:1px #666b7b dashed;margin:0 0 30px;padding:20px;text-align:center;}


#contentModele #pageHC .textLeft h1 span.bg-gamme,h1 span.bg-gamme{font-weight:300;font-size:18px;background:#4a4c56;padding:4px 8px;display:inline-block;margin-left:7px;vertical-align:middle;position:relative;top:-2px;}
.whi-modele #contentModele #pageHC .textLeft h1 span.bg-gamme,.whi-modele h1 span.bg-gamme{background:#fff;color:#303138;}
#contentModele #pageHC .textLeft h1 span.bg-gamme strong.f-select,h1 span.bg-gamme strong.f-select{font-weight:400;}
.tpl-select #contentModele #pageHC .textLeft h1 span.bg-gamme{background:#3a3d47; color: white;}

.standalone-hand{padding: 20px 30px 20px 0;font-weight: 300;color: #32353f !important;font-family:'Work Sans', arial, sans serif;font-size:32px !important;}
.standalone-hand .vert-hand{color:#f7a709}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- MESSAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#bed730; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f7a709!important; color:#fff!important; font-weight:bold; padding:2px 0px}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- EXTRAS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

div.extras .widthExtras{width:100%;}

div#basRound{margin-left:16px;width:100%;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding:0}
#contentModele div.extras h2{margin:5px 0;color:#bed730;font-size:18px;}
div.extras p{color:#f5f5f5;font-size:16px;line-height:24px;text-align:justify}
div.extras p a{color:#f7a709;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#bed730;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#bed730;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#f7a709; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#32353f; margin:5px 0px; padding:5px 0px 5px 20px; width:900px}
#creditsLeb ul{background:#32353f !important;padding:12px;}
#creditsLeb a.cell{padding:10px !important;background:#3a3d47 !important; color:#fff !important}
#creditsLeb a.cell:hover{background:#f7a709 !important;}

div.extras .bg1{background-color:#454955}
div.extras .credits2,div.extras .bg2{background-color:#32353f}
div.extras td{padding:10px;color:#fff;font-size:15px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#fff; color:#bed730;text-decoration:none}
#plan a.titre{font-weight:bold;background:#393b41;color:#fff;font-size: 16px;}
#plan a.titre:hover{background:#f7a709;color:#fff}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- FORMULAIRE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#formContact label.normal{float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#fff;width:380px;background:#bbb;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:380px;border:none;background:#bbb;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#bed730;color:#fff;padding:3px;display:block;width:386px;text-align:center;margin-left:137px;}

#fancybox-title-main{color:#666 !important}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- FORMULAIRE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#formContact label.normal{float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#fff;width:380px;background:#bbb;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:380px;border:none;background:#bbb;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#f7a709;color:#fff;padding:3px;display:block;width:386px;text-align:center;margin-left:137px;}

#tpl-gamme .ico {
    display: inline-block;
    background: url(../images/squelette/icons-site.svg) no-repeat 0 0;
    background-size: 1000px 600px;
    vertical-align: middle; }

#tpl-gamme .ico-dist {
    display: inline-block;
    background: url(../images/squelette/dist-icos.svg) no-repeat 0 0;
    background-size: 120px 30px;
    vertical-align: middle;
    margin-right: 10px;
    width: 30px;
    height: 30px; }

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- comparateur -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
#bar-comparateur {
    position: relative;
    display:flex;
    flex-direction:row;}

#bar-comparateur h2 {
    margin-bottom: 15px;
    font-size: 2.0rem; }
#bar-comparateur h2 select {
    color: #c12938;
    font-size: 2.0rem;
    border: 0;
    padding: 5px;
    border-radius: 7px; }
#bar-comparateur h2 span.ico {
    margin: 0 10px 0 0;
    display: inline-block;
    background: url(../images/squelette/icons-toolbox.svg) no-repeat 0 0;
    background-size: 250px 600px;
    width: 30px;
    height: 35px;
    background-position: -60px -60px; }

.groupe-criteres {
    padding: 20px;
    border: 2px #303138 solid;
    box-sizing:border-box;
    background:#4a4c56;
    display: block;
    margin: 0 }
.groupe-criteres h3 {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 10px; }
.groupe-criteres p.crit-cb {
    display: inline-block; }
.groupe-criteres p.disabled label {
    color: #e16f7b; }
.groupe-criteres input[type="checkbox"] {
    margin: 0 5px 0 10px; }
.groupe-criteres #range-dim span.val-dim {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    font-size: 1.5rem; }
.groupe-criteres #range-dim #slider-range {
    width: 150px;
    height: 10px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px; }
.groupe-criteres #range-dim #slider-range .ui-slider-handle {
    border-radius: 10px;
    cursor: pointer;
    top: -.5em; }
.groupe-criteres #range-dim #slider-range .ui-widget-header {
    background: #8a1d28; }
.groupe-criteres #autocomplete-villes {
   position:relative;
   width:100%;
}
#bar-comparateur.cell-ville{display:flex;flex-direction:row;}
@media (max-width:60em){
    #bar-comparateur.cell-ville{flex-flow:row wrap;}
}

.critType {
    margin-left: 20px; }
.critType .disabled label {
    color: #e16f7b; }

#bar-comparateur .disabled {
    color: #e16f7b; }

form#fam-filters {
    padding: 13px 10px 10px;
    border: 2px #d84554 solid;
    display: inline-block;
    margin: 0 10px 0 20px;
    display: inline-block;
    font-size: 1.6rem; }
form#fam-filters input {
    margin: 0 5px 0 10px; }

.colonne{opacity:.4}
.cell-ville .colonne{opacity:1}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- DISTRIBUTEURS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

.img-wide{width:100%;margin-bottom:20px;}

.adapt-distri .groupe-criteres {
    width: 100%; }
.adapt-distri .groupe-criteres input, .adapt-distri .groupe-criteres select {
    box-sizing: border-box;
    width: 98%;
    display:inline-block;
    padding: 10px;
    border-radius: 5px;
    border: 1px #ddd solid;
    font-size: 16px;
    font-family: "aaux_prolightregular", sans-serif;
    color: #343434; }
.adapt-distri .groupe-criteres input[type="text"] {
    background: #fff;
    border: 1px #ddd solid;
    color: #343434; }

#interactive-map #results {
    width: 100%;
}
#interactive-map #zone-res {
    border-left:2px #303138 solid;
    float: left;
    box-sizing:border-box;}

#interactive-map #zone-map {
    width: 65%;
    float: right;
    position: relative; }
#interactive-map #zone-map .pointer {
    display: block;
    position: absolute;
    width: 56px;
    height: 68px;
    background: url(../images/distributeur/pointer.png) no-repeat 0 0; }

#interactive-map h2 {
    padding: 22px 20px 15px;
    font-size: 16px;
    height: 18px; }
#interactive-map h2 span.ico {
    width: 20px;
    height: 27px;
    background-position: -315px -120px;
    margin-right: 15px;
    position:relative;
    top:-5px;}

#interactive-map #inside-res {
    border-top: 4px #26282f solid;
    border-bottom: 4px #26282f solid;
    background: #2e3139;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden; }

#interactive-map .cell-dist {
    background: #2e3139 ;
    padding: 12px;
    position: relative;
    border-bottom: 1px #3a3e48 solid;
    border-left: 1px #303138 solid; }
#interactive-map .cell-dist:nth-child(2n) {
    background: #353942; }
#interactive-map .cell-dist p{font-size:14px;line-height:17px;}
#interactive-map .cell-dist p.title {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 15px; }
#interactive-map .cell-dist .infos-dist a {
    color: #f7a709;
    text-decoration: none; }
#interactive-map .cell-dist .infos-dist a.numDistributeurs {
    color: white;
    text-decoration: none; }
#interactive-map .cell-dist .links-dist {
    /*position: absolute;
    bottom: 10px;
    right: 10px;*/
    padding:10px 0;}
#interactive-map .cell-dist .links-dist a {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px;
    box-sizing: border-box;
    background: #f7a709;
    margin-bottom: 5px;
    border-radius: 4px;
	font-size:0;}
#interactive-map .cell-dist .links-dist a {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px;
    box-sizing: border-box;
    background: #f7a709;
    margin-bottom: 5px;
    border-radius: 4px; }
#interactive-map .cell-dist .links-dist a span.ico {
    width: 20px;
    height: 20px;
    background-position: -200px -170px; }
#interactive-map .cell-dist .links-dist a:hover {
    background: #ee3d7f; }
#interactive-map .cell-dist .links-dist a.l-plus span.ico {
    width: 20px;
    height: 20px;
    background-position: -230px -170px; }
#interactive-map .cell-dist .links-dist a.l-site {
    background: #343434; }
#interactive-map .cell-dist .links-dist a.l-site:hover {
    background: #ee3d7f; }
#interactive-map .cell-dist p.dpt {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #343434;
    color: #fff;
    padding: 8px 5px 5px;
    font-size: 1.8rem;
    font-weight: 500; }
#interactive-map .nomConcess {
	font-size:0;
}
#interactive-map .cell-active {
    border-left: 10px #f7a709 solid; }

img#logo-distri {
    display: block;
    height: 100px;
    vertical-align: middle;
    margin-bottom: 15px; }

#consult-distri {
    padding: 20px;
    background: #4a4c56;
    margin-bottom:35px;}
#consult-distri #visu-dist {
    float: none;
    width: 100%;
    box-sizing: border-box; }
#consult-distri #coord-dist {
    float: none;
    width: 100%;
    box-sizing: border-box;
    background: #4a4c56; }
#consult-distri div.line {
    font-size: 16px;
    line-height: 22px;
    padding: 30px;
    border-bottom: 1px #656875 solid; }
#consult-distri div.line:first-child {
    font-size: 18px; }
#consult-distri div.line span.lab {
    display: inline-block;
    width: 100px; }
#consult-distri div.line strong, #consult-distri div.line b {
    font-size: 16px; }
#consult-distri div.line a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline; }
#consult-distri div.line a.numDistributeurs {text-decoration: none; }
#consult-distri div.line a:hover {
    color: #f7a709; }
#consult-distri div.line p {
    padding-bottom: 15px; }
#consult-distri div.line p:last-child {
    padding-bottom: 0; }
#consult-distri div.line p.small {
    font-size: 14px; }
#consult-distri div.line-occasion p:first-child a {
    background: #eaeaea;
    color: #343434;
    text-decoration: none;
    padding: 5px 7px 3px;
    display: inline-block;
    border-radius: 5px; }
#consult-distri div.line-occasion p:first-child a:hover {
    background: #ee3d7f;
    color: #fff; }

.noPhoto #consult-distri #coord-dist {
    color:#fff;
    font-family:'Work Sans', arial, sans serif;font-weight:300;
    text-align:justify;
    float: none;
    width: 100%;
    box-sizing: border-box;
    background: #4a4c56; }

#fancybox-title-main{color:#666 !important}

.contentBgGris .whiteWrapper2 .groupe-criteres h3{display:block;font-size:16px;margin-right:10px;}
.contentBgGris .whiteWrapper2 .groupe-criteres p{font-size:15px;}

.cacher{display:none;}

.frame-video{background:#4a4c56;padding:40px;margin:15px 0}
@media (max-width:60em){
    .frame-video{padding:10px;}
}
.col-f-2 .frame-video{padding:20px;}

.frame-video .inside {
    background:#4a4c56;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }

.frame-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/   RESPONSIVE    /-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/- RESPONSIVE PALIERS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

span#fixResponsive{display:none;width:1px;}

@media screen and (min-width:1600px) {
  }

/* ecran normal ordi */
@media screen and (min-width:980px) {
	#bandeau .conteneur{position:relative;}
	#bandeau h2{top:315px}
	span.fixResponsive{width:1px;}
	#menuBarreHaute{display:block;}
}

/* tablette */
@media screen and (max-width:980px) {

  }

/* mobile */
@media
only screen and (max-width:640px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5){


}

/* mobile smartphone corrections */
@media screen and (max-width:500px) {

}

/** NEWSLETTER **/

#archives-nl {
   border-top: 2px #f1f1f1 solid;
   padding: 30px 0;
   margin: 80px 10px 20px;}

/* NEWSLETTER RAPIDO 2016 */
a.archive-nl {
   display: block;
   margin-bottom: 7px;
   color: #393b41;
   box-sizing: border-box;
   padding: 20px;
   font-size: 14px;
   border: 1px #ddd solid; }
a.archive-nl strong{
   font-size: 16px;text-transform: uppercase;}

a.archive-nl {
   transition: all .2s linear;
   -o-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -webkit-transition: all .2s linear; }

a.archive-nl span {
   float: right;
   font-size:16px;
   font-weight: bold;
   text-transform: uppercase;
   margin: 11px 6px 0 0; }

a.archive-nl:hover {
   background: #ddd;; }
a.archive-nl:hover span {
   color: #393b41; }

ul.liste-nl {
   background: #f4f4f4;
   border: 1px #eee solid;
   padding: 20px 20px 20px 40px;
   line-height: 20px;
   font-size: 14px;
   font-family: 'Work Sans', arial, sans serif; }

/** NEWSLETTER FOOTER **/
#form_newsletter {width:100%; display:flex; }

#form_newsletter form {
   margin-top: 10px;
   padding: 10px 15px 8px;
   border: 1px #ddd solid;
   color: #fff;
   display:flex;align-items:center;padding:12px;flex:1;
}

.var-fr #form_newsletter form{margin-left:20px}

#form_newsletter form label{width: 100px;margin-right:10px;display: inline-block;}
#form_newsletter form label a{color: #333230;font-family:'Work Sans', arial, sans serif;}

#french-fab img{width:129px}

#form_newsletter form .mail-plus-send {
   display: flex;
   align-items:center;
   width: calc(100% - 115px);
   background: #ddd;
   color: #fff;
   border-radius: 3px;
}

#form_newsletter form .mail-plus-send input[type="email"] {
   background: #ddd;
   border: none;
   color: #fff;
   padding: 10px 10px 9px;
   flex:1
}

#form_newsletter form .mail-plus-send input[type="submit"] {
   float: right;
   background: #fdc579;
   border: 1px solid #fdc579;
   color: #fff;
   cursor: pointer;
   padding: 9px 20px 8px;
   font-family: 'Work Sans', arial, sans serif;
}
.ctxt-export #form_newsletter form .mail-plus-send input[type="submit"] {
    background: #00abcc;
    border-color: #00abcc;
}

@media (max-width:800px){
  #form_newsletter form{width:100%;margin:0;box-sizing:border-box}
}


/* actu type rapido mosaique */

.nopadactu .whiteWrapper2{padding:0}
.nopadactu .whiteWrapper2 .padding20{padding:0}
.nopadactu .whiteWrapper2 .padding20 #gestionnaire{padding:40px}

#contentModele a.cell-actualite{color:#343434}
#listing-actualites{background:#eee;clear:both}
.cell-actualite {
    background: #d9d9d9;
    width: 33.3334%;
    display: block;
    color: #343434;
    position: relative;
    overflow: hidden;
    float: left; }
.cell-actualite img{display:block;width:100%}
.cell-actualite:nth-child(2n) {
    background: #f1f1f1; }
.cell-actualite:nth-child(2n) .texte {
    background: #f1f1f1; }
.cell-actualite .visuel {
    position: relative;
    width: 100%;
    margin-bottom: 130px; }
.cell-actualite .visuel .nouveau {
    position: absolute;
    top: 0;
    padding: 10px 10px 6px;
    font-weight: 500;
    left: 0;
    background: #f7a709;
    color: #fff; }
.cell-actualite .texte {
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #d9d9d9; }
.cell-actualite p.plus {
    background: #fff;
    font-size: 1.4rem;
    color: #343434;
    display: inline-block;
    padding: 8px 10px 6px;
    margin-top: 10px;
    position: absolute;
    bottom: -40px; }
.cell-actualite h2 {
    font-size: 2.0rem; }
.cell-actualite p {
    font-size: 1.5rem; }
.cell-actualite:hover .texte {
    background: #00abcc;
    padding-bottom: 70px; }
.cell-actualite:hover .texte h2, .cell-actualite:hover .texte p {
    color: #fff; }
.cell-actualite:hover .texte p.plus {
    color: #343434;
    bottom: 20px; }
.cell-actualite:hover:nth-child(2n) .texte {
    background: #f7a709; }
.contentBgGris .whiteWrapper2 .cell-actualite p{font-size:14px;line-height:20px;}
.contentBgGris .whiteWrapper2 .cell-actualite h2{color:#343434}

#links-choix{margin:auto;width:60%;}
#links-choix a{display:block;border-radius:10px;background:#fff;color:#333230;padding:15px 25px;margin-bottom:15px;text-align:center;font-size:18px;font-weight:400}
#links-choix a:hover{background:#f7a709;color:#333230;}
.ctxt-export #links-choix a:hover {background: #00abcc;}

.separateur-catalogue{margin:40px 0;height:1px;background:#ddd;}

/* ##########################################################################################
###################### DEPLACEMENT LIENS FOOTER
 */

.c-liens-footer{display:flex;justify-content:center;align-items:center;padding:40px;background:black}
.c-lien-footer{color:#fff;font-size:16px;display:flex;align-items:center;padding:15px;transition:all .4s ease-out}
.c-lien-footer:hover{background:#e1d4c1;color:#333}
.c-lien-footer:hover .svg__ico-footer .st0{fill:#333}
.c-lien-footer:not(:first-child){margin-left:15px;}

.svg__ico-footer{margin-right:10px;width:20px;height:20px;position:relative;top:-1px}
.svg__ico-footer.logo_city {width:80px; height:80px;}
.svg__ico-footer--cc{width:26px;height:26px}
.svg__ico-footer--r{width:16px;height:16px}
.svg__ico-footer .st0{fill:#fff;transition:all .4s ease-out}

@media (max-width: 800px){
  .c-liens-footer{flex-direction:column;}
  .c-lien-footer,.c-lien-footer:not(:first-child){margin:0 0 10px}
}

/* ajustements responsive mobile pages doc -- */
.form__choice{width:70%;line-height:1.5;padding:10px 0;display:block;}
.textuel-no-label .form__choice{width:auto;max-width:500px}
#demandeDoc form p.textuel.textuel-no-label{margin-left:calc(20% + 20px);padding:20px 0}
.textuel-no-label .form_choice_group + .form_choice_group{margin-top:20px;}
/* ---------------------------- */
@media (max-width:800px) {
  .form__choice{width:100%;padding:12px 0 0 10px;display:block;margin-bottom:15px;}
  #demandeDoc form p.textuel.textuel-no-label{margin-left:0}
  #demandeDoc form p.textuel.textuel-no-label{padding-top:0}
  input#envoiF{margin-top:20px;}
  input#envoiF{font-size:20px;}
}
/* ---------------------------- */
.form_choice_group{display:flex;width:100%;text-align:left;}
.form_choice_group input{transform:translateY(4px)}
#demandeDoc form p.textuel .form_choice_group label{flex:1;text-align:left;padding:0 0 0 10px}
.form_choice_group + .form_choice_group{margin-top:6px;}
#demandeDoc form p.textuel > label{font-weight:bold;}
#demandeDoc form p.textuel + p.textuel{margin-top:10px;}
#demandeDoc form p.textuel-choice{margin-bottom:25px;}

#demandeDoc form p.textuel .form_choice_group input{top:0}

/* ---------------------------- */
@media (max-width:700px){
  input.sendDoc{font-size:18px;font-weight:bold;}
  .form_choice_group{padding:8px 0}
  #demandeDoc form{padding:6px}
}
/* ---------------------------- */

.cadran1 input[type="checkbox"]{margin:0 8px 0 10px}
.cadran1 #formulaire table td .input-checkbox-inline input[type="checkbox"] {
  margin: 2px 8px 0 10px;
}
.input-checkbox-inline + .input-checkbox-inline{margin-top:15px;}
.input-checkbox-inline{display:flex;align-items:center;}
.input-checkbox-inline label{flex:1}
/*.input-checkbox-inline input{transform:translateY(5px)}*/


/* ---------------------------- */
@media (min-width:800px){
  .input-checkbox-inline:first-child{margin-top:15px;}
}
@media (max-width:650px){
  .hide-mobile{display:none !important}
}
@media (max-width:440px){
  .g-recaptcha > div {
    width: 100% !important;
  }

  .g-recaptcha iframe {
    width: 100% !important;
  }
}
/* ---------------------------- */

@media (max-width:650px) {
  .cadran1 #formulaire table td input[type="checkbox"] {
    margin: 0 8px 0 0;
  }

  .cadran1 #formulaire table td .input-checkbox-inline input[type="checkbox"] {
    margin: 2px 8px 0 0;
  }
  .cadran1 #formulaire table td.un{padding-bottom:8px;}
  input#envoiF{font-size:18px;}
}
.input-checkbox-inline:first-child{margin-top:20px;}
.input-checkbox-inline:last-child{margin-bottom:20px;}


.msg-cata-papier{background:#fff;border:1px #eee solid;border-radius:25px;padding:30px;color:#333320;margin-top:40px;text-align:center;}
.msg-cata-papier h2{font-size:20px;margin-bottom:20px;}
#pageHC .textLeft .msg-cata-papier h2{margin-top:0}
.msg-cata-papier p{font-size:16px;line-height:1.5}
#links-choix a.cta-regular{display:inline-block;margin-top:20px;background:#393b41;padding:10px 20px;border-radius:5px;color:#fff;font-size:15px;text-decoration:none !important}
#links-choix a.cta-regular:hover{background:#f7a709;color:#fff}
.ctxt-export #links-choix a.cta-regular:hover {background: #00abcc}



#minisite_pres {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#minisite_pres >* {width: 100%}
@media (min-width: 35em) {
    #minisite_pres >* {width: 50%}
}
@media (min-width: 65em) {
    #minisite_pres >* {width: 25%}
}
#minisite_pres.bulle-select .new-label {background: #8aced5;}


.no-flex-img,
.col-f-2 img.no-flex-img{width:auto;display:inline;margin:0}

.u-mt-none{margin-top:0 !important}
.u-mt-0{margin-top:10px}
.u-mt-1{margin-top:20px}
.u-mt-2{margin-top:40px}
.u-mt-3{margin-top:60px}
.u-mt-4{margin-top:80px}
.u-mt-5{margin-top:100px}

.u-ml-1{margin-left:5px}
.u-ml-2{margin-left:10px}
.u-ml-3{margin-left:15px}
.u-ml-4{margin-left:20px}
.u-ml-5{margin-left:30px}

.u-mr-1{margin-right:5px}
.u-mr-2{margin-right:10px}
.u-mr-3{margin-right:15px}
.u-mr-4{margin-right:20px}
.u-mr-5{margin-right:30px}

.u-mb-none{margin-bottom:0 !important}
.u-mb-1{margin-bottom:20px}
.u-mb-2{margin-bottom:40px}
.u-mb-3{margin-bottom:60px}
.u-mb-4{margin-bottom:80px}
.u-mb-5{margin-bottom:100px}

.u-p-0{padding:10px}
.u-p-1{padding:20px}
.u-p-2{padding:40px}
.u-p-3{padding:60px}
.u-p-4{padding:80px}
.u-p-5{padding:100px}

.u-pt-0{padding-top:10px}
.u-pt-1{padding-top:20px}
.u-pt-2{padding-top:40px}
.u-pt-3{padding-top:60px}
.u-pt-4{padding-top:80px}
.u-pt-5{padding-top:100px}

.u-pl-1{padding-left:5px}
.u-pl-2{padding-left:10px}
.u-pl-3{padding-left:15px}
.u-pl-4{padding-left:20px}
.u-pl-5{padding-left:30px}

.u-pr-1{padding-right:5px}
.u-pr-2{padding-right:10px}
.u-pr-3{padding-right:15px}
.u-pr-4{padding-right:20px}
.u-pr-5{padding-right:30px}

.u-pb-1{padding-bottom:20px}
.u-pb-2{padding-bottom:40px}
.u-pb-3{padding-bottom:60px}
.u-pb-4{padding-bottom:80px}
.u-pb-5{padding-bottom:100px}

.u-t-size-mini{font-size:13px}
.u-t-size-small{font-size:14px}
.u-t-size-0{font-size:15px}
.u-t-size-1{font-size:16px}
.u-t-size-2{font-size:18px}
.u-t-size-3{font-size:20px}
.u-t-size-4{font-size:22px}
.u-t-size-5{font-size:24px}
.u-t-size-6{font-size:30px}

.u-t-gamme{font-size:24px;}

.u-list{font-size:16px;line-height:1.4}
.u-list ul {margin:11px 0 0 0}
.u-list ul li{list-style-type: "-";padding-left:10px;}

.u-t-aleft{text-align:left}
.u-t-aright{text-align:right}
.u-t-acenter{text-align:center}

.u-wide-space .u-compense-img{margin:0 20px}

.u-alone-center{font-size:20px;line-height:1.4;margin-left:auto;margin-right:auto;max-width:80%}
/* ---------------------------- */
@media (max-width:60em){
  .u-alone-center{max-width:96%}
}
/* ---------------------------- */
.u-alone-center a{text-decoration:underline;text-underline-position: under}
.u-alone-center a.u-nounder{text-decoration:none;}
.u-alone-center a:hover{text-decoration:none;}
.u-alone-center--accueil{line-height:1.6}

.u-new{display:block;padding:5px;border-radius:3px;background:#333230;color:#fff;font-size:12px;font-weight:bold;position:relative}
.u-new:after{content:"";display:block;width:0;height:0;border-top:4px #000 solid;border-left:4px transparent solid;border-right:4px transparent solid;position:absolute;bottom:-4px;left:calc(50% - 4px);}

.u-nuages .u-new{transform:translate(8px, -10px)}

.c-presa-collec__titre{position:relative;}
.c-presa-collec__titre .u-new{position:absolute;top:-20px;left:0}

@media (min-width:60em){
  .u-t-gamme{font-size:42px;}
  .u-spa-ar{justify-content:space-around}
}

@media (min-width:80em){
  .u-t-size-1{font-size:16px}
  .u-t-size-2{font-size:18px}
  .u-t-size-3{font-size:22px}
  .u-t-size-4{font-size:26px}
  .u-t-size-5{font-size:30px}
  .u-t-size-6{font-size:36px}

  .u-list{font-size:18px;line-height:1.6}
  .u-list--t-small{font-size:16px;line-height:1.6}

  .u-t-gamme{font-size:72px;}

}

/* -- RAJOUT FLO POUR AFFINAGE AVANTAGES / BLOC 3 LIEN -- */
#texteLinks .conteneur{display:flex;flex-wrap: wrap;}
.whi-modele #contentModele #texteLinks h2.h2-seo,
#contentModele #texteLinks h2.h2-seo{flex-basis:100%}
#texteLinks #lesPlus{width:auto;flex:1;margin-right:50px;}
#texteLinks .eqts-menu{align-items:flex-end;width:250px;position: relative; z-index: 3;}
#texteLinks .eqts-menu a{display:block;float:none;width:100%; font-family:'Poppins'}
@media (min-width:1200px){
  #texteLinks .eqts-menu{margin:-75px 0 0 0;width:355px}
}
@media (max-width:800px){
  #texteLinks .conteneur{flex-direction:column;align-items:center;}
  #texteLinks .eqts-menu{margin:30px auto 0;width:80%}
}
@media (max-width:500px){
  #texteLinks .eqts-menu{width:96%}
}

/* pas d'avantages + */
#texteLinks.pas-davantages .eqts-menu{margin:0;width:100%;flex:1}
@media (min-width:980px){
  #texteLinks.pas-davantages .eqts-menu{flex-basis:100%;flex-direction:row}
}

#texteLinks.pas-davantages > div.conteneur.fluxOK{display:flex;flex-direction:column;}
#texteLinks.pas-davantages > div.conteneur.fluxOK > a{flex:1}
@media (max-width:980px){
  #texteLinks.pas-davantages > div.conteneur.fluxOK > a{width:100%}
}
@media (min-width:980px){
  #texteLinks.pas-davantages > div.conteneur.fluxOK{flex-direction:row;flex-wrap:wrap;}
}


.tpl-select #seriespeciale{color:#fff;}
.js-block-liens span.u-neww{display:inline-block;padding:2px 5px;border-radius:6px;background:#fedcb0 !important;color:black;font-size:10px;position:relative;top:-1px;}
#contentModele .separateur-fin{display:none;}
.model-new{display:inline-block;padding:2px 5px;border-radius:6px;background:#f7a709 !important;color:#fff;font-size:16px;position:relative;top:-3px;font-family:'Work Sans', arial, sans serif;font-weight:bold;margin-left:10px;vertical-align: bottom;}
.f-select .model-new {background:black !important;}
#pageHC.hc-border{border-bottom:1px #4a4c56 dotted !important}
.tpl-select #pageHC.hc-border{border-bottom:1px #4a4c56 dotted !important;}

.btn-poids,
#infosTechModele a.btn-poids{display:block;border-radius:0 0 14px 14px;background:#42413f;margin-top:5px;text-align:center;color:#fff;padding:16px;font-size:16px;}
.tpl-select #infosTechModele a.btn-poids{background:#fff;color:#42413f}
.tpl-select #infosTechModele a.btn-poids:hover {background:#8d7d77; color:#42413f}
.btn-poids:hover,
#infosTechModele a.btn-poids:hover{background:#e1b275;color:#42413f}

.nota-poids{display: block;background: #f6ecdb;border: 1px #f7a709 solid;border-radius: 6px;padding:10px;margin:10px 0 20px}
.nota-poids a{text-underline-position:under}


/* julien */
/* Logo 20 ans en ::after sur la même ligne */


.logo-20ans-fun::after {
    content: '';
    background-image: url(../img/logo-20ans-fun.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    vertical-align: top;
}

/* Version responsive */
@media (max-width: 768px) {
    h2.logo-20ans-fun::after {
        width: 20px;
        height: 20px;
        margin-left: 5px;

    }
}
.logo-20ans-select::after {
    content: '';
    background-image: url(../img/logo-20ans-select.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    vertical-align: bottom;

}
/* Version responsive */
@media (max-width: 768px) {
    h2.logo-20ans-select::after {
        width: 20px;
        height: 20px;
        margin-left: 5px;
    }
}

/* logo produit new  */
.logo-new-title-pdt::after {
    content: '';
    background-image: url(../img/capnew.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-left: 10px;


}
/* Version responsive */
@media (max-width: 768px) {
    h2.logo-new-title-pdt::after {
        width: 20px;
        height: 20px;
        margin-left: 5px;
    }
}

/* Nouveau bloc 20 ans  */

.ans20-hero {
    background: #fdd194;
    position: relative;
    overflow: visible;
    min-height: 400px;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 80px auto 80px auto;
    max-width: 80%;
    border-top-right-radius: 30px;
    max-width: 1300px;
}
.ans20-hero-select {
    background: #dfcec8;
    position: relative;
    overflow: visible;
    min-height: 400px;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 80px auto 80px auto;
    max-width: 80%;
    border-top-right-radius: 30px;
    max-width: 1300px;
}

.ans20-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.1);
    border-top-right-radius: 30px;
    z-index: 1;
}
.ans20-hero-select::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.1);
    border-top-right-radius: 30px;
    z-index: 1;
}

.ans20-hero::after {
    content: '';
    position: absolute;
    top: 50%;
    /* right: 10%; */
    width: 100%;
    height: 100%;
    background-image: url(../img/bloc20g.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    filter: brightness(0.87);
    /* background: red; */
    z-index: 1;
    transform: translateY(-50%);
}
.ans20-hero-select::after {
    content: '';
    position: absolute;
    top: 50%;
    /* right: 10%; */
    width: 100%;
    height: 100%;
    background-image: url(../img/bloc20g.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    filter: brightness(0.7);
    /* background: red; */
    z-index: 1;
    transform: translateY(-50%);
}

.ans20-hero-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
}

.ans20-content {
    color: #2a2a2a;
    padding-left: 20px;
    order: 2;
}

.ans20-image-container {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    order: 1;
    margin-top: -80px;
}

.ans20-image {
    max-width: 100%;
    height: auto;
    border-radius: 0 0 0 30px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    transform: perspective(1000px) rotateY(5deg);
    transition: transform 0.3s ease;
    position: relative;
    z-index: 3;
}

.ans20-image:hover {
    transform: perspective(1000px) rotateY(0deg) scale(1.02);
}

.ans20-model-tag {
    font-size: 3.5rem;
    font-family: 'Veneer', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    color: white;
}

.ans20-new-badge {
    background: rgba(255,255,255,0.2);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.3);
}

.ans20-subtitle {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.3;
}

.ans20-subtitle .highlight {
    color: #2a2a2a;
    background: rgba(255,255,255,0.9);
    padding: 2px 8px;
    border-radius: 4px;
}

.ans20-description {
    font-size: 1.1rem;
    margin-bottom: 20px;
    line-height: 1.6;
    opacity: 0.95;
}

.ans20-description p {
    margin-top: 20px;
    line-height: 1.7;
    font-size: 16px;
}

.ans20-description strong {
    font-family: 'Work Sans', arial, sans serif;
    font-size: 16px;
    line-height: 24px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .ans20-hero-container {
        gap: 30px;
    }

    .ans20-model-tag {
        font-size: 3rem;
    }

    .ans20-subtitle {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    .ans20-hero::after {
        width: 120px;
        height: 120px;
        right: 5%;
    }

    .ans20-hero {
        min-height: auto;
        padding: 40px 0;
        max-width: 85%;
        border-top-right-radius: 20px;
        margin-top: 60px;
    }

    .ans20-hero-container {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }

    .ans20-content {
        padding-left: 0;
        order: 2;
    }

    .ans20-image-container {
        order: 1;
        margin-top: -60px;
        justify-content: center;
    }

    .ans20-image {
        transform: none;
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .ans20-hero::after {
        width: 80px;
        height: 80px;
        right: 5%;
        opacity: 0.2;
    }

    .ans20-hero {
        padding: 30px 0;
        max-width: 90%;
        border-top-right-radius: 15px;
        margin-top: 40px;
    }

    .ans20-image-container {
        margin-top: -40px;
    }
}

.infosChiffrees.select {
    position: relative;
    z-index: 1;
}

.infosChiffrees.select::after {
    content: '';
    position: absolute;
    top: 63%;
    right: 30px;
    width: 80px;
    height: 80px;
    background-image: url(../img/logo-20ans-select.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: -1; /* Changé de -1 à 1 */
    transform: translateY(-50%);
    pointer-events: none; /* Important : évite les conflits de clic */
}
.infosChiffrees.fun {
    position: relative;
    z-index: 1;
}

.infosChiffrees.fun::after {
    content: '';
    position: absolute;
    top: 63%;
    right: 30px;
    width: 80px;
    height: 80px;
    background-image: url(../img/logo-20ans-fun.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: -1; /* Changé de -1 à 1 */
    transform: translateY(-50%);
    pointer-events: none; /* Important : évite les conflits de clic */
}

/* Version responsive */
@media (max-width: 768px) {
    .infosChiffrees.select::after {
        width: 60px;
        height: 60px;
        right: 15px;
    }
    .infosChiffrees.fun::after {
        width: 60px;
        height: 60px;
        right: 15px;
    }
}

@media (max-width: 480px) {
    .infosChiffrees.select::after {
        width: 40px;
        height: 40px;
        right: 10px;
    }
    .infosChiffrees.fun::after {
        width: 40px;
        height: 40px;
        right: 10px;
    }
}
.subtitlePlus {
font-weight: bold;
font-size: 22px;
margin-bottom: 5px;
}


/* new produits pictos  */
/* code legende  */
/* Légende centrée sous les pictos */
.newpicto-legend {
    text-align: center;
    margin: 20px auto 0;
    padding: 15px 20px;
    /* background: rgba(253, 209, 148, 0.3); */
    border-radius: 6px;
    border-top: 2px solid #fdd194;
    /* max-width: 600px; */
    width: fit-content;
}
.newpicto-legend-select{
    text-align: center;
    margin: 20px auto 0;
    padding: 15px 20px;
    /* background: rgba(253, 209, 148, 0.3); */
    border-radius: 6px;
    border-top: 2px solid #b48e7f;
    /* max-width: 600px; */
    width: fit-content;
}

.newpicto-legend p {
    margin: 0;
    font-size: 12px;
    color: #2a2a2a;
    font-style: italic;
    line-height: 1.4;
}

/* Responsive pour la légende */
@media (max-width: 768px) {
    .newpicto-legend {
        margin: 15px auto 0;
        padding: 12px 15px;
        max-width: 90%;
    }

    .newpicto-legend p {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .newpicto-legend {
        margin: 10px auto 0;
        padding: 10px 12px;
        max-width: 95%;
    }

    .newpicto-legend p {
        font-size: 10px;
    }
}
/* Container principal des newpicto-products */
.newpicto-products {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 8px;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Cellules individuelles */
.newpicto-cell {
    background: #f4e6c7;
    border-radius: 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    min-height: 120px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.newpicto-cell-select {
    background: #d0b8ae;
    border-radius: 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    min-height: 120px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.newpicto-cell:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Partie haute avec icône */
.newpicto-icon-section {
    background: #fdd194;
    width: 100%;
    padding: 20px 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.newpicto-icon-section-select {
    background: #b48e7f;
    width: 100%;
    padding: 20px 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

/* Partie basse avec texte */
.newpicto-text-section {
    background: #f4e6c7;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
}
.newpicto-text-section-select {
    background: #dbc9c2;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
}



/* Texte sous les icônes */
.newpicto-text-section p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
    line-height: 1.2;
}

.newpicto-text-section strong {
    font-weight: 700;
    font-size: 13px;
}
.newpicto-text-section-select strong {
    font-weight: 700;
    font-size: 13px;
}

.newpicto-dimension-text {
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
}

/* Demo icons - remplacez par vos vrais SVG */
.demo-icon {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 4px;
    position: relative;
}

.demo-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #fdd194;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

/* Responsive Design */

/* Tablettes large (1024px et moins) */
@media (max-width: 1024px) {
    .newpicto-products {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        padding: 0 15px;
    }

    .newpicto-cell {
        min-height: 110px;
    }

    .newpicto-icon-section {
        padding: 15px 10px 10px;
    }

    .newpicto-text-section {
        padding: 10px;
        min-height: 45px;
    }

    .newpicto-cell svg,
    .demo-icon {
        width: 36px;
        height: 36px;
    }
}

/* Tablettes (768px et moins) */
@media (max-width: 768px) {
    .newpicto-products {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        padding: 0 10px;
        margin: 30px auto;
    }

    .newpicto-cell {
        min-height: 100px;
        border-radius: 6px;
    }

    .newpicto-icon-section {
        padding: 12px 8px 8px;
    }

    .newpicto-text-section {
        padding: 8px;
        min-height: 40px;
    }

    .newpicto-cell svg,
    .demo-icon {
        width: 32px;
        height: 32px;
    }

    .newpicto-text-section p {
        font-size: 11px;
    }

    .newpicto-text-section strong {
        font-size: 12px;
    }
}

/* Mobile large (640px et moins) */
@media (max-width: 640px) {
    .newpicto-products {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 0 15px;
    }

    .newpicto-cell {
        min-height: 120px;
    }

    .newpicto-icon-section {
        padding: 18px 12px 12px;
    }

    .newpicto-text-section {
        padding: 12px;
        min-height: 50px;
    }

    .newpicto-cell svg,
    .demo-icon {
        width: 36px;
        height: 36px;
    }

    .newpicto-text-section p {
        font-size: 12px;
    }

    .newpicto-text-section strong {
        font-size: 13px;
    }
}

/* Mobile (480px et moins) */
@media (max-width: 480px) {
    .newpicto-products {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 0 10px;
        margin: 20px auto;
    }

    .newpicto-cell {
        min-height: 100px;
        border-radius: 6px;
    }

    .newpicto-icon-section {
        padding: 15px 10px 10px;
    }

    .newpicto-text-section {
        padding: 10px;
        min-height: 45px;
    }

    .newpicto-cell svg,
    .demo-icon {
        width: 30px;
        height: 30px;
    }

    .newpicto-text-section p {
        font-size: 10px;
    }

    .newpicto-text-section strong {
        font-size: 11px;
    }
}

/* Mobile très petit (360px et moins) */
@media (max-width: 360px) {
    .newpicto-products {
        gap: 6px;
        padding: 0 5px;
    }

    .newpicto-cell {
        min-height: 90px;
    }

    .newpicto-icon-section {
        padding: 12px 8px 8px;
    }

    .newpicto-text-section {
        padding: 8px;
        min-height: 40px;
    }

    .newpicto-cell svg,
    .demo-icon {
        width: 26px;
        height: 26px;
    }

    .newpicto-text-section p {
        font-size: 9px;
    }

    .newpicto-text-section strong {
        font-size: 10px;
    }
}

/* Mode portrait très étroit */
@media (max-width: 320px) {
    .newpicto-products {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .newpicto-cell {
        min-height: 80px;
        flex-direction: row;
        text-align: left;
    }

    .newpicto-icon-section {
        width: auto;
        padding: 15px;
        flex: 0 0 auto;
    }

    .newpicto-text-section {
        width: auto;
        padding: 15px;
        flex: 1;
        text-align: left;
        min-height: auto;
    }

    .newpicto-cell svg,
    .demo-icon {
        width: 30px;
        height: 30px;
    }
}

/* Style pour la video */
/* Container principal du lecteur vidéo */
.video-section {
    background: #fdd194;
    border-radius: 15px;
    padding: 40px;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
.video-section-select {
    background: #d0b8ae;
    border-radius: 15px;
    padding: 40px;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}


/* Titre de la section vidéo */
.video-title {
    text-align: center;
    margin-bottom: 30px;
    color: #2a2a2a;
    position: relative;
    z-index: 3;
}

.video-title h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 12px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    line-height: 1.2;
}

.video-title p {
    font-size: 1.1rem;
    opacity: 0.85;
    font-weight: 500;
    line-height: 1.4;
    max-width: 600px;
    margin: 0 auto;
}

/* Container responsive pour la vidéo */
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* Ratio 16:9 */
    background: #2a2a2a;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 24px rgba(0,0,0,0.2);
    margin: 0 auto;
}

/* iFrame YouTube */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
}

/* Overlay de chargement */
.video-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.2rem;
    z-index: 1;
}

/* Décoration de la section */
.video-section::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    z-index: 0;
}

.video-section::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
    z-index: 0;
}

/* Contenu au-dessus des décorations */
.video-content {
    position: relative;
    z-index: 2;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .video-section {
        padding: 35px;
        margin: 35px auto;
        border-radius: 12px;
    }

    .video-container {
        border-radius: 8px;
    }

    .video-title h3 {
        font-size: 2rem;
    }

    .video-title p {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .video-section {
        padding: 30px;
        margin: 30px auto 30px;
        border-radius: 10px;
    }

    .video-container {
        border-radius: 6px;
        box-shadow: 0 8px 16px rgba(0,0,0,0.15);
    }

    .video-title {
        margin-bottom: 25px;
    }

    .video-title h3 {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    .video-title p {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .video-section {
        padding: 20px;
        margin: 20px auto;
        border-radius: 6px;
    }

    .video-container {
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    }

    .video-title {
        margin-bottom: 20px;
    }

    .video-title h3 {
        font-size: 1.5rem;
        margin-bottom: 8px;
    }

    .video-title p {
        font-size: 0.9rem;
    }
}

@media (max-width: 360px) {
    .video-section {
        padding: 15px;
        margin: 15px auto;
    }

    .video-loading {
        font-size: 0.9rem;
    }

    .video-title h3 {
        font-size: 1.3rem;
    }

    .video-title p {
        font-size: 0.85rem;
    }
}

@media (max-width: 320px) {
    .video-section {
        padding: 12px;
        margin: 12px auto;
    }

    .video-title h3 {
        font-size: 1.2rem;
    }

    .video-title p {
        font-size: 0.8rem;
    }
}

@media (min-width: 1400px) {
    .video-section {
        max-width: 1300px;
        padding: 50px;
    }

    .video-title h3 {
        font-size: 2.5rem;
    }

    .video-title p {
        font-size: 1.2rem;
    }
}
.frame-video.select {
    background: #e7ddd8 !important;
}
.fw-bold {
    font-weight: 800;
}

.tt-uppercase {
    text-transform: uppercase;

}
/* montagnes sur la home  */

.mountains-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    z-index: 2;
    pointer-events: none;
    opacity: 0.6;
}

.mountains-overlay svg {
    width: 100%;
    height: 100%;
}
/* Pour SELECT - beige */
.f-select .mountains-overlay {
    --mountain-color: #d0b8ae;
    --mountain-opacity-1: 0.8;
    --mountain-opacity-2: 0.6;
}

/* Pour FUN - orange */
.f-fun .mountains-overlay {
    --mountain-color: #fdd194;
    --mountain-opacity-1: 0.7;
    --mountain-opacity-2: 0.5;
}
/* page hors cata sellerie  */
.margin-bottom30 .center .font-hand {
    font-size: 95%;
}
.eqt-porteur .col-f-4 {
    position: relative;
}
.eqt-porteur .col-f-4.new-sell::after {
    content: '';
    position: absolute;
    top: 3.5%;
    right: 25px;
    width: 40px;
    height: 40px;
    background-image: url(../img/capnew.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: 1;
    transform: translateY(-50%);
    pointer-events: none;
}
.lgd-pack {
    margin-left: 5px;
    font-size: 16px;
    color: white;
    font-weight: lighter;
}
.sellerie-select-sstt {
    font-weight: normal;
    line-height: 1.2 !important;
    font-size: 16px;
}
.lgd25span {
    line-height: 30px !important;
    padding-top: 25px;
}
.logo-select-2025 {
    filter: brightness(0.1);
}
.black-25 {
    color: black !important;
}
.white-25 {
    color: white !important;
}

.chiffres-25 {
    padding:  5% 10%;
background-color: #ffe3be;
}



@media screen and (max-width: 900px) {
    .flex-2#recett_25 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .flex-2#recett_25 .col-f-2{
    width: 100%;
    }
    .flex-2#recett_25 .col-f-4{
        width: 100%;
        }
        .chiffres-25 {
            padding: 5% 10% !important;
        }
 }
 @media (max-width: 768px) {
    /* Container wrapper (ajoutez-le dans le HTML) */
    .table-scale-wrapper {
      position: relative;
      margin-bottom: -40%; /* Compense l'espace vide */
    }

    #tabCarac {
      transform: scale(0.6);
      transform-origin: top left;
      width: 166.67% !important;
    }

    /* Ajustement spécifique pour votre légende */
    #tabCarac ~ .u-message-alone {
      margin-top: -160px !important;
      position: relative;
      z-index: 10;
    }
  }

  /* Pour très petits écrans */
  @media (max-width: 480px) {
    .table-scale-wrapper {
      margin-bottom: -45%;
    }

    #tabCarac {
      transform: scale(0.5);
      width: 200% !important;
    }
    #tabCarac ~ .u-message-alone#recette_25_lgd {
      margin-top: -895px !important;
      position: relative;
      z-index: 10;
    }
    #tabCarac ~ .u-message-alone#recette_25_lgd2 {
        margin-top: -500px !important;
        position: relative;
        z-index: 10;
      }
      #tabCarac ~ .u-message-alone#recette_25_lgd3 {
        margin-top: -1300px !important;
        position: relative;
        z-index: 10;
      }
  }
  .univdlpage {
    border-bottom: 3px #32353f solid;
    padding: 20px;
    background: #ffdfb0;
}
#pageHC.univdlpage .textLeft #corps-univdl p {
    padding: 130px 100px 50px 40px;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    color: black;
}
.pack-section-spcl {
    background: rgba(255, 154, 60, 0.1);
    padding: 30px;
    border-radius: 15px;
    margin-top: 40px;
    border: 2px dashed black;
    width: 40%;
    margin: auto;
}

.pack-title-spcl {
    font-size: 18px;
    font-weight: bold;
    color: black;
    margin-bottom: 15px;
}

.pack-items-cpcl {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}

.pack-note-spcl {
    font-size: 12px;
    color: #888;
    font-style: italic;
    margin-top: 10px;
}

.new-frame-360{
  width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#eee;position:relative;box-sizing:border-box;
}
.new-frame-360 iframe{
  position:absolute;inset:0;width:100%;height:100%;border:none;
}
.new-frame-360__lien{
  display:none;background:#fff;border-top:1px #eee solid;padding:15px;border-radius:0 0 20px 20px;justify-content:center;align-items:center;margin-top:-15px;
}
/* ---------------------------- */
@media (max-width:960px){
  .new-frame-360__lien{display:flex;}
}
/* ---------------------------- */
.new-frame-360__lien a,
#contentModele .new-frame-360__lien a{background:#333;padding:15px 25px;border-radius:10px;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;}
.new-frame-360__lien a svg{width:15px;color:#fff}
.new-frame-360__lien a svg path{fill:currentColor}
/* ---------------------------- */


/* CMS INTEGRATION NIVEAU SUP */
#listing-pages-soeurs{border-top:1px #ddd solid;padding-top:35px;display:grid;grid-template-columns: 1fr;gap:30px;}
/* ---------------------------- */
@media (min-width:45em){
  #listing-pages-soeurs{grid-template-columns: repeat(2, 1fr)}
}
@media (min-width:80em){
  #listing-pages-soeurs{grid-template-columns: repeat(3, 1fr)}
}
/* ---------------------------- */
.cms-card-link,
#contentModele a.cms-card-link{display:block;background:#fff;border-radius:20px;padding:15px;color:#333;transition:all .3s ease-out}
.cms-card-link .visuel{margin-bottom:15px;}
.cms-card-link .visuel img{display:block;width:100%;border-radius:5px;}

@media (hover: hover) {
  .cms-card-link:hover {
    transform:scale(1.05) rotate(-1deg);
  }
}