html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #000;
background : #6EA325;
}


/* TITRES 
**************************************************************/

h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 12px;
background :  url(images/hr.gif) left bottom repeat-x;
text-transform : uppercase ; 
}
 
h3 {
margin : 10px 0 0 0 ;
padding : 0 ; 
font-size : 12px;
}
 
/* IMAGES 
**************************************************************/

.img_droite {
float : right; 
margin : 10px 0 10px 10px ; 
border : 1px solid #81D307
}


/* LISTE
**************************************************************/

ul {
list-style : none ;
}

/* CONTENEUR GENERAL 
**********************************************/ 

#site {
background-color :#fff;
text-align : left;
width : 705px ; 
margin : 15px auto 0 auto; 
min-height: 100%;
border : 10px solid #81D307;
}

#site2 {
background-color :#fff;
text-align : left;
width : 705px ; 
margin : 15px auto 0 auto; 
min-height: 420px ;
border : 10px solid #81D307;
}

/* HEADER
**********************************************/ 

#header {
width : 675px ; 
height : 251px ;
margin : 15px auto 0 auto; 
background : url(images/header.jpg);
border-top : 1px solid #fff
}

/* MENU 
**************************************************/

ul#menu {
text-align: left;
color :#fff ; 
font-size : 12px ; 
font-weight : bold;
margin : 236px 0 0 0; 
padding : 0; 
overflow : auto; 
}

#menu li {
float : left ;
margin : 0 ;
padding : 0; 
background : url(images/ul.jpg) left bottom repeat-y;
}
  
#menu li a {
color : #fff ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;
}

#menu li:first-child {
background : none
}

#menu li a:hover {
color : #BCDF21; 
text-decoration : none
}

/* CONTENEUR DE LA SIDEBAR ET DU CONTENU
**********************************************/
 
#main {
width : 680px ;
margin-left : auto;
margin-right : auto;
text-align : left; 
overflow : auto ; 
}

/* SIDEBAR 
**********************************************/

#side {
float : left ;  
width : 160px;
text-align : left; 
margin-left : 5px ; 
margin-top : 20px ;
padding-bottom : 100px; 
}

#side ul {
margin : 0 0 20px 0;
padding : 0; 
width : 140px; 
}

#side li.name a {
color : #3B4033; 
text-decoration : none ; 
text-transform : uppercase ; 
font-weight : bold ; 
background :  url(images/hr.gif) left bottom repeat-x; 
display : block ;
padding : 0 0 10px 0; 
margin : 0 0 5px 0;  
}

#side li.name a:hover {
color : #BCDF21;
}

#side li.url a {
color : #4B3D40; 
text-decoration : underline ;   
}

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

#contenu {
float : left ;  
width : 494px;
margin : 0 0 0 15px; 
padding : 20px 0 40px 0; 
}

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

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

#contenu  #presentation {
height : 105px;  
}
 
#contenu  #presentation img {
float : left ; 
margin : 0 10px 0 0; 
border : 1px solid #81D307
} 

#contenu  #presentation h1 {
float : left ;  
font-size : 12px;  
margin :0 0 10px 0;
padding : 0 0 10px 0; 
width : 365px; 
text-transform : uppercase ;
background :  url(images/hr.gif) left bottom repeat-x;
}

#contenu  #presentation p {
margin : 0; padding : 0;
}

#contenu ul {
margin : 0;
padding : 0; 
}

.pboot {
margin : 10px 15px 0 0 ; 
padding : 0 ; 
text-indent : 10px ;   
background :  url(images/pboot.jpg) left top no-repeat;}


/* FOOTER
**********************************************/ 
 
#footer {
width : 705px ; 
height : 40px ;
margin : 0 auto ;
padding : 10px 0 0 0;  
text-align : center ; 
color : #fff ;
}

#footer a {
color : #fff ; 
text-decoration : none; 
}

#footer a:hover {
color : #fff ; 
text-decoration : underline; 
}