dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 0px;
	left: 0px;
	z-index:110;
	width: 700px; /* correction pour Opera */
}
#menu dl {
float: left;
width: 100px;

}
#menu dt {
cursor: pointer;
text-align: center;
font:Arial, Helvetica, sans-serif;
font-size:13px;
background: url(images/BT.jpg);
color: #CC0000;
font-weight: bold;
border: 0px;
border-color:#FFE7CE;
margin:0px;
height: 20px;
width: 100px;
}
#menu dd {
display: none;
border: 0px #FFE;

}
#menu li {
text-align: center;

}
#menu dt a {
color: #666666;
font-family: Arial, Helvetica, sans-serif; 
background: url(images/BT.jpg);
text-align: center;
font-size: 13px;
text-decoration: none;
display: block;
height: 20px;
width: 100px;
border: 0 ;
}
#menu li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
background: url(images/BT.jpg);
color: #B9BDC8;
text-decoration: none;
text-align: left;
width: 1px;
display: block;
height: 20px;
border: 0px;
border-color: #000000;
}
#menu li a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
color: #990000;
text-decoration: none;
text-align: left;
width: 120px;
background-image: url(images/BTX.jpg);
height: 20px;
border: 0px;
border-color: #FFE7CE;
}
#menu dt a:hover, #menu dt a:focus {
color: #515E7B;
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
text-align: center;
background: url(images/BTX.jpg);
display: block;
height: 20px;
border: 0 none;
}
#titre {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 158px;
	left: -3px;
	z-index:110;
	width: 204px; /* correction pour Opera */
}
#p0 {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 73px;
	left: 4px;
	z-index:110;
	width: 195px; /* correction pour Opera */
	height: 50px;
}
#p1 {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 225px;
	left: 426px;
	z-index:110;
	width: 280px; /* correction pour Opera */
}
#p1 {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 222px;
	left: 68%;
	z-index:110;
	width: 200px; /* correction pour Opera */
}
#p2 {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 816px;
	left: 244px;
	z-index:110;
	width: 72%; /* correction pour Opera */
}
#p3 {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 225px;
	left: 426px;
	z-index:110;
	width: 500px; /* correction pour Opera */
}
#p4 {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	top: 225px;
	left: 426px;
	z-index:110;
	width: 500px; /* correction pour Opera */
}
#nv {
	position:absolute; /* placement du menu, à modifier selon vos besoins */
	left: 5px;
	top: 182px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 261px;
	}
#site {
position: absolute;
z-index: 0;
top : 0px;
left : 0px;
color: #F8F8F8;
background-color: #FFFFFF;
padding: 0px;
border: 0px;
}
ul#navig
{
	top: 25px;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#navig li
{
	top: 25px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}


ul#navig li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 200px ;
	margin-top: 25px;
	line-height: 150px ;
	font-size:1px;
	color: #F8F8F8 ;
	text-indent: 114px ; /* On décale le texte de 120px du bord gauche */


	text-decoration: none ;
	background: url(images/Logo.jpg) no-repeat 0 0        ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: none;
}

ul#navig li a:hover
{
	background: url(images/Logo.jpg) no-repeat 0 -150px        ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: none ;
}