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


body {
margin: 0;
padding: 0;
background :  #c3eded url('bgbody6.jpg') repeat-x ;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
}

#content{
   position: relative;
   text-align : left; 
width:800px;
height:100%;
background-color : #fff;
margin-left:auto;
margin-right:auto;
background-image :  url('');
background-repeat : no-repeat;border: 1px solid #000000}
html>body #content{height : auto; min-height : 100%}

.haut {
width : 100%; 
height : 161px ; 
background-color : #333;
background-image : url('bghaut2a.jpg');
background-position :  right 50%;}

.logo {border : 0}

.slogan {float : right; }

ul {
float : left ;
 width : 100% ;  
 margin : 0 ;
  padding : 0 ;
   list-style : none ;  
   text-align : center; }


li  {
float : right ;  
 margin : 0 ; 
 padding : 0 ; 
 width : 80px; 
 height : 20px;
 background-image : url('boutonmenu.gif');
 font-family : arial;
 font-weight : bold;
 font-size : 14px ; list-style-type:none }
  html>body li{ width : 80px;  height : auto; min-height : 20px } 
 
 li a  {
float : left ;  
 margin : 0 ; 
 padding : 0 ; 
 list-style : none; 
 width : 80px; 
 height : 20px;
 border-left : 1px solid #000 ; text-decoration : none;
 padding-top : 2px}
   html>body li a{ width :80px;  height : auto; min-height : 20px} 
 

 
 a {
	color: #eee;
	font-weight: bold;
}
a:visited {
	color: #eee;
	font-weight: bold;
}
a:hover {
	color: #fff;
	font-weight: bold;
}
a:active {
	color: #eee;
	font-weight: bold;
}

a.enfin {
    color : #eee;
    text-decoration : none;
}
a.enfin:hover {color : #fff}


.menu {
width : 100% ;
height : 20px; 
background-image : url();}


.smenu {
float : right;
width : 400px ;
height : 25px; 
color : #eee;
padding : 10px ;
text-align : right;}



.smenu a {
color : #eee;
font-size : 13px ; 
}




.bloc1 {
float : left ;
 width : 400px; 
 text-align : center;  }

.citation {
font-size : 1em;
color: #333;
letter-spacing: 2px;
font-weight: bold;
font-style: italic;
} 


.bloc2 {
float : left ; 
width : 400px; 
margin-left : 0px ; }



.bas {
position: absolute;    
text-align : center ; 
width : 800px; 
height : 30px ; 
background-color  : #000 ;    
bottom: 0;  
background-image : url('boutonmenu.gif');
color : #eee;
font-size : 11px
}

html>body .bas { height : auto; min-height : 20px  }    



.spacer {clear : both ; height : 13px}

h1 {margin : 10px 0 0 0 ; padding : 0 ; font-size : 1.6em ; text-align : center ; color : #666; letter-spacing : 5px }
h2 {margin : 10px 0 0 0 ; padding : 0 ; font-size : 1.4em ; color : #333 }
h3 {margin : 10px 0 0 0 ; padding : 0; font-size : 1em ; color : #333; letter-spacing : 1px }
p {margin : 10px 0 0 0 ; padding : 0}

.signature { margin : 0 ; padding : 8px 0 0 0 ; }
html>body .signature  { padding : 4px 0 0 0 ;  }