@import "font-awesome/css/font-awesome.min.css";
@media screen and (max-width: 1180px) {

    .warrap, .wrpBanner .cntBanner{width: 100%}
    .wrpBanner .wrpCntBanner .txt{font-size: 25px}
    .wrpBanner .wrpCntBanner .txt strong{font-size: 50px}

}
@media screen and (min-width: 1024px) {

    .blcMainMenu .c-menu-menu-principale__submenu .c-menu-menu-principale__submenu{display: none}
    .blcRsFooter ul{ text-align: right}
    .blcRsFooter li a {
        margin-left: 0;
        margin-right: 30px;
    }
}
@media screen and (max-width: 1024px) {
    body{width: 100%}

    .zn_Top .warrap{width: 100%}
    /* Menu secondaire */
    .blcTopMenu li a { font-size: 12px}
    /*.zn_Menu_Search .warrap {width: 933px; margin-left: 3%;}*/
    /*block-sitebranding*/
    .blcMainMenu > ul > li > a {font-size:14px}
    .zn_Service .warrap{width: 100%}
    #block-sitebranding .logo{ width: 319px;}
    #block-sitebranding .logo img{width: 100%; margin-left: 4%;}
    .blcTopMenu {width: 71%}
    .blcSearch {width: 25%;margin-right: 6%; top:0px;}
    #block-sitebranding {margin-left: 3%}
    .blcLanguage {margin-right:0%}
    .blcServiceTop {    margin-right: 3%;}
    #block-servicestop.blcServiceTop li a { font-size: 9px;}
    #block-servicestop .blcServiceTop li a strong { font-size: 13px;}
    .blcRs {margin-right:0px}
    .zn_Keys_Reports .blcChiffreCles .item-list{padding: 0}
    .zn_Keys_Reports .blcChiffreCles .wrpChiffresCles .desc{font-size: 24px; margin-bottom: 10px}
    .zn_Keys_Reports .owl-controls{display: none}
    .wrpBanner .wrpCntBanner .txt {

        font-size: 32px;

        padding-right: 125px;
    }
    .zn_News .warrap{width: 100%}
    .blcActus {width: 65%;}
    .blcActus .wrpActus .ttr a{font-size: 20px; font-weight: 600;}
    .blcAvisCommuniques{width: 33%;    margin-left: 2%;    float: left;}
    .blcAvisCommuniques h2 { font-size: 19px;}
    .wrpAvis .cntAvis .ttr a {
        font-size: 17px;}
    .zn_Keys_Reports .warrap {width: 100%}
    .zn_Keys_Reports .blcChiffreCles {
        width: 55%;}
    .blcDocuments {
        width: auto;
        height: auto;
        overflow: visible;
        margin-top:25px;
        float: none;
    }
    .blcFaq {
        width: auto;
        margin-top:25px;
        float: none;
    }

    .zn_right .blcDocuments{width: 100%;}
   .zn_Index_Blocs .warrap{width: 100%}
   .zn_mediateque .warrap{width: 100%;padding: 0 3%;}
    .zn_Sondage_Faq .warrap{width: 100%; padding: 0 3%;}

    .Blc_acces{width: 33%}
    .blcSondage {width: 30%;}
    .blcSondage .form-actions {padding: 6px;}
    .zn_newsletter .warrap{width: 100%;padding: 0 3%;}
    .zn_footer .warrap{width: 100%;padding: 0 3%;}
    .blcRsFooter .infoTxt .ttr {
        font-size: 19px;}
    .blcRsFooter .infoTxt {

        width: 65%}
    .blcRsFooter ul {

        width: 35%;}

    .cnt .warrap{width: 100%;padding: 0 3%;}
.viewsActus li .ttr {
    font-size: 17px;}
    .viewsActus .cntActus {
        height: 145px;}
    .blcBannerPubFooter .wrpbannerFooter .cntbannerFooter .info .ttr{font-size: 45px}
    .zn_Bannerinterne .warrap{width: 100%;}


    /* menu principale */


    .closeMenu:before {
        content: "\f00d";
        font: normal normal normal 18px/1 FontAwesome;
    }

    .blcMainMenu .visually-hidden {
        clip: auto;
        overflow: hidden;
        height: 40px;
        width: 40px;
        color: #fff;
        cursor: pointer;
    }

    .blcMainMenu ul {
        display: none; padding:0;
    }

    .blcMainMenu > ul > li > ul {
        display:none;z-index: 100;}
    .blcMainMenu > ul > li > ul li i.fa-plus{
        display: none;
    }
    .blcMainMenu ul li i.fa-plus + ul{
        display: none;
        position: static;
        left:inherit;
        top: inherit;
        border:none;
        padding: 0;
        background: none;
    }
    .blcMainMenu ul li i.fa-minus + ul{
        display: block;

    }

    .blcMainMenu > ul > li > ul > li { float: none;    padding: 0 0px 7px; }
    .blcMainMenu > ul > li > ul > li a {  background:none; padding: 0 25px; font-size:14px;}
    .blcMainMenu > ul > li > a {font-size:14px;line-height: 35px;}
    .blcMainMenu > ul > li:first-child a:before{display:none;    width: auto;}
    .blcMainMenu > ul > li:first-child a{width: auto; height:auto; line-height: 35px;}


    .blcMainMenu {
        float: left;
        position: absolute;
        background: #fff;
        width: 50%;    z-index: 99999}
    .blcMainMenu > ul > li {float: none;}
    .blcMainMenu > ul > li{
        position: relative;}
    .blcMainMenu > ul > li:before{
        font: normal normal normal 11px/1 FontAwesome;
        color: #000;
        display: block;
        position: relative;
        float: right;
        right: 30px;
        top: 24px}
    .blcMainMenu > ul > li>a + i{
        position: absolute;
        right: 10px;
        top:15px;
    }
    .pushBody{
        margin-left:240px;

    }
    .blcMainMenu > ul > li > ul > li {
        width: 100%;}

    .visually-hidden:before {
        content: "\f0c9";
        font: normal normal normal 32px/1 FontAwesome;
        color: #CCC;
        display: block;
        position: absolute;
        left: 10px;
        top: 10px;
        height: 40px;
        width: 40px;
    }
    /** fin menu principale **/


    .blcSearch {
        width: auto;
        margin-right: 0; top: inherit}
    .wrpBanner .wrpCntBanner{bottom: 20px}
    .Blc_acces .acces-content .item{padding: 20px 30px}
    .blcNewsletter .form-submit{font-size: 14px}
    .viewsAlbumMediatheque li .ttr{height: 140px}
    .blcRsFooter .infoTxt .link {
        margin-left: 25%;
        margin-top: 2%;
    }
    .list-e-service li{width: 100%; float: none}
    .list-e-service li .wrpEserv .img img{width: auto}
    .zn_mediateque .warrap {
        padding-top: 55px !important;
    }
    #block-blocgrapheindex .listMedia .item-list h3{
        top: -12px;
    }

    .listStructure li a{
        padding-top: 36px;
        font-size: 16px;
    }
    .listStructure li .elemAbreviation{
        top:10px;
    }



}
@media screen and (max-width: 991px) {
    .listStructure li a{
        font-size: 15px;

    }
    .listStructure li{
        width: 48%;
    }
}

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


    
	
	.blcTopMenu {float: none; width:auto;display:inline-block;}
	.blcLanguage {margin-right: 0; float:none;display:inline-block;}
	.blcRs {float: none; display:inline-block;}
	.blcRs li a {padding: 8px 5px;}
	.blcServiceTop { float: none;  margin-top: 0;}
	#block-sitebranding{width:100%; margin:10px 0;}

    .buttonmove{
        position:absolute;
        margin-left:93%;
        z-index:99999999999;
    }

    .zn_Top .warrap {
        width: 100%
    }

    /* Menu secondaire */
    .blcLanguage {
        margin-right: 0%;
    }

    .zn_Service .warrap {
        width: 100%
    }

    .blcServiceTop {
        margin-right: 1%;
    }

    #block-sitebranding {
        margin-left: 0%;
    }

    #block-sitebranding .logo {
        width: 290px;
    }


	.zn_Keys_Reports .blcChiffreCles {
    width: 100%;
}
.blcDocuments {
    width: 100%;
    height: auto;
    overflow: visible;
	margin-top:25px;
}
.blcEservices ul li {
    width: 100%;
    float: none;
}
.blcEservices .owl-carousel .owl-item img{
    width: auto;
    float: none;
}
.zn_Keys_Reports .warrap .bgwarrap {
    padding: 10px;
}
.zn_Keys_Reports .blcChiffreCles .wrpChiffresCles .chiffre {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
.zn_Keys_Reports .blcChiffreCles .wrpChiffresCles .desc {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 1.3;
}
.zn_Keys_Reports .blcChiffreCles .wrpChiffresCles .chiffre span {
    margin-left: -5px;
}	



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


    .wrpBanner .cntBanner {
        width: 100%;
    }

    .wrpBanner .wrpCntBanner {
        bottom: 20px
    }

    .wrpBanner .wrpCntBanner .txt strong {
        font-size: 50px
    }

    .wrpBanner .wrpCntBanner .txt {
        font-size: 25px;
        padding-right: 60px
    }

    .blcActus {
        width: 97%;
    }

    .blcAvisCommuniques {
        width: 100%;
        margin-top: 4%;
        margin-left: 0px;
    }

    .zn_Keys_Reports .blcChiffreCles {
        font-size: 50px
    }

    /*div.wrpStructure .img a img {
        width: 100%;
    }*/


    .blcSondage, .Blc_acces {
        width: 100%;
        margin-top: 4%;
    }



    .blcCopyright .txt {
        font-size: 13px;
    }

    .blcCopyright .copyRight {
        font-size: 13px;
    }

    .blcBannerPubFooter .wrpbannerFooter .cntbannerFooter .info .ttr {
        font-size: 30px
    }

    .zn_Bannerinterne .warrap {
        width: 100%;
    }

    .zn_right {
        width: 38%;
    }

    .cssPage p {
        font-size: 14px;
    }

    .cssPage ul li {
        font-size: 14px;
    }

    .blcRightActus h2 {
        font-size: 18px;
    }

    .cntActusR .ttr {
        font-size: 12px;
    }

    .cntActusR .date {
        font-size: 12px;
    }
    .wrpBanner .wrpCntBanner{bottom: inherit; width: 100%; position: relative; padding: 20px 0}
    .wrpBanner .cntBanner{height: auto}

    .zn_Banner{margin-bottom: 15px}
    .blcNewsletter{margin: 20px 0}
    .viewsActus li{width: 47%}
    .zn_Bannerinterne .blcPageTitle h1{font-size: 20px}
    .pager li a{padding: 2px 10px; font-size: 15px}

    /** switch two bloc**/

    .switch_ord {
        display: -webkit-box;
        display: -moz-box;
        display: box;

        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .switch_ord .zn_left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        width: 100%;
        float: none;
    }
    .switch_ord .zn_Cnt {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    /** fin switch two bloc**/

    .viewsLien{width: 100%}
    .viewsLien li .cntLien{width: 63%; margin-right: 2%}
    .viewsLien li .linkLien {width: 35%; float: right}
    .viewsLien li .linkLien a{padding: 10px}
    .viewsLien li{padding: 15px}
    .sitemap .content > .sitemap-menu > li{width:48%;margin-right: 2%;}
     .listSondage li, .viewsAlbumMediatheque li{width:49%;margin:0 2% 1% 0;}
     .listSondage li:nth-child(2n), .viewsAlbumMediatheque li:nth-child(2n){margin:0 0 1% 0;}
     .listSondage li:nth-child(3n), .viewsAlbumMediatheque li:nth-child(3n){ clear: both; overflow: hidden}
     .listSondage li:nth-child(4n){clear: inherit}
    .pager{padding: 15px}
    .blcRsFooter{padding: 0}
    .blcBannerPubFooter .wrpbannerFooter .cntbannerFooter .info .ttr{font-size: 25px}
    .blcBannerPubFooter .wrpbannerFooter .cntbannerFooter .info .link{font-size: 20px}
    .pager li{line-height: 35px}
    .zn_right {
        display:none;
    }

    
    .zn_Service{
        position: relative;
    }
    #block-sitebranding{
        position: absolute;
        left: 0;
        top: -121px;
    }
    #baladya fieldset select{
       display: block;
        width: 100%;
    }
    fieldset #blocDepartements, fieldset #blocMunicipalite {
        display:block;
    }

}

@media screen and (max-width: 640px) {
	
	.zn_CntSearch .form-item{ width:auto; float:none; display:block; margin-bottom:15px}
	.zn_CntSearch .form-item label{ width:auto; float:none}
	.zn_CntSearch .form-item input{ width:100%}
	.zn_CntSearch .form-submit{ width:auto; padding-left:20px;padding-right:20px; float:none}
	 .blcServiceTop{width: auto; margin: 0; position: absolute; bottom: 30px; right: 10px}
	.blcServiceTop li a strong{display: none;}
        #block-servicestop.blcServiceTop li a{ font-size: 0px;}
        .link2 a{height: 35px;}
        .link3 a{height: 35px;}
	#block-medianet-branding img{
			max-width: 290px; 
		}

    .viewsLien li .cntLien{width: 100%; margin: 0}
    .three-col-filter .blcExposedForm form .form-item{width: 100%}
    .listMedia .item-list h3{
        padding: 20px;
    }
    .listMedia .item-list:nth-child(2) h3{
        left: 99px;
    }
    #block-blocgrapheindex .listMedia .item-list h3{
        left:218px;
    }

    .listStructure li a{

        font-size: 14px;
    }
    .tabTop a{
        float: none;
        margin-bottom: 10px;
        border: 1px solid #dbdbdb;
    }
    .tabTop a.active{
        top: 0;
        padding-top: 15px;

    }
}

    @media screen and (max-width: 500px) {
		
		.blcExposedForm #views-exposed-form-avis-et-communiques-page-1 .form-item{ width:auto; float:none}
		#block-medianet-branding{
			width: 60px;
			overflow: hidden;
			padding:10px;

		}
		
		
		
		.blcBannerPubFooter .wrpbannerFooter .cntbannerFooter .info .ttr {
    font-size: 16px;
}
        .blcLanguage li:first-child a{ border: 0}
        .blcRs .fb a:after{padding-top: 0; line-height: 1.4}
.viewsLien li {
    margin-bottom: 20px;
    border: 2px solid #f1f1f1;
    padding: 10px;
}
.viewsLien {
    width: 100%;
    margin: auto;
}
.viewsLien li .cntLien {
    width: 100%;
    float: none;
}
.viewsLien li .linkLien {
    width: 100%;
    text-align:center;
}
.viewsLien li .linkLien a {
    float: none;display:inline-block;
}
.ouvre-ferme .cntOuvreFerme {
    padding: 25px 5px;
}
.viewsAlbumMediatheque li {
    float: none;
    width: 100%;
    margin:0%;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid #e5e5e5;
    border-bottom: 3px solid #3b84af;
}
.pageLexique .item-list {
    padding: 0 20px;
}
.viewsMediatheque li {
    float: left;
    width: 100%;
    margin:0%;
    margin-bottom: 25px;
    position: relative;
}
.blcBannerPubFooter .wrpbannerFooter .cntbannerFooter .info {
    width: 44%;
    position: absolute;
    right: 10%;
    top: 10px;
}
.blcBannerPubFooter .wrpbannerFooter .cntbannerFooter .info .link {
    font-size: 14px;
    color: #ff2759;
    font-weight: 400;
}
        .blcMainMenu {width: 50%}
        .buttonmove{ margin-left:87%;}
    .blcLanguage li a{font-size: 12px;}
    .blcTopMenu li a {font-size: 12px;}
     #block-sitebranding{width: 50%; }
     #block-sitebranding .logo{width: 205px;}
    
        .blcSearch form .form-actions input{top: 0; height: 55px}
	 .zn_Sondage_Faq{display:none;}
        
        .zn_Menu_Search .warrap {
            width: 100%; margin-left: 0;}

        .wrpBanner .wrpCntBanner {
            bottom: 6px;}
        .wrpBanner .wrpCntBanner .txt {
            font-size: 15px;
            margin-bottom: 10px;}
        .wrpBanner .wrpCntBanner .txt strong {
            font-size: 17px; margin-bottom: 15px}
        .wrpBanner .wrpCntBanner .link a{font-size: 10px}
        .zn_Keys_Reports .blcChiffreCles{ width: 100%;}
        .blcDocuments {
            width: 100%;}
        .blcDocuments .wrpDoc .theme{ font-size: 14px;}
        .blcDocuments .wrpDoc .desc{font-size: 12px}
        
        .blcBannerPubFooter{display: none;}
        .blcFaq header .item-list li.active .faqQuestion .question{font-size: 13px}
        .blcFaq header .item-list li .faqQuestion .question{font-size: 13px}
        .blcSondage{display: none;}
        #edit-actions--2{position: relative}
        .blcNewsletter .form-submit{
            width: 32%;
            position: absolute;
            bottom: 0;
            top: inherit;
            right: 0;
        }
        .blcNewsletter .form-item-email .form-email{width: 99%}
        .blcNewsletter #edit-email--description{width: 100%;padding-bottom: 20px;}
        .blcRsFooter ul{width: 100%}
        .blcRsFooter .infoTxt {
            width: 100%;
            border-left: none;}
        .blcRsFooter .infoTxt {
            width: 100%;
            border-left: none;
            margin-top: 20px;
            border-top: 1px solid #cacaca;
            padding-top: 5px;}
        .blcRsFooter .infoTxt .ttr{margin-left: 23%; text-align: center;}
        .blcRsFooter .infoTxt .info{margin-left: 9%; text-align: center;}
        .blcCopyright .copyRight{float: none; text-align: center;}
        .blcCopyright .txt{float: none; text-align: center;}
        .zn_left{width: 100%}
        .zn_Cnt{width: 100%}
        .viewsActus li{width: 47%}
        .viewsActus li .ttr{font-size: 15px;}
        .viewsActus li .date{font-size: 14px}
        .zn_Service{padding: 10px 0; position: relative}
        .blcServiceTop li{margin-left: 10px}

        .blcSearch form #edit-actions--2{position: absolute; right: 0; top: 0; float: none}
        .blcSearch form{width: 100%}
        .blcSearch {  width: 75%;  margin-right: 0;}

        .blcSearch form .form-item input{padding-right: 60px}
        .blcEservices h2{font-size: 20px}
        .blcExposedForm form .form-item{width: 100%; float: none; margin-bottom: 15px; margin-right: 0}
        .viewsActus li{width: 100%; margin-bottom: 15px; float: none}
        .viewsActus .cntActus{height: auto; padding: 15px 0}
        .sitemap .content > .sitemap-menu > li, .listSondage li{width:100%; float: none}
        .elemLexique .desc, .listAdresse li .desc{font-size: 14px}
        .listAdresse li{padding: 15px}
        .blcSearch form .form-actions{position: absolute; right: 0; float: none}
        .blcRsFooter .infoTxt{padding-left: 0}
        .top_menu_mobile{display: block; padding-top:0 }
        .blcFooterMenu{  border-bottom:0; padding-bottom: 0}
        .blcFooterMenu li a, .top_menu_mobile li a{font-size: 14px; padding: 0 10px; }
        .blcFooterMenu, .top_menu_mobile{width: 100%}
        .blcFooterMenu li,.top_menu_mobile li{ display:block; text-align: center;border-bottom:1px solid #cacaca;}
        .top_menu_mobile{border: 0}
        .blcTopMenu{display: none}
        body{
            padding-top: 0;
        }
        .zn_Service{
            position: relative;
            padding: 0;
        }
        #block-sitebranding{
            position: absolute;
            left: 0;
            top: -111px;
        }

        .top_menu_mobile li:last-child{
            display: none;
        }
        .listStructure li {
            width:100%;
            margin: 0;
            float: none;
            margin-bottom: 15px;
        }
        .listStructure li a{
            height: auto;
            padding-bottom: 10px;
        }
    }

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

    .blcTopMenu{width: 100%;}
    .blcTopMenu li a{ font-size: 9px; padding: 0 7px;}
    .blcLanguage{ float: left; margin-left: 3%}
    .blcRs{float: left;}
    .zn_Menu_Search .warrap{width: 300px}
    .zn_Menu_Search{    border-bottom: 1px solid #e9eaea;}

    .z-tabs.mobile > ul.z-tabs-nav, .z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile{display: none}
    .zn_Keys_Reports .blcChiffreCles .wrpChiffresCles .chiffre span{font-size: 30px;}
    .zn_Keys_Reports .blcChiffreCles .wrpChiffresCles .chiffre{font-size: 45px}
    .zn_Keys_Reports .blcChiffreCles .wrpChiffresCles .desc{font-size: 20px}
    .zn_Keys_Reports .blcChiffreCles .wrpChiffresCles{padding: 0 12px}
    .blcDocuments{display:none}
    .blcEservices h2{font-size: 18px}
    .blcEservices ul li{width: 50%}
    .blcEservices ul li:nth-child(1n){background: none;}
    .blcEservices ul li:nth-child(2n+0){background: none;}
    .blcEservices ul li .wrpEserv-4{background: none;}
    .blcEservices ul li .wrpEserv-6{background: none;}
    .blcEservices ul li .wrpEserv-1{background: none;}
    .blcEservices ul li .wrpEserv-3{background: none;}
    .blcFaq{display: none}
    .viewsActus li .ttr{font-size: 12px}
    #block-sitebranding {
        width: 46%;}
    .blcMainMenu {width: 65%}
    .zn_Cnt{margin-bottom: 20px}
}