body {
margin : 0 ; 
padding : 0 ; 
text-align : center; 
background : #000000 url(images/bleufon.jpg) repeat;
font-family : arial;
font-size : 12px;
color : #000 }

#content {
position : relative;
width : 792px; 
margin-left : auto;
margin-right : auto;
background : transparent; }


#menu_haut {
width : 100%; 
height : 50px ;
 }


#menu_haut ul {
float : right; 
margin : 0; 
padding : 20px 0 0 0 ; 
list-style : none }

#menu_haut li {
float : left; 
margin : 0;  
padding : 0 10px 0 10px ; }

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


#menu_haut li a:hover {
text-decoration : none;
color : #ccc;
}

.sep {background : url(images/sep_haut.gif) right no-repeat; }

#haut {
width : 100%; 
height : 101px ;
background : #000 url(images/logo.jpg);  }

#naviguation {
margin : 5px 0 0 0;
width : 100%; 
height : 22px ;
background : #D9A63B url(images/nav.gif);   }
html>body #naviguation { height: auto; min-height:  22px;}


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

#naviguation li{
 float : left;}

#naviguation li a {
display : block;
padding : 2px 20px 0 20px;
margin :  0 ;
color : #FFFB00;
text-decoration : none;
background :  url(images/sep.gif) right 4px no-repeat;}

#naviguation li a: {color : #1FF621; text-decoration : none;}
#naviguation li a:hover {color : #1FF621; text-decoration : none;}


#centre {
width : 100%; 
background : #FAFAFA url(images/fond.jpg);
text-align : left;
height : 590px;  }
html>body #centre { height: auto; min-height:  470px;}


#bloc_texte {
float : left ;
width : 750px;
color : #00000;
font-size : 12px;}

#bloc_texte p{
margin : 0 0 7px 15px;
padding : 0; }

#bloc_texte a{
color : #000000 }

#bloc_texte a:hover{
text-decoration : underline}

#bloc_texte h1{
padding : 10px 0 10px 15px;
margin : 0;
font-family : georgia, arial;
color : #000098 }


#articles {
width : 100% ; 
background : #transparent;
font-size : 15px;}

#articles p {margin : 0; padding : 0; font-weight : bold; }



#bloc_articles02 {
width :390px;
margin : 5px 0 0 0; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#000000;
font-size : 12px}


#bloc_articles03 {
width : 390px;
margin : 5px 0 0 0; 
padding : 0 0 0 0; 
float : right ;
text-align : justify; 
color :#000000;
font-size : 12px}

.titre_articles {  
background : #transparent ; 
float : left;  
height : 45px ; }
html>body .titre_articles { height: auto; min-height:  45px;}




.bloc_texte h3 { margin : 0 ; padding : 0px 0px 0px 5px; color : #000000; }
.titre_articles h4 { margin : 0 ; padding : 0 0 0 0px; color : #001CE7; }
.col_centre{float: left; margin: 0; padding: 0; width: 5%; }
.col_centre div{padding: 5px;}
.spacer {clear : both ; height : 13px; }


.footer {
background : #transparent; 
margin : 5px 0 0 0; 
clear : both ;
 height : 13px; 
 padding : 0 0 20px 0;
 color : #DBC04C;
 text-align : left;
 font-size : 10px; }
 
 .footer p{
padding : 2px 0 0 15px }

 .footer a{
color : #DBC04C}

 .footer a:hover{
color : #ccc}


.boot {margin : -10px 0 0 0; 
position : absolute; 
display : block;
background : #000000 ; 
padding : 4px; 
color : #CF8A80;

font-weight : bold; 
font-family : times;
font-size : 14px;
height : 23px; }

.boot_002 {

display : block;
position : absolute;
border : 4px solid #000000; 
background : #000000 ; 
padding : 0 0 0 0; 
margin : -10px 0 0 73px; 
color : #0D294E; 
height : 13px;
font-size : 12px}

.boot_002 a {text-decoration : underline; color : #A96F49}

a {text-decoration : none; color  : #8C624A; }
a:hover {text-decoration : none; color : #EECB0A;}

.link a{
float : right ; 
padding : 0 ; 
margin : 0 ; 
color : #A96F49 ; 
text-decoration : underline; }