@charset "utf-8";
/* CSS Document */

#menu {
/*position: absolute; *//* placement du menu, à modifier selon vos besoins */
top: 0;
/*left: 49px;*/
z-index:100;
/*width: 100%; */
/* correction pour Opera */}

#menu li {
text-align: center;
/*background: #fff;
width:191px;*/
list-style:circle;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
text-align:left;
padding:2px 10px 0 10px;
font-size:0.9em;

}

#menu li a, #smenu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}


#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
/*background: #fff;*/
color:#0066FF;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #0F4A82;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

dd#smenu1 > ul > li > a{
color:#0066CC;
}

/*---------------2---------------*/
#menu2 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}


#menu2 dl.petitdl{
float: left;
width: 49px;
color:#fff;
}

#menu2 dt.petit {
cursor: pointer;
text-align: center;
font-weight: bold;
background:url(assets/menu/bg_menu_etoile_off.jpg) no-repeat left;
height:19px;
padding-top:15px;
}

#menu2 dd {
display: none;
border: 1px solid #ccc;
width:191px;
padding:8px 0 8px 0;
}
#menu2 li {
text-align: center;
background: #fff;
/*width:191px;*/
}
#menu2 li a, #menu2 dt a {
color: #0F4A82;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
text-align:left;
padding:2px 10px 0 10px;
font-size:0.9em;
}

#menu2 li a, #smenu2 dt a {
color: #0F4A82;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}


#menu2 li a:hover, #menu2 li a:focus, #menu2 dt a:hover, #menu2 dt a:focus {
/*background: #fff;*/
color:#FFFFFF;
}


dd#smenu1 > ul > li > a{
color:#0066CC;
}


#menu ul{
	display:inline;
}


#menu li{
	display:inline;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, ;
	/*height:44px;*/
	margin:0;
	padding:0;
}
#menu ul li.menu_on{
	text-align:left;
}
#menu ul li.menu_on a{
	text-align:center;
}

#menu ul li.menu-etoile_on{
	text-align:left;
}
#menu ul li.menu-etoile_on a{
	text-align:center;
}

#menu ul li.menu_on-end{
	text-align:left;
}
#menu ul li.menu_on-end a{
	text-align:center;
}

/**/
li.menu-etoile_off{
	background:url(assets/menu/bg_menu_off.jpg) no-repeat left;
	width:191px;
	color:#FFFFFF;
}
li.menu-etoile_off-end{
	background:url(assets/menu/bg_menu_off-end.jpg) no-repeat left;
	width:195px;
	color:#FFFFFF;
}
li.menu-etoile_off{
	background:url(assets/menu/bg_menu_etoile_off.jpg) no-repeat left;
	width:49px;
	color:#FFFFFF;
}

li.menu-etoile_off a{
	color:#FFFFFF;
	padding-top:16px;
	display:block;
}
li.menu-etoile_off-end a{
	color:#FFFFFF;
	padding-top:16px;
	display:block;
}

li.menu-etoile_on{
	background:url(assets/menu/bg_menu_on.jpg) no-repeat left center;
	width:191px;
	color:#0F4A82;
}
li.menu-etoile_on{
	background:url(assets/menu/bg_menu_etoile_on.jpg) no-repeat left;
	width:49px;
	color:#FFFFFF;
}
li.menu_on-end{
	background:url(assets/menu/bg_menu_on-end.jpg) no-repeat left;
	width:195px;
	color:#FFFFFF;
}
li.menu-etoile_on a{
	color:#0F4A82;
	padding-top:16px;
	display:block;	
}
li.menu-etoile_on-end a{
	color:#0F4A82;
	padding-top:16px;
	display:block;	
}
li.menu_off{
	background:url(assets/menu/bg_menu_off.jpg) no-repeat left;
	width:191px;
	color:#FFFFFF;
}
li.menu_off-end{
	background:url(assets/menu/bg_menu_off-end.jpg) no-repeat left;
	width:195px;
	color:#FFFFFF;
}
li.menu-etoile_off{
	background:url(assets/menu/bg_menu_etoile_off.jpg) no-repeat left;
	width:49px;
	color:#FFFFFF;
}

li.menu_off a{
	color:#FFFFFF;
	padding-top:16px;
	display:block;
}
li.menu_off-end a{
	color:#FFFFFF;
	padding-top:16px;
	display:block;
}

li.menu_on{
	background:url(assets/menu/bg_menu_on.jpg) no-repeat left center;
	width:191px;
	color:#0F4A82;
}
li.menu-etoile_on{
	background:url(assets/menu/bg_menu_etoile_on.jpg) no-repeat left;
	width:49px;
	color:#FFFFFF;
}
li.menu-end_on{
	background:url(assets/menu/bg_menu_on-end.jpg) no-repeat left;
	width:49px;
	color:#FFFFFF;
}
li.menu_on a{
	color:#0F4A82;
	padding-top:16px;
	display:block;	
}

div#menu > ul > li.menu_on > ul > li.sous_menu a{
padding-top:3px;
}

div#menu > ul > li.menu_on-end > ul > li.sous_menu a{
padding-top:3px;
}

ul.sous_menu2{
	border-top:1px solid #CCCCCC;
	margin-left: 180px;
}
ul li.sous_menu strong a{
	font-weight: bold;
}

li.menu_on-end a{
	color:#0F4A82;
	padding-top:16px;
	display:block;	
}

div#menu ul li ul{
	position: absolute;
	margin: 5px 0 0 0;
	/**margin:27px 0 0 -75px;*/
	background-color:white;
	/*line-height:20px;*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	*white-space: nowrap;
	*width:100%;
	z-index: 2;
	
}

li.sous_menu{
list-style:none;
	border-top:solid 1px ccc;
	z-index: 3;
}

li.sous_menu a {
	text-align: left;
	font-weight: normal;
}

div#menu ul li ul{
	width:168px;
	padding:0 10px 10px 10px;
	font-size:0.8em;
	
}
div#menu ul li ul li.sous_menu{
	/*display: list-item;*/
	float: none;
	text-align: left;
	padding: auto;
	margin-top: 8px;
	border-top:solid 1px ccc;
	list-style:none;
}

div#menu ul li ul li.sous_menu a{
	color: #0F4A82;
	font-size:1.0em;
	list-style:none;
	border-top:solid 1px ccc;
	text-align: left;
}
div#menu ul li ul li.sous_menu strong{
	color: #0F4A82;
	font-size:1.0em;
	list-style:none;
	border-top:solid 1px ccc;
	font-weight: bold;
	text-transform: uppercase;
	background: #E8EBF7;
	display:block;
	padding:2px 0 2px 6px;
	margin-top:10px;
}
li.sous_menu{
background:none;
}
li.menu_off strong{
	color: #0F4A82;
	padding: 4px;
	display: block;
	margin-top: 16px;
	list-style:none;
	
}

li.menu-etoile_on{
	background:url(assets/menu/bg_menu_etoile_on.jpg) no-repeat left;
	width:49px;
	color:#FFFFFF;
}
li.menu-end_on{
	background:url(assets/menu/bg_menu_on-end.jpg) no-repeat left;
	width:49px;
	color:#FFFFFF;
}
li.menu_on a{
	color:#0F4A82;
	padding-top:16px;
	display:block;	
}
li.menu_on-end a{
	color:#0F4A82;
	padding-top:10px;
	display:block;	
}

div#menu ul li ul{
	position: absolute;
	margin: 5px 0 0 0;
	*margin:27px 0 0 -75px;
	background-color:white;
	line-height:20px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	*white-space: nowrap;
	*width:100%;
	z-index: 2;
	
}

li.sous_menu{
list-style:none;
	border-top:solid 1px ccc;
	z-index: 3;
}
div#menu ul li ul{
	width:168px;
	padding:0 10px 10px 10px;
	font-size:0.8em;
	margin:6px 0 0 0;
}
div#menu ul li ul li.sous_menu{
	/*display: list-item;*/
	float: none;
	text-align: left;
	padding: auto;
	margin-top: 8px;
	border-top:solid 1px ccc;
}

div#menu ul li ul li.sous_menu a{
	color: #0F4A82;
	font-size:1.0em;
	list-style:none;
	border-top:solid 1px ccc;
}
div#menu ul li ul li.sous_menu strong{
	color: #0F4A82;
	font-size:1.1em;
	list-style:none;
	border-top:solid 1px ccc;
	font-weight: bold;
	text-transform: uppercase;
	background: #E8EBF7;
}

li.menu_off strong{
	color: #0F4A82;
	padding: 4px;
	display: block;
	margin-top: 16px;	
}