#menu ul {float:left; font-size:16px; margin:5px 0 0 0; color:#ff5500; font-weight:bold;}
#menu li {display:inline; margin:0 5px;}
#menu a:hover {color:#555555; text-decoration:underline overline;}
#menu a:link {color:#ff5500; text-decoration:none;}
#menu a:visited {color:#ff5500; text-decoration:none;}

#menu2 ul {float:left; font-size:16px; margin:5px 0 0 0; color:#007700; font-weight:bold;}
#menu2 li {display:inline; margin:0 5px;}
#menu2 a:hover {color:#555555; text-decoration:underline overline;}
#menu2 a:link {color:#007700; text-decoration:none;}
#menu2 a:visited {color:#007700; text-decoration:none;}

a:hover {color:#555555; text-decoration:underline overline;}
a:link {color:#ff5500; text-decoration:none;}
a:visited {color:#ff5500; text-decoration:none;}

ul {float:left; font-size:12px; margin:5px 0 0 0; color:#000000;}

img{
border:none;
}

html, body{
height:100%;
}

body { 
background-color:#c0c0c0;
height:100%;
font-size: 12px ;
color:#000000;
font-family:arial;
font-weight:normal;
margin:0px;
padding:0px;
}
  
#cadre_vertical {
background-image:url(images/fond.jpg);
border-collapse:collapse;
position:absolute;
height:100%;
width:780px;
left:50%;
margin-left:-390px;
margin-top:auto;
}

#cadre_principal{
background-image:url(images/fond-tab-centre.jpg);
border-collapse:collapse;
border-spacing:0px;
position:absolute;
height:512px;
width:780px;
top:50%;
left:50%;
margin-top:-261px;
margin-left:-390px;
}
 
#hauteur_banniere{
height:97px;
margin:0;
}

#banniere-droite{
float:right;
height:97px;
margin:0;
}

#logo{
float:left;
margin:0;
}

#barre_sup{
height:20px;
}

#menu{
height:30px;
 vertical-align:top;
}

#barre_inf{
height:7px;

}

#reflet_haut{
height:20px;
width:764px;
margin:0 0 0 13px;
border-style:solid;
border-width:0;
}


#reflet_bas{
height:7px;
width:764px;
margin:-9px 0 0 0;
border-style:solid;
border-width:0;
}

#ensemble_bas{
vertical-align:top;
height:350px;
}

#ensemble_bas_2{
height:395px;
}

#cadre_bas_gauche{
width:420px;
height:287px;
margin:28px 0 0 30px;
float:left;
background-image:url(images/fond-text.jpg);
padding:0;
}

#cadre_gestion{
width:420px;
height:287px;
margin:30px 0 0 50px;
float:left;
background-image:url(images/fond-text.jpg);
padding:0;
}

#cadre_bas_gauche2{
float:left; 
height:320px;
width:235px;
margin:35px 0 0 30px;
background-image:url(images/travauxc.jpg);
padding:0;
}

#cadre_bas_gauche2_lhuillier{
float:left; 
height:320px;
width:235px;
margin:35px 0 0 30px;
background-image:url(images/travauxc-lhuillier.jpg);
padding:0;
}

#cadre_bas_droit{
width:250px;
height:287px;
margin:0 0 0 0;
float:right;
background-image:url(images/travauxb.jpg);
padding:0;
}

#cadre_bas_droit_lhuillier{
width:250px;
height:287px;
margin:0 0 0 0;
float:right;
background-image:url(images/travaux-lhuillier.jpg);
padding:0;
}

#presentation{
width:320px;
float:right;
margin:-8px 3px 0 0;
}

#moyen_gauche{
margin:20px 22px 20px 20px;
}

#ajout{
float:right;
margin:0px 20px 0 0;
background-color:#dddddd;
height:342px;
width:480px;
}

#cadre_bas_droit2{
width:250px;
height:287px;
margin:0 0 0 0;
float:right;
background-image:url(images/travaux2b.jpg);
padding:0;
}

#logo-lhuillier{
position:absolute;
top:50%;
left:50%;
margin-top:205px;
margin-left:290px;
}

#check1{
position:absolute;
top:50%;
left:50%;
margin:78px 0 0 -275px;
z-index:2;	
}

#check2{
position:absolute;
top:50%;
left:50%;
margin:189px 0 0 -275px;
z-index:2;	
}

#check3{
position:absolute;
top:50%;
left:50%;
margin:189px 0 0 -167px;
z-index:2;
}