@media all and (min-width: 1700px) {
    .slid_content{
        max-width: 1630px;
        left: calc(50% - 770px);
    }

    #slid_scroll{
        left: calc(50% - 820px);
    }

    #logo_zone{
        left: calc(50% - 850px);
    }

    #menu_zone{
        right: calc(50% - 850px);
    }

    #footer_zone{
        left: calc(50% - 850px);
        width: 1700px;
    }
}

@media all and (max-width: 1440px) {
    html, body{
        font-size: 12px;
    }

    .actu_left .actualite_elem{
        padding: 0 15px;
    }
}

@media all and (max-height: 800px) {
    .slide-elem h2{
        font-size: 4em;
        margin: 0 0 40px;
    }

    .slide-elem p{
        font-size: 1.3em;
    }
}

@media all and (max-width: 1280px) {
    .slide-elem h2{
        font-size: 4em;
        margin: 0 0 40px;
    }

    .slide-elem h2 span{
        line-height: 4.5;
    }

    #menu_zone .menu li {
        margin: 0 10px;
    }

    #menu_zone .menu li a{
        font-size: 1.3em;
    }

    .slid_content {
        height: 45%;
    }

    .slide-elem p {
        height: 35%;
    }

    .programme-jour ul li a{
        padding: 10px 5px;
        font-size: 0.9em;
    }

    .programme .programme-category > ul > li > a{
        padding: 10px 5px;
        font-size: 0.9em;
    }

    .overlay ul li.title{
        font-size: 1.8em;
    }

    .menus_zone{
        margin-bottom: 30px;
    }

    .programme .eco_title, #cop_overlay .eco_title, .presse .eco_title{
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

@media all and (max-width: 1024px) {
    #menu_zone .menu li {
        margin: 0 6px;
    }

    #menu_zone .menu li a{
        font-size: 1.2em;
    }

    .overlay ul li.title {
        font-size: 1.5em;
    }

    .menu__line{
        top: 60%;
    }

    #actus_categories select{
        display: block;
        margin: 10px 0;
    }

    #actus_categories ul{
        display: none;
    }

    .programme .programme-category > ul{
        display: none;
    }

    .programme .programme-category > select{
        display: block;
        width: 50%;
        float: right;
    }

    .programme-jour > select{
        display: block;
        width: 50%;
        float: right;
    }

    .presse #programme_1 .programme-jour > select{
        display: block;
    }

    .programme-jour ul{
        display: none;
    }

    .presse .programme-category > ul{
        display: none;
    }

    .presse .programme-category > select{
        display: block;
        width: 50%;
        float: right;
    }

    .overlay-wrapper{
        height: 100%;
        overflow-x: none;
        overflow-y: auto;
        padding-bottom: 40px;
    }

    .partners-container{
        margin-top: 20px;
    }

    .actu_left .actualite_elem{
        padding: 5px;
    }

    .row.masonry-container{
        margin-top: 0px;
        margin-left: 0px;
    }
}

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

    .slide-elem .img-slider{
        width: auto;
        height: 100%;
        -webkit-filter: none;
        filter: none;
        display: none;
    }

    .slide-elem .img-slider.mobile{
        display: block;
    }

    .lSAction>a{
        top: 80%;
    }

    #menu_zone ul li.menu-item{
        display: none;
    }

    #logo_zone{
        position: initial;
        padding-top: 5px;
        max-width: none;
    }

    .overlay .logo{
        position: inherit;
        margin: -40px auto 20px;
        left: 0;
        width: 100%;
        max-width: 50%;
        text-align: center;
    }

    .overlay .overlay-close{
        right: auto;
        left: 15px;
        top: 25px;
        position: fixed;
        border: 1px solid #000;
        width: 30px;
        padding: 4px;
        margin: 0;
        border-radius: 20px;
        background-color: #fff;
        opacity: 1;
    }

    .overlay .overlay-close img{
        width: 100%;
    }

    .overlay-wrapper{
        overflow: auto;
        height: 100%;
        padding-bottom: 40px;
    }

    .overlay ul li.title{
        font-size: 2em;
        margin-top: 30px;
    }

    .overlay ul li.small a{
        font-size: 2em;
    }

    #header_zone{
        z-index: 999999;
    }

    #header_zone.shadow{
        -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.19);
        -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.19);
        box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.19);
    }

    #header_zone.blanc{
        height: 80px;
    }

    #logo_zone img{
        margin: auto;
        height: 80px;
        min-width: 150px;
    }

    #logo_zone img.mobile{
        display: block;
    }

    #logo_zone img.desktop{
        display: none;
    }

    #page_body{
        top: 150px;
        height: calc(100% - 180px);
    }

    #global.page  img.desktop{
        display: block;
    }

    #global.page  img.mobile{
        display: none;
    }

    #global.showtool #logo_zone img.desktop, #global.article #logo_zone img.desktop{
        display: block;
    }

    #global.showtool #logo_zone img.mobile, #global.article #logo_zone img.mobile{
        display: none;
    }

    #global.showmenu.page #tools_menu, #global.showmenu.article #tools_menu{
        background-color: #fff;
    }

    #global.showmenu #tools_menu{
        background-color: transparent;
    }

    #menu_zone{
        right: auto;
        left: 0;
    }

    #menu_zone .menu, #global.page #menu_zone .menu, #global.article #menu_zone .menu{
        margin-top: 25px;
        width: 50px;
        height: 30px;
        margin-left: 8%;
    }

    #menu_zone .menu li a, #global.article #menu_zone .menu li a, #global.page #menu_zone .menu li a{
        color: transparent;
    }

    #global.page #header_zone{
        height: 90px;
    }

    #global.article #header_zone{
        height: 90px;
    }

    .slid_content{
        height: 60%;
        overflow: auto;
        top: 30%;
    }

    .slide-elem h2{
        font-size: 2.8em;
        height: auto;
        margin-bottom: 10px;
    }

    .slide-elem h2 span{
        line-height: normal !important;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        height: auto;
        display: inherit;
        margin-right: 5px;
    }

    .slide-elem p{
        opacity: 1;
        line-height: 1.5em;
        font-size: 1.4em;
        height: auto;
        text-align: justify;
        display: none;
    }

    .slide-elem p br{
        display: none;
    }

    .read_more{
        opacity: 1;
    }

    #slid_scroll{
        display: none;
    }

    #tool_mobile{
        display: block;
        height: 40px;
        width: 50px;
        top: 25px;
        display: none;
    }

    .showtool #tool_mobile{
        display: block;
        background-color: #fff;
        z-index: 999;
    }

    #tools_zone{
        height: 100%;
        width: 100%;
        top: auto;
        bottom: 100%;
        left: 0;

        transition: all 0.7s;
    }

    #tools_body{
        left: 0px;
        width: 100%;
        bottom: 100%;
        top: auto;
    }

    #tools_menu{
        width: 100%;
        height: 55px;
        bottom: 0px;
        background-color: #fff;
    }

    #tool_menu_elems{
        height: 55px;
        width: 100%;
        text-align: center;
        border-bottom: 2px solid #fff;
    }

    .tool-elem{
        width: 55px;
        height: 55px;
        display: inline-block;
    }

    #global.showtool #header_zone{
        height: 90px;
    }

     /*#global.showtool #tool_mobile img, #global.page #tool_mobile img, #global.article #tool_mobile img{
        content: url(../images/tools_mobile_black.png);
    }*/

    #global.showtool #trigger-overlay img, #global.article .menu-triggerer img{
        content: url(../images/bars-black.svg);
    }

    /*#global.showmenu #tools_zone{
        bottom: calc(100% - 145px);
    }*/

    #global.showtool #tools_zone{
        bottom: 0px;
    }

    #global.showtool #tools_menu{
        top: 90px;
        position: fixed;
        border-bottom: 1px solid #ddd;
    }

    #global.showtool #tools_body{
        bottom: 0;
        height: calc(100% - 140px);
    }

    #footer_zone{
        bottom: 0px;
        height: 30px;
    }

    .share_zone{
        width: 100%;
    }

    .share_zone .drap{
        position: fixed;
        right: 21px;
    }

    .share{
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
        float: left;
    }

    .share .share_action{
        display: inline-block;
    }

    .share_zone ul{
        width: 181px;
    }

    .share_zone ul li{
        margin: 0 6px;
    }

    .share_zone .lang ul{
        margin-top: 2px;
    }

    .share_zone .lang ul li{
        position: relative;
    }

    .share_zone .lang ul li.current-lang:after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0px;
        transition-delay: 1s;
    }

    .partnership{
        width: 100%;
        max-width: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .partners-logo{
        margin: auto;
        width: 45px;
    }

    .overlay .copyright-container{
        text-align: center;
        margin-top: 40px;
    }

    .overlay .copyright-container p{
        line-height: 1em;
    }

    .list-inline.social{
        text-align: center;
        margin-top: 20px;
        width: 100%;
        display: block;
    }

    .menus_zone{
        margin-bottom: 0px;
    }

    #tools_content iframe{
        width: calc(100% + 30px);
        max-width: none;
    }

    .tool-elem.streaming a.active, .home .showmenu .tool-elem.streaming a{
        background-image: url(../images/tools/live_streaming.svg)
    }

    .tool-elem.calendar a.active, .home .showmenu .tool-elem.calendar a{
        background-image: url(../images/tools/calendar.svg)
    }

    .tool-elem.infos a.active, .home .showmenu .tool-elem.infos a{
        background-image: url(../images/tools/info.svg)
    }

    .tool-elem.videos a.active, .home .showmenu .tool-elem.videos a{
        background-image: url(../images/tools/play.svg)
    }

    .tool-elem.stats a.active, .home .showmenu .tool-elem.stats a{
        background-image: url(../images/tools/data.svg)
    }

    .tool-elem.marrakech a.active, .home .showmenu .tool-elem.marrakech a{
        background-image: url(../images/tools/kech.svg)
    }

    .tool-elem.search a.active, .home .showmenu .tool-elem.search a{
        background-image: url(../images/tools/search.svg)
    }

    .tool-elem.tweets a.active, .home .showmenu .tool-elem.tweets a{
        background-image: url(../images/tools/twitter.svg)
    }

    .tool-elem.flickr a.active, .home .showmenu .tool-elem.flickr a{
        background-image: url(../images/tools/camera-icon-blanc.svg);
        background-position: center 9px;
    }

    .page.showmenu .tool-elem.streaming a, .article.showmenu .tool-elem.streaming a{
        background-image: url(../images/tools/mobile/live_streaming.svg)
    }

    .page.showmenu .tool-elem.calendar a, .article.showmenu .tool-elem.calendar a{
        background-image: url(../images/tools/mobile/calendar.svg)
    }

    .page.showmenu .tool-elem.infos a, .article.showmenu .tool-elem.infos a{
        background-image: url(../images/tools/mobile/info.svg)
    }

    .page.showmenu .tool-elem.videos a, .article.showmenu .tool-elem.videos a{
        background-image: url(../images/tools/mobile/play.svg)
    }

    .page.showmenu .tool-elem.stats a, .article.showmenu .tool-elem.stats a{
        background-image: url(../images/tools/mobile/data.svg)
    }

    .page.showmenu .tool-elem.marrakech a, .article.showmenu .tool-elem.marrakech a{
        background-image: url(../images/tools/mobile/kech.svg)
    }

    .page.showmenu .tool-elem.search a, .article.showmenu .tool-elem.search a{
        background-image: url(../images/tools/mobile/search.svg)
    }

    .page.showmenu .tool-elem.tweets a, .article.showmenu .tool-elem.tweets a{
        background-image: url(../images/tools/mobile/twitter.svg)
    }

    .page.showmenu .tool-elem.flickr a, .article.showmenu .tool-elem.flickr a{
        background-image: url(../images/tools/mobile/camera-icon-black.svg)
    }

    .infos .infos_left{
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
    }

    .infos .infos_left ul li a{
        font-size: 1.6em;
        padding: 5px 6%;
        color: #337ab7;
    }

    .infos .infos_right .tab-content .tab-pane{
        position: fixed;
        right: 100%;
        top: 140px;
        width: 100%;
        background-color: #fff;
        overflow: auto;
    }

    .infos h2{
        font-size: 2.6em;
    }

    .infos .infos_right h2{
        font-size: 2em;
        cursor: pointer;
        color: #3498db;
    }

    .infos .infos_right h2:before{
        content: "\f190";
        font-family: 'FontAwesome';
        font-size: 1.1em;
        margin-right: 10px;
    }

    .infos .infos_right p, .infos .infos_left p{
        font-size: 1.6em;
    }

    .videos li .image{
        height: auto;
    }

    .videos li .image a{
        margin-top: 0;
    }

    .videos .video_elem .description a{
        color: #333;
        text-align: left;
        font-size: 1.2em;
        padding: 10px 15px;
    }

    .videos .video_elem > .row{
        display: block;
    }

    .videos li:nth-child(even){
        background-color: #ffffff;
    }

    /*.videos .video_elem .description .duration {
        text-align: left;
        margin-left: 15px;
    }

    .videos .video_elem .description a span{
        text-align: left;
        margin-left: 15px;
    }*/

    .infos h3{
        font-size: 1.5em;
    }

    .actualites {
        width: 100%;
        margin-left: 0%;
    }

    .actu_right{
        padding: 0 15px;
        margin-top: 0px;
        display: none;
    }

    .actu_right .title h3{
        line-height: 40px;
        font-size: 1.8em;
    }

    .actu_right .title{
        width: 100%;
        height: 40px;
    }

    .actu_right .continue{
        width: 100%;
    }

    .actu_right .continue_elem{
        opacity: 1;
    }

    .actu_right .continue{
        overflow: auto;
    }

    .actu_right .continue_elem a.share{
        max-width: 25px;
        min-height: 25px;
    }

    .actu_left {
        height: 100%;
        margin-top: 0;
        padding-right: 15px;
        position: relative !important;
        overflow: auto;
    }

    .actu_left .actualite_elem .actualite_content h4{
        font-size: 1.8em;
    }

    .actu_left .actualite_elem .actualite_content p{
        font-size: 1.1em;
    }

    #global.article .share_zone .lang a{
        color: #979797 !important;
    }

    #global.article .share_zone ul li a{
        color: #979797 !important;
    }

    #actus_categories{
        margin-top: 0px;
        padding-right: 15px;
    }

    #actus_categories select{
        display: block;
        margin: 10px 0;
    }

    #actus_categories ul{
        display: none;
    }

    .row.masonry-container{
        width: auto;
        margin-top: 0px;
        margin-right: 0px;
        position: relative;
    }

    .programme, .presse{
        width: 100%;
        margin-left: 0px;
    }

    .programme .eco_title, .presse .eco_title {
        margin-top: 0px;
    }

    .programme .programme-category, .presse .programme-category{
        margin-top: 0px;
        padding: 0px 15px;
    }

    .programme .programme-category > ul{
        display: none;
    }

    .programme .programme-category > select{
        display: block;
        width: 100%;
    }

    .programme .programme_content .location{
        font-size: 1.8em;
    }

    .programme .programme_content h3{
        font-size: 1.8em;
        line-height: 1.4em;
    }

    .programme .description{
        font-size: 1.5em;
    }

    .programme-jour{
        padding: 0px;
    }

    .programme-jour > select{
        display: block;
        width: 100%;
    }

    .presse #programme_1 .programme-jour > select{
        display: block;
    }

    .programme-jour ul{
        display: none;
    }

    .presse .programme-category{
        margin-top: 0px;
    }

    .presse .programme-category > ul{
        display: none;
    }

    .presse .programme-category > select{
        display: block;
        width: 100%;
    }

    .invisible{
        display: none !important;
    }

    #global.article .article_content{
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }

    #article_body{
        top: 150px;
        height: calc(100% - 180px);
    }

    #global.article .article_scroll_down{
        padding: 30px 0 10px;
    }

    #global.article .article_scroll_down div{
        display: none;
    }

    .article_prev_url{
        float: right;
    }

    #global.article .article_title {
        font-size: 2.3em;
        line-height: 1em;
    }

    .article_next{
        height: 140px;
        /*display: flex;
        align-items: center;*/
    }

    .article_next_url {
        top: 60px;
        font-size: 1.9em;
    }

    .article_next.article_next_bottom{
        height: 140px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .article_next.article_next_bottom .article_next_url{
        top: auto;
    }

    .article_next_img{
        top: -10%;
    }

    #global.article .article_content .share{
        margin-top: 15px;
    }

    .article_next_title{
        display: none;
    }

    .next_next{
        float: left;
    }

    .article_hr{
        display: none;
    }

    #global.article blockquote {
        border-left: 5px solid #ed1c24;
        font-size: 1.9em;
        padding-left: 8px;
        padding-right: 5px;
    }

    #global.article blockquote p{
        font-size: 1em;
        line-height: 1em;
    }

    #global.article p{
        font-size: 1.3em;
        line-height: 1.3em;
    }

    #spin_art{
        padding-bottom: 20px;
    }

    #cop_overlay{
        width: 100%;
        margin-left: 0;
    }

    #cop_overlay .cop_elem .cop_content{
        font-size: 1.2em;
        margin-left: 10px;
        padding-right: 10px;
    }

    #cop_overlay .cop_title{
        margin-top: 0px;
    }

    #cop_overlay .overlay-close{
        position: fixed;
        top: 160px;
        opacity: 1;
        right: 20px;
        border: 1px solid #000;
        width: 30px;
        height: 30px;
        padding: 4px;
        margin: 0;
        border-radius: 20px;
        background-color: #fff;
        z-index: 9999;
    }

    #cop_overlay .overlay-close img{
        width: 100%;
    }

    #cop_overlay .cop_elem > a{
        font-size: 2em;
    }

    .presse .programme_houre{
        font-size: 2.2em;
    }

    .presse .programme_content h3{
        font-size: 2em;
    }

    .presse .description{
        font-size: 1.6em;
    }

    .presse .redirect, .presse .download{
        font-size: 1.8em;
    }

    .article_footer{
        width: 100%;
        margin-left: 0px;
        padding-bottom: 10px;
    }

    .partners-container{
        margin-top: 10px;
    }

    #tags li a{
        font-size: 1.2em;
    }

    #tags_zone{
        display: none;
    }

    #result_content > div:nth-child(even){
        background-color: #fff;
    }

    #global.article .share_zone.share_bottom{
        display: none;
        bottom: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 40px;
        margin: 0;
        border-radius: 0;
        border-top: 1px solid #ddd;
    }

    .fixed_bottom{
        position: inherit;
    }

    .share_zone .drap{
        float: left;
        display: none;
    }

    .share_zone.share_top{
        display: none !important;
    }

    #global.article .article_body{
        overflow-x: hidden;
    }

    .menu-tools-container{
        height: 100%;
        background-color: rgba(255,255,255,0.1);
        border-bottom: 1px solid rgba(255,255,255,0.3);
        border-top: 1px solid rgba(255,255,255,0.3);
    }

    #trigger_lang_mobile{
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 60px;
        position: absolute;
        right: 30px;
        top: 20px;
        padding: 0;
    }

    #trigger_lang_mobile a{
        font-size: 17px;
        color: #fff;
        opacity: 0.7;
        display: inline-block;
        margin: 0 2px;
        text-transform: uppercase;
    }

    .page #trigger_lang_mobile a, .article #trigger_lang_mobile a{
        color: #afafaf;
        text-transform: uppercase;
    }

    #trigger_lang_mobile a:focus{
        text-decoration: none;
    }

    #trigger_lang_mobile a.close{
        background-color: #fff;
        border: 1px solid #333;
        border-radius: 20px;
        margin-top: 8px;
        margin-right: 15px;
    }

    #trigger_lang_mobile a.close img{
        width: 25px;
    }

    /*#global.showtool #trigger_lang_mobile img, #global.page #trigger_lang_mobile img, #global.article #trigger_lang_mobile img{
        content: url(../images/tools_mobile_black.png);
    }*/

    .share_menu{
        display: none;
        background-color: #fff;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

    .share_menu ul{
        display: block;
        width: 100%;
        padding: 0px;
        margin: 5px 0 5px;
        text-align: center;
    }

    .share_menu ul li{
        display: inline-block;
    }

    .share_menu ul li a{
        font-size: 1.5em;
        padding: 0px 10px;
        text-transform: uppercase;
        color: #a1a1a1;
    }

    .share_menu ul li.current-lang a{
        color: #3498db;
    }

    #footer_zone .share_zone{
        display: none;
    }

    #actu_line, #news_line{
        display: none;
    }

    #actu_mobile, #news_mobile{
        display: block;
        background-color: #fff;
        float: left;
        font-size: 1em;
        overflow: hidden;
        position: absolute;
        z-index: 9999;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        border-top: 1px solid #ddd;
    }

    .page #actu_mobile{
        display: none !important;
    }

    #news_mobile{
        display: none;
        background-color: #FFEE1B;
    }

    #actu_mobile .title, #news_mobile .title{
        float: left;
        margin-right: 35px;
        color: red;
    }

    #actu_mobile .fill div, #news_mobile .fill div{
        float: left;
        margin-right: 20px;
        padding-right: 20px;
    }

    #actu_mobile a, #news_mobile a{
        color: #000;
    }

    .share_whatsapp{
        display: inline !important;
    }

    #global.article .article_content .share a img{
        width: 22px;
        margin: 2px 3px 0 0;
    }

    #global.article .time{
        padding-right: 10px;
        margin-right: 10px;
        height: auto;
    }
}

@media all and (max-width: 320px) {
    .slide-elem h2 {
        font-size: 2em;
        height: auto;
        margin-bottom: 10px;
    }
}