#menu {
  height:50px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  position:relative;
  text-align:center;
  margin-left: auto; 
  margin-right: auto; 
 /* largeur de chaque item +2px par item */ 
  width:762px;
  z-index:5;
  top:5px;
  text-align:center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  margin-left:auto ;
  margin-right:auto;
  
}

#menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  position:absolute;
}
 
#menu ul li {
  float:left;
  margin:auto;
  padding:0;
 /* background-color:black; */
  color:#666666;
  background:url("/images/menu.jpg") repeat scroll 0 0 #CDDBEB;
  text-align:center;
  border:1px solid #CDCDCC;
/* Penser a ajuster la largeur du menu */
  width:125px;
}

#menu ul li a {
  display:block;
  color:#666666;
  text-decoration:none;
  padding:5px;
}
#menu ul li ul li {
  width:auto;
}
#menu ul li ul li a{
  background-image:none;
/* font-size : 10px; */
  font-weight:normal;

}

#menu li a:hover {
  color:#000000;
}
/* Masquer les sous menus */
#menu ul li ul {
  display:none;
}

/* Survol : affichage sous menu*/
#menu ul li:hover ul {
  display:block;
}

#menu ul li ul li:hover {
  display:block;
}
#menu li:hover ul li {
  float:none;
}

#menu li a {
  text-decoration:none;
  background:url("/images/menu.jpg") repeat scroll 0 0 #CDDBEB;
  font-weight:bold;
  color:#666666
}

#menu a:hover {
  color:#000000
}

/* Sous menu */
#sousmenu {
  height:50px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  position:relative;
  text-align:center;
  margin-left: auto; 
  margin-right: auto; 
 /* largeur de chaque item +2px par item */ 
/*  width:auto; */
  z-index:4;
  top:5px;
}

#sousmenu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  position:absolute;
}
 
#sousmenu ul li {
  float:left;
  margin:auto;
  padding:0;
 /* background-color:black; */
  color:#666666;
  background: #CDDBEB;
  text-align:center;
  border:1px solid #CDCDCC;
/* Penser a ajuster la largeur du menu */
/*  width:125px; */
}

#sousmenu li a {
 display:block;
 color:#666666;
 text-decoration:none;
 padding:5px;
 }


#sousmenu ul li ul li {
  width:auto;
}
#sousmenu ul li ul li a{
  background-image:none;
/* font-size : 10px; */
  font-weight:normal;

}

#sousmenu li a:hover {
 color:#000000;
 }
/* Masquer les sous menus */
#sousmenu ul li ul {
 display:none;
 }

/* Survol */
#sousmenu ul li:hover ul {
 display:block;
 }
#sousmenu li:hover ul li {
 float:none;
 }

#sousmenu a {
 text-decoration:none;
 background:v#CDDBEB;
 font-weight:bold;
 color:#666666
}
#sousmenu a:hover {
 color:#000000
}
@media all and (max-width: 800px)
{
	#menu {
		width=100%;
	}
	#menu ul {
	 list-style-type: none; 
	}
	#menu ul li {
		width : 90%; 
		background: #CDDBEB;
		float: none;
	}
	#menu ul li a{
		background: #CDDBEB;
	}
	#menu-trigger {
		display:inline;
	}
}