body {				/* OK */
	font: 11px arial, verdana, helvetica, serif;
	color: #000000;
	background: #434242;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: center;		/* pour corriger le bug de centrage IE 5.5 */
}

img {
	border: none;
}

p, span, ul {			/* OK */
	font: 12px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: justify;
}

a {					/* OK */
	font: 12px arial, verdana, helvetica, serif;
	color: #000000;
}

h2 {				/* OK */
	font: bold 16px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	border-bottom: 2px solid #ffffff;
	margin: 8px 25px 0px 12px;
}

/*h2 {
	font: bold 14px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 5px 25px 0px 12px;
}
*/

.rouge 
{
	color: #ff0000;
}

.gras 
{
	font-weight:bold;
}

.prixgaz {
	text-decoration: line-through;
	font-size: 18px; 
	font-weight: bold; 
	color: #ff0000;
}

div.gamme-produit span.prixbarre {
	text-decoration: line-through;
	color: #ff0000;
	font-weight: bold;
}

div.gamme-produit h1 {
	font: bold 16px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	/*border-bottom: 2px solid #ffffff;*/
	margin: 8px 25px 0px 12px;
}

div#navproduits span.prixbarre {
	text-decoration: line-through;
	color: #ffffff;
	font-weight: bold;
}

/* ------------------------ BLOCS -------------------------------------------------- */
div.conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
}

div#hautpage {
	background-image: url("../images/fond-haut.gif");
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
	height: 90px;
}

div#logo {
	float: left;
	padding: 0px 20px 0px 15px;
	width: 120px;
	height: 70px;
}

div#logotexte {
	float: right; 
	text-align: right;
	overflow: hidden;
	padding: 1px 11px 0px 0px;
	margin: 0; 
	width: 800px;
	height: 85px;
}
/*
div#logotexte span {
	float: right;
	padding-right: 22px;
	padding-top: 7px;
	text-align: right;
	font: normal 14px arial, verdana, helvetica, serif;
	color: #27201b;
}
*/

div#menu {
	display: block; 
	margin-left: auto;
	margin-right: auto;
	/*
	min-width: 998px;
	*/
	min-height: 63px;
}

div#page {
	background-image: url("../images/fond-page.gif");
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
}

div#pied {
	background-image: url("../images/fond-pied.gif");
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
	height: 34px;
}
div#pied a {
	font: 12px arial, verdana, helvetica, serif;
	color: #ffffff;
	text-decoration: none;
}
div#pied a:hover {
	text-decoration: underline;
}

div#annonce {
	width: 986px;
	background: #f8f8f8;
	border: 1px solid #cdd9de;
	margin: 5px 0px 5px 0px;
}

div#annonce p, div#annonce a {
	font: bold 18px arial, verdana, helvetica, serif;
	text-align: center;
	/*color: #ff9000;*/
	color: #ff0000;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#annonce a {	
	text-decoration: underline;
}

div#annoncerouge {
	/*display: block;*/
	width: 986px;
	background: #ff0000;
	border: 1px solid #cdd9de;
	margin: 5px 0px 5px 0px;
}

div#annoncerouge p, div#annoncerouge a {
	font: bold 18px arial, verdana, helvetica, serif;
	text-align: center;
	color: #ffffff;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#annoncerouge a {	
	text-decoration: underline;
}

div#annoncerose {
	/*display: block;*/
	width: 986px;
	background: #ff00c6;
	border: 1px solid #ff00c6;
	margin: 5px 0px 5px 0px;
}

div#annoncerose p, div#annoncerose a {
	font: bold 18px arial, verdana, helvetica, serif;
	text-align: center;
	color: #ffffff;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#annoncerose a {	
	text-decoration: underline;
}

div#zoom1 {
	width: 988px;
	height: 274px;
	background-image: url("../images/fond-zoom1.jpg");
	background-repeat: repeat;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#zoom1 p.titre1 {
	font: bold 30px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ffffff;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#zoom1 p.titre2 {
	font: bold 24px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ffe400;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#zoom1 p.texte {
	font: 18px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ffffff;
	margin: 15px 0px 5px 0px;
	padding: 0;
}

div#zoom2 {
	width: 988px;
	height: 324px;
	background-image: url("../images/zoom2-fond.gif");
	background-repeat: no-repeat;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#zoom2 div#zoom2-titre {
	width: 988px;
	height: 45px;
	background-image: url("../images/zoom2-fond-titre.png");
	background-repeat: repeat;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div#zoom2 div#zoom2-titre h2 {
	font: bold 30px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	border: none;
}

div#zoom2 p.titre1 {
	font: bold 24px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ff6c00;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#zoom2 p.texte {
	font: 18px arial, verdana, helvetica, serif;
	text-align: left;
	color: #000000;
	margin: 15px 0px 5px 0px;
	padding: 0;
}


div#zoom-mini {
	width: 482px;
	height: 164px;
	/*
	background-image: url("../images/zoom-mini-fond.gif");
	background-repeat: no-repeat;
	*/
	background: #ffffff;
	border : solid 1px #cdcdcd;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div#zoom-mini div#zoom-mini-titre {
	width: 482px;
	height: 25px;
	background-image: url("../images/zoom-fond-titre-mini.png");
	background-repeat: repeat;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div#zoom-mini div#zoom-mini-titre h2 {
	font: bold 16px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	border: none;
}

div#zoom-mini p.texte {
	font: 12px arial, verdana, helvetica, serif;
	text-align: left;
	color: #000000;
	margin: 5px 0px 5px 0px;
	padding: 0;
}


div.zoom3 {
	width: 485px;
	height: 290px;
	background: #f8f8f8;
	border: 1px #ccd9dd solid;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div.zoom3 div.zoom3-titre {
	width: 485px;
	height: 37px;
	background-image: url("../images/zoom2-fond-titre.png");
	background-repeat: repeat;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div.zoom3 div.zoom3-titre h2 {
	font: bold 24px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	border: none;
}

div.zoom3 p.titre1 {
	font: bold 18px arial, verdana, helvetica, serif;
	text-align: left;
	color: #ff6c00;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

div.zoom3 p.texte {
	font: 18px arial, verdana, helvetica, serif;
	text-align: left;
	color: #000000;
	margin: 15px 0px 5px 0px;
	padding: 0;
}


div#marquetexte {
	float: left;
	text-align: left;
	width: 520px;
	padding: 10px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
}

div#marquetexte p, div#marquetexte a {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

div#marquetexte a, div#marquephoto a {
	text-decoration: underline;
}

div#marquephoto p, div#marquephoto a {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 0px 0px 0px 0px;
	margin: 5px 10px 0px 7px;
}

/*div#marquetexte h2, div#marquephoto h2 {
	font: bold 14px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 5px 10px 0px 7px;
}*/


div#marquetexte ul {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#marquetexte li {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

div#marquephoto {
	float: right;
	text-align: center;
	width: 435px;
	padding-right: 11px;
}

div.titre-gamme h1 {
	font: normal 24px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	border-bottom: 2px solid #000000;
	margin: 15px 25px 0px 12px;
}

div.titre-gamme h2 {
	font: normal 24px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	border-bottom: 2px solid #000000;
	margin: 15px 25px 0px 12px;
}

div.titre-gamme p {
	margin: 15px 25px 0px 12px;
}

div.gamme-produit table td.texte {
	text-align: left;
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.gamme-produit span.grasrouge {
	color: #ff0000;
	font-weight: bold;
}

div.gamme-produit span.tarifspa {
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
}

div.gamme-produit span.gras {
	color: #000000;
	font-weight: bold;
}

div.gamme-produit a {
	color: #000000;
	text-decoration: underline;
}

/* ------------------------------- page produit ------------------------------------------- */
div#colgauche {
	/*background: #cecece;*/
	float: left;
	text-align: left;
	width: 520px;
	padding: 10px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
}

div#colgauche h2 {
	font: bold 20px arial, verdana, helvetica, serif;
	color: #00b1f0;
	text-align: left;
	border: none;
	margin: 8px 0px 0px 12px;
	border-bottom:solid 1px #00b1f0;
}

div#colgauche p.prix {
	font: bold 24px arial, verdana, helvetica, serif;
	color: #e31a22;
	text-align: left;
	margin: -10px 0px 0px 12px;
}

div#colgauche p.sousprix {
	font: bold 14px arial, verdana, helvetica, serif;
	color: #e31a22;
	text-align: left;
	margin: -10px 0px 0px 12px;
}

div#colgauche p, div#colgauche a {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 0px 0px 0px 12px;
	padding: 10px 0px 0px 0px;
}
div#colgauche a {
	text-decoration: underline;
}

div#colgauche p.first {
	margin-top: -10px;
}

div#colgauche ul {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 0px 0px 10px 12px;
	padding: 0px 0px 0px 0px;
}

div#colgauche li {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

/*div#colgauche h2, div#coldroite h2 {
	font: bold 14px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	text-transform: uppercase;
	height: 35px;
	margin: 8px 0px 0px 12px;
	padding-left: 40px;
	padding-top: 10px;
}

div#colgauche h2.flv, div#coldroite h2.flv {
	background-image: url(../images/fleche-verte.gif);
	background-repeat: no-repeat;
}

div#colgauche h2.flr, div#coldroite h2.flr {
	background-image: url(../images/fleche-rouge.gif);
	background-repeat: no-repeat;
}

div#colgauche h2.flb, div#coldroite h2.flb {
	background-image: url(../images/fleche-bleu.gif);
	background-repeat: no-repeat;
}

div#colgauche h2.flo, div#coldroite h2.flo {
	background-image: url(../images/fleche-orange.gif);
	background-repeat: no-repeat;
}
*/
div#colgauche table {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin-left: 50px;
}


div#coldroite {
	/*background: #a1a1a1;*/
	float: right;
	text-align: left;
	width: 428px;
	padding: 10px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
}

div#coldroite table {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
	margin-left: 50px;
}

div#coldroite table span {
	color: #000000;
	font: normal 12px arial, verdana, helvetica, serif;
}


div#fichepdf {
	margin: 10px 0px 20px 10px;
}

div#fichepdf a {
	color: #3b3b31;
	font: bold 11px arial, verdana, helvetica, serif;
	text-decoration: none;
}

div#fichecontact {
	margin: 10px 0px 10px 10px;
}

div#fichecontact a {
	margin: 0;
	padding: 0;
}

/* --------------------------- navigation haut de page dans gamme page produit ----------------------------- */
div#navproduits {
	display: block;
	text-align: left;
	margin: 10px 0px 0px 12px;
}

div#navproduits hr {
	margin-left: 0px;
	margin-right: 12px;
}

div#navproduits p.chemin, div#navproduits a {
	color: #000000;
	font: bold 14px arial, verdana, helvetica, serif;
}

div#navproduits p.chemin a {
	text-decoration: underline;
}

div#navproduits table {
	margin-top: -10px;
}

div#navproduits table td.active {
	border: 1px solid #ffffff;
	background: #ff9000;
}

div#navproduits table td.nonactive {
	border: 1px solid #ffffff;
	background: #00b1f0;
}

div#navproduits table td.nonactive:hover {
	border: 1px solid #ffffff;
	background: #ff9000;
}

div#navproduits table td a {
	color: #ffffff;
	font: bold 12px arial, verdana, helvetica, serif;
	text-decoration: none;
}


div#blocvide {
	float: left;
	text-align: left;
	width: 980px;
	padding: 10px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	color: #000000;
}

div#blocvide a {
	color: #000000;
}

div#blocvide h2 {
	font: bold 18px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	border: none;
	margin: 8px 0px 0px 0px;
}

div#blocvide p, div#blocvide span, div#blocvide ul {			/* OK */
	font: 12px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: justify;
}

/* ------------- formulaire ----------- */
#formulaire {
	font: 12px arial, verdana, helvetica, serif;
	color: #000000;
	margin: 0px 0px 0px 20px;
	padding: 0;
	text-align: left;
}

#formulaire h2 {
	margin: 0;
	border: none;
}

#formulaire table {
	margin: 0px 0px 0px 10px;
}

#formulaire input, select, textarea {
	font: 12px arial, verdana, helvetica, serif;
}

#formulaire td {
	text-align: left;
	font: 12px arial, verdana, helvetica, serif;
}

#formulaire td.prompt, #formulaire td.promptb {
	text-align: right;
	font: normal 12px arial, verdana, helvetica, serif;
}

#formulaire td.promptb {
	font-weight: bold;
}

#formulaire .star {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

#formulaire .note {
	font: 12px arial, verdana, helvetica, serif;
}

/* conditions de vente */
div#blocconditions {
	width: 880px;
	font: normal 10px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
}

div#blocconditions p {
	font: normal 10px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 0px 7px 0px 12px;
}

div#blocconditions ul {
	font: normal 10px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 0px 7px 0px 30px;
}

div#blocconditions h2 {
	font: bold 12px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 5px 7px 0px 12px;
}

div#blocconditions h3 {
	font: bold 10px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 5px 7px 0px 12px;
}

/* occasions */
div.occasion {
	font: 12px arial, verdana, helvetica, serif;
	color: #000000;
	margin: 0px 0px 0px 20px;
	padding: 0;
	text-align: left;
}

div.occasion table {
}

div.occasion h2 {
	font: bold 16px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 8px 0px 0px 0px;
	border: none;
}

div.occasion p {
	font: normal 12px arial, verdana, helvetica, serif;
	color: #000000;
	text-align: left;
	margin: 5px 0px 0px 0px;
}

div.occasion span.tarif {
	font: bold 14px arial, verdana, helvetica, serif;
	color: #ff0000;
}

div.occasion td.titre {
	padding: 0px 0px 0px 0px;
	background: #00b1f0;
	font: bold 16px arial, verdana, helvetica, serif;
	color: #ffffff;
	text-align: left;
	margin: 18px 0px 0px 0px;
}