body{
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color : #8582AC;
text-align :left;
font-family : arial;
font-size : 14px;
color : #fff;
}

body {
margin: 0;
padding: 0;
background-color : #fff;
text-align :left;
font-family : arial;
font-size : 12px;
color : #fff;
}
/* BLOC CONTENEUR */

#conteneur {
position:absolute;
left: 50%; 
top: 50%;
width: 700px;
height: 448px;
margin-top: -224px;
margin-left: -350px;
border: 6px solid #232323;
background : #fff url(images/bg_all.jpg) 0 111px  no-repeat;   }
html>body #conteneur { height: auto; min-height: 448px;}

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

#haut p{font-size : 14px ;  margin : 0 10px 0 15px; padding : 0}






/* CONFIGURATION ul, li / MENU */

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

/* MENU */

#menu {

background-color : transparent; 
text-align : center;
margin : 70px 0 0 5px;
}

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

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

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



#centre {

}

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

/* BLOCS GAUCHES ET DROITS EN FLOAT  */

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

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

.droite 
{
float : left; 
width : 513px ;
overflow : auto ;
background : transparent;
padding-bottom : 40px;  

}

/* IMAGE */	 

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

/* PARAGRAPHE */	 

h1 {
font-size : 12px ; 
margin : 0 10px 0 5px; 
padding : 10px 10px 0 10px;
 color : #fff; 
}

h2 {
font-size : 14px ; 
margin : 0 10px 0px 15px ; 
padding : 0 ; 
font-family : arial; 
color : #8582AC ; 
letter-spacing : 1px}

h3 {
font-size : 12px ; 
color : #fff; 
margin : 5px 10px 0 15px ; 
padding : 0}


h4 {
font-size : 24px ; 
color : #fff;
 margin : 5px 10px 0 15px ; 
 padding : 0}	



p {margin : 5px 10px 0 15px }

/*LIENS */ 


a {color : #8582AC ; text-decoration : underline ; font-weight : normal ; line-height: 2.0em ;}
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;
}