/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyrigth (c) 2007 MAFIA K'1 FRY CLOTING
|		Webdesign : Jour et nuit
|		http://www.jouretnuitwework.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* \*/ * html .clearfix {height:1%;}
.clearfix {display:block;}


 
 
 /* Meta
 -------------------------------------------------------- */
body { margin:0; padding:0; font-family : Verdana,Arial,Geneva,Helvetica,sans-serif; font-size: 70%; background: #27201A url(img/bg_body.gif) center top repeat-x;}
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
ul{ list-style:none; margin:0; padding:0; }
img {border: 0;}
fieldset {border: 0;}
legend{ font-weight: bold; margin:20px 0 0 0; padding:0; color:#57524C; }
th{ text-align:left; }
form{ margin:0; padding:0; }
 
/* Page
-------------------------------------------------------- */
#container { width:746px; margin: 0 auto; background: url(img/bg_conteneur.jpg) 0 0 no-repeat; padding:10px 0 0 10px; }
#main { background:#B6AFA9 url(img/bg_main.gif) 0 0 no-repeat; padding-top:13px; }



 /* Header
-------------------------------------------------------- */
#header { height:92px; padding-top:14px; width:746px; }
#header h1 { padding:0; margin:0; }
#header h1 a{ background: transparent url(img/logo.gif)  0 0 no-repeat; width: 330px; height: 82px; display:block; margin: 0 0 0 14px; }
#header h1 a span { position:absolute; top:-999px; left:-999px; }


 /* Login
-------------------------------------------------------- */
#loginBox { float:right; padding:5px; background:#BCB7B1 url(img/bg_boxlogin.gif) 0 0 repeat-y; width:120px; }
#loginBox fieldset { border:0; margin:0; padding:0; display:block;}
#loginBox h4 { font-size:12px; color:#fff; margin:0; padding:0 0 5px 0;}
#loginBox p { padding:0;margin:0; clear:left;}
#loginBox form {padding:0; margin:0; }
#loginBox input { background-color:#BDB6B0; color:#57524C; font-size:10px; display:block; border:0; margin:2px 0; padding:0; width:90px; float:left;}
#loginBox .submitBt{ width:17px; height:13px; color:#57524C; margin-left:5px; }
#loginBox .createCompte a{ font-size:9px; color:#FFF203; background:url(img/puce_fleche.gif) 0 center no-repeat; padding-left:5px; }


 /* Lien Myspace
-------------------------------------------------------- */
#myspace{ float:right; margin: 5px 30px 0 0; clear:right; }


 /* Menu principal
-------------------------------------------------------- */
#menuPrincipal { background:#6F6862 url(img/bg_ulmenu.gif) right 0 repeat-y; padding-left:10px; margin-right:10px; width:590px; }
#menuPrincipal ul li { display: inline; padding-left:4px; font-size: 18px; font-family: Arial; font-weight:bold;  } 
#menuPrincipal ul li a { color:#2C2B27; }
#menuPrincipal ul li a:hover, #menuPrincipal ul li a.on { background: none; text-decoration:none; color:#fff; background-color:#FF1500; }
 
 
 /* Col gauche
-------------------------------------------------------- */
#menuGauche { float:left; width:125px; margin-right:10px; color:#666; display:inline; }
#menuGauche h4 { font-size: 13px; font-family: Arial; font-weight:bold; color: #fff; margin: 0 0 3px 0; padding: 0 0 0 18px; background:#A59E96 url(img/puce_fleche2.gif) 8px 5px no-repeat; }
#menuGauche h4 a{ color: #fff; }
#menuGauche ul{ padding:0; margin:0;  }
#menuGauche li{ padding-left:20px; margin:1px 0; background:#FFF203 url(img/puce_fleche.gif) 15px center no-repeat; font-size:.9em; }
#menuGauche a { color:#58534D; }
#menuGauche a:hover { color:#fff; text-decoration:none; }
#menuGauche p { margin:5px 0; padding:0; }
#menuGauche div { padding: 0 0 15px 0; margin:0;  }
.boxes form{ margin:0; padding:0; }
.boxes input{ border: 0; background-color: #EFEFEF; color: #000; width:95px; font-size:.9em; margin:0; }
.boxes input.submitBt{ color:#000; width:20px; }
.boxes p { padding-left: 10px !important; color:#000; font-size:.9em; }

.paypalLogo{ margin-left:20px !important; display:block !important; }
.panierLogo{ background: url(img/cart.gif) 0 0 no-repeat; padding: 10px 0 10px 35px !important; margin-top:5px; }


 /* Col center
-------------------------------------------------------- */
#centre { float:left; width:600px; padding-top:266px; background: url(img/header.jpg) 0 0 no-repeat; }
#centre h1 { padding:0 0 10px 0; margin:0; color:#000; font-size:1.2em; }
#centre h3 { padding:0; margin:0; color:#000; font-size:1.2em; clear:left; }
#centre h4 { clear:left; padding-top:20px; color:#57524C; font-size:1.2em; }
.productPrice { color:#FFF203; }

#index{ width:610px; float:left; }
#bestSeller{ width:300px; float:left; }
#conditions h3{ margin:15px 0 5px 0 !important; }


/* Home
-------------------------------------------------------- */
#home1{ margin: 0 10px 0 0; }
#home2{ margin: 0; }
#home3{ margin: 12px 0 0 0; display:block; width:592px; }


 /* Panier
-------------------------------------------------------- */
.cartProduct { float:left; width:200px; }
.cartSubTotal { clear:left; font-weight:bold; }
#centre .navBt { display:block; background-color:#fff; border: 1px solid #4E4842; color:#4E4842; padding:3px; font-weight:bold; width:150px; text-align:center; float:left !important; margin:15px 15px 15px 0; }
#centre .navBt a{ color:#4E4842; }

.messageStack{ background-color:#FFFF00; padding:5px; margin-bottom:10px; }
.messageStack li { color:#f00; }

.currentCheckoutBar { color: #57524C; border-left: 5px solid #57524C; padding-left:5px; }
.deliveryAddress, .billingAdress { width:270px; }
th.deliveryAddress, th.billingAdress, .invoiceDetails th, .invoiceHistory th {  color:#57524C; text-align:left; }
.invoiceAdress, .invoiceDetails{ margin:10px 0; }
.invoiceDetails, .invoiceHistory{ width:500px; }
.checkoutBar{ clear:left; }

#cartQty { background-color:#ccc; width:30px; border:0; font-size:.9em; }


 /* Bloc List produits
-------------------------------------------------------- */
.productInfoList { float:left; width:178px; padding:5px; margin-right:15px; margin-bottom:15px; display:inline; background-color:#645D55; }
.productInfoSpecList { font-size:.85em; margin-top:5px; }
.productInfoSpecList span{ display:block; }
.productInfoSpecList span span{ display:inline; }
.productInfoSpecList .productTitle{ font-weight:bold; }
.last {margin-right:0 !important; }

#splitPage{ clear:left; padding:2px; background-color:#F6F6F6; width:590px; }
#splitPage p{ padding:0; margin:0; }
#splitPage .sP2{ float:right; }


#pageAccess .productInfoList { width:266px !important; }
#pageAccess .productInfoList img{ width:266px !important; }


 /* Bloc produits
-------------------------------------------------------- */
#productInfo { float:left; margin-bottom:20px; width:590px; background-color:#645D55; display:inline; padding-bottom:5px; }
#productInfoImg { width:390px; float:left;  }
#productInfoImg img{ float:left;margin-top:5px; margin-left:5px; display:inline; }
#productInfoSpec { background-color: #645D55; padding:5px; font-size:.9em; width:190px; height:262px; float:left; display:inline;}
#productInfoSpec span{ display:block; }
#productInfoSpec .productTitle{ font-weight:bold; }
#productInfoSpec .productModel{ color:#A6A6A8; }
#productInfoSpec .productDescription { margin:10px 0 0 0 ; background: transparent url(img/barre.gif) 25px bottom no-repeat; padding-bottom:10px;}
#productInfoSpec .formBt{ text-align:center; margin-top:15px;  }

 /* Bloc meilleurs ventes
-------------------------------------------------------- */
#bestSeller { width:148px; float:left  }
#bestSeller .productInfoSpecList { background: transparent url(img/bg_produit_bleu.gif) 0 0 repeat-x; }
#bestSeller .productInfoList { margin-right:0 !important; }

 /* Bloc coup de coeur sheepme
-------------------------------------------------------- */
#coupCoeur { width:148px; float:left }
#coupCoeur .productInfoSpecList { background: transparent url(img/bg_produit_rose.gif) 0 0 repeat-x; }
#coupCoeur .productInfoList { margin-right:0 !important; }

 /* Bloc accessoire Home
-------------------------------------------------------- */
.accessHome{ float:left; width:281px;}
.accessHome a, .accessHome a img{ display:block; border:0; }
.accessHomeInfo { background: transparent url(img/bg_produit_vert_2.gif) 0 0 repeat-x; padding:2px; font-size:.9em; font-weight:bold; height:35px; }

 
 /* Plan du site
-------------------------------------------------------- */
#sitemap ul { margin:10px 5px; }
 
 
 /* Footer
-------------------------------------------------------- */
#footer { clear:both; margin:0; padding:10px 0 10px 135px; font-size:.9em; color:#878787; background-color:#B6AFA9; }
#footer a {font-weight:normal; color:#878787; text-decoration:none;}
#footer a:hover{ background:none; text-decoration:underline; } 
#rss { color:#FF6100 !important; }