body{
margin: 0px;
padding: 0px;
font-family: Arial, Times, sans-serif;
font-size: 12px;
background-image: url(images/fond.jpg);
background-repeat: repeat-x;
background-color:#37a7e7;
}

body {behavior: url(csshover.htc);}
#menu {width:200px; position:absolute; top:73px; left:17px;
font-family: Arial, Times, sans-serif;font-size: 11px; line-height:14px; z-index:1000;}

#contenu_total{
position: absolute;
left: 50%; 
top: 0px;
width: 999px;
/*height: 583px;*/
margin-left: -500px; /* moitié de la largeur */
/*margin-top: -292px; /* moitié de la hauteur */
/*display: inline;*/
background-image: url(images/repeat.jpg);
background-repeat: repeat-y;
}

.menu_gauche {z-index: 3000;font-family: arial, sans-serif; width:238px; height:150px; /*8pixels par menu*/
position:absolute; top: 150px; left: 17px; font-size:11px;}

#contenu{
z-index:380;
min-height:485px;
_height: 485px;
}

#contenu_firefox{
width:100%;
z-index:200;
min-height: 270px; 
}

#bloc_texte{
position:relative;
margin-left: 238px;
margin-top: 215px;
margin-right: 238px;
z-index: 10;
}

img a{
border:none;
}

a img{
border:none;
}

.texte{
z-index: 10;
text-align: justify;
color:#323232;
}

#espace_clients{
z-index:1000;
position: absolute;
top: 140px;
left: 786px;
}


#fond_menu{
position:absolute;
top:0px;
left:0px;
}
#header{
position:absolute;
top:0px;
left:219px;
}
#clients{
position:absolute;
top:0px;
left:780px;
}

#photo_gauche{
position: absolute;
top: 211px;
left: 16px;}
#photo_droite{
position: absolute;
top: 211px;
left: 780px;}

#gauche{
position: absolute;
top: 211px;
left: 0px;}
#droit{
position: absolute;
top: 213px;
left: 780px;}
#banner{
position: absolute;
top: 54px;
left: 273px;
z-index:1;}

#footer{
width: 999px;
margin: 0 auto;
text-align:justify;
height: 110px;
}

table{
font-family: Arial, Times, sans-serif;
font-size: 12px;
}
a{
color: #37a7e7;
text-decoration: none;
}
a:hover{
color: #22385c;
}

h1{
font-size:13px;
font-weight:bold;
color:#4F0808;
display:inline;
}

ul{
list-style-image:url(img/puce.jpg);
}

#bas_menu{
position: absolute;
top: 262px;
left: 21px;
}

#news1{
position: absolute;
top: 340px;
left: 22px; 
z-index:200;
}

#news2{
position: absolute;
top: 430px;
left: 52px; 
}

#bloc_gauche{
position: absolute;
top: 304px;
left: 21px;
}

/* fond blanc pour le menu */ 
#menu a {color:#ffffff;}
#menu ul {padding: 0; width: 202px; margin:0px; background-color: #02388e;}

/*border-left: 8px solid #BBB; */

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
#menu li:hover {background: #37A7E7}
#menu li.sousmenu:hover {background: #37A7E7;}

/* Rajout d'une petite fleche pour les sous menu */ 
/*div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}*/

#menu ul li {position:relative; list-style: none; border-bottom:1px solid; border-bottom-color:#FFFFFF;}
#menu ul ul {position: absolute; top: 0px; left: 201px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; width:100px}
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
#menu li a:hover {border-left-color: red;}
#menu ul ul li a:hover {border-left-color: #00FF00;}
#menu ul ul ul li a:hover {border-left-color: #0000FF;}