@media screen and (max-width: 1400px){
    #menuBan {padding: 0 80px;margin-top: 125px;}
    .block_globale, #headerNavigation nav, footer {padding: 20px 80px;}
}


@media screen and (max-width: 1200px){
    #indexContainer{padding: 40px 100px;}
    /* HOME */
    .bloc_homeVideo .bloc_homeVideo_flexContainer {flex-direction: column;justify-content: space-evenly;align-items: stretch;} 
    .transcription {width: 100%;}       
    .min_video{width: 100%;}
    .ancre {scroll-margin-top: 130px;}
}


@media screen and (max-width: 1000px){
    #indexContainer{padding: 40px 40px;}    
    .list-ct {width: 22%;}
    .block_globale {padding: 20px 30px;}
    #menuBan {padding: 0 30px;margin-top: 120px;}
    /* HOME */
    .img_keyDates{display: none;}
    .imgBan{display: none;}
    .imgBanMid{display: block;}
    .menuBan_info{padding: 30px;width: auto;min-width: unset;}
    /* WESHARE */
    .img_weshareNote{display: none;}
    .weshare_whatIsWeshare .bg_grey{display: none;}
    /* COMMENSOUSCRIRE */
    .img_commentSouscrire{display: none;}
    .paiement_innerBloc {flex-direction: column;}    
    .paiement_interBloc {align-self: center;justify-content: center;}    
    .arbitrage_content_bloc1{flex-direction: column;}
    .arbitrage_content_bloc1 img {max-width: 100%;width: 500px;}
    .max_innerContent {flex-direction: column;}    
    .max_content_2, .max_content_2 div {width: 100%;}
    .max_content_2 img{max-width: 500px;width: 100%;}
    .arbitrage_content_bloc1 div {width: 100%;}    
    /* DOCUMENTATION */
    .blockDoc {width: 45%;flex-wrap: wrap;}
    .picto{display: none;}
    .docBegin{width: 100%;justify-content: flex-start;}
    .docBegin div{margin-left: 0;}
    .documentation_innerContent {
        flex-direction: row;
        gap: 30px;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-around;
    }    
    /* MENU */
    #headerNavigation nav {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    #headerNavigation nav img{padding-right: 0;}

    .navLinksMenu{
        display: flex; /* gardé actif, mais caché avec height etc. */
        justify-content: flex-end;
        align-items: center;
        gap: 20px;
        width: 100%;
        flex-direction: column;
        align-content: stretch;
        flex-wrap: nowrap;
        position: absolute;
        top: 0;
        z-index: 9999;
        background: #FFF;
        right: 0;
        left: 0;
        padding: 30px 0 50px 0;       
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: opacity 0.8s ease;
        flex-direction: column; /* ou row selon ton design */
    }

    .navLinksMenu.show {
        max-height: 500px; /* assez grand pour contenir tout ton menu */
        opacity: 1;
        visibility: visible;
    }    

    #indexHeaderContent, #headerNavigation nav{padding: 20px 40px;}
    #headerNavigation nav img, #indexHeaderContent img{width: 130px;}

    .menu-burger {
        display: flex;
        z-index: 99999;
    }    
    #menu-site-ssmenu:hover .ss_menu {
        display: none !important;visibility: hidden;
    }
    
    .burger{ cursor: pointer; width:40px; height:6px; background-color:var(--dark_blue); position:absolute; transform:translate(-50%,-50%); transition:0.5s; }
    .burger::before, .burger::after{ content:''; position:absolute; width:40px; height:6px; background:var(--dark_blue); transition:0.5s; left: 0px; }
    .burger::before{ top:-10px; }
    .burger::after{ top:10px; }
    .active-burger{ background:rgba(0,0,0,0); box-shadow:0 0px 0px rgba(0,0,0,0); }  
    .active-burger::before{ top:0; transform:rotate(45deg); background:var(--dark_blue); }
    .active-burger::after{ top:0; transform:rotate(135deg); background:var(--dark_blue); }    

    .weshare_avantage_container_ad_fcpe{
        flex-direction: column;
    }

    .ss_menu{
    left: 150px;
    top: -50px;        
    }

.ss_menu::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -50px;
    height: 100%;
    width: 50px;
}    

    /* FOOTER */
    footer {padding: 20px 30px;}
    .footerLogo{display: flex;}

}

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

    h2{font-size: 24px;}    

    .paiement_content2 {flex-direction: column;}

    .faqNonRes{display: none !important;}
    .faqRes{display: block !important;}

    .faq_accordion_mobile{display: flex;flex-direction: column;gap: 10px;}

    .faq_mobile_category {
        position: relative;
        display: flex;
        width: 100%;
        padding: 10px;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        background: var(--primary-cyan20, #CCECF9);
        overflow: visible;
    }

    .faq_mobile_questions{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: var(--color-grey-grey-6, #F5F5F5);
        gap: 10px;
        padding: 10px;    
        top: -10px; 
    }

    .faq_mobile_category {text-decoration: none;color: #003366;cursor: pointer;font-family: 'Noto Bold';}    

    .faq_mobile_question{
        margin: 5px 10px;
        background: var(--blanc, #FFF);
        padding: 10px;    
    }

    .faq_mobile_category:hover {
        background: #009EE0;
    }        
    .faq_mobile_category:hover p{
        color: #FFF;
    }        

    .faq_mobile_questions p strong:first-child {
        display: block;
        padding-bottom: 10px;
    }    

    footer span{
        padding: 10px 15px;
    }


    footer .linksFooter{display: none;}
    footer .linksFooterRes {
        display: flex;
        flex-direction: column;
        width: 100%;
        flex-wrap: wrap;
        align-content: flex-start;
    }    
    
}

@media screen and (max-width: 700px){	
    .blockDoc {width: 100%;flex-wrap: wrap;flex-direction: column;}
    .docBegin{justify-content: center;padding: 0 30px;text-align: center;}    
    
    #indexContainer {padding: 0px 0px;background: var(--primary-cyan20, #CCECF9);}
    
    .indexContainer_listCountry{flex-direction: column;}
    .indexContainer_inner{gap: 20px;margin: 20px;padding: 0px;background: var(--primary-cyan20, #CCECF9);}
    .indexContainer_listCountry{gap: 10px;}
    .indexContainer_inner_chooseCountry{width: 100%;margin-bottom: -10px;}
    .list-ct {width: 100%;}    
    .has-submenu.active a {
        padding: 1% 0 2% 0 !important;
    }    


    #menuBan div:nth-child(2) {width: auto;}
    .bannieres_site_photo{display: none;}

    .contentPrix{display: none;}
    .contentPrixRes{display: block;}

    #menuBan{display: none;}
    #menuBanRes{display: flex;}
    .bannieres_res_container{width: 100%;margin-top: 125px;}
    .bannieres_site_photo_res{
        width: 60%;
        float: right;        
    }
    .bannieres_site_weshare_res{
        position: absolute;
        z-index: 2;
        width: 180px;
        top: 30px;
        left: 20px;
    }
    .bannieres_res_container .btnSouscrire{
    position: absolute;
    top: 90px;
    left: 20px;        
    }

   .contentPrixRes .content_prixSouscription_2{
    display: block;
   }
   .contentPrixRes .content_prixSouscription_2{
    width: 100%;
    text-align: center;
    color: var(--dark_blue);
    font-family: "Noto Sans";
    font-size: 14px;
   } 

   .contentPrixRes .content_prixSouscription_2 strong{
    font-family: "Noto bold";
    font-size: 32px; 
   }    

   .contentPrixRes div{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border: 1px solid var(--light_blue);
    flex-direction: column;
    border-radius: 0 0 30px 0;
    margin-bottom: 10px;    
   }

    .block_globale {padding: 20px 20px;}
    footer {padding: 20px 20px;}    

    /* MDR L'UDPATE */

    .btnSouscrire{padding: 4px 8px;}

    .bannieres_site_photo_res {
        width: 60%;
        float: right;
    }

    .bannieres_site_weshare_res {
position: absolute;
        z-index: 2;
        width: 128px;
        top: 12px;
        left: 20px;
    }
    
    .bannieres_res_container .btnSouscrire {
        position: absolute;
        top: 60px;
        left: 20px;
    }       


}

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

    
}