/* CSS Document */

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;
  margin:0 auto;
  background:url(images/fond-page.gif) repeat-x #6ea96f;
  text-align:center;
}

#container {
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  width: 900px;
  height:100%;
}


#header {
	padding:0;
	width: 900px;
	height: 251px;
	margin: 0 auto;
}

#header #logo {
	background:url(images/logo.jpg) no-repeat;
	padding:0;
	width: 395px;
	height: 261px;
	margin: 0 auto;
	float:left;
}
#header #droite {
	float:left;
	width: 309px;
	height: 261px;
	background:url(images/illustrations-header.jpg) no-repeat;
	padding:0;
	margin: 0 auto;
}

/************************** Menu du haut ****************************/
#menuHaut ul {
	float:left;
	width: 196px;
	height: 261px;
	background:url(images/menu-header.jpg) no-repeat;
	padding:12px 0 0 0;
	margin: 0px;
}
#menuHaut li {
	list-style-type: none;
	float:left;
	width: 100%;
	padding:0px 0 0 18px;
	margin: 00px 0 5px 0;
	text-decoration:none;
	color:#000000;
}

#menuHaut li a {
	list-style-type: none;
	float:left;
	padding:8px 0 0 18px;
	margin: 0px 0 0 0;
	text-decoration:none;
	color:#000000;
}

#menuHaut li a:hover {
	list-style-type: none;
	float:left;
	padding:8px 0 0 18px;
	margin: 0px 0 0 0;
	text-decoration:none;
	color:#70a170;
}

#logoff{
	position:relative;
	margin:0;
	padding:0;
	left:375px;
	top:32px;
	font-size:8pt;
}
#logoff a:link, #logoff a:visited, #logoff a:hover {
	text-decoration:none;
	color:#ffffff !important;
}

/*****************************************************************/

/************************ footer ********************************/
#footer {
	clear:left;
	width:890px;
	height:15px;
	background:url(images/fond-footer.gif) repeat-x;
	background-position:bottom;
	margin:0 auto;	
	padding:10px 10px 0 0;
	text-align:right;
	color:#FFFFFF;
}
	a.footer {
		text-decoration:none;
		color: #e5dccb;
		font-size:8pt;
	}
/*****************************************************************/


/*****************************************************************/
/**************************** centre *****************************/
/*****************************************************************/
#centre {
/*	clear:left;
*/	float:left;
	width:900px;
	background:url(images/menuProduits-bas.jpg) no-repeat bottom !important;
/*	min-height:600px;
	height:600px;
*/}

/********************** zone menu produits ***********************/
#centre #menuProduits{
	background:#6ea96f;
	width:211px;
	margin:0;
	padding:0px;
	float:left;
}

#centre #menuProduits #titre{
	background:url(images/menuProduits-haut.jpg) no-repeat;
	width:211px;
	height:78px;
	margin:0;
	padding:0;
}

.enboutique {
	margin:0;
	color: #ffffff;
	padding:50px 0 0 20px;
	font-size:10pt;
	font-weight:bold;
}

#centre #menuProduits ul {
	float:left;
	width: 211px;
	height:240px;
	background:url(images/menuProduits.jpg) no-repeat;
	padding:0;
	margin: 0;
}
#centre #menuProduits li {
	list-style-type: none;
	float:left;
	width: 100%;
	padding:0px 0 0 10px;
	margin: 0;
	text-decoration:none;
	color:#ffffff;
}
#centre #menuProduits li ul{
	display: none ;
}


#centre #menuProduits li a:link, #centre #menuProduits li a:visited {
	list-style-type: none;
	float:left;
	padding:12px 0 0 10px;
	margin: 0px;
	text-decoration:none;
	color:#e5dccb;
	font-size:13px;
	font-weight:bold;
}
#centre #menuProduits li a:hover {
	list-style-type: none;
	float:left;
	padding:12px 0 0 10px;
	margin: 0px;
	text-decoration:underline;
	color:#e5dccb;
	font-size:13px;
	font-weight:bold;
}
/*****************************************************************/

/*************************** recherche ***************************/
#centre #recherche {
	width:649px;
	padding:0px;
	margin:0px;
	color:#ffffff;
	font-size:8pt;
			padding-left: 35px;

}

#recherche a {color : #ffffff;}
#recherche a:hover {color : #ffffff;}
#recherche a:visited {color : #ffffff;}


a.panier {
	text-decoration:none;
	color:#ffffff;
	font-size:8pt;
}


	#centre #recherche #form {
		position:relative;
		width:180px;
		float:right;
		margin-top : -30px;

	}
	#centre #recherche #form #quick_find {
		position:relative;
		width:200px;
		padding:0px;
		margin:0px;
		color:#ffffff;
		font-size:8pt;
		text-align:left;
	}
	
/*****************************************************************/

/************************ zone contenu ***************************/
#centre #contenu {
	position:relative;
	float:left;
	width:680px;
	padding:0px;
	margin:0;
	background: #ffffff;
/*	border-right:1px solid #ffffff;
*/	min-height:600px;
height:600px;
}

#centre #contenu #entete {
	background: #e5dccb;
	width:680px;
	margin:0;
	padding:0;
}
	#centre #contenu #bienvenue {
		float:left;
		background:url(images/bienvenue.jpg) no-repeat #e5dccb;
		width:340px;
		height:198px;
		padding:0px;
		margin:0px;
	}
	.bienvenue {
		color:#000000;
		font-size:8pt;
		padding:43px 5px 0 95px;
		margin:0px;
	
	}
	#centre #contenu #actualites {
		float:left;
		width:318px;
		background:url(images/titre-actualites.jpg) no-repeat #e5dccb;
		height:128px;
		padding:70px 0px 0 20px;
		margin:0 0 0 0;
		color:#000000;
		font-size:8pt;
	}
		#centre #contenu #actualites p.titre {
			color:#617757;
			font-size:8pt;
			margin:0px;
			padding:0px;
			font-weight:bold;
		}

/**************************** habillage produits ******************************/		
	#centre #contenu #produits {
		float:left;
		background:#ffffff;
		width:680px;
		margin:0px 0px 0px 0px;
		padding:0px 0 0 0 ;
		color:#000000;
		font-size:8pt;
	}

	#redactionnel, #productInfo, #index, #shoppingCart, #productsNew, #advancedSearch, #shipping, #login, #createAccount, #confirmCommande, #checkoutPayment, #account, #infoShoppingCart, #popupSearchHelp, #cookieUsage {
		float:left;
		background:#ffffff;
		width:680px;
		margin:0px 0px 0px 0px;
		padding:0px 0 0 0 ;
		color:#000000;
		font-size:10pt;
	}
		h1 {
			padding:5px 0 0 0px;
			margin:0 10px 0 10px;
			color:#617757;
			font-size:12pt;
			font-weight:bold;
			border-bottom:1px solid #617757;
		}

	p {
		padding:5px 10px 10px 10px;
		margin:0;
	}
	
	#categoriesImage{
		background:none;
		float:left;
		margin:-20px 0 0px 0 ;
		padding:0px 0 0 70px;
		width:100%;
	}
	
	.sousCategorie {
		float:left;
		margin:0;
		padding:0px 0px 0 25px;
		background:none;
		text-align:left;
	}
	
		a.sousRubrique:link, a.sousRubrique:visited  {
			color:#d11c92;
			text-decoration:none;
			font-weight:bold;
		}
		a.sousRubrique:hover  {
			color:#760750;
			text-decoration:none;
			font-weight:bold;
		}

		
/************* nouveautes page accueil *****************/
		.imageNewsHome{ 
			width:225px;
			float:left;
			padding:0px 0px 0px 0px;
			margin:0px 0 0px 0;
			text-align:center;
			min-height:280px;
		}
		
		a {
			text-decoration:none;
			color:#617757;
		}

		.foto a:link img, .foto a:visited img{
			text-decoration:none;
			border:2px solid #ceed4c;
		}
		.foto a:hover img{
			text-decoration:none;
			border:2px solid #617757;
		}
		
		.titre {
			position:relative;
			padding:0 0 5px 0px;
			margin:0 32px 0 32px;
			width:152px;
			color: #617757;
			border-bottom: 1px dashed #617757;
			font-size:9pt;
			font-weight:bold;
		}
		#descrProduit {
			position:relative;
			padding:0;
			margin:3px 0 0 130px;
			width:150px;
			color: #333333;
			font-size:8pt;
		}
		.prix {
			position:relative;
			padding:0 0 5px 0px;
			margin:0 32px 0 32px;
			width:152px;
			color: #333333;
			font-size:8pt;
			font-weight:bold;
			text-align:center;
		}
		.voirProduit {
			position:relative;
			padding:5px 0 0 0;
			margin:0px;
			width:280px;
			text-align:right;
		}

/***********************************************/		

/*-Form----------------------------------------------- */
form {
	margin:0;
	padding:0;
}
input { 
	font-family: arial;
	font-size: 10px;
	border: 1px solid #999;
	color: #333;
	background-color:#FFF;
	margin-right:2px;
}
input.noborder { 
	border: none;
}
select { 
	font-family: arial;
	font-size: 10px;
	border: 1px solid #FFF;
	color: #333;
	background-color:none;
	margin:0;
	float:left;
}

textarea { 
	font-family: arial;
	font-size: 11px;
	border: 1px solid #b3afa4;
	color: #333333;
	background-color:#FFF;
	margin:0;
	padding:0;
}

.submitBt {
	background:#54b8d0;
	color:#ffffff;
	border:none;
	font-weight:bold;
	height:17px;
}

h2 {
	margin:0;
	padding:20px 0 0 80px;
	width:679px;
	height:76px;
	background: url(img-theme/categorie.jpg) no-repeat;
	color:#515151;
	font-size:20px;
}

.pack {
	color:#760750;
	font-size:11pt;
	font-weight:bold;
	padding:0 0 0 5px;
	margin:0 0 8px 0;
	background:#f2efea;
	width:640px;
	height:28px;
	line-height:28px;
}

.scroll {
	position:relative;
	width:420px;
	height:150px;
	z-index:1;
	left: 0px;
	top: 0px;
	overflow: auto;
	visibility: visible;
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR:  #760750;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	background-color:TRANSPARENT;
}


/*-actualites----------------------------------------------- */

a.lienActu:link, a.lienActu:visited  {
			color:#d11c92;
			text-decoration:none;
			font-weight:bold;
			padding:0 0 0px 0px;
			margin:0 0px 0 0px;
			width:200px;
			color: #333333;
			font-size:9pt;
			}
		a.lienActu:hover  {
			color:#760750;
			text-decoration:none;
			font-weight:bold;
		}

.titreActuDetail {
			position:relative;
			padding:0;
			margin:10px 0 10px 0;
			width:330px;
			color: #617757;
		    font-size:12pt;
			font-weight:bold;
			border-bottom: 1px solid #617757;
		}
.titreActu {
			position:relative;
			padding:0;
			margin:0;
			width:280px;
			color: #617757;
			border-bottom: 1px dashed #617757;
			font-size:9pt;
			font-weight:bold;
		}
#actualitesListe
 {      position:relative; 
        width:315px;
		height:128px;
		margin:0px 0 0 0;
		color:#000000;
		font-size:8pt; 
        overflow:scroll;
		SCROLLBAR-FACE-COLOR: #e5dccb;
SCROLLBAR-HIGHLIGHT-COLOR: #e5dccb;
SCROLLBAR-SHADOW-COLOR: #e5dccb;
SCROLLBAR-3DLIGHT-COLOR: #e5dccb;
SCROLLBAR-ARROW-COLOR:  #617757;/*fleche#c4c6ca*/
SCROLLBAR-TRACK-COLOR: #e5dccb;
SCROLLBAR-DARKSHADOW-COLOR: #e5dccb;
background-color:#e5dccb;
}

#actualitesListeDetails
 {      position:relative; 
        width:300px;
		height:400px;
		margin:0px 0 0 0;
		color:#000000;
		font-size:8pt; 
background-color:#e5dccb;
}