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: #FAF6C7 url(images/bgall.jpg) repeat-x ;
text-align : center ;
color : #fff}

.conteneur {
width:900px;
margin-left:auto;
margin-right:auto;
text-align : center;
min-height:100%;
background: #000  ;
overflow : auto ; }

.haut{ 
width:900px;
height: 80px;
text-align : left;
margin-left : 00px;
background: url(BannierHaut1.gif)  no-repeat ;
 }
.centre{
background: #000 ;
text-align : left;
}

.haut_intro {float : right ; margin-top : 00px; text-align : right ; width : 150px ;}

.gauche {
float : left;
width : 140px ;
margin-left : 05px;
margin-top : 10px;
 background : #fff  url(images/bgauche.gif)  no-repeat bottom;
 color : #6A6F78;
 padding-bottom : 140px}


.droite {
float : left ;
width : 410px ;
text-align : left;
margin-left : 10px;
margin-top : 20px;
padding-bottom : 20px;
 background : transparent; }

.droite1 {
float : left ;
width : 400px ;
text-align : center; 
margin-left : 25px;
margin-top : 30px;
padding-bottom : 10px;
 background : transparent; }

.bas {
background : #000;
width:900px;
text-align : center; }

p {margin : 0 10px 0 10px ; padding : 0px 0 0 0; font-size : 12px;}
.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 10px ; padding : 0}
.para_nomargin {margin : 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:900px;
height : 40px;
background-color :#333;
color :#fff ;
font-weight : bold;
font-size : 13px;
overflow : hidden}

 #menu li{
 float : left ;
padding-top : 5px ;
   height : 41px;
   width : 127px;
   text-align : center;
   margin-left : 0;
  background :  url(images/menu_separateur.gif) no-repeat 128px 2px}


   li.box  a{
 float : left ;
padding-top : 5px ;
   height : 41px;
   display : block;
   width : 127px;
   text-align : center;
   margin-top : 1px;
 }
    li.box  a:hover{



background :  url(images/menu_orange.gif)

}

   li.box_on  a{
 float : left ;
padding-top : 0px ;
   height : 41px;
   display : block;
   width : 127px;
   text-align : center;
   margin-top : 0px;
background :  url(images/menu_orange.gif)
 }
    li.box_on  a:hover{
}
li {
  list-style:none; 
  padding-left:1px; 
  background:url('images/h1.gif') no-repeat;
}



h1 {

font-size : 24px ;

padding : 0 ;

margin : 20px 30px 0 20px ;

color : orange ;

font-style : italic;

background :  url(images/h1.gif) repeat-x left bottom ;

height : 70px ;

text-transform : uppercase}





h2 {font-size : 20px ;

color : #fff;

 text-indent : 30px ;

 height : 15px ;

 padding-top : 10px ;

 margin : 0;

  background :  #fff url(images/h2.gif) no-repeat  ;

height : 35px}



h3 {font-size : 12px ;

color : #fff;

 text-indent : 15px ;

 height : 20px ;

 margin : 2px 0 0 0 ;

  background :  #ccc url(images/h3.gif) no-repeat 6px 5px ;

height : 20px}





h4 {font-size : 20px ;

 padding-top : 20px ;

color : black; margin : 00px 0 0 00px ; font-weight : normal}

h5 {font-size : 11px ;

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



strong {margin : 10px 0 0 0 ; padding : 0; font-size : 13px}

.haut_gauche {height : 35px ;   background :  url(images/box_mail2.gif) no-repeat ;}

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

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

a.class1 {color : #000;  font-weight : bold; text-decoration : underline ; padding-bottom : 5px; display :  block}

a:hover.class1  {color : #000; text-decoration : underline}

a.class3  {color : orange; text-decoration : none}

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

a.class4  {color : #FFF; text-decoration : none; font-weight : bold}

a:hover.class4  {color : #FFF; text-decoration : underline}





input { padding : 0 ;  margin-top : 0}

.imagegauche {float : left}

.imagegauche2 {float : left; margin-left : 6px; margin-top : 12px}





.newsletter {float : left ; background-color : transparent ; padding : 12px 0 0 0}



div.hr {

height: 13px;

margin : 0   ;

padding : 0;

width : 100px;

background : url(images/point.gif) repeat-x}





div.hr hr {



display: none;  padding :0;

}

 form {margin-left : 0 ; margin-top : 20px}

.para_form_envoyer {margin-top : 20px}