/* CSS Document */

/* Partie Structure et mise en forme...*/
#menu {
/*position: absolute;*/
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
top: 0;
left: 0;
z-index:100;
height:120px;
/*background-color:#00FF33;*/
width: 100%; /* précision pour Opera */
/*background:url(../images/fd-menu01.gif) no-repeat;*/
}

#menu dl,#menu  dt,#menu  dd,#menu  ul,#menu  li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width:125px;/*10.5em;*/
}

#menu dt {
cursor: pointer;
text-align: center;
/*font-weight: bold;
background: #ccc;*/
background: #ffffff;
border: 1px solid gray;
margin: 1px;
}

#menu dd {
display: none; /* pour faire en sorte qu'au départ, les définitions ne soient pas visible. à changer pour le faire avec un javascript.*/
/*border: 1px solid gray;*/
}


#menu li {
text-align: center;
background-color:#FFFFFF; 
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
_height: 100%;
/*border: 0 none;*/
border:1px solid #eee;
}

#menu #accueil dt a
{
	height:75px;
	width:150px;
	background:url(../images/logo2.gif);
	border:none;
}
#menu #accueil  dt a:hover
{
	background-color:#FFFFCC;
}

/*#menu li a:hover, #menu dt a:hover {
background: #eee;
}*/

/* Partie Style et Couleurs */
/*#rub1 dt{
background-color:#333366;
}

#rub2 dt{
background-color:#FF8C00;
}

#rub3 dt{
background-color:#CC0000;
}

#rub4 dt{
background-color:#669900;
}

#rub5 dt{
background-color:#FCC917;
}*/

#menu #rub1 li a:hover, #menu #rub1 dt a:hover {background-color:#255080; color:#FFE9CF;}
#menu #rub2 li a:hover, #menu #rub2 dt a:hover {background-color:#FF8C00; color:#FFE9CF;}
#menu #rub3 li a:hover, #menu #rub3 dt a:hover {background-color:#CC0000; color:#FFE9CF;}
#menu #rub4 li a:hover, #menu #rub4 dt a:hover {background-color:#669900; color:#FFE9CF;}
#menu #rub5 li a:hover, #menu #rub5 dt a:hover {background-color:#666666; color:#FFE9CF;}

#menu #rub2 dt
{
	background-image:url(../images/fd-menu-rouge01.gif);
	background-image:url(../images/david3.png);
	background-position:top;
	background-repeat:no-repeat;
}

#menu #rub3 dt
{
	background-image:url(../images/fd-menu-rouge01.gif);
	background-image:url(../images/david.png);
	background-position:top;
	background-repeat:no-repeat;
}

/*#menu #rub1 { position:relative;left:0px;}
#menu #rub2 { position:relative;left:0px;}
#menu #rub3 { position:relative;left:0px;}
#menu #rub4 { position:relative;}
#menu #rub5 { position:relative;}*/
#menu #accu { position:absolute; margin: 0 auto;left:10px;z-index:106; }
#menu #rub1 { position:absolute; margin: 0 auto;left:135px;z-index:106; }
#menu #rub2 { position:absolute; z-index:106; left:260px;}
#menu #rub3 { position:absolute;z-index:106;left:260px;}
#menu #rub4 { position:absolute;z-index:106;left:385px;}
#menu #rub5 { position:absolute;z-index:106;left:510px;}
#menu #rub1 dt
{
	background-image:url(../images/fd-menu-rouge01.gif);
	background-image:url(../images/david1.png);
	background-position:top;
	background-repeat:no-repeat;
}
#menu #rub4 dt
{
	background-image:url(../images/fd-menu-rouge01.gif);
	background-image:url(../images/david4.png);
	background-position:top;
	background-repeat:no-repeat;
}
#menu #rub5 dt
{
	background-image:url(../images/fd-menu-rouge01.gif);
	background-image:url(../images/david5.png);
	background-position:top;
	background-repeat:no-repeat;
}