body {
margin : 0 ;
padding : 0 ; 
background : #fff ;
text-align : center;
font-size : 11px;
color : #000000 ;
font-family : verdana ;
line-height : 18px ;
}
  
/*  SITE
*****************************************************************/
 
#site { 
width : 800px;
margin : 0 auto;
text-align : left ;
}

h1 {
color : #000000;
margin : 0 0 5px 0;
padding : 40px 0 0 0 ; 
font-size : 2em ;
text-transform : uppercase ; 
font-weight : normal;  
}
   
/*  HEADER
*****************************************************************/
#top { 
height : 148px;
background : url(images/bandeau_haut.png);
margin : 0 0 5px 0
}   

#top2 { 
height : 148px;
background : url(images/bandeau_haut2.png);
margin : 0 0 5px 0
}   

a.flag {  
background : url("images/flag_f.png") no-repeat; 
width : 28px;
height: 18px;
float:left;
margin: 135px 0px 0px 0px;  
}      

a.flag:hover  {
border-bottom:none;
width : 28px;
height: 18px;
float:left; 
background : url("images/flag_f1.png") no-repeat;  
} 

a.flag2 {  
background : url("images/flag_e.png") no-repeat; 
width : 28px;
height: 18px;
float:left;
margin: 135px 0px 0px 5px;  
}      

a.flag2:hover  {
border-bottom:none;
width : 28px;
height: 18px;
float:left; 
background : url("images/flag_e1.png") no-repeat;  
} 

   
#header { 
height : 247px;
//background : url(images/header.jpg);
margin : 0 0 10px 0
}

/*  MENU PRINCIPAL
*****************************************************************/
   
#menu {
height : 36px ; 
width : 800px;

}


a.menu1 {  
background : url("images/menu1b.png") no-repeat; 
width : 132px;
height: 26px;
float:left;
margin: 0px 0px 0px 0px;  
}      

a.menu1:hover  {
border-bottom:none;
width : 132px;
height: 26px;
float:left; 
background : url("images/menu1.png") no-repeat;  
} 

a.menu2 {  
background : url("images/menu2b.png") no-repeat; 
width : 224px;
height: 26px;
float:left;
margin: 0px 0px 0px -22px;  
}      

a.menu2:hover  {
border-bottom:none;
width : 224px;
height: 26px;
float:left; 
background : url("images/menu2.png") no-repeat; 
} 

a.menu3 {  
background : url("images/menu3b.png") no-repeat; 
width : 97px;
height: 26px;
float:left;
margin: 0px 0px 0px -21px;  
}      

a.menu3:hover  {
border-bottom:none;
width : 97px;
height: 26px;
float:left; 
background : url("images/menu3.png") no-repeat; 
} 

a.menu4 {  
background : url("images/menu4b.png") no-repeat; 
width : 94px;
height: 26px;
float:left;
margin: 0px 0px 0px -17px;  
}      

a.menu4:hover  {
border-bottom:none;
width : 94px;
height: 26px;
float:left; 
background : url("images/menu4.png") no-repeat; 
} 

a.menu5 {  
background : url("images/menu5b.png") no-repeat; 
width : 213px;
height: 26px;
float:left;
margin: 0px 0px 0px -14px;  
}      

a.menu5:hover  {
border-bottom:none;
width : 213px;
height: 26px;
float:left; 
background : url("images/menu5.png") no-repeat; 
} 

a.menu6 {  
background : url("images/menu6b.png") no-repeat; 
width : 130px;
height:26px;
float:left;
margin: 0px 0px 0px -16px;  
}      

a.menu6:hover  {
border-bottom:none;
width : 129px;
height: 26px;
float:left; 
background : url("images/menu6.png") no-repeat; 
} 



a.menu7 {  
background : url("images/menu1b.png") no-repeat; 
width : 132px;
height: 26px;
float:left;
margin: 0px 0px 0px 0px;  
}      

a.menu7:hover  {
border-bottom:none;
width : 132px;
height: 26px;
float:left; 
background : url("images/menu1v.png") no-repeat;  
} 

a.menu8 {  
background : url("images/menu2b.png") no-repeat; 
width : 224px;
height: 26px;
float:left;
margin: 0px 0px 0px -22px;  
}      

a.menu8:hover  {
border-bottom:none;
width : 224px;
height: 26px;
float:left; 
background : url("images/menu2v.png") no-repeat;  
} 

a.menu9 {  
background : url("images/menu3b.png") no-repeat; 
width : 97px;
height: 26px;
float:left;
margin: 0px 0px 0px -21px;  
}      

a.menu9:hover  {
border-bottom:none;
width : 97px;
height: 26px;
float:left; 
background : url("images/menu3v.png") no-repeat;  
} 

a.menu10 {  
background : url("images/menu4b.png") no-repeat; 
width : 94px;
height: 26px;
float:left;
margin: 0px 0px 0px -17px;  
}      

a.menu10:hover  {
border-bottom:none;
width : 94px;
height: 26px;
float:left; 
background : url("images/menu4v.png") no-repeat;  
} 

a.menu11 {  
background : url("images/menu5b.png") no-repeat; 
width : 213px;
height: 26px;
float:left;
margin: 0px 0px 0px -14px;  
}      

a.menu11:hover  {
border-bottom:none;
width : 213px;
height: 26px;
float:left; 
background : url("images/menu5v.png") no-repeat;  
} 

a.menu12 {  
background : url("images/menu6b.png") no-repeat; 
width : 129px;
height: 26px;
float:left;
margin: 0px 0px 0px -16px;  
}      

a.menu12:hover  {
border-bottom:none;
width : 129px;
height: 26px;
float:left; 
background : url("images/menu6v.png") no-repeat;  
} 

	
/*  Main
*****************************************************************/	

#main {
overflow : auto ;
}
	
/*  CONTENU
*****************************************************************/	
	
#contenu {
width : 480px ;  
float  : left ;
margin : 0;
padding : 0 20px 0 0 ;
}

#contenu2 {
width : 780px ;  
float  : left ;
margin : 0;
padding : 0 20px 0 0 ;
}

#contenu3 {
width : 330px ;  
float  : left ;
margin : 0;
padding : 0 0px 0 0 ;
}

#contenu4 {
width : 170px ;  
float  : left ;
margin : 0;
padding : 0 0px 0 0 ;
}
   
/*  CONTENU >> POST
*****************************************************************/	

.post {
margin : 0 0 20px 0 ; 
overflow : auto; 
}   

.post  h2 {
font-size : 1.6em ; 

padding :  0 ; 
margin: 0 ;
color : #000; 
font-weight : normal; 
clear : left ;  
}

.post  .sous-h2 {
margin : 0 ;
padding : 0;
font-weight : bold ;
color : #404040 ;
font-size : 110%;  
}
   
.post img {
float  : left ;
margin : 0 20px 0 0
}

.meta-comment {padding : 10px 0 0 0; color : #000 ; clear : left ; }
.meta-comment a {color : #000}

/*  SIDE
*****************************************************************/
   
#side {
width : 300px ;
background : #FFF ; 
float  : left ;
padding :  0 ;
text-align : justify; 
}
	
#side h2 {
font-size : 12px ;
text-transform : uppercase ;
margin : 0 ;
padding :  0 ; 
color : #000 ; 
font-weight : bold; 
font-style:italic;
}
	
#side ul {
list-style : none ; 
border-bottom:none;
margin : 10px 0 10px 0 ; 
padding : 0; 
color : #000
}

#side img {
border-bottom:none;
float  : left ;
margin : 0 10px 0 0
}

#side li {
border-bottom:none;
margin : 0 ; 
padding : 0 0 0px 0;
}
  
#side li a{
color : #000 ;
border-bottom:none;
text-decoration : none ; 
}

#side li a:hover{
border-bottom:none;
text-decoration : underline ; 
}
   
/*  FOOTER
*****************************************************************/   
   
#footer { 
height :88px;  
color : #ab3bb2; 
text-align : right;
background : url(images/bandeau_bas.png);
}


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

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

#footer p { 
margin : 0;
text-align : right;
padding : 45px 0px 0 0 ; 
color : #FFF; 
}


#footer2 { 
height :88px;  
color : #0bff04; 
text-align : right;
background : url(images/bandeau_bas2.png);
}

#footer2 a { 
color : #FFF;
text-decoration : none ;  
}

#footer2 a:hover { 
color : #0bff04;
text-decoration : underline ;  
}
   
#footer2 p { 
margin : 0;
text-align : right;
padding : 45px 0px 0 0 ; 
color : #FFF; 
}