BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP:0px;PADDING-BOTTOM:0px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat-x #0e0e0e;
}
#page
	{
		width:924px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
	}

#haut{
	width:942px;
	height:85px;
	position:relative;
	float: left;
	z-index:999;
	}
	
#optic{
	width:260px;
	height:70px;
	position:relative;
	float: left;
	padding-top:10px;
	}


#topNav{
	width:533px;
	height:48px;
	position:relative;
	float: right;
	}
	#langue{
	width:460px;
	height:20px;
	position:relative;
	padding-right:40px;
	text-align:right;
	float: right;
	}
		#langue a , #langue a:visited , #langue a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #FFF;
		text-decoration:none;
		border-bottom:1px dotted #FFFFFF;
	}
		#langue a:hover
			{
				font-family: Tahoma;
				font-size:11px;
				color: #FFCC00;
				text-decoration:none;
			}
	
	
#banniere{
	width:820px;
	height:268px;
	position:relative;
	padding-left:62px;
	padding-top:20px;
	padding-right:60px;
	float: left;
	background:url(../images/bgban.jpg) no-repeat;
	}	
	
	#banniere h2{
	font-family: "Trebuchet MS";
	font-size:20px;
	color:#999;
	text-align:right;
	line-height:40px;
	padding-right:10px;
	padding-top:130px;
	}	
	
	#actualite{
	width:315px;
	height:229px;
	position:relative;
	float: right;
	background:url(../images/bgactualite.gif) no-repeat;
	padding-top:10px;

	}

#actualite h2{
	width:275px;
	position:relative;
	height:30px;
	padding-left:40px;
	float:left;
	font-family: "Trebuchet MS";
	font-size:20px;
	color:#FFF;
	}
	
	#actualite #contenuact{
	width:300px;
	padding-left:10px;
	position:relative;
	height:170px;
	line-height:20px;
	float:left;
	font-family: Tahoma;
	font-size:11px;
	color:#FFF;
	}

		#actualite #contenuact a , #actualite #contenuact a:visited , #actualite #contenuact a:active
	{
		font-family: Tahoma;
		line-height:20px;
		font-size:11px;
		color: #FFF;
		text-decoration:none;
	}
		#actualite #contenuact a:hover
			{
				font-family: Tahoma;
				font-size:11px;
				color: #333;
				text-decoration:none;
			}
	
#contenu{
	width:942px;
	height:auto;
	position:relative;
	float: left;
	background:url(../images/bgconten.gif) repeat-y;
	min-height:370px;
	}

	#blocleft{
		width:470px;
		height:auto;
		padding-left:30px;
		padding-top:10px;
		position:relative;
		float: left;
		}
		
			#blocleftimg{
		width:410px;
		height:auto;
		padding-top:10px;
		position:relative;
		float: left;
		}
		
		#blocrightimg{
		width:440px;
		height:auto;
		position:relative;
		float: right;
		font-family: "Trebuchet MS";
		font-size:14px;
		line-height:20px;
		padding-top:10px;
		color:#666;
		}
		
			#blocright{
		width:340px;
		height:auto;
		position:relative;
		float: right;
		font-family: "Trebuchet MS";
		font-size:14px;
		line-height:20px;
		padding-right:20px;
		color:#666;
		}
	#blocright h2{
		width:300px;
		margin-right:40px;
		position:relative;
		height:40px;
		text-align:right;
		float:left;
		font-family: "Trebuchet MS";
		font-size:22px;
		color:#666;
		margin:0 auto;
		border-bottom:1px solid #CCCCCC;
		margin-bottom:5px;
		}
		
		#blocright p{
		width:300px;
		margin-right:40px;
		position:relative;
		height:auto;
		text-align:left;
		float:left;
		font-family: "Trebuchet MS";
		font-size:14px;
		color:#666;
		margin:0 auto;
		margin-bottom:10px;
		padding-top:20px;
		}
		
		
	
	#blocright span{
	
	font-family: "Trebuchet MS";
	font-size:26px;
	color:#666;
	}
	
	#marque{
		width:308px;
		position:relative;
		height:40px;
		text-align:right;
		float:left;
		font-family: "Trebuchet MS";
		font-size:22px;
		color:#666;
		background:url(../images/bgmarque.gif) no-repeat;
		padding-top:3px;
		
		}
	
	
			#contenuoptic{
		width:860px;
		height:auto;
		position:relative;
		float: left;
		padding-left:40px;
		padding-top:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:20px;
		}
	#contenuoptic h3{
		width:860px;
		position:relative;
		height:40px;
		float:left;
		font-family: "Trebuchet MS";
		font-size:22px;
		color:#666;
		margin:0 auto;
		margin-bottom:5px;
		}
	#contenuoptic a{
		color:#8ec601;
		text-decoration:none;
		font-weight:bold;
		
		}



	#presentation{
	width:634px;
	height:auto;
	position:relative;
	padding-left:10px;
	float: left;
	
	padding-top:10px;
	}

#presentation h2{
	width:634px;
	position:relative;
	height:30px;
	float:left;
	font-family: "Trebuchet MS";
	font-size:17px;
	background:url(../images/bash2.gif) no-repeat bottom;
	color:#9f9f9f;
	}
	
	#presentation #contenupres{
	width:624px;
	height:auto;
	position:relative;
	font-family:Tahoma;
	color:#666666;
	line-height:22px;
	font-size:11px;
	float: left;
	}
	
		#presentation #contenupres a , #presentation #contenupres a:visited , #presentation #contenupres a:active
	{
		font-family: Tahoma;
		line-height:20px;
		font-size:11px;
		color: #0099CC;
		text-decoration:none;
	}
	#presentation #contenupres a:hover
			{
				font-family: Tahoma;
				font-size:11px;
				color: #FF9900;
				text-decoration:none;
			}
	
	
	#avantage{
	width:634px;
	height:auto;
	position:relative;
	padding-left:10px;
	float: left;
	
	padding-top:10px;
	}

#avantage h2{
	width:634px;
	position:relative;
	height:30px;
	float:left;
	font-family: "Trebuchet MS";
	font-size:17px;
	background:url(../images/bash2.gif) no-repeat bottom;
	color:#9f9f9f;
	}
	
	#avantage #contenuavan{
	width:624px;
	height:auto;
	position:relative;
	font-family:Tahoma;
	color:#666666;
	line-height:22px;
	font-size:11px;
	float: left;
	}
	
	
	#contact{
	width:307px;
	height:auto;
	position:relative;
	float: left;
	padding-top:8px;
	padding-bottom:10px;
	}

	#contact h2{
	width:267px;
	position:relative;
	height:31px;
	padding-left:40px;
	float:left;
	font-family: "Trebuchet MS";
	font-size:20px;
	color:#06ace1;
	background:url(../images/bgh2contact.gif) no-repeat;
	}
	
	#contact #contenucontact{
	width:300px;
	padding-left:7px;
	position:relative;
	height:auto;
	line-height:20px;
	float:left;
	font-family: Tahoma;
	font-size:11px;
	color:#666;
	}

	#contact #contenucontact a , #contact #contenucontact a:visited , #contact #contenucontact a:active
	{
		font-family: Tahoma;
		line-height:20px;
		font-size:11px;
		color: #0099CC;
		text-decoration:none;
	}
	#contact #contenucontact a:hover
			{
				font-family: Tahoma;
				font-size:11px;
				color: #FF9900;
				text-decoration:none;
			}
			
			
#devis{
	width:312px;
	height:50px;
	position:relative;
	padding-top:10px;
	float: left;
	text-align:center;
	background:url(../images/bgdevis.gif) no-repeat;
	}
	
		#devis a , #devis a:visited , #devis a:active
	{
		font-family: "Trebuchet MS";
	font-size:24px;
	color:#FFF;
		text-decoration:none;
	}
	#devis a:hover
			{
				font-family: "Trebuchet MS";
	font-size:24px;
	color: #1B81A7;
				text-decoration:none;
			}

#referenceinterne{
	width:290px;
	height:80px;
	position:relative;
	padding-right:20px;
	float: left;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px dotted #CCCCCC;
	}
	
	#produit{
	width:620px;
	height:auto;
	position:relative;
	float: left;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px dotted #CCCCCC;
	}


#reference{
	width:307px;
	height:auto;
	position:relative;
	float: left;
	padding-top:8px;
	padding-bottom:10px;
	}

	#reference h2{
	width:267px;
	position:relative;
	height:32px;
	padding-left:40px;
	float:left;
	font-family: "Trebuchet MS";
	font-size:20px;
	color:#06ace1;
	background:url(../images/bgh2reference.gif) no-repeat;
	}
	
	#reference #contenureference{
	width:300px;
	padding-left:7px;
	position:relative;
	height:auto;
	line-height:20px;
	float:left;
	font-family: Tahoma;
	font-size:11px;
	color:#666;
	}

	#reference #contenureference a , #reference #contenureference a:visited , #reference #contenureference a:active
	{
		font-family: Tahoma;
		line-height:20px;
		font-size:11px;
		color: #0099CC;
		text-decoration:none;
	}
	#reference #contenureference a:hover
			{
				font-family: Tahoma;
				font-size:11px;
				color: #FF9900;
				text-decoration:none;
			}


#bas{
position:relative;
width:942px;
float:left;
height:52px;
font-family: Tahoma;
font-size:11px;
color: #FFF;
line-height:24px;
text-align:center;
padding-top:20px;
background:url(../images/bas.gif) no-repeat;
}


#bas a , #bas a:visited , #bas a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #FFF;
		line-height:24px;
		text-decoration:none;
	}
#bas a:hover
	{
		font-family: Tahoma;
		font-size:11px;
		color: #669900;
		line-height:24px;
		text-decoration:none;
	}
	
	

	
	
.champs
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
		text-decoration:none;
		border:1px solid #CCC;
		width:160px;
		height:18px;
	}
	
	
	.titre
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #FF9900;
		text-decoration:none;
		font-weight:bold;
	}
	
	.titre1
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		color: #006699;
		text-decoration:none;
		font-weight:bold;
	}
	
	.area
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
		text-decoration:none;
		border:1px solid #CCC;
		width:160px;
	}
	
	.bouton
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
		background:#EEEEEE;
		text-decoration:none;
		border:1px solid #cdc18f;
		width:70px;
		font-weight:bold;
		cursor:pointer;
	}
	.text
	{
		font-family: Tahoma;
		font-size:12px;
		color: #666;
	}
	
	
	.texte
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
	}
	
	form.css label
  {
  display: block;
  float: left;
  width:100px;
  }
  
a.lien:link, a.lien:visited {
	 font-family: Tahoma;
	 font-size: 11px;
	 padding-left:10px;
	 color: #FF9900;
	 text-decoration:none;
	 background:url(../images/suite.gif) no-repeat;
	}
a.lien:hover {
	 font-family: Tahoma;
	 font-size: 11px;
	 color: #0099CC;
	 padding-left:10px;
	 text-decoration:none;
	 background:url(../images/suite.gif) no-repeat;
	}
	
	#newsimage{
position:relative;
float:left;
width:490px; 
height:200px;
}

	#pagin{
position:relative;
float:left;
width:130px; 
height:200px;
}
#champcontact1{
float:left;
position:relative;
width:90px;
height:40px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}

#champcontactarea{
float:left;
position:relative;
width:200px;
height:auto;
font-family: Tahoma;
font-size:11px;
color:#666666;
}
#champcontactbouton{
float:left;
position:relative;
width:600px;
padding-top:10px;
height:40px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}
#champcontact2{
float:left;
position:relative;
width:200px;
height:40px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}
	.champ{
	font-family: Tahoma;
		font-size:11px;
		color: #666;
		border:1px solid  #CCCCCC;
		height:18px;
	}
	
	.champa{
	font-family: Tahoma;
		font-size:11px;
		color: #666;
		border:1px solid  #CCCCCC;
		height:60px;
	}