.mgmenu {width: 100%;}
.mgmenu > li {background: #fff none repeat scroll 0 0;cursor: pointer;display: table-cell; padding: 9px 36px;vertical-align: middle; margin-right:2px;display:inline-block;float:left; border-top: 1px solid transparent;	}
.mgmenu > li .lbCategory{font-size:13px}
.mgmenu > li:hover, .mgmenu > li:active, .mgmenu > li:focus {background: #96bf0d none repeat scroll 0 0;color: #fff;border-top: 5px solid #8bba00;	}
.mgmenu > li#cat-2,.mgmenu > li#cat-4,.mgmenu > li#cat-6{padding: 19px 25px;}
.mgmenu > li#cat-2:hover, .mgmenu > li#cat-2:active, .mgmenu > li#cat-2:focus {color: #000000}

.mgmenu #cat-1{border-top: 5px solid #96bf0d;}
.mgmenu #cat-1:hover, .mgmenu #cat-1:active, .mgmenu #cat-1:focus{background-color:#96bf0d;}
#cat-1 .dropdown_fullwidth{border-color:#96bf0d;background: #fff url("/ImagesPortal/FR/Localisation/images/bg_green.png") no-repeat right bottom / auto 350px}
.mgmenu #cat-2{border-top: 5px solid #ffed00;}
.mgmenu #cat-2:hover, .mgmenu #cat-2:active, .mgmenu #cat-2:focus{background-color:#ffed00}
#cat-2 .dropdown_fullwidth{border-color:#ffed00;background: #fff url("/ImagesPortal/FR/Localisation/images/bg_yellow.png") no-repeat right bottom / auto 185px}
.mgmenu #cat-3{border-top: 5px solid #848484;}
.mgmenu #cat-3:hover, .mgmenu #cat-3:active, .mgmenu #cat-3:focus{background-color:#848484}
#cat-3 .dropdown_fullwidth{border-color:#848484;background: #fff url("/ImagesPortal/FR/Localisation/images/bg_grey.png") no-repeat right bottom / auto 240px}
.mgmenu #cat-4{border-top: 5px solid #e3192d;}
.mgmenu #cat-4:hover, .mgmenu #cat-4:active, .mgmenu #cat-4:focus{background-color:#e3192d}
#cat-4 .dropdown_fullwidth{border-color:#e3192d;background: #fff url("/ImagesPortal/FR/Localisation/images/bg_red.png") no-repeat right bottom / auto 300px}
.mgmenu #cat-5{border-top: 5px solid #f39200;}
.mgmenu #cat-5:hover, .mgmenu #cat-5:active, .mgmenu #cat-5:focus{background-color:#f39200}
#cat-5 .dropdown_fullwidth{border-color:#f39200;background: #fff url("/ImagesPortal/FR/Localisation/images/bg_orange.png") no-repeat right bottom / auto 250px}
.mgmenu #cat-6{border-top: 5px solid #a11780;}
.mgmenu #cat-6:hover, .mgmenu #cat-6:active, .mgmenu #cat-6:focus{background-color:#a11780}
#cat-6 .dropdown_fullwidth{border-color:#a11780;background: #fff url("/ImagesPortal/FR/Localisation/images/bg_purple.png") no-repeat right bottom / auto 240px}
.dropdown_fullwidth .main-span-title a{font-weight:bold  ;font-size:14px;display:block}
.dropdown_fullwidth .mainul{border-top:1px dashed red }
#cat-1 .dropdown_fullwidth .mainul{border-color:#96BF0D}
#cat-2 .dropdown_fullwidth .mainul{border-color:#FFED00}
#cat-3 .dropdown_fullwidth .mainul{border-color:#848484}
#cat-4 .dropdown_fullwidth .mainul{border-color:#E3192D}
#cat-5 .dropdown_fullwidth .mainul{border-color:#F39200}
#cat-6 .dropdown_fullwidth .mainul{border-color:#A11780}
.dropdown_fullwidth li,.main-span-title a{padding:2px 5px;border-radius:2px}
#cat-1 li:hover,#cat-1 .main-span-title a:hover{background-color:#96BF0D;color:#fff;}
#cat-2 li:hover,#cat-2 .main-span-title a:hover{background-color:#FFED00;color:#000;}
#cat-3 li:hover,#cat-3 .main-span-title a:hover{background-color:#848484;color:#fff;}
#cat-4 li:hover,#cat-4 .main-span-title a:hover,#cat-7 li:hover,#cat-7 .main-span-title a:hover{background-color:#E3192D;color:#fff;}
#cat-5 li:hover,#cat-5 .main-span-title a:hover{background-color:#F39200;color:#fff;}
#cat-6 li:hover,#cat-6 .main-span-title a:hover{background-color:#A11780;color:#fff;}

.mgmenu > li, .mgmenu > li > div, .mgmenu > li > a, .mgmenu > li > span, .mainul a { color: inherit;  font-size: 14px; font-weight: normal; text-align: center;  transition: all 0.1s ease-in 0s;  }
.mgmenu > li#cat-1 > a, .mgmenu > li#cat-10 > a { color: #fff; }
.mgmenu li .dropdown_container, .mgmenu li .dropdown_fullwidth, .mgmenu li .mgmenu_multilevel { position: absolute  !important; top: 62px  !important; z-index: 2147483647  !important;width: 100%;} 
.mgmenu > li:hover .dropdown_container, .mgmenu > li:active .dropdown_container, .mgmenu > li:focus .dropdown_container {opacity: 1;transform: translateY(0px);visibility: visible;}
.mgmenu_button { display: none  !important; } 
.mgmenu li .dropdown_fullwidth {display: block;width: 100%;min-height: 400px;transform: translateY(15px);visibility: hidden;opacity: 0;    transition: all 0.1s ease-in 0.2s !important;display: block !important;}
.dropdown_fullwidth{border:5px solid #eee;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;margin:0 auto;width:1024px;overflow:hidden;padding:  30px; min-height: 300px;background-color:#fff}
#cat-1:hover .dropdown_container, #cat-1:focus .dropdown_container, #cat-1:active .dropdown_container, 
#cat-2:hover .dropdown_container, #cat-2:focus .dropdown_container, #cat-2:active .dropdown_container,
#cat-3:hover .dropdown_container, #cat-3:focus .dropdown_container, #cat-3:active .dropdown_container, 
#cat-4:hover .dropdown_container, #cat-4:focus .dropdown_container, #cat-4:active .dropdown_container, 
#cat-5:hover .dropdown_container, #cat-5:focus .dropdown_container, #cat-5:active .dropdown_container, 
#cat-6:hover .dropdown_container, #cat-6:focus .dropdown_container, #cat-6:active .dropdown_container, 
#cat-7:hover .dropdown_container, #cat-7:focus .dropdown_container, #cat-7:active .dropdown_container, 
#cat-8:hover .dropdown_container, #cat-8:focus .dropdown_container, #cat-8:active .dropdown_container {  opacity: 1;transform: translateY(0px);visibility: visible;}
#CatMenuBlock i{display: none;}
.dropdown_fullwidth.mainul .mainul{display:none !important}
.mgmenu > ul.mainul{ float:left;}
.dropdown_fullwidth> .blockCat{width:25%;float:left;}
.dropdown_fullwidth> #subcat-1-5{clear:left}
.dropdown_fullwidth> #subcat-4-5{clear:left}
.dropdown_fullwidth> .blockCat .mainul{width:100%}
.dropdown_fullwidth{padding:0.5%;}
.wrap{width:15.5%;float:left;margin:2%}
.wrap div,.wrap ul,.wrap li{width:100%}
#mgmenu1 .mgmenu > li ul.mainul{
    margin-top: 10px;
    padding-top: 10px
}
.mgmenu > li, .mgmenu > li > div, .mgmenu > li > a, .mgmenu > li > span, .mainul a{transition: all 0.05s ease-in 0s !important;}
.dropdown_fullwidth{width: 1022px !important;position:absolute;
left: calc(50% - 512px );
}
.dropdown_fullwidth .mainul .mainul{display:none !important} /*Removing of the last level */
.blockCat{margin-bottom:15px}


/*Hack FF*/
@-moz-document url-prefix() { 
  .mgmenu > li#cat-7 {width: 170px}
  }

/*Hack Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
     .mgmenu > li#cat-7 { padding: 19px 15px;}
}
#cat-1 .wrap{width: 20%}
#cat-4 .wrap{width: 25%}
#cat-5 .wrap{width: 16.5%}
.dropdown_fullwidth> .blockCat{width:20%}


/*Only for the part Cartouches et toners*/
#cat-6 .dropdown_fullwidth> .blockCat  {width: 31%;
margin: 0 1%;border-bottom:1px dashed #a11780;padding: 15px 0;}
#mgmenu1 .mgmenu > li#cat-6 ul.mainul{display: none}
#subcat-6-4{height: 440px;border-bottom: 0}
#cat-6 .dropdown_fullwidth >#subcat-6-4{border-bottom:0px dashed #a11780}
#cat-6 .dropdown_fullwidth >#subcat-6-11,#cat-6 .dropdown_fullwidth >#subcat-6-12{border-bottom:0px dashed #a11780}



/*Last Cat*/
.mgmenu > li#cat-7 {background: #e3192d none repeat scroll 0 0;border-top: 5px solid transparent;color: #fff;display: table;height: 64px;padding: 0 !important;}
.mgmenu #cat-7>.lbCategory{display: table-cell !important;font-size: 14px;font-weight: bold; padding: 0 15px;text-align: center;vertical-align: middle;}
.mgmenu #cat-7:hover, .mgmenu #cat-7:active, .mgmenu #cat-7:focus{background-color:#f02d40}
#cat-7 .dropdown_fullwidth{border-color:#e3192d }
.mgmenu > li#cat-7 a{font-weight:normal}
li#cat-7 .main-span-title a{font-weight:bold}
li#cat-7 .wrap{width: 17.8%;float: left;margin: 1.1%;}
.mgmenu > li#cat-7 .mainul a{text-align: left;padding: 0 2px;margin: 0}
#cat-7 li,#cat-7 .main-span-title a{padding: 3px;margin: 0px 0px;line-height: 15px;}
#cat-7 .main-span-title a{padding: 10px}
.mgmenu > li#cat-7 a{text-align: left;padding:5px 2px }
#subcat-7-1 .main-span-title a{letter-spacing: -1px}
.mgmenu > li#cat-7>a{display:table-cell;height: 32px;vertical-align: middle;text-align: center;font-weight: bold}

/* Modifications 25 / 07 /2017 */
#cat-2 .wrap{width: 23%;}
#cat-2 .dropdown_fullwidth {
    border-color: #ffed00;
    background: #fff url(/ImagesPortal/FR/Localisation/images/bg_yellow.png) no-repeat right bottom / auto 350px;
}
.mainul a {display:block;text-align:left;}

/* Modifications 13 / 06 /2018 */
#cat-4, #cat-6 {
padding: 9px 8px!important;
padding-right: 18px!important;
padding-left: 18px!important;
}
.mgmenu > li#cat-8 {
background: #2f5597 none repeat scroll 0 0;
border-top: 5px solid transparent;
color: #fff;
display: table;
height: 64px;
padding: 0 !important;
width: 160px;
}
.mgmenu > li#cat-8>a {
display: table-cell;
height: 32px;
vertical-align: middle;
text-align: center;
font-weight: bold;
}