/* CSS menu */

dl, dt, dd, ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dl {
float: left;
width: 111px;
height: 20px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color: white;
background: #C80A10;
border-right: 1px solid gray;
margin: 0px;
width: 111px;
height: 20px;
}
#menu dt a {
padding-left: 10px;
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:hover {
background: #C80A10;
}

#menu dd {
display: none;
border-left: 0px solid silver;
width: 155px;
margin-top: 1px;
}
#menuhaut
{
margin: 0px;
z-index: 100;
padding: 1px 0px 0px 0px;
/*background-color: #8C9DD1;*/
border-bottom: 0px solid #ff3300;
height: 70px;
width: 1000px;
}
#projet
{
margin: 0px;
z-index: 100;
padding: 0px 0px 0px 0px;
/*background-color: #8C9DD1;*/
border: 0px solid gray;
height: 24px;
width: 1000px;
background: url(http://www.jmliot.com/media/site/bg_menu.jpg) repeat-x;
/*background: url(../img/bg_projet.gif) ; 
background-repeat: repeat-x;
background-position: 0px 0px;  On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#projet ul
{
background: url(media/site/bg_menu.jpg) repeat-x;
margin: 3px 0 0 0;
padding: 3px 0 0 0;
list-style-type: none;
text-align: left;
}

#projet ul li { display: inline; }

#projet ul li a
{
font-weight:bold;
font-size:10px;
font-stretch:semi-condensed;
text-decoration: none;
padding: 1px 6px 4px 6px;
color: #fff;
background-color: none;
background: url(media/site/bg_menu.jpg) repeat-x;
}

#projet ul li a:hover
{
color: #CA4A0D;
}

#projet li a:hover {
/*background: #333;*/
}

.menu {background-color: #1E4E66;}
.menug {margin-top: 0px; margin-bottom: 10px; margin-left: 3px; margin-right: 0px;}