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: 13px tahoma;
margin: 0 0 0 8px;
}
#contenuindex h4{
margin:0 0 0 10px;
padding:0;
font:18px tahoma;
color:red;
}
#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;
}
#titrefondamenaux{
margin:10px 0 10px 0;
padding:0;
width:496px;
height:17px;
background: transparent url(../images/titre.jpg) top left no-repeat;
}
#titrefondamenaux.test{
margin:0 0 10px 0;
}
#titrefondamenaux p{
font: bold 14px tahoma;
color:#609;
margin:0 0 0 15px;
padding:0 0 0 10px;
width:80px;
height:17px;
background:#fff;
}
#titrefondamenaux p.decal2{
width:70px;
height:17px;
background:#fff;
}
#titrefondamenaux p.decal3{
width:180px;
height:17px;
background:#fff;
}
#titrefondamenaux p.decal4{
width:160px;
height:17px;
background:#fff;
}
/****************************************************************************/
#offre{
margin-left:10px;
margin-bottom:10px;
width:470px;
/*background: url(../images/filetoffre.jpg) top left repeat-y;*/
}
#offre p a{
color:black;
}
#offre p a:hover{
color:#c00;
}
.offre2{
margin-top:-6px;
background: url(../images/filetoffre.jpg) top left repeat-y;
}
.offre2a{
margin-top:-6px;
background: url(../images/filetoffrea.jpg) top left repeat-y;
}
.offre3{
background: url(../images/filetoffre.jpg) top left repeat-y;
}
.offre3a{
background: url(../images/filetoffrea.jpg) top left repeat-y;
}
.headoffre{
whidth:470px;
height:13px;
background:url(../images/headoffre.jpg) top left no-repeat;
}
.headoffrea{
whidth:470px;
height:13px;
background:url(../images/headoffrea.jpg) top left no-repeat;
}
.footoffre{
whidth:470px;
height:13px;
background:url(../images/footoffre.jpg) top left no-repeat;
}
.footoffrea{
whidth:470px;
height:13px;
background:url(../images/footoffrea.jpg) top left no-repeat;
}
#offre .titreoffre{
color: #609;
padding:0;
margin-top:0;
margin-left:10px;
font: bold 14px tahoma;
}
#offre .titreoffrea{
color: #609;
padding:0;
margin-top:0;
margin-left:10px;
font: bold 14px tahoma;
}
#offre h3{
padding:0;
margin-top:0;
margin-left:10px;
font: bold 14px tahoma;
}
#offre p{
margin:0 5px 0 5px;
width:460px;
}
ul#liste{
font: 14px tahoma;
margin:0 0 10px 0;
padding:0 0 0 25px;
width:470px;
}
ul#liste li{
margin-top:2px;
list-style: url(../images/puceextranet.jpg);
}
ul#liste a{
color:black;
}
ul#liste a:hover{
color:#c00;
}
.titreoffre{
font : bold 14px tahoma;
color : red;
}
#titreoffre p{
color:red;
}