/* Réalisation e-Lixir : http://www.e-lixir.fr */
* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; }
ul
{
	color:#848484;
	list-style:none outside none;
	margin:10px;
	padding:0;
	text-align:left;
}
A       { text-decoration:none; cursor:pointer; color:#FFFFFF; }
A:hover { color:#FFFFFF; }	
IMG     { border:none; }

/* Body */
BODY { font-size: 10px; font-family: Arial, Verdana, Sans-Serif; background: #000 url('http://because.yozik.com/sefyu/images/bg-body.png') top center no-repeat; color: #FFF; }

/* Global */
#global { position: relative; width: 760px; height: 800px; margin: 0 0 0 -380px; left: 50%; /*background: #A00;*/ }

/* Header */
#header { height: 60px; }
#header H1, #header H1 A { display: block; width: 124px; height: 36px; margin: 0 auto 0 auto; background: url('http://because.yozik.com/sefyu/images/bg-h1.gif') left top no-repeat; font-size: 0; text-indent: -10000px; line-height: 0; }

/* Flash */
#flash { height: 470px; }
#main { height: 470px; }
#navMenu { position: absolute; top: 38px; left: 114px; width: 298px; height: 17px; }

/* Content */
#content { overflow: hidden; padding: 19px 0 0 0; }

#content #g { float: left; width: 245px; margin: 5px 0 0 0;  }
#content #c { float: left; width: 257px; margin: 5px 0 0 9px;  }
#content #c #ssnav1 { float: left; width: 126px; margin: 7px 4px 0 0; }
#content #c #ssnav2 { float: left; width: 127px; margin: 7px 0 0 0; }

#content #d { float: left; margin: 5px 0 0 9px; width: 240px; }

FORM * { outline: none; }
/* Mon compte */
#content .compte { background: #000 url(http://because.yozik.com/sefyu/images/home-bg-d2.gif) left top no-repeat; padding: 24px 7px 9px 7px; margin: 0 0 0 0; }
#content .compte FORM { padding: 0 0 13px 0; border-bottom: 1px dashed #1A1A1A;  margin: 0 0 0 11px; }
#content .compte FORM INPUT { background: #0D0D0D; border: 1px solid #0D0D0D; padding: 2px 0 0 6px; height: 15px; vertical-align: middle; color: #404040; font-size: 10px; }
#content .compte FORM INPUT#login { width: 58px; }
#content .compte FORM INPUT#pwd   { width: 77px; }
#content .compte FORM INPUT.bouton { background: url(http://because.yozik.com/sefyu/images/bg-bouton.gif) left top no-repeat; width: 20px; vertical-align: middle; padding: 0 !important; height: 19px !important; cursor: pointer; }
#content .compte A.grey { display: block; color: #444; text-decoration: none; margin: 10px 0 5px 12px; }

/* Colonne de gauche */
#content .categories { background: #000 url(http://because.yozik.com/sefyu/images/home-bg-d.gif) left top no-repeat; padding: 22px 0 23px 0; margin: 0 0 0 0; }
#content .categories UL LI { list-style: none; }
#content .categories UL LI A { display: block; width: 202px; margin: 0 auto 0 auto; font-size: 10px; color: #FFF; text-decoration: none; padding: 8px 0 8px 0; border-bottom: 1px dashed #1A1A1A; }
#content .categories UL LI A.last { border: none !important; }

/* Colonne de gauche */
#colGauche { width: 181px; float: left; padding: 24px 0 0 0; }
#colGauche .categories { background: #000 url(http://because.yozik.com/sefyu/images/bg-categories.gif) left top no-repeat; padding: 18px 0 0 0; margin: 0 0 14px 0; }
#colGauche .categories UL LI { list-style: none; }
#colGauche .categories UL LI A { display: block; width: 166px; margin: 0 auto 0 auto; font-size: 10px; color: #FFF; text-decoration: none; padding: 8px 0 8px 0; border-bottom: 1px dashed #1A1A1A; text-transform:uppercase;}

/* Colonne de gauche */
#colGauche .panier  { background: #000 url(http://because.yozik.com/sefyu/images/bg-panier.gif) left top no-repeat; padding: 25px 3px 5px 3px;  margin: 0 0 14px 0; }
#colGauche TABLE    { width: 100%; }
#colGauche TABLE TD { padding: 8px 0 8px 0; border-bottom: 1px dashed #1A1A1A; }
#colGauche TABLE TD.description { width: 130px; }
#colGauche TABLE TD.price { text-align: right; }
#colGauche TABLE TR.total TD { color: #444444; border: none; }

A#command { display: block; width: 126px; height: 11px; margin: 5px 0 0 40px; background: #D2000A url(http://because.yozik.com/sefyu/images/bg-command.gif) right top no-repeat; font-size: 0; text-indent: -10000px; line-height: 0; }

/* Mon compte */
#colGauche .compte { background: #000 url(http://because.yozik.com/sefyu/images/bg-compte.gif) left top no-repeat; padding: 34px 7px 9px 7px; margin: 0 0 14px 0; }

#colGauche .compte FORM { padding: 0 0 13px 0; border-bottom: 1px dashed #1A1A1A; }
#colGauche .compte FORM INPUT { background: #0D0D0D; border: 1px solid #0D0D0D; padding: 3px 0 0 5px; height: 14px; vertical-align: middle; color: #404040; font-size: 10px; }
#colGauche .compte FORM INPUT#login { width: 56px; border: 1px dashed #808080; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF;}
#colGauche .compte FORM INPUT#pwd   { width: 75px; border: 1px dashed #808080; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF;}
#colGauche .compte FORM INPUT.bouton {  border: 1px dashed #808080; background: url(http://because.yozik.com/sefyu/images/bg-bouton.gif) left top no-repeat; width: 20px; vertical-align: middle; padding: 0 !important; height: 19px !important; cursor: pointer; }


/* Formulaire de d?pot de commentaire */
FORM#formComment { width: 390px; margin: 0 auto 0 auto; padding: 20px 0 0 0; }
FORM#formComment * { font-size: 10px; font-family: Arial, Verdana, Sans-Serif; }
FORM#formComment P { margin: 0 0 10px 0; }
FORM#formComment LABEL, FORM#formComment SPAN.red { color: #E20113 !important; font-size: 10px; }
FORM#formComment SPAN.red { margin: 0 0 0 2px; }
FORM#formComment SMALL { color: #FFF !important; font-size: 10px; }
FORM#formComment TEXTAREA { width: 378px; height: 80px; padding: 3px 0 0 5px; background: #0D0D0D; border: 1px dashed #808080; overflow: auto; color: #FFF; }
FORM#formComment INPUT#author { border: 1px dashed #808080; width: 226px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#formComment INPUT#email { border: 1px dashed #808080; width: 226px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D;color: #FFF; }
FORM#formComment INPUT#url { border: 1px dashed #808080; width: 226px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D;color: #FFF; }
FORM#formComment INPUT#submit { border: 1px dashed #808080; height: 19px; width: 110px; background: url(images/bg-ok.gif) left top no-repeat; cursor: pointer; }
FORM#formComment P.titreForm { color: #FFF; border-bottom: 1px dashed #1A1A1A; font-size: 11px; padding: 0 0 7px 0; margin: 0 0 15px 0; }

FORM#modif_mdp * { font-size: 10px; font-family: Arial, Verdana, Sans-Serif; }
FORM#modif_mdp DIV{ margin-bottom: 5px; }
FORM#modif_mdp INPUT{ border: 1px dashed #808080; width: 150px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme * { font-size: 10px; font-family: Arial, Verdana, Sans-Serif; }
FORM#forme DIV{ margin-bottom: 5px; }
FORM#forme INPUT#password{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#conf{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#nom{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#prenom{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#adr1{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#adr2{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#cp{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#ville{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme SELECT{ border: 1px dashed #808080; width: 203px; padding: 3px 0 0 5px; height: 22px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#tel{ border: 1px dashed #808080; width: 192px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#genre{ width: 30px; color: #FFF; }
FORM#forme INPUT#emailauth{ border: 1px dashed #808080; width: 226px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#forme INPUT#passwordauth { border: 1px dashed #808080; width: 226px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
#presignup INPUT#email{ border: 1px dashed #808080; width: 226px; padding: 3px 0 0 5px; height: 14px; background: #0D0D0D; color: #FFF; }
FORM#code_promo INPUT#inputcode{ background:#0D0D0D;border: 1px dashed #808080; width: 120px; padding: 3px 0 0 5px; height: 14px; color: #FFF; }
FORM#code_promo INPUT#submit_code { border: 1px dashed #808080; height: 19px; width: 110px; background:#0D0D0D; cursor: pointer;color:#D2000A;}

#colGauche A.grey { display: block; color: #444; text-decoration: none; margin: 10px 0 5px 0; }
#colGauche A.red  { display: block; color: #D2000A; text-decoration: none; }

/* Colonne de droite */
#colDroite { float: right; width: 566px; padding: 24px 0 0 0; }
#colDroite #navigation { height: 27px; background: #E0000B; margin: 0 0 14px 0; }
#colDroite #navigation A { display: block; float: left; text-align: center; color: #FFFFFF;font-size:12px; font-family: Arial Black;padding:5px;}
#colDroite #navigation A#nav1 { background:  #000000; color: #FFFFFF; width: 46px; }
#colDroite #navigation A#nav2 { background:  #D2000A; color: #000000; width: 95px; }
#colDroite #navigation A#nav2.active { background:  #FFFFFF; color: #000000;  width: 100px; }
#colDroite #navigation A#nav3 { color: #000000; width: 375px;text-align:left;margin-left:5px; }

DIV.products { float: left; width: 135px; height: 200px;margin: 0 6px 7px 0; /*height: 253px;*/ padding: 0 0 5px 0; background: #000; }

.selectionProduit DIV.products { float: left; width: 147px; margin: 0 5px 0px 0; /*height: 253px;*/ padding: 0 0 5px 0; background: #000; }


DIV.last { margin-right: 0px; }
DIV.products IMG { margin: 0 0 10px 0; }
DIV.products H2, DIV.products P { padding: 0 0 0 0px; margin: 0 0 2px 0; }
DIV.products H2, DIV.products H2 A { color: #FFF; font-weight: normal; font-size: 10px; text-transform: uppercase; text-decoration: none; }

#colDroite #produit { width: 566px; height: 417px; overflow: hidden; background: #000; }
#colDroite #produit .imgProduit { width: 331px; float: left; position: relative; }
#colDroite #produit A#zoom { position: absolute; top: 385px; left: 12px; width: 40px; height: 16px; background: url(http://because.yozik.com/sefyu/images/bg-zoom.gif) left top no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; }
#colDroite #descriptionProduit { float: right; width: 220px; height: 100px; padding: 50px 0 0 0; }
#colDroite #descriptionProduit H2 { font-size: 15px; text-transform: uppercase; margin: 0 0 20px 0; }

#selection H2.titreSelection { height: 27px; margin: 0 0 4px 0; background: #000 url(http://because.yozik.com/sefyu/images/bg-selectionProduit.gif) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; }

.colorChoice { padding: 40px 0 0 0; }
.colorChoice H3 { font-size: 10px; color: #D2000A; margin: 0 0 8px 0; }
.colorChoice IMG { margin: 0 10px 0 0;  }

.tailleChoice { padding: 15px 0 0 0; }
.tailleChoice H3 { font-size: 10px; color: #D2000A; margin: 0 0 8px 0; }
.tailleChoice SELECT { border: none; font-size: 10px; width: 124px; color: #000; }
.tailleChoice SELECT OPTION { padding: 0 0 1px 0; }

.qteChoice { padding: 15px 0 25px 0; }
.qteChoice H3 { font-size: 10px; color: #D2000A; margin: 0 0 8px 0; }
.qteChoice INPUT { width: 30px; border: none; font-size: 10px; text-align: center; padding: 1px 0 1px 0; }

#produit INPUT.bouton { width: 124px; height: 23px; background: url(http://because.yozik.com/sefyu/images/bg-addPanier-bouton.gif) left top no-repeat; border: none; }


/* Footer */
#footer {  border: none; padding: 8px 0 20px 0; width: 760px; clear: both; position: relative; }
#footer P { background: #000 url('http://because.yozik.com/sefyu/images/bg-footer.gif') right center no-repeat; margin: 0; padding: 3px 0 0 85px; height: 16px; color: #444; vertical-align: middle; }
#footer A { color: #444; text-decoration: none; }
#footer SPAN { display: block; float: right; text-align: right; width: 300px; padding: 0 80px 0 0;  }
#footer A#homeFooter { position: absolute; top: 11px; right: 0; display: block; width: 66px; height: 17px; }

/* Classics */
.spacer { clear: both; height: 1px; line-height: 1px; }
.red { color: #D2000A !important; }
.grey { color: #444; }

/* Visuels multiples */
#shopProductThumbs
{padding:5px 0px 0px 0px;}
/* Prix */
.prix_produit{
	padding:10px 0px 5px 0px;
	font-weight:bold;
	font-size:12px;
}





/*********************panier*****************************/
span.cartstep{
background-color:#000000;
color:#FFFFFF;
text-transform:uppercase;
padding:5px 41px 5px 41px;
}
span.cartstepon{
background-color:#D2000A;
color:#FFFFFF;
text-transform:uppercase;
padding:5px 41px 5px 41px;
}
span.cartstepoff{
background-color:#000000;
color:#FFFFFF;
text-transform:uppercase;
padding:5px 41px 5px 41px;
}
span.cartstep:hover{
background-color:#FFFFFF;
color:#000000;
}
span.cartstep:hover a{
color:#000000;
}
.cartstep a{
	text-decoration:none;
	color:#FFFFFF;
}
/*********************shop*****************************/

#shopProductInfo {
border:1px solid #000000;
padding:3px;
float:right;
height:504px;
position:relative;
width:844px;
}
#shopProductInfo div {
padding:0px 0px 0;
font-weight:normal;
font-size:12px;
text-align:left;
}
#shopProductInfoIn {
border:3px solid #000000;
float:left;
height:498px;
position:relative;
width:838px;
text-align:left;
}

#article p a {
color:#000000;
text-decoration:none;
}
#article p a:hover {
color:#AAAAAA;
text-decoration:none;
}
#selectionlangue a {
color:#000000;
text-decoration:none;
}
#selectionlangue a:hover {
color:#AAAAAA;
text-decoration:none;
}
#article h3{
	color:#110C11;
}
#header {
background:none no-repeat scroll left bottom transparent;
}
.withoutMenu #article {
width:850px !important;
}
.withoutMenu #article h2.normal {
font-size:12px;
font-weight:normal;
line-height:35px;
margin:0 0 1px !important;
}
.droite{
float:left;
}
#desccont{
width:420px;
height:442px;
padding-top:20px;
padding-left:30px;
}
#shopProductDesc .productDesc{
	color:#56575C;
}
#shopProductDesc h3.productName{
	color:#56575C;
	width:326px;
}
#content.withoutMenu{
	padding: 0px 0px 0px;
}
#header{
	height:19px;
}
#liensarticles{
	float:right;
	width:235px;
	position:absolute;
	top:55px;
	left:600px;
	height:434px;
}
#liensarticles a{
	font-family: Helveticaneuelight, Arial, Helvetica, sans-serif;
}

#selectionlangue{
	display:none;
	margin-left:14px;
}


/*********************panier*****************************/


div.header_panier{
	height:25px;
	background-color:transparent;
}
div.menucart{
background-color:#000000;
font-family:Arial,Helvetica,sans-serif;
text-align:left;
font-size:15px;
font-weight:bold;
border:1px solid #000000;
margin-right:auto;
margin-left:auto;
margin-bottom:9px;
width:760px;
padding:5px 0px 5px 0px;
<& if $islogged &>background-color:#000000;<& else &>background-color:#FFFFFF;<& /if &>
}
.centre{
	border-bottom: 1px dashed #1A1A1A;
}
.bord{
	background-color:#000000;
	border-bottom:1px solid #1A1A1A;
	
}
.total{
	background-color:#000000;
	color:#FFFFFF;
}
.type{
	padding:10px;
	width:110px;
}
.libarticle{
	width:290px;
		font-size:12px;
}
.deletcol{
	width:20px;
}
.unitprice{
	width:60px;
}
.quantity{
	width:30px;
		font-size:12px;
}
.prix{
	padding:2px 10px 2px 10px;
	font-weight:bold;
	font-size:12px;
}
.prixtotal{
	padding:10px;
	font-size:16px;
	text-align:right;
}
table{
	border-collapse:collapse;
}
#mascrolldiv{max-height:298px;overflow:auto;}
#btncom{margin-right:20px;}
a.btnbecause{
background-color:#0D0D0D;
color:#E20113;
text-transform:uppercase;
text-align:center;
padding:3px 5px 3px 5px;
font-size:14px;
margin:auto;
border: 1px dashed #808080; width: 180px;  cursor: pointer; 
}

div.shopProductInfoIn{
	margin-left:auto;
	margin-right:auto;
	height:504px;
	padding:0px;
	position:relative;
	width:760px;
}
div.fenetreyobec{
background-color:transparent;
	height:498px;
	padding:0 0 0;
	float:left;
	position:relative;
	text-align:center;
	width:760px;
	}
.message
{
margin-bottom:0;
text-align:center;
color:#D2000A;
}

.messageprofil
{
color:#D2000A;
}

.noinfo{
	font-weight:bold;
	cursor: pointer;
}
#messageretour{
	color:<& $detailstyle.LIB_COULMESSAGE &>;
	margin-left:20px;
}

/*********************authentification*****************************/

.loginbecause { 
	border:0px solid;
	border-color:<& $detailstyle.LIB_COULTABTITRE &>;
	margin:auto;
	width:95%;
	
	}
.signupbecause { 
	border:0px solid;
	border-color:<& $detailstyle.LIB_COULTABTITRE &>;
	width:75%;
	margin:auto;
	}
.authdroite{
background-color:#000000;
		float:left;margin-left:10px;width:368px;
	border:1px solid #000000;
	padding-bottom:10px;
}
.authgauche{
background-color:#000000;
	float:left;width:368px;margin-left:10px;
	border:1px solid #000000;
	padding-bottom:21px;
	height:100%;
}
div.btnbecause{
background-color:#0D0D0D;
color:#E20113;
text-transform:uppercase;
text-align:center;
padding:3px 5px 3px 5px;
font-size:14px;
margin:auto;
border: 1px dashed #808080; width: 180px;  cursor: pointer; }

div.btnbecausespe{
background-color:#0D0D0D;
color:#E20113;
text-transform:uppercase;
text-align:center;
padding:3px 5px 3px 5px;
font-size:14px;
margin:auto;
border: 1px dashed #808080; width: 180px;  cursor: pointer; }
}
div.petitbtnbecause{
background-color:#0D0D0D;
color:#E20113;
text-transform:uppercase;
text-align:center;
padding:3px 5px 3px 5px;
font-size:14px;
margin:auto;
border: 1px dashed #808080; width: 180px;  cursor: pointer; }
.petitbtnbecause{
background-color:#0D0D0D;
color:#E20113;
text-transform:uppercase;
text-align:center;
padding:3px 5px 3px 5px;
font-size:14px;
margin:auto;
border: 1px dashed #808080; width: 180px;  cursor: pointer; }

.menulog{
	padding-top:30px;
	padding-bottom:20px;
}
.titlescreen {
background:none repeat scroll 0 0 #000000;
	border-bottom: 1px dashed #1A1A1A;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding:5px 0px 5px 0px;
margin-bottom:10px;
}
#messemail{
	height:20px;
	color:#D2000A;
}
.panier_auth{
	width:760px;
	padding:0;
	margin:0;
}

.panier_compte{
	width:760px;
	padding:0;
	margin:0;
}
/*********************commande*****************************/

.recapdroite{
background-color:#000000;
	float:left;margin-left:10px;width:368px;
	border:0px solid #000000;
	padding-bottom:10px;
	padding-top:10px;
}
.recapgauche{
background-color:#000000;
	float:left;margin-left:10px;width:368px;
	border:0px solid #000000;
	padding-bottom:10px;
	height:100%;
	padding-top:10px;
}

.conteneurecap{
	width:760px;
	padding:0;
	margin:0;
}
.current a
{
	color:#444444;text-decoration:none;
}

/*********************compte*****************************/

.chptxtsu{
	width:200px;
	height:16px;
	float:right;
}
.selectsu{
	width:200px;
	float:right;
}


.chptxt{
	width:280px;
	height:22px;
	margin-bottom:10px;
}

#presignup{
	text-align:center;
}

.linkbec{
	margin-top:10px;
}

.paiement{
background-color:#000000;
}