
	body{ margin:0; font-family:Verdana, Arial, Helvetica; font-size:13px;
		_behavior:url("csshover3.htc");
	}
	p { margin: 0; padding: 0; }
	
	td{ font-size:13px;}
	
	img{ border:none;}

	a{ color:#003366;}
	a:visited{ color:#003366;}
	a:hover{ color:#FF6600;}
	a:active{ color:#FF6600;}
	
	#header{ width:800px; height:200px; background-image:url(pics/head_main.jpg); margin:auto}
	#headeres{ width:800px; height:200px; background-image:url(pics/head_main_esp.jpg); margin:auto}
	#headerfr{ width:800px; height:200px; background-image:url(pics/head_main.jpg); margin:auto}
	#headergb{ width:800px; height:200px; background-image:url(pics/head_main.jpg); margin:auto}
	
	#footer{ height:22px;  background-color:#56B7DF}
	#leftpart{ width:120px; background:url(leftbkg.jpg) no-repeat #56B7DF; vertical-align : top; }
	#topContent{position:relative;top:70px;left:50px;width:550px; height:23px;overflow:hidden;background:url(pics/mainTop.png) no-repeat;}
	
	#content{
		position:relative;
		top:70px;
		left:50px;
		width:550px;
		overflow:hidden;
		background:url(pics/mainMiddle.png) repeat-y;
	}
	
	.content{
		position:relative;
		top:70px;
		left:50px;
		width:550px;
		overflow:hidden;
		background:url(pics/mainMiddle.png) repeat-y;
	}
	.content .bubble{float:left; margin-left:50px}
	.content .title{
		text-decoration:none;
		font-size:20px;
		position:absolute;
		left:110px;
		top:90px;
		display:block
	}
	.content .readmore a{
		font-size:10px; position:absolute; text-decoration:none;
		top:140px; left:150px; color:#000000;
	}
	.content .readmore a:visited{
		color:#000000;
	}
	
	
	.content .coloration:link,.content .coloration:visited{color:#EE7F00;}	
	.content .essai:link,.content .essai:visited{color:#1EA12D;}
	.content .formation:link,.content .formation:visited{color:#933589;}
	.content .machine:link,.content .machine:visited{color:#009DD1;}
	.content .formulation:link,.content .formulation:visited{color:#FEED00;}
	
	.content .coloration:hover,.content .essai:hover,
	.content .formation:hover,.content .machine:hover, .content .formulation:hover{ color:#FFF}
	
	
	
	#bottomContent{position:relative;top:70px;left:50px;width:550px; height:23px;overflow:hidden;background:url(pics/mainBottom.png) no-repeat;}
	#copyr{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#003399; font-size:10px; text-align:right; margin-right:20px; }
	
	.colorant_title{
		font-family:Tahoma,Arial; font-size:13px; font-weight:bold; margin-bottom:20px; color:#888888;
		width:400px;
	}
	#flags{ position:absolute; left:120px; top:0px;}
	.flag{ float:left; margin-right:6px;}
	
	#logo{ background-image:url(logo.jpg); width:80px; height:109px; position:absolute; bottom:20px; margin-left:20px;}
	
	
	.content_text_right_pic{
		position:relative; margin-left:40px; padding-right:180px;  margin-top:25px;	text-align:justify; 
	}

	.content_text_right_pic_s2{
		position:relative; margin-left:40px; padding-right:220px;  margin-top:25px;	text-align:justify; 
	}
		
	.right_pic_ill{
		position:absolute; right:0px; top:0px;
	}
	
	.titre_news{
		font-weight:bold; font-size:13px; color:#003399; margin-bottom:12px; margin-top:12px;
	}
	
	.newsbodies{
		width:460px;margin-top:20px; margin-left:50px;
	}

	.pressbodies{
		width:760px; margin-top:50px; margin-left:50px;
	}
	
	.rubtitre{ font-weight:bold;}
	
	#contact{ text-align:center; margin-bottom:25px;}
	
	#maptitle{ color:#003366; font-weight:bold; margin-bottom:20px;margin-top:30px; text-align:center}
	
	.colorisgcc{ font-size:16px; color:#003366; font-weight:bold;}
	
	#contact a{ color:#003366;}
	#contact a:visited{ color:#003366;}
	#contact a:hover{ color:#FF6600;}
	#contact a:active{ color:#FF6600;}
	
	.colorant_entry{ float:left; margin:30px 0 0 40px; width:160px; font-size:11px; /*border:1px solid;*/ display:inline;}
	.colorant_entry a{ text-decoration:none}
	.colorant_entry .entry_name{margin-top:10px; position:relative; text-align:center; height:40px; /*border:1px solid #F00*/}

	
	#docs{ position:absolute; right:10px; width:200px; font-size:11px;}
	#docs a{ color:#000000; text-decoration:none}
	#docs a:hover{ text-decoration:underline}
	#docs img{ vertical-align:middle; margin:0 5px;}
	
	#back{ position:absolute; text-align:left; left:20px; width:200px; font-size:11px;}
	#back a{ color:#000000; text-decoration:none}
	
	.colorislink{ margin:20px 40px;}
	.colorislink img{ float:left;}
	.colorislink a{ text-decoration:none;}
	/*.colorislink a:hover{ text-decoration:underline;}*/
	
	.colorant_descrip{ background-color:#D9DADC; width:190px; color:#888888; font-size:11px; vertical-align:top; padding:5px}
	.colorant_descrip p {margin:0; padding: 0;}
	
	.service_descrip{
		background-color:#D9DADC;
		width:190px;
		color:#888888;
		font-size:14px;
		vertical-align:top;
		padding:5px;
		line-height:24px;
	}
	.service_descrip p {margin:0; padding: 0;}
	
	.coloris_presentation{width:450px; height:400px; padding-top:1px;}
	.presentationbody{ margin-left:50px; margin-top:10px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; width:450px; color:#666; line-height:20px; font-weight:bold}
	.presentationbody h1{color:#EF8000; font-size:20px; font-weight:normal; font-family:Verdana, Arial, Helvetica;}
	#illcontainer{ position:relative; width:480px; top:80px; left:90px; /*background-color:#56b7df; width:200px; */}
	
	.subArt{
		position:relative;
		left:145px;top:90px;
		width:300px; text-align:center; display:none;
	}
	.subArtleftarr{
		position:absolute;left:-89px;top:-32px;
	}
	.subArtrightarr{
		position:absolute;left:360px;top:-32px; float:left;
	}
	.tableauimg{ visibility:hidden;}
	
	#titre1{ display:block}
	
	.titreoeuvre{
		color:#446C76; font-size:15px;
		position:absolute; top:-70px; left:-40px; font-weight:bold;
	}
	.author{ color:#FFF; font-size:14px;}
	
	#mask{position:absolute;z-index:9000;background-color:#000;display:none;position:absolute;top:0px;}	
	#popform{width:700px;position:absolute;display:none;z-index:9999;}
	.oneSlide{ display:none}
