/*
 Theme Name:   Applicateur V2
 Description:  Theme Applicateur V2 VERTIKAL
 Author:       Iwego
 Template:     iwego
 Version:      1.21
*/



.sticky-img {position: sticky; top: 200px;}
.bloc-sticky-img {position: relative;}



/************************************************/
/**                                            **/
/**                 GENERAL                    **/
/**                                            **/
/************************************************/
* { box-sizing: border-box; }

body {font-family: 'montserrat', sans-serif; margin: 0; color: var(--couleur-noir); padding-bottom: 80px;}
p {color: var(--couleur-texte); font-size: 14px; line-height: 20px; text-align: justify;}
p strong, li strong {font-weight: 600;}
p a {display: inline;}
h1, h2, h3, h4 {letter-spacing: .5px;}
body:not(.home) h1 {margin-top: 0; margin-bottom: 40px; padding-top: 30px; padding-left: 20px; padding-right: 20px;}
h2 strong {font-weight: 800;}
h3 {font-size: 15px;}
h3 strong {font-weight: 700;}

::selection {background-color: #e3e3e3;}

button[type="submit"], input[type="text"] {font-size: 14px; font-family: 'Montserrat', sans-serif; padding: 10px;}
button, input[type="submit"] {cursor: pointer; transition: all 200ms ease-in-out;}
a ,.info_chantier_container a > span{transition: all 200ms ease-in-out; text-decoration: none !important; cursor: pointer; color: var(--couleur-principale); font-size: 14px;}
a:hover,.info_chantier_container  a:hover > span {color: var(--couleur-noir);}
ul {list-style: none; padding-left: 0;}
ul:not([class*="menu"]) li {color: var(--couleur-texte); font-size: inherit; padding: 4px 0;}
ul:not([class*="menu"]) li::before { content: "\2022"; color: var(--couleur-principale); font-weight: bold; display: inline-block;  width: 1em;  margin-left: -1em; font-size: 2.5rem; vertical-align: middle; }
ol {padding-left:15px;margin-left: 15px;text-align:justify; }
ol li {color: var(--couleur-texte); font-size: 14px; padding: 4px 0;}
figure {margin: 0;}
figure img {width: 100%; max-height: 450px; height: 100%; object-fit: cover;}


.section-margin { margin-top: 7rem; margin-bottom: 7rem;}

.breadcrumb {margin-bottom: 0; padding-bottom: 1.5rem; margin-left: 20px; margin-right: 20px;}


.yoast-breadcrumbs {text-align: center; font-size: 12px; color: var(--couleur-principale); margin-top: 30px; padding: 0 10px;}
.yoast-breadcrumbs a {color: var(--couleur-texte); font-size: 12px;}


ol li {padding-left: 8px;}
ol li::marker {color: var(--couleur-principale); font-weight: 500;}



main#content {max-width: 100%; padding-inline-end: 0; -webkit-padding-start:0;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.main-container, .main-container-next>div {width: 90%; max-width: 1080px; margin-left: 20px; margin-right: 20px;}
/*body:not(.home) .wp-block-columns {width: 90%; max-width: 1080px; margin: 30px auto;}*/
.flex-wrap {flex-wrap: wrap;}

.section-couleur-fond {padding: 30px 0;}
.bloc-video iframe {margin-top: 30px;}

.bggrayapplicateur {background-color: var(--couleur-fond); padding: 20px 0;}

#et-boc .et-l h3{font-size: 18px;}

.archive .et_builder_outer_content{gap: 40px;}
.margin-img img{margin-bottom:20px;}

/*.single-dossier-expert-template h1{
    line-break: anywhere;
}*/


.fond-grey{    background-color: var(--couleur-fond); padding: 2rem; margin: 2rem 0;}


@media screen and (max-width: 768px) {
  .video-presentation.section-margin {margin-top: 3rem; margin-bottom: 2rem;}
}

@media screen and (max-width: 1000px) {
  body:not(.home) h1 {font-size: 23px; line-height: normal;}
  body h2 {font-size: 18px;}
  h3 br {display: none;}
  }
  
  
  @media screen and (min-width: 768px) {
    figure img {max-height: 100%;}
    .main-container, .breadcrumb {margin-left: 4rem; margin-right: 4rem; }
  }
  
  @media screen and (min-width: 950px) {
    body {padding-bottom: 0;}
    .section-margin { margin-top: 10rem; margin-bottom: 10rem; }
  }
  
  @media (min-width: 1200px) {
      .section-margin { margin-top: 12rem; margin-bottom: 12rem; }
      .main-container, .main-container-next>div, .breadcrumb {margin-left: auto; margin-right: auto; max-width: 1180px;
        width: 100%;}
      .section-couleur-fond {padding: 60px 0;}
      .bloc-video iframe {margin-top: 45px;}
  }
  
  @media screen and (min-width: 1400px) {
  .title-highlight {font-size: 25px;}
  body:not(.home) h1 {padding-left: 0; padding-right: 0; margin-bottom: 50px;}
  }
  
.post-password-form{max-width: 900px; margin: 1rem auto;}

/************************************************/
/**                                            **/
/**           CLASSES GENERIQUES               **/
/**                                            **/
/************************************************/

.fondgray{background-color: var(--couleur-fond) !important;}
.padding20{padding: 20px !important;}

.texteorange,.textorange {color: var(--couleur-principale) !important;}
ul.list-no-style {list-style: none;}
ul.list-no-style li::before {display: none !important;}
.img-applicateur-validation-form {text-align: center; margin: 40px 0;}
.img-applicateur-validation-form img {width: 180px !important; margin: 0 40px;}
.img-center img {display: block; margin: auto;}

h3.title-orange {margin-bottom: 0 !important; margin-top: 28px !important; color: var(--couleur-principale) !important; font-size: 23px !important; }
.font-23 {font-size: 23px !important;} 
.font-25 {font-size: 25px !important;} 
.weight-900 strong, .weight-900 {font-weight: 900 !important;}
.weight-700 strong, .weight-700 {font-weight: 700 !important;}
.weight-500 {font-weight: 500 !important;}
.weight-600 strong {font-weight: 600;}
.row-gap-0 {row-gap: 0;}
.row-gap-15 {row-gap: 15px;}
.row-gap-30 {row-gap: 30px;}
.col-gap-5 {column-gap: 5%;}

.exp {font-size: .7em; vertical-align: super;}
.has-rgb-23310149-color .exp{color:var(--couleur-principale);}

.var-column-gap {column-gap: 40px;}
.var-row-gap {row-gap: 25px;}

.padding-y-40 {padding: 40px 0;}
.margin-y-0 {margin-top: 0; margin-bottom: 0;}
.margin-y-30 {margin: 30px 0;}
.margin-y-60 {margin: 60px 0;}
.margin-30 {margin: 30px;}
.margin-bottom-0, .margin-bottom-0 .wp-block-columns {margin-bottom: 0;}
.margin-top-0 {margin-top: 0;}
.margin-bottom-30{margin-bottom: 30px;}

h3.font-23 {margin-bottom: 0 !important;}

.order-reverse {order: 1;}

/*ul.bullet-orange, .bullet-orange ul {padding-left: 1em;}*/
.bullet-orange li {color: var(--couleur-texte); font-size: 14px; padding: 4px 0;}
.bullet-orange li a {color: var(--couleur-principale);}
.bullet-orange li a:hover {color: var(--couleur-noir);}
.bullet-orange ul li::before { content: "\2022"; color: var(--couleur-principale); font-weight: bold; display: inline-block;  width: 1em;  margin-left: -16px; font-size: 20px; }


.border-bloc {border: 1px solid var(--couleur-noir); border-radius: 25px; padding: 15px;}


h1.title-mixte, h1.title-mixte-black, h1.title-mixte-br, .title-mixte-bloc h1 {font-weight: 400; color: var(--couleur-noir);}
.title-mixte, .title-mixte-black, .title-mixte-br {font-weight: 400; color: var(--couleur-noir);}
.title-mixte strong, .title-mixte-br strong, .title-mixte-bloc h1 strong {color: var(--couleur-principale); font-weight: 800;}
.title-mixte-black strong {color: var(--couleur-noir); font-weight: 800;}
.title-mixte-br strong {display: block;}


.btn-orange a {text-decoration: none; text-transform: uppercase; text-decoration: none; background-color: var(--couleur-principale); font-size: 14px; display: block; color: var(--couleur-blanc); padding: 10px 20px; border-radius: 20px; max-width: max-content;}
.btn-orange a:hover {background-color: var(--couleur-noir) !important;}
.link-btn-orange {text-transform: uppercase; margin: 40px auto; text-decoration: none; background-color: var(--couleur-principale); font-size: 13px; display: block; color: var(--couleur-blanc); padding: 10px 20px; border-radius: 20px; max-width: max-content;}
.link-btn-orange:hover {background-color: var(--couleur-noir) !important; color: var(--couleur-blanc);}

.texte-orange {color: var(--couleur-principale);}
.title-uppercase {text-transform: uppercase;}


.video-full-16-9 iframe {width: 100%; height: 100%; aspect-ratio: 16/9;}

table td, table th, table tr { text-align: left; max-width: 100%;padding: 0.857em !important;}


  @media (min-width: 768px) {
    .order-reverse {order: inherit;}
  }

@media screen and (min-width: 950px) {
    .var-column-gap {column-gap: 70px; }
    .max-width-600 {max-width: 600px; margin-left: auto; margin-right: auto;}
}

 @media screen and (min-width: 1200px) {
    .var-column-gap {column-gap: 100px; }
    .link-btn-orange {font-size: 14px;}
} 

/************************************************/
/**                                            **/
/**                NAVIGATION                  **/
/**                                            **/
/************************************************/


header {position: relative; z-index: 10; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; width: 100%; background-color: var(--couleur-blanc); top: 0;}
header .header-menu {margin: auto; padding-top: 20px; padding-bottom: 15px; max-width: 1280px; width: 100%; justify-content: center; align-items: center;}
header .header-menu.small {padding-top: 10px;}
.menu-principal {width: 100%; background-color: var(--couleur-blanc); display: none;}
.menu-principal .main-nav .main-menu {display: flex; padding: 0; align-items: center; margin: 0; justify-content: space-around; position: static; }
.menu-principal .main-nav .main-menu>li {text-transform: uppercase; text-align: center; position: relative; padding: 0; line-height: 16px; flex: 1; max-width: max-content;}
.menu-principal .main-nav .main-menu>li>a {font-size: 13px; display: block; padding: 5px 25px;}
.menu-principal .main-nav .main-menu>li>a:last-of-type {padding-right: 0 !important;}
.menu-principal .main-nav .main-menu>li>a:first-of-type {padding-left: 0 !important;}
.menu-principal .main-nav a {color: var(--couleur-gris); }
.menu-principal .main-nav a:hover {color: var(--couleur-principale);font-weight:bold;}
header .main-menu ul.sub-menu {background-color: var(--couleur-blanc); width: max-content; padding: 20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35); border-radius: 20px; position: absolute; left: -20px; top: 140%; display: none; z-index: 5; margin-left: 0;}
header .main-menu ul.sub-menu a {text-transform: none; font-size: 14px; padding: 16px 0; border-bottom: 1px solid #F0EFEF; display:flex; justify-content: space-between; align-items: center; text-align: left; column-gap: 10px;}
header .main-menu ul.sub-menu a::after {content: ''; width: 25px; min-width: 25px; height: 25px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; transition: inherit;}
header .main-menu ul.sub-menu a:hover {font-weight: initial;}
header .main-menu ul.sub-menu a:hover::after {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}
.menu-logo a {content: url(/wp-content/themes/Vertikal-child/animation-svg-20ans.svg); width: 160px; margin: auto;}
.main-menu .current-menu-ancestor>a, .main-menu .current-menu-parent>a, .sub-menu .current-menu-item a {font-weight:bold;color: var(--couleur-principale);}


.menutel {display: none;}
.menu-principal .main-nav .main-menu .menutel:not(.static) {background-color: var(--couleur-principale); max-width: max-content; padding: 8px 20px; margin: auto; text-transform: uppercase; border-radius: 0 0 20px 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); cursor: pointer; transition: all 180ms ease-in-out;}
.menu-principal .main-nav .main-menu .menutel:not(.static) a {display: inline-block; color: var(--couleur-blanc); padding: 6px 0;}
.menu-principal .main-nav .main-menu .menutel:not(.static) a img {display: none;}
.menu-principal .main-nav .main-menu .menutel:not(.static):hover {padding: 12px 20px 10px;}
.menu-principal .main-nav .main-menu .menutel:not(.static)::before {content: '\f095'; color: var(--couleur-blanc); font-size: 12px; padding-right: 8px; font-family: 'FontAwesome'; }

.main-menu .menutel.static {position: static !important; background-color: transparent; padding: 0 !important;}
.main-menu .menutel.static span {display: none;}
.menu-principal .main-nav .main-menu .menutel.static a img {display: block; height: 45px; transition: inherit;}
.menu-principal .main-nav .main-menu .menutel.static a:hover img {transform: scale(1.05);}

/* Classes actives pour la nouvelle structure */
.main-menu .menu-item-link.active {font-weight: bold; color: var(--couleur-principale);}
.main-menu .current-menu-item > .menu-item-link {font-weight: bold; color: var(--couleur-principale);}
.main-menu .current-menu-ancestor > .menu-item-link {font-weight: bold; color: var(--couleur-principale);}

header .menu-logo {display: block;}
header .menu-logo img {object-fit: contain; width: 100%; height: 50px;}

.popupapplicateur {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);  background-color: #fff; padding: 20px;border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); max-width: 400px; width: 100%; z-index: 1000;}
.popupapplicateur.active { display: block;}
.btnclosepopup { cursor: pointer;}
.btnpopupapplicateur { position: fixed;  bottom: 20px;right: 20px; cursor: pointer; z-index: 1001;}
.popupheader { display: flex; justify-content: space-between;align-items: center;}


.wp-block-buttons.btn-orange a {font-size: 14px !important; text-transform: uppercase; background-color: var(--couleur-principale);}

.popuptel {position: fixed;  background-color: var(--couleur-principale);padding: 20px 20px 25px; max-width: 500px; width: 90%; margin: 0 auto; border-top-left-radius: 50px;  border-bottom-right-radius: 50px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border: 3px solid #fff; z-index: 105; left: 0;  right: 0; top: 40%;}
.popuptel p { color: var(--couleur-blanc); font-weight: 500; text-align: center; display: block; font-size: 20px; margin-bottom: 5px !important;}
.popuptel a {color: var(--couleur-blanc); font-weight: 700; font-size: 30px; text-decoration: underline !important; display: block; text-align: center;}
.footer-popup-close {margin: auto; cursor: pointer; transition: all 230ms ease-in-out;}
.footer-popup-close:hover {transform: scale(1.05);}
.popupclosed {  display: none; } 

.no-pointer {cursor: default; pointer-events: none;}


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

  .menu-principal .main-nav li:not(.menulogo) {display: list-item;}
  .menu-principal .main-nav li:not(.menulogo)>a {padding: 15px 0;}

}
@media screen and (min-width: 1200px) {
  header .menu-logo img { height: 65px; }
}

/************************************************/
/**                                            **/
/**                MACARON ELDO                **/
/**                                            **/
/************************************************/

.blocright {position: fixed; right:-1px; top: 20%;display: flex;flex-direction: column;padding: 20px 0;justify-content: center; flex-direction: column; gap: 20px;align-items: center; z-index: 105; }
.blocright .btnclose {margin-left: auto;}
.blocright .container-macaron { position: absolute;  right: -150px;  height: 120px; width: 120px; max-width: 120px; }


.macaron-avis-total {background-image: url(https://www.eldo.com/img/refresh/macaron/shape-dark.svg); background-repeat: no-repeat; background-size: contain; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 120px; width: 120px;}
.macaron-note-globale {font-size: 22px; line-height: 22px; color: #fff;}
.macaron-nombre-globale {font-size: 9px !important; color: #fff;font-weight: 400; margin: 0;}
.macaron-avis-total img {height: 15px;}
.macaron-note-globale p{margin: 2px 0 4px; color: white;font-size: 20px !important; font-weight: 600;}
.macaron-note-moyenne-etoiles .fa, .macaron-note-moyenne-etoiles .fas {font-size: 10px;}
.macaron-note-moyenne-etoiles  .fa-star:before, .page-id-2983 .fa-star-half:before {color: #FFB817; font-family: 'fontAwesome'; font-style: normal;}
.macaron-note-moyenne-etoiles{font-size: 11px !important;}
/*.bloc-right-eldo img { content: url(/wp-content/uploads/icons/responsive share.svg); }*/


.blocright img {transition: all 200ms ease-in-out;}
.blocright .icone-social {position: relative; display: none;}
.blocright .icone-social:hover:before { position: absolute; left: -90px; top: 50%; transform: translateY(-50%); width: 80px; text-align: right; font-weight: 900; font-size: 12px; line-height: 13px;}
.blocright .icone-social.nouscontacter:hover:before { content: "Nous Contacter"; color: #e06544;}
.blocright .icone-social.youtube:hover:before { content: "YouTube"; color: #FC1B1C; }
.blocright .icone-social.facebook:hover:before { content: "Facebook"; color: #1F6FE6; }
.blocright .icone-social.tiktok:hover:before { content: "TikTok"; color: #000; }
.blocright .icone-social.instagram:hover:before { content: "Instagram"; color: #c52379; }
.blocright .icone-social.pinterest:hover:before { content: "Pinterest"; color: #e60023; }
.blocright .icone-social.linkedin:hover:before { content: "Linkedin"; color: #3072b1;}
.blocright .icone-social.nouscontacter img {width: 45px;} 

.icone-social:not(.nouscontacter) img {width: 35px; height: 35px; filter: grayscale(1);}
.icone-social:hover img {filter: none; transform: scale(1.05);}

.blocright.blocclosed .nouscontacter, .blocright.blocclosed .facebook, .blocright.blocclosed .youtube, .blocright.blocclosed .tiktok, .blocright.blocclosed .linkedin, .blocright.blocclosed .instagram, .blocright.blocclosed .pinterest {
  display: none;
}



.blocright .btnclose img {content: url('/wp-content/uploads/icons/responsive share.svg');}
.blocright .btnclose:hover img {transform: scale(1.05);}
.blocright.blocclosed .btnclose img { content: url('/wp-content/uploads/icons/btn close.svg'); margin-right: 20px; }
.blocright.blocclosed .container-macaron { right: 50px; top: 0; }
.blocright .container-macaron { position: absolute; right: -150px; height: 120px; width: 120px;  max-width: 120px; }
/*.blocright { position: fixed; right: 0; top: 23%; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; z-index: 1000;}*/




/************************************************/
/**                                            **/
/**                  ACCUEIL                   **/
/**                                            **/
/************************************************/



.accueil-hero {padding: 0 20px; margin-top: 3rem;}

.accueil-hero-left h3 {text-align: center;}
.accueil-hero-left h3 a {color: var(--couleur-principale); text-transform: none !important;}

.accueil-hero-left {display: none;}
.accueil-hero-left .slider-realisations {margin-bottom: 0 !important;}
.accueil-hero-left .slider-realisations img {width: 100%; height: 100%; object-fit: cover;}
.accueil-hero-left .slider-realisations .slick-slide>a {height: 500px; display: block;}
.accueil-hero-left .slick-dots li button:before {color: var(--couleur-blanc); font-size: 22px; opacity: .6; transition: opacity 150ms ease-in-out;}
.accueil-hero-left .slick-dots li.slick-active button:before {color: var(--couleur-principale);  opacity: 1;}
.accueil-hero-left .slick-dots li:not(.slick-active):hover button:before {opacity: .9;}
.accueil-hero-left .slick-dots {bottom: 60px !important;}

.accueil-hero-right {width: 100%;}
.accueil-hero-right h1, .accueil-hero-right h2  {font-size: 25px;}
.accueil-hero-right h1 {font-weight: 900; margin-top: 0px;}
.accueil-hero-right h1 strong {color: var(--couleur-noir); font-size: larger;}
.home .accueil-hero-right .btn-orange {margin-top: 20px;}
.home.accueil-hero-right .btn-orange a {background-color: var(--couleur-principale); font-size: 14px;}
.accueil-hero-right h1.maitreartisan {position: relative;}
.accueil-hero-right h1.maitreartisan::before {content: ""; background-image: url(/wp-content/uploads/sites/124/2022/03/logo-maitre-artisan.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; width: 100%; height: 70px; margin-bottom: 2rem;}

.slider-realisations .slick-prev:before, .slider-realisations .slick-next:before {content: '\f053'; font-family: 'fontAwesome'; color: var(--couleur-principale);}
.slider-realisations .slick-prev:before {content: '\f053';}
.slider-realisations .slick-next:before {content: '\f054';}
.slider-realisations .slick-prev, .slider-realisations .slick-next {opacity: 0; background-color: var(--couleur-blanc); padding: 10px; border-radius: 50%; height: 40px; width: 40px; z-index: 1; transition: all 250ms ease-in-out;}
.slider-realisations .slick-prev {left: 0;}
.slider-realisations .slick-next {right: 0;}

.slider-realisations:hover .slick-prev, .slider-realisations:hover .slick-next {opacity: 1;}
.slider-realisations:hover .slick-prev {left: 8px;}
.slider-realisations:hover .slick-next {right: 8px;}




@media screen and (min-width: 900px) {
  .accueil-hero-left {display: block;}
  .accueil-hero-right h1.maitreartisan::before {position: absolute; top: -60%; right: 0; width: 100px; height: 100%; z-index: -1; margin-bottom: 0;}
  .accueil-hero {margin-top:50px;margin-left:50px;}

}

@media screen and (min-width: 1400px) {
  .accueil-hero-right {padding-right: 0;}

}






/************************************************/
/**                                            **/
/**            PAGES GUTTENBERG                **/
/**                                            **/
/************************************************/

.bandeau-orange {padding: 20px 20px;}
.bandeau-orange p {font-size: 18px; margin: 25px auto 25px; max-width: 900px;}
.bandeau-orange em, .bandeau-orange strong {color: inherit;}
.btn-blanc a {background-color: var(--couleur-blanc); color: var(--couleur-principale); font-size: 16px;}
.btn-blanc a:hover {background-color: var(--couleur-noir); color: var(--couleur-blanc);}

.produits-list {color: var(--couleur-texte); font-size: 14px; padding: 4px 0;}
.produits-list li { border-bottom: 1px solid var(--couleur-fond); padding-bottom: 6px;  margin-bottom: 6px!important;}
ul.produits-list li::before { content: ''; width: 20px;  min-width: 20px; height: 20px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; padding-right: 10px;}
.produits-list li:hover::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain; transition: all 200ms ease-in-out;}
.produits-list li a {color: var(--couleur-principale); font-weight: 600;}
.produits-list li a:hover {color: var(--couleur-noir);}


figure iframe {margin: auto; display: block; width: 100%; aspect-ratio: 16/9 !important; height: auto;}

.gamme-produits-left figure {position: relative; z-index: 1; margin: auto; max-width: max-content;}
.gamme-produits-left figure img {width: 100%;}
.gamme-produits-left .gamme-produits-txt {position: relative; top: -15px; padding: 40px 15px 15px; width: 100%; margin: auto; background-color: var(--couleur-fond);}
.gamme-produits-left h3 {font-size: 18px; margin: 0 !important;}
.gamme-produits-left p {font-size: 12px;}

.section-renovation-video iframe {width: 854px; height: 480px; margin: auto;}
.bloc-renovation-video>div {display: flex;}

.section-nos-partenaires figure {height: 150px;}
.section-nos-partenaires figure img {height: 100%; width: 100%; object-fit: contain;}


.bloc-galerie .slick-dots li button:before {color: var(--couleur-blanc); font-size: 22px; opacity: .6; transition: opacity 150ms ease-in-out;}
.bloc-galerie .slick-dots li:hover button:before { opacity: .9; }
.bloc-galerie .slick-dots li.slick-active button:before {color: var(--couleur-principale);}
.bloc-galerie .slick-dots {bottom: 20px;}

.bloc-galerie .slick-prev:before, .bloc-galerie .slick-next:before {content: '\f053'; font-family: 'fontAwesome'; color: var(--couleur-principale);}
.bloc-galerie .slick-prev:before {content: '\f053';}
.bloc-galerie .slick-next:before {content: '\f054';}
.bloc-galerie .slick-prev, .bloc-galerie .slick-next {opacity: 0; background-color: var(--couleur-blanc); padding: 10px; border-radius: 50%; height: 40px; width: 40px; z-index: 1; transition: all 250ms ease-in-out;}
.bloc-galerie .slick-prev {left: 0;}
.bloc-galerie .slick-next {right: 0;}

.bloc-galerie:hover .slick-prev, .bloc-galerie:hover .slick-next {opacity: 1;}
.bloc-galerie:hover .slick-prev {left: 8px;}
.bloc-galerie:hover .slick-next {right: 8px;}
 
.mentions-legales h2 {text-transform: uppercase; color: var(--couleur-noir); font-weight: 400;}


@media screen and (min-width: 1200px) {
  .bandeau-orange {padding: 50px 0;}
  .section-gamme-produits h2 {font-size: 20px;}
}




/************************************************/
/**                                            **/
/**                PAGE CONCEPT                **/
/**                                            **/
/************************************************/



.concept-intro p {margin-top: 0;}
.concept-intro, .concept-savoir-faire {margin: 20px auto;}
.concept-formateur {justify-content: center;}
.concept-charte-quali {padding: 20px; margin: auto !important;}
.concept-formateur h2, .concept-charte-quali h2, .concept-avis-eldo h2 {font-weight: 500; color: var(--couleur-principale); font-size: 25px; margin: 0;}
.concept-formateur h2 strong, .concept-charte-quali h2 strong, .concept-avis-eldo h2 strong, .concept-savoir-faire h2 strong {font-weight: 800 !important;}
.concept-formateur-left, .concept-formateur-right {max-width: 540px; width: 50%;}
.concept-formateur-left>div, .concept-formateur-right>div {padding: 0 !important;}
.concept-savoir-faire h2 {color: var(--couleur-principale); margin: 0; font-size: 25px; }
.concept-savoir-faire-line {border-left: 3px solid var(--couleur-principale); padding-left: 15px; max-height: max-content;  }
.concept-savoir-faire-line p {margin-top: 0;}
.concept-savoir-faire-line .wpb_text_column.wpb_content_element {margin-bottom: 0;}


.concept-intro .vc_column-inner {padding: 0 !important;}

.concept-innovant-hero figure img {height: 100px;width:260px;}

.concept-innovant-fabricant {background-color: var(--couleur-fond); margin-top: 7rem; margin-bottom: 7rem;}
.concept-innovant-fabricant .fabricant-formateur {width: 90%; max-width: 1080px; margin-left: 20px; margin-right: 20px;}

.concept-savoir-faire-img img { max-height: 150px; width: 100%; object-fit: contain; margin-bottom: 40px;}

.section-presentation-eldo {margin-top: 7rem; margin-bottom: 7rem; width: 90%; max-width: 1080px; margin-left: 20px; margin-right: 20px;}
.section-presentation-eldo h2 {margin-bottom: 2.5rem;}
.concept-avis-eldo {margin-bottom: 0;}
/*.concept-avis-eldo>div {max-width: 1080px; margin: auto !important; float: none;}*/


  @media screen and (min-width: 768px) {
    .concept-innovant-fabricant .fabricant-formateur {margin-left: 4rem; margin-right: 4rem; }
    .concept-intro, .concept-savoir-faire {margin: 50px auto;}
    .section-presentation-eldo {margin: 50px auto; margin-left: 4rem; margin-right: 4rem; }
  }
  
  @media screen and (min-width: 950px) {
    .concept-innovant-fabricant, .section-presentation-eldo { margin-top: 10rem; margin-bottom: 10rem; }
    .concept-formateur, #charte-qualite-vertikal, .concept-savoir-faire, .concept-avis-eldo>div {padding: 20px 40px; }
    .concept-savoir-faire-img img {max-height: 300px; margin-bottom: 0; }
  }
  
  @media (min-width: 1200px) {
    .concept-innovant-fabricant, .section-presentation-eldo  {margin-top: 12rem; margin-bottom: 12rem;}
    .concept-innovant-fabricant .fabricant-formateur  {margin-left: auto; margin-right: auto;}
    .concept-formateur, #charte-qualite-vertikal, .concept-savoir-faire, .concept-avis-eldo>div {padding: inherit; }
    .concept-savoir-faire-img img {max-height: 450px;}
    .section-presentation-eldo {margin-left: auto; margin-right: auto;}
    .section-presentation-eldo h2 {margin-bottom: 4rem;}

  }




/************************************************/
/**                                            **/
/**            SINGLE REALISATION              **/
/**                                            **/
/************************************************/

#sticky_fixed {background-color: var(--couleur-fond); border-radius: 25px; max-width: 850px; margin: 0 20px 25px; padding: 20px; align-items: baseline; justify-content: space-around; row-gap: 10px;}
#sticky_fixed p.bold {font-weight: 700; color: var(--couleur-noir); margin-top: 0; margin-bottom: 0;}
#sticky_fixed p.orange {color: var(--couleur-principale); text-transform: uppercase; font-weight: 700; margin: 0;}
#sticky_fixed .small-link {font-size: 14px; color: var(--couleur-noir); display: block; margin: 6px 0;}
#sticky_fixed .small-link::before {content: ''; width: 20px; height: 20px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; padding-right: 8px; transition: all 200ms ease-in-out;}
#sticky_fixed .small-link:hover::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}
#sticky_fixed  .group-row img:hover {filter: drop-shadow(rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px);}
#sticky_fixed .group-column {width: 100%; justify-content: space-between; align-items: center;}

#sticky_id {visibility: hidden; max-width: max-content; align-items: center; margin: auto; gap: 40px; border-radius: 25px; box-shadow: rgba(99,99,99,.2) 0 2px 8px 0; padding: 15px 20px; position: fixed; z-index: 9; background-color: var(--couleur-blanc); top: 120px; left: 50%; transform: translateX(-50%);}
#sticky_id.visible {visibility: visible;}
#sticky_id p {text-transform: capitalize; font-weight: 600; margin: 0; color: var(--couleur-noir);}
#sticky_id p span {display: block;}

#sticky_id .sticky-social-icon>div {padding: 0 12px;}
#sticky_id .group-row-border {border-right: 4px solid var(--couleur-noir);}
#sticky_id .group-row-border a, #sticky_id .group-row a {display: inline-block; vertical-align: middle; margin: 0 3px;}

.avis-eldo img{max-width:400px;}

.info-chantier-wrapper {padding: 25px 20px;}
.info-chantier-wrapper.grey {background-color: var(--couleur-fond);}
.info-chantier-wrapper h2 {color: var(--couleur-principale); font-size: 20px; font-weight: 500;}
.info-chantier-wrapper h2 span {font-weight: 300;}
.info-chantier-wrapper h2 span.solution {display: block;}
.info-chantier-wrapper .info-chantier {width: 100%; padding-left: 20px; border-left: 8px solid var(--couleur-principale); }
.info-chantier-wrapper p strong, .info-chantier-wrapper li strong {font-weight: 600;}

.single-rea-autre .img-rea {clip-path: polygon(0 0,100% 0%,100% 85%,50% 100%,0 85%)!important; height: 200px; background-size: cover; background-position: center;}
.single-rea-autre  .derniere-rea-detail {padding: 10px 10px 20px;}
.single-rea-autre .rea_last3 .derniere-rea-btn {display: none; max-width: max-content; background-color: var(--couleur-principale); padding: 8px 18px;  border-radius: 25px;  color: var(--couleur-blanc); font-size: 13px; text-decoration: none; margin: 20px auto; transition: all 250ms ease-in-out;}
.single-rea-autre .rea_last3 .derniere-rea-btn:hover {background-color: var(--couleur-gris);}

.single .container-gallerie { margin: 30px auto; max-width: calc(100% - 100px);  }
.single .container-gallerie .slick-track {display: flex;}
.single .container-gallerie .slick-slide {margin: 0 5px; height: inherit; max-height: 120px;}
.single .container-gallerie .slick-slide a {height: 100%; width: 100%;}
.container-gallerie .gallerie-slick img {height: 100%; object-fit: cover; width: 100%;}



.container-gallerie .slick-prev:before, .container-gallerie .slick-next:before {content: '\f053'; font-family: 'fontAwesome'; color: var(--couleur-blanc);}
.container-gallerie .slick-prev i, .container-gallerie .slick-next i {display: none;}
.container-gallerie .slick-prev:before {content: '\f053';}
.container-gallerie .slick-next:before {content: '\f054';}
.container-gallerie .slick-prev, .container-gallerie .slick-next {background-color: var(--couleur-principale); border-radius: 3px; opacity: 1; height: 30px; width: 30px;}
.container-gallerie .slick-prev {left: -30px;}
.container-gallerie .slick-next {right: -30px;}
#container1.switch-rea { max-height: 750px;}
.twentytwenty-container img {height: 300px;}

.switch-rea.zoom{text-align: center;}


.timeline-travaux {border-bottom: 10px solid var(--couleur-principale); position: relative; margin-top: 0; display: none;}
.timeline-travaux:after { content: ''; display: inline-block; height: 0;  width: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 35px solid #E96531; position: absolute; right: -10px; bottom: -25px;}
.timeline-travaux .timeline-photo {justify-content: space-between; width: 100%; gap: 15px;}
.timeline-travaux .timeline-photo img { width: 100%; height: 150px; object-fit: cover; }
.timeline-travaux .timeline-arrow {padding: 0 90px; justify-content: space-between;}
.timeline-arrow p {position: relative; margin-bottom: 20px !important;}
.timeline-arrow p:after { content: '|'; color: var(--couleur-principale); position: absolute; bottom: -20px; left: 49%; }
.timeline-travaux .location-listing {flex: 1;}


.single .timeline-travaux {margin-top: 30px;}
.single .timeline-travaux .location-listing a {width: 100%;}


.categorie-realisation-plus.main-container {margin: 90px auto !important;}
.categorie-realisation-plus.main-container #loader{text-align: center;}
.categorie-realisation-plus h2 {text-transform: uppercase; text-align: center; color: var(--couleur-principale); margin-bottom: 35px;}
.categorie-realisation-plus .pagination-list {margin-top: 35px;}
.categorie-realisation-video {background-color: var(--couleur-fond);}
.categorie-realisation-video>div { padding: 45px 0;}
.categorie-realisation-video iframe {width: 100%; height: 100%; aspect-ratio: 16/9;}
.categorie-realisation-video h2 {text-align: center; margin-bottom: 45px;}
.categorie-realisation-form h2 {text-align: center; text-transform: uppercase; font-weight: 800; color: var(--couleur-principale); margin: 60px 0 40px;}
.categorie-realisation-form>div {margin: auto;}
.categorie-realisation-form>div h3 {display: none;}

@media screen and (max-width: 768px) {
  .twentytwenty-wrapper,#container1.switch-rea{height: 300px !important;}
   .twentytwenty-wrapper{margin-bottom: 10px;}
    #sticky_id { top:30px; width: 80%; max-width: 80%; gap: 20px; padding: 10px 15px;justify-content: space-between;}
    #sticky_id .displaydesktop {display: none;}
    #sticky_id .group-row-border {border-right: 0;}
    #sticky_id .sticky-social-icon > div{padding: 0; }
    #sticky_id .group-row {display: none;}
}
@media screen and (min-width: 768px) {
  .twentytwenty-container img {height: 500px;}
}

@media screen and (min-width: 1024px) {
  .single .container-gallerie {max-width: 1000px ;}
  .container-gallerie .slick-prev {left: -50px;}
  .container-gallerie .slick-next {right: -50px;}
  .container-gallerie .slick-prev, .container-gallerie .slick-next {padding: 10px; height: 40px; width: 40px;}
  .single .timeline-travaux {margin-top: 40px;}
  .single .timeline-travaux .timeline-photo {column-gap: 25px;}
}


  @media screen and (min-width: 1200px) {
  .twentytwenty-container img {height: 700px;}
  .single .container-gallerie { margin: 50px auto;}
  .single .container-gallerie .slick-slide {margin: 0 10px; max-height: 170px;}
  .single-rea-autre .rea_last3 .derniere-rea-btn {display: block; margin-top: auto; }
}



/************************************************/
/**                                            **/
/**                PAGE CONTACT                **/
/**                                            **/
/************************************************/



.contact-bloc-left {width: 100%;}
.contact-bloc-right {width: 100%;}

.logo-applicateur img {object-fit: contain; height: 100%; width: 100%; max-height: 15rem;}
.section-contact .contact-bloc-left {padding-top: 15px;}

.contact-bloc-left .photo-applicateur {margin: 10px auto; height: auto; aspect-ratio: 1/1; min-height: 120px;}
.section-contact .contact-bloc-left .applicateur.un-applciateur .photo-applicateur  {width: 50%;}
.section-contact .contact-bloc-left .deux-applciateur .photo-applicateur, .contact-bloc-left .trois-applciateur .photo-applicateur {width: 80%;}
.section-contact .contact-bloc-left .logo-applicateur {margin-bottom: 20px;}
.photo-applicateur img {object-fit: cover; height: 100%; width: 100%;}
.localisation-applicateurs {margin: 10px auto;}
.affichage-applicateur h3, .localisation-applicateurs p {text-align: center; font-weight: 500; margin: 0; }
.affichage-applicateur h3 {font-size: 16px;}

.bloc-infocontact {background-color: var(--couleur-principale); padding: 15px; margin-top: 20px;}
.bloc-infocontact h3, .bloc-infocontact h2, .bloc-infocontact p, .bloc-infocontact a {color: var(--couleur-blanc);}
.bloc-infocontact a.phone-number {font-weight: inherit; font-size: inherit;}
.bloc-infocontact h3 {margin: 0 !important;}
.bloc-infocontact p strong {display: block;}
.contact-bloc-right h1 {text-align: center; color: var(--couleur-noir);}

.contact-bloc-left .deux-applciateur, .contact-bloc-left .trois-applciateur {display: flex; flex-wrap: wrap; justify-content: center; }
.contact-bloc-left .deux-applciateur .affichage-applicateur, .contact-bloc-left .trois-applciateur .affichage-applicateur {width: 50%;}


form .nf-form-fields-required {font-style: italic; font-size: 12px; color: var(--couleur-texte); margin-bottom: 6px !important;}
form .nf-field-label {display: none;}
.label-cgu label {font-size: 12px; font-weight: 400 !important; color: var(--couleur-texte);}
.checkbox-container .checkbox-wrap label {font-size: 12px; font-weight: 400 !important; color: var(--couleur-texte); line-height: normal;}
.checkbox-container .checkbox-wrap label::after {margin-top: 3px;}

/*nf-field .checkbox-wrap label::before, nf-field .checkbox-wrap label::after {position: relative !important; display: inline-block !important; left: 0 !important;}*/
nf-field .checkbox-wrap label::before {position: relative !important; display: inline-block !important; left: 0 !important;}
nf-field  .checkbox-container.label-right label:after {left: 0 !important;}

.nf-form-contentold {background-color: #F2F2F2; min-height: 200px;}
form nf-fields-wrap {display: flex !important; flex-wrap: wrap;}
form nf-field {width: 100%;}

#ninja_forms_required_items, .nf-field-container {margin-bottom: 25px !important;}
form input:not([type="checkbox"]) {width: 100%;}

.nf-form-content input[type=submit]{    color: white!important;background-color: #E96531!important; padding: 0.5em 1em!important; border-radius: 20px!important;}

form nf-field:nth-child(10) {width: 100%;}
.formulaire-contact h3, .section-contact-prestation h3 {display: none;}
.formulaire-contact .nf-error-msg {font-size: 14px;}
.formulaire-contact input[type="submit"] {margin: auto;}

.section-engagement {margin-bottom: 70px !important; margin-top: 30px !important;}
.section-engagement h2 {text-align: center; margin-bottom: 40px;}
.contact-video {max-width: 100%;}
.contact-video img {object-fit: cover; width: 100%; height: 100%;}

.avis-eldo-iframe iframe {border: none;}
.avis-eldo-iframe h2 {text-align: center;}

.iframe-artisan {overflow: hidden;}
.iframe-artisan .artisan-avis {overflow-y: scroll;}

.formulaire-contact .section-noms p, .section-adresses p, .section-select p, .section-textarea p {display: flex; row-gap: 5px; column-gap: 10px; flex-wrap: wrap; margin: 6px 0;}
.formulaire-contact .section-noms p>span {width: calc(50% - 5px);}
.section-select p>span, .section-textarea p>span {width: 100%;}
.section-adresses p>span {width: calc(33% - 5px); flex: 1;}
.formulaire-contact .section-noms p br, .section-adresses p br, .section-select p br {display: none;}
.formulaire-contact input, .formulaire-contact select, .formulaire-contact textarea {width: 100%;}
.section-select select {background: url(/wp-content/uploads/2025/09/chevron-bas.svg) no-repeat; background-size: 14px; background-position: right 20px center; cursor: pointer;}
.formulaire-contact .section-checkbox span {font-size: 12px;}
.formulaire-contact .section-checkbox label {margin-left: 0;}
.formulaire-contact .wpcf7 textarea{width: 100%;}
.formulaire-contact .wpcf7 input[type="checkbox" i]{display: inline-block;width: auto !important;}

.section-contact .photo-applicateur {border-radius: 0;}



@media (min-width: 768px) {
  .section-select p>span {width: calc(50% - 5px);}
  .section-contact .contact-bloc-left {padding-top: 40px;}
  .logo-applicateur img {max-height: 20rem;}
}



/************************************************/
/**                                            **/
/**          PAGE VALIDATION FORMULAIRE         **/
/**                                            **/
/************************************************/

.page-template-page-template-formulaire-envoye h1 {color: var(--couleur-noir);}
.intro-page-validation {padding: 1rem; background-color: var(--couleur-fond); margin-bottom: 50px; margin-top: 50px;}
.confirmation-envoi-formulaire,.confirmation-envoi-formulaire p{text-align: center;}
.confirmation-envoi-formulaire h3{color: var(--couleur-principale);}

.validation-envoi-contact{text-align:center;}
.validation-envoi-contact .logo-applicateur img{max-width:400px; margin: 0 auto 30px;}
.validation-envoi-contact p{text-align:center;}
.validation-envoi-contact h3{color:var(--couleur-principale);}


@media (min-width: 768px) {
.intro-page-validation {padding: 20px;}
}

@media (min-width: 1200px) {
.validation-envoi-contact .logo-applicateur img{  margin: 0 auto 50px;}
.intro-page-validation {padding: 20px 40px;}
}



/************************************************/
/**                                            **/
/**          PAGE RESEAU APPLICATEUR           **/
/**                                            **/
/************************************************/

.contenu-landing-page h1 {text-align: center;}
.contenu-landing-page h1 strong {display: block;}

.contenu-landing-page .section-recherche {margin-bottom: 40px; margin-top: 40px;}
.rechercheapplicateur {justify-content: center;}
.rechercheapplicateur input {border-radius: 8px 0 0 8px;}
.rechercheapplicateur input:focus-visible {outline: none;}
button#rechecheapplicateur { background-color: var(--couleur-principale); color: var(--couleur-blanc); border-radius: 0 8px 8px 0; border: none; font-family: 'Montserrat', sans-serif; font-size: 14px; padding: 12px 14px; }
button#rechecheapplicateur:hover {background-color: var(--couleur-noir);}



.section-liste-applicateur {background-color: var(--couleur-fond); padding: 40px 0;}
.section-liste-applicateur h2 {font-weight: 400; font-size: 25px; text-align: center; color: var(--couleur-noir);}

.section-vignette-applicateur {width: 90%; max-width: 1220px; margin: 20px auto;}
.section-vignette-applicateur .vignette-applicateur { width: 100%;  background-color: #fff; margin: 10px; padding: 20px;  border-radius: 20px; flex-direction: column;}

.section-vignette-applicateur .vignette-applicateur .entete-vignette .zone-entete { font-size: 20px; padding-bottom: 0; font-weight: 500;}
.section-vignette-applicateur .vignette-applicateur .entete-vignette p {margin-top: 5px !important; text-align: center; font-size: 13px;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur {column-gap: 20px; justify-content: center; margin-bottom: 15px;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur .photo-applicateur img { width: 90px; height: 90px;  border-radius: 50px; object-fit: cover;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur .photo-applicateur {max-width: max-content; margin: 0; }

.section-vignette-applicateur .vignette-applicateur h3 {font-size: 18px; padding-bottom: 0; text-align: center; margin: 0;}
.section-vignette-applicateur .vignette-applicateur h3.info-departement {color: var(--couleur-noir); font-weight: 400; margin-bottom: 5px;}
.section-vignette-applicateur .vignette-applicateur h3.info-entreprise {text-transform: uppercase; color: var(--couleur-principale); font-weight: 700;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur-details h4 {font-size: 18px; margin: 0 0 5px; color: var(--couleur-noir);}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur-details p {margin: 0; text-align: left; color: var(--couleur-noir); font-size: 13px;}

.section-vignette-applicateur .vignette-applicateur .link-btn-orange {margin: auto auto 0; font-size: 13px;}

#resultat_recherche { max-width: 600px; margin: 30px auto; }
.contenu-landing-page .mapp-canvas {z-index: 1;}
.section-recherche .btnclosed {margin-bottom: 25px;}
.section-recherche .btnclosed img {margin: auto; display: block;}
.section-recherche .unapplicateur.etpasapplicateur {font-size: 14px; color: var(--couleur-texte); border-top: 1px solid #F2F2F2; border-radius: 0; padding: 15px;}




.trouverapplicateur .unapplicateur { border-top: 1px solid #F2F2F2; border-radius: 0; display: flex; align-items: center; padding: 30px 0; flex-direction: column;}
.unapplicateur .boximg { border-radius: 50px; width: 80px; height: 80px; margin-right: 20px; background-size: cover; background-position: center center; margin-bottom: 15px;}
.unapplicateur .boxtext { display: flex; flex-direction: column;  flex-grow: 1; color: var(--couleur-texte);}
.unapplicateur h3 { margin-bottom: 0; padding-bottom: 0; color: var(--couleur-principale); font-weight: 900; font-size: 23px; margin-top: 0;}
.unapplicateur span, .unapplicateur p { color: var(--couleur-principale); font-size: 14px; }
.unapplicateur .row {  display: flex; flex-direction: row; margin-top: 10px; align-items: center; justify-content: space-between; }
.unapplicateur .boxtext a {background-color: var(--couleur-principale); color: var(--couleur-blanc); font-size: 14px; border-radius: 20px; padding: 6px 14px;}
.unapplicateur .boxtext a:hover {background-color: var(--couleur-noir);}
.unapplicateur .row div:first-of-type {font-size: 14px !important;}
.unapplicateur .row div:first-of-type br:last-of-type {display: none;}


.maps-applicateur .leaflet-marker-icon { display: block!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; background: url(/wp-content/uploads/sites/47/2022/03/marqueur-carte.svg) no-repeat!important; background-size: auto; width: 30px!important; height: 40px!important; padding-left: 30px!important; margin-left: -15px!important; margin-top: -30px!important; background-size: cover!important;}
.mapp-ib { border-radius: 20px; box-shadow: rgba(99,99,99,.2) 0 2px 8px 0; }
.mapp-iw .mapp-info { display: flex; flex: 1; flex-direction: column; min-height: 100px; overflow: hidden; padding: 15px; }
.mapp-ib-wrapper {max-height: 100%;}
.mapp-leaflet-geolocate-wrapper {z-index: 50;}

.vignette-applciateur-carte {display: flex; flex-wrap: wrap; align-items: center; column-gap: 15px;}
.vignette-applciateur-carte p, .vignette-applciateur-carte a, .vignette-applciateur-carte h3, .vignette-applciateur-carte h4 {font-family: "montserrat", sans-serif; margin: 0; text-align: left;}
.vignette-applciateur-carte .bloc-left { margin: 0; width: calc(100px - 10px);}
.vignette-applciateur-carte .bloc-left .photo-applicateur { margin: 0;}
.vignette-applciateur-carte .bloc-left .photo-applicateur img { width: 90px; height: 90px; border-radius: 50px; object-fit: cover;}
.vignette-applciateur-carte .bloc-right { margin: 5px; width: auto; flex: 1; }
.vignette-applciateur-carte .bloc-right .localisation-applciateur { color: var(--couleur-principale); font-weight: 700; }
.vignette-applciateur-carte .bloc-right .nom-applicateur { font-weight: 700; padding-bottom: 5px;   padding-top: 5px; }
.vignette-applciateur-carte .bloc-right h3.texteorange { font-size: 20px !important; font-weight: 900!important; text-transform: uppercase!important; padding-bottom: 0; color: var(--couleur-principale)!important; font-family: "Montserrat", sans-serif !important;}
.mapp-title, .mapp-dir-wrapper {display: none;}


.vignette-applciateur-carte .btn-orange a {background: var(--couleur-principale); border-radius: 40px; color: white!important; font-size: 13px; text-align: center; padding: 5px 10px;}






/************************************************/
/**                                            **/
/**               SINGLE VIDEO                 **/
/**                                            **/
/************************************************/



.single-video-content .single-video-post h1 {text-align: center; font-weight: 400; color: var(--couleur-noir); margin-bottom: 20px;}
/*.single-video-content .single-video-post>p:not(.video-date) {margin: 40px 20px 55px;}*/
p.video-date {text-align: center;}

.single-video-content .video-iframe-full iframe {width: 100%; max-height: 100%; aspect-ratio: 16/9;}
.single-video-content .video-iframe iframe {width: 100%;}

.post-navigation {justify-content: space-between; margin: 40px 0;}
.post-navigation .next-post a {margin-left: auto;}
.post-navigation .next-post a.post-navigation-autre-name {text-align: right;}
.post-navigation .previous-post, .post-navigation .next-post {width: 50%;}
.post-navigation a.post-navigation-btn {font-size: 14px; opacity: .6; color: var(--couleur-noir); text-transform: uppercase; font-weight: 500; display: block; max-width: max-content;}
.post-navigation a.post-navigation-autre-name {font-size: 14px; margin-top: 15px; display: block; color: var(--couleur-noir); font-style: italic;}
.post-navigation a.post-navigation-autre-name:hover {color: var(--couleur-principale);}
.post-navigation a:hover {opacity: 1;}
.post-navigation i::before {font-size: 11px;}

.autres-video-list {gap: 20px;}
.section-autres-video>h3 {font-size: 23px; font-weight: 500; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 15px;}
.section-autres-video .autre-video-vignette {width: 100%; flex-direction: column; border: 1px solid #F0F0F0;}
.section-autres-video .autre-video-vignette a {width: 100%;}
.section-autres-video .autre-video-vignette .autre-video-thumbnail {height: 180px; position: relative;}
.section-autres-video .autre-video-vignette .autre-video-thumbnail::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.3); opacity: 0; transition: all 250ms ease-in-out;}
.section-autres-video .autre-video-vignette .autre-video-thumbnail:hover::after {opacity: 1;}
.section-autres-video .autre-video-vignette h3 {color: var(--couleur-noir); font-size: 14px; margin-bottom: 0; line-height: normal; font-weight: 400; padding: 0 10px;}
.section-autres-video .autre-video-vignette img {width: 100%; height: 100%; object-fit: cover; clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%); max-height: 170px;}
.section-autres-video .autre-video-vignette .video-iframe {clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%); overflow: hidden; height: 100%;}
.section-autres-video .autre-video-vignette .video-iframe iframe {height: 100%; max-height: 170px;}

.autres-video-btn {padding-left: 10px; padding-right: 10px;}
.autre-video-vignette p.post-date {margin: 5px 0 10px;  padding-left: 10px; padding-right: 10px; text-align: left;}
.autres-video-btn {font-size: 14px; margin-top: auto; margin-bottom: 20px;}
.autre-video-vignette:hover a {color: var(--couleur-noir);}

.single-video-share, .single-article-share {gap: 20px; align-items: center; justify-content: center; border-top: 1px solid rgba(0,0,0,.1); padding: 15px 0; margin-top: 50px;}
.single-video-share a, .single-article-share a  {color: #fff; background-color: rgba(0,0,0,.2); width: 30px; height: 30px; border-radius: 3px; opacity: .6;}
.single-video-share .social-share-link, .single-article-share .social-share-link {justify-content: center; align-items: center;}
.single-video-share .social-share-link span, .single-article-share .social-share-link span {color: var(--couleur-blanc);}
.single-video-share p, .single-article-share p {text-transform: uppercase; font-weight: 600;}
.single-video-share span, .single-article-share span {font-family: 'fontAwesome';}
.social-share-link-twitter span {font-family: "Font Awesome 6 Brands";}
.social-share-link-twitter span::before {content: "\e61b";}
.single-video-share a:hover,  .single-article-share a:hover {opacity: 1;}
.social-share-link-fb:hover {background-color:  #39579a;}
.social-share-link-twitter:hover {background-color:  #01aced;}
.social-share-link-lkd:hover {background-color:  #127bb6;}
.social-share-link-lkd span::before {content: "\f0e1";}


.category h1 {text-align: center;}
#liste_videos_loader, #liste_dossiers_loader, #liste_video_avis_client_loader {column-gap: 20px; row-gap: 20px;}

@media screen and (min-width: 768px) {
.section-autres-video .autre-video-vignette h3, .autre-video-vignette p.post-date, .autres-video-btn  { padding-left: 20px; padding-right: 20px;}
}

@media screen and (min-width: 1200px) {
.section-autres-video .autre-video-vignette img, .section-autres-video .autre-video-vignette .video-iframe iframe  {max-height: 100%;}
#liste_videos_loader, #liste_dossiers_loader, #liste_video_avis_client_loader {column-gap: 30px; row-gap: 30px;}

}

/************************************************/
/**                                            **/
/**             SINGLE ACTUALITES              **/
/**                                            **/
/************************************************/


body.single h1 {text-align: center; font-weight: 400; color: var(--couleur-noir); margin-bottom: 2rem; }
.single-actualite-content .single-actu-article p.single-actu-date {text-align: center;}
.single-actualite-content .single-actu-article img {display: block; margin: 30px auto 40px; width: 100%; object-fit: cover; height: 100%; max-width: 100%; max-height: 300px;}
 
.section-autres-articles>h3 {font-size: 23px; font-weight: 500; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 15px;}
.autres-articles-list { gap: 20px; }

.section-autres-articles .autre-article-vignette {width: 100%; flex-direction: column; border: 1px solid #F0F0F0;}
.section-autres-articles .autre-article-vignette:hover { box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;}
.section-autres-articles .autre-article-vignette a {width: 100%;}
.section-autres-articles .autre-article-vignette .autre-article-thumbnail {height: 150px; position: relative; background-color: var(--couleur-fond); background-image: url(/wp-content/uploads/icons/vertikal-logo.svg); background-repeat: no-repeat; background-size: 120px; background-position: center;  clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%);}
.section-autres-articles .autre-article-vignette .autre-article-thumbnail::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.3); opacity: 0; transition: all 250ms ease-in-out;}
.section-autres-articles .autre-article-vignette .autre-article-thumbnail:hover::after {opacity: 1;}
.section-autres-articles .autre-article-vignette h3 {color: var(--couleur-noir); font-size: 14px; margin-bottom: 0; line-height: normal; font-weight: 400; padding: 0 20px; }
.section-autres-articles .autre-article-vignette img {width: 100%; height: 100%; object-fit: cover; clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%);}
.section-autres-articles .autre-article-vignette p.post-date {margin-top: 0; padding: 6px 20px 0; text-align: left;}


p.post-date {text-align: center; font-size: 12px; font-weight: 300;}

@media (min-width: 768px) {

    .single-actualite-content .single-actu-article img {width: inherit; height: inherit; margin: 50px auto 50px; max-height: 75vh;}
    .section-autres-video .autre-video-vignette {width: calc(50% - 10px);}
}

@media screen and (min-width: 1024px) {
  .single article  {padding-left: 80px; padding-right: 80px;}
  .section-autres-video .autre-video-vignette, .section-autres-articles .autre-article-vignette {width: calc(25% - 15px);}

}





/************************************************/
/**                                            **/
/**         SINGLE DOSSIER EXPERT              **/
/**                                            **/
/************************************************/

.single-dossier-expert-template .post-navigation{padding-left:20px;padding-right:20px;}
.single-dossier-expert-template img {max-width: 100%;}
/*.single-dossier-expert {-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1);}*/
.single-dossier-expert>img {max-width: 100%; object-fit: cover; display: block; margin: auto; max-height: 640px; margin-top: 30px;}


.single-dossier-expert .single-dossier-expert-content {width: auto; max-width: 100%;}

.single-dossier-expert-right {padding: 20px;}
.single-dossier-expert-right h3 {margin-top: 0;}
.single-dossier-expert-right h3 strong {color: var(--couleur-principale);}
.single-dossier-expert-right a {align-items: center;}
.single-dossier-expert-right a h4 {font-weight: 400; color: var(--couleur-noir); transition: all 150ms ease-in-out; padding-left: 15px; font-size: 13px; margin: 5px 0;}
.single-dossier-expert-right a:hover h4 {color: var(--couleur-principale);}

.single-dossier-expert-right a::before {content: ''; width: 25px; height: 25px; min-width: 25px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; transition: all 200ms ease-in-out;}
.single-dossier-expert-right a:hover::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}

.single-dossier-expert-col {position: relative; justify-content: center;}

.category-dossiers-expert .category-dossiers-expert-intro {margin: auto; max-width: 900px; padding: 0 20px;}
.category-dossiers-expert .category-dossiers-expert-intro p {text-align: center;}
.category-dossiers-expert .section-video {margin-top: 60px;}
.category-dossiers-expert .section-video .post-date {margin-bottom: 15px;}
.category-dossiers-expert .section-video .link-btn-orange {padding: 7px 16px; margin-left: auto; margin-right: auto; margin-top: auto; transition: inherit;}

.sommaire-dossier-expert ul li{list-style: none !important;}
.sommaire-dossier-expert ul li:before{display: none !important;}
.sommaire-dossier-expert{padding: 30px 30px 0 30px !important; background-color: #F5F5F5 !important;}
.sommaire-dossier-expert p strong{font-size: 18px !important;margin-bottom: 10px !important;}

.tableau-dossier-expert table thead{background-color: var(--couleur-principale) !important;color: white !important;text-align: center !important;}
.tableau-dossier-expert table tbody tr:nth-child(odd){background-color: #F5F5F5 !important;}

.section-bloc-bordure{display: flex;padding: 15px !important;background-color: #F5F5F5 !important;}
.section-bloc-bordure .et_pb_column{margin: auto !important;}

.img-flottante{position: relative;}

.section-2-colonne-accordeon{display: flex !important;padding: 15px !important;background-color: #F5F5F5 !important;margin-top: 10px !important;}
.section-2-colonne-accordeon .col-sm-6{width: 50% !important;padding: 5px !important;margin:auto !important;}

/*
.single table {border: 1px solid #e5e5e5; border-collapse: collapse; border-spacing: 0; margin-top: 25px; margin-bottom: 25px; display: block; overflow-x: auto; white-space: nowrap;}
.single table td {border-top: 1px solid #e5e5e5; padding: 10px; font-size: 13px;}
*/

@media (max-width:892px) {
  .tableau-dossier-expert  table td,.tableau-dossier-expert  table th,.tableau-dossier-expert  table tr{padding: 5px !important;line-height: 10px !important;font-size: 10px !important;}
  .section-bloc-bordure,.section-2-colonne-accordeon{display: block !important;}
  .section-2-colonne-accordeon .col-sm-6{width: 100% !important;}
}

@media (min-width: 768px) {
    .single-dossier-expert-right {background-color: var(--couleur-fond); flex: 1; position: sticky; top: 100px; height: max-content;}
    .single-dossier-expert .single-dossier-expert-content {margin-top: 0; width: calc(65% - 25px);}
    .single-dossier-expert .no-col-right .single-dossier-expert-content{width: 100%;margin-right: 50px;}
}

@media (min-width: 1024px) {
    .single-dossier-expert-col {margin-top: 60px; column-gap: 50px;}
}

/************************************************/
/**                                            **/
/**                  FOOTER                    **/
/**                                            **/
/************************************************/


footer {background-color: var(--couleur-fond); padding-top: 0;}
.footer-top  {background-color: var(--couleur-fond); padding: 40px 0;}
.footer-arbo {width: 100%; padding: 0 15px; row-gap: 15px;}
.footer-arbo .menu {padding-left: 0;}
.footer-arbo>div>p {padding-left: 40px; display: none; text-align: left;}
.footer-arbo li {margin: 8px 0; line-height: 18px; text-align: center;}
.footer-top a, .footer-mobile-moins, .footer-mobile-plus {color: var(--couleur-texte); font-size: 12px; text-transform: uppercase;}
.footer-top p.copyright-footer {font-size: 12px;}
.footer-top a:hover {color: var(--couleur-principale);}

.footer-arbo>div {width: 100%;}
.footer-arbo>div ul {margin: 0;}
.footer-logo {width: 100%; justify-content: center; margin-bottom: 30px;}
.footer-logo img {width: 450px; height: 100%;}

footer .menu-footer-milieu-container, footer .menu-footer-gauche-container {display: none;}

/* Cacher les menus supplémentaires par défaut sur mobile */
@media (max-width: 768px) {
    .footer-arbo .menu-footer-col2-container,
    .footer-arbo .menu-footer-col3-container {display: none;}
}
.menu-footer-gauche-container {order: 2;}
.menu-footer-milieu-container {order: 3;}
.footer-mobile-moins {order: 4; display: none; text-align: center;}
.footer-mobile-plus {text-align: center;}
.footer-mobile-moins span, .footer-mobile-plus span {color: var(--couleur-principale); padding-right: 5px;}

.footer-bottom {max-width: 850px; margin: auto; padding: 0 0 20px; column-gap: 90px; row-gap: 20px;}
.footer-bottom .footer-logo-vertikal {width: 100%; position: relative;}
.footer-bottom .footer-logo-vertikal img {margin: auto; height: 60px; padding: 0 5px;}
.footer-bottom .footer-vertikal-capital-vignette {width: 250px; padding-left: 20px; display: none;}
.footer-bottom .footer-vertikal-capital-vignette img {object-fit: contain; width: 100%; height: 100%;}
.footer-bottom .footer-vertikal-capital-txt {flex: 1; padding-right: 20px; display: none;}
.footer-bottom .footer-vertikal-capital-txt b {font-weight: 600 !important;}
.footer-bottom .footer-vertikal-capital-txt p {font-size: 12px; text-align: left;}

footer .sub-menu a, .footer-col a {font-size: 14px;}


.footer-mobile {display: flex; flex-direction: column; width: 100%; z-index: 9999; transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.footer-mobile-bottom {position: fixed;  bottom: 0; left: 50%; transform: translateX(-50%); width: 85%;  justify-content: space-around; align-items: center; margin: 0 auto 15px; background-color: white; display: flex; align-items: center; z-index: 999; border-radius: 2rem;  padding: 1rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.footer-mobile-bottom .footer-mobile-col.flex-container {align-items: center;}
.footer-mobile-bottom .footer-mobile-col img {padding-right: 5px;}
.footer-mobile-col p {margin: 0; line-height: normal; font-size: 11px;}
.footer-mobile-col p>a { color: #E96531; font-weight: 700; font-size: inherit; line-height: normal; margin: 0;}
footer .footer-mobile-menu {z-index: 120; position: fixed; bottom: 0;background-color: #fff;  height: 100%; width: 100%; display: flex;  flex-direction: column; justify-content: start; padding-top: 3rem;}

.footer-mobile-menu .mobile-logo-applicateur {padding: 20px; width: 90%; height: auto; margin: 0 auto 30px;}
.footer-menu-close { width: 50px; width: 50px; margin: 0 auto 30px auto; }
.footer-mobile .menu-mobile-social {justify-content: space-evenly;  max-width: 100%;}

footer .footer-mobile .footer-col .main-menu {flex-direction: column; margin-left: 0;}
footer .footer-mobile .footer-col .main-menu>li:not(.btn-orangemobile)>a {text-transform: uppercase; font-weight: 700; color: var(--couleur-gris); padding-bottom: 10px;width: 100%;}
footer .footer-mobile .footer-col .main-menu .menu-item-link.active span {color: var(--couleur-principale); font-weight: inherit;}
footer .footer-mobile .main-menu .menutel.static {display: none;}
footer .footer-mobile .footer-col .btn-orangemobile a {color: #fff; font-weight: 700;}
footer .footer-mobile .footer-col ul li.menu-item-has-children {position: relative;}
footer .footer-mobile .footer-col ul li.menu-item-has-children>a {display: flex; align-items: center; justify-content: space-between; padding-right: 1rem;}
footer .footer-mobile .footer-col ul li.menu-item-has-children>a:after {content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--couleur-principale); font-size: 0.8rem; transition: all 0.3s ease; flex-shrink: 0; margin-left: 0.5rem;}
footer .footer-mobile .footer-col ul li.menu-item-has-children.open>a:after {transform: rotate(90deg);}
footer .footer-mobile .sub-menu {background-color: var(--couleur-fond); margin-left: 0;}
footer .footer-mobile .sub-menu .menu-item {padding: 10px 20px; border-bottom: 1px solid #e0e0e0;}
footer .footer-mobile .sub-menu .menu-item>a {width: auto; color: var(--couleur-gris);}
.footer-mobile .footer-col ul li{padding: 1rem 0;}
.footer-mobile .footer-col {flex: none;}

/* Boutons Voir Plus / Fermer Footer Mobile - style original conservé */
.footer-mobile-plus {display: block; padding: 10px;}
.footer-mobile-moins {display: none; padding: 10px;}

/*.footer-mobile .footer-col ul li a { color: var(--couleur-noir); padding: 14px; display: block; }*/
.footer-mobile .footer-col ul li br { display: none; }
.footer-mobile .footer-col .menu>li>a {  text-transform: uppercase; font-size: 14px;}
.footer-mobile .footer-col ul {padding-left: 0;}

.footer-col ul li.menu-item-has-children {position: relative;}
/*.footer-col ul li.menu-item-has-children::after { content: "+"; background-color: var(--couleur-principale); color: #fff; position: absolute; top: 8px; right: 20px;  width: 30px; border-radius: 20px; font-size: 25px; font-weight: 700;}
.footer-col ul li.menu-item-has-children.open::after { content: "-";}
*/
.footer-col ul li.menu-item-has-children .submenu-chevron { transition: transform 0.3s; color: var(--couleur-principale); position: absolute; top: 13px; right: 20px;  width: 30px; border-radius: 20px; font-size: 25px; font-weight: 700;}
.footer-col ul li.menu-item-has-children.open .submenu-chevron { transform: rotate(90deg); }
.footer-col ul li .sub-menu {  display: none;}

/* Surcharge des styles du thème parent pour le menu mobile - chevrons en flexbox */
.footer-mobile .footer-col ul li.menu-item-has-children:after {display: none !important;}
.footer-mobile .footer-col ul li.menu-item-has-children>a {display: flex !important; align-items: center !important; justify-content: space-between !important; padding-right: 1rem !important;}
.footer-mobile .footer-col ul li.menu-item-has-children>a:after {content: "\f054" !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; background: none !important; color: var(--couleur-principale) !important; position: static !important; font-size: 1.6rem !important; transition: all 0.3s ease !important; flex-shrink: 0 !important; margin-left: 0.5rem !important;    padding-right: 1rem;
}

.footer-mobile .footer-col ul li.menu-item-has-children.open>a:after {transform: rotate(90deg) !important;}

/* Suppression des styles conflictuels du thème parent */
.footer-mobile .footer-col ul li.menu-item-has-children .submenu-chevron {display: none !important;}

.footer-mobile .footer-col .btn-orangemobile {margin: 20px 0;}
.footer-mobile .footer-col .btn-orangemobile  a{ color: var(--couleur-blanc);  background-color: var(--couleur-principale); max-width: max-content;  margin: 0 auto;  padding: 0.5em 1em!important;  border-radius: 20px!important;}


.footer-mobile-menu{    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    transition: right 0.3s ease;
    z-index: 999;
    background-color:white;
}
.footer-mobile-menu.active {
    right: 0;    overflow: scroll;
}

.hamburger-box { width: 25px; height: 20px;display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; position: relative;}
.hamburger-box .line { width: 100%;height: 3px;background-color: var(--couleur-principale); transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger-box.active .line:nth-child(1) { transform: translateY(7px) rotate(45deg);}
.hamburger-box.active .line:nth-child(2) {  opacity: 0;}
.hamburger-box.active .line:nth-child(3) {  transform: translateY(-10px) rotate(-45deg);}

/************************************************/
/**                                            **/
/**                   FORM                     **/
/**                                            **/
/************************************************/


input, textarea {font-family: 'montserrat', sans-serif; font-size: 14px; color: var(--couleur-texte);}
input:focus-visible, textarea:focus-visible, select:focus-visible {outline: 2px solid var(--couleur-noir);}
input::placeholder, textarea::placeholder, select {font-style: italic; font-size: 14px !important; color: var(--couleur-gris) !important; font-family: 'montserrat', sans-serif !important;}
input:not([type="submit"]), textarea, select {background-color: var(--couleur-fond) !important; border: none !important; padding: 12px 14px !important;}
input[type="submit"], .formulaire-contact form input[type="submit"] {cursor: pointer; text-decoration: none; text-transform: uppercase; border: none; background-color: var(--couleur-principale); font-size: 14px; display: block; color: var(--couleur-blanc) !important; padding: 10px 20px; border-radius: 25px; max-width: max-content;}
input[type="submit"]:hover, .formulaire-contact form input[type="submit"]:hover {background-color: var(--couleur-noir);}



/************************************************/
/**                                            **/
/**             TEMPLATE PARTENAIRES           **/
/**                                            **/
/************************************************/

.section-partenaire h1 {text-align: center; margin-left: auto; margin-right: auto;}
.liste-partenaire {display: flex; flex-wrap: wrap; row-gap: 40px; margin-bottom: 4rem;}
.liste-partenaire .partenaire-id {width: 100%;}
.liste-partenaire .partenaire-id a {display: block; height: 90px;}
.liste-partenaire .partenaire-id img {object-fit: contain; height: 100%; width: 100%; max-width: 180px; display: block; margin: auto; transition: all 300ms ease-in-out;}
.liste-partenaire .partenaire-id:hover img {transform: scale(1.1);}
.liste-partenaire .partenaire-id h3 {text-transform: uppercase; font-size: 25px; font-weight: 400; text-align: center;}
.liste-partenaire .partenaire-id p {text-align: justify;}



@media screen and (min-width: 1200px) {
  .liste-partenaire {column-gap: 50px;  margin-top: 40px; margin-bottom: 8rem;}
  .liste-partenaire .partenaire-id {width: calc(33% - 30px);}

}

/************************************************/
/**                                            **/
/**               PAGE SEO LOCAL               **/
/**                                            **/
/************************************************/


.template-page-local .section-with-image, .template-page-local .section-without-image {display: flex; flex-direction: column; gap: 20px;}
.template-page-local .section-with-image .texte,.template-page-local .section-with-image .image { width: 100%;}
.template-page-local .section-with-image .image img {max-width: 100%; height: auto; width: 100%; max-height: 450px; object-fit: cover;}
.template-page-local .section-realisations .liste-realisations > div { flex: 1; max-width: 100%;}
.template-page-local .section-realisations .liste-realisations{display: block;}
.listelocale{ flex-direction: column }
.template-page-local section { display: flex;flex-direction: column;width: 100%;}
.template-page-local .section-without-image{max-width: 100%; margin:0 auto;}


.template-page-local .background-grey { background-color: #F5F5F5; margin-bottom: 20px; margin-top: 0px;padding: 30px 0;}
.template-page-local .background-grey .main-container {margin: 0 auto;}
.template-page-local .impair .main-container {margin: 0 auto 20px;}
.template-page-local .bloc-intro {margin-top: 20px; margin-bottom: 0;}
.template-page-local h1 { color: var(--couleur-principale) !important; font-weight: 900 !important; margin: 0 auto 20px; text-align: center;}
.template-page-local h2 { color: var(--couleur-principale) !important;font-weight: 900; text-align: center;}
.template-page-local ul { padding-bottom: 0 !important;margin-left: 20px !important;}
.template-page-local .section-devis{background-color: var(--couleur-principale);text-align: center;padding: 40px;margin: 30px 0 0 0 ;}
.template-page-local .section-devis>div {flex-direction: column; margin: 10px auto;}
.template-page-local .section-devis h2{color: white !important;text-align: center;max-width: 800px;margin: auto;margin-bottom: 30px; font-size: 18px;}
.template-page-local .btn-blanc{background-color: #FFF;color: var(--couleur-principale);text-align: center;font-size: 14px;border-radius: 40px;padding: 15px 30px;text-transform: uppercase; max-width: max-content; margin: auto;}
.template-page-local .btn-blanc:hover{background-color: var(--couleur-noir); color: #fff;}
.template-page-local .section-realisations h2{text-align: center; margin: 0 auto 30px;}
.template-page-local .section-realisations{margin-bottom: 30px;}
/*.template-page-local .btn-orange{display: block; background-color: var(--couleur-principale);color: white;text-align: center;font-size: 1em;border-radius: 40px;padding: 15px 30px;text-transform: uppercase;}
.template-page-local .btn-orange:hover{background-color: var(--couleur-noir);}*/
.template-page-local .section-realisations .liste-realisations { display: flex;justify-content: space-between;align-items: flex-start;}
.template-page-local .section-realisations .align-center{text-align: center; margin: 30px auto 0;}
.template-page-local .section-realisations .liste-realisations > div { flex: 1; max-width: 48%;}
.template-page-local .last-section .container{background-color: #F5F5F5;padding: 50px;margin: auto;max-width: 1100px;}
.listelocale{ display: flex; gap: 20px; margin-bottom: 2rem; }

.legende{font-style: italic; text-align: center;}
@media (min-width: 768px) {
  .template-page-local h2 {text-align: left;}
  .template-page-local .background-grey .main-container {margin: 30px auto 10px;}
  .template-page-local .impair .main-container {margin: 40px auto;}
  .template-page-local .section-devis h2 {font-size: 24px;}
}

@media (min-width: 900px) {
  .template-page-local .section-with-image .texte,.template-page-local .section-with-image .image { width: 50%;}
  .template-page-local .section-with-image, .template-page-local .section-without-image {flex-direction: row; gap: 50px;}
}

.grecaptcha-badge {opacity: 0.3;}
/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/

@media (min-width: 892px){
.displaymobile {
    display: none!important;
}
}

@media screen and (min-width: 768px) {
    /*body:not(.home) .wp-block-columns {width: 90%; max-width: 1080px; margin: 70px auto;}*/
    header {display: block;}
    .footer-arbo {max-width: 850px; margin: auto; column-gap: 40px;}
    footer .menu-footer-milieu-container, footer .menu-footer-gauche-container {display: block;}
    .footer-mobile-plus, .footer-mobile-moins {display: none;}
    .footer-arbo>div>p {display: block; padding-left: 0;}
    .footer-arbo>div {order: inherit; width: calc(33.2% - 26px);}
    .footer-bottom .footer-logo-vertikal::before {content: ''; width: 100%; height: 1px; background-color: var(--couleur-gris); position: absolute; top: 50%; left: 0;}
    footer {background-color: transparent;}
    .footer-bottom .footer-vertikal-capital-vignette, .footer-bottom .footer-vertikal-capital-txt {display: block;}
    .footer-bottom {padding: 40px 0; }
    .column-gap-70 {column-gap: 70px;}
    .col-gap-60 {column-gap: 60px;}

    .liste-col-2 {columns: 2;}
    .border-bloc {padding: 30px 45px;}
    #sticky_fixed .group-column {flex-direction: column; width: max-content; justify-content: flex-start; align-items: flex-start;}
    #sticky_fixed {max-width: 850px; margin: 40px auto; padding: 15px 50px; align-items: baseline; justify-content: space-around; }
    #sticky_fixed .border-left-white {border-left: 4px solid var(--couleur-blanc); padding-left: 12px;}
    .info-chantier-wrapper h2 {max-width: 180px; width: 30%; padding-right: 20px; text-align: right; }
    .info-chantier-wrapper {justify-content: center;}
    .info-chantier-wrapper .info-chantier {width: 70%; }


    form nf-field {padding-right: 20px !important;}
    .contact-bloc-left {width: calc(40% - 20px);}
    .contact-bloc-right {width: calc(60% - 20px);}
    .section-contact {gap: 40px;}
    form nf-field:nth-child(-n+4), form nf-field:nth-child(6), form nf-field:nth-child(7) {width: 25%;}
    form nf-field:nth-child(5), form nf-field:nth-child(8), form nf-field:nth-child(9) {width: 50%;}
    .formulaire-contact input[type="submit"] {margin: 0;}
    .section-engagement {margin-bottom: 130px !important; margin-top: 90px !important;}
    .gamme-produits-left figure img {width: 350px;}
    .gamme-produits-left .gamme-produits-txt {width: 350px; }
    .footer-bottom .footer-logo-vertikal img {background-color: #fff; z-index: 1;}

    .bggrayapplicateur {padding: 30px 0;}

 

    .post-navigation {margin: 40px 0 50px;}

    .footer-mobile-menu .mobile-logo-applicateur {max-width: 400px; }
    .footer-mobile .footer-col .menu>li>a {font-size: 14px;}
    .section-vignette-applicateur .vignette-applicateur { width: calc(50% - 20px); }

    .trouverapplicateur .unapplicateur {flex-direction: row; padding: 20px 0;}
    .unapplicateur .boximg {margin-bottom: 0;}
    .wp-block-column p:first-of-type {margin-top: 0;}
    .col-garanties-applicateur .link-btn-orange { margin: 25px 0 0 0 !important; }
    .footer-arbo li {text-align: left;}
    body.page-template-page-template-contact h1 {margin-top: 0 !important;}
    .yoast-breadcrumbs, .breadcrumb { margin-top: 30px; padding: 0; }
    .footer-arbo {width: 100%; padding: 0 40px;}
    .info-chantier p, .info-chantier-form h3 {margin-top : 0;}
    .liste-partenaire .partenaire-id {width: calc(50% - 20px);}
    .liste-partenaire {column-gap: 40px; row-gap: 50px;}
    

}

@media screen and (min-width: 900px) {
  .footer-arbo {column-gap: 70px;}
  .footer-arbo>div { width: calc(33.2% - 46px);}
  .timeline-travaux {display: block;}
  .footer-mobile {display: none !important;}
  .section-contact-prestation>div {width: 60%;margin:auto;}
  .menu-principal {display: block;}
  .accueil-hero-right {max-width: 550px; padding-right: 20px;}

  .accueil-hero {padding: 0;}
  .width-70 {width: 70%; max-width: 70%;}
  .width-30 {width: 30%; max-width: 30%;}
  h2 {margin-block-start: 0;}
  header.fixed {position: fixed;}

  .colonne-texte-rea {columns: 2;}
  /*ul.sub-menu::before { content: ''; display: inline-block; height: 0;  width: 0; border-right: solid 20px transparent;  border-left: solid 20px transparent; border-bottom: solid 20px var(--couleur-blanc); position: absolute; left: 25%; top: -18px; filter: drop-shadow(0 -1px 1px rgba(0,0,0, 0.13));}*/
  ul.sub-menu::before {content: ''; position: absolute; top: -12px; left: 40px; width: 0; height: 0; border-style: solid; border-width: 0 11.5px 13px 11.5px; border-color: transparent transparent #fff transparent; transform: rotate(0deg); filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, .08));}
  .img-flottante:after{content: '';background-image: url('/wp-content/uploads/sites/58/2024/01/image010.png');background-size: cover;width: 55px;height: 55px;display: inline-block;position: absolute; right: -70px; top: 0 ;}
  .liste-partenaire .partenaire-id {width: calc(33% - 24px);}
  .liste-partenaire {row-gap: 70px;}


}

@media screen and (min-width: 1024px) {
  .menutel {display: list-item;}
  header .header-menu {width: 95%; justify-content: flex-start; padding-top: 50px; padding-bottom: 0; }
  .menu-principal .menu-menu-principal-container>#menu-menu-principal>li {padding: 20px 0;}
  #menu-menu-principal ul.sub-menu {top: 100%;}
  .categorie-realisation-form>div {width: 60%;}

  .footer-arbo {padding: 0;}


}


@media screen and (min-width: 1200px) {
  .section-vignette-applicateur .vignette-applicateur .infos-applicateur {justify-content: flex-start;}
  .section-vignette-applicateur .vignette-applicateur { width: calc(33% - 20px); }
  /*.section-vignette-applicateur .vignette-applicateur .entete-vignette p {text-align: left;}*/
  .blocright {margin-right: 15px; right: 0; }
  .blocright .container-macaron {right: 0; position: relative;}
  .bloc-right-eldo  { position: fixed; right: 0;  top: 20%; display: flex; flex-direction: column; padding: 20px; justify-content: center; align-content: center; align-items: center; z-index: 1000;}
  .bloc-right-eldo a {margin-bottom: 20px;  position: static;}
  .blocright .btnclose {margin: auto;}
  .blocright .btnclose img {content: url('/wp-content/uploads/icons/btn close.svg'); width: 25px;}
  .blocright.blocclosed .btnclose img { content: url('/wp-content/uploads/icons/btn open.svg'); margin-right: 0;}
  .blocright.blocclosed .container-macaron {right: 0;}
  p.text-nowrap {text-wrap: nowrap;}
  header .header-menu {width: 90%; }
  .blocright .icone-social {display: block;}

}


@media screen and (min-width: 1400px) {
  .menu-principal .menu-menu-principal-container>#menu-menu-principal>li>a {font-size: 16px; display: block; padding: 5px 25px;}
  .menu-principal .menu-menu-principal-container>#menu-menu-principal>li {line-height: 18px;}
  .menu-principal .menu-menu-principal-container #menu-menu-principal .menutel.static a img { height: 68px;}
  .section-vignette-applicateur .vignette-applicateur .link-btn-orange {font-size: 14px;}

  
}


/************************************************/
/**                                            **/
/**              TARTE AU CITRON               **/
/**                                            **/
/************************************************/

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{display:none;}
.tarteaucitronAlertBigTop::after { content: ''; background: url('/wp-content/uploads/icons/icon-cookies.svg'); height: 70px; width: 100px; position: absolute; right: 1.1em !important; margin: 0 auto !important; background-size: contain; background-repeat: no-repeat; }


/************************************************/
/**                                            **/
/**           NOUVELLE PAGES REALISATIONS      **/
/**                                            **/
/************************************************/


.breadcrumb{text-align: center;}

.ntrea-bloc-titre {margin-bottom: 5rem;}
.ntrea-bloc-titre>span {margin: auto; display: block; width: max-content; font-size: 12px; margin-top: 2rem; text-align: center;}

/*.ntrea-section {margin-top: 5rem; margin-bottom: 5rem;} */
.ntrea-column.ntrea-column-reverse .wp-block-column:first-of-type {order: 1;}

.ntrea-column .ntrea-column-img figure {height: 100%;}
.ntrea-column .ntrea-column-img figure img {object-fit: cover; height: 100%; width: 100%; max-height: 35rem;}

.ntrea-section h2, .ntrea-section h2 strong {color: var(--couleur-principale);}

.ntrea-liste-rea .area {transition: all 300ms ease-in-out;}
.ntrea-liste-rea .area>a {display: flex; height: 100%;}
.ntrea-liste-rea .area .imgrea {height: 100%; float: none; width: 120px; }
.ntrea-liste-rea .area .bloctext {flex: 1;}

.ntrea-liste-rea .pagination {margin-top: 2rem;}
.ntrea-liste-rea .pagination a {transition: all 200ms ease-in-out;}
.ntrea-liste-rea .pagination a:hover {background: rgba(0, 0, 0, .3);}

.post-content .ntrea-section:last-of-type {margin-bottom: 0;}

.ntrea-section-gris, .ntrea-section-orange {padding: 20px;}

.ntrea-section-gris {background-color: var(--couleur-fond);}
.ntrea-section-orange {background-color: var(--couleur-principale);}
.ntrea-section-orange * {color: #fff !important;}

.ntrea-cat-rea .ntrea-cat-rea-col { flex: 1 1 20px; border: 1px solid #F0F0F0;display: flex;flex-direction: column;justify-content: space-between;  transition: all 230ms ease-in-out;}
.ntrea-cat-rea .ntrea-cat-rea-col figure {overflow: hidden; cursor: pointer; margin-bottom: 0px;}
.ntrea-cat-rea .ntrea-cat-rea-col a {transition: all 250ms ease-in-out; font-size: 14px;line-height: 18px; width: 100%;}
.ntrea-cat-rea .ntrea-cat-rea-col a:hover{color: var(--couleur-principale);}
.ntrea-cat-rea .ntrea-cat-rea-col:hover{    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.ntrea-cat-rea .ntrea-cat-rea-col img {clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%); height: 150px; object-fit: cover; width: 100%;}
.ntrea-cat-rea .ntrea-cat-rea-col p a { font-size: 1.4rem; font-weight: 500; padding: 0 10px; color: var(--couleur-principale); margin-bottom: 0px;}
.ntrea-cat-rea .ntrea-cat-rea-col p a span {color: inherit; font-weight: 700;}
.ntrea-cat-rea .ntrea-cat-rea-col   .wp-block-button__link {padding: 5px 10px; border-radius: 20px; color: white;background-color: var(--couleur-principale); margin-bottom: 20px; font-size: 14px;}
.ntrea-cat-rea .ntrea-cat-rea-col   .wp-block-button__link:hover{    background-color: var(--couleur-noir);color: white;}
.ntrea-section .ntrea-slider {display: none;}
.ntrea-section .ntrea-slider .slider-realisations a {width: 100%;}
.ntrea-section .ntrea-slider .slider-realisations img {height: 300px; width: 100%; object-fit: cover;}

@media (min-width: 768px) {
    .ntrea-bloc-titre {margin-bottom: 5rem;}
    .ntrea-column.ntrea-column-reverse .wp-block-column:first-of-type {order: initial;}
    .ntrea-section-gris, .ntrea-section-orange {padding: 60px;}
    .ntrea-column .ntrea-column-texte {flex-basis: 55% !important;}
    .ntrea-column .ntrea-column-img {flex-basis: 45% !important;}
    .ntrea-column .ntrea-column-img figure img {max-height: 100%;}
    .ntrea-section .ntrea-slider {display: block;}
}

@media (min-width: 1000px) {
.ntrea-liste-rea .area .imgrea {width: 180px; }
}

@media (min-width: 1200px) {
    .ntrea-cat-rea .ntrea-cat-rea-col img {height: 200px;}
    .ntrea-cat-rea.ntrea-section .ntrea-cat-rea-text {margin-top: 20px;}
    }



/************************************************/
/**                                            **/
/**              CLOUDFLARE TURNSTILE.         **/
/**                                            **/
/************************************************/

.formulaire-contact form {
    position: relative;
    display: flex;
    flex-direction: column;
}

.formulaire-contact .wpcf7-turnstile.cf-turnstile {
    order: 999;
    align-self: flex-start;
}

/************************************************/
/**                                            **/
/**           TABLEAUX RESPONSIVE              **/
/**                                            **/
/************************************************/


.visually-hidden {  position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; padding: 0; margin: -1px;}
.compare-table-wrapper { max-width: 1200px; margin: 0 auto; padding: 1rem; }
.compare-table {width: 100%; border-collapse: collapse; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; box-shadow: 0 2px 8px rgba(0,0,0,0.04);}
.compare-table__head { color: #fff; padding: 0.9rem; text-align: center; font-weight: 700; border: 1px solid #e5e5e5;}
.compare-table__head--good { background: #51a551; }
.compare-table__head--bad  { background: #d93d3d; }
.compare-table td { vertical-align: top; padding: 0.9rem; border: 1px solid #eaeaea;  background: #fff;}
.compare-table ul {margin: 0.25rem 0 0 1.1rem; padding: 0;line-height: 1.45;}

@media (max-width: 767px) {
  .compare-table thead { display: none; }
  .compare-table, .compare-table tbody, .compare-table tr, .compare-table td {   display: block; width: 100%;}
  .compare-table tr { margin-bottom: 1rem; border: none; box-shadow: 0 1px 6px rgba(0,0,0,0.04); border-radius: 8px; overflow: hidden; }
  .compare-table td {  padding: 0.9rem 1rem;   border: none; position: relative;  background: #fff;}
  .compare-table td::before { content: attr(data-label); display: block;  font-weight: 700; padding-bottom: 0.45rem; }
  .compare-table td[data-label="Avantages"]::before { color: #2f7f2f; }
  .compare-table td[data-label="Inconvénients"]::before { color: #c02f2f; }
}

@media (min-width: 768px) {
  .compare-table th,
  .compare-table td { padding: 1rem; }
}

/************************************************/
/**                                            **/
/**            CARTOUCHE AUTEUR                **/
/**                                            **/
/************************************************/

.cartouche-auteur {margin: 40px 0; padding: 0;}
.cartouche-auteur .cartouche-auteur-content {background-color: var(--couleur-fond); border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 20px;}
.cartouche-auteur .cartouche-auteur-photo {width: 70px; height: 70px; margin: 0 auto;}
.cartouche-auteur .cartouche-auteur-photo img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 4px solid var(--couleur-principale);}
.cartouche-auteur .cartouche-auteur-info {display: flex; flex-direction: column;}
.cartouche-auteur .cartouche-auteur-header {text-align: center;}
.cartouche-auteur .cartouche-auteur-nom{color: var(--couleur-principale); font-size: 22px; font-weight: 700; margin: 0; line-height: 1.2;}
.cartouche-auteur .cartouche-auteur-nom *{color: var(--couleur-principale);}
.cartouche-auteur .cartouche-auteur-nom .nom {text-transform: uppercase;}
.cartouche-auteur .cartouche-auteur-btn .nom {text-transform: uppercase;}
.cartouche-auteur .cartouche-auteur-titre {color: var(--couleur-gris); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0 0 0; font-weight: 500;}
.cartouche-auteur .cartouche-auteur-localisation {color: var(--couleur-texte); font-size: 14px; margin: 5px 0 10px 0; font-weight: 400;}
.cartouche-auteur .cartouche-auteur-reseaux {display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 0;}
.cartouche-auteur .cartouche-auteur-reseau {width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--couleur-principale); color: var(--couleur-blanc); font-size: 16px; transition: all 250ms ease-in-out;}
.cartouche-auteur .cartouche-auteur-reseau:hover {background-color: var(--couleur-noir); color: var(--couleur-blanc);}
.cartouche-auteur .cartouche-auteur-reseau i{color: var(--couleur-blanc);}
.cartouche-auteur .cartouche-auteur-description {padding: 15px 15px 15px 30px; border-radius: 12px; position: relative; width: 100%;}
.cartouche-auteur .cartouche-auteur-description::before {content: '{'; position: absolute; left: 8px; top: 45%; transform: translateY(-50%); color: var(--couleur-principale); line-height: 1; font-size: 2.5rem;}
.cartouche-auteur .cartouche-auteur-description p {margin: 0; color: var(--couleur-texte); text-align: left;font-style: italic;}
.cartouche-auteur .cartouche-auteur-footer {display: flex; justify-content: center; width: 100%;}
.cartouche-auteur .cartouche-auteur-btn {background-color: var(--couleur-principale); color: var(--couleur-blanc); padding: 12px 24px; border-radius: 25px; font-size: 14px; font-weight: 600; text-transform: uppercase; transition: all 250ms ease-in-out; display: inline-block; text-decoration: none;}
.cartouche-auteur .cartouche-auteur-btn *{color: var(--couleur-blanc);}
.cartouche-auteur .cartouche-auteur-btn:hover *{color: var(--couleur-blanc);}
.cartouche-auteur .cartouche-auteur-btn:hover {background-color: var(--couleur-noir); color: var(--couleur-blanc);}

@media screen and (min-width: 768px) {
  .cartouche-auteur {margin: 50px 0;}
  .cartouche-auteur .cartouche-auteur-content {flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding: 35px 40px;}
  .cartouche-auteur .cartouche-auteur-photo {width: 90px; height: 90px; margin: 0;}
  .cartouche-auteur .cartouche-auteur-info {flex: 1;}
  .cartouche-auteur .cartouche-auteur-header {text-align: left;}
  .cartouche-auteur .cartouche-auteur-nom {font-size: 26px;}
  .cartouche-auteur .cartouche-auteur-reseaux {justify-content: flex-start;}
  .cartouche-auteur .cartouche-auteur-description {width: 100%;}
  .cartouche-auteur .cartouche-auteur-description p {text-align: justify;}
}

@media screen and (min-width: 1024px) {
  .cartouche-auteur .cartouche-auteur-photo {width: 115px; height: 115px;}
  .cartouche-auteur .cartouche-auteur-nom {font-size: 26px;}
  .cartouche-auteur .cartouche-auteur-description {padding: 10px 20px 10px 40px;}
  .cartouche-auteur .cartouche-auteur-description::before {left: 12px; font-size: 5rem;}
  .cartouche-auteur .cartouche-auteur-description p {font-size: 15px;}
}

/************************************************/
/**                                            **/
/**            PAGE AUTEUR                     **/
/**                                            **/
/************************************************/

.template-page-auteur {background: #fff;}
.template-page-auteur .section-auteur {padding: 2.5rem 0; display: flex; flex-direction: column; gap: 2.5rem;}
.template-page-auteur .nom {text-transform: uppercase;}
.template-page-auteur .auteur-header {border-radius: 1.25rem; padding: 1.875rem; display: flex; flex-direction: column; align-items: center; gap: 1.875rem; position: relative; overflow: hidden;}
.template-page-auteur .auteur-header *{color: var(--couleur-principale);}
.template-page-auteur .auteur-header-photo {position: relative; width: 8rem; height: 8rem; z-index: 1; flex-shrink: 0;}
.template-page-auteur .auteur-header-photo img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 0.25rem solid var(--couleur-principale);}
.template-page-auteur .auteur-header-info {text-align: center; color: #fff; z-index: 1; flex: 1; display: flex; flex-direction: column; gap: 1.875rem; width: 100%;}
.template-page-auteur .auteur-header-description {padding-left: 2rem; position: relative; flex: 1;}
.template-page-auteur .auteur-header-description::before {content: '{'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color:var(--couleur-principale); line-height: 1;font-size: 2.5rem;}
.template-page-auteur .auteur-header-description p {margin: 0; color: var(--couleur-texte); font-style: italic; line-height: 1.6;}
.template-page-auteur .auteur-header-description p *{color: var(--couleur-texte);}
.template-page-auteur .auteur-header-details {flex-shrink: 0; text-align: center;}
.template-page-auteur .auteur-header-nom {color: var(--couleur-principale); margin: 0 0 0.625rem 0; line-height: 1.2;font-weight: 700;padding-top: 0;}
.template-page-auteur .auteur-header-nom * {color: var(--couleur-principale);}
.template-page-auteur .auteur-header-titre {text-transform: uppercase; letter-spacing: 0.125rem; margin: 0 0 0.9375rem 0; opacity: 0.95;color: var(--couleur-texte);}
.template-page-auteur .auteur-header-titre * {color: var(--couleur-texte);}
.template-page-auteur .auteur-header-localisation {margin: 0; display: flex; align-items: center; gap: 0.5rem; justify-content: center; display: inline-block;background-color: var(--couleur-principale);padding: 0.5rem 1rem;border-radius: 2rem;color: var(--couleur-blanc);}
.template-page-auteur .auteur-header-localisation i{color: var(--couleur-blanc);margin-right: 0.5rem;;}
.template-page-auteur .auteur-header-reseaux {display: flex; gap: 0.9375rem; margin-top: 1.5625rem; flex-wrap: wrap; justify-content: center;}
.template-page-auteur .auteur-header-reseau {width: 2.8125rem; height: 2.8125rem; border-radius: 50%; background: var(--couleur-principale); color: #fff; display: flex; align-items: center; justify-content: center; transition: all 300ms ease-in-out;}
.template-page-auteur .auteur-header-reseau:hover {background: var(--couleur-noir); color: #fff; transform: translateY(-0.1875rem);}
.template-page-auteur .auteur-header-reseau i {color: #fff;}
.template-page-auteur .auteur-description-longue {background: var(--couleur-fond); border-radius: 1.25rem; padding: 2.5rem 1.875rem;}
.template-page-auteur .auteur-section-titre {color: var(--couleur-principale); margin: 0 0 1.5625rem 0; padding-bottom: 0.9375rem; position: relative;}
.template-page-auteur .auteur-section-titre * {color: var(--couleur-principale);}
.template-page-auteur .auteur-description-longue-content {color: var(--couleur-texte); line-height: 1.8;}
.template-page-auteur .auteur-description-longue-content p {margin: 0 0 0.9375rem 0;}
.template-page-auteur .auteur-description-longue-content p:last-child {margin-bottom: 0;}
.template-page-auteur .auteur-cta {background: var(--couleur-principale); border-radius: 1.5625rem; padding: 3.125rem 1.875rem; text-align: center; position: relative; overflow: hidden;}
.template-page-auteur .auteur-cta-titre {color: #fff; margin: 0 0 0.9375rem 0; position: relative; z-index: 1;}
.template-page-auteur .auteur-cta-texte {color: #fff; margin: 0 0 1.875rem 0; opacity: 0.95; position: relative; z-index: 1;text-align: center;}
.template-page-auteur .auteur-cta-btn {background: #fff; color: var(--couleur-principale); padding: 1rem 2.5rem; border-radius: 1.875rem; text-transform: uppercase; display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none; transition: all 300ms ease-in-out; position: relative; z-index: 1;}
.template-page-auteur .auteur-cta-btn *{color: var(--couleur-principale);}
.template-page-auteur .auteur-cta-btn:hover *{color: var(--couleur-blanc);}
.template-page-auteur .auteur-cta-btn:hover {background: var(--couleur-noir); color: #fff; transform: translateY(-0.1875rem);}

@media screen and (min-width: 768px) {
  .template-page-auteur .section-auteur {padding: 3.75rem 0; gap: 3.125rem;}
  .template-page-auteur .auteur-header {flex-direction: row; padding: 2.5rem; text-align: left; align-items: flex-start; gap: 2.5rem;}
  .template-page-auteur .auteur-header-photo {width: 9rem; height: 9rem;}
  .template-page-auteur .auteur-header-info {flex-direction: column; text-align: left; align-items: flex-start; gap: 1.5rem;}
  .template-page-auteur .auteur-header-description {margin-top: 0; width: 100%; padding-left: 2.5rem;}
  .template-page-auteur .auteur-header-description::before {font-size: 3rem;}
  .template-page-auteur .auteur-header-details {text-align: left;}
  .template-page-auteur .auteur-header-localisation {justify-content: flex-start;}
  .template-page-auteur .auteur-header-reseaux {justify-content: flex-start; margin-top: 1rem;}
  .template-page-auteur .auteur-description-longue {padding: 3.125rem 3.75rem;}
  .template-page-auteur .auteur-cta {padding: 3.75rem 5rem;}
}

@media screen and (min-width: 1024px) {
  .template-page-auteur .auteur-header-photo {width: 11rem; height: 11rem;}
  .template-page-auteur .auteur-description-longue-content {columns: 2; column-gap: 2.5rem;}
}

@media screen and (min-width: 1200px) {
  .template-page-auteur .auteur-header {padding: 3rem; gap: 3rem;}
  .template-page-auteur .auteur-header-photo {width: 13rem; height: 13rem;}
  .template-page-auteur .auteur-header-info {flex-direction: row; align-items: center; gap: 2.5rem;}
  .template-page-auteur .auteur-header-description {width: auto; padding-left: 3rem;}
  .template-page-auteur .auteur-header-description::before {font-size: 4rem; left: 0.25rem;}
}