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

body {
margin: 0;
padding: 0;
font-family: arial, verdana,  helvetica, sans-serif;
font-size: 0.8em;
background: #0E407D url(images/bgall.jpg) repeat-x ;
text-align : justify ;
color : #04234a}



.conteneur { 
position : relative;
width:776px;
background-color: #0E407D; 
margin-left:auto;
margin-right:auto;
text-align : justify;
height:100%; 
background: url(images/centre2.gif);}
html>body .conteneur {height : auto; min-height : 100%;  }


.haut{ 
width:776px;
height: 290px;
text-align : justify;
margin-left:auto;
margin-right:auto;
background:  url(images/top5.jpg);
 } 

.centre{ 
background: #fff ; 
width:725px;
text-align : justify;
margin-left :25px;}


.haut_intro {
float : right ;
 margin-right : 20px;
margin-top : 260px ; 
text-align : right ; 
width : 500px ;
height : 29px; overflow : hidden; }


.sous_menu{
position: absolute ;
right : 53px ;
width : 400px ;
margin-top : -5px ; 
height : 35px ;        
font-size : 19px ;   
font-family : times ;
background : transparent ;
text-transform : none ;  
text-align : right ;
}html>body .sous_menu {height : auto; min-height : 35px;  }


.droite {
width : 680px !important; 
width : 690px;
margin-left : 15px; 
margin-top : 20px; 
padding-bottom : 130px;
text-align : justify;
background : transparent; }
html>body .droite {margin-left : 20px; }



.bas{ 
padding-top : 50px;
bottom : 0;
position : absolute;
background : #fff;
width:725px;
text-align : center;
 margin-left :25px;}



.bas img{ 
border :0}

p {margin : 0 20px 0 20px ; padding : 10px 0 0 0}
.para_edito {text-transform : uppercase ; font-weight : bold}
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.notop {margin : 0 20px 0 20px ; padding : 0}
.para_nomargin {margin : 0 ; paddig : 0; float : none} 




.spacer {clear : both ; height : 13px; }
.spacer2 {clear : both ; height : 13px; background-color : #000 }

 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ; }



#menu {
background :  url(images/menu_fd.gif);
width:725px;
height : 31px;
background-color :#063067; 
color :#fff ; 
font-weight : bold;
font-size : 11px; 
overflow : hidden}


 #menu li{
 float : left ;
padding-top : 5px ;
   height : 31px;

   text-align : center;
   margin-left : 0;
  background :  url(images/menu_separateur.gif) no-repeat 0 2px ;}
  
   li.box  a{
 float : left ;
padding : 5px 10px 0 10px; 
   height : 28px;
   display : block;
text-align : center;
   margin-top : -5px;
   color : #fff}
  
 
li.box  a:hover{
background :  url(images/menu_orange.gif);
   color : #fff

}

   li.box_on  a{
 float : left ;
padding : 5px 10px 0 10px; 
   height : 28px;
   display : block;
   text-align : center;
   margin-top : -5px;
background :  url(images/menu_orange.gif);
   color : #fff
 }
  
 
li.box_on  a:hover{
   color : #fff}

 

h1 {
font-size : 24px ;  
padding : 0 ; 
margin : 16px 20px 0 20px ; 
color : #0c3d7b ; 
font-family : times ;
font-weight : normal ;
font-style : none;  
background :  url(images/h1.gif) repeat-x left bottom ; 
height : 50px ;
text-transform : none}
html>body h1 {height : auto; min-height : 50px;  }





h2 {
font-size : 12px ;  
padding : 0 ; 
margin : 16px 30px 0 20px ; 
color : #0c3d7b ; 
font-family : times ;
font-style : none;  
background :  url(images/h6.gif) repeat-x left bottom ; 
height : 35px ;
text-transform : none}

h3 {
font-size : 12px ;  
padding : 0 ; 
margin : 16px 30px 0 20px ; 
color : #0c3d7b ; 
font-style : none;  
background : transparent ; 
height : 30px ;
text-transform : uppercase}

h4 {
font-size : 12px ;
color : orange; 
margin : 10px 0 0 20px ; 
font-weight : normal}

h5 {
font-size : 11px ;
color : orange; 
margin : 10px 0 0 20px ; 
font-weight : normal ; 
text-decoration : underline}

h6 {
font-size : 19px ;  
padding : 0 ; 
margin : 16px 30px 0 20px ; 
color : #0c3d7b ; 
font-style : none; 
font-weight : normal ;
font-family : times ;
background : transparent ; 
text-transform : none}

                                                               
.titre {
font-size : 19px ;  
padding : 0 ; 
margin : 16px 30px 0 20px ; 
color : #0c3d7b ; 
font-style : none;
font-family : times ;
background : transparent ; 
text-transform : none}





a {color : blue ; text-decoration : none}
a:hover  {color : blue ; text-decoration : none}

a.link {color : blue ; text-decoration : underline}
a.link:hover  {color : blue ; text-decoration : underline}




a.class3  {color : blue ; text-decoration : none}
a:hover.class3  {color : blue ; text-decoration : underline}



div.hr {
height: 13px;
margin : 0   ;
padding : 0;   

width : 100px;
background : url(images/point.gif) repeat-x}

div.hr hr {
display: none;  padding :0; 
}

.schema {margin-left : 205px}




