@import url(contents.css);
/* ----------------------------------------------------- */
/* ------------------------- GENERAL ------------------- */
/* ----------------------------------------------------- */
body, html { 
   margin: 0; 
	padding: 0; 
}
body { 
   font: 12px Georgia, Verdana,Georgia,Tahoma,sans-serif; 
	padding-top:3px;
   color: #000;
	background:#BEB694;
}
div {
   margin: 0; padding: 0;  
}
h1, h2, h3, h4, h5, h6, p {
   margin: 0; padding: 0;
   margin-bottom: 8px;
}
h1 {
	font-size: 16px;
	color:#036C67;
	font-weight:bold;
	font-style:italic;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4, h5, h6 {
	font-size: 12px;
}
ul {
	padding:0;
	margin:0;
}
li {list-style:none;}
img {border:0;}
a {color: #7F6547;text-decoration: none; }
a:hover {color:#ccc;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:#F9F7EE;border:0px #ccc solid;padding:10px;}
legend {display:none;}
.messageStackWarning{
	background:#790102;
	color:#fff;
	padding:5px;
}
.messageStackError{
	background:white;
	color:#B50000;
	font-weight:bold;
}
.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;}


/* ----------------------------------------------------- */
/* ------------------------- LAYOUT -------------------- */
/* ----------------------------------------------------- */

#page{
	position: relative;
	width : 975px;
	min-height: 562px;
	height: auto !important;
	height: 562px;    
	clear:both;
	margin: 0 auto 0 auto;
	text-align: left;

}

/* ----------------------------------------------------- */
/* ----------------------- HAUT ------------------ */
/* ----------------------------------------------------- */
#top{
	padding:0;margin:0;
	height: 87px;
	width:975px;
	background: url(images/maison-riviere.jpg) no-repeat;
	text-align:center;
	padding-top:12px;
	cursor:pointer;
}

#menu-haut {
	height:26px;
	width:975px;
	background:url(images/fonds/fond_menu_haut.gif) no-repeat;
}
#menu-hautG{
	float:left;
	width:258px;
	height:19px;
	padding-top:7px;
	padding-left:20px;
	font-size:10px;
	font-family: Verdana,Georgia,Tahoma,sans-serif; 
	color:white;
}
	#menu-hautG a{
		color:white;
		padding-left:2px;
		padding-right:2px;
	}
#menu-hautD{
	float:right;
	width:694px;
	height:19px;
	padding-top:7px;
	color:#BE0005;
	padding-left:3px;
}
		#navBox {
			width:445px;

		}
			#navBox li {
				float:left;
				
			}
			#navBox ul {
				padding: 0px;
				margin: 0px;
			}
			#navBox a {
				color:#036C67;
				display: inline;
				padding-right:5px;
				padding-left:5px;
				border-right:1px solid #036C67;
			}
			#navBox a.rouge {
				color:#BE0005;
				border:0;
				padding-right:0px;
			}
		
		#shoppingcartBox {
			position: absolute;
			right: 0;
			top:99px;
			width:235px;
			height:19px;
			padding-top:7px;
			padding-left:3px;
			padding-right:10px;
			color:black;
		}
				
					#shoppingcartBox * {list-style:none;}
					#shoppingcartBox ul {
						padding:0;
						margin:0;
						background:#ffffff;
						background:url(images/fonds/pix_fond.gif) repeat-x bottom;
						
					}
					#shoppingcartBox li{
						padding:0;
						margin:0;
						padding-left: 10px;
					}
					#shoppingcartBox a {color:#F20000;}
					#shoppingcartBox #hiddenCart {
						height: 0;
					}

#mainContent{
	width:955px;
	background:url(images/fonds/fond_content.gif) repeat-y;
	min-height: 378px;
	height: auto !important;
	height: 378px; 
	clear:both;
	padding:0px 10px 0px 10px;
}
#menu-gauche { 
	
	float: left;
	width: 244px;
	min-height: 350px;
	height: auto !important;
	height: 350px; 
	padding-bottom:10px;
}
#pageContent{
	float: left;
	width:711px;
	padding-bottom:10px;
}
#menu-bas {
	background: url(images/fonds/fond_menu_bas.gif) no-repeat;
	width:975px;
	height:31px;
	padding-top:6px;
	color:white;
	font-size:10px;
	font-family: Verdana,Georgia,Tahoma,sans-serif; 
	text-align:center;
}
	#menu-bas a{
		color:white;
		font-size:10px;
		font-family: Verdana,Georgia,Tahoma,sans-serif; 
		padding:0px 20px 0px 20px;
		border-right:1px solid white;
	}
	#menu-bas a.fin{
		border-right:0px;
	}
#footer {
	color:#6B5936;
	font-size:10px;
	background:transparent;
	padding:0px 10px 0px 10px;
	font-family: Verdana,Georgia,Tahoma,sans-serif; 
}
	#footer a{
		color:#6B5936;
		font-size:10px;
		font-family: Verdana,Georgia,Tahoma,sans-serif; 
	}
/* ----------------------------------------------------- */
/* ----------------------- MENU BOXES ------------------ */
/* ----------------------------------------------------- */

#menu-gauche .box {
	font-size: 11px;
	/*background:#fff;*/

	padding-left:3px;
}
.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-size:11px;
	font-weight:bold;
	font-variant:small-caps;
	
	margin:0;
	padding:0;
	margin-bottom:10px;
}


#traceBox {
	margin-top:4px;
	margin-bottom:10px;
	height:19px;  
	line-height:19px; 
	color:#036C67; 
	background:#F0ECDB;
	font-size:10px;
    font-weight:bold;
	font-family: Verdana,Georgia,Tahoma,sans-serif; 
}
#traceBox a {  
    color:#CA2510; 
    text-decoration:none;  
    padding-right:5px;
    padding-left:5px;
}
#traceBox a:hover {  
	text-decoration:underline;
}



#searchBox {
	clear: left;
	width:234px;
	height:20px;
	padding-top:10px;
	margin-left:10px;
}
			#searchBox * {list-style:none;}
			#searchBox ul {
				padding:0;
				margin:0;
			}
			#searchBox h4 {
				display: none;
			}
			#searchBox a {color:#fff;}
			#searchBox p {margin:0;padding:0;}
			#searchBox form{}
			#searchBox input{
				width: 135px;
				font-size:11px;
				font-family:Arial,Verdana,Georgia,Tahoma,sans-serif;
				padding-left:5px;
				border:1px solid #BEB694;
			}
			#searchBox .submitBt {
				width:24px;
				height:14px;
				background:url(images/boutons/search_box_ok.gif) no-repeat;
				font-size:0px;
				border:0px;
				margin-bottom:2px;
			}

#informationBox {}
			#informationBox li {display:inline;}
			#informationBox ul {
				padding: 0px;
				margin: 0px;
			}
			#informationBox h4 {
				display: none;
			}
			#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;}
#categoriesBox, #categoriesBoxDropDown {
	min-height: 233px;
	height: auto !important;
	height: 233px; 
}
			#categoriesBox ul, #categoriesBoxDropDown ul {
				padding: 0px;
				padding-left: 10px;
				margin: 0px;
				margin-top:10px;
			}
			#categoriesBox li, #categoriesBoxDropDown li {
				list-style-type: none;
				padding-left:20px;
				min-height: 22px;
				height: auto !important;
				height: 22px;    
			}
			
			#categoriesBox li.categorie_parent {
				list-style-type: none;
				background:url(images/fonds/puce_categorie.gif) no-repeat top left;
			}
				#categoriesBox li.categorie_parent li.categorie_parent {
					padding-left:10px;
					margin-left:10px;
				}
			#categoriesBox .selected { /* quand une catégorie est délectionnée*/
				font-weight:bold;
				color:#D83535;
			}
			#categoriesBox a, #categoriesBoxDropDown a {color:#000000; font-size:12px;}
			#categoriesBox a:hover, #categoriesBoxDropDown a:hover {}			
			#categoriesBox h4, #categoriesBoxDropDown h4 {display:none;}

			#categoriesBox li.categorie_parent .sitemap_sscategories {
				margin-left:-10px;
			}
			
#riviereAccueilBox{
		width:244px;
		margin:0px;padding:0px;
		min-height: 118px;
		height: auto !important;
		height: 118px;
}
	#coup_coeur_top{
		width:244px;
		height:20px;
		background:url(images/fonds/fond_coup_coeur_top.gif) no-repeat;
		text-align:center;
		color:white;
		font-size:15px;
		font-weight:bold;
		padding-top:5px;
	}
	#coup_coeur{
		width:214px;
		min-height: 80px;
		height: auto !important;
		height: 80px;
		background:url(images/fonds/fond_coup_coeur.gif) repeat-y;
		padding-left:20px;
		padding-right:10px;
	}
		#coup_coeur .image{
			width:80px;
			height: 80px;
			float:left;
			text-align:center;
			margin-top:5px;
		}
		#coup_coeur .texte{
			width:110px;
			height: 60px;
			float:right;
			padding-top:15px;
		}
			#coup_coeur .texte a{
				color:black;
				font-size:11px;
				font-family:Arial,Verdana,Georgia,Tahoma,sans-serif;
			}
	#coup_coeur_bottom{
		width:224px;
		height:18px;
		background:url(images/fonds/fond_coup_coeur_bottom.gif) no-repeat;
		font-size:10px;
		color:white;
		font-family: Verdana,Georgia,Tahoma,sans-serif;
		text-align:right;
		padding-right:20px;
	}
		#coup_coeur_bottom a{
			color:white;
		}
#bestsellersBox {
	padding:0px;
	margin:0px;
	width:244px;
	clear:both;
	margin-top:10px;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}
			#bestsellersBox ol {
				margin:0;
				padding: 0;
				padding-left: 15px;
				margin-left: 5px;
			}
			#bestsellersBox li {
				margin:0;
				padding: 0;
				list-style: decimal;
			}

	#best_seller_tete{
		padding:0px; margin:0px;
		width:234px;
		height:22px;
		background:url(images/fonds/fond_best_seller_top.gif) no-repeat;
		text-align:left;
		color:white;
		font-size:15px;
		font-weight:bold;
		padding-top:7px;
		padding-left:10px;
		margin-top:8px;
	}
	#best_seller{
		width:214px;
		background:url(images/fonds/fond_best_seller.gif) repeat-y;
		padding-left:20px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;
		color:#FF7F56;
	}
	
			#best_seller a{
				color:black;
				font-size:10px;
				font-family:Verdana,Georgia,Tahoma,sans-serif;
				line-height:15px;
			}
			
	#best_seller_pied{
		width:244px;
		height:10px;
		background:url(images/fonds/fond_best_selle_bottomr.gif) no-repeat;
	}
		#coup_coeur_bottom a{
			color:white;
		}





#currenciesBox {}
			#currenciesBox form{padding-left: 10px;}
#loginBox {border-top: 2px #fff solid;}
			#loginBox a {}
			#loginBox #login fieldset {	border:0;}
#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;
			}

/* Page spillers *************************************/

#splitPageTop {
	display:block;
	font-size:9px;
	margin-top:5px;
	margin-bottom:10px;
	border-bottom: 2px #ccc solid;
	clear:both;
	background:#eee;
}
#splitPageBottom {
	display:block;
	font-size:9px;
	margin-bottom:5px;
	border-top: 2px #ccc solid;
	clear:both;
	background:#eee;
}


/* ------- forms --------- */
input#search {
  width:130px;
  border: 1px solid #16495C; 
  padding: 1px; 
  font-size: 0.9em;
}

/* ------- Buttons ------- */
.navBt {
	background:url(images/boutons/navBt.gif) no-repeat;
	width:185px;
	height:30px;
	line-height:30px;
	display:block;
	text-align:center;
	color:white;
	font-size:11px;
	font-weight:bold;
	float:left;
	border:0px;
}
.navBtAjoutPanier {
	background:url(images/boutons/navBtAjoutPanier.gif) no-repeat;
	width:125px;
	height:30px;
	line-height:30px;
	display:block;
	text-align:center;
	color:white;
	font-size:10px;
	font-weight:bold;
	float:left;
	border:0px;
}
			.navBt, .navBt:hover{
				color:white;
			}

.plusBt {
	background:url(images/fonds/fond_savoir_plus.gif) no-repeat;
	width:181px;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
	text-align:center;
	color:white;
	font-size:11px;
	font-weight:bold;
}
	.plusBt:hover {		
		color:white;
	}

.navBtColle {
	background:url(images/fonds/fond_navBtColle.gif) no-repeat;
	width:169px;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
	text-align:center;
	color:white;
	font-size:11px;
	font-weight:bold;
	
}
	.navBtColle:hover {		
		color:white;
	}	

.plusBtPetit {
	background:url(images/fonds/fond_savoir_plus_petit.gif) no-repeat;
	width:142px;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
	text-align:center;
	color:white;
	font-size:11px;
	font-weight:bold;
}
	.plusBtPetit:hover {		
		color:white;
	}

.navBtCollePetit {
	background:url(images/fonds/fond_navBtColle_petit.gif) no-repeat;
	width:138px;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
	text-align:center;
	color:white;
	font-size:11px;
	font-weight:bold;
	
}
	.navBtCollePetit:hover {		
		color:white;
	}	


/* ------- 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:20px;
}
.sitemap_products{
	margin:0;
	margin-left:40px;
}

.address {
	margin-left:25px;
	color: #5A4E5C;
}

