@import url(contents.css);
@import url(forms.css);
/* ----------------------------------------------------- */
/* ------------------------- GENERAL ------------------- */
/* ----------------------------------------------------- */
body, html { 
   margin: 0; padding: 0; padding-top:12px;
}
body { 
   font: 11px "Trebuchet MS",Verdana,Georgia,Tahoma,sans-serif; 
   color: #4a4a4a;
   background-color:#FFFFFF;
   background-image : url(images/fond-page.gif);
   background-repeat:repeat-x;	
}
div {
   margin: 0; padding: 0;  
}
h1, h2, h3, h4, h5, h6, p {
   margin: 0; padding: 0;
   margin-bottom: 8px;
}
h1 {
	font-size: 14px;
	color:#e7378f;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:normal;
}
h2 {
	font-size: 14px;
	color:#e7378f;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:normal;
}

#titre_accueil {
	color: red;
	font-size: 17px;
	font-weight: bold;

}

h4, h5, h6 {
	font-size: 12px;
}
h5 {
	font-size: 17px;
	color:#FFFFFF;
	padding-left:8px;
	background: url(images/fond_titre_product_listing.gif) no-repeat;
	width:700px;
	height:22px;
	line-height:22px;
	display:block;
	font-weight:bold;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border-bottom: 1px #c6004d solid;
}
h6{
	font-size: 17px;
	color:#FFFFFF;
	padding-left:8px;
	background: url(images/fond_titre_product_xsell.gif) no-repeat;
	width:700px;
	height:22px;
	line-height:22px;
	display:block;
	font-weight:bold;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border-bottom: 1px #84c600 solid;
}
ul {
	padding:0;
	margin:0;
}
li {list-style:none;}
img {border:0;}
a {color: #e7378f;text-decoration: none; }
a:hover {color:#e7378f;text-decoration: underline;}
fieldset p {display:block;}
p {display:block;}
form {display:block;margin:0;padding:0;}
input,select {font: 11px Verdana,Georgia,Tahoma,sans-serif; }
fieldset {padding:0;margin:0;background:#eaf0f3;border:1px #dee6ea solid;padding:10px;}
legend {padding:0;margin:0;color:#790102;font-weight:bold;font-size:10px;display:none;}
.messageStackWarning{
	background:#790102;
	color:#fff;
	padding:5px;
}
.messageStackError{
	background:#a62e6b;
	color:white;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}
.messageStackSuccess{
	background:#9acf00;
	color:black;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}
.labelLeftInputRight {width:100%;}
			.labelLeftInputRight label {display:block;float:left;}
			.labelLeftInputRight input, .labelLeftInputRight select {display:block;float:right;}
			.notIn label {display:inline;float:none;}
			.notIn input, .notIn select {display:inline;float:none;}

/* ----------------------------------------------------- */
/* ------------------------- ACCUEIL ------------------- */
/* ----------------------------------------------------- */

#index .accueil_ligne1 {
	margin: 10px 0 0 0;
	text-align: right;
}	
#index .accueil_ligne1 a img {
	margin-left: 20px;
}		
#index .accueil_inter {
	margin: 15px 0;
}	
#index .accueil_ligne2 a img {
	margin-left: 20px;
}	

/* ----------------------------------------------------- */
/* ------------------------- CATEGORIES ---------------- */
/* ----------------------------------------------------- */

#categoriesBox {
	width: 192px;
	padding-bottom: 26px;
	background: #582444 url(images/pied-categories.jpg) bottom no-repeat;
}

	#categoriesBox h4 {
		background: url(images/entete-categories.jpg) top no-repeat;
		height: 49px;
	}
	#categoriesBox h4 span {
		display: none;
	}	
	
	#categoriesBox ul {
		list-style-type: none;
		margin: 0;
		padding: 0 10px;
	}
	#categoriesBox li {
		list-style-type: none;
		margin: 0;
		padding: 4px 0;
	}
	#categoriesBox ul ul {
		padding: 0 0 0 10px;
	}
	#categoriesBox a { color: white; }
	#categoriesBox a:hover a:hover {}
			
/* ----------------------------------------------------- */
/* ------------------------- LAYOUT -------------------- */
/* ----------------------------------------------------- */

#page{
	position: relative;
	width : 950px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#mainContent{
	
}
#bandeau{
	padding:0;
	height: 132px;
	width:950px;
	background: url(images/bandeau_je2pochecb.jpg) no-repeat;
}
#menu_haut{
	padding:0;
	height: 39px;
	width:950px;
	background: url(images/fond_menu_haut.gif) no-repeat;
	text-align:right;
}
	.menu_haut_lien_bord{
		padding-left:12px; 
		padding-right:12px;
		font: 11px Verdana,Georgia,Tahoma,sans-serif; 
		border-right:1px solid white;
		color:#5d7f01;
		font-weight:bold;
		text-decoration:underline;
	}
		.menu_haut_lien_bord:hover{
			color:#ffffff;
		}
	.menu_haut_lien{
		font: 11px Verdana,Georgia,Tahoma,sans-serif; 
		padding-left:12px; 
		padding-right:12px;
		color:#ffffff;
	}
		.menu_haut_lien:hover{
			color:#ffffff;
			text-decoration:none;
		}
#pageContent{
	float: left;
	width:710px;
	padding:0px;
	margin:0px;
	padding-left:30px;
	background:white;
	min-height: 460px;
	height: auto !important;
	height: 460px;   
	 
}
#menu-gauche{
	float: left;
	width: 210px; 
	
}
/* ----------------------------------------------------- */
/* ----------------------- MENU BOXES ------------------ */
/* ----------------------------------------------------- */

#traceBox {
	height:16px;  
	color:#000; 
	padding-left:20px;
}
#traceBox, #traceBox a {  
    color:#555; 
    font-size:9px;
    font-weight:bold;
    text-decoration:none;
}
#traceBox a {  
    padding-right:5px;
    padding-left:5px;
}
#traceBox a:hover {  
    color:#7B0100; 
}
/*
#menu-gauche .box{
	font-size: 11px;
	background:#fff;
	border-right:1px #dedede solid;
	padding-right:31px;
	color:#2e2e2e;
	text-align:right;
	font-size:12px;
	line-height:25px;
}
	#menu-gauche .box a{
		color:#2e2e2e;
	}
	#menu-gauche .box a:hover{
		color:#e7378f;
		text-decoration:none;
	}
*/

.topCornersBox {	
	padding:0;
	margin-top:5px;
	margin-right:7px;
	margin-left:7px;
	height: 7px;
	font-size:0;
	background: #444;
	background: url(images/boxes-top.gif) no-repeat;
}
.bottomCornersBox {
	margin-right:7px;
	margin-left:7px;
	height: 7px;
	font-size:0;
	background: #444;
	background: url(images/boxes-bottom.gif) no-repeat;
}


#menu-gauche .box h4, #menu-droite .box h4{
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:15px;
	font-weight:bold;
	color:#e7378f;
}





#navBox {}
			#navBox li {}
			#navBox ul {
				padding: 0px;
				padding-left: 10px;
				margin: 0px;
			}
			#navBox a {}
			#navBox a:hover {}


#informationBox {}
			#informationBox li {}
			#informationBox ul {
				padding: 0px;
				padding-left: 10px;
				margin: 0px;
			}
			#informationBox a {}
			#informationBox a:hover {}


#languagesBox {}
			#languagesBox ul {
				padding: 0px;
				padding-left: 10px;
				margin: 0px;
			}
			#languagesBox li {
				list-style-type: none;
				display:inline;
			}
			#languagesBox img{
				border:0;
				margin-right:5px;
}

#manufacturersBox{}
			#manufacturersBox form{padding-left: 10px;}





#currenciesBox {}
			#currenciesBox form{padding-left: 10px;}

#loginBox {}
			#loginBox a {}
			#loginBox #login fieldset {	border:0;}




#shoppingcartBox {}
			#shoppingcartBox * {list-style:none;}
			#shoppingcartBox ul {
				padding:0;
				margin:0;
			}
			#shoppingcartBox li{
				padding:0;
				margin:0;
				padding-left: 10px;
			}
			#shoppingcartBox a {}



#searchBox {}
			#searchBox * {list-style:none;}
			#searchBox ul {
				padding:0;
				margin:0;
			}
			#searchBox a {}
			#searchBox p {margin:0;padding:0;}
			#searchBox form{padding-left: 10px;}
			#searchBox input{width: 100px;}
			#searchBox .submitBt {width: auto;}


#whatsNewBox {}
			#whatsNewBox a {}
			#whatsNewBox a:hover {}
			#whatsNewBox p {
				margin:0;
				padding:0;
				padding-left: 10px;
			}


#specialsBox {}
			#specialsBox a {}
			#specialsBox a:hover {}
			#specialsBox ul {
				padding:0;
				margin:0;
			}
			#specialsBox li{
				padding:0;
				margin:0;
				padding-left: 10px;
			}


#bestsellersBox {}
			#bestsellersBox ol {
				margin:0;
				padding: 0;
				padding-left: 15px;
				margin-left: 5px;
			}
			#bestsellersBox li {
				margin:0;
				padding: 0;
				list-style: decimal;
			}
			#bestsellersBox a {}
			#bestsellersBox a:hover {}
/* Page spillers *************************************/

#splitPageTop {
	display:block;
	font-size:9px;
	margin-bottom:10px;
	clear:both;
	background:#ffffff;
	color:#b1899d;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:10px;
	text-align:right;
	padding-top:5px;
}
#splitPageBottom {
	display:block;
	font-size:9px;
	margin-bottom:10px;
	border-top: 1px #c6004d solid;
	clear:both;
	background:#ffffff;
	color:#b1899d;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:10px;
	text-align:right;
	padding-top:5px;
}

/* Footer ********************************************/

#menu_bas{
	clear: both;
	height:24px;  
	font-size:10px;
	color:#555; 
	text-align:center;;
	padding-top:50px;
   background : url(images/fond_menu_bas.gif) no-repeat;
}
	#menu_bas ul li{
		display:inline;
	}
		#menu_bas ul li a{
			color:#d5d4d4;
			font: 11px Verdana,Georgia,Tahoma,sans-serif; 
			padding-left:5px;
			padding-right:5px;
			border-right:1px solid white;
		}
		#menu_bas ul li a.last{
			border-right:0px;
		}
	
#footer{
	clear: both;
	height:74px;  
	font-size:10px;
	color:#191919; 
	text-align:center;
	padding-top:5px;
	font: 10px Verdana,Georgia,Tahoma,sans-serif; 
}
			#footer  a{
			 color:#191919; 
			 font: 10px Verdana,Georgia,Tahoma,sans-serif; 
			}
			#footer a:hover{
			 color:#191919; 
			}

/*-----------pages spé -----------*/
/*-----------page index featured -----------*/
#catFeaturedProducts{
padding:0px;
margin:0px;
}
/*Ancienne version avec produits best sellers en hp
#catFeaturedProducts #product{
	float:left;
	width:214px;
	margin-right:34px;
	text-align:center;
}
	#catFeaturedProducts #product #image{
		margin-top:20px;
		height:200px;
	}
	#catFeaturedProducts #product #desc{
		background:#eaf0f3;
		border:1px solid #dee6ea;
		padding:12px;
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
		color:#5d778a;
		height:100px;
	}
		#catFeaturedProducts #product #desc a{
			font-weight:bold;
			color:#5d778a;
		}
	#catFeaturedProducts #product #prix{
			float:left;
			line-height:20px;
			height:20px;
			width:80px;
			margin-top:7px;
			font-weight:bold;
			font-size:14px;
			text-align:left;
			padding-left:10px;
			color:#e7378f;
	}
	#catFeaturedProducts #product #savoir_plus{
			float:right;
			height:20px;
			width:104px;
	}*/
	
	#catFeaturedProducts ul{
		padding-top:20px;
	}
	#catFeaturedProducts li.debut{
		width:250px; 
		float:left;
	}
	#catFeaturedProducts li.debutL1{
		margin-top: 2px;
		width:125px; 
		float:left;
	}	
	#catFeaturedProducts li.milieu{
		width:250px; 
		float:left;
		padding-left:35px;
	}
	#catFeaturedProducts li.milieuL1{
		width:250px; 
		float:left;
		padding-left:50px;
	}	
	#catFeaturedProducts li.fin{
		width:125px; 
		float:left;
		padding-left:35px;
	}
	#catFeaturedProducts li.finL1{
		width:250px; 
		float:left;
		padding-left:20px;
	}	
	#catFeaturedProducts .titrerub{
		font-size: 13px;
		font-weight:bold;
		color: red;/*#e7378f;*/
		font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
		line-height:20px;
		letter-spacing:-1px;
	}


/*-----------page products listing -----------*/
#productIndex #product{
	float:left;
	width:214px;
	margin-right:34px;
	text-align:center;
}
	#productIndex #product #image{
		margin-top:20px;
		height:200px;
	}
	#productIndex #product #desc{
		background:#eaf0f3;
		border:1px solid #dee6ea;
		padding:12px;
		padding-top:5px;
		paddint-bottom:5px;
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
		color:#5d778a;

	}
		#productIndex #product #desc a{
			font-weight:bold;
			color:#5d778a;
		}
	#productIndex #product #prix{
			float:right;
			line-height:20px;
			height:20px;
			width:70px;
			margin-top:7px;
			font-weight:bold;
			font-size:14px;
			text-align:right;
			padding-left:10px;
			color:#e7378f;
	}
	#productIndex #product #savoir_plus{
			float:left;
			height:20px;
			width:104px;
	}
		#productIndex #product #savoir_plus a, #productIndex #product #savoir_plus a:hover{
				color:#a62e6a;
		}

/*-----------page product info -----------*/
#infos_produit_haut
{
	padding-top:35px;
	width:710px;
}
	#infos_produit_haut #productImage
	{
		width:320px;
		float:left;
	}
	#infos_produit_haut #productInfoSpec
	{
		width:370px;
		padding-left:20px;
		float:left;
		text-align:left;
	}
		
		#infos_produit_haut .productName
		{
			color:#e7378f;
			font-size:17px;
			font-weight:bold;
			margin-bottom:10px;
		}
		#infos_produit_haut .productPrice
		{
			color:#dc579a;
			font-size:18px;
			font-family : Tahoma;
				display:block;
				border:1px #e1e6e8 solid;
				line-height:30px;
				width:80px;
				background:#f0f5f7;
				padding:0;
				margin:0;
				text-align:center;
			}

		#infos_produit_haut #productDescription
		{
			clear:both;
			text-align:justify;
		}
			#infos_produit_haut #productDescription #image2
			{
				margin-left:20px;
				margin-bottom:20px;
				padding:5px;
				border:1px solid #acacac;
				height:124px;
				width:124px;
				float:right;
				text-align:center;
			}
#xsell .inside{padding-top:30px;}
#xsell .inside a {margin-bottom:15px;display:block;float:left;width:135px;height:190px;background:#fff;position:relative;font-size:10px;color:#607d8c;border:1px solid white;}
#xsell .inside a .image {display:block;text-align:center;background:#fff;}
#xsell .inside a .name {display:block;background:#eaf0f3;position:absolute;top:148px;left:0px;cursor:pointer;text-align:center;width:133px;height:39px;padding-top:1px;border:1px solid #dee6ea;line-height:12px;}
#xsell .inside a:hover {border:1px solid #89c800;color:#ffffff;text-decoration:none;}
#xsell .inside a:hover .name {background:#89c800;border:1px solid #89c800;}

/* ------- forms --------- */
input#search {
  width:130px;
  border: 1px solid #16495C; 
  padding: 1px; 
  font-size: 0.9em;
}

/* ------- Buttons ------- */
.plusBt {
	background:url(images/bouton_savoir_plus.gif) no-repeat;
	color:#a62e6a;
	padding-top:3px;
	height:20px;
	width:104px;
	display:block;
	float:right;	
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	margin-top:7px;
}
	.plusBt:hover {
		color:#a62e6a;
	}
.navBt {
	background:url(images/bouton_savoir_plus.gif) no-repeat;
	color:#a62e6a;
	padding-top:3px;
	height:23px;
	width:104px;
	display:block;
	float:right;	
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	margin-top:7px;
	border:0px;
	
}
.navBt_long {
	background:url(images/bouton_savoir_plus_long.gif) no-repeat;
	color:#a62e6a;
	padding-top:3px;
	height:23px;
	width:200px;
	display:block;
	float:right;	
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	margin-top:7px;
	border:0px;}
	
.navBt input, .submitBt input, .navBt_long input{
	color:#a62e6a;
	border:0px;
	background:transparent;
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	cursor:pointer;
}

			.navBt a, .navBt_long a{
				color:#a62e6a;
			}
			.navBt a:hover, .navBt_long a:hover,.navBt:hover, .navBt_long:hover{
				color:#a62e6a;
			}


.submitBt{
	background:url(images/bouton_savoir_plus.gif) no-repeat;
	color:#a62e6a;
	padding-top:3px;
	height:23px;
	width:104px;
	display:block;
	float:left;	
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	margin-top:7px;
	border:0px;
	
}
.submitBt_long {
	background:url(images/bouton_savoir_plus_long.gif) no-repeat;
	color:#a62e6a;
	padding-top:3px;
	height:23px;
	width:200px;
	display:block;
	float:left;	
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	margin-top:7px;
	border:0px;}
	
			.submitBt a, .submitBt_long a{
				color:#a62e6a;
			}
			.submitBt a:hover, .submitBt_long a:hover{
				color:#a62e6a;
			}
/* ------- original --------- */
SPAN.newItemInCart {color: #ff0000; }
SPAN.greetUser { color: #f0a480; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { color: #ff0000;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


.sitemap_sscategories {
	margin:0;
	margin-left:10px;
}
.sitemap_products{
	margin:0;
	margin-left:20px;
}

.address {
	margin-left:25px;
	color: #5A4E5C;
}
