@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    button,
    input,
    select,
    textarea {
        @apply appearance-none bg-transparent border-0 outline-none;
    }
}

@tailwind components;
@tailwind utilities;

@layer components {
    .all-\[unset\] {
        all: unset;
    }
}

:root {
    --bc-blanc: rgba(255, 255, 255, 1);
    --bc-bleu-1: rgba(28, 154, 215, 1);
    --bc-bleu-2: rgba(129, 207, 244, 1);
    --bc-bleu-3: rgba(229, 243, 245, 1);
    --bc-bleu-4: rgba(21, 81, 155, 1);
    --bc-vert-1: rgba(0, 133, 105, 1);
    --bc-vert-2: rgba(0, 80, 63, 1);
    --bc-vert-3: rgba(151, 218, 189, 1);
    --bc-vert-4: rgba(0, 53, 41, 1);
    --bc-vert-5: rgba(234, 244, 237, 1);
    --BC-Blanc: #FFF;
    --blanc: rgba(255, 255, 255, 1);
    --desktop-d-body-font-family: "Outfit", Helvetica;
    --desktop-d-body-font-size: 16px;
    --desktop-d-body-font-style: normal;
    --desktop-d-body-font-weight: 400;
    --desktop-d-body-l-font-family: "Outfit-Light", Helvetica;
    --desktop-d-body-l-font-size: 19px;
    --desktop-d-body-l-font-style: normal;
    --desktop-d-body-l-font-weight: 300;
    --desktop-d-body-l-letter-spacing: 0px;
    --desktop-d-body-l-line-height: normal;
    --desktop-d-body-letter-spacing: 0px;
    --desktop-d-body-line-height: normal;
    --desktop-d-body-s-font-family: "Outfit", Helvetica;
    --desktop-d-body-s-font-size: 14px;
    --desktop-d-body-s-font-style: normal;
    --desktop-d-body-s-font-weight: 400;
    --desktop-d-body-s-letter-spacing: 0px;
    --desktop-d-body-s-line-height: normal;
    --desktop-d-body-semibold-font-family: "Outfit", Helvetica;
    --desktop-d-body-semibold-font-size: 16px;
    --desktop-d-body-semibold-font-style: normal;
    --desktop-d-body-semibold-font-weight: 600;
    --desktop-d-body-semibold-letter-spacing: 0px;
    --desktop-d-body-semibold-line-height: normal;
    --desktop-d-citation-font-family: "Montserrat", Helvetica;
    --desktop-d-citation-font-size: 18px;
    --desktop-d-citation-font-style: italic;
    --desktop-d-citation-font-weight: 400;
    --desktop-d-citation-letter-spacing: 0px;
    --desktop-d-citation-line-height: normal;
    --desktop-d-h1-font-family: "Outfit", Helvetica;
    --desktop-d-h1-font-size: 48px;
    --desktop-d-h1-font-style: normal;
    --desktop-d-h1-font-weight: 600;
    --desktop-d-h1-letter-spacing: 0px;
    --desktop-d-h1-line-height: normal;
    --desktop-d-h2-font-family: "Outfit", Helvetica;
    --desktop-d-h2-font-size: 36px;
    --desktop-d-h2-font-style: normal;
    --desktop-d-h2-font-weight: 600;
    --desktop-d-h2-letter-spacing: 0px;
    --desktop-d-h2-line-height: normal;
    --desktop-d-h3-font-family: "Outfit", Helvetica;
    --desktop-d-h3-font-size: 27px;
    --desktop-d-h3-font-style: normal;
    --desktop-d-h3-font-weight: 600;
    --desktop-d-h3-letter-spacing: 0px;
    --desktop-d-h3-line-height: normal;
    --desktop-d-h4-font-family: "Outfit", Helvetica;
    --desktop-d-h4-font-size: 21px;
    --desktop-d-h4-font-style: normal;
    --desktop-d-h4-font-weight: 600;
    --desktop-d-h4-letter-spacing: 0px;
    --desktop-d-h4-line-height: normal;
    --desktop-d-h5-font-family: "Outfit", Helvetica;
    --desktop-d-h5-font-size: 14px;
    --desktop-d-h5-font-style: normal;
    --desktop-d-h5-font-weight: 700;
    --desktop-d-h5-letter-spacing: 0.7px;
    --desktop-d-h5-line-height: normal;
    --desktop-d-intro-font-family: "Outfit-Light", Helvetica;
    --desktop-d-intro-font-size: 21px;
    --desktop-d-intro-font-style: normal;
    --desktop-d-intro-font-weight: 300;
    --desktop-d-intro-letter-spacing: 0px;
    --desktop-d-intro-line-height: 29px;
    --desktop-d-intro-semibold-font-family: "Outfit", Helvetica;
    --desktop-d-intro-semibold-font-size: 21px;
    --desktop-d-intro-semibold-font-style: normal;
    --desktop-d-intro-semibold-font-weight: 600;
    --desktop-d-intro-semibold-letter-spacing: 0px;
    --desktop-d-intro-semibold-line-height: 29px;
    --mobile-m-body-font-family: "Outfit", Helvetica;
    --mobile-m-body-font-size: 14px;
    --mobile-m-body-font-style: normal;
    --mobile-m-body-font-weight: 400;
    --mobile-m-body-l-font-family: "Outfit", Helvetica;
    --mobile-m-body-l-font-size: 17px;
    --mobile-m-body-l-font-style: normal;
    --mobile-m-body-l-font-weight: 300;
    --mobile-m-body-l-letter-spacing: 0px;
    --mobile-m-body-l-line-height: normal;
    --mobile-m-body-letter-spacing: 0px;
    --mobile-m-body-line-height: normal;
    --mobile-m-body-semibold-font-family: "Outfit", Helvetica;
    --mobile-m-body-semibold-font-size: 14px;
    --mobile-m-body-semibold-font-style: normal;
    --mobile-m-body-semibold-font-weight: 600;
    --mobile-m-body-semibold-letter-spacing: 0px;
    --mobile-m-body-semibold-line-height: normal;
    --mobile-m-citation-font-family: "Montserrat", Helvetica;
    --mobile-m-citation-font-size: 15px;
    --mobile-m-citation-font-style: italic;
    --mobile-m-citation-font-weight: 400;
    --mobile-m-citation-letter-spacing: 0px;
    --mobile-m-citation-line-height: normal;
    --mobile-m-h1-font-family: "Outfit", Helvetica;
    --mobile-m-h1-font-size: 40px;
    --mobile-m-h1-font-style: normal;
    --mobile-m-h1-font-weight: 600;
    --mobile-m-h1-letter-spacing: 0px;
    --mobile-m-h1-line-height: 45px;
    --mobile-m-h2-font-family: "Outfit", Helvetica;
    --mobile-m-h2-font-size: 32px;
    --mobile-m-h2-font-style: normal;
    --mobile-m-h2-font-weight: 600;
    --mobile-m-h2-letter-spacing: 0px;
    --mobile-m-h2-line-height: normal;
    --mobile-m-h3-font-family: "Outfit", Helvetica;
    --mobile-m-h3-font-size: 24px;
    --mobile-m-h3-font-style: normal;
    --mobile-m-h3-font-weight: 600;
    --mobile-m-h3-letter-spacing: 0px;
    --mobile-m-h3-line-height: normal;
    --mobile-m-h4-font-family: "Outfit", Helvetica;
    --mobile-m-h4-font-size: 19px;
    --mobile-m-h4-font-style: normal;
    --mobile-m-h4-font-weight: 600;
    --mobile-m-h4-letter-spacing: 0px;
    --mobile-m-h4-line-height: normal;
    --mobile-m-h5-font-family: "Outfit", Helvetica;
    --mobile-m-h5-font-size: 12px;
    --mobile-m-h5-font-style: normal;
    --mobile-m-h5-font-weight: 700;
    --mobile-m-h5-letter-spacing: 0.6px;
    --mobile-m-h5-line-height: normal;
    --mobile-m-intro-font-family: "Outfit", Helvetica;
    --mobile-m-intro-font-size: 19px;
    --mobile-m-intro-font-style: normal;
    --mobile-m-intro-font-weight: 300;
    --mobile-m-intro-letter-spacing: 0px;
    --mobile-m-intro-line-height: 27px;
    --mobile-m-intro-semibold-font-family: "Outfit", Helvetica;
    --mobile-m-intro-semibold-font-size: 19px;
    --mobile-m-intro-semibold-font-style: normal;
    --mobile-m-intro-semibold-font-weight: 600;
    --mobile-m-intro-semibold-letter-spacing: 0px;
    --mobile-m-intro-semibold-line-height: 27px;
    --gowilds-theme-color:#008569;
}

:root {
    --animate-spin: spin 1s linear infinite;
}

.animate-fade-in {
    animation: fade-in 1s var(--animation-delay, 0s) ease forwards;
}

.animate-fade-up {
    animation: fade-up 1s var(--animation-delay, 0s) ease forwards;
}

.animate-marquee {
    animation: marquee var(--duration) infinite linear;
}

.animate-marquee-vertical {
    animation: marquee-vertical var(--duration) linear infinite;
}

.animate-shimmer {
    animation: shimmer 8s infinite;
}

.animate-spin {
    animation: var(--animate-spin);
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes image-glow {
    0% {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.74, 0.25, 0.76, 1);
    }

    10% {
        opacity: 0.7;
        animation-timing-function: cubic-bezier(0.12, 0.01, 0.08, 0.99);
    }

    to {
        opacity: 0.4;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes shimmer {
    0%,
    90%,
    to {
        background-position: calc(-100% - var(--shimmer-width)) 0;
    }

    30%,
    60% {
        background-position: calc(100% + var(--shimmer-width)) 0;
    }
}

@keyframes marquee {
    0% {
        transform: translate(0);
    }

    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

@keyframes marquee-vertical {
    0% {
        transform: translateY(0);
    }

    to {
        transform: translateY(calc(-100% - var(--gap)));
    }
}
.fond_pied{
    background: var(--BC-Vert-2, #00503F);
}
body .body-page{
    background: var(--BC-Vert-5, #EAF4ED);

}
.header-one {
    background: transparent;
    /*background: var(--BC-Vert-5, #EAF4ED);
    border:solid 1px var(--BC-Vert-5, #EAF4ED);
    */
}
.image_accueil{
    text-align: center;

}
.image_accueil img{
    width:100% !important;
    max-height: 700px;
}

@font-face {
    font-family: 'Outfit';
    src: url("../fonts/Outfit/Outfit-Medium.ttf");
    src: url("../fonts/Outfit/Outfit-Medium.ttf") format("truetype");
    /*font-weight: 700;*/
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit-Light';
    src: url("../fonts/Outfit/Outfit-Light.ttf");
    src: url("../fonts/Outfit/Outfit-Light.ttf") format("truetype");
    /*font-weight: 400;*/
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit-ExtraLight';
    src: url("../fonts/Outfit/Outfit-ExtraLight.ttf");
    src: url("../fonts/Outfit/Outfit-ExtraLight.ttf") format("truetype");
    /*font-weight: 200;*/
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit-Regular';
    src: url("../fonts/Outfit/Outfit-Regular.ttf");
    src: url("../fonts/Outfit/Outfit-Regular.ttf") format("truetype");
    /*font-weight: 500;*/
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url("../fonts/Outfit/Outfit-Medium.ttf");
    src: url("../fonts/Outfit/Outfit-Medium.ttf") format("truetype");
    /*font-weight: 600;*/
    font-style: normal;
    font-display: swap;
}
h1{
    color: var(--BC-Vert-2, #00503F);
    /* Desktop/D-H1 */
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.lelogo{
    width: 270px;
    height: 37px;
    flex-shrink: 0;
    aspect-ratio: 270/37;
}
.lelogo_anneaux{
    width: 54.622px;
    height: 37px;
    flex-shrink: 0;
}
.lelogo_goutte{
    width: 14.556px;
    height: 21.159px;
    flex-shrink: 0;
}
.lelogo_texte{
    width: 206.13px;
    height: 27.568px;
    flex-shrink: 0;
}
body{
    background-color:var(--BC-Vert-5, #EAF4ED);
    font-family: Outfit;
}
content-inner .gva-block-breadcrumb.text-light .page-title{
    color:var(--BC-Vert-1,#008569 )
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size:48px;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: Outfit-Light;
    font-weight: 600;
    line-height: 1.22;
    color: var(--BC-Vert-1, #008569);
}
h2, .h2 {
    font-size:36px
}
h2.gsc-heading__title{
    font-size:36px
}
h3, .h3 {
    font-size:27px
}
h3.gsc-heading__title{
    font-size:27px
}
h4, .h4 {
    font-size:21px
}
h4.gsc-heading__title{
    font-size:21px
}
.titre_blanc h2 span{
    color: white;
    text-align: center;
    /* Desktop/D-H2 */
    font-family: Outfit-Light;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
h5, .h5 {
    font-size:21px;
    font-family: Outfit-Light;
    font-style: normal;
    font-weight: 300;
    line-height: 29px; /* 138.095% */
}
.header-title{
    text-align: center;
    margin-top:30px;
    margin-bottom:30px;


}
.text-dark {
    color: var(--BC-Vert-1, #008569);
}
.tab-content > .tab-pane {
    background-color: #fff;
}
.menu_arrondi{
    /*width: 1400px;*/
}
.header-one__main{

}
.header-one__content{
    height:70px;

    flex-shrink: 0;
    border-radius: 50px;
    margin-top:20px;
    margin-bottom:20px;
    background: var(--BC-Blanc, #FFF);

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.20);

    margin-right:50px;
    margin-left:50px;

}

.header-one__right{

    display:flex;
}
.header-one__main-inner{
 height:70px;

    flex-shrink: 0;

    padding-left:10px;
    height:70px;
}
.logo-site{
    /*height:37px;*/
}
.gv-sticky-menu{
}
.navigation:not(.menu--account) .gva_menu .sub-menu {
    border-radius:38px;
    background: var(--BC-Blanc, #FFF);
    margin-top:20px;
}
@media (min-width: 1025px) {
    .header-one__main-menu .navigation:not(.menu--account) .gva_menu {
        float: left !important;
        text-align: right;
    }
}
.user-one__box {
    position: absolute;
    top: 12px;
    right: 0px;

}

@media (max-width: 1550px) {
    .header-one__right {
        /* display:block;*/
    }

    .zone_texte_photo_droite {
        padding-top: 30px;
        padding-left: 20px

    }
}


.zone_carte{
    display:block
}
.devenir_adherent_texte{
    min-width:480px
}
.devenir_adherent_texte p{
    color: var(--BC-Vert-4, #003529);
    /* Desktop/D-Body */
    font-family: Outfit-light;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.devenir_adherent_texte h4{
    color: var(--BC-Vert-4, #003529);
    /* Desktop/D-Intro */
    font-family: Outfit-light;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px; /* 138.095% */
}


.texte_menu{
    color: var(--BC-Vert-2, #00503F);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.menu-item{
    color: var(--BC-Vert-2, #00503F);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;


}
.menu-item a{
    color: var(--BC-Vert-2, #00503F);
    font-size: 12px;

}
.menu-item a span{
    color: var(--BC-Vert-2, #00503F);
    font-size: 12px;


}


@media (min-width: 1024.1px) {
    .navigation:not(.menu--account) .gva_menu >li:hover > ul.sub-menu{
        margin-top:7px;
    }
    .navigation:not(.menu--account) .gva_menu .sub-menu > li {
        border-bottom: 0px;
        /*border-radius: 50px;*/
        /*border-style: solid;*/
        /*border-color: var(--bc-vert-2, #00503f);*/
        /*border-width: 1px;*/
        /*margin:15px;*/
        /*padding:10px;*/
        /*text-align: center;*/
        /*height: 50px;*/
    }
    .navigation:not(.menu--account) .gva_menu li a {
        text-align: center !important;
    }

}

.sub-menu::before {
    content: "";
    position: absolute;
    top: -14px; /* au-dessus du sous-menu */
    left: 36px; /* position horizontale de la flèche */
    border-width: 0 40px 30px 40px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
body ul.sub-menu li a.btn-menu.btn-menu{
    font-family: "Outfit-Medium", sans-serif;
    border-bottom: 0px;
    border-radius: 50px;
    border-style: solid;
    border-color: var(--bc-vert-2, #00503f);
    color:var(--bc-vert-2, #00503f);
    border-width: 1px;
    margin-top:-10px;
    padding:10px;
    text-align: center;
    align-items: center;
    height: 50px;
    white-space: nowrap;
    font-size: 12px;
    width:240px;

}
body ul.sub-menu li a.btn-menu.btn-menu:hover span{
    border-radius: 50px;
    border: 1px solid var(--bc-vert-2, #00503F);
    background: var(--bc-vert-2, #00503F);
    color: #ffffff;
    text-align: center;
    font-family: "Outfit-Medium", sans-serif;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: 50px;
    margin:-10px;
    width:240px;
    transition: background-color 0.3s ease, color 0.3s ease; /* transition douce */
}

.sub-menu li.menu-item{
    margin:0px;
    white-space: nowrap;
}
@media (max-width: 1025px) {
    .user-one__box {
        position: absolute !important;
        top: 13px !important;
        right: 55px !important;

    }
    .logo-site{

    }
    .header-one__content{

        margin-right:10px;
        margin-left:10px;

    }
    .gva-navigation{
        margin-top: 50px;
    }
    .gva-offcanvas-mobile{
        background-color:#00503F ;
    }
    .gva-offcanvas-mobile .menu-item a span{
        color: white;
        font-size: 17px;
    }
    .gva-offcanvas-mobile .navigation:not(.menu--account) .gva_menu .sub-menu {
        border-radius:38px;
        background: none;
        margin-top:20px;
    }
    .gva-offcanvas-mobile .parent_nav{
        display:none
    }
    body ul.sub-menu li a.btn-menu.btn-menu:hover span{
        border: 1px solid var(--bc-vert-2, #00503F);
        background: var(--bc-vert-2, #00503F);
        color: #ffffff;
        text-align: center;
        font-family: Outfit-Light;
        font-size: 21px;
        letter-spacing: 0.05em;
        font-weight: 500;
        text-transform: lowercase;
        display: flex;
        align-items: left;
        justify-content: left;
        white-space: nowrap;
        height: 50px;
        margin:-10px;
        width:240px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    body ul.sub-menu li a.btn-menu.btn-menu:hover span{
        /*border-radius: 50px;*/
        border: 1px solid var(--bc-vert-2, #00503F);
        background: var(--bc-vert-2, #00503F);
        color: #ffffff;
        text-align: center;
        font-family: Outfit-Light;
        font-size: 21px;
        letter-spacing: 0.05em;
        font-weight: 500;
        text-transform: lowercase;
        display: flex;
        align-items: left;
        justify-content: left;
        white-space: nowrap;
        height: 50px;
        margin:-10px;
        width:240px;
        transition: background-color 0.3s ease, color 0.3s ease; /* transition douce */
    }
    body ul.sub-menu li a.btn-menu.btn-menu{
        font-family: Outfit-Light;
        border-bottom: 0px;

        color:var(--bc-vert-2, #00503f);
        border-width: 1px;
        margin-top:-10px;
        padding:10px;
        text-align: left;
        align-items: left;
        height: 50px;
        white-space: nowrap;
        text-transform: lowercase;
        font-size: 21px;
        width:240px;
        /*border:solid 1px red*/

    }


}
.cadre_rond{
    border-radius: 30px;
    border: 1px solid var(--bc-vert-1, #008569);
}
.cadre_rond_blanc{
    border-radius: 70px;
    background: var(--bc-blanc, #FFF);
    padding: 30px 50px 30px 50px;
    margin-bottom:50px
}
.cadre_rond_blanc_bas_full{
    border-radius: 70px 70px 0px 0px ;
    background: var(--bc-blanc, #FFF);
    padding: 50px 50px 30px 50px;
    margin-bottom:-50px;
    /*margin-left:-70px;
    margin-right:-70px;*/
}
.cadre_rond_blanc_bas2_full{
    border-radius:  0px 0px 70px 70px ;
    background: white;
    padding: 0px 50px 30px 50px;
    margin-bottom:-50px;
    /*margin-left:-75px;
    margin-right:-75px;*/
    position: relative;
}
.blocccontact{
    position:relative;
    margin-bottom:-100px;
    z-index:10;
}
.cadre_rond_vert_fonce{
    border-radius: 70px 70px 0 0;
    background: var(--BC-Vert-2, #00503F);
    padding: 0px 50px 30px 50px;
    margin-bottom:50px;
    margin-top:20px;
}
.cadre_rond_vert_fonce2{
    border-radius: 70px 70px 0 0;
    background: var(--BC-Vert-2, #00503F);
    padding: 0px 50px 30px 50px;
    margin-bottom:0px;
    margin-top:20px;
    /*margin-left:-75px;
    margin-right:-75px;*/
    position:relative;
    z-index:10
}
.cadre_rond_bleu_ciel {
    border-radius: 70px;
    background: var(--BC-Bleu-3, #E5F3F5);
    padding: 70px 50px;
}
.cadre_rond_blanc_compteur{
    border-radius: 50px;
    height:280px;
    background: var(--bc-blanc, #FFF);
    padding: 10px 10px 10px 10px;
    margin-bottom:10px
}
.gsc-heading {
    padding: 0 0 0px;
    display: block;
    width: 100%;
}
.gsc-heading__desc .typovert1, .typovert1{
    color: var(--BC-Vert-2, #00503F);
    text-align: center;

    /* Desktop/D-Intro */
    font-family: Outfit-Light;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px; /* 138.095% */
}
.gsc-heading__desc{

}
.form-text,.form-tel, .form-email,.form-textarea{
    color: var(--bc-vert-1, #008569);
    text-align: left;
    font-family: var(--desktop-d-body-l-font-family, "Outfit-Light", sans-serif);
    font-size: var(--desktop-d-body-l-font-size, 19px);
    font-weight: var(--desktop-d-body-l-font-weight, 300);
    position: relative;
    font-size: 21px;
}
.webform-submission-contact-form .form-item input{
    width: 100%;
  /*  border-bottom: 1px solid var(--bc-vert-1, #008569);*/
    min-height: 40px;
    font-size: 15px;
    padding-left: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background:none;
    margin-bottom:10px;

}
.webform-submission-form .webform-submission-contact-form .form-item textarea {
    width: 100%;
    border: 1px solid #008569;
    min-height: 60px;
    font-size: 15px;
    padding: 23px 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 36px;
    background: none;
}
.form-item{
    /*border:solid 1px white;*/
}
.webform-submission-contact-form .form-item input::placeholder {
    color: var(--bc-vert-1, #008569);
    opacity: 1;  /* facultatif, certains navigateurs appliquent une opacité par défaut */
}
.webform-submission-contact-form .form-item textarea::placeholder {
    color: var(--bc-vert-1, #008569);
    opacity: 1;  /* facultatif, certains navigateurs appliquent une opacité par défaut */
}
.webform-submission-form .form-item input, .webform-submission-form .form-item select {
    width: 100%;
    /*border:solid 1px white;*/
    border: 0px;
    border-bottom: 1px solid var(--bc-vert-1, #008569);
    background:none;
    ;

}
.webform-submission-form .form-item textarea {
    width: 100%;
    border: 1px solid var(--bc-vert-1, #008569);
    border-radius: 36px;
    background: none;
    padding-top:20px;
    padding-left:30px;
    min-height:300px
}

    .contact_adresse {
        color: var(--bc-vert-4, #003529);
        text-align: left;

    }

    .contact_adresse-span {
        font-family: "Outfit-Bold", sans-serif;
        font-size: var(--desktop-d-h5-font-size, 14px);
        letter-spacing: var(--desktop-d-h5-letter-spacing, 0.05em);
        font-weight: var(--desktop-d-h5-font-weight, 700);
        text-transform: uppercase;
    }

    .contact_adresse-span2 {
        font-family: "Outfit-Regular", sans-serif;
        font-size: var(--desktop-d-body-font-size, 16px);
        font-weight: var(--desktop-d-body-font-weight, 400);
    }


.google_map_arrondi{
    width: 100%;
    height: 445px;
    border-radius: 40px;  /* arrondi du cadre */
    overflow: hidden;     /* pour masquer les coins dépassants */
   /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);*/
}
#edit-captcha-response{
    border:solid 1px;
    width:100px
}
form .form-item label{
    text-transform: initial;
}
.realise_par{
    color: var(--BC-Blanc, #FFF);
    font-family: Outfit-Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top:2px
}
.logo_bas img{
    margin-bottom:50px;
    float: right !important;
}
.boite_menu_bas{
    height:120px;
}
#footer ul.menu > li {
    padding-bottom: 0px;
}
.main-page{
    border-radius: 0 0 100px 100px;
    /*background: var(--BC-Vert-1, #EAF4ED);*/


}
.content-full{

}
.footer_adresse{

    float:left;
    width:183px;
    text-align: right;
    color: var(--BC-Blanc, #FFF);
    text-align: right;
    font-family: Outfit-Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer_reseau{

    height:40px;
    float:right;
    width:100px
}
#footer .gsc-socials {
    margin: 0px 0 0;
}
body{
    font-family: Outfit-Light;
    font-size: 16px;
    color: var(--BC-Vert-4, #003529);
}
.compteur1{
    background-image: url("/sites/default/files/2025-04/etable.jpg");
    height:200px;width:200px;
}
.accueil_accroche{
    text-align: center;
    border-radius: 0 0 70px 70px;
    background: var(--BC-Vert-2, #00503F);
    max-width:1297px;
    margin-top:-80px;
    margin-left:auto;
    margin-right:auto;
    min-height:225px;
    padding-bottom:4px;
    padding-top:121px;

}
.accueil_accroche .bb-inner{
    padding-top:0px;
    padding-bottom:0px;
}
.accueil_accroche_gauche{
    color: var(--BC-Bleu-3, #E5F3F5);
    text-align: right;
    font-family: Outfit-Light;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px; /* 161.905% */
    letter-spacing: 1.47px;
    text-transform: uppercase;

}
.accueil_accroche_droite{

    text-align: left;
    color: var(--BC-Blanc, #FFF);

    /* Desktop/D-Body */
    font-family: Outfit-Light;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top:3px
}
.accueil_actualite{
    text-align: center;
    border-radius: 70px 70px 0 0;
    background: var(--BC-Vert-2, #00503F);
    width:100%;
    margin-top:100px;
    margin-left:0px;
    margin-right:0px;
    min-height:225px;
    padding-bottom:4px;
    padding-top:100px;

}
.accueil_actualite .post-style-grid > div{
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;

}
.accueil_goutte{
    position:absolute;
    top:-105px;
    left:50%;
    display: flex;
    width: 48px;
    height: 100px;
    padding: 0 2px 40px 2px;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    margin-top:25px;
    margin-left:-30px;
    transition: padding-bottom 0.3s ease;
}
.accueil_goutte:hover{
    display: flex;
    width: 48px;
    height: 100px;
    padding: 25px 2px 15px 2px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
    margin-left:-30px;
    transition: padding-bottom 0.3s ease;

}
.radius_50{
    border-radius:50px;
}
.row-style-rond{
        border-radius: 70px;
        margin: 0 auto;
        max-width: 1300px;
        background-color: white;
}
div{
   /*border:solid 1px red*/
}
.parent_nav{
    color: var(--BC-Vert-2, #00503F);
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    text-align: left;
    margin: 10px 0px 15px 0px;
}

@media (max-width: 500px) {
    .logo-site {
        width: 178px;
    }
    .accueil_accroche_droite{
        text-align: center;
    }
    .accueil_accroche_gauche{
        text-align: center;
    }
    .image-content-bloc-photo-gauche__content{
        padding:20px;
        text-align: center;

    }
    .image-content-bloc-photo-gauche__single .image-content-bloc-photo-gauche__content content-inner {

        padding-top:10px

    }
    .image-content-bloc-photo-gauche__single .image-content-bloc-photo-gauche__content h5 {


    }
    .image-content-bloc-photo-gauche__desc{
        text-align: center;


    }
    .image-content-bloc-photo-gauche_action{
        text-align: center;

    }
    .image_gauche_bloc{
        margin-left: auto;
        margin-right: auto;
        padding-left:0px
    }
    .btn_moyen {
        width: 100%;
        white-space: nowrap;
        display: flex;
    }
}
.arrondi_bas_vert_large{

    margin: 0px -75px 0px -75px;

   /*!* height:100px;*!*/
   /* background: red;*/

    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    background: var(--BC-Vert-5, #EAF4ED);
}
.arrondi_70{
    border-radius: 70px;
}
.fond_blanc_large_100
{
    margin: 0px -75px 0px -75px;
    background:white;
    height:100px;
}
.fond_blanc_large{
    /*border-radius: 0 0 100px 100px;*/
    margin: 0px;
    background:white;
    /*background: var(--BC-Vert-5, #EAF4ED);*/
}
.fond_vert_fonce{
    background: #00503F;
}
.fond_blanc{
    background: #FFF;
}
.arrondi_fond{
    position: absolute;
    bottom: 0px;/*! width: 100%; */left: 0px;right: 0px;top:-50px
}
.arrondi_fond_zone{
    margin-left: -75px;
    margin-right: -75px;
    height:100px;
}
.arrondi_vert_clair{
    background:#EAF4ED;
    border-radius: 0 0 100px 100px;

    height:100px;
}
.z-index-100{
    z-index:10;
}
.engagement_label{
    text-align: center;
    border-radius: 70px 70px 0 0;
    background: var(--BC-Vert-2, #00503F);
    /*max-width:1441px;*/
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
    min-height:225px;
    padding-bottom:4px;
    padding-top:40px;
}
.engagement_label .gsc-heading__title span{
    color:white;
    text-align: center;
    /* Desktop/D-H2 */
    font-family: Outfit-Light;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.engagement_label .gsc-heading__desc p{
    color:white;
    max-width:750px;
    margin-left:auto;
    margin-right:auto;
    color: var(--BC-Blanc, #FFF);
    text-align: center;
    font-family: 'Outfit-Light';
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
}
.engagement_label_desc{
    color:white;
    color: var(--BC-Blanc, #FFF);
    text-align: center;

    /* Desktop/D-Body_SemiBold */
    font-family: Outfit-Light;
    font-size: 16px;
    font-style: normal;

    line-height: normal;
}
.quisommesnous_fonctionnnement{
    border-radius: 70px;
    background:   linear-gradient(rgba(0, 80, 63, 0.9), rgba(0, 80, 63, 0.9)), url('/sites/default/files/2025-09/fond_vert_trouble.jpg');
    background-size: cover;
    background-position: center;
}
.bloc_blanc_desc{
    color: var(--BC-Blanc, #FFF);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 30px;
}
.owl-carousel.owl-drag .owl-item {
    padding-left: 30px;
}
.carou_qsn .owl-carousel.owl-drag .owl-item {
    /*padding-left: 0px;*/
    /*margin-left: -20px;*/
}
#carou_accueil .owl-carousel.owl-drag .owl-item {
    padding-left: 0px;
    margin-left: -20px;
}

html {
    /*scroll-behavior: smooth;*/
    scroll-behavior: auto;
}
.couleur_bleue .gsc-heading__title, .couleur_bleue{
    color: var(--BC-Bleu-4, #15519B);
}
.couleur_bleue_ciel{
    color:#81CFF4;
}
.couleur_blanche{
    color:white;
}
.largeur-max-700{
    max-width:700px;
}

.cadre_rond_vert_clair{
    border-radius: 50px;
    border: 1px solid var(--BC-Vert-5, #EAF4ED);
}
.cadre_rond_fond_vert_clair_bas{
    border-radius: 0 0 100px 100px;
    border: 1px solid var(--BC-Vert-5, #EAF4ED);
    background: var(--BC-Vert-3, #EAF4ED)
}
.cadre_rond_fond_bleu_clair_bas{
    border-radius: 0 0 100px 100px;
    border: 1px solid var(--bc-bleu-3, #E5F3F5);
    background: var(--bc-bleu-3, #E5F3F5);
}

.cadre_rond_blanc_simple{
    border-radius: 50px;
    border: 1px solid white;
    padding:30px;
    margin-left:-70px;

}
.zone_administrateur{
    height:700px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.zone_administrateur .item-list ul li.view-list-item{
    margin: 0 0 10px;
}
* {
    scrollbar-color:  #008569 #EAF4ED;
    scrollbar-width: thin;
}

/* Chrome, Safari, Edge */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: #EAF4ED;
}
::-webkit-scrollbar-thumb {
    background-color: #008569;
    border-radius: 6px;
}

.bretagne{
    position:absolute;
    top:213px;
    left:20px;
}
.bretagne:hover{
    position:absolute;
    top:213px;
    left:20px;
    color:red
}

.normandie{
    position:absolute;
    top:18px;
    left:374px;
}
.pdl{
    position:absolute;
    top:288px;
    left:276px;
}
.cadre_arrondi_vert_clair{
    border-radius: 70px;
    background: var(--BC-Bleu-3, #E5F3F5);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    margin-left:-16px;
    margin-right:-16px;
    margin-top:-1px;

}
.cadre_arrondi_vert_moyen{
    border-radius: 70px;
    background: var(--bc-vert-1, #008569);
    margin-left:0px;
    margin-right:0px;
}
.nos_missions{

}
.lecollectif_fond .body-page{
    background-color:white;
}
body.lecollectif_fond .gva-body-wrapper{
    background-color:white !important;
}
.page_accueil_fond .body-page{
    background-color:#E5F3F5 !important;
}
body.page_accueil_fond .gva-body-wrapper{
    background-color:#E5F3F5 !important;
}
.page_qsn_fond .body-page{
    background-color:#E5F3F5 !important;
}
body.page_qsn_fond .gva-body-wrapper{
    background-color:#E5F3F5 !important;
}
.page_nos_actus .body-page{
    background-color:#E5F3F5 !important;
}
body.page_nos_actus .gva-body-wrapper{
    background-color:#E5F3F5 !important;
}


body.page_engagement  .gbb-row-wrapper{
    background-color:white !important;
}
body.page_contact  .gbb-row-wrapper{
    /*background-color:white !important;*/
}

/*.page_adherent .body-page{*/
/*    background-color:#f9fafb !important;*/
/*}*/
/*body.page_adherent .gva-body-wrapper{*/
/*    background-color:#f9fafb !important;*/
/*}*/


.z-index-100{
    z-index:10
}
.carte_google{
    background-color: lightgrey;
    height: 800px;
    margin-top: -120px;
    margin-bottom: -100px;
    margin-left: -75px;
    margin-right: -75px;
}
.carte_adherent{

}
.google_detail{
    width:350px;height:100px;
}
.margin-left-50{
    margin-left: 50px;
}
.ligne_bleue_ciel{
    border-bottom: solid 1px #81CFF4;
}
.zone_goutte_bleue{

    text-align: left;

}
.zone_goutte_bleue img{
 height:50px !important;
    width:33px !important;
    max-width: none !important;
    margin-left: -15px;
}
.ligne_bleue{
    vertical-align: middle;
    height:84px;

    padding: 0px;

}
.vertical_align_middle{
 vertical-align: middle;
}
.zone_mission_texte{
    color: var(--BC-Bleu-4, #15519B);
    /* Desktop/D-Intro */
    font-family: Outfit-Light;
    font-size: 19px;
    line-height: 29px; /* 138.095% */
    padding-left:35px;
    font-style: normal;
   /* width:530px;*/

    align-items: center !important; /* centre verticalement */

}
.mission_texte span{
    color: var(--BC-Blanc, #FFF);

    /* Desktop/D-H4 */
    font-family: Outfit-light;
    font-size: 21px;
    font-style: normal;

    line-height: normal;
}
.missions{
    border:none !important;
}
table.missions{
    border-spacing: 0px;
}
table.missions tbody > tr >td {
    border:none !important;
    border-width: 0px 0px 1px 0px !important;;
    border-bottom: solid 0px #81CFF4 !important;

}

table.missions > tbody > tr.ligne_bleue_ciel > td {
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-width: 0px 0px 1px 0px !important;;
    border-bottom: solid 1px #81CFF4 !important;
}
.bandeau_haut_accueil{
    position:relative;
    top:0px;
    width:100%;
    height: 700px;
    margin-top:-185px;
    z-index:1;
    border-radius: 0 0 70px 70px;

}
.arrondii_vert_clair_50{
    border-radius: 50px;
    border: 1px solid var(--BC-Vert-5, #EAF4ED);
    padding: 20px 50px;
    margin-top:70px;
}
.page_notre_organisation_volonte{
    color: var(--BC-Vert-2, #00503F);
    /* Desktop/D-Intro */
    font-family: Outfit-Light;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
    padding-top: 50px;
}
.page_notre_organisation_volonte h4 span {
    color: var(--BC-Vert-2, #00503F) !important;
    font-size: 21px;
    font-style: normal;
    font-weight: 600 !important;
}

.form_bleu::-ms-value{
    color:red;
}
.form_bleu::placeholder{
    color: var(--BC-Bleu-4, #15519B) !important;

    /* Desktop/D- Body L */
    font-family: Outfit-light;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    opacity: 1;
}

img.picto_vert{
    content: url("/sites/default/files/Picto_vert_off.svg");
}
img.picto_vert:hover {
    content: url("/sites/default/files/Picto_vert_on.svg");
}
.picto_vert_hover{
    content: url("/sites/default/files/Picto_vert_on.svg");
}

img.picto_bleu{
    content: url("/sites/default/files/Picto_bleu_off.svg");
}
img.picto_bleu:hover {
    content: url("/sites/default/files/Picto_bleu_on.svg");
}
.image-content-bloc-personne-vert__content_hover{
    background: var(--BC-vert-3, #EAF4ED);
    color:var(--BC-vert-4, #15519B);
}
.image-content-bloc-personne-bleu__content_hover{
    background: var(--BC-Bleu-3, #E5F3F5);
    color:var(--BC-Bleu-4, #15519B);
}
.help{
    display:block;
    z-index:10;
    margin-left: auto;
    margin-right: auto;
    width:50%
}
.iconemobilecroix{
    height: 35px !important;
    width: 35px !important;
    top: 0px !important;
    position: absolute !important;
    color: white !important;
    padding: 0px !important;
    margin-left: 3px !important;
    margin-top: -2px !important

}
.node--type-article .body-page{
    background-color:#fff !important;
}
body.node--type-article .gva-body-wrapper{
    background-color:#fff !important;
}
.article_gauche{
    padding-top:50px
}
.article_gauche span{
    color: var(--BC-Vert-4, #003529);
    /* Desktop/D-Body */
    font-family: Outfit-light;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:20px
}
.iconemobile{
    height:45px;
    width:45px;

}
.iconemobile{
    height:45px;
    width:45px;

}
@media (max-width: 700px) {
    .image-content-bloc-photo-droite_action {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .image-content-bloc-photo-droite__image {
        height: 290px
    }

    .image-content-bloc-photo-droite__desc {
        text-align: center;
    }

    .nos_missions_bloc {
        margin-top: 50px !important;
        padding: 20px;
    }

    .btn_op_simple_bleu {
        letter-spacing: 0em;
    }

    .nos_missions_bloc .gsc-heading__content {
        text-align: center;
    }

    .zone_carte {
        display: none
    }

    .image-content-bloc-personne-bleu__single {
        margin-left: -30px
    }

    .image-content-bloc-personne-vert__single {
        margin-left: -30px
    }

    .image-content-bloc-personne-bleu__content {
        width: 75% !important;
    }

    .image-content-bloc-personne-vert__content {
        width: 75% !important;
    }

    .image-content-bloc-personne-bleu__desc {
        padding-left: 0px;
    }

    .image-content-bloc-personne-vert__desc {
        padding-left: 0px;
    }

    .zone_administrateur {
        margin-left: 20px;
        margin-right: 20px
    }

    .image-content-bloc-personne__content {
        width: 75% !important;
    }


    .arrondii_vert_clair_50 {
        padding: 20px 50px;
        margin-top: 30px;
        margin-left: 20px;
        width: 92%;
    }

    .image-content-bloc-personne__single {
        margin-left: -30px;
    }

    .page_notre_organisation_volonte {
        margin-left: -35px !important;
    }

    .devenir_adherent_texte {
        min-width: 0px !important;
    }

    .devenir_adherent_texte .gsc-heading__content {
        text-align: center;
    }

    .cadre_rond_bleu_ciel {
        padding: 40px 20px !important;
        margin-left: -40px;
        margin-right: -40px;
    }

    #edit-actions {
        text-align: center;
    }

    .btn_op_vert_simple {

    }

    .testi {
        margin-left: -40px;
        margin-right: -40px;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .testimonial-two__single {
        height: auto;

    }
    .testimonial-two__content .item-image{
        text-align: center;

        min-width: 260px !important;
        margin-lzft: 20px;
        margin-left: 20px !important;
        margin-right: 20px !important;
        padding-bottom: 40px !important;
        display: inline-block;
    }
    .testimonial-two__quote{
        margin-top: 35px !important;
        padding-left: 20px;
    }
    .bandeau_haut_accueil{
        position:relative;
        top:0px;
        width:100%;
        height: 500px;
        margin-top:-185px;
        z-index:1;
        border-radius: 0 0 70px 70px;

    }
    .accueil_accroche{
        padding-bottom:40px;
        padding-left: 20px;
        margin-left: 20px;
        padding-right: 20px;
        margin-right: 20px;
    }
    .zone_administrateur {
        height: 530px;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 95% !important;
        padding: 20px;
    }

}
@media (max-width: 950px) {
    .image-content-nine__image {

        display:none
    }
    .btn_op {
        min-width:100%
    }
    .image-content-bloc-photo-gauche__image {
        position: relative;
        z-index: 2;
        margin-bottom: 10px;
        border-radius: 50px;
        width: 100%;
        height: 290px;
    }
    .image_gauche_bloc {
        padding-top: 20px;
        padding-left: 20px;
    }
    .image-content-bloc-photo-gauche__content {
        padding: 20px 25px 40px 20px;
    }

}
.contact_tel{
    text-align: right;
}
.contact_tel-span{
    color:#008569;
    font-weight: 700;
}
.contact_tel-span2{
    font-weight: 900px;
    color:black;

}
#imce-body {
    margin-left: 70px;
}
.tableau_card_nombre {
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    color: black;
    display: block;
}