@media(min-width:1600px){
    .anchor_nav {
        position: sticky;
        left: 0;
        width: 200px;
        float: left;
        margin-left: -295px;
    }
}
@media(min-width:1100px) and (max-width:1415px) {
    .header .row{padding:0 20px}
    .header .logo{margin:10px 20px 0 0}
    .header #block-custom-theme-main-menu{width:calc(100% - 240px)}
    .header .menu--main a{font-size:14px}
}
@media(max-width:1200px){
    body,
    html{
        max-width: 100%;
        overflow-x: hidden;
    }
    .page_actus .left{
        max-width: 50%;
    }
    .page_actus .right{
        margin-left:-200px;
    }
    .page_espace_presse .main .main_body{
        padding:0 15px
    }
    .block_autopub{
        padding:40px
    }
    .block_autopub .texte{
        padding-right: 40%;
    }
    .block_autopub .titre p{
        font-size:26px;
    }
    .navbar-nav,
    .header .search, 
    .header .user{
        margin-top:20px
    }
    .header .row{padding:0 15px}
    .searchbox_header .closed{
        right: 50px;
    }
    .searchbox_header .btn-primary{
        padding:8px;
        font-size:21px
    }
    .actus a .categorie, 
    .actus a h3, 
    .actus .description .texte{
        font-size:18px
    }
    #fullpage .section h1{
        font-size:31px
    }
    #fullpage .section h2{
        margin:30px 0 0;
        padding:30px 0 0;
        font-size:26px;
    }
    #fullpage .section h3{
        font-size:21px;
        margin:10px 0;
    }
    #fullpage .w1180{padding:0 40px}
    #fullpage .section.main-slide .content{
        max-width: 80%;
        margin: 30px auto 0;
    }
    .node--type-frise-historique #fp-nav.fp-left{
        left:4px;
    }
    .node--type-frise-historique #fp-nav ul li, 
    .node--type-frise-historique .fp-slidesNav ul li{
        width: 20px;
        height: 20px;
    }
    .node--type-frise-historique #fp-nav ul li a.active::before, 
    .node--type-frise-historique .fp-slidesNav ul li a.active::before, 
    .node--type-frise-historique #fp-nav ul li:hover a::before, 
    .node--type-frise-historique .fp-slidesNav ul li:hover a::before{
        font-size:30px
    }
    .node--type-frise-historique #fp-nav ul li a::before{
        font-size: 20px;
        width: 20px;
    }
    .node--type-frise-historique #fp-nav ul li a.active::after, 
    .node--type-frise-historique .fp-slidesNav ul li a.active::after, 
    .node--type-frise-historique #fp-nav ul li:hover a::after, 
    .node--type-frise-historique .fp-slidesNav ul li:hover a::after{
        font-size:15px;
        top:8px;
    }
    .node--type-frise-historique #fp-nav ul li:not(:first-child)::before{
        left: 10px;
        bottom: 2px;
        height: 36px;
    }
    #fullpage .section.simple .content .desc{
        padding:20px 15px;
        margin: 0;
    }
    .back-to-site{
        left:20px
    }
}
@media(max-width:1180px){
    body,
    html{
        max-width: 100%;
        overflow-x: hidden;
    }
    .w1180{
        padding:0 15px;
    }
    .w1180 .row{margin: 0;}


    .recherche #edit-actions.stuck{
       position: static;
    }
    .recherche .filters .form-checkboxes ul li .arrow{
        font-size: 10px;
        right: -10px;
        top:12px
    }
    .recherche .ressources .ressource{
        padding:0 5px
    }
    .recherche .ressources .ressource .titre{font-size:14px}
    .recherche .ressources .ressource .type{font-size:7px}
    .recherche .ressources .ressource .cycles{font-size:10px}
    .recherche .ressources .ressource .type i{
        font-size: 14px;
        width: 22px;
        height: 22px;
        line-height: 1.5;
        text-align: center;
    }
    .recherche .filters .panel-title{
        font-size:14px
    }

    .recherche .filters .checkbox label{
        font-size: 10px;
    }
    .recherche .filters #edit-type-collapsible label input::after{
        font-size:16px
    }
    .site-footer__bottom{
        padding:45px 15px 0
    }
    .footer_top{
        margin-top:0;
    }
    
    .region-footer{
        padding: 0 15px;
    }
    .block_image{
        padding:0 15px
    }
    .block_image img{
        max-width: 100%;
    }
    .page_liste_themes .theme .titre h4,
    .terme_theme .theme .titre h4,
    .page_sous_home .element .titre h4{
        font-size:16px
    }
}
@media(max-width:1199px) and (min-width: 991px){
    .page_home .ressources .ressource .type{font-size:10px}
    .page_home .ressources .ressource .type i{
        line-height: 1.6;
        text-align: center;
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
    .page_home .ressources .ressource .titre{
        font-size:12px
    }
    .middle_content .w1180 .w1180{padding: 0}
    .middle_content .w1180 .view-content .row{margin: 0 -15px;}
}


@media(max-width:990px){
    body,
    html{
        max-width: 100%;
        overflow-x: hidden;
    }
    iframe{max-width: 100%;height: auto;}
    h1{
        font-size:28px;
    }
    h2{
        font-size:24px;
    }
    h3{
        font-size:18px;
    }
    img{
        max-width: 100%;
    }
    .navbar-nav > li{
        float: none;
    }
    .header_top,
    header{
        display: none;
    }
    .closed{
        right:20px;
        top:10px;
    }
    .closed:before{
        font-size:20px;
    }
    .mheader{
        display: block;
    }
    .mheader .mheader__top{
        background: #FFF;
        display: flex;
        padding: 10px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 5px solid #fff;
    }
    .mheader__top-buttons{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .mheader__top-buttons__user{
        margin-right: 20px;
    }
    .mheader__top-buttons__user button{
        background: #fcbf40;
        appearance: none;
        border: 0;
        border-radius: 10px;
        padding: 5px 3px;
        font-size: 26px;
    }
    .mheader__top-buttons__user .user #block-useraccountmenu--2 .menu--account{
        position: absolute;
        top: 10px;
        width: auto;
        border-top: 3px solid #fcbf40;
        max-width: 300px;
        padding: 0;
        background: #fff;
        right: 0;
        margin: 0;
        min-width: 150px;
        z-index: 99;
        display: none;
    }
    .mheader__top-buttons__user .user #block-useraccountmenu--2 .menu--account li{
        float:none;
    }
    .mheader__top-buttons__user .user #block-useraccountmenu--2 .menu--account li a{
        color: #353f45;
        font-family: 'Lato';
        font-size: 16px;
    }

    .mheader__top-buttons__menu .navbar-toggle{
        padding: 0;
        display: block
    }
    .mheader__top-buttons__menu .navbar-toggle .icon-bar{
        background: #000;
        height: 3px;
    }
    .mheader__menu{
        position: fixed;
        top:0;
        right:0;
        left:0;
        z-index:999;
        background: #353f45;
        padding:30px 0;
        height:0;
        display: none;
        -webkit-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -ms-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        overflow-y: scroll;
        max-height: 500px;
    }
    .mheader__menu a{
        color:#fff;
    }
    .mheader__menu .nav{
        margin-top:30px;
    }
    .mheader__menu .nav a{
        border-bottom: 1px solid #687a7d;
        padding:20px 15px;
        text-transform: uppercase;
    }
    .mheader__menu .nav > li > a:hover, 
    .mheader__menu .nav > li > a:focus{
        background: transparent;
    }
    .mheader__menu .topheader_form{
        padding:20px 15px 10px;
        position: relative;
    }
    .mheader__menu .topheader_form input{
        background: #353f45;
        color:#fff;
        border-color:#fff;
        border:0;
        border-bottom:1px solid;
        border-radius: 0;
        box-shadow:none;
    }
    .mheader__menu .topheader_form .btn-primary{
        background: transparent;
        color:#fff;
        border:0;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    .mheader .menu--header-menu{
        padding-top:20px;
        border-top:2px solid #fff;
    }
    .mheader .menu--header-menu a{
        font-size:12px;
        padding:5px 15px;
        white-space:pre-wrap
    }
    .mheader__menu .menu--header-menu > .dropdown > .dropdown-menu > .expanded > a{
        position: relative;
    }
    .mheader__menu .menu--header-menu > .dropdown > .dropdown-menu > .expanded > a:after {
        content:"";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        right: 15px;
        top:10px
    }
    .mheader__menu .menu--header-menu > .dropdown > .dropdown-menu > .expanded .dropdown-menu{
        display: block;
        margin-left:25px;
        border:0;
        font-size:10px;
        box-shadow: none;
        padding:0;
    }
    .mheader__menu .close{
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 50px;
        color: #fff;
        text-shadow: none;
        opacity: 1;
        font-weight: 300;
    }
    .mheader__menu .nav .open > a,
    .mheader__menu .nav .open > a:hover,
    .mheader__menu .nav .open > a:focus{
        background: transparent;
    }
    .mheader__menu .dropdown-backdrop{
        display: none;
    }
    .mheader__menu .navbar-nav .open .dropdown-menu{
        background: #f3f3f3;
        padding:10px;
    }
    .mheader__menu .navbar-nav .open .dropdown-menu > li > a{
        color:#333;
        display: block;
        white-space: pre-wrap;
        border:0;
        padding:10px 0 10px 20px;
        text-transform: none;
    }
    .mheader__menu .menu--header-menu .dropdown-menu{
        position: static;
        float:none;
        border-radius: 0;
    }
    .mheader__menu .galaxy_menu{
        padding: 5px 15px;
        font-size:12px;
        color:#fff;
    }
    .mheader__menu .language__menu a{
        padding: 5px 15px;
        font-size:12px;
    }
    .mheader__menu .language__menu a:hover,
    .mheader__menu .language__menu a:focus{
        text-decoration: none;
    }
    .mheader__menu .language__menu a.dropdown-toggle:after, 
    .mheader__menu .galaxy_menu:after {
        content: '\e809';
        font-family: 'fontello';
        font-size: 14px;
        margin-left: 10px;
    }
    .mheader__menu .language__menu .dropdown-menu{
        position: static;
        float:none;
        border-radius: 0;
    }

    .page_home .top_content .chapo p{
        font-size:24px
    }
    .page_home .top_content form input, 
    .page_home .top_content button.link_theme_list{
        font-size:21px
    }
    
    .page_liste_themes .theme .titre h4,
    .terme_theme .theme .titre h4,
    .page_sous_home .element .titre h4{
        font-size:14px;
        max-width: 80%;
    }
    .top_content .left p,
    .page_sous_home .chapo p{
        font-size:18px
    }
    .page_actus .left{
        max-width: 100%;
        min-height: auto;
        padding: 60px;
    }
    .page_actus .left, 
    .page_actus .right{
        width: 100%;
    }
    .page_actus .right{
        margin-top:20px;
        margin-left:0;
        text-align: center;
    }
    .page_espace_presse .download_file h3{
        font-size:21px
    }
}

@media(max-width:520px){
    body,
    html{
        max-width: 100%;
        overflow-x: hidden;
    }
    iframe{max-width: 100%;}
    h1{
        font-size:24px;
    }
    .block_msg_excp h2{
        font-size:18px
    }
    .block_msg_excp .chapo p{
        font-size:12px;
        padding:15px;
    }
    .block_msg_excp .content{
        padding:30px 15px;
    }
    .block_msg_excp .close{
        top:10px;
        font-size:30px
    }
    .block_msg_excp .top_header{
        padding-top:40px;
        min-height: 280px;
    }
    .block_msg_excp .mask{
        transform: scaleX(2.6);
        min-height:300px
    }

    .modal-body .w1180{
        padding: 0;
    }
    .galaxy{
        z-index: 9999;
    }
    img{
        max-width: 100%;
    }
    .rte img{
        width: 100%;
        height: auto;
    }
    .block_galaxy .visuel{
        width: 100%;
        height: 200px;
    }
    header{
        display: none;
    }
    .closed{
        right:20px;
        top:10px;
    }
    .closed:before{
        font-size:20px;
    }
    .mheader{
        display: flex;
        justify-content: space-between;
    }
    .mheader .mheader__top{
        background: #fff;
        display: flex;
        padding: 10px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 5px solid #fff;
    }
    .mheader .mheader__top .site-logo{display:flex;justify-content: flex-start;align-items: center;}
    .mheader .mheader__top .site-logo a{font-size:16px;font-weight: 300;color:#000;display: block;padding:0;float:none;line-height: 19px;height:auto}
    .mheader .mheader__top .site-logo img{width: 65px;height: auto;}
    .mheader .mheader__top .site-logo p{display: block;font-weight: 300;font-size: 10px;width: 100%;margin:0;}
    .mheader .mheader__top .logo{float:none!important;margin:0px 15px 0 0}
    .mheader__top-buttons{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .mheader__top-buttons__user{
        margin-right: 20px;
    }
    .mheader__top-buttons__user button{
        background: #fcbf40;
        appearance: none;
        border: 0;
        border-radius: 10px;
        padding: 5px 3px;
        font-size: 26px;
    }
    .mheader__top-buttons__user .user #block-useraccountmenu--2 .menu--account{
        position: absolute;
        top: 10px;
        width: auto;
        border-top: 3px solid #fcbf40;
        max-width: 300px;
        padding: 0;
        background: #fff;
        right: 0;
        margin: 0;
        min-width: 150px;
        z-index: 99;
        display: none;
    }
    .mheader__top-buttons__user .user #block-useraccountmenu--2 .menu--account li{
        float:none;
    }
    .mheader__top-buttons__user .user #block-useraccountmenu--2 .menu--account li a{
        color: #353f45;
        font-family: 'Lato';
        font-size: 16px;
    }

    .mheader__top-buttons__menu .navbar-toggle{
        padding: 0;
    }
    .mheader__top-buttons__menu .navbar-toggle .icon-bar{
        background: #000;
        height: 3px;
    }
    .mheader__menu{
        position: fixed;
        top:0;
        right:0;
        left:0;
        z-index:999;
        background: #41758D;
        padding:30px 0;
        height:0;
        display: none;
        -webkit-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -ms-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
    }
    .mheader__menu a{
        color:#fff;
    }
    .mheader__menu .nav{
        margin-top:30px;
    }
    .mheader__menu .nav a{
        border-bottom: 1px solid #fff;
        padding:20px 15px;
        text-transform: uppercase;
    }
    .mheader__menu .topheader_form{
        padding:20px 15px 10px;
        position: relative;
    }
    .mheader__menu .topheader_form input{
        background: #353f45;
        color:#fff;
        border-color:#fff;
        border:0;
        border-bottom:1px solid;
        border-radius: 0;
        box-shadow:none;
    }
    .mheader__menu .topheader_form .btn-primary{
        background: transparent;
        color:#fff;
        border:0;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    .mheader .menu--header-menu{
        padding-top:20px;
        border-top:2px solid #fff;
    }
    .mheader .menu--header-menu a{
        font-size:12px;
        padding:5px 15px;
        white-space:pre-wrap
    }
    .mheader__menu .menu--header-menu > .dropdown > .dropdown-menu > .expanded > a{
        position: relative;
    }
    .mheader__menu .menu--header-menu > .dropdown > .dropdown-menu > .expanded > a:after {
        content:"";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        right: 15px;
        top:10px
    }
    .mheader__menu .menu--header-menu > .dropdown > .dropdown-menu > .expanded .dropdown-menu{
        display: block;
        margin-left:25px;
        border:0;
        font-size:10px;
        box-shadow: none;
        padding:0;
    }
    .mheader__menu .close{
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 50px;
        color: #fff;
        text-shadow: none;
        opacity: 1;
        font-weight: 300;
    }
    .mheader__menu .nav .open > a,
    .mheader__menu .nav .open > a:hover,
    .mheader__menu .nav .open > a:focus{
        background: transparent;
    }
    .mheader__menu .dropdown-backdrop{
        display: none;
    }
    .mheader__menu .navbar-nav .open .dropdown-menu{
        background: #f3f3f3;
        padding:10px;
    }
    .mheader__menu .navbar-nav .open .dropdown-menu > li > a{
        color:#333;
        display: block;
        white-space: pre-wrap;
        border:0;
        padding:10px 0 10px 20px;
        text-transform: none;
    }
    .mheader__menu .menu--header-menu .dropdown-menu{
        position: static;
        float:none;
        border-radius: 0;
    }
    .mheader__menu .galaxy_menu{
        margin-top:10px;
        padding: 5px 15px;
        font-size:12px;
        color:#fff;
    }
    .mheader__menu .language__menu a{
        padding: 5px 15px;
        font-size:12px;
    }
    .mheader__menu .language__menu a:hover,
    .mheader__menu .language__menu a:focus{
        text-decoration: none;
    }
    .mheader__menu .language__menu a.dropdown-toggle:after, 
    .mheader__menu .galaxy_menu:after {
        content: '\e809';
        font-family: 'fontello';
        font-size: 14px;
        margin-left: 10px;
    }
    .mheader__menu .language__menu .dropdown-menu{
        position: static;
        float:none;
        border-radius: 0;
    }
    .mheader__menu .header_top_rs{display: inline-block;padding-top:10px;margin-top:10px}
    .mheader__menu .header_top_rs a{color:#fff}
    .mheader__menu .header_top_rs{display: inline-block;padding-left:10px;position: relative;top:2px}
    .mheader__menu .header_top_rs p{margin:0;padding:0;line-height: 1;}
    .mheader__menu .header_top_rs a{font-size:0;padding:0 2px;display: inline-block;position: relative;top:-2px}
    .mheader__menu .header_top_rs a.twitter{padding:0 4px 0 0}
    .mheader__menu .header_top_rs a:before{font-family:'fontello';font-size:16px;color:#fff;display:inline-block;transition:all .4s}
    .mheader__menu .header_top_rs a:hover:before{color:#fcbf40;}
    .mheader__menu .header_top_rs a.facebook:before{content:'\e807'}
    .mheader__menu .header_top_rs a.twitter:before{content:'\e825'}
    .mheader__menu .header_top_rs a.linkedin:before{content:'\e810'}
    
    

    .top_content h1{
        margin-top:20px
    }
    .w1180 .row{
        margin: 0 -15px;
    }
    .header .row{
        padding: 0 15px;
    }
    .navbar-nav{
        margin: 0;
    }
    .header .logo{
        margin: 0;
    }
    .w1180{
        padding:0 15px
    }
    .w1180 .w1180{
        padding: 0;
    }
    .mask{
        transform: scaleX(2.6);
    }
    .page_home .top_content{
        min-height: 300px;
    }
    .page_home .top_content .chapo p{
        font-size:14px;
        text-align: left;
    }
    .page_home .top_content form .sizer, 
    .page_home .top_content button.link_theme_list{
        max-width: 100%;
        margin: 10px auto;
    }
    .page_home .top_content form input, 
    .page_home .top_content button.link_theme_list{
        font-size:14px;
        height:40px;
    }
    .page_home .top_content form button{
        width:30px;
        font-size:18px;
    }
    .page_home .top_content form button::before{
        height: 25px;
    }
    .autopub__sizer{
        margin: 0 -15px;
    }
    .autopub__sizer .w1180{
        padding: 0;
    }
    .block_autopub{
        height: auto;
        padding:20px 15px;
        border-radius: 0;
    }
    .block_autopub a{
        font-size: 16px;
        position: relative;
        left:20%;
    }
    .block_autopub .texte{
        position: relative;
        z-index: 10;
    }
    .block_autopub .titre p{
        font-size: 16px;
    }
    .block_autopub .mav{
        width: 33%;
        height: 100%;
        z-index: 1;
        overflow: hidden;
    }
    .block_autopub .mav img{
        max-width: none;
        width: auto;
        height: 100%;
    }
    .page_home .bottom_content .social_links{
        width: 100%;
        justify-content: space-around;
    }
    .page_home .bottom_content .social-link{
        margin: 0 15px;
    }
    .page_home .bottom_content .bottom{
        padding:10px 0
    }
    .page_home .bottom_content .bottom > div{
        flex-direction: column;
    }
    .page_home .bottom_content .bottom .field--item{
        padding:10px 0
    }
    .page_home .bottom_content .bottom .mav{
        min-height: auto;
        padding:10px 0
    }
    .footer_top{
        margin-top: 0;
    }
    .footer_top section{
        width: 100%;
    }

    .site-footer__bottom{
        padding: 45px 15px 0;
        margin:10px 0 0;
    }
    .region-footer{
        padding:0 15px
    }
    .site-footer__bottom p{
        margin: 0 0 5px
    }
    #block-pieddepage li{
        padding:5px 0
    }
    .page_home .bottom_content h3{
        font-size: 21px;
    }
    #block-lamap{
        width: 100%;
    }
    .block_image{
        width: 100%;
        margin: 10px 0;
    }

    .block_news .view-content{
        overflow: auto;
    }
    .block_news .row{
        width: 1180px;
        position: relative;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -5px;
    }
    .block_news .row > div{
        width: 265px;
        float: none;
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        padding:0 5px
    }

    .link-view{
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        background: #fff;
        border:0;
        font-size:12px;
    }

    h3{
        font-size:16px;
    }
    .page_home .actus .description{
        position: relative;
        min-height: 190px;
    }
    .actus .description{background-color: #fff;padding:15px;border-radius: 0px 0px 10px 10px;}
    .actus .description span{width:calc(60% - 3px)}
    .actus a .maison i{min-width: 30px;}
    .actus a h3{
        text-transform: uppercase;
        margin:10px 0
    }
    .actus a .categorie{
        font-size:10px;
    }
    .actus .description .date{
        position: absolute;
        bottom: 5px;
        left: 15px;
        float:none;
        text-align: left;
        width: 100%;
    }

    .page_home .middle_content{
        padding-top:0
    }
    .page_home .middle_content .top > .w1180{
        padding: 0
    }
    .page_home .middle_content h2{
        font-size: 21px;
    }

    .page_home .ressources{
        overflow: auto;
        margin-bottom:20px
    }
    .page_home .ressources .row{
        width: 1180px;
        margin:0 -5px;
    }
    .page_home .ressources .ressource{
        width:280px;
        padding:0 5px;
    }
    .page_home .ressources .ressource .content{
        min-height: 125px;
    }
    .page_home .ressources .ressource .type{
        font-size: 9px;
    }
    .page_home .ressources .ressource .cycles{
        left:10px
    }
    .page_home .ressources .ressource .type i{
        font-size:18px;
        width: 25px;
        height: 25px;
    }
    .page_home .block_ressources_last .ressource .type i{
        font-size:11px;
        width: 17px;
        height: 17px;
        line-height: 1.5;
        margin-right: 5px;
    }
    .page_home .block_ressources_last .ressource{
        width: 190px;
    }
    .page_home .block_ressources_last .ressource .titre{
        font-size: 11px;
    }
    .page_home .middle_content .block_ressources_last h2{
        margin-top:0
    }
    .page_home .ressources .link-view{
        border: 2px solid #8e9396;
    }


    .recherche .filters .form--inline > div{
        padding: 10px 0;
    }
    .recherche .filters .panel-body{
        padding:15px 0 0
    }
    .recherche .filters .bef-exposed-form .form--inline .form-item{
        margin:2px 0
    }
    .recherche .filters .form-checkboxes ul li{
        padding: 0;
    }
    .recherche .filters .checkbox label{
        font-size: 10px;
        line-height: 16px;
    }
    .recherche .filters .checkbox label input{
        margin-top:0;
        position: relative;
        margin-right: 10px;
    }
    .recherche .filters .checkbox label::before{
        top:0;
        height: 18px;
        width: 18px;
    }
    .recherche .filters #edit-type-collapsible label::before{
        top:2px
    }
    .recherche .filters #edit-type-collapsible label{
        padding-left: 30px;
    }
    .recherche .filters #edit-type-collapsible label input{
        position: relative;
        margin-left: -28px;
    }
    .recherche #edit-actions.stuck{width: 100%;}
    .recherche .content{
        margin-top:20px
    }
    .recherche .filters-sort label,
    .recherche .view-header,
    .recherche .filters-sort .select-wrapper:after{
        color:#333
    }
    .recherche .filters-sort .select-wrapper select{
        color:#333;
        border-color: #333;
    }
    .recherche .ressources .ressource{padding:0 5px}
    .recherche .ressources .ressource .content{min-height: 120px;margin:0}
    .recherche .ressources .ressource .titre{font-size:10px}
    .recherche .ressources .ressource .type{font-size:7px}
    .recherche .ressources .ressource .cycles{font-size:8px}
    .recherche .ressources .ressource .type i{
        font-size: 14px;
        width: 22px;
        height: 22px;
        line-height: 1.5;
        text-align: center;
    }

    .pagination{
        text-align: center;
        float: none;
        padding:10px 20px
    }


    .page_liste_themes .top_content{
        padding: 10px 0;
    }
    .block_themes .w1180{
        padding: 0;
    }
    .page_liste_themes h2{
        font-size:18px
    }
    .page_liste_themes .theme .titre h4,
    .terme_theme .theme .titre h4,
    .page_sous_home .element .titre h4{
        font-size:12px;
        max-width: 80%;
    }
    .page_sous_home .element .titre{
        padding:15px 10px;
    }

    .terme_theme .theme_bloc h2 i{
        font-size:30px
    }
    .terme_theme .theme_bloc h2{
        font-size: 18px;
    }
    .view-filters{
        padding:10px 0
    }
    .terme_theme #edit-field-cycle-target-id ul a{
        font-size:9px
    }
    .terme_theme .theme_bloc{
        padding: 15px 15px 30px;
    }
    .terme_theme .ressources .row{margin:0 -5px}
    .terme_theme .ressources .ressource{padding:0 5px}
    .terme_theme .ressources .ressource .content{min-height: 120px;margin:0}
    .terme_theme .ressources .ressource .titre{font-size:10px}
    .terme_theme .ressources .ressource .type{font-size:6px}
    .terme_theme .ressources .ressource .cycles{font-size:8px}
    .terme_theme .ressources .ressource .type i{
        font-size: 14px;
        width: 22px;
        height: 22px;
        line-height: 1.5;
        text-align: center;
        margin-right: 5px;
        margin-left:-5px
    }
    .terme_theme .chapo p,
    .page_sous_home .chapo p,
    .top_content .left p,
    .view-partenaires-et-mecenes .chapo,
    .page_contact .top_content .chapo,
    .page_espace_presse .top_content .sous_titre p{
        font-size:18px
    }
    
    .top_content .left, .top_content .right{
        width: 100%;
        padding: 0;
    }
    .top_content .right{
        margin-top:20px
    }
    .top_content .right img{
        max-width: 100%;
    }
    

    .page_ressource .sequence_pdf a, 
    .page_ressource .tutoriel_lien a{
        font-size: 12px;
        padding:10px 0
    }
    .page_editoriale .mask,
    .page_ressource .mask,
    .page_sous_home .mask{
        transform: scaleX(3.6);
    }

    .page_ressource .chapo, 
    .page_ressource .body,
    .page_ressource .content .tab-content,
    .page_ressource .content_bloc,
    .content_page{
        padding:15px 25px;
    }
    .page_ressource .nav-tabs > li{
        float: none;
        width: 100%;
    }
    .page_ressource .nav-tabs > li > a{
        display: inline-block;
        font-size: 14px;
    }

    .rte h2, .corp h2{
        font-size: 18px;
    }
    .rte h3, 
    .corp h3,
    .sub_accordeon .titre{
        font-size:16px;
    }
    .rte,
    .corp,
    .rte p, 
    .corp p,
    .corp ul li,
    .texte_simple p{
        font-size:12px
    }

    .col_2{
        columns: 1;
    }
    .swipre_block li img{
        max-width: 100%;
    }
    .rte td,
    .corp td{
        width: 100%;
        display: block;
        margin-bottom:10px;
        font-size:12px
    }

    

    .page_ressource .ressources .row{margin:0 -5px}
    .page_ressource .ressources .ressource{padding:0 5px}
    .page_ressource .ressources .ressource .content{min-height: 120px;margin:0}
    .page_ressource .ressources .ressource .titre{font-size:10px}
    .page_ressource .ressources .ressource .type{font-size:6px}
    .page_ressource .ressources .ressource .cycles{font-size:8px}
    .page_ressource .ressources .ressource .type i{
        font-size: 14px;
        width: 22px;
        height: 22px;
        line-height: 1.5;
        text-align: center;
        margin-right: 5px;
        margin-left:-5px
    }

    .another_page .grid{
        width: 100%;
    }
    .another_page .grid .title{
        font-size:16px
    }

    .view-actualites .top_content{
        min-height: 600px;
        padding:25px 0;
    }
    .view-actualites .mask{
        transform: scaleX(2.6);
    }
    .view-actualites #edit-field-actualites-categorie--wrapper{
        float: none;
        position: static;
        width: 100%;
        /* margin-top: 120px; */
        margin-top:0
    }
    .view-actualites #edit-field-actualites-categorie--wrapper .form-type-radio label{
        font-size:12px;
        padding:5px 0;
        position: relative;
    }
    .view-actualites #edit-field-actualites-categorie--wrapper .form-type-radio label.checked:after{
        height:3px;
    }
    .view-actualites .form-item-sort-bef-combine, 
    .view-actualites .form-item-items-per-page{
        position: relative;
    }
    .view-actualites .form-select{
        position: relative;
        padding:5px;
    }

    .bef-exposed-form .form--inline > .form-item{
        width: 100%;
        right: 0;
        top:0;
        float: none;
        margin:10px 0;
    }
    .view-actualites .form-item-sort-bef-combine label, 
    .view-actualites .form-item-items-per-page label{
        width: 100%;
    }
    .view-actualites .form-item-sort-bef-combine{
        top:60px
    }
    .page_actus .conteneur{
        flex-direction: column;
    }
    .page_actus .left{
        width: 100%;
        padding:10px 0;
        min-height: auto;
    }
    .page_actus .right p{
        font-size:18px
    }
    .page_actus .right{
        margin:0;
        width: 100%;
    }
    .page_actus .top_content .w1180{padding-bottom: 120px;}
    .page_actus .en_savoir{padding:25px 30px}

    .block_news h2{
        font-size:18px;
        margin:10px 0
    }
    .actus .description{
        min-height: 120px;
    }
    .actus .description .date{
        position: relative;
        left:0;
        bottom: unset;
        top:2px;
        font-size:10px;
        text-align: right;
    }
    .actus a h3{
        font-size:12px
    }
    .view-partenaires-et-mecenes .row{
        padding:0 15px
    }

    #fullpage .section h1{
        font-size:21px
    }
    #fullpage .section h2{
        margin:30px 0 0;
        padding:30px 0 0;
        font-size:24px;
    }
    #fullpage .section h3{
        font-size:18px;
        margin:10px 0;
    }
    .node--type-frise-historique #fp-nav.fp-left{
        left:4px;
        display: none;
    }
    #fullpage .w1180{
        /* padding:0 30px */
    }
    .node--type-frise-historique #fp-nav ul li, 
    .node--type-frise-historique .fp-slidesNav ul li{
        width: 20px;
        height: 20px;
    }
    .node--type-frise-historique #fp-nav ul li a.active::before, 
    .node--type-frise-historique .fp-slidesNav ul li a.active::before, 
    .node--type-frise-historique #fp-nav ul li:hover a::before, 
    .node--type-frise-historique .fp-slidesNav ul li:hover a::before{
        font-size:30px
    }
    .node--type-frise-historique #fp-nav ul li a::before{
        font-size: 20px;
        width: 20px;
    }
    .node--type-frise-historique #fp-nav ul li a.active::after, 
    .node--type-frise-historique .fp-slidesNav ul li a.active::after, 
    .node--type-frise-historique #fp-nav ul li:hover a::after, 
    .node--type-frise-historique .fp-slidesNav ul li:hover a::after{
        font-size:15px;
        top:8px;
    }
    .node--type-frise-historique #fp-nav ul li:not(:first-child)::before{
        left: 10px;
        bottom: 2px;
        height: 36px;
    }
    #fullpage .main-slide{
        background: url(../img/LAMAP-frise.png) top center no-repeat;
        background-size: cover;
    }
    #fullpage .mask{
        background: none;
    }
    #fullpage .section.simple .content .w1180 > div{
        float: none;
        /* width: 100%; */
    }
    #fullpage .section.simple .content .desc{
        padding:20px 15px;
        margin: 0;
        width: 100%!important;
    }
    #fullpage .section .content p{
        font-size:12px;
    }
    #fullpage .section.backed .content .desc{
        max-width: 100%;
    }
    .back-to-site{
        left:20px
    }
    .page_espace_presse .main,
    .page_espace_presse .contact{
        flex-direction: column;
    }
    .page_espace_presse .main .main_mav, 
    .page_espace_presse .main .main_body{
        flex: 100%;
    }
    h4{
        font-size:12px;
    }
    .page_espace_presse .download_file h3{
        font-size:18px
    }
    .page_espace_presse .download_file span.icon-telecharger{
        font-size: 18px;
    }
    .page_faq .content_page{
        padding: 25px 15px;
    }
    .page_faq .accordeon .titre{
        font-size: 18px;
        padding-right: 30px;
    }
    .page_faq .accordeon .titre button span[class^="icon-"]:before{
        font-size:18px;
    }
    .page_faq .accordeon h4.titre{
        font-size:16px
    }
    .page_faq .sub_accordeon .texte_formate p{
        font-size: 12px;
    }
    .tooltip.right{
       display: none!important;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none;
    }

    .nav > li > a:hover, 
    .nav > li > a:focus{color:#41758D}

    .page_formation .rte{
        padding: 20px 15px;
    }
    .view-formations-by-sessions .content{
        padding: 0 15px;
    }
    .view-formations-by-sessions .formation .formation__content .infos,
    .page_formation .session .infos{
        position: relative;
        padding: 10px 0;
        font-weight: bold;
    }
    .recherche .filters .checkbox label span{
        width: 95%;
        margin-left: 5%;
    }
    .region-top-footer{
        flex-direction: column;
    }
    .top_content{
        padding:10px 0 50px;
    }
    .view-formations-by-sessions .top_content{
        min-height: 270px;
    }
    .mpls-logo-footer{
        max-width: 100%;
        flex-direction: column;
    }
    .region-top-footer > div{margin:10px 0}
    .mpls__footer-rs,
    .footer-rs__content{text-align: center;}
    /* regional */
    .page_home .top_content{
        padding:15px 0;
    }
    .page_home .block_news_slider .actus-slide h3{
        font-size:21px;
        line-height:1;
        margin-top:0
    }
    .page_home .block_news_slider .actus-slide .description{
        padding:20px 15px 10px;
        width: 100%;
        display: block;
    }
    .page_home .block_news_slider .actus-slide .visuel{
        width: 100%;
        padding: 0px 15px 20px;
        text-align: center;
    }
    .site-footer__top .partenaires{flex-wrap: wrap;}
    .site-footer__top .partenaires .partenaire-item{width: 100%;flex:1;}
    .site-footer__top .partenaires .partenaire-item img{margin: auto;}

    .mpls_aquitaine .mheader__menu{background-color: #FBB900;}
    .mpls_lorraine .mheader__menu{background-color: #7B0362;}
    .mpls_centre_val_de_loire .mheader__menu{background-color: #017EB4;}
    .mpls_bretagne .mheader__menu{background-color: #154194;}
    .mpls_ile_de_france .mheader__menu{background-color: #008578;}
    .mpls_champagne_ardenne .mheader__menu{background-color: #73388C;}
    .mpls_alpes_dauphine .mheader__menu{background-color: #B80905;}
    .mpls_alsace .mheader__menu{background-color: #6D4B7F;}
    .mpls_guyane .mheader__menu{background-color: #226442;}
    .mpls_midi_pyrenees .mheader__menu{background-color: #884905;}
    .mpls_nord_pas-de-calais .mheader__menu{background-color: #57810B;}
    .mpls_la_reunion .mheader__menu{background-color: #0A2240;}
    .mpls_auvergne .mheader__menu{background-color: #B6000B;}


    .mpls_aquitaine .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #FBB900;}
    .mpls_lorraine .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #7B0362;}
    .mpls_centre_val_de_loire .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #017EB4;}
    .mpls_bretagne .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #154194;}
    .mpls_ile_de_france .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #008578;}
    .mpls_champagne_ardenne .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #73388C;}
    .mpls_alpes_dauphine .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #B80905;}
    .mpls_alsace .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #6D4B7F;}
    .mpls_guyane .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #226442;}
    .mpls_midi_pyrenees .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #884905;}
    .mpls_nord_pas-de-calais .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #57810B;}
    .mpls_la_reunion .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #0A2240;}
    .mpls_auvergne .nav > li > a:hover, 
    .mpls_aquitaine .nav > li > a:focus{color: #B6000B;}
    .sub_accordeon .titre{
        max-width: 90%;
    }
    .sub_accordeon button{
        right: -40px;
    }
}