body {
margin : 0 ;
padding : 0 ; 
background : #000 ;
text-align : center;
color : #575449 ;
font-family : Arial, "Arial Black", sans-serif;
font-size : 0.7em;
  }
  

/*  SITE
********************************************************************/
 
#site { 
text-align : left  ;
padding :  0 ; 
background : #fff ; 
}
     
     
/*  entete
********************************************************************/
   

#entete {
position : relative ; 
height : 154px;
background : url(images/entete.jpg);
}

.titre {
position : absolute;
top : 65px ; 
left : 20px ; 
margin : 0;
padding : 0 ; 
text-align : left;
font-family : Arial, "Arial Black", sans-serif;
font-size: 2.5em;
color: #ffffff;
font-variant: small-caps;
}




/*  entete >> TITRE DU SITE >> H1
********************************************************************/


#entete h1 {
position : absolute ;
top : 55px ; 
left : 500px ; 
margin : 0;
padding : 0 ; 
text-align : left;
font-family : Arial, "Arial Black", sans-serif;
font-size: 1.2em;
color: #ffb6c1;
font-variant: small-caps;  
}


#entete h1 span {
position : absolute ;
top : -9999px ; 
left : -9999px 
  
}
   
   
/*  entete >> MENU PRINCIPAL
********************************************************************/
   
   
   
#menu {
position : absolute ; 
top : 130px;
left : 25px; 
}

#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}


#menu  li{
float : left ;
text-transform : uppercase ;
}

#menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #A9BE9F ;
font-weight : bold ;
}

#menu  li a:hover {
color : #fff ;
}

/*  CONTENT
********************************************************************/

#content {
overflow : auto ;
padding : 0;
background : url(images/bg-content.jpg) top left no-repeat;
 }
 
 #content  img{
padding : 350px 0 10px 40px;
float : left;
border: none;
}

/*  CONTENU
********************************************************************/	


#contenu {
width : 38% ; 
float  : left ;
margin : 0;
padding : 40px 0 25px 40px  ;
line-height : 1.4em; 
text-align : justify ;
letter-spacing : 1px  
}

#contenu h2 {
color : #435732;
font-size : 1.4em;
margin : 0;
padding : 0;
text-transform : uppercase ; 
}



#contenu h3 {
color : #DD0116;
margin : 0; 
padding : 0 0 17px 0; 
font-weight : bold; 
font-size : 110%;  
}
#contenu h4 {
color : #435732;
margin : 0; 
padding : 0 0 5px 5px; 
font-weight : bold; 
font-size : 110%;  
}


#contenu img {
float : left ;
margin : 0 10px 0 0; 
}

#contenu a {
color : #435732; 
text-decoration : none ; 
}

#contenu a:hover {
text-decoration : underline ; 
}

#contenu p:last-child {
color : #435732
}

caption /* Titre du tableau */
{
margin : 0;
text-align: left; /* Centre le titre du tableau */
font-family: Arial, "Arial Black", sans-serif;
color: #435732;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
margin: 0;
border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
background-color: #ffffff;
color: #435732;
font-size: 1.2em;
font-family: Arial, "Arial Black", sans-serif;
padding-right: 22px; 
}

td /* Les cellules normales */
{
font-family: Arial, "Arial Black", sans-serif;
text-align: left; /* Tous les textes des cellules seront centrés*/
padding-right: 22px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
font-size:1em;
}




   

/*  CONTENU >> POST
********************************************************************/	


.post {
padding : 0 0 20px 0;
font-family : Arial, "Arial Black", sans-serif;
 }   



/*  piedpage
*******************************************************************/ 
   
#piedpage { 
min-height :271px;
background : #000 url(images/piedpage.jpg);
text-align : left ; 
padding : 20px 0 0 0;  
}


#piedpage p { 
color : #a9be9f; 
}

#piedpage img { 
float : left ;
margin : 0 0 0 20px ; 
}


#piedpage a { 
color : #a9be9f;
text-decoration : none ;  
}

#piedpage a:hover { 
text-decoration : underline ;  
}

#piedpage h2 {
font-size : 1.6em ;
margin : 0 ;
padding :  0 ; 
color : #a9be9f ; 
font-weight : normal;  
}
   
 
 
 
 /*  piedpage >> SIDE
********************************************************************/
   
   
#piedpage .side {
width : 235px ;
float  : left ;
padding :  0 0 0 20px ;
text-align : justify; 
color : #a9be9f;
}

#piedpage .side  ul{
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0; 
}
 
#piedpage .side  li{
margin : 0 ; 
padding : 0 0 5px 0; 
}

#piedpage .side  li a{
color : #a9be9f ;
text-decoration : none ;
}

#piedpage .side  li:first-child a{
border-top: 0; 
}


#piedpage .side  li a:hover{
color : #ffffff 
}


#piedpage .side  p{
margin : 5px 0 0 0 ; 
padding : 0 45px 0  0 ;  
}


#piedpage .side  form {
margin : 0;
padding : 5px 0 0 0;
height : 50px;  
}


#piedpage .side  input {
float : left ; 

}


#piedpage .side  .champ {
width : 115px ;
height : 20px;
border : 0; 
margin : 0;
padding : 0;   
 }


#piedpage .side  .recherche {
background : url(images/search-ok.jpg);
width : 23px;
height : 20px;
border : 0;
margin : 0 0 0 5px;
padding : 0; 
 } 


#piedpage #copy {clear : left ;
padding : 40px 0 0 450px }