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:hover {
color : #1FF621;}



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


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


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

#bloc_texte a{
color : #000098; }

#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 : #000000;
font-size : 10px;}


#articles p {margin : 0; padding : 8; 
height : 130px ; 
Background : #000000; }


#bloc_articles {
width : 33.3%;
margin : 10px 0 0 0; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#fff;}

#bloc_articles_002 {
width : 33.3%; 
margin : 10px 0 0 0px; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#fff; }

#bloc_articles_003 {
width : 33.3%; 
margin : 10px 0 0 0px; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#fff; }



.titre_articles {  
float : left;  
width : 260px; 
height : 45px ; }
html>body .titre_articles { height: auto; min-height:  45px;}

.titre_articles h3 { font-size : 20px; margin : 0 ; padding : 10 0 10 50px; color : #E192A0; }

.footer {
background : url(images/footer.gif) repeat-x ; 
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; }