BODY {
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #003399;
	scrollbar-darkshadow-color: #003399;
	scrollbar-track-color: #CCCCCC;
	scrollbar-arrow-color: #00CC33;
	background-color: #FFFFFF;
}
body, table, td, p, div, span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0px;

}
form {
	margin: 0px;
}

a {
	color: #003399;
}
a:hover{
	color:#999999
}
.textegras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.bdr {
	border: 1px dotted #999999;
}
.bdrht {
	border-top: 1px dotted #999999;

}
.bdrdrt {
	border-right: 1px dotted #999999;
	background-image: url(/images/interface/pixgris.gif);
}
.bdrgch {
	border-left: 1px dotted #999999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
.bdrbs {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-image: url(/images/interface/pixgris.gif);
}
.bdrbsdrt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	background-image: url(/images/interface/pixgris.gif);
}
.bdrhtbs {
	border-top: 1px dotted #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-image: url(/images/interface/pixgris.gif);
}
.bdrgchbsdrt {
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;

}
.bdrgchhtdrt {
	border-right: 1px dotted #999999;
	border-left: 1px dotted #999999;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	background-image: url(/images/interface/pixgris.gif);

}
.bdrhtgchbs {
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;
	background-image: url(/images/interface/pixgris.gif);
}
.textemaj {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CC33;
	font-weight: bold;
}
.textemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.textemenuhover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #66CCFF;
	text-decoration: none;
}
.textessmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a.textessmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
.textessmenu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
a.textessmenu2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-decoration: none;
}
.textepied {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	text-decoration: none;
}
#pied {
	background-image: url(/images/interface/pied3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.textegrasbleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	font-weight: bold;
}
.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.textecom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

.titrebleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003399;

}
.prixbleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	font-weight: bold;
}

.tabboutique {
	border: 1px dotted #999999;
}
/*--- ajout du  02/03/2006---*/
#conteneur {
	padding:0;margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	}

#conteneur img{border:0;margin:0;background-color:#FFF;}
#conteneur h3,#conteneur h4,#conteneur p{padding:3px 6px;margin:0;}

#conteneur .photos
{
	display:block ;
	margin:0;
	text-align:center;
	background-color:#FFF;
	width:166px;
	height:166px;
}

#conteneur .titre_nouveaute
{
	margin:6 0px;
	display:block;
	text-align:center;
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
	font-variant:small-caps;
	font-weight:bold;	
	background-image: url(img/bg_vert.gif);
	background-repeat: no-repeat;
	background-position: 16px;
}

#conteneur .titre_promotion
{
	margin:6 0px;
	display:block;
	text-align:center;
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
	font-variant:small-caps;	
	font-weight:bold;	
	background-image: url(img/bg_red.gif);
	background-repeat: no-repeat;
	background-position: 16px;
}

#conteneur .titre_occasion
{
	margin:6px 0px;
	display:block;
	text-align:center;
	font-size: 13px;
	font-weight:bold;	
	color:#FFFFFF;
	font-variant:small-caps;	
	background-image: url(img/bg_bleu.gif);
	background-repeat: no-repeat;
	background-position: 16px;
}


#conteneur .produit {
	float: left;
	width: 170px;
	height: 330px;
	overflow: hidden;	
	margin: 0 10px 0 10px;
	padding:0;
}

#conteneur .panier img{
	position:absolute;
	right:2px;
	bottom:2px;
}

#conteneur .produit .nouveaute {
	margin:0;
	background-color:#F3F3F3;
	border:solid 2px #10E610;
	color:#10E610;	
	position:relative;
	zoom:1; /* Hack IE permet de mettre tout à 100 %*/
}

#conteneur .produit .nouveaute p, #conteneur .produit .nouveaute a {color:#10E610;}
#conteneur .produit .promotion {
	margin:0;
	background-color:#F3F3F3;
	border:solid 2px #FE0000;
	color:#FE0000;	
	position:relative;
	zoom:1; /* Hack IE permet de mettre tout à 100 %*/	
}

#conteneur .produit .promotion p, #conteneur .produit .promotion a {	color:#FE0000;	}

#conteneur .produit .occasion {
	margin:0;
	background-color:#F3F3F3;
	border:solid 2px #66CCFF;
	color:#66CCFF;	
	position:relative;
	zoom:1; /* Hack IE permet de mettre tout à 100 %*/	
}

#conteneur .produit .occasion p, #conteneur .produit .occasion a {	color:#66CCFF;	}

#conteneur #actu {clear:both;}
#conteneur #actu h2 {
	display:block;
	margin:0;
	padding:1 0 0 10;
	width:138px;
	height:21px;
	font-size: 13px;
	font-weight:bold;	
	color:#666;
	background-image: url(img/bg_gris.gif);
	background-repeat: no-repeat;
	}
#conteneur #actu h3 {font-size: 12px;font-weight:bold;color:#039;}	
#conteneur #actu .texte{margin:10 0 10 0; padding:5;background-color:#F3F3F3;}

#conteneur #partenaire {clear:both;}
#conteneur #partenaire h2 {display:block;margin:0;padding:1 0 0 10;width:138px;height:21px;font-size: 13px;font-weight:bold;color:#666;background-image: url(img/bg_gris.gif);background-repeat: no-repeat;}
#conteneur #partenaire .txtPartenaire {float: left;overflow: hidden;margin: 0 5px 0 5px;padding:0;}
#conteneur #partenaire img {}
	
	
	
.flottedroite { float: right; padding: 0 0 2px 6px; }	
.flottegauche { float: left; padding: 0 6px 2px 0; }

.txtselect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:16px;
}

/*formulaire partenaire*/
/*** Mise en forme générale de la page ***/
body {
	margin: 0.2em;
	padding: 0;
	font: .8em arial, hevetica, sans-serif;
	text-align: left;
	color: black;
	background: white;
}
p#notes {
	border-bottom: 1px dotted black;
	padding-bottom: 1em;
}
p#footer {
	border-top: 1px dotted black;
	padding-top: 1em;
}
code {
	font-size: .9em;
}
html>body code {
	font-size: 1.3em;
}

/*** Mise en forme du formulaire ***/

#bloc {
	border: none;
	margin: 0;
	padding: 0;
	width: 40em;	/*** Largeur du formulaire ***/
	border: 1px solid black;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: black;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}

fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
fieldset#coordonnees label, fieldset#galerie label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 10%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
.legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

.alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
.messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}


#listePartenaire li{height: 25px;list-style:none;}
#listePartenaire .txtListe{ float:left;vertical-align:middle;}
#listePartenaire img{width:20;height:20;vertical-align:middle;}	
#listePartenaire .flottedroite { float: right;}
.alert {font-weight:bold; color:#FF0000}

.ant_fp {float:left;width:40%;}

#fp {visibility: visible;width: 55%;position: relative;padding:5px;float:right;}
#fp table   {font-size: 9px;font-family: Verdana, Geneva, Arial, sans-serif;}
#fp caption {font-weight:bold;text-align: left;padding-left: 5px}
#fp td  {padding: 0 0 0 10px;border-left: 3px solid #ccc}
#fp tr  {background-color: #EEEEEE;}
#fp th  {color:#666;background-color: #e0e0e0;text-align: left;padding-left: 5px}