/*
Theme Name: Feu vert
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: feu-vert
Tags: 
*/

.is-style-Vert-fonce a,
.is-style-Vert-clair a,
.is-style-contours-blanc a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: .2s;
}

.is-style-Vert-fonce a:hover{
    background: #02312E;
}

.is-style-Vert-clair a:hover{
    background: #008937;
}

.is-style-contours-blanc a:hover{
    background: #EFEFEF74;
}

.is-style-contours-blanc.contours-vert a{
    border-color: #005B56;
    color: #005B56;
}

h1{
    line-height: 50px!important;
}

h1, h2, .titre-underline{
    position: relative;
}

h2:not(.has-white-color):not(.color-bo){
    color:#00312D !important;
}

h3{
    color:#00AC45;
}

p a{
    color: #00AC45;
}

.animate-fade-in {
    animation: fade-in 0.5s;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.hidden {
    display: none;
}

#wp-admin-bar-root-default #wp-admin-bar-site-editor{
    display: none;
}

h1:not(.not-underline):after, h2:not(.not-underline):after,
.titre-underline:after{
    content:"";
    position: absolute;
    left: 0;
    height: 3px;
    width: 50px;
    bottom: -10px;
    background: #00AC45;
    border-radius: 10px;
}


h1.left-underline:not(.not-underline):after, h2.left-underline:not(.not-underline):after,
.titre-underline:after{
    left: 0 !important;
    transform: translateX(0) !important;
}

h1.has-text-align-right:after, h2.has-text-align-right:after{
    left: inherit;
    right: 0;
}

h1.has-text-align-right:after,
h1.has-text-align-center:after,
h2.has-text-align-center:after,
.wsp-container h2:after{
    left: 50%;
    right: inherit;
    transform: translateX(-50%);
}

.wsp-container h2{
    text-align: center;
}

.wsp-container ul{
    text-align: center;
    list-style: none;
    padding: 0;
}

.wsp-container ul li{
    padding-bottom: 10px;
}

.wsp-container ul br  {
    content: ' '
}
.wsp-container ul br:after {
    content: ' '
}

h1.not-underline, h2.not-underline{
    content: none;
}

h2.has-white-color:after{
    background: #fff !important;
}

.wp-block-cover__inner-container h1:after,
.wp-block-cover__inner-container h2:after{
    transform: none;
    left: 0;
}

.prestataire-unique h1:after,
.prestataire-unique h2:after{
    left: 50%;
    transform: translateX(-50%);
}

.prestataire-unique h1:not(.not-underline):after,
.prestataire-unique h2:not(.not-underline):after,
.prestataire-unique .titre-underline:after{
    background: white;
}

.not-bottom-radius{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}



/*picto nombre*/
.picto-nombre{
    margin: 20px auto 20px auto;
    padding: 10px;
    background: white;
    border-radius: 50px;
    aspect-ratio: 1;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #A0C1C0;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
}

.wp-block-column:has(.picto-nombre){
    position: relative;
    align-self: inherit;
}

ul.wp-block-list,
.single-post .wp-block-post-content ul{
    list-style: none;
    line-height: 20px;
    padding: 7px;
}

ul.wp-block-list li,
.single-post .wp-block-post-content ul li{
    margin-bottom: 14px;
    line-height: 20px;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
}

.single-post .wp-block-post-content ul li{
    padding-left:32px;
}

    /*ul.wp-block-list li:not(.not-flex){
        display: flex;
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-start;
    }*/

ul.wp-block-list li:last-child{
    margin-bottom: 0;
}

ul.wp-block-list li:before,
.single-post .wp-block-post-content ul li:before{
    content: "";
    background-image: url(/wp-content/uploads/2024/12/rafter.svg);
    background-size: cover;
    position: absolute;
    /*top: 50%;
    transform: translateY(-50%);*/
    left: -12px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
}

.single-post .wp-block-post-content ul li:before{
    left:0;
}

ul.wp-block-list.white-li-svg li:before{
    background-image: url(/wp-content/uploads/2025/01/rafter_white.svg);
}

.fond-vert-deux-paragraphes ul.wp-block-list li:before{
    background-image: url(/wp-content/uploads/2025/01/rafter_white.svg);
}

.custom-picto-lien-menu > p{
    display: none !important;
}

.single-faq .title-faq{
    cursor: pointer;
    flex-wrap: nowrap;
    align-items: center;
}

.single-faq .title-faq > .wp-block-group{
    flex-wrap: nowrap;
}

.single-faq .title-faq h3{
    color: #00312D;
    width: 100%;
}

.single-faq .title-faq > .wp-block-group figure{
    width: 30px;
}

.single-faq .title-faq > figure{
    width: 10px;
    display: contents;
}

.single-faq .title-faq img{
    transition: .5s;
}

.single-faq.active .title-faq > figure img{
    transform: rotate(-180deg);
}

.single-faq .content-faq{
    display: none;
}

.taxonomy-category a{
    color: white;
    text-decoration: none;
    background: #005B56;
    padding: 7px 20px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 10px;
    display: block;
    width: fit-content;
}

.taxonomy-category a:last-child{
    margin-right: 0;
}

.taxonomy-category .wp-block-post-terms__separator{
    display: none;
}

.entry-content{
    margin-top: 0 !important;
}

/* Conteneur global */
.form-container {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

/* Colonnes */
.column {
    flex: 1;
}

/* Titres des colonnes */
.column h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Champs de formulaire */
.form-group {
    margin-bottom: 20px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000; /* Texte des champs */
}

textarea {
    height: 100px;
    resize: none;
}

select {
    color: #000; /* Texte des options */
}

input[type="checkbox"] {
    margin-right: 10px;
}

/* Placeholders */
::placeholder {
    color: #000; /* Placeholder en noir */
    font-size: 14px;
    font-weight: normal;
}

/* Boutons */
.form-actions {
    margin-top: 20px;
}

input[type="submit"],
input[type="reset"] {
    background-color: #006b3e;
    color: white;
    font-size: 14px;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #005530;
}

input[type="reset"] {
    background-color: #d9d9d9;
    color: #333;
    margin-left: 10px;
}

input[type="reset"]:hover {
    background-color: #bfbfbf;
}

.desktop{
    display: none !important;
}

header:has(> .custom-header),
.wp-block-template-part:has(> .custom-header){
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 99999999999999999999;
    background: #fff;
}

.info-form{
    text-align: left;
    font: normal normal medium 12px/18px Montserrat;
    letter-spacing: 0px;
    color: #949499;
}

.form-actions{
    display: flex;
    justify-content: space-between;
}

.choix-formulaires .single-choix-formulaire{
    padding-bottom: 8px;
    border-bottom: 3px solid #C0C0C6;
    transition: .3s;
    cursor: pointer;
}

.choix-formulaires .single-choix-formulaire.active,
.choix-formulaires .single-choix-formulaire:hover{
    border-bottom: 3px solid #00AC45;
}

.form-actions > p{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wpcf7-spinner{
    display: none;
    width: 100%;
    background: white;
    margin-top: 10px;
}

.submitting .wpcf7-spinner{
    display: block;
}

.wpcf7-spinner::before{
    background: #fff;
}

.wpcf7-spinner::after {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background: #00AC45;
    border-radius: 300px;
}

.custom-btn-contact-sticky{
    display: none !important;
}

.image-with-overlay-content{
    overflow: hidden;
    position: relative;
}

.image-with-overlay-content .overlay{
    position: absolute;
    bottom: 0%;
    width: 100%;
    transition: .3s;
    z-index: 999;
    transform: translateY(100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.image-with-overlay-content:hover .overlay{
    transform: translateY(0);
}

.image-with-overlay-content .wp-block-cover .wp-block-cover__inner-container{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
    z-index: 999999;
}

.image-with-overlay-content:hover .wp-block-cover .wp-block-cover__inner-container{
    bottom: calc(100% - 100px);
}

.image-with-overlay-content .wp-block-cover .wp-block-cover__inner-container > p > img{
    opacity: 1;
    transition: .3s;
}

.image-with-overlay-content:hover .wp-block-cover .wp-block-cover__inner-container > p > img{
    opacity: 0;
}

.hover-show-text,
.hover-show-text *{
    box-sizing: border-box;
}

.hover-show-text{
    position: relative;
}

.hover-show-text .show-text{
    opacity: 0;
    position: absolute;
    top: -22px;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    transition: .3s;
}
.hover-show-text .show-text,
.hover-show-text .show-text *{
    cursor: default;
}

.hover-show-text:hover .show-text{
    opacity: 1;
}

.mobile.custom-nav-menu{
    display: none;
}

ul.custom-menu .wp-block-navigation__submenu-icon{
    width: 15px;
    height: 15px;
}

ul.custom-menu svg{
    stroke:#00AC45 !important;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog > button.wp-block-navigation__responsive-container-close{
    display: none;
}

.custom-wrapper-buttons-menu{
    display: none !important;
}

.custom-menu .wp-block-navigation__responsive-container .custom-wrapper-buttons-menu .wp-block-buttons{
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.custom-menu .wp-block-navigation__responsive-container .custom-wrapper-buttons-menu .wp-block-buttons .wp-block-button{
    width: 100%;
}

.custom-menu .wp-block-navigation__responsive-container .custom-wrapper-buttons-menu .wp-block-buttons .wp-block-button a{
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 45px;
}

.custom-menu .wp-block-navigation__responsive-container .mobile.custom-nav-menu{
    display: flex;
    margin-top: 30px;
    gap: 40px 30px;
    padding:0 20px;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wrapper-form-close{
    display: flex;
    align-items: center;
    gap: 10px;
    padding:0 20px;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wrapper-form-close > form{
    flex: 1;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wrapper-form-close > button{
    position: unset;
    background: #E5EEEE;
    min-width: 45px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu li{
    flex-direction: column;
    align-items: unset;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu li:has(> .menu-item-description) a{
    padding-bottom: 0;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu a{
    padding-left: unset;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .menu-item-description{
    color: #949499;
    max-width: 250px;
    font-size: 12px;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu > li:has(.custom-wrapper-image-menu){
    display: none;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu{
    width: 400px;
    position: relative;
}
.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu.no-image{
    display: none;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu::before{
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000A3 100%) 0% 0% no-repeat padding-box;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu img{
    width: 100%;
    aspect-ratio: 400/262;
    height: 100%;
    object-fit: cover;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu .texte-wrapper{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 53%;
    color: #fff;
    padding: 30px 30px 0 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: right;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 23px;
    font-size: 20px;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu .texte-wrapper p{
    font-weight: 800;
    font-size: 15px;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu .texte-wrapper a{
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 20px;
    display: flex;
    width: fit-content;
    text-align: right;
    float: right;
    margin-bottom: 23px;
    margin-top: 0;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu .texte-wrapper a:hover{
    background: #fff;
    color: #00312D;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu li.btn > a{
    background: #005B56;
    border-radius: 2px;
    color:#fff;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    font-weight: 600;
    margin-top: 30px;
    padding: 12.5px 24px !important;
    width: fit-content;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu li.btn > a:hover{
    background: #02312E;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu li.btn > a:hover{
    color:#fff !important;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu li.btn > a::after{
    content: url("/wp-content/themes/feu-vert/assets/svg/chevron.svg");
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4Px;
}

.custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .menu-item-description span{
    color:#00AC45 !important;
    font-size:12px;
    margin-bottom: 5px;
    display: flex;
}

/* CUSTOM SEARCH FORM */

.custom-search-form .wp-block-search__inside-wrapper{
    border: 0;
    background: #E5EEEE 0% 0% no-repeat padding-box;
    border-radius: 23px;
    padding:8.5px 12px;
}

.custom-search-form .wp-block-search__inside-wrapper input,
.custom-search-form .wp-block-search__inside-wrapper button{
    background: transparent !important;
    padding:0 !important;
}

.custom-search-form .wp-block-search__inside-wrapper button svg{
    transform: rotate(270deg);
    width: 26.5px;
    height: 26.5px;
}

.custom-search-form .wp-block-search__inside-wrapper input,
.custom-search-form .wp-block-search__inside-wrapper input::placeholder{
    color: #005045;
    font-weight: 600;
    font-size: 15px;
}

.custom-cat{
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    margin-left: unset !important;
}

.custom-cat a{
    padding:0;
}

.custom-card-article{
    height: 100% !important;
    overflow: hidden;
}

.custom-card-article figure{
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.custom-card-article figure img{
    transition: .3s;
    height:  223px;
    object-fit: cover;
}

.custom-card-article .parent-categorie{
    overflow: hidden;
    transition: .3s;
}

.custom-card-article .parent-categorie{
    opacity: 1;
    transition: .3s;
}

.custom-card-article h3{
    transition: .3s;
}

.custom-card-article:hover h3{
    margin-top: -30px;
}

.custom-card-article .wp-block-read-more{
    /*opacity: 0;*/
    border: 1px solid #005045;
    padding: 10px 20px;
    color: #005045;
    text-align: left;
    border-radius: 3px;
    position: relative;
    display: table;
    margin-top: 15px;
}

.custom-card-article .wp-block-read-more:hover{
    background: #005045;
    color: #fff !important;
}

.custom-card-article .wp-block-post-excerpt__excerpt{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.custom-card-article .extrait-bouton{
    position: relative;
}

.custom-card-article:hover .wp-block-read-more{
    opacity: 1;
}

.is-layout-grid:has(.custom-card){
    grid-auto-rows: 1fr;
}

.custom-card:has(.custom-card-service){
    display: flex;
    flex-direction: column;
    height: 100%;
}

.custom-card:has(.custom-card-service) > div:last-child{
    height: 100% !important;
    min-height: unset !important;
}

.custom-card-service{
    height: 190px;
}

.wp-block-group .custom-card-service h2,
.wp-block-group .custom-card-service h2 a{
    color:#fff !important;
}

.custom-card-service img{
    transition: .3s;
}

.custom-card-service:hover img{
    transform: scale(1.1);
}

.custom-card-service h2{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-card .readmore-logo a:hover{
    color:#00AC45 !important;
}

/* CUSTOM CARD --------------------------------------------------------- */

.custom-card{
    position: relative;
}

.custom-card .sous-titre{
    margin:0;
    font-size: 14px;
    font-weight: 500;
}

.custom-card .readmore-logo{
    display: flex;
    align-items: flex-end;
    gap: 10px;
    justify-content: space-between;
}

.custom-card .tag-card{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.custom-card .readmore-logo .readmore{
    display: flex;
    gap: 6px;
    align-items: center;
}

.custom-card .readmore-logo .readmore img{
    transform: rotate(-90deg);
}

.custom-card .readmore-logo .logo-single-card{
    max-width: 100px;
}

.custom-card .readmore-logo .logo-single-card img{
    width: 100%;
}

.yoast-breadcrumbs{
    max-width: 2000px !important;
}

.yoast-breadcrumbs *{
    font-size: 14px;
    color:#33414F;
    font-weight: 500;
}

.yoast-breadcrumbs > span{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.yoast-breadcrumbs a:hover{
    font-weight: 600;
    color:#33414F !important;
}

.yoast-breadcrumbs .separator{
    background: #F2F7F7;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 22px;
    height: 22px;
}

.separator-bg-gris .yoast-breadcrumbs .separator{
    background: #F2F7F7;
}

.yoast-breadcrumbs .separator svg{
    height: 20px;
}

.yoast-breadcrumbs .separator svg path{
    stroke:#005B56;
}

.single-faq.active{
    color:#00312D !important;
}

.single-choix-formulaire.active{
    color: #00312D !important;
}

.wrapper-form .form-container h3{
    font-size: 20px !important;
}

.wrapper-form .form-container select,
.wrapper-form .form-container input,
.wrapper-form .form-group textarea{
    color:#00312D;
    font-weight: 600 !important;
}

.wrapper-form .form-container input::placeholder,
.wrapper-form .form-group textarea::placeholder{
    color:#00312D;
    font-weight: 600 !important;
}

.wrapper-form .form-group .info-form p{
    color:#949499;
    font-size: 12px;
}

.wrapper-form .form-container .wpcf7-checkbox .wpcf7-list-item{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-left: 0;
}

.wrapper-form .form-container .wpcf7-checkbox .wpcf7-list-item input{
    margin: 3px 0 0!important;
}

.wrapper-form .form-container .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
    text-align: left;
    color:#00312D;
    font-weight: 500;
}

.wrapper-form .form-actions p{
    display: flex;
    flex-direction: column;
}

.wrapper-form .form-actions p .sr-only{
    background: transparent;
    border: 1px solid #005B56;
    border-radius: 2px;
    color:#005B56;
    font-size: 16px;
    font-weight: 600;
    margin-left: 0;
    padding: 12px 20px;
    cursor: pointer;
}

.wrapper-form .form-actions p .wpcf7-submit{
    background: #00AC45;
    border:0;
    border-radius: 2px;
    color:#fff;
    font-size: 16px;
    font-weight: 600;
    margin-left: 0;
    padding: 12px 20px
}

.wrapper-form .form-actions p .wpcf7-submit:hover{
    background: #008937;
}

.single-prestation .wp-block-group:has(> .wp-block-table table){
    overflow-x: auto;
}

.single-prestation .wp-block-group > .wp-block-table{
    min-width: 900px;
}

.custom-slide .wp-block-cover__inner-container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.custom-overlay-slider-home{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap:20px;
    max-width: 1136px;
}

.custom-overlay-slider-home h1{
    font-size: 40px;
}

.custom-overlay-slider-home .wp-block-buttons{
    margin: 0 !important;
}

.custom-overlay-slider-home .custom-dots{
    margin:0 !important;
}

.custom-overlay-slider-home .custom-dots ul{
    list-style: none;
    padding:6px !important;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    border-radius: 11px;
}

.custom-overlay-slider-home .custom-dots ul li,
.custom-overlay-slider-home .custom-dots ul li button{
    background: #FFFFFF;
    width: 18px;
    height: 6px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.custom-overlay-slider-home .custom-dots ul li.slick-active,
.custom-overlay-slider-home .custom-dots ul li.slick-active button{
    width: 34px;
    background: #FFDB0A;
}

.custom-overlay-slider-home .custom-dots ul li button{
    opacity: 0;
}

.custom-slider .custom-slide{
    padding:0 !important;
}

.custom-slider .custom-slide > img{
    position: relative !important;
    aspect-ratio: 375 / 383 !important;
}

.custom-slider .slick-list{
    width: 100% !important;
    max-width: unset !important;
}

.custom-slider .slick-list .wp-block-cover__background{
    background-color: #000 !important;
    opacity: 0.27;
}

.custom-overlay-slider-home .wp-block-buttons a img{
    width: 7px;
}

.custom-slider-wrapper .custom-arrow{
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    cursor: pointer;
    margin-top: 0 !important;
}

.custom-slider-wrapper .custom-arrow.custom-arrow-left{
    transform: translate(0, -50%) rotate(180deg);
}

.custom-slider-wrapper .custom-arrow.custom-arrow-right{
    left:auto;
    right: 14px;
}

.custom-slider-wrapper .custom-arrow img{
    width: 14px;
}

.custom-search-result{
    max-width: 560px;
}

.single-offre .single-faq{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.single-offre .title-faq > .wp-block-group{
    gap: 12px !important;
}

.single-offre .title-faq h3{
    font-size: 20px !important;
    line-height: 21px !important;
    width: 100%;
}

.single-post .wp-block-template-part:has(> .custom-footer){
    margin-top: 0;
}

.single-post .taxonomy-category:not(.tag-single-post-similaire){
    display: flex;
    justify-content: center;
}

.single-post .btn-return-post a{
    border-color:#005B56 !important;
    display: flex;
    align-items: center;
    gap:16px;
    transition: all .3s ease-in-out;
}

.single-post .btn-return-post a:hover{
    background: #BDD4D3;
}

.single-post .btn-return-post a img,
.single-post .return-to-all-posts a img{
    width: 7px;
}

.single-post .wp-block-post-content ul{
    padding-left:0;
}

.single-post .wp-block-post-content ul li{
    font-size: 14px;
    line-height: 25px;
    margin-bottom:5px;
}

.single-post .posts-similaires-single-post li .custom-card{
    height: 100%;
}

.single-post .posts-similaires-single-post li .custom-card > .wp-block-group{
    min-height: unset !important;
    height: 100% !important;
}

.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h2 span{
    font-size: 25px;
    font-weight: 800 !important;
}

.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h3 span{
    font-size: 20px;
    font-weight: 800 !important;
    color:#00AC45;
}

.single-post .wp-block-post-content a:hover{
    text-decoration: underline;
}

.wp-block-post-content  .wp-block-group a:not(.wp-element-button):not([rel="tag"]){
    color:#00312D;
}

.wp-block-post-content .wp-block-group a:not(.wp-element-button):not([rel="tag"]):hover{
    color:#00AC45;
}

.btn-flottant{
    width: fit-content;
    position: fixed;
    bottom:10px;
    z-index: 9;
}

.btn-flottant.right{
    right:10px;
}

.btn-flottant a{
    padding-top: 12px;
    padding-right: 13px;
    padding-bottom: 12px;
    padding-left: 13px;
}

footer{
    margin-top: 0;
}

.custom-footer a:hover{
    text-decoration: underline;
}

.center-image-mobile figure{
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 992px){

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }


    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        bottom: 0;
        display: none;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        margin-top: 0 !important;
    }

    .custom-picto-lien-menu:has(> p.prendre-rdv){
        gap:6px !important;
    }

    .custom-picto-lien-menu > p.prendre-rdv{
        display: block !important;
    }

    .custom-header{
        padding:0 15px !important;
    }

    .custom-header > .wp-block-group{
        padding:10px 0 !important;
    }

    .custom-header .logo-header{
        width: 116px;
    }

    .custom-header .wrapper-header-menu{
        justify-content: unset;
        width: 100%;
        gap:10px;
    }

    .custom-menu .wp-block-navigation__responsive-container-open{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .custom-menu .wp-block-navigation__responsive-container-open p{
        font-size: 10px;
        color: #00312D;
        margin:0;
        font-weight: bold;
    }

    .custom-header .wrapper-header-menu > div{
        justify-content: space-between;
        width: 100%;
    }

    .custom-header .wrapper-header-menu > div:last-child{
        gap: 10px;
    }

    .custom-header .wrapper-header-menu > div:last-child form{
        width: calc(100% - 55px);
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content{
        order: 2;
        padding-top: 20px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu{
        width: 100%;
    }

    .custom-menu .wp-block-navigation__responsive-container .custom-wrapper-buttons-menu{
        display: flex !important;
        order:3;
        width: 100%;
        max-width: 302px;
        margin: 0 auto;
        padding: 20px 20px 50px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li{
        padding: 5px 0 25px;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li::before{
        content: '';
        position: absolute;
        width: calc(100vw - 40px);
        left:20px;
        top:-10px;
        height: 1px;
        background: #EAEAEA;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li.active::before,
    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li.active + li::before,
    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li:nth-last-child(2).active::after{
        display: none;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li.active > button{
        transform: rotate(180deg);
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > a{
        padding-left: 20px;
        color:#00312D;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > button{
        display: flex;
        /*background: #F2F7F7 !important;*/
        transition: all ease-in-out .3s;
        margin-right: 20px;
        width: 15px;
        height: 15px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li:nth-last-child(2)::after{
        content: '';
        position: absolute;
        width: calc(100vw - 40px);
        left:20px;
        bottom:5px;
        height: 1px;
        background: #EAEAEA;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu{
        display: none;
        padding: 0 !important;
        width: 100%;
        margin-top: 10px;
        background: #F2F7F7 !important;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu a{
        font-size: 14px !important;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu ul{
        padding: 0 !important;
        width: 100%;
        margin-top: 10px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu ul li{
        padding:15px 0;
        border-bottom:1px #EAEAEA solid;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu > li{
        padding: 20px 30px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu{
        display: none;
    }

    .custom-grid-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .flex-reverse{
        flex-direction: column-reverse;
    }

    .custom-card-service{
        height: 100%;
    }

    .section-padding{
        padding-top:50px !important;
        padding-bottom:50px !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }


    .p-lr-36{
        padding-left:36px !important;
        padding-right:36px !important;
    }

    .p-lr-20{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .m-0-mobile{
        margin: 0 !important;
    }

    .custom-slider-wrapper h1{
        line-height: 40px!important;
        font-size: 40px !important;
    }

    h1.wp-block-heading{
        font-size: 35px !important;
        line-height: 38px !important;
    }

    h2.wp-block-heading{
        font-size: 30px !important;
        margin-top: 0 !important;
        margin-bottom:41px !important;
        line-height: 30px !important;
    }

    h2.wp-block-heading + *{
        margin-top: 0 !important;
    }

    .titre-underline-mobile{
        position: relative;
    }

    .titre-underline-mobile:after{
        content:"";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 3px;
        width: 50px;
        bottom: -10px;
        background: #00AC45;
        border-radius: 10px;
    }

    .max-w{
        width: 100% !important;
    }

    .bouton-align-left a{
        justify-content: space-between;
        text-align: left !important;
    }

    .nos-services-container{
        margin-bottom: 50px !important;
    }

    #devenir-contact-fve{
        padding-bottom: 0 !important;
    }

    .single-faq .title-faq > div img{
        min-width:29px;
        max-width: 29px;
    }

    .accord-etapes{
        margin-bottom: 50px !important;
    }

    .accord-etapes > .wp-block-columns{
        gap:80px;
    }

    .partenaire-confiance{
        padding-top: 0 !important;
    }

    .lh-18{
        line-height: 18px !important;
    }

    .single-offre .has-background.single-faq{
        margin-bottom: 20px !important;
    }

    .single-faq .content-faq{
        padding:0 5px !important;
    }

    .wrapper-avantages h2{
        font-size:20px !important;
    }

    .solutions-map > .wp-block-columns > .wp-block-column{
        padding-top: 0 !important;
    }

    .avantages{
        margin-top: 47px !important;
        padding: 0 16px !important;
    }

    .avantages .avantage-content{
        margin-top: 10px !important;
    }

    .avantages .avantage-content p{
        margin-top: 11px !important;
    }

    .avantages-custom-boutons{
        margin-top: 35px !important;
    }

    .single-offre .entry-content{
        padding-top: 0 !important;
    }

    .header-services{
        padding-top: 18px !important;
        padding-bottom: 50px !important;
    }

    .avantages-custom-boutons .wp-block-button{
        width: 100% !important;
    }

    .custom-image-hover-mobile{
        min-height: 420px !important;
    }

    h2.flotte-question{
        margin-bottom: 16px !important;
    }

    .hover-show-text .has-background{
        padding: 28px 0 !important;
    }

    .hover-show-text .has-background p{
        line-height: 16px !important;
    }

    .flotte .flotte-sous-titre{
        margin-top: 36px !important;
    }

    .liste-flotte{
        margin-top: 40px;
    }

    .flotte .titre-single-flotte{
        padding: 0 20px;
    }

    .image-with-overlay-content:hover .wp-block-cover__inner-container:has(> .titre-single-flotte.bottom-change){
        bottom: calc(100% - 155px);
    }

    .flotte .flotte-question{
        padding-left: 0 !important;
    }

    .flotte h2.flotte-question::after{
        display: none;
    }

    /*.custom-card-article:hover{
        padding-bottom:63px !important;
    }*/

    .partenaire-confiance h2{
        text-align: center;
    }
    .partenaire-confiance h2::after{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }

    .sous-titre-partenaire-confiance{
        text-align: left;
        margin-top: 36px !important;
    }

    .partenaire-confiance .confiance-grid{
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .prestataire-unique h2::after{
        background: #fff;
        left: 50%;
        transform: translateX(-50%);
        bottom: -25px !important;
    }

    .pourquoi-feu-vert{
        padding-top: 10px !important;
    }

    .pt-50{
        padding-top: 50px !important;
    }

    .pb-50{
        padding-bottom: 50px !important;
    }

    .pb-120{
        padding-bottom: 120px !important;
    }

    .pourquoi-feu-vert .wp-block-buttons{
        margin-top: 10px !important;
    }

    .prestataire-unique .prestataire-unique-sous-titre{
        line-height: 22px;
    }

    .prestataire-unique .liste-actions{
        gap:47px !important;
    }

    .prestataire-unique .bouton-prestations{
        margin-top: 5px !important;
    }

    .single-offre p:not(.lh-22){
        line-height: 20px !important;
    }

    .block-fond-vert{
        padding-top:40px !important;
        padding-bottom: 50px !important;
    }

    .mb-50-mobile{
        margin-bottom: 50px !important;
    }

    .mb-30{
        margin-bottom: 30px !important;
    }

    .services-sur-mesure{
        /*margin: 0 20px;*/
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .pb-0{
        padding-bottom: 0 !important;
    }

    .mb-0{
        margin-bottom: 0 !important;
    }

    .posts-similaires h2{
        margin:0 !important;
    }

    .garanties h3{
        line-height: 25px;
    }

    #offres-de-remises > .has-background{
        margin-top: 0 !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .single-offre .services-sur-mesure,
    .single-prestation .services-sur-mesure,
    .single-service .services-sur-mesure{
        margin-top: 50px !important;
    }

    .single-prestation .entry-content,
    .single-service .entry-content{
        padding-top: 0 !important;
    }

    .services-sur-mesure .wrapper-services{
        padding: 40px 20px 50px 20px !important;
        margin-top: 50px !important;
    }

    .services-sur-mesure .wrapper-services p{
        line-height: 20px !important;
    }

    .services-sur-mesure .wrapper-services .wp-block-group p{
        margin-top: 10px !important;
    }

    .services-sur-mesure .liste-services{
        margin-top: 2px !important;
        gap:36px !important;
        padding-bottom: 0 !important;
    }

    .services-sur-mesure .bouton-services-sur-mesure{
        margin-top: 45px !important;
        padding-top: 40px !important;
    }

    .pourquoi{
        margin-top: 10px !important;
    }

    .pourquoi-texte{
        margin-top: 16px !important;
    }

    .parlent-feu-vert{
        margin-top: 12px !important;
    }

    .custom-image-404{
        padding:0 !important;
    }

    .custom-image-404 p{
        font-weight: 500 !important;
    }

    .custom-image-404 h1{
        margin-bottom: 40px;
    }

    .pt-0{
        padding-top: 0!important;
    }

    .mt-0{
        margin-top: 0 !important;
    }

    .page-404{
        padding-bottom: 50px !important;
    }

    .wp-block-group:has(.custom-image-404){
        padding-top: 0 !important;
        padding-bottom: 50px !important;
        margin-bottom: 0 !important;
    }

    .fond-vert-deux-paragraphes{
        padding-bottom: 30px !important;
        margin-bottom: 50px !important;
    }

    .custom-image-404{
        flex-direction: column;
        padding-top: 0 !important;
    }

    .custom-image-404 .wp-block-columns > .wp-block-column:not(:has(*)){
        display: none;
    }

    .custom-image-404.reverse{
        flex-direction: column-reverse;
    }

    .custom-image-404 > span.wp-block-cover__background{
        display: none;
    }

    .custom-image-404 > img{
        position: relative !important;
        height: 100%;
        aspect-ratio: 700 / 730;
    }

    .custom-image-404.reverse > img{
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .custom-image-404 > div{
        box-shadow: 0 -20px 39px 35px #F2F7F7;
    }

    .custom-image-404.reverse > div{
            box-shadow: 0 20px 39px 35px #F2F7F7;
    }

    .custom-image-404 > div > div{
        padding-left:20px!important;
        padding-right:20px!important;
        background: #F2F7F7;
        padding-bottom: 45px !important;
    }

    .wp-block-group:has(> .related-posts-wrapper) .custom-image-404 > div > div{
        padding-bottom: 0 !important;
    }

    .custom-image-404.reverse > div > div{
        padding-top:20px !important;
        padding-bottom:0 !important;
    }

    .wrapper-texte-404{
        margin-top: 55px !important;
    }

    .besoins-specifiques{
        padding-top: 0 !important;
    }

    .custom-grid-2-col,
    .custom-grid-4,
    .custom-grid-5,
    .custom-grid-6{
        padding-top: 0 !important;
    }

    .single-offre .custom-grid .has-background figure{
        margin-bottom: 0 !important;
    }

    .single-offre .custom-grid .has-background p{
        margin-top: 17px !important;
    }

    .picto-question{
        min-width: 30px;
    }

    .chevron-question{
        min-width: 10px;
    }

    .single-faq ul.wp-block-list{
        padding-left: 0 !important;
    }

    .content-faq > *{
        padding-top: 20px;
    }

    .garanties{
        padding-top: 10px !important;
    }

    .garanties-wrapper{
        padding: 0 16px !important;
    }

    .transformation-tpe-wrapper{
        margin-top: 55px !important;
    }

    .titre-tab{
        font-size: 18px !important;
    }

    .choix-formulaires{
        gap:4px !important;
    }

    .wrapper-form .form-container{
        flex-direction: column;
        text-align: center;
        gap:0!important;
    }

    .nous-contacter-ban{
        padding:0 20px !important;
    }

    .colonne-vide-transfo{
        display: none !important;
    }

    .titre-post{
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .single-post .image-mis-en-avant,
    .single-post .image-mis-en-avant img{
        height: 175px !important;
    }

    .single-post .row-return-rs{
        flex-direction: column;
        align-items: center;
    }

    .single-post .wrapper-content-post{
        padding:34px 17px 37px !important;
    }

    /* PAGE SERVICES ---------------------------- */

    .nos-services-container{
        padding:18px 20px!important;
    }

    .nos-services-container .boutons-services{
        align-items: stretch;
        margin-top: 49px;
        max-width: 400px;
    }

    .nos-services-container .liste-services{
        padding-top:30px !important;
        padding-bottom: 55px !important;
    }

    .custom-card .readmore-logo{
        font-size: 14px;
    }

    .custom-footer .footer-haut{
        text-align: center;
        padding-top:36px !important;
        padding-bottom: 65px !important;
    }

    .custom-footer .footer-haut > div{
        gap:50px !important;
    }

    .custom-footer .footer-haut > div .wp-block-image{
        margin-top: 42px !important;
    }

    .custom-footer .footer-bas .liste-liens{
        gap: 0 1rem !important;
        padding:25px 0;
    }

    .custom-footer .footer-bas .liste-liens p{
        line-height: 40px !important;
    }
}

@media screen and (min-width: 768px){
    .custom-grid-2-col{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (min-width: 992px) and (max-width: 1440px){
    .logo-header.desktop.wp-block-site-logo{
        width: 170px !important;
    }

    .wrapper-header{
        gap:20px !important;
    }

    .custom-header .wrapper-header-menu{
        width: calc(100% - 170px) !important;
    }

    .group-header-haut-wrapper > .wp-block-group {
        gap: 10px !important;
    }

    .group-header-haut-wrapper > .wp-block-group form {
        width: 15% !important;
    }

    .custom-search-form .wp-block-search__inside-wrapper{
        padding: 9.25px 11px !important;
    }

    .custom-search-form .wp-block-search__inside-wrapper > button{
        margin-left: 0 !important;
    }

    .custom-search-form .wp-block-search__inside-wrapper input,
    .custom-search-form .wp-block-search__inside-wrapper input::placeholder{
        font-size: 11px !important;
    }

    .custom-search-form .wp-block-search__inside-wrapper button svg{
        width: 12px !important;
        height: 12px !important;
    }

    .custom-picto-lien-menu > p a{
        font-size: 11px !important;
    }

    .custom-btn-header a{
        min-width: 183px !important;
        font-size: 11Px !important;
    }

    .custom-picto-lien-menu > p{
        display: block !important;
    }

}

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

    .desktop{
        display: block !important;
    }

    .mobile{
        display: none !important;
    }

    .custom-btn-contact-sticky{
        display: block !important;
        position: fixed;
        right: 0;
        z-index: 999999999999999999;
        top: 50%;
        transform: rotate(-90deg) translate(100%, 1px);
        transform-origin: bottom right; /* Déplace le pivot au coin supérieur droit */
    }

    .custom-btn-contact-sticky a:hover{
        text-decoration: unset;
    }

    .custom-btn-contact-sticky img{
        transform: rotate(90deg);
    }

    .wrapper-header{
        justify-content: unset;
        gap:50px;
    }

    .group-header-haut-wrapper{
        width: 100%;
    }


    .custom-header .wrapper-header-menu{
        width: calc(100% - 300px);
    }

    .custom-picto-lien-menu > p.prendre-rdv{
        display: none !important;
    }

    .group-header-haut-wrapper > .wp-block-group{
        flex-wrap: unset;
        width: 100%;
        gap:10px;
    }

    .group-header-haut-wrapper > .wp-block-group form{
        width: 50%;
    }

    .custom-search-form .wp-block-search__inside-wrapper{
        padding:9.25px 21px;
    }

    .custom-header .wrapper-header{
        align-items: flex-start;
    }

    .custom-header .wrapper-header-menu .custom-picto-lien-menu{
        padding: 8px 5px;
        cursor: pointer;
    }

    .custom-header .wrapper-header-menu .custom-picto-lien-menu:hover{
        background: #F2F7F7;
        border-radius: 23px;
    }

    .custom-btn-header a{
        padding-top: 10.5px;
        padding-bottom: 10.5px;
        min-width: 263px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wrapper-form-close > button{
        display: none;
    }

    /* CUSTOM MENU WP */

    ul.custom-menu > li{
        padding: 8px 16px;
    }

    ul.custom-menu > li:not(:has(> ul)):hover span {
        color: green;
        cursor: pointer;
    }

    ul.custom-menu > li:has(ul):hover{
        box-shadow: 0px 0px 40px #00000046;
        border-radius: 4px;
    }

    ul.custom-menu > li:has(ul)::before{
        content: '';
        background: #fff;
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 9;
        border-radius: 4px;
    }

    ul.custom-menu > li:hover::before{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    ul.custom-menu > li:not(:hover)::before{
        display: none;
    }

    ul.custom-menu > li a,
    ul.custom-menu > li button{
        z-index: 10;
    }

    ul.custom-menu > li > a{
        cursor: default;
    }

    ul.custom-menu ul > li a:hover{
        color:#00AC45 !important;
    }

    ul.custom-menu:has(> li:hover) > li:not(:hover), ul.custom-menu:has(> li:hover) > li:not(:hover) button{
        z-index: 1;
    }

    ul.custom-menu > li > ul{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 40px #00000046;
        border-radius: 4px;
        border:0 !important;
        transition: unset !important;
        flex-direction: row !important;
        gap: 60px;
        border-top-left-radius: 0;
    }

    ul.custom-menu > li:hover > ul{
        padding:60px;

    }

    ul.custom-menu > li:first-child > ul{
        left:0 !important;
        width: max-content !important;
        transform: translate(-20%, -1px);
    }

    ul.custom-menu > li:nth-child(2) > ul{
        width: max-content !important;
        left: 50% !important;
        transform: translate(-67%, -1px);
        flex-wrap: wrap;
        max-width: 815px;
    }

    ul.custom-menu > li:nth-child(3):hover::before,
    ul.custom-menu > li:nth-child(4):hover::before{
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    ul.custom-menu > li:nth-child(3) > ul,
    ul.custom-menu > li:nth-child(4) > ul{
        left: unset !important;
        width: max-content !important;
        right: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 4px;
        transform: translateY(-1px);
    }

    ul.custom-menu > li:nth-child(4) > ul{
        transform: translate(35%, -1px);
    }

    ul.custom-menu > li > ul > li{
        flex-direction: column;
        align-items: flex-start !important;
    }

    ul.custom-menu > li > ul ul{
        position: relative !important;
        opacity: 1 !important;
        overflow: visible !important;
        height: 100% !important;
        left: unset !important;
        width: 100% !important;
        visibility: visible !important;
        border:0 !important;
        margin-top: 10px;
        min-width: unset !important;
    }

    ul.custom-menu > li > ul button{
        display: none !important;
    }

    .custom-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .custom-grid-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .custom-grid-5{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .custom-grid-6{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .breadcrumb-bleu{
        background: #F2F7F7 !important;
        padding-top: 30px;
    }

    .wp-block-group:has(> .yoast-breadcrumbs){
        padding-bottom: 0 !important;
    }

    .yoast-breadcrumbs .separator{
        background: #fff;
    }

    .wp-block-column:has(.picto-nombre):after{
        content: "";
        width: calc(100% - 29.5px);
        height: 3px;
        background: #A0C1C0;
        position: absolute;
        bottom: -45px;
        left: calc(50% + 26.5px);
        border-radius: 50px;
    }

    .wp-block-column:has(.picto-nombre):last-child:after{
        content: none;
    }

    .wrapper-form .form-actions p{
        flex-direction: row;
    }

    .custom-slide .wp-block-cover__inner-container{
        left: 0;
        transform: translate(0, -50%);
    }

    .custom-slide .wp-block-cover__inner-container .custom-overlay-slider-home{
        align-items: flex-start;
        text-align: left;
    }

    .custom-slide .wp-block-cover__inner-container .custom-overlay-slider-home h1,
    .custom-slide .wp-block-cover__inner-container .custom-overlay-slider-home h2{
        margin:unset !important;
        max-width: 700px;
        font-size: 50px;
        line-height: 50px !important;
    }

    .custom-slider .custom-slide > img{
        aspect-ratio: 1420 / 413 !important;
    }

    .custom-overlay-slider-home .wp-block-buttons a{
        padding: 12px 24px;
    }

    .custom-slider-wrapper .custom-arrow.custom-arrow-left{
        left:75px;
    }

    .custom-slider-wrapper .custom-arrow.custom-arrow-right{
        right: 75px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu ul a{
        font-size: 14px !important;
    }

    .align-img-right > img{
        /*padding-left: 25% !important;*/
        width: 60% !important;
        margin-left: auto !important;
    }

    .align-img-left > img{
        /*margin-left: -30% !important;*/
        width: 60% !important;
    }

    .custom-card-article .wp-block-read-more{
        opacity: 0;
    }

    .custom-card-article:hover .parent-categorie{
        opacity: 0;
    }

    .custom-card-article .wp-block-read-more{
        opacity: 0;
        transition: .3s;
        position: absolute;
        bottom: -51px;
        left: 0;
    }

    .custom-card-article .wp-block-read-more:hover{
        background: #005045;
        color: #fff !important;
    }

    .custom-card-article:hover figure img{
        transform: scale(1.1);
    }

}

@media screen and (min-width: 1200px) {
    ul.custom-menu > li:nth-child(2) > ul {
        width: max-content !important;
        left: 50% !important;
        transform: translate(-47%, -1px);
    }

    .group-header-haut-wrapper > .wp-block-group{
        gap:20px;
    }

    .custom-header .wrapper-header-menu .custom-picto-lien-menu{
        padding:12px 20px;
    }

    .custom-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .custom-menu > li > ul.wp-block-navigation-submenu .custom-wrapper-image-menu .texte-wrapper p{
        font-size: 20px;
        line-height: 22px;
        margin: 0;
    }

    ul.custom-menu > li:first-child > ul,
    ul.custom-menu > li:nth-child(4) > ul{
        transform: translate(0, -1px);
    }
}

@media screen and (min-width: 1440px) {
    ul.custom-menu > li:nth-child(2) > ul {
        max-width: 1360px;
        transform: translate(-48%, -1px);
        flex-wrap: nowrap;
        gap: 50px;
    }

    .custom-header .wrapper-header{
        align-items: flex-end;
    }

    ul.custom-menu > li{
        padding: 16px 16px;
    }

    .custom-header .wrapper-header .custom-logo-link img {
        transform: translateY(-16px);
    }

    .custom-picto-lien-menu > p{
        display: block !important;
    }

    .custom-header .wrapper-header-menu .custom-picto-lien-menu figure{
        width: 20px;
    }

    .custom-header .wrapper-header-menu .custom-picto-lien-menu p a{
        white-space: nowrap;
    }

    .group-header-haut-wrapper > .wp-block-group form{
        width: 50% !important;
    }
}