* {margin:0; padding:0;}
body {background:url(images/fond-body.jpg) repeat-x #E5E5E7;text-align:center;}
body, table, div, input, textarea, select {font: 11px Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
img {border:none;}

/*HHHHHHHHHHHHHHHb  S T R U C T U R E   G E N E R A L E dHHHHHHHHHHHHHH*/
#bando {margin:0 auto;width:976px;height:209px;background:url(images/fond-bando.jpg) no-repeat #99BA3D;}
	#haut {height:163px;text-align:right;}
	#menu {margin:0 0 0 100px;}
	#bando h1 {color:#9ABA3D;font-size:0;height:1px;}
	#bando ul {list-style:none;text-transform:uppercase;font-size:10px;}
	#bando li {display:inline;}
	#bando li a {display:block;float:left;padding:8px 9px 0 9px;border-right:1px solid #5F7324;height:35px;background:url(images/fond-menu.jpg) no-repeat;
                color:#EBFFBC;margin:0 3px 0 0;}
	#bando li a:hover {background:url(images/fond-menu-on.jpg) no-repeat;color:white;} 
	
#corps {margin:0 auto;width:976px;}
	#corps-gauche {width:82px;height:379px;background:url(images/fond-gauche.jpg) no-repeat;float:left;}
	#corps-droit {float:left;background:url(images/fond-contenu.jpg) no-repeat #99BA3D;width:894px;text-align:left;}

.erreur{ color:#FF0000; font-weight:bold; }
		
		/*---------- MENU DE LA BOUTIQUE  */
		#boutique {float:left;width:160px;padding:20px 0 0 10px;height:369px;}
			#boutique h1 {font-size:1.4em;color:#B30068;text-transform:uppercase;}
			#boutique ul {list-style:none;margin:10px 0 20px 0;}
			#boutique li a {display:block;background:url(images/puce-boutique.gif) no-repeat left center;padding:4px 0 4px 15px;width:130px;color:#284E28;
			                font-weight:bold;border-bottom:1px dashed #798B41;}
			#boutique li a:hover {color:#B30068}
			#boutique li a.sousmenu {display:block;background:url(images/puce-boutique.gif) no-repeat left center;padding:4px 0 4px 15px;width:130px;color:#284E28;
			                font-weight:bold;border:none;cursor:text;}
			#boutique ul ul {margin:0 0 0 25px;}
			#boutique ul ul li a {display:block;background:url(images/puce-sousmenu.gif) no-repeat left center;padding:1px 0 1px 10px;width:110px;color:#284E28;
			                      border:none;font-weight:normal;}
			#boutique p {border-bottom:1px dashed #798B41;color:#397837;padding:2px 15px 2px 0;}
			#boutique p a {font-size:1.2em;color:#B30068;font-weight:bold;font-style:italic;}
			
		#contenu {float:left;width:670px;padding:20px 0 0 15px;margin:0 0 0 9px;}
			#contenu h2 {font-size:1.6em;font-weight:normal;color:#B30068;}
			#contenu h3 {font-size:1.2em;color:#566922;border-bottom:1px dashed #798B41;margin:10px 0 0 0;}
			#contenu h3 a {color:#566922;}
			#contenu p {margin:5px 0 0 0;text-indent:1em;}
			#contenu ul {margin:0 0 0 40px;padding:0 20px 0 0;}
			
		#cale {clear:both;width:880px;font-size:0.1em;height:10px;}
		
		/*---------- LA BOUTIQUE  */
		#galerie {float:left;width:105px;height:350px;overflow:auto; text-align:center; }
			#galerie img {border:2px solid #D2F36C;margin:0 0 8px 0;}
		#fiche {float:left;width:550px;margin:0 0 0 15px;}
			#fiche-photo {float:left;width:280px;height:280px;background:white;border-bottom:6px solid #839D2E;margin:0 0 10px 0;position:relative;
						  text-align:center;}
				#coins {position:absolute;z-index:2;left:0;top:0;}
			#fiche-description {float:left;width:260px;margin:0 0 0 10px;color:#284E28;}
				#fiche-description h4 {color:#A81A81;font-size:1.6em;font-weight:normal;padding:0 0 0 15px;background:url(images/puce-titre.gif) no-repeat left center;}
				#chemin {color:#AC8172;font-style:italic;}
				#code {font-weight:bold;font-size:1.2em;color:#3A7737;}
				#description {border-top:1px dashed #798B41;border-bottom:1px dashed #798B41;margin:10px 0 5px 0; padding:8px;
				              background:url(images/fond-description.jpg) no-repeat #ABC65F;}
				#description p {margin:0;text-indent:0;}
			#fiche-note {clear:both;width:100%;color:#696969;font-size:0.8em;}
		
		/*---------- LA RUBRIQUE  */
		.rubrique_tbl {border-bottom:1px dashed #798B41;}
		.rubrique_tbl td {padding:2px;}
		.rubrique_tbl img {border:2px solid #D2F36C;}
		.rubrique_bla {background:#BED37E;}
		.rubrique_go {text-align:right;width:670px;margin:0 0 10px 0;}
		.mini-galerie {float:left;margin:5px 5px 0 0;width:auto;}
		
		/*---------- LE PANIER  */
		#panier td {padding:2px 4px;}
		#panier_haut td {background:#86A234;color:#D0F174;font-weight:bold;text-transform:uppercase;height:30px;}
		.panier_ligne td {border-bottom:1px dashed #798B41;}
			.panier_nom {font-size:1.2em;}
		.panier_totaux {background:#90AF38;font-weight:bold;text-align:right;color:#566922;border-bottom:1px solid #839E31;}
		#panier_prix-total {background:#C71255;font-weight:bold;color:#D0F174;height:30px;font-size:14px;}
		#panier_total {font-weight:bold;font-size:14px;color:#B30068;text-align:right;}
		
		/*---------- LES ETAPES  */
		#etapes {text-align:center;width:650px;}
		#tbl-etape1 {margin:40px 0 0 50px;}
			#tbl-etape1 td, #tbl-etape2 td {padding:5px;}
			#tbl-etape1 td h2, #tbl-etape2 td h2 {border-bottom:1px dashed #798B41;}
			#tbl-etape1 td input, #contenu fieldset input, #contenu table input, #contenu table textarea  {border:2px solid #CCED6B;}
			#deja-client {background:url(images/fond-client.jpg) no-repeat #C4D68C;text-align:center;}
		#tbl-etape2 {margin:40px 0 0 0;}
			#tbl-etape2 td h3 {margin:5px 0 0 0;background:url(images/puce-boutique.gif) no-repeat left center;padding:2px 0 0 12px;}
			#tbl-etape2 ul {margin:10px 0 0 20px;list-style-image:url(images/puce-sousmenu.gif);}
			#tbl-etape2 li {border-bottom:1px solid #7B9532;}
		#contenu fieldset {margin:20px 0 0 0;border:1px dashed #798B41;padding:8px;}
			#contenu fieldset p {padding:0 0 5px 0;margin:0;}
			#contenu fieldset table td {padding:2px;}
		#contenu legend {color:#B30068;font-size:1.4em;font-weight:bold;}
		
		/* -------- DEMANDE DE DEVIS  */
		#tbl-contact {background:url(images/fond-client.jpg) bottom left no-repeat #C4D68C;border:1px solid #CCED6B;padding:4px;}
		#tbl-contact td {padding:2px;color:#B30068;}
		#tbl-contact td input, #tbl-contact td textarea {width:170px;}
				
		/*---------- Les codes postaux    */
		#tbl-postal {margin:0 0 0 150px;color:#4C5C1E;border:1px solid #B3CA6F;}
		#tbl-postal td {padding:2px 4px;border-bottom:1px solid #C0D588;background:#A1BF4D;}
		
#pied {clear:both;margin:0 auto;width:976px;text-align:right;}
	#pied a {color:#6E872C;font-weight:bold;}
	#pied a:hover {color:#B30068;}