body{
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color : #400000;
text-align :left;
font-family : arial;
font-size : 10px;
color : #000;
}

/* BLOC CONTENEUR */

#conteneur {
position:absolute;
left: 50%; 
top: 50%;
width: 700px;
height: 448px;
margin-top: -224px;
margin-left: -350px;
border: 6px solid #fff;
background : #fff ;   }
html>body #conteneur { height: auto; min-height: 448px;}

/* HAUT */
	 
#haut {
width : 100% ; 
height : 91px ; 
background : #720002 url(images/top.jpg); 
text-align : left;}


#haut002 {
width : 100% ; 
height : 91px ; 
background : #fff url(images/top.jpg); 
text-align : left}



/* CONFIGURATION ul, li / MENU */

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

/* MENU */

#menu {
width : 100% ; 
background-color : #fff; 
text-align : center}

#menu li { padding : 4px 0 4px 0;  }

#menu li a {
text-decoration : none ; 
color : #000; 
font-weight : bold ; 
padding : 2px 10px 2px 10px; 
margin : 0;
background : #fff url(images/menu.jpg) no-repeat right ; 
}

#menu li a:hover {text-decoration : none ; color : #ac0018}

/* SEPARATEUR / SPACER */
 
#deco {
width : 100% ;
height : 21px ;
background : #fff url(images/bg_deco.jpg) repeat-x; 
clear : both  }

/* BLOCS GAUCHES ET DROITS EN FLOAT  */

.gauche {
float : left ; 
width : 187px ; 
background : transparent;  
color : #525252; 
height : 304px}

.gauche img { border : 1px solid #000 ; margin : 5px 10px 0 15px; 
}

.droite 
{
float : left; 
margin-left : 0 ;
width : 513px ;
color : #707070;
overflow : auto ;
background : #FFF;
padding-bottom : 40px;  

}

/* IMAGE */	 

.img_nompage {margin : 10px 0 0 15px}

/* PARAGRAPHE */	 

h1 {font-size : 50px ; color : #000; margin : 2px 10px 0 10px ; padding : 0; color : #fff; text-transform : uppercase}
h2 {font-size : 24px ; color : #000; margin : -10px 10px 0 10px ; padding : 0 ; font-family : veranda ; color : #fff ; letter-spacing : 4px}
h3 {font-size : 12px ; color : #000; margin : 5px 10px 0 15px ; padding : 0}
h4 {font-size : 24px ; color : #1C9159; margin : 5px 10px 0 15px ; padding : 0}	
p {margin : 5px 10px 0 15px }

/*LIENS */ 

a {color : #3A4B76 ; text-decoration : underline ; font-weight : bold}
a:hover {text-decoration : none}

/* hr */ 

div.hr {
height: 1px;
margin : 10px 10px 10px 15px;
padding : 0;   
width : 160px;
background : url(images/hr.jpg) repeat-x}

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

/* LOGO */ 

.logo {
margin-left : 500px ; 
margin : 0 0 0 15px ; 
padding : 0 ; 
display: block; 
border : 0;
}