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


/*  SOMMAIRE
	1. Structure
	2. Liste des produits
	3. Fiche produit
	4. Panier
	5. Login + mon compte + conditions générales
	6. Bon de commande
*/


/*------------  1. STRUCTURE             */
#contenu {background:url(../images/fond-contenu.jpg) no-repeat;width:822px;margin:0 auto;padding:101px 0 0 0;position:relative;text-align:left;}

	#accueil {position:absolute;z-index:2;top:6px;left:-105px;width:419px;height:308px;background:url(../images/logo.gif) no-repeat;}
	#flash {margin:154px 0 0 184px;}
	#flashcontenu p {margin:150px 0 0 40px;}

	#menu {background:#0099D0;padding:10px;}
		#menu ul {list-style:none;margin:28px 0 0 310px;}
		#menu li {width:100%;display:inline;background:url(../images/separateur.jpg) no-repeat right bottom;padding:30px 5px 5px 5px;}
		#menu li a {color:#fff;text-transform:uppercase;font-weight:bold;}
		#menu li a:hover {color:#D3F4FF;}
		#menu li a img {vertical-align:baseline;}
	#menu2 {background:#FF9E18;padding:0 10px 5px 10px;font-weight:bold;clear:both;}
		#menu2 ul {list-style:none;margin:0 0 0 318px;color:#663C00;}
		#menu2 li {display:inline;background:url(../images/separateur2.jpg) no-repeat right center;padding:5px 7px 5px 0;}
		#menu2 li a {color:#fff;}
		#menu2 li a:hover {color:#FFE6C2;}
		#menu2 li a img {vertical-align:baseline;}
		#menu2 #titre {display:block;background:none;}
		
		#bdacc #menu2 li#mn_promo {background-color:#E06500;}
		#menu2 li#mn_promo a {background-color:#E06500;}
		
	/*-- Si on est sur la home --*/
		#bdacc #accueil {position:absolute;z-index:2;top:14px;left:-150px;width:720px;height:478px;background:url(../images/fond_accueil.gif) no-repeat;}
		#bdacc #menu ul {margin:8px 0 0 580px;}
		#bdacc #menu li {width:100%;background:url(../images/separateur-accueil.jpg) no-repeat center bottom;padding:4px 0;display:block;}
		#bdacc #menu2 {padding:10px;}
		#bdacc #menu2 li {width:100%;padding:5px 0;display:block;background:none;border-bottom:1px solid #FFB44D;}
		#bdacc ul {margin:0 0 0 580px;}
		#bdacc #bla p {padding:0 0 0 380px;margin:0 0 10px 0;}
		#bdacc #bla #titreAcc {color:#0099D0;text-transform:uppercase;font-weight:bold;font-size:1.4em;padding:100px 0 0 380px;text-align:left;}
		#bdacc #bla #marqueAcc a {color:#FF9E18;font-weight:bold;}
		#bdacc #compte {z-index:3;width:384px;}
		#bdacc #bla a {color:#616161;}
		
		#pub {border:1px solid #AEAEAE;text-align:center;width:350px;margin:40px 0 0 380px;font-style:italic;font-weight:bold;padding:10px;}
			#pub a {color:#616161;}
		
	#compte {position:absolute;z-index:1;top:101px;right:0;margin:-25px 0 0 0;text-align:right;font-size:11px;width:530px;}
		#compte input {border:1px solid #ccc;}
		#compte label {color:#00739E;}
		#compte a {color:#00739E;}
		#compte a:hover {color:#000;}
		#compte #lienNews {background:url(../images/fond-lienNews.jpg) no-repeat 0 1px #c5dce6;padding:0 5px;font-size:11px;margin-top:4px;}
		#compte #ok {text-transform:uppercase;background:#B6B6B6;font-size:10px;color:#fff;border:0;margin:0 10px 0 5px;}
		
	#bla {background:#fff;}
		#gauche {float:left;width:300px;padding:140px 0 0 20px;}
			#gauche p {margin:0 0 10px 0;}
			.video {display:block;background:url(../images/bt_video.jpg) no-repeat;width:278px;height:50px;font-size:1.3em;color:#fff;padding:30px 0 0 10px;font-weight:bold;}
		#droite {float:left;width:480px;padding:20px 0 0 0;}
			#droite h1 {font-size:1.6em;font-weight:normal;background:url(../images/puce-fleche.jpg) no-repeat left center;margin:0 0 10px 0;padding:0 0 0 15px;}
			#droite h2 {font-size:1.2em;background:url(../images/puce-fleche.jpg) no-repeat left center;margin:10px 0 10px 0;padding:0 0 0 15px;}
			#droite p {border-left:1px solid #CFCFCF;padding:0 0 10px 10px;color:#0076A1;}
		#cale {clear:both;width:100%;height:20px;}
		
		.con {position:relative;margin:0 0 10px 0;font-size:0.8em;color:#0076A1;}
		.zoom {position:absolute;z-index:5;top:-1px;left:-1px;}
		
		#droite a {color:#00739E;}
		#droite fieldset {border:1px dashed #C1D7E1;padding:5px 10px 10px 10px;margin:0 0 5px 0;}
		#droite fieldset legend {text-transform:uppercase;font-weight:bold;padding:5px;color:#0076A1;background:#fff;}
		#droite fieldset label {font-weight:bold;color:#8B8B8B;}
		#droite fieldset table {margin:0 0 0 30px;}
		#droite .coche {width:10px;}
		#droite fieldset td input[type=text], #droite fieldset td textarea {border:1px solid #AEAEAE;margin:0 0 1px 0;width:99%;}
		#droite fieldset td input[type=text]:focus, #droite fieldset td textarea:focus {border:1px solid #0076A1;color:#0076A1;background:#F0F0F2;}
	
#pied {width:822px;margin:4px auto 0 auto;border-top:1px solid #0099D0;color:#0099D0;padding:5px 0 0 0;}
	#pied a {color:#0099D0;}
	
	h2 {font-size:1.2em;background:url(../images/puce-fleche.jpg) no-repeat left center;margin:10px 0 10px 0;padding:0 0 0 15px;}
/*------------  2. LISTE PRODUITS             */
#gaucheLst {float:left;width:300px;padding:90px 0 0 20px;}
#liste {clear:both;padding:0 20px;}
	#liste a {color:#00739E;}
	.produit {margin:10px 10px 20px 10px;width:235px;position:relative;}
	.produit h4 {background:url(../images/puce-fleche-orange.jpg) no-repeat 0 4px;font-weight:bold;font-size:1em;color:#ff9e18;padding:0 0 0 15px;margin:0 0 5px 0;}
	#liste .produit a {color:#0099D0;}
	#liste .produit a:hover {color:#000;}
	.produit a img {border:1px solid #0099D0;margin:0 0 2px 0;}
	.produit a:hover img {border-color:#000;}
	.produit a span {font-size:1.2em;text-transform:uppercase;font-weight:bold;}
	.produit a span img {border:0;position:absolute;z-index:2;bottom:0;right:0;}
	

/*------------  3. FICHE PRODUIT             */
#fiche {margin:0 120px;padding:20px 0 0 0;}
	#fiche #retour {text-align:center;}
		#fiche #retour a {color:#A3A3A3;}
		#fiche #retour a:hover {color:#0099D0;}
	#fiche #photos .ficheZoom {border:0;position:absolute;z-index:2;bottom:-8px;right:-4px;}
	#fiche h1 {margin:40px 90px 0 90px;text-align:center;padding:0 0 5px 0;font-weight:normal;font-size:1.6em;color:#ff9e18;}
	#fiche p {margin:0 0 15px 0;}
	#fiche a {position:relative;}
	#fiche #photos {text-align:center;}
	#fiche #photos a img {border:2px solid #0099D0;margin:0 6px;}
	#fiche .details {border:1px dashed #C0C3C8;padding:5px 10px 10px 10px;background:#ECF1F9;margin:10px 212px 10px 7px;}
	#fiche .details strong {color:#0099D0;font-size:1.1em;text-transform:uppercase;}
	#fiche .options {float:right;display:inline;width:200px;padding:10px 0 0 0;}
	#fiche .options a {color:#2F7C00;}
	#fiche .options strong {color:#58AE0D;font-size:1.1em;text-transform:uppercase;}
	
	#achat, #location {float:left;display:inline;margin:0 5px;width:280px;}
		#btAchat, #btLoc {display:block;padding:3px 0;text-align:center;color:#fff;font-size:1.4em;text-transform:uppercase;font-weight:bold;} 
		#fiche #btAchat img, #fiche #btLoc img {vertical-align:middle;}
		#achat .prix {text-align:right;border-top:1px solid #40CBFF;padding:2px 0 0 0;height:20px;}
		#location .prix {text-align:right;border-top:1px solid #FFBE62;padding:2px 0 0 0;height:20px;}
		#achat .prix span, #location .prix span {font-size:1.4em;font-weight:bold;}
		#achat label, #location label {float:left;width:120px;}
		#achat .bt, #location .bt {text-align:right;text-transform:uppercase;font-weight:bold;font-size:1.2em;}
		#achat .bt a, #location .bt a {display:bloc;padding:1px 5px;background:url(../images/fond-bt.jpg) repeat-x left bottom #fff;border:2px solid #E3E3E3; position:static;}
		#achat .bt a img, #location .bt a img {vertical-align:middle;}
		#achat .bt a {color:#0099D0;}
		#achat .bt a:hover {background:#fff;border-color:#fff;}
		#location .bt a {color:#ff9e18;}
		#location .bt a:hover {background:#fff;border-color:#fff;}
		#btAchat {background:#0099D0;}
			#blocForm {padding:10px;background:url(../images/fond-formAchat.jpg) no-repeat top right #0099D0;clear:both;color:#fff;}
			#blocForm p {margin:0 0 5px 0;}
		#btLoc {background:#ff9e18;}
			#blocLoc {padding:10px;background:url(../images/fond-formLoc.jpg) no-repeat top right #ff9e18;clear:both;color:#fff;}
			#blocLoc p {margin:0 0 5px 0;}
		#cale2 {clear:both;}

/*------------  4. MON PANIER            */
#panier {clear:both;padding:0 20px;}
	#panier a {color:#00739E;}
	#panier caption {text-transform:uppercase;font-weight:bold;font-size:1.4em;text-align:left;padding:4px 35px;color:#fff;}
	#panier td {border-bottom:1px solid #ddd;padding:4px 5px;}
	#panier th {padding:2px 5px;text-align:left;}
	
	#tblAchat caption {background:url(../images/icone_panier.gif) no-repeat 10px center #0099D0;}
	#tblAchat th {background:#C5DCE6;color:#00739E;}

	#tblLoca caption {background:url(../images/icone_panier.gif) no-repeat 10px center #FF9E18;}
	#tblLoca th {background:#FFC575;color:#663C00;}

	#tblTotal {border-top:2px solid #ddd;margin:0 0 5px 0;}
	#tblTotal th {text-align:right;background:#EDEDED;border-bottom:1px solid #EDEDED;}
	#tblTotal .total {background:#DAF09F;border:0;text-transform:uppercase;font-weight:bold;font-size:1.2em;color:#537404;padding:8px 5px;border-top:2px solid #96C618;}
	

/*------------  5. IDENTIFICAION + COMPTE + CONDITIONS GENERALES          */
#identification label {font-weight:bold;}
#identification label span {font-size:1.4em;color:#000;}

.moncompte {margin:0 0 5px 0;border-left:1px solid #CFCFCF;}
	.moncompte caption {background:#CFE1E8;text-transform:uppercase;font-weight:bold;font-size:1.1em;text-align:left;padding:10px;color:#006A91;}
	.moncompte td {border-bottom:1px solid #ddd;padding:4px 5px;}
	.moncompte th {border-bottom:1px solid #ddd;padding:4px 5px 4px 10px;background:url(../images/puce-blanche.gif) no-repeat left center #0099D0;color:#fff;}
	.moncompte .titre {background:url(../images/puce-grise.gif) no-repeat 2px 10px #F5F5F5;color:#006A91;font-weight:bold;padding:4px 5px 4px 12px;}
	.moncompte .statut1 {background:url(../images/fond-statut1.jpg) repeat-y right top #fff;}
	.moncompte .statut2 {background:url(../images/fond-statut2.jpg) repeat-y right top #fff;}
	.moncompte .statut3 {background:url(../images/fond-statut3.jpg) repeat-y right top #fff;}
	.moncompte .statut4 {color:#8B8B8B;}

.conditions {width:362px;height:230px;overflow:auto;background:#F0F0F2;padding:10px;border:1px dashed #C1D7E1;}
.conditions p {margin:0 0 10px 0;}
#conditions1 {float:left;display:inline;margin:0 10px 0 0;}
#conditions2 {margin:0 0 10px 0;}
#conditions1 h3, #conditions2 h3 {font-size:1.2em;text-align:center;}

/*------------  6. BON DE COMMANDE          */
#commande {clear:both;padding:0 20px;text-align:center;}
	#commande h3 {font-size:1.4em;text-transform:uppercase;color:#0099D0;}
	#commande table {text-align:left;margin:0 auto;width:710px;}
	#commande table table {width:100%;border:1px solid #929292;}
	#commande caption {font-size:1.2em;text-transform:uppercase;color:#fff;background:#929292;text-align:left;font-weight:bold;padding:5px 10px;}
	#commande td {padding:5px;}
	#commande th {background:#EAEAEA;padding:5px;color:#696969;}
	#commande td td {border-bottom:1px solid #EAEAEA;}
	#commande .adresses {background:#EAEAEA;border-right:1px solid #fff;border-left:1px solid #fff;padding:10px 5px 10px 20px;}
	#commande .adresses p {margin:0 0 5px 0;}


#thetop{ margin:0 auto; width:900px; text-align:right; color:#666; font-size:9px;}
#thetop a, #thetop a:hover{ color:#666; text-decoration:none;}