.clr {clear:both;} /*------------------------- --- global styles --- --------------------------*/ /* for z-index layout */ div#maximenuck { } /* container style */ div#maximenuck ul.maximenuck { background : none; padding : 0; margin : 0; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; opacity: 1 !important; } div#maximenuck ul.maximenuck:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } div#maximenuck ul.maximenuck li.maximenuck { background : none; list-style : none; border : none; vertical-align: middle; filter: none; text-align:center; } /* link image style */ div#maximenuck ul.maximenuck li.maximenuck > a img, 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, div#maximenuck ul.maximenuck li.maximenuck img { border : none; clear: both; } div#maximenuck ul.maximenuck li a.maximenuck, div#maximenuck ul.maximenuck li span.separator, div#maximenuck ul.maximenuck2 li a.maximenuck, div#maximenuck ul.maximenuck2 li span.separator { font-size:15px; font-family:Georgia, serif; text-decoration : none; text-indent : 2px; height : 26px; outline : none; background : none; border : none; padding : 10px 0; color : #353535; white-space: normal; text-shadow: none; box-shadow: none; } /*------------------------- --- active items --- --------------------------*/ /* active parent title */ div#maximenuck ul.maximenuck li.active > a span.titreck, div#maximenuck ul.maximenuck2 li.active > a span.titreck { color : #353535; } /* active parent description */ div#maximenuck ul.maximenuck li.active > a span.descck, div#maximenuck ul.maximenuck2 li.active > a span.descck { } /* active parent title */ div#maximenuck ul.maximenuck li.active > a:hover span.titreck, div#maximenuck ul.maximenuck2 li.active > a:hover span.titreck{ color : #353535; } /*----------------------------- --- 1st level items --- ------------------------------*/ div#maximenuck ul.maximenuck li.level1 { padding : 0; /*background : url(../images/separator.png) top right no-repeat;*/ filter: none; width:120px; } /* first level item title */ div#maximenuck ul.maximenuck li.level1 > a span.titreck, div#maximenuck ul.maximenuck li.level1 > span.separator span.titreck { color : #353535; } /* first level item description */ div#maximenuck ul.maximenuck li.level1 > a span.descck { color : #353535; } /* first level item link */ div#maximenuck ul.maximenuck li.parent.level1 > a, div#maximenuck ul.maximenuck li.parent.level1 > span { background : url(../images/maxi_arrow0.png) center 30px no-repeat; filter: none; } /* parent style level 0 */ div#maximenuck ul.maximenuck li.parent.level1 li.parent { background : url(../images/maxi_arrow1.png) center right no-repeat; } /* first level item hovered */ div#maximenuck ul.maximenuck li.level1>a:hover span.titreck, div#maximenuck ul.maximenuck li.level1>span:hover span.titreck { color : #535353; text-decoration:none; } /** ** items title and descriptions **/ /* item title */ div#maximenuck span.titreck { color : #353535; /*display : block;*/ text-transform : none; font-weight : normal; font-size : 14px; line-height : 18px; text-decoration : none; /*height : 17px;*/ min-height : 17px; float : none !important; float : left; } /* item description */ div#maximenuck span.descck { color : #353535; 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, div#maximenuck ul.maximenuck2 a:hover span.titreck { color : #535353; text-decoration:underline; } /** ** child items **/ /* child item title */ div#maximenuck ul.maximenuck2 li a.maximenuck, div#maximenuck ul.maximenuck2 li span.separator { text-decoration : none; /*border-bottom : 1px solid #505050;*/ margin : 0 2%; width: 96%; padding : 5px 0; clear:both; filter: none; text-shadow: none; font-size:15px; font-family:Georgia, serif; text-align: left; height:auto; } /* child item block */ div#maximenuck ul.maximenuck2 { background : transparent; margin : 0 !important; padding : 0 !important; border : none !important; box-shadow: none !important; width : 100%; /* important for Chrome and Safari compatibility */ position: static !important; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; filter: none; } div#maximenuck 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#maximenuck .item102 div.floatck, div#maximenuck ul.maximenuck li.item102.level1 > a, div#maximenuck ul.maximenuck li.item102.level1 > span { background-color : #C9F6DF; } div#maximenuck .item138 div.floatck, div#maximenuck ul.maximenuck li.item138.level1 > a, div#maximenuck ul.maximenuck li.item138.level1 > span { background-color : #FFFFD9; } div#maximenuck .item143 div.floatck, div#maximenuck ul.maximenuck li.item143.level1 > a, div#maximenuck ul.maximenuck li.item143.level1 > span { background-color : #FDE5FA; } div#maximenuck .item145 div.floatck, div#maximenuck ul.maximenuck li.item145.level1 > a, div#maximenuck ul.maximenuck li.item145.level1 > span { background-color : #D4FFFC; } div#maximenuck .item146 div.floatck, div#maximenuck ul.maximenuck li.item146.level1 > a, div#maximenuck ul.maximenuck li.item146.level1 > span { background-color : #DEE7FF; } div#maximenuck .item147 div.floatck, div#maximenuck ul.maximenuck li.item147.level1 > a, div#maximenuck ul.maximenuck li.item147.level1 > span { background-color : #FFEBE5; } div#maximenuck .item148 div.floatck, div#maximenuck ul.maximenuck li.item148.level1 > a, div#maximenuck ul.maximenuck li.item148.level1 > span { background-color : #FFFFDC; } div#maximenuck div.floatck { background : #C9F6DF; text-align:left; /*border : 1px solid #707070;*/ } /** ** module style **/ div#maximenuck div.maximenuck_mod { width : 100%; 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 : 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; color : #888; font-weight : normal; } div#maximenuck ul.maximenuck2 div.maximenuck_mod a:hover { color : #FFF; } /* module title */ div#maximenuck ul.maximenuck2 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#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; 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#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; } /** ** 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 */ /* styles for right position */ div#maximenuck ul.maximenuck li.align_right, 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:0px; top:auto; } 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; } div#maximenuck ul.maximenuck li div.floatck div.maximenuck2 { width : 180px; } /** ** fancy parameters **/ div#maximenuck .maxiFancybackground { list-style : none; padding: 0 !important; margin: 0 !important; border: none !important; z-index: -1; } div#maximenuck .maxiFancybackground .maxiFancycenter { /*background: url('../images/fancy_bg.png') repeat-x top left;*/ height : 34px; } 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 { } /* bouton 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; background: none; border: none; left: auto; 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.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > a, div#maximenuck ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator { background: none; } div#maximenuck .maxipushdownck div.floatck div.floatck { background : none; border : none; } /*--------------------------------------------- --- Full width --- ----------------------------------------------*/ div#maximenuck li.fullwidth > div.floatck { margin: 0; padding: 0; width: 100% !important; }