<!-- 
body {
font: 80% verdana, arial, sans-serif;
color : white;
background-color : black;
background-image : url(/images/fond.jpg);
background-repeat: no-repeat;
background-position: 50% 160px;
margin: 0;
padding: 0;
}

#entete {
margin-bottom: 0px;
}
a img{
border : none;
}

#corps {

position: absolute;
left: 50%;
width: 800px;
margin-left : -400px;
text-align : justify;
}

#corps a {
z-index: 1;
color: white;
text-decoration: none;
text-align : justify;
}

#corps a:hover {
color: red;
}

.bloc {
clear : both;
border : 1px solid;
-moz-border-radius-topleft : 20px;
-moz-border-radius-bottomright: 20px;
border-color: red;
/*text-align: center;*/
vertical-align : bottom;


/*padding-left: 100px;*/
}

.bloc2 {
clear : both;
color: black;
border : 1px solid;
-moz-border-radius-topleft : 20px;
-moz-border-radius-bottomright: 20px;
border-color: white;
vertical-align : bottom;
background-color : white;
}

a.bloc2{
color: black;
z-index: 1;
text-decoration: none;
text-align : justify;
}

#pied {
clear : both;
width: 800px;
padding: 0;
vertical-align : bottom;
margin: 10px auto;
border-top: 1px solid;
border-color: red;
text-align: center;
}


/*#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}*/
#menu {
position: absolute;
z-index:100;
width: 100%;
}

#menu dl{
float: left;
width: 160px;
/*margin: 0 1px;*/
text-align: center;
margin: 0;
padding: 0;
}
#menu dt{ /*menus visble*/
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
border: 1px solid gray;
border-color: red;
/*margin: 1px;*/
margin: 0;
padding: 0;
}
#menu dd{ /*bordure sous-menu*/
display: none;
border: 1px solid gray;
border-color: red;
margin: 0;
padding: 0;

}
#menu ul {
margin: 0;
padding: 0;
}

#menu li{
text-align: center;
background: black;
list-style-type: none;
margin: 0;
padding: 0;

}
li#menu a  {/* sous-menu*/
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
text-align: center;
}
dt#menu a {/*menu sans sous-menu*/
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
text-align: center;
background: black;
}



h1 {
margin: 0 auto;
text-align : center;
}

h2 {
margin: 10px auto;
text-align: center;
}

h3 {
margin : 10px auto;
margin-left: 10px;
text-align : left;
}

h4 {
margin: 10px auto;
text-align : center;
}

.ret {
width: 650px;
padding-top: 5px;
padding-left: 100px;}

ul.ret {
list-style-type:disc;
}

.centre {
text-align : center;
}

a.hp { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 115px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(/images/boutons/hp.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
	 margin: 0 auto;
     }
	 
a.hp:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(/images/boutons/hpon.gif); /* source de l'image d'arrivée */
     }
	 
a.suiv { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 100px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(/images/boutons/suiv.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
	      }
	 
a.suiv:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(/images/boutons/suivon.gif); /* source de l'image d'arrivée */
     }

a.prec { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 100px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(/images/boutons/prec.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.prec:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(/images/boutons/precon.gif); /* source de l'image d'arrivée */
     }

a.retour { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 100px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url(/images/boutons/retour.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     margin: 0 auto;
	 }
	 
a.retour:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(/images/boutons/retouron.gif); /* source de l'image d'arrivée */
     }
	 
.cache {display: none;}

#photo {
width : 140px;
float : left;
margin-right: 30px;
margin-left: 30px;
}

#npv {
width : 400px;
float: left;
}

#lien li{

list-style-type: none;
margin: 15px;

display: inline;
}

ul#lien {
margin:0;
padding:0;
text-align: center;
}

.fll {
float:left;
}
.marge {
margin-left:10px;
}
.marge2 ul{
margin-top:0;
padding-top:0;
}