.mgmenu {
    width: 100%;
	height: 50px;
}
.mgmenu > li {
    cursor: pointer;
    display: table-cell;
    /*padding: 10px;*/
    vertical-align: middle;
	height: 107px;
	border-bottom:3px solid transparent;
}

.mgmenu > li:hover, .mgmenu > li:active, .mgmenu > li:focus {
    /*background: #424790 none repeat scroll 0 0;
    color: #fff897;*/
}
.mgmenu > li:last-child {border-right:none;}

.mgmenu li i {
    font-size: 30px;
    margin: 0 5px 2px 0;
	width:100%;
}
.mgmenu > li, .mgmenu > li > div, .mgmenu > li > a, .mgmenu > li > span, .mainul a { color: #141414; font-size: 12px; font-weight: normal; text-align: center; text-transform: uppercase; transition: all 0.1s ease-out 0s;}
.mgmenu li:hover, .mgmenu li a:hover, .mgmenu li span:hover, .mainul a:hover, .mgmenu li div:hover {color: #e2001a;}
.mgmenu li:hover {border-bottom:3px solid #e2001a;}
.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: 123px !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 li .dropdown_fullwidth {
    display: block;
    left: -25%;
    width: 1024px;
}
.mgmenu > li ul { background-color: #fff; height: 100%; padding: 11px 20px; position: absolute; right: 0; top: 5px; width: calc(100% - 170px); z-index: 99; }
.mgmenu > li ul.mainul {
    display: inline-block !important;
    height: auto;
    left: 0;
    padding: 5px 0 20px;
    position: relative;
    /*top: 5px;*/
    transition: all 0.1s  ease-out 0s;
    width: 100%;
}
.mgmenu > li ul.mainul > li:hover {border-bottom:none;}
.mgmenu > li ul.mainul > li ul.mainul > li {padding:3px 0;}
.mgmenu > li ul.mainul > li ul.mainul > li span a {font-size:12px; color:#444;}
.mgmenu > li ul.mainul > li ul.mainul > li span a:hover {color: #e2001a;}

.mgmenu > li ul li, .mgmenu > li ol li { float: left; line-height: 18px; padding: 4px 0; width: 100%; }
.mgmenu > li ul.mainul > li {
    padding: 2px 0;
}
.mgmenu_button { display: none  !important; }
.blockCat a { color: #3f3f3f; font-weight: normal; }
.blockCat a:hover { text-decoration: underline; }
/*.mainul li:hover, .mgmenu .col_2 span:hover, .mgmenu .col_2 span:focus, .mgmenu .col_2 span:active, .dropdown_container .blockCat:hover div span a, .dropdown_container .blockCat:focus div span a, .dropdown_container .blockCat:active div span a, .mainul li:hover a, .mainul li:focus a, .mainul li:active a {
    color: #e2001a !important;
    cursor: pointer !important;
}*/
#cat-1 .dropdown_container, 
#cat-2 .dropdown_container, 
#cat-3 .dropdown_container, 
#cat-4 .dropdown_container, 
#cat-5 .dropdown_container, 
#cat-6 .dropdown_container
{  
	background: #fff none repeat scroll 0 0;
    border: 1px solid #d4d4d4 !important;
    border-right: 1px solid #d4d4d4 !important;
    padding: 30px 30px 30px 30%;
    min-height: 300px;
    transform: translateY(15px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.1s  ease-out 0s;
    display: block !important;
	height:auto;
	column-count: 3;
}
#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
{  
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
#cat-1 .dropdown_container {
    background: #fff url("/ImagesPortal/FR/Localisation/32190/images/postes_de_travail.jpg") no-repeat scroll 10px 40px / 22% auto;
}
#cat-2 .dropdown_container {
    background: #fff url("/ImagesPortal/FR/Localisation/32190/images/laptop.jpg") no-repeat scroll 10px 40px / 20% auto;
}
#cat-3 .dropdown_container {
    background: #fff url("/ImagesPortal/FR/Localisation/32190/images/input_devices.jpg") no-repeat scroll 10px 40px / 20% auto;
}
#cat-4 .dropdown_container {
    background: #fff url("/ImagesPortal/FR/Localisation/32190/images/printing_consumables.jpg") no-repeat scroll 10px 40px / 20% auto;
}
#cat-5 .dropdown_container {
    background: #fff url("/ImagesPortal/FR/Localisation/32190/images/disques_durs.jpg") no-repeat scroll 10px 40px / 20% auto;
}
#cat-6 .dropdown_container {
    background: #fff url("/ImagesPortal/FR/Localisation/32190/images/connection_network.jpg") no-repeat scroll 10px 40px / 20% auto;
}


#cat-1 .dropdown_container::before, 
#cat-2 .dropdown_container::before, 
#cat-3 .dropdown_container::before, 
#cat-4 .dropdown_container::before, 
#cat-5 .dropdown_container::before, 
#cat-6 .dropdown_container::before
{ 
    content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 16px 16px;
	border-color: #d4d4d4 transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -17px;
	left: 295px;
 }
/* #cat-2 .dropdown_container::before { left: 447px !important; } 
#cat-2 .dropdown_container::before { left: 415px !important; }  
#cat-3 .dropdown_container::before { left: 565px !important; }*/
#cat-4 .dropdown_container::before { left: 715px !important; }
#cat-5 .dropdown_container::before { left: 840px !important; }
#cat-6 .dropdown_container::before { left: 840px !important; } 

/* #cat-2 .dropdown_container::after { left: 448px !important; } 
#cat-3 .dropdown_container::after { left: 566px !important; } */
#cat-4 .dropdown_container::after { left: 716px !important; }
#cat-5 .dropdown_container::after { left: 841px !important; }
#cat-6 .dropdown_container::after { left: 841px !important; } 

#cat-1 .dropdown_container::after, 
#cat-2 .dropdown_container::after, 
#cat-3 .dropdown_container::after, 
#cat-4 .dropdown_container::after, 
#cat-5 .dropdown_container::after, 
#cat-6 .dropdown_container::after 
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left: 296px;
 }

.firstCol.navActive, .firstCol {
    background-color: #fff !important;
    width: 100%;
}
.firstCol:hover { background-color: #ddd; }

.blockCat .firstCol span, .blockCat .firstCol span a, .mainul a {
	font-size: 14px;
    font-weight: normal;
    line-height: 25px;
	height:25px;
    text-align: left;
    text-decoration: none !important;
    transition: all 0.1s  ease-out 0s;
 }
.mgmenu > li > div.lbCategory {
    transition: all 0s ease-out 0s;
	border-right: 1px solid #c4c4c4;
    height: 45px;
    padding: 0 15px;
	font-weight:bold;
	max-width: 200px;
}
.main-span-title a {
    padding: 5px 0 5px 0px;
	position:relative;
}
.main-span-title a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 30%;
    border-bottom: 2px solid #db1f35;
    bottom: 0;
}
.main-span-title a {font-weight:bold !important;}

.mainul a {
    border: medium none;
    color: #444;
    font-size: 12px;
    text-transform: uppercase;
}
.blockCat {
    display: inline-block;
	width: 100%;
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .blockCat {
        /* float: left; */
    }
    .blockCat > div {
    display: inline-block;
    width: 100%;
	}
}

.blockCat .firstCol:hover span, .blockCat .firstCol:hover span a { color: #3f3f3f; }
#CatMenuBlock i{display: none;}
.blockCat ul.mainul li ul.mainul {
    display: none !important;
}

#cat-2 .lbCategory {
	display:table-cell;
	vertical-align: middle;
}
#cat-6 {font-weight:bold;}

.topHeaderContent {
   
    height: 75px !important;
}
#header .logoZone .WPUserLogo img {
    width: 45%;
}
.mgmenu > li {
    height: 75px;
    
}

.mgmenu > li > div.lbCategory {
    
    height: 45px;

}
.mgmenu li .dropdown_container, .mgmenu li .dropdown_fullwidth, .mgmenu li .mgmenu_multilevel {
   
    top: 103px !important;
   
}

#cat-1 .dropdown_container::before { left: 271px !important; }
#cat-1 .dropdown_container::after { left: 271px !important; }
#cat-2 .dropdown_container::before { left: 415px !important; }
#cat-2 .dropdown_container::after { left: 415px !important; }
#cat-3 .dropdown_container::before { left: 541px !important; }
#cat-3 .dropdown_container::after { left: 541px !important; }
#cat-4 .dropdown_container::before { left: 700px !important; }
#cat-4 .dropdown_container::after { left: 700px !important; }
#cat-5 .dropdown_container::before { left: 834px !important; }
#cat-5 .dropdown_container::after { left: 834px !important; }

#cat-1 .dropdown_container {
    background: #fff url(/ImagesPortal/FR/Localisation/32190/images/office.jpg) no-repeat scroll 10px 40px / 22% auto;
}
#cat-2 .dropdown_container {
    background: #fff url(/ImagesPortal/FR/Localisation/32190/images/paper.jpg) no-repeat scroll 10px 40px / 20% auto;
}
#cat-3 .dropdown_container {
    background: #fff url(/ImagesPortal/FR/Localisation/32190/images/office_computer.jpg) no-repeat scroll 10px 40px / 20% auto;
}
#cat-4 .dropdown_container {
    background: #fff url(/ImagesPortal/FR/Localisation/32190/images/stationery.jpg) no-repeat scroll 10px 40px / 20% auto;
}
#cat-5 .dropdown_container {
    background: #fff url(/ImagesPortal/FR/Localisation/32190/images/coffee_machine.jpg) no-repeat scroll 10px 40px / 20% auto;
}



/* --------------------- Fixing Cat1 -------------------------------------- */

#cat-1 .wrap:nth-child(2) .blockCat:nth-child(1) {float:left;}
/*Firefox fix*/
@-moz-document url-prefix() { 
  #cat-1 .wrap:nth-child(2) .blockCat:nth-child(1) {float:none;}
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{	
	#cat-1 .wrap {width:30%;float:left}
	.blockCat {float: left;}	
}

/* --------------------- Fixing Cat2 -------------------------------------- */

#cat-2 .wrap {width:240px;display:inline;}
@-moz-document url-prefix() { 
  #cat-2 .wrap {float:none;}
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{	
	#cat-2 .wrap {width:30%;float:left}
	.blockCat {float: left;}	
}
/* --------------------- Fixing Cat3 -------------------------------------- */
#cat-3 .wrap:nth-child(1) {width:480px;display:inline;}
#cat-3 .wrap:nth-child(2) {width:240px;}
#cat-3 .wrap .blockCat {width: 100%;}
#cat-3 .wrap:nth-child(1) .blockCat { width:240px;}
/* Chrome Hack */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	 .blockCat {
        float: left;
    } 
}
/* IE9 Hack */
@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{
	#cat-3 .wrap {float:left;}
	.blockCat {float: left;}
	
}

/* --------------------- Fixing Cat4 -------------------------------------- */

@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{	
	#cat-4 .wrap {width:33%;float:left}
	.blockCat {float: left;}	
}

/* --------------------- Fixing Cat5 -------------------------------------- */

@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{	
	#cat-5 .wrap {width:33%;float:left}
	.blockCat {float: left;}	
}

