/* oscss demo template - 'chrome', by j4k, http://www.pasfacilearetenir.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, j4k */
/* Added: Jun. 15th, 2005 */


/* IMPORTANT */

/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

@import url(dropDownMenu.css);
/*-basics-----------------------------*/


body {
   margin:0px;
   background-color:#2b2b2b;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

ul {list-style:none; }

a img {border: none;}

#site {
   font-family: "Arial Black"; 
   font-size: 11px;
   margin: auto;
   width: 857px;
   background-color: #171717;
} 

#haut{
   width: 856px;
   height: 34px;
   background-image: url("images/navigation.png");
   background-repeat: no-repeat;
}

.lien_haut{
   position: relative;
   left: 100px;
   top: 5px;
   padding-right:50px;
}

#header{
   width: 892px;
   height: 180px;
   background-image: url("images/Header.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

#logo{
   margin-left:-30px;
   width: 376px;
   height: 180px;
   background-image: url("images/logo.png");
   background-repeat: no-repeat;
}

#menuGauche{
   line-height: 19px;
   float: left; /* Le menu flottera à gauche */
   width: 166px; /* Très important : donner une taille au menu */
   height: 500px;
}

#menuGauche ul{
	text-align:left;
	margin:0px;	
	list-style: none;
	padding: 48px 0 0 10px;
	/* border: 1px solid #413F4F;*/
}

#menuGauche li{
	background: url(images/menuGaucheObjet1.gif) no-repeat top left;
	width:137px;
	padding: 0 0 0 0;
	display:block;
	/* border: 1px solid #413F4F;*/
}

#Hommes{
   width: 165px;
   height: 246px;
   background-image: url("images/hommes.png");
}

#Femmes{
   width: 165px;
   height: 246px;
   background-image: url("images/femmes.png");
}

#menuDroite{
   float: right; /* Le menu flottera à gauche */
   width: 156px; /* Très important : donner une taille au menu */
   padding-bottom : 50px;
}

#moncompte{
   width: 156px;
   height: 104px;
   background-image: url("images/Mon Compte.png");
   background-repeat: no-repeat;
}

#connexion_button{
   position: relative;
   left: 20px;
   top: 45px;
}

#mon_compte_txt{
   padding-top: 45px;
   text-align:center;
}

#cartboxtitle{
   margin-top: 10px;
   width: 157px;
   height: 48px;
   background-image: url("images/panier.png");
   background-repeat: no-repeat;
}

#cartbox{
   background-image: url("images/panier_fond.png");
   padding-top: 1px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
}

#rightbox{
   float: right; /* Le menu flottera à gauche */
   margin-top: 0px;
   width: 157px;
   height: 240px;
   background-image: url("images/right_menu.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#cartContent{
   color: #FFFFFF;
   padding-left:10px;
}

#cartContent ul{
	text-align:left;
	margin:0px;	
	list-style: none;
	padding: 0 0 0 0;
}

#cartContent li{
    text-align: left;
	width:137px;
	padding: 0 0 0 0;
	display:block;
	/* border: 1px solid #413F4F;*/
}

.manufactures{
   text-align: center;
   margin-top: 45px;
}

.Correosbox{
   margin: auto;
   margin-top: 39px;
   width: 137px;
   height: 50px;
   background-image: url("images/Correos.png");
}

.payementbox{
   margin: auto;
   margin-top: 15px;
   width: 126px;
   height: 57px;
   background-image: url("images/payement.png");
}

#box_visiteur{
   clear: both;
   padding-top: 49px; 
   padding-left: 25px;
   width: 156px;
   height: 104px;
   background-image: url("images/visiteur.png");
   background-repeat: no-repeat;
}

#footer{
   clear: both;
   width: 856px;
   height: 42px;
   background-image: url("images/Footer.png");
   background-repeat: no-repeat;
}

.copyright{
   position: relative;
   left: 30px;
   top: 18px;
   color: #FFFFFF;
}


/*-Form----------------------------------------------- */

input { 
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #FFF;
	color: #FFF;
	background-color:#AAA;
	float:right;
	margin-right:2px;
}
.gender input, .shippingSelect input {float:none;}
.cartQty input,.cartDelete input {float:left;}

select { 
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #9fb085;
	color: #FFFFFF;
	background-color:#2b2b2b;
	margin-right:2px;
	font-family: Arial , Helvetica, sans-serif;
}

textarea { 
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #FFF;
	color: #FFF;
	background-color:#AAA;
	margin-left:30px;
}

input.submit { 
	border: 1px solid #99C;
	color: #99C;
	background-color:#444;
	font-family: Verdana;
	font-size: 10px;
	display:inline;
}


a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display:inline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:red;
	text-decoration: none;
	font-variant: normal;
}

#centre{
    margin: auto;
    width: 520px;
}

#centre a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:red;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}

#centre a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:red;
	text-decoration: none;
	display:inline;
}

#centre_haut{
   width: 520px;
   height: 26px;
   background-image: url("images/centre_haut.png");
   background-repeat: no-repeat;
}

#centre_bas{
   margin-top: -8px;
   width: 520px;
   height: 26px;
   background-image: url("images/centre_bas.png");
   background-repeat: no-repeat;
}

#centre_txt{
   color: #000000;
   padding-top: 1px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 8px;
   margin-top: 0px;
   background-color: #d1d1d1;
}

#Index_Images{
   padding-top: 10px;
   margin: auto;
}

#listing{
   float: left; /* Le menu flottera à gauche */
   margin: 0px; 
   width: 121px;
   height: 260px;
   text-align: center;
}


    
	#productLogoPromo{
   margin: auto;
   width: 76px;
   height: 26px;
   background-image: url("images/promo.png");
	}
	#productLogoNew{
   margin: auto;
   width: 76px;
   height: 26px;
   background-image: url("images/new.png");
	}
	#productLogoVide{
   margin: auto;
   width: 76px;
   height: 26px;
   background-image: url("images/vide.png");
	}

#productImage{
   margin-left: -9px;
   width: 120px;
   height: 181px;
   background-image: url("images/fond_img_produit.png");
}

#productImagecontent{
   position: relative;
   left: 9px;
   top: 20px;
}
   
#productPrice {
   line-height: 15px;
   height: 35px;
   color:#ff0000;
   font-family: "Arial Black", Arial, Verdana, serif;
   color: #ff0000;
}

.textepagination {
   text-align: right;
   padding-right: 20px;
}

.textepagination{
   font-size: 12px;
   text-align: right;
   padding-right: 10px;
   font-family: "Arial Black", Arial, Verdana, serif;
}

#productImage_info{
   margin-left: -9px;
   width: 140px;
   height: 181px;
   background-image: url("images/fond_img_produit.png");
   background-repeat: no-repeat;
}

#productImagecontent_info{
   position: relative;
   left: 20px;
   top: 20px;
}

#productinfo_text{
   color: black;
   margin-top: 50px;
   margin-bottom: 50px;

   width: 330px; /* Très important : donner une taille au menu */
   padding-top: 20px;
   padding-left: 20px;
   border: 1px solid white;
   vertical-align: middle;
}

#productInfo .submitBt{
   float: right; /* Le menu flottera à gauche */
   margin-right: -1px;
}

#listingnnewproduct{
   float: left; /* Le menu flottera à gauche */
   margin: 0px; 
   width: 123px;
   text-align: center;
}

#newproductImage{
   margin:auto;
   width: 94px;
   height: 139px;
}

#newproductPrice {
   text-align: center; 
   color:#ff0000;
   font-family: "Arial Black", Arial, Verdana, serif;
}

#page_conditions{
   font-family: arial; 
   font-size: 11px;
}

#cartProduct ul{
   margin-left: 20px;
}
#cartProduct li{
   width: 200px;
}