body
{
background-image: url("ange7.jpg");
}




h1
{
padding:2%;margin:0%;
color:#eeeeee;
font-weight: bold;
font-family:calibri;arial;
font-size:3.8em;
}

h2
{
margin-top:10%;
color: #000000;
font-size:0.4em;
}

h3
{
color:#ffffff;
margin-top:4%;
margin-left:90%;
}


p
{
color:#20b2aa;
font-weight: normal;
text-align:left;
margin-left:7%;
font-family:comic sans ms;arial;
font-size:1.1em;
}

a
{
color:#dc143c;
font-weight: bold;

}

td,h1,a,p
{

margin-top:0%;
padding:0%;
text-decoration:none;
}

#choix
{
margin-top:65%;
margin-left:0%;
border:ridge 1px #ffefd5;
text-align:center;
font-weight: bold;
font-family:calibri;arial;
font-size:1.2em;
}

a:hover
{
background-image: url("gris.JPG");
color:#ffffff;
text-decoration:none;
}

img
{
float:left;
position:relative;
margin-left:2%;
margin-top:1%;
}

dt
{
margin-top:18%;
}


#menu
{
margin-top:-18%;
margin-left:-1%;
background-image: url("noir.JPG");
height:48px;
float:left;
}


#menu dl
{
margin:0;padding:0;
margin-top:-1%;
width:150px;
height:50px;
display:block;
float:left;

}

#menu dt
{
display:block;
margin-top:5%;
height:46px;
color:#dc143c;
font-weight: bold;
font-family:arial;calibri;
font-size:1.3em;
line-height:50px;
text-align:center;
border-right:ridge 1px #ffefd5;
border-left:ridge 1px #ffefd5;
cursor:pointer;
} 

#menu dd
{
margin:0;padding:0;
font-weight: bold;
margin:0;padding:0;
margin-left:-4%;


}

#menu dd ul li
{
margin-left:5%;padding:0;
text-align:center;
font-weight: bold;
font-family:arial;calibri;
font-size:0.7em;
list-style:none;
}

#menu dd ul li a
{
text-align:center;
width:150px;
/* Pas très orthodoxe le left négatif*/
margin-left:-40px;
display:block;
color:black;
text-decoration:none;
line-height:30px;
background-image: url("rose2.JPG");
}


#menu dd ul li a:hover 
{
background-image: url("gris.JPG");
color:#ffffff;
}

 
#menu dl dd 

{
display:none;
}


#menu dl:hover dd
{
margin-top:-20px;
/*pas très orthodoxe!mais utile pour que le clich hover fontionne*/
display:block;
color:#ffffff;
}

  

             

#boum	
{

background-image: url("noir.JPG");
height:20px;
width:80px;
float:left;

}


#boum dl
{
margin:0;padding:0;
width:100px;
margin-top:0%;
margin-left:2%;
height:48px;
display:block;
float:left;

}

#boum dt
{
display:block;
height:46px;
margin-top:-50%;
margin-left:0%;
color:#008b8b;
font-weight: bold;
font-family:arial;calibri;
font-size:0.9em;
line-height:30px;
text-align:center;
border-right:ridge 0px #ffefd5;
border-left:ridge 0px #ffefd5;
cursor:pointer;
} 

#boum dd
{
height:46px;
font-weight: bold;
margin-left:-38%;
}

#boum dd ul li
{
margin:0;padding:0;
text-align:center;
font-weight: bold;
font-family:arial;calibri;
font-size:0.7em;
list-style:none;
}

#boum dd ul li a
{
text-align:center;
width:100px;
/* Pas très orthodoxe le left négatif*/
margin-left:0%;
display:block;
color:black;
text-decoration:none;
line-height:30px;
background-image: url("bleu.JPG");
}


#boum dd ul li a:hover 
{
background-image: url("gris.JPG");
color:#ffffff;
}

 
#boum dl dd 

{
display:none;
}


#boum dl:hover dd
{
margin-top:-30%;
/*pas très orthodoxe!mais utile pour que le clich hover fontionne*/
display:block;
color:#ffffff;
}



</style> </head>