/**
** This file assume the good working conditions
** No styling (color, background,...) should be made here, only positionning and management
**/


div.maximenuckh ul.maximenuck {
    clear:both;
    z-index:9999;
}


div.maximenuckh ul.maximenuck > ul {
    clear:both;
    padding : 0;
    margin : 0;
}

div.maximenuckh ul.maximenuck .moduletable {

}

div.maximenuckh ul.maximenuck li.maximenuck {

}

div.maximenuckh ul.maximenuck li.maximenuck img {

}

div.maximenuckh ul.maximenuck li.maximenuck a,
div.maximenuckh ul.maximenuck li.maximenuck span.separator {
    display:block;
    float : none !important;
    float : left;
}

div.maximenuckh ul.maximenuck2 li.maximenuck a,
div.maximenuckh ul.maximenuck2 li.maximenuck span.separator {
    float : none !important;
}

div.maximenuckh ul.maximenuck li ul.maximenuck2 {
    display:block;
    z-index:11000;
    clear:left;
    margin:0;
    padding:0;
    text-align : left;
    position : static;
}

div.maximenuckh ul.maximenuck li ul li.maximenuck {
    text-align : left;
    position : relative;
    z-index : 11001;
    padding:0;

}

div.maximenuckh ul.maximenuck li li.maximenuck a {
    display: block;
    padding : 0;
    margin : 0;
}

div.maximenuckh div.maximenuck2 {
    float : left;
    margin : 0;
    padding : 0;
    /*width : 180px;*/ /* A TESTER */
}

div.maximenuckh div.clr {
    clear : both;
    visibility : hidden;
}

/* child items */
div.maximenuckh ul.maximenuck li div.floatck {
    position : absolute;
    left: -999em; /* a supprimer pour effet slide */
    padding : 0;
    margin : 0;
    background : url(../images/transparent.gif); /* important for hover to work good under IE7 */
	right:0;
	width:100%;
}

div.maximenuckh div.floatck ul, div.maximenuckh div.floatck ul li {
    position : static;
    /*height : 100%;*/
}

div.maximenuckh ul.maximenuck li.maximenuck div.floatck.fixRight  {
right:0;
}

div.maximenuckh ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight  {
right:0;
}


/**
** fancy parameters
**/
div.maximenuckh li.maxiFancybackground {
    z-index: 8;
    position: absolute;
    top : 0;
}



/**
** Show sub menu if mootools is off - horizontal style
**/
div.maximenuckh ul.maximenuck li.maximenuck:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover div.floatck:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover div.floatck:hover div.floatck:hover div.floatck div.floatck,
div.maximenuckh ul.maximenuck li.sfhover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck.sfhover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck.sfhover div.floatck.sfhover div.floatck div.floatck {
left: -999em;
}

div.maximenuckh ul.maximenuck li.maximenuck:hover div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover div.floatck li.maximenuck:hover div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover div.floatck li.maximenuck:hover div.floatck li.maximenuck:hover div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover div.floatck li.maximenuck:hover div.floatck li.maximenuck:hover div.floatck li.maximenuck:hover div.floatck,
div.maximenuckh ul.maximenuck li.sfhover div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck li.sfhover div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck li.sfhover div.floatck li.sfhover div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck li.sfhover div.floatck li.sfhover div.floatck li.sfhover div.floatck {
left: auto;
}

div.maximenuckh div.maximenuck_mod ul {
left : auto;
}


/*---------------------------------------------
---	 Responsive design behavior         ---
----------------------------------------------*/

@media screen and (max-width: 524px) {
    div.maximenuckh {
        /* height: auto !important; */
    }

    div.maximenuckh ul {
        height: auto !important;
        padding-left: 0 !important;
        /*padding-right: 0 !important;*/
    }

    div.maximenuckh li {
        float :none !important;
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    div.maximenuckh div.floatck {
        width: 100% !important;
    }

    div.maximenuckh div.floatck div.maximenuck2 {
        width: 100% !important;
    }

    div.maximenuckh div.floatck div.floatck {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
    }

    div.maximenuckh li.maximenucklogo img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

}







/*-----------------------------------------------------------------------------------------------------------

	This theme is largely inspired by the Mega menu tutorial on net.tutsplus.com :

	http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

	

	Ce theme est largement inspire du tutoriel de Mega menu sur net.tutsplus.com

	http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

-------------------------------------------------------------------------------------------------------------*/



.clr {clear:both;}



/*---------------------------------------------

---	 	menu container						---

----------------------------------------------*/



/* menu */

div#maximenuck {

	line-height:21px;

	text-align:left;

}



/* container style */

div#maximenuck ul.maximenuck {

    overflow: visible !important;

    /* display: block !important;

    float: none !important; */

    visibility: visible !important;

    list-style:none;

    margin:0 auto;

    height: auto;

    text-align: left;

}



/*---------------------------------------------

---	 	Root items - level 1				---

----------------------------------------------*/

/*Hide home link*/

div#maximenuck ul.menu > li:first-child{

	display: none !important;

}


 
div#maximenuck ul.maximenuck li.maximenuck.level1 {

    background : none;

    list-style : none;

    text-align:center;

    cursor: pointer;

	-webkit-margin-before: 0;

	width:16.66666%;

	float: left;

}

div#maximenuck ul.maximenuck li.maximenuck.level1.last{

	padding-right: 0;

}



div#maximenuck ul.maximenuck li.maximenuck.first.level1 + li{

	padding-left: 0;

}

div#maximenuck ul.maximenuck li.maximenuck.level1:hover,

div#maximenuck ul.maximenuck li.maximenuck.level1.active {

	

}



div#maximenuck ul.maximenuck li.maximenuck.level1 > a,

div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {

	color: #868686;

	display:block;

	text-decoration:none;

    outline : none;

    background : none;

    border : none;

    padding : 0;

    white-space: normal;

	line-height: 44px;

}



/* parent item on mouseover (if subemnus exists) */

div#maximenuck ul.maximenuck li.maximenuck.level1.parent:hover,

div#maximenuck ul.maximenuck li.maximenuck.level1.parent:hover {



}



/* item color on mouseover */

div#maximenuck ul.maximenuck li.maximenuck.level1:hover > a span.titreck,

div#maximenuck ul.maximenuck li.maximenuck.level1.active > a span.titreck,

div#maximenuck ul.maximenuck li.maximenuck.level1:hover > span.separator,

div#maximenuck ul.maximenuck li.maximenuck.level1.active > span.separator {

    

}



/* arrow image for parent item */

div#maximenuck ul.maximenuck li.level1.parent > a,

div#maximenuck ul.maximenuck li.level1.parent > span.separator {

	/* padding-right:15px; */

	/* background:url("/images/drop.gif") no-repeat right 19px !important; */

}



div#maximenuck ul.maximenuck li.level1.parent:hover > a,

div#maximenuck ul.maximenuck li.level1.parent:hover > span.separator {

	/* background:url("/images/drop.gif") no-repeat right 19px !important; */

}



/* arrow image for submenu parent item */

div#maximenuck ul.maximenuck li.level1.parent li.parent > a,

div#maximenuck ul.maximenuck li.level1.parent li.parent > span.separator,

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a,

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a {

	

}



/* styles for right position */

div#maximenuck ul.maximenuck li.menu_right {

	float:right !important;

	margin-right:0px !important;

}



div#maximenuck ul.maximenuck li.align_right div.floatck, 

div#maximenuck ul.maximenuck li div.floatck.fixRight {

	left:auto;

	right:-1px;

	top:auto;

}





/* arrow image for submenu parent item to open left */

div#maximenuck ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > a,

div#maximenuck ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > span.separator,

div#maximenuck ul.maximenuck li.level1.parent.menu_right li.parent > a,

div#maximenuck ul.maximenuck li.level1.parent.menu_right li.parent > span.separator {



}



/* margin for right elements that rolls to the left */

div#maximenuck ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight,

div#maximenuck ul.maximenuck li.level1.parent.menu_right div.floatck div.floatck  {

    margin-right : 180px;

}



div#maximenuck ul.maximenuck li div.floatck.fixRight{



}



/*Submenu level1*/

div#maximenuck ul.maximenuck li.level1 > div.floatck {

	padding: 10px 2% 25px;

	width: 96% !important; /*fix width by template editor vietnd*/

	height: auto !important;

}



/*---------------------------------------------

---	 	Sublevel items - level 2 to n		---

----------------------------------------------*/



div#maximenuck ul.maximenuck li div.floatck ul.maximenuck2 {

    background : transparent;

    margin : 0;

    padding : 0;

    border : none;

    width : 100%; /* important for Chrome and Safari compatibility */

    position: static;

    overflow: visible !important;

    display: block !important;

    float: none !important;

    visibility: visible !important;

}



div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck {

	position:relative;

	padding: 5px 0px !important;

	float:none !important;

	text-align:left;

	background : none;

    list-style : none;

	display: block !important;

}



div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck:hover {

	background: transparent;

}



/* all links styles */

div#maximenuck ul.maximenuck li.maximenuck a,

div#maximenuck ul.maximenuck li.maximenuck span.separator {

	font-weight : normal;

	color: #a1a1a1;

	display:block;

	text-decoration:none;

	text-transform : none;

    outline : none;

    border : none;

    padding : 0 5px;

    white-space: normal;

}



/* submenu link */

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li a {

	color:#FFF;

	padding-left:20px;

	margin-left:25px;

}



div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 a {

	color:#fff;

	display: block;

	padding-left: 25px;

}



div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a,

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a {

	color:#FFF;

	background: url('../images/bullet-sub-menu.png') no-repeat center left; 

}





/* link image style */

div#maximenuck ul.maximenuck li.maximenuck > a img {

    margin : 3px;

    border : none;

}



/* img style without link (in separator) */

div#maximenuck ul.maximenuck li.maximenuck img {

    border : none;

}



/* item title */

div#maximenuck span.titreck {

    /*text-transform : none;

    font-weight : normal;

    font-size : 14px;

    line-height : 18px;*/

    text-decoration : none;

    min-height : 17px;

    float : none !important;

}



/* item description */

div#maximenuck span.descck {

    display : block;

    text-transform : none;

    font-size : 10px;

    text-decoration : none;

    height : 12px;

    line-height : 12px;

    float : none !important;

}



/* submenus container */

div#maximenuck ul.maximenuck li div.floatck {

	text-align:left;

	padding:26px;

	background: url(../images/sub-menu-bg1.png) left top repeat-y;

}



/* div#maximenuck ul.maximenuck li.item103 div.floatck { left:auto !important; opacity:1 !important; } */

/*---------------------------------------------

---	 	Columns management					---

----------------------------------------------*/



/* child blocks position (from level2 to n) */

div#maximenuck ul.maximenuck li.maximenuck div.floatck div.floatck {

    margin : -30px 0 0 180px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	border:1px solid #777777;

}



div#maximenuck ul.maximenuck li div.floatck div.maximenuck2 {

    min-width : 180px; /* default width */

	margin: 0;

	padding: 0;

}





/* h2 title */

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 h2 a,

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator {

	font-size:21px;

	font-weight:400;

	letter-spacing:-1px;

	margin:7px 0 14px 0;

	padding-bottom:14px;

	border-bottom:1px solid #666666;

	line-height:21px;

	text-align:left;

}



/* h3 title */

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 h3 a,

div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator {

	font-size:14px;

	margin:7px 0 14px 0;

	padding-bottom:7px;

	border-bottom:1px solid #888888;

	line-height:21px;

	text-align:left;

}



/* paragraph */

div#maximenuck ul.maximenuck li ul.maximenuck2 li p {

	line-height:18px;

	margin:0 0 10px 0;

	font-size:12px;

	text-align:left;

}









/* image shadow with specific class */

div#maximenuck ul.maximenuck .imgshadow { /* Better style on light background */

	background:#FFFFFF !important;

	padding:4px;

	border:1px solid #777777;

	margin-top:5px;

	-moz-box-shadow:0px 0px 5px #666666;

	-webkit-box-shadow:0px 0px 5px #666666;

	box-shadow:0px 0px 5px #666666;

}



/* blackbox style */

div#maximenuck ul.maximenuck li ul.maximenuck2 li.blackbox {

	background-color:#333333 !important;

	color: #eeeeee;

	text-shadow: 1px 1px 1px #000;

	padding:4px 6px 4px 6px !important;

	margin: 0px 4px 4px 4px !important;

	-moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

	-webkit-box-shadow:inset 0 0 3px #000000;

	-moz-box-shadow:inset 0 0 3px #000000;

	box-shadow:inset 0 0 3px #000000;

}



div#maximenuck ul.maximenuck li ul.maximenuck2 li.blackbox:hover {

	background-color:#333333 !important;

}



div#maximenuck ul.maximenuck li ul.maximenuck2 li.blackbox a {

	color: #fff;

	text-shadow: 1px 1px 1px #000;

	display: inline !important;

}



div#maximenuck ul.maximenuck li ul.maximenuck2 li.blackbox:hover > a {

	text-decoration: underline;

}



/* greybox style */

div#maximenuck ul.maximenuck li ul.maximenuck2 li.greybox {

	background:#f0f0f0 !important;

	border:1px solid #bbbbbb;

	padding: 4px 6px 4px 6px !important;

	margin: 0px 4px 4px 4px !important;

	-moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

}



div#maximenuck ul.maximenuck li ul.maximenuck2 li.greybox:hover {

	background:#ffffff !important;

	border:1px solid #aaaaaa;

}





/*---------------------------------------------

---	 	Module in submenus					---

----------------------------------------------*/



/* module title */

div#maximenuck ul.maximenuck div.maximenuck_mod > div > h3 {

    margin-left:25px;

    font-weight : bold;

	color: #555;

	font-size: 16px;

	color: #fff;

	border-bottom:1px solid #5d5d5d;

	padding-bottom:13px;

}



div#maximenuck div.maximenuck_mod {

    width : 100% !important;

    padding : 0;

    white-space : normal;

	color: #fff;

	font-size: 18px;

}

div#maximenuck div.maximenuck_mod h1,

div#maximenuck div.maximenuck_mod h2,

div#maximenuck div.maximenuck_mod h3{

	color: #fff;

	text-transform: none;

	font-weight: normal;

}



div#maximenuck div.maximenuck_mod div.moduletable {

    border : none;

    background : none;

}



div#maximenuck div.maximenuck_mod  fieldset{

    width : 100%;

    padding : 0;

    margin : 0 auto;

    overflow : hidden;

    background : transparent;

    border : none;

}



div#maximenuck ul.maximenuck2 div.maximenuck_mod a {

    border : none;

    margin : 0;

    padding : 0;

    display : inline;

    background : transparent;

    font-weight : normal;

}



div#maximenuck ul.maximenuck2 div.maximenuck_mod a:hover {



}



div#maximenuck ul.maximenuck2 div.maximenuck_mod ul {

    margin : 0;

    padding : 0;

    width : 100%;

    background : none;

    border : none;

    text-align : left;

}



div#maximenuck ul.maximenuck2 div.maximenuck_mod li {

    margin : 0 0 0 15px;

    padding : 0;

    background : none;

    border : none;

    text-align : left;

    font-size : 11px;

    float : none;

    display : block;

    line-height : 20px;

    white-space : normal;

}



/* login module */

div#maximenuck ul.maximenuck2 div.maximenuck_mod #form-login ul {

    left : 0;

    margin : 0;

    padding : 0;

    width : 100%;

}



div#maximenuck ul.maximenuck2 div.maximenuck_mod #form-login ul li {

    margin : 2px 0;

    padding : 0 5px;

    height : 20px;

    background : transparent;

}







/*---------------------------------------------

---	 	Fancy styles (floating cursor)		---

----------------------------------------------*/



div#maximenuck .maxiFancybackground {

    list-style : none;

    padding: 0 !important;

    margin: 0 !important;

    border: none !important;

}



div#maximenuck .maxiFancybackground .maxiFancycenter {

    border-top: 1px solid #fff;

}







/*---------------------------------------------

---	 	Button to close on click			---

----------------------------------------------*/



div#maximenuck span.maxiclose {

    color: #fff;

}



/*---------------------------------------------

---	 Stop the dropdown                  ---

----------------------------------------------*/



div#maximenuck ul.maximenuck li.maximenuck.nodropdown div.floatck,

div#maximenuck ul.maximenuck li.maximenuck div.floatck li.maximenuck.nodropdown div.floatck {

    position: static !important;

    background:  none !important;

    border: none !important;

    left: auto !important;

    margin: 3px;

}



div#maximenuck ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck {

    background: none;

    text-indent: 5px;

}



div#maximenuck ul.maximenuck li.level1.parent ul.maximenuck2 li.parent.nodropdown > a {

    background:  none !important;

}