/*
 Theme Name:   iwego child
 Description:  Theme iwego
 Author:       Iwego
 Template:     iwego
 Version:      1.17
*/


:root {
    --couleur-isoler : rgb(79,175,151);
    --couleur-isoler-light: rgb(185, 237, 224);
    --couleur-proteger : rgb(11,79,112);
    --couleur-proteger-light : rgb(69, 122, 149);
    --couleur-ventiler : rgb(128,202,204);
    --couleur-ventiler-light : rgb(168, 225, 227);
    --couleur-produire : rgb(172,203,107);
    --couleur-produire-light : rgb(196, 216, 151);
    --couleur-chauffer : rgb(243,145,45);
    --couleur-chauffer-light : rgb(243, 176, 110);
    --couleur-renover : rgb(239, 120, 114);
    --couleur-renover-light : rgb(255, 158, 153);
    
}

.bloc-carrousel-expertise .slick-slide h3{width:auto;}

@media (max-width: 768px) {
.section-margin {margin-top: 6rem !important; margin-bottom: 6rem !important;}
}
ol li::marker {
  font-size: 1.5rem;
  color: var(--couleur-cta);
  font-weight: 500;
}
.post-password-form{ max-width: 1200px; margin: 15rem auto; }
.blocimageright500 .bloc-image-contain{ max-height:500px; }

a{text-decoration: none;}

.maxwidth800{ max-width: 800px; margin-left: auto; margin-right: auto;}
.maxwidth1000{ max-width: 1000px; margin-left: auto; margin-right: auto;}
.slider18 .slick-carousel-logo .slick-slide img{max-height: 18rem;}
.ti-header-write-btn-container{display: none !important}
a.btn {width: 100%; padding: .8rem 2rem !important; border-radius: 2.5rem; font-weight: 600; display: block; text-align: center; }
a.btn-border {border: 1px solid #fff; border-radius: var(--border-radius); padding: .6rem 3.5rem; }
a.btn-border:hover {background-color: #fff; color: var(--couleur-principale);}
a.btn-phone {border: 2px solid var(--couleur-principale); color: var(--couleur-cta);}
a.btn-phone i {margin-right: 4px !important; color: var(--couleur-principale);}
a.btn-phone:hover { box-shadow: inset 35em 0 0 0 var(--couleur-cta);  color: #fff !important; border-color: var(--couleur-cta); }
a.btn-phone:hover i {color: #fff;}

a.btn-main {border: 2px solid var(--couleur-principale); color: #fff; background-color: var(--couleur-principale);}
a.btn-main:hover { box-shadow: inset 15em 0 0 0 var(--couleur-cta); border-color: var(--couleur-cta); }

.btn-underline::after {content: ""; height: 1px; width: 75%; background-color: var(--couleur-cta); margin-top: 8px; display: block; transition: all 200ms ease-in-out;}
.btn-underline:hover::after {width: 100%;}

.bloc-accordeon-intro h2{margin-top:0px;}

.margin-bottom-0{margin-bottom:0;}
.margin-top-2{margin-top:2rem !important;}

.leaflet-pane {z-index: 1 !important;}

strong {font-weight: 600;}
.padding2{padding: 2rem;}

@media (min-width: 768px) {
.btn-border {max-width: max-content; margin-left: auto; margin-right: auto;}
a.btn {max-width: max-content;}
}

.ti-rating-text .ti-rating, .ti-large-logo{display: none !important;}
/*Erwan temporaire menu prestation*/

.menu-prestation-list {list-style: none;padding: 0;margin: 0; cursor: pointer;}
.menu-prestation-item svg,.sub-menu-prestation svg {height: 50px; width: 100%;}


.sub-menu-prestation {display: none;  padding: 10px;}


.menu-prestation-content {transition: background-color 0.3s ease-in-out;}

.prestation-entretenir a{ color: white; }

.accordeon-content{padding:0 2rem !important; display: none;}
.container-bloc-accordeon .accordeon-section:first-of-type .accordeon-content, .faq .accordeon-section:first-of-type .accordeon-content {display: block;}
.container-bloc-accordeon .accordeon-section:first-of-type .accordeon-toggle, .faq .accordeon-section:first-of-type .accordeon-toggle {border-bottom: .1rem solid var(--couleur-principale);}
.accordeon-light .accordeon-toggle{font-size:1.8rem;}
.accordeon-toggle::after {content: '+'; display: inline-block; margin-left: 1rem; font-weight: bold;}
.accordeon-toggle.open::after {content: '-';}


.border-radius-image img{border-radius: var(--border-radius);}

@media (max-width: 768px) {
    h1 {font-size: 3rem !important;}
    h2 {font-size: 2.6rem !important;}
    }


/************HEADER*************/


header * {text-transform: uppercase;}
#menu-menu-principal {justify-content: flex-start; column-gap: 1rem;}
#menu-menu-principal a {text-transform: uppercase; margin: 1rem 1.5rem; font-weight: 300;padding: 5px;}
#menu-menu-principal>li.menu-item>a {margin: 2rem .5rem;border-bottom: 4px solid transparent;}
#menu-menu-principal>li.menu-item>a>strong {font-weight: 600;}
#menu-menu-principal>li.menu-item>a:hover {border-bottom: 4px solid var(--couleur-cta);}
#menu-menu-principal>li.menu-item.current-menu-ancestor>a, #menu-menu-principal>li.menu-item.current-menu-item>a {border-bottom: 4px solid var(--couleur-cta);}

.menu-prestation {display: none;}
.menu-prestation * {text-align: center;}
.menu-prestation .menu-prestation-content {position: absolute; width: 100%;}



.menu-prestation h2 {text-transform: uppercase; margin: 0; padding-bottom: 1.5rem; padding-bottom: 2.5rem; font-weight: 300;}
.menu-prestation .menu-prestation-list {background-color: #fff; border-radius: 0 0 var(--border-radius) var(--border-radius); max-width: max-content; column-gap: 3rem; margin: 0 auto; padding: 0 2rem;}
.menu-prestation .menu-prestation-item {border-bottom: 1rem solid transparent; transition: all 200ms ease-in-out; flex: 1; flex-direction: column; align-items: center; justify-content: center; height: inherit; margin-bottom: 0;}


.menu-prestation .menu-prestation-title svg:not(.disable-hover) [id^="hover"] path {fill: var(--couleur-principale) !important;}
.menu-prestation .sub-menu-prestation svg g:not([id^="hover"])>path:not(.rouleau), .menu-prestation .sub-menu-prestation svg g:not([id^="hover"]) rect , .menu-prestation .sub-menu-prestation svg .cls-blanc, .menu-prestation .sub-menu-prestation svg .fond-blanc {fill: #fff !important;}

.menu-prestation-title {text-transform: uppercase; font-size: 1.3rem; font-weight: 600; padding: 1rem;}
.menu-prestation .menu-prestation-item svg {max-width: 4.5rem; max-height: 2rem; display: block; margin: 0 auto 1rem;}
#posts-container {width: 100%; padding-bottom: 1.5rem; padding-top: 1.5rem;}
.menu-prestation .sub-menu-prestation {justify-content: center; column-gap: 3rem;}
.menu-prestation .sub-menu-prestation li {margin-bottom: 5px; flex: 1; max-width: 13rem;}
.menu-prestation .sub-menu-prestation a {text-transform: uppercase; font-size: 1.1rem;  padding: 1rem; border-radius: var(--border-radius);}
.menu-prestation .sub-menu-prestation li a:hover {background-color: rgba(255, 255, 255, .4);}

#headermenu.sticky .menu-prestation .menu-prestation-item svg {max-width: 4rem; max-height: 2rem;}
#headermenu.sticky .menu-prestation-title {font-size: 1.3rem;}

.breadcrumb * {text-transform: uppercase; font-weight: 300 !important;}
.breadcrumb .breadcrumb_last {text-decoration: underline;}

header .sub-menu {margin-left: 0; background-color: var(--couleur-header); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; left: 50% !important; transform: translateX(-50%);}
header .sub-menu::before { content: '';  position: absolute;  top: -12px; left: 50%;  width: 0px;  height: 0px;  border-style: solid;  border-width: 0 11.5px 13px 11.5px; border-color: transparent transparent #fff transparent; transform: rotate(0deg) translateX(-50%);  filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, .08));}

header .menu-contact {column-gap: 2rem; display: none;}
header a.btn {font-size: 1.4rem;}

header .sub-menu li a {cursor: pointer;}
header .sub-menu li:hover a{font-weight:bold !important;}

header .sub-menu li.current-menu-item a{font-weight:bold !important;}


nav .main-menu {margin-left: 0;}
header a,footer a{text-decoration: none;}

/*****VARIABLES COULEURS*****/
.menu-prestation .menu-prestation-item[data-term-name="isoler"]:hover {border-color: var(--couleur-isoler); }
.menu-prestation .menu-prestation-item[data-term-name="entretenir"]:hover {border-color: var(--couleur-renover);}
.menu-prestation .menu-prestation-item[data-term-name="proteger"]:hover {border-color: var(--couleur-proteger);}
.menu-prestation .menu-prestation-item[data-term-name="produire"]:hover {border-color: var(--couleur-produire);}
.menu-prestation .menu-prestation-item[data-term-name="ventiler"]:hover {border-color: var(--couleur-ventiler);}
.menu-prestation .menu-prestation-item[data-term-name="chauffer-climatiser"]:hover {border-color: var(--couleur-chauffer);}

.menu-prestation .menu-prestation-content.color-isoler {background-color: var(--couleur-isoler-light);}
.menu-prestation .menu-prestation-content.color-ventiler {background-color: var(--couleur-ventiler-light);}
.menu-prestation .menu-prestation-content.color-produire {background-color: var(--couleur-produire-light);}
.menu-prestation .menu-prestation-content.color-entretenir {background-color: var(--couleur-renover-light);}
.menu-prestation .menu-prestation-content.color-proteger {background-color: var(--couleur-proteger-light);}
.menu-prestation .menu-prestation-content.color-chauffer-climatiser {background-color: var(--couleur-chauffer-light);}

.menu-prestation .sub-menu-prestation[data-term-id="6"] a:hover {color: #fff;}

.sub-menu .hassubmenu>a.no-smooth-scroll{font-weight: 600 !important;}
.sub-menu .hassubmenu.open>a.no-smooth-scroll{font-weight: 800 !important;}

header .header-logo {height: 4rem; width: inherit; }
    
@media (min-width: 768px) {
    .menu-prestation h2 {text-transform: uppercase; font-size: 1.6rem;}
    .breadcrumb {margin-bottom: 4rem !important;}
    .menu-prestation .menu-prestation-item[data-term-name="chauffer-climatiser"] {display: inline-block; white-space: normal; max-width: 23rem;}
    .menu-prestation .menu-prestation-item[data-term-name="chauffer-climatiser"] span {display: contents;}
    }

@media (min-width: 1000px) {
    .menu-prestation {display: block;}
    #headermenu .header-menu {padding: 1rem 5rem;}
    #menu-menu-principal>li.menu-item>a {font-size: 1.4rem; letter-spacing: .1rem;}
    header .sub-menu li a {font-size: 1.4rem;}
    }
    
@media (min-width: 1200px) {
    header .header-logo {width: 30rem; height: inherit;max-width: 35rem;}
    #headermenu.sticky .header-logo { height:  inherit; width: 20rem;}
    header .menu-contact {margin-left: 2rem; display: flex;}
    .menu-prestation .menu-prestation-item svg {max-width: 5rem; max-height: 2.5rem;}
    .menu-prestation .sub-menu-prestation a {font-size: 1.2rem;}
    .menu-prestation h2 {text-transform: uppercase; font-size: 2rem;}
    }    
@media (min-width: 1260px) {
    .header-menu {
        justify-content:center;
    }

    #menu-principal {
        flex: 1
    }
}


@media (min-width: 1500px) {
    #headermenu.sticky .header-menu {padding: 1rem 2rem !important;}
    #menu-menu-principal {justify-content: center;}

}

@media (min-width: 1700px) {
    header .header-logo {width: 35rem; max-width: 35rem;}
}


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

.section-entete.entete-center .entete-container {display: flex; flex-direction: column;}
.home .section-entete h1 {order:2}
.home .section-entete h2 span{ order: 1; background-color: var(--couleur-cta); color: white; font-weight: bold; padding: 0.5rem 1rem; }
.home .section-entete ul {order: 3;display: flex; list-style: none; background-color: #fff; border-radius: 2.5rem; padding: 8px 2.5rem; margin: 0 auto;  max-width: max-content; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px -2px, rgba(0, 0, 0, 0.25) 0px 3px 7px -3px;}
.home .section-entete li {font-size: 1.8rem; font-weight: 600;margin-bottom:0;}
.home .section-entete li:first-of-type {color: var(--couleur-cta);}
.home .section-entete li:nth-child(2) {color: #007576;}
.home .section-entete li:nth-child(2)::after, .home .section-entete li:nth-child(2)::before {content: '>'; margin: 0 6px; display: inline-block; color: var(--couleur-texte); font-weight: 300;}
.home h1 {font-weight: 800; color: #fff; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.home .bloc-carrousel-rea .section-carrousel-post .bloc-fleche .fleches {display: none !important;} 
.home .bloc-carrousel-rea .section-carrousel-post .bloc-fleche {text-align: center;}


@media (min-width: 768px) {
    .home .section-entete {height: 75vh;}
    .home .bloc-carrousel-rea .section-carrousel-post .bloc-fleche .fleches {display: flex !important;} 
    .home .bloc-carrousel-rea .section-carrousel-post .bloc-fleche {text-align: left;}
    }




/************FORMULAIRE*************/



.input:focus-visible, select:focus-visible, textarea:focus-visible {outline-width: 3px; outline: #B5B5B5 auto 1px;}
select {background-image: url('/wp-content/themes/iwego-child/images/icone-select.svg'); background-repeat: no-repeat; background-size: 1rem; background-position: center right 1.5rem;}
/*form {max-width: 60rem !important;}*/
form .gform-body>ul {display: flex !important; flex-wrap: wrap;}
.gform_wrapper form select,.gform_wrapper form input[type="text"],.gform_wrapper form textarea,.gform_wrapper form input[type="email"] {border-radius: 5px; border: 1px solid #fff; padding: 1rem 2.5rem !important; line-height: normal !important; width: 100% !important; background-color: var(--couleur-fond-light); }
form label {display: none;}
form *::placeholder, select {color: #B5B5B5;}
form .input-100 {width: 100%;}
form .ginput_container {margin-left: 0 !important; margin-right: 0 !important; width: 100% !important;}
form input[type="submit"] {background-color: var(--couleur-cta); border: none !important; color: #fff !important; padding: 1rem 2rem;}
form input[type="submit"]:hover { box-shadow: inset 35em 0 0 0 var(--couleur-principale);  color: #fff !important; }
#main-content .gform_legacy_markup_wrapper ul.gform_fields:not(.top_label) .ginput_container.ginput_recaptcha{ margin-left: 0 !important; }
h3.gform_title {display: none;}
form .input-50 {width: 100%;}



@media (min-width: 768px) {
form .input-50 {width: 50% !important;}
form input[type="submit"] {padding: 1.5rem 2.5rem;}
}

.ginput_container_consent label{display:inline-block;}
.ginput_container_consent input[type="checkbox"]{-webkit-appearance: auto;display: inline-block;margin-left:0 !important;}

@media (min-width: 1200px) {
#section-formulaire-contact form {max-width: 80rem; margin-left: auto; margin-right: auto;}
}


/************DIVERS*************/

@media (max-width: 768px) {
.section-prestations{overflow: hidden;}
}

.titre-weight {margin-bottom: 4rem; font-weight: 300;}

.section-prestations .section-prestations-intro, .section-prestations h2 {max-width: 80rem; margin-left: auto; margin-right: auto; text-align: center;}

.section-agences-reassurances .agences-reassurances-col img {margin-left: auto; margin-right: auto; max-height: 17rem;}
.section-agences-reassurances .agences-reassurances-bg {background-color: var(--couleur-fond-light); padding: 2.5rem;}
/*.section-agences-reassurances .agences-reassurances-bg:nth-of-type(2), .page-qui-sommes-nous.section-agences-reassurances .agences-reassurances-col.col-border-left {border-radius: var(--border-radius) var(--border-radius) 0 0; order: 1;} */
.section-agences-reassurances .agences-reassurances-bg:last-of-type {border-radius: 0 0 var(--border-radius) var(--border-radius); order: 2;}
.section-agences-reassurances .agences-reassurances-min {max-width: max-content; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto 3rem;}
.section-agences-reassurances .agences-reassurances-min p {position: relative;}
#agences-reassurances-wrap {flex-wrap: wrap !important; row-gap: 2rem;}
#agences-reassurances-wrap h2 {font-weight: 600;}

.page-accueil.section-agences-reassurances .agences-reassurances-col:first-of-type {padding: 1rem; flex-direction: column; justify-content: center;} 
.page-accueil.section-agences-reassurances .agences-reassurances-col:first-of-type a {border-radius: 2.5rem; padding: .8rem 1.5rem; font-weight: 400; background-color: var(--couleur-cta); color: #fff;}
.page-accueil.section-agences-reassurances .agences-reassurances-col:first-of-type a:hover {box-shadow: inset 35em 0 0 0 var(--couleur-principale);}
.page-accueil.section-agences-reassurances .agences-reassurances-col:first-of-type {min-width: 100%;}
.page-accueil.section-agences-reassurances .agences-reassurances-col {border-radius: var(--border-radius); display: flex; flex-direction: column;}
.page-accueil.section-agences-reassurances .agences-reassurances-col h3 {font-weight: 600; margin-bottom: 1rem;}
.page-accueil.section-agences-reassurances .agences-reassurances-col h3 + p {margin-top: auto;}
.page-accueil.section-agences-reassurances .agences-reassurances-col p {font-size: 1.4rem;  margin-bottom: 0;}


.page-qui-sommes-nous.section-agences-reassurances .agences-reassurances-intro {margin-bottom: 4rem;}

.section-compteur-advalidem figure img {height: 6rem; width: auto; object-fit: contain; margin-bottom: .5rem;}
.section-compteur-advalidem .compteur-advalidem-row {column-gap: 0; justify-content: center; row-gap: 2rem;}
.section-compteur-advalidem .container-bloc-compteurs {padding: 0;}
.section-compteur-advalidem .col-rge-qualibat {flex-direction: column;}
.section-compteur-advalidem .container-bloc-compteurs .bloc-compteur {padding: 0; row-gap: 1rem;}
.section-compteur-advalidem .container-bloc-compteurs .bloc-compteur .compteur-item {margin: 0; padding: 0 2rem; display: flex; flex-direction: column; justify-content: center;}
.section-compteur-advalidem .compteur-col {display: flex; justify-content: center;}
.section-compteur-advalidem .container-bloc-compteurs .bloc-compteur .compteur-intitule, .section-compteur-advalidem .col-rge-qualibat p {font-size: 1.4rem; margin-top: 5px; margin-left: auto; margin-right: auto;}
.section-compteur-advalidem .container-bloc-compteurs .bloc-compteur .compteur-nombre, .section-compteur-advalidem .container-bloc-compteurs .bloc-compteur .unite-nombre {color: var(--couleur-cta); font-size: 3.5rem;}
.section-compteur-advalidem .btn-rouge {margin-top: 4rem;}


.home .section-entete + .section-promotions.section-margin {margin-top: 6rem;}

.section-nous-choisir p {max-width: 60rem; margin-left: auto; margin-right: auto;}
.section-nous-choisir .bloc-nous-choisir {column-gap: 4.5rem; margin-top: 5rem; justify-content: center; row-gap: 0;}
.bloc-nous-choisir .col-right {flex-direction: column; column-gap: 4.5rem;}
.bloc-nous-choisir .col-right .right-row {padding: 3rem 0; flex-direction: column; flex: 1;}
.bloc-nous-choisir .col-right .right-row:first-of-type {border-bottom: 1px solid var(--couleur-fond-light);}
.bloc-nous-choisir .col-left {padding-bottom: 3rem; border-bottom: 1px solid var(--couleur-fond-light);}
.bloc-nous-choisir .col-left figure img {margin: auto;}

.bloc-mentions h2 {font-weight: 300; margin-top: 4rem;}


.section-presentation h1 {margin-bottom: 6rem;}
.section-presentation .presentation-img figure {width: 100%;}
.section-presentation .presentation-img img {height: auto; max-height: 25rem; width: 100%; object-fit: cover; border-radius: var(--border-radius);}


.section-carte-occitanie .carte-occitanie-img img {max-height: 15rem;}


.section-accueil-presentation .accueil-presentation-columns {column-gap: 6rem; position: relative;}
.section-accueil-presentation .accueil-presentation-col {background-color: #fff; border-radius: var(--border-radius); padding: 3rem 4rem; max-height: max-content;}
.section-accueil-presentation .accueil-presentation-col .texte-fleche {text-align: right; max-width: 35rem; margin-left: auto;}
.section-accueil-presentation .accueil-presentation-col .texte-fleche::after {content: url('/wp-content/themes/iwego-child/images/fleche-suite.svg'); display: block; margin-top: 3rem; max-width: max-content; transform: rotate(122deg);}
.section-accueil-presentation .btn-rouge {margin-top: 3.5rem;}

.section-choisir-advalidem .choisir-advalidem-columns {background-color: #fff; border-radius: var(--border-radius); padding: 2rem; row-gap: 1rem;}
.section-choisir-advalidem .choisir-advalidem-columns h3 {font-weight: 600;}
.section-choisir-advalidem .choisir-advalidem-columns img {height: 15rem;}
.section-choisir-advalidem .titre-interbloc {margin-top: 2.5rem; margin-bottom: 2.5rem;}

.list-check li {padding-left: 1rem;}
.list-check li:not(:last-of-type) {margin-bottom: 2.5rem;}
.list-check li strong {font-size: 1.8rem; font-weight: 700;}
.list-check li::marker {content: url('/wp-content/themes/iwego-child/images/marker_check.svg');}

.bloc-form-tel {border-radius: var(--border-radius); padding: 2rem 3rem;}
.bloc-form-tel h2 strong {color: var(--couleur-cta);}
.bloc-form-tel .bloc-form-tel-columns {row-gap: 1rem;}
.bloc-form-tel form {display: flex; column-gap: 2rem; flex-wrap: wrap;}
.bloc-form-tel form .form-tel-rgpd label {display: block; margin-left: 0 !important; font-size: 1.3rem;}
.bloc-form-tel form .form-tel-rgpd span {margin-left: 0 !important;}
.bloc-form-tel form input[type="checkbox"] {-webkit-appearance: auto;}
.bloc-form-tel form .form-tel-num {border: 1px solid #d4d4d4; border-radius: .4rem; padding: 1rem;}
.bloc-form-tel form input[type="submit"] {padding: 1rem 3rem;}


@media (min-width: 768px) {
    .section-agences-reassurances .agences-reassurances-min {max-width: 10rem; margin: 0;}
    .section-agences-reassurances .agences-reassurances-min p::after {content: url('/wp-content/themes/iwego-child/images/fleches-qui-sommes-nous.svg'); display: block;  position: absolute; top: calc(100% + 10px);}
    .page-accueil.section-agences-reassurances .agences-reassurances-col:first-of-type {flex: none; width: 100%;}
    .section-compteur-advalidem .compteur-advalidem-row {margin-top: 5.5rem;}
    .bloc-nous-choisir .col-right {flex-direction: row;}
    .bloc-mentions h2 {margin-top: 6rem;}
    .qui-sommes-nous-reassurances.section-agences-reassurances {margin-top: 6rem;}
    .section-compteur-advalidem .container-bloc-compteurs .bloc-compteur {height: 100%;}
    .section-compteur-advalidem .container-bloc-compteurs .bloc-compteur .compteur-item {border-right: 2px solid var(--couleur-fond-light); margin: 0; padding: 0 2rem;}
    .section-compteur-advalidem .container-bloc-compteurs {width: 100%; align-items: center; display: flex;}
    .section-compteur-advalidem .col-rge-qualibat.col-rge-qualibat-border {border-right: 2px solid var(--couleur-fond-light); margin: 0; padding: 0 2rem;}
    .section-carte-occitanie .carte-occitanie-columns {justify-content: center;}
    .section-compteur-advalidem .compteur-col {flex-basis: 75% !important; justify-content: flex-start;}
    .section-compteur-advalidem .col-rge-qualibat {max-width: 25%; width: 25%;}
    .section-compteur-advalidem figure img {height: 5rem;}
    .list-check ul {margin-left: 0;}
    .section-presentation .no-margin-top {margin-top: 0;}
    .section-presentation .presentation-img img {max-height: 30rem;}
    .section-accueil-presentation .accueil-presentation-col .texte-fleche::after {transform: none; margin-top: 2rem; margin-left: auto;}
    .section-accueil-presentation .accueil-presentation-columns::after {content: '+'; font-weight: 700; font-size: 3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .bloc-form-tel h2 {margin-left: auto; text-align: right; max-width: max-content; font-size: 2.8rem;}
    
}
@media (min-width: 1000px) {
    .bloc-nous-choisir .col-left {padding-right: 5rem; flex-basis: 45% !important; max-width: max-content; padding-bottom: 0; border-bottom: none;}
    .bloc-nous-choisir .col-right {border-left: 1px solid var(--couleur-fond-light); flex-basis: 55% !important; max-width: max-content; flex-direction: column; column-gap: 0;}
    .bloc-nous-choisir .col-right figure {margin-right: 4rem;}
    .bloc-nous-choisir .col-right img {width: 17rem;}
    .bloc-nous-choisir .col-right .right-row {padding: 3rem 5rem; flex-direction: row;}
    .section-nous-choisir .bloc-nous-choisir {column-gap: 0; align-items: center !important; }
    .bloc-mentions.main-container {max-width: 80rem;}
    .page-qui-sommes-nous.section-agences-reassurances .agences-reassurances-intro, .page-qui-sommes-nous.section-agences-reassurances #agences-reassurances-wrap {max-width: 90rem; margin-left: auto; margin-right: auto;}
    .page-qui-sommes-nous.section-agences-reassurances .agences-reassurances-intro {margin-bottom: 5rem;}
    #agences-reassurances-wrap h2 {font-size: 2rem; text-align: right;}
    .page-accueil.section-agences-reassurances .agences-reassurances-col:first-of-type {flex: 1.2; width: auto; min-width: 0;}
    .page-accueil.section-agences-reassurances .agences-reassurances-col:first-of-type p {text-align: right;}
    .section-agences-reassurances .agences-reassurances-col img {max-height: 21rem;}
    .page-accueil.section-agences-reassurances .agences-reassurances-titre {margin-bottom: 5rem;}
    .section-presentation h1 {margin-bottom: 6rem;}
    .section-carte-occitanie .carte-occitanie-img img {max-width: 40rem; max-height: 100%;}
    .section-choisir-advalidem h2 {margin-bottom: 5rem;}
    .section-choisir-advalidem .choisir-advalidem-columns {padding: 6rem 7rem; max-width: 90rem; margin-left: auto; margin-right: auto;}
    .section-choisir-advalidem .titre-interbloc {margin-top: 4rem; margin-bottom: 4rem;}
    .section-accueil-presentation {margin-top: 10rem;}
    .section-accueil-presentation .btn-rouge {margin-top: 5rem;}
    .section-accueil-presentation h2 {margin-bottom: 5rem;}
    .bloc-form-tel {padding: 5rem 3rem;}
    .bloc-form-tel .bloc-form-tel-columns {column-gap: 7rem;}

    
}


@media (min-width: 1400px) {
    .page-accueil.section-agences-reassurances.section-margin {margin-top: 10rem;}
    .page-accueil.section-agences-reassurances .agences-reassurances-titre {margin-bottom: 7rem;}
    .section-presentation h1 {margin-bottom: 7rem;}
    .section-choisir-advalidem .choisir-advalidem-columns img {width: 20rem; height: auto; max-height: 17rem;}
    .section-presentation .presentation-img img {max-height: 40rem;}
}



/************ REALISATIONS & EXPERTISES *************/


.archive-intro {margin: 2.5rem auto 4rem;}
.archive-intro h1 {text-align: center; margin-bottom: 3rem;}
.liste-realisations {column-gap: 3.5rem; row-gap: 2.5rem; margin-bottom: 5rem;}
.liste-realisations .realisation-item {width: 100%; border-radius: var(--border-radius); overflow: hidden; position: relative; transition: all 200ms ease-in-out; margin: 1rem;}
.liste-realisations .realisation-item:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.liste-realisations .realisation-item .realisation-item-infos { background-color: var(--couleur-fond-light); padding: 2rem 2rem 3rem; flex: 1;}

.liste-realisations .realisation-item>a {width: 100%;  background-size: cover; background-repeat: no-repeat; flex-direction: column;  height: 100%; }
.realisation-thumbnail {width: 100%; height: 15rem; overflow: hidden; background: rgb(232, 232, 232) url('/wp-content/themes/iwego-child/images/icone-advalidem-fleche-alpha.svg') no-repeat; background-position: center; background-size: 12rem;}
.realisation-thumbnail img {width: 100%; object-fit: cover; height: 100%; transition: all 200ms ease-in-out;}
.realisation-item:hover .realisation-thumbnail img {transform: scale(1.1);}
.liste-realisations .realisation-item h3 {font-weight: 500; font-size: 1.7rem; margin-top: 0; margin-bottom: 0;}
.liste-realisations .realisation-item p {font-size: 1.4rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;   -webkit-box-orient: vertical;}

.liste-realisations .realisation-social-share {position: absolute; bottom: 1.5rem; right: 2rem; column-gap: .7rem; opacity: .75; transition: all 180ms ease-in-out;}
.liste-realisations .realisation-social-share a {padding: 0 5px;}
.liste-realisations .realisation-item:hover .realisation-social-share {opacity: 1;}

#liste_realisations_loader {width: 100%;}

#liste_expertises_loader {column-gap: 3.5rem; row-gap: 2.5rem; margin-bottom: 5rem;}
.liste-expertises .expertises-item {width: 100%; border-radius: var(--border-radius); overflow: hidden; position: relative; flex-direction: column;}
.liste-expertises .expertises-item:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.liste-expertises .expertises-thumbnail {width: 100%; height: 15rem; overflow: hidden;}
.liste-expertises .expertises-thumbnail img {width: 100%; object-fit: cover; height: 100%; transition: all 200ms ease-in-out;}
.liste-expertises .expertises-item:hover .expertises-thumbnail img {transform: scale(1.1);}
.liste-expertises .expertise-item-infos { background-color: var(--couleur-fond-light); padding: 2rem 2rem 1.8rem; flex: 1;}
.liste-expertises .expertise-item-infos h3 {font-weight: 500; margin-bottom: 0; margin-top: 0; font-size: 1.8rem;}
.liste-expertises .expertise-item-infos p {font-size: 1.4rem; margin-bottom: 0;}
.liste-expertises .expertise-item-infos p strong {font-weight: inherit;}

.liste-filtres {column-gap: 5rem; margin: 3rem auto; justify-content: center; row-gap: 2rem;}
.liste-filtres .liste-filtre {width: 100%;}
.liste-filtres label {display: none;}
.liste-filtres select, .liste-filtres input {border-radius: 5px; border: 1px solid #B5B5B5; padding: 1rem 2.5rem !important; line-height: normal !important; width: 100% !important; background-color: #fff; }
.liste-filtres *::placeholder, .liste-filtres select {color: var(--couleur-principale);}

#loader {margin: auto;}
.pagination {margin-left: auto;}
.pagination * {font-weight: 300; padding: 5px; font-size: 1.4rem; text-transform: uppercase;}
.pagination a:hover {font-weight: 500;}
.pagination .page-numbers.current {font-weight: 600;}

.texp-fond-blanc {padding-top: 3rem; padding-bottom: 3rem;} 
.texp-tableau table {margin-top: 3rem; width: max-content !important;}
.texp-tableau table tr td {border-color: #fff; padding: .5rem 1rem;}
.texp-tableau table tr:nth-child(odd) {background-color: #dedede;}
.texp-tableau table tr:first-of-type {background-color: var(--couleur-principale);}
.texp-tableau table tr:first-of-type td {color: #fff; font-weight: 600;}
.texp-border-top {border-top: 2rem solid; border-image: linear-gradient(to right, #152B42 33%, #0C7778 33%, #0C7778 66%, #DD1D1E 66%) 1;}
.texp-img-col {width: 100%; height: 100%;}
.texp-img-col.texp-img-cover img {max-height: 25rem; object-fit: cover;}
.texp-img-col.text-img-contain img {max-height: 18rem; object-fit: contain;}
.texp-img-col.texp-img-cover figure {width: 100%;}
.texp-img-radius img {border-radius: var(--border-radius);}
.texp-accordeon .container-bloc-accordeon-nombre .accordeon-line {display: none;}
.texp-accordeon .container-bloc-accordeon-nombre .accordeon-number {background-color: transparent; color: var(--couleur-cta); border: none; width: auto;}
.texp-accordeon .container-bloc-accordeon-nombre .accordeon-number.active {color: inherit; background-color: transparent;}
.texp-accordeon .container-bloc-accordeon-nombre .accordeon-number::after {content: '-'; display: inline-block; margin-left: .4rem; color: inherit; font-size: inherit;}
.texp-accordeon .container-bloc-accordeon-nombre .accordeon-header {border-bottom: .1rem solid var(--couleur-principale); font-weight: 600; padding: 1rem 0; }
.texp-accordeon .container-bloc-accordeon-nombre .accordeon-header h3 {font-weight: 600;}
.texp-accordeon .container-bloc-accordeon-nombre .accordeon-content {margin-left: 0; padding-left: 0 !important; border-bottom: .1rem solid var(--couleur-principale); padding-bottom: 2rem !important;}
.texp-accordeon.container-bloc-accordeon h3.accordeon-toggle {border-bottom: .1rem solid var(--couleur-principale); font-weight: 600; padding-left: 0; margin-top: 0; margin-bottom: 0;}
.texp-accordeon.container-bloc-accordeon .accordeon-content {padding-left: 0 !important; padding-bottom: 2rem !important; border-bottom: .1rem solid var(--couleur-principale);  } 

.single-expertises ul li::marker {color: var(--couleur-cta);}
.wp-block-button.btn-rouge a {margin-top: 2.5rem;}

.single-expertises .single-contenu h1{margin-top:0;}
.single-expertises #demande-devis h2{margin-bottom: 0;}

@media (min-width: 768px) {
    .liste-realisations .realisation-item {width: calc(50% - 4rem); margin: 2rem;}
    .realisation-thumbnail {height: 17rem; background-size: 14rem;}
    .archive-intro {max-width: 80rem; margin: 5rem auto 6rem;}
    .liste-expertises .expertises-item {width: calc(50% - 1.8rem);}
    .liste-expertises .expertise-item-infos {padding: 2.5rem 3.5rem;}
    .liste-filtres {margin: 3rem auto 6rem;}
    .liste-filtres .liste-filtre {width: auto;} 
    .texp-tableau table, .texp-tableau p {max-width: 90rem; margin-left: auto; margin-right: auto;}
    .texp-tableau table {margin-top: 4rem; width: 100% !important;}
    .texp-img-col.texp-img-cover img {max-height: 40rem;}
    .texp-img-col.text-img-contain img {max-height: 22rem;}
    .texp-fleche h2 {margin-bottom: 6rem;}
    .texp-accordeon.container-bloc-accordeon {max-width: 90rem; margin-left: auto; margin-right: auto;}

}

@media (min-width: 1000px) {
    .liste-realisations .realisation-item {width: calc(33% - 3.7rem);}
    .liste-expertises .expertises-thumbnail {height: 17rem;}
    .archive-intro h1 {margin-bottom: 4rem;}
    .detail-realisation {max-width: 80rem; margin-left: auto; margin-right: auto;}

}
@media (min-width: 1100px) {
    .archive main, .single main:not(.prestations), body:not(.home) #main-content {padding-top: 8rem;}
    
    }

@media (min-width: 1500px) {
.archive main, .single main:not(.prestations), body:not(.home) #main-content {padding-top: 10rem;}

}



/************ SINGLE *************/

.single-title {text-align: center; margin: 3rem auto 4rem;}
.single-title .single-date {font-size: 1.3rem;}
.single-contenu .single-posthumbnail img {max-width: 100%; margin-left: auto; margin-right: auto; max-height: 30rem; border-radius: var(--border-radius); object-fit: contain; width: 100%;}
.single-contenu p span {font-weight:  inherit !important;}
.single-contenu h3 {margin-top: 3rem;}
.single-contenu .realisation-social-share {column-gap: .7rem; justify-content: flex-end; margin-bottom: 2.5rem;}
.single-contenu .realisation-social-share a {padding: 0 5px; opacity: .75; }
.single-contenu .realisation-social-share a:hover {opacity: 1;}
.single-contenu .vc_col-sm-8 {width: 100% !important;}
.single-contenu .vc_btn3-style-custom {border-radius: 2.5rem !important;}
.single-contenu .vc_btn3-style-custom:hover {box-shadow: inset 35em 0 0 0 var(--couleur-principale); color: #fff !important; border-color: var(--couleur-principale) !important;}
.single-auteur {background-color: var(--couleur-fond-light); border-radius: var(--border-radius); padding: 2.5rem; row-gap: 2rem; column-gap: 2rem; justify-content: center; align-items: center; margin: auto; }
.single-auteur img {max-height: 15rem; object-fit: contain; border-radius: 50%;}
.single-auteur .auteur-name {font-weight: 500; font-size: 1.8rem; max-width: max-content; margin-top: 0; }
.single-auteur .auteur-name::after {content: ''; height: 1px; width: 80%; background-color: var(--couleur-cta); display: block; margin-top: .4rem;}
.single-auteur p {margin: .8rem 0;}
.single-prestations-articles h2 {text-align: center; font-weight: 300;}
.single-prestations .expertises-slider .slick-track, .single-expertises .expertises-slider .slick-track {display: flex !important;}
.single-prestations .expertises-slider .slick-slide, .single-expertises .expertises-slider .slick-slide {display: flex; flex-direction: column; height: inherit;}

.single-prestations .en-construction {font-size: 2rem;}

.expertises-slider {margin-top: 5rem;}
.expertises-slider .slick-slide {margin: 0 2rem; }
.expertises-slider .slick-slide>a {flex-direction: column; background-color: var(--couleur-principale); height: 100%; padding-bottom: 2.5rem; border-radius: var(--border-radius); overflow: hidden; }
.expertises-slider .slick-slide>a:hover {box-shadow: rgba(0, 0, 0, 0.16) 2px 4px 4px;}
.expertises-slider .slick-slide * {color: #fff;}
.expertise-slider-thumbnail {height: 15rem; overflow: hidden;}
.expertise-slider-thumbnail img {width: 100%; object-fit: cover; height: 100%; transition: all 200ms ease-in-out;}
.slick-slide>a:hover .expertise-slider-thumbnail img {transform: scale(1.1);}
.expertises-slider .slick-slide h3 {margin: 2.5rem 2rem 1rem; font-size: 1.8rem;}
.expertises-slider .slick-slide p {font-size: 1.4rem; margin: 1rem 2rem 0; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical;}

#demande-devis {padding-left: 2rem; padding-right: 2rem;}
#demande-devis h2 {text-align: center; font-weight: 300;}


.carrousel-realisations {margin-top: 5rem; margin-bottom: 4rem !important;}
.carrousel-realisations .slick-slide {height: 25rem; margin: 0 2rem; border-radius: var(--border-radius); overflow: hidden;}
.carrousel-realisations .slick-slide img {width: 100%; height: 100%; object-fit: cover; transition: all 200ms ease-in-out;}
.carrousel-realisations .slick-slide:hover img {transform: scale(1.1);}
.carrousel-realisations .slick-next::before, .carrousel-realisations .slick-prev::before {font-weight: 900; font-family: "Font Awesome 6 Free"; color: var(--couleur-principale); opacity: .75; transition: all 180ms ease-in-out;}
.carrousel-realisations .slick-next::before {content: "\f061";}
.carrousel-realisations .slick-prev::before {content: "\f060";}
.carrousel-realisations .slick-next:hover::before, .carrousel-realisations .slick-prev:hover::before {opacity: 1;}


.single-agence-infos .agence-infos-left, .single-agence-infos .agence-infos-map {width: 100%;}
.agence-infos-left {column-gap: 4rem;}
.agence-infos-left h1 {color: var(--couleur-cta); width: 100%; font-weight: 700; margin-top: 0; font-size: 2.2rem;}
.agence-infos-left .intitule {font-weight: 600;}
.single-agence-infos {column-gap: 5rem; margin-top: 3rem; margin-bottom: 3rem;}
.single-agence-infos .agence-infos-contact {flex-direction: column; width: 100%; margin-bottom: 2rem;}
.single-agence-infos .agence-infos-contact a {display: block; max-width: max-content;}
.single-agence-infos .btn-phone {margin: 2rem 0;}
.single-agence-infos .agence-infos-contact .devis {font-weight: 600; margin-top: 2rem auto;}
.single-agence-infos .agence-infos-horaires {flex: 1; column-gap: 1rem;}
.single-agence-infos .agence-infos-horaires .horaires p, .single-agence-infos .agence-infos-contact .adresse {margin: 6px 0;}
.single-agence-infos .agence-infos-horaires .horaires p:first-of-type {width: calc(35% - .5rem);}
.single-agence-infos .agence-infos-horaires .horaires p:last-of-type {width: calc(65% - .5rem); flex: 1;}
.single-agence-infos .agence-infos-map {height: 24rem; margin-top: 3rem;}
.single-agence-responsable.main-container {background-color: var(--couleur-fond-light); border-radius: var(--border-radius); padding: 2.5rem; row-gap: 2rem; column-gap: 2rem; justify-content: center; align-items: center; margin: 5rem 2rem; width: auto; }
.single-agence-responsable img {max-height: 15rem; max-width: 15rem; object-fit: cover; border-radius: 50%;aspect-ratio: 1/1}
.single-agence-responsable h4 {font-size: 2.6rem; font-weight: 300; margin: 0; text-align: center; width: 100%;}
.single-agence-responsable h4 span {font-weight: 600; display: block;}
.single-agence-responsable .responsable-nom {font-weight: 600; margin-top: 0;}


.single-agence-liste-presta .liste-presta {margin-top: 4rem;}
.single-agence-liste-presta h2, .single-agence-liste-presta>p {text-align: center;}

@media (min-width: 768px) {
    #demande-devis {margin: 4rem 2rem; padding-left: 0; padding-right: 0; }
    .single-contenu {margin-left: auto; margin-right: auto;}
    .single-title {max-width: 80rem; margin: 5rem auto 3.5rem;}
    .single-contenu h3 {margin-top: 4rem;}
    .expertises-slider {margin-top: 8rem;}
    .single-contenu .single-posthumbnail img {max-height: 35rem;}
    .single-auteur .auteur {width: 60%;}
    .single-auteur {padding: 3.5rem 6rem; column-gap: 6rem; max-width: 60rem;}
    .single-agence-responsable.main-container {padding: 6rem; column-gap: 6rem; width: 100%;}
    #demande-devis {margin: 7rem auto;}
    .single-auteur img {max-width: calc(40% - 6rem);}
    .carrousel-realisations {margin-top: 6rem; margin-bottom: 7rem !important;}
    .single-agence-infos .agence-infos-contact {max-width: 40%; margin-bottom: 0;}
    .agence-infos-left {column-gap: 4rem; padding-bottom: 4rem;}
    .agence-infos-left h1 {font-size: 3rem;}
    .single-agence-infos {column-gap: 5rem; margin-top: 5rem; margin-bottom: 5rem;}
    .single-agence-infos .btn-phone {margin: auto 0;}
    .single-agence-infos .agence-infos-contact .devis {margin-top: auto;}
    .single-realisations .single-contenu p {max-width: 80rem; margin-left: auto; margin-right: auto;}
    .single-agence-responsable h4 {text-align: left; width: auto;}
}

@media (min-width: 1000px) {
    .expertise-slider-thumbnail {height: 20rem;}
    .expertises-slider .slick-slide p {margin: 1rem 4rem 0;}
    .single-prestations .expertises-slider .slick-slide p {margin: auto 4rem 0;}
    .expertises-slider .slick-slide h3 {margin: 2.5rem 4rem 1rem;}
    .single-contenu .single-posthumbnail img {max-height: 50rem;}
    .single-agence-infos .agence-infos-left, .single-agence-infos .agence-infos-map {width: calc(50% - 2.5rem);}
    .single-agence-infos .agence-infos-map {height: auto; margin-top: 0;}
    .single-agence-liste-presta h2, .single-agence-liste-presta>p {max-width: 80rem; margin-left: auto; margin-right: auto;}
    
}


@media (min-width: 1200px) {
    #demande-devis {margin: 4rem auto; max-width: 800px;}
    .single-agence-responsable.main-container {margin: 5rem auto;}
}

/************ PRESTATIONS *************/

.single-prestation-entete {flex-direction: column; min-height: 40vh; background-position: center; position: relative; background-size: cover; background-repeat: repeat;}
.single-prestation-entete::after {content: ""; background-color: #151d26; width: 100%; height: 100%; left: 0; top: 0; position: absolute; opacity: .4;}
.single-prestation-entete * {color: #fff;}
.single-prestation-entete .prestation-title, .single-prestation-entete .breadcrumb { position: relative; z-index: 1;}
.single-prestation-entete .prestation-title {flex-direction: column; margin-top: auto; margin-bottom: auto;}
.single-prestation-entete .prestation-picto {height: 7rem;}
.single-prestation-entete h1 {font-weight: 800; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); text-align: center; text-transform: uppercase; font-size: 2.5rem;}

.single-prestation-intro p {text-align: center;}
.prestation-nous-choisir {margin: 6rem auto; padding-top: 2rem; padding-bottom: 3rem; background-color: var(--couleur-fond-light); border-radius: var(--border-radius);}
.prestation-nous-choisir h2, .prestation-nous-choisir ul {max-width: 80rem; margin-left: auto; margin-right: auto;}
.prestation-nous-choisir h2 {margin-top: 0;}
.prestation-nous-choisir ul {padding-left: 2rem;}
.prestation-complementaires {padding: 0 2rem; row-gap: 2rem;}
.prestation-complementaires .prestation-complementaires-left img {height: 7rem; margin-left: 5rem;}
.prestation-complementaires h2 {font-weight: 300;}
.prestation-complementaires h2 span {font-weight: 600;}
.prestation-complementaires .prestation-complementaires-right {margin-left: 0;}
.prestation-complementaires .prestation-complementaires-right li {margin: 4px 0;}
.prestation-complementaires .prestation-complementaires-right li::marker {color: var(--couleur-cta);}
.single-prestation-slider h2 {font-weight: 300; text-align: center; margin-bottom: 5rem;}
.bloc-carrousel-rea.single-prestation-slider {position: relative;}


.bloc-carrousel-rea.single-prestation-slider .slick-prev::before, .bloc-carrousel-rea.single-prestation-slider .slick-next::before {font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--couleur-texte); font-size: 3rem;}
.bloc-carrousel-rea.single-prestation-slider .slick-prev::before {content: "\f060";}
.bloc-carrousel-rea.single-prestation-slider .slick-next::before {content: "\f061";}

.prestation-solutions {max-width: 80rem;  margin-left: auto; margin-right: auto;}
.prestation-solutions p {padding: 1rem; margin: 5px 0; background-color: #fff; border-radius: 5px;}

.liste-prestations {column-gap: 3rem; row-gap: 3rem; justify-content: center;}
.liste-prestations .prestation-item {width: 100%; border-radius: var(--border-radius); background-color: #fff; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; flex-direction: column; justify-content: center; padding: 2rem 3rem;}
.liste-prestations .prestation-item:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;}
.liste-prestations .prestation-item .picto-prestation {text-align: center;}
.liste-prestations .prestation-item .picto-prestation svg {height: auto; width: 7rem;}
.liste-prestations .prestation-item h4 {text-transform: uppercase; margin-bottom: 1.5rem; text-align: center;}
.categorie-prestation {margin: 4rem 0}
.categorie-prestation .picto-categorie svg {max-height: 10rem; max-width: 8rem;}
.categorie-prestation h3 {font-weight: 800; text-transform: uppercase; text-align: center;}
.liste-prestations .prestation-description p {text-align: left !important; margin: 1rem 0; font-size: 1.4rem;}
.liste-prestations .prestation-description p strong {font-weight: inherit;}

.prestation-content .wp-block-button__link{text-align: center;border-radius: var(--border-radius);width: 100%;position: relative;margin: 25px 0; display: block;    background-color: var(--couleur-cta); padding: 7px 20px; color: var(--couleur-cta-texte); transition: box-shadow 350ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out;        width: max-content;font-weight: 400;font-size: 1.5rem;}
.prestation-content .wp-block-button__link:hover { box-shadow: inset 50em 0 0 0 var(--couleur-principale);}

.prestation-content .section-fond{padding: 2rem;margin: 4rem;}
.prestation-content .txt-white *{color: white;}
.prestation-content  .row-entete{margin: 4rem auto;text-align:center;}
@media (min-width: 768px) {
 .prestation-content  .main-container { max-width: 1000px;  margin-left: auto;   margin-right: auto;  }
}

.li-red > li::marker { color: var(--couleur-cta); }
li{    margin-bottom: 1rem;}

/*.prestation-content  .fond-padding{padding: 2rem 2rem 0 2rem;  margin-bottom: 4rem;}*/

.prestation-content .no-margin-bottom,.prestation-content .no-margin-bottom figcaption{margin-bottom:0;}

.post-password-form label{display: block;}
.margin-top-1{margin-top:1rem;}

.txt-red{color:var(--couleur-cta);}

.no-margin-top-title{margin-top:0;}

.prestation-content .bloc-carrousel-logo{padding: 0px !important;}

@media (min-width: 768px) {
    .single-prestation-entete {min-height: 45vh;}
    .single-prestation-entete h1 {font-size: 3.5rem;}

}

@media (min-width: 900px) {
    .prestation-complementaires {justify-content: center; align-items: center;}
    .prestation-complementaires .prestation-complementaires-left {padding: 0 6rem; border-right: 1px solid var(--couleur-fond-light);}
    .prestation-complementaires .prestation-complementaires-right {padding-left: 6rem;}
    .prestation-complementaires h2 span {display: block;}
    .prestation-nous-choisir {padding-top: 6rem; padding-bottom: 6rem;}
    .categorie-prestation h3 {font-size: 2.5rem;}
    .categorie-prestation {margin: 7rem 0}
    .liste-prestations .prestation-item {width: calc(50% - 1.7rem); padding: 2rem 3rem;}
    .single-prestation-entete {justify-content: center;}
    .single-prestation-entete .prestation-title {margin-top: 0; margin-bottom: 0;}

}


@media (min-width: 1200px) {
    .liste-prestations .prestation-item {width: calc(33% - 1.7rem); padding: 2rem 3rem;}
}

@media (min-width: 1500px) {
    .single-prestation-entete {min-height: 60vh;}
}

@media (min-width: 1900px) {
    .single-prestation-entete {min-height: 45vh;}
}



/*********** PAGES LOCALES ****************/

.liste_services{display: flex;}
.un_service { padding-left: 1rem; padding-right: 5rem;}
ol li.un_service::marker { padding: 0.2rem; font-weight: 500; }
.blocs .abloc {display: flex; gap: 2rem; align-content: center; align-items: center; padding: 3rem 0;}
.blocs .abloc .bloc_gauche{ flex-basis: 0; flex-grow: 1;}
.blocs .abloc .bloc_gauche h2 {margin-top:0;}
.blocs .abloc .bloc_droit{flex-basis: 0; flex-grow: 1; display: flex; justify-content: end;}
.blocs .abloc .img_bloc{border-radius: var(--border-radius); max-height:50rem; aspect-ratio:1/1; object-fit:cover; }
.tag_line_de_fin h3{text-align: center;}
.faq .accordeon-toggle { margin: 0; border-bottom: 1px solid var(--couleur-principale); }
.faq .accordeon-toggle.open, .faq .accordeon-toggle:hover{font-weight: bold;}
.faq h2{margin-top:2rem; font-weight: 300;}
.faq h2 span {font-weight: 800;}
.calltoaction { margin-top: 4rem; background-color: white; padding: 4rem 2rem; border-radius: var(--border-radius); text-align: center; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; gap:2rem;}

.calltoaction h3{ flex-grow: 3; width: 100%; margin-top: 0; }

.liste-page-local{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.liste-page-local a {font-weight: 300;}
.liste-page-local a strong{font-weight: 800;}


/************ AGENCE *************/

.post-type-archive-agences #map {height: 40rem !important;}
.post-type-archive-agences .archive-intro {padding-left: 2rem; padding-right: 2rem;}
.agences-list {column-gap: 3rem; row-gap: 2rem; margin-top: 3rem; margin-bottom: 3rem;}
.agences-list .agence-item {width: 100%;  border-radius: var(--border-radius); background-color: #fff; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; flex-direction: column; justify-content: center; padding: 2rem;}
.agences-list .agence-item:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;}
.agences-list .agence-item h3 {text-transform: uppercase; margin-bottom: 1.5rem; text-align: center; font-size: 1.8rem;}
.agences-list .agence-item .adresse, .agences-list .agence-item .tel {text-align: center;}
.agences-list .agence-item .adresse {font-size: 1.4rem;}
.agences-list .agence-item .tel {font-weight: 500;}
.agences-list .agence-item .tel i {font-size: 1.2rem; margin-right: 6px;}
.agences .section-carrousel-post .bloc-fleche a:not(.slick-arrow) {margin: 1.5rem 0;}





@media (min-width: 768px) {
    .agences-list .agence-item {width: calc(33% - 1.8rem);}
    .agences-list {margin-top: 5rem; margin-bottom: 4rem;}
    .post-type-archive-agences #map {height: 50rem !important;}
}

@media (min-width: 1100px) {
    .post-type-archive-agences .archive-intro {padding-left: 0; padding-right: 0;}
    .agences-list .agence-item {width: calc(25% - 2.3rem); padding: 2rem 3rem;}
    .agences-list {margin-top: 6rem; margin-bottom: 6rem;}
}
/************** realisation ****************/

.realisation {padding-top: 0 !important;}
.realisation .breadcrumb{width: 100%;}

.realisation-intro { padding-top: 4rem; padding-bottom: 3rem; width:100%; border-bottom: 2rem solid; border-image: linear-gradient(to right, #152B42 33%, #0C7778 33%, #0C7778 66%, #DD1D1E 66%) 1; flex-direction: column;}

.realisation-intro .photo-responsable{ width:12rem; height: 12rem; border-radius:12rem; margin-right:5rem;}
.realisation-intro .bloc-droit h2 {font-weight: bold !important;}
.realisation-intro a.lien-responsable { background-color: var(--couleur-cta); border-radius: var(--border-radius); color: #fff !important; padding: 1rem 2rem;}
.realisation-intro a.lien-responsable:hover{  box-shadow: inset 35em 0 0 0 var(--couleur-principale); color: #fff !important;}
.realisation-intro .bloc-gauche .flex-container{ align-items: center;}
.realisation .has-text-align-center {max-width: 80rem; margin-left: auto; margin-right: auto;}
.realisation-intro .intro-presentation {text-align: center; margin-top: 2rem; width: 100%;}

.bloc-realisation-contexte {flex-wrap: wrap; }
.bloc-realisation-contexte .realisation-contexte {width: 50%;}
.bloc-realisation-contexte .realisation-contexte:first-of-type, .bloc-realisation-contexte .realisation-contexte:nth-child(3) {border-left: .1rem solid var(--couleur-principale); }
.bloc-realisation-contexte .realisation-contexte:nth-child(2), .bloc-realisation-contexte .realisation-contexte:last-of-type {border-right: .1rem solid var(--couleur-principale); }
.bloc-realisation-contexte .realisation-contexte:nth-child(-n+2) {border-bottom: .1rem solid var(--couleur-principale); padding: 0 2rem 2rem; }
.bloc-realisation-contexte .realisation-contexte:nth-child(odd) {border-right: .1rem solid var(--couleur-principale); }
.bloc-realisation-contexte .realisation-contexte:nth-child(3), .bloc-realisation-contexte .realisation-contexte:last-of-type {padding: 2rem 2rem 0;}
.bloc-realisation-contexte div {display: flex; flex-direction: column; }
.bloc-realisation-contexte div p {font-weight: 800; margin-top: 0; margin-bottom: .8rem;}
.realisation-contexte h2 {margin-top: 0;}

.prestationlist svg { height: 5rem; }
.prestationlist {display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;}
.aprestation {max-width: 15rem; text-align: center; flex: 1 1 auto; min-width: 12rem;}
.bgwhitesection {margin: -1.5rem; padding: 2rem; background: white;  width: calc(100% + 3rem);}
.bgbluesection {margin: -1.5rem; padding: 2rem; background: var(--couleur-principale); color: white; width: calc(100% + 3rem);}
.bgbluesection * {color: white;  margin-top: 0;}
.bgbluesection .btn-rouge a:hover{  box-shadow: inset 35em 0 0 0 #fff; color: var(--couleur-principale) !important;}

.etiquette_energetique_apres{text-align: center;}

.section-intro-realisation {row-gap: 2rem; flex-wrap: wrap; column-gap: 2rem; width: 100%;}
.section-intro-realisation .bloc-gauche, .section-intro-realisation .bloc-droit {width: 100%;}
.section-intro-realisation .bloc-gauche h1{margin-bottom: 3rem; font-size: 2.4rem;}

.section-onglets {column-gap: 2rem; flex-wrap: wrap; row-gap: 2rem;}
.section-onglets .bloc-onglets {width: 100%;}

.section-onglets .bloc-onglets ul { list-style: none; margin: 0; padding: 0;}
.section-onglets .bloc-onglets li:nth-child(-n+2) { border-bottom: 1px solid #C0C2C4;}
.section-onglets .bloc-onglets li {padding: 1rem 1rem 1rem 0; cursor: pointer;}
.section-onglets .bloc-onglets li h3 {margin:  0;font-size: 1.8rem;}
.section-onglets .bloc-onglets li.active h3 {font-weight: 600; color: var(--couleur-principale);}
.section-onglets .bloc-onglets li:not(.active) h3 {color: #C0C2C4;}
.section-onglets .contenus {flex: 1; width: 100%; }
.section-onglets .contenu { display: none;}
.section-onglets .contenu.active {display: block;}

.section-types-travaux {background-color: #fff; padding: 4rem 0; }
.section-types-travaux .types-travaux h2 {text-align: center; width: 100%;margin-top: 0; margin-bottom: 3rem;}
.section-types-travaux .types-travaux, .section-avantages .avantages-travaux {column-gap: 2rem; flex-wrap: wrap;}
.section-types-travaux .types-travaux h3, .section-avantages .avantages-travaux h3 {font-weight: 600; margin: 0; border-bottom: .1rem solid var(--couleur-principale);}
.section-types-travaux .galerie-container {width: 100%; margin-top: 3rem; display: flex; flex-direction: column; align-items: center;}
.section-types-travaux .galerie-container .slick-slider img {border-radius: var(--border-radius);}
.section-types-travaux .slider-realisations {margin-bottom: 2rem; width: 100%; max-width: 100%;}
.section-types-travaux .slider-realisations .slick-slide {display: flex; justify-content: center; align-items: center;}
.section-types-travaux .slider-realisations img {width: auto; max-width: 100%; height: auto; border-radius: var(--border-radius); display: block; margin: 0 auto;}
.section-types-travaux .slider-realisations-nav {max-width: 100%; margin: auto ; text-align: center;}
.section-types-travaux .slider-realisations-nav .slick-list {margin: 0 auto;}
.section-types-travaux .slider-realisations-nav .slick-slide {margin: 0 .5rem; opacity: 0.4; transition: opacity 300ms ease-in-out; cursor: pointer; text-align: center;}
.section-types-travaux .slider-realisations-nav .slick-slide.slick-center {opacity: 1;}
.section-types-travaux .slider-realisations-nav .slick-slide:hover {opacity: 0.7;}
.section-types-travaux .slider-realisations-nav .slick-slide img {width: auto; height: auto; max-width: 120px; min-width: 80px; border-radius: var(--border-radius); object-fit: cover; display: block; margin: 0 auto;}
.section-types-travaux .slider-realisations-nav .slick-slide > div {display: flex; align-items: center; justify-content: center;}
.section-types-travaux .galerie-container .btn-rouge {width: 100%; text-align: center; margin-top: 2rem; display: block;}
.section-types-travaux .galerie-container .btn-rouge:hover{    box-shadow: inset 60rem 0 0 0 var(--couleur-principale);}

.realisation-aides {flex-wrap: wrap; column-gap: 2rem; background-color: #fff; padding: 2rem 1.5rem; border-radius: var(--border-radius);}
.realisation-aides h2 {text-align: center; width: 100%;}

.bloc-bon-a-savoir {flex-wrap: wrap;}
.section-a-savoir a.btn-rouge {margin: 3rem 0 0; width: auto; display: inline-block; align-self: flex-start;}

.single-realisations ul li::marker { font-size: 1.5rem; color: var(--couleur-cta); font-weight: 500;}
.single-realisations .accordeon-toggle{padding:  1.5rem 0;}
.single-realisations .accordeon-content p:first-child{margin-top: 0;}
.single-realisations .accordeon-content {padding: 1.5rem 0 !important;border-bottom: .1rem solid var(--couleur-principale);}
.single-realisations .bloc-introduction-bon-a-savoir h3{text-align: center;font-size: 2.2rem;font-weight: bold;}
.single-realisations .section-a-savoir { column-gap: 5rem; flex-direction: row;}
.single-realisations .bloc-bon-a-savoir-left { display: flex; width: 40%;}
.single-realisations .bloc-bon-a-savoir-left img { width: 100%; height: auto; max-height: 35rem; }
.single-realisations .bloc-bon-a-savoir-right { display: flex; flex-direction: column; flex: 1;}
.single-realisations #demande-devis h2{margin-bottom: 0;}
.single-realisations #demande-devis p{text-align: center;}

@media (max-width: 767px) {
    .bloc-realisation-contexte .realisation-contexte {width: 100%; border: none !important;}
    .bloc-realisation-contexte .realisation-contexte:first-of-type, .bloc-realisation-contexte .realisation-contexte:nth-child(3) {border-left: none; border-top: none;}
    .bloc-realisation-contexte .realisation-contexte:nth-child(2), .bloc-realisation-contexte .realisation-contexte:last-of-type {border-right: none; }
    .bloc-realisation-contexte .realisation-contexte:nth-child(-n+2) {border-bottom: none; padding: 0 1rem 1.5rem; }
    .bloc-realisation-contexte .realisation-contexte:nth-child(odd) {border-right: none; }
    .bloc-realisation-contexte .realisation-contexte:nth-child(3), .bloc-realisation-contexte .realisation-contexte:last-of-type {padding: 1.5rem 1rem 0; border-top: none;}
    .single-realisations .bloc-bon-a-savoir-left { display: none; }
    .single-realisations .section-a-savoir { flex-direction: column; column-gap: 2rem;}
    .single-realisations .bloc-bon-a-savoir-left { width: 100%;}
    .single-realisations .bloc-bon-a-savoir-left img { max-height: 25rem; }
    .single-realisations .bloc-bon-a-savoir-right { width: 100%;}
}

@media (min-width: 768px) {
    .section-intro-realisation .bloc-gauche h1{ font-size: 4rem;}
    .realisation-intro { flex-wrap: wrap;padding-top: 16rem;width:100%; display: flex;}
    .realisation-intro .wp-block-group.main-container>div{ width:50%; margin-bottom:3rem; }
    .realisation-intro .wp-block-group.main-container{display: flex; gap: 5rem; align-items: center;}
    .realisation-intro { padding-top: 8rem; padding-bottom: 5rem;}
    .realisation-intro .intro-presentation {margin-top: 4rem;}
    .prestationlist {gap: 2rem;}
    .aprestation {min-width: auto;}
    .bgwhitesection {margin: -3rem; padding: 3rem; width: calc(100% + 6rem);}
    .bgbluesection {margin: -3rem; padding: 3rem; width: calc(100% + 6rem);}
    .section-intro-realisation {column-gap: 5rem;}
    .section-intro-realisation .bloc-gauche h1{margin-bottom: 5rem;}
    .section-onglets {max-width: 90rem; column-gap: 10rem;}
    .section-onglets .bloc-onglets li {padding: 1.5rem 1.5rem 1.5rem 0;}
    .section-onglets .bloc-onglets li h3 {font-size: 2.2rem;}
    .section-onglets .contenus {width: calc(75% - 10rem); }
    .section-types-travaux {padding: 10rem 0;}
    .section-types-travaux .types-travaux h2 {margin-bottom: 5rem;}
    .section-types-travaux .types-travaux, .section-avantages .avantages-travaux {column-gap: 5rem;}
    .section-types-travaux .slider-realisations-nav .slick-slide {margin: 0 1rem;}
    .section-types-travaux .slider-realisations-nav .slick-slide img {max-width: 150px; min-width: 100px;}
    .realisation-aides {padding: 3rem 2rem; column-gap: 5rem;}
    .realisation-aides .bloc-financement-left {width: 50%;}
    .realisation-aides .bloc-financement-right {flex: 1;display: flex;align-items: center;justify-content: center;}
    .realisation-aides .bloc-financement-right img {width: 100%; height: auto;max-height: 35rem;}
    .section-intro-realisation .bloc-gauche, .section-intro-realisation .bloc-droit {width: calc(50% - 2.5rem);}
    .section-onglets .bloc-onglets {width: 25%;}
    .section-types-travaux .container-bloc-accordeon{width: 60%;}
    .section-types-travaux .galerie-container{width: calc(40% - 5rem);margin-top: 0;}
    .section-avantages .container-bloc-accordeon {width: 50%;}
    .section-avantages .container-img {width: calc(50% - 5rem); margin-top: 0;}
    .section-types-travaux .container-img img, .section-avantages .container-img img {border-radius: var(--border-radius);}
    .single-realisations .accordeon-toggle{padding:  2rem 0;}
    .single-realisations .accordeon-content {padding: 2rem 0 !important;}
    .single-realisations .bloc-introduction-bon-a-savoir h3{font-size: 2.8rem;}
    .single-realisations .section-a-savoir { column-gap: 5rem; flex-direction: row;}
    .single-realisations .bloc-bon-a-savoir-left {width: 40%;}
    .single-realisations .bloc-bon-a-savoir-left img {max-height: 35rem;}
    .single-realisations .bloc-bon-a-savoir-right {flex: 1;}
}
@media (min-width: 1400px) {
    .realisation-aides {padding: 3rem 7rem;}
}



/************** LANDING PAGE ***************/
.rouge {color:var(--couleur-cta);}
.landingpage {padding-top: 0 !important;}
.landingpage .single-contenu{padding-bottom: 10rem;}
.single-landing_page .menu-prestation{display: none !important;}
/*.landingpage-intro { padding-top: 8rem;width:100%; background-color: var(--couleur-principale); color: white; }
.landingpage-intro h1,.landingpage-intro h2,.landingpage-intro h4, .landingpage-intro p, .landingpage-intro label{color: white !important;}
*/
.landingpage-intro .photo-responsable{ width:12rem; height: 12rem; border-radius:12rem; margin-right:5rem;}
.landingpage-intro .bloc-droit h2 {font-weight: bold !important; margin-bottom: 0; text-align: left !important; font-size:2.3rem; }
.landingpage-intro .bloc-droit p {margin:0;}
.landingpage-intro a.lien-responsable { background-color: var(--couleur-cta); border-radius: var(--border-radius); color: #fff !important; padding: 1rem 2rem;}
.landingpage-intro a.lien-responsable:hover{  box-shadow: inset 35em 0 0 0 var(--couleur-principale); color: #fff !important;}
.landingpage-intro .bloc-gauche .flex-container{ align-items: center;}
.landingpage .raison-etape{background:white; }

.landingpage .etapelandingpage {display: flex; gap: 5rem; flex-direction: column; justify-content: center;align-items: start; align-content: start;}
.bloc-allraisons-landingpage {display: flex; margin-bottom: 8rem; flex-direction: column;}
.bloc-raison-landingpage{padding: 2rem 1rem; text-align: center; color: white;  max-width: 280px; display: flex; flex-direction: column; justify-content: space-between;}
.bloc-raison-landingpage h3 {font-size: 3rem; color:white; margin: 0; padding:0;}
.bloc-raison-landingpage p {color:white;}
.landingpage .single-posthumbnail img {height: initial; border-radius: var(--border-radius);}

.accordeon-numbers { counter-reset: item; }
.accordeon-light .accordeon-toggle{ padding: 0 2rem; }
.accordeon-light h2, .accordeon-light .bloc-accordeon-intro {margin-top:0;}
.accordeon-numbers .accordeon-section { counter-increment: item; position:relative; padding-left: 2rem; }
.accordeon-numbers .accordeon-section .accordeon-toggle::before {content: counters(item, "."); border: 1px solid; border-radius: 5rem; padding: 2px 8px; position:absolute; left:0; }

.landingpage #demande-devis{margin-top: 0px !important}

.img-border-radius img{border-radius: var(--border-radius);}
.landingpage .border-radius {margin-left:0; margin-right:0;}
.containersmall {max-width: 700px; margin-left: auto; margin-right: auto;}
.landingpage .accordeon-toggle{margin:0;}
.landingpage .accordeon-section{border-bottom: 1px solid #152B42;}
.btn-rouge a, a.btn-rouge {background-color: var(--couleur-cta); font-size: 1.5rem; border-radius: 2.5rem; color: #fff !important; padding: 1rem 2rem;}
.btn-rouge a:hover, a.btn-rouge:hover {  box-shadow: inset 35em 0 0 0 var(--couleur-principale); color: #fff !important;}
  
.margin-bottom-50{margin-bottom: 2rem !important;}
.padding-50{padding: 2rem;}

.landingpage .bandedecouleur{width: 100vw; height:20px; background: #152B42;background: linear-gradient(90deg,rgba(21, 43, 66, 1) 0%, rgba(21, 43, 66, 1) 33%, rgba(12, 119, 120, 1) 33%, rgba(12, 119, 120, 1) 66%, rgba(221, 29, 30, 1) 66%, rgba(221, 29, 30, 1) 100%);}
.contacteznoustel {width: 100vw; background-color: white; padding: 2rem; margin: 4rem 0; font-size: 2.5rem; }
.contacteznoustel .main-container{ display:flex; align-items:center; justify-content: center; gap: 1rem; }
.center {text-align: center;}
.landingpage .logo{max-width: 500px; margin:2rem auto;}
.landingpage h1 {font-weight: 700; margin-bottom: 7rem;}
.landingpage .contententete{  margin-top: 20rem; background-color:var(--couleur-background); padding: 3rem; border-radius: var(--border-radius) var(--border-radius) 0 0; width: 70%; }
.landingpage .blocfondimage{ display: flex; justify-content: end; flex-direction: column; align-items: center; background-size: cover; }
.landingpage .contacteznoustel a.btn{display: initial;}
.landingpage #demande-devis form{position: relative;}
.landingpage .no-margin-bottom {margin-bottom: 0;}

@media (min-width: 768px) {
    .landingpage .has-text-align-center {max-width: 80rem; margin-left: auto; margin-right: auto;}
.landingpage #demande-devis .gform_footer{position: absolute; margin-left: 0; bottom: -10px; right: 0; width: inherit; }
.landingpage-intro .bloc-droit h2 {margin-top: 0;}
/* Timeline Styles */
.listetimeline {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 60px 0px;
    min-height: 300px;
    counter-reset: list-counter;
}

/* Central horizontal timeline */
.listetimeline::before {
    content: '';
    position: absolute;
    left: calc((-100vw + 100%) / 2);
    right: 0;
    top: calc(50% - 6px);
    height: 1px;
    background-color: #4a6072;
    z-index: 1;
    width: 100vw;
}

.listetimeline li {
    position: relative;
    z-index: 2;
    padding-left: 40px;
}

/* Step number - red, large, bold */
.listetimeline li::before {
    content: counter(list-counter);
    counter-increment: list-counter;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #d32f2f;
    line-height: 1;
    z-index: 3;
    left: 0;
}



/* Alternate positioning: odd items above, even items below */
.listetimeline li:nth-child(even) {
    padding-top: 120px;
    padding-bottom: 0;
}

.listetimeline li:nth-child(odd) {
    padding-top: 0;
    padding-bottom: 150px;
    margin-top: auto;
}

/* Vertical connecting line from step to central timeline */
.listetimeline li::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #4a6072;
    z-index: 1;
}

.listetimeline li:nth-child(odd)::after {
    top: 0px;
    bottom: 50%;
    left: 3rem;
}

.listetimeline li:nth-child(even)::after {
    top: 50%;
    bottom: 0px;
    left: 3rem;
}
}
.listetimeline li strong{text-transform: uppercase;}

@media (max-width: 768px) {
    .hide-mobile{ display:none; }
    .contacteznoustel .main-container{flex-direction: column;}
    .landingpage-intro .gform_legacy_markup_wrapper ul li.gfield {margin: 0;}
}
@media (min-width: 768px) {
    /*.landingpage-intro { padding-top: 16rem;width:100%; background-color: var(--couleur-principale); color: white; display: flex;}*/
    .landingpage-intro .wp-block-group.main-container>div{ width:50%; }
    .landingpage-intro .wp-block-group.main-container{display: flex; gap: 5rem;}
    .bloc-allraisons-landingpage {flex-direction: row; flex-wrap: wrap; justify-content: center;}
    .landingpage .etapelandingpage>div {width: 50%;}
    .landingpage .etapelandingpage {flex-direction: row;}
    .landingpage .raison-etape{background:white; padding: 5rem;}
    .margin-bottom-50{margin-bottom: 5rem !important;}
    .padding-50{padding: 5rem;}
    .padding-left-right-50{padding-left: 5rem; padding-right: 5rem;}
    .accordeon-numbers .accordeon-section .accordeon-toggle::before { margin-right: 2rem; }
}

/************** PROMOTIONS ***************/



.price{font-size: 2.5rem;}
.price strong{font-weight: 900;}
.sup{font-size: 0.6em; position:relative; bottom:1rem; }
.check-list { list-style-type: none; padding: 0; margin-left:0; }
.check-list li { position: relative; padding-left: 25px; }
.check-list li::before { content: "✔"; color: green; font-size: 1.2em; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.small-txt {font-size: 0.7em;}
.promotions {padding-top: 0 !important;}
.promotions-intro { padding-top: 8rem;width:100%; background-color: var(--couleur-principale); color: white; }
.promotions-intro h1,.promotions-intro h2,.promotions-intro h4, .promotions-intro p,.promotions-intro p *,.promotions-intro li, .promotions-intro label{color: white !important;}

.promotions-intro .photo-responsable{ width:12rem; height: 12rem; border-radius:12rem; margin-right:5rem;}
.promotions-intro .bloc-droit h2 {font-weight: bold !important;}
.promotions-intro .bloc-gauche .flex-container{ align-items: center;}
.promotions .raison-etape{background:white; }
.promotions .has-text-align-center {max-width: 80rem; margin-left: auto; margin-right: auto;}

.promotions #demande-devis{margin-top: 0px !important}

@media (min-width: 768px) {
    .promotions-intro { padding-top: 16rem;width:100%; background-color: var(--couleur-principale); color: white; display: flex;}
    .promotions-intro .wp-block-group.main-container>div{ width:50%; }
    .promotions-intro .wp-block-group.main-container{display: flex; gap: 5rem;}
}





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

footer {padding-top: 3rem !important;}
footer ul {margin-left: 0;}
footer a.btn {margin: 1rem auto 0;}
footer .footer-desktop .footer-logo {flex: 1; flex-direction: column; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
footer .footer-desktop .footer-logo img {width: inherit; height: inherit;  max-width: 30rem; max-height: inherit;}
footer .footer-arbo {width: 100%; flex: none; column-gap: 2rem;}
footer .footer-col {flex-direction: column; justify-content: space-between;}
footer .footer-col h3 {font-size: 1.3rem; font-weight: 600; margin-top: 0; margin-bottom: .8rem; text-transform: uppercase;}
footer .footer-col .menu li {margin: .7rem 0;}
footer .footer-col .menu a {font-size: 1.3rem;}
footer .footer-col .menu li:hover a {color: var(--couleur-cta);}
footer .footer-col i {margin: .3rem 0;}
footer .footer-col a:not(.btn) {text-transform: uppercase; font-weight: 300;}
footer .footer-col:last-of-type {justify-content: flex-start; width: 100%;}
footer .footer-social-bloc {justify-content: center; margin: 2rem auto 1rem; column-gap: 2rem;}
footer .footer-social-bloc a {background-color: var(--couleur-principale);}
footer .footer-social-bloc a i {color: var(--couleur-fond-light);}
.footer-adresse {font-size: 1.4rem; margin: 1rem 0; flex-direction: column;gap:3rem;}
.footer-adresse li:first-of-type {font-weight: 600;}
.footer-mobile-bottom {border-radius: 5px; border: 1px solid #fff;}
.footer-mobile {background-color: var(--couleur-background);}
.footer-mobile .menu .sub-menu {background-color: #fff;}
.footer-mobile .footer-col ul li {border-color: rgba(21, 43, 66, .15) !important;}

/* Fix sous-menus mobile (override theme parent) */
.footer-mobile .menu li.hassubmenu > .sub-menu,
.footer-mobile .menu li.menu-item-has-children > .sub-menu {
    position: static !important;
    left: auto !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    transition: none !important; /* neutralise: transition left/opacity/transform du parent */
}
#menu-menu-footer-copyright {flex-wrap: wrap;}

footer .footer-logo .footer-texte {padding-left: 1rem;}
footer .footer-logo .footer-texte p {font-size: 1.4rem;}

@media (min-width: 768px) {
    footer .footer-arbo {width: 55%;}
    footer .footer-desktop .footer-logo {margin-bottom: 0; justify-content: flex-start;}

}

@media (min-width: 1000px) {
.footer-adresse {flex-direction: row;}
.footer-adresse li:first-of-type {width: 35%;}
footer .footer-copyright ul {margin-top: 4rem;}
footer .footer-arbo {align-items: end;}
footer .footer-desktop {padding: 2rem;}
footer a.btn {min-width: 20rem;}
footer .footer-col {flex: 1;}
footer .footer-col:last-of-type {width: auto;}
}
@media (max-width: 768px) {
    .brevo-conversations--side-bottom {right: 40px !important; bottom: 80px !important;}
}

/************ TARTEAUCITRON *************/

.tarteaucitronAlertBigTop::after { content: '' !important;  background: url(/wp-content/uploads/2024/10/cookie-iwego.png) !important;  height: 70px !important;   width: 100px !important;  position: absolute !important;  right: 1.1em !important;  margin: 0 auto !important;  background-size: contain !important; background-repeat: no-repeat !important;}

/***********************************************/
/************ Nouvelle page agence *************/
/***********************************************/

.modele-agence .bandeau-entete { width: 100%;  background-size: cover; background-position: center; position: relative;}
.modele-agence .bandeau-entete .content-bandeau {background-color: white;  padding:2rem;  text-align: center; }
.modele-agence .bandeau-entete .content-bandeau .titre { position: relative;margin-bottom: 4rem;}
.modele-agence .bandeau-entete .content-bandeau .titre h1{margin-bottom: 4rem;}
.modele-agence .bandeau-entete .content-bandeau .titre::after { content: "";display: block;width: 60%;height: 2px;   background-color: var(--couleur-cta); margin: 10px auto 0; }

.modele-agence .single-agence-responsable {margin: 0 auto;padding:2rem; }
.modele-agence .bloc-photo-responsable { flex: 1; display: flex; flex-direction: column;justify-content: center;}
.modele-agence .bloc-photo-responsable h4 {margin-bottom: 1rem;}
.modele-agence .responsable-infos { display: flex; align-items: center;  gap: 2rem;}
.modele-agence .responsable-infos div:first-child { flex: 1; }
.modele-agence .responsable-infos img {    width: 120px;  height: 120px;   object-fit: cover; border-radius: 50%;}
.modele-agence .separator {width: 0.5rem;background-color: var(--couleur-texte);    align-self: stretch;margin: 0 2rem;}
.modele-agence .bloc-presentation {flex: 1;text-align: justify;}
.modele-agence  .single-agence-responsable h4 span{display: inline;}
.modele-agence .single-agence-responsable .responsable-nom{margin-bottom: 1rem;}
.modele-agence .single-agence-responsable .tel-responsable{margin-top: 0;}
.modele-agence .section-info-responsable{background-color: white;}
.modele-agence .agence-infos-left{column-gap: 0;display: block;}

.modele-agence .single-agence-infos { display: flex;justify-content: space-between;   gap: 2rem;margin-bottom:0; margin-top: 0;}
.modele-agence .agence-infos-contact,.modele-agence .agence-infos-horaires,.modele-agence .single-posthumbnail {flex: 1;text-align: left; }
.modele-agence .agence-infos-contact,.modele-agence .agence-infos-horaires,.modele-agence .single-posthumbnail { display: flex;  flex-direction: column;     align-self: center;}
.modele-agence .single-posthumbnail {flex: 2;}
.single-contenu.modele-agence .single-posthumbnail img{max-height: none;height: 100%;}
.modele-agence .agence-infos-horaires{flex: 1.5;}
.modele-agence .single-agence-infos .agence-infos-contact .devis{margin-top: 0;}
.modele-agence .single-agence-infos .btn-phone{margin-top: 2rem;margin-bottom: 2rem;}
.modele-agence .single-agence-infos .agence-infos-horaires .horaires p{margin-top: 0;}
.modele-agence .single-agence-infos .agence-infos-horaires .jour-actuel *{font-weight: bold;}
.modele-agence a.btn-phone span{color: var(--couleur-cta);}
.modele-agence a.btn-phone:hover span{color:white;}
.modele-agence .btn-cta-red{background-color: var(--couleur-cta);border:2px solid var(--couleur-cta);}
.modele-agence .btn-cta-red:hover { box-shadow: inset 15em 0 0 0 var(--couleur-texte);border-color: var(--couleur-texte)}


.modele-agence .section-pcito-agence {text-align: center;background-color: white;padding: 3rem;  margin-bottom: 5rem;}
.modele-agence .section-pcito-agence .liste-pcito-agence {display: grid;grid-template-columns: repeat(2, 1fr); gap: 2rem; justify-content: center; align-items: center; margin: 0 auto;}
.modele-agence .section-pcito-agence .liste-pcito-agence div {display: flex;flex-direction: column;align-items: center;}
.modele-agence .section-pcito-agence .liste-pcito-agence img {  max-width: 80px;   height: auto;margin-bottom: 1rem;}
.modele-agence .section-pcito-agence .texte-infos-picto-agence::before { content: "";display: block;width: 30%; height: 2px; background-color: var(--couleur-cta); margin: 30px auto;}

.modele-agence .section-actu-agence{margin-top: 5rem;margin-bottom: 5rem;}
.modele-agence .section-actu-agence h2{text-align: center;color: var(--couleur-cta);font-weight: bold;margin-bottom: 3rem;}
.modele-agence .section-actu-agence .vignette-bg {background-color: var(--couleur-principale); border-radius: var(--border-radius); overflow: hidden; padding-bottom: 2.5rem; height: inherit; display: flex !important; flex-direction: column;flex:1;margin: 2rem;}
.modele-agence .section-actu-agence .vignette-bg:hover {box-shadow: rgba(0, 0, 0, 0.16) 2px 4px 4px;}
.modele-agence .section-actu-agence .vignette-bg:hover .expertise-slider-thumbnail img {transform: scale(1.1);}
.modele-agence .section-actu-agence h3, .modele-agence .section-actu-agence .vignette-bg p {color: #fff;}
.modele-agence .section-actu-agence h3 {margin: 2.5rem 2rem 1rem; font-size: 1.8rem;}
.modele-agence .section-actu-agence .vignette-bg p {font-size: 1.4rem; margin: 1rem 2rem 0; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical;}
.modele-agence .section-actu-agence .vignette-bg .read-more {text-decoration: underline; opacity: .8; transition: inherit; margin-top: auto !important;}
.modele-agence .section-actu-agence .vignette-bg:hover p.read-more {opacity: 1;}
.modele-agence .section-actu-agence .liste-actus{display: block; }

.modele-agence .section-villes-couvertes{background-color: white;padding: 5rem; text-align: center;margin-top: 5rem;margin-bottom: 5rem;}
.modele-agence .section-villes-couvertes h2{margin-top: 0;margin-bottom: 4rem;color: var(--couleur-cta);font-weight: bold;}

.modele-agence .section-villes-couvertes .liste-zone-agence .zone-agence h3{font-weight: 400;margin-top: 0px;}
.modele-agence .section-villes-couvertes .liste-zone-agence .zone-agence{padding: 2rem;}


.modele-agence .section-realisation-agence .vignette-bg {border-radius: var(--border-radius); background-color: var(--couleur-fond-light);margin: 2rem;}

.modele-agence .section-contact-agence h2{color:var(--couleur-cta);font-weight: bold;}

.modele-agence .section-realisation-agence .vignette-bg:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.modele-agence .section-realisation-agence .vignette-bg:hover img {transform: scale(1.1);}
.modele-agence .section-realisation-agence .vignette-bg h3 {padding: 3rem 2rem; font-size: 1.7rem; font-weight: 500; margin: 0;text-align: left;}
.modele-agence .section-realisation-agence {margin-top: 5rem;margin-bottom: 5rem;text-align: center;}
.modele-agence .section-realisation-agence h2{text-align: center;color: var(--couleur-cta);font-weight: bold;margin-bottom: 3rem;}

.modele-agence .section-contact-agence{border-radius: var(--border-radius);background-color: white;padding: 5rem; text-align: center;margin-top: 5rem;margin-bottom: 5rem;}
.modele-agence .section-contact-agence .gform_wrapper form select,.modele-agence .section-contact-agence .gform_wrapper form input[type="text"],.modele-agence .section-contact-agence .gform_wrapper form textarea,.modele-agence .section-contact-agence .gform_wrapper form input[type="email"]{border:1px solid var(--couleur-admin-text-light);}
.modele-agence .section-contact-agence form{width: 80%;}

.modele-agence .section-avis-client-agence{margin-top: 5rem;margin-bottom: 5rem;}
.modele-agence .section-avis-client-agence h2{text-align: center;color: var(--couleur-cta);font-weight: bold;}
.modele-agence .section-avis-client-agence p{text-align: center;margin-bottom: 3rem;}

.modele-agence .section-bloc-gutenberg{background-color: white;}
.modele-agence .section-bloc-gutenberg .section-margin {margin: 0rem;}
.modele-agence .section-bloc-gutenberg #filters{margin-top: 0;}
.modele-agence .section-bloc-gutenberg #agences-reassurances-wrap{margin-bottom: 0;}
.modele-agence .section-bloc-gutenberg .section-prestations h2{margin-top: 0;}
.modele-agence .section-agences-reassurances .agences-reassurances-col:first-of-type a{background-color: var(--couleur-cta); border: 2px solid var(--couleur-cta);color: white;}
.modele-agence .section-agences-reassurances .agences-reassurances-col:first-of-type a:hover{border:  2px solid var(--couleur-texte);}


.modele-agence .responsable-infos i{margin-right: 1rem;}

@media (min-width: 1400px) {
    .modele-agence .section-pcito-agence .liste-pcito-agence {grid-template-columns: repeat(3, 1fr);}
}

@media (min-width: 1000px) {
.modele-agence .single-agence-infos .agence-infos-left,.modele-agence .single-agence-infos .agence-infos-map { width: 100%;}
.modele-agence .bandeau-entete { min-height: 600px; display: flex;  align-items: end; justify-content: center;}
.modele-agence .bandeau-entete .content-bandeau { padding: 4rem 6rem; max-width: 800px; }
.modele-agence .single-agence-responsable { display: flex; align-items: center; justify-content: space-between;   gap: 4rem; padding: 5rem 10rem;}
.modele-agence .agence-infos-left{display: flex;}
.modele-agence .section-pcito-agence .liste-pcito-agence {grid-template-columns: repeat(6, 1fr);}
.modele-agence .section-actu-agence .liste-actus{display: flex; justify-content: space-between;   gap: 4rem;}
.modele-agence .section-actu-agence .vignette-bg{margin: 0;}
.modele-agence .section-villes-couvertes .liste-zone-agence{display: flex;justify-content: space-between;   gap: 6rem;}
.modele-agence .section-villes-couvertes .liste-zone-agence .zone-agence{ display: flex; flex-direction: column;flex:1;position: relative;padding: 0;}
.modele-agence .section-villes-couvertes .liste-zone-agence .zone-agence:nth-child(2)::before,
.modele-agence .section-villes-couvertes .liste-zone-agence .zone-agence:nth-child(2)::after {content: ""; position: absolute;  top: 50%;transform: translateY(-50%); width: 2px; height: 80%; background-color: var(--couleur-texte); }
.modele-agence .section-villes-couvertes .liste-zone-agence .zone-agence:nth-child(2)::before { left: -3rem;}
.modele-agence .section-villes-couvertes .liste-zone-agence .zone-agence:nth-child(2)::after { right: -3rem;}
.modele-agence .bandeau-entete .content-bandeau {border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius);}
.modele-agence .section-pcito-agence {border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);}
.modele-agence .section-villes-couvertes{border-radius: var(--border-radius);}
.modele-agence .section-realisation-agence .liste-realisation{display: flex; justify-content: space-between;   gap: 4rem; }
.modele-agence .section-realisation-agence .vignette-bg { display: flex; flex-direction: column; height: inherit; flex-direction: column;flex:1;margin: 0;}
.modele-agence .section-bloc-gutenberg{padding: 5rem 0;}
}


@media (max-width: 768px) {
   .modele-agence .section-margin {margin-top: 0rem !important;margin-bottom: 0rem !important;}
}


/*========================================*/
/*======= FORMULAIRE ACF REALISATIONS =========*/
/*========================================*/

.formulaire-acf-realisations {
    max-width: 1200px;
    margin: 3rem auto;
    padding: 2rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.formulaire-acf-realisations .acf-field {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 6px;
}

.formulaire-acf-realisations .acf-label label {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    display: block;
}

.formulaire-acf-realisations .acf-required {
    color: #e74c3c;
}

.formulaire-acf-realisations input[type="text"],
.formulaire-acf-realisations input[type="number"],
.formulaire-acf-realisations input[type="email"],
.formulaire-acf-realisations input[type="file"],
.formulaire-acf-realisations textarea,
.formulaire-acf-realisations select {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
}

.formulaire-acf-realisations input:focus,
.formulaire-acf-realisations textarea:focus,
.formulaire-acf-realisations select:focus {
    outline: none;
    border-color: var(--couleur-principale, #0073aa);
}

.formulaire-acf-realisations .acf-form-submit {
    margin-top: 2rem;
    text-align: center;
}

.formulaire-acf-realisations .acf-form-submit .acf-button {
    background: var(--couleur-principale, #0073aa);
    color: #fff;
    padding: 1rem 2.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
}

.formulaire-acf-realisations .acf-form-submit .acf-button:hover {
    background: var(--couleur-cta, #005a87);
}

/* Boutons images et galerie */
.formulaire-acf-realisations .acf-image-uploader .acf-button,
.formulaire-acf-realisations .acf-gallery .acf-button {
    background: var(--couleur-principale, #0073aa);
    color: #fff;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: pointer;
}

.formulaire-acf-realisations .acf-image-uploader .acf-button:hover,
.formulaire-acf-realisations .acf-gallery .acf-button:hover {
    background: var(--couleur-cta, #005a87);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.formulaire-acf-realisations .acf-image-uploader {
    border: 2px dashed #ddd;
    border-radius: 6px;
    padding: 1.5rem;
    text-align: center;
    background: #fff;
    transition: border-color 0.3s ease;
}

.formulaire-acf-realisations .acf-image-uploader:hover {
    border-color: var(--couleur-principale, #0073aa);
}

.formulaire-acf-realisations .acf-image-uploader .image-wrap {
    position: relative;
    display: inline-block;
    border-radius: 6px;
    overflow: visible;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    background: #fff;
}

.formulaire-acf-realisations .acf-image-uploader .image-wrap img {
    display: block;
    border-radius: 4px;
}

.formulaire-acf-realisations .acf-image-uploader .acf-actions {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: flex;
    gap: 0.5rem;
    z-index: 10;
}

.formulaire-acf-realisations .acf-image-uploader .acf-icon {
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.formulaire-acf-realisations .acf-image-uploader .acf-icon:hover {
    background: var(--couleur-principale, #0073aa);
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 115, 170, 0.4);
}

.formulaire-acf-realisations .acf-gallery {
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.formulaire-acf-realisations .acf-gallery-main {
    padding: 1rem;
}

.formulaire-acf-realisations .acf-gallery-attachments {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1.5rem;
    padding: 1.5rem;
    min-height: 200px;
}

.formulaire-acf-realisations .acf-gallery-attachments .acf-gallery-attachment {
    position: relative;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fa;
    transition: all 0.3s ease;
    cursor: pointer;
    min-width: 150px;
    min-height: 150px;
    aspect-ratio: 1;
}

.formulaire-acf-realisations .acf-gallery-attachments .acf-gallery-attachment:hover {
    border-color: var(--couleur-principale, #0073aa);
    box-shadow: 0 4px 12px rgba(0, 115, 170, 0.2);
    transform: translateY(-2px);
}

.formulaire-acf-realisations .acf-gallery-attachments .acf-gallery-attachment img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

.formulaire-acf-realisations .acf-gallery-attachments .acf-gallery-attachment .acf-gallery-attachment-info {
    padding: 0.5rem;
    font-size: 0.75rem;
    color: #6c757d;
    text-align: center;
    word-break: break-word;
}

.formulaire-acf-realisations .acf-gallery-attachments .acf-gallery-attachment .acf-icon {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 10;
}

.formulaire-acf-realisations .acf-gallery-attachments .acf-gallery-attachment .acf-icon:hover {
    background: #dc3545;
    transform: scale(1.1);
}

.formulaire-acf-realisations .acf-gallery-toolbar {
    padding: 1rem;
    background: #f8f9fa;
    border-top: 1px solid #ddd;
}

.formulaire-acf-realisations .acf-gallery-toolbar ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 1rem;
}

.formulaire-acf-realisations .acf-gallery-toolbar .acf-button {
    background: var(--couleur-principale, #0073aa);
    color: #fff;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: pointer;
}

.formulaire-acf-realisations .acf-gallery-toolbar .acf-button:hover {
    background: var(--couleur-cta, #005a87);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.formulaire-acf-realisations .acf-gallery-toolbar .acf-button.button-primary {
    background: var(--couleur-principale, #0073aa);
}

.formulaire-acf-realisations .acf-gallery-toolbar .acf-button.button-primary:hover {
    background: var(--couleur-cta, #005a87);
}

.formulaire-acf-realisations .acf-gallery-toolbar select {
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    font-size: 0.9rem;
}

.formulaire-acf-realisations .acf-gallery-side {
    border-left: 1px solid #ddd;
    background: #f8f9fa;
}

.formulaire-acf-realisations .acf-gallery-side .acf-gallery-toolbar {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

/* Boutons des repeaters ACF */
.formulaire-acf-realisations .acf-repeater {
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.formulaire-acf-realisations .acf-repeater .acf-actions {
    padding: 1.5rem;
    background: #f8f9fa;
    border-top: 2px solid #e9ecef;
    text-align: center;
}

.formulaire-acf-realisations .acf-repeater .acf-repeater-add-row {
    background: var(--couleur-principale, #0073aa);
    color: #fff;
    padding: 0.875rem 2rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 115, 170, 0.2);
}

.formulaire-acf-realisations .acf-repeater .acf-repeater-add-row:hover {
    background: var(--couleur-cta, #005a87);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 115, 170, 0.3);
}

.formulaire-acf-realisations .acf-repeater .acf-repeater-add-row:active {
    transform: translateY(0);
}

.formulaire-acf-realisations .acf-repeater .acf-repeater-add-row::before {
    content: '+';
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1;
}

/* Icônes des actions dans les lignes de repeater */
.formulaire-acf-realisations .acf-repeater .acf-row-handle .acf-icon {
    width: 28px;
    height: 28px;
    background: #6c757d;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 0 0.25rem;
}

.formulaire-acf-realisations .acf-repeater .acf-row-handle .acf-icon:hover {
    background: var(--couleur-principale, #0073aa);
    transform: scale(1.1);
}

.formulaire-acf-realisations .acf-repeater .acf-row-handle .acf-icon.-minus:hover {
    background: #dc3545;
}

/* Table des repeaters */
.formulaire-acf-realisations .acf-repeater .acf-table {
    width: 100%;
    border-collapse: collapse;
}

.formulaire-acf-realisations .acf-repeater .acf-table thead {
    background: #f8f9fa;
}

.formulaire-acf-realisations .acf-repeater .acf-table th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #2c3e50;
    border-bottom: 2px solid #dee2e6;
}

.formulaire-acf-realisations .acf-repeater .acf-table td {
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    vertical-align: top;
}

.formulaire-acf-realisations .acf-repeater .acf-table tbody tr:hover {
    background: #f8f9fa;
}

.formulaire-acf-realisations .acf-repeater .acf-row-handle {
    width: 80px;
    text-align: center;
}

@media (max-width: 768px) {
    .formulaire-acf-realisations {
        padding: 1rem;
        margin: 1rem auto;
    }
    
    .formulaire-acf-realisations .acf-field {
        padding: 1rem;
    }
    
    .formulaire-acf-realisations .acf-form-submit .acf-button {
        width: 100%;
    }
    
    .formulaire-acf-realisations .acf-image-uploader .acf-button,
    .formulaire-acf-realisations .acf-gallery .acf-button {
        width: 100%;
        text-align: center;
    }
    
    .formulaire-acf-realisations .acf-gallery-attachments {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 1rem;
        padding: 1rem;
    }
    
    .formulaire-acf-realisations .acf-gallery-attachments .acf-gallery-attachment {
        min-width: 120px;
        min-height: 120px;
    }
}

.formulaire-acf-realisations .acf-form-fields{display: block;}
.formulaire-acf-realisations  .hidden{display: none;}