/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.1.1713191241
Updated: 2024-04-15 16:27:21

*/

/* Menu */
.wp-block-navigation-item__content {
    z-index: 10;
}

/* Footer */cercleProgBeige
.is-content-justification-center p  {
    z-index: 10;
}
.wp-container-core-group-is-layout-37 p{
    z-index: 10;
}

.logo-ecoconcu {
    z-index: 10;
}
.wp-image-29039 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.wp-container-core-group-is-layout-27 p{
    z-index: 10;
}

.reseaux li{
    z-index: 10;
}
/* Cercles */
.wp-container-core-columns-is-layout-1 h2{
}

.wp-elements-2c8c2922c0ef28577d39a0df9c2f78b5.wp-block-heading {
    padding-top: 7.5%;
    padding-left: 10% !important;
}

.wp-elements-22583c65a99932ccda07c4693163d678.wp-block-heading {
    padding-top: 7.5%;
    padding-left: 10% !important;
}

.wp-elements-1a9533c773d60f131e510cf34b7c3cc2.cercleOntitle::after{
    left: 46px;
}

.wp-elements-c6fcb328c0f170c36d19c3a9166771ef.cercleOntitle::after{
    left: 46px;
}

.wp-block-column.is-vertically-aligned-center h3{
    padding-left: 20%;
}

.wp-block-column.is-vertically-aligned-center p{
    padding-left: 20%;
}

.wp-container-core-group-is-layout-16 h3{
    padding-left: 0 !important;
}

.wp-container-core-group-is-layout-16 p{
    padding-left: 0 !important;
}

.wp-container-core-group-is-layout-17 h3{
    padding-left: 0 !important;
}

.wp-container-core-group-is-layout-17 p{
    padding-left: 0 !important;
}

/* Boutons Accéder */
.wp-container-core-buttons-is-layout-2 {
    padding-left: 15%;
    padding-top: 16px;
}

.wp-container-core-buttons-is-layout-6 {
    padding-left: 15%;
    padding-top: 16px;
}

/* Activités */
.activite-content h3 {
    text-align: center;
}

/* Other */
.outlineBtn{
    border: 2px solid #000;
    padding-top: calc(0.9rem - 2px);
    padding-right: calc(2rem - 2px);
    padding-bottom: calc(0.9rem - 2px);
    padding-left: calc(2rem - 2px);
    border-radius: 100px;
    text-decoration: none;
}

.heroAccueilVagues{
    position: relative;
    z-index: -1;
}
.heroAccueilVagues::after{
    content: '';
    position: absolute;
    top: -389px;
    left: 0px;
    width: 100%;
    height: 1503px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/RUBAN_2400px.svg);
    background-repeat: no-repeat;
    z-index: 10;

}

.wavesHeader{
    position: relative;
}

.WavesTitle{
    position: absolute;
    top: -85px;
    left: 50%;
    transform: translateX(-50%);
}

.HeaderImage{
    position: absolute;
    top: 330px;
    width: 100%;
    z-index: -10;
}

.cercleOntitle{
    position: relative;
}
.cercleOntitle::after{
    content: '';
    position: absolute;
    top: -77px;
    left: 0px;
    width: 300px;
    height: 300px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/cercle-degrader-adherer.svg);
    background-repeat: no-repeat;
    z-index: 0;
}
.littleCercleOntitle{
    position: relative;
}
.littleCercleOntitle::after{
    content: '';
    position: absolute;
    top: -28px;
    left: -17px;
    width: 300px;
    height: 300px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/cercle-25-ateliers.svg);
    background-repeat: no-repeat;
    z-index: 1;
}

.bigCercleOrangeClair{
    position: relative;
    z-index: 7;
}
.bigCercleOrangeClair::after{
    content: '';
    position: absolute;
    top: -100%;
    left: -50px;
    width: 408px;
    height: 409px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-beige-petit.svg);
    background-repeat: no-repeat;
    z-index: -1;
}
.bigCercleBeigeClair{
    position: relative;
    z-index: 7;
}
.bigCercleBeigeClair::after{
    content: '';
    position: absolute;
    top: -120%;
    left: -125px;
    width: 445px;
    height: 445px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-beige-claire-petit.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.demiCercleBleu{
    position: relative;
    z-index: 0;
}
.demiCercleBleu::after{
    content: '';
    position: absolute;
    top: -230px;
    left: 0px;
    width: 400px;
    height: 683px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-bleu-vert-grosse.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.cercleOnImage{
    background-color: #08546A;
    border-radius: 150px;
    padding: 14px;
}

.cercleBehindText{
    height: 285px;
    width: 285px !important;
    display: flex;
    border-radius: 150px;
    justify-content: center
}

.cercleBigOrange{
    position: relative;
    z-index: 0;
}
.cercleBigOrange::after{
    content: '';
    position: absolute;
    top: -180px;
    right: -165px;
    width: 683px;
    height: 683px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-rose-grosse.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.cercleBigWhite{
    position: relative;
    z-index: 0;
}
.cercleBigWhite::after{
    content: '';
    position: absolute;
    top: -162px;
    left: -85px;
    width: 683px;
    height: 683px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/Bulle-titre-agenda-blanc-1.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.cercleSmallOrange{
    position: relative;
    z-index: 0;
}
.cercleSmallOrange::after{
    content: '';
    position: absolute;
    top: 195px;
    left: -105px;
    width: 300px;
    height: 327px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/Bulle-medium-rose.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.cercleBigBlue{
    position: relative;
    z-index: 0;
}
.cercleBigBlue::after{
    content: '';
    position: absolute;
    top: -180px;
    right: -190px;
    width: 683px;
    height: 683px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-bleu-vert-petit.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.cercleSmallBleuFoncer{
    position: relative;
    z-index: 0;
}

.cercleSmallBleuFoncer::after{
    content: '';
    position: absolute;
    top: -95px;
    left: -70px;
    width: 327px;
    height: 327px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/Ellipse-7.png);
    background-repeat: no-repeat;
    z-index: -1;
}

/*Programmation*/

.cercleSmallRouge{
    position: relative;
    z-index: 0;
}

.cercleSmallRouge::after{
    content: '';
    position: absolute;
    top: 195px;
    left: 0px;
    width: 328px;
    height: 327px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/Ellipse-5.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.cercleProgBleuClair{
    position: relative;
    z-index: 0;
}

.cercleProgBleuClair::after{
    content: '';
    position: absolute;
    top: -149px;
    left: -55px;
    width: 418px;
    height: 398px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-bleu-vert-claire-petit.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.cercleProgBeige{
    position: relative;
    z-index: 0;
}

.cercleProgBeige::after{
    content: '';
    position: absolute;
    top: -147px;
    left: -65px;
    width: 418px;
    height: 412px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-beige-petit.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.headerVagues{
    position: relative;
    z-index: 0;
}
.headerVagues::before{
    content: '';
    position: absolute;
    top: -3px;
    left: -25px;
    width: 458px;
    height: 464px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/ruban-gauche-acceuil.svg);
    background-repeat: no-repeat;
    z-index: 1;
}
.headerVagues::after{
    content: '';
    position: absolute;
    top: 0;
    right: -80px;
    width: 458px;
    height: 385px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/ruban-droite-acceuil.svg);
    background-repeat: no-repeat;
    z-index: 0;
}
.cercleSmallBeige{
    position: relative;
    z-index: 0;
}

.cercleSmallBeige::after{
    content: '';
    position: absolute;
    top: 47px;
    left: -144px;
    width: 450px;
    height: 450px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-beige-claire-petit.svg);
    background-repeat: no-repeat;
    z-index: 0;
}

.circledoublebleu{
    position: relative;
    z-index: 0;
}

.circledoublebleu::before{
    content: '';
    position: absolute;
    top: 400px;
    right: -318px;
    width: 683px;
    height: 683px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-bleu-claire-grosse.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.circledoublebleu::after{
    content: '';
    position: absolute;
    top: 800px;
    left: 62%;
    width: 381px;
    height: 381px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-bleu-fonce-petit.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.vagueCoteDroit{
    position: relative;
    z-index: 0;
}

.vagueCoteDroit::before{
    content: '';
    position: absolute;
    top: -700px;
    right: -114px;
    width: 458px;
    height: 1450px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/ruban-droite-qui-sommes-nous.svg);
    background-repeat: no-repeat;
    z-index: 1;
}

.vagueCoteDroit::after{
    content: '';
    position: absolute;
    top: 400px;
    left: 0;
    width: 458px;
    height: 1450px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/ruban-gauche-qui-sommes-nous.svg);
    background-repeat: no-repeat;
    z-index: 0;
}

.cercleSmallBleu{
    position: relative;
    z-index: 0;
}

.cercleSmallBleu::after{
    content: '';
    position: absolute;
    top: -165px;
    left: -105px;
    width: 450px;
    height: 450px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/bulle-bleu-vert-petit.svg);
    background-repeat: no-repeat;
    z-index: -2;
}

.cercleBigRouge{
    position: relative;
    z-index: 0;
}
.cercleIndex{
    z-index: 1;
}

.cercleBigRouge::after{
    content: '';
    position: absolute;
    top: -25%;
    left: 0px;
    width: 683px;
    height: 683px;
    background-image: url(http://ib09gbjsdn.preview.infomaniak.website/wp-content/uploads/2024/07/Bulle-medium-rose.svg);
    background-repeat: no-repeat;
    z-index: -1;
}

.activites-list{
    width: 100%;
    max-width: 100% !important;
    margin: 0;
}

.activites-list-table{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    max-width: 100% !important;
    margin: 0 !important;
    flex-wrap: wrap;
}

.activite-item{
    background-color: rgb(121, 195, 184,0.5) ;
    border-radius: 15px;
    padding: 35px 15px;
    display: flex;
    flex-direction: column;
    width: 720px;
    align-items: center;
    margin: 50px 0;
    margin-right: 0px;
    margin-left: auto;
}

.activite-item.final{
    max-width: 630px;
    width: auto !important;
    padding: 40px 2px !important;
    border-radius: 50px !important;
}

.activite-item.final h3{
    margin: 0;
    text-align: center;
}
.activite-item.final p,
.activite-item.final img{
    width: 80%;
}

.activite-item:nth-child(2n){
    margin-left: 0px;
    margin-right: auto;
}

.activite-item h4{
    margin-bottom:15px;
    margin-top: 0;
}

.activite-content{
    display: flex ;
    gap: 20px;
}

.activite-content img{
    object-fit: contain;
    width: 380px;
    height: 100%;
}

.activite-content > div{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.activite-content > div p{
    text-align: center;
}

.activite-content > div h4{
    margin: 0;
}

.activite-content > div a{
    margin-top: 15px;
    padding: 10px 25px;
    border-radius: 35px;
    border: 1px solid black;
    text-decoration: none;
}

.circle{
    border-radius: 150px;
}

.wp-site-blocks{
    overflow: hidden;
}

.wp-block-template-part{
    margin-block-start: 0;
}

.page-id-28844 footer >div,
.page-id-28846 footer >div,
.page-id-28848 footer >div{
    background-color: #FCECE0 !important;
}


.wpforms-field-name-first,
div.wpforms-container-full input[type=text]
.wpforms-29191-field_0-last,
.wpforms-field-medium,
.wpforms-field-large{
    background-color: #08546A !important;
}

.wpforms-field-large{
    color: #fff !important;
}

.wpforms-field-name-first::placeholder,
.wpforms-29191-field_0-last::placeholder,
.wpforms-field-medium::placeholder,
.wpforms-field-large::placeholder{
    color: white !important;
}

.swiper-container{
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1024px){
   
    .activite-item{
        width: 90%;
    }
    .activite-content{
        flex-direction: column;
    }
    .activite-content img{
        width: 100%;
    }
    .activite-content > div{
        width: 100%;
    }

    .cercleBigWhite::after,
    .cercleBigBlue::after{
        top: -83px;
    background-size: 30%;
    left: -51px;
    }
    .cercleOntitle::after{
        top: -46px;
    left: 33px;
    background-size: 50%;
    }
    .littleCercleOntitle::after{
        top: -43px;
    left: 86px;
    }
    .justRow{
        flex-wrap: nowrap !important;
    }

    .moreSpaceMobile > div{
        padding: 50px 0;
    }
    .cercleBigRouge::after{
        top: -180%;
        background-size: 16%;
        left: 0px;
    }
    .circledoublebleu::before{
        background-size: 30%;
        right: -124%;
    }
    .circledoublebleu::after{
        background-size: 30%;
    }
    .vagueCoteDroit::before{
        top: -450px;
        background-size: 30%;
        right: -83%;
    }
    .cercleSmallBleu::after{
        background-size: 44%;
    }
    .headerVagues::before{
        background-size: 40%;
        width: 247px;
    }
    .headerVagues::after{
        background-size: 40%;
        left: 70%;
    }
    .headerVagues img{
        width: 90px;
    }
}

@media screen and (max-width:430px) {
    .moreSpace{
        height: 150px !important;
    }
    .morePadding{
        padding: 40px !important;
    }
    .activite-item{
        width: 85%;
        margin: 50px auto;
    }
    .activite-item:nth-child(2n){
        margin: auto;
    }
    .heroAccueilVagues > .wp-block-spacer{
        height: 50px !important;
    }
    .WavesTitle{
        top: -118px;
    }
    .HeaderImage{
        top: 270px;
    }
    .minheightMobile{
        min-height: 100px !important;
    }
    .heroAccueilVagues::after{
        display: none;
    }
    .bigCercleOrangeClair{
        margin-left: 25px !important;
    }
    .bigCercleOrangeClair::after{
        background-size: 61%;
        left: -40px;
    }
    .cercleBigOrange::after{
        background-size: 53%;
        right: -108%;
    }

    .bigCercleBeigeClair::after{
        background-size: 53%;
        left: -40px;
    }
    .reverse{
        flex-direction: column-reverse;
    }
    .reverse img{
        width: 80%;
    }

    .reverse .bigCercleBeigeClair{
        padding-bottom: 100px;
    }

    .reverse .bigCercleBeigeClair::after{
        background-size: 49%;
        left: 95px;
        top: -89px;
    }

    .SpaceMobile{
        display: none;
    }

    .temoignage{
        display: flex;
    flex-direction: column;
    align-items: center;
    }

    .temoignageReverse{
        flex-direction: column-reverse !important;
    }

    .cercleSmallBleu::after{
        top: -85px;
        left: -45px;
    }

    .vagueCoteDroit::after{
        background-size: 23%;
        top: 550px;
    }
    .cercleProgBleuClair::after{
        top: -87px;
    left: -49px;
    background-size: 55%;
    }
    .cercleSmallRouge::after{
        top: -184px;
        left: 230px;
    }
    .activite-item.final{
        margin: 50px 20px;
        max-width: 490px;
    }

    .cat .bigCercleBeigeClair::after{
        left: -65px;
        top: -77px;
        height: 310px;
    }
    
    .cat .cercleSmallBleuFoncer::after{
        left: 11%;
    }
    .cat .wp-block-spacer{
        height: 50px !important;
        flex-basis: 0px;
    }
  
    .cercleSmallBeige::after{
        content: none;
    }
    .demiCercleBleu::after{
        background-size: 40%;
        top: 100px;
    }
    .temoignage .wp-block-spacer{
        height: 80px !important;
    }
    .teamMobile .wp-block-spacer{
        flex-basis: 50px !important;
    }
    .conf{
        padding: 0 15px;
    }
    .conf > div{
        overflow: hidden;
    }
    .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
        color: #000 !important;
    }
    .wp-block-navigation__responsive-container-close{
        color: #000 !important;
    }
    
}

.colonnecat{
    gap:230px !important;
}

.swiper-button-next, .swiper-button-prev{
    color: #08546A !important;
}
.swiper-pagination-bullet-active{
    background-color: #08546A !important;
}

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

    .swiper-container {
        position: relative !important;
        overflow: visible !important; 
    }

    .swiper-button-prev {
        left: -80px !important;
    }

    .swiper-button-next {
        right: -200px !important;
    }
}


/* Custom CSS for Contact Form 7 fields layout */
.form-row {
    display: flex;
    justify-content: space-between;
}

.form-group {
    flex: 1;
    padding-right: 1rem;
}

.form-group p{
    margin: 10px 0;
}

.form-group:last-child {
    margin-right: 0;
}

/* Adjust the width of the input fields and style */
.form-control {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background-color: #08546A;
    color: white;
    border: none;
}

/* Style for the placeholder text */
.form-control::placeholder {
    color: white;
    opacity: 0.7; /* You can adjust the opacity if you want */
}

/* Remove focus outline */
.form-control:focus {
    outline: none;
}

/* Style for the submit button */
.btn {
    background-color: #08546A;
    color: white;
    border: none;
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    border-radius: 4px;
    text-transform: uppercase;
}

.btn-primary:hover {
    background-color: #063d4a; /* Darker shade for hover effect */
}

/* Menu logo */
.logo-menu > a > img{
    position: relative;
    z-index: 10;
}