body {
font-family: Arial, Georgia, Times, serif;
font-size:12px;
font-weight:100;
background-image:url("images/fond.gif");
background-repeat:repeat-x;
background-color:#C9C9C9;
}
h1#ref {
float:right;
	height: 1px; width:1px;
	margin:0; padding:0;
	background: url("images/spacer.gif") top left no-repeat;
	text-decoration: none;
	text-indent: -999em;
}
a {
color:#000033;
}
a:hover{
color:#0066CC;
}
#wrap {
	margin-left:20px;
	padding: 0; 
	width: 875px;
	text-align: left;
}
h1#logo {
	float:left;
	height: 77px; width:220px;
	margin:0; padding:0;
	background: url("images/logo.gif") top left no-repeat;
	background-position:40px;
	text-decoration: none;
	text-indent: -999em;
}

#menu {
float:left;
height: 82px;
margin-left:100px;
margin-top:-30px;
}

Div#onglet1 a
{	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 103px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet1.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

}

div#onglet1 a:hover
{
	background: url(images/onglet1.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
div#onglet1-on
{
	background: url(images/onglet1.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
div#onglet1-on
{	
	float:left;
	margin-left:2px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 103px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet1.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	
div#onglet2 a
{	float:left;

	margin-left:2px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 103px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

}

div#onglet2 a:hover
{	
	background: url(images/onglet2.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	
div#onglet2-on
{	
	float:left;
	margin-left:2px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 103px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet2.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	
div#onglet3 a
{	float:left;

	margin-left:2px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 143px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

}

div#onglet3 a:hover
{	
	background: url(images/onglet3.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	
div#onglet3-on
{	
	float:left;
	margin-left:2px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 143px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet3.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	
div#onglet4 a
{	

	margin-left:2px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 143px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet4.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

}

div#onglet4 a:hover
{	
	background: url(images/onglet4.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	
div#onglet4-on
{	
	float:left;
	margin-left:2px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 143px;
	height:42px;
	text-decoration: none ;
	background: url(images/onglet4.gif) no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	
#content {
	clear:both;
	width: 875px;
	
	text-align: left;
	min-height:100%;
}
#barre {
	background: url(images/barre.gif) no-repeat;
	width:875px;
	height:23px;
	padding-left:15px;
	padding-top:4px;
}
#menu-gauche {
	float: left;
	width: 290px; 
	margin-top: -4px;	padding: 0; 
	display: inline;
	background-color:#FFFFFF;
}
#main {
	float: left;
	margin-top:10px;
	padding: 0;
	width: 580px;	
	background-color:#FFFFFF;
	
}
h1 {
font-size:24px;
color:#2658C7;
font-weight:normal;
margin:0;
top:0
}
#main-tab {
margin-top: -4px;	padding: 0; 
background-color:#FFFFFF;
}

#fond-email{
background: url(images/email_02.gif) no-repeat;
padding-top:12px;
width:178px;
height:42px;
}
#form-email{
border:0px;
margin-left:35px;
font-family: Arial, Georgia, Times, serif;
font-size:12px;
}
#top-ad {
margin-left:340px;
}

#menu-link{

padding-top:18px;
padding-left:20px;
width:250px;
height:30px;
font-size:16px;
text-align:left;
}
#simul-credits{
	background: url("images/fond_simul.gif") top left no-repeat;
	width:466px;
	height:78px;
	padding-left:30px;
	padding-top:8px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:30px;
}
#rightside{
	
	padding-right:20px;
	padding-left:20px;
}
input#montant {
	padding: 3px 3px 3px 3px;
	border:1px solid #eee;
	color:black;
	font-size:20px;
	width:80px;
	
}
h2 {
background: #fff url(images/bgshade.gif) repeat-x; 
font-size:18px;
font-weight:normal;
}
h2, h3, p {
	padding: 10px;		
	margin: 0;
}
#offres {
margin-top:20px;
}
.left_box {
		background: #f4f4f4;
		color: black;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 5px;
		margin: 0 0 15px 0;
	}
	
	/*TABLEAU 3000E sur 24 mois*/
#TABAUTO {
	border-collapse: collapse;
	border: 1px solid #52AD26;
	border-spacing: 0;
	
}
#TABAUTO a {
	color:#000000;
	}
#TABAUTO  TR {		
height:25px;
}
#TABAUTO  TD {
	border: 1px solid #52AD26;

}
#TABAUTO  .cell {
	background-color: #BBECA4;
}
#TABAUTO  .titre {
	background-color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.mots-cles {
color:#CCCCCC;
} 

form {
	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

textarea {
	width:350px;
	padding:3px;
	font: normal 1em Verdana, sans-serif;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Verdana, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #75A54B;
}

#foot-links {
color:#999999;

}
#foot-links a{
color:#999999;

}
#meilleures-offres {
background: url(images/fond-offres.gif) no-repeat; 
font-weight:normal;
padding-left:10px;
padding-top:8px;
color:#BE245E;
font-size:14px;
}
#meilleures-offres #titre {
font-size:16px;
color:#000000;
}
#meilleures-offres .titre-ad a{
color:#2658C7;
}
#meilleures-offres .titre-ad {
color:#999999;
}
#informations-utiles {
background: url(images/fond-offres.gif) no-repeat; 
font-weight:normal;
padding-left:10px;
padding-top:8px;
color:#83A117;
font-size:14px;
}
#informations-utiles #titre {
font-size:16px;
color:#000000;
}
#informations-utiles .titre-ad a{
color:#2658C7;
}
#informations-utiles .titre-ad {
color:#999999;
}
#fond-encart {
background: url(images/fond-offres.gif) no-repeat; 
padding-left:10px;
padding-top:8px;
color:#000000;
font-size:16px;
}
#faw {
	background: transparent;
	text-align: center;
	font-family: Arial,sans-serif;
	width: 300px;
	height: 250px;
	position: absolute;
	margin: 0 auto;
	top: 170px;
	display: none;
	opacity: 0;
	KHTMLOpacity: 0;
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
	z-index: 1000;	
}

#faw a {
	text-decoration: none;
	border: none;
}

#faw .ad {
	height: 250px;
}

#faw img {
	border: none;
}

#faw .bar {
	background: url('images/bar.gif') no-repeat top left;
	height: 20px;
	line-height: 20px;
}

#faw .bar a {
	margin-left: 10px;
	font-weight: bold;
	float: left;
	color: #FFF;
	font-size: 10px;
}

#faw .bar .close {
	margin-right: 5px;
	display: block;
	width: 12px;
	height: 20px;
	float: right;
	background: url('images/close_off.gif') no-repeat center;
}

#faw.show {
	display: block;
}

.bienvenue {
	
	width:110px; height:25px; border:0; display:none
}
.brf {
	
	width:110px; height:25px; border:0; display:none
}