@media (min-width: 1700px){
    /*.container {
          max-width: 1620px;
    }*/
}

/* -----------------------------------------------------  1700px ----------------------------------------*/
@media (max-width: 1700px){
    /*.page-template-page_accueil .sectionone,
    .page-template-page_fa .sectionone  {background-position: right 230px center;}*/
    .page-template-page_accueil .sectionone:before,
    .page-template-page_fa .sectionone:before   {
        width: 230px;
    }    


    .page-template-page_fa .sectionone.homeprod.faacc .illustr {
        right: 5%;
    }

    .page-template-page_accueil .tailletxt, .page-template-page_produit .tailletxt {
        right: 15px;
    }





}
/* -----------------------------------------------------  1600px ----------------------------------------*/
@media (max-width: 1600px){

    .bttop {top: 30px;}
    .logohead {
        max-width: 260px;
    }

    section.organisation {
        position: relative;
        background: #00000005 url(images/bgteammembers.webp) no-repeat left -237px top 0px;
        background-size: contain;
        padding: 86px 0;
    }

}
/* -----------------------------------------------------  1500px ----------------------------------------*/
@media (max-width: 1500px){
   
    
    .bthomecontainer {
        margin-left: 0;

    }  
    .carteinfo {right: 5%;}
    .upcommingevent .calendar {
        width: 100%;
        margin-top: 40px;
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        gap: 0px 20px;
    }
    .upcommingevent .calendar .bord {display: none;}
    .resumewrapper {
        padding-left: 40%;
        padding-right: 10px;
        width: 90%;
    }    
}

/* -----------------------------------------------------  1400px ----------------------------------------*/
@media (max-width: 1400px){
    .bttop .bt {display: inline-block !important;}
    .logohead {
        max-width: 205px;
    }
    .page-template-page_ims .sectionone .headtxt {
        width: 60%;
       
    }
    .page-template-page_accueil .sectionone:before,
    .page-template-page_fa .sectionone:before   {
        display: none;
    }  

    .page-template-page_accueil .s1 {
        padding: 0;
        background-size: 65vh auto;
    }
    .page-template-page_accueil  .btsearch, .page-template-page_fa .btsearch {
        filter: invert(0);
    }
    .page-template-page_fa .tailletxt,
    .page-template-page_fa .tailletxt {
        background-color: #FFF;
    }
    .page-template-page_fa .tailletxt span,
    .page-template-page_fa .tailletxt a {color: #014B6C;}


    .sectionone .headaccleft {background-position: right 0 center;padding-left: 50px;}
    .bttop {right: 10px;}

    .site-navigation {
        padding-right: 0;
    }
    .bthomecontainer .bthome {
        transform: translateY(-200px);
        height: 250px;
    }    
    .bthomecontainer .bthome .bthomebod h2 {
        font-size: 30px;
        padding-top: 10px;
    }


    .sectionone.homeprod .illustr {
        max-width: 400px;
        height: auto;
        right: 0px;
        top: 50%;
        transform: translateY(-40%);
    }
    .page-template-page_fa .tailletxt,
    .page-template-page_accueil .tailletxt
     {
        background-color: #FFF;
    }
    .page-template-page_fa .tailletxt span,
    .page-template-page_accueil .tailletxt span 
    {color: #014B6C;}  
    .posrel {padding-left: 5%;}
    section.members {
        position: relative;
        background: #00000005 url(images/bgteammembers.webp) no-repeat left -325px top 30px;
        padding: 86px 0;
    }   
    .homelabo {
        background: transparent url(images/bghomelabo.png) no-repeat center right -450px;
        background-size: auto 660px;
    }


}
/* -----------------------------------------------------  1300px ----------------------------------------*/
@media (max-width: 1300px){
    .bttop .bt {padding: 7px 20px;}
    .menutop {
        right: 16px;

    }  
    #wp-megamenu-top>.wpmm-nav-wrap ul.wp-megamenu>li>a, .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a, .wpmm-menu-cart .cart-icon .fa-shopping-cart, .wp-megamenu-wrap .form .submit, .wpmm-menu-cart span.cart-icon i {
        padding-left: 0px;
    }
    .page-template-page_fa .sectionone.homeprod.faacc .illustr {
        position: absolute;
        max-width: 500px;
        transform: translateY(-40%);
        right: 10px;
        top: 50%;
        height: auto;
    }
}

/* -----------------------------------------------------  1200px ----------------------------------------*/
@media (max-width: 1200px){
    .sectionone {
        height: auto;
        min-height: 800px;
        padding-top: 181px;
        padding-right: 50px;
        padding-bottom: 140px;
    }
    .page-template-page_accueil .sectionone {
        padding-top: 200px;
        background: #F9F9F9 url(images/homehead.webp) no-repeat top 112px right -229px;
        background-size: 76vh auto;
    }    
    .page-template-page_ims .sectionone {
        background: #F9F9F9 url(images/imshead.webp) no-repeat bottom right -160px;
        background-size: auto 53vh;
    }    
    .illwrapper {
        position: relative;
        height: auto !important;
        min-height: 500px;
        width: 100%;
        margin-right: 0 !important;
    }
    .homelabo {
        background: transparent url(images/bghomelabo.png) no-repeat center right -620px;
        background-size: auto 615px;
    }
    .page-template-page_group_thematic .illdeco {
        width: 100%;
        height: 100%;
        min-height: 300px;
        bottom: 0;
        top: 0;
        left: 0;
        margin: auto;
        transform: none;
    }  
    .page-template-page_group_thematic .illimg {
        width: 100%;
        height: 100%;
        min-height: 300px;
        bottom: 0;
        top: 0;
        margin: auto;
        transform: translate(30px, 30px);
    }  
    .page-template-page_group_thematic .illico {
        bottom: -87px;
        right: 0;
        left: 0;
        margin: auto;
    }

    .page-template-page_team .tittheme {
        right: 20px;
    }
    .page-template-page_group_thematic .textthem {
        position: relative;
        margin-top: 150px;
    } 

    #headbar {display: block;}
    #header {display: none;}
    .burger {display: block;}

    .swiper-container-head .swiper-slide {
        display: flex;
        align-items: flex-start;
    }
    .swiper-container-head .swiper-slide > div {
        width: 50%;
        padding-left: 0px;
    }    
    .page-template-page_accueil .s1 {
        padding: 0;
        background-size: 55vh auto;
    }
    .page-template-page_accueil .bttop .bt, .page-template-page_fa .bttop .bt {
        display: inline-block;
        margin-left: 10px;
        width: auto;
        text-align: center;
    }    

    .nbpubli {display: none;}
    #swipMoteur {
        max-width: 100%;
        /*margin-left: 30px;*/
    }
    .bttop {
        right: 84px;
        top: 40px;
    }  
    .headaccleft .titreheadacc,
    .result.container h1 {
        font-size: 40px;
    }  
    .homeactwrapper {
        display: block;
        width: 100%;
    }
    .actcard {
        display: block;
        -webkit-box-shadow: 0px 3px 36px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 3px 36px 0px rgba(0,0,0,0.1);
        margin-bottom: 50px;
    }

    .sstitre { font-size: 25px; }    
    section.fil.sticky {
        top: 100px;
    } 
    .page-template-page_accueil .sectionone .telvert.sticky {
        position: fixed;
        top: 85px;
        right: 20px;
        z-index: 9999999;
    }    

    .upcommingevent {
        background: transparent url(images/fondjaune.png) top 40px left -170px no-repeat;
        background-size: 625px;
    }

    .filigrannemembers {
        position: absolute;
        top: 50px;
        right: 51px;
        font-size: 80px;
        font-weight: 900;

    }

    .carteinfo {
        flex-direction: column;
    }

    .carteinfo {top: 20%;width: auto;}
    .logocarte {
        width: 100%;
        padding: 0;
    }

    .carteinfodet {
        background: transparent url(images/bgencart.png) left 10px center no-repeat;
        background-size: contain;
        padding: 10px 10px 10px 35px;
        width: 100%;
    }

    .commenticont {
        margin: 0;
    }

    .moteur .firstmoteur {background-image: none;}
    .page-template-page_accueil .moteur .motwrapper {
        display: flex;
        color: #FFF;
        flex-direction: column;
    }
    .page-template-page_accueil .moteur .motwrapper .mottxt {
        width: 100%;
        padding: 0 5%;
        text-align: left;
    }
    .page-template-page_accueil .moteur .motwrapper .motslider {
        width: 100%;
        margin-top: 30px;
    }

    .grid.contsquare .break.br2 {display: block;}
    .grid.contsquare .grid-25 {width: 50%;}

    .blogwrapper {
        display: grid;
        grid-template-columns: 1fr 1fr ;
        grid-auto-rows: minmax(150px,auto);
    }
    .page-template-page_resultats .sectionone {
        height: auto;
    }
    .page-template-page_resultats .result.container {
        margin-top: 150px;
        margin: auto;
        margin-top: 200px;
    }  
    .resultencartwrap {
        padding: 0;
    }    
    .singlerea {
        margin-left: 20px;
        margin-right: 20px;
    }
    .actucontent .card {
        max-width: 50%;
    }
    .resumefrench {
        min-height: auto;
        display: flex;
        background: none;
        /* background-size: 400px; */
        align-items: center;
        padding: 60px 30px;
    }

    .resumewrapper {
        padding-left: 30px;
        padding-right: 30px;
    }  
    
    .grid-item-news {
        flex-basis: 48%;
        height: auto;
        padding: 20px;
        box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
        color: #000;
    }      
    .flex-grid-news {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 50px;
    }
 

    footer {
        background: linear-gradient(90deg, rgba(90,90,90,1) 0%, rgba(0,0,0,1) 100%);
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #FFF;
    }   
    footer .wrapfoot {
        width: 100%;
        padding: 30px 60px;
        display: flex;
    }
    

}

/* -----------------------------------------------------  992px ----------------------------------------*/
@media (max-width: 992px){
    h1, .h1 {
        font-size: 30px  !important;
    }   
    h2, .h2 {
        font-size: 25px !important;
    }      
    
    .bttop {right: 90px;}
    .headwrap {
        width: 50%;
    }
    .sectionone .menubottom {
        display: none;
    }    
    .homelabo {
        background: none;
    }

    .sectionone {
        display: flex;
        align-items: center;
        background-size: cover;
        padding: 5%;
        padding-top: 200px;
        padding-bottom: 100px;
    }
    .swiper-container-head {
        height: auto;
    }
    .swiper-container-head .swiper-slide > div {
        width: 90%;
        padding-left: 30px;

    }     
    .page-template-page_accueil .s1 {
        padding: 0;
        background-size: 55vh auto;
        background-position: right -2px bottom -118px;
    }    

    .sectionone .headaccleft {

        width: 100%;
        margin: 20px 0;
        padding: 0;

    }   

    .sectionone .illustr {
        width: 100%;
        justify-content: flex-start;
        margin: 0 0 30px 0;

    }

    .sectionone .illustr .ico {
        position: absolute;
        bottom: 0px;
        left: 80%;
        width: 102px;
        height: 102px;
        -webkit-box-shadow: 0px 15px 48px 5px #919191;
        box-shadow: 0px 15px 48px 5px #919191;
        border-radius: 10px;
        background-size: 75px auto;
        background-position: center center;
        background-repeat: no-repeat;
    } 
    .page-template-page_produit .illustr {
        padding-top: 0;
    }        

    .page-template-page_accueil .sectionone .illustr {
        justify-content: flex-start;
        padding-right: 0px;
    }

    .contai {
        max-width: 100%;
        margin: auto;
        margin-top: -30px;
        padding: 20px;
        border-radius: 0;
        height: auto;
        background: rgb(226,224,50);
        /* background: linear-gradient(90deg, rgba(226,224,50,1) 0%, rgba(129,128,12,1) 100%); */
    }
    .contai input {
        width: 100%;
    }    
    #wp-megamenu-top {
        padding-right: 0px; 
        padding-left: 0px; 
    }

    .bthomecontainer .bthome .bthomebod h2 {
        font-size: 25px;
    }
    .decouvrir {background-image: none;}
    .menutop {
        top: 0;
    }  
    .commenticont {
        flex-direction: column;  
    }
    .commenticont > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin: auto;
    }
    .commentfleche {
        padding: 25px 20px;
    }
    .commentfleche img {
        transform: rotate(90deg);
    }
    .homerealisation.v2 .entete {
        height: auto;
        margin: 5px;
        border-radius: 10px;
    }
    .singlerea .entry-content h1 {
        font-size: 25px;
    }
    .padfoot {
        padding-top: 30px;
    }
    section.pagefaq {
        margin-top: 0px;
        padding: 0 20px;
    }
    .cartewrap {
        max-width: 643px;
        margin-left: 0;
        transform: none;
    }
    .page-template-page_agence .sectionone .illustr {
        padding: 0;
    } 
    .column.column-4 {
        flex: calc(50% - 0px);
        max-width: 50%;
        /* margin: 0px; */
        /* margin-bottom: 20px; */
        border-radius: 20px;
        padding: 1%;
    }
    section.organisation {
        background: none;
    }    
    .enteteresultat .resulttext {text-align: left;display: block;}
    .sstitreres {padding-bottom: 0;margin: 0;}
    .grid.contsquare .break.br2 {
        display: none;
    }   
    .page-template-page_accueil .sectionone .telvert {
        position: absolute;
        bottom: auto;
        right: 20px;
        z-index: 9999;
    }    
    .page-template-page_fa .sectionone .illustr {
        padding-top: 0;
    }

    section.members {
        position: relative;
        background: none;
        padding: 86px 0;
    }




    .textmembers {
        padding: 0 30px 0 30px;
    }
    .page-template-page_team .flex-grid-members {
        padding: 51px 30px;
    }

    .footcontact {
        flex-direction: column;
    }  

    .formcontact7 label {
        width: 100%;
    }
    .formcontact7 input, .formcontact7 textarea {
        min-width: auto;
    }    
    .footcontact .formfootcont {
        background-image: none;
        padding: 60px;
        padding:  60px 10%;
    }    
    .colfootcont {display: none;}

    .page-template-page_platform-enfant .formcontact7.interne {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px;
    }    
    .formcontact7 {
        padding: 0;
    }      
}

/* -----------------------------------------------------  850px ----------------------------------------*/
@media (max-width: 850px){
    .headwrap {
        width: 100%;
        padding-top: 300px;
        padding-bottom: 40px;
    }
    .sectionone .illustr {
        bottom: 0;
        height: auto;
        margin: auto;
    } 

    .page-template-page_accueil .sectionone.homeprod {height: auto;} 
    .sectionone.homeprod .illustr {
        max-width: 369px;
        height: auto;
        right: auto;
        left: 38px;
        top: 120px;
        transform: translateY(0%);
    }
    .licopartner {
        padding: 10px 20px;
        display: block;
    }
    .licopartner img {
        filter: grayscale(100%);
        transition: .3s;
        max-width: 120px;
    }
 

}

/* -----------------------------------------------------  768px ----------------------------------------*/
@media (max-width: 768px){
    .sectionone {
        height: auto;
    }
    .sectionone .illustr {
        position: relative !important;
        padding: 0 ;
        right: auto;
        top: 0;
    } 
  
    .page-template-page_ims .sectionone .headtxt {
        width: 100%;
    }
    .page-template-page_researcher_publication .sectionone {
        height: 600px;
        padding-top: 250px;
        min-height: auto;
    }     
    .swiper-home {
        height: 600px;
        margin: 0 1% !important;
        border-radius: 40px;
    }
    .page-template-page_accueil .s1 {
        padding: 0;
        background-size: 55vh auto;
        background-position: right -2px bottom -178px;
    }  
    .sectionone .headaccleft{
        position: relative !important;
        width: 100%;
        padding: 30px 0;
    }
    .result.container h1 {
        font-size: 35px;
    }  
    .cartewrap {
        max-width: 600px;
        height: auto;
    }
    .bthomecontainer .bthome {
        transform: translateY(0);
        height: 250px;
    }
    .bthomecontainer {
        grid-template-columns: repeat(2, 1fr);
    }    
    .bthomecontainer .bthome .encartop {
        display: none;
    }  

    .homediscoverims .card {
        width: calc(100% - 2rem);
        min-width: calc(100% - 2rem);
        height: 400px;

    }    
    .containerhomerea .column {
        flex: calc(50% - 0px);
        max-width: 50%;
        margin: 0;
        margin-bottom: 20px;
        border-radius: 20px;
    }
    .resultencartwrap .encart {position: relative; border-radius: 20px; height: 300px;width: 100%;margin: 0 15px;}
    .singlerea {
        margin-left: 20px;
        margin-right: 20px;
    }
    .singlerea .entry-content h1 {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .singlerea .singlereafrise {text-align: center;}
    .singlerea .deptville {
        text-align: center;
    }    
    .wrapsing {
        padding: 20px 20px;

    }
    .wrapsing .icoreasing {
        right: 0;
        left: 0;
        top: 20px;
        position: relative;
        text-align: center;
        padding-bottom: 20px;
    }
    .wrapsing .icoreasing img {
       
        max-width: 78px;
    }
    .homerealisation .entete .tit {
        font-size: 35px;
    }
    .actucontent .card {
        max-width: 100%;
    }
    .carteinfoencart {
        flex-direction: column;
    }    
    .carteinfoencart .carteinfodet {
        background: transparent url(images/bgencart.png) left 10px center no-repeat;
        background-size: contain;
        padding: 10px 10px 10px 35px;
        width: 100%;
    }    
    .carteinfoencart .logocarte {
        width: 100%;
        padding: 0;
        text-align: left;
        padding-left: 17px;
    }
    
    .carteinfo {
        position: relative;
    }
    .commentcamarche .pointinterro {
        display: none;
    }
    .sstitreres {
        line-height: 120%;
        font-size: 20px;
        text-align: center;
    }
    .page-template-page_fa .sectionone .headaccleft {
        width: 100%;
    }
    .grid-item-news {
        flex-basis: 98%;
        height: auto;
        padding: 20px;
        box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
        color: #000;
    }      
    /*ACT HOME */
    .actoverlay {
        position: relative;
    }
    .actcard:hover .titact {
        /* top: 76px; */
        bottom: 5px !important;
    }
    .actcard:hover .actoverlay {
        top: 0;
    }
    a.linkpubli {

        bottom: -94px;
        right: 0;
        left: 0;
        text-align: left;
    }      

    footer .wrapfoot {
        width: 100%;
        padding: 25px 20px;
        display: flex;
    }



}
/* -----------------------------------------------------  576px ----------------------------------------*/
@media (max-width: 576px){
    #headbar {
        height: 185px;
    }
    .bttop {
        right: 18px;
        top: 0px;
        position: absolute;
    }
    .tailletxt {display: none !important;}
    .logoheadsmart {
        max-width: 120px;
    }
    .logoheadbar {
        padding: 0 20px;
    }
  
    .swiper-container-head .swiper-slide > div {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    section {padding: 40px 20px;}
    ul.cr {padding-left: 0;}
    ul.cr li {
        list-style-type: none;
        background-image: none;
        padding-left: 0px;
    }    
    .bthomecontainer {
        grid-template-columns: repeat(1, 1fr);
    }  
    .carteinfo {
        right: 0;
        left: 0;
        width: 80%;
        margin: 0;
        margin-top: 30px;
        width: 100%;
        backdrop-filter: none;
    }   
    .containerhomerea .column {
        flex: calc(100%);
        max-width: 100%;
        margin: 0;
        margin-bottom: 20px;
        border-radius: 20px;
    }  
    .containerlink .grid-50 {width: calc(100% - 50px);}
    .blogwrapper {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(150px,auto);
    }
    .page-template-page_realisationall .sectionone {height: 80vh !important;}

    .resultencartwrap {
        flex-direction: column;
    }
    .resultencartwrap .encart {margin: 10px 15px;}
    .page-template-page_fa .sectionone .headaccleft {
        
        padding-left: 10px;
    }
    .page-template-page_fa .sectionone .illustr {
        height: auto;
    }
    .page-template-page_fa .sectionone .illustr .ico {
        position: absolute;
        bottom: 0px;
        right: 0;
        left: auto;
        width: 79px;
        height: 78px;
        background-size: 75px auto;
    }    
    .sectionone .illustr .ico {

        bottom: 0px;
        left: auto;
        right: 0;
        width: 80px;
        height: 80px;
        background-size: 55px auto;

    }    
    div.wpforms-container-full {
        margin: 0;
        padding: 20px;
    }
    .paginationrea a {
        padding: 5px 12px;
        margin-left: 2px;
    }
    .paginationrea span {padding: 5px 12px;text-align: center;display: inline-block;    margin-left: 2px;}
    .resumewrapper {
        padding-left: 2px;
        padding-right: 10px;
        width: 100%;
    }
    .page-template-page_team .grid-item-members {
        /* flex-basis: 18%; */
        margin-right: 2%;
        margin-bottom: 20px;
        border-radius: 20px;
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: 20px;
        box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: row;
        align-items: center;
    }   
    .page-template-page_team .grid-item-members .itemimg {
        flex-grow: 0;
        padding-right: 20px;
    } 
    .filigrannemembers {
        position: absolute;
        top: 0px;
        right: 5px;
        font-size: 70px;
    }
    .upcommingevent {
        background: none;
        
    }
    .upcommingevent .illustre {
        margin-left: 0px;
    }
    .behindjaune {display: none;}
    .behindbleu {display: none;}    
    .encarthead .encartleft {
        border-radius: 20px;
    }
    .encarthead .encartright {
        display: none;
    }
    .formfootcont .formcontact7 {
        padding-left: 0;
        width: 100%;
        padding-right: 0;
    }

  

}

/* -----------------------------------------------------  450px ----------------------------------------*/
@media (max-width: 450px){
    h1, .h1 {
        font-size: 25px  !important;
    }
    .slidewhocontent {    flex-direction: column;}
    .propal {
        border-left: 0px; 
        padding-left: 0px; 
    }
    .titslide {margin: 0; }

    .square {width: 100%;}

    .single-4884d52fa064a5f48be2  .illwrapper .illdeco{
        display: none;
    }

    .single-4884d52fa064a5f48be2  .illwrapper .illimg {
        width: 100%;
    }

    .calitem {flex-direction: column;}

    .calitemtext {
        margin-top: 30px;
    }
    .calitemdate {

        margin: 0px 11px;

    }    
}


/* -----------------------------------------------------  400px ----------------------------------------*/

@media (max-width: 400px){
    .sticky #headbar {
        height: 109px;
        background-color: #ffffff;
    }
    body.sticky .bttop {
        top: 70px;
        z-index: 999;
    }    
    .page-template-page_accueil .sectionone .telvert.sticky {
        position: fixed;
        top: 103px;
        right: 20px;
        z-index: 9999999;
    }
    .sectionone.homeprod .illustr {
        max-width: 300px;
        height: auto;
        right: auto;
        left: 38px;
        top: 120px;
        transform: translateY(0%);
    }
   
    footer .logofoot {
        max-width: 100%;
    }
    section.fil {
        padding: 25px 10px 25px 10px;
    }
    section.fil.sticky {
        position: fixed;
        top: 109px;
        width: 100%;
        background-color: #FFF;
        z-index: 999;
        border-top: 1px solid #EEE;
        padding: 5px 10px 5px 10px;
    }    



}