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

/* ########################################################################### */
/* ################################### NAVI.PHP ############################## */
.clear { position:relative; display:block; visibility:hidden; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }
.bold { font-weight:bold; }

.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;*/
}


/* ARTICLE */
ul#ic_navCat li.article {
	text-decoration: none;
	font-weight: normal;
	padding-left: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 ############################# */
.no-underline { text-decoration:none; }
a.no-underline:hover { text-decoration:underline; }

#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;}
.colorTitreCategPrincipal{color:#7a1818;}
.colorTitreCategSelect{color:#000;}

.navList{ height:23px; line-height:23px; background:#7a1818; text-align:center; font-size:12px; margin-bottom:5px; }
.navList .prev{color:#FFF3DE; position:absolute; float:left: top:0; left:5px; height:23px; line-height:23px; font-size:10px; }
.navList .next{color:#FFF3DE; position:absolute; float:right: top:0; right:5px; height:23px; line-height:23px; font-size:10px; }
.navList .situPage{color:#FFF3DE;}

.prodList{ position:relative; width:320px; float:left; height:195px; text-align:left; background:url(../../images/fondFiche.jpg) repeat-x #fff; }
.prod2 { left:20px; }
.back1{background:none;}
.back2{background:none;}
.prodList .padding { padding: 8px; }
.prodList .vignProd{width:75px; height:175px; overflow:hidden; border:0px solid #909090; float:left; }
.prodList img{position:relative; top:0; left:0;}
.prodList .descProdList{margin-left:85px;_margin-left:0; *margin-left:0; text-align:left; }
.prodList .descProdList h4, .prodList .descProdList h4 a{ color:#000 !important; font-size:14px; }
.prodList .descProdList h4 { margin:0 0 5px; }
.prodList .descProdList .prix, .prodList .descProdList .type, .prodList .descProdList .plus { display:block; }
.prodList .descProdList .prixU { font-size:10px; color:#3f3f3f; }
.prodList .descProdList .type{color:#000; margin:8px 0; height:56px; overflow:hidden; }
.prodList .descProdList .savoir{position:absolute; bottom:38px; left:90px; color:#7a1818; font-size:10px; font-weight:bold;}
.prodList .descProdList .prix{color:#7a1818;}
.prodList .descProdList .quantite{color:#C5C6C8;}
.prodList .descProdList .btnAjout{position:absolute; bottom:10px; left:90px; }

#prodFiche{width:98.5%; min-height:670px; height:auto !important; height:670px; padding:7px 5px; text-align:center;}
#prodFiche #entete{ width:100%; background:#7a1818; min-height:45px; height:auto !important;  height:45px;}
#prodFiche #entete .NomProduit{color:#000; 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:#7a1818; position: absolute; right:160px; top:0px; width:130px; height:20px; text-align:left; display:block; }
#prodFiche #entete .quantite{color:#7a1818; 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:#7a1818}
#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:#000;}
#shopPanierTop #tabPanierMini a{color:#7a1818;}
#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:#7a1818; margin:7px 0; float:left;}
#miniPanier .prixProdMini{color:#000; margin:7px 0; float:left;}
#miniPanier .quantiteProdMini{color:#000; margin:7px 0;  float:left;}
#miniPanier .supprProdMini{color:#000; 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:#7a1818; text-align:left;}
#miniPanier #recapMini .recapMiniR{width:40%; float:right; margin:5px 10px 7px 7px; border-left:2px solid #8e8e8e; color:#7a1818; text-align:right;}
#miniPanier #voirMini{padding:5px; text-align:center; }
#miniPanier #voirMini a{color:#000;}

.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:#000;}
.coupCoeur .desc .typecpc{color:#FFF3DE;}
.coupCoeur .desc .savoircpc{color:#7a1818; margin:3px 0;}
.coupCoeur .desc .prixcpc{color:#000; }

.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:#000; float:left; margin:5px 0;}
.prodMoment p .typedMom{color:#FFF3DE;}
.prodMoment p .savoirMom{color:#7a1818; 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:#000;}
#TopVente li .savoirTopVente{float:right; text-align:right; color:#7a1818;}
#voirTous{color:#7a1818; float:right; margin-right:5px;}

#step{margin-right:15px; min-height:54px; height:auot !important; height:55px; border-bottom:5px solid #7a1818;}
#step p{width:145px; position:absolute; float:left; padding:5px; text-align:left; color:#000;}
#step img{position:relative; float:right; left:20px; top:10px;}
#recapPanier{display:block; position:relative; width:100%; padding:0; margin:20px 0 25px 0; min-height:40px; height:auto !important; height:40px; color:#000;}
#recapPanier li{display:block; position:relative; width:100%; min-height:25px; height:auto !important; height:25px; text-align:left; padding:0; margin:0;}
#recapPanier #headRecap span.colone{
	position:relative; display:block; text-align:left; float:left;
	background:#838383; border-bottom:1px solid #838383; height:40px;
}
#recapPanier span.padding { display:block; padding:6px; }

#recapPanier #headRecap span.colone { position:relative; }
#recapPanier #headRecap .col1, #recapPanier .recapProd .colA{left:0px;width:98px;}
#recapPanier #headRecap .col2, #recapPanier .recapProd .colB{left:1px;width:217px;}
#recapPanier #headRecap .col3, #recapPanier .recapProd .colC{left:2px;width:110px;}
#recapPanier #headRecap .col4, #recapPanier .recapProd .colD{left:3px;width:70px;}
#recapPanier #headRecap .col5, #recapPanier .recapProd .colE{left:4px;width:70px;}
#recapPanier #headRecap .col6, #recapPanier .recapProd .colF{left:5px;width:70px;}
#recapPanier #headRecap .col7, #recapPanier .recapProd .colG{left:6px;width:64px;}

#recapPanier .recapProd .colG{_width:58px;}


#recapPanier .recapProd { border-bottom:1px solid #838383; }
#recapPanier .recapProd span.colone{ display:block; float:left; line-height:16px;/* min-height:70px; height:auto !important; height:70px;*/ }
#recapPanier .back1 { background:#9c9c9c; }
#recapPanier .back2 { background:#acabab; }
#recapPanier .recapProd span.colone { border-left:1px solid #fff; left:0; }

#recapPanier .recapProd .colA img{border:0px solid #373737;}
#recapPanier .recapProd .colA{ text-align:center; border-left:0 !important; line-height:0 !important; }
#recapPanier .recapProd .colB{}
#recapPanier .recapProd .colC{color:#7a1818;}
#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 #footerRecap{ border-top:0px solid #7a1818; }
#recapPanier #footerRecap .colone { position:relative; left:427px; float:left; height:40px; line-height:40px; background:#838383; }
#recapPanier #footerRecap .padding { padding:0 10px; }
#recapPanier #footerRecap .colI .padding { padding:0; }
#recapPanier #footerRecap .colH{width:142px; text-align:right; color:#000;}
#recapPanier #footerRecap .colI{left:428px;width:71px; text-align:center;color:#000;}

#connectCompte{margin-right:1px; text-align:center; text-align:center; padding:0; }

#connectCompte #imgCompte, #addressCompte #imgCompte, #modifCompte #imgCompte{margin:5px auto 0;position:relative;top:2px;}

#connectCompte #monCompteLeft{float:left; width:353px; background:#d7d7d7; min-height:150px; height:auto !important; height:150px; text-align:center;}
#connectCompte #monCompteLeft img{border-top:0}
#connectCompte #monCompteLeft form{display:block; position:relative; width:250px; margin:10px auto; text-align:center;color:#000}
#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{height:708px; float:right; width:351px; background:#a7a7a7; text-align:center;}
#connectCompte #creaCompte form{display: block; position:relative; width:80%; padding:0; margin:10px auto; font-size:10px;}
#connectCompte #creaCompte form label{display:block; position:relative; top:3px; float:left; width:100px; min-height:17px; height:auto !important; height:17px; padding:0; margin:8px 0; text-align:left;}
#connectCompte #creaCompte form input{display:block; position:relative; float:left; width:160px; height:17px; padding:0; margin:8px 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:17px; padding:0; margin:8px 0;}

#addressCompte{width:100%; text-align:center; padding:0; margin:0 auto; color:#000;}
#addressCompte a{color:#000;}
#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 #7a1818; 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 #7a1818; background:#1a1a1a;}

#modePaiement{width:614px; text-align:center; padding:0; margin:10px auto; color:#000; 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 #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:#000; position:relative;}









body { overflow-x:hidden; }
.comboAbsoDiv { display:none; }
#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:#fff; }
#PanierDyn .command a { color:#fff; text-decoration:underline; }
#PanierDyn .nbArt { position:absolute; top:18px; left:75px; color:#fff; font-size:10px; }
#PanierDyn .prix { position:absolute; top:8px; right:68px; font-size:14px; color:#fddd56; }
#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:#161616; z-index:10010; }
#PanierDyn .bande2 { position:absolute; bottom:6px; left:0; height:3px; line-height:3px; font-size:0; width:100%; background:#791718; 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:#fff; 
	font-weight:bold; 
	padding:9px 15px; 
}
#PanierDyn2 .flc2 { position:absolute; top:7px; right:7px; cursor:pointer; }

#PanierDyn2 .content, #PanierDyn2 .space { background:#1c1c1c; border:1px solid #7a1819; 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 .back1 { background:#2c2c2c; }
#PanierDyn2 .back2 { background:#252525; }

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

#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 #fff; }
#PanierDyn2 .titre { display:block; color:#fff; 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; }