


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

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 {

font-size:14px;

line-height:18px;

text-align:center;

zoom:1;

}



/* container style */

div#maximenuck ul.maximenuck {

overflow: visible !important;

display: block !important;

float: none !important;

visibility: visible !important;

opacity: 1 !important;

/*position: static !important;*/

list-style:none;

/*width:940px; */

margin:0 auto;

/*height:43px;*/

height: auto;

padding:0px 0px 0px 0px;

/*-moz-border-radius:6px;

-webkit-border-radius: 6px;

border-radius:6px;

filter: none;*/

/*background: #333333;*/

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

}



div#maximenuck ul.maximenuck:after {

content: " ";

display: block;

height: 0;

clear: both;

visibility: hidden;

font-size: 0;

}



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

---	 	Root items - level 1				---

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



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

background : none;

list-style : none;

/*border: 1px solid transparent;*/

/*float:left;*/

text-align:center;

padding:0px;

margin-right:0px;

margin-top: 0px;

/*cursor: pointer;*/

vertical-align: middle;

box-shadow: none;

filter: none;

background:#333333;

}







div#maximenuck ul.maximenuck li.maximenuck.level1.green ul li a span {

	color:#000000;
    text-transform: capitalize !important;

}	

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

	padding:0 0px 0 15px;

}



div#maximenuck ul.maximenuck li.maximenuck.level1.green ul li:hover a span, div#maximenuck ul.maximenuck li.maximenuck.level1.green ul li.active a span {

	color:#B60E87;

}



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

	background:#333333 url(../images/nav_round_l_outer.gif) left center no-repeat;

}
/*--Edited by Yesha--*/
div#maximenuck ul.maximenuck li.maximenuck.level1.item148 {

	background:#333333 url(../images/nav_round_r_outer.gif) right center no-repeat;
}
div#maximenuck ul.maximenuck li.maximenuck.level1.item148:hover a, div#maximenuck ul.maximenuck li.maximenuck.level1.item148.active a {

	background:url(../images/nav_round_r_outer_aktiv.gif) right center no-repeat;

}	




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

	background:#333333 url(../images/nav_round_r_outer.gif) right center no-repeat;
	margin: 0 0 0 10px;
    padding: 0 3px 0 0;
}
div#maximenuck ul.maximenuck li.maximenuck.level1.last a {
	background: #333333 url(../images/nav_round_l_outer.gif) left center no-repeat;
}


div#maximenuck ul.maximenuck li.maximenuck.level1.first:hover, div#maximenuck ul.maximenuck li.maximenuck.level1.first.active {

	background:#666666 url(../images/nav_round_l_outer_aktiv.gif) left center no-repeat;

}

div#maximenuck ul.maximenuck li.maximenuck.level1.first:hover a, div#maximenuck ul.maximenuck li.maximenuck.level1.first.active a {

	background:url(../images/nav_round_r_aktiv.gif) right center no-repeat;

}

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

	background:#333333 url(../images/nav_round_r_outer.gif) right center no-repeat;

}

div#maximenuck ul.maximenuck li.maximenuck.level1.last:hover, div#maximenuck ul.maximenuck li.maximenuck.level1.last.active {

	/*background:#666666 url(../images/nav_round_l_aktiv.gif) left center no-repeat;*/background: #666666 url(../images/nav_round_l_outer_aktiv.gif) left center no-repeat;
    padding: 0 0px 0 0;

}

div#maximenuck ul.maximenuck li.maximenuck.level1.last:hover a, div#maximenuck ul.maximenuck li.maximenuck.level1.last.active a {

	background:url(../images/nav_round_r_outer_aktiv.gif) right center no-repeat;
   padding: 0 21px 0 18px;

}	





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

div#maximenuck 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;*/

 background:#666666 url(../images/nav_round_l_aktiv.gif) left center no-repeat;

}



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

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

 background:url(../images/nav_round_r_aktiv.gif) right center no-repeat;

}





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

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

font-size:12px;

color: #F9ECF6;

display:block;

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 18px;

white-space: normal;

}



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

/*-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#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 {

color : #F9ECF6;

/*text-shadow: 1px 1px 1px #ffffff;*/

}



/* arrow image for parent item */

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

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

/*padding-right:21px;

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

}



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 8px;*/

}



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

/*padding-right:21px;

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

}



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:-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#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 {

padding-left:21px;

background:url("../images/drop-left.gif") no-repeat left 8px;

}



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

-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#maximenuck ul.maximenuck li div.floatck ul.maximenuck2,

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;

}



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

div#maximenuck ul.maximenuck2 li.maximenuck {

font-size:12px;

position:static;

/*text-shadow: 1px 1px 1px #ffffff;*/

padding:1px 17px;

margin: 0px 0px 0px 0px;

float:none !important;

text-align:left;

background : none;

list-style : none;

display: block !important;

line-height:16px;

}



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

div#maximenuck 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,

div#maximenuck ul.maximenuck2 a,

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

font-size:12px;

font-weight :bold;

color: #666666;

display:block;

text-decoration:none;

text-transform : none;

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

outline : none;

background : none;

filter: none;

border : none;

padding : 0 0px;

white-space: normal;

box-shadow: none;

}



/* submenu link */

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

div#maximenuck ul.maximenuck2 li a {

color:#666666;

/*text-shadow: 1px 1px 1px #ffffff;*/

background:none !important;

}



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

div#maximenuck ul.maximenuck2 a {

font-size:12px;

color:#161616;

display: block;

}



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,

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

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

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

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

color:#B60E87;

background: transparent;

}





/* link image style */

div#maximenuck li.maximenuck > a img {

margin : 3px;

border : none;

}



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

div#maximenuck li.maximenuck img {

border : none;

}

div#maximenuck li span.titreck {
	text-transform: uppercase
}
div#maximenuck li span.titreck ul li span.titreck {
	text-transform: capitalize;
}
/* 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;

float : left;

/*text-transform: capitalize;*/

font-weight:bold;

}



div#maximenuck .nav-header span.titreck {

	color:#666666;

}





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

float : left;

}



/* submenus container */

div#maximenuck div.floatck {

width :222px; /* default width */

margin:0px 0 0 1px;

text-align:left;

padding:3px 0 0 0;

/*border:1px solid #777777;*/

border-top:none;

background:#fff;

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

}



div#maximenuck .maxipushdownck div.floatck {

margin: 0;

}



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

---	 	Columns management					---

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



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

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

margin : -10px 0 0 70px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

border:1px solid #777777;

}



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

width : 222px; /* 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,

div#maximenuck ul.maximenuck2 h2 a,

div#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,

div#maximenuck ul.maximenuck2 h3 a,

div#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,

div#maximenuck 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 .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,

div#maximenuck 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,

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

background-color:#333333 !important;

}



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

div#maximenuck 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,

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

text-decoration: underline;

}



/* greybox style */

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

div#maximenuck 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,

div#maximenuck 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,

div#maximenuck 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#maximenuck div.maximenuck_mod {

width : 100%;

padding : 0;

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;

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,

div#maximenuck .maxipushdownck div.floatck div.floatck {

position: static;

background:  none;

border: none;

left: auto;

margin: 3px;

moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}



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

div#maximenuck .maxipushdownck 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,

div#maximenuck .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > a,

div#maximenuck .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator {

background:  none;

}



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

---	 Full width				                ---

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



div#maximenuck li.fullwidth > div.floatck {

margin: 0;

padding: 0;

width: 100% !important;

}









@media only screen and (max-width:980px) and (min-width: 768px) {

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

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

	padding: 0 12px;

}

div#maximenuck div.floatck {	

	width :158px; 

}

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

    width : 158px; 

}

