@media (max-width: 1500px) {

    .warrap {
        width: auto;
        max-width: 100%;
        padding: 0 15px;
    }

}
@media (max-width: 1200px) {

    .bloc_news{display: none}
    .innerwrap{max-width: 100%}
    .zn_right .slogan{font-size: 16px}
    /*.cnt{padding: 0 15px}*/
    .blcSearch form{width: 220px}
    .blcSearch .form-item{width: 80%}
    .blcContact{margin-left: 20px}
    .internePage .zn_Banner .ttrPage h1{width: 100%; padding-right: 10px}
    .internePage .cnt{padding: 0 15px}
    .internePage .cnt .warrap{padding: 0}
    .bannerNF .notFound{ left: 50%; top: 50%; transform: translate(-50%,-50%); bottom: inherit; padding: 0 20px}
    .bannerNF .notFound .txt1 span{font-size: 60px}
    .bannerNF .notFound > div{width: 100%}
    .wrpCntBanner .txt2{font-size: 25px; line-height: 1.2}
    .wrpCntBanner{padding: 20px}




}
@media (max-width: 1100px) {

    .body .zone {
        max-width: 100%;
    }
    .zn_Logo_space{padding: 0}
    .blcMenu {
        width: auto;
        float: none;
    }
    .wrpCntBanner{max-width: 100%}
    .zn_Cartouche .warrap > div > .item{width: 48%; margin-right: 2%; margin-bottom: 15px}
    .zn_Cartouche .warrap > div > .item:nth-child(3){margin-right: 0}
    .itemAtouts .desc{height: 100px}
    .zn_right .pdtLinkName a{font-size: 14px}
    .zn_Content .views-exposed-form .js-form-type-textfield{width: 35%; margin-bottom: 15px}
    .zn_Projects .slogan{width: 50%; font-size: 14px; padding: 15px}
    .zn_Projects .blcPjt .img{width: 50%; height: auto}
    .zn_Cartouche .warrap{top: inherit; margin-top: 20px}
    #block-medianet-branding{margin: 10px 0 15px}



}

@media (max-width: 1024px) {

    .zn_Cartouche .warrap{padding: 20px}
    .TitleBlc h2{margin: 15px 0}
    .zn_Cartouche .warrap{top: 0}
    .zn_Biat_info .itemChiffre{text-align: center}
    .zn_Biat_info .itemChiffre .Picto{display: inline-block; text-align: center}
    .itemAtouts .link_more{display: block !important}
    .zone.zn_Top{display: none}
    .blcRefIndex.owl-carousel .owl-item img{display: inline-block}
    .blcRefIndex.owl-carousel .owl-item{text-align: center}
    .blcMenuFootre{padding: 15px}
    .itemAtouts .link_more a{padding: 15px 25px}
    .itemAtouts .Title, .itemAtouts .desc{padding: 0 10px}
    .itemAtouts .Title{ height: 50px}
    .zn_Cartouche .slogan{height: auto}
    .zn_Cartouche .pdtLinkName a{padding: 10px; width: 100%; margin-top: 15px}
    .zn_Content .views-exposed-form .form-item-field-theme-faq-target-id{width: 200px}
    .zn_Content .views-exposed-form .form-item-field-theme-faq-target-id .form-select{ display: block !important;}
    .zn_Content .views-exposed-form .form-item-field-theme-faq-target-id .customSelectInner{  width: 100% !important;}


}

@media (max-width: 991px) {

    .navbar-toggle{ float: left ; margin-right: 5px; padding-left: 15px}
    .navbar-toggle .icon-bar{background: #1d2b69}
    .navbar-toggle .icon-bar{width: 26px; height: 4px}
    .blcMenuBt{float: right; width: auto}
    .main.navbar{position: relative; left: 0; width: 100%;}
    .blcMenu .we-mega-menu-col.left_mega_menu{padding: 0}
    .widget_megamenu, .blcMenu .we-mega-menu-col.right_mega_menu{ display: none	}
    .navbar-we-mega-menu.navbar .nav-tabs .dropdown-menu{width: 100%}
    .navbar-we-mega-menu.navbar .nav-tabs>li.active>a, .navbar-we-mega-menu.navbar .nav-tabs>li.active>a:focus, .navbar-we-mega-menu.navbar .nav-tabs>li.active>a:hover{line-height: 1; padding: 10px}
    .blcMenu ul.we-mega-menu-ul>li{display: block; float: none;     background-color: #1a1a1a; color: #FFFFFF}
    .blcMenu ul.we-mega-menu-ul>li a{line-height: 2.5;}
    .blcMenu ul.we-mega-menu-ul>li:first-child a {    padding:0 .9375rem 0 .9375rem; text-shadow: none}
    .blcMenu .navbar-we-mega-menu.navbar .we-mega-menu-ul>li>a {   text-shadow: none;  background: #1d2b69; color: #FFFFFF !important;}
    .navbar-we-mega-menu.navbar .we-mega-menu-ul>li>a{}
    .navbar-we-mega-menu.navbar ul{margin-bottom: 20px}
    .main.navbar{position: absolute; left: 0; width: 100%; top: 100% ; right: inherit;  z-index: 9999; bottom: inherit; display: none; min-height: inherit; overflow: visible; transition:none; height: inherit}
    .navbar-we-mega-menu.navbar ul>li ul{margin-bottom: 0; padding-left: 1rem}
    .blcMenu ul.we-mega-menu-ul>li a{background: #FFFFFF}
    .blcMenu .we-mega-menu-ul>.dropdown-menu>.we-mega-menu-submenu{    background-color: rgba(249, 248, 248, 1); display: none}
    .blcMenuBt{ position: absolute; top: 0; right: 0; margin: 0}
    .blcMenuBt a{line-height: inherit;  padding: 17px 25px}
    .blcMenu{margin: 0 -15px}
    .blcMenu .navbar-we-mega-menu.navbar.mobile-main-menu{ display: none}
    .blcMenu ul.we-mega-menu-ul>li:after{display: none}

    .msg{padding: 15px}
    .blcContact a span{display: none}
    .blcContact a{width: auto}
    .search_mb{ color: #838186; font-size: 18px; display: inline-block;}
    .search_mb i{  margin-top: 7px}
    .blcSearch form{position: absolute; right: -5px; top: 0; z-index: 9999; width: auto; display: none}
    .blcSearch .form-actions input{position: absolute; right: 10px;}
    .blcSearch .form-actions input:after{ content: "a"; display: block}
    .blcContact{margin-left: 20px}
    .blcMenu, .blcMenuBt{margin: 10px 0}
    .blcMenu{position: relative; margin: 0 -15px}

    .zn_Biat_info .warrap > div > div{width: 50%}
    .blcVideo .infotxt{padding: 20px}
    .wrpCntBanner .txt3{font-size: 18px}
    .zn_Biat_info .warrap > div > div:nth-child(2n) .slogan{border: none}
    .zn_Menu .navbar-we-mega-menu.navbar.mobile-main-menu{display: none}
    .blcMenuBt a{padding: 12px 25px; line-height: 18px}
    .navbar-we-mega-menu.navbar .dropdown-menu>a:after{display: none}

    /** disable wow**/
    .wow {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .blcMenu .we-mega-menu-col.left_mega_menu ul.nav-tabs li.active a{color: #f2a73a !important;}


}
@media (max-width: 768px) {
    .zn_Cartouche .warrap > div > .item{margin-right: 0; width: 100%}
    .zn_Cartouche .warrap{padding: 10px}
    .itemAtouts{width: 100%; margin-bottom: 15px; padding-top: 0}
    .itemAtouts .img{text-align: center}
    .itemAtouts .img img{ display: inline-block}
    .wrpCntBanner .txt2, .wrpCntBanner .txt1{margin-bottom: 10px;}
    .blcMenuFootre li a{padding: 5px }
    .body .zone.zn_Biat_reference{margin-bottom: 15px}
    .blcAgence{float: none; display: block;  border-left: none; margin: 0 -15px 15px; padding: 10px 15px; background:#eeecec }
     .blcAgence .txt2, .blcAgence .txt3, .blcAgence .mail, .blcAgence .txt3 a{display: inline-block; font-size: 14px; font-weight: 400; vertical-align: top}
    .blcAgence .txt1{display: inline-block;font-size: 14px; font-weight: 400; margin-bottom: 10px}
    .cntBanner{position: relative; top: inherit; transform: none; left: inherit; background: #1d2b69; padding: 20px 0;  }
    .cntBanner:before{ content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -18px; width: 0;  height: 0;  border: 0 solid transparent;  border-right-width: 20px;  border-left-width: 20px;  border-bottom: 20px solid #1d2b69; }
    .body .zone.zn_atouts{margin-bottom: 20px}
    .zn_right, .zn_Content{width: 100%; float: none; margin-top: 20px}
    .zn_right:after{ content: ""; clear: both}
    .zn_right .blcPjt{width: 100%; float: none}
    .zn_right .blcPjt:first-child{ margin-right: 2%}
    .body .zone.zn_Biat_info{margin: 20px auto 0}
    .zn_Info_footer{padding: 0}
    .cssPageAll h2, .elem-doc .title{font-size: 20px}
    .elem-useful-links{    padding: 15px 0 15px 20%;}
    .glossaire-page .form-item-field-alphabet-target-id .bef-links div{margin: 0 2px 2px 0; padding: 5px 10px;}
    .glossaire-page .item-list ul li .title{font-size: 20px}
    .blcMenuBt a{ font-weight: 700}
    .sitemap .sitemap-box ul.sitemap-menu li{width: 50%}
    .msg_erreur_content{padding: 15px}
    .cssPageAll .txtbig2{font-size: 20px}
    .item-ref .img{text-align: center}
    .item-ref .img img{ display: inline-block}
    .zn_Biat_info .owl-item:after{ content:"";display: none}
    .msg img{margin: 0 auto}
    .internePage .zn_Banner .ttrPage{top: 50%; transform: translateY(-50%)}
    .item-equipe .img img{margin: 0 auto}
    .item-equipe h2,.item-equipe .post{ text-align: center}
    .event_proche_blc{border: none}
    .itemAtouts .desc{height: auto}
    .elem-projet{width: 48%}
    .entet_produits, .cssPageAll .etiquette{font-size: 20px}
    .elemPdtDetPg .pdtDet{width: 100%; padding: 10px; margin: 0 0 15px 0}
    .elemPdtDetPg .pdtInf:after, .elemPdtDetPg .pdtCar:after, .elemPdtDetPg .pdtAvt:after{ content:""; background: none}
    .zn_Cartouche .desc{height: auto}
    .zn_Content .views-exposed-form{padding-bottom: 0}
    .body .zone.zn_Info_footer{padding: 15px 0; overflow: hidden; clear: both}
    .msg .ttr{font-size: 20px}
    .zn_Logo_space{background: #FFFFFF}
    .bannerNF .notFound .txt1{font-size: 30px}
    .bannerNF .notFound .txt1 span{font-size: 50px; display: block}
    .bannerNF .notFound{ padding:20px;position: relative; background: #209acb; top: inherit; left: inherit; bottom: inherit; transform: none}
    .zn_Projects .blcPjt{width: 100%; margin-right: 0;}
    .zn_Projects .slogan{font-size: 20px}
    .blcVideo .infotxt, .blcVideo .img{float: none; width: 100%; height: auto; margin-left: 0}
    .zn_Biat_info .slogan{font-size: 18px}
    .zn_Biat_info .slogan{padding: 0 15px}
    .zn_Biat_info .img{margin-bottom: 15px}
    .zn_Cartouche .warrap .cartoucheRed, .zn_Cartouche .warrap .cartoucheJaune, .zn_Cartouche .warrap .cartoucheGreen, .zn_Cartouche .warrap .cartoucheBlue{width: 100% !important; margin-right: 0; margin-bottom: 15px; float: none; margin-left: 0; padding: 15px}
    .ttr1h2 h2{margin-bottom: 25px}
    .zn_Projects{padding: 25px 0}
    .zn_Cartouche .warrap > div > div{width: 100%; float: none; display: block; padding: 0}
    .zn_Cartouche .owl-item{ padding: 15px}
    .logo{width: auto}
    .zn_Cartouche .warrap >div {display: block}
    .zn_Cartouche .warrap > div > div { display: block; width: 100%; flex: inherit}
    #block-medianet-branding{width: 65%}
    .internePage .cnt{margin-top: 25px}
    .zn_Biat_info{padding: 30px 0}
    .internePage .zn_Banner img{display: none;}
    .internePage .zn_Banner .ttrPage h1{padding: 10px 20px; margin-bottom: 15px}
    .internePage .zn_Banner .ttrPage{position: relative; left: inherit; bottom: inherit; top: inherit; transform: none;}
    .elem-projet{ width: 49%;margin-left: 2%; margin-right: 0 }
    .elem-projet:nth-child(2n){ margin-left: 0 }
    .blcContact{display: none}





}
@media (max-width: 640px) {

    .logoFooter{float: none; width: 100%}
    .logoFooter .content{float: none; width: 100%}
    .zn_Copy_footer{width: 100%; padding: 0}
    .cartoucheRed, .cartoucheJaune, .cartoucheGreen, .cartoucheBlue{width: 100% !important; margin-right: 0; margin-bottom: 15px}
    .logoFooter .content{text-align: center}
    .logoFooter img{display: block; margin: 15px auto; float: none}
    .logoFooter p{text-align: center}
    .zn_Copy_footer{text-align: center; padding: 15px 0}
    .zn_Content .views-exposed-form > div{display: block;width: 100%; padding-right: 0}
    .zn_Content .views-exposed-form .js-form-type-textfield, .zn_Content .views-exposed-form span.customSelect{width: 100%; margin-bottom: 10px}
    .zn_Content .views-exposed-form .customSelectInner, .zn_Content .views-exposed-form select{width: 100% !important;}
    .zn_Content .views-exposed-form .form-actions { text-align: right}
    .zn_Content .views-exposed-form{padding-bottom: 15px}
    .zn_Content .views-exposed-form .form-item-field-theme-faq-target-id{width: 100%}
    .navbar-toggle{ float: right; margin-top: 29px ; margin-right: 0; padding-right: 0}
    .main.navbar{top: 0}
    .blcMenuBt{margin: 10px 0; position: relative; top: inherit; right: inherit;}

    .blcAgence .txt2 a, .blcAgence .txt3 a, .blcAgence .mail a{text-indent: -99999px;overflow: hidden; display: inline-block; width: 20px; position: relative; left: 20px}
    .blcAgence .txt2:after{
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 22px;
        content: "\f041";
        color: #1fa3da;

    }.blcAgence .mail:after{
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 22px;
        content: "\f003";
        color: #1fa3da;

    }
    .blcAgence .txt3:after{
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 22px;
        content: "\f095";
        color: #1fa3da;

    }
    .blcAgence{text-align: center;padding: 5px 15px}


}



@media (max-width: 480px) {

    .blcMenuFootre li{ display: block; margin-bottom: 0 }
    .blcMenuBt a{float: none; display: block}
    .internePage .zn_Banner {  color: #000000; background: #F9F8F8  }
    .internePage .zn_Banner img{display: none }
    .internePage .zn_Banner .ttrPage { position: relative; bottom: inherit; left: inherit; top: inherit; transform: none  }
    .internePage .zn_Banner .ttrPage h1{ color: #000000; width: auto;  padding: 15px; line-height: 1; margin-bottom: 0; font-size: 16px }
    .internePage .cnt{margin-top: 10px}
    .infoActus .big{font-size: 22px}
    .infoActus p, .cssPageAll ul li{font-size: 16px}
    .elemListActus .img{width: 100%; height: auto; float: none; margin-bottom: 10px}
    .zn_right .blcPjt{width: 100%; float: none}
    .zn_Content .views-exposed-form > div{margin-right: 0; margin-bottom: 0}
    .zn_Content .views-exposed-form .form-actions{ margin-bottom:10px}
    .elemListActus .info .ttr, .zn_Biat_info .itemChiffre .txt p{font-size: 18px}
    .event_proche_blc .infos{font-size: 26px}
    .form-group label, .form-group .form-control, .contact-form .form-file{width: 100%; float: none; margin-bottom: 10px}
    #block-breadcrumbs{display: none}
    .elem-useful-links .title{font-size: 16px}
    .zn_right .slogan{font-size: 25px}
    .zn_Biat_info .itemChiffre .valeur{font-size: 22px}
    .desc_brand{display: none}
    .HeadEqp .big_txt{font-size: 20px}
    .internePage .zn_Banner .ttrPage h1 span{color: inherit; font-size: inherit; margin: 0}
    .msg .ttr{font-size: 30px}
    .msg a{display: block; margin-bottom: 10px}
    .item-equipe .img{margin-bottom: 20px}
    .body .zone.zn_Biat_info{padding: 10px 0}
    .TitleBlc_ref h2{margin: 20px 0}
    .elem-projet{width: 100%; margin-right: 0}
    .elemPdtDetPg .pdtDet h2{font-size: 20px; font-weight: 700;  }
    .itemAtouts .Title, .zn_Cartouche .slogan{font-size: 20px; font-weight: 700; height: auto; padding-bottom: 10px }
    .cssPageAll .elemPdtDetPg .pdtLink a{display: block; margin-left: 0; margin-right: 0; text-align: center}
    .zn_Content .views-exposed-form .form-actions input{width: 100%}
    .elem-doc {  padding: 10px 0 10px 25%;}
    .blcMenuBt a{font-size: 14px; font-weight: 500; padding: 0 5px}
    .bannerNF .notFound{text-align: center}
    .zn_Content .views-exposed-form > div.form-actions{width: 100%}
    .zn_Projects .slogan{font-size: 14px}
    .zn_Biat_info .slogan{font-size: 15px}
    .wrpCntBanner .txt2{font-size: 18px}
    .wrpCntBanner .txt3{font-size: 15px}
    .blcMenuBt{float: none; width: 100%; overflow: hidden}
    .blcMenuBt a{ float: left; width: 50%; text-align: center; font-size: 12px; line-height: 40px}
    .zn_Info_footer ul:after{content: ""; clear: both; display: block}
    .ttr1h2 h2{font-size: 20px}
    #block-medianet-content img{width: 100%; height: auto}
    #block-medianet-branding{width: 50%}
    .elem-projet{ width: 100%;margin-left: 0; float: none; margin-bottom: 20px }
    .blcMenuBt a{float: none; width: 100%}
    .copy_ft{float: none; text-align: center}
    .videocontainer{position: relative; overflow: hidden; height: 270px}
    .videocontainer iframe{zoom: 1; position: relative; top: inherit; left: inherit; height: 270px;
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }
    .logo span{margin-top:0; margin-left: 10px; font-size: 12px;  text-transform: none; padding-top: 20px}
    #block-medianet-branding{width: 70%}
    .zn_Projects .blcPjt .img img{float: none; width: 100%; z-index: 9999; line-height: 1.2}
    .zn_Projects .slogan {
        float: none;
        width: 100%;
        z-index: 9999;
        line-height: 1.2;
        font-size: 20px;
    }
    .zn_Projects .pdtLinkName {
        top: inherit;
        bottom: 50px;
    }
    .zn_Projects .blcPjt .img {
        float: none;
        width: 100%;
        z-index: 9999;
        line-height: 1.2;
    }








}

@media (max-width: 360px) {


    .desc_brand{width: 80%}
    .desc_brand  span{  font-size: 16px;  }
    .desc_brand .title_site{  font-size: 20px;  font-weight: 700;  }
    .blcMenuBt a{font-size: 14px}
    .contact-form .btn-form, .contact-form a.button, .contact-form .form-actions input{width: 100%; margin-bottom: 10px; margin-left: 0}
    .zn_right .slogan, .infoActus .big{font-size: 16px}
    .glossaire-page .item-list ul li .title{font-size: 16px}
    .glossaire-page .item-list ul li .description{font-size: 14px}
    .internePage .zn_Banner .ttrPage h1{font-size: 16px}
    .item-equipe .content p{font-size: 14px}
    .map_right .link a{display: block; text-align: center}
    .blcMenuBt a{padding: 0 10px}
    .sitemap .sitemap-box ul.sitemap-menu li{width: 100%; margin-right: 0; float: none}
    .zn_Biat_info .warrap > div > div{float: none; display: block; width: 100%; margin-bottom: 20px}
    .zn_Biat_info .slogan{ border: none; font-size: 18px; height: auto}
    .wrpCntBanner .link a{width: 100%; display: block; margin: 0; text-align: center; font-weight: 500}
    .blcRsFooter{float: none; border: none; text-align: center; margin-left: 0}
    .zn_Projects .blcPjt .img img, .zn_Projects .blcPjt .img, .zn_Projects .slogan{float: none; width: 100%; z-index: 9999; line-height: 1.2}
    .zn_Projects .pdtLinkName{top: inherit; bottom: 50px}
    .blcVideo .infotxt h2{font-size: 25px; font-weight: 700}
    .zn_Info_footer .blcRsFooter .quickedit-field ul{display: inline-block}
    .blcPlanifierRdv{float: none; text-align: center; margin: 10px 0}
    .blcVideo .infotxt p, .cssPageAll .txtbig2{font-size: 18px}
    .ouvre-ferme.faq .linkOuvreFerme span{font-size: 15px}
    .infoActus p, .cssPageAll ul li{font-size: 14px}
}