html{
height: 100%;
}
body {
margin-top:0px;
margin-bottom: 0px;
padding: 0px;
font: 0.8em Arial, Verdana, Helvetica, sans-serif;
background-image:url(images/fondbody.gif);
background-repeat: repeat;
color: #330000;
} 
a {
color:#006666;
text-decoration:underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
a:hover {
color:#006666;
text-decoration:none;
background-color:inherit;
font-style:normal;
} 

#contentarea { 
position:relative;
width: 770px; 
height: auto; 
margin: 0px auto;
padding: 0px;
background-image:url(images/fondpage.gif);
background-repeat: repeat;
}
#hautpage {
position : relative; 
float: left;
width: 770px;
height: 142px;
background-image:url(images/entete.jpg);
background-repeat: no-repeat;
background-color:inherit;
padding : 0px;
margin : 0px;	
} 
#langue {
position:absolute;
top: 2px;
right: 10px;
width: 300px;
height: 17px;
background-color:inherit;
padding : 0px;
margin : 0px;	
text-align: right;
font-size: 11px;
} 
#langue a {
color: #330000;
text-decoration:none;
font-style:normal;
font-weight:bold;
} 
#langue a:hover {
color:#669999;
text-decoration:none;
font-style:normal;
font-weight:bold;
} 
#contenu {
position : relative; 
float: left;
width: 770px;
height: auto;
background-image:url(images/fondpage.gif);
background-repeat: repeat;
padding : 0px;
margin : 0px;	
} 
#colonnegauche {
position:absolute;
top: 0px;
left: 0px;
width: 211px;
height: auto;
padding : 0px;
margin : 0px;	
} 
#imagegauche {
position : relative; 
float: left;
width: 211px;
height: 111px;
background-image:url(images/entete123.jpg);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;	
}
#imagegauche1 {
position : relative; 
float: left;
width: 211px;
height: 111px;
background-image:url(images/123_1over.jpg);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;	
} 
#imagegauche2 {
position : relative; 
float: left;
width: 211px;
height: 111px;
background-image:url(images/123_2over.jpg);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;	
} 
#imagegauche3 {
position : relative; 
float: left;
width: 211px;
height: 111px;
background-image:url(images/123_3over.jpg);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;	
} 
.boitemenu {
position : relative; 
float: left;
width: 199px;
height: 25px;
background-image:url(images/boitemenu.gif);
background-repeat: no-repeat;
background-color:inherit;
padding : 12px 0px 0px 12px;
margin : 0px;
text-transform: uppercase;
font-weight: bold;
} 
.boitemenubas {
position : relative; 
float: left;
width: 199px;
height: 26px;
background-image:url(images/boitemenuBas.gif);
background-repeat: no-repeat;
background-color:inherit;
padding : 12px 0px 0px 12px;	
margin : 0px;	
text-transform: uppercase;
font-weight: bold;
} 
#colonnegauche a {
color: #669933;
font-weight:bold;
text-decoration:none;
} 
#colonnegauche a:hover {
color: #330000;
font-weight:bold;
text-decoration:none;
} 
#bandeclient {
position:absolute;
top: 0px;
left: 211px;
width:539px;
height: 27px;
margin: 0px; 
padding : 4px 20px 0px 0px;
background-image:url(images/fond_recherche.gif);
background-repeat: no-repeat;
text-align: right;
color: #330000;
font-weight:bold;
}
#bandeclient a {
color: #330000;
font-weight:bold;
text-decoration:underline;
font-style:normal;
}
#bandeclient a:hover {
color: #330000;
font-weight:bold;
text-decoration:none;
font-style:normal;
}
#centre {
margin :40px 20px 10px 230px;		
padding : 0px;
min-height: 320px;
height: 100%;
}
#soustitregauche {
position : relative; 
float: left;
width: 230px;
height: auto;
background-image:url(images/fond_soustitre.gif);
background-repeat: repeat;
padding : 2px 0px 2px 4px;
margin : 0px;	
font-weight:bold;
} 
#boitegauche {
position : relative; 
float: left;
width: 230px;
height: auto;
padding : 2px 0px 2px 4px;
margin : 0px 20px 0px 0px;	
} 
#boitedroite {
position : relative; 
float: right;
width: 230px;
height: auto;
padding : 2px 0px 2px 4px;
margin : 0px;	
} 
#soustitredroit {
position : relative; 
float: right;
width: 230px;
height: auto;
background-image:url(images/fond_soustitre.gif);
background-repeat: repeat;
padding : 2px 0px 2px 4px;
margin : 0px;	
font-weight:bold;
} 
.savoirplus {
position : relative; 
float: right;
width: 100%;
height: auto;
padding :0px 5px 0px 0px;
margin : 0px 0px 20px 0px;	
text-align: right;
font-size: 90%;
} 
#boiteannoncevedette {
position : relative; 
float: left;
width: 98%;
height: auto;
padding : 2px 0px 0px 5px;
margin : 0px 0px 20px 0px;	
} 
#annoncevedette {
position : relative; 
float: left;
width: 100%;
height: auto;
background-color:#330000;
padding : 2px 0px 0px 5px;
margin : 0px 0px 5px 0px;	
color: #ffffff;
font-weight:bold;
} 
.ongletannoncevedette {
position : relative; 
float: left;
width: 144px;
height: auto;
padding : 2px 0px 0px 0px;
margin : 0px 20px 0px 0px;	
text-align: right;
} 
.titreonglet {
position : relative; 
float: left;
width: 144px;
height: 15px;
background-image:url(images/onglet_annonce.gif);
background-repeat: repeat;
padding : 0px 5px 0px 0px;
margin : 0px;	
color: #ffffff;
font-weight:bold;
text-align: right;
} 
#forfait {
position : relative; 
float: left;
width: 98%;
height: auto;
padding : 0px;
margin : 0px 0px 20px 0px;	
font-weight:bold;
} 
#forfaittitre {
position : relative; 
float: left;
width: 100%;
height: auto;
background-image:url(images/fond_soustitre.gif);
background-repeat: repeat;
padding : 2px 0px 2px 6px;
margin : 0px 0px 10px 0px;	
font-weight:bold;
} 
#forfaitboite {
position : relative; 
float: left;
width: 156px;
height: auto;
background-color:inherit;
padding : 0px;
margin : 0px 7px 0px 0px;	
} 
#forfaitboitecontenu {
position : relative; 
float: left;
width: 141px;
height: auto;
background-image:url(images/fond_bronze.gif);
background-repeat: repeat;
padding : 2px 10px 0px 5px;
margin : 0px;	
font-weight: normal;
} 
#forfaitboitebas {
position : relative; 
float: left;
width: 156px;
height: 11px;
background-image:url(images/fond_bronzebas.gif);
background-repeat: no-repeat;
padding : 0px;
margin : 0px 0px 5px 0px;	
} 
#forfaitboiteprix {
padding-top : 5px;
padding-right : 10px;
margin : 0px;	
font-weight: bold;
text-align: right;
font-size: 130%;
} 
#forfaitboitetitre {
position:absolute;
top: 26px;
left: 12px;
width: 125px;
height: 30px;
background-color:inherit;
padding : 0px;
margin : 0px;	
font-weight: bold;
font-size: 120%;
} 
#forfaitbronzehaut {
position : relative; 
float: left;
width: 156px;
height: 60px;
background-image:url(images/fond_bronzetitre.gif);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;	
} 
#forfaitargenthaut {
position : relative; 
float: left;
width: 156px;
height: 60px;
background-image:url(images/fond_argent.gif);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;	
} 
#forfaitorhaut {
position : relative; 
float: left;
width: 156px;
height: 60px;
background-image:url(images/fond_or.gif);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;	
} 

H1 {
font-size: 140%;
font-weight:bold;
color:#330000;
}
H2 {
font-size: 120%;
font-weight:bold;
color:#669933;
background-color:inherit;
}
H3 {
font-size: 110%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#666666;
background-color:inherit;
}

#baspage {
position:relative;
width: 770px; 
height: 16px;
background-image:url(images/baspage.gif);
background-repeat: no-repeat;
margin:0px auto;
padding : 0px;
}
#footer {
position:relative;
width: 770px; 
height: 16px;
background-image:url(images/baspage.gif);
background-repeat: no-repeat;
margin:0px auto;
padding : 0px;
}
#copyright a {
color:#666666;
text-decoration:underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
#copyright a:hover {
color:#666666;
text-decoration:none;
background-color:inherit;
font-style:normal;
} 
#copyright {
position:relative;
width: 764px; 
height: auto;
margin:0px auto;
padding : 0px;
text-align: center;
font-size:90%;
color:#666666;
background-color:inherit;
}
.information {
color:#ff0000;
font-style:normal;
font-weight:bold;
background-color:inherit;
} 
#chargement {
display:none;
color:#ff0000;
font-weight:bold;
}
input, textarea, select {
font-size:90%;
color:#000000;
font-weight:bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color:inherit;
}
div#contenuformulaire{width:98%;margin:3px;vertical-align:top;}
div#contenuformulaire div.sautligne {padding:2px;vertical-align:top;width:97%;}
div#contenuformulaire form label {float:left;width:150px;font-weight:bold;padding:2px;}
th {color:#ffffff;font-weight:bold;background-color:inherit;text-align:left;}
.photo {
float:left;
width:115px;
background-color:inherit;
margin : 0px 4px 15px 0px;		
padding : 0px;
text-align: center;
font-size:90%;
}
#banpublicite {
background-color:inherit;
margin-right:-285px;
padding:5px;
float:right;
}
#framesite
{
width: 770px; 
height: auto; 
margin: 0px auto;
padding: 0px;
}