body
{
width: 900px;
margin: auto;
margin-bottom: 20px;    
background-color: rgb(193,101,52);
}
#en_tete
{
width: 900px;
height: 210px;
background-image: url("images/ferme.png");
background-repeat: no-repeat;
margin-bottom: 5px;
}
.p2
{
color : rgb(242,193,42);
font-size: 0.9em;
font-weight: bold;
font-family: "Trebuchet MS", arial;	
}
#menu1, #menu1 ul   
{
padding: 0; 
margin: 0; 
list-style: none;
line-height: 30px; 
text-align: center;
}
#menu1
{
font-weight: bold;
font-size: 0.9em;
font-family: "Trebuchet MS", arial;
}
#menu1 a 
{
display : block;
padding : 0;
background : #ffe288;
color : rgb(97,81,54);
text-decoration : none;
width : 144px;
}
#menu1 li 
{ 
float : left; 
border-right : 1px solid rgb(193,101,52); 
}
html>body #menu1 li
{
border-right: 6px solid transparent;
}
#menu1 li ul 
{
position: absolute; 
width: 144px; 
left: -999em;
}
#menu1 li ul li 
{
border-top : 2px solid rgb(193,101,52);
}
html>body #menu1 li ul li                
{
border-top : 2px solid transparent; 
}
#menu1 li ul ul 
{
margin: -22px 0 0 144px;
border-left: 1px solid rgb(193,101,52);
}
html>body #menu1 li ul ul                
{
border-left: 1px solid transparent;
}
#menu1 a:hover 
{
color: rgb(97,81,54);
background: rgb(242,193,43);
}
#menu1 a:visited
{
color: rgb(97,81,54);
text-decoration: underline;
}
#menu1 li:hover ul ul, #menu1 li.sfhover ul ul 
{
 left: -999em;
}
#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li.sfhover ul, #menu1 li li.sfhover ul
{
left: auto; 
min-height: 0;
}
#menu2,  #menu2 ul, #menu3,  #menu3 ul  
{
padding: 0; 
margin: 0; 
list-style: none;
line-height: 20px; 
}
#menu2, #menu3
{
font-weight: bold;
font-size: 0.9em;
font-family: "Trebuchet MS", arial;
}
#menu2 a, #menu3 a
{
display : block;
color : #ffe288;
text-align: center;
margin-top: 5px;
text-decoration : none;
padding: 5px 5px 5px 5px;
}

#menu2 a:hover, #menu3 a:hover 
{
color: rgb(97,81,54);
background: #ffe288;
padding: 5px -5px 5px -5px;
}
#colonneimages
{
float: right;
width: 300px;
height: 1343px;
margin: 6px 6px 0px 0px;
padding-top: 20px; 
text-align: center;
background-color: rgb(255,241,197);
}
.imagesdroite
{
display: block;
margin: 5px;
padding: 10px 0 0px 0;
}
#colonne
{
float: left;
width: 144px;
height: 1274px;
margin-top: 6px; 
padding-top: 30px;
padding-bottom: 60px;
background-color: rgb(97,81,54);
}
#corps
{
height: 1343px;
margin: 41px 306px 20px 150px;
padding: 20px 0 0 20px;
background-color: rgb(255,241,197);
}
h1
{
font-weight: bold;
font-size:1.2em;
color: rgb(97,81,54);
font-family: "Trebuchet MS", arial; 
}
h2
{
font-weight: bold;
font-size:1.1em;
text-align: center;
text-decoration: underline;
color: rgb(207,92,36);
font-family: "Trebuchet MS", arial; 
}
p
{
margin-top: 10px;
margin-right: 20px;
font-size:0.9em;
color: rgb(97,81,54);
font-family: "Trebuchet MS", arial; 
}
#pied_de_page
{
margin-left: 150px;
font-size:.8em;
font-weight: bold;
color: rgb(255,241,197);
font-family: "Trebuchet MS", arial; 
}
#titre1, #titre2, #titre3, #titre4
{
display:block;
background: url("images/soustitre3.png") left top no-repeat;
padding: 0px 0 10px 0px;
}
#firefox
{
border: 0; 
}

