/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1466PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

html {
    font-size: 95%;
    -webkit-text-size-adjust: 95%;
    -ms-text-size-adjust: 95%;
}
    
    h1.titre-home {
        font-size: 2.1rem;
        line-height: 2.4rem;
    }
    
    section.section-intro-home {
        padding-bottom: 0;
        padding-top: 25px;
    }
    
    

    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1280PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    h1 {
        font-size: 2.5rem;
        line-height: 2.9rem;
        margin: 0 0 30px 0;
    }

    h2 {
        font-size: 2.5rem;
        line-height: 2.7rem;
        margin: 0 0 25px 0;
    }


    h3 {
        font-size: 1.9rem;
        line-height: 2.1rem;
        margin: 0 0 20px 0;
    }

    h3.small {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    h4 {
        font-size: 1.35rem;
        line-height: 1.5rem;
        margin: 0 0 15px 0;
    }
    
    .container-titre-page {
        bottom: 40px;
        max-width: 40%;
    }

    
    .container-menu-fixe li {
        display: inline-block;
        height: 40px;
        margin: 0 10px;
        margin-bottom: 0;
    }

    .container-menu-fixe li a {
        padding: 0;
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }
    
    
    .container-intro-home .flex-item-moitie {
        width: 75%;    
    }
    
    
    .citation-home {
        font-size: 2.8rem;
        line-height: 3.1rem;
    }

    
    .chiffre-big {
        font-size: 5.5rem;
        line-height: 4.5rem;
    }
    
    a.big-cta {
        font-size: .9rem;
        height: 44px;
        line-height: 44px;
        border-radius: 22px;
        margin: 20px 0;
    }
    
    a.big-cta::after {
        height: 20px;
        width: 20px;
    }
    
    
    h1.titre-home {
        font-size: 2rem;
        line-height: 2.3rem;
    }
    
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1100 PX ****************************************************************/
/**********************************************************************************************************************************************************/

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

    .flex-item-tiers,
    .flex-item-deux-tiers {
        width: 48%;
    }
    
    .contenu-flexible .flex-item-tiers iframe,
    .youtube-tiers,
    .youtube-tiers .dailymotion_player,
    .youtube-tiers .youtube_player,
    .youtube-tiers iframe {
        height: 450px;
    }

    .owl-carousel-stats .owl-nav {
        top: 0;    
    }
    
    .picto-chiffre-metier {
        width: 70px;
        height: 70px;
        margin-top: 5px;
    }
    
    .chiffre-big {
        font-size: 4.5rem;
        line-height: 3.5rem;
    }
    
    .slide { 
        background-position: top right;
    }
    

    
    

    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1280 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    
/*----------------------*/
/* MEGA MENU RESPONSIVE */
/*----------------------*/


#mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {
    
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
    padding: 0;
}

#mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {
    padding: 20px;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 15px 0 !important;
    width: auto !important;
    background: #fff !important;
    box-shadow: none;
}

#mega-menu-wrap-main-nav .textwidget {
    font-size: .85rem;
    line-height: 1.1rem;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: .9rem;
    line-height: 1.3rem;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 0;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link::after {
    display: none;
}
    

header.header.menu-actif #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu {
    box-shadow: none;
    
}
    
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item {
        border-bottom: 1px solid var(--noir) !important;    
    }

.mega-menu-item-type-widget {
    max-width: 100% !important;
}

.mega-menu-item-type-widget h4 {
    font-size: 1.2rem;
    line-height: 1.6rem;
}
    
    .mega-toggle-block.scroll .mega-toggle-animated-inner,
    .mega-toggle-block.scroll .mega-toggle-animated-inner::before,
    .mega-toggle-block.scroll .mega-toggle-animated-inner::after {
        background-color: #3c3c3b !important;
    }
    
    
    div.recherche {
        right: 50px;    
    }
    
    
    div.recherche a::after {
        background: url(img/icone-search-blanc.png) center center no-repeat;
        background-size: contain;
    }

    div.recherche.scroll a::after {
        background: url(img/icone-search.png) center center no-repeat;
        background-size: contain;
    }


    h2 {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
    
    h3 {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }

    h3.small {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    h4 {
        font-size: 1.1rem;
        line-height: 1.4rem;
    }
    
    
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.lien-extranet {
        border: 0 !important;
    }
    
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.lien-extranet > a.mega-menu-link {
        margin: 15px 0;
    }

    
    
/*-------------------*/
/* MENU FIXE LATERAL */
/*-------------------*/

    .container-menu-fixe {
        top: auto;
        position: fixed;
        box-shadow: 0 0 12px rgba(0,0,0,0.2); 
        bottom: 0;
        width: 100%;
        right: 0;
        z-index: 6002;
        padding: 12px 0;
        background: #fff; 
}

    .container-menu-fixe.search-active {
        visibility: visible;
        opacity: 1;
        right: 0;
    }

    #menu-menu-fixe-lateral {
        text-align: center;
        margin-top: 0;
    }

    .zone-menu-lat {
        display: none;
    }
    
    .legende-menu-lateral {
        transform: rotate(0);
        margin: 0 10px;
        position: absolute;
        top: 35%;
        left: 40px;
    }

    .legende-menu-lateral::before {
        content: '';
        display: none;
    }

    footer.footer #inner-footer.wrap {
        padding-bottom: 60px;    
    }
    
    
    .youtube-full,
    .dailymotion_player,
    .youtube_player,
    .youtube-full iframe {
        height: 500px;
    }

    .contenu-flexible .flex-item-deux-tiers iframe,
    .youtube-deux-tiers,
    .youtube-deux-tiers .youtube_player,
    .youtube-deux-tiers .dailymotion_player,
    .youtube-deux-tiers iframe {
        height: 450px;
    }

    .contenu-flexible .flex-item-moitie iframe,
    .youtube-moitie,
    .youtube-moitie .dailymotion_player,
    .youtube-moitie .youtube_player,
    .youtube-moitie iframe {
        height: 430px;
    }

    .contenu-flexible .flex-item-quart iframe,
    .youtube-quart,
    .youtube-quart .dailymotion_player,
    .youtube-quart .youtube_player,
    .youtube-quart iframe {
        height: 200px;
    }
    
    section.home-actualite h2.bold::after {
        width: 40%;
        left: 60%;
    }
    
    .picto-chiffre-metier {
        margin: 0 auto 15px;
    }
    
    .chiffres-cles-metiers .flex-item-tiers {
        width: 31%;    
    }
    
    .chiffres-cles-metiers .flex-item-quart {
        width: 100%;
        text-align: center;
    }
    
    .chiffres-cles-metiers .flex-item-trois-quart {
        width: 100%;
        text-align: center;
    }
    
    .chiffre-big {
        font-size: 5rem;
        line-height: 4rem;
    }
    
    
    .categ-publications li,
    .categ-publications li:first-child {
        width: 100%;
        padding: 14px 20px;
    }
    
    .top-image-home .container-intro-home .flex-item-moitie {
        width: 48%;
    }

    .top-image-home .container-intro-home .big-cta {
        margin-top: 20px;    
    }
    
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 967 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    .flex-item-moitie {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .flex-item-quart {
        width: 48%;
        margin-bottom: 20px;
    }
    
    .flex-item-cinq {
        width: 31%;
        margin-bottom: 20px;
    }

    .flex-item-tiers,
    .flex-item-deux-tiers {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .contenu-flexible iframe,
    .youtube-full,
    .dailymotion_player,
    .youtube_player,
    .youtube-full iframe {
        height: 400px;
    }

    .contenu-flexible .flex-item-deux-tiers iframe,
    .youtube-deux-tiers,
    .youtube-deux-tiers .dailymotion_player,
    .youtube-deux-tiers .youtube_player,
    .youtube-deux-tiers iframe {
        height: 400px;
    }

    .contenu-flexible .flex-item-moitie iframe,
    .youtube-moitie,
    .youtube-moitie .dailymotion_player,
    .youtube-moitie .youtube_player,
    .youtube-moitie iframe {
        height: 300px;
    }

    .contenu-flexible .flex-item-tiers iframe,
    .youtube-tiers,
    .youtube-tiers .dailymotion_player,
    .youtube-tiers .youtube_player,
    .youtube-tiers iframe {
        height: 400px;
    }

    .contenu-flexible .flex-item-quart iframe,
    .youtube-quart,
    .youtube-quart .dailymotion_player,
    .youtube-quart .youtube_player,
    .youtube-quart iframe {
        height: 260px;
    }
    
    .flex-item-trois-quart.container-citation {
        width: 100%;    
    }
    
    
    .container-pas-metier-en-avant {
        flex-wrap: wrap;    
    }
    
    .container-pas-metier-en-avant .metier-home {
        margin-bottom: 20px;
        width: 23%;
        margin-right: 0;
    }

    
    .container-trois-quart .flex-item-trois-quart,
    .container-trois-quart .flex-item-quart {
        width: 100%;    
    }
    
    .top-image-home {
        height: 38vh;
    }
    
    .top-image-home .container-intro-home .flex-item-moitie {
        width: 48%;
    }

    .top-image-home .container-intro-home .big-cta {
        margin-top: 20px;    
    }
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 768 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 768px) {
    
    
    
    section {
        padding: 35px 0;    
    }
    
    section.home-metiers {
        padding-bottom: 0;    
    }
    
    .alt-zone-droite-libre {
        display: none;
    }
    
    .padding40 {
        padding: 30px;
    }

    .padding30 {
        padding: 20px;
    }

    .mega-menu-item-type-widget {
        display: none !important;
    }
    
    
    .container-titre-page {
        max-width: 95%;
        bottom: 20px;
    }
    
    
    .chiffre-big {
        font-size: 4rem;
        line-height: 3rem;
    }
    
    
    .stat-annuelle-carrousel .flex-item-trois-quart {
        width: 75%;
    }
    
    .stat-annuelle-carrousel .flex-item-quart {
        width: 25%;
    }
    
    
    h1.titre-home {
        font-size: 1.7rem;
        line-height: 2rem;
    }
    
    section.section-intro-home {
        display: none;
    }
    
    body.page-template-page-statistiques #tabs h2 {
        display: none;
    }
    
    body.page-template-page-statistiques .contenu-publications {
        padding: 0;
    }
    
    body.page-template-page-statistiques .contenu-publications .flex-item-tiers:first-child {
        display: none;
    }
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 698 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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


    #toTop {
        display: none !important;
        visibility: hidden !important;
    }
    
        
    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 600 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    
    html {
        font-size: 90%;
        -webkit-text-size-adjust: 90%;
        -ms-text-size-adjust: 90%;
    }
    
    #inner-header {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    
    .logo-header {
        width: 140px;
        height: 64px;
    }
    
    div.recherche {
        top: 20px;
    }
    
    
    .flex-item-cinq {
        width: 48%;
    }

    /*
    h1.titre-home {
        font-size: 2.5rem;
        line-height: 2.7rem;
    }
    */
    .citation-home {
        font-size: 2rem;
        line-height: 2.4rem;
    }

    
    .chiffre-big {
        font-size: 4.5rem;
        line-height: 3.5rem;
    }
    
    #sidebar-search .input-search-big {
        max-width: 70%;
        font-size: 1.2rem;
    }
    
    #sidebar-search.actif .input-search-big {
        height: 60px;    
    }
    
    #sidebar-search.actif {
        height: 120px;    
    }
    
    #content.padding-top {
        padding-top: 120px;    
    }
    
    
    
    h1 {
        font-size: 2.6rem;
        line-height: 2.9rem;
    }

    h2 {
        font-size: 2rem;
        line-height: 2.4rem;
    }


    h3 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    h3.small {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    h4 {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
        
    .superbig {
        font-size: 1.6rem;
        line-height: 1.9rem;
        margin-bottom: 25px;
    }
    
    a.cta-interne::after {
        width: 28px;
        height: 28px;
        margin-left: 12px;
    }
    
    h2.bold.before::before {
        width: 40px;
        height: 40px;
        border-width: 1px;
    }
    
    #inner-footer .container-flex .flex-item-quart,
    #inner-footer .container-flex .flex-item-tiers {
        text-align: left !important;
    }
    
    .rangee-image-seule {
        height: 250px;    
    }
    
    
    .chiffres-cles-metiers .flex-item-tiers {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .chiffres-cles-metiers .flex-item-quart {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    
    .chiffres-cles-metiers .flex-item-trois-quart {
        width: 100%;
        text-align: center;
    }
    
    .chiffre-big {
        font-size: 5rem;
        line-height: 4rem;
    }
    
    
    /* Ne pas afficher fil Twitter */
    .home-actualite .flex-item-tiers {
        display: none;
    }
    
    .contenu-flexible iframe,
    .youtube-full,
    .dailymotion_player,
    .youtube_player,
    .youtube-full iframe {
        height: 260px;
    }

    .contenu-flexible .flex-item-deux-tiers iframe,
    .youtube-deux-tiers,
    .youtube-deux-tiers .dailymotion_player,
    .youtube-deux-tiers .youtube_player,
    .youtube-deux-tiers iframe {
        height: 260px;
    }

    .contenu-flexible .flex-item-moitie iframe,
    .youtube-moitie,
    .youtube-moitie .dailymotion_player,
    .youtube-moitie .youtube_player,
    .youtube-moitie iframe {
        height: 260px;
    }

    .contenu-flexible .flex-item-tiers iframe,
    .youtube-tiers,
    .youtube-tiers .dailymotion_player,
    .youtube-tiers .youtube_player,
    .youtube-tiers iframe {
        height: 260px;
    }

    .contenu-flexible .flex-item-quart iframe,
    .youtube-quart,
    .youtube-quart .dailymotion_player,
    .youtube-quart .youtube_player,
    .youtube-quart iframe {
        height: 260px;
    }
    
    
    
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 480 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    
    h1 {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    h1.titre-home {
        margin-bottom: 0;    
    }
    
    .top-image-page {
        height: 50vh;    
    }

    .metier-home {
        width: 31%;    
    }

    .alt-zone-gauche {
        display: none;
    }
    
    
    .legende-menu-lateral {
        display: none;
    }

    h2.bold {
        font-size: 1.5rem;
        line-height: 1.7rem;
    }

    section {
        padding: 20px 0;
    }
    

    #mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {
        max-width: 70%;    
    }
    
    .flex-item-trois-quart {
        width: 100%;    
    }
    
    .bottom-metier {
        padding-top: 30px;    
    }
    
    .liens-bottom-metier .flex-item-quart {
        width: 100%;
    }
    
    p.big,
    .big p,
    .big {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    
    h3.titre-actu-archive {
        min-height: 10px;    
    }
    
    .module-actu-archive {
        margin-bottom: 40px;    
    }
    
    .chiffres-cles-metiers {
        margin-bottom: 50px;
        border-bottom: 1px solid var(--noir);
    }
    
    .flex-item-quart {
        width: 100%;
    }

    .flex-item-quart.membre-asf {
        width: 48%;
    }

    .container-menu-fixe li {
        margin: 0 5px;
    }

    
    div.recherche {
        right: 30px;
    }
    
    
    #inner-header {
        padding: 16px 8px;
    }
    
    
    h2.bold.before::after,
    h2.bold.before::before {
        display: none;
    }
    
    .home-publications {
        max-height: inherit;    
    }
    
    .contenu-flexible iframe {
        height: 200px;    
    }
    
    div.recherche a::after {
        height: 30px;
        width: 44px;
    }
    
    #inner-header nav {
        margin-right: 40px;    
    }
    
    .container-menu-fixe li.adherent a:hover::after {
        display: none;
    }
    
    
    .home-publications.bkg-cover {
        background: none !important;
        min-height: 0 !important;
        padding: 0 !important;
    }
    
    .home-publications.bkg-cover .flex-item-tiers.bkg-blanc.padding30 {
        padding: 0;    
    }
    
    
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
        display: block !important;
        text-align: center !important;
        margin-bottom: 12px;
        padding: 0 20px;
    }
    
    .container-pas-metier-en-avant .metier-home {
        width: 31%;
    }

    
    .home-metiers .container-flex-start {
        justify-content: space-between;
    }
    
    .home-metiers .container-flex-start .flex-item-auto {
        width: 30%;
        margin-right: 0;
    }
    
    .top-image-home {
        height: 35vh;
    }
    
    .top-image-home .container-intro-home .flex-item-moitie {
        width: 100%;
        margin-bottom: 0;
    }

    .top-image-home .container-intro-home .big-cta {
        margin-bottom: 0;    
    }
    
    
    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 375 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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

    
    
    
}