body{
background-color:#FAFAFA;
color:#000000;
font-family: arial, sans-serif;
font-size:0.9em; 
text-align:left;
}
p{
padding:1em;
margin-top:-1.5em;
}
#PAGE{
width:85%;
margin:auto;
}
a, a:visited{
color:#955628;
text-decoration:none;
}
h2 {
font-size:1em;
padding-left:0.5em;
color:#813F01;
background-color:#F0F0F0;
}
hr{
clear:both;
color: #642;
background-color: #642;
height: 1px;
width:60%;
margin:auto;
}
#ENTETE{
height:100px;
background-color:#FFFFFF;
}
#ENTETE h1{
padding-top:1em;
text-align:center;
color:#813F01;
}

.menu {
color:#626D71;
margin:auto;
}

ul.menu {
 padding:0em 0em 1em 2em;
 margin:auto;
 list-style-type:none;
 }

li.menu {
!--box-shadow: #626D71 0.3em 0.3em 0.3em;--!
border-radius: 0.3em;
 margin-left:12px;
 float:left; /*pour IE*/
 }

ul.menu li a {
 display:block;
 float:left;   
 width:100px;
 color:#813F01;
 text-decoration:none;
 text-align:center;
 padding:5px;
!--box-shadow: #626D71 0.1em 0.1em 0.3em;--!
!--border-radius: 0.3em;--!
  }

ul.menu li a:hover {
color:#F0F0F0;
 background-color:#813F01;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 


#UNE{
clear:both;
width: 45%; float:left;  margin:0.3em; 
background-color:#FFFFFF;
}

#MAIN img{
width:100%;
}
#BIO h2{
margin-top:0;
}
#BIO img{
float:left;
padding:1em;
}

#DEUX{
width: 24%; float:left;   margin:0.3em;
background-color:#FFFFFF;
}
#CONTEXT h2{
margin-top:0;
}

#TROIS{
width: 24%; float:left; 
margin:0.3em;
background-color:#FFFFFF;

}

.suite{
background-color:#F0F0F0;
color:#202020;
font-family: arial, sans-serif;
font-size:0.8em; 
text-align:right;
}