/* ------------------------------------------------------ */
/* + LEB COMMUNICATION -- 21/01/2021
/* ###################################################### */

/* ------------------------------------------------------ */
/* -- 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;}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- FIREFOX BOLD FIX -- */
html {
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 font-smoothing: antialiased;
  font-weight: 300;
}

@-moz-document url-prefix() {
  body { font-weight: lighter !important; }
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- 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 {
    -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:#0e1910;
  }

  a{
    text-decoration:none;
  }

  p:empty{display:none;}
  .no-gutter {
    padding-left:0;
    padding-right:0;
  }

  span.word1 {
    font-family: 'Galada', cursive;
    font-size: 120%;
}
.split-title span {
  font-family: 'Montserrat', sans-serif;
}

  /* ###################################################### */

/* ------------------------------------------------------ */
/* -- COMMUNS / UTILES / FONT -- */

/*
font-family: 'Montserat', 'Arial', sans-serif;
font-family: 'Galada', cursive, 'Arial', sans-serif;
*/

/* -- font -- */

.f-montserrat, .c-contenu__menu__back{font-family: 'Montserrat', 'Arial', sans-serif;font-weight:300;}

.f-domine {font-family: 'Galada', cursive, 'Arial', sans-serif;font-weight: 400;}

/* -- 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%; }

.c-galerie__videos__videoConteneur{margin-bottom:30px;}
.c-galerie__videos__video{background:#fff;padding:40px}

.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:#f5ede0;padding:40px;margin:15px 0}
.u-frame-video-inside{background:#f5ede0;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:4rem 3rem;margin-top:30px;display:flex;flex-flow:row wrap;border-radius: 30px;}
@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:#fff;border:1px #ddd solid;font-size:1.6rem;padding:10px;}
.u-standard__form input[type="submit"]{background:#893300 ;color:#fff;border:none;padding:20px;cursor:pointer;transition:all .3s ease; font-size:3.0rem;border-radius: 10px}
.u-hover-on .u-standard__form input[type="submit"]:hover{background:#0e1910;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 #D5B079 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{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;}
.u-standard__coche{display:flex;align-items:center;justify-content:center;}
.u-standard__coche label{max-width:70%;margin-left:1.5rem;margin-top:10px;}
.u-sous-titre__decoration--influx{margin-top:3.0rem}
.u-standard__champ textarea{height:150px;}

.container-contact100 h2.contact100-form-title{margin-bottom:2.5rem}

.u-standard__form .u-sous-titre__decoration{background:#D5B079;color:#fff;padding:1.5rem;border:none;}

.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;}

body.js__scroll-blocked{overflow:hidden;}

.white {color:#fff ;}
.or {color:#c9a810 ;}
.bleuclair {color:#41a8c3 ;}
.bleufonce {color:#0e1910;}
.bg-or {background:#c9a810;}
img {
  width: 100%
}
.bg-bleuclair {background: #41a8c3}
.bg-feuille {
  background: url(../../img/squelette/bg_feuille.jpg) top left repeat;
}
.bg-bleufonce {background:#0e1910;}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- ICONES -- */

svg#svg_header {
  width:10px;
}
svg.icon-blanc .st0 {
  fill:#fff;
}
svg.icon-or .st0 {
  fill:#D5B079;
}

svg path{transition:all .3s ease}

.svg__logo-principal{width:80px;height:90px;}
footer .svg__logo-principal{width: 130px;height: 148px;margin: 5rem 0;}

@media (min-width:45em){
  .svg__logo-principal{width:88px;height:100px;}
}
@media (min-width:60em){
  .svg__logo-principal{width:130px;height:148px}
  footer .svg__logo-principal{width: 150px;height: 171px;margin: 5rem 0;}
}

.svg__arrow{width: 19px;height: 14px;}
.svg__arrow .st0{fill:#fff}

.svg__arrow__short{width: 18px;height: 17px;}
.svg__arrow__short .st0{fill:#D5B079 }

.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:#fff}
.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:#893300}
.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:#893300}

.svg__calendrier{width:29px;height:26px;}
.svg__calendrier .st0{fill:#00567f}

.svg__telm{width:40px;height:40px;}
.svg__telm .cls-1{fill:#893300}
.svg__telm .cls-2{fill:#D5B079}

.svg__newsletter,.svg__espace{width:30px;height:30px;}
.svg__yt{width:31px;height:21px;}
.svg__newsletter .st0,.svg__espace .st0{fill:#D5B079}
.svg__newsletter .st1,.svg__espace .st1,.svg__yt .st1{fill:#893300}

.svg__tick{width:10px;height:7px;}
.svg__tick path{fill:#fff}

.svg__forme,.svg__form-valid{width:40px;height:25px;}
.svg__forme .st0{fill:#D5B079 }
.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-family: "Montserrat", sans-serif, "Arial", sans-serif;
  font-size:1.8rem;
  line-height:2rem;
  font-weight:400;
  color:#0e1910;
  background:#fff;
}

/*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:#893300;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;}
}

.l-fix-content{width:96%;margin:auto}
.l-fix-content--decrochage{padding:50px 0 0 0;}
@media (min-width:80em){.l-fix-content{width:90%}}
@media (min-width:85em){
  .l-fix-content{width:1260px}
  .l-fix-content--decrochage{padding:3.0rem}
}
@media (min-width:110em){
  .l-fix-content{width:1600px}
}

/* ------------------------------------------------------ */
/* -- 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;}
.c-topbar__menu{opacity:0;display:flex;flex-direction:column;align-items:center;flex:1;padding:0 15px;}

@media (max-width: 60em){
  .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}
  .c-recherche-form input[type="text"]{width:50px}
}

@media (min-width: 60em) {
  .c-topbar__menu{opacity:1;}
  .c-header__telico{display:none}
  .c-topbar__logo{margin:1.8rem 0 2.5rem 0}
}
.l-recepMobile .c-topbar__menu{opacity:1}

.c-topbar__menu__separateur{width:25px;height:2px;background:#893300;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;font-weight:400;margin-bottom:1.2rem;border-radius:4px;}

.c-topbar__menu__link--catalogue{border:2px #893300 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:#893300;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{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)}
.u-hover-on .c-topbar__menu__link--catalogue--actif,.c-topbar__menu__link--catalogue--actif{color:#fff}

/* 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:120px;left:-100%;width:100%;height:calc(100vh - 80px);transition:all .4s ease-out;background:#0e1910 ;padding:3.0rem;z-index:999;overflow-y:auto}
.js__menu-open .l-recepMobile{left:0}


@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;}
  .c-topbar__sousmenu__titre-mobile{display:block;width:100%;padding:1.5rem 1.5rem 2.5rem;font-size:2.6rem;text-align:center}
  .c-topbar__menu__link{font-size:2.0rem;background:#893300;color:#fff ;border-radius:4px;}
  .c-topbar__menu__link__titre{background:#D5B079;color:#fff;font-weight:bold;border:none;}
  .c-topbar__sousmenu .c-accueil__gamme{width:33.3334%}

  /* ON FIXE LE HEADER + ajout padding body */
  .l-header{background:#fff;box-shadow:0 0 10px rgba(0,42,62,0.2);height:120px;display:flex;align-items:center;-webkit-backface-visibility: hidden;position:fixed;width:100%;top:0;left:0;z-index:999;}
  body{padding:120px 0 0 0;}
  /* TEL CACHE -> ON AURA UNE ICONE DANS UN BOUTON EN HAUT DE SITE EN FIXE */
  .c-header__tel{display:none;}
  /* ON FIXE LES BOUTONS DEVIS + CONTACT */

}

@media (max-width:45em) {
  .c-topbar__sousmenu .c-accueil__gamme{width:50%}
}

@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:#fff ;padding:10px;font-size:1.3rem;transition: all .4s ease-out;}
  .c-topbar__menu__link:hover{color: #D5B079;}
  .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}
  .l-recepDesktop{flex:1;display:flex;align-items:center;position: absolute;bottom: 0;width: 100%;border-radius: 25px 0 0 0;background: #0e1910;padding: 0.5rem 2rem;}
  .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__link:hover,
  .c-topbar__menu__link--actif{color:#d5b079;}
  .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:#893300;width:100%}
}

@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.4rem}
}

@media (min-width:80em){
  .cache-recherche-form__mobile{display:none;}
  .c-topbar__menu__link{font-size:1.5rem}
  .c-recherche-form{height:auto;}
  .c-recherche-form>form{height:auto}
  .c-topbar__sousmenu{width:860px;}
}

@media (min-width:85em){
  .c-topbar__menu__link{font-size:1.6rem}
}

@media (min-width:90em) {
  .c-topbar__menu{padding:0 40px}
  .c-topbar__menu__link{padding:1rem 2.5rem;font-size:1.6rem;font-weight:400;}
  .c-topbar__menu__link--catalogue{padding:15px 40px 15px 15px}
  .c-topbar__menu__link--catalogue svg{right:13px}
}

/* 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:#f5ede0 ;z-index:1000;padding:150px 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:#D5B079 ;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: #893300 url(../img/squelette/tick-mobile.svg) no-repeat calc(100% - 4px) center;background-size: auto;background-size: 26px 26px;}
}

.l-header{padding:0 20px;display:flex;justify-content:space-between;}
.c-header__zone-logo{display:flex;}
.c-header__zone-menu{display:none;flex-direction: column;margin-left: 5rem;}
.c-header__zone-contact{align-items: flex-end;margin-top: 15px;display: none;}

.l-nav-main{display:block;width:100%;}
.c-nav-main{display:flex;flex-direction:column;}

@media(min-width:60em){
  .l-header{padding:0;display:block;overflow-x: hidden;}
  .c-nav-main{display:flex;flex-flow:row wrap}
  .c-header__zone-contact{display: flex;}
  .c-header__zone-menu{display:flex;}
}
@media (min-width: 85em){
  .c-header__zone-menu {margin-left: 10rem;}
}
@media (min-width: 110em){
  .c-header__zone-menu {margin-left: 20rem;}
}

@media(max-width:40em){
  .l-header{padding:0 10px;}
}

.c-header__zone-logo .u-cta-ico{margin-left:3.0rem;}
.u-cta-ico__label{display:flex;flex-direction:column;position:relative;align-items:center;}
.u-cta-ico__bubble {display: none;padding: 0.6rem 1rem;position: relative;top: 8px;background: #f5ede0;color: #893300;font-size: 1.3rem;font-weight: 500;border-radius: 50px;z-index: 4;}
.u-cta-ico__bubble:after {content: "";display: block;width: 0px;height: 0px;border-top: 6px #f5ede0 solid;border-left: 6px transparent solid;border-right: 6px transparent solid;position: absolute;bottom: -6px;left: 50%;margin-left: -3px;}
.u-cta-ico__txt {font-size: 1.8rem;font-weight: 500;padding: 0.8rem 2.5rem 1.3rem;color: #d5b079;background:#893300;border-radius: 50px;transition: all .6s ease-out;position: relative;overflow: hidden;z-index: 3;}
.u-cta-ico__footer {margin:5px 0;}
.c-header__contact .u-cta-ico__txt {padding: 1.7rem 2.5rem 1.4rem;}
.c-header__devis .u-cta-ico__txt {color: #d5b079;background:#0e1910;}
.c-header__actu .u-cta-ico__txt {color: #0e1910;background:#fff;border:1px solid #f5ede0;padding: 1.1rem 2.5rem 1.5rem;}
.c-header__tel .u-cta-ico__txt{color:#fff;background:#893300;border:1px #893300 solid;}
.svg_ico_commande {margin-right: 10px;width:25px;top:5px;position: relative;}
.svg_ico_tel {margin: 0 14px 0 3px;width:17px;top:5px;position: relative;}
.svg_ico_contact {margin-right: 10px;width:25px;top:3px;position: relative;}
.svg_ico_actu {margin-right: 10px;width:25px;top:3px;position: relative;}
.svg_ico_commande .cls-1, .svg_ico_contact .cls-1, .svg_ico_tel .cls-1{fill: #fff;}
.svg_ico_actu .cls-1 {fill: #0e1910;}
.svg_ico_mobile {top:0;}

.u-cta-defaut, .u-cta-negatif {display: inline-block;background:#0e1910;padding: 1.5rem 4rem;border-radius: 100px;font-weight: 500;color: #d5b079;font-size: 1.8rem;transition: all .6s ease-out;position: relative;overflow: hidden;z-index: 3;margin:2rem 0 0 0;}
.u-cta-defaut:before, .u-cta-negetif:before {content: "";display: block;width: 100%;height: 500%;background: #d5b079;color:#0e1910;bottom: 100%;left: -50%;position: absolute;z-index: -1;border-radius: 500%;transition: all .6s ease-out;}
.u-cta-defaut:hover{color:#0e1910;}
.u-cta-defaut:hover:before {bottom: -30px;width: 400%;left: -150%;}
.u-cta-negatif{background:#d5b079;color:#893300;}
.u-cta-negatif:hover{color:#d5b079;}
.u-cta-negatif:before {background: #893300;}
.u-cta-rouge{background:#893300;color:#d5b079;}
.u-cta-rouge:hover{color:#d5b079;}
.u-cta-rouge:before {background: #0e1910;}
.u-cta-defaut--ib{display:inline-block;}

.u-hover-on .u-cta-defaut,.u-hover-on .u-cta-negatif{transition:all .6s ease-out}

.u-hover-on .u-cta-ico .u-cta-ico__txt{transition:all .6s ease-out}
.c-footer__mobile__contact{position:fixed;bottom:0;width:50vw;margin:0;background:#893300;padding:10px;z-index: 999;left:0;display: flex;height:80px;color: #D5B079;align-items: center;justify-content: center;}
.c-footer__mobile__devis{position:fixed;bottom:0;width:50vw;margin:0;background:#0e1910;padding:10px;z-index: 999;right:0;display: flex;height:80px;color: #D5B079;align-items: center;justify-content: center;}

.c-footer__coordonnees .c-header__contact .u-cta-ico__txt {padding: 1.4rem 2.2rem 1.4rem 2.5rem;}

@media (max-width:60em){
  .c-header__zone-logo{justify-content:center;}
  .c-header__zone-logo .svg__logo-principal{position:relative;top:-4px;}
  .c-header__contact .u-cta-ico__txt,
  .c-header__devis .u-cta-ico__txt{border:none;}
  .c-header__devis{left:0}
  .c-header__contact{right:0}
  .c-header__zone-logo .u-cta-ico{margin:0}
}
@media (min-width: 35em){
  .c-footer__mobile__contact, .c-footer__mobile__devis{font-size:2.2rem;}
}
@media (min-width: 40em){
  .u-cta-defaut,.u-cta-negatif{font-size:1.8rem;padding:1.5rem 3rem;}
  .u-cta-ico__txt{font-size:1.8rem;}
  .c-footer__mobile__contact, .c-footer__mobile__devis{font-size:2.3rem;}
}
@media (min-width: 60em){
  .u-cta-ico__bubble{display:block;}
  .u-cta-ico__txt {font-size: 1.6rem;padding: 1.2rem 1.5rem 1.4rem;}
  .u-cta-ico__txt:before {content: "";display: block;width: 100%;height: 500%;background: #d5b079;bottom: 100%;left: -50%;position: absolute;z-index: -1;border-radius: 500%;transition: all .6s ease-out;}
  .c-header__devis .u-cta-ico__txt:before {background: #d5b079;}
  .c-header__actu .u-cta-ico__txt:before {background: #f5ede0;}
  .u-cta-ico:hover .u-cta-ico__txt:before {bottom: -30px;width: 400%;left: -150%;}
  .u-hover-on .u-cta-ico:hover .u-cta-ico__txt {color: #0e1910;}
  .c-header__zone-logo .u-cta-ico{margin-left:1.5rem;}
  .c-header__actu .u-cta-ico__txt {padding: 1.1rem 1.5rem 1.5rem;}
  .c-header__contact .u-cta-ico__txt {padding: 1.7rem 1.5rem 1.4rem;}
  .svg_ico_commande, .svg_ico_contact {width:20px;}
  .u-cta-ico__footer {margin:5px 0 5px -15px}
  .c-footer__mobile__contact, .c-footer__mobile__devis{display: none;}

}

@media (min-width: 80em){
  .u-cta-defaut,.u-cta-negatif{font-size:1.8rem;padding:1.5rem 3rem;}
  .u-cta-ico__txt{font-size:1.8rem;}
}
@media (min-width: 85em){
  .c-header__zone-logo .u-cta-ico{margin-left:3.0rem;}
  .c-header__actu .u-cta-ico__txt {padding: 1.1rem 2.5rem 1.5rem;}
  .u-cta-ico__txt {font-size: 1.8rem;padding: 1.1rem 2.5rem 1.4rem;}
  .c-header__contact .u-cta-ico__txt {padding: 1.6rem 2.5rem 1.4rem;}
  .svg_ico_commande, .svg_ico_contact {width:25px;}
}



/* ###################################################### */

/* ---------------------------- */
/* -- ACCUEIL > VISUEL HEROS -- */
.c-acc-heros{position:relative;overflow:hidden}
.c-acc-heros{position:relative;}
.l-edito{display:flex;align-items:center;position:relative;z-index:501;display: none;}
.c-landing__edito{display: flex;justify-content: center;align-items: center;padding:0 0 2rem 0;flex-direction:column;}
.c-edito-perso{width: 200px;margin: 0 0 5rem 0;}
.c-edito{display:flex;align-items:center;text-align:justify;justify-content:center;flex-direction: column;z-index:100;line-height:1.4;color:#0e1910;width:75%;}
.c-edito strong, .c-description strong, .c-description__bas strong{color:#d5b079;}
.c-edito a{color:#0e1910;text-decoration: underline;}
.c-acc-seotitle{font-size:2.0rem;line-height:1.2;color:#fff}
.c-edito__texte{color: #00212b;margin: 1.5rem 0 2.0rem}

/* ACCUEIL > VISUEL HERO PLEINE LARGEUR */
.c-acc-heros-pl {position: relative; overflow: hidden;}
.c-acc-heros-pl .c-acc-heros__loading {width: 100%;}
.c-acc-heros-pl .c-heros__desc{background:#fff;margin:-30px 30px 0;padding:3.0rem;color:#00212b;text-align:center;position:relative;z-index:110;border:1px #eee solid;}



.svg__alerte{width:33px;height:28px;}
.svg__alerte .st0{fill:#f48045}
.svg__alerte .st1{fill:#fff}

.c-acc-alerte{background: rgb(71,149,184);background: linear-gradient(180deg, rgba(71,149,184,1) 0%, rgba(0,100,130,1) 100%);padding:2.0rem;border-bottom:1px #7033ac dashed}
.c-acc-alerte__inside{max-width:980px;width:90vw;margin:auto;}
.c-acc-alerte__message{display:flex;align-items:center;justify-content:center;}
.c-acc-alerte__message svg{margin-right:1.0rem}
.c-acc-alerte__label{font-size:1.8rem;font-weight:bold;color:#fff;}


@media (max-width: 60em) {
  .c-edito{width:100%}
}
@media (min-width: 35em) {
  .c-landing__edito{flex-direction:row;}
  .c-edito-perso{margin: 0 5rem 0 0;}
}
@media (min-width: 60em) {
.c-acc-heros-pl{ height:calc(45vw * (9/16) - 6px)}
  .c-acc-heros-pl .c-heros__desc { position:absolute;background:rgba(255,255,255, .8);top:8.0rem;right:auto;left:0;padding:3.0rem;width:30%;color:#00212b;text-align:left; max-height: fit-content;}
  .c-acc-heros-pl .owl-carousel .owl-item img {position: absolute;top: 50%; transform: translate(0%, -50%);}
}

.c-acc-heros__loading{position:absolute;top:0;right:0;width:100%;height:100%;background: #e7f8ff;z-index:500;display:flex;justify-content:center;align-items:center;opacity:1;transition:all 1s ease-out;pointer-events: none}
.c-acc-heros__loading img{width:50px;height:50px;transition:all .4s ease-out;opacity:1}

.c-acc-heros__loading--fadeout{opacity:0;transition-delay:0.3s}
.c-acc-heros__loading--fadeout img{opacity:0}
.c-acc-heros__loading--remove{visibility:hidden}

@media (min-width:60em){
  .c-acc-heros{position: relative;}
  .l-edito{position: absolute;top: -38%;height: 170%;width: 40%;overflow: hidden;border-radius: 0 50% 50% 0;background: linear-gradient(to bottom, #893300 50%,#4d2607 100%);}
  .c-acc-heros__loading{width:100%}
}

.c-description { padding:4.0rem; align-items: center; width:100%; line-height: 1.4;}
.c-description p + p {margin-top:1.5rem}
.c-description__bas, .c-description__haut {width: 75%;margin: 14rem auto 0;padding: 0;position: relative;line-height: 1.5;text-align: justify;}
.c-description__bas__produits{margin: 6rem auto 0;}
.c-description__haut {margin: 1rem auto 15rem auto;}
.c-description__bas:before, .c-description__haut:before {content: "";display: block;width: 220px;height: 5px;background: #d5b079;position: absolute;top: -80px;left: calc(50% - 110px);}
.c-landing__heros__cover,.c-contenu__heros__cover {height: 35vh;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.c-contenu__heros--nobandeau .c-landing__heros__cover,.c-contenu__heros--nobandeau  .c-contenu__heros__cover {height: 292px;background: linear-gradient(to bottom, #893300 50%,#4d2607 100%);padding:12rem 0 0 0;}
.c-landing__heros__text{display:flex;justify-content: center;background:#f5ede0;position: relative;padding:1rem 0 2rem 0;top:-80px;border-radius:70px 0 0 0;flex-direction: column;}
.c-landing__heros__text--no-bandeau{top:80px;}
.c-landing__heros__text--no-bandeau--extras{top:85px;padding:5rem 0 7rem 0;}
.c-landing__heros__titre--nobandeau{margin-bottom:2.0rem;padding-top:3.0rem}
.c-landing__heros__titre, .c-contenu__heros__titre{font-size:4.0rem;color:#893300;font-family: "Galada", cursive;position: relative;text-align: center;margin: 4rem 0 0 0;}
.c-landing__recherche__titre{font-size:4.0rem;color:#893300;font-family: "Montserrat", sans-serif;position: relative;text-align: center;margin: 4rem 0 0 0;line-height:4rem;}
.c-contenu__heros__titre{margin: 0;padding:9.5rem 0 0 0;}
.c-landing__heros__titre__farine{color:#b1427e;}
.c-landing__heros__titre__prepa{color:#611a64;}
.c-landing__heros__titre__pasta{color:#0e1910;}

.c-landing__heros__titre:after{content: "";display: block;width: 50px;height: 10px;background: #fff;position: absolute;bottom: -45px;left: calc(50% - 25px);}
.c-landing__heros__result{font-size:2.4rem;}
.c-landing__heros{background: #f5ede0;}
.c-contenu__heros{background: #f5ede0;margin: 0 0 -4rem 0;}
.c-contenu__heros--nobandeau{padding: 0 0 7rem 0;margin:0;}
.c-heros__ariane{font-size:1.7rem;margin:3rem auto;color: #893300;width:75%}
.c-heros__ariane__contenu{font-size:1.7rem;margin:0 0 5rem 0;color: #dbd4ca;}
.c-heros__ariane a{color: #D5B079;}
.c-heros__ariane__contenu a{color: #dbd4ca;}
a.ariane__link--actif{color:#D5B079;}
.c-landing__heros__cover--no-bandeau{background:linear-gradient(to bottom, #893300 50%,#4d2607 100%);padding: 12rem 0 0 0;display: flex;flex-direction: column;}
.c-landing__edito--no-bandeau{margin:15rem auto 0;}
@media screen and (min-width: 30em) {
  .c-landing__heros__titre, .c-contenu__heros__titre{font-size:5.0rem;}

}
@media screen and (min-width: 45em) {
  .c-landing__heros__titre, .c-contenu__heros__titre{font-size:6.0rem;}

}
@media screen and (min-width: 60em) {
  .c-landing__heros__cover, .c-contenu__heros__cover {height:35vh;border-bottom:0;}
  .c-landing__heros__titre{font-size:6.0rem;}
}
.c-landing__heros__picture{position:absolute;top:0;left:0;width:100%;height:100%;align-items: center;display: flex;justify-content: center;overflow:hidden;}
.c-landing__heros__img{object-fit: cover; width:100%; height:100%}

article .c-heros__accroche a, span.c-heros__acrroche__chevron{color:#999;font-weight:300;font-size:1.2rem;}

#inside_content { margin-top: 40px; }

#c-heros video{width:100%;height:100%;object-fit: cover;}

.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:50%;display:flex;width:20px; right: 20px}
.c-heros__nav>div{flex:1;margin:0 10px;height:20px;position:relative;cursor:pointer;}
.c-heros__nav>div:before{content:"";width:20px;height:20px;position:absolute;top:50%;left:0;margin-top:-2px;background:rgba(65,168,195,0.6);transition:all .4s ease-out;}
.c-heros__nav>div:hover:before{background:rgba(65,168,195,1)}
.c-heros__nav>div.c-heros__nav__item--actif:before{background:#c9a810;}

.c-heros .owl-stage .owl-item .item{display: flex;flex-direction: column;}

/*.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{display:block;width:100%;height:100%;top:0;left:0;position:absolute;}
.c-heros__cover>div{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;position:relative;justify-content:center;padding-bottom:20px;}
.c-heros__accroche{font-size: 1.8rem;padding: 12px 0;color: #fff;position: relative;line-height:1.5;}
.c-heros__accroche:before{content: "";display: block;width: 50px;height: 8px;background: #0e1910;position: absolute;top: -25px;left: calc(50% - 25px);}
.c-heros__main{font-size:4rem;line-height:1.1;margin:0 0 6rem 0;font-family: 'Galada', cursive;color:#d5b079;}
.c-heros__main__ligne{display: block;font-size:2.5rem}
.c-heros__texte__split {position: absolute;top: 40%;left: 21%;color: white;}
.c-heros__texte__split-no-bandeau {position:absolute;top:25%;left:21%;color:white;}

.c-heros__desc{background: linear-gradient(to bottom, #893300 50%,#4d2607 100%);padding:5rem 3rem;color:#fff;text-align:center;position:relative;z-index:110;}
.l-heros-video{aspect-ratio: 16 / 9;}
.l-heros-video .c-heros__covers{aspect-ratio: 16 / 9;}
.l-heros-video .c-heros__covers ifram{aspect-ratio: 16 / 9;}


/* 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;}*/
/* ----------------------- */
@media (max-width: 60em){
  .c-heros {display: flex;flex-direction: column-reverse;}
}
@media (min-width: 45em){
  .c-heros__main{font-size:4.5rem;}
}
@media (min-width: 60em){
  .c-heros__desc{position: absolute;top: -36%;left: 0;padding: 20% 30px 0 30px;width: 40%;text-align: left;height: 170%;overflow: hidden;border-radius: 0 50% 50% 0;}
  .c-heros__accroche{font-size: 1.6rem;padding:0;line-height:1.3;}
  .c-heros__main{font-size:4rem;margin:0 0 4rem 0;}
  .c-heros__accroche:before{height: 8px;left: 0;}
}
@media (min-width: 70em){
  .c-heros__desc{top: -38%;padding: 23% 60px 0 60px;}
  .c-heros__accroche{font-size: 1.7rem;padding: 0;line-height:1.4;}
}

@media (min-width: 80em){
  .c-acc-seotitle{font-size:2.8rem;line-height:1.2;}
  .c-heros__main{font-size:5rem;line-height:1.1;}
  .c-heros__accroche{font-size: 1.8rem;padding: 12px 0;line-height:1.5;}
  .c-heros__desc{top: -38%;padding: 23% 60px 0 75px;}
}
@media (min-width: 90em){
  .c-heros__main{font-size:6rem;}
  .c-heros__desc{top: -38%;padding: 25% 100px 0 100px;}
}

@media (min-width: 110em){
  .c-heros__desc{padding: 27% 150px 0 150px;}
  .c-heros__main{font-size:6.5rem;line-height:1.1;}
}

@media (min-width: 125em){
  .c-heros__main{font-size:7rem;line-height:1.1;}
}

/* ---------------------------- */
/* -- ACCUEIL > RACCOURCIS -- */
.u-titre-defaut{font-size:2.0rem;line-height:1.9;text-align:center;margin-bottom:6.5rem;font-weight:300;position:relative;z-index:5;color:#0e1910}
.u-titre-second{font-size:4.8rem;font-family: "Galada", cursive;color:#893300;line-height:1.2}
.u-titre-defaut--negatif{color:#fff;}
.u-titre-defaut--negatif:after{background:#893300}
.l-raccourcis{padding:10.5rem 3.0rem 0rem;position:relative;overflow-x: clip;}
.l-bg-content{background: linear-gradient(to bottom,  #f5ede0 0%,#ffffff 100%);}
.u-titre-defaut__flex{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.u-titre-defaut__cta{display:flex;align-items:center;font-size:1.6rem;padding:0.8rem 1.2rem;border-radius:6px;margin-bottom:1.5rem;background:#4795b8;color:#fff;}
.u-titre-defaut__cta span{font-size:1.4rem;margin-right:0.8rem;}

.c-raccourcis {display:flex;justify-content:center;flex-flow:row wrap;}
.c-raccourcis a:hover {text-decoration:none !important;}
.c-raccourcis>a{display:flex;align-items:center;flex-direction:column;width:33.3334%;text-align:center;margin-bottom:2.0rem}
.c-raccourcis>a:nth-child(4),.c-raccourcis>a:nth-child(5){width:50%}

.c-raccourcis h3 {color:#0e1910; font-size:1.7rem; font-weight:300; line-height:1.1}
.c-raccourcis h3 strong{color:#ea554a; font-size:2.2rem;display:block;}

.c-raccourcis .bloc-padding {padding:15px;}
.c-raccourcis svg {margin-bottom:1.0rem;}

.svg__bico{width:80px;height:80px;transition:all .4s ease-out}
.svg__bico .st0{fill:#0e1910;}
.svg__bico .st1{fill:#ea554a;}
.svg__bico .st2{fill:#fff;}

.u-hover-on .c-raccourcis>a:hover .svg__bico{transform:scale(1.1)}

.c-produit-mafaldine{display: none;}
.c-produit-coquillette{display: none;}
.c-produit-brioche{position: absolute;width:110px;left:10%;top:250px;z-index:5}
.c-produit-croissant{position: absolute;width:110px;left:10%;top:-30px;z-index:5}
.c-produit-penne{position: absolute;width:100px;left:60%;top:230px;z-index:5}
.c-produit-fusili{position: absolute;width:100px;right:33%;top:30px;z-index:5;transform: rotate(25deg);}
.c-produit-coquillette2{position: absolute;width: 80px;right: 75%;top: 170px;z-index: 5;transform: rotate(-20deg);}
.c-produit-painchoco{position: absolute;width:120px;right:23%;top:320px;z-index:5}
.c-produit-cookie2{position: absolute;width: 80px;right: 5%;top: -15px;z-index: 5;transform: rotate(-15deg);}
.c-produit-baguette{position: absolute;width:200px;right:-100px;top:110px;z-index:5}
.c-produit-cookie{display: none;}
.c-produit-macaroni{display: none;}

@media (min-width:25em){
  .u-titre-defaut{font-size:2.6rem;}
  .c-produit-brioche{width:140px;left:5%;top:210px;}
  .c-produit-penne{top:220px;}
  .c-produit-coquillette2{right: 50%;}
  .c-produit-painchoco{top:280px;}
  .c-produit-baguette{top:140px;}
}

@media (min-width:40em){
 .c-raccourcis>a:nth-child(4),.c-raccourcis>a:nth-child(5){width:33.3334%}
  .c-produit-mafaldine{position: absolute;width:135px;left:0;top:70px;z-index:5;display: block}
  .c-produit-coquillette{position: absolute;width: 100px;left: 20%;top: 30px;z-index: 5;transform: rotate(20deg);display: block;}
  .c-produit-baguette{width:300px;right:-160px;top:110px;}
  .c-produit-coquillette2{right: 25%;top: 200px;}
  .c-produit-penne{left:40%;top:200px;}
}

@media (min-width:50em){
  .c-raccourcis>a{width:20%;}
  .c-raccourcis>a:nth-child(4),.c-raccourcis>a:nth-child(5){width:20%}
  .c-raccourcis h3 {font-size:2.0rem;}
  .c-raccourcis h3 strong{font-size:2.5rem;}
}
@media (min-width:60em){
  .c-raccourcis>a{width:20%;}
  .c-raccourcis>a:nth-child(4),.c-raccourcis>a:nth-child(5){width:20%}
  .c-raccourcis h3 {font-size:2.0rem;}
  .c-produit-mafaldine{width:180px;left:0;top:90px;}
  .c-produit-coquillette{width: 100px;left: 15%;top: 30px;}
  .c-produit-brioche{width:200px;left:5%;top:250px;}
  .c-produit-croissant{width:150px;left:32%;top:-40px;}
  .c-produit-penne{width:160px;left:33%;top:220px;}
  .c-produit-fusili{width:150px;right:29%;top:20px;}
  .c-produit-coquillette2{width: 120px;right: 43%;top: 320px;}
  .c-produit-painchoco{width:150px;right:23%;top:220px;}
  .c-produit-cookie2{width: 130px;right: 8%;top: -20px;}
  .c-produit-baguette{width:350px;right:-180px;top:120px;}
  .l-raccourcis{padding:9.5rem 3.0rem 6.5rem;}
  .u-titre-defaut{line-height:1.5;}
}

@media (min-width:80em){
  .c-raccourcis>a{width:20%;}
  .c-raccourcis>a:nth-child(4),.c-raccourcis>a:nth-child(5){width:20%}
  .c-raccourcis h3 {font-size:2.0rem;}
}
@media (min-width:100em){
  .c-produit-cookie{position: absolute;width: 190px;left: 2%;top: 270px;transform: rotate(-10deg);z-index: 5;display:block;}
  .c-produit-macaroni{position: absolute;width:160px;right:8%;top:80px;z-index:5;display:block;}
  .c-produit-mafaldine{width:200px;left:5%;top:40px;}
  .c-produit-coquillette{width: 100px;left: 20%;top: 30px;}
  .c-produit-brioche{width:250px;left:20%;top:150px;}
  .c-produit-croissant{width:200px;left:32%;top:-40px;}
  .c-produit-penne{width:180px;left:40%;top:220px;}
  .c-produit-fusili{width:170px;right:33%;top:30px;}
  .c-produit-coquillette2{width: 140px;right: 38%;top: 270px;}
  .c-produit-painchoco{width:200px;right:23%;top:140px;}
  .c-produit-cookie2{width: 130px;right: 18%;top: -20px;}
  .c-produit-baguette{width:400px;right:-180px;top:120px;}
}

/* ----------------------------- */
/* ------ ACCUEIL > ENTREPRISE ---------- */

.l-entreprise{margin: 20rem auto 20rem auto;}
.c-bg-entreprise{width: 100%;background: url(../../img/accueil/bg-entreprise-accueil.jpg);background-size: cover;height:400px;position: relative;background-position: center;border-radius: 0 130px 0 0;}
.c-bloc-entreprise{display: flex;flex-direction: column;width: 100%;align-items: flex-start;position: relative;justify-content: center;}
.c-bloc-entreprise-desc{display: flex;flex-direction: column;align-items: center;margin:5rem 3rem;}
.c-bloc-entreprise-main{color:#d5b079;font-size:2.4rem;line-height:1.3;}
.c-bloc-entreprise-main-second{font-family: "Galada", cursive;font-size:5.5rem;color:#893300;}
.c-bloc-entreprise-main-second-prepa{color:#0e1910;}
.c-bloc-entreprise-accroche{color:#0e1910;font-size:1.8rem;position: relative;margin:5rem 0 1.5rem 0;text-align: justify;line-height: 1.4;}
.c-bloc-entreprise-accroche:before{content: "";display: block;width: 50px;height: 10px;background:#f5ede0;position: absolute;top: -35px;left: calc(50% - 25px);}
.c-listing-entreprise{display: flex;flex-direction: column;align-items: center;}
.c-entreprise-pictos-content{background:#0e1910;padding:2rem 0 3rem 0;display:flex;width:100%;justify-content: space-around;}
.c-entreprise-picto{display:flex;flex-direction: column;padding:0;text-align:center}
.c-entreprise-picto{border-right:1px solid #424642;}
.c-entreprise-picto:last-child{border-right:none;}
.c-entreprise-picto-ico{display: block;}
.c-entreprise-picto-texte{font-size:2rem;color:#d5b079;margin:2rem 0 0 0;line-height:1.3;}
.svg-ico-entreprise{height:70px;}
.svg-ico-entreprise .cls-1{fill:#fff;}
.svg-ico-entreprise .cls-2{fill:#893300;}

@media (min-width:30em){
  .c-entreprise-picto {padding: 0 2rem;}
}
@media (min-width:40em){
  .c-entreprise-picto {padding: 0 6rem;}
}

@media (min-width:60em){
  .l-entreprise{margin: 20rem auto 30rem auto;}
  .c-bg-entreprise{width:50%;height: 600px;position: absolute;left: 0;}
  .c-bloc-entreprise {width: 50%;margin:-10rem 0 0 0;}
  .c-listing-entreprise {flex-flow: row-reverse;}
  .c-entreprise-pictos-content{bottom: -24rem;width: calc(100% + 70%);position: absolute;right:0;}
  .c-bloc-entreprise-desc{margin:0 0 0 6rem;align-items: flex-start;}
  .c-bloc-entreprise-main{font-size:2.8rem;}
  .c-bloc-entreprise-main-second{font-size:6.5rem;}
  .c-bloc-entreprise-accroche{padding: 0 5rem 0 0;margin:3rem 0 1.5rem 0;}
  .c-bloc-entreprise-accroche:before{background: #fff;left: 0;}
  .c-entreprise-picto{padding:0 6rem;}
}

@media (min-width:80em){
  .c-entreprise-pictos-content{bottom: -24rem;width: calc(100% + 200px);}
  .c-bloc-entreprise-desc{margin:0 0 0 10rem;}
  .c-bloc-entreprise-main{font-size:3.4rem;}
  .c-bloc-entreprise-main-second{font-size:8.5rem;}
  .c-bloc-entreprise-accroche{padding: 0 10rem 0 0;}
}

/* ---------------------------- */
/* -- ACCUEIL > EXTRAITS PAGES SAVOIR-FAIRE -- */

.l-listing-page{position:relative;}
.c-listing-page{display:flex;flex-direction:column;justify-content: space-between;}
.c-listing-page__extrait{display:flex;width:100%;flex-direction: column; color:#0e1910;margin:0 0 8.0rem 0;text-align:center;}
.c-listing-page__extrait__cover{display:block;width:100%;margin-bottom:1.5rem;border-radius: 60px 0 0 0;overflow:hidden;}
.c-contenu__article .c-listing-page__extrait__cover{margin-bottom:1.2rem;}
.c-listing-page__extrait__titre{font-size:2.4rem;line-height:1.3;font-weight: 600;color: #893300;text-transform: uppercase;position: relative;padding-right: 60px;text-align: left;}
.u-mosaique-vignettes__lien .c-listing-page__extrait__titre{padding:0;}
.ico-chevron-titre{height:30px;position: absolute;right: 15px;top:2px;transition: all .6s ease-out;}
.ico-chevron-titre .cls-1{fill:#D5B079}
.c-listing-page__extrait:hover .ico-chevron-titre{right:0;}
.c-contenu__article .c-listing-page__extrait__titre{font-size:2.0rem;}
.c-listing-page__extrait__soustitre{font-size:1.4rem;margin-bottom:0.8rem;color:#893300;position: relative;display: flex;align-items: center;}
.c-listing-page__extrait__soustitre:after{content: "";display: block;width: 30px;height: 2px;background: #f5ede0;margin-left: 12px;}
.c-contenu__article .c-listing-page__extrait__soustitre{margin-bottom:0.2rem;}
.c-listing-page-prepa{flex-direction: column-reverse;}
.u-mosaique-vignettes__lien .c-listing-page__extrait__cover{border-radius:0;}

.u-hover-on .c-listing-page__extrait:hover .c-listing-page__extrait__titre{color:#893300}

.c-bloc-savoir-faire-content{display:flex;width:100%;position: relative;}
.c-bloc-savoir-faire-desc{display: flex;flex-direction: column;align-items: center;width:90%;justify-content: center;margin: 3rem auto 0 auto;text-align: center;}
.savoir-faire-preparation{background:#f5ede0;padding:7rem 0;margin: 10rem 0;}
.c-bloc-savoir-faire-accroche{color:#0e1910;font-size:1.8rem;position: relative;margin:5rem 0 1.5rem 0;text-align: justify;line-height: 1.4;}
.c-bloc-savoir-faire-accroche:before{content: "";display: block;width: 50px;height: 10px;background: #f5ede0;position: absolute;top: -35px;left:calc(50% - 25px);}
.c-bloc-savoir-faire-accroche-prepa:before{background:#fff;}
.c-bloc-savoir-faire-main{display:none;}
.c-bloc-savoir-faire-front{display: flex;flex-direction: row;align-items: center;justify-content: flex-end;margin-right: -2%;}
.c-bloc-savoir-faire-front-preparation{right:auto;left:-178px;}
.c-bloc-savoir-faire-detour{width: 120px;left:5%;position: absolute;}
.c-bloc-savoir-faire-detour-pasta{width: 150px;left:0;position: absolute;}
.c-bloc-savoir-faire-carre{width: 80%;}

@media (min-width:30em){
  .c-bloc-savoir-faire-main{width:80%;height: auto;overflow: hidden;display: block;position: relative;}
  .c-bloc-savoir-faire-desc {margin: 6rem auto 0 auto;}
  .c-bloc-savoir-faire-front {flex-direction: column;position: absolute;top: -100px;right: calc(20% - 75px);margin: 0;}
  .c-bloc-savoir-faire-detour {width: 100px;left: 0;position: relative;margin: 0 0 2rem 0;}
  .c-bloc-savoir-faire-carre {width: 160px;}
  .c-bloc-savoir-faire-front-preparation {left: auto;}
  .c-bloc-savoir-faire-detour-pasta {width: 130px;position: relative;}
}
@media (min-width:45em){
  /*.c-listing-page{flex-flow:row wrap;}*/
  .c-listing-page__extrait__cover{margin-bottom:2.0rem;}
  .c-listing-page__extrait{width:calc(33.3334% - 2.5rem);text-align:left;}
  .c-bloc-savoir-faire-front {right: calc(20% - 120px);}
  .c-bloc-savoir-faire-detour {width: 130px;}
  .c-bloc-savoir-faire-carre {width: 240px;}
}
@media (min-width:60em){
  .c-bloc-savoir-faire-front{flex-direction: column;position: absolute;right: -110px;top: -100px;margin:0;justify-content: unset;}
  .c-bloc-savoir-faire-front-preparation{left:-110px;right:auto;}
  .c-bloc-savoir-faire-carre{width: 220px;}
  .c-bloc-savoir-faire-desc .c-bloc-entreprise-main .c-bloc-entreprise-main-second{font-size:4.8rem;}
  .c-bloc-savoir-faire-detour{width: 120px;margin: 0 0 3rem 0;position: relative;}
  .c-bloc-savoir-faire-detour-pasta{width: 150px;margin: 0 0 3rem 0;position: relative;}
  .savoir-faire-preparation{margin: 20rem 0;}
  .l-listing-page{padding: 20rem 0 0 0;}
  .c-bloc-savoir-faire-content{width:50%;}
  .c-bloc-savoir-faire-main{width:100%;height: 480px;overflow: hidden;display: block;}
  .c-bloc-savoir-faire-desc{align-items: flex-start;width:35%;justify-content: flex-start;margin: 0;text-align: left;}
  .c-bloc-savoir-faire-accroche{margin:3rem 0 1.5rem 0;}
  .c-bloc-savoir-faire-accroche:before{left: 0;}
  .c-listing-page, .c-listing-page-prepa{flex-direction: row;}
  .l-page-contenu .c-listing-page{flex-direction: column;}
  .c-listing-page__extrait__cover{border-radius: 80px 0 0 0;}
}
@media (min-width:85em){
  .c-bloc-savoir-faire-front{right: -150px;}
  .c-bloc-savoir-faire-front-preparation{left:-150px;right:auto;}
  .c-bloc-savoir-faire-carre{width: 300px;}
  .c-bloc-savoir-faire-desc .c-bloc-entreprise-main .c-bloc-entreprise-main-second{font-size:6.5rem;}
  .c-bloc-savoir-faire-detour{width: 170px;}
  .c-bloc-savoir-faire-detour-pasta{width: 195px;}
  .savoir-faire-preparation{margin: 35rem 0;}
}
@media (min-width:110em){
  .c-bloc-savoir-faire-carre{width: 355px;}
  .c-bloc-savoir-faire-front{right: -178px;}
  .c-bloc-savoir-faire-front-preparation{left:-178px;right:auto;}
}

/* ---------------------------- */
/* -- ACCUEIL > ACTUALITES -- */


@media (min-width: 45em){
  .l-page-contenu .c-actualite-accueil{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}
  .l-page-contenu .c-listing-page__extrait{width:calc(50% - 2.5rem);text-align:left;}
  .l-page-contenu .c-pages-liees__extrait{width:calc(50% - 2.5rem);text-align:left;}
}

@media (min-width: 60em){
  .c-actualite-accueil{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .l-page-contenu .c-listing-page__extrait{width:calc(33.3334% - 2.5rem);text-align:left;}
  .l-page-contenu .c-pages-liees__extrait{width:calc(33.3334% - 2.5rem);text-align:left;}
  .c-actualite-accueil__post:nth-child(2n+2){margin-left:4%}
  .c-actualite-accueil__post{max-width:48%}
}


/* ---------------------------- */
/* -- ACCUEIL > ACTUALITES -- */

.l-landing-actualites{background:#0e1910;padding:5.0rem;}
.l-actualite-accueil{margin-top: 20rem;background:#0e1910;padding:5.0rem;}
.footer-actualite-accueil{color:#fff;display:flex;flex-direction:column;max-width: 1300px;}
.c-actualite-accueil__cover{margin-bottom:2.0rem}
.c-actualite-accueil__categorie{font-size:1.4rem;margin-bottom:0.8rem;color:#893300;}
.c-actualite-accueil__titre{font-size:2.4rem;color:#fff;margin-bottom:0.8rem;}
.c-actualite-accueil__titre a{color:#fff}
.c-actualite-accueil__texte{font-size:1.5rem;color:#fff;font-weight:300}
.c-actualite-accueil__post:first-child{margin-bottom:4.5rem}
.l-page-contenu .c-actualite-accueil{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}

.c-landing__produit__content{display:flex;flex-direction: column;width:100%}
.c-landing__produit__pasta {display: flex;width: 100%;flex-direction: column;margin: 0 0 18rem 0;background:#0e1910;position: relative;padding:4rem;border-radius:100px 0 0 0;transition: all .5s ease-out;}
.c-landing__produit__pasta:hover{background:#2c2424;}
.c-landing__produit__detour-pasta {width: 195px;margin: -150px 0 3rem 0;transition: all .5s ease-out;}
.c-landing__produit__detour-prepa {width: 160px;margin: -150px 0 3rem 2rem;transition: all .5s ease-out;}
.c-landing__produit__detour-farine {width: 170px;margin: -130px 0 3rem 2rem;transition: all .5s ease-out;}
.c-landing__produit__pasta:hover .c-landing__produit__detour-pasta, .c-landing__produit__pasta:hover .c-landing__produit__detour-prepa, .c-landing__produit__pasta:hover .c-landing__produit__detour-farine {transform: translateX(40px);}
.c-landing__produit__titre {font-size: 4.4rem;color: #d5b079;font-family: "Galada", cursive;position: relative;line-height:1;}
.c-landing__produit__titre:after {content: "";display: block;width: 30px;height: 7px;background: #fff;position: absolute;bottom: -30px;left: 0;}
.c-landing__produit__titre__farine:after {background: #b1427e;}
.c-landing__produit__titre__prepa:after {background: #611a64;}
.c-landing__produit__texte{font-size:2.4rem;color:#fff;line-height:1.4;margin: 5rem 0 2rem 0;}
.c-landing__produit__texte strong{color:#d5b079;}

.c-landing__produit__texte__more {display: block;width: 40px;height: 40px;position: relative;transition: transform 0.3s cubic-bezier(0.75, 0.24, 0.7, 0.65);}
.c-landing__produit__texte__more:before, .c-landing__produit__texte__more:after {content: "";display: block;width: 25px;height: 4px;background: #0e1910;position: absolute;transform-origin: 50% 50%;top: calc(50% - 2px);left: calc(50% - 12px);}
.c-landing__produit__texte__more:after {transform: rotate(-90deg);transform-origin: 50% 50%;}
.c-landing__produit__more{background:#d5b079;padding:1rem;border-radius:100px;width:65px;height:65px;border: 2px solid #0e1910;position: absolute;bottom: -30px;left: calc(50% - 33px);}
.c-landing__produit__more__farine{background:#b1427e;}
.c-landing__produit__more__prepa{background:#611a64;}
.c-landing__produit__pasta:hover .c-landing__produit__texte__more {transform: rotate(90deg) scale(1.2);}

.c-landing__conseils__qualite{display:flex;flex-direction: column;justify-content: center;margin:0 0 18rem 0;}
.c-btn__conseils .u-cta-ico__txt {color: #fff;background: #893300;padding:0.5rem 2.5rem 3rem;font-size: 2rem;}
.c-btn__conseils__farine .u-cta-ico__txt {background: #b1427e;}
.c-btn__conseils__prepa .u-cta-ico__txt {background: #611a64;}
.c-btn__conseils__pasta .u-cta-ico__txt {background: #0e1910;}
.c-btn__qualite .u-cta-ico__txt {color: #0e1910;background: #fff;padding: 0rem 2.5rem 2.85rem;font-size: 2rem;}
.c-btn__conseils{margin:0 0 2rem 0;}
.svg_ico_conseils {margin-right: 14px;width: 45px;top: 15px;position: relative;}
.svg_ico_conseils_farine {margin-right: 14px;width: 38px;top: 12px;position: relative;}
.svg_ico_conseils_prepa {margin-right: 14px;width: 49px;top: 14px;position: relative;}
.svg_ico_conseils .cls-1, .svg_ico_conseils_farine .cls-1, .svg_ico_conseils_prepa .cls-1{fill: #d5b079;}
.svg_ico_conseils .cls-2, .svg_ico_conseils_farine .cls-2, .svg_ico_conseils_prepa .cls-2 {fill: #fff;}
.svg_ico_qualite {margin-right: 14px;width: 32px;top: 15px;position: relative;}
.svg_ico_qualite .cls-1 {fill: #0e1910;}
.svg_ico_qualite .cls-2 {fill: #893300;}

.c-landing__formes__pasta{display:flex;flex-direction: column;justify-content: center;margin: -12rem auto 12rem auto;}
.formes__pasta__box__content{width:100%;display: flex;flex-direction: column;align-items: center;}
.formes__pasta__box1{display:flex;width:100%;justify-content: center;}
.formes__pasta__box1 img{width:33.33%}
.formes__pasta__box2{display:flex;width:100%;justify-content: center;}
.formes__pasta__box2 img{width:33.33%}


.c-pages-liees {display: flex;flex-wrap: wrap;width: 100%;}
.c-pages-liees__extrait{display:flex;width:100%;flex-direction: column; color:#893300;margin:0 2.5rem 4.0rem 0;text-align:center;}
.c-pages-liees__extrait__cover{display:block;width:100%;margin-bottom:1.5rem;}
.c-pages-liees__extrait__titre{font-size:2.2rem;line-height:1.3;font-weight: 700;}
.c-contenu__article .c-pages-liees__extrait__titre{font-size:2.0rem;}
.c-pages-liees__extrait__soustitre{font-size:1.5rem;margin-bottom:0.8rem;color:#893300;}
.c-contenu__article .c-pages-liees__extrait__soustitre{margin-bottom:0.2rem;}

.footer-actualite-accueil .footer__actualites__titre {position: relative;color:#f5ede0;font-size:6rem;font-family:"Galada", cursive;margin:7rem 0;letter-spacing: 2px;}
.footer__actualites__actu__textes{display: flex;flex-direction: column;}
.footer__actualites__listing{display:flex;flex-direction: column;}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu {color: #fff;display: flex;position: relative;border-bottom: 2px #893300 solid;padding: 2rem 0;transition: all .6s ease-out;overflow: hidden;z-index: 3;flex-direction: column;align-items: flex-start;}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu:before {content: "";display: block;width: 100%;height: 500%;background:#222220;bottom: 100%;left: -50%;position: absolute;z-index: -1;border-radius: 500%;transition: all .6s ease-out;}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu:hover:before {bottom: -30px;width: 400%;left: -150%;}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu:first-child {border-top: 2px #893300 solid;}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__date {background: #893300;padding: 1rem 2rem;color:#f5ede0;transition: all .6s ease-out;text-align: center;line-height: 1.1;display: flex;align-items: center;gap: 1rem;margin: 2rem 0;}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__date strong {display: block;font-size: 3.6rem;}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu:hover .footer__actualites__date {transform: translateX(2rem);}
.footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__actu__titre {font-size: 2.5rem;font-weight: 600;text-transform: uppercase;margin: 0 0 2rem 0;line-height: 1.2;color:#d5b079;}
.footer__actualites__allactu{text-align: center;margin: 8rem 0 4rem;}

.c-actualite-accueil{display:flex;}

@media (min-width: 45em){
  .l-page-contenu .c-listing-page__extrait{width:calc(50% - 2.5rem);text-align:left;}
  .l-page-contenu .c-pages-liees__extrait{width:calc(50% - 2.5rem);text-align:left;}
  .l-page-contenu .c-actualite-accueil{gap:5rem;}
  .c-landing__conseils__qualite{flex-direction: row;}
  .c-btn__conseils{margin:0 3rem 0 0;}
  .formes__pasta__box__content{flex-direction: row;}
  .formes__pasta__box1{width:60%}
  .formes__pasta__box2{width:40%}
  .formes__pasta__box2 img{width:50%}
}

@media (min-width: 60em){
  .footer-actualite-accueil{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .c-actualite-accueil{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  .l-page-contenu .c-listing-page__extrait{width:30%;text-align:left;}
  .l-page-contenu .c-pages-liees__extrait{width:calc(33.3334% - 2.5rem);text-align:left;}
  .l-page-contenu .c-actualite-accueil{gap:5%;width: 100%;}
  .c-actualite-accueil__post:nth-child(2n+2){margin-left:4%}
  .c-actualite-accueil__post{max-width:48%}
  .c-landing__formes__pasta{flex-direction: row;}
  .formes__pasta__box__content{width:75%;}
  .c-landing__produit__content{flex-flow: row wrap;gap:5%}
  .c-landing__produit__content__preparations {justify-content: center;}
  .c-btn__conseils .u-cta-ico__txt:before {background: #0e1910;}
  .c-btn__conseils__pasta .u-cta-ico__txt:before {background: #d5b079;}
  .u-hover-on .c-btn__conseils:hover .u-cta-ico__txt {color: #fff;}
  .c-btn__conseils__pasta:hover .svg_ico_conseils .cls-1{fill: #0e1910;}
  .c-landing__produit__pasta {width: 30%;}

  .footer-actualite-accueil .footer__actualites__inside {display: flex;flex-direction: column;}
  .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__date {margin-right: 3.5rem;flex-basis: 140px;padding:1.5rem 2rem;display: block;}
  .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__actu__titre {flex:1;}
  .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__actu__more {display: block;width: 40px;height: 40px;position: relative;margin: 0 3rem;transition: transform 0.3s cubic-bezier(0.75, 0.24, 0.7, 0.65);}
  .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__actu__more:before, .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__actu__more:after {
    content: "";
    display: block;
    width: 25px;
    height: 4px;
    background: #893300;
    position: absolute;
    transform-origin: 50% 50%;
    top: calc(50% - 2px);
    left: calc(50% - 10px);
  }
  .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu .footer__actualites__actu__more:after {transform: rotate(-90deg);transform-origin: 50% 50%;}
  .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu:hover .footer__actualites__actu__more {transform: rotate(90deg) scale(1.2);}
  .footer__actualites__allactu{text-align: right;margin: 6rem 0 1rem 0;}
  .footer-actualite-accueil .footer__actualites__listing .footer__actualites__actu {flex-direction: row;align-items: center;}
}

@media (min-width: 110em){
  .l-actualite-accueil{margin-top: 35rem;}
}




/* ---------------------------- */
/* -- ACCUEIL > EXTRAITS PAGES + ACTUALITE 2COL/1COL*/
.l-listing-page__colonne {display: flex; flex-direction:column;}

@media (min-width: 60em) {
  .l-listing-page__colonne {flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
  .l-listing-page__colonne .c-listing-page__colonne {width:calc(66.66% - 2.5rem);}
  .l-listing-page__colonne .l-actualite-accueil__colonne {width:calc(33.33% - 2.5rem);}
  .c-listing-page__colonne .c-listing-page__extrait{width: calc(50% - 2.5rem); float:left;}
  .l-actualite-accueil__colonne .c-actualite-accueil__post {max-width: 100%; width: 100%}
}

/* extrait */
.c-listing-page__colonne {padding:5rem;}
@media (min-width: 60em) {
.c-listing-page__colonne {padding:5rem 15rem;}
}

/* actu */
.l-actualite-accueil__colonne {background:#0e1910; padding:5.0rem 10rem;}

/* ---------------------------- */
/* -- ACCUEIL > GALERIE -- */

.l-accueil__galerie{background:#f5ede0;}
.c-accueil__galerie{display:flex;flex-direction:column;padding:0 1.5rem;text-align:center;}
.c-accueil__pic{width:100%;margin-bottom:2.0rem;}
.c-accueil__galerie__more{display:flex;width:100%;justify-content:center;margin-top:2.5rem;position:relative;z-index:10}
.c-accueil__pic__cover{margin-bottom:1.5rem;}
/* ---------------------------- */
@media (min-width:60em){.c-accueil__pic__cover{margin-bottom:1.8rem;}}
@media (min-width:80em){.c-accueil__pic__cover{margin-bottom:2.0rem;}}
/* ---------------------------- */
.c-accueil__pic__cover img{display:block;}
.c-accueil__pic__titre{font-size:2.4rem;margin-bottom:0.8rem;color:#0e1910;font-weight:500;padding: 0 1.5rem 0 0}
.c-accueil__pic__in{font-size:1.5rem;color:#893300;font-weight:300;padding: 0 1.5rem 0 0}

.l-accueil__galerie__gfx{position:relative;padding:5.0rem 0;z-index:1}
.c-accueil__galerie__grid{display:none}

.c-landing__entete--album{background:rgba(255,255,255,0.8);padding:3.5rem;position:relative;z-index:2;margin-bottom:3.5rem}
.c-landing__entete--titre{font-size:4.0rem;color:#893300;margin:3.5rem 0 2.5rem}
.c-galerie__sous-titre{font-size:2.0rem;color:#893300;margin:0 0 2.5rem 3.5rem}
.c-galerie__sous-titre--video{margin-top:5.0rem}

@media (min-width: 35em){
  .c-accueil__galerie{flex-direction:row;flex-wrap:wrap;position:relative;z-index:2;text-align:left;padding:0}
  .c-accueil__pic{width:50%}
}

@media (min-width: 60em){
  .c-accueil__pic{width:25%}
  .c-accueil__galerie__grid{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
  .c-accueil__galerie__grid>span{display:block;position:absolute;top:0;height:100%;width:1px;background:#ddd;}
  .c-accueil__galerie__grid>span:nth-child(1){left:0}
  .c-accueil__galerie__grid>span:nth-child(2){left:25%}
  .c-accueil__galerie__grid>span:nth-child(3){left:50%}
  .c-accueil__galerie__grid>span:nth-child(4){left:75%}
  .c-accueil__galerie__grid>span:nth-child(5){left:100%}
}

/* effet zoom au survol */
.u-hover-on .u-cover__zoom{overflow:hidden;position:relative;}
.u-hover-on .u-cover__zoom:before{content:"+";display:block;position:absolute;z-index:3;top:0;left:0;width:100%;height: 100%;background:rgba(14,25,16,0.6);opacity:0;transition:all .4s ease-out;color:#fff;font-size:4.0rem;display:flex;align-items:center;justify-content: center}
.u-hover-on .u-cover__zoom>img{display:block;transition:all .8s ease-out;overflow: hidden;}
.u-hover-on a:hover .u-cover__zoom>img{transform:scale(1.3)}
.u-hover-on a:hover .u-cover__zoom:before{opacity:1}

.c-galerie__videos .u-video-integ{margin-bottom:0}
.c-galerie__videos__videolegende{border:1px #fff solid;padding:20px;}
.c-galerie__videos__videolegende > p{margin-top:15px;}


/* ---------------------------- */
/* -- ACCUEIL > ACTU + PAGE ACTU LANDING -- */
.post-module {
  position: relative;
  z-index: 1;
  display: block;
  background: #FFFFFF;
  min-width: 270px;
  height: 470px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(46, 68, 133, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(46, 68, 133, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(46, 68, 133, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module:hover,
.hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(46, 68, 133, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(46, 68, 133, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(46, 68, 133, 0.3);
}
.post-module:hover .thumbnail img,
.hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}
.post-module .thumbnail {
  background: #0e1910;
  height: 400px;
  overflow: hidden;
}
.post-module .thumbnail .date {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  background: #e74c3c;
  width: 55px;
  height: 55px;
  padding: 12.5px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post-module .thumbnail .date .day {
  font-size: 18px;
}
.post-module .thumbnail .date .month {
  font-size: 12px;
  text-transform: uppercase;
}
.post-module .thumbnail img {
  display: block;
  width: 120%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module .post-content {
  position: absolute;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 30px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.post-module .post-content .category {
  position: absolute;
  top: -34px;
  left: 0;
  background: #41a8c3;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-module .post-content .category-icon {
    position: absolute;
    top: 0px;
    padding: 10px 15px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.post-module .post-content .category-icon svg {
  width:70px;
}
.post-module .post-content .category-icon svg .st0 {
  fill:#ffffff;
}
.post-module .post-content .category-icon svg .st1 {
  fill:#41a8c3;
}
.post-module .post-content .title {
  margin: 0;
  padding: 0 0 10px;
  color: #41a8c3;
  font-size: 2.5rem;
  font-family: 'Galada', cursive;
}
.post-module .post-content .sub_title {
  margin: 0;
  padding: 0 0 20px;
  color: #0e1910;
  font-size: 1.3rem;
  font-weight: 400;
}
.post-module .post-content .description {
  display: none;
  color: #666666;
  font-size: 14px;
  line-height: 1.8em;
}
.post-module .post-content .post-meta {
  margin: 30px 0 0;
  color: #999999;
}
.post-module .post-content .post-meta .timestamp {
  margin: 0 16px 0 0;
}
.post-module .post-content .post-meta a {
  color: #999999;
  text-decoration: none;
}
.hover .post-content .description {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
}


/* ----------------------- */
/* -- PAGE DE CONTENU -- */

.l-page-contenu {padding:60px 0 0 0;background: linear-gradient(to bottom, #f5ede0 10%,#ffffff 60%);}
.l-page-contenu--no-bandeau{padding:80px 0 0 0;}
.l-contenu__layout{display:flex;flex-direction:column}
.c-contenu__aside{display: none;}

.c-contenu__article{position:relative;z-index:10}
.c-contenu__page-inside.u-standard-page{background:#fff;border-left:50px #fff solid;border-right:50px #fff solid;padding:5rem 0;}
.c-contenu__meme-sujet{margin:0 0 1.5rem;padding-top:2.0rem;border-top:1px #893300 dotted;color:#893300;font-size:2.0rem}

@media (min-width:60em){
  .l-contenu__layout{flex-direction: row-reverse;justify-content: space-between;background: #fff;z-index: 10;position: relative;}
  .c-contenu__article{width:70%}
  .c-contenu__aside{width:30%;position:relative;display: block;}
  .c-contenu__aside .c-contenu__menu {margin: 5rem 0 0 0;background: #f5ede0;padding: 2rem;border-radius: 0 0 30px 0;}
}

@media (min-width: 85em){
.c-contenu__aside .c-contenu__menu {margin: 5rem 0 0 5rem;padding: 3rem;}
}

@media (min-width:110em){
  .c-contenu__article{max-width:1060px}
  .c-contenu__page-inside.u-standard-page{border-left:90px #fff solid;border-right:90px #fff solid;padding-top:40px;}
  .c-contenu__aside .c-contenu__menu {margin: 6rem 0 0 6rem;padding: 4rem 6rem;}
}

.c-heros--page .c-heros__texte {visibility: visible;}
strong {font-weight: 600}

/* -- MENU CMS -- */

/* MENUS VERTICAUX */
.menu-vertical { font-size: 1.4rem;}
.menu-vertical li{list-style:none;}
.menu-vertical a{color:#0e1910;padding:1.5rem 1rem;display:block;}
.menu-vertical .c-contenu__menu__link--actif, .c-contenu__menu__link--actif.menu-dropdown-icon:before {border-color: #d5b079;}

.c-contenu__menu__back {text-transform: uppercase;background: #fff;display: block;padding: 2rem 1.7rem;font-weight: 700;position: relative;margin-bottom: 3rem;color: #d5b079;z-index: 1;font-size: 1.8rem;line-height: 1.1;}
.c-contenu__menu__blocklinks:first-child .c-contenu__menu__back {background: #fff;display: block;padding: 2rem 1.7rem;font-weight: 700;position: relative;margin-bottom: 3rem;color: #d5b079;z-index: 1;font-size: 1.8rem;}
.c-contenu__menu__blocklinks{margin-bottom:5rem;}

@media (min-width: 85em){
.c-contenu__menu__blocklinks:first-child .c-contenu__menu__back {padding: 3rem 2rem;font-size: 2rem;}
}

/* ---------------------------- */
@media (max-width:60em){
  .c-contenu__menu__blocklinks{display:none;}
}
/* ---------------------------- */


a.c-contenu__menu__link-lv1{font-size: 1.7rem;font-weight: 500;display: block;border-top: 1px #fff solid;padding: 1.7rem 4rem 1.7rem 0;color: #0e1910;position: relative;z-index: 1;}
.menu-vertical-ss-menu > li a{display:block;padding:1rem}
.menu-vertical-ss-menu li > span{display:none;}

.menu-vertical-ss-menu{display:flex;flex-flow:column;border:2px #D5B079 solid}
.c-contenu__menu__link--actif .menu-vertical-ss-menu{border-color:#893300; display: block !important}
.menu-vertical-ss-menu li{flex:1 1 auto}

.u-hover-on .menu-vertical a {transition: all .3s ease-out;}
.u-hover-on a.c-contenu__menu__link--actif, .u-hover-on a.c-contenu__menu__link-lv1:hover, .u-hover-on .menu-vertical-ss-menu > li a:hover {background: #d5b079;color: #fff;padding-left: 1.7rem;}

.span-chevron {display: block;width: 12px;height: 20px;transition: all 0.4s ease-out;position: relative;}
.l-contenu__layout .c-contenu__aside .c-contenu__menu__blocklinks .span-chevron {position: absolute;top: calc(50% - 10px);right: 20px;}
.span-chevron:before, .span-chevron:after {content: "";width: 10px;height: 3px;background: #fff;position: absolute;}
.span-chevron:before {transform: rotate(45deg);top: 5px;}
.span-chevron:after {transform: rotate(-45deg);bottom: 6px;}
.u-hover-on a.c-contenu__menu__link-lv1:hover .span-chevron {right: 10px;}

.menu-dropdown-icon:before {
    content: "▾";
    display: block;
    cursor: pointer;
    float: right;
    padding: 0.5em 0.9em 0.5em;
    color: #fff;
    font-size: 1.3em;
    background: #893300;
}
.menu-vertical .menu-vertical-ss-menu {display: none;}

.menu-dropdown-icon span.span-chevron {display: none;}
@media (min-width: 60em){
  .menu-dropdown-icon:before {display: none;}
  .menu-dropdown-icon span.span-chevron {display: inherit;}
  .menu-vertical .menu-vertical-ss-menu {display: flex !important; opacity: 1 !important}
}

@media (min-width: 85em){
  a.c-contenu__menu__link-lv1 {font-size: 1.7rem;padding: 2rem 4rem 2rem 0;}
}

.menu-vertical .c-contenu__menu__link--actif, .c-contenu__menu__link--actif.menu-dropdown-icon:before {border-color: #893300}
.menu-vertical .c-contenu__menu__link--actif > ul li {background: #fff}

.u-hover-on .menu-vertical a{transition:all .3s ease-out}
.u-hover-on a.c-contenu__menu__link--actif,
.u-hover-on a.c-contenu__menu__link-lv1:hover,
.u-hover-on .menu-vertical-ss-menu > li a:hover{background:#893300;color:#fff;}

.d-flexflex{margin-top:1.2rem;}
.d-flexflex .c-contenu__menu__back{margin:3.5rem 0 1.0rem}
.aside_actu_event{color:#0e1910;border:1px #0e1910 dotted;padding:1.0rem 0;border-left:none;border-right:none;display:block;margin-bottom:-1px;}
.aside_actu_event>div{display:flex;align-items:center;}
.aside_actu_event>div>div:first-child{width:28%;margin-right:1.0rem;}
.aside_actu_event>div>div:last-child{flex:1}
.aside_titre{font-size:1.6rem;font-weight:bold;margin-bottom:0.8rem;}
.aside_date{display:flex;font-size:1.3rem;}
.aside_date svg{width:20px;height:20px;margin-right:0.8rem}
.aside_date svg path{fill:#893300}

.u-hover-on .aside_actu_event{transition:all .3s ease-out}
.u-hover-on .aside_actu_event:hover{background:#fff;}


/* ----------------------- */
/* -- FOOTER --*/
.l-footer{background:#f5ede0;}
.c-footer-content{padding:7rem 0 4rem 0;}
.c-footer,.c-footer__annexes{display:flex;justify-content:center;flex-direction:column;text-align: center;}
.c-footer__menu{display:flex;flex-direction:column;align-items:center;}
.c-footer__menu > a{display:block;padding:1.0rem;color:#0e1910}
.u-hover-on .c-footer__menu > a{transition:all .4s ease-out}
.u-hover-on .c-footer__menu > a:hover{color:#893300}
.c-footer__coordonnees{text-align:center;line-height:1.6;display: flex;flex-direction: column;align-items: center;margin: 3rem 0 0 0;}
.c-footer__cta{display:inline-block;margin-top:1.6rem;line-height:1}
.c-footer__annexes a{color:#0e1910;font-size:1.6rem;padding:1.0rem}
.u-hover-on .c-footer__annexes a{transition:all .4s ease-out;opacity:0.6}
.u-hover-on .c-footer__annexes a:hover{opacity:1}
.c-annexes__separateur{display:none}
.c-footer__coordonnees__titre{font-family: "Galada", cursive;color:#893300;position: relative;font-size: 3rem;margin-bottom:3rem;}
.c-footer__coordonnees__titre:after{content: "";display: block;width: 50px;height: 7px;background: #fff;position: absolute;left:calc(50% - 25px);}
.c-footer__coordonnees__adresse{margin-bottom:2rem;}

.c-footer__certifications{background:#fff;padding: 3rem 5rem;border-radius: 40px;display: flex;justify-content: space-around;margin: 7rem 0 5rem 0;position: relative;flex-flow: wrap;align-items:center;flex-direction: column}
.c-footer__certifications:before {content: "";display: block;width: 0px;height: 0px;border-bottom: 20px #fff solid;border-left: 20px transparent solid;border-right: 20px transparent solid;position: absolute;top: -20px;left: 50%;margin-left: -10px;}

.logos-minoterie{display: flex;position: relative;width:100%;align-items: center;justify-content: space-evenly;}
.logos-bio{display: flex;width:100%;align-items: center;justify-content: space-evenly;}
/*.logos-minoterie:after {content: "";display: block;width: 2px;height: 90px;background: #d5b079;position: absolute;right: -75px;top: calc(50% - 45px);}*/

.certif-ico-fromenbio{width:140px;margin:2rem 3rem;}
.certif-ico-pastier{width:140px;margin:2rem 3rem;}
.certif-ico-ab{width:70px;margin:2rem 1rem;}
.certif-ico-ab .cls-1{fill:#4b9228;}
.certif-ico-coherence{width:80px;margin:2rem 1rem;}
.certif-ico-bio{width:90px;margin:2rem 1rem;}
.certif-ico-artipane .cls-1{fill: #d5b079;}
.certif-ico-artipane .cls-2{fill: #893300;}
.certif-ico-fromenbio .cls-1, .certif-ico-fromenbio .cls-4{fill: #baa062;}
.certif-ico-fromenbio .cls-2{fill: #222221;}
.certif-ico-fromenbio .cls-3{fill: #ac3882;}

.certif-ico-pastier .cls-1{fill: #1d1d1b;}
.certif-ico-pastier .cls-2{fill: #d5b079;}
.certif-ico-coherence .cls-1, .certif-ico-bio .cls-1{fill:#4b9228;}

.c-footer__mentions{background:#d5b079;padding: 2rem 4rem;border-radius: 60px;display: flex;justify-content: center;width:100%;margin: 0 auto 100px auto;}


@media (min-width: 60em){
  .c-footer,.c-footer__annexes{flex-flow:row wrap;justify-content:space-around;}
  .c-footer__annexes{justify-content:center;color:#0e1910}
  .c-footer__coordonnees{text-align:left;align-items: flex-start;margin:0 0 0 8rem;}
  .c-annexes__separateur{display:block;margin:0 1.0rem}
  .c-footer__menu{align-items:flex-end;padding-top:0;flex-direction: row;}
  .c-footer__mentions{margin: 0 auto;width:fit-content;}
  .c-footer__coordonnees__titre:after{left: 0;}
  .logos-separateur{display:flex;width:2px;height:100px;background:#f5ede0;}
  .c-footer__certifications{flex-direction: row;}
  .logos-minoterie{width:50%;padding:0 4rem;}
  .logos-bio{width:48%;padding:0 4rem;}
}

/* ------------------------------- */
/* -- TARTE AU CITRON -- */
.tarteaucitronCTAButton {background: #fff !important;color: #333 !important; transition: all .5s;}
.tarteaucitronCTAButton:hover {background:#000 !important; color:#fff !important;}
#tarteaucitronRoot .tarteaucitronCheck::before, #tarteaucitronRoot .tarteaucitronCross::before {color:#333 !important}
#tarteaucitronRoot .tarteaucitronCTAButton:hover .tarteaucitronCheck::before, #tarteaucitronRoot .tarteaucitronCTAButton:hover .tarteaucitronCross::before {color:#fff !important;}


/* ------------------------------- */
/* -- PLAN DU SITE -- */

.u-plan-site{padding:3.0rem}
.u-plan-site a{display:flex;padding:2.0rem;color:#0e1910;border-bottom:1px #aaa dotted}
.u-plan-site li{list-style:none;}
.u-plan-site a.u-plan-site__rubrique__link{font-size:2.4rem;font-weight:bold;padding-left:0;color:#D5B079;}
.u-plan-site .u-plan-site__rubrique:not(:first-child) a.u-plan-site__rubrique__link{margin-top:2.0rem;}
/*.u-plan-site__souspages,.u-plan-site__souspages-niv3{border:10px #fff solid;border-top-width:1px;border-right:0;border-bottom-width:1px}*/

.u-plan-site__rubrique + .u-plan-site__rubrique{margin-top:50px}

.u-plan-site__rubrique__link h2{font-size:3.0rem;font-weight:bold;text-transform:uppercase}
.u-plan-site__page,
.u-plan-site__pages a,
.u-plan-site__souspages a{display:flex;align-items:center;padding-left:0}

.u-plan-site__page:before,
.u-plan-site__souspages a:before,
.u-plan-site__souspages.u-plan-site__souspages-niv3 a:before{display:block;content:"";margin-right:10px;width:20px;background:#ddd;height:1px;transition:all .3s ease-out}
.u-plan-site__souspages a:before{width:60px;}
.u-plan-site__souspages a{font-size:1.65rem}
.u-plan-site__souspages.u-plan-site__souspages-niv3 a:before{width:100px}
.u-plan-site__souspages.u-plan-site__souspages-niv3 a{font-size:1.5rem}

.u-plan-site .u-plan-site__rubrique a.u-plan-site__famille__link{background: #f97e53!important;color: #fff;}
.u-plan-site a.u-plan-site__collection{background: #D5B079!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: #D5B079}

.u-hover-on .u-plan-site a,
.u-hover-on .u-plan-site li:nth-child(odd) a.u-plan-site__rubrique__link,
.u-hover-on .u-plan-site li:nth-child(odd)>a.u-plan-site__rubrique__link{transition:all .2s ease-out}

.u-hover-on .u-plan-site__page:hover:before,
.u-hover-on .u-plan-site__souspages a:hover:before,
.u-hover-on .u-plan-site__souspages.u-plan-site__souspages-niv3 a:hover:before{background:#893300;}
.u-hover-on .u-plan-site a:hover{color:#893300}
.extras-404{display:block;margin-top:20px;font-style:italic}
.error-details a{color:#f45347}
.error-details p{margin-top:20px;}
a{text-underline-position: under}
.u-a-underline{text-decoration:underline;}
.u-a-underline:hover{text-decoration:none;}

/* ###################################################### */

.clear{clear:both;}

#creditsLeb{line-height:1.4;font-weight:300}
#creditsLeb:after{content:"";display:block;clear:both}
#creditsLeb h4{margin:3.0rem 0;color:#893300;font-size:2.4rem;}
#creditsLeb div.left{margin-right:3.5rem}
/* -- coordonnees -- */
#creditsLeb div.left div:first-child{border:1px #eee solid;padding:20px;}
/* -- telcontact -- */
#creditsLeb div.left div:nth-child(2){border:1px #eee solid;padding:20px;}
/* -- menu -- */
#creditsLeb div.left div:last-child{border:1px #eee solid;padding:20px;}
#creditsLeb div.left div:last-child ul li{margin-left:20px;}
#creditsLeb a{color:#0a4b77;font-weight:500}
#creditsLeb a:hover{color:#893300;}

/* googlemap message si gmaps desactivé dans tarte au citron */
.bg-geomap{position:relative;}
.bg-geomap>div{position:relative;z-index:1;overflow:hidden}
a.gmap__consent-message{position:absolute;top:0;left:0;right:0;bottom:0;background:#f5ede0;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease-out}
a.gmap__consent-message>span{display:block;max-width:60%;text-align:center}
a.gmap__consent-message.gmaps-activated{top:100%;opacity:0;}


/* -- RAJOUTS VERSION TRANSITION 7.4 */

.c-recherche-form{padding:1rem 2rem;display:flex;align-items:center;flex:1;background: #f5ede0;border-radius: 100px;height: 52px;}
.c-recherche-form input[type="text"]{flex:1;padding:0.5rem;color:#b0aca1;border:none;background:none;font-style: italic;font-weight: 500;width: 250px;}
.c-recherche-form input[type="submit"]{border: none;font-size: 0;width: 19px;height: 19px;background: url(../img/svg/magnifying.svg) 0 0;background-size: 19px 19px;cursor: pointer;margin-left:10px;}

.margin-top-recherche{margin-top:50px;}

.u-plan-site__albums{display:grid;gap:20px;grid-template-columns: 1fr 1fr 1fr}
.c-recherche__pic > a{display:flex;flex-direction:column}

@media (min-width:60em){
  .c-recherche-form{padding:1rem 1.5rem;}
  .c-recherche-form input[type="text"]{padding:0;width: 114px;}
}

@media (min-width:85em){
  .c-recherche-form{padding:1rem 2rem;}
  .c-recherche-form input[type="text"]{padding:0.5rem;width: 250px;}
}


/* ---------------------------- */
@media (max-width:60em){
  .c-recherche-form{margin:0 3.0rem 0 2.0rem}
  .margin-top-recherche{margin-top:30px;}
}
@media (max-width:40em){
  .c-recherche-form{margin:0 1.0rem 0 1.0rem}
}
/* ---------------------------- */


.u-mosaique-vignettes{display:grid;gap:3rem;grid-template-columns: 1fr 1fr 1fr}
.u-mosaique-vignettes--4-2{grid-template-columns: 1fr 1fr 1fr 1fr}
/* ---------------------------- */
@media (max-width:75em){
  .u-mosaique-vignettes{grid-template-columns: 1fr 1fr}
  .u-mosaique-vignettes--4-2{grid-template-columns: 1fr 1fr}
}
@media (max-width:60em){
  .u-mosaique-vignettes{gap:2rem}
}
/* ---------------------------- */

.c-contenu__nav-soeurs{border-top:1px #eee dashed;border-bottom:1px #893300 dashed;padding:3.0rem 0 4.5rem;margin:3.0rem 0;}
.c-contenu__nav-liees{margin:10rem 0 0 0;}
@media (min-width:60em){  .c-contenu__nav-liees{margin:15rem 0 0 0} }

.c-contenu__nav-soeurs__titre,
.c-contenu__nav-liees__titre{margin-bottom:4.0rem;font-size:3.0rem;font-weight:700;color:#893300;position: relative;line-height: 1.1;}
.c-contenu__nav-liees__sous-titre{font-size:2.4rem;color:#D5B079;}
.c-contenu__nav-liees__titre:before {content: "";display: block;width: 55px;height: 8px;background: #d5b079;position: absolute;top: -30px;left:0;}
/* ---------------------------- */
@media (min-width:60em){
  .c-contenu__nav-liees__titre{font-size:4.2rem;}
  .c-contenu__nav-liees__sous-titre{font-size:3.0rem;}

}
/* ---------------------------- */

.u-plan-site .u-mosaique-vignettes__lien a{flex-direction:column;}

a.u-mosaique-liees__lien{color:#893300;}
.u-mosaique-liees__lien{border:1px #D5B079 dashed;border-left:0;border-right:0;padding:2.5rem 2rem 2rem 0;display:block;transition:all .3s ease-out;}
.u-mosaique-liees__lien + .u-mosaique-liees__lien{margin-top:-1px;}
.u-mosaique-liees__lien h3.c-pages-liees__extrait__titre{font-weight:bold;font-size:2.2rem;color:#893300;}
.u-mosaique-liees__lien h4{color:#D5B079;font-style:italic;font-size:1.4rem;margin-top:4px;}
.u-mosaique-liees__lien h4:before{content:"—";margin-right:5px;}
.u-hover-on .u-mosaique-liees__lien:hover{background:#f5ede0;padding:2.5rem 2rem 2rem 2rem;}
