<!-- 
body {
margin: 0;
padding: 0;
background: black;
font: 80% verdana, arial, sans-serif;
color: white;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


.conteneur_photo {
  height: 10%;
  width: 300px;
  float: right;
  color: #ffffff;
}
.conteneur_page {
  height: 100%;
  width: 82%;
  float: right;
  padding-right: 1%;
}
.txt_photo {
  padding-left: 0%;
  padding-top: 5%;
  float: left;
  width: 70%;
  color: #ffffff;
}
.photo {
  float: right;
  padding-top: 1%;
  padding-right: 1%;
  } 


#accueil {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 1%;
left: 0%;
width: 16%;
}
#compteur {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 1.5%;
left: 1.5%;
}
#sites {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 35%;
left: 88%;
width: 12%;
}
  
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 35%;
left: 0%;
width: 16%;
}
#menu dt, #sites dt, #accueil dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #666666;
}
#menu dd, #sites dd {
border: 0px solid gray;
}
#menu li, #sites li {
height: 20px;
text-align: center;
background: #222222;
}
#menu dt a, #sites dt a, #accueil dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a, #sites li a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover, #accueil dt a:hover, #sites dt a:hover, #sites li a:hover {
background: #9D9E63;
}
-->