@import "font-awesome/css/font-awesome.min.css";
/*ecran medium*/

@media (max-width: 1024px) {
.blcMainMenu > ul > li.PdtMenu .subMenuLev1 > ul,
.wrpCntBanner,
.zn_Banner .owl-controls .owl-nav,
.blcBannerCartouche,
.warrap{width:100%; margin:auto;}

	}
@media (max-width: 780px) {
	
.blcFlexRight .flx_blc_7 {background-size:cover;}
.zn_right {width: 100%;float: none;margin-left: 0%; margin-right:0;}
.blcSearch {float: left;margin-top: 13px; margin-left:60px; margin-right:0;position: relative;}
.blcTopMenu {margin-top: 10px;}
.blcDrpRepublique{display:none;}
.blcLogo{position: absolute;right: 10px;    left: 10px;  width:150px;}
.blcLogo img{width:100%; height:auto;}
.zn_Top{z-index:10;}
.blcMainMenu{}
.blcMainMenu h2{ background:url(../image/png/menu.png) 5px center no-repeat; width:0; padding-right: 30px; padding-left: 0;  height:30px; overflow:hidden; display:block;left: 10px; right:inherit;}
.blcMainMenu > ul{display:none; background:#fff; border-bottom:3px solid #CCC; width:100%; position:absolute; right:0; top:0; z-index:10; padding:25px 20px 20px; }
.blcMainMenu {float: left;margin: 0;}
.blcMainMenu > ul > li { float: none; display:block; position: relative;}
.blcMainMenu > ul > li > a {display: block;font-size: 14px;font-weight: 700;color: #333; padding-right:30px;text-transform: uppercase;padding: 0;border-bottom: 3px solid #FFF;height: 20px;line-height: 20px; padding:10px 0;}
.blcMainMenu > ul > li.PdtMenu {    position: relative;}
.blcMainMenu > ul > li { float:none; display:block; position: relative;}
.blcMainMenu > ul > li > .home {overflow: hidden;position: relative;padding-left: inherit;padding-right: inherit;height: inherit;width: inherit;}
.blcMainMenu > ul > li > .home:before {display:none;}
.blcMainMenu > .closMenuBt{background:url(../image/png/close.png) center center no-repeat; width:25px; height:25px; position:absolute; left:10px; right:inherit; top: 10px; z-index: 22;display:none;}
.blcMainMenu .child .pictos{background:url(../image/png/plus.png) ; width:15px; height:15px; position: absolute; left:10px; right: inherit; top: 15px;}
.blcMainMenu li.activeMenu .pictos{background:url(../image/png/mins.png);}
.blcMainMenu > ul .subMenuLev1 {width: auto;position: relative;left: inherit;top: inherit;background: #f3f3f3;display: none;}
.blcMainMenu > ul .subMenuLev1 ul li a {display: block;padding: 10px 20px;border-left: none;font-weight: 300;font-size: 18px;color: #000;}
.blcMainMenu > ul > li.PdtMenu .subMenuLev1 > ul > li > a {padding-left: inherit;height: inherit;font-weight: inherit;font-size: inherit;background:none !important;padding: 10px 20px;border-left: none;font-weight: 300;font-size: 18px;color: #000;
}
.blcMainMenu > ul > li.PdtMenu .subMenuLev1 > ul > li li a {
    padding: 15px 20px 15px 0;
    color: #999999;
}
.body .sticky {
    background: inherit;
    position: inherit;
    margin: inherit;
    width: inherit;
    top: inherit;
    max-width: inherit;
    left: inherit;
    transition: inherit;
}
.blcMainMenu > ul > li.PdtMenu .subMenuLev1 > ul > li {
    display: block;
    width: 100%;
    -webkit-column-break-after: always;
    break-inside: avoid-column;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-top: 0;
}
.zn_Menu .bgMenu{display:none;}
.blcMainMenu li .subMenuLev1 .pictos{display:none;}
.blcMainMenu > ul > li.PdtMenu .subMenuLev1 > ul {-moz-column-count:inherit;-moz-column-gap: inherit; -webkit-column-count: inherit;-webkit-column-gap: inherit;column-count: inherit;column-gap: inherit;width: 100%; margin: auto; height: auto;}
.blcRevendeur{display:none}
.blcBannerCartouche > div{position:static;}
.zn_Menu {padding-top: 0;position: relative;height: inherit;z-index: 22;}
.zn_Menu .warrap {height: inherit;}
.blcBannerCartouche {height: auto;}
.wrpBannerCartouche {    padding: 0 15px;}
.wrpBannerCartouche .img { height: 55px; margin-bottom:15px;}
.wrpBannerCartouche .img img{ height: 55px; width:auto}
.blcQualification,
.blcCertif,
.blcAlaUne {width: 100%;margin-right: 0;float: none;position: relative;}
.blcFlex { float: none; width: 100%;}
.zn_Partenaire,
.zn_Cartouch_Alaune{ padding:0 25px;}
.zn_footer,.zn_footer_Top{padding:50px 25px 0}
.zn_footer_Top {padding: 50px 25px 25px;;}
.blcQualification h2,
.blcClients h2,
.blcClients h2 {font-size: 25px;}
.blcFooterMenuPrincipal li {display: block;float: right;margin-left: 1%; margin-top:0;width: 32%;}
#block-socialmedia { margin-top:0; text-align:center; display: block;    float: none;}
.blcFooterMenuPrincipal {  margin-bottom: 20px;}
.cntBanner{}
#views-exposed-form-lexique-page-1 #edit-actions{display:none;}
.views-exposed-form .form-actions {float: none;margin-left: 0; margin-top:10px;}
.views-exposed-form .form-item { float: none;}
.blcMainMenu > ul .subMenuLev1 ul li a.is-active, .blcMainMenu > ul .subMenuLev1 ul li a:hover { border-left: none; color: #3cb35c;}
.zn_Content{padding:0 25px;}
.page-node-type-produit .zn_Content{ padding:0;}
.warrapPdt {width: 100%;margin: inherit;padding:0 25px;}
.pdtDesc .ttr {float: none;width: 100%;margin-bottom: 20px;padding-top: 15px;}
.pdtDesc .info {float: none;width: 100%;}
.pdtDesc .ttr .ttrPdt { overflow:hidden;float: none;font-size: 25px;font-weight: 700;color: #FFF;width: auto;}
.pdtDesc .ttr .logoPdt {float: left;padding-right: 2%; width:70px;}
.price {width: 160px;height: auto;border: none;border-radius: 100%;text-align: center; float:left;}
.price span:first-child {padding-top: 0;font-weight: 600; font-size: 18px;}
.price .prix{font-size: 25px;line-height: 23px;}
.price .unite { font-size: 18px; line-height: 22px;}
.pdtDesc .desc { margin-top: 10px;}
.pdtDesc .cmd {margin-top: 15px; float:left;}
.cmd a {font-size: 20px;border: 2px solid #fff;padding: 10px 20px;border-radius: 3px;margin-top: 0px;float: right;}
#menuPage.fixed { top: 0;  z-index: 2;}
.OthersPdts{padding:35px 25px;}
.OthersPdts .wrpBlcCnt {width: 100%; margin: 0 auto;}
.cssPage h2, .OthersPdts h2 {    font-size: 25px;}
.cssPage table th, table.table-fill th {    font-size: 15px;    padding: 10px;}
.cssPage table td, table.table-fill td {    padding: 10px 10px;    font-size: 15px;    color: #333;    vertical-align: middle;}

.page-node-123 #block-medianet-page-title, .page-node-82 #block-medianet-page-title, .page-node-128 #block-medianet-page-title, .page-node-129 #block-medianet-page-title {
position: static; top: inherit;}

.page-node-123 #block-medianet-page-title h1, 
.page-node-82 #block-medianet-page-title h1, 
.page-node-128 #block-medianet-page-title h1, 
.page-node-129 #block-medianet-page-title h1{
font-size: 34px;color: #333;font-weight: 700;margin-bottom: 50px;padding-bottom: 0;text-shadow: none;
}
.cssPageAll .warrapPdt{    padding: 0;}
.page-node-type-webform article form .form-item:nth-child(odd) { width: 100%; margin-right: 0;}
.page-node-type-webform article form .form-item {
    width: 100%;
    float: none;
    margin-bottom: 12px;
}
.page-node-type-webform article form .captcha {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}

.page-node-type-webform form{ margin-bottom:30px;}
.sitemap .content > .sitemap-menu > li {    width: 98%;    margin: 0 2% 1% 0;}
.search-page-form #edit-submit { float: none; width: auto; margin-top:20px;}
.search-page-form label {
    float: none;
    width: 100%;}
.search-page-form .form-item {
    float: none;
    width: 100%;
}
.search-page-form #edit-keys, .search-advanced .search-page-form input.form-text {
    float: none;
    width: 100%;}

.cntBanner {
    top: 25px;
}
.wrpCntBanner .txt1,.wrpCntBanner .txt2 {font-size: 40px;}
.wrpCntBanner .link a {    padding: 11px 30px}
.zn_Banner .owl-controls .owl-nav{display:none;}






}

@media (max-width: 450px) {
.blcMainMenu > .closMenuBt{top: -17px; }
.blcLogo{position: absolute;    left: 10px; top: -80px; width:150px;}
.blcMainMenu > ul{top:-30px;}
.blcMainMenu h2{ top: -76px;}
.elemListActus .img {width: 100%;float: none;margin: 0 0 15px 0;}
.blcBannerCartouche li:first-child {background: none;}
.blcBannerCartouche li {float: none;width: 100%; margin-bottom:20px;}
.wrpBannerCartouche .ttr{font-size: 20px;}
.blcFlex .item-list {display: block; flex-wrap:inherit;}
.blcFlex .item-list .wrpFlex {width: 100%;position: relative;padding: 30px 30px 70px 30px;}
.blcFlex .item-list .wrpFlex:nth-child(1),
.blcFlex .item-list .wrpFlex:nth-child(2),
.blcFlex .item-list .wrpFlex:nth-child(3),
.blcFlex .item-list .wrpFlex:nth-child(4) {border:none;}
.blcFlex .item-list .wrpFlex:nth-child(4) {padding:25px 0 0;}
.voirPlus {top:inherit; bottom:-40px}
.blcCertif li {float: right; width:25%;}
.blcCertif li a img {
    display:block;
    height: 35px;
    width: auto;
}
.blcFooterMenuPrincipal > ul > li > a{ padding-top:15px;}
.blcFooterMenuPrincipal li {
    display: block;
    float: none;
    margin-right: 0%;
    width: 100%;
}
.blcHomeBanner{display:none;}
.blcAlaUne{ padding-bottom:50px;}
.voirPlusAct {right: 0; top:inherit; bottom: 25px;}
}
@media (max-width: 350px) {}