/*mon premier fichier css comme il est beau !*/

/*le design général*/
body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("../images/fond.png");
}

/*la bannière*/
#en_tete
{
width:758px;
height:100px;
background-image:url("../images/banniere.png");
background-repeat:no-repeat;
margin-bottom:10px;
}

/*le menu et ses éléments*/
#menu
{
float:left;
width:135px;
/*margin:40px;*/
}

.element_menu
{
background-color: rgb(227,232,228);
background-image: url("../images/laniere.png");
background-repeat: repeat-x;
   
border: 2px solid silver;
margin-bottom: 20px;
padding-bottom: 5px;
}

.element_menu h3
{
color: gray;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
margin-bottom: 15px;
}

.element_menu ul
{
list-style-image:url("../images/puce.png");
padding: 0px;
padding-left:20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: rgb(204,159,98);
}

.element_menu a:hover
{
color: rgb(214,105,73);
}

/*le corps et ses éléments*/
#corps
{
margin-left: 155px;
margin-bottom :20px;
padding: 10px;

background-color: rgb(227,232,228);
background-image: url("../images/laniere.png");
background-repeat: repeat-x;
   
border: 2px solid silver;

color: rgb(80,89,74);
text-align: justify;
}

#corps h1
{
color: rgb(214,105,73);
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
background-image: url("../images/titre.png");
background-repeat: no-repeat;
padding-left: 30px;

color: rgb(204,159,98);
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2:hover
{
background-image: url("../images/titre2.png");
background-repeat: no-repeat;
padding-left: 30px;

color: rgb(204,159,98);
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps p:first-letter
{
   font-weight: bold;
   font-size: 1.2em;
   color: rgb(204,159,98);
}

#corps ul
{
list-style-image:url("../images/puce.png");
padding: 0px;
padding-left:20px;
margin-left: 25px;
margin-bottom: 5px;
}

.signature
{
text-align: right;
font-style: italic;
}

#corps table
{
border-collapse: collapse;
text-align: center;
}

#corps td, #corps th
{
border: 1px solid silver;
}

.enconstruction
{
width:399px;
height:433px;
background-image:url("../images/enconstruction.png");
background-repeat:no-repeat;
margin: auto;
margin-top:20px;
margin-bottom:20px;
}

#corps a img
{
width:100px;
height:100px;
margin: 4px;
border: 2px solid silver;
}

#corps a img:hover
{
width:100px;
height:100px;
margin: 4px;
border: 2px solid gray;
}

/*Tout en bas sont les vaches*/
#pied_de_page
{
background-color: rgb(227,232,228);
background-image: url("../images/laniere.png");
background-repeat: repeat-x;

clear:both;
   
border: 2px solid silver;
padding-left:10px;
padding-right:10px;

color: rgb(204,159,98);
text-align: center;
}

#pied_de_page q
{
color: rgb(204,159,98);
font-style: italic;
}