.chevron{
    float: right;
    margin-right: 24px;
}

@media (max-width: 768px) {
  

.hp .hp_ateliers .atelier1 .titre_general, .hp .hp_ateliers .atelier2 .titre_general, .hp .hp_ateliers .atelier3 .titre_general{
	min-height:120px;
}

  #sb_instagram{
    display: none;
  }
    
  .general_slider {
      height: calc(100vw * 0.70) !important;
  }    
    
    .slider_title_resp{
        width: 100%;
        text-align: center;
        font-weight:500;
        font-size:24px;
        background-color:var(--color-general);
        display: inline-block;
    }
    
    .slider_container_title_resp{
        margin-top: -70px;
        margin-bottom:70px;
      position: fixed;
      z-index: -1;
    }
    
    .general_slider img{
        margin-top: 85px;
        height: auto !important;
    }
    
    #second li{
        display: block;
    }

    #primary li {
        margin-left: 0px;
        display: table;
    }
    
    .hp .hp_ateliers .atelier1,
    .hp .hp_ateliers .atelier2,
    .hp .hp_ateliers .atelier3{
      margin-top: -100px;
    }
    
   .hp .hp_ateliers .atelier1 .titre_general{
      left:0px;
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
   }
   
   .hp .hp_ateliers .atelier2 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 180px;
      float: right;
   }

   .hp .hp_ateliers .atelier3 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 240px;
      float: right;
      right: 0px;
   }
   
   .hp .hp_actu .actu-top-left, .hp .hp_actu .actu-bottom-left{
      border: none;
   }
   
   .hp .hp_actu .titre_actu{
      border: 15px solid var(--color-general);
      display: block;
      width: 100%;
      z-index: 1;
   }
   
  @keyframes atelier1-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
   
  @keyframes atelier2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
   
  @keyframes atelier3-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter1-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter3-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
   .hp .hp_menu_footer .item1 .titre_general{
      left:0px;
      width: 280px;
      top: -120px;
   }
  
   .hp .hp_menu_footer .item2 .titre_general{
      left:0px;
      right:0px;
      width: 280px;
      top: -260px;
      float: right;
   }
   
   .hp .hp_menu_footer .item3 .titre_general{
      left:0px;
      right:0px;
      float: right;
      width: 280px;
      top: -120px;
   }
   
   .hp .hp_actu .item2{
      padding-bottom: 70px;
   }
  

   .infop .infop_venir .venir4, .infop .infop_venir .venir5{
        padding-right:0px;
    }
    
    .infop .infop_venir .venir4 .infop_logo_resp, .infop .infop_venir .venir5 .infop_logo_resp, .infop .infop_venir .venir6 .infop_logo_resp{
        width: 50%;
        margin-top:25px;
        margin-bottom:25px;
    }
    
    .infop .infop_venir .bloc_title{
        padding-right:0px;
    }
    
    .infop .infop_venir .venir6 img{
        height: auto;
    }
    
    .infop .infop_mails .titre_general{
        width: auto;
    }
    
    .infop_adherents .titre_general{
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;        
    }

    .saintex .stex_projet .title_projet_sec, .saintex .stex_team .title_team_sec, .saintex .stex_partenariats .title_part_sec{
        background-color: #ffffff;
        text-align: center;
        margin-top:16px;
        font-size:20px;
    }
    
    .titre1-anim, .titre_esp-anim, .titre_histo-anim, .titre_bene-anim, .titre_part-anim, .titre_fablab-anim{
          animation-name: titre1-anim;
          animation-duration: 3s;
      }
      
      @keyframes titre1-anim {
        from {opacity:0;}
        to {opacity:1;}
      }
    
    /*.saintex .stex_projet .stex_number{
      width: 100%;
      padding-bottom: 0px;
      padding-top: 0px;
    }*/

    
    .saintex .stex_histo .titre_histo{
        margin-left:0px;
        width: 100%;
    }
    
    .saintex .stex_projet .title_projet, .saintex .stex_team .title_team{
            position: initial;
            margin-left:0px;
            margin-right:0px;
            width: 100%;
    }
    
    .saintex .stex_projet .title_projet_sec_p2_resp, .saintex .stex_projet .title_projet_sec_p3_resp{
        display: none;
    }
    
    .saintex .stex_espace .titre_espace{
        top: 0px;
        left: 0;
        width:100%;
    }
    
    .saintex .team_text_resp{
        background-color: transparent;
        margin-top:8px;
        margin-bottom:8px;
    }
    
    .saintex .team1{
        background-color: transparent;
    }
    
    .saintex .stex_team .renfort_name, .saintex .stex_team .renfort_titre{
        text-align: center;
    }
    
    .saintex .stex_benevoles .benevoles{
        margin-top: 0px;
    }
    
    .saintex .stex_benevoles .titre_general{
        width: 100%;
    }
    
    .saintex .stex_partenariats .titre_general{
        width: 100%;
        margin-left:0px;
        margin-bottom:16px;
    }
    
    .saintex .stex_partenariats .resp_cult,
    .saintex .stex_partenariats .resp_ense,
    .saintex .stex_partenariats .resp_priv,
    .saintex .stex_partenariats .resp_scie,
    .saintex .stex_partenariats .resp_comm{
        display: none;
    }
    
    .fablab .fablab_bloc .titre_general{
        margin-left:0px;
        width: 100%;
    }
    
    .fablab .fablab_formation .titre_general{
        width: 100%;
    }
    
    .fablab .fablab_formation .text_formation{
        width: 100%;
        background-color:transparent;
    }
    
    .fablab .fablab_bloc .item1{
        padding-right: 0px;
    }

    .fablab #cf{
        height: 260px;
    }
    
    .fablab .fablab_referents .item3{
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .fablab .fablab_outil .img_bloc_doc{
        width: 100px;
    }
    
    .fablab .fablab_outil .outil_doc{
        padding: 0px;
    }
    
    /*.fablab .fablab_referents .ref_name{
        padding:4px;
        font-size:15px;
    }
    
    .fablab .fablab_referents .ref_titre{
        padding:4px;
    }*/

    .gx-6{
        --bs-gutter-x: 3rem;
    }
    
    .gx-5{
      --bs-gutter-x: 0rem;
    }
    
    .espace .espace_title_header{
        margin-bottom:8px;
    }
    
    .espace .espace_title_header.active{
        background-color: var(--color-general);
        color:#ffffff;
    }
    
    .ressources .ressources_bloc_info .titre_general, .ressources .ressources_bloc_outils .titre_general{
        top:0px;
        width: 100%;
    }
    
    .gx-8{
         --bs-gutter-x: 0;
    }
    
    .ressources .ressources_bloc_outils .outils_text{
        padding-left:0px;
        padding-right:0px;
    }
    
    
    .appelp .appelp_design .appelp_imgs{
      width: 100% !important;
    }
    
    .appelp .appelp_design .titre_general{
        top: 0px;
        width:100%;
    }
    
    .appelp .appelp_design .item1{
        width: 100% !important;
    }

    .appelp .appelp_design .item2, .appelp .appelp_design .item3, .appelp .appelp_design .item4{
        width: 50% !important;
        padding-left: 0px;
        padding-top:40px;
    }
    
    .appelp .appelp_creation .titre_general, .appelp .appelp_incubateur .titre_general{
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    
    .appelp .appelp_creation .item2, .appelp .appelp_incubateur .item2{
        padding-left: 0px;
        padding-top: 40px;
    }
    
    .appelp .appelp_soutien .item2, .appelp .appelp_soutien .item1{
        padding-right: 0px;
        padding-bottom:40px;
    }
    
    .atelier .atelier_title_header, .atelier .atelier_title_header.active{
        display: inline-block;
        margin-bottom:10px;
    }
    
    .atelier .atelier_list .desc_atelier{
        margin-left:0px;
        margin-right:0px;
    }
    
    .gx-10{
        --bs-gutter-x:0;
    }
    
    .agenda .agenda_select .titre_agenda{
      margin-bottom: 8px;
      display: inline-block;
    }
    
    .expoevent .expoevent_item.type_first .titre_general{
      width: 100%;
      top: 0px;
    }
    
    .expoevent .expoevent_item .item1, .expoevent .expoevent_item .item2, .expoevent .expoevent_item .item3{
      padding-right: 0px;
    }
    
    .expoevent .expoevent_item.type_impair .titre_general, .expoevent .expoevent_item.type_pair .titre_general{
      margin-left:0px;
      margin-right:0px;
      width: 100%;
    }
    
    .expoevent .expoevent_item .item2{
      padding-top:25px;
    }
    
    .expoevent .expoevent_item .imgfull{
      padding-top: 0px;
    }
    
    .evex_single .evex_single_desc .t2,
    .evex_single .evex_single_desc .t3{
         display: none;
    }
    
    .evex_single .evex_single_desc .titre_sec_evex{
         background-color: #ffffff;
         color:#2B2E34;
         text-transform: uppercase;
         margin-bottom: 25px;
         padding-top: 20px;
         padding-bottom: 20px;
         font-weight: 400;
    }
    
    .evex_single .evex_single_desc .titre_main_evex{
      margin-bottom: 25px;
    }
    
    .evex_single .evex_single_infop .titre_sec_evex{
      margin-top: 25px;
    }
    
    .evex_single .evex_single_parcours .titre_general{
      width: 100%;
    }
    
    .evex_single .evex_single_parcours .parcours .titre1{
      margin-top: 25px;
    }
    
    .evex_single .evex_single_archives .item2{
      padding-left:0px;
      margin-top: 70px;
    }
    
    .agenda .agenda_items .new_month{
      display: none;
    }
    
      @keyframes titre_fablabh-anim {
        from {opacity:0.4;}
        to {opacity:1;}
      }
    
}

/*end 768*/


@media (max-width: 992px) and (min-width:768px) {

  .general_slider{
    margin-bottom: 50px;
  }

    .hp .hp_ateliers .atelier1,
    .hp .hp_ateliers .atelier2,
    .hp .hp_ateliers .atelier3{
      margin-top: -100px;
    }

   .hp .hp_ateliers .atelier1 .titre_general{
      left:0px;
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
   }
   
   .hp .hp_ateliers .atelier2 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 180px;
      float: right;
   }

   .hp .hp_ateliers .atelier3 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 240px;
      float: right;
      right: 0px;
   }
   
  @keyframes atelier1-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
   
  @keyframes atelier2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
   
  @keyframes atelier3-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }

  @keyframes hpfooter1-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter3-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
   .hp .hp_menu_footer .item1 .titre_general{
      left:0px;
      width: 280px;
      top: -120px;
   }
  
   .hp .hp_menu_footer .item2 .titre_general{
      left:0px;
      right:0px;
      width: 280px;
      top: -260px;
      float: right;
   }
   
   .hp .hp_menu_footer .item3 .titre_general{
      left:0px;
      right:0px;
      float: right;
      width: 280px;
      top: -120px;
   }

    .slider_title_resp{
        width: 100%;
        text-align: center;
        font-weight:500;
        font-size:32px;
        background-color:var(--color-general);
        display: inline-block;
    }
    
    .slider_container_title_resp{
        margin-top: -70px;
        margin-bottom:70px;
    }
    
    .general_slider img{
        margin-top: 85px;
        height: auto !important;
    }
    
    #second li{
        display: block;
    }
    
    #primary li {
        margin-left: 0px;
        display: block;
    }

    .container, .container-md, .container-sm{
        max-width:100%;
    }
    
    .infop .infop_venir .bloc_title{
        padding-right: 55px;
    }
    
    .infop .infop_adherents .adherents_picto{
        height: 80px;
        margin-top: 100px;
    }
    .infop_adherents .titre_general{
        margin-left:0px;
        margin-right:0px;
    }

    .gx-6, .g-5, .gx-5, .gx-8{
        --bs-gutter-x: 0;
    }
    .infop .infop_venir .venir6 .text p{
        padding-left:8px;
    }
    
    .infop .infop_adherents .url_bulletin{
        font-size:12px;
            margin-left: 8px;
    }
    
    .saintex .stex_espace .titre_espace{
        left:35%;
        top: 0px;
    }

    .titre1-anim, .titre_esp-anim, .titre_histo-anim, .titre_bene-anim, .titre_part-anim, .titre_fablab-anim{
          animation-name: titre1-anim;
          animation-duration: 3s;
      }
      
      @keyframes titre1-anim {
        from {opacity:0;}
        to {opacity:1;}
      }
    
    .saintex .stex_projet .title_projet, .saintex .stex_team .title_team{
        margin-left: 0px;
        margin-right: 80px;
        width: 420px;
    }

    .saintex .stex_projet .title_projet{
        position: relative;
    }
    
    .saintex .stex_partenariats .part_autre .titre{
        font-size:15px;
    }
    
    .saintex .stex_partenariats .titre_general{
        margin-left: 0px;
    }
    
    .saintex .projet3 .nombre{
      font-size: 60px;
    }
    
    .fablab #cf{
        height: 390px;
    }
    
    .fablab .fablab_bloc .titre_general{
        margin-left:0px;
        position: relative;
    }
    
    .gx-10{
        --bs-gutter-x:2rem;
    }
    
    .appelp .url_appel{
        font-size:13px;
    }
    
    .appelp .appelp_creation .titre_general{
        margin-left:0px;
        margin-right:0px;
    }
    
    .appelp .appelp_creation .item2, .appelp .appelp_creation .item3{
        padding-top:110px;
    }
    
    .appelp .appelp_incubateur .item1{
        padding-right: 40px;
    }
    
    .atelier .atelier_title_header{
        display: inline-block;
        margin-bottom:10px;
    }
    
    .atelier .atelier_list .title_atelier * {
      font-size: 24px !important;
    }
    
    .expoevent .expoevent_item .item1{
      padding-right: 0px;
    }
    
    .expoevent .expoevent_item .item2{
      padding-left:25px;
    }
    
    .expoevent .expoevent_item.type_impair .titre_general, .expoevent .expoevent_item.type_pair .titre_general{
      margin-left:0px;
      margin-right:0px;
      width: 100%;
    }
    
    .expoevent .expoevent_item .expo_next_title{
      font-size:28px;
    }
    
    .evex_single .evex_single_desc .t2,
    .evex_single .evex_single_desc .t3{
         display: none;
    }
    
    .evex_single .evex_single_desc .titre_sec_evex{
         background-color: #ffffff;
         color:#2B2E34;
         text-transform: uppercase;
         margin-bottom: 25px;
         padding-top: 20px;
         padding-bottom: 20px;
         font-weight: 400;
    }
    
    .evex_single .evex_single_desc .titre_main_evex{
      margin-bottom: 25px;
    }
    
    .evex_single .evex_single_infop .titre_sec_evex{
      margin-top: 25px;
    }
    
    .evex_single .evex_single_parcours .titre_general{
      width: 100%;
    }
    
    .evex_single .evex_single_parcours .parcours .titre1{
      margin-top: 25px;
    }
    
    .agenda .agenda_items .new_month{
      display: none;
    }
    
      @keyframes titre_fablabh-anim {
        from {opacity:0.4;}
        to {opacity:1;}
      }
    
}

@media (max-width: 1700px) and (min-width:1600px) {
   
   .hp .hp_ateliers .atelier1 .titre_general{
      left:-200px;
   }
   .hp .hp_ateliers .atelier3 .titre_general{
      right:-200px;
   }
   
  @keyframes atelier1-anim {
    from {left: -300px;opacity:0;}
    to {left: -200px;opacity:1;}
  }
  
  @keyframes atelier3-anim {
    from {right: -300px;opacity:0;}
    to {right: -200px;opacity:1;}
  }
   
   .hp .hp_menu_footer .item1 .titre_general{
      left:-170px;
   }
   .hp .hp_menu_footer .item3 .titre_general{
      right:-170px;
   }
   
  @keyframes hpfooter1-anim {
    from {left: -270px;opacity:0;}
    to {left: -170px;opacity:1;}
  }
  
  @keyframes hpfooter3-anim {
    from {right: -270px;opacity:0;}
    to {right: -170px;opacity:1;}
  }
}

@media (max-width: 1600px) and (min-width:1400px) {
  
  @keyframes titre_fablab-anim {
    from {margin-left: -100px;opacity:0.7;}
    to {margin-left: -0px;opacity:1;}
  }  

   .hp .hp_ateliers .atelier1 .titre_general{
      left: -80px;
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      min-height: 152px;
   }
   
   .hp .hp_ateliers .atelier2 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 80px;
      min-height: 152px;
   }

   .hp .hp_ateliers .atelier3 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 240px;
      min-height: 152px;
      /*float: right;*/
      right: -80px;
   }
   
  @keyframes atelier1-anim {
    from {left: -80px;opacity:0;}
    to {left: -80px;opacity:1;}
  }
   
  @keyframes atelier2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
   
  @keyframes atelier3-anim {
    from {right: -80px;opacity:0;}
    to {right: -80px;opacity:1;}
  }

  @keyframes hpfooter1-anim {
    from {left: -80px;opacity:0;}
    to {left: -80px;opacity:1;}
  }
  
  @keyframes hpfooter2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter3-anim {
    from {right: -80px;opacity:0;}
    to {right: -80px;opacity:1;}
  }
  
   .hp .hp_menu_footer .item1 .titre_general{
      left:-80px;
      width: 100%;
      top: -120px;
      font-size: 20px;
   }
  
   .hp .hp_menu_footer .item2 .titre_general{
      left:0px;
      right:0px;
      width: 100%;
      font-size: 20px;
   }
   
   .hp .hp_menu_footer .item3 .titre_general{
      right:-80px;
      float: right;
      width: 100%;
      top: -120px;
      font-size: 20px;
   }
   
    .agenda .agenda_items .new_month{
      left:-80px;
    }
   

   
}

@media (max-width: 1400px) and (min-width:1200px) {
  
  #sb_instagram .logo_insta{
    margin-left: -140px
  }
  
  #sb_instagram .logo_insta_bottom{
    margin-top: -10px;
  }
  
  @keyframes titre_fablab-anim {
    from {margin-left: -100px;opacity:0.7;}
    to {margin-left: 0px;opacity:1;}
  }  
  
   .hp .hp_ateliers .atelier1 .titre_general{
      left: -30px;
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
   }
   
   .hp .hp_ateliers .atelier2 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 80px;
   }

   .hp .hp_ateliers .atelier3 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 240px;
      /*float: right;*/
      right: -30px;
   }
   
    .hp .hp_ateliers .atelier3 .br_at3{
      display: none;
    }
   
  @keyframes atelier1-anim {
    from {left: -30px;opacity:0;}
    to {left: -30px;opacity:1;}
  }
   
  @keyframes atelier2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
   
  @keyframes atelier3-anim {
    from {right: -30px;opacity:0;}
    to {right: -30px;opacity:1;}
  }

  @keyframes hpfooter1-anim {
    from {left: -30px;opacity:0;}
    to {left: -30px;opacity:1;}
  }
  
  @keyframes hpfooter2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter3-anim {
    from {right: -30px;opacity:0;}
    to {right: -30px;opacity:1;}
  }
  
   .hp .hp_menu_footer .item1 .titre_general{
      left:-30px;
      width: 100%;
      top: -120px;
      font-size: 20px;
   }
  
   .hp .hp_menu_footer .item2 .titre_general{
      left:0px;
      right:0px;
      width: 100%;
      float: right;
      font-size: 20px;
   }
   
   .hp .hp_menu_footer .item3 .titre_general{
      right:-30px;
      float: right;
      width: 100%;
      top: -120px;
      font-size: 20px;
   }
   
    .agenda .agenda_items .new_month{
      display: none;
    }
   
   
}

@media (max-width: 1200px) and (min-width:992px) {
  
  #sb_instagram{
    background-color:#ffffff;
      /*padding-right: 20%;
      padding-left: 20%;*/
      width: 700px !important;
  }
  
  #sb_instagram .sbi_photo img{
    height: 230px;
    width: 230px;
    object-fit: cover;
  }

  @keyframes titre_fablab-anim {
    from {margin-left: -100px;opacity:0.7;}
    to {margin-left: 0px;opacity:1;}
  }  
  
   .hp .hp_ateliers .atelier1 .titre_general{
      left: -30px;
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
   }
   
   .hp .hp_ateliers .atelier2 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 80px;
   }

   .hp .hp_ateliers .atelier3 .titre_general{
      width: 240px;
      padding: 10px 12px 10px 12px;
      line-height: 24px;
      font-size: 20px;
      top: 240px;
     /* float: right;*/
      right: -30px;
   }
   
    .hp .hp_ateliers .atelier3 .br_at3{
      display: none;
    }
   
  @keyframes atelier1-anim {
    from {left: -30px;opacity:0;}
    to {left: -30px;opacity:1;}
  }
   
  @keyframes atelier2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
   
  @keyframes atelier3-anim {
    from {right: -30px;opacity:0;}
    to {right: -30px;opacity:1;}
  }

  @keyframes hpfooter1-anim {
    from {left: -26px;opacity:0;}
    to {left: -26px;opacity:1;}
  }
  
  @keyframes hpfooter2-anim {
    from {left: 0px;opacity:0;}
    to {left: 0px;opacity:1;}
  }
  
  @keyframes hpfooter3-anim {
    from {right: -26px;opacity:0;}
    to {right: -26px;opacity:1;}
  }
  
   .hp .hp_menu_footer .item1 .titre_general{
      left:-26px;
      width: 100%;
      top: -120px;
      font-size: 20px;
   }
  
   .hp .hp_menu_footer .item2 .titre_general{
      left:0px;
      right:0px;
      width: 100%;
      float: right;
      font-size: 20px;
   }
   
   .hp .hp_menu_footer .item3 .titre_general{
      right:-26px;
      width: 100%;
      top: -120px;
      font-size: 20px;
   }
   
    .agenda .agenda_items .new_month{
      display: none;
    }
   
   
}

@media (max-width: 1600px) and (min-width:992px) {

    .ressources .gx-8{
      --bs-gutter-x: 3rem !important;
    }



    .saintex .stex_espace .titre_espace{
        left:50%;
        top: 0px;
    }
    
    .saintex .stex_projet .title_projet, .saintex .stex_team .title_team{
        margin-left:-30px;
        width: 420px;
    }
    
    .saintex .stex_projet .title_projet{
        position: relative;
    }
    
    .saintex .stex_partenariats .part_autre .titre{
        font-size:19px;
    }
    
    .fablab .fablab_bloc .titre_general{
        margin-left:0px;
        position: relative;
    }
    
    .gx-10{
        --bs-gutter-x:2rem;
    }
    
    .ressources .ressources_bloc_info .item0 .bloc_title2, .ressources .ressources_bloc_info .item1 .bloc_title2{
        display: none !important;
    }
    
    .atelier .atelier_title_header{
        display: inline-block;
        margin-bottom:10px;
    }

    .expoevent .expoevent_item .expo_next_title{
      font-size:26px;
    }
    
    .expoevent .expoevent_item.type_impair .titre_general, .expoevent .expoevent_item.type_pair .titre_general{
      margin-left:0px;
      margin-right:0px;
      width: 100%;
    }
    
    .espace .espace_list .espace_capacite img{
      height: 60px;
    }
}

@media (max-width: 500px){
  
  .infop .infop_venir .titre_general{
    width: 100%;
  }
  
  .hp .hp_ateliers .atelier1{
    margin-top: 50px;
  }
  
  .hp_ateliers .atelier2, .hp .hp_ateliers .atelier3{
    margin-top:25px !important;
  }
  
  .hp .hp_ateliers .atelier1 .titre_general, .hp .hp_ateliers .atelier2 .titre_general, .hp .hp_ateliers .atelier3 .titre_general{
    margin-bottom: -25px;
  }
  
  .hp .hp_ateliers .atelier1 .titre_general,
  .hp .hp_ateliers .atelier2 .titre_general,
  .hp .hp_ateliers .atelier3 .titre_general{
    top:0px;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
  
  .hp .hp_actu .item2{
    padding-left:30px;
  }
  
  .hp .hp_actu .texte_actu{
    padding-right:30px;
  }
  
  .hp .hp_actu .titre1_actu{
    width: 90%;
  }
  
  .hp .hp_menu_footer img{
    height: 250px;
  }
  
  .hp .hp_ateliers img{
    height: 220px;
  }
  
  .evex_single .evex_single_header2 .titre_general{
    width: 100%;
  }
  
  .evex_single .evex_single_desc .titre_sec_evex{
    font-size: 15px;
  }
  
  .row.espace_capacite * {
    font-size: 13px;
  }
  
  .espace .espace_list .espace_capacite img{
    height: 50px;
  }
  
  .expoevent .expoevent_item .expo_next_title{
    font-size: 24px;
  }
}

@media (max-width: 992px){
  
  #sb_instagram .logo_insta, #sb_instagram .logo_insta_left, #sb_instagram .logo_insta_bottom{
    display: none;
  }
  
  #sb_instagram #sbi_images{
    margin-top: 0px;
  }
  
  @keyframes titre_fablab-anim {
    from {opacity:0.7;}
    to {opacity:1;}
  }
  
  @keyframes titre_generique-anim {
    from {opacity:0.4;}
    to {opacity:1;}
  }
  
  @keyframes titre_ip_adh-anim {
    from {opacity:0.4;}
    to {opacity:1;}
  }
  
}