body {
margin : 0 ; 
padding : 0 ; 
text-align : center; 
background : #fff;
font-family : arial;
font-size : 12px;}

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


#menu_haut {
width : 100%; 
height : 50px ;
background : #fff url(images/titre.gif) no-repeat left;  }


#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 : #0A284E;
text-decoration : none;  }


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


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


#haut {
width : 100%; 
height : 191px ;
background : #fff   }

#naviguation {
margin : 5px 0 0 0;
width : 100%; 
height : 22px ;
background : #0A284E 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 : #fff;
text-decoration : none;
background :  url(images/sep.gif) right 4px no-repeat;}

#naviguation li a:hover {
color : #ccc;
}



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


#bloc_texte {
float : left ;
width : 540px;
color : #0A284E;
font-size : 10px;}

#bloc_texte2 {
float : left ;
width : 540px;
color : #DB432E;
font-size : 12px;}

#bloc_texte_image {
float : left ;
width : 208px;
margin : 0 0 0 20px;
background : transparent;
}


#bloc_texte_image ul {
margin : 5px 0 0 0;
 padding : 0; 
 list-style : none;
 font-size : 10px
}
#bloc_texte_image li {
padding : 0; 
margin : 3px 0 0 0; 
}

#bloc_texte_image li a {
height : 13px; 
display : block;
text-decoration : none;
color : #0A284E;
background : url(images/liste.gif) left no-repeat; 
text-indent : 10px; 
}
html>body #bloc_texte_image li a  { height: auto; min-height:  13px;}


#bloc_texte_image li a:hover {
text-decoration : none;
color : #9B856C;
}



#bloc_texte_image img {
margin : 20px 0 0 0;
padding : 0;
border : 1px solid #274163;
display : block;}

#bloc_texte_image p{
margin : 0;
padding : 0;
color : #fff;
background : #274163;
text-indent : 10px;
}




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

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




#articles {
width : 100% ; 
background : #fff;
font-size : 10px;}

#articles p { margin : 0}

#articles img{
float : left ; display : block }

.img_conf {border : 4px solid #0A284E ; margin : 10px 10px 0 30px ; display : block}




#bloc_articles {
width : 260px;
margin : 10px 0 0 0; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; }

#bloc_articles_002 {
width : 250px; 
margin : 10px 0 0 15px; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; }





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

.titre_articles img {float : left}
.titre_articles h3 { margin : 0 ; padding : 0 0 0 50px; color : #0A284E; }
.titre_articles p { margin : 0 ; padding : 0 0 0 50px; }









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

.footer {
background : url(images/footer.gif) repeat-x ; 
margin : 5px 0 0 0; 
clear : both ;
 height : 13px; 
 padding : 0 0 20px 0;
 color : #fff;
 text-align : left;
 font-size : 10px; }
 
 .footer p{
padding : 2px 0 0 15px }

 .footer a{
color : #fff}

 .footer a:hover{
color : #ccc}






.boot {margin : -10px 0 0 0; 
position : absolute; 
display : block;
background : #fff ; 
padding : 4px; 
color : #0D294E;
font-weight : bold; 
font-family : times;
font-size : 14px;
height : 23px; }

.boot_002 {

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

.boot_002 a {text-decoration : underline; 
 }

a {text-decoration : none; color  : #000}
a:hover {text-decoration : none; color : #0A284E;}

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