@charset "utf-8";
/* Default css  */

.clear { clear:both;width:0;height:0;font-size:0;line-height:0; }
.spacer0 { width:0;height:0;font-size:0;line-height:0; }
.text-left{	text-align:left; }
.text-center{ text-align:center; }
.text-right{ text-align:right; }
a:link, a:visited, a:active{ text-decoration:none;color:#696969; }
a:hover{ text-decoration:none;color:#930F23; }
button{ border: 0; margin:0; padding:0; background: none; cursor: pointer;
} 

.textRight{ text-align: right;
}
.textLeft{ text-align: left;
}
.textCenter{ text-align: center;
}

.floatLeft{ float: left;
}
.floatRight{ float: right;
}

.spacer-10{ height: 10px;
}

.bold, .strong{ font-weight: bold;
}

p.desc{ font-style:italic; font-size:12px; color:#303735; margin-bottom:30px;
	}

/* layout template */
body{ font-family:Arial, Helvetica, sans-serif;background:#f6efd8 url(/medias/skins/skin-3/bg-3.jpg) no-repeat;
}
#page{ margin:0; padding:0 10px 0 20px; width:960px; position:relative; float:left;
}
/* header */
#header{ height:70px;
}
#header #lang{ display:block; color:#43443E; font-size:10px;line-height:12px; font-weight:bold; position:absolute; top:6px; height:18px;
}
#header.fr #lang{left:340px;}
#header.en #lang{left:305px;}

#header #menu-top{ position:absolute; right:218px; top:0;
}
#header #menu-top li{ position:relative; }
#header #menu-top li#e-boutique { height:45px; }
#header #menu-top li ul li { position:absolute;top:17px;left:0; }
#header #menu-top li, 
#header #menu-top li a{ display:block; float:left; color:#FFFFFF; font-size:10px; text-transform: uppercase;
}
#header #menu-top li a{ background:#000; height:11px; padding:2px 19px; margin-right:2px;
}

#header #menu-top li.active a, 
#header #menu-top li a:hover,
#header #menu-top li.active ul li a:hover{ background:#930F23;
}
#header #menu-top li ul li a, #header #menu-top li.active ul li a, #header #menu-top li#sublink1 span{ background:#000;height:11px;line-height:11px;padding:2px 0;text-align:center;
}
#header #menu-top li#dotcom a{ padding:2px 9px;
}
#header #menu-top li#sublink1 span{display:block;cursor:pointer;}
#header #menu-top li#sublink1-content{ position:absolute;left:-400px;top:17px;background:#fefefe;color:#000;width:680px;font-size:11px;line-height:13px;padding:2px 5px;text-align:justify;text-transform:none;z-index:9999;border:1px solid #fefefe;display:none;}
/* login / compte */
#header #upper_right{ float:right; width:210px; 
}
#header #login{ margin-top:10px; padding:0 9px;
}
#header #login a{ text-transform:uppercase; font-weight: normal; line-height:13px; font-size:10px; color:#000; 
}
#header #login a:hover{ text-decoration:underline;
}
#header #login #inscription{ padding-left:31px;
}

#header #account{ border:2px solid #930F23; float:right; width:206px; padding: 4px 0; margin-top:5px; font-size:11px;
}
#header #account div{ float:left; padding-left:8px;
}
#header #account div#cart{ border-right:2px solid #930F23; padding-right:8px;
}
#header #account a{ color:#000; font-size: 10px; font-weight: normal;
}
#header #account a:hover, 
#header #account a:hover span{ text-decoration:underline;
}
#header #account a span{ display:block; text-transform:uppercase; font-weight: normal; line-height:13px;
}
#header #account a span#panier_nb_produits_txt{ display:inline;font-weight:normal;text-transform:inherit; 
}
#header #account a#menu_favoris span{ display:inline;
}
#header #account a span.nbarticles{ display: inline; font-size:15px; font-weight:normal; color:#930F23; text-decoration:none;
}

/* sidebar */
#sidebar{ width:300px; margin-right:10px; float:left;
}

#logo a{ display:block; text-indent:-3000px; overflow:hidden; background:url(../img/logo.png) no-repeat; width:300px; height:100px;
}

#menu{ padding-top:40px; padding-bottom: 10px;
}

#search{ margin-top: 30px; padding: 0 0 0 40px; float: left; width: 260px;
}
#search label{ display: block; color: #303735; font-size: 12px; text-transform: capitalize; font-weight: normal; 
}
#search input{ float: left; width: 130px; 
}
#search button{ float: left; margin:3px 0 0 5px; display: block; text-transform: uppercase; font-size: 11px; font-weight: bold;
}

/* historique */
#historique { float:left;width:240px;margin:30px 0 0 40px;padding:0;background:#fff; }
#historique h2 { margin:0;padding:6px 0 6px 10px;line-height:12px;font-size:11px;color:#303735; font-weight: normal; }
#historique ul li { float:left; }
#historique ul li a { display:block;margin:0;padding:0; }
#historique ul li a img { display:block;margin:0;padding:0; }



/* main */
#main{ float:left; width:650px; padding-top:20px;
}

/* footer */
#footer{ margin-top: 10px; float: left; width: 650px; overflow: hidden;
}

#footer-1,
#footer-2,
#footer-3{ float: left; width: 650px;
}

#footer-1{ background: white;
}

#footer-1 h6{ font-family:Arial; font-size:11px; text-transform:uppercase; color:#303735; padding:5px 0 8px; font-weight: normal;
}
#footer-1 p,
#footer-1 p a { color:#303735; font-size:11px; 
}
#footer-1 p a:hover{ text-decoration:underline;
}
#footer_contact, 
#form_newsletter{ float:left; padding:0 10px; margin:3px 0; width:300px; border-right:2px solid #e0e0e0;
} 

#form_newsletter{ border:0
}




#form_newsletter input{ border: 1px solid #cfcfcf; color: #303735; font-size: 11px; line-height: 11px; padding:3px 4px; float:left; margin-right:10px;
}
#form_newsletter button{ margin:4px 0 0 0; display: block; text-transform: uppercase; font-size: 11px; font-weight: bold;
}

#footer-2{ background: #930F23; font-size: 10px; padding: 7px 10px;/*  width: 630px; */
}
#footer-2,
#footer-2 a{ color: white;
}

#footer-3{ font-size: 10px; color: #43443E; padding: 10px; /* width: 630px; */
}

#content { width:650px;position:relative; background:white;z-index:1; }
#content .wrapper{ width:650px; float:left; margin-top:10px;
}
/* conteneur basique pages compte */
.brick { padding:18px 10px 10px 10px;background:#fff; }

/* fil d'ariane  */
#fil-ariane { height:20px;padding:10px 0; background:#fff; position:relative;z-index:0; }
#fil-ariane li { float:left;padding:0 3px 0 3px;line-height:20px;color:#a5a8a7;font:10px Arial, Helvetica, sans-serif; }
#fil-ariane li a,  #fil-ariane li span{ padding:0;line-height:20px;color:#a5a8a7; }
#fil-ariane li a:hover { color:#930F23; }
#fil-ariane li.bt-retour a { display:block;margin-right:4px;padding-left:34px;padding-right:14px; background:url(../img/bt-retour.gif) no-repeat;border-right:2px solid #d6d7d7; }
/* nav page produit */
#fil-ariane li.nav_produits{ position:absolute; right:0; border-left:2px solid #d6d7d7; padding:0; width:210px;}

#fil-ariane li.nav_produits ul li.precedent,
#fil-ariane li.nav_produits ul li.suivant { width:75px }

#fil-ariane li.nav_produits ul li.precedent{ padding:0; padding-left:10px; text-align:left}
#fil-ariane li.nav_produits ul li.suivant { padding:0; padding-right:10px; text-align:right}

#fil-ariane li.nav_produits ul li a{ display:block }
#fil-ariane li ul li a img{vertical-align:middle}
#fil-ariane .compteur_produits{ font-size:13px; padding:2px 0 0; width:39px; text-align:center;}

/* tables generic */
.td-10h{ height:10px;font-size:1px;line-height:1px; }
.td-10v{ width:10px;font-size:1px;line-height:1px; }

/* epingle à nourrice */
.epingle{ position:absolute;top:30px;left:618px;width:42px;height:40px;background:url(../img/epingle-cata.png) no-repeat; } 
.epingle-1{ position:absolute;top:-10px;right:0;width:62px;height:23px;background:url(../img/epingle-1.png) no-repeat; } 
.epingle-2{ position:absolute;top:-10px;right:43px;width:76px;height:21px;background:url(../img/epingle-2.png) no-repeat; } 

/* liens avec flèche*/
a.arrow:link, a.arrow:visited{ font-weight:bold; padding-right:15px; font-style:italic; text-decoration:underline; font-size:12px; color:#7f7f7f;
}
a.arrow:hover, a.arrow:active{ text-decoration:none;color:#930F23;
}
/*pagination */
.pagination { position:relative;height:50px;background:#fff; }
.pagination p.bt-prev { float:left;width:120px;padding:14px 0 0 8px;height:20px; }
.pagination p.bt-prev a{ text-decoration:none;vertical-align:middle;font-size:10px;color:#303735;padding:0 0 0 0;line-height:20px;}
.pagination p.bt-prev a:hover{ color:#930F23; }
.pagination p.bt-prev a img { vertical-align:middle; }
.pagination p.bt-next { float:right;width:120px;text-align:right;padding:14px 8px 0 0;height:20px; }
.pagination p.bt-next a{ text-decoration:none;vertical-align:middle;font-size:10px;color:#303735;padding:0 0 0 0;line-height:20px;}
.pagination p.bt-next a:hover{ color:#930F23; }
.pagination p.bt-next a img { vertical-align:middle; }
.pagination p.pages { position:absolute;left:120px;top:20px;width:410px;text-align:center;color:#303735;font-size:10px; }
.pagination p.pages a{ color:#303735; }
.pagination p.pages a:hover{ color:#930F23; }
.pagination p.pages span.actif { color:#303735;text-decoration:underline; }

/* bts court */
div.button-court a, input.button-court{ display:block;width:89px;height:20px;line-height:16px;font-size:12px;color:#fff;font-weight:bold;background:url(../img/bt-neutre-90.gif) no-repeat;text-align:center; }
input.button-court { margin:2px 0 0 0;padding:0 0 2px 0;border:none;bold;cursor:pointer;line-height:12px }


/* bts large */
div.button-large a:link, div.button-large a:visited{ display:block;width:630px;height:20px;line-height:20px;font-size:12px;color:#fff;font-weight:bold;background:url(../img/bt-neutre-630.gif) no-repeat;text-align:center; }

/*bts moyens */
div.mid-button a:link, div.mid-button a:visited, input.mid-button{ width:220px;height:20px;line-height:12px;font-size:11px;color:#fff;font-weight:bold;background:url(../img/bt-valid-middle.gif) no-repeat; }

/*btn popin panier*/

.btn_panier_valid, .btn_panier_continu{
	float:left;text-align:center;display:block;width:220px;padding-top:4px;height:16px;line-height:12px;font-size:11px;color:#fff !important;font-weight:bold;
}

.btn_panier_continu{
	background:url(../img/bt-valid-middle-neutre.gif) no-repeat;
	margin-left:20px;
}

.btn_panier_valid{
	background:url(../img/bt-valid-middle.gif) no-repeat;
	margin-left:20px;
}

div.mid-button-neutre a:link, div.mid-button-neutre a:visited, input.mid-button-neutre{ width:220px;height:20px;line-height:12px;font-size:11px;color:#fff;font-weight:bold;background:url(../img/bt-valid-middle-neutre.gif) no-repeat; }
div.mid-button-neutre a { display:block;text-align:center;padding:3px 0 0 0;height:10px;}
input.mid-button, input.mid-button-neutre { padding:1px 0;border:none;bold;cursor:pointer; }

div.button-neutre-150 a:link, div.button-neutre-150 a:visited, input.button-neutre-150{ display:block;width:150px;height:20px;line-height:20px;font-size:11px;color:#fff;font-weight:bold;background:url(../img/bt-valid-middle-neutre-150.gif) no-repeat;text-align:center; }
div.button-150 a:link, div.button-150 a:visited, input.button-150{ display:block;width:150px;height:20px;line-height:20px;font-size:11px;color:#fff;font-weight:bold;background:url(../img/bt-valid-middle-150.gif) no-repeat;text-align:center; }
input.button-150 { padding:1px 0;border:none;bold;cursor:pointer;line-height:12px }
input.button-neutre-150 { padding:1px 0;border:none;bold;cursor:pointer;line-height:12px }
div.button-neutre-150 a:hover { color:#930F23; }

/*bts small */
a.bt-small:link, a.bt-small:visited{ display:block;width:95px;height:10px;padding:1px 0 1px 0;background:url(../img/bt-compte-small.gif);border:none;text-align:center;color:#fff;font-size:10px; }
a.bt-small:hover { background:url(../img/bt-compte-small-on.gif); }

/* titre générique (inscription, plan du site... etc.) */
#content h1.small {
color:#930F23;
font-size:11px;
line-height:11px;
margin:0;
padding:0;
text-transform:uppercase;
}

/* Stock epuisé ou autre */
.stock { display:inline-block;color:#930F23;font-size:13px;line-height:18px;text-indent:10px; }



