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



#menu, #menu ul {
	padding: 0;
	margin: 0;
	float:left;
	/*padding-top:3%;*/
	background-color:#fff;
	margin: 0;
	list-style: none;
}
#menu li {
/* on place les liens du menu horizontalement */
    display: inline-block;	
}
#menu ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
	
}
#menu a {
	text-decoration: none;
	display: block;
	padding-top:0.7em;
	padding-bottom:0.8em;
	padding-left : 0.8em ; /* 1.8em;*/
	padding-right: 0.8em ;/*1.8em;*/
	font-weight : bold;
	font-size:1em;
	
	/*background-color:#999;
	width:100%;*/
}

#menu ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    display:none; /*left: -999em;*/
    text-align: left;
    z-index: 1000;
	/*background-color:#F00;*/ 	
}
#menu ul a:first-child:nth-last-child(1):after {
	content:"▼";
	position: absolute;
    top: 0;
    left:50px;
	
}
#menu ul a:first-child:nth-last-child(2):after {
   content:"\0025BA" ;
   float:right; } 



/* apparence sousmenu */
#menu ul li a {
	color:#00F; 
	font-size:15px;
	font-weight:normal;
	/*background-color:#FFF;*/
	}
#menu li li {
   display: list-item;
}
#menu ul li{
	text-align:left;
	font-style:italic;
	width : 250px;
	border-bottom : thin dotted blue;
	border-top: thin dotted blue;
	border-left : thin dotted blue;
	border-right : thin dotted blue;
	/*background-color:#FFF; /*#EAEAEA;*/
	background-image:url(../images/FondTableau.jpg);
	/*size:cover;opacity:.75;z-index:-1;*/
	padding-left:10px;
	
}
#menu ul li li {
	width:420px;
	}

#menu ul ul, #menu li:hover ul ul {
   position:absolute;
   left:-999em;
   width:100%;
}
#menu li:hover ul {
/* Au survol des li du menu on replace les sous menus  1er niveau*/
   display:block;
padding-top:29px;
background-color:transparent;
}

#menu li li a {
  padding:4px; /* déterminer le dimension du cadre des sousmenus */
 height:20px; 
}
#menu li li:hover ul {
   top:0px;
   left:100% ;
   padding-top:29px;
			
}