/* ------------------------------------------------------ */
/* + LEB COMMUNICATION -- 20/12/2018
/* ###################################################### */

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

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- Fix fonts that render as bold in Firefox -- */
 html {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-smoothing: antialiased;
    font-weight: 300;
  }

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body { font-weight: lighter !important; }
}

:root{
  --baseColor:          #00325f;
  --baseColorDarker:    #011e38;
  --baseColorLighter:   #024079;
  --baseColor2:         #00325f;
  --accentColor:        #e2c478;
  --accentColorDarker:  #cba958;
  --accentColorLighter: #f1daa1;
  --plastiqueColor    : #ff4f00;
  --peillexColor      : #bca3ce;
  --groupeMaineColor      : #6b7ffb;
}

.c-base{color:var(--baseColor)}
.c-accent{color:var(--accentColor)}
.c-plastique{color:var(--plastiqueColor)}
.c-peillex{color:var(--peillexColor)}
svg *.c-base{fill:var(--baseColor)}
svg *.c-accent{fill:var(--accentColor)}
svg *.c-accent{fill:var(--accentColor)}
svg *.c-plastique{fill:var(--plastiqueColor)}
svg *.c-peillex{fill:var(--peillexColor)}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- RESET / BOXSIZING -- */
* {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: auto;
  }

body,address,article,aside,audio,blockquote,canvas,dd,div,dl,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,noscript,ol,output,p, pre,section,table,tfoot,ul,video {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
    font-family: aktiv-grotesk, arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
  }

  body {
    margin: 0;
    transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    color:#0a4b77;
  }

  a{
    text-decoration:none;
  }

  p:empty{display:none;}

  /* ###################################################### */

/* ------------------------------------------------------ */
/* -- COMMUNS / UTILES / FONT -- */

/*
font-family: 'Roboto', sans-serif;
*/


/* -- font --
Aktive Grotesk  : font-family: aktiv-grotesk, sans-serif;
The Seasons     : font-family: the-seasons, sans-serif;
Aktive Grotesk light : font-family: aktiv-grotesk-thin, sans-serif;

*/

.f-Roboto,
.aktive-grotesk,
body,
.c-perso-mirage__titre{font-family: aktiv-grotesk, arial, sans-serif;font-weight:400;}
.the-seasons-light{font-family:"the-seasons",sans-serif;font-weight:300;font-style:normal;}
.the-seasons-regular{font-family:"the-seasons",sans-serif;font-weight:400;font-style:normal;}
.the-seasons-bold{font-family:"the-seasons",sans-serif;font-weight:700;font-style:normal;}

.c-modeles__no-results{text-align: center;font-weight: bold;padding: 50px;font-size: 1.5em;}

.u-main-title,
.u-subtitle,
.c-famille__col__nom,
.c-famille__col__accroche,
.u-font__main,
.c-heros__col__baseline{font-family: aktiv-grotesk, arial, sans-serif;font-weight:300;font-style:normal}

.c-serie__accroche,
.c-produit__sous-titre,
.u-sous-titre-info,
.c-produit__big-titre,
.u-ligne-infos__headline,
.c-moteur__close-mobile,
.u-scroll-call,
.c-topbar__sousmenu__titre-mobile,
.elemForm.soustitre>h3,
/* -- fw 70 mv */
.c-heros__main,
.c-accueil__bigtitle__upline,
.c-accueil__gamme__nom,
.c-tendances__titre,
.c-accueil__article__titre,
.c-plan__cta,
.c-univers-maine__accroche,
.c-produit__3D__mirage__cta,
.u-produit__line__nom,
.c-contenu-landing__link__titre,
.c-famille__modele__link-solo,
.u-produit__line__nom{font-family: aktiv-grotesk, arial, sans-serif;font-weight:400;font-style:normal;}

.u-main-title strong,
.c-block-garantie__familles__label,
.c-lignes__entete__appellation,
.c-heros__nom-famille,
.c-famille__col__nom strong,
.c-famille__serie__name strong,
.u-font__main-bold,
.c-produit__nom__intitule,
.c-produit__switch__line__nom,
.c-produit__3D__name,
.c-produit__sous-titre strong,
.c-produit__technique__domaine,
.u-sous-titre-info strong,
.c-produit__big-titre strong,
.u-ligne-infos__headline strong,
.c-moteur__close-mobile strong,
.c-produit__nom__nb,
.c-prise-contact__titre,
.u-form-standard input[type="submit"],
.u-form-standard .mirageUrl,
.c-search__nb strong,
.c-titre-lv1,
.c-contenu-landing__reprise-titre,
.u-scroll-call__gfx>span strong,
.c-contenu__menu__back,
.c-topbar__sousmenu__titre-mobile strong,
#body .formSubmit input[type="submit"],
#body .doc .espace_document h3,
.u-plan-site__rubrique__link,
.c-heros__main strong,
.c-accueil__bigtitle__downline,
.c-accueil__catalogue__mosaique:before,
.c-perso-mirage__titre strong,
.c-help__titre,
.c-produit__3D__mirage__cta strong,
.c-plan__cta strong{font-family: aktiv-grotesk, arial, sans-serif;font-weight:700;font-style:normal;}

.f-seasons,
.c-heros__texte a.u-cta,
.c-accueil__actualites__bigtitle:after,
.c-accueil__tendances__bigtitle:after,
.c-plan__cta,
.c-help__cta > span > strong,
.c-accueil__gamme__nom,
.c-tendances__titre,
.c-heros__nom-famille,
.c-famille__col__split .u-cta,
.c-serie__accroche,
.c-heros__col__texte,
.c-produit__ajout-sel__label,
.c-infos-perso__note .u-sous-titre-info,
.c-infos-perso__note .u-sous-titre-info strong,
.c-produit-lie__famille,
.c-contenu-landing__link__titre,
.c-titre-lv1,
.c-extras-var .c-produit__nom__intitule,
.c-search__term,
.c-univers-maine__accroche,
.c-produit__ajout-sel.removeSelect{font-family: the-seasons, sans-serif;font-weight:300}

.f-seasons strong,
strong.f-seasons,
.c-heros__texte a.u-cta,
.c-accueil__actualites__bigtitle:after,
.c-accueil__tendances__bigtitle:after,
.c-plan__cta strong,
.c-help__cta > span > strong,
.c-accueil__gamme__nom,
.c-tendances__titre,
.c-heros__nom-famille,
.c-famille__col__split .u-cta,
.c-serie__accroche strong,
.c-heros__col__texte strong,
.c-produit__ajout-sel__label strong,
.c-infos-perso__note .u-sous-titre-info strong,
.c-produit-lie__famille strong,
.c-contenu-landing__link__titre,
.c-titre-lv1,
.c-extras-var .c-produit__nom__intitule,
.c-search__term strong,
.c-univers-maine__accroche span,
.c-produit__ajout-sel.removeSelect strong{font-weight:700}


/* -- utilities -- */
.u-w100{display: block;width:100%}
.u-cover-img-zoom{position:relative;overflow:hidden;}
.u-cover__zoom-hover{transition:all 1s ease}
.u-hover-on a:hover .u-cover__zoom-hover{transform:scale(1.2)}

.u-video-integ{background:#fff;padding:40px;margin:15px 0}

.u-video-integ .u-video-integ__inside {
    background:#f1f1f1;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }

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

.u-btnLEB{border-radius:6px;display: inline-block;vertical-align:middle;padding:5px;background:#DC143C;color:#fff;font-size:1.3rem;line-height:1.8rem;margin-left:10px;}

.u-frame-video{background:#eee;padding:40px;margin:15px 0}
.u-frame-video-inside{background:#eee;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.u-frame-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.u-standard__form{border:1px #ddd solid;padding:30px;margin-top:30px;display:flex;flex-flow:row wrap;}
@media (max-width:60em){
  .c-programme__box-contact .u-standard__form{border-left:0;border-right:0;padding:20px 0}
}
.u-standard__champ{width:100%;padding:15px}
.u-standard__champ label{display: block;}
.u-standard__champ input,.u-standard__champ textarea{width:100%}
.u-standard__champ--wide{width:100%}
.u-standard__form label{font-size:1.6rem;margin-bottom:10px;}
.u-standard__form input,.u-standard__form select,.u-standard__form textarea{background:#eee;border:1px #ddd solid;font-size:1.6rem;padding:10px;}
.u-standard__form input[type="submit"]{background:#ffc20e ;color:#0a4b77;border:none;padding:10px;cursor:pointer;transition:all .3s ease}
.u-hover-on .u-standard__form input[type="submit"]:hover{background:#0a4b77;color:#fff}
.u-standard__radios{display:flex;align-items:center;border:1px #eee solid;padding:10px;}
.u-standard__radios label{margin:0 20px 0 0}
.u-sous-titre__decoration{padding:0 0 20px 15px;margin-bottom:20px;border-bottom:2px #ddd solid;display:block;width:100%;font-size:2.0rem;font-weight:500}
.u-sous-titre__influx{margin-top:30px}
.u-standard__f-contact__submit input{text-align:center;}
.u-standard__form .u-standard__f-contact__submit{padding:20px;border:none;margin:auto}
.u-standard__form .u-standard__f-contact__submit input{font-size:2.0rem;font-weight:500;margin:auto;padding:15px 30px}
.u-form__msg{display:flex;padding:2.0rem;border:1px var(--accentColor) dotted;font-size:1.6rem;align-items:center;margin-bottom:1.5rem;border-radius:4px;}
.u-form__msg--global{margin:1.5rem 1.5rem 0;}
.u-form__msg--error,
.u-form-champ input.error,
.u-form-standard textarea.u-form__textarea--error,
.u-form-champ input.u-form__input--error,.input.u-form__input--error{border-color:#e51f0a;color:#e51f0a}
.u-form__msg--warning,
.u-form-champ input.warning,
.u-form-champ input.u-form__input--warning{border-color:#dd5a31;color:#dd5a31}
.u-form__msg--valid,
.u-form-champ input.valid,
.u-form-champ input.u-form__input--valid{border-color:#35d335;color:#35d335}
.u-form__msg--indiv{padding:1.4rem;margin-bottom:1.0rem;font-size:1.5rem}
.u-form__msg svg{margin-right:1.5rem;}

.inpLettre, .inpCgu{display:flex;}
.inpLettre input, .inpCgu input{margin-right:1.0rem;position:relative;top:2px;}
.inpLettre{padding:2.5rem 0 0 1.0rem;}
.inpCgu{padding:1.5rem 0 2.0rem 1.0rem;}
.inpCgu a{font-weight:bold;color:var(--accentColor);text-decoration:underline;text-underline-position:under}
.u-hover-on .inpCgu a:hover{text-decoration:none}

.u-map-integ{display:block;margin-top:20px;}
.u-map-integ>iframe{display:block;margin-bottom:10px}
.u-itineraire{display:block;padding:15px;text-align:center;background:var(--baseColor2);color:#fff;border-radius:6px;transition:all .4s ease-out;position:relative;}
.u-itineraire{display:block;padding:15px;text-align:center;background:var(--baseColor2);color:#fff;border-radius:6px;transition:all .4s ease-out;position:relative}
.u-itineraire>svg{margin-left:10px;position:relative;top:2px;transition:all .4s ease-out}
.u-hover-on .u-itineraire:hover{background:var(--accentColor);}
.u-hover-on .u-itineraire:hover>svg{margin-left:20px}
.u-hover-on .u-itineraire:hover>svg.svg__arrow__short--bc .st0{fill:var(--baseColor2)}

body.js__scroll-blocked{overflow:hidden;}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- ICONES -- */

svg path{transition:all .3s ease}

.svg__logo-maine-cloture{width:129px;height:36px;}
footer .svg__logo-maine-cloture{width:149px;height:42px;}
.svg__logo-maine-cloture .st1{fill:var(--baseColor);}
.svg__logo-maine-cloture .st0{fill:var(--accentColor);}

@media (min-width:60em){
  .svg__logo-maine-cloture{width:107px;height:30px;}
  footer .svg__logo-maine-cloture{width:149px;height:42px;}
}
@media (min-width:75em){
    .svg__logo-maine-cloture{width:132px;height:37px;}
}
@media (min-width:90em){
  footer .svg__logo-maine-cloture{width:239px;height:62px;}
}
@media (min-width:95em){
  .svg__logo-maine-cloture{width:149px;height:42px;}
}
@media (min-width:110em){
  .svg__logo-maine-cloture{width:185px;height:52px;}
}

.svg__arrow{width: 19px;height: 14px;}
.svg__arrow .st0{fill:#fff}

.svg__arrow__short{width: 18px;height: 17px;}
.svg__arrow__short .st0{fill:var(--baseColor2)}
.svg__arrow__short--bc .st0{fill:#fff}

.svg__logo-mirage{width:129px;height:43px;margin-right:50px}
.svg__logo-mirage .st0{fill:#fff;}
.svg__logo-mirage .st1{fill:var(--accentColor);}

.svg__logo-maine{width:250px;height:60px;margin:3.0rem 0}
.svg__logo-maine .st0{fill:var(--accentColor)}
.svg__logo-maine .st1{fill:#fff}

.svg__gpe-maine{width:200px;height:55px;}
.svg__gpe-maine .st0{fill:var(--accentColor)}
.svg__gpe-maine .st1{fill:#fff}
.svg__gpe-maine .st2{fill:#fff}

.svg__bymp{width:129px;height:18px;}
.svg__bymp .st0{fill:var(--accentColor)}
.svg__bymp .st1{fill:#fff}

.svg__logo-mp{width:38px;height:18px;}
.svg__logo-mp .st0{fill:var(--accentColor);}

.svg__account{width:25px;height:24px;}
.svg__account .st0{fill:#fff;}

.svg__active,.svg__exclusive{width:38px;height:38px;}
.svg__active .st0,.svg__exclusive .st0{fill:#fff;}

.svg__selection{width:31px;height:36px;}
.svg__selection .st0{fill:var(--baseColor2)}
.svg__catalogue{width:35px;height:28px;}
.svg__contact{width:34px;height:24px;}
.svg__config{width:39px;height:35px;}
.svg__cta-link .st0{fill:#fff}
.svg__cta-link .st1{fill:var(--accentColor)}
.c-sidebar__cta-link svg{margin-bottom:8px}

@media (max-width:60em) {
  .c-sidebar__cta-link svg{margin-bottom:1px}
  .svg__selection{position:relative;width:21px;height:25px;}
  .svg__catalogue{position:relative;width:29px;height:23px}
  .svg__contact{position:relative;width:25px;height:18px}
  .svg__config{position:relative;width:31px;height:28px}
  .l-sidebar .svg__selection{top:-2px;}
  .l-sidebar .svg__catalogue{top:-8px;}
  .l-sidebar .svg__contact{top:-10px;}
  .l-sidebar .svg__config{top:-7px;}
}

.svg__arrowb{width:14px;height:9px;}
.svg__arrowb .st0{fill:var(--accentColor)}

.svg__windows{width:30px;height:30px;}
.svg__apple{width:26px;height:31px;}
.svg__android{width:28px;height:33px;}
.svg__plateforme .st0{fill:#fff}

.svg__hand-mirage{width:32px;height:40px;}
.svg__hand-mirage .st0{fill:#fff}
.svg__hand-mirage .st1{fill:#eee}

.svg__calendrier{width:29px;height:26px;}
.svg__calendrier .st0{fill:var(--baseColor)}

.svg__newsletter,.svg__espace{width:30px;height:30px;}
.svg__yt{width:31px;height:21px;}
.svg__newsletter .st0,.svg__espace .st0{fill:var(--accentColor)}
.svg__newsletter .st1,.svg__espace .st1,.svg__yt .st1{fill:var(--accentColor)}

.svg__fermeture{width:137px;height:37px;}
.svg__plastique{width:133px;height:40px;}
.svg__peillex{width:133px;height:37px;}

@media (max-width:70em) {
  .svg__fermeture,
  .svg__plastique,
  .svg__peillex{margin-bottom:10px}
}

@media (min-width:70em) {
  .svg__fermeture{width:137px;height:37px;}
  .svg__plastique{width:133px;height:40px;}
  .svg__peillex{width:133px;height:37px;}
  footer .svg__gpe-maine{width:166px;height:45px;}
}

@media (min-width:82em) {
  .svg__fermeture{width:156px;height:42px;}
  .svg__plastique{width:153px;height:46px;}
  .svg__peillex{width:150px;height:42px;}
  footer .svg__gpe-maine{width:166px;height:453px;}
}

@media (min-width:100em) {
  footer .svg__gpe-maine{width:200px;height:55px;}
}

@media (min-width:110em) {
  .svg__fermeture{width:156px;height:42px;}
  .svg__plastique{width:153px;height:46px;}
  .svg__peillex{width:150px;height:42px;}
}

@media (min-width:120em) {
  .svg__fermeture{width:156px;height:42px;}
  .svg__plastique{width:153px;height:46px;}
  .svg__peillex{width:150px;height:42px;}
}

@media (min-width:150em) {
  footer .svg__gpe-maine{width:230px;height:63px;}
  .c-univers-maine__link{margin-top:0}
  .svg__fermeture{width:174px;height:47px;}
  .svg__plastique{width:172px;height:52px;}
  .svg__peillex{width:168px;height:47px;}
}

.svg__tick{width:10px;height:7px;}
.svg__tick path{fill:#fff}

.svg__forme,.svg__form-valid{width:40px;height:25px;}
.svg__forme .st0{fill:var(--baseColor2)}
.svg__forme .st1{fill:#fff}
.svg__form-valid .st0{fill:#35d335}

.svg__form-error{width:30px;height:30px;}
.svg__form-error .st0{fill:#e51f0a}
.u-form__msg--indiv .svg__form-error{width:24px;height:24px;position:relative;top:-1px}

.u-t-center{text-align:center;}

  /* ###################################################### */

/* ###################################################### */

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

html {
  font-size: 50%;
}

@media (min-width:60em){
  html {
    font-size: 62.5%;
  }
}

body {
  font-size:1.8rem;
  line-height:2rem;
  font-weight:400;
  color:#0a4b77;
  background:#f5f5f5;
  padding:80px 0 40px;
}
@media (min-width:60em){
  body{padding:100px 100px 0 0}
}
html.js__menu-open,body.js__menu-open,html.js__scroll-blocked,body.js__scroll-blocked{overflow:hidden;position:relative;}
/* fix safari */
html.js__isSafary.js__menu-open,html.js__isSafary body.js__menu-open,
html.js__isSafary.js__scroll-blocked,html.js__isSafary body.js__scroll-blocked
{height: 100%;overflow: hidden;width: 100%;position: fixed;}

/*p,ul{font-size:1.6rem;line-height:2.6rem;}*/
/*@media (min-width:60em){p,ul{font-size:1.8rem;line-height:2.8rem;}}*/

.c-hb{color:#3b3b3b;font-weight:400;display: flex; align-items:center; padding:10px 18px 10px 0;color:#ddd;font-size:1.4rem;height:100%}
    .c-hb strong{display: none;}
    .c-hb-gfx{width:20px;height:14px;position:relative;}
        .c-hb-gfx>div{display:block;width:20px;height:2px;border-radius:4px;background:var(--accentColor);position: absolute;left:0}
        .c-hb-1{top:0;transition:all .3s ease}
        .c-hb-2{top:6px;transition:all .3s ease}
        .c-hb-3{top:12px;transition:all .3s ease}
        .js__menu-open .c-hb-1{transform:rotate(-45deg);top: 5px;width: 19px;left: 1px;}
        .js__menu-open .c-hb-3{transform:rotate(45deg);top: 5px;width: 19px;left: 1px;}
        .js__menu-open .c-hb-2{opacity:0}
@media (min-width:60em){
  .c-hb{display: none;}
}

/* ------------------------------------------------------ */
/* -- TOPBAR -- */

.l-topbar{
background:#fff;box-shadow:0 0 5px rgba(0,42,62,0.6);height:80px;
display:flex;align-items:center;
-webkit-backface-visibility: hidden;
  position:fixed;width:100%;top:0;left:0;z-index:999;
}

.l-header__scrollFix__DOWN .l-topbar,.l-header__scrollFix__UP .l-topbar{position:fixed;top:-86px;left:0;width:100%;transition:all .4s ease-out;z-index:9999}
.l-header__scrollFix__UP .l-topbar{top:0}
.l-header__scrollFix__DOWN body{padding-top:80px}

.c-topbar{display:flex;align-items:center;padding:0 20px;width:100%;justify-content:space-between}
.c-topbar__logo{display:flex;flex-direction:column;transform:translateY(-2px)}
@media (max-width: 60em){
  .c-topbar__logo{margin-right:10px;}
  .c-topbar__menu>div:nth-last-of-type(1),
  .c-topbar__menu .js__pan-niv1>a:nth-last-of-type(1),
  .c-topbar__menu .js__pan-niv2>a:nth-last-of-type(1)
  {margin-bottom:100px}
}
.svg__bymp{margin-top:8px}
.c-topbar__menu{opacity:0;display:flex;flex-direction:column;align-items:center;flex:1;padding:0 15px;}
@media (min-width: 60em) {
    .c-topbar__menu{opacity:1;}
}
.l-recepMobile .c-topbar__menu{opacity:1}

.c-topbar__menu__separateur{width:25px;height:2px;background:var(--baseColor2);margin:0 15px;margin-bottom:2.0rem;}

.svg__loupe-mobile{width:19px;height:19px;}

.c-topbar__menu__link{
display:flex;align-items:center;flex-direction:column;padding:15px 10px;color:#fff;font-size:1.5rem;position:relative;margin-right:2px;font-weight:400;border:2px #fff solid;margin-bottom:1.2rem;
}

.c-topbar__menu__link--catalogue{border:2px var(--accentColor) solid;display:flex;align-items:center;flex-flow:row wrap;justify-content:center;}
.c-topbar__menu__link--catalogue svg{position:absolute;top:50%;margin-top:-4px;right:7px;}

.u-hover-on .c-topbar__menu__link--catalogue:before{display:block;content:"";background:var(--accentColor);width:1px;height:100%;position:absolute;top:0;left:-1px;z-index:1;transform-origin:50% 50%}
.u-hover-on .c-topbar__menu__link--catalogue>*{z-index:3}
.u-hover-on .c-topbar__menu__link--catalogue{overflow:hidden;position:relative;}
.u-hover-on .c-topbar__menu__link--catalogue,
.u-hover-on .c-topbar__menu__link--catalogue:before
{transition:all .4s cubic-bezier(0.76, -0.38, 0.4, 1.49)}

/*.u-hover-on .c-topbar__menu__link--catalogue:hover,.u-hover-on .c-topbar__menu__link--catalogue--actif{color:#fff;}*/
.u-hover-on .c-topbar__menu__link--catalogue:hover:before,
.u-hover-on .c-topbar__menu__link--catalogue--actif:before,
.c-topbar__menu__link--catalogue--actif:before{width:calc(100% + 2px)}

/* hover - active */
.c-topbar__menu__split{display:flex;flex-direction: column;width:100%;position:relative;}
.c-topbar__menu__split:first-child{margin-bottom:2.0rem}

.l-recepMobile{display:block;position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);transition:all .4s ease-out;background:var(--baseColor2);padding-top:2.0rem;z-index:999;overflow-y:auto}
.js__menu-open .l-recepMobile{left:0}


.c-recherche-form{border:1px #e5e5e5 solid;padding-right:1.6rem;transition:all .4s ease-out}
.c-recherche-form form{display:flex;align-items:center;}
.c-recherche-form input[type="text"]{color:#8da2b1;font-style:italic;font-size:1.3rem;padding:1.6rem;border:none;}
.c-recherche-form input[type="text"]::placeholder{color:#8da2b1;font-style:italic;}
.c-recherche-form input[type="submit"]{border:none;font-size:0;width:19px;height:19px;background:url(../img/squelette/search-loupe.svg) 0 0;background-size:19px 19px;cursor:pointer}

.c-recherche-form input[type="text"]:focus,input[type="text"]:focus{border-color:#0a7897;outline:none}

/* -- sous menu produits -- */
.c-topbar__sousmenu{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f5f5f5;box-shadow:0 0 15px rgba(0,0,0,0.3);width:450px;padding:8px;justify-content:space-between;position:absolute;top:-1500px;left:0;z-index:2;opacity:0;transform:translateY(20px);transition:transform .4s ease-out;visibility:hidden}
.s-mopen .c-topbar__sousmenu{top:50px;opacity:1;transform:translateY(0);visibility:visible}
.c-topbar__sousmenu .c-accueil__gamme{padding:0 0 15px;width:100%}
.c-topbar__sousmenu .c-accueil__gamme__cover img{width:100%;margin:auto;}
.c-topbar__sousmenu .c-accueil__gamme__nom{font-size:2.5rem;margin-bottom:8px}
.c-topbar__sousmenu .c-accueil__gamme__nb{font-size:1.3rem;font-weight:300}
.c-topbar__sousmenu .c-accueil__gamme__nb strong{font-weight:700}
.c-topbar__sousmenu .c-accueil__gamme__nom:after{display:none;}
.c-accueil__gamme__nb{color:var(--baseColor2);font-size:1.5rem;}
.c-topbar__sousmenu .c-accueil__gamme .c-accueil__gamme__cover{margin-bottom:1.5rem}

.c-topbar__sousmenu__titre-mobile{display:none;}

@media (max-width:60em) {
  .c-topbar__menu__link--catalogue{display:none;}
  .c-topbar__sousmenu{position:relative;top:auto;left:auto;opacity:1;visibility:visible;width:100%;transform:none;margin-bottom:2.0rem;border-radius:4px;grid-template-columns:1fr 1fr 1fr}
  .c-topbar__sousmenu__titre-mobile{display:block;width:100%;padding:1.5rem 1.5rem 2.5rem;font-size:2.6rem;text-align:center;grid-column: 1 / 4; }
  .c-topbar__menu__link{font-size:2.0rem;background:#fff;color:var(--baseColor2);border-radius:4px;}
  .c-topbar__menu__link__titre{background:var(--accentColor);color:#fff;font-weight:bold;border:none;}
  .c-topbar__sousmenu .c-accueil__gamme--wide{width:50%}
}

@media (max-width:45em) {
  .c-topbar__sousmenu{grid-template-columns:1fr 1fr}
  .c-topbar__sousmenu .c-accueil__gamme--wide-last{width:100%}
  .c-topbar__sousmenu .c-accueil__gamme--wide-last img{max-height:110px}
  .c-topbar__sousmenu__titre-mobile{grid-column: 1 / 3; }
}

@media (max-width:100em) {
    .c-recherche-form {position: absolute;z-index:10;top: -80px;left: 0;background: rgba(255,255,255,1);color: var(--baseColor2);width: 100%;height: 80px;padding-right:0;border:none;}
    .c-recherche-form>form{display: flex;align-items: center;padding:20px;justify-content:space-between;height:80px}
    .c-recherche-form input[type="text"]{width:calc(100% - 30px);border:1px #e5e5e5 solid}
    .c-recherche-form.js__slide{top:0}
    .js__trigger__search{margin-left:8px}
}

@media (min-width:60em){
  .l-topbar{position:fixed;top:0;left:0;z-index:599;width:100%;width:calc( 100% - 100px );height:100px}
  .c-topbar__menu{flex-direction:row;}
  .c-topbar__menu__split{width:auto;flex-direction:row;flex-wrap:wrap;}
  .c-topbar__menu__split:first-child{margin-bottom:0}
  .c-topbar__menu__link{margin-bottom:0;color:var(--baseColor2);padding:10px 5px;font-size:1.1rem}
  .c-topbar__menu__link--catalogue{padding:10px 34px 10px 10px}
  .c-topbar__menu__link--catalogue svg{right:10px}
  .c-topbar__menu__separateur{margin-bottom:0}
  .c-recherche-form{height:100px;top:-100px}
    .c-recherche-form>form{height:100px}
  .l-recepDesktop{flex:1;display:flex;align-items:center}
    .c-topbar__menu__separateur{display:none;}
  .c-topbar__sousmenu{width:540px;}

  .u-hover-on .c-topbar__menu__link{transition:all .4s ease-out}
  .u-hover-on .c-topbar__menu__split:not(:first-child) .c-topbar__menu__link{position:relative;}
  .u-hover-on .c-topbar__menu__split:not(:first-child) .c-topbar__menu__link:before,
  .u-hover-on .c-topbar__menu__split .c-topbar__menu__link:not(:first-child):before{content:"";display:block;width:1px;height:100%;position:absolute;top:0;left:0;background:#fff;transition:all .4s ease-out;z-index:-1}
  .u-hover-on .c-topbar__menu__split:not(:first-child) .c-topbar__menu__link:hover,
  .u-hover-on .c-topbar__menu__split .c-topbar__menu__link:not(:first-child):hover,
  .c-topbar__menu__link--actif{border-color:var(--accentColor);}
  .u-hover-on .c-topbar__menu__split:not(:first-child) .c-topbar__menu__link:hover:before,
  .u-hover-on .c-topbar__menu__split .c-topbar__menu__link:not(:first-child):hover:before,
  .c-topbar__menu__split .c-topbar__menu__link--actif:before, .u-hover-on .c-topbar__menu__split .c-topbar__menu__link--actif:not(:first-child):before, .u-hover-on .c-topbar__menu__split:not(:first-child) .c-topbar__menu__link--actif:before{background:var(--accentColor);width:100%}

  .u-hover-on .c-topbar__menu__link--catalogue svg{transition:all .5s ease-out;transition-delay:.15s}
  .u-hover-on .c-topbar__menu__link--catalogue svg.svg__arrowb--appear{top:0;opacity:0}
  .u-hover-on .c-topbar__menu__link--catalogue svg.svg__arrowb--appear .st0{fill:#fff}
  .u-hover-on .c-topbar__menu__link--catalogue:hover svg.svg__arrowb--appear,
  .u-hover-on .c-topbar__menu__link--catalogue--actif svg.svg__arrowb--appear
  {top:50%;opacity:1}
  .u-hover-on .c-topbar__menu__link--catalogue:hover svg.svg__arrowb--disappear,
  .u-hover-on .c-topbar__menu__link--catalogue--actif svg.svg__arrowb--disappear
  {top:70%;opacity:0}
}

@media (min-width:65em){
  .c-topbar__menu__separateur{display:block;}
  .c-topbar__sousmenu{width:620px;}
}

@media (min-width:70em){
  .c-topbar__menu__link{font-size:1.2rem}
}

@media (min-width:80em){
    .c-topbar__menu__link{font-size:1.4rem}
    .c-recherche-form{height:auto;}
    .c-recherche-form>form{height:auto}
    .c-topbar__sousmenu{width:860px;}
}

@media (min-width:90em) {
    .c-topbar__menu__link{padding:10px 7px;font-size:1.5rem}
    .c-topbar__menu__link--catalogue{padding-right:34px}
    .c-topbar__menu__link--catalogue svg{right:13px}
}

@media (min-width:100em) {
  .cache-recherche-form__mobile{display:none;}
}

@media (min-width:110em) {
  .c-topbar__menu{padding:0 40px}
  .c-topbar__menu__link--catalogue{padding:15px 40px 15px 15px}
  .c-topbar__menu__link--catalogue svg{right:13px}
}

@media (min-width: 120em){
  .c-topbar__menu__link{padding:15px;font-size:1.7rem;}
  .c-topbar__menu__link--catalogue{padding:15px 40px 15px 15px}
}

/* sous menu mobile */
.js__pan-niv1,
.js__pan-niv2,
.js__backPannel{display:none;}
.js__pan-niv1,
.js__pan-niv2{transition:all .4s ease-out}


@media (max-width: 60em){
  .js__pan-niv1,.js__pan-niv2{display:block;position:fixed;left:100%;top:0;width:100vw;height:100vh;overflow-y:scroll;background:var(--baseColor2);z-index:1000;padding:100px 30px 30px}
  .js__pan--open{left:0}
  .js__backPannel{display:block;background:#fff;width:100%;padding:15px;border-radius:6px;cursor:pointer;margin-bottom:1.0rem;color:var(--baseColor2);font-size:1.6rem;font-weight:bold;text-align:center;}
  .c-topbar__menu__link{text-align:left;align-items:flex-start;padding-right:25px;position:relative;}
  .c-topbar__menu__link__hassouspage,.js__trigger__rubrique{background: #fff url(../img/squelette/tick-mobile.svg) no-repeat calc(100% - 4px) center;background-size: auto;background-size: 26px 26px;}
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- SIDE BAR -- */

.l-sidebar{
background:var(--baseColor2);display:flex;height:60px;width:100%;overflow:hidden;
position:fixed;bottom:0;left:0;z-index:590;box-shadow:0 0 5px rgba(0,42,62,0.6)
}

.c-sidebar,.c-sidebar__ctas{display:flex;flex-direction:row;width:100%}

.c-sidebar__basket{position: relative;}
.c-sidebar__basket__nb{z-index:2;position: absolute;top:-7px;right:-14px;width:22px;height:22px;border-radius:11px;background:var(--baseColor2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:bold}

.c-topbar__compte{display:flex;height:60px;align-items:center;justify-content:center;box-shadow:0 5px 5px rgba(0,42,62,0.8);width:100%}
.c-sidebar__cta-link{display:flex;flex-direction:column;height:60px;align-items:center;justify-content:flex-end;box-shadow:0 5px 5px rgba(0,49,75,1);color:var(--baseColor2);width:100%;font-size:1.1rem;background:var(--baseColorLighter);text-align:center;line-height:1.4;padding-bottom:4px}
.c-sidebar__cta-link--selection{background:var(--accentColor)}
.c-sidebar__cta-link--catalogue,
.c-sidebar__cta-link--contact,
.c-sidebar__cta-link--mirage
{color:#fff}
.u-hover-on .c-sidebar__cta-link,
.u-hover-on .c-sidebar__cta-link .st0,
.c-sidebar__basket__nb,
.u-hover-on .c-sidebar__cta-link svg path{transition:all .4s ease-out}

.c-sidebar__cta-link--sel{position:relative;z-index:4}
.c-sidebar__cta-link--catalogue{position:relative;z-index:3}
.c-sidebar__cta-link--contact{position:relative;z-index:2}
.c-sidebar__cta-link--contact svg{margin-top:4px;}
.c-sidebar__cta-link--mirage{position:relative;z-index:1;box-shadow:none;border-bottom:2px #00334f solid;}
.c-sidebar__cta-link--mirage svg{margin-top:6px;}

.u-hover-on .c-sidebar__cta-link--sel--actif,
.c-sidebar__cta-link--sel--actif,
.c-sidebar__cta-link--actif,
.u-hover-on .c-sidebar__cta-link--actif{background:var(--accentColor);color:#003b58}

.c-sidebar__cta-link--actif .st1,
.u-hover-on .c-sidebar__cta-link--actif .st1{fill:#003b58}

@media (max-width:60em) {
  .c-sidebar__tmirage{display:none}
  .c-sidebar__cta-link--mirage{border-bottom:none}
}

@media (min-width:60em){
  .l-sidebar{height:100vh;width:100px;bottom:auto;top:0;right:0;left:auto;box-shadow:none}
  .c-topbar__compte{height:100px}
  .c-sidebar__cta-link{height:100px;justify-content:center;padding-bottom:0}
  .u-hover-on .c-sidebar__cta-link:hover{background:var(--accentColor)}
  .u-hover-on .c-sidebar__cta-link:hover .st0{fill:#fff}
  .u-hover-on .c-sidebar__cta-link:hover .st1{fill:#003b58}
  .u-hover-on .c-sidebar__cta-link:hover{color:#fff}
  .u-hover-on .c-sidebar__cta-link--catalogue:hover,
  .u-hover-on .c-sidebar__cta-link--contact:hover,
  .u-hover-on .c-sidebar__cta-link--mirage:hover
  {color:#003b58}
  .u-hover-on .c-sidebar__cta-link--sel:hover{background:var(--baseColor2)}
  .u-hover-on .c-sidebar__cta-link--sel:hover .c-sidebar__basket__nb{background:#fff;color:var(--baseColor2)}
  .c-sidebar__ctas{flex-direction:column;position:relative;}
  .c-sidebar__ctas:after{content:"";display:block;width:120%;height:120%;pointer-events:none;box-shadow: inset 5px 0px 6px 0px rgba(0,25,37,0.3);position:absolute;top:-10%;left:0;z-index:10}
}

  /* ###################################################### */



/* ------------------------------------------------------ */
/* -- ENTETE -- */



/* ###################################################### */

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

.l-tpl__accueil{background:#f5f5f5}
.l-fix__layout{padding:15px;overflow-x:hidden}
@media (min-width:60em) {.l-fix__layout{overflow-x:visible}}
.l-footer .l-fix__layout{overflow:visible;margin-bottom:0}

/* ---------------------------- */
/* -- ACCUEIL > VISUEL HEROS -- */
.c-heros{overflow:hidden;}
.l-heros{overflow:hidden;background:#eee}
.c-heros__covers{position:relative;overflow:hidden}
.l-heros-video .c-heros__covers{height:80vh}
.l-heros-video video{width:100%;height:100%;object-fit: cover;}
.c-heros__nav{position:absolute;z-index:110;bottom:30px;padding:0 15%;display:flex;width:100%}
.c-heros__nav>div{flex:1;margin:0 10px;height:20px;position:relative;cursor:pointer;}
.c-heros__nav>div:before{content:"";width:100%;height:4px;position:absolute;top:50%;left:0;margin-top:-2px;background:rgba(255,255,255,0.4);transition:all .4s ease-out;}
.c-heros__nav>div:hover:before{background:rgba(255,255,255,1)}
.c-heros__nav>div.c-heros__nav__item--actif:before{background:var(--accentColor)}
/*.l-tpl__accueil .c-heros{visibility:hidden}*/
/*.l-tpl__accueil .c-heros .u-cta{visibility:hidden}*/
.c-heros__cover{display: block;width:100%;height:100%;top:0;left:0}
.c-heros__cover>div:not(.c-ariane){display:block;width:100%;height:100%;top:0;left:0;position:absolute;}
.c-heros__cover>div:not(.c-ariane){position:absolute;background-size:cover}
.l-heros .c-heros__cover{position:absolute;}
.l-heros .c-heros__cover:after{display:none;}
.c-heros__texte{display:flex;flex-flow:column;align-items:center;position:relative;justify-content:center;text-align:center;background:#fff;padding-bottom:20px;}
.c-heros__accroche{font-size:1.7rem;padding:12px 25px;background:var(--accentColor);color:var(--baseColor);font-weight:bold;margin-top:-20px}
.c-heros__main{font-size:3.0rem;color:#003b58;line-height:1.1;margin:22px 0;font-weight:700}
.c-heros__main__ligne{display: block;font-size:2.5rem}
.c-heros__cta{display:inline-block;background:var(--baseColor2);padding:12px 40px;font-size:1.9rem;color:#fff;border-radius:60px;}
.c-heros__texte .u-cta{border:1px #ddd solid}

/* pour slide */
.l-tpl__accueil .c-heros__cover, .c-heros__texte{visibility:hidden;}
.l-tpl__accueil .c-heros__cover__img{background-position:center center}
/*.c-heros__cover--actif, .c-heros__texte--actif{opacity:1;visibility:visible;}*/
/* ----------------------- */

.u-scroll-call{display:flex;margin-bottom:-80px;justify-content:center;text-align:center;padding-top:3.0rem;font-size:1.6rem;}
.u-scroll-call__gfx>span{display:block;margin-bottom:1.0rem}
.u-scroll-call__gfx>span strong{color:var(--accentColor);font-size:1.8rem}
.u-scroll-call svg{transform:rotate(90deg)}

@media (max-width: 60em){
  .u-scroll-call{/*display:none;*/padding-top:1.0rem;margin-bottom:0}
  .u-scroll-call .u-scroll-call__gfx>span{display:none;}
  .l-tpl__accueil .c-heros__accroche{padding:8px 20px}
}

/* ------------------------------------- */
/* -- ACCUEIL > ZONE GAMMES CATALOGUE -- */
.l-accueil__catalogue{padding:3.0rem 1.5rem 3.0rem;visibility:hidden}

@media (min-width:60em){
  .l-fix__layout{margin:15px 35px}
  .l-accueil__catalogue{padding:80px 0 60px 0}
  .c-heros{position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:56.25%}
  .c-heros{display:block;padding:0}
  .c-heros__texte{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);padding-bottom:0}
  .c-heros__cover--famille{position: absolute;top:0;left:0;width:100%;height:100%;}
  .c-heros__main{font-size:4.8rem;color:#fff;}
  .c-heros__main__ligne{font-size:4.5rem}
  .c-heros__accroche{margin-top:0}
  .c-heros__cta{background:#fff;padding:20px 80px;font-size:1.9rem;color:var(--baseColor2);border-radius:60px;}
  .c-heros__main{margin:35px 0;max-width:80%}
  .c-heros__nav{padding:0 20%;}
}

/* pour slider */
.l-tpl__accueil .c-heros{position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:56.25%}
.l-tpl__accueil .c-heros{display:block;padding:0}
.l-tpl__accueil .c-heros__texte{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);padding-bottom:0}
.l-tpl__accueil .c-heros__main{max-width:80%;color:#fff;}

@media (min-width:80em) {
    .l-fix__layout {margin: 15px 60px}
    .l-accueil__catalogue{padding:100px 0 60px}
  .l-tpl__accueil .c-heros__main{font-size:5.1rem;max-width:70%}
  .c-heros__nav{padding:0 25%;}
}

@media (min-width:90em) {
    .l-fix__layout {margin: 15px 100px}
  .l-accueil__catalogue{padding:140px 0 60px}
  .l-tpl__accueil .c-heros__main{font-size:5.8rem;max-width:60%}
  .c-heros__nav{padding:0 30%;}
}

@media (min-width:100em) {
    .l-fix__layout {margin: 15px 150px}
}

@media (min-width:110em) {
    .l-fix__layout {margin: 15px 200px}
}

@media (min-width:135em) {
    .l-fix__layout {margin: 15px 350px}
}

@media (min-width:150em) {
  .l-fix__layout {margin: 15px 450px}
}

.c-accueil__catalogue__entete{padding:20px 20px 0;position:relative;z-index:2}

.c-accueil__bigtitle{position: relative;font-size:4.0rem;line-height:1.0;margin-bottom:2.0rem}
.c-accueil__bigtitle:before{content:"";display:block;width:60px;height:4px;background:var(--accentColor);position: absolute;top:-20px;left:0}
.c-accueil__bigtitle__upline{color:var(--baseColor2);font-weight:700}
.c-accueil__bigtitle__downline{color:var(--accentColor);font-weight:700}
.c-accueil__catalogue__texte{font-size:2.1rem;color:var(--baseColor2);line-height:1.8}
.c-accueil__catalogue__mosaique{display:grid;grid-template-columns: 1fr;border:1px #fff solid;margin-top:50px;position:relative;z-index:1;align-items:flex-start}
.c-accueil__gamme{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;border:1px #fff solid;padding-bottom:40px;background:rgba(245,245,245,0.5);position: relative;z-index:2}
.c-accueil__gamme__nom{font-size:2.8rem;line-height:1.0;color:var(--baseColor2);margin-bottom:40px;position: relative;text-align:center;padding-top:10px;font-weight:700}
.c-accueil__gamme__mod{display:block;margin:-4.0rem auto 1.0rem;background:var(--accentColor);border-radius:6px;padding:10px;font-size:1.5rem;color:var(--baseColor);position:relative;z-index:30}
.c-accueil__gamme__collections{text-align:center;font-size:1.5rem;color:var(--baseColor2);display:flex;align-items:center;justify-content:center;gap:0.8rem;flex-flow:row wrap;padding:0 10px;}
span.c-accueil__gamme__collections{display:block;margin-bottom:1.2rem;}
.c-accueil__gamme__collections a{display:block;background:#fff;color:var(--accentColor);border-radius:4px;padding:5px 10px;text-transform:uppercase}
.c-accueil__gamme__collections a:hover{background:var(--baseColor2);}
.c-accueil__gamme__nom:after{content:"";display:block;width:50px;height:3px;background:var(--accentColor);position: absolute;bottom:-20px;left:50%;margin-left:-25px;}
.c-accueil__gamme__cover img{display: block;width:100%}
.c-accueil__gamme__link{display:flex;flex-direction:column}

@media (min-width:45em) {
  .c-accueil__bigtitle{font-size:6.5rem;}
  .c-accueil__gamme--wide-last{width:100%;}
  .c-accueil__catalogue__mosaique{margin-top:70px;grid-template-columns: 1fr 1fr}
  .c-accueil__gamme__nom{font-size:3.2rem;line-height:1.0;}
}

@media (min-width:60em){
  .c-accueil__bigtitle{font-size:5.5rem;}
  .c-accueil__catalogue__mosaique{margin-top:60px;}
  .c-accueil__catalogue__entete{padding:0;}
  .c-accueil__bigtitle:before{width:50px;height:8px;top:-32px;margin-bottom:0}
  .c-accueil__bigtitle__upline{display: block;}
  .c-accueil__bigtitle__downline{display: block;}
  .c-accueil__gamme__cover img{width:100%;margin:0 0 5px}
  .u-hover-on .c-accueil__gamme{height:100%}
  .u-hover-on .c-accueil__gamme,.u-hover-on .c-accueil__gamme *,.u-hover-on .c-accueil__gamme__nom:after{transition:all .4s ease-out}
  .u-hover-on .c-accueil__gamme:hover{background:#fff;}
  .u-hover-on .c-accueil__gamme:hover img{transform:scale(1.1)}
  .u-hover-on .c-accueil__gamme:hover .c-accueil__gamme__nom:after{width:80px;margin-left:-40px}
  .c-accueil__gamme__nom{font-size:3.5rem;line-height:1.0;}
  .u-hover-on .c-accueil__gamme .c-accueil__gamme__nom{transition:all .4s ease-out}
}

@media (min-width:70em){
  .c-accueil__bigtitle{font-size:7.0rem;}
  .c-accueil__catalogue__entete{display:flex;}
  .c-accueil__catalogue__bigtitle{width:33.3334%;margin:0 8.3334% 0 0;}
  .c-accueil__catalogue__texte{width:58.3333%;padding:0 60px 0 0;}
  .c-accueil__catalogue__mosaique{margin-top:85px;}
}

@media (min-width:80em){
  .c-accueil__gamme .c-accueil__gamme__cover{width:100%;overflow:hidden;margin-bottom:2.0rem;}
  .c-accueil__gamme .c-accueil__gamme__cover img{margin:0 auto;width:100%}
  .c-accueil__gamme.c-accueil__gamme--wide{width:50%;}
  .c-accueil__bigtitle{font-size:8.0rem;}
  .c-accueil__catalogue__mosaique{margin-top:115px;grid-template-columns: 1fr 1fr 1fr}
}

/* ------------------------------ */
/* -- ACCUEIL > BANDEAU MIRAGE -- */
.l-perso-mirage{padding:0 1.5rem 3.0rem;visibility:hidden}
.c-perso-mirage{display:flex;flex-flow:column;align-items:center;background:var(--baseColor2);padding:20px;}
.c-perso-mirage--allps{gap:40px}
/* -- MIRAGE - VOLET 1 -- */
.c-perso-mirage__titre{position:relative;background:var(--accentColor);color:var(--baseColor2);padding:25px;font-size:2.5rem;line-height:1.0;margin-bottom:3.0rem}
.c-perso-mirage__titre .svg__hand-mirage{position: absolute;top:50%;margin-top:-20px;right:-16px;z-index:3}
.c-perso-mirage__titre strong{display:block}
/* -- MIRAGE - VOLET 2 -- */
.c-perso-mirage__p2{display:flex;align-items:center;flex-direction:column;font-size:1.7rem;color:#fff;justify-content:space-around}
.c-perso-mirage__soustitre{margin-bottom:7px;text-align:center;font-size:1.7rem}
.c-perso-mirage__p2 strong{color:var(--accentColor);}
.c-perso-mirage__p2 svg{margin:auto;}
.c-perso-mirage__p2 .svg__logo-mirage{width:215px;height:72px;margin-bottom:15px;}
.c-perso-mirage__p2 .svg__bymp{width:215px;height:30px;}
/* -- MIRAGE - VOLET 3 -- */
.c-perso-mirage__p3{flex:1;line-height:2.1;margin:2.0rem 0 3.0rem}
.c-perso-mirage__item{display:flex;align-items:center;font-size:1.7rem;}
.c-perso-mirage__item__nb{font-weight:700;color:#fff;width:20px;position:relative;margin-right:25px;}
.c-perso-mirage__item__nb:after{content:"";display:block;background:var(--accentColor);width:16px;height:2px;position: absolute;right:-16px;top:50%;margin-top:-1px;}
.c-perso-mirage__item__texte{color:#fff;line-height:1.4}
/* -- MIRAGE - VOLET 4 -- */
.c-perso-mirage__p4{display:flex;flex-direction:row;width:100%;height:80px}
.c-perso-mirage__p4>div{flex:1;width:90px;display:flex;align-items:center;justify-content:center;background:#004060;}
.c-perso-mirage__p4>div:nth-child(2){border-left:2px var(--baseColor2) solid;border-right:2px var(--baseColor2) solid;}

@media (min-width:45em) {
  .l-perso-mirage{padding:0}
  .c-perso-mirage{flex-flow:row wrap;justify-content:center}
  .c-perso-mirage__titre{text-align:center}
  .c-perso-mirage__titre strong{display:inline}
  .c-perso-mirage__p1{width:90%}
  .c-perso-mirage__p2{width:150px;}
  .c-perso-mirage--condensed .c-perso-mirage__p2{width:215px;}
  .c-perso-mirage__p2 .svg__logo-mirage{width:auto;height:auto;}
  .c-perso-mirage--condensed .c-perso-mirage__p2 .svg__logo-mirage{width:80%;height:auto}
  .c-perso-mirage__p3{width:325px;flex:initial}
  .c-perso-mirage__item{font-size:1.5rem}
  .c-perso-mirage__p4{width:100%;margin-top:2.5rem}
}

@media (min-width:60em) {
  .c-perso-mirage__p3{width:345px;flex:initial}
  .c-perso-mirage__item{font-size:1.6rem}

  .u-hover-on .c-perso-mirage__titre:after{content:"";display:block;background:var(--accentColor);width:1px;height:100%;position:absolute;top:0;right:1px;transition:all .3s ease-out}
  .u-hover-on .c-perso-mirage:hover .c-perso-mirage__titre:after{width:46px;right:-45px}
  .u-hover-on .c-perso-mirage{transition:all .3s ease-out}
  .u-hover-on .svg__hand-mirage{transition:all .5s cubic-bezier(0.56, -0.71, 0.29, 1.6)}
  .u-hover-on .c-perso-mirage:hover{box-shadow:0 0 20px rgba(0,74,111,0.6);transform:scale(1.02)}
  .u-hover-on .c-perso-mirage:hover .svg__hand-mirage{transform:scale(1.3) rotate(390deg);transition-delay: .05s}
  .c-perso-mirage--allps{gap:60px}
  .c-perso-mirage--condensed .c-perso-mirage__p2{width:215px;}
}

@media (min-width:80em){
  .c-perso-mirage{height:240px;padding:0}
  .c-perso-mirage__p1{width:300px;}
  .c-perso-mirage__titre{margin-left:40px;margin-bottom:0;font-size:2.5rem}
  .c-perso-mirage__p3{margin:0;flex:1}
  .c-perso-mirage__p4{margin-left:30px;width:auto;flex-direction:column;height:240px;margin-top:0}
  .c-perso-mirage__p4>div:nth-child(2){border:none;border-top:2px var(--baseColor2) solid;border-bottom:2px var(--baseColor2) solid;margin-top:0}
  .c-perso-mirage__titre{text-align:left}
  .c-perso-mirage__titre strong{display:block}
  .c-perso-mirage--condensed .c-perso-mirage__p1{flex:1;margin-right:5.0rem}
  .c-perso-mirage--condensed .c-perso-mirage__p4{height:160px;}
  .c-perso-mirage--condensed .c-perso-mirage__titre strong{display:inline;}
  .c-perso-mirage--condensed,
  .c-perso-mirage--condensed .c-perso-mirage__p4{height:160px;}
  .c-perso-mirage--condensed .c-perso-mirage__soustitre{font-size:1.3rem}
  .c-perso-mirage--allps{gap:0}
  .c-perso-mirage--allps .c-perso-mirage__p2{margin:0 60px}
}

@media (min-width:85em){
  .c-perso-mirage__item{font-size:1.7rem}
}

@media (min-width:90em){
  .c-perso-mirage__item{font-size:1.7rem}
  .c-perso-mirage__titre{font-size:2.7rem}
}

@media (min-width:100em){
  .c-perso-mirage__titre{font-size:2.8rem}
  .c-perso-mirage__p1{width:340px;}
  .c-perso-mirage--allps .c-perso-mirage__p2{margin:0 80px}
}

@media (min-width:110em){
  .c-perso-mirage__item__texte strong{font-size:2.0rem}
  .c-perso-mirage--allps .c-perso-mirage__p2{margin:0 100px}
}

/* ------------------------------------- */
/* -- ACCUEIL > CONSEILS ET TENDANCES -- */
.l-accueil__tendances{visibility:hidden}
.l-accueil__tendances__titre{margin-bottom:30px;padding-top:20px}
.c-accueil__tendances__bigtitle:after,.c-accueil__actualites__bigtitle:after{content:"Le coin des bonnes idées";position:absolute;top:-15px;left:70px;font-size:2.6rem;color:var(--baseColor)}
.c-tendances__link{color:var(--baseColor2);margin-bottom:30px;display:block;}
.c-tendances__cover{overflow:hidden;position:relative;}
.c-tendances__cover img{width:100%;display:block;}
.c-tendances__titre{font-size:2.4rem;margin:15px 0 10px;line-height:1.3}
.c-tendances__categorie{font-size:1.5rem;padding-left:36px;position:relative;font-weight:400}
.c-tendances__categorie strong{font-size:1.8rem;font-weight:700}
.c-tendances__categorie:before{background:var(--accentColor);content:"";display:block;width:30px;height:3px;position: absolute;left:0;top:50%;margin-top:-1px;}
.c-accueil__actualites__bigtitle .c-accueil__bigtitle__downline{color:var(--baseColor);font-weight:700;margin-bottom:7px;}

@media (min-width:45em) {
  .l-accueil__tendances{padding:60px 60px 30px}
  .l-accueil__tendances__links{display:flex;justify-content:space-between}
  .c-tendances__link{display:flex;flex-direction:column;width:48%;}
}

@media (min-width:60em){
  .l-perso-mirage{padding:0 0 170px;}
  .l-accueil__tendances{padding:0 0 100px}
  .l-accueil__tendances__titre{padding-left:56%;margin-bottom:80px;padding-top:0}
  .c-tendances__link{width:45%;}
  .c-tendances__titre{font-size:3.0rem;margin:40px 0 20px;}
  .c-tendances__link{margin-bottom:0;}
  .c-tendances__link:first-child{margin-top:-165px;}
  .l-accueil__tendances{padding:0 0 100px}
  .c-accueil__actualites__bigtitle:after{top:-55px;left:60px;}
  .c-accueil__tendances__bigtitle:after{top:-44px;left:60px}
  .u-hover-on .c-tendances__link .c-tendances__titre{transition:all .4s ease-out}
}

/* ------------------------------- */
/* -- ACCUEIL > ZONE ACTUALITES -- */
.l-accueil__actualites{padding:0 1.5rem 3.0rem;visibility:hidden}
.l-accueil__articles{padding:20px;background:#fff}
.l-accueil__actualites__titre{display:inline-block;padding:60px 10px 30px 0;padding-left:8.3334%;margin-bottom:-50px;width:100%}
.c-accueil__actualites__bigtitle:after{content:"En ce moment";top:-25px;}
.c-accueil__actualites__bigtitle:before{top:-20px}
.l-accueil__actualites .l-accueil__articles{background:transparent}

.l-accueil__articles__timeline{position: relative;}
.c-accueil__article__type,.c-accueil__article__date-publi{flex:1}
.c-accueil__article__type{text-align:right;}
.c-accueil__article__type strong{font-size:1.4rem;display:inline-block;background:var(--accentColor);color:var(--baseColor2);padding:5px 8px 3px;font-weight:bold;}
.c-accueil__post--droite .c-accueil__article__type{text-align:left}
.c-accueil__article__date-publi{text-align:left;font-style:italic;color:#a3b3bf;font-size:1.2rem;}
.c-accueil__article__entete{margin:1.5rem 0}
.c-accueil__post--droite .c-accueil__article__date-publi{text-align:right}
.c-accueil__article__corps{justify-content:space-between;padding-bottom:80px;color:var(--baseColor2);}
.c-accueil__article__root{display:none;width:9px;height:9px;background:var(--accentColor);margin:0 10px;}
.c-accueil__article__cover{order:1;margin-bottom:1.5rem;}
.c-accueil__article__texte{order:2}
.c-accueil__article__cover img{display:block;width:100%}
.c-accueil__article__titre{font-size:3.1rem;line-height:1.1;font-weight:90}
.c-accueil__article__current{line-height:1.65;font-size:1.7rem;margin-top:2.0rem;}
.c-accueil__article__cta{padding-left:38px;position: relative;margin-top:2.0rem;}
.c-accueil__article__cta:before{position: absolute;content:"";display: block;width:30px;height:3px;top:50%;margin-top:-1px;left:0;background:var(--accentColor);}
.c-accueil__article__date-evenement{margin-bottom:2.0rem;display: inline-block;background:var(--accentColor);padding:15px 20px 10px;font-size:1.7rem;}
.c-accueil__article__date-evenement svg{margin-right:15px;display: inline-block;vertical-align:middle;position: relative;top:-2px;}
.c-accueil__article{margin-bottom:3.0rem;}

@media (min-width:45em){
  .c-accueil__article__entete,.c-accueil__article__corps{display:flex;align-items:center;}
  .c-accueil__article__cover,.c-accueil__article__texte{width:calc(50% - 40px)}
  .c-accueil__post--droite .c-accueil__article__cover{order:2}
  .c-accueil__post--droite .c-accueil__article__texte{order:1}
  .c-accueil__article__root{display:block}
  .l-accueil__articles{background:url(../img/accueil-maine/bg-actualite.gif) repeat-x 0 0;padding:0 8.3334%;padding-top:90px;margin-top:-55px;}
  .l-accueil__articles__timeline:before{content:"";display:block;width:1px;background:var(--accentColor);position: absolute;top:0;left:50%;height:100%;}
  .c-accueil__article__entete{transform:translateY(-12px) translateX(1px);margin-bottom:30px;}
}

@media (min-width:60em){
  .l-accueil__actualites{padding:0 0 20px}
  .l-accueil__actualites__titre{display:inline-block;padding:100px 100px 100px 0;padding-left:8.3334%;width:auto}
  .c-accueil__actualites__bigtitle:after{top:-45px;}
  .c-accueil__actualites__bigtitle:before{top:-35px}
  .l-accueil__articles{padding:60px;}
  .c-accueil__article__cover{margin-bottom:0}
  .u-hover-on .c-accueil__article__titre{transition:all .4s ease-out}
}

@media (min-width:80em) {
  .l-accueil__actualites {padding: 0 0 40px}
}

@media (min-width:95em) {
  .l-accueil__actualites {padding: 0 0 60px}
}

@media (min-width:105em) {
  .l-accueil__actualites {padding: 0 0 80px}
}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- PAGE FAMILLE -- */

/* ### variante pour famille ### */
.c-heros--famille{background:var(--baseColor2);position:relative;overflow:hidden;visibility:hidden}
.c-heros__cover{position:relative;overflow:hidden}
.c-heros__cover--famille{width:100%;}
.c-heros__cover:after,.c-heros__degrade-gfx{content:"";display:block;width:100%;height:50%;background-image: linear-gradient(to bottom, rgba(0,74,111,0), rgba(0,74,111,1));position:absolute;bottom:0;left:0;z-index:2}
.c-heros--famille .c-heros__cover:after{display:none;}
.s-contenu-page .c-heros__cover:after,.s-contenu-page .c-heros__degrade-gfx{display:none;}
.c-heros__cover>img{display:block;width:100%}

.c-heros__nom-famille{font-size:5rem;position:relative;display:inline-block;line-height:1.0;margin-bottom:3rem}
.c-heros__nom-famille:before{content:"";display:block;width:18%;height:8px;background:var(--accentColor);position:absolute;top:-15px;left:5px;}
.c-heros__body{width:100%;font-size:2.0rem;line-height:1.5;font-weight:400}
.c-heros__paragraphe{position:relative;z-index:2;padding:4rem 3.5rem 3.5rem;color:#fff}
.c-heros__degrade-gfx{display:none;}

@media (min-width:80em){
  .c-heros__paragraphe{padding:8rem 5rem 5rem;position:absolute;bottom:5rem;left:5rem;background:rgb(0, 74, 111, 0.6);width:50%}
  .c-heros__body{;font-size:1.8rem;line-height:1.5;font-weight:400;text-align:justify;}
  .c-heros__nom-famille{font-size:6rem;line-height:1.0;margin-bottom:2rem}
}

@media (min-width:90em){
  .c-heros__paragraphe{width:40%}
  .c-heros__body{font-size:2.0rem;line-height:1.6;}
  .c-heros__nom-famille{font-size:7rem;margin-bottom:2.5rem}
}

@media (min-width:120em){
  .c-heros__paragraphe{width:30%}
  .c-heros__body{font-size:2.1rem;line-height:1.6;}
  .c-heros__nom-famille{font-size:9rem;margin-bottom:3rem}
}

@media (min-width:140em){
  .c-heros__body{font-size:2.4rem;line-height:1.7;}
  .c-heros__nom-famille{font-size:12rem;margin-bottom:4rem}
}

/* --- MOTEUR --- */
.l-moteur-famille{background:#fff;padding:3rem 3rem 5rem;position:relative;visibility:hidden;z-index:5}
.l-famille__col{visibility:hidden}
.c-moteur__group__label{font-size:1.6rem;font-weight:bold;margin-bottom:0.8rem;}
.c-moteur__critere{padding:0.5rem;border-radius:6px;margin:0;transition:all .4s ease;}
.c-moteur__critere>*{transition:all .4s ease;}
.c-moteur__critere,.c-moteur__critere>*{cursor:pointer}
.c-moteur__critere--on{background:#eee;}
.c-moteur__critere--on>*{transition:all .4s ease-out}
.c-moteur__critere,.c-moteur__critere label{display:flex;align-items:flex-start;}
.c-moteur__critere input{display:none;}
.c-moteur__radioperso{display:flex;width:15px;height:15px;background:#ddd;align-items:center;justify-content:center;border-radius:3px;margin-right:0.5rem;position:relative;top:2px}
.c-moteur__critere--on .c-moteur__radioperso{background:var(--accentColor)}
.svg__tick{opacity: 0;transition:all .4s ease-out}
.c-moteur__critere--on .svg__tick{opacity: 1}
.c-moteur-famille{display:flex;align-items:flex-start;flex-flow:row wrap}
.c-moteur__group--formes .c-moteur__criteres{display:flex;flex-flow:row wrap;width:210px;}
.c-moteur__critere__label{flex:1;font-size:1.5rem;}
.c-moteur__critere__label svg .cls-1{stroke:var(--baseColor2) !important;stroke-width:1.5px}

@media (max-width: 70em){
  .l-tpl__famille1 .c-moteur__group--formes .c-moteur__criteres{width:150px;}
}

.c-moteur__close-mobile{display:flex;align-items:center;position:absolute;bottom:80px;left:3.0rem;width:calc(100% - 6.0rem);color:var(--baseColor2);font-weight:bold;font-size:3.0rem;padding:2.0rem;background:var(--accentColor);text-align:center;border-radius:10px;justify-content: center;line-height:1.2;z-index:10}
.js__scroll-blocked .c-moteur__close-mobile{position:fixed;}
.c-moteur__close-mobile span{flex:1}
.c-moteur__close-mobile strong{color:#fff}
.c-moteur__close-mobile svg{margin-left:1.5rem}

.l-moteur-famille .js__trigger-filtres-mobile{font-size:2.0rem;padding:1.7rem;justify-content:center;}
.c-moteur__separation{display:none;width:100%}

/* si pas de collection
** > Garde-corps
** > Volets
** > Portes de garage
 */
.c-famille__nocol{border-top:1px var(--accentColor) solid;}

@media (min-width: 60em){
  /*.c-moteur-famille{justify-content:space-between}*/
  .l-moteur-famille .js__trigger-filtres-mobile{display:none}
  .c-moteur__close-mobile{display:none;}
  .c-moteur-famille{justify-content:flex-start;}
  .c-moteur__group{padding-right:3.0rem;padding-left:1.5rem;border-left:2px #ddd dotted;}
  .c-moteur__group--more{margin-top:3.0rem}
}

@media (min-width: 60em) and (max-width:80em){
  .c-moteur__group{padding-right:3.0rem;flex:1;}
}

@media (min-width: 80em){
  .c-moteur-famille{justify-content:flex-start;}
  .c-moteur__group{padding-right:5.0rem;min-width:17%;}
  .c-moteur__group--more{margin-top:5.0rem}
  .l-moteur-famille{padding:2.0rem 4.0rem 3.0rem;}
  .c-moteur__criteres{max-height:135px;overflow:auto;overflow-x:hidden}
  .c-moteur-famille{max-height:280px;overflow:auto;overflow-x:hidden}
}

.js__criteres-more-on .c-moteur__separation{display:block;}

.c-moteur__search{display:block;border-radius:6px;background:#eee;border:5px #fff solid;padding:1.4rem 1.5rem 1.25rem 1.5rem;color:var(--baseColor2);overflow:hidden;transition:all .3s ease-out;margin-top:3.0rem;position: absolute;bottom: -23px;left: 23rem;}
.c-moteur__search:hover:before{transform:scale(15)}
.c-moteur__search:hover{color:#fff;border-color:var(--accentColor);background: var(--accentColor);}



.c-moteur__plus{display:block;border-radius:6px;background:#eee;border:5px #fff solid;padding:1.4rem 1.5rem 1.25rem 4.0rem;color:var(--baseColor2);overflow:hidden;transition:all .3s ease-out;margin-top:3.0rem;position: absolute;bottom: -23px;}
.c-moteur__plus>span{position:relative;z-index:2}
.c-moteur__plus:before{display:block;content:"";background:var(--accentColor);border-radius:50%;width:23px;height:23px;position:absolute;top:50%;margin-top:-11px;left:0.8rem;transition:all .5s cubic-bezier(.64,-0.33,.01,1.29)}
.c-moteur__plus:after{content:"\002026";font-size:2.5rem;color:#fff;position:absolute;top:50%;left:1.1rem;line-height:0;margin-top:-7px;}
.u-hover-on .c-moteur__plus:hover:before{transform:scale(15)}
.u-hover-on .c-moteur__plus:hover{color:#fff;border-color:var(--accentColor)}

.js__criteres-more-on .c-moteur__plus{opacity:0;visibility:hidden}

@media (min-width: 80em) {
  /*.c-moteur__plus{position:relative;bottom:auto;border:1px #ddd solid}*/
}

.c-moteur__group--more{display:none;}
.c-moteur__group--more--on{display:block;}

@media (max-width:60em){
  /* on met les filtres en pannel glissant */
  .c-moteur-famille{position:fixed;z-index:50;top:-100%;left:0;width:100%;height:calc(100% - 140px);background:#fff;padding:3.0rem 3.0rem 0 3.0rem;overflow:auto;overflow-x:hidden}
  .c-moteur-famille--on{top:80px}
  .c-moteur-famille--on>div:nth-last-of-type(1){margin-bottom:120px;}
  .c-moteur-famille{flex-direction:column;flex-flow:column}
  .c-moteur__group{margin:0 0 2.0rem;padding:2.0rem;border-radius:10px;border:1px #ddd dotted;width:100%}
  .c-moteur__group--more{display:block;}
  .c-moteur__group--formes .c-moteur__criteres{width:100%}
  .c-moteur__plus{display:none;}
}
.c-famille__col__entete{background:var(--accentColor);padding:5.5rem 2.5rem;box-shadow: inset 0px 4px 4px 0px rgba(54,108,111,0.3)}
.c-famille__col__entete{display:flex;align-items:center;flex-direction:column}
.c-famille__col__nom{font-size:3.0rem;line-height:0.85;margin:0 0 1.5rem;text-align:center;}
.c-famille__col__nom strong{display:block;font-size:5.0rem;}

.c-famille__col__infos{display:flex;align-items:center;flex-flow:column;justify-content:center;}
.c-famille__col__cell-info,.c-famille__col__cta{display:flex;align-items:center;background:var(--baseColor2);color:#fff;padding:8px 12px 5px;border-radius:6px;font-size:1.5rem;line-height:1.0;margin:0 0 5px 10px;}
.c-famille__col__cell-info strong{color:var(--accentColor);font-size:2.6rem;margin:0 8px 0 0;}

.c-famille__col__plus{display:flex;align-items:center;flex:1;color:#fff;flex-direction:column}
.c-famille__col__accroche{font-size:3.0rem;line-height:1.3;padding:0 0 1.5rem;text-align:center;margin:1.5rem 0;}
.c-famille__col__split{display:flex;}

.u-cta{display:block;background:var(--baseColor2);color:#fff;padding:1.2rem 1rem 1rem 2.0rem;font-size:1.6rem;line-height:1.0;display:flex;align-items:center;border-radius:4px}
/* ---------------------------- */
@media (min-width:60em){
  .c-famille__col__split .u-cta{font-size:2.0rem}
}
/* ---------------------------- */
.u-cta strong{color:var(--accentColor)}
.u-cta__gfx{display:block;border:2px var(--accentColor) solid;border-radius:6px;width:36px;height:32px;margin-left:20px;position:relative}
.u-cta__gfx__barre{width:30px;height:3px;border-radius:1.5px;background:var(--accentColor);position:absolute;top:50%;margin-top:-1px;left:-15px;display:none}
.u-cta__gfx__encoche{width:12px;height:12px;transform:rotate(-45deg);position:absolute;top:50%;margin-top:-7px;left:50%;margin-left:-9px;}
.svg__cta-fleche{width:33px;height:14px;position:absolute;top:50%;margin-top:-7px;left:-14px;}
.svg__cta-fleche__barre,.svg__cta-fleche__encoche{fill:var(--accentColor)}
.u-hover-on .u-cta:hover .svg__cta-fleche__barre{width:20px}

/* variantes U-CTA */
.u-cta--big{font-size:1.9rem}
/* ---------------------------- */
@media (min-width:60em){
  .c-heros__texte .u-cta--big{font-size:2.2rem}
}
/* ---------------------------- */
.u-cta--blanc{background:rgba(255,255,255,1);color:var(--baseColor2)}

@media(min-width:50em) {
  .c-famille__col__infos{display:flex;align-items:flex-end}
  .c-famille__col__entete{display:flex;align-items:center;flex-flow:row wrap}
  .c-famille__col__accroche{margin:0;text-align:left;}
  .c-famille__col__plus{align-items:flex-end;}
  .c-famille__col__infos{align-items:flex-start}
  .c-famille__col__nom{text-align:left;}
  .c-famille__col__entete{padding:5.5rem;}

}
@media (min-width:60em){
  .u-hover-on .u-cta,.u-hover-on .u-cta *{transition:all .2s ease-out}
  .u-hover-on .u-cta:hover{transform:translateX(10px) !important}
  .u-hover-on .u-cta--blanc:hover .u-cta__gfx{background:#fff}
  .u-hover-on .u-cta:hover .svg__cta-fleche{left:-10px;}
  .u-hover-on .u-cta:hover .svg__cta-fleche__barre, .u-hover-on .u-cta:hover .svg__cta-fleche__encoche{fill:#fff}
  .u-hover-on .u-cta--blanc:hover .svg__cta-fleche__barre, .u-hover-on .u-cta--blanc:hover .svg__cta-fleche__encoche{fill:var(--baseColor2)}
}
@media(min-width:80em) {
  .c-famille__col__nom{width:auto;text-align:left;}
  .c-famille__col__infos{justify-content:flex-start;}
  .c-famille__col__plus{align-items:flex-end}
  .c-famille__col__nom strong{font-size:5.8rem;margin:0 1.5rem 0 0}
  .c-famille__col__accroche{padding:0 4.0rem 2.5rem;}
}
@media(min-width:94em) {
  .c-famille__col__nom strong{font-size:6.7rem;}
  .c-famille__col__nom{margin:0 1.5rem 0 0}
  .c-famille__col__infos{flex-flow:row wrap;align-items:flex-end}
}


/* -- MODELES PAR COLLECTION SUR PAGE FAMILLE -- */
.svg__l-active{width:17px;height:17px;}
.svg__l-active .st0{fill:var(--baseColor2)}
.svg__l-exclusive{width:17px;height:17px;}
.svg__l-exclusive .st0{fill:var(--baseColor2)}
.svg__ajout-sel,
.c-famille__modele__selection .svg__selection{width:23px;height: 27px;}
.svg__ajout-sel .st0,
.c-famille__modele__selection .svg__selection .st0{fill:var(--baseColor2)}
.svg__infos{width:31px;height: 37px;}
.svg__infos .st0{fill:var(--accentColor)}
.svg__infos .st1{fill:#fff}

.path__fav-left,
.path__fav-right{opacity:0;fill:var(--baseColor2)}

.u-hover-on .c-famille__modele__selection,
.u-hover-on .c-famille__modele__selection *{transition:all .3s ease-out}
.u-hover-on .c-famille__modele__selection:hover .st0{fill:var(--accentColor)}
.u-hover-on .c-famille__modele__selection:hover{transform:scale(1.25)}
.u-hover-on .c-famille__modele__selection:hover .path__fav-left,
.u-hover-on .c-famille__modele__selection:hover .path__fav-right{opacity:1;fill:var(--accentColor)}
.u-hover-on .c-famille__modele__selection:hover .path__fav-plus{opacity:0}
/* actif fav */
.c-modele__selection--on .path__fav-left,
.c-modele__selection--on .path__fav-right{opacity:1;fill:var(--accentColor)}
.c-modele__selection--on .path__fav-plus{opacity:0}
.c-modele__selection--on .st0{fill:var(--accentColor)}
.u-hover-on .c-modele__selection--on:hover .path__fav-left{transform:translateX(-1px) translateY(-1px)}
.u-hover-on .c-modele__selection--on:hover .path__fav-right{transform:translateX(1px) translateY(1px)}

@media (max-width: 60em){
  .c-modele__selection--on .path__fav-left{transform:translateX(-1px) translateY(-1px)}
  .c-modele__selection--on .path__fav-right{transform:translateX(1px) translateY(1px)}
}

.c-famille__modeles{display:flex;flex-flow:row wrap;position:relative;}
.c-famille__serie{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--baseColor2);color:#fff;border:1px var(--accentColor) solid;border-top:0;border-left:0;padding:3.0rem;}
.c-famille__serie__name{font-size:2.0rem;text-align:center;line-height:1.2}
.c-famille__serie__name strong{display:block;font-size:3.0rem;color:var(--accentColor);}
.c-famille__lignes{background:#fff;padding:0.8rem;margin-top:1.5rem;border-radius:6px;width:110px;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;}
.c-famille__lignes .svg__infos{position:absolute;top:1px;left:50%;margin-left:-15px;}
.c-famille__lignes svg:first-child{margin-right:50px;}

.c-famille__modele{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;padding:0;position:relative;border:1px var(--accentColor) solid;border-top:0;border-left:0;transition:all .3s ease-out;}

.c-famille__modele__blocklink{padding:4.5rem 1.2rem 2.0rem;width:100%;color:var(--baseColor2)}

.c-famille__modele:hover{box-shadow:0 0 20px rgba(0,74,111,0.6);z-index:11}
.c-famille__modele__cover{display:block;margin:0.5rem auto 3.0rem;max-width:80%;max-height:80%}
.c-famille__modele__matiere{position:absolute;top:1.5rem;left:1.5rem;font-size:1.3rem;display:flex;}
.c-famille__modele__matiere span{display:block;padding:0.5rem;border:1px var(--accentColor) solid;margin-right:-1px;line-height:1.0rem;font-weight:500}
.c-famille__modele__selection{position:absolute;top:1.5rem;right:1.5rem;}
.c-famille__modele__link{display:flex;padding:1.5rem;border:1px #eee solid;font-size:1.8rem;width:100%;align-items:center;color:var(--baseColor2);transition:all .3s ease-in}
.c-famille__modele__ligne-modele{flex:1;font-weight:700}
.c-famille__modele__ligne{width:150px;display:flex;justify-content: flex-end;transition:all .3s ease-in}
.c-famille__modele__ligne svg{margin-left:1.0rem;}
.c-famille__modele__link:last-of-type{margin-top:1.0rem;}
.c-famille__modele__link:hover svg .st0{transition:all .3s ease-in}

.c-famille__modele__link:hover{background:var(--accentColor);border-color:var(--accentColor);}
.c-famille__modele__link:hover .c-famille__modele__ligne{color:#fff;}
.c-famille__modele__link:hover svg .st0{fill:#fff;}
.c-famille__modele__link--exclusive:hover{background:var(--accentColor);border-color:var(--accentColor)}

.c-famille__modele__link-solo{font-weight:120;font-size:2.2rem;color:var(--baseColor2);padding:0.5rem 1.0rem 1.5rem;display:block;text-align:center;}

.c-famille__col:last-of-type{margin-bottom:8rem}
.c-famille__modeles:last-of-type:after{content:"";display:block;width:100%;height:1px;background:var(--accentColor);position:absolute;bottom:0;left:0}

.c-famille__fill{border:0;display:none}

.u-produit__line--novisible{display:none;opacity:0}

@media(min-width:35em) {
  .c-famille__modele,.c-famille__fill{width:50%;}
  .c-famille__modele__blocklink{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:auto;}
  .c-produit-lie .c-famille__modele__blocklink{justify-content:center}
  .c-produit-lie .c-famille__modele__cover{max-height:140px;}
  .c-famille__modele__link-solo{width:100%}
  .u-produit__line--novisible{display:block;}
}

@media(min-width:50em) {
  .c-famille__modele,.c-famille__fill{width:33.3334%;}
}

@media(min-width:80em) {
  .c-famille__serie{width:19%;}
  .c-famille__modele,.c-famille__fill {width:27%;}
  .c-famille__modele:nth-child(3n+5){margin-left:19%;border-left:1px var(--accentColor) solid;}
  .c-famille__noserie .c-famille__modele,
  .c-famille__noserie .c-famille__modele:nth-child(3n+5){margin:0;width:33.3334%}
  .c-famille__modele__cover{max-width:70%;}
}

@media (min-width:35em) and (max-width:50em){
  .c-famille__fill:nth-child(2n+1){display:block;}
}
@media (min-width:50em) and (max-width:90em){
  .c-famille__fill:nth-child(3n),
  .c-famille__fill:nth-child(3n+1){display:block;}
}

@media(min-width:100em) {
  .c-famille__serie {width:16%;}
  .c-famille__modele,.c-famille__fill{width:21%;}
  .c-famille__modele:nth-child(3n+5){margin-left:0;border-left:none;}
  .c-famille__modele:nth-child(4n+6){margin-left:16%;border-left:1px var(--accentColor) solid;}
  .c-famille__noserie .c-famille__modele,
  .c-famille__noserie .c-famille__modele:nth-child(3n+5),
  .c-famille__noserie .c-famille__modele:nth-child(4n+6){margin:0;width:25%}
  .c-famille__fill:nth-child(4n+3),
  .c-famille__fill:nth-child(4n+4),
  .c-famille__fill:nth-child(4n+5){display:block;}
}

.js__trigger__ligne-infos{cursor:pointer;}
.u-hover-on .js__trigger__ligne-infos{transition:all .3s ease-in}
.u-hover-on .js__trigger__ligne-infos:hover{transform:scale(1.1)}

.l-ligne-infos,.u-mini-window{visibility:hidden;opacity:0;background:rgba(0,59,88,0.8);position:fixed;top:-100%;left:0;z-index:550;padding:0;display:flex;justify-content:center;align-items:center;width:100%;transition:opacity .4s ease-in;height:100vh}
.l-ligne-infos{z-index:560}
.u-ligne-infos,.u-mini-window__inside{width:100%;background:#fff;padding:0;position:relative;}
.c-fenetre-mirage{background:var(--baseColor2);color:#fff;}
.u-ligne-infos__split{display:flex;align-items:center;text-align:center;flex-direction:column}
.u-ligne-infos__headline{text-align:center;font-size:3.0rem;margin-bottom:2.0rem;line-height:1.0}
.u-ligne{width:90%;padding:20px;display:flex;flex-direction:column;align-items:center;}
.u-ligne__visuel img{display:block;width:100%;border-radius:50%;border:2px #eee solid;margin-bottom:2.2rem}
.u-ligne__nom{padding:0.8rem 1.5rem;margin-bottom:1.0rem;border:1px #eee solid;border-radius:15px;display:flex;align-items:center;}
.u-ligne__nom svg{margin-right:0.8rem}
.js__close-line,.js__close-fenetre-mirage{position:absolute;top:0px;right:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--accentColor);color:#fff;font-size:3.0rem;font-weight:bold}

.c-fenetre-mirage .u-form-radio-perso{display:flex;flex-flow:row wrap;}

.c-fenetre-mirage__titre{display:flex;align-items:center;justify-content:center}
.u-mini-window__svg-mirage{width:130px;display:flex;flex-direction: column;}
.c-fenetre-mirage__texte{background:var(--accentColor);color:#fff;padding:2.0rem;text-align:center;margin-top:2.0rem;}
.c-fenetre-mirage .u-form-radio-perso__choix{background:#fff}
.c-fenetre-mirage .u-form-radio-perso{margin:0;justify-content:center}
.c-fenetre-mirage .svg__l-active,
.c-fenetre-mirage .svg__l-exclusive{position:relative;left:-7px;top:-2px}
.c-fenetre-mirage .svg__l-active .st0,
.c-fenetre-mirage .svg__l-exclusive .st0{fill:var(--accentColor)}
.c-fenetre-mirage .c-prise-contact__titre{text-align:center}
.c-fenetre-mirage .u-form-radio-perso + .c-prise-contact__titre{margin-top:2.5rem}

.u-deco-form{display:flex;}
.u-deco-form .u-form-radio-perso__choix img{width:90px;}
.u-deco-form .u-form-radio-perso__choix{padding:1.6rem 1.0rem 1.4rem 4.0rem;}
.c-fenetre-mirage__choix .c-prise-contact__form__zone{border:1px var(--accentColor) dotted;}
.c-fenetre-mirage__choix .c-prise-contact__form__zone + .c-prise-contact__form__zone{margin-top:2.0rem;}

.c-fenetre-mirage__choix .js__trigger__ligne-infos{position:relative;top:6px;left:10px;}

.c-prise-contact__form #body{padding:3.0rem}

.c-catalogue-envoye p{margin-bottom:2.0rem;}
.c-catalogue-envoye--fix p{margin-bottom:4.0rem;}
.c-catalogue-envoye .u-t-center{margin:1.8rem 0 3.2rem;line-height:1.2}
.c-catalogue-envoye a>img{display:block;width:100%;border:1px #eee solid;}

.c-fenetre-mirage-split{display:flex;align-items:center;}
.c-fenetre-mirage-split p:first-child{color:var(--accentColor);width:130px;margin-right:2.5rem;text-align:center;}

.l-ligne-infos--on,.u-mini-window--on{opacity:1;top:80px;visibility:visible}

.u-ligne__infos{display:flex;justify-content:center;border:1px var(--accentColor) dotted;padding:1.5rem;margin-top:2.0rem;}
.u-ligne__infos a{display:block;padding:1.5rem;border-radius:4px;color:var(--baseColor2);transition:all .4s ease-out}
.u-ligne__infos a .svg__arrow{margin-left:1.2rem;position:relative;top:2px;left:-2px;}
.u-ligne__infos a .svg__arrow .st0{fill:var(--baseColor2)}
.u-hover-on .u-ligne__infos a:hover{background:var(--accentColor);}

.u-launch{position:relative;display:block;}
.c-catalogue-envoye .u-launch{margin-top:3.0rem;}
.c-catalogue-envoye--fix .u-launch{margin-top:0;margin-bottom:3.0rem}
.u-launch .svg__arrow{transform:scale(1.6) translateX(-20px);transition:all .4s ease-out;}
.u-launch-hover{position:absolute;top:0;left:0;width:100%;height: 100%;display: flex;justify-content:center;align-items:center;z-index:2;background:rgba(0,74,111,0.6);opacity:0}
.u-hover-on .u-launch-hover{transition:all .4s ease-out}
.u-hover-on .u-launch:hover .u-launch-hover{opacity:1}
.u-hover-on .u-launch:hover .svg__arrow{transform:scale(2) translateX(0);}

@media (max-width: 60em){
  .u-ligne{width:100%;display:flex;align-items:center;flex-direction:row;padding:0}
  .u-ligne__text{width:160px;margin-left:15px;}
  .u-ligne__visuel{flex:1}
  .u-mini-window,.l-ligne-infos{padding:0 30px;}
  .u-ligne-infos,.u-mini-window__inside{overflow:auto;overflow-x:hidden;padding:10px;}
  .l-header__scrollFix__DOWN .l-ligne-infos,
  .l-header__scrollFix__DOWN .u-mini-window{height:calc(100vh - 60px);}
  .l-header__scrollFix__DOWN .l-ligne-infos--on,
  .l-header__scrollFix__DOWN .u-mini-window--on{top:0;}

  .l-ligne-infos, .u-mini-window{height:calc( 100vh - 140px );}
  .u-ligne-infos{max-width:500px}
}

@media (min-width: 60em){
  .u-ligne-infos__split{flex-flow:row wrap}
  .u-ligne{width:50%;}
  .u-ligne-infos,.u-mini-window__inside{padding:35px}
  .c-fenetre-mirage .u-form-radio-perso{flex-flow:row wrap}

  .l-ligne-infos,.u-mini-window{padding:100px 100px 0 0;}
  .u-ligne-infos,.u-mini-window__inside{height:auto}
  .l-ligne-infos--on,.u-mini-window--on{top:0;}
  .u-ligne-infos,.u-mini-window__inside{width:90%;max-width:800px;padding:30px;height:auto;max-height:calc( 100% - 80px );overflow:auto;overflow-x:hidden;}
  .js__close-line{top:-30px;}
  .u-mini-window__inside--scrollable{overflow-y:scroll}
  .u-mini-window__inside--scrollable .js__close-line,.u-mini-window__inside--scrollable .js__close-fenetre-mirage{top:30px;right:30px}
  .c-catalogue-envoye .u-launch{margin-top:5.0rem;}
  .c-catalogue-envoye--fix .u-launch{margin-top:0;margin-bottom:3.0rem}

}

/* ###################################################### */
/* ------------------------------------------------------ */
/* -- PAGE COLLECTION -- */

/* variante c-heros--collection */
.c-heros--collection .c-heros__cover:after{display:none}
.c-heros-shadow{display: block;width: 100%;
  position: absolute; bottom: 0; left: 0;
  z-index: 2;height:180px;
  background-image:linear-gradient(to bottom, rgba(0,74,111,0), rgba(0,74,111,0.6))}
.c-heros__col{padding:3.0rem;position:relative;z-index: 15;}
.c-heros--collection{overflow:hidden;visibility:hidden;background:var(--accentColor)}
.c-heros__col__nom{font-size:4.0rem;color:#fff;display:flex;flex-direction:column;line-height:1.0;position:relative;}
.c-heros__col__nom strong{font-size:6.0rem;}
.c-heros__col__baseline{font-size: 3.5rem;margin:2.5rem 0;line-height:1.3}
.c-heros__col__inside{max-width: 1060px;margin:auto;}
.c-heros__col__texte{flex:1;font-size:2.2rem;line-height:1.6;margin-top:1.5rem}
.c-heros__col__nb{display:flex;flex-direction:row;margin-right:6.0rem}

/* ---------------------------- */
@media (min-width:85em){
  .c-heros__col__texte{font-size:2.6rem;margin-top:2.0rem}
}
@media (min-width:105em){
  .c-heros__col__texte{font-size:3.0rem;margin-top:2.5rem}
}
/* ---------------------------- */

.c-heros-duotone, .c-heros__canvas-duotone {
  position:absolute;
  top:0;
  left:0;
}

.js__duotone-ref{opacity:0}

/*
"#005985", "#00324b"
 */

.c-heros-duotone::before {
  background-color: rgb(0, 50, 75);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  position: absolute;
  top: 0;
  left: 0;
}

.c-heros-duotone::after {
  background-color: rgb(0, 89, 133);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  left: 0;
}

/* ariane */
.svg__ar__home{width: 13px;height: 13px;}
.svg__ar__home .st0{fill:var(--baseColor2)}
.c-ariane{background:var(--accentColor);padding:1.5rem;display:flex;align-items:center;}
.c-ariane__separateur{display:block;width: 10px;height: 2px;background:#fff;margin:0 0.7rem;}
.c-ariane__link{font-size:1.4rem;color:var(--baseColor2)}
.c-ariane__link>span{font-size:1.8rem;}

@media (max-width:60em){
  .l-ariane-produit{
    background:var(--accentColor);
    overflow-x:scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */}
  .l-ariane-produit::-webkit-scrollbar{display:none}
  .c-ariane{
    background:var(--accentColor);padding:1.5rem;display:flex;align-items:center;
  }

}

.l-produit .c-ariane{position:relative;top:auto;left:auto}

.c-serie__nom{font-size:4.0rem;color:var(--baseColor2);display:flex;flex-direction:column;align-items:flex-start;line-height:1.0;position:relative;z-index: 15;margin-top:1.5rem;margin-bottom:1.2rem;}
.c-serie__nom__withnb{display:flex;}
.c-serie__nom__nom-nb>strong{font-size:6.0rem;color:var(--accentColor)}
/*.c-serie__nb{position:absolute;top:-40px;right:3px}*/
.c-serie__nom__nom-nb{display:inline-block;position:relative;}
.c-serie__accroche{margin:2.5rem 0;font-size:2.5rem;line-height:1.4;font-weight:700}
.c-serie__texte{font-size:2.0rem;line-height:1.5}
.c-serie__cover{overflow:hidden}
/* ---------------------------- */
@media (min-width:85em){
  .c-serie__accroche{font-size:3.0rem;line-height:1.4}
}
@media (min-width:105em){
  .c-serie__accroche{font-size:3.4rem;line-height:1.4}
}
/* ---------------------------- */

.c-serie{padding:0;margin:2rem 2rem 0;border:1px #ddd solid;}
.c-serie__cover img{width:100%;display:block;}
.c-serie__modeles{margin:0;}
.c-serie__modeles__display-collection{display:flex;flex-flow:row wrap;}
.c-serie .c-famille__modele{width:100%;border-top:1px var(--accentColor) solid;border-left:1px var(--accentColor) solid;}
.c-serie__presentation{padding:1.5rem;}
.c-heros--collection-nocover .c-heros__col__nom{margin-top:0;}

@media (min-width:35em){
  .c-serie .c-famille__modele{width:50%}
}

@media (min-width:50em){
  .c-serie .c-famille__modele{width:33.3334%;margin-bottom:-1px;margin-right:-1px}
  .c-serie{padding:0;margin:4rem 4rem 0;border:1px #ddd solid;}
  .c-heros__col{padding:4.5rem}
  .c-heros__col__nom{font-size:4.5rem;;margin-top:-105px;}
  .c-heros__col__nom strong{font-size:8.0rem;}
}

@media (min-width: 60em){
  .c-heros__col__nom{margin-top:-135px}
}

@media (min-width:80em){
  .c-serie__vis-a-vis{display:flex;align-items:center;}
  .c-serie__modeles{margin:-60px 100px 0;}
  .c-heros__col{padding:0 18.0rem 8.0rem;}
  .c-ariane{position:absolute;top:80px;left:100px;background:var(--accentColor);padding:1.1rem 1.5rem 0.9rem;border-radius:6px;z-index:10}
  .c-heros__col__nom{font-size:6.0rem;display:flex;flex-direction:column;line-height:1.0;position:relative;z-index: 15;margin-top:-125px;}
  .c-heros--collection-nocover{padding-top:5rem}
  .c-heros--collection-nocover .c-ariane{position:relative;top:auto;left:auto;margin-bottom:20px;}
  .c-heros__col__nom span{position:relative;}
  .c-heros__col__nom span:before{content:"";display: block;width: 100px;height: 8px;background:var(--accentColor);position:absolute; top:25px;left:-120px;}
  .c-heros--collection-nocover .c-heros__col__nom span:before{background:var(--baseColor2);}
  .c-heros__col__nom strong{font-size:12.0rem;}
  .c-heros__col__baseline{font-size: 4.8rem;margin:6.0rem 0;line-height:1.3}
  .c-heros--collection-nocover .c-heros__col__baseline{margin:2.0rem 0 3.0rem}
  .c-heros__col__desc{display:flex;align-items:flex-start}
  .c-heros__col__texte{margin-top:0rem}
  .c-serie{padding:8rem 0 0;margin:0 0 5.0rem;border:none;}
  .c-serie__presentation{margin:0 100px 0 0;padding-left:50px;flex:1}
  .c-serie__nom{margin-top:-125px;}
  .c-serie .c-famille__modele{width:33.3334%;margin-left:0}
  /*.c-serie .c-famille__modele:nth-child(4n+6){margin-left:0;border-left:none;}*/
  .c-serie--mult3 .c-famille__modele{width:33.3334%}
  /*.c-serie__modeles .c-famille__modele:nth-child(3n+5){margin-left:0;border-left:none}*/
  /* -- 1/2 -- */
  .l-tpl__collection .c-serie:nth-child(odd) .c-serie__cover{order:2}
  .l-tpl__collection .c-serie:nth-child(odd) .c-serie__presentation{order:1;margin:0 0 0 100px;padding-left:0;padding-right:50px;}

  .c-serie__cover{width:55%}
}

@media (min-width:95em){
  .c-serie__modeles{margin:-60px 200px 0;}
  .c-serie .c-famille__modele{width:25%}
  .c-serie--mult3 .c-famille__modele{width:33.3334%}
  .c-serie--mult3 .c-serie__modeles__display-collection{margin-left:25%}
  .c-serie__presentation{margin:0 200px 0 0;padding-left:100px;}
  /* -- 1/2 -- */
  .l-tpl__collection .c-serie:nth-child(odd) .c-serie__cover{order:2}
  .l-tpl__collection .c-serie:nth-child(odd) .c-serie__presentation{order:1;margin:0 0 0 200px;padding-left:0;padding-right:100px;}
}

@media (min-width: 105em){
  .c-serie__cover{width:60%}
}


/* ###################################################### */


/* ------------------------------------------------------ */
/* -- PAGE PRODUIT - ACTIVE -- */

.svg__technique{width:21px;height: 21px;}
.svg__technique .st0{fill:var(--accentColor)}

.l-mgd-p{width:94%;margin:auto;}
.l-produit__intro,.l-produit__zone{margin-bottom:6.0rem}

.l-produit .l-produit__zone{visibility:hidden}
.l-produit{padding-top:3.0rem}

@media (min-width: 45em) {
  .l-mgd-p{width:94%;}
  .l-produit__intro .l-mgd-p, .l-produit__zone .l-mgd-p{padding:0 15px}
  .l-produit__intro,.l-produit__zone{margin-bottom:7.0rem}
}
@media (min-width: 60em) {
  .l-mgd-p{width:90%;}
  .l-produit__intro .l-mgd-p, .l-produit__zone .l-mgd-p{padding:0 30px}
  .l-produit__intro,.l-produit__zone{margin-bottom:8.0rem}
}
@media (min-width: 80em) {
  .l-mgd-p{width:88%;}
  .l-produit__intro .l-mgd-p, .l-produit__zone .l-mgd-p{padding:0 50px}
  .l-produit__intro,.l-produit__zone{margin-bottom:9.0rem}
}
@media (min-width: 95em) {
  .l-mgd-p{width:84%;}
  .l-produit__intro .l-mgd-p, .l-produit__zone .l-mgd-p{padding:0 80px}
  .l-produit__intro,.l-produit__zone{margin-bottom:10.0rem}
}
@media (min-width: 105em) {
  .l-mgd-p{width:80%;}
  .l-produit__intro .l-mgd-p, .l-produit__zone .l-mgd-p{padding:0 120px}
  .l-produit__intro .l-mgd-p, .l-produit__zone .l-mgd-p{padding:0 120px}
}

@media (min-width: 115em) {.l-mgd-p{width:75%;}}
@media (min-width: 120em) {.l-mgd-p{width:68%;}}
@media (min-width: 130em) {.l-mgd-p{width:64%;}}
@media (min-width: 140em) {.l-mgd-p{width:60%;}}

.l-ariane-produit{margin-bottom:2.5rem;}
@media (min-width:60em){
  .l-produit{padding-top:5.0rem}

  .l-ariane-produit{display:flex;position:relative;margin-bottom:5.0rem;}
  .l-ariane-produit:after{content:"";display:block;width:100%;height:2px;left:0;top:50%;margin-top:-1px;background:#fff;position:absolute;}
  .l-ariane-produit .c-ariane{background:#f5f5f5;padding:0;position:relative;z-index:2;padding-right:1.5rem}
  .l-ariane-produit .c-ariane__separateur{background:var(--baseColor2);}

}

.c-produit__identification{position:relative;margin-bottom:5.0rem;z-index:11}

.c-produit__nom{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:1.0rem;line-height:1.2}
.c-produit__nom__intitule{display:block;font-size:5.0rem;}
.c-produit__nom__ligne{font-size:1.8rem;background:var(--accentColor);color:#fff;padding:1.2rem 5.0rem 1.2rem 2.0rem;display:flex;align-items:center;border-radius:60px;position:relative;}
.c-produit__nom__ligne--noinfo{padding-right:2.0rem;}
.c-produit__nom__ligne .svg__l-exclusive{margin-right:1.0rem;}
.c-produit__nom__ligne .svg__l-active{margin-right:1.0rem;}
.c-produit__nom__ligne .svg__l-exclusive .st0{fill:#fff}
.c-produit__nom__ligne .svg__l-active .st0{fill:#fff}
.c-produit__nom__ligne .svg__infos{position:absolute;top:-10px;right:1.0rem;}

.l-produit{visibility:hidden}

.c-produit__ajout-sel{display:flex;background:var(--baseColor2);align-items:center;color:#fff;padding:1.2rem 1.6rem;border-radius:4px;transition:all .3s ease-out;}
.c-produit__ajout-sel>span,.c-produit__ajout-sel>svg{position:relative;z-index:2}
.c-produit__switch__box{display:flex;align-items:flex-start;justify-content:flex-start}
.c-produit__switch{display:flex;align-items:center;background:var(--baseColor2);padding:0.5rem 0.5rem 0.5rem 1.5rem;border-radius:30px;color:#fff;font-size:1.5rem}
.c-produit__switch__line,
.u-produit__line{display:flex;align-items:center;border-radius:30px;padding:2px 2px 2px 12px;background:#fff;border:1px #ddd solid;color:var(--baseColor2);margin-left:1.0rem;font-size:1.3rem}
.c-produit__switch__line .svg__l-active,
.u-produit__line .svg__l-active, .u-produit__line .svg__l-exclusive{margin-right:1.0rem;position:relative;top:-1px}
.c-produit__switch__line .svg__l-active .st0,
.u-produit__line .svg__l-active .st0,
.c-produit__switch__line .svg__l-exclusive .st0,
.u-produit__line .svg__l-exclusive .st0{fill:var(--baseColor2)}
.c-produit__switch__line__nom,
.u-produit__line__nom{display:block;border-radius:30px;padding:0.3rem 1.2rem;font-size:2.0rem;color:#fff;background:var(--accentColor);margin-left:1.0rem}
.c-produit__ajout-sel .svg__ajout-sel{margin-right:1.0rem}
.c-produit__ajout-sel .svg__ajout-sel .st0{fill:var(--accentColor)}

.c-produit__ajout-sel.removeSelect{font-weight:300}
.c-produit__ajout-sel.removeSelect strong{font-weight:700}

.c-produit__ajout-sel__label{width:150px;height:16px;position:relative;}
.c-produit__ajout-sel__label__add,.c-produit__ajout-sel__label__remove{display:block;position:absolute;top:0;left:0;opactiy:1;transition:all .4s ease-out}
.c-produit__ajout-sel__label__remove{top:22px;opacity:0}
.c-modele__selection--on .c-produit__ajout-sel__label__add{top:-22px;opacity:0}
.c-modele__selection--on .c-produit__ajout-sel__label__remove{top:0;opacity:1}


.u-btn__volet{overflow:hidden;position:relative;}
.u-btn__volet>span,.u-btn__volet>svg,.c-produit__ajout-sel__label{position:relative;z-index:2}
.u-btn__volet:before,
.u-hover-on .u-btn__volet,
.u-hover-on .u-btn__volet .st0,.u-hover-on .u-btn__volet .st1{transition:all .6s cubic-bezier(0.76, -0.38, 0.4, 1.49)}
.u-btn__volet:before{display:block;content:"";background:var(--accentColor);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;margin-top:-11px;left:-40px;z-index:1;transform-origin:50% 50%}
.u-btn__volet--big:before{left:-40px}

.u-produit__line + .u-produit__line{margin-top:1.0rem;}
.u-produit__line__label{flex:1;display:flex;align-items:center;}
.u-produit__line__label strong{margin-left:0.35rem}

.c-produit__nom__nb{color:var(--accentColor)}

.c-produit__sel__infos{font-size:1.5rem;display:flex;align-items:center;}
.c-produit__sel__infos .c-produit__info-breve{padding:0;margin:0 1.0rem 0 0}
.c-produit__sel__infos .c-produit__info-breve__matieres{padding:0;margin:0}
.c-produit__sel__infos .c-produit__info-breve__matiere{padding:1.1rem 1.5rem}
.c-produit__sel__infos .c-produit__cta{padding-top:1.1rem;padding-bottom:1.1rem}

.l-produit--selection .c-produit__identification{margin-bottom:4.0rem}
.c-produit__selection-form__title{font-size:1.6rem;margin-bottom:1.1rem;font-weight:bold;color:var(--accentColor)}
.c-produit__selection__ligne{border:1px var(--baseColor2) dotted;padding:2.0rem;margin-bottom:2.5rem;line-height:2.0}
.u-form-standard textarea{border:1px #cacaca solid;padding:1.5rem;font-size:1.6rem;color:var(--baseColor2);width:100%;border-radius:4px;background:#f1f1f1}
.u-form-standard input[type="submit"],.u-form-standard .mirageUrl{background:var(--accentColor);border:1px var(--accentColor) solid;color:var(--baseColor2);display:block;text-align:center;padding:2.0rem;border-radius:8px;margin-top:2.0rem;width:100%;cursor:pointer;font-size:2.4rem;transition:all .4s ease-out;white-space: normal;}
.u-hover-on .u-form-standard input[type="submit"]:hover,.u-hover-on .u-form-standard .mirageUrl:hover{background:#fff}

.c-produit__texte-libre{margin-bottom:3.0rem;}
.c-extras-paragraphe p{line-height:1.7;margin-top:1.5rem;}

.sel-project-flex{display:flex;flex-wrap:wrap;gap:10px;}

.js__appear-visuprod{position:relative;z-index:10}

@media (max-width: 60em){
  .l-produit--selection .l-produit__intro{padding:0 1.5rem;margin-bottom:4.0rem}
  .l-produit--selection .c-produit__nom{display:block;}
  .l-produit--selection .c-produit__nom .svg__arrow__short .st0{fill:var(--accentColor)}
  .l-produit--selection .c-produit__nom>span{display:inline-block;}
}

@media (max-width: 85em){
  .c-produit__identification{display:flex;flex-direction:column;margin-bottom:1.5rem}
  .c-produit__nom{order:1}
  .c-produit__switch__box{order:2}
  .c-produit__identification .js__appear-ajoutprod{order:3;display:flex;align-items:center;justify-content:center;}
  .c-produit__identification .js__appear-ajoutprod>a{overflow:visible}
  .c-produit__identification .js__appear-ajoutprod>a.u-btn__volet:before{display:none;}
  .u-hover-on .c-produit__identification .js__appear-ajoutprod>a.u-btn__volet:hover .st0{fill:#fff}
  .c-produit__ajout-sel{margin:4.5rem 0 0 0;align-self:center;position:relative;z-index:3}
  .c-produit__ajout-sel:after{content:"";display:block;width: 0;height: 0;border-top:8px var(--baseColor2) solid;border-left:8px transparent solid;border-right:8px transparent solid;position:absolute;bottom:-8px;left:calc(50% - 8px)}

  .l-produit--selection .c-produit__identification,
  .l-produit--selection .c-produit__nom{border-bottom:1px #ccc dotted;padding-bottom:3.0rem}
  .l-produit--selection .c-produit__ajout-sel{margin-top:3.0rem;order:2}
  .l-produit--selection .c-produit__identification .c-produit__nom{margin-bottom:0}
}

@media (min-width: 60em) {
  .c-produit__nom{display:flex;align-items:flex-start;margin-bottom:2.0rem;flex-flow:row wrap;}
  .c-produit__nom__intitule{font-size:6rem;line-height:0.95;margin-right:2.0rem;position:relative;}
  .l-produit--selection .c-produit__nom__intitule{font-size:3.4rem;}
  .c-produit__nom__intitule__gfx{display:block;width: 100px;height: 8px;background:var(--accentColor);position:absolute;top:2px;left:-120px;transform-origin:0 0}
  .l-produit--selection .c-produit__nom__intitule:before{content:"";display:block;position:absolute;width: 50px;height: 4px;top:20px;left:-60px;background:var(--accentColor)}
  .js__appear-name{display:block;}
  .l-produit--selection .c-produit__nom{position:relative;}
  .l-produit--selection .c-produit__nom{align-items:center;}
  .c-produit__identification{margin-bottom:5.0rem}
  .c-produit__ajout-sel__label{width:190px;height:22px;}

  .c-produit__nom__nb{color:var(--accentColor);position:absolute;top:-22px;left:-33px;text-align:right;}

  .u-hover-on .u-btn__volet:hover:before{transform:scale(130)}
  .u-hover-on .u-btn__volet--big:hover:before{transform:scale(160) translateX(1px)}
  .u-hover-on .u-btn__volet:hover{color:#fff;border-color:var(--accentColor);transform:translateX(16px)}
  .u-hover-on .u-btn__volet--fix:hover{transform:translateX(0)}
  .u-hover-on .u-btn__volet .st0{fill:var(--accentColor)}
  .u-hover-on .u-btn__volet:hover .st0{fill:var(--baseColor2)}
  .u-hover-on .u-btn__volet:hover .st1{fill:#fff}

  .u-form-standard input[type="submit"],.u-form-standard .mirageUrl{font-size:2.8rem;}
  .c-extras-paragraphe p{font-size:1.6rem;max-width:80%;margin-top:2.5rem}
}

@media (min-width: 85em) {
  .js__appear-ajoutprod{position:absolute;top:0;right:0;}
  .l-produit__intro .l-mgd-p.c-produit__identification{padding-right:270px;margin-bottom:12.0rem}
  .c-produit__nom__intitule{font-size:10rem;}
  .l-produit--selection .c-produit__nom__intitule{font-size:4.8rem;}

  .u-form-standard input[type="submit"],.u-form-standard .mirageUrl{font-size:3.0rem;}

  .c-produit__selection-form{padding:0 4.0rem}

  .c-produit__nom__nb{top:-9px;left:-116px;}

  .l-produit--selection .c-produit__ajout-sel{position:absolute;top:0;right:0}

}

@media (min-width: 95em) {
  .c-produit__selection-form{padding:0 6.0rem}
}

.c-produit__3D{position:relative}

.c-produit__3D__visuel{padding:0;position:relative;}
.c-produit__3D__visuel__img{display:block;width:100%;position:relative;z-index:10}
.c-produit__3D__name{display:none;}

.c-produit__3D__mirage{margin-top:3.0rem}
.c-produit__3D__mirage__q{margin:0 0 1.0rem 3.0rem}
.c-produit__3D__mirage__q span{display:inline-block;background:var(--baseColor2);color:#fff;padding:0.7rem;border-radius:6px;font-size:2.0rem;line-height:1.0}
.c-produit__3D__mirage__cta{display:flex;align-items:center;padding:10px;background:var(--accentColor);position:relative;border-radius:10px;color:var(--baseColor2);line-height:1.2;font-size:2.0rem;margin-top:2.0rem;justify-content:center;}
.c-produit__3D__mirage__cta strong{display:block;}
.c-produit__3D__mirage__logos{background:var(--baseColor2);border-radius:60px;padding:1rem 1.5rem 1rem 1rem;display:flex;align-items:center;border:2px var(--accentColor) solid;margin-right:1.0rem}
.c-produit__3D__mirage__logos .svg__hand-mirage{width:28px;height:34px;margin-right:0.5rem}
.c-produit__3D__mirage__logos .svg__logo-mirage{width:73px;height:25px;margin-right:0}
.c-produit__3D__mirage__logos .svg__bymp{width:73px;height:10px;margin-top:0.2rem}
.c-produit__3D__mirage__logos span{display:flex;flex-direction:column}

.c-prise-contact--split{display:flex;flex-direction:column}
.c-prise-contact__ctas, .c-prise-contact__form{background:#fff;}
.c-prise-contact__ctas,.c-prise-contact__form__zone{padding:2.5rem}
.c-prise-contact__titre{font-size:2.4rem;color:var(--accentColor);margin-bottom:2.0rem;line-height:1.25}
.l-fenetre-mirage .c-prise-contact__titre{margin-top:-10px;}
.c-prise-contact__soustitre{font-size:1.7rem;font-weight:bold;margin-bottom:0.8rem;}
.u-form-standard__label-requis{color:var(--accentColor);font-size:1.5rem}
.c-prise-contact__form__zone--border{border-top:4px #f5f5f5 solid;}

.u-form-radio-perso{display:flex;flex-direction:column;margin-bottom:2.5rem;}
.u-form-radio-perso__choix{display:flex;padding:1.6rem 2.0rem 1.4rem 4.5rem;position:relative;align-items:center;font-size:1.6rem;color:var(--baseColor2);border:1px #cacaca solid;border-radius:5px;transition:all .4s ease-out;margin-bottom:1.0rem}
.u-form-radio-perso__choix>input{visibility:hidden;display:none;}
.u-form-radio-perso__choix:before{content:"";display:block;width:14px;height:14px;border-radius: 50%;position:absolute;top:50%;margin-top:-7px;left:12px;background:#e9e9e9;border:1px #dbdbdb solid;}
.u-form-radio-perso__choix:after{content:"";display:block;width:10px;height:10px;border-radius: 50%;position:absolute;top:50%;margin-top:-6px;left:13px;background:var(--accentColor);border:2px #FFF solid;opacity:0}
.u-form-radio-perso__choix--on{border-color:var(--accentColor)}
.u-form-radio-perso__choix--on:before{border-color:var(--accentColor)}
.u-form-radio-perso__choix--on:after{opacity:1}
.u-form-champ input,.u-form-champ select{display:block;margin-bottom:2.0rem;width:100%;border-radius:4px;border:1px #cacaca solid;color:var(--baseColor2);font-size:1.6rem;padding:1.0rem;background:#f1f1f1}
.u-form-standard .c-prise-contact__form__zone{border-bottom:1px #ccc dotted;}
.u-form-radio-perso__choix-legende{display:flex;flex-direction:column;}
.u-form-radio-perso__choix-legende>span{display:block;font-size:1.4rem;text-align:center;}
.u-form-radio-perso__choix-legende>img{margin-bottom:1.5rem;}

@media (max-width: 60em) {
  .c-prise-contact__form{margin-bottom:3.0rem}
}

@media (max-width: 80em) {
  .c-prise-contact__ctas{display:none;}
  .c-prise-contact__ctas--nohide{display:block;}
  .margin-right-10.c-prise-contact__ctas--nohide{margin-right:0}
}

@media (min-width: 60em) {
  .c-produit__3D__name{display:block;font-size:14rem;position:absolute;top:-80px;right:0;    -webkit-text-stroke: 2px #fff;-webkit-text-fill-color: #f5f5f5;color: #f5f5f5;line-height:1.0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  .c-produit__3D__visuel{padding: 0 4% 0 4%;}
  /* variante pour sélection */
  .l-produit--selection .c-produit__3D__visuel{padding: 0 4% 0 0;}

  .u-hover-on .c-produit__3D__mirage__cta{transition:all .3s ease-out}
  .u-hover-on .c-produit__3D__mirage__cta:hover{transform:scale(1.06)}
  .u-form-radio-perso__choix:not(:first-child){margin-left:1.5rem;}
}

@media (min-width: 80em) {
  .c-produit__3D__name{font-size:16rem;top:-80px}
  .c-produit__3D__visuel,
  .l-produit--selection .c-produit__3D__visuel{padding: 0 280px 0 0;padding-left:4.3334%}
  /* variante pour sélection */
  .l-produit--selection .c-produit__3D__visuel{padding-left:0}
  .c-produit__3D__mirage__cta{display:block;padding:12px 25px 12px 96px}
  .c-produit__3D__mirage{position:absolute;bottom:30px;right:0;width:280px;z-index:10;margin-top:0}
  .c-produit__3D__mirage__logos{position:absolute;left:-70px;top:7px;margin-right:0}

  .c-prise-contact--split{flex-direction:row;align-items:flex-start}
  .c-prise-contact__ctas,.c-prise-contact__form__zone{padding:4.0rem}
  .c-prise-contact__ctas>.c-help__ctas__link:not(:first-child){margin-top:2.0rem}
  .c-prise-contact__form{flex:1;margin-right:3.0rem}

  .u-form-radio-perso{flex-flow:row wrap;}

  .c-prise-contact__ctas{width:400px;padding:3.0rem}
  .c-prise-contact__ctas .c-help__ctas__link{overflow:visible}
  .c-prise-contact__ctas .c-help__cta{justify-content:flex-start;padding:30px 0 30px 50px;}

}

@media (min-width: 90em) {
  .c-produit__3D__name{font-size:20rem;top:-100px}
  .c-produit__3D__visuel{padding-left: 8.3334%;}
  .c-prise-contact__ctas,.c-prise-contact__form__zone{padding:4.0rem}
  /* variante pour sélection */
  .l-produit--selection .c-produit__intro .c-produit__3D{width:70%}
  .c-produit__3D__mirage__logos{left:-50px;}

  .c-prise-contact__ctas{width:450px;}
}

.c-produit__infos-breves{background:#fff;margin:1.5rem;padding:2.0rem;}
.c-produit__infos-breves .l-mgd-p{display:flex;align-items:center;flex-direction:column}
.l-produit--selection .c-produit__infos-breves .l-mgd-p{display:block}
.c-produit__info-breve{background:#f5f5f5;display:flex;align-items:center;padding:0.5rem 0.5rem 0.5rem 2.5rem;border-radius:60px;margin-bottom:1.0rem;}
.c-produit__info-breve span>span{display:block;}
.c-produit__info-breve__matieres{background:#fff;border-radius:60px;display:flex;align-items:center;margin-left:2.0rem}
.c-produit__info-breve__matiere{padding:1.3rem 2.0rem;font-weight:bold;}
.c-produit__info-breve__matiere + .c-produit__info-breve__matiere{border-left:3px #f5f5f5 solid;}
.c-produit__cta{background:var(--baseColor2);padding:1.2rem 2.0rem;border-radius:60px;color:#fff;display:flex;align-items:center;}
.c-produit__cta svg{margin-right:1.0rem;}

.c-info-perso{background:var(--accentColor);padding:2.5rem;margin-bottom:3.0rem}
.c-info-perso p{line-height:2.0}
.c-info-perso p a{color:var(--baseColor2);text-decoration:underline;text-underline-position:under}
.c-info-perso p a:hover{color:var(--accentColor);text-decoration:none;}
.c-info-perso ul{margin: 20px 0;padding:15px 15px 15px 25px;border:1px #eee solid;}
.c-info-perso ul li{line-height:1.6}
.c-info-perso ul li + li{margin-top:10px;}
.c-infos-perso__recherche{margin:1.5rem 0 2.5rem;}
.c-infos-perso__critere{margin:0 0 1.0rem;display:flex;align-items:center;flex-flow:row wrap}
.c-infos-perso__critere strong{display:block;margin-bottom:0.5rem;width:100%}
.u-sous-titre-info{display:flex;align-items:center;font-size:2.8rem;margin-bottom:1.5rem;line-height:1.2}
.u-sous-titre-info svg{margin-right:0.8rem}
.c-infos-perso__note__text{font-size:1.8rem;line-height:2.6rem}

@media (min-width: 60em) {
  .c-produit__infos-breves .l-mgd-p{display:flex;align-items:center;flex-flow:row wrap;}
  .l-produit--selection .c-produit__infos-breves .l-mgd-p{display:block;}
  .c-produit__infos-breves{padding:13.0rem 0 6.0rem;margin:-7.0rem 0 0 0}
  .c-produit__info-breve{margin-right:2.0rem;margin-bottom: 0;}
  .c-infos-perso__recherche{margin:1.5rem 0 2.5rem;display:flex;align-items:center;flex-wrap:wrap;}
  .c-infos-perso__critere{display:flex;align-items:center;font-size:1.4rem;}
  .c-infos-perso__critere>div{display:flex;margin-right:2.0rem;}
  .c-infos-perso__critere strong{font-weight:bold;display: inline;margin:0.5rem 0;width:auto;}
  .c-infos-perso__critere:first-child strong{margin-left:0;}
  .c-infos-perso__critere span{display:flex;align-items:center;padding:0.7rem 0.8rem;background:#eee;border-radius:4px;margin-left:0.5rem;line-height:1.0rem;}
  .c-info-perso{padding:4.0rem}
  .c-info-perso ul{padding:20px 30px 20px 50px;}
}

.c-produit__visuel__legende{background:#fff;padding:0.8rem;color:var(--baseColor2);font-size:1.6rem;}
.c-produit__personnalisation{border:2px #fff solid;padding:1.5rem;}
.c-produit__personnalisation__titre{background:var(--baseColor2);color:#fff;padding:2.2rem 1.6rem 2.0rem;font-weight:bold;font-size:2.0rem;position:relative;margin-bottom:2.0rem;text-align:center}
.c-produit__personnalisation__titre:after{content:"";display:block;width:0;height: 0;border-top:10px var(--baseColor2) solid;border-left:10px transparent solid;border-right:10px transparent solid;position:absolute;bottom:-10px;left:50%;margin-left:-5px;}

.c-produit__visuel.cycle-slide {width:100%}


.c-produit__personnalisation__menu{display:flex;font-size:1.7rem;font-weight:bold;padding-bottom:1.8rem;}
.c-produit__personnalisation__lien{color:var(--baseColor2);text-align:center;padding:1.0rem;border-bottom:2px #d0d0d0 solid;flex:1;display:flex;align-items:center;justify-content:center}
.c-produit__personnalisation__lien--active{color:var(--accentColor);border-color:var(--accentColor)}
.c-produit__personnalisation__pan{display:flex;justify-content:space-between;flex-flow:row wrap;}
.c-produit__personnalisation__item{width:calc( (100% - 1.5rem) / 2);padding:1.5rem;background:#fff;text-align:center;font-size:1.3rem;font-style:italic;margin-bottom:1.5rem}
.c-produit__personnalisation__item img{display:block;width:auto;margin:0 auto 1.0rem;max-width:100%;max-height:90px;}
.c-produit__personnalisation__pans .c-cycle__item.cycle-slide{width:100%}

@media (min-width: 80em) {
  .c-produit__zone-perso{display:flex;justify-content:space-between}
  .c-produit__personnalisation{width:35%}
  .c-produit__visuels{width:calc(65% - 5.0rem)}
  .c-produit__zone-perso--solo{justify-content:center;}
  .c-produit__zone-perso--solo .c-produit__visuels{width:80%}
  .c-produit__visuel{position:relative;}
  .c-produit__visuel__legende{position:absolute;bottom:8px;left:8px;z-index:3}
  .c-produit__personnalisation{border:2px #fff solid;padding:2.5rem;}
  .c-produit__personnalisation__titre{margin-top:-6rem;}
}

.c-produit__visuels{position:relative;margin-top:2.5rem}
.c-produit__visuels__nav{background:#fff;position:absolute;top:0rem;right:0rem;z-index:101;display:flex;align-items:center;padding:1.5rem 2.0rem;}
.c-produit__visuels__nav .svg__arrow .st0{fill:var(--baseColor2);}
.c-produit__visuels__nav__fleche{width:20px;height: 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.c-produit__visuels__nav__fleche svg{transition:all .3s ease-out}
.c-produit__visuels__nav__fleche:first-child:hover svg{transform:translateX(6px)}
.c-produit__visuels__nav__fleche:last-child:hover svg{transform:translateX(6px)}
.c-produit__visuels__nav__fleche:first-child{transform:rotate(-180deg)}
.c-produit__visuel__nb{display:flex;align-items:flex-start;font-size:1.6rem;line-height:0.6;margin:0 1.0rem}
.c-produit__visuel__nb strong{color:var(--accentColor);font-weight:bold;font-size:3.6rem;}

@media (min-width: 60em) {
  .c-produit__visuels__nav{top:1.5rem;right:-3.0rem;}
}

.c-produit-zone__entete{margin-bottom:3.5rem}
.c-produit__sous-titre{font-size:3.6rem;line-height:1.0;position:relative}
.c-produit__sous-titre span.c-produit__sous-titre--precision{font-size:1.8rem;line-height:1.2;position:relative}
.c-produit__sous-titre:before{content: "";display: block;width: 50px;height: 4px;background: var(--accentColor);position: absolute;top: 6px;left: -70px;}

.c-produit__planche{display:flex;flex-flow:row wrap;justify-content:flex-start}
.c-produit__planche + .c-produit__planche{padding-top:4.0rem;border-top:1px #c4d3da solid;}
.c-produit__planche__slot{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;background:#fff;padding:1.0rem;border-radius:6px;width:100%;margin-bottom:1.2rem;}
.js__slots-all{justify-content:center;}
.c-produit__planche__slot:first-child{justify-content:center;}
.c-produit__planche__slot strong{display:block;}
.c-produit__planche__couleur{width:100%;height:56px;border-radius:10px;margin-bottom:1.5rem;border:1px #eee solid;}
.c-produit__planche__label{font-size:1.4rem;}
.c-produit__planche__slot--master{font-size:1.5rem;}
.c-produit__planche__slot--master strong{font-size:1.8rem}
.js__slots-all{padding:2.0rem;font-size:1.6rem;cursor:pointer}

@media (min-width: 45em) {
  .c-produit__planche__slot{margin-bottom:20px}
  .c-produit__planche__slot:not(:first-child){width:calc( (100% - 20px) / 2) }
  .c-produit__planche__slot:nth-child(2n+3){margin-left:20px;}
}

@media (min-width: 60em) {
  .c-produit__planche__slot:not(:first-child){width:calc( (100% - 40px) / 3);margin-left:20px}
  .c-produit__planche__slot:nth-child(3n+2){margin-left:0}
}

@media (min-width: 80em) {
  .c-produit__planche__slot:first-child{width:130px;}
  .c-produit__planche__slot:not(:first-child){width:calc( (100% - 210px) / 4);margin-left:20px}
  .c-produit__planche__slot:nth-child(4n+6){margin-left:150px}
}

@media (min-width: 95em) {
  .c-produit__planche__slot:not(:first-child){width:calc( (100% - 230px) / 5);}
  .c-produit__planche__slot:nth-child(4n+6){margin-left:20px}
  .c-produit__planche__slot:nth-child(5n+7){margin-left:150px}
}

@media (min-width: 110em) {
  .c-produit__planche__slot:not(:first-child){width:calc( (100% - 250px) / 6);}
  .c-produit__planche__slot:nth-child(5n+7){margin-left:20px}
  .c-produit__planche__slot:nth-child(6n+8){margin-left:150px}
}

.c-produit__technique{background:rgba(255,255,255,0.5);padding:3.0rem 0;display:flex;flex-direction:column}
.c-produit__technique + .c-produit__technique{margin-top:4.0rem;}
.c-produit__technique__domaine{font-size:2.4rem;line-height:1.0;width:34%;padding:0 0 2.0rem 2.0rem}
.c-produit__technique__texte,
.c-produit__technique__listing{padding:0;margin:0 2.0rem;}
.c-produit__technique__listing{border-top:1px #ddd solid}
.c-produit__technique__ligne{display:flex;width:100%;padding:2.0rem;border-bottom:1px #ddd solid;flex-direction:column}
.c-produit__technique__donnee{font-weight:bold;}
.c-produit__technique__texte{line-height:1.6}
.c-produit__technique__texte__body{margin-bottom:2.6rem;}
.c-produit__technique__images{display:flex;flex-direction:column;}
.c-produit__technique__image{display:block;padding:1.5rem;border:1px #ddd solid;text-align:center;}
.c-produit__technique__image img{display:block;width:100%;margin-bottom:1.5rem}

.c-produit__technique__texte li{list-style:none;position:relative;padding-left:30px;}
.c-produit__technique__texte li:before{content:"";display:block;background:var(--accentColor);width:18px;height:3px;position:absolute;top:11px;left:0px;}
.c-produit__technique__texte li:not(:last-child){margin-bottom:2.0rem}
.c-produit__technique__image{margin-bottom:1.5rem;}

@media (min-width: 60em) {
  .c-produit__technique__label{width:60%}
  .c-produit__technique__domaine{width:34%;padding:2.0rem 4.0rem 0 4.0rem;}
  .c-produit__technique__ligne,.c-produit__technique{flex-flow:row wrap}
  .c-produit__technique__texte,
  .c-produit__technique__listing{width:66%;padding:0 2.0rem 0 0;border-top:0;margin:0}
  .c-produit__technique__donnee{width:40%;}
}

.c-produit__big-titre{font-size:4.0rem;line-height:1.0;display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;}
.c-produit__big-titre:before{content:"";display:block;width:50px;height:4px;background:var(--accentColor);margin-bottom:2.5rem;}
.c-produit__big-titre--centered{margin-bottom:4.0rem}

@media (min-width: 80em) {
  .c-produit__big-titre{font-size:6.0rem;}
  .c-produit__big-titre:before{width:100px;height:8px;margin-bottom:3.5rem}
  .c-produit__big-titre strong{color:var(--accentColor)}
  .c-produit__big-titre--centered{margin-bottom:5.0rem}
  .c-produit__technique__images{flex-flow:row wrap;}
  .c-produit__technique__image{width:calc(33.3334% - 4.0rem);margin-right:2.0rem}
  .c-produit__technique__image:nth-child(3n+3){margin-right:0}
  .c-produit__technique__image{margin-bottom:2.0rem;}
}

@media (min-width: 90em) {
  .c-produit__big-titre{font-size:8.0rem;}
  .l-search__results .c-produit__big-titre{font-size:6.0rem;}
  .c-produit__big-titre:before{margin-bottom:3.5rem}
}

.c-produit__articles-lies{border-top:2px #fff solid;margin:4.0rem 4.0rem 0;}
.c-produit__article-lie{border-bottom:2px #fff solid;padding:2.0rem 0 2.0rem 1.5rem;color:var(--baseColor2);display:flex;align-items:center;font-size:1.8rem;position:relative;}
.c-produit__article-lie span:first-child{flex:1;}
.c-produit__article-lie span:last-child{display:none;}
.c-produit__article-lie .svg__arrow{margin-left:1.0rem;position:relative;top:-1px;}
.c-produit__article-lie .svg__arrow .st0{fill:var(--accentColor)}

@media (min-width: 45em) {
  .c-produit__article-lie span:last-child{display:flex;align-items:center;font-weight:bold;padding:0.8rem;border-radius:4px;background:#fff;color:var(--baseColor2);font-size:1.5rem;margin-left:2.0rem;border:1px #f2f2f2 solid;}
}

@media (min-width: 60em) {
  .u-hover-on .c-produit__article-lie{transition:all .4s ease-out}
  .u-hover-on .c-produit__article-lie:before{content:"";display:block;background:#fff;height:1px;width:100%;position:absolute;top:-1px;left:0;transition:all .25s ease-out;z-index:-1}
  .u-hover-on .c-produit__article-lie:hover{padding-left:2.0rem;padding-right: 2.0rem;}
  .u-hover-on .c-produit__article-lie:hover:before{height:100%}
}

@media (min-width: 80em) {
  .l-articles-lies{display:flex;justify-content: space-between;}
  .c-produit__articles-lies{flex:1;margin:0 0 0 8.0rem}
  .c-produit__big-titre--aleft{align-items:flex-start;justify-content:flex-start}
  .c-produit__article-lie{padding:3.0rem 0 3.0rem 1.5rem;font-size:2.0rem}
  .c-produit__article-lie span:last-child{font-size:1.6rem}
}

.c-produits-lies{display:flex;justify-content:center;flex-flow:row wrap;}
.c-produit-lie__famille{background:#f5f5f5;border:1px var(--accentColor) solid;padding:0.8rem;text-align:center;font-size:1.8rem;display:block;color:var(--baseColor2)}
.c-produit-lie{margin-bottom:-1px;display: flex;flex-direction: column;}
.c-produit-lie .c-famille__modele{width:100%;flex:1;display:flex;flex-direction:column}
.c-produit-lie .c-famille__modele{border-left:1px var(--accentColor) solid;}
.c-produit-lie .c-famille__modele__blocklink{flex:1}

@media (min-width: 50em) {
  .c-produit-lie{width:50%}
  .c-produit-lie .c-famille__modele,
  .c-produit-lie .c-produit-lie__famille{border-left:0}
  .c-produit-lie:nth-child(2n+1) .c-famille__modele,
  .c-produit-lie:nth-child(2n+1) .c-produit-lie__famille{border-left:1px var(--accentColor) solid}
}

@media (min-width: 80em) {
  .c-produit-lie{width:33.3334%}
  .c-produit-lie .c-famille__modele,
  .c-produit-lie .c-produit-lie__famille,
  .c-produit-lie:nth-child(2n+1) .c-famille__modele,
  .c-produit-lie:nth-child(2n+1) .c-produit-lie__famille{border-left:0}
  .c-produit-lie:nth-child(3n+1) .c-famille__modele,
  .c-produit-lie:nth-child(3n+1) .c-produit-lie__famille{border-left:1px var(--accentColor) solid}
}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- RECHERCHE -- */

.l-search{background:var(--accentColor);padding:2.5rem 0;}
.c-search{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.c-search__nb{font-size:1.6rem;background:var(--baseColor2);color:#fff;padding:1.0rem;border-radius:4px;margin:0 0 1.5rem;}
.c-search__nb strong{color:var(--accentColor);font-size:1.8rem;}
.c-search__term{font-size:2.0rem;color:var(--baseColor2);}

.l-search__results{padding-top:4.0rem;visibility:hidden}
.l-search__results .c-produit__big-titre{margin-bottom:3.5rem;}
.l-search__results .c-produit__big-titre strong{color:var(--accentColor);}

.c-produit__articles-lies--wide{margin-left:0}

@media (min-width: 60em) {
  .l-search{padding:3.0rem 0;}
  .c-search{flex-flow:row wrap;justify-content:flex-start;align-items:center;}
  .c-search__nb{font-size:1.8rem;margin:0 1.5rem 0 0}
  .c-search__nb strong{font-size:2.6rem;}
  .c-search__term{font-size:2.6rem;}
  .l-search__results .c-produits-lies{justify-content:flex-start}
  .l-search__results .c-produit__big-titre{display:block;text-align:left;}

  .l-search__results{padding-top:5.0rem}
  .l-search__results .c-produit__big-titre{margin-bottom:4.5rem;}
}

@media (min-width: 80em) {
  .l-search{padding:3.5rem 0;}
  .c-search__term{font-size:3.0rem;}

  .l-search__results{padding-top:6.5rem}
  .l-search__results .c-produit__big-titre{margin-bottom:5.5rem;}
}

@media (min-width: 90em) {
  .l-search{padding:4.0rem 0;}
  .c-search__term{font-size:3.0rem;}

  .l-search__results{padding-top:8.0rem}
  .l-search__results .c-produit__big-titre{margin-bottom:6.5rem;}
}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- PAGES DE CONTENU // CMS -- */

/* ++++++++ LANDING / RUBRIQUE ++++++++++ */

.l-contenu{visibility: hidden;overflow:hidden}
.s-contenu-landing{padding:3.0rem 0;}

.c-titre-lv1{margin-bottom:2.0rem;line-height:0.9;position:relative;font-size:3.0rem;}
.c-contenu-landing__reprise-titre{display:none;opacity:.75}

.c-contenu-landing__edito{font-size:1.8rem;line-height:1.8;margin-bottom:2.0rem;position:relative;z-index:5}

.c-contenu-landing{position:relative;}
.c-contenu-landing__articles{display:flex;flex-direction:column;}
.c-contenu-landing__link{width:100%;margin-bottom:3.0rem}
.c-contenu-landing__link__cover{margin-bottom:2.0rem}
.c-contenu-landing__link__cover img{display:block;width:100%}
.c-contenu-landing__link__titre{display:block;width:100%;font-size:2.2rem;line-height:1.1;color:var(--baseColor2);padding-right:1.5em}

@media (min-width: 45em) {
  .c-contenu-landing__articles{flex-flow:row wrap;}
}
@media (min-width: 60em) {
  .s-contenu-landing{padding:4.0rem 0}
  .c-titre-lv1{font-size:4.0rem;}
  .c-contenu-landing__link__cover{margin-bottom:2.5rem;position:relative;}
  .c-contenu-landing__link{position:relative}
  .c-contenu-landing__link:before{content:"";display:block;position:absolute;background:var(--accentColor);width:70px;height:70px;top:-8px;right:-8px;z-index:-1}
  .c-contenu-landing__link__titre{font-size:2.5rem;}
  .u-hover-on .c-contenu-landing__link__titre{transition:all .4s ease-out}
}
@media (min-width: 85em) {
  .s-contenu-landing{padding:4.5rem 0}
  .s-contenu-landing .c-titre-lv1{margin:0 50% 3% 0}
  .c-contenu-landing__edito{margin:0 0 5% 50%;font-size:2.0rem;padding-left:3.0rem}
  .c-contenu-landing__link__cover{margin-bottom:3.0rem}
  .c-contenu-landing__link__titre{font-size:3.0rem;}
  .c-titre-lv1{font-size:6.0rem;}
  .c-contenu-landing__link:nth-child(3n + 2){transform:translateY(20%)}
  .c-contenu-landing__link:nth-child(3n + 3){transform:translateY(10%)}
  .c-contenu-landing__reprise-titre{display: block;font-size: 26rem;position: absolute;top:-40px;right:-200px;-webkit-text-stroke: 2px #fff;-webkit-text-fill-color: #f5f5f5;color: #f5f5f5;line-height: 0.8;text-align:right;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
}
@media (min-width: 95em) {
  .s-contenu-landing{padding:6.0rem 0}
  .c-contenu-landing__link__titre{font-size:3.2rem;}
  .c-contenu-landing__link{margin-bottom:8.0rem}
  .c-titre-lv1{font-size:8.0rem;}
}
@media (min-width: 105em) {
  .s-contenu-landing{padding:7.5rem 0}
  .c-titre-lv1{font-size:10.0rem;}
  .c-contenu-landing__reprise-titre{right:-16%;}
}
/* décallage - grille */
@media (min-width: 60em) and (max-width:85em) {
  .c-contenu-landing__link{width:calc(50% - 2.0rem);margin-left:4.0rem}
  .c-contenu-landing__link:nth-child(2n){transform:translateY(5%)}
  .c-contenu-landing__link:nth-child(2n-1){margin-left:0}
}
@media (min-width: 85em) and (max-width:95em) {
  .c-contenu-landing__link{margin-bottom:6.0rem;width:calc(33.3334% - 4rem);margin-left:6rem}
  .c-contenu-landing__link:nth-child(3n-2){margin-left:0}
}
@media (min-width: 95em) {
  .c-contenu-landing__link{margin-bottom:9.0rem;width:calc(33.3334% - 6rem);margin-left:9rem}
  .c-contenu-landing__link:nth-child(3n-2){margin-left:0}
}
@media (min-width: 115em) {
  .c-contenu-landing__link{margin-bottom:12.0rem;width:calc(33.3334% - 8rem);margin-left:12rem}
  .c-contenu-landing__link:nth-child(3n-2){margin-left:0}
}



/* ++++++++ CMS PAGE ++++++++++ */

.l-page-contenu{display:flex;flex-direction:column}
.c-contenu__menu{display:none;}
.c-contenu__page-inside{padding-top:2.0rem;position:relative;}
.u-block-text{margin-bottom:2.0rem}

.l-articles-lies--notitle .c-produit__articles-lies{margin-left:0;position:relative;}
.l-articles-lies--notitle .c-produit__articles-lies:before{content:"";display:block;width:50px;height:4px;background:var(--accentColor);position:absolute;top:-3.0rem;left:50%;margin-left:-25px;}

@media (min-width: 60em) {
  .l-page-contenu{margin-bottom:4.0rem}
  .c-contenu__menu{display:block;overflow:hidden;margin-top:3.0rem;}
  .c-contenu__menu__blocklinks{background:#fff;padding:4.0rem;display:block;}
  .u-hover-on .c-contenu__menu__blocklinks--retract{background:#f5f5f5;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);position:relative;border-right:1px #fff solid;}
  .u-hover-on .c-contenu__menu__blocklinks--retract:after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;bottom:-1px;left:0;transition:all .4s ease-out;z-index:1}
  .u-hover-on .c-contenu__menu__blocklinks--retract span{position:relative;z-index:2}
  .u-hover-on .c-contenu__menu__blocklinks--retract:hover:after{height:100%}
  .c-contenu__menu__blocklinks.c-contenu__menu__blocklinks--retract{box-shadow: 0 5px 23px rgba(0,0,0,0.3);margin:0}
  .c-contenu__menu__blocklinks.c-contenu__menu__blocklinks--retract .c-contenu__menu__back{margin:0}
  .c-contenu__menu__back{font-size:2.4rem;line-height:1.2;margin-bottom:4.0rem;display:block;color:var(--baseColor2);text-transform:uppercase}
  .c-contenu__menu__back .svg__arrow{transform:rotate(-180deg);margin-right:1.0rem;position:relative;top:-1px;}
  .c-contenu__menu__link-lv1 .svg__arrow{;margin-left:1.0rem;position:relative;top:1px;}
  .c-contenu__menu__back .svg__arrow .st0,
  .c-contenu__menu__link-lv1 .svg__arrow .st0{fill:var(--accentColor);}
  .c-contenu__menu__listing li{list-style:none;margin-bottom:2.5rem}
  li>.c-contenu__menu__link-lv1{display:block;font-size: 1.8rem;color:var(--baseColor2);position:relative;transition:all .4s ease-out}
  li>.c-contenu__menu__link-lv2{display:block;font-size: 1.7rem;color:var(--baseColor2);position:relative;transition:all .4s ease-out;margin-left:26px;margin-top:-10px;}
  li>.c-contenu__menu__link-lv2:before{content:"";display:block;position:absolute;top:9px;left:-25px;width:17px;height:3px;background:var(--accentColor);}
  .u-hover-on li>.c-contenu__menu__link-lv1:hover,
  .u-hover-on li>.c-contenu__menu__link--actif{color:var(--accentColor);}
  .u-hover-on li>.c-contenu__menu__link--actif:before{background:var(--accentColor);}
  .l-page-contenu .c-titre-lv1{padding:2.5rem 0 3.5rem;font-size:4.0rem;line-height:1.25}
  .l-page-contenu .c-produit__nom__intitule__gfx{top:0;left:0}
  .l-page-contenu .c-contenu-landing__reprise-titre{top:70px}
  .u-block-text{margin-bottom:3.0rem}
  .u-block-flex{display:flex;align-items:flex-start;}
  .u-block-flex img + p{margin-left:3.0rem}
  .u-block-flex p + img{margin-left:3.0rem}
  .u-block-flex--center{align-items:center;}
  .u-block-right{float:right;margin:0 0 3.0rem 3.0rem}
}
@media (min-width: 85em) {
  .l-page-contenu{flex-flow:row wrap;align-items:flex-start;margin-bottom:8.0rem;}
  .c-contenu__menu{order:1;display:block;width:32%;position:relative;z-index:20;margin-top:-5.0rem;}
  .l-page-contenu--no-bandeau .c-contenu__menu{margin-top:0;}
  .c-contenu__page-inside{order:2;width:68%;padding:4.0rem 0;position:relative}
  .c-contenu__page-inside__bleft{content:"";display:block;width:2px;height:100%;position:absolute;top:0;left:-2px;background:#fff;}
  .c-contenu__page-inside__bbottom{content:"";display:block;width:100%;height:2px;position:absolute;bottom:0;left:-2px;background:#fff;}
  .l-page-contenu .c-contenu-landing__reprise-titre{top:85px;z-index:-1}
  .l-page-contenu .c-titre-lv1{padding:3.0rem 0 4.0rem;font-size:5.0rem}
  .u-block-text{margin-bottom:4.0rem}
  .l-articles-lies--notitle .c-produit__articles-lies:before{width:100px;height:8px;top:-4.0rem;left:50%;margin-left:-50px;}
  .c-contenu__page-inside .l-mgd-p{width:80%}
}

@media (min-width: 95em) {
  .l-page-contenu{margin-bottom:10.0rem}
  .c-contenu__menu{margin-top:-6.0rem}
  .l-page-contenu--no-bandeau .c-contenu__menu{margin-top:0;}
  .c-contenu__menu__blocklinks{padding:5.0rem;}
  .c-contenu__page-inside{padding:6.0rem 0;}
  .l-page-contenu .c-titre-lv1{padding:4.0rem 0 5.0rem;font-size:6.0rem;line-height:1.15}
  .l-page-contenu .c-contenu-landing__reprise-titre{top:100px}
  .u-block-text{margin-bottom:5.0rem}

}
@media (min-width: 110em) {
  .l-page-contenu{margin-bottom:14.0rem}
  .c-contenu__menu{margin-top:-7.0rem;}
  .l-page-contenu--no-bandeau .c-contenu__menu{margin-top:0;}
  .c-contenu__menu__blocklinks{padding:6.0rem;}
  .c-contenu__page-inside{padding:8.0rem 0;}
  .l-page-contenu .c-titre-lv1{padding:4.0rem 0;font-size:7.0rem}
}

/* rectif CMS */
.u-standard-page p{font-size:1.6rem;line-height:1.8;font-weight:400}
.u-standard-page a{color:var(--accentColor);font-weight:bold;text-decoration:underline;text-underline-position:under;}

.c-titre-lv2{font-size:2.0rem;display:flex;align-items:flex-start;position:relative;margin-bottom:2.0rem;font-weight:bold;}
.c-titre-lv2:before{content:"";display:block;width:30px;margin-right:1.0rem;background:var(--accentColor);height:3px;margin-top:8px;}

@media (min-width: 60em) {
  .u-standard-page p{font-size:1.7rem;}
  .c-titre-lv2{font-size:2.4rem;margin-bottom:2.3rem;}
  .c-titre-lv2:before{width:40px;margin-right:1.7rem;}
}

@media (min-width: 85em) {
  .u-standard-page p{font-size:1.8rem;}
  .c-titre-lv2{font-size:2.7rem;margin-bottom:2.5rem;}
  .c-titre-lv2:before{width:50px;height:4px;margin-right:2.0rem;}
}

@media (min-width: 105em) {
  .c-titre-lv2{font-size:3.0rem;margin-bottom:3.0rem;}
}


/* ###################################################### */

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

footer{background:#f5f5f5;padding:100px 0 0 0;visibility:hidden}
.l-footer{background:#fff;margin-top:150px;}

/* ------------------------------- */
/* -- FOOTER > BESOIN D AIDE -- */
.c-help{background:var(--accentColor);padding:0 0 15px;margin-bottom:-60px;transform:translateY(-120px)}
.l-help__titre{margin:0;display:flex;justify-content:center;transform:translateY(-25px);text-align:center;}
.c-help__titre{font-size:6.0rem;position: relative;line-height:1;font-weight:400}
.c-help__titre strong{font-weight:700}
.c-help__titre:before{content:"";display:block;width:100px;height:8px;position: absolute;top:-60px;left:50%;margin-left:-50px;background:var(--accentColor)}
.c-help__cta{display:flex;align-items:center;font-size:1.5rem;color:#fff;background:var(--baseColor2);padding:20px 20px;border-radius:6px;margin:0 20px 20px;justify-content:center;position:relative;}
.c-help__cta:after{display:block;border:1px var(--baseColor2) solid;position:absolute;top:0;left:0;right:0;bottom:0;content:"";z-index:10;border-radius:6px}
.c-help__cta strong{display:block;font-size:2.3rem;margin-top:5px}
.c-help__cta > span > strong{font-size:2.8rem}
.c-help__cta svg{transform:scale(1.5);margin-right:25px;}

.u-hover-on .c-help__titre{transition:all .8s ease-out}

@media (min-width: 50em) {
  .c-help__ctas{display:flex;justify-content:center;}
  .c-help__ctas__link{overflow:hidden}
  .c-help__cta{margin:0;}
  .c-help__cta:first-child{margin-right:30px;}
  .c-prise-contact__ctas .c-help__cta:first-child{margin-right:0;}
  .c-help__cta{padding:30px 45px;}
}

@media (min-width:60em){
  .c-help{padding:0 0 60px;}
  .c-help{background:var(--accentColor);padding:0 0 60px;margin-bottom:-60px;transform:translateY(-120px)}
  .l-help__titre{margin:0;}
  .c-help__titre{font-size:8.0rem;}
  .l-help__titre{transform:translateY(-35px);}
}

/* ------------------------------- */
/* -- FOOTER > PLAN -- */
.c-plan{display:flex;margin-bottom:3.0rem;flex-direction:column}
.c-plan__entreprise{flex:1;font-size:1.5rem;line-height:1.3;text-align:center;}
.c-bloctel{display:block;background:#eeeeee;padding:10px 10px 10px 10px;border-radius:6px;margin-top:1.0rem;margin-bottom:1.3rem;color:#0a4b77}
.c-bloctel p{font-size:1.5rem}
.c-plan__entreprise p{font-size:1.6rem}
.c-bloctel__display{display:flex;align-items:center;text-align:center;justify-content:center}
.c-footer__adresse{margin:1.0rem 0 2.0rem}
.c-bloctel__tel{display:block;background:var(--accentColor);color:#fff;padding:3px 5px;border-radius:4px;margin-right:7px;}
.c-bloctel__num{font-size:1.7rem;color:var(--accentColor);}
.c-plan__menu{width:100%;position:relative;padding-top:18px;}
.c-plan__menu:before{content:"";display:block;width:50px;height:2px;position: absolute;top:0;left:50%;margin-left:-25px;background:var(--accentColor)}
.c-plan__menu__link{display:block;padding:20px;color:var(--baseColor2);font-size:1.7rem;border:1px #eee solid;text-align:center;margin-bottom:1.0rem}
.c-plan__cta{display:flex;align-items:center;width:100%;margin-bottom:15px;border-radius:4px;background:#eee;color:var(--baseColor2);padding:12px;font-size:1.6rem;overflow:hidden}
.c-plan__cta--nl{background:var(--baseColor2);color:#fff;}
.c-plan__cta svg{margin-right:15px;}

@media (min-width: 45em){
  .c-plan__ctas{display:flex;justify-content:space-between;flex-flow:row wrap}
  .c-plan__cta{width:48.5%}
}

@media (min-width:60em){
  .c-plan{flex-direction:row;flex-wrap:wrap}
  .c-plan__menu{width:33.334%;}
  .c-plan__ctas{width:100%}
  .c-plan__menu__link{display:block;padding:8px 0 8px 0;color:var(--baseColor2);font-size:1.7rem;border:none;text-align:right;margin-bottom:0}
  .c-plan{margin-bottom:3.0rem;}
  .c-plan__entreprise,.c-bloctel__display{text-align:left;}
  .c-plan__menu{text-align:right}
  .c-bloctel__display{justify-content:flex-start}
  .c-plan__menu:before{content:"";top:0;left:auto;right:0}
  .u-hover-on .c-plan__menu__link{transition:all .4s ease-out}
  .u-hover-on .c-plan__menu__link:hover{transform:translateX(10px);color:var(--accentColor)}
  .c-plan__cta{width:32.5%}
}

@media (min-width:80em){
  .c-bloctel{width:220px;}
  .c-plan__menu{width:25%;padding-left:0;text-align:left;}
  .c-plan__menu__link{text-align:left;}
  .c-plan__menu:before{top:0;left:0;right:auto;margin-left:0}
  .c-plan__ctas{flex-direction:column;justify-content:flex-start}
  .c-plan__cta{width:100%;}
  .c-plan__menu{width:22%;}
  .c-plan__ctas{width:28%}
}

@media (min-width: 85em) {
  .c-plan__cta{padding:20px;font-size:1.8rem;}

}
@media (min-width: 90em) {
  .c-plan__cta{font-size:1.9rem;}
}

/* ------------------------------- */
/* -- FOOTER > UNIVERS MAINE -- */
.c-univers-maine{border:2px #f5f5f5 solid;padding:10px;display:flex;align-items:center;flex-direction:column}
.c-univers-maine__groupe{display:flex;align-items:center;justify-content:center;padding:2.0rem 1.5rem 1.5rem;width:100%;background:var(--baseColor2);margin-bottom:2.0rem}
.c-univers-maine__marques{flex:1;padding:0 40px;text-align:center;}
.c-univers-maine__accroche{display:flex;align-items:center;font-size:2.0rem;letter-spacing:3px;color:var(--accentColor);margin:11px 0 17px;}
.c-univers-maine__accroche:after{content:"";display:block;flex:1;height:1px;background:var(--accentColor);margin-left:15px;}
.c-univers-maine__links{display:flex;flex-direction:column}
.c-univers-maine__link{margin-top:2.0rem}
.c-univers-maine__link:has(.svg__gpe-maine){margin:0}

@media (min-width:60em) {
  .c-univers-maine__links{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .c-univers-maine__link{margin:1.5rem 1.0rem 2.0rem;transition:all .4s cubic-bezier(0.76, -0.38, 0.4, 1.49)}
  .u-hover-on .c-univers-maine__link:hover{transform:translateY(-5px) scale(1.05)}
}

@media (min-width:75em){
  .c-univers-maine,.c-univers-maine__links{flex-direction:row;justify-content:space-between}
  .c-univers-maine__groupe{margin-bottom:0;}
  .c-univers-maine__marques{text-align:left;}
  .c-univers-maine__groupe{width:200px;height:93px}
  .c-univers-maine__link{margin:1.0rem 0.75rem 0}
}

@media (min-width:100em){
  .c-univers-maine__groupe{width:280px;height:110px}
}

@media (min-width:120em){
  .c-univers-maine__groupe{width:300px;height:110px}
}

/* ------------------------------- */
/* -- FOOTER > UNIVERS MAINE -- */
.c-annexes{padding:3.0rem 0;text-align:center;display:flex;flex-direction:column;color:#b2b2b2;font-size:1.5rem;}
.c-annexes--phrase{padding-top:0;padding-bottom:30px;text-align:center;display:block;}
.c-annexes a{display:block;color:#b2b2b2;border:1px #eee solid;text-align:center;margin-bottom:1.0rem;padding:15px}
.c-annexes .c-annexes__separateur{display:none;margin:0 10px;}

@media (min-width:50em) {
  .c-annexes{flex-direction:row;justify-content:space-between;flex-wrap:wrap}
  .c-annexes a{width:48%;transition:all .4s ease-out}
  .u-hover-on .c-annexes a:hover{color:var(--accentColor)}
}

@media (min-width:90em){
  .c-annexes{padding:60px 0;justify-content:center;}
  .c-annexes--phrase{padding-top:0;padding-bottom:0;margin-top:-40px;}
  .c-annexes a{border:none;text-align:left;margin-bottom:0;padding:0;width:auto}
  .c-annexes .c-annexes__separateur{display:block;margin:0 10px;}
}

/* ------------------------------- */
/* -- PLAN DU SITE -- */

.u-plan-site{padding:3.0rem}
.u-plan-site a{display:block;padding:2.0rem;color:#0a4b77;background:#eee;}
.u-plan-site li:nth-child(odd)>a{background:#ddd;}
.u-plan-site li{list-style:none;}
.u-plan-site a.u-plan-site__rubrique__link,e
.u-plan-site li:nth-child(odd) a.u-plan-site__rubrique__link,
.u-plan-site li:nth-child(odd)>a.u-plan-site__rubrique__link{background:var(--accentColor);font-size:2.4rem;}
.u-plan-site .u-plan-site__rubrique:not(:first-child) a.u-plan-site__rubrique__link{margin-top:2.0rem;}
.u-plan-site__souspages{border:10px #fff solid;border-top-width:1px;border-right:0;border-bottom-width:1px}

.u-plan-site .u-plan-site__rubrique a.u-plan-site__famille__link{background: #fff!important;color: #0a4b77;}
.u-plan-site a.u-plan-site__collection{background: var(--accentColor)!important; color: #0a4b77!important;}
.u-plan-site a.u-plan-site__collection strong{font-weight: bold;}
.u-plan-site div.u-plan-site__serie{background: #0a4b77; color: #fff;display: block;padding: 2.0rem;}
.u-plan-site div.u-plan-site__serie strong{font-weight: bold;color: var(--accentColor)}

/* ###################################################### */

/* //////////////////////////////////////////////////////
HOVER
 */
.u-hover-on .u-cover-hover{overflow:hidden}
.u-hover-on .u-cover-hover,
.u-hover-on .u-cover-hover *{transition: all .4s ease-out}
.u-hover-on a:hover .u-cover-hover{transform:scale(0.96) !important}
.u-hover-on a:hover .u-cover-hover img{transform:scale(1.1)}


/* ###################################################### */

/* //////////////////////////////////////////////////////
COOKIES
 */

#tarteaucitronRoot #tarteaucitronAlertBig{background:var(--accentColor) !important;padding:25px 10px !important}
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronPercentage{background:var(--accentColor) !important}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine{
  background: var(--baseColor2) !important;
  border: 3px solid var(--baseColor2) !important;
  border-left: 9px solid var(--baseColor2) !important;
  border-top: 5px solid var(--baseColor2) !important;
}

#tarteaucitronServices div#tarteaucitronInfo{background:#003b58 !important;font-size:1.6rem !important;}



.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
}
/*#searchCp{*/
/*    margin-bottom: 0;*/
/*}*/
/*#searchVille{*/
/*    margin-top: 2.0rem;*/
/*}*/
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*border-bottom: none;*/
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    max-height: 300px;
    overflow-y: scroll;
    z-index: 9999;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}


/* -- crédits -- */
#creditsLeb h4{font-family:'MV Bold', sans-serif;margin:50px 0 30px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;padding:20px 0;text-transform:none;font-size:2.2rem;line-height:1.2}

#creditsLeb .left{}

/* commons */

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/** Classes communes **/
.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-15{margin: 15px;}
.margin-20{margin: 20px;}
.margin-25{margin: 25px;}
.margin-30{margin: 30px;}

.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-25{margin-top: 25px;}
.margin-top-30{margin-top: 30px;}
.margin-top-60{margin-top: 60px;}

.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-25{margin-right: 25px;}
.margin-right-30{margin-right: 30px;}

.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-25{margin-bottom: 25px;}
.margin-bottom-30{margin-bottom: 30px;}

.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-15{margin-left: 15px;}
.margin-left-20{margin-left: 20px;}
.margin-left-25{margin-left: 25px;}
.margin-left-30{margin-left: 30px;}

.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-25{padding: 25px;}
.padding-30{padding: 30px;}

.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-20{padding-top: 20px;}
.padding-top-25{padding-top: 25px;}
.padding-top-30{padding-top: 30px;}

.padding-right-5{padding-right: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-right-15{padding-right: 15px;}
.padding-right-20{padding-right: 20px;}
.padding-right-25{padding-right: 25px;}
.padding-right-30{padding-right: 30px;}

.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-25{padding-bottom: 25px;}
.padding-bottom-30{padding-bottom: 30px;}

.padding-left-5{padding-left: 5px;}
.padding-left-10{padding-left: 10px;}
.padding-left-15{padding-left: 15px;}
.padding-left-20{padding-left: 20px;}
.padding-left-25{padding-left: 25px;}
.padding-left-30{padding-left: 30px;}

.margin-none{margin: 0!important;}.margin-top-none{margin-top: 0!important;}.margin-right-none{margin-right: 0!important;}.margin-bottom-none{margin-bottom: 0!important;}.margin-left-none{margin-left: 0!important;}
.padding-none{padding: 0!important;}.padding-top-none{padding-top: 0!important;}.padding-right-none{padding-right: 0!important;}.padding-bottom-none{padding-bottom: 0!important;}.padding-left-none{padding-left: 0!important;}
.clearfix{clear: both;}
.hide{display: none!important;}

label.hide{display: none!important;}
.vertical-align-middle{vertical-align: middle!important;}
.cursor-pointer{
  cursor: pointer;
}
.loadingAjax{
  background: rgba(234, 245, 245, 0.85);
  bottom: 0;
  left: 0;
  position: absolute !important;
  right: 0;
  top: 0;
  display: none;
  z-index: 100;
}
.loadingAjax > div{
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  border-radius: 80px;
  box-shadow: 0 1px 0 0 #969696;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}
.pos-r{position:relative;}

.c-landing__heros__img{display: block;width: 100%;height: auto;object-fit: cover;}