/*
* Auteur       : Steven TITREN 
* Email pro    : stitren@ekinoxe.fr
*
*
* Ce fichier est la propriété de la société Ekinoxe ORIGIN - www.ekinoxe.fr
* Ce fichier n'est en aucun cas libre de droit, vous n'avez pas l'autorisation de 
* le diffuser ou de le réutiliser dans un projet exterieur.
*
*/
 
body{
	margin:0 0 15px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../../images/bg.png) repeat;
}

img{border:0}

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

#conteneur{
	width:980px;
	margin:auto;
}

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

#header{
	height:224px;
}

	#header span{
		display:block;
		float:left;
		width:98px;
		text-align:center;
	}
	
	#header object{
		margin:0 0 0 -12px;
	}
	
	#header #dire_ami_lien{
		display:block;
		margin:-45px 15px 0 0;
		position:absolute;
		background:url(../../images/dire_ami.gif) no-repeat;
		width:40px;
		height:36px;
		z-index:100;
	}
	
	#header #dire_ami_lien:hover{
		background:url(../../images/dire_ami_actif.gif) no-repeat;
	}
	
	#header #favori_lien{
		position:absolute;
		display:block;
		margin:-10px 15px 0 0;
		background:url(../../images/favori.gif) no-repeat;
		width:40px;
		height:37px;
		z-index:100
	}
	
	#header #favori_lien:hover{
		background:url(../../images/favori_actif.gif) no-repeat;
	}
	
	#header #plan_site_lien{
		display:block;
		margin:30px 15px 0 0;
		background:url(../../images/plan_site.gif) no-repeat;
		width:40px;
		height:36px;
	}
	
	#header #plan_site_lien:hover{
		background:url(../../images/plan_site_actif.gif) no-repeat;
	}
	
	#header #accueil_lien{
		display:block;
		margin:0 15px 0 0;
		background:url(../../images/home.gif) no-repeat;
		width:38px;
		height:40px;
	}
	
	#header #accueil_lien:hover{
		background:url(../../images/home_actif.gif) no-repeat;
	}

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

#haut_contenu{
	background:url(../../images/haut_fond.jpg) repeat-x;
	width:836px;
	height:16px;
	margin:-2px 0 0 77px;
}

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

#bas_contenu{
	background:url(../../images/bas_contenu.jpg) repeat-x bottom #d7cdae;
	width:823px;
	height:28px;
	margin:0 0 0 91px;
	clear:both;
}

#panneau{
	margin:-70px auto 0 auto;
	padding:40px 10px 0 5px;
	background:url(../../images/panonco.gif) no-repeat;
	width:324px;
	height:45px;
	font-size:10px;
	text-align:center;
}

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

#contenu{
	background:url(../../images/bg_contenu.jpg) repeat-y;
	width:867px;
	margin:0 0 0 70px;
	padding:0 35px
}

	/****************************************************************/
	#menu_haut{
		margin:0 0 0 100px;
		padding:0;
	}
	
	#menu_haut li{
		list-style:none;
		float:left;
		height:38px;
		margin:0;
		text-align:center;
		padding:10px 0 0 0;
	}
	
	#menu_haut h2{
		margin:0;
		padding:0;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#menu_haut a{
		color:#000;
		text-decoration:none;
	}
	
	#menu_haut a:hover{
		color:#333;
		padding:5px 0 0 5px;
	}
	/****************************************************************/
	#menu_gauche{
		margin:35px 0 0 0;
		padding:0 0 0 5px;
		float:left;
		width:175px;
	}
		/************************************************************/
		#panier{
			margin:0;
			padding:0;
			background:url(../../images/panier.gif) no-repeat;
			width:122px;
			height:88px;
		}
		
		#panier h2{
			margin:0;
			padding:4px 0 0 35px;
			color:#fff;
			font-size:12px;
		}
		
		#panier p{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			height:23px;
			margin:10px 0pt 0pt 12px;
			width:100px;
			text-align:center;
		}
		
		#panier a{
			display:block;
			color:#000;
			text-decoration:none;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-transform:uppercase;
			letter-spacing:-1px;
			font-size:10px;
			margin:14px 0 0 18px;
		}
		
		#panier a:hover{
			color:#333;
			padding:1px 0 0 2px
		}
		
		/************************************************************/
		
		#menu_gauche h2, #menu_droit h2{
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			margin:0;
		}
		
		#menu_gauche h2 a, h2.menutitre, #menu_droit h2 a{
			display:block;
			background:url(../../images/lien_menu_inactif.gif) no-repeat;
			width:130px;
			height:20px;
			color:#4f4c42;
			text-decoration:none;
			padding:10px 0 0 6px;
			cursor:pointer;
		}
		
		#menu_gauche h2 a:hover, h2.menutitre:hover, #menu_droit h2 a:hover{
			background:url(../../images/lien_menu_actif.gif) no-repeat;
			color:#fff;
			height:23px;
			padding:7px 0pt 0pt 10px;
		}
		
		#menu_gauche ul, #menu_droit ul{
			margin:0;
			padding:0;
		}
		
		#menu_gauche ul li, #menu_droit ul li{
			list-style:none;
			margin:0 0 0 20px;
		}
		
		#menu_gauche ul li a, #menu_droit ul li a{
			color:#4f4c42;
			text-decoration:none;
		}
		
		#menu_gauche ul li a:hover, #menu_droit ul li a:hover{
			color:#000;
			padding:0 0 0 2px;
		}
		/************************************************************/
		#menu_gauche form{
			margin:5px 0 0 0;
		}
		
		#menu_gauche form h2{
			background:url(../../images/puce_h2.gif) no-repeat;
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			font-weight:normal;
			color:#663300;
			letter-spacing:-1px;
			padding:0 0 0 7px;
			width:50px;
		}
		
		#menu_gauche form p{
			margin:2px;
			padding:12px 0pt 0pt 8px;
			background:url(../../images/champ_menu_gauche.gif) no-repeat;
			width:157px;
			height:29px;
		}
		
		#menu_gauche form input, #menu_gauche form select{
			background:none;
			border:none;
			color:#4F4C42;
			width:145px;
		}
		
		#menu_gauche form .submit{
			cursor:pointer;
			background:#330000;
			color:#D7CDAE;
			border:1px solid #856757;
			width:auto;
		}
		/************************************************************/
		
		#menu_gauche #condition_general_mention{
			background:url(../../images/mention_conditions_generales.gif) no-repeat;
			width:166px;
			height:34px;
			text-align:center;
			padding:8px 0 0 0;
		}
		
		#menu_gauche #condition_general_mention a{
			color:#300;
			text-decoration:none;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		#menu_gauche #condition_general_mention a:hover{
			color:#fff;
			padding:0 0 0 5px;
		}
		
		/************************************************************/
		.nouveaute{
			margin:25px 0 0 0;
			background:url(../../images/nouveaute_fond.gif) repeat-y;
			color:#4F4C42;
		}
		
		.nouveaute div, #menu_droit .cadre_droite div{
			width:140px;
			margin:0 0 0 20px;
			text-align:justify;
			color:#000;
		}
		
		#menu_droit .cadre_droite marquee{
			width:140px;
			margin:0;
			text-align:justify;
			color:#000;
		}
		
		#menu_gauche .nouveaute h2{
			background:url(../../images/nouveaute_haut.gif) no-repeat;
			width:175px;
			height:23px;
			margin:0;
			padding:20px 0 0 0;
			text-align:center;
			color:#330000;
			font-weight:normal;
			letter-spacing:-2px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:16px;
		}
		
		#menu_gauche .nouveaute img.visuel_produit, #menu_droit .cadre_droite img.visuel_produit{
			width:119px;
			border:2px solid #9A3502;
			display:block;
			margin:auto;
		}
		
		#menu_gauche .nouveaute span, #menu_droit .cadre_droite span{
			display:block;
			background:url(../../images/produit_prix.png) no-repeat;
			width:113px;
			height:21px;
			margin:0 0 0 7px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:5px 0 0 11px;
			color:#000;
			font-weight:bolder;
			letter-spacing:-1px;
		}
		
		#menu_gauche .nouveaute a, #menu_droit .cadre_droite a{
			background:url(../../images/porduit_lien_details.png) no-repeat;
			display:block;
			width:119px;
			height:21px;
			font-family:Arial, Helvetica, sans-serif;
			color:#D7CCAE;
			text-decoration:none;
			text-align:center;
			padding:9px 0 0 0;
		}
		
		#menu_gauche .nouveaute a:hover, #menu_droit .cadre_droite a:hover{
			/*background:url(../../images/porduit_lien_details_actif.png) no-repeat;*/
			padding:10px 0 0 1px;
			height:20px;
			color:#fff;
		}
	/****************************************************************/
	#menu_droit{
		width:175px;
		float:right;
		margin:45px 75px 0 0;
	}
		/************************************************************/
		#menu_droit div#nos_produit{
			margin:0 0 0 35px;
		}
		
		#menu_droit div#nos_produit h2{
			background:url(../../images/nos_produit_haut.gif) no-repeat;
			width:100px;
			height:23px;
			color:#fff;
			margin:0;
			padding:5px 0 0 22px;
		}
		
		#menu_droit div#nos_produit p{
			background:url(../../images/nos_produit_bas.gif) no-repeat;
			width:107px;
			height:62px;
			color:#000;
			margin:0;
			padding:0 0 0 15px;
		}
		
		#menu_droit h2{
			margin:0 0 0 15px;
		}
		
		#menu_droit ul{
			margin:0 0 0 15px;
		}
		
		#menu_droit .cadre_droite{
			margin:25px 0 0 0;
			background:url(../../images/nouveaute_fond.gif) repeat-y;
			color:#4F4C42;
		}
		
		#menu_droit .cadre_droite h2{
			background:url(../../images/cadre_doitre_haut.gif) no-repeat;
			width:175px;
			height:23px;
			margin:0;
			padding:20px 0 0 0;
			text-align:center;
			color:#330000;
			font-weight:normal;
			letter-spacing:-2px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:16px;
		}
/**********************************************************************/
#page{
	margin:0 0 0 185px;
	padding:0;
	text-align:justify;
	width:430px;
}

	#page a{
		color:#4F4C42;
		text-decoration:none;
		font-weight:bold;
		letter-spacing:-1px;
	}
	
	#page a:hover{
		font-weight:normal;
		text-decoration:underline;
	}
	
	.titre{
		color:#663300;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:-2.5px;
		font-weight:normal;
		font-size:25px;
		margin:0 0 7px 0;
	}
	/****************************************************************/
	.produit{
		/*float:left;*/
		width:140px;
		margin:10px 1px;
	}
	
	.produit h2{
		background:url(../../images/centre_nom_produit.gif) no-repeat;
		color:#CCCC99;
		font-size:10px;
		width:119px;
		height:25px;
		padding:5px 0 0 0;
		text-align:center;
		margin:0 auto 1px auto;
	}
	
	#conteneur #contenu #page .produit h2 a{
		background:none;
		padding:0;
		font-weight:bold;
		letter-spacing:0;
		color:#CCCC99;
		text-decoration:none;
	}
	
	#conteneur #contenu #page .produit h2 a:hover{
		color:#fff;
	}
	
	.produit img{
		width:118px;
		border:2px solid #993300;
		display:block;
		margin:auto;
	}
	
	.produit span{
		display:block;
		background:url(../../images/porduit_lien_details2.png) no-repeat;
		margin:0 auto;
		padding:12px 0 0 7px;
		width:113px;
		height:41px;
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:-2px;
		color:#CCCC99;
	}
	
	.produit p{
		width:125px;
		margin:2px auto;
	}
	
	#page .produit a{
		display:block;
		background:url(../../images/centre_lien_produit.gif) no-repeat;
		margin:0 auto;
		padding:10px 0 0 10px;
		width:109px;
		height:20px;
		color:#fff;
		letter-spacing:0;
		font-weight:normal;
	}
	
	#page .produit a:hover{
		text-decoration:none;
		color:#CCCC99;
	}
	
	#page .pub{
		background:url(../../images/pub.gif) no-repeat;
		width:462px;
		height:193px;
		margin:0 0 0 -20px;
		text-align:center
	}
	
	/***************************************************************/
	h2.produit_detail{
		background:url(../../images/fiche_produit.gif) no-repeat;
		width:145px;
		height:27px;
		color:#CCCC99;
		font-weight:normal;
		padding:10px 0 0 18px;
		text-align:left;
		font-size:18px;
		letter-spacing:-0.1em;
	}
	
	#fiche_produit_visuel{
		width:126px;
		background:#993300;
	}
	
	#fiche_produit_visuel a{
		display:block;
		margin:0;
		color:#CCCC99;
		font-weight:normal;
	}
	
	#fiche_produit_visuel a:hover{
		color:#fff;
		text-decoration:none;
		
	}
	
	p.produit_prix{
		display:block;
		background:url(../../images/porduit_lien_details2.png) no-repeat;
		width:113px;
		height:41px;
		margin:0 0 0 7px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:13px 0 0 11px;
		color:#CCCC99;
		letter-spacing:-1px;
	}
	
	#bonjour{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin:0 0 10px 0;
		color:#555;
	}