body{
	margin:0; 
	padding:0;
  background: url(../images/fondgene.jpg) top left repeat;
}

#fondbabdeau{
margin: 0;
padding: 0;
background: url(../images/fondbabdeau.jpg) top left repeat-x;
}

#conteneurgenerale{
width: 750px;
margin-left: auto;
margin-right: auto;
background: url(../images/filetfond.jpg) top left repeat-y;
}

#sousconteneur{
width: 730px;
margin-left: auto;
margin-right: auto;
}

#bandeaulogo{
width: 750px;
height: 60px;
background: url(../images/bandeaulogo.jpg) top left no-repeat;
}

#bandeau{
width: 750px;
height: 186px;
background: url(../images/bandeau.jpg) top left no-repeat;
}
#contenuindex{
width:496px;
float: left;
background: url(../images/filetcontenug.jpg) top left repeat-y;
}
#contenuindex p{
width:480px;
font: 12px tahoma;
margin: 0 0 0 8px;
}
#titre{
margin-top:1px;
height:41px;
background: url(../images/titrecontenug.jpg) top left no-repeat;
}
/**** les classes **************************************************************
*******************************************************************************/
.clear{
clear: both;
}
#ref{
margin: 15px 0 0 15px;
}
h3{
margin:20px 0 10px 10px;
font: bold 14px tahoma;
}
ul#liste{
font: 14px tahoma;
margin:10px 0 0 0;
padding:0 0 0 25px;
width:270px;
float:left;
}
ul#liste li{
margin:2px 0 0 0;
list-style: url(../images/puceextranet.jpg);
}
ul#liste a{
color:black;
}
ul#liste a:hover{
color:#6699CC;
}
.poli{
margin:10px 0 0 0;
border: 1px inset black;
}
#boite{
margin:0 0 0 3px;
padding:0;
width:490px;
height:250px;
overflow:auto;
background:red;
}
h4{
font: bold 18px tahoma;
margin:25px 0 5px 15px;
padding:0;
color:#609;
}
.inter{
margin:20px 0 0 0;
}
.retour{
font:10px tahoma;

}
.retour a{
color:#6699CC;
}
.gras{
font:bold 14px tahoma;
}