@media (max-width: 1350px) { /* PC */
  #ban1 p {font-size: 25px;}
  #ban1 span {font-size: 14px;}
}

@media (max-width: 1300px) { /* PC */
  /* HOME */
  #videoCeo img {width: -webkit-fill-available;width: -moz-available;width: fill-available;}        
  /* DOCUMENTATION */
  .flip-card .text-doc { font-size: 16px;}    
}

@media (max-width: 1140px) { /* PC */

#header_menu {
    margin-bottom: 20px;
}

.banSite{display: none;}
.banSite_med{display: block;}

  .slick-active{display: none;}
    header > nav {margin: 0 !important;    padding: 0 20px !important;}  

  /* INDEX */
  .cleanIndex{width: 40%;margin-bottom: 20px;}
  .imgIndex{width: 60%;}


  /* COMMUN */
  article {padding: 0 20px;}
  .width-70, .width-69, .width-68 {width: 100%;}  
  .slick-dotted.slick-slider {padding: 0px;}
  #logo{right: 0;}
  header > nav{margin: 0 20px;}
  /* .catchphrase{display: none;} */
  .pop_up_video .video{width: -webkit-fill-available;
        margin: 0 !important;padding: 40px;}   
  .close{right: 40px;}


  /* MY SHARE */
  #decouvrir_my_share {display: flex;flex-direction: column;}
  .decouvrirMyShare {margin-bottom: 10px;}
  .content_encartSouscrire, .content_encartSouscrire2 {flex-direction: column;}
  .content_encartSouscrire2_right{width: auto;}
  .content_encartLightBlue{padding: 20px;}
  .titlePicto div {display: none;}
  .contentGraph {padding: 0;}
  .content_encartLightBlue {border-radius: 0px 40px 0px 0px;}
  .titlePicto{padding: 0px; } 
  .content_encartSouscrire_left{flex-direction: column;}

  /* FOOTER */
  /* .ct-footer-slide {flex-direction: column;height: auto;}
  .ct-footer-slide-reverse{flex-direction: column-reverse !important;}
  .bloctxtFooter{width: auto;margin: 0px 20px 20px 20px;}
  .ct-footer-slide p::before{z-index: 999;} */
  .footer_sliders .slick-slide img{padding-top: 10px !important;top: 30px;}    
  footer{left: auto;}


    .aside_res_none {
      display: flex;
        width: 100%;
        margin-bottom: 30px;
    }

.aside {
    position: relative;
    top: 10px;
    display: flex;
    flex-direction: row;
    width: 100%;
}   

.alt_wrapper_aside {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  flex-direction: row;
}

.aside {
    position: relative;
}

.alt_wrapper_aside a {
    width: 380px;
}

  /* INDEX */
  /* .cleanIndex{width: 50%;}
  .banIndex{width: 50%;}   */
  .cleanIndex img{max-width: 320px;}  
  
.flip-card .text-doc-smaller { font-size: 13px;}  

.ban_de_except{top: 20px !important;}

}


@media (max-width: 990px) { /* PETIT ECRAN */
#ban1, #ban2{right: 20px;top: 10%;}  
#ban1 p {font-size: 18px;}
#ban1 span {font-size: 13px;}
#ban2 p {font-size: 20px;}
#ban2 b, #ban2 strong {font-size: 38px;}
#ban2 em {font-size: 32px;}

.bloctxtFooter{width: 400px;}
.ct-footer-slide {gap: 10px;}
}

@media (max-width: 768px) { /* TABLET */    

#popup div{width:80%;}
#popup div button{margin: 10px 0 0 0;padding: 0 10px;background:#FFF;}  

/* Masquage de ban1 et ban2 si utilisé ailleurs */
#ban1, #ban2 {
  display: none;
}

  .banSite{display: none !important;}
  .banSite_med{display: none !important;}
  .banSite_res{display: flex;background: linear-gradient(105deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(80, 195, 225, 1) 38%, rgba(80, 195, 225, 1) 100%);
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
  }
  .banSite_res_logo{width: 200px !important;}
  .banSite_res_ban{width: 450px !important;}

 #containerBanRes {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

/* BLOC BAN 1 & 2 */
#ban1_res, #ban2_res {
  grid-area: stack;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
  z-index: 1;
}

/* Z-index supérieur pour ban2 */
#ban2_res {
  z-index: 2;
  display: none !important;
}
 


/* Apparition */
#ban1_res.show, #ban2_res.show {
  opacity: 1;
  visibility: visible;
}

/* Sous-blocs internes */
#ban1_res div, #ban2_res div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}



/* Texte BAN 1 */
#ban1_res p {
  font-family: 'LubalinGraphStd-Book' !important;
  color: var(--dark_blue);
  font-size: 28px;
  line-height: normal;
}

#ban1_res strong {
  font-family: 'LubalinGraphStd-Bold' !important;
}

#ban1_res span {
  font-size: 16px;
  font-family: 'robotobold';
  color: var(--dark_blue);
  left: 0 !important;
  right: 0;
}

/* Texte BAN 2 */
#ban2_res p {
  font-family: 'LubalinGraphStd-Book' !important;
  color: var(--dark_blue);
  font-size: 25px;
  line-height: normal;
}

#ban2_res strong {
  font-family: 'LubalinGraphStd-Bold' !important;
  display: block;
  font-size: 25px;
}

#ban2_res em {
  font-family: 'LubalinGraphStd-Bold' !important;
  display: block;
  text-transform: none;
  font-style: normal !important;
  font-size: 20px;
}


    .alt_wrapper_aside {
        gap: 0;
        flex-direction: column;
    }

    .alt_wrapper_aside a {
        width: 100%;
    }    

.alt_wrapper_aside a img{display: none;}    

.alt_wrapper_aside a {
  width: 100%;
  height: auto;
}

.alt_wrapper_aside a span {
    position: relative;
    top: unset;
    left: unset;
    padding: 10px;
}

  /* COMMUN */
  #ban1_res, #ban2_res{flex-direction: column;}  
  article {padding: 0 30px;}
  #ban2_res p {font-size: 24px;}
  #ban2_res strong {font-size: 24px;}
  #ban2_res em {font-size: 22px;}  

  /* HOME */
  .ct-home-bloc {flex-direction: column;gap: 20px;}
  .ct-video {width: 100%;}  
  .ct-altNav {width: 100%;}  
  .slick-dots li::before{display: none !important;}
  .menu_accroche{display: none !important;}

  .banSite_res_logo{width: 200px !important;}
  .banSite_res_ban{width: 300px !important;}
  


  /* HOME */
  .wrapper1blocs, .wrapper2blocs {flex-direction: column;width: 100%;}
  .wrapper1blocs a, .wrapper2blocs a, .wrapper .wrapper1blocs {height: 100px;width: 100%;}  
  .wrapper{flex-direction: column;}
  .wrapper_blocs_marginright{margin-bottom: 20px;}
  .wrapper2blocs{gap: 20px;}
  .troisPourcent{display: none;}  


  /* MY SHARE */
  .content_calendrierIndic {padding: 20px;flex-direction: column;}
  .delimiterCal {display: none !important;}
  .content_calendrierIndic div {width: 100%;}  
  .content_calendrierIndic {width: fit-content;}
 
  /* INDEX */
  #index{    flex-direction: column;}
  .cleanIndex, .imgIndex{width: 100%;}
  #country{position: relative;top: 0;}
    .cleanIndex, .banIndex {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  .banLogo_res{display: block;}    
  .banLogo{display: none;}    


  /* FOOTER */    
  .ct-footer-slide {flex-direction: column;height: auto;}
  .ct-footer-slide-reverse{flex-direction: column-reverse !important;}
  .bloctxtFooter{width: auto;margin: 0px 20px 20px 20px;}
  .ct-footer-slide p::before{z-index: 999;}  
  footer {left: 0;width: 100%;padding: 0;}
  .ct-footer-slide img{height: 250px !important;}
  .ct-footer-slide{gap: 0;}
  .bloctxtFooter{padding: 20px !important;}
  .ct-footer-slide p {font-size: 14px;}
  .footer_sliders .slick-slide img{top: 0px;}      
}



@media (max-width: 550px) { /* MOBILE */
  /*HOME*/
.wrapper a img, .alt_wrapper a img{display: none;}
.alt_wrapper a{height: 90px;}
.banSite_res_ban {width: 200px !important;}
.banSite_res_logo {width: 150px !important;}     

  /* DOCUMENTATION */
  .container_doc{display: flex;flex-direction: column;}
  .width-50 {width: 100%;}  
  /* DOCUMENTATION */
.flip-card .text-doc{font-size: 14px;}        

}