/**
** 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;
    position : relative;
    z-index:999;
}


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

div.maximenuckh ul.maximenuck .moduletable {

}

div.maximenuckh ul.maximenuck li.maximenuck {
    float:left;
    position:relative;
    text-align : left;
    padding : 0;
    margin : 0;
}

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;
    position:relative;
}

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 */
}

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:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li: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:hover div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck li:hover div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck li:hover div.floatck li:hover div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck li:hover div.floatck li:hover div.floatck li: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;
}



.clr {clear:both;}

/*-------------------------
---	 global styles		---
--------------------------*/

/* for z-index layout */
div#maximenu {

}

/* container style */
div#maximenu ul.maximenuck {
    background: rgb(183,136,132); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(183,136,132,1) 0%, rgba(183,84,75,1) 32%, rgba(183,50,38,1) 63%, rgba(185,46,32,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,136,132,1)), color-stop(32%,rgba(183,84,75,1)), color-stop(63%,rgba(183,50,38,1)), color-stop(100%,rgba(185,46,32,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(183,136,132,1) 0%,rgba(183,84,75,1) 32%,rgba(183,50,38,1) 63%,rgba(185,46,32,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(183,136,132,1) 0%,rgba(183,84,75,1) 32%,rgba(183,50,38,1) 63%,rgba(185,46,32,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(183,136,132,1) 0%,rgba(183,84,75,1) 32%,rgba(183,50,38,1) 63%,rgba(185,46,32,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(183,136,132,1) 0%,rgba(183,84,75,1) 32%,rgba(183,50,38,1) 63%,rgba(185,46,32,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b78884', endColorstr='#b92e20',GradientType=0 ); /* IE6-9 */
    height : 34px;
    padding : 0;
    margin : 0;
    overflow: visible !important;
	display: block !important;
	float: none !important;
	visibility: visible !important;
}

div#maximenu ul.maximenuck li.maximenuck {
    background : none;
    list-style : none;
    border : none;
}

/* link image style */
div#maximenu ul.maximenuck li.maximenuck > a img {
    margin : 3px;
    border : none;
}

/* img style without link (in separator) */
div#maximenu ul.maximenuck li.maximenuck img {
    border : none;
	clear: both;
}

div#maximenu ul.maximenuck li a.maximenuck,
div#maximenu ul.maximenuck li span.separator {
    text-decoration : none;
    text-indent : 2px;
	min-height : 34px;
    outline : none;
    background : none;
    border : none;
    padding : 0;
    color : #ccc;
    white-space: normal;
}


/*-------------------------
---	 active items		---
--------------------------*/

/* active parent title */
div#maximenu ul.maximenuck li.active > a span.titreck {
    color : #ccc;
}

/* active parent description */
div#maximenu ul.maximenuck li.active > a span.descck {

}

/* active parent title */
div#maximenu ul.maximenuck li.active > a:hover span.titreck {
    color : #fff;
}

/*-----------------------------
---	 1st level items		---
------------------------------*/

div#maximenu ul.maximenuck li.level1 {
    padding : 0 10px;
    background : url(../images/separator.png) top right no-repeat;
}

/* first level item title */
div#maximenu ul.maximenuck li.level1 > a span.titreck,
div#maximenu ul.maximenuck li.level1 > span.separator span.titreck {
	color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
}

/* first level item description */
div#maximenu ul.maximenuck li.level1 > a span.descck {
    color : #ccc;
}

/* first level item link */
div#maximenu ul.maximenuck li.parent.level1 > a,
div#maximenu ul.maximenuck li.parent.level1 > span {
    background : url(../images/maxi_arrow0.png) bottom right no-repeat;
}

/* parent style level 0 */
div#maximenu ul.maximenuck li.parent.level1 li.parent {
    background : url(../images/maxi_arrow1.png) center right no-repeat;
}

/* first level item hovered */
div#maximenu ul.maximenuck li.level1>a:hover span.titreck,
div#maximenu ul.maximenuck li.level1>span:hover span.titreck {
    color: #fff;
}


/**
** items title and descriptions
**/

/* item title */
div#maximenu span.titreck {
    color : #888;
    /*display : block;*/
    text-transform : none;
    font-weight : normal;
    font-size : 14px;
    line-height : 32px;
    text-decoration : none;
	/*height : 17px;*/
    min-height : 17px;
    float : none !important;
    float : left;
}

/* item description */
div#maximenu span.descck {
    color : #c0c0c0;
    display : block;
    text-transform : none;
    font-size : 10px;
    text-decoration : none;
    height : 12px;
    line-height : 12px;
    float : none !important;
    float : left;
}

/* item title when mouseover */
div#maximenu ul.maximenuck  a:hover span.titreck {
    color : #ddd;
}

/**
** child items
**/

/* child item title */
div#maximenu ul.maximenuck2 li a.maximenuck,
div#maximenu ul.maximenuck2 li span.separator {
    text-decoration : none;
    border-bottom : 1px solid #505050;
    margin : 0 2%;
	width: 96%;
    padding : 3px 0 3px 0;
	clear:both;
}

/* child item block */
div#maximenu ul.maximenuck 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#maximenu ul.maximenuck2 li.maximenuck {
    padding : 2px 0 0 0;
    border : none;
    margin : 0 5px;
    background : none;
    display : block;
    float: none;
	/*clear:both;*/
}

/* child item container  */
div#maximenu ul.maximenuck li div.floatck {
    background : #1a1a1a;
    border : 1px solid #707070;
}

/**
** module style
**/

div#maximenu div.maximenuck_mod {
    width : 100%;
    padding : 0;
    /*overflow : hidden;*/
    color : #ddd;
    white-space : normal;
}

div#maximenu div.maximenuck_mod div.moduletable {
    border : none;
    background : none;
}

div#maximenu div.maximenuck_mod  fieldset{
    width : 100%;
    padding : 0;
    margin : 0 auto;
    /*overflow : hidden;*/
    background : transparent;
    border : none;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod a {
    border : none;
    margin : 0;
    padding : 0;
    display : inline;
    background : transparent;
    color : #888;
    font-weight : normal;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod a:hover {
    color : #FFF;
}

/* module title */
div#maximenu ul.maximenuck div.maximenuck_mod h3 {
    font-size : 14px;
    width : 100%;
    color : #aaa;
    font-size : 14px;
    font-weight : normal;
    background : #444;
    margin : 5px 0 0 0;
    padding : 3px 0 3px 0;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod ul {
    margin : 0;
    padding : 0;
    width : 100%;
    background : none;
    border : none;
    text-align : left;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod li {
    margin : 0 0 0 15px;
    padding : 0;
    width : 100%;
    background : none;
    border : none;
    text-align : left;
    font-size : 11px;
    float : none;
    display : block;
    line-height : 20px;
    white-space : normal;
}

/* login module */
div#maximenu ul.maximenuck2 div.maximenuck_mod #form-login ul {
    left : 0;
    margin : 0;
    padding : 0;
    width : 100%;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod #form-login ul li {
    margin : 2px 0;
    padding : 0 5px;
    height : 20px;
    background : transparent;
}


/**
** columns width & child position
**/

/* child blocks position (from level2 to n) */
div#maximenu ul.maximenuck li.maximenuck div.floatck div.floatck {
    margin : -30px 0 0 180px;
}

/* margin for overflown elements that rolls to the left */
div#maximenu ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight  {
    margin-right : 180px;
}

/* default width */
div#maximenu ul.maximenuck li div.floatck {
    width : 180px;
}

div#maximenu ul.maximenuck li div.floatck div.maximenuck2 {
    width : 180px;
}

/* 2 cols width */
div#maximenu ul.maximenuck li div.cols2 {
    width : 360px;
}

div#maximenu ul.maximenuck li div.cols2>div.maximenuck2 {
    width : 50%;
}

/* 3 cols width */
div#maximenu ul.maximenuck li div.cols3 {
    width : 540px;
}

div#maximenu ul.maximenuck li div.cols3>div.maximenuck2 {
    width : 33%;
}

/* 4 cols width */
div#maximenu ul.maximenuck li div.cols4 {
    width : 720px;
}

div#maximenu ul.maximenuck li div.cols4>div.maximenuck2 {
    width : 25%;
}



/**
** fancy parameters
**/

div#maximenu .maxiFancybackground {
    list-style : none;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

div#maximenu .maxiFancybackground .maxiFancycenter {
    background-color: #B75248;
    height : 34px;
}

div#maximenu .maxiFancybackground .maxiFancyleft {

}

div#maximenu .maxiFancybackground .maxiFancyright {

}

/**
** rounded style
**/

/* global container */
div#maximenu div.maxiRoundedleft {

}

div#maximenu div.maxiRoundedcenter {

}

div#maximenu div.maxiRoundedright {

}

/* child container */
div#maximenu div.maxidrop-top {

}

div#maximenu div.maxidrop-main {

}

div#maximenu div.maxidrop-bottom {

}


/* bouton to close on click */
div#maximenu span.maxiclose {
    color: #fff;
}