body {
height: 100%;
margin: 0;
padding: 0;
background-color : #FFFFFF;
text-align :left;
font-family : Tahoma;
font-size : 12px;
color : #000;
}

/* BLOC CONTENEUR */

#conteneur {
position:absolute;
left: 10%; 
top: 0%;
width: 1000px;
height: 100%;
margin-top: 0px;
border: 6px #FFFFFF solid;
background-color: #FFFFFF;
clip: rect(   )
}

html>body #conteneur {
height: auto; min-height: 448px;
}

/* HAUT */
	 
#haut {
width : 100%; 
height : 120px; 
background : url(images/logo_isolplus.jpg) no-repeat left top; clip: rect(   )}

#pieddepage {
position:center;
margin-top: 1%;

}

/* CONFIGURATION ul, li / MENU */

/* MENU */

/* 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 ;  
color : #9E9E9E; 
height : 100%}

.midle {
float : left ; 
width : 57px ; 
height : 255px}

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

.droite {
float : left; 
margin-left : 0 ;
width : 800px;
color : #707070;
overflow : auto ;
padding-bottom : 0;  
vertical-align: top
}

/* IMAGE */	 

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

.img_gpage {
margin : 0 0 0 0
}

/* PARAGRAPHE */	 

h1 {
font-size : 18px;
color : #F9350E; 
margin : 10px 40px 0 10px; 
padding : 0 0; color : #fff; 
font-family: Candara; Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; background-color: #999999
}

h2 {font-size : 18px; 
color : #999999; 
margin : -10px 10px 0 10px ; 
padding : 0 ; 
font-family : Candara, veranda ; 
color : #fff ; 
letter-spacing : 4px
}

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

h4 {font-size : 24px ; 
color : #1C9159; 
margin : 5px 10px 0 15px ; 
padding : 0
}
	
p {
margin : 5px 0px 0 20px
}

/*LIENS */ 

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

a:hover {
text-decoration : none
}

/*LIENS PIED DE PAGE*/ 

a.pied {color : #cccccc ;
text-decoration : none ; 
font-weight : bold
}

a.pied:hover {
text-decoration : underline
}

piedgris {
color : #cccccc ; 
text-decoration : none ; 
font-weight : bold
}

/* hr */ 

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

/* LOGO */ 

.logo {
margin-left : 500px ; 
width : 144; 
height : 91px ; 
margin : 0 0 0 505px ; 
padding : 0 ; 
display: block; 
border : 0;
}

spam {
font-size : 12px; 
color : #F9350E; 
margin : 0px 0px 5px 15px; 
padding : 0 0; 
font-style: italic
}

h0 { 
font-size : 14px; 
color : #92979B; 
margin : 5px 10px 0 15px ; 
padding : 0 ; 
font-variant: small-caps
}

p_edito {
margin : 10px 50px 0 55px
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
text-align: center;
top: 100;
left: 130;
z-index:150;
width: 60%; /* correction pour Opera */
}

#menu dl {
float: right; /* changer pour mettre soit gauche soit droit */
width: 10em;   /* changer l'espacement du menu */
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #FFFFFF;
/* border: 1px solid gray; */
margin: 1px;
}

#menu dd {
display: none;
border: 1px solid gray;
}

#menu li {
text-align: center;
background: #fff;
width: 14em;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}