/***************************************************/
/************** FEUILLE DE STYLE CSS ***************/


/****************** ALLURE GENERALE ******************/
body {
margin: 0;
padding: 0;
background-color: #666666; /*couleur de fond gris*/
}

p {
margin: 5px 5px 5px 50px;
}



/****************** CONTENEUR GLOBAL DU SITE (centré)  ******************/
.conteneur {
width: 800px;
height: 600px;
position: absolute;
left: 50%;
top:10px;
margin-left: -400px;
background-color: #999999; /*couleur de fond gris*/
}

/****************** ENTETE (TITRE)  ******************/
.entete {
width: 800px;
height: 100px;
position: absolute;
left: 50%;
margin-left: -400px;
text-align:center;
}


/****************** CORPS (texte + film)  ******************/
.corps {
top:120px;
left:300px;
width: 450px;
height: 450px;
position: absolute;
color:#666666;
border: 2px solid #666666;
}

/****************** DEFINITION DU MENU ******************/
.menu {
top:120px;
position:absolute;
list-style-type: none;
margin: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font: 8pt;
color:black;
padding-left:8px;
}

.menu ul{
text-decoration:none;
}

.menu li {
text-decoration:none;
margin-top: 10px;
color:#575757;
font-weight:bold;
border:0px;
}

.menu li img{
border:0px;
}

/****************** DEFINITION DES LIENS ******************/
a{
text-decoration:none;
color:#663300;
}

a:hover{
text-decoration:none;
color:#FFCCCC;
}