/*----------------------------------------------------------------------------------------------------------- This theme is largely inspired by the Mega menu tutorial on net.tutsplus.com : https://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 https://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/ -------------------------------------------------------------------------------------------------------------*/ .ckclr {clear:both;visibility: hidden;} /*--------------------------------------------- --- menu container --- ----------------------------------------------*/ /* menu */ div#maximenuck1146 {font-size:14px;line-height:21px;text-align:left;zoom:1;} /* container style */ div#maximenuck1146 ul.maximenuck{clear:both;position:relative;z-index:999;overflow:visible !important;display:block !important;float:none !important;visibility:visible !important;opacity:1 !important;list-style:none;margin:0 auto;height:auto;padding:0px 20px 0px 20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;filter:none;background:#014464;background:-moz-linear-gradient(top,#0272a7 0%,#013953 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0272a7),color-stop(100%,#013953));background:-webkit-linear-gradient(top,#0272a7 0%,#013953 100%);background:-o-linear-gradient(top,#0272a7 0%,#013953 100%);background:-ms-linear-gradient(top,#0272a7 0%,#013953 100%);background:linear-gradient(top,#0272a7 0%,#013953 100%);border:1px solid #002232;-moz-box-shadow:inset 0px 0px 1px #edf9ff;-webkit-box-shadow:inset 0px 0px 1px #edf9ff;box-shadow:inset 0px 0px 1px #edf9ff;text-align:left;zoom:1} /* vertical menu */ div#maximenuck1146.maximenuckv ul.maximenuck {padding: 5px;} div#maximenuck1146 ul.maximenuck:after {content: " ";display: block;height: 0;clear: both; visibility: hidden;font-size: 0;} /*--------------------------------------------- --- Root items - level 1 --- ----------------------------------------------*/ div#maximenuck1146 ul.maximenuck li.maximenuck.level1{display:inline-block;float:none !important;position:static;list-style:none;border:1px solid transparent;text-align:center;padding:4px 9px 2px 9px;margin:2px 10px 0 0;cursor:pointer;vertical-align:middle;box-shadow:none;filter:none} /** IE 7 only **/ *+html div#maximenuck1146 ul.maximenuck li.maximenuck.level1 {display: inline !important;} /* vertical menu */ div#maximenuck1146.maximenuckv ul.maximenuck li.maximenuck.level1 {display: block !important; margin: 0;padding: 4px 0px 2px 8px;text-align: left;} div#maximenuck1146 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck1146 ul.maximenuck li.maximenuck.level1.active{border:1px solid #777777;background:#F4F4F4;background:-moz-linear-gradient(top,#F4F4F4,#EEEEEE);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#F4F4F4),to(#EEEEEE));-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} div#maximenuck1146 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck1146 ul.maximenuck li.maximenuck.level1>span.separator{font-size:14px;color:#EEEEEE;display:block;float:none !important;float:left;position:relative;text-decoration:none;text-shadow:1px 1px 1px #000;box-shadow:none;min-height:34px;outline:none;background:none;filter:none;border:none;padding:0;white-space:normal;filter:none} /* parent item on mouseover (if subemnus exists) horizonal menu only */ div#maximenuck1146.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover, div#maximenuck1146.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover {-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} /* item color on mouseover */ div#maximenuck1146 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck1146 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck1146 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck1146 ul.maximenuck li.maximenuck.level1.active > span.separator {color : #161616; text-shadow: 1px 1px 1px #ffffff;} div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent > span.separator {padding: 0 12px 0 0;} /* arrow image for parent item */ div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent>span.separator:after{content:"";display:block;position:absolute;width:0;height:0;border-style:solid;border-width:7px 6px 0 6px;border-color:#EEEEEE transparent transparent transparent;top:7px;right:-4px} div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent:hover > span.separator:after, div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent.active > a:after, div#maximenuck1146.maximenuckh ul.maximenuck li.level1.parent.active > span.separator:after { border-top-color : #161616;} /* vertical menu */ div#maximenuck1146.maximenuckv ul.maximenuck li.level1.parent > a:after, div#maximenuck1146.maximenuckv ul.maximenuck li.level1.parent>span.separator:after{display:inline-block;content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 7px;border-color:transparent transparent transparent #EEEEEE;margin:5px 10px 3px 0;position:absolute;right:3px;top:3px} div#maximenuck1146.maximenuckv ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck1146.maximenuckv ul.maximenuck li.level1.parent:hover > span.separator:after, div#maximenuck1146.maximenuckv ul.maximenuck li.level1.parent.active > a:after, div#maximenuck1146.maximenuckv ul.maximenuck li.level1.parent.active > span.separator:after { border-left-color : #161616;} /* arrow image for submenu parent item */ div#maximenuck1146 ul.maximenuck li.level1.parent li.parent > a:after, div#maximenuck1146 ul.maximenuck li.level1.parent li.parent > span.separator:after, div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after, div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent>a:after{display:inline-block;content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 7px;border-color:transparent transparent transparent #015b86;margin:3px;position:absolute;float:right;right:3px;top:2px} div#maximenuck1146 ul.maximenuck li.level1.parent li.parent:hover > a:after, div#maximenuck1146 ul.maximenuck li.level1.parent li.parent:hover > span.separator:after, div#maximenuck1146 ul.maximenuck li.level1.parent li.parent.active > a:after, div#maximenuck1146 ul.maximenuck li.level1.parent li.parent.active > span.separator:after{ border-left-color : #029feb;} /* styles for right position */ div#maximenuck1146 ul.maximenuck li.maximenuck.level1.align_right, div#maximenuck1146 ul.maximenuck li.maximenuck.level1.menu_right, div#maximenuck1146 ul.maximenuck li.align_right, div#maximenuck1146 ul.maximenuck li.menu_right {float:right !important; margin-right:0px !important;} div#maximenuck1146 ul.maximenuck li.align_right:not(.fullwidth) div.floatck, div#maximenuck1146 ul.maximenuck li:not(.fullwidth) div.floatck.fixRight{left:auto;right:-1px;top:auto;-moz-border-radius:5px 0px 5px 5px;-webkit-border-radius:5px 0px 5px 5px;border-radius:5px 0px 5px 5px} /* arrow image for submenu parent item to open left */ div#maximenuck1146 ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > a, div#maximenuck1146 ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > span.separator, div#maximenuck1146 ul.maximenuck li.level1.parent.menu_right li.parent > a, div#maximenuck1146 ul.maximenuck li.level1.parent.menu_right li.parent > span.separator { border-color: transparent #015b86 transparent transparent;} /* margin for right elements that rolls to the left */ div#maximenuck1146 ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight, div#maximenuck1146 ul.maximenuck li.level1.parent.menu_right div.floatck div.floatck { margin-right : 93%;} div#maximenuck1146 ul.maximenuck li div.floatck.fixRight{-moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px;border-radius: 5px 0px 5px 5px;} /*--------------------------------------------- --- Sublevel items - level 2 to n --- ----------------------------------------------*/ div#maximenuck1146 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck1146 ul.maximenuck2{z-index:11000;clear:left;text-align:left;background:transparent;margin:0 !important;padding:0 !important;border:none !important;box-shadow:none !important;width:100%;position:static !important;overflow:visible !important;display:block !important;float:none !important;visibility:visible !important} div#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck1146 ul.maximenuck2 li.maximenuck{text-align:left;z-index:11001;padding:0;font-size:12px;position:static;text-shadow:1px 1px 1px #ffffff;padding:5px 0px;margin:0px 0px 4px 0px;float:none !important;text-align:left;background:none;list-style:none;display:block} div#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover, div#maximenuck1146 ul.maximenuck2 li.maximenuck:hover {background: transparent;} /* all links styles */ div#maximenuck1146 ul.maximenuck li.maximenuck a, div#maximenuck1146 ul.maximenuck li.maximenuck span.separator, div#maximenuck1146 ul.maximenuck2 a, div#maximenuck1146 ul.maximenuck2 li.maximenuck span.separator{margin:0;font-size:14px;font-weight:normal;color:#a1a1a1;display:block;text-decoration:none;text-transform:none;outline:none;background:none;filter:none;border:none;padding:0 5px;white-space:normal;box-shadow:none;position:relative} /* submenu link */ div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 li a, div#maximenuck1146 ul.maximenuck2 li a {color:#015b86;text-shadow: 1px 1px 1px #ffffff;} div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck1146 ul.maximenuck2 a {font-size:12px;color:#161616;display: block;position: relative;} div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck1146 ul.maximenuck2 li:hover > a, div#maximenuck1146 ul.maximenuck2 li:hover > h2 a, div#maximenuck1146 ul.maximenuck2 li:hover > h3 a, div#maximenuck1146 ul.maximenuck2 li.active > a{color:#029feb;background: transparent;} /* link image style */ div#maximenuck1146 li.maximenuck > a img {margin : 3px; border : none;} /* img style without link (in separator) */ div#maximenuck1146 li.maximenuck img {border : none;} /* item title */ div#maximenuck1146 span.titreck{text-decoration:none;min-height:17px;float:none !important;float:left;margin:0} /* item description */ div#maximenuck1146 span.descck{display:block;text-transform:none;font-size:10px;text-decoration:none;min-height:12px;line-height:12px;float:none !important;float:left} /*-------------------------------------------- --- Submenus ------ ---------------------------------------------*/ /* submenus container */ div#maximenuck1146 div.floatck{position:absolute;display:none;padding:0;margin:2px 0 0 -10px;text-align:left;padding:5px 5px 0 5px;border:1px solid #777777;border-top:none;background:#F4F4F4;background:-moz-linear-gradient(top,#EEEEEE,#BBBBBB);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#EEEEEE),to(#BBBBBB));-moz-border-radius:0px 5px 5px 5px;-webkit-border-radius:0px 5px 5px 5px;border-radius:0px 5px 5px 5px;filter:none;width:inherit;z-index:9999;cursor:auto} div#maximenuck1146 div.maxidrop-main{width:180px;display:flex;flex-wrap:wrap} /* vertical menu */ div#maximenuck1146.maximenuckv div.floatck{margin:-39px 0 0 90%;border:1px solid #777777;border-left:none;-moz-border-radius:0px 5px 5px 5px;-webkit-border-radius:0px 5px 5px 5px;border-radius:0px 5px 5px 5px} div#maximenuck1146 .maxipushdownck div.floatck {margin:0;} /* child blocks position (from level2 to n) */ div#maximenuck1146 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} /** ** Show/hide sub menu if mootools is off - horizontal style **/ div#maximenuck1146 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck div.floatck, div#maximenuck1146 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck div.floatck, div#maximenuck1146 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck:hover div.floatck div.floatck, div#maximenuck1146 ul.maximenuck li.sfhover:not(.maximenuckanimation) div.floatck div.floatck, div#maximenuck1146 ul.maximenuck li.sfhover:not(.maximenuckanimation) div.floatck.sfhover div.floatck div.floatck, div#maximenuck1146 ul.maximenuck li.sfhover:not(.maximenuckanimation) div.floatck.sfhover div.floatck.sfhover div.floatck div.floatck{display:none} div#maximenuck1146 ul.maximenuck li.maximenuck:hover > div.floatck, div#maximenuck1146 ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#maximenuck1146 ul.maximenuck li.maximenuck:hover> div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#maximenuck1146 ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#maximenuck1146 ul.maximenuck li.sfhover > div.floatck, div#maximenuck1146 ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck, div#maximenuck1146 ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck, div#maximenuck1146 ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck { display: block;} div#maximenuck1146 div.maximenuck_mod ul {display:block;} /*--------------------------------------------- --- Columns management --- ----------------------------------------------*/ div#maximenuck1146 ul.maximenuck li div.floatck div.maximenuck2, div#maximenuck1146 .maxipushdownck div.floatck div.maximenuck2{margin:0;padding:0;flex:0 1 auto;width:100%} /* h2 title */ div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 h2 a, div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator, div#maximenuck1146 ul.maximenuck2 h2 a, div#maximenuck1146 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#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 h3 a, div#maximenuck1146 ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator, div#maximenuck1146 ul.maximenuck2 h3 a, div#maximenuck1146 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#maximenuck1146 ul.maximenuck li ul.maximenuck2 li p, div#maximenuck1146 ul.maximenuck2 li p{line-height:18px;margin:0 0 10px 0;font-size:12px;text-align:left} /* image shadow with specific class */ div#maximenuck1146 .imgshadow{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#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.blackbox, div#maximenuck1146 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#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.blackbox:hover, div#maximenuck1146 ul.maximenuck2 li.blackbox:hover {background-color:#333333 !important;} div#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.blackbox a, div#maximenuck1146 ul.maximenuck2 li.blackbox a {color: #fff;text-shadow:1px 1px 1px #000; /*display: inline !important;*/} div#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.blackbox:hover > a, div#maximenuck1146 ul.maximenuck2 li.blackbox:hover > a{text-decoration: underline;} /* greybox style */ div#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.greybox, div#maximenuck1146 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#maximenuck1146 ul.maximenuck li ul.maximenuck2 li.greybox:hover, div#maximenuck1146 ul.maximenuck2 li.greybox:hover{background:#ffffff !important;border:1px solid #aaaaaa} /* create new row with flexbox */ div#maximenuck1146 .ck-column-break {flex-basis:100%;height:0;} /*--------------------------------------------- --- Module in submenus --- ----------------------------------------------*/ /* module title */ div#maximenuck1146 ul.maximenuck div.maximenuck_mod > div > h3, div#maximenuck1146 ul.maximenuck2 div.maximenuck_mod>div>h3{width:100%;font-weight:bold;color:#555;border-bottom:1px solid #555;text-shadow:1px 1px 1px #000;font-size:16px} div#maximenuck1146 div.maximenuck_mod{padding:0;white-space:normal} div#maximenuck1146 div.maximenuck_mod div.moduletable{border:none;background:none} div#maximenuck1146 div.maximenuck_modfieldset{width:100%;padding:0;margin:0 auto;overflow:hidden;background:transparent;border:none} div#maximenuck1146 ul.maximenuck2 div.maximenuck_mod a{border:none;margin:0;padding:0;display:inline;background:transparent;font-weight:normal} div#maximenuck1146 ul.maximenuck2 div.maximenuck_mod a:hover {} div#maximenuck1146 ul.maximenuck2 div.maximenuck_mod ul{margin:0;padding:0;width:100%;background:none;border:none;text-align:left} div#maximenuck1146 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#maximenuck1146 ul.maximenuck2 div.maximenuck_mod #form-login ul{left:0;margin:0;padding:0;width:100%} div#maximenuck1146 ul.maximenuck2 div.maximenuck_mod #form-login ul li{margin:2px 0;padding:0 5px;height:20px;background:transparent} div#maximenuck1146 form {margin:0 0 5px;} /*--------------------------------------------- --- Fancy styles (floating cursor) --- ----------------------------------------------*/ div#maximenuck1146 .maxiFancybackground{position:absolute;top:0;list-style:none;padding:0 !important;margin:0 !important;border:none !important;z-index:-1} div#maximenuck1146 .maxiFancybackground .maxiFancycenter {border-top:1px solid #fff;} /*--------------------------------------------- --- Button to close on click --- ----------------------------------------------*/ div#maximenuck1146 span.maxiclose {color: #fff;} /*--------------------------------------------- --- Stop the dropdown --- ----------------------------------------------*/ div#maximenuck1146 ul.maximenuck li.maximenuck.nodropdown div.floatck, div#maximenuck1146 ul.maximenuck li.maximenuck div.floatck li.maximenuck.nodropdown div.floatck, div#maximenuck1146 .maxiFancybackground{position:absolute;top:0;list-style:none;padding:0 !important;margin:0 !important;border:none !important;z-index:-1} div#maximenuck1146 ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck, div#maximenuck1146 .maxipushdownck ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck{ background:none;text-indent:5px;} div#maximenuck1146 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > a, div#maximenuck1146 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator, div#maximenuck1146 .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > a, div#maximenuck1146 .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown>span.separator{background:none} /* remove the arrow image for parent item */ div#maximenuck1146 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.parent.nodropdown > *:after, div#maximenuck1146 .maxipushdownck ul.maximenuck2 li.parent > *:after {display:none;} div#maximenuck1146 li.maximenuck.nodropdown > div.floatck > div.maxidrop-main {width:auto;} /*--------------------------------------------- --- Full width --- ----------------------------------------------*/ div#maximenuck1146.maximenuckh li.fullwidth>div.floatck{margin:0;padding:0;width:auto !important;left:0;right:0} div#maximenuck1146.maximenuckv li.fullwidth>div.floatck{margin:0 0 0 -5px;padding:0;top:0;bottom:0;left:100%;right:auto !important} div#maximenuck1146 li.fullwidth > div.floatck > div.maxidrop-main {width:auto !important;} div#maximenuck1146.maximenuckv li.fullwidth>div.floatck>.maxidrop-main{height:100%;overflow-y:auto} /*--------------------------------------------- --- Tabs --- ----------------------------------------------*/ div#maximenuck1146 ul.maximenuck li.maximenucktab>div.floatck div.floatck{top:0;bottom:0;left:180px;width:calc(100% - 180px);margin:0;overflow:auto}