body{
top:0px;
left:0px;
height:100%;
margin-top:0;
margin-left:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#353C8C;
background-image: url(img-outilor-outillage-bijouterie/charte/fond-body.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
}
	a{	color: #FE700E;	font-weight:bold;	}	

#global{
	position:absolute;
	top:0;
	left:50%;
	width :800px;
	height:auto;	
	margin-left:-400px;
	font-size: 13px;
}

#tete{
	width :800px;
	height:146px;
	display:block;
	float:left;
	color:#F4E0E0;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	background-image: url(img-outilor-outillage-bijouterie/charte/fond-tete.jpg);
	background-repeat:repeat-y;		
}
		#liens{ float:right; display:block; clear:both; width:380px; height:27px;  margin-top:65px;}
		#liens ul{ float:left;margin-left:-10px; padding-left:10px; margin-top:0px;}		
		#liens li{ float:left; display:block; clear:inline;  padding-right:5px; padding-left:5px; border-right:2px solid #181C66; text-decoration:none; list-style-type:none;  }	
		#liens a{ text-decoration:none; color:#8F5375; }


#corps{	
	float:left;
	display:block;
	clear:both;
	width:800px;
	height:auto;
	background-color:#FFFFFF;	
}

/*menu horizontal -------------------------------------------*/
#menuX{
	float:left;
	display:block;
	clear:both;
	width:800px;
	height:27px;
	background-color:#181872;
	margin-top:-5px;
	line-height:0.7cm;
}

		#menuX ul{float:right; margin-top:0px;}
		#menuX li{float:left; display:block; clear:inline; color:#FFFFFF; border-left:2px solid #FFFFFF; border-right:2px solid #181872; font-size:12px; font-weight:bold; }
		#menuX li a{float:left; display:block; clear:inline; height:27px; border-right:2px solid #181872; padding-left:18px; padding-right:18px;
					text-decoration:none; list-style-type:none; color:#FFFFFF;}
		#menuX li a:hover{ float:left; display:block; border-right:2px solid #181872; color:#FFFFFF; text-decoration:underline;}
		/*#menuX li a:hover{ float:left; display:block; border-right:2px solid #181872; color:#181872; background-color:#FFFFFF; text-decoration:underline;}*/
		
		#menuX li a:active{border-left:2px solid #FFFFFF; border-right:2px solid #181872;color:#181872; background-color:#FFFFFF;}

/*menu vertical gauche --------------------------------------*/
#menuProduit{
	float:left;
	display:block;
	width :170px;
	height:auto;
	margin-top:15px;
	background-color:#EBEBF2;
	font-size:12px;
	font-weight:bold;
	padding-bottom:20px;
	
}

#menuProduit h1{ float:left; display: block;  width: 170px; height: 20px; color: #FFFFFF; font-size:12px;
				 font-weight:bold; line-height:0.6cm; text-indent:20px; margin-top:0px; text-decoration: none; background-color:#181872;
				 background-image: url(img-outilor-outillage-bijouterie/charte/fond-menu-h1.jpg); background-repeat:repeat-x;}
		
		#menuProduit .content ul {
			float:left;
			display:block;
			clear:both;
			width: 170px;
			margin-left:0px;
			margin-top:0px;
			padding-left:0px;
			}
		#menuProduit .content li {
			float:left;
			display: block;
			width: 170px;
			margin-top:2px;
			padding-left:10px;			
			font-weight:bold;
			/*les puces de li ne passent pas donc gestion des puces de li par une image de fond de li*/
			background-image:url(img-outilor-outillage-bijouterie/charte/puce-list-produit.jpg);
			background-repeat:no-repeat;
			background-position:left, top;
			}
		#menuProduit .content a {
			float:left;
			display: block;
			width: 147px;
			color: #331F7C;
			margin-top:2px;
			margin-left:0px;
			text-decoration:none;
			}
		#menuProduit .content a:hover {
			float:left;
			display: block;
			width: 147px;
			color: #331F7C;
			margin-top:2px;
			text-decoration:underline;
			}
		
		#menuProduit .content li li a {
			color:#00000;
			font-weight:normal;
		}
/*menu vertical droit --------------------------------------*/
#menuDivers{
	float:right;
	display:block;
	clear:inline;
	width :149px;
	height:auto;
	margin-top:74px;
	margin-bottom:0px;
	background-color:#FBBD15;
	font-weight:bold;
	border-bottom:10px solid #FBBD15;
}
		#menuDivers h1{ float:left; display: block;  width: 149px; height: 20px; color: #FFFFFF; font-size:12px; 
						font-weight:bold; line-height:0.6cm; text-indent:20px; margin-top:5px;
						text-decoration: none; background-color:#181872; border-top:15px solid #FFFFFF;
						background-image: url(img-outilor-outillage-bijouterie/charte/fond-menu-h1.jpg); background-repeat:no-repeat;}
		#menuDivers .content {float:left;	block:display;	width:146px; padding-left:3px; margin-bottom:0px;}
		#menuDivers .content a{float:left; block:display; width:146px; padding-left:3px; text-decoration:none; color:#181872;}
		#menuDivers .content a:hover{float:left; block:display; width:146px; padding-left:3px; text-decoration:underline; color:#181872;}

/*corps ----------------------------------------------------*/
#main{
	float:left;
	display:block;
	width:400px;
	height:auto;
	margin-left:25px;
	margin-top:15px;
	/*border:1px solid #000000;	*/
}
				#main h1{ color: #331F7C; font-size: 16px; font-weight:bold;}
		#main h2{ color: #331F7C; font-size: 13px; font-weight:bold;}
#hautPage{
	float:left;
	display:block;
	clear:both;
	width:640px;
	height:20px;
	margin-top:15px;
	text-align:right;	
}
		#hautPage a{text-decoration:none; color:#181872; font-size:9px;}

.gauche1col { color: #000000; float: left; display:block; font-size:10px;}
.gauche1col h1{ color: #000000; font-size: 16px; font-weight:bold;}
.gauche1col h5{ color: #2E6047; font-size: 12px; font-weight:bold; line-height:0.8cm}

.centre1col { text-align: left;  float: left; display:block; border:1px solid #FF0000;}
.centre1col h1{ color: #666666; font-size: 18px; font-weight: bold;}
.centre1col h2{ color: #999999; font-size: 14px; font-weight: bold;}

.droite1col {
	float: right;
	display:block;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	border:1px solid #666666;
}
.droite1col h1 { color: #000000; font-size: 14px; font-weight: bold; }


#pied{
	float:left;
	clear:both;
	display:block;
	width : 800px;
	height: 47px;
	font-size: 11px;
	color:#FFFFFF;
	padding-left:20px;
	background-image: url(img-outilor-outillage-bijouterie/charte/fond-pied.jpg);
	background-repeat:no-repeat;
		}
		#pied a {
			color:#FFFFFF; font-weight:normal;
			
		}
		
#lienBottom{
	float:left;
	clear:both;
	display:block;
	width : 800px;
	height: 15px;
	font-size: 10px;
	text-align:center;
	color:#181872;
	margin-bottom:50px;
	margin-top:5px;	
}
		#lienBottom ul{	color:#181872; margin-top: 0px; margin-left:0px;	padding-left:0px;}		
		#lienBottom li{ float:left; display:block; clear:inline; padding-right:15px;	padding-left:15px; text-decoration:none;	border-left:1px solid #181872; list-style-type:none;}	
		#lienBottom a{	text-decoration:none; color:#181872;}
		

/*mise en forme du texte--------------------------------------*/
.textViolet{
	color:#8F5375;
	font-size:11px;
	font-weight:bold;
}



/*mise en forme des balises specifiques-----------------------*/

#menuDivers .content hr{float:left; display:block; clear:both; width:144px; height:2px; color: #FFFFFF; margin-top:4px; margin-bottom:4px; }


dt{
color:#353C8C; font-size: 13px; list-style-type: none;
}
	dt a{
	color:#353C8C; font-size: 13px; list-style-type: none;  padding-top:10px; 	}


table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#353C8C;
}

.cellule_produit{
	border-top:  solid 1px #000066;
	border-right:  solid 1px #000066;
	border-left:  solid 2px #000066;
	border-bottom:  solid 2px #000066;
	width: 140px;
	height: 300px;
}

.cellule_produit a{
	font-size: 10px;
	color:#000066;
	text-align:left;
	text-decoration:none;
}

.cellule_produit hr{
	color:#000066;
}

.infos_non_contractuelles{
	font-size:10px;
}

.clsitemtable{
	width: 450px;;
}

.clsitemtable td{
	text-align:left;
}

.clstabletitle{
	background-color:#000066;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.clsborder{
	border-bottom: solid 1px #000066;
}

.clsitemlink{
	text-decoration:none;
}

.clsfamilylink{
	text-align:center;
}

.clstable{
	border-top:  solid 1px #000066;
	border-right:  solid 1px #000066;
	border-left:  solid 2px #000066;
	border-bottom:  solid 2px #000066;
	width: 400px;
}

.clshead{
	background-color:#000066;
	color:#FFFFFF;
	padding: 5px;
}

.celluleNews{
	border-bottom: solid 1px #000066;
	width: 400px;
}

.celluleNews a{
	text-decoration:none;
}
.paging{
text-align:center;
}
.paging a{
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
#table{
	spacing:0;
	padding:0;	
	mso-style-parent:"";
	border:1px solid windowtext;
	border-collapse: collapse;
	border: medium none;
	text-align:center;
}

.mailTitle{
	background-color:#181872;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}