/*********************************************************************************************************/
/****** STRUCTURE ****************************************************************************************/
/*********************************************************************************************************/
.wrapperFull{
    position: relative;
    max-width: 2200px;
    padding: 0px clamp(15px, 4%, 100px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0px;
    width: 100%;
    margin: 0px auto;
}

.sideBar{
    max-width:400px;
    min-width: 300px;
    padding-right: clamp(50px, 4%, 100px);
    width: 25%;
}

/*.sideBar > div{height:100%;}*/
/*.sideBar .nav-menu-sidebar {position: sticky;top:150px;left:0px;}*/

.mainContentAnnuel{flex:1;}
.mainContentAnnuel .wrapper-900{width:100%;padding: 0px 0px;}
.mainContentAnnuel .wrapper{width:100%;padding: 0px 0px;}

/*********************************************************************************************************/
/****** SIDEBAR ******************************************************************************************/
/*********************************************************************************************************/
.content-area .sideBar ul{
    margin-bottom:5px;
}


.content-area .sideBar ul li {
    min-height:10px;
    margin-bottom:0px;
    padding:10px 0px 10px 0px;
    padding-left:0px;
    border-bottom:1px solid #c4c4c4;
}
.content-area .sideBar ul li:before,.content-area .sideBar ul li:after{display:none}
.content-area .sideBar ul li a{color:#767676;}
.content-area .sideBar ul li:hover a{color:#E50019;}

.content-area .sideBar ul li.redCTA{border-bottom:none;}
.content-area .sideBar ul li.redCTA a{
    padding: 10px 20px 10px 20px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    margin: 20px 0px 0px 0px;
    text-align: center;
    color: #ffffff;
    background-color: #000;
    border:1px solid #000;
    justify-content: center;
    min-height:55px;
}

.content-area .sideBar ul li.redCTA:hover a{
    color: #000;
    border: 1px solid #000;
    background-color: transparent;
}


/* Affichage normal */
.menu-select-mobile{
    display: none;
    width: 100%;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 30px;
    height: 55px;
    margin-bottom: 50px;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image:url(/wp-content/themes/ATYPIC/public/img/svgs-2/menu-dropdown-black.svg);
    background-position:right 20px top 53%;
    background-repeat: no-repeat;    outline: none;
    padding: 5px 15px !important;
    background-color:transparent;
    transition: all 0.2s ease-out 0s;
}

.menu-select-mobile:hover, .menu-select-mobile:focus{
    background-color: #E3E4E9;
    transition: all 0.2s ease-out 0s;
}
/*********************************************************************************************************/
/****** CONTENT ******************************************************************************************/
/*********************************************************************************************************/
.mainContentAnnuel .shortCodeVideo .img .thumb{width:100%}
.mainContentAnnuel .block-publications .unePublication {width:calc(25% - 15px);min-width:280px;}
.mainContentAnnuel .block-cards .uneCarte {width:calc(33% - 10px);min-width: 280px;}
.mainContentAnnuel .block-cards .uneCarte .thumb img{width:100%;}
.mainContentAnnuel .block-personnes .unePersonne {width:calc(33% - 10px);min-width: 280px;}


.site-content .mainContentAnnuel .is-style-full-white .gb-container-inside, .site-content .mainContentAnnuel .is-style-full-black .gb-container-inside {
    max-width:930px;
    width:100%;
}
.mainContentAnnuel .block-banner.noImgColor .text {
    max-width:930px;
    width:100%;
}





/*********************************************************************************************************/
/****** RESPONSIVE ***************************************************************************************/
/*********************************************************************************************************/

@media screen and (max-width: 1200px) {
    .mainContentAnnuel .block-banner.imgColor .img {width:100%;min-height:0px;height:0px;padding-bottom:80%;}
    .mainContentAnnuel .block-banner.imgColor .text {width:100%;max-width:100%;}
    .mainContentAnnuel .block-banner.noImgColor {min-height:100px;padding:60px 0px;}
    .mainContentAnnuel .block-banner-hero.web{display:none;}
    .mainContentAnnuel .block-banner-hero.mob{display:block;}
}

@media screen and (max-width: 1000px) {
    .wrapperFull{
        position: relative;
        max-width:100%;
        padding:0px 20px;
        display: flex;
        flex-direction:column;
        flex-wrap:wrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 0px;
        width: 100%;
        margin: 0px auto;
    }

    .wrapperFull .sideBar{
        max-width:100%;
        min-width:100px;
        padding-right:0px;
        width:100%;
    }

    .mainContentAnnuel{width:100%}

  .sideBar div[class*="menu-"][class*="-container"] ul.nav-menu-sidebar {display: none;}
  .menu-select-mobile {display: block;}

}

@media (min-width:1000px) {
  .menu-select-mobile {display: none;}
}


/******************************************************************************************************0********/
/*** PRINT ******************/
/****************************/
.ctaPrint{width:100%;/*display: none !important;*/}


@media print {

/****************************/
/*** HIDE *******************/
/****************************/
.header{display: none !important;}
.footer{display: none !important;}
.bread{display: none !important;}
.heartLeucan2024{display: none !important;}

.pagebreak { page-break-before: always; }
.wrapper{padding:0px!important;width:100%!important;}
.wp-block-spacer {height:30px!important;}
.wp-block-spacer[style]{height:30px!important;}

.mainContentAnnuel{padding-top:50px!important}
.wrapperFull {
    flex-wrap:wrap!important;
    flex-direction: column!important;
    padding: 0px!important;
    width:100%!important;
}



body .gform_wrapper {
    scale: 0.8!important;
}
/****************************/
/*** HAUT DE PAGE ***********/
/****************************/
.bannerImg {
padding-top:0px!important;
padding-bottom:0px!important;
min-height:200px!important;
-webkit-print-color-adjust: exact; /* Chrome, Safari */
print-color-adjust: exact; 
margin-bottom:50px!important;
border-radius:20px!important;
}
.bannerImg .wrapper{padding: 0px 20px!important;}
.bannerImg .inner {
padding-top: 60px;
padding-bottom:30px;
}
.bannerImg h1{
/*color: #000 !important;*/
margin-bottom:20px!important;
}
.banner:after {
    display:none!important;
}
/****************************/
/*** FONTS **************/
/****************************/
h1, .titre-h1{
font-size:38px!important;
line-height:1.1em!important;
}

h2, .titre-h2{
font-size:25px!important;
line-height:1.1em!important;
}

h3, .titre-h3{
font-size:20px!important;
line-height:1.2em!important;
}

h4, .titre-h4{
font-size:18px!important;
lline-height:1.2em!important;
}

h5, .titre-h5{
font-size:15px!important;
line-height:1.2em!important;
}

h6, .titre-h6{
font-size:15px!important;
line-height:1.4em!important;
}

p, li{
font-size:14px!important;
line-height:1.4em!important;
}

p.pageSidebar{
margin-bottom:0px!important;
}




/****************************/
/*** SIDEBAR******************/
/****************************/
.sideBar {
    max-width:100%!important;
    min-width:100px!important;
    padding-right:0px!important;
    width:100%!important;
}
.content-area .sideBar ul li.redCTA, .content-area .sideBar .ctaPrint{
display:none!important;
}
.content-area .sideBar ul li,  .content-area .sideBar ul > li {
    min-height:5px!important;
    padding:8px 0px 8px 0px!important;
    margin-left: 0px!important;
    padding-left:0px!important;
}
.content-area .sideBar ul li a{
font-size:14px!important;
line-height:1.4em!important;
}
/****************************/
/*** LISTE*******************/
/****************************/

.content-area ul > li, .content-area ol > li {
    padding-left: 50px!important;
}





.content-area ul li:before{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
        top: 16px;
    left: 13px;
}
.content-area ul li:after{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
        height: 30px!important;
    width: 30px!important;
    top: 3px!important;
}

.content-area ul ul li{
    padding: 0px 0px 0px 20px!important;
}
.content-area ol ul li {
    padding: 0px 0px 0px 20px!important;
}



.content-area ul li,  .content-area ol li{
    min-height:25px;
        margin-bottom:5px;
}
.content-area ol li:before{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding-top: 3px!important;
    top:2px!important;
    font-size: 12px!important;
    height: 30px!important;
    width: 30px!important;
}

.content-area ul > li > ul, .content-area ol > li > ul {
    margin-top:15px;
    margin-bottom:15px;
}
.content-area ol > li > ol, .content-area ul > li > ol {
    margin-top:15px;
    margin-bottom:15px;
}



.content-area ol > li > ol > li:before, .content-area ul > li > ol > li:before{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding-top: 2px!important;
    top:2 px!important;
    font-size: 12px!important;
    height: 30px!important;
    width: 30px!important;
}


.content-area ol li:after{
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;

}


/****************************/
/*** CTA ********************/
/****************************/
#page .cta, .gform_legacy_markup_wrapper .gform_footer input.button{

    padding: 5px 15px 5px 15px!important;
    min-height: 40px!important;
-webkit-print-color-adjust: exact;
    print-color-adjust: exact;

    font-size:14px!important;
line-height:1.4em!important;
}



/****************************/
/*** TEMOIGNAGE **************/
/****************************/
.unTemoignage.withImg .thumb {
    width:150px!important;
}
.unTemoignage.withImg {
    padding-left: 190px!important;

}
.unTemoignage .deco {
    width:45px!important;
}
    /****************************/
    /*** BANNIERE ***************/
    /****************************/



    .block-banner.img-left.bg-black{
      background-image:none!important;
      background-color:transparent!important;
    }

    .block-banner.noImgColor.bg-black{
       background-image:none!important;
      background-color:transparent!important;
          background-color: #F1F2F7!important;
    border: 1px solid #000!important;
    }



    .block-banner.bg-black * {
        color:#000!important;
    }

    .block-banner.bg-black .cta {
        color:#fff!important;
    }

.block-banner.imgColor{
   background-color:transparent!important;
    border: 1px solid #000!important;
    }

.block-banner.imgColor .img{
         -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    }

    .block-banner.imgColor .img {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .block-banner.imgColor .text {
        padding:20px 20px!important;
    }






      /****************************/
    /*** HERO ***************/
    /****************************/  

    .block-banner-hero{
            min-height:500px;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact; -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact; 

}


.block-banner-hero .filter {
    opacity:0.7!important;
}

.block-banner-hero.mob .thumb {
     -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact;         /* Firefox */
}
.block-banner-hero.mob .inner {
    padding:0px 0px!important;
    margin-top:0px!important;
     -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact; 
}

.block-banner-hero .inner.yesBack{
     -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact;         /* Firefox */
}


    /****************************/
    /*** VIDEO ***************/
    /****************************/
    .shortCodeVideo .img .thumb {
        opacity:1!important;
        -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    }







    /****************************/
    /*** CONTAINER ***************/
    /****************************/
.site-content .is-style-full-white .gb-container-inside, .site-content .is-style-full-black .gb-container-inside {
    width:100%!important;
    padding: 0px 0px!important;
}


.gb-block-accordion details .gb-accordion-text{
    display:block!important;
}


.gb-block-accordion details summary.gb-accordion-title{
    font-size:18px!important;
    line-height:1.2em!important;
    padding: 12px 40px 12px 0px!important;
    min-height:60px!important;
}



.gb-block-accordion details .gb-accordion-text{
    display: block !important;
  }

  /* Simule l'ouverture du <details> */
.gb-block-accordion details {
    display: block !important;
  }

  /* Forcer l'affichage du contenu */
.gb-block-accordion details > * {
    display: block !important;
  }

  /* S'assure que le résumé est bien visible */
.gb-block-accordion summary {
    display: block !important;
    font-weight: bold;
  }



    /****************************/
    /*** CARTES ***************/
    /****************************/
    .block-cards .uneCarte.bg-black {
        background-image:none!important;
        background-color:transparent!important;
    }
    .block-cards .uneCarte.bg-black .content h2, .block-cards .uneCarte.bg-black .content h3, .block-cards .uneCarte.bg-black .content h4, .block-cards .uneCarte.bg-black .content p {
        color:#000!important;
    }



.block-cards .uneCarte, .block-personnes .unePersonne.bg-grey, .block-personnes .unePersonne.bg-black{
    background-color: #fff!important;
    border: 1px solid #000!important;
}
.block-cards .uneCarte .icon{
    /*display:none!important;*/
     -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact;         /* Firefox */
}


.block-personnes .unePersonne.bg-black .content h2, .block-personnes .unePersonne.bg-black .content h3, .block-personnes .unePersonne.bg-black .content h4, .block-personnes .unePersonne.bg-black .content h5, .block-personnes .unePersonne.bg-black .content p {
    color: #fff!important;
}


.block-cards .uneCarte .thumb{
    /*display:none!important;*/
     -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact;         /* Firefox */

}
.block-cards .uneCarte .arrow {
    display:none!important;
}
    .mainContentAnnuel .block-cards .uneCarte,  .block-personnes .unePersonne{
        width: calc(50% - 10px)!important;
        min-width:100px!important;
    }



.block-cards .uneCarte .content {
    padding: 0px 15px 0px 15px;
    position: relative;
}







.block-personnes .unePersonne .thumb{
    /*display:none!important;*/
     -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact;         /* Firefox */
}

.block-personnes .unePersonne{
    background-color: #fff!important;
    border: 1px solid #000!important;
}

.block-personnes .unePersonne *{
    color: #000!important;
}
.block-personnes .unePersonne .arrow{
    display:none!important;
}
.block-personnes .unePersonne.bg-black .content h2, .block-personnes .unePersonne.bg-black .content h3, .block-personnes .unePersonne.bg-black .content h4, .block-personnes .unePersonne.bg-black .content h5, .block-personnes .unePersonne.bg-black .content p {
    color: #000!important;
}


    /****************************/
    /*** PUBLICATIONS ***************/
    /****************************/
    .mainContentAnnuel .block-publications .unePublication {
        width: calc(33.3333% - 14px)!important;
        min-width:100px!important;
        background-color: #fff!important;
        border: 1px solid #000!important;
    }


.block-publications .unePublication .content {
    padding: 0px 15px 0px 15px!important;
}
.block-publications .unePublication .content:before {
    top: -19px!important;
}

.block-publications .unePublication .thumb{
    /*display:none!important;*/
    width:100%!important;
    height:0px!important;
    overflow:hidden!important;
    padding-bottom:100%;
     -webkit-print-color-adjust: exact; /* Chrome, Safari */
    print-color-adjust: exact;         /* Firefox */
}

.block-publications .unePublication .thumb img{
    object-fit: cover!important;
    object-position: center center!important;
}
.block-publications .unePublication .arrow {
    display:none!important;
}
.block-publications .unePublication h2, .block-publications .unePublication h3, .block-publications .unePublication h4 {
    font-size:20px!important;
    line-height:1.2em!important;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
}
.block-publications .unePublication p, .block-publications .unePublication h5 {
    font-size:12px!important;
    line-height:1.1em!important;
    margin-bottom:0px!important;
}


}