@import url(../../../css/fck_ic.css.php);

/* ########################################################################### */
/* ################################### NAVI.PHP ############################## */

.warning_compte{
	color: black;
}
.required{
	border: 1px solid #FF0000;
}

.tt_ic {
height:25px;
line-height:-20px;
  color:#fff;
  margin: 10px 7px 20px;
  font-size:16px;
  font-weight:bold;
  border-bottom:1px solid white;
}

/* ##################################### TITRE ############################### */
/* ########################################################################### */



/* ########################################################################### */
/* ################################### NAVI.PHP ############################## */


/* UL PRINCIPAL ET SECONDAIRE */
ul#ic_navCat, ul.ic_navArt {
	list-style: none;
	margin: 0px;
	padding: 0;
	font-size:11px;
    width:221px;
    float:left;
    left:0px;
    }
ul#ic_navCat { margin:0 0 220px 0; }

/* CATEGORIE */
ul#ic_navCat li.categorie {
	display: block;
	text-align: left;
	padding: 3px 5px;
	margin-bottom: 0px;
	font-weight: bold;
	text-transform: uppercase;
	color:#ffffff;
  margin-left:1px;
    width:200px;
    min-height:18px;
    height:auto !important;
    height:18px;
    border-left:10px solid #eabe10;
}
/* LIEN CATEGORIE */
ul#ic_navCat li.categorie a {
	text-decoration: none;
	color:#ffffff;
}
/* LIEN CATEGORIE HOVER */
ul#ic_navCat li.categorie a:hover {
	text-decoration: underline;
}
/* CATEGORIE SELECTIONNEE */
ul#ic_navCat li.categorie.select {
	text-decoration: none;
	margin-bottom: 0;
	padding-bottom: 2px;
	color:#2e2e2e;
    background:#EABE10;
    width:200px;
    min-height:18px;
    height:auto !important;
    height:18px;
    border-left:10px solid #2E2E2E;
}
/* CATEGORIE NON SELECTIONNEE, MAIS DANS LA CAT SELECTIONNEE */
ul#ic_navCat li.categorie.select2, ul#ic_navCat li.categorie.select2 a {
  color: #2e2e2e;
}

ul#ic_navCat li.categorie span { text-decoration:underline; }

/* UL SECONDAIRE */
ul.ic_navArt {
	display: block;
	text-align: left;
	padding: 0px;
  	/*margin-top: 0;
	margin-bottom: 5px;
	margin-left:10px;*/
margin-bottom: 5px;
}


/* ARTICLE */
ul#ic_navCat li.article {
	text-decoration: none;
	font-weight: normal;
	padding:3px 0px 3px 20px;
	color:#ffffff;
	text-indent:-20px;
  margin:0px;
  background:#434343;
    width:190px;
    min-height:18px;
    height:auto !important;
    height:18px;
    border-left:10px solid #eabe10;
     margin-left:1px;
  }
/* LIEN ARTICLE */
ul#ic_navCat li.article a {
	text-decoration: none;
	color:#ffffff;
}
/* LIEN ARTICLE HOVER */
#ic_navCat li.article a:hover {
	text-decoration: underline;
}
/* ARTICLE SELECTIONNEE */
#ic_navCat li.article.select {
	font-weight: bold !important;
	color:#ffffff;
    background:#434343;
    width:190px;
    min-height:18px;
    height:auto !important;
    height:18px;
    border-left:10px solid #eabe10;
     margin-left:1px;
}
/* SPAN ARTICLE SELECTIONNE (juste le texte) */
#ic_navCat li.article.select span {
	text-decoration: underline;
}

/* ################################### NAVI.PHP ############################## */
/* ########################################################################### */


/* ########################## SHOP ############################# */

#shop{padding:10px; text-align:left}
#shop h2, #shop h3, #shop h4, #shop div{display:block; position:relative;}

#shop h2{ width:100%; text-align:left; text-indent:8px; height:20px; border-bottom:2px solid white; margin:7px 0 2px 0; }
#shop h3{width:100%; text-align:left; text-indent:8px; height:25px; margin:2px 0 10px 0;}
#shop .colorTitreCategPrincipal{color:#EABE10;}
#shop .colorTitreCategSelect{color:#ffffff;}

#shop .navList{width:98.5%; height:17px; background:#2e2e2e; padding:7px 5px; text-align:center;}
#shop .navList .prev{color:#FFF3DE; position:absolute; float:left: top:7px; left:5px; }
#shop .navList .next{color:#FFF3DE; position:absolute; float:right: top:7px; right:5px;}
#shop .navList .situPage{color:#FFF3DE;}

.prodList{width:48%; _width:45%; _display:inline; float:left; margin:1%; padding:8px 0; text-align:left;}
.back1{background:#000000;}
.back2{background:#0d0d0d;}
.prodList .vignProd{width:135px; height:189px; overflow:hidden; border:2px solid #909090; float:left; }
.prodList img{position:relative; top:0; left:0;}
.prodList .descProdList{width:150px; height:189px; float:right; margin-right:2px; text-align:left; padding:3px;}
.prodList .descProdList h4, .prodList .descProdList h4 a{width:100%; min-height:12px; height:auto !important; height:12px; color:#ffffff;}
.prodList .descProdList .type{color:#C5C6C8;}
.prodList .descProdList .savoir{color:#EABE10;}
.prodList .descProdList .prix{color:#C5C6C8;}
.prodList .descProdList .quantite{color:#C5C6C8;}
.prodList .descProdList .btnAjout{position:absolute; bottom:4px; left:2px}

#prodFiche{width:98.5%; min-height:670px; height:auto !important; height:670px; padding:7px 5px; text-align:center;}
#prodFiche #entete{ width:100%; background:#2e2e2e; min-height:45px; height:auto !important;  height:45px;}
#prodFiche #entete .NomProduit{color:#ffffff; position: relative; float:left; margin:3px 200px 3px 3px; width:350px; min-height:12px; height:auto !important; height:12px; text-align:left;}
#prodFiche #entete .type{color:#FFF3DE; position: relative; float:left; margin:3px 200px 3px 3px; width:350px; min-height:12px; height:auto !important; height:12px; text-align:left;}
#prodFiche #entete .prix{color:#EABE10; position: absolute; right:160px; top:0px; width:130px; height:20px; text-align:left; display:block; }
#prodFiche #entete .quantite{color:#EABE10; position: absolute; right:160px; top:25px; width:130px; height:12px; text-align:left; display:block; }
#prodFiche #entete .btnAjout{ position:absolute; right:4px; top:10px;}
#prodFiche .visuProd{float:left; width:160px; margin:0 15px 15px 4px; _margin:0 7px 15px 2px; }
#prodFiche .descProd{float:right; width:365px;}
#prodFiche p{padding:7px; text-align:left; width:98%;}
#prodFiche .back3{background:#000000;}
#prodFiche .back4{background:#0d0d0d;}
#prodFiche .titreParag{color:#EABE10}
#prodFiche .btnAjoutBot{float:right;}


#shopPanierTop{display:block; position:absolute; right:0; top:35px; width:252px; height:52px; background: url(../../images/fd-panier.png) no-repeat;}
#shopPanierTop #tabPanierMini{float:left; margin:28px 2px 2px 2px; width:110px; height:20px; padding:2px;}
#shopPanierTop #tabPanierMini span{color:#ffffff;}
#shopPanierTop #tabPanierMini a{color:#EABE10;}
#shopPanierTop #tabSearchMini{float:right; margin:25px 2px 2px 5px; width:120px; height:20px; padding:2px;}
#shopPanierTop #tabSearchMini input{width:110px; height:12px;}

#miniPanier{width:250px; min-height:205px; height:auto !important; height:205px; border:1px solid ; background:#2e2e2e; position:absolute; bottom:-206px; left:0; z-index:100;}
#miniPanier #vignMini{float:left; width:60px; height:127px; margin:10px 5px 3px 7px; padding:0;}
#miniPanier #descMini{float:left; width:130px; height:127px; margin:10px 5px 3px 7px; padding:0; text-align:left;}
#miniPanier .nomProdMini{color:#EABE10; margin:7px 0; float:left;}
#miniPanier .prixProdMini{color:#ffffff; margin:7px 0; float:left;}
#miniPanier .quantiteProdMini{color:#ffffff; margin:7px 0;  float:left;}
#miniPanier .supprProdMini{color:#ffffff; text-decoration:none; margin:6px 0 0 0;  float:left;}
#miniPanier #recapMini{width:100%; background:#1c1c1c;}
#miniPanier #recapMini .recapMiniL{width:40%; float:left; margin:5px 0 7px 10px; color:#EABE10; text-align:left;}
#miniPanier #recapMini .recapMiniR{width:40%; float:right; margin:5px 10px 7px 7px; border-left:2px solid #8e8e8e; color:#EABE10; text-align:right;}
#miniPanier #voirMini{padding:5px; text-align:center; }
#miniPanier #voirMini a{color:#ffffff;}

.coupCoeur{margin:6px 6px; padding:0;}
.coupCoeur .vign{width:74px; border:2px solid #E4B911; margin:0; padding:0; float:left; overflow:hidden;}
.coupCoeur .vign img{position:relative; top:0; left:0;}
.coupCoeur .desc{width:122px; float:right;  margin:0 0 0 6px; text-align:left; padding:0}
.coupCoeur .desc a{ } 
.coupCoeur .desc .nomProdcpc{color:#ffffff;}
.coupCoeur .desc .typecpc{color:#FFF3DE;}
.coupCoeur .desc .savoircpc{color:#EABE10; margin:3px 0;}
.coupCoeur .desc .prixcpc{color:#ffffff; }

.prodMoment{width:115px; _width:110px; margin:0; padding:0; float:left; height:295px; text-align:center;}
.bgMoment1{background:url(../../images/fd-prod-moment2.png) repeat-x;}
.prodMoment p{padding:16px; text-align:left;}
.prodMoment p a{display:block; width:100%; text-align:left;}
.prodMoment p img{border:2px solid #909090}
.prodMoment p .nomProdMom{color:#ffffff; float:left; margin:5px 0;}
.prodMoment p .typedMom{color:#FFF3DE;}
.prodMoment p .savoirMom{color:#EABE10; margin:11px 0;}
.prodMoment p .prixMom{color:#FFF3DE;}

#TopVente{display:block; position:relative; width:185px; min-height:250px; height:auto !important; height:250px; padding:0; margin:12px; _margin-right:6px !important; float:right;}
#TopVente li{display:block; position:relative; width:185px; min-height:40px; height:auto !important; height:40px; text-align: right; color:#FFF3DE; margin:7px 0; padding:0;}
#TopVente li .nomProdTopVente{float:left; text-align:left; color:#ffffff;}
#TopVente li .savoirTopVente{float:right; text-align:right; color:#EABE10;}
#voirTous{color:#EABE10; float:right; margin-right:5px;}

#step{width:100%; min-height:54px; height:auot !important; height:55px; border-bottom:5px solid #EABE10;}
#step p{width:145px; position:absolute; float:left; padding:5px; text-align:left; color:#ffffff;}
#step img{float:right; right:0; top:0}
#recapPanier{display:block; position:relative; width:100%; padding:0; margin:0 0 25px 0; min-height:40px; height:auto !important; height:40px; color:#ffffff;}
#recapPanier li{display:block; position:relative; width:100%; min-height:25px; height:auto !important; height:25px; text-align:left; padding:0; margin:0;}
#recapPanier li span{display:block; position:relative; min-height:20px; height:auto !important; height:25px; text-align:left; float:left; padding:6px; margin:0;} 
#recapPanier #head{background:url(../../images/panier-fd-top.png) repeat-y;  border-bottom:1px solid #EABE10;}
#recapPanier #head .col1, #recapPanier .recapProd .colA{width:91px;}
#recapPanier #head .col2, #recapPanier .recapProd .colB{width:119px;}
#recapPanier #head .col3, #recapPanier .recapProd .colC{width:112px;}
#recapPanier #head .col4, #recapPanier .recapProd .colD{width:72px;}
#recapPanier #head .col5, #recapPanier .recapProd .colE{width:72px;}
#recapPanier #head .col6, #recapPanier .recapProd .colF{width:73px;}
#recapPanier #head .col7, #recapPanier .recapProd .colG{width:57px;_width:54px}
#recapPanier .recapProd{background:url(../../images/panier-fd-prod.png) repeat-y;border-bottom:1px solid #000;}
#recapPanier .recapProd .colA img{border:2px solid #cccccc;}
#recapPanier .recapProd .colA{ text-align:center}
#recapPanier .recapProd .colB{}
#recapPanier .recapProd .colC{color:#EABE10;}
#recapPanier .recapProd .colD{text-align:center}
#recapPanier .recapProd .colE{text-align:center}
#recapPanier .recapProd .colF{text-align:center}
#recapPanier .recapProd .colG{text-align:center}
#recapPanier #footer{background:url(../../images/panier-fd-bottom.png) repeat-y; border-top:5px solid #EABE10}
#recapPanier #footer .colH{width:144px; text-align:right; color:#EABE10;margin-left:360px; padding:10px 10px 0 10px; _display:inline;}
#recapPanier #footer .colI{width:72px; text-align:center;color:#EABE10; padding:10px 10px 0 10px;}

#connectCompte{width:100%; text-align:center; text-align:center; padding:0; margin:0 auto; }
#connectCompte #imgCompte{margin:5px auto;}

#connectCompte #monCompteLeft{float:left; width:333px; background:#808080; min-height:150px; height:auto !important; height:150px; margin-right:2px; _margin-right:2px; text-align:center;}
#connectCompte #monCompteLeft img{border-top:3px solid black;}
#connectCompte #monCompteLeft form{display:block; position:relative; width:250px; margin:10px auto; text-align:center;color:#fff}
#connectCompte #monCompteLeft form label { text-align:left; display:block; }
#connectCompte #monCompteLeft form input{display:block; position:relative; float:left; width:250px; height:17px; padding:0; margin:3px 0;}
#connectCompte #monCompteLeft #button1, #button1{float:none; background:url(../../images/fd_button.jpg) repeat-x; height:22px; width:140px; margin:2px auto;}

#connectCompte #creaCompte{float:right; width:346px; background:#333; text-align:center;}
#connectCompte #creaCompte form{display: block; position:relative; width:80%; padding:0; margin:10px auto;}
#connectCompte #creaCompte form label{display:block; position:relative; float:left; width:100px; min-height:15px; height:auto !important; height:15px; padding:0; margin:3px 0; text-align:left;}
#connectCompte #creaCompte form input{display:block; position:relative; float:left; width:160px; height:17px; padding:0; margin:3px 0;}
#connectCompte #creaCompte form .checkbox{width:20px; height:20px; padding:0; margin:7px 7px 7px 110px; _margin:7px 7px 7px 60px;}
#connectCompte #creaCompte form .checkboxLabel{width:30px; height:20px; padding:0; margin:7px auto; text-align:left}
#connectCompte #creaCompte  #button2{float: none; background:url(../../images/fd_button.jpg) repeat-x; height:22px; width:140px; margin:5px auto;}
#connectCompte #creaCompte span .etoile{display:block; position:relative; float:left; width:5px; height:15px; padding:0; margin:3px 0;}

#addressCompte{width:100%; text-align:center; padding:0; margin:0 auto; color:#ffffff;}
#addressCompte a{color:#ffffff;}
#addressCompte #imgCompte{margin:5px auto;}
#addressCompte #addressLeft, #addressCompte #addressRight{width:302px; min-height:150px; height:auto !important; height:150px; text-align:left;}
#addressCompte #addressLeft{float:left; margin:7px 12px 7px 27px; _margin:7px 6px 7px 13px;  }
#addressCompte #addressLeft .addressTitle{text-indent: 14px; margin:7px 0;}
#addressCompte #addressLeft p{ margin:0; padding:5px 10px; border:1px solid #EABE10; background:#1a1a1a;}
#addressCompte #addressRight{float:right;  text-indent: 14px; margin:7px 27px 7px 0; _margin:7px 13px 7px 0;}
#addressCompte #addressRight .addressTitle{ text-indent: 14px; margin:7px 0;}
#addressCompte #addressRight p{margin:0; padding:5px 10px;  border:1px solid #EABE10; background:#1a1a1a;}

#modePaiement{width:614px; text-align:center; padding:0; margin:10px auto; color:#ffffff; position:relative; background:#4d4d4d}
#modePaiement #titleCB{}
#modePaiement p{padding:7px 10px; text-align:left;}
#modePaiement #carteCB{width:200px; text-align:center; height:36px; position:absolute; float:right; top:20px; right:12px;}


#modifCompte{width:333px; text-align:center; text-align:center; padding:0; margin:0 auto; background:#000; }
#modifCompte #imgCompte{margin:5px auto;}

#modifCompte #creaCompte2{float:right; width:333px;  text-align:center;}
#modifCompte #creaCompte2 form{display: block; position:relative; width:80%; padding:0; margin:10px auto;}
#modifCompte #creaCompte2 form label{display:block; position:relative; float:left; width:100px; min-height:15px; height:auto !important; height:15px; padding:0; margin:3px 0; text-align:left;}
#modifCompte #creaCompte2 form input{display:block; position:relative; float:left; width:150px; height:17px; padding:0; margin:3px 0;}
#modifCompte #creaCompte2 form .checkbox{width:20px; height:20px; padding:0; margin:7px 7px 7px 110px; _margin:7px 7px 7px 60px;}
#modifCompte #creaCompte2 form .checkboxLabel{width:30px; height:20px; padding:0; margin:7px auto; text-align:left}
#modifCompte #creaCompte2  #button2{float: none; background:url(../../images/fd_button.jpg) repeat-x; height:22px; width:140px; margin:5px auto;}
#modifCompte #creaCompte2 span .etoile{display:block; position:relative; float:left; width:5px; height:15px; padding:0; margin:3px 0;}




#pValidation{width:614px; text-align:left; padding:0; margin:10px auto; color:#ffffff; position:relative;}









#PanierDyn { position:fixed; bottom:0; left:0; width:100%; z-index:10000; }
#PanierDyn .onglet { position:absolute; bottom:9px; right:40px; width:318px; }
#PanierDyn .onglet2 { position:relative; height:36px; }
#PanierDyn .ongletContent { 
	z-index:10015; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:url(../../images/panier.png) no-repeat; 
}


#PanierDyn .command { position:absolute; top:5px; left:75px; text-transform:uppercase; text-decoration:underline; font-size:12px; color:#000; }
#PanierDyn .command a { color:#000; text-decoration:underline; }
#PanierDyn .nbArt { position:absolute; top:18px; left:75px; color:#000; font-size:10px; }
#PanierDyn .prix { position:absolute; top:8px; right:68px; font-size:14px; color:#f00; }
#PanierDyn .flc { position:absolute; top:10px; right:45px; cursor:pointer;	 }
#PanierDyn .bande { position:absolute; bottom:0; left:0; height:6px; line-height:6px; font-size:0; width:100%; background:#171516; z-index:10010; }
#PanierDyn .bande2 { position:absolute; bottom:6px; left:0; height:3px; line-height:3px; font-size:0; width:100%; background:#ddb311; z-index:10010; }



#PanierDyn2 { display:none; position:absolute;bottom:0px; left:33px; width:249px; z-index:9999; }
#PanierDyn2 .top { 
	background:url(../../images/panier2.png) no-repeat; 
	text-align:left; 
	color:#000; 
	font-weight:bold; 
	padding:9px 15px; 
}
#PanierDyn2 .flc2 { position:absolute; top:7px; right:7px; cursor:pointer; }

#PanierDyn2 .content, #PanierDyn2 .space { background:#171717; border:1px solid #eabe13; border-top:0; border-bottom:0; overflow:hidden; overflow-y:auto; }
#PanierDyn2 .space { height:40px; } 
#PanierDyn2 .panier { position:relative; display:block; padding:4px 4px; border-bottom:1px solid #2e2e2e; }
#PanierDyn2 .back2 { background:#252525; }

#PanierDyn2 .maskNew { background:#eabe10;position:absolute;top:0;left:0;width:100%;height:100%; }
#PanierDyn2 .empty { font-size:10px; color:#000; }

#PanierDyn2 .col1 { position:relative; display:block; float:left; margin-right:5px; width:60px;text-align:center; overflow:hidden; }
#PanierDyn2 .col2 { position:relative; display:block; float:left;width:155px; text-align:left; }

#PanierDyn2 .col1 img { border:1px solid #868686; }
#PanierDyn2 .titre { display:block; color:#eabe10; font-size:12px; margin-bottom:3px; }
#PanierDyn2 .quantity { float:right; margin-top:5px; }
#PanierDyn2 .prix2 { font-weight:bold; color:#fff; font-size:11px; float:left; margin-top:5px; }

#PanierDyn2 .qte {
	display:block;
	float:left;
	padding:2px 2px 1px;
	background:#fff;
	border:1px solid #818181;
	font-size:9px;
	width:20px;
	text-align:center;
	color:#333;
}
#PanierDyn2 .plus img { position:absolute;left:0;top:0;border:0; }
#PanierDyn2 .moins img { position:absolute;left:0;bottom:0;border:0; }
#PanierDyn2 .chgQte {
	position:relative;
	display:block;
	float:left;
	width:13px;
	background:#fff;
	border:1px solid #818181;
	border-left:0;
	height:15px;
}
#PanierDyn2 .suppProd { float:left; margin-left:5px; }
#PanierDyn2 .suppProd img { border:0 }

#PanierDyn2 select.changeQte {
	position:relative; 
	display:block; 
	float:left;
	width:46px;
	background:#fff;
	border:1px solid #818181;
	height:18px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:9px;
	color:#333;
	margin:0;
}

.s0 { display:block;font-size:0; height:0; line-height:0; }
hr.clear { position:relative; display:block; visibility:hidden; height:1px; line-height:1px; font-size:1px; }