body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}

.Noir12 {
	font-size: 12px;
	font-weight: bold;
}

.Noir10 {
	font-size: 10px;
	font-weight: normal;
}

a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: #000;
}

h2  {
	font-size: 105%;
}

.bold {
	font-weight: bold;
}


#header      { 
float: left; 
width: 100%; 
height: 80px; 
background-image: url('Images/Logo400.GIF'); 
background-repeat: no-repeat; 
background-attachment: scroll; 
margin: 0; 
background-position: 0% }
					
#nav1        { 
background-image: url('Images/bg1.gif'); 
background-color: #dae0d2; 
background-repeat: repeat-x; 
background-attachment: scroll; 
float: left; 
width: 100%; 
line-height: normal; 
background-position: 50% bottom }
					
#nav1 UL {
	PADDING: 10px 10px 0 10px;
	MARGIN: 0; 
 	LIST-STYLE-TYPE: none
}

#nav1 li     {
	background: url('Images/left.gif')  no-repeat left top;
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
}
					
#nav1 a      { 
display: block; 
font-weight: bold;
background-image: url('Images/right.gif');
background-repeat: no-repeat; 
background-attachment: scroll; 
float: left; 
color: #909090; 
text-decoration: none;
padding: 5px 15px 4px 6px; 
background-position: right top }

#nav1 a {
	FLOAT: none
}

#nav1 a:hover {
	COLOR: #333
}
#nav1 #current {
	background-image: url('Images/left_on.gif');
}
#nav1 #current a { 
background-image: url('Images/right_on.gif'); 
color: #333; 
padding-bottom: 5px }

/* Fin de la navigation TAB */

/* Début de la navigation 2e niveau */
#nav2        { 
font-size: 98%; 
background-image: url('Images/bg1.gif');
background-color: #dae0d2; 
background-repeat: repeat-x; 
background-attachment: scroll; 
float: left; 
width: 100%; 
line-height: normal; 
background-position: 50% bottom }

#nav2 UL {
	PADDING: 10px 10px 0 10px; 
	MARGIN: 0; 
	LIST-STYLE-TYPE: none
}
#nav2 LI {
	PADDING: 0 0 0 9px; 
	FLOAT: left;  
	MARGIN: 0; 
}
#nav2 a {
	PADDING: 5px 15px 4px 6px; 
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	FLOAT: left; 
	COLOR: #6d6d6d; 
	TEXT-DECORATION: none
}
#nav2 a {
	FLOAT: none
}

#nav2 a:hover {
	COLOR: #333
}

#nav2 #current a {
	PADDING-BOTTOM: 5px; 
	COLOR: #333
}

/* Fin de la navigation 2e niveau */

#headerright  {
	float: right;
	margin: 0 5px 0 0 ;
}

#headerright a  {
	font: normal normal x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Tabulation Produits */

#tabproduits, #tabservices, #tabindex  {
	float: left;
	text-align: left;
	width: 92%;
	margin: 10px 15px;
}

#infoproduits, #infoservices, #infoindex {
	width: 95%;
	text-align: left;
	float: left;
	margin: 10px 0 0 0;
}

.imgvingt {
	width: 20%;
	float: left;
	margin: 0 5px 10px 0;
}

.imgdemi {
	width: 50%;
	float: left;
	margin: 0 5px 10px 0;
	padding: 5px;
}

.imgdemiplus {
	width: 63%;
	float: left;
	margin: 0 5px 10px 0;
	padding: 5px;
}

.imgtier {
	width: 36%;
	float: left;
	margin: 0 5px 10px 0;
}

.imgtierIndex {
	width: 50%;
	float: left;
	margin: 0 10px 10px 0;
}

#infoaboutus {
	width: 72%;
	text-align: left;
	float: left;
	margin: 10px 0 0 0;
}

#tabproduits fieldset  {
	float: left;
	text-align: left;
	width: 21%;
	height: 225px;
	margin: 10px 15px 0 0;
	padding: 5px;
}

#tabproduits legend  {
	font-weight: bold;
}

#tabproduits img  {
	border: 0;
	margin: 10px 15px 0 15px;
}

#tabproduits h1 {
	font-size: 12px;
	color: #333;
}

#tabservices fieldset  {
	float: left;
	width: 46%;
	height: 250px;
	margin: 10px 15px 0 0;
	padding: 5px;
}

#tabservices legend  {
	font-weight: bold;
}

#tabservices .double {
	float: left;
	width: 94%;
	height: auto;
	margin: 10px 15px 0 0;
	padding: 5px;
}

#tabservices h1 {
	font-size: 12px;
	color: #333;
}

#tabservices img  {
	border: 0;
	margin: 10px 15px 0 15px;
}

#tabindex h1 {
	font-size: 14px;
	color: #333;
}

#tabindex a {
	text-decoration: underline;
	color: Blue;
}

#tabindex img  {
	border: 0;
	margin: 10px 15px 0 15px;
}

#mainsavons  {
	float: left;
	width: 99%;
}

#savons  {
	float: left;
	width: 72%;
}

#savons fieldset  {
	float: left;
	padding: 7px;
	margin: 5px 10px 0 0;
}

#savons legend  {
	font-weight: bold;
}

#savons span  {
	width: 38%;
	float: left;
	text-align: left;
	margin: 10px 0 0 5px;
}

#savons a, #mainsavons a {
	text-decoration: underline;
	font-weight: normal;
	font-size: 80%;
	color: blue;
}

.imgproduits {
	width: 20%;
	float: left;
	margin: 10px 0 0 0;
}

.prix  {
	float: right;
	width: 40%;
	font-weight: bold;
	text-align: right;
	margin: 10px 0 0 0;
}

#savonsdroite {
	font-size: 11px;
	margin-top: 10px;
	float: right;
	width: 25%;
}

#aboutusdroite {
	font-size: 11px;
	margin-top: 10px;
	float: right;
	width: 24%;
}

#aboutusdroite legend  {
	font-weight: bold;
}

.notesdroite {
	text-align: left;
	border: 1px solid #333;
	padding: 5px;
	background-color: #FAFAD2;
	margin: 5px 0 15px 0;
}

.notesdroite h1, #aboutusdroite h1 {
	margin: 5px 0;
	font-size: 12px;
	color: #333;
}
#tabservices #masso {
	float: left;
	width: 85%;
	height: auto;
	margin: auto auto 0 0;
	padding: 5px;
	border: thin none;

}
.chaise {
	border: 0;
	margin: 10px 15px 0 15px;
}

/* Détails de produits */

#detaildroite {
	font-size: 85%;
	float: right;
	width: 25%;
	margin: 10px 0 0 0;
	padding: 5px;
	border: 1px solid gray;
	background-color:#FAFAD2
}

#detaildroite h2 {
	font-size: 110%;
	text-align: center;
}

#detaildroite fieldset {
	background-color:#FFF
}

#detaildroite legend {
	font-size: 110%;
   font-weight: bold;
}

.detailpetit {
	font-size: 80%;
}

#detailproduit {
	float: left;
	width: 70%;
	margin: 10px 0 0 0;
}



#detailentete {
   float: left;
   width: 100%;
}

.detailimg {
	width: 25%;
	float: left;
	padding: 5px ;
}

.detailtitre {
	font-size: 125%;
	font-weight: bold;
	float: left;
	margin: 10px 0 0 10px;
	width: 45%;
}

.detailprix  {
	float: right;
	font-size: 110%;
	width: 23%;
	font-weight: bold;
	text-align: right;
	margin: 10px 0 0 0;
}

.details {
	float: left;
	width: 40%;
	margin: 10px 0 0 20px;
	padding: 5px;
}

.detailslong {
	float: left;
	width: 80%;
	font-size: 110%;
	margin: 10px 0 0 20px;
	padding: 5px;
}

.ingredient {
	width: 75%;
	float: left;
	margin: 5px 0 0 5px;
	vertical-align: top;
}

.imgingredients {
	width: 15%;
	float: left;
	margin: 5px 0 0 0;
	vertical-align: top;
}

.relies {
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px;
}

.lienretour  {
	text-decoration: underline;
	font-weight: normal;
	font-size: 80%;
	color: green;
}

div#margeServices {
	width: 20%;
	float: left;
	margin: 0 5px 10px 0;
	padding: 5px;}
	
ul.listHoriz {
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
}
ul.listHoriz li {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0px;
	background: url(images/bullet_grey.gif) no-repeat 0px 5px;
	padding-left: 8px;
}
ul.listHoriz li a {
	color: #00478A;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	display: block;
}
ul.listHoriz li b {
	background-color: #dae9f5;
	display: block;
	padding-left: 3px;
	width: 160px;
	font-weight: normal;
}
ul.listHoriz li a:hover {text-decoration:underline;}

ul.listHoriz H1 {
	color: #00478A;
	font-size: 12px;
	display: block;
	line-height: 15px;
	margin:5px 0 0 0;
	}

/* Page Index à réviser */	
.fieldsetcenter  {
	float: left;
	width: 95%;
	margin: 5px 5px 10px 0;
	font-size: 100%;
	padding: 10px;
}


.indexdroite  {
	float: left;
	width: 90%;
	margin: 5px 5px 5px 0;
	font-size: 95%;
	padding: 10px;
}

legend {
	font-weight: bold;
	color: black;
}
.headline {
	font-size: 16px;
	font-weight: bold;
	color: black;
}