
.clr {clear:both;}

/**
** global styles
**/

/* container style */
div#maximenuCK ul.maximenuCK {
    /*background :  url(../images/fond_bg.png) top left repeat-x;*/
    height : 38px;
    padding : 0;
    margin : 0;
}

div#maximenuCK ul.maximenuCK li.maximenuCK {
    background : none;
    list-style : none;
    border : none;
}

/* 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;
}

div#maximenuCK ul.maximenuCK li a.maximenuCK {
    text-decoration : none;
    text-indent : 2px;
    height : 27px;
    outline : none;
    background : none;
    border : none;
    padding : 0;
    cursor : pointer;
    color : #ffffff;
}

/* separator item */
div#maximenuCK ul.maximenuCK li span.separator span.titreCK{
	color:#ffffff;
}

div#maximenuCK ul.maximenuCK li span.separator span.titreCK:hover {
	color:#ddccaa;
    cursor:pointer;
}

/**
** active items
**/

/* current item title and description */

div#maximenuCK ul.maximenuCK li.current>a span {
    color : #8e4848 !important;
}

div#maximenuCK ul.maximenuCK2 li.current a {
    text-decoration : none;
    border-bottom : 1px dotted #CCC;
    width : 160px;
    margin : 0 auto;
    /*padding : 4px 2px 8px 2px;*/
    background:#f7f4e4;
    color:#8e4848;
    /* ROUNDED CORNERS FOR SUBMENU HOVER */
    -moz-border-radius-topright : 6px;
    border-top-right-radius : 6px;
    -moz-border-radius-topleft : 6px;
    border-top-left-radius : 6px;
    -moz-border-radius-bottomright : 6px;
    border-bottom-right-radius : 6px;
    -moz-border-radius-bottomleft : 6px;
    border-bottom-left-radius : 6px;
    
}

div#maximenuCK ul.maximenuCK li.active span.separator span.titreCK:hover {
	color:#ddccaa;
    cursor:pointer;
}


/* current item title when mouseover */
div#maximenuCK ul.maximenuCK li.current>a:hover span.titreCK {

}

/* current item description when mouseover */
div#maximenuCK ul.maximenuCK li.current>a:hover span.descCK {

}

/* active parent title */
div#maximenuCK ul.maximenuCK li.active>a span.titreCK {
    color : #DDCCAA !important;
}

/* active parent title */
div#maximenuCK ul.maximenuCK li.active>span span.titreCK {
    color : #ddccaa !important;
}

/* active parent description */
div#maximenuCK ul.maximenuCK li.active>a span.descCK {
	color: #8D7B4B !important;
}

/**
** first level items
**/

/* active parent title */
div#maximenuCK ul.maximenuCK ul.maximenuCK2 li.active>a span.titreCK {
    color : #8E4848 !important;
}

/* active parent title */
div#maximenuCK ul.maximenuCK ul.maximenuCK2 li.active>span span.titreCK {
    color : #8E4848 !important;
}

div#maximenuCK ul.maximenuCK li.level0 {
    padding : 7px 10px 0px 10px;
    /*background : url(../images/separator.png) top right no-repeat;*/
}

div#maximenuCK ul.maximenuCK li.active {
    padding : 7px 10px 0px 10px;
    /*background : url(../images/separator.png) top right no-repeat;*/
}

/* first level item title */
div#maximenuCK ul.maximenuCK li.level0>a span.titreCK {
    color : #ffffff;
}

div#maximenuCK ul.maximenuCK li.level0>a span.titreCK:hover {
    color : #ddccaa;
}

/* first level item description */
div#maximenuCK ul.maximenuCK li.level0>a span.descCK {
    color : #ccc;
}

/* first level item link */
div#maximenuCK ul.maximenuCK li.parent.level0>a {
    /*background : url(../images/maxi_arrow0.png) bottom right no-repeat;*/
}

/* parent style level 0 */
div#maximenuCK ul.maximenuCK li.parent.level0 li.parent {
    background : url(../images/maxi_arrow1.png) center right no-repeat;
}

/**
** items title and descriptions
**/

/* item title */
div#maximenuCK span.titreCK {
    color : #330000;
    display : block;
    text-transform : none;
    font-weight : normal;
    font-size : 14px;
    line-height : 18px;
    text-decoration : none;
    height : 17px;
    float : none !important;
    float : left;
}

/* item description */
div#maximenuCK span.descCK {
    color : #8D7B4B;
    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#maximenuCK ul.maximenuCK  a:hover span.titreCK {
    color : #8e4848;
}

/**
** child items
**/

/* child item title */
div#maximenuCK ul.maximenuCK2  a.maximenuCK {
    width : 160px;
}

div#maximenuCK ul.maximenuCK2 li a.maximenuCK {
    text-decoration : none;
    border-bottom : 1px dotted #cccccc;
    width : 160px;
    margin : 0 auto;
    padding : 4px 2px 8px 2px;
}

div#maximenuCK ul.maximenuCK2 li a:hover.maximenuCK {
    text-decoration : none;
    border-bottom : 1px dotted #CCC;
    width : 160px;
    margin : 0 auto;
    /*padding : 4px 2px 8px 2px;*/
    background:#f7f4e4;
    /* ROUNDED CORNERS FOR SUBMENU HOVER */
    -moz-border-radius-topright : 6px;
    border-top-right-radius : 6px;
    -moz-border-radius-topleft : 6px;
    border-top-left-radius : 6px;
    -moz-border-radius-bottomright : 6px;
    border-bottom-right-radius : 6px;
    -moz-border-radius-bottomleft : 6px;
    border-bottom-left-radius : 6px;
    
}

/* child item block */
div#maximenuCK ul.maximenuCK ul.maximenuCK2 {
    /*background : #1a1a1a;*/
    margin : 3px 0 0 0;
    padding : 0;
    border : none;
    width : 180px; /* important for Chrome and Safari compatibility */
}

div#maximenuCK ul.maximenuCK2 li.maximenuCK {
    width : 180px;
    padding : 2px 0 0 0;
    border : none;
    margin : 0;
    background : none;
}

/* child item container  */
div#maximenuCK ul.maximenuCK li div.floatCK {
    background : #ffffff;
   /*border : 1px solid #707070;*/
    border-left : 1px solid #ccc;
    border-right : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
/* ROUNDED CORNERS ON CHILD DROPDOWN */
    padding-bottom : 10px;
    margin-top: 5px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
/* DROP SHADOWS ON CHILD DROPDOWN */
    -moz-box-shadow: 0 2px 2px #777776;
    -webkit-box-shadow: 0 2px 2px #777776;
    box-shadow: 0 2px 2px #777776;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777776')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777776');

}

/**
** module style
**/

div#maximenuCK div.maximenuCK_mod {
    width : 170px;
    padding : 0;
    overflow : hidden;
    color : #ddd;
    white-space : normal;
}

div#maximenuCK div.maximenuCK_mod div.moduletable {
    border : none;
    background : none;
}

div#maximenuCK div.maximenuCK_mod  fieldset{
    width : 160px;
    padding : 0;
    margin : 0 auto;
    overflow : hidden;
    background : #1a1a1a;
    border : none;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a {
    border : none;
    margin : 0;
    padding : 0;
    display : inline;
    background : #1a1a1a;
    color : #888;
    font-weight : normal;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a:hover {
    color : #FFF;
}

/* module title */
div#maximenuCK ul.maximenuCK div.maximenuCK_mod h3 {
    font-size : 14px;
    width : 170px;
    color : #aaa;
    font-size : 14px;
    font-weight : normal;
    background : #444;
    margin : 5px 0 0 0;
    padding : 3px 0 3px 0;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod ul {
    margin : 0;
    padding : 0;
    width : 170px;
    background : none;
    border : none;
    text-align : left;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod li {
    margin : 0 0 0 15px;
    padding : 0;
    width : 155px;
    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 : 170px;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
    margin : 2px 0;
    padding : 0 5px;
    height : 20px;
    background : #1a1a1a;
}


/**
** columns width & child position
**/

/* child blocks position (from level2 to n) */
div#maximenuCK ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {
    margin : -30px 0 0 180px;
}

/* margin for overflown elements that rolls to the left */
div#maximenuCK ul.maximenuCK li.maximenuCK div.floatCK div.floatCK.fixRight  {
    margin-right : 180px;
}

/* default width */
div#maximenuCK ul.maximenuCK li div.floatCK {
    width : 180px;
    top:31px;
}

/* 2 cols width */
div#maximenuCK ul.maximenuCK li div.cols2 {
    width : 360px;
}

div#maximenuCK ul.maximenuCK li div.cols2>div.maximenuCK2 {
    width : 50%;
}

/* 3 cols width */
div#maximenuCK ul.maximenuCK li div.cols3 {
    width : 540px;
}

div#maximenuCK ul.maximenuCK li div.cols3>div.maximenuCK2 {
    width : 33%;
}

/* 4 cols width */
div#maximenuCK ul.maximenuCK li div.cols4 {
    width : 720px;
}

div#maximenuCK ul.maximenuCK li div.cols4>div.maximenuCK2 {
    width : 25%;
}



/**
** fancy parameters
**/

div#maximenuCK .maxiFancybackground {
    list-style : none;
}

div#maximenuCK .maxiFancybackground .maxiFancycenter {
    background: url('../images/fancy_bg.png') repeat-x top left;
    height : 1px;
    margin-top:0px;
}

div#maximenuCK .maxiFancybackground .maxiFancyleft {

}

div#maximenuCK .maxiFancybackground .maxiFancyright {

}

/**
** rounded style
**/

/* global container */
div#maximenuCK div.maxiRoundedleft {

}

div#maximenuCK div.maxiRoundedcenter {

}

div#maximenuCK div.maxiRoundedright {

}

/* child container */
div#maximenuCK div.maxidrop-top {

}

div#maximenuCK div.maxidrop-main {

}

div#maximenuCK div.maxidrop-bottom {

}


