/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    LAYOUT                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
body {
	margin:0; padding:0;
	background: url(../../images/bg/body.jpg) 50% 0 #000 repeat-y;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#FFF;
  }

a         { text-decoration: none;  color: #b9cf00;}
a:hover   { color:#ff0;}  
  
a img { border:0; }

h1, h2, h3, h4, h5, h6, legend, li { cursor:default; }

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    TITRES                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

	h1 {
		font-family: trebuchet, sans-serif;
		font-size:18px; 
		color:#b9cf00; border-bottom:1px solid #b9cf00;
		margin:10px 0;
		padding:2px 5px; width:81%;
	}

	h2 {
		font-family: trebuchet, sans-serif;
		font-size:15px; 
		color:#ff0;
		margin:10px 30px;
	}
	
	h3 {
		font-family: trebuchet, sans-serif;
		font-size:13px; 
		color:#ff0;
	}
	
	h4 {
		font-family: trebuchet, sans-serif;
		font-size:12px;
		text-decoration:underline;
		color:#ff0;
	}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    LIENS                                                           
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	
	/* Lien : Supprimer */
	.lnk-erase {
		float:left; width:24px; height:24px;
		background:url(../../images/poubelle.gif) 0 0 transparent no-repeat;
	}
	.lnk-erase span { display:none; }

	/* Lien : Ajouter au panier */
	.lnk-addtocart {
		display:block; width:22px; height:18px;
		background:url(../../images/icons/cart.gif) 0 0 transparent no-repeat;
	}
	.lnk-addtocart:hover {  }
	.lnk-addtocart span  { display:none; }

	.product .lnk-addtocart { position:absolute; right:2px; top:23px; }

	#categories-content a { font-size:12px; line-height:15px; }
	#categories-content a strong { color:#FF0; }
	
	#warningValidationCommande {
		margin:10px 10px 0 10px; border:2px solid #911; color:#fff; font-weight:bold;
		padding:5px; background:#222; display:none;
	}
	#warningValidationCommande strong { text-decoration:underline; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                   TABLEAUX                                                         
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

	table {
		margin:10px 0 20px 50px;
		border-collapse:collapse; border-spacing:0;
		width:600px;
	}
	
	th, td {
		border:1px solid #666;
		padding:2px 5px;
	}
	
	th {
		background:#222; color:#b9cf00; height:25px; line-height:25px;
	}
	
	td {
		background:#111; font-size:11px;
	}
	
	.td-links         { width:90px; }
	.td-links a        { margin:0 2px; -moz-opacity:0.70; filter:alpha(opacity=70); }
	.td-links a:hover {  -moz-opacity:1.00; filter:alpha(opacity=100); }
	
	.td-prix { width:70px; text-align:right; }
	.td-ref { width:80px; text-align:center; }
	
/*******************
********************   TABLEAU : PANIER
*******************/
	#tbl-cart {  }
	
	#tbl-cart .td-qte { width:50px; text-align:right; background:#222; }
	#tbl-cart .td-qte input { width:50px; text-align:right; border:1px inset #111; }




/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                     FORMULAIRES                                                         
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

	form {
		margin:0; padding:0;
	}
	
	fieldset {
		margin:10px 30px; padding:10px 5px;
		border:1px dashed #CCC;
	}
	
	legend {
		background:#000; padding:0px 5px 3px 5px; font-weight:bold; font-size:12px;
		cursor:default;
	}
	
	label {
		float:left; clear:left; width:150px; cursor:pointer;
	}
	
	input, textarea, select {
		font-size:11px;
		border:1px solid #666; background:#333; color:#CCC;
	}
	
	input, textarea {
		padding:1px 2px;
	}

	.boutons {
		text-align:center;
	}
	
	.boutons input {
		cursor:pointer; padding:3x 10px;
	}

	.bloc_chps {
		clear:both; 
		width:500px; overflow:auto; 
	}
	
	.bloc_chps .lbl {
		overflow:auto; float:left; width:240px; text-align:right; padding-right:5px;
	}
	
	.bloc_chps .chps {
		padding:0 5px; border-left:1px dashed #ccc;
		position:relative; bottom:3px; 
		width:220px; float:left;
	}
	
	.bloc_chps label {
		float:none;
	}
	
	.bloc_chps input {
		width:14px; position:relative; top:3px;
	}
	


	.p-chk {  padding-left:150px; }
	.p-chk label {  
		float:none; width:100%; text-align:left; font-size:10px;
	}
	.p-chk input { position:relative; top:4px; border:0; background:transparent; }

	.form-info {
		background:#333; width:200px; margin:5px;padding:2px 5px;
		cursor:default;
	}
	

	
/*******************
********************   FORMULAIRE : UTILISATEUR
*******************/

	#form-user #info-cnil {
		text-align:justify; background:#333; padding:5px; font-size:10px;
	}
	
	#form-user #nom_famille { width:200px; }
	#form-user #prenom { width:200px; }
	#form-user #societe { width:200px; }
	#form-user #telephone { width:80px; }
	#form-user #portable { width:80px; }
	#form-user #fax { width:80px; }
	#form-user #naissance { width:80px; }
	#form-user #code_postal { width:80px; }
	#form-user #ville { width:200px; }
	#form-user #pays { width:200px; }

/*******************
********************   FORMULAIRE : LOGIN
*******************/
	
	#form-login p strong { display:block; }

	#form-lang { display:none; }
	#form-lang fieldset { position:absolute; bottom:-15px; left:-20px; z-index:1000; }
	

/*******************
********************   FORMULAIRE : AJOUT AU PANIER
*******************/
	
	#form-order fieldset {
		border:1px solid #b9cf00; padding:10px 0; margin:0; width:650px;
	}
	#form-order fieldset p {
		width:310px; float:left; margin:5px 5px;
	}
	#form-order fieldset p label  { width:100px; text-align:left; color:#b9cf00; font-weight:bold; }
	
	#form-order #p-qte label { color:#FE0201; }
	#form-order #p-qte input { border-color:#5D6800; width:30px; text-align:right; }
	
	#form-order .boutons input {
		border:1px solid #B9CF02;
		background:#727F09;
		color:#ddFFdd; font-weight:bold;
		padding:2px 5px;
	}
	
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                   BLOCS                                                           
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	
	#content p { line-height:1.3; }
	
	dl {
		width:400px; margin:10px 30px; padding:10px; 
		background:#333; border:1px solid #666;
		overflow:auto; line-height:1.5;
	}
	dt { float:left; clear:left; width:200px; margin:0; border-bottom:1px solid #444; }
	dd { width:100px; margin:0;text-align:right;border-bottom:1px solid #444; }
	
	.address {
		
	}
	
	#address_fact {
	
	}
	
	#address_livr {
	
	}
	
	#form-error {
		font-size:10px; color:#C00000;
	}
	
	/**
	 * Liste des produits
	 */
	.product {
		width:250px; float:left; min-height:180px; _height:180px;
		margin:10px;padding:0px; padding:0;
		position:relative;
		border:1px solid #666; background:#FFF;
		text-align:center; 
	}
	.product h3 {
		margin:0; padding:2px 5px;
		border-bottom:1px solid #666;
		background:#333;
	}
	.product img { display:block;margin:5px auto; }
	.product  .prix { 
		width:246px; height:17px; line-height:20px;  padding:3px 2px 0 2px;
		display:block;position:absolute; bottom:-11px; 
		text-align:right; left:0; _bottom:0;
		background:#333;
		font-family:Arial, Helvetica, sans-serif;
	 }
	.product  .prixnormal   { color:#FFFF00; font-weight:bold; }
	.product  .prixnopromo  { text-decoration:line-through; color:#fff; font-size:10px; }
	.product  .prixpromo    { color:#FFFF00; font-weight:bold; }
	.product .marque { 
		float:left; margin:0px 0 0 2px;
		color:#FFC501; font-weight:bold;
	}
	
	#total {
		text-align:right; padding:5px 20px;
		color:#C00000; font-weight:bold;
	}
	
	#recap_confirm_com {
	
	}

	/**
	 * Informations
	 */
	.informations h2 {
		font-size:15px; color:#FF0; margin:20px 0 15px 10px; padding:2px 0 2px 15px;
		background:url(../../images/bullets/star-yellow-01.gif) 0 4px transparent no-repeat;
	}
	.informations h3 {
		margin:10px 30px;
	}
	.informations p {
		font-size:12px; text-align:justify; margin:10px 30px; line-height:18px !important;
	}
	.informations ul li { margin:8px 10px; }
	.informations #adresse-hdi {
		padding:10px; margin:10px 30px;
		border:1px solid #666;
		background:#333;
		text-align:center; font-size:12px;
		line-height:18px;
	}
	.informations .data {
		padding:10px; margin:10px 30px;
		border:1px solid #666;
		background:#333;
		text-align:center; font-size:12px;
		line-height:18px;
	}

	/**
	 * Conditions générales de vente
	 */
	#info-cgv p { font-size:11px; }
	#info-cgv strong { text-decoration:underline; font-weight:bold; color:#9ddbfb; }
	
	/**
	 * Fiche produit
	 */
	#prod-info {
		border:1px solid #B9CF00; position:relative;
		padding-left:180px; min-height:140px; _height:140px;
	}
	#prod-info #zoom-prod, #prod-info #photo {
		position:absolute; top:10px; left:10px; 
	}
	#prod-info .prix { height:15px; line-height:15px;  }
	#prod-info .prix strong {  color:#B8CE01; float:left; width:75px;  }
	#prod-info .prixnormal   { color:#DBAA05; font-weight:bold; }
	#prod-info .prixnopromo  { text-decoration:line-through; color:#FFF; }
	#prod-info .prixpromo    { color:#DBAA05; font-weight:bold; }
		  	 	
	#prod-info #ref     strong { color:#B8CE01; float:left; width:75px; }
	#prod-info #couleur strong { color:#B8CE01; float:left; width:75px; }
	#prod-info #tailles strong { color:#B8CE01; float:left; width:75px; }
	#prod-info #modeles strong { color:#B8CE01; float:left; width:75px; }
	
	#prod-info #logo-marque { position:absolute; right:0px; top:2px; }
	#prod-info #lnk-fiche { position:absolute; right:10px; bottom:2px; }
	
	#prod-descr {
		border:1px solid #B9CF00; position:relative;
		padding:10px; color:#ACAF92;
	}
	
	
	
	/* Lien : Ajouter au panier */
	#prod-info .lnk-addtocart {
		float:left !important; width:22px; height:18px;
		background:url(../../images/icons/cart.gif) 0 0 transparent no-repeat;
	}
	#prod-info .lnk-addtocart:hover {  }
	#prod-info .lnk-addtocart span  { display:none; }
	
	#select-cb {
		margin:0 30px; padding:5px 0;
		border:1px solid #666; background:#333;
	}
	#select-cb form {
		margin:0; padding:0;
	}
	
	
	#subCategories {
		margin:20px 0px 20px 20px; width:500px;
		border:1px dashed #333; background:#090909;
	}
	#subCategories ul { margin:10px 00px 10px 30px; padding:0; }
	#subCategories ul li { color:#b9cf00; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                                                    ORIGINAL PEEL STYLES                                                          
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.titre  { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold; color: #000; }

.label { font-size: 13px; color: #000000; font-weight: bold;}

.normal { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #000;}

.petit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #000;}