body
{
background-color:rgb(0,0,0);
background-image:url("image/fond.png");
background-repeat: no-repeat; 
background-position: auto; 
background-attachment: fixed; 
}

#englobe
{
width: 960px;
margin: auto; 
margin-top:40px; 
margin-bottom: 20px; 
background-color: rgb(242,163,104); 
}
/****MENU D'EN TETE******/
#menu_en_tete
{
display:inline;
margin-bottom:10px;
padding-top:10px;
margin-left:0px;
width:945px;
height:55px;
}

.element_menu_en_tete
{
text-align : center;
display : inline;
margin-left:20px;
margin-right:20px;
}

.element_menu_en_tete a
{
text-decoration:none;
color:rgb(0,0,0);
}

.element_menu_en_tete a:hover
{
font-style:italic;
color:rgb(217,48,2);
}



/*****EN TETE*****/
#en_tete
{
width:960px;
height:340px;
margin:auto;
margin-top:20px;
margin-bottom:0px;
background-image:url("image/banniere.png");
position:no-repeat;
}


/*****MENU DE GAUCHE*****/
#menu
{
text-align:center;
float: left; 
width: 145px; 
margin:5px;
}

#menu a
{
color:rgb(0,0,0);
text-decoration:none;
}

#menu a:hover
{
font-style:italic;
color:rgb(212,48,2);
}

.element_menu
{
background-color:rgb(163,77,49);
background-image: url("image/bordure.png");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px; 
}

.element_menu li
{
text-align:left; 
}

 div h5
{    
font-family: Arial,"Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul 
{
padding: 0px; 
padding-left: 20px; 
margin: 0px; 
margin-bottom: 20px;
}

.element_menu a 
{
color:rgb(0,0,0);
}

.element_menu a:hover 
{
font-style:italic;
color:rgb(258,128,0);
}

.element_menu a:active
{
font-style:italic;
color:rgb(0,0,0);
background-color:rgb(258,128,0);
}

/*****CORPS*****/ 
#corps
{
width:784px;
height:600px;
margin-left: 155px; 
margin-bottom: 20px; 
padding: 5px; 
color: black;
background-color:rgb(163,77,49); 
background-image: url("image/bordure.png");
background-repeat: repeat-x; 
border: 2px solid black; 
text-align:justify;
overflow: auto;

}

#corps h1
{
text-align:center;
}

#corps h2
{
text-align:center;
}

#corps em
{
 text-decoration: underline;
}

#corps a
{
text-decoration:none;
color:rgb(0,0,0);
}

#corps a:hover
{
font-style:italic;
color:rgb(258,128,0);
}

#corps a:active
{
font-style:italic;
color:rgb(0,0,0);
background-color:rgb(258,128,0);
}

.portrait
{
width:500px;
height:214px;
border:2px solid black;
background-image: url("image/portrait.png");
margin:auto;
}

.paragraphe p:first-letter
{
margin:auto;
font-weight: bold; 
font-size: 1.6em;
color:rgb(258,128,0);
}

.paragraphe_encadre
{
width:720px;
margin:auto; 
}




/*****PIEDS DE PAGE*****/ 
#pied_de_page
{
width:944px;
height:55px;
clear: both;
text-align: center;
color: black;
background-color:rgb(163,77,49);
background-image: url("image/bordure.png");
background-repeat: repeat-x;
border: 2px solid black;
margin:5px;
}

/*****ELABORATION*****/

.elaboration
{
width:750px;
height:525px;
border:2px solid black;
background-image:url(image/elaboration.png);
margin:auto;
}