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:724px;
background-color: #000; 
margin-left:auto;
margin-right:auto;
text-align : left;
height:100%; 
background: url(images/centre2.gif)  no-repeat ;}
html>body .conteneur {height : auto; min-height : 100%;  }


.haut{ 
width:724px;
height: 170px;
text-align : left;
margin-left :25px;
background: url(images/top.png)  no-repeat ;
 } html>body .haut{
 width : 723px; }

.centre{ 
background: #000 ; 
width:725px;
text-align : left;
margin-left :25px;}
 html>body .centre{  
 margin-left :25px;
 width : 725px; }

.haut_intro {float : right ; margin-top : 190px; text-align : right ; width : 300px ;}


.gauche {
float : left; 
width : 234px ; 
margin-left : 15px; 
margin-top : 20px; 
 background : #3c3c3c  url(images/flamme.jpg)  no-repeat bottom right;
 color : #6A6F78; 
 padding-bottom : 100px}
 html>body .gauche{margin-left : 30px; }


.droite {
float : left ; 
width : 420px ; 
margin-left : 20px; 
margin-top : 20px; 
padding-bottom : 30px;

 background : transparent; }
html>body .droite {margin-left : 20px; }

.bas{ 
background : #000;
width:725px;
text-align : center;
 margin-left :25px;}
html>body .bas{ width:725px; }


p {margin : 0 20px 0 20px ; padding : 10px 0 0 0}
.para_edito {text-transform : uppercase ; font-weight : bold ; margin : 25px 30px 0 20px}
.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 ; padding : 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 : 51px;
background-color :#333; 
color :#fff ; 
font-weight : bold;
font-size : 13px; 
overflow : hidden}

 #menu li{
 float : left ;
padding-top : 5px ;
   height : 51px;
   width : 100px;
   text-align : center;
   margin-left : 0;
  background :  url(images/menu_separateur.gif) no-repeat 98px 2px}
  
   li.box  a{
 float : left ;
padding-top : 5px ;
   height : 48px;
   display : block;
   width : 100px;
   text-align : center;
   margin-top : -5px;
  
 }
  
    li.box  a:hover{
background :  url(images/menu_orange.gif)

}

   li.box_on  a{
 float : left ;
padding-top : 5px ;
   height : 48px;
   display : block;
   width : 100px;
   text-align : center;
   margin-top : -5px;
background :  url(images/menu_orange.gif)
 }
  
 
    li.box_on  a:hover{
}

h1 {
font-size : 20px ;  
padding : 0 ; 
margin : 0px 30px 0 20px ; 
color : #FF8000 ; 
font-style : italic;  

height : 50px ;
text-transform : uppercase}



h2 {font-size : 16px ;
color : #FF8000;
 text-indent : 30px ; 

 padding-top : 10px ; 
 margin : 0;
  background : #003C64; 
height : 35px}

h3 {font-size : 12px ;
color : #003C64;
 text-indent : 30px ; 
 text-align :center;
 height : 20px ; 
 padding-top : 2px; 
 margin : 5px 0 0 0 ;
  background :  #FF8000; 
height : 40px}

h4 {font-size : 12px ;
color : #FF8000; margin : 10px 0 0 20px ; font-weight : bold}

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

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

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

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

a.class2 {color : #fff;  font-weight : bold; text-decoration : underline ; padding-bottom : 5px; display :  block}
a:hover.class2  {color : #000; text-decoration : underline; background-color : #003C64; color : #FF8000;}

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


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



input {margin : 0; 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}

    a.bulle {
      position:relative;
      float:left;
    }
     
    a.bulle span { 
      display: none;
    }
    
    a.bulle:hover span {
       display: block; 
       position: absolute;
       top: -150px; 
       left: 100px;
       border: 2px solid #FF8000;
    }

    a.bulledt {
      position:relative;
      background-color: #FF8000;
      color: #003C64;
      font-size: 14px;
      font-weight : bold;
    }
    
    a.bulledt:hover {
       top: 200px;
	   background-color: #003C64;
       color: #FF8000; 
       z-index: 50;
    }
     
    a.bulledt span { 
      display: none;
    }
    
    a.bulledt:hover span {
       display: block; 
       position: absolute;
       top: -500px; 
       left: -250px;
       border: 2px solid #FF8000;
      }

FORM {
	margin: 0
}
FORM * {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA, INPUT, LABEL {
	margin: 0 5px 5px 0
}
TEXTAREA, INPUT {
	border: #666 1px solid; 
	background-color: #fff;
	width: 250px; 
}
.checkit { width: auto; vertical-align: middle; display: inline-block }
.venus { display: none; position: absolute; top: -1000px; left: -1000px }
TEXTAREA {
	width: 400px; 
	height: 200px
}
FORM P {
	clear: both; margin: 0
}
FORM LABEL {
	float: left; width: 12%; text-align: right
}
#submit {
	border: 1px #000 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #FF8000; width: auto;
}
#submit:hover {
	border: 1px red solid
}
.alerte {
	font-weight: bold; font-size: 14px
}
.focus {
	background: #ff9
}