@media screen and (max-width: 1433px) {
 
}
@media screen and (max-width: 1200px) {
    #before_left{
        opacity: .4;
    }
}
@media screen and (max-width: 1195px) {
    /* section recrutement */
    #recrutement::before, #recrutement::after{
        opacity: .3;
    
    }
}

@media screen and (max-width: 1066px) {
    #before_right{
        top: 60%;
    }
  
}
@media screen and (max-width: 1080px) {

    
}
/* TABLETTE */
    
@media screen and (max-width:980px){
    .grid3{
        grid-template-columns: repeat(2, 1fr);
    }
    .avweb_responsive_colonne{
        flex-direction: column;
    }
    .avweb_responsive_colonne_reverse{
        flex-direction: column-reverse;
    }
    .avweb_w1_tablette{
        width: 100%;
    }
    /* .no_fixed_header_scrall_responssive{
        position: relative !important;
    } */
     .grid4{
        grid-template-columns: repeat(2, 1fr);


     }

    

    /* header */
        header{
            flex-direction: column;
        }
        .menu{
            padding: 0;
        }
        
        .tablette{
            display: block;
        }
        .desktop{
            display: none;
        }
        #burger+label {/*Regle de style du label */        
            display: block;
            width: 43px;
            height: 37px;
            position: fixed;
            top: 35px;
            right: 70px;
              z-index: 100002;
        }
        #burger+label:before {
            content: '';
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-top: solid 3px var(--color1); /*barre du haut */
            border-bottom: solid 3px var(--color1);/*barre du millieu*/
            transition: all 0.3s;
            border-radius: 10px;
        }
        #burger+label:after {
            content: '';
            width: 100%;
            position: absolute;
            top: 18px;
            left: 0;
            border-top: solid 3px var(--color1);/*barre du bas*/
            transition: all 0.3s;
        }
        #burger:checked+label:before {  /*la barre du haut diparait et la barre du milieu fait une rotate de 45°*/
            border-top-color: transparent;
            height: 0;
            top: 25px;
            transform: rotate(45deg);
            border-radius: 50%;/*la barre du millieu devien pointu sur les bords*/
        }
        #burger:checked+label:after {/*la barre du bas fait une rotate de 45° et devient pointue sur les bords*/
            transform: rotate(-45deg);
            border-radius: 50%;
        }
        header nav .menu>#responsive-main-menu { /*regle de style du ul qui se deroule */
            display: none;
            position: fixed;
            overflow: scroll;
            left: 0px;
            top: 0;
            height: 100%;
            width: 100%;
            /* background-color: var(--color1); */
            background: var(--linear-v1-top); 
            display: flex;
            flex-direction: column;
            transition: all .3s;
            transform: translateX(-120%);
           z-index: 100001;
        }
        #burger:checked+label + #responsive-main-menu {
        /* regle de style quand le burger est coché */
        transform: translateX(0);
        }
        header nav li { /*pour aerer le ul */
            flex: 4;
            display: inherit;
            align-items: center;
            justify-content: center;
        }
       
         /* .menu {
            padding-top: 60px;
        }   */
        .menu > ul > li a,.menu > ul > li label{
            /* background-image: linear-gradient(88deg,transparent,var(--color1),var(--color1),transparent); */
            background: var(--color2v1);
            color: var(--color3);
            display: flex;
            justify-content: center;
            padding: 15px;
            text-decoration: none;
            width: 60%;
            margin: 0 auto;
            text-align: center;
            font-size: 1.5rem;
            clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);

        }
        .menu > ul li input:checked+label ~.sub-menu {  
            max-height: 300px; 
        }
        .menu > ul .sub-menu li a{
            font-size: 1.2rem;
            width: max-content;
        }
        #responsive-main-menu .sub-menu li a{
           clip-path: none;
        }
        #responsive-main-menu>li:first-child >a{
            background: none;
        }
        #responsive-main-menu li:first-child img{
            min-width: 200px;
            max-width: 70%;
        }
        #responsive-main-menu .menu-item-has-children{
            display: flex;
            flex-direction: column;
        }
      
        .sub-menu{
            display: flex;
            flex-direction: column;
            height: max-content;
            opacity: 0;
            text-align: center;
            z-index: -1;
            padding-bottom: 10px; 
            /* background-image: linear-gradient(271deg,transparent, var(--color2), transparent); */
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: .5s;
            width: 60%;   
            margin: 0 auto;
        }
       
        #menu_deroulant a{
            width: 100%;   
        }
        #menu_deroulant li{
            padding: 10px 0;   
        }
        header li a:after {    
            content: "";
            display: none;
        }
        /* class ajouté en JS  pour ouvrir le sous menu*/
        .open_menu{
            opacity: 1;
            z-index: 1;
            top: 100%;
            display: flex;
            flex-direction: column;
            padding: 15px;
            text-decoration: none;
            width: 60%;
            margin: 0 auto;
            max-height: 300px;
            font-size: 2rem;
            width: 60%;
        }   
        #ctn_fleche{
            display: none;
        }

        .fixed_header .sub-menu{
        color: var(--color3);
        background: var(--color2v1);
        /* background: none; */
        box-shadow:none; 
        margin-top: 5px;
        border-radius:15px
        /* clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%); */

    } 
        header.no_home .current_page_item>a{
        color: var(--color3);
        position: relative;
        z-index: 1;
        padding:10px;
         background: var(--color2v1);
        /*clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%); */

    }
   









         /*#menu-item-791 a{lien offre starter dans le menu
            text-align: center;
        }*/

    /* fin header */
    
    /* main */

        /* home */
          #content_secteur article:nth-child(even){
            flex-direction: column-reverse;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        /* a propos */
        .befor_propos{
                padding: 0;
                border-radius:none;
            }
        .befor_propos::before{
            display: none;    
        }
        /* pagse metier */
        .section_service .items_service_metier:nth-last-child(odd){
            flex-direction: column;
        }
        .section_service .btn{
            white-space: wrap;
        }



















    /* footer */

    footer div article:last-of-type{
        align-items: center;
        justify-content: center;
    }
 











} 
/* FIN TABLETTE */ 




@media screen and (max-width:781px){
    .avweb_responsive_mobile_colonne{
        flex-direction: column;
    }
    .avweb_responsive_mobile_colonne_reverse{
        flex-direction: column-reverse;
    }
    
}

/* MOBILE */
    @media screen and (max-width:767px){
        .avweb_not_display_mobile{
            display: none;
        }
        .grid3,.grid2,.grid3,.grid4{
            grid-template-columns: repeat(1, 1fr);
        }
        .mobile{
            display: block;
        }
        .section_video{
            display: none;
        }
		#burger+label {
            right: 36px;
        }

        .radius_right,.radius_left{
            border-radius: 0;
        }

        #baniere_home h1{
            font-size: 3rem;
        }
        #baniere_home h2{
            font-size: 1.8rem;
        }

        #secteur_activite{
            padding: var(--pad-h 0) ;
        }
        .items_secteur{
            padding: 0 15px;
        }

        #recrutement::after{
            display: none;
        }
        #recrutement>.w2{
            width: 100%;
        }
        #section_engagement #before_left{
            width: 100%;
        }
        #section_engagement{
            overflow: hidden;
        }
        .cut{
         font-size:5rem;
        }

}
		
/* FIN MOBILE */    


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

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

}
@media screen and (max-width: 500px){
    #before_right{
        display: none;
    }
  


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

@media screen and (max-width:342px) {
   
}
@media screen and (max-height: 300px) {
    
}