/* _______________ TEXTES ET LIENS _______________ */

ul {
	text-align:left;
	margin: 0 0 8px 0;
	}
	
div, li {
	text-align:left;
	}
	
li {
	list-style:none;
	}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0; 
	color:#873484;
	text-align:justify;
	}
td,th {
	color:#424242;
	}	
	
p:first-letter{
	font-weight:bold;
	}	
	
p {	margin: 2px 30px 5px 20px;
	padding-bottom:10px; 
	text-align: justify;
	font-size:1.2em;
	}	
h2 {
	font-size: 1.7em;
	margin:7px 0 0 360px;
	width:360px; 
	padding-left:10px;
	text-align:left;
	color:#a2a2a2;
	text-decoration:none;
	background-image: none;
	border-left: 5px solid #a2a2a2;
	}	
h3 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;

	}
#contenu h3 {
	margin-left:0;
}
h4 {
	padding-bottom:2px;
	font-size: 1.3em;
	color:#1D85C8;
	}	
	
h5 {
	font-size: 1.2em;
	}	
	
h6 {
	font-size: 0.9em;
	}	

hr {
	border: none 0; 
	border-top: 1px dotted #8A3584;
	width: 100%;
	height: 1px;
	} 
	
a:link, a:visited{text-decoration: underline; COLOR: #600066;} 
a:hover {text-decoration: none; COLOR: #B534BA;}

.or,.or a:visited,.ora:link {color: #AD8F1D ;} 
.or a:hover {text-decoration:underline; color: #AD8F1D ;}

.gris,.gris a:visited,.gris a:link {color: #424242;} 
.gris a:hover {text-decoration:none; color: #424242 ;}

.blanc,.blanc a:visited,.blanc a:link {color: #FFFFFF ;} 
.blanc a:hover {text-decoration:underline; color: #FFFFFF;} 

.noir, .noir a:visited,.noir a:link {color: #000000 ;} 
.noir a:hover {text-decoration:none; color: #666666 ;} 

.rouge, .rouge a:visited,.rouge a:link {color: #FF0000; } 
.rouge a:hover {text-decoration:none; color: #FF0000; } 

.w2, .w2 a:visited,.w2 a:link {color: #76a938; } 
.w2 a:hover {text-decoration:none; color: #76a938 } 

.w4, .w4 a:visited,.w4 a:link {color: #b70030; } 
.w4 a:hover {text-decoration:none; color: #b70030; } 

.w1, .w1 a:visited,.w1 a:link {color: #0089c9; } 
.w1 a:hover {text-decoration:none; color: #0089c9; } 

.w5, .w5 a:visited,.w5 a:link {color: #8b3785; } 
.w5 a:hover {text-decoration:none; color: #8b3785; } 

/* _______________ ENTETE _______________ */

#baseline p{
	margin: 10px 0 0 40px;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
}

#baseline img{
	position:absolute;
	left:0px;
	top:0px;
}


#entete h1{
	position:absolute;
	left:20px;
	top:0px;
	display: block;
	float:left;
	padding:2px;
	font-size:0.9em;
	font-weight:normal;
	position:relative;
	color:#FFFFFF;
}	
	
#logo {
	position:absolute;
	left:20px;
	top:20px;
	width:556x; 
	height:60px; 
	margin: 5px 20px 10px 0;
}
#deco-bas {
	float:left;
	width:229px; 
	height:95px; 
	margin: 0px;
}
	
#pictos {
	position:absolute;
	right:0;
	top:140px;
	width:100%; 
	height:14px;
	margin-bottom:0px;
	background-color:#0093B5;
}

#pictos a,#pictos a:visited,#pictos a:link {padding-left:20px; color: #FFFFFF ;text-decoration:none;} 
#pictos a:hover {color: #FFFFFF; text-decoration:underline;}




/* _______________ MENU _______________ */

	#menu{
		float:left;
		margin-top:40px;
		width:200px;
		}
#menu-sodi{
		width:200px;
		font-size: 1.1em;
		}
		
#menu-sodi li, ul{
		list-style: none;
		margin-bottom: 2px;
		padding:0;
		text-align:right;
	}	
	
#menu-sodi a:link, #menu-sodi a:visited {
		text-decoration: none;
		color: #600066;
}
#menu-sodi a:hover{
			color : #B534BA;
		}
		
.lien-menu {
			display: block;
			font-size: 1em;
			font-weight:bold;
			padding: 2px 5px 5px 5px;
			border-bottom: 1px solid #e7e6e6;
			background: url('../images/fd-menu-rubrique.gif') repeat-x bottom;	
			zoom:1;
			list-style-type:none;
}
.sous-menu {
	font-size:1em;
	display: block;
	padding:3px 5px 0 5px;
	font-weight:normal;
	border-bottom: 1px solid #e7e6e6;
	zoom:1;
	list-style-type:none;
}

	
#bt-colliers a:link, #bt-colliers  a:visited {
			display: block;
			padding-right:5px;
			width:195px;
			height:50px;
			background: url('../images/bt-colliers-off.gif') no-repeat left;
			font-size: 1.15em;
			font-weight:bold;
			color:#8a3584;
			line-height:50px;
}	

#bt-colliers  a:hover {
			background: url('../images/bt-colliers-on.gif') no-repeat left #8a3584;;
			color:#FFFFFF;
}	

		
#bt-durites  a:link, #bt-durites   a:visited {
			display: block;
			padding-right:5px;
			width:195px;
			height:50px;
			background: url('../images/bt-durites-off.gif') no-repeat left;
			font-size: 1.15em;
			font-weight:bold;
			color:#008acc;
			line-height:50px;
}	

#bt-durites   a:hover {
			background: url('../images/bt-durites-on.gif') no-repeat left #008acc;
			color:#FFFFFF;
}	
#bt-liens a:link, #bt-liens   a:visited {
			display: block;
			padding-right:5px;
			width:195px;
			height:50px;
			background: url('../images/bt-liens-off.gif') no-repeat left;
			font-size: 1.15em;
			font-weight:bold;
			color:#877a75;
			line-height:50px;
}	

#bt-liens  a:hover {
			background: url('../images/bt-liens-on.gif') no-repeat left #877a75;
			color:#FFFFFF;
}					

/* _______________ LISTE PRODUITS _______________ */	
#liste ul{
		margin:0;
		padding:0;
}
		
#liste li{
		margin: 5px;
		float:left;
		display:block;
		width:320px;
		font-size: 1.2em;
		font-weight: bold ; 
		color: #424242;
		border: #8a3584 1px solid;
		border-left: #8a3584 7px solid;
		background:#fff;

					}		
					
#liste img{
		margin:5px;
		float:left;
		}	
					
					
#liste a:visited, #liste a:link{
		font-size: 1.1em;
		line-height: 50px;
		font-weight: bold ; 
		color: #424242;
		text-decoration:none;
					}	
#liste a:hover{
		color: #B534BA;
}						
.image-liste	{
	float:left;
	margin:10px;
	border:0;
	}		

/* _______________ STYLES PAGES _______________ */	

.infos {
bgcolor:#FFFFFF;
border-spacing:0px;
border: #8A3584 1px solid; 
}

.infos td {
border: #8A3584 1px solid;
}


#contenu ul {
	margin-left:20px;
	list-style:outside;
	list-style-type: disc;
}

#contenu li {
	margin-left:0;
}


		#liste-rubriques{
		width:250px;
		font-size: 1.2em;
		font-weight: bold ; 
		color: #8a3584;
					}
		
		#liste-rubriques li, #liste-rubriques ul{
		list-style: disc;
		margin:0;
		padding:0;
				}
		
		#liste-rubriques a:link, #liste-rubriques a:visited {
			text-decoration: underline;
			color: #600066;
			
			
		}
		#liste-rubriques a:hover{
			color : #B534BA;
			text-decoration:none;
		}
		
.col-gauche{
	margin: 10px 0 10px 10px;
	float:left;
	display:block;
	width:340px;
	vertical-align:top;
	}

.col-droite{
	margin: 10px 10px 0 10px;
	float:right;
	display:block;
	width:340px;
	vertical-align:top;
	}	

.image-gauche	{
	float:left;
	margin:20px;
	border:0;
	}	
.image-droite	{
	float:right;
	margin:20px ;
	border:0;
	}
	
.image-borddroit	{
	float:right;
	margin: 0 0 20px 20px;
	border:0;
	}

.st-bloc {
	clear:left;
	letter-spacing: 0.1em;
	display: block;
	vertical-align:top;
	width:270px; 
	height:16px;
	margin: 0;
 	padding: 2px 0px 0px 24px;
	font-weight:bold;
	font-size:1em;
	color:#FFFFFF;
	text-decoration:none;
	background: url('../images/fleche-01.gif') no-repeat left #1D85C8;
	}
	
.lien-t1 {
		display: block;
		font-weight:bold;
		font-size:0.6em;
		padding: 3px 0 3px 12px;
		zoom:1;
		list-style-type:none;
		margin:0;
		background: url('../images/fleche-t1-c1.gif') no-repeat left;
		}		

#contenu .produits {
	display: block;
	float:left;
	width:340px;
	height:100px;
	margin: 0px 15px 16px 10px;
}

#contenu .produits h3 {
	width:250px;
	margin: 5px 0 0 105px;	
	padding:0;}

#contenu .produits h3 a,#contenu .produits h3 a:visited,#contenu .produits h3 a:link {
	margin: 0;	
	padding:0;
	text-decoration: none;
	text-align:center;
	color: #600066;
}
#contenu .produits h3 a:hover{
	margin: 0;	
	padding:0;
	color : #B534BA;
		}
#contenu .produits p{
	display: block;
	float:left;
	text-align:left;
	width:235px;
	height:57px;
	margin: 0 10px 0 105px;
	padding:0;
}

.produits a,.produits a:visited,.produits a:link {
	display: block;
	float:left;
	color: #FFFFFF ;
	margin: 0 0px 0px 125px;
	padding:0;
	text-decoration:none;
	} 
.produits a:hover {color: #FFFFFF; text-decoration:underline;}



#navigation_colliers{
	margin:20px 20px 0px 20px;
	padding:0;
	padding-bottom:20px;
}
#navigation_colliers li{
	list-style:none;
	float:left;
}
#navigation_colliers li a{
	color:#8a3584;
}
#navigation_colliers li a:hover{
	color:#B534BA;
}
#navigation_colliers li.colliers_prec{
	width:25%;
	text-align:left;
}
#navigation_colliers li.colliers_prec a{
	padding-left:15px;
	background:url('../images/fleche_prec.png') center left no-repeat;
}
#navigation_colliers li.colliers_prec a:hover{
	background:url('../images/fleche_prec_on.png') center left no-repeat;
	color:#B534BA;
}
#navigation_colliers li.colliers_suiv a{
	padding-right:15px;
	background:url('../images/fleche_suiv.png') center right no-repeat;
}
#navigation_colliers li.colliers_suiv a:hover{
	background:url('../images/fleche_suiv_on.png') center right no-repeat;
	color:#B534BA;
}
#navigation_colliers li.colliers_suiv{
	width:25%;
	text-align:right;
}
#navigation_colliers li.voir_tous_colliers{
	width:49%;
	text-align:center;
}


.tableau a,.tableau a:visited,.tableau a:link {
	font-size: 1.2em;
	font-weight: bold ; 
	color: #8a3584;
	text-decoration:underline;
	} 
.tableau a:hover {color: #B534BA; text-decoration:none;}

/* _______________ PIED DE PAGE _______________ */

#footer{
	position:relative;
 	width:960px;
	height:140px;
	}
	#footer a:link,#footer a:visited{
		text-decoration:none;
		color:#FFFFFF;
		}
		
	#footer a:hover{
		text-decoration:underline;
			}		

#footer-bloc {
	margin: 0 0 0 200px;
	width:760px;
	height:140px;
	background: url(../images/fd-bas.gif) repeat-y #8A3584;
	}	
	#footer-bloc h3 {
		position:absolute;
		top:80px;
		left:225px;
		width:600px;
		font-size:0.8em;
		font-weight: normal;
		text-align:justify;
		color:#FFFFFF;
		}	
	#footer-bloc h4 {
		position:absolute;
		top:100px;
		left:225px;
		margin:0;
		width:600px;
		font-size:0.8em;
		font-weight: normal;
		text-align:justify;
		color:#FFFFFF;
		}	
		
		
#footer-bloc h6{
	position:absolute;
	bottom:5px;
	right:20px;
	font-size:0.9em;
	display: block;
	font-weight: normal;
	text-align:right;
	color:#FFFFFF;
	}		
/* _______________ ADRESSE  _______________ */	
#adresse {
	position:absolute;
	top:0;
	left:0;
	display: block;
	width:200px;
	height:140px;	
	background:#FFFFFF;
	}
	#adresse img{
	margin: 0 0 0 28px;
	font-size: 1.1em;
		}
	#adresse p{
	font-size: 1.1em;
	text-align:center;
	color:#424242;
		}
		
		
#info {
		position:absolute ;
		left:220px;
		top:10px;
		padding:5px;
		width:500px;
		list-style:none;
		margin:0;
		color:#FFFFFF;
		}
		
	#info li{
		display:inline;
		}
		
	#info a:link,#info a:visited{
		font-size:1em;
		text-decoration:none;
		}
		
	#info a:hover{
		text-decoration:underline;
			}			



		
/*_______________ CONTACT _______________*/	
  
#form-contact{
	padding:0;
	margin:0;
	border:none;
}
#form-contact label, #form-contact input, #form-contact textarea {
	float:left;
	margin-bottom:8px;
}
#form-contact label{
	width:150px;
	display:block;
	text-align: right;
	font-weight:bold;
	font-size: 1em;
	color: #999999;
	text-decoration: none;
	padding: 0 5px 5px 5px;
}
#form-contact input{
	margin-left:5px;
}
#form-contact textarea{
	margin-left:5px;
}
#form-contact h6{
	letter-spacing: 0.1em;
	display: block;
	vertical-align:top;
	width:250px; 
	height:16px;
 	padding: 2px 0 0 18px;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	background: url('../images/fleche-01.gif') no-repeat left;
}

#form-contact p{
	margin:0 0 5px 20px;
 	padding: 0;
	font-weight:bold;
	font-size:0.9em;
	color: #999999;
}

#box ul{ 
	display: block;
	clear:left;
		}

#box li{
	display: block;
	float:left;
	width:500px;
	margin: 0 10px 10px 60px;
	border: #999 1px solid;
	border-left: #999 7px solid;
}

#box label{
	display:block;
	width:350px;
	text-align: center;
	font-weight:bold;
	font-size: 1.2em;
	text-decoration: none;
	padding: 10px 0 5px 110px;
	margin: 0;
}

#box input {
 	margin: 10px 0 10px 10px;
}


#demande {
	clear:left;
	margin: 10px 10px 10px 100px;
}

#demande input{
	float:left;
	margin: 20px 10px 10px 110px;
}

#form-contact textarea{
	margin-left:5px;
}

#demande p{
	clear:left;
	margin: 0px;
}

.formbouton {
	border: #1D85C8 1px solid;
	width:90px;
	height:22px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	background-color: #1D85C8;
	}


.champtextarea {
	padding:2px;
	margin: 0px;
	border: #999999 1px solid;
	text-decoration: none;
	font: 0.9em;
	color:#424242;
	width: 135px;
	line-height:16px;
	}
	
.champdemande {
	padding:2px;
	margin: 10px;
	margin-bottom:17px;
	border: #999999 1px solid;
	width: 500px;
	text-decoration: none;
	font: 0.9em;
	color: #424242;
	}