/* CSS Document */
/*--------------Général--------------*/
body
{
	font-family:Arial;
	font-size:11px;
	background:url(images/fond.jpg) repeat-x #ffffff;
}

#container
{
	width:821px;
	margin:auto;
}
#entete
{
	background:url(images/entete2.jpg) no-repeat;
	width:821px;
	height:172px;
	margin:0 auto 0;
	padding:0 0 0 0;
	position:absolute center;
	top:0;
	z-index:12;
}

#menu
{
	padding:0 0 0 0;
	margin:0 auto 0;
	width:500px;
	height:18px;
	position:relative;
	top:152px;
	z-index:14;
}

#menu ul
{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}
	
#menu ul li
{
	float:left;
	padding:0;
	margin:0;
}
#menu a
{
	text-decoration: none;
	color:#ffffff;
	width:100px;
	height:21px;
	display:block;
	padding:2px 0 0 0;
	margin: 0 0 0 0;
}
#menu a:hover
{
	background:url(images/hover.jpg) top no-repeat;
}

#femme
{
	background:url(images/femme2.jpg) no-repeat;
	width:161px;
	height:320px;
	margin: -172px 0 0 0;
	padding:0;
	position:relative;
	left:660px;
	z-index:12;	
}

#titre
{
	background:url(images/top.jpg) repeat-y center;
	width:100%;
	height:78px;
	margin:-148px auto 0;
	padding: 0;
	position:relative;
	z-index:10;
}


#titre h1
{
	width:560px;
	margin:0 auto 0;
	padding:0;
	position:relative;
	top:30px;
	font-size:22px;
	color:#6A84C1;
	font-weight:normal;
}


#corps
{
	background:url(images/corps.jpg) repeat-y center;
	width:100%;
	margin:0 auto 0 auto;
	padding:0 0 25px 0;
	z-index:10;
	text-align:left;
}

#corps2
{
	background:url(images/corps.jpg) repeat-y center;
	width:100%;
	margin:0 auto 0;
	padding:0 0 25px 0;
	z-index:10;
	text-align:left;	
}

h2
{
	width:500px;
	margin:0 auto 0;
	padding:0 0 15px 0;
	font-size:14px;
	color:#6A84C1;
	font-weight:bold;
}

p
{
	/*text-indent:30px;*/
	font-size:12px;
	color:#6A84C1;
	font-weight:normal;
	/*width:500px;*/
	margin:0 auto 0;
	padding:0 0 20px 0;;
	/*text-align:justify;*/
	display:block;
}
/*------------------------------------------Catalogue------------------------------------------*/
#corps ul
{
padding:0 0 0 0;
margin:0 auto 0;
width:570px;
display:block;
text-align:center;
position:relative;
z-index:20;
}

#corps li
{
	list-style:none;
	float:left;
}

#corps li a
{	
	margin:0 7px 0 7px;
	text-decoration:none;
	color:#77CC48;
	text-align:center;
	width:170px;
	height:130px;
	display:block;
	border-right:1px solid #77CC48;
	border-left:1px solid #77CC48;
}
#corps li a:hover
{
	border-right:1px solid #6A84C1;
	border-left:1px solid #6A84C1;
	background:#D0EEC0;
	color:#6A84C1;
}
#corps li a img
{
	border:none;
	margin:10px 0 0 0;
}
/*----------------------------------Parties gauche et droite-----------------------------------*/
	#partie_gauche {
		float:left;
		margin:0 18px 25px 0;
		padding:0 0 0 118px;
		width:397px!important;
		width: 515px;
		/*border:1px solid #333333;*/
	}
		#partie_gauche p {
			width:auto;
			padding:0;
			margin:0;
		}
		#partie_gauche input {
			width:412px;
			padding:0;
			margin:0;
		}
		#partie_gauche input.button {
			width:auto;
			padding:0;
			margin:0;
		}
		#partie_gauche textarea {
			width:412px;
			padding:0;
			margin:0;
		}
		
	#partie_droite {
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;		
		width:150px;
	}
		#partie_droite ul {
			padding:0 0 0 0;
			margin:0 0 0 0;
			width:auto;
			text-align:left;
			z-index:20;
			/*border:1px solid #333333;*/
		}
		
		#partie_droite li
		{
			padding:0 0 0 0;
			margin:0 0 25px 0;
			list-style:none;
			float:none;
			text-align:center;
			/*border:1px solid #333333;*/
		}
		#partie_droite li p
		{
			padding:0 0 0 0;
			margin:0 0 0 0;
			/*border:1px solid #333333;*/
		}
		
		#partie_droite li a
		{	
			padding:0 0 0 0;
			margin:0 0 0 0;
			text-decoration:none;
			height:auto;
			width:auto;
			border:none;
			background:#ffffff;
		}
		#partie_droite li a:hover
		{
			border:none;
			background:#ffffff;
			color:#6A84C1;
		}
		#partie_droite li img
		{
			padding:0 0 0 0;
			margin:0 0 0 0;
			border:none;
			/*border:1px solid #333333;*/
		}


/*------------------------------------------Liste des produits------------------------------------------*/
#liste
{
	background:url(images/corps.jpg) repeat-y center;
	width:100%;
	margin:0 auto 0;
	padding:0;
	z-index:10;
}

#ligneProd
{
	padding:0 0 0 0;
	margin:20px auto ;
	width:500px;
	border-top:1px solid #77CC48;
	border-bottom:1px solid #77CC48;
	cursor:pointer;
}
#ligneProd:hover
{
	border-bottom:1px dotted #77CC48;
	border-top:1px dotted #77CC48;
}

#liste a img
{
	border:none;
	position:center;
}

#liste a p.description  
{
	float:left;
	width:390px;
	display:block;
	text-indent:0;
}
#image
{
	float:left;
	width:100px;
	display:block;
	height:100px;
}

#imageGrande
{
	width:400px;
	margin:auto;
	margin:0 auto 20px;
	text-align:center;
}
#gras
{
	width:500px;
	margin:0 auto 0;
	padding:0 0 20px 0;;
	display:block;
}

#paragraphe
{
	width:500px;
	margin:0 auto 0;
	padding:0 0 20px 0;;
	display:block;
}
span.retour
{
	width:600px;
	margin:auto;
	height:20px;
	display:block;
	padding:0 0 0 15px;
}
span.retour a
{
	color:#6A84C1;
}
span.retour a:hover
{
	color:#77CC48;
}
#precedentSuivant
{
	width:570px;
	height:40px;
	display:block;
	margin:auto;
	text-align:right;
	padding:0 0 0 0;
	position:relative;
	z-index:15;
	
}
#precedentSuivant a
{
	margin:0 0 0 40px;
	color:#77CC48;
}

/*------------------------------------------Pied de page------------------------------------------*/
#pied
{
	clear:both;
	background:url(images/pied.jpg) repeat-y center;
	width:100%;
	height:78px;
	margin:0 auto 0 ;
	padding:0;
	/*border:solid 1px;*/
}

form
{
	width:400px;
	margin:auto;
}
label
{
	float:left;
	clear:both;
	padding:0;
	margin:0;
	width:100px;
	display:block;
	color:#6A84C1;
}
input
{
	width:150px;
	margin:0 0 3px 0;
}
a.valider
{
	background:url(images/bouton.jpg) no-repeat;
	width:100px;
	margin:auto;
	height:30px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	padding:3px 0 0 0;
}
a.valider:hover
{
	background:url(images/hover.jpg) no-repeat;
	font-weight:bold;
}
textarea
{
	width:250px;
	height:75px;
}
/*------------------------------------------Autre------------------------------------------*/
a.valid
{
	width:70%;
	margin: 0 auto 0;
	text-align:center;
	color:#77CC48;	
} 
a.valid:hover
{
	text-decoration:underline;
}
p.valid
{
	width:70%;
	margin:0 auto 0;
	text-align:center;	
} 
hr.endFloat
{
	clear:both;
	visibility:hidden;
	padding:0;
	margin:0;
}

a
{
	text-decoration:none;
}
a.adresse
{
	text-indent:0;
	text-align:center;
	color:#6A84C1;
	width:160px;
	margin:0 auto 0;
	display:block;
}
p.adresse
{
	text-indent:0;
	text-align:center;
}
#mappy
{
width:100%;
margin:20px 0 0 0;
text-align:center;
}