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.gif) no-repeat top center;
}
#page
	{
		width:968px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
	}

#haut{
	width:968px;
	height:113px;
	position:relative;
	float: left;
	background:url(../images/header.jpg) no-repeat;
	padding-top:10px;
	}
	
#mdp{
	width:200px;
	height:50px;
	position:relative;
	float: left;
	padding-bottom:10px;
	}

		#miroir{
		width:300px;
		height:230px;
		position:relative;
		float: right;
		background:url(../images/miroir.jpg) no-repeat;
		}

#slogan{
	width:700px;
	height:30px;
	padding-right:60px;
	padding-top:20px;
	position:relative;
	float: right;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size:18px;
	color:#707173;
	font-weight:bold;
	padding-bottom:10px;
	background:url(../images/afaq.jpg) no-repeat top right;
	}
	

#topNav{
	width:968px;
	height:39px;
	position:relative;
	float: left;
	z-index:1000;
	}
	
	#basmenu{
	width:968px;
	height:14px;
	position:relative;
	background:url(../images/basmenu.gif) no-repeat;
	float: left;
	}
	
	#banniereactualite{
	width:968px;
	height:240px;
	position:relative;
	float: left;
	
	}

#banniere{
	width:653px;
	height:239px;
	position:relative;
	float: left;
	background:url(../images/bgbanniere.gif) no-repeat;
	z-index: -1;
	}	
	
	#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:968px;
	height:auto;
	position:relative;
	float: left;
	}

	#blocleft{
		width:653px;
		height:auto;
		position:relative;
		float: left;
		}
		
			#blocright{
		width:315px;
		height:auto;
		position:relative;
		float: right;
		}



	#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:230px;
	position:relative;
	font-family:Tahoma;
	color:#666666;
	line-height:22px;
	font-size:11px;
	background:url(../images/bgav.jpg) no-repeat right top;
	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:968px;
float:left;
height:52px;
font-family: Tahoma;
font-size:11px;
color: #FFF;
line-height:24px;
text-align:center;
padding-top:10px;
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 #cdc18f;
		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 #cdc18f;
		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;
	}
	
	.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:230px;
}
#champcontact1{
float:left;
position:relative;
width:200px;
height:40px;
font-family: Tahoma;
font-size:11px;
color:#666666;
text-align:right;
}

#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;
	}
	
	#marqueecontainer{
position: relative;
width: 290px; /*marquee width */
height: 170px; /*marquee height */
overflow: hidden;
padding: 2px;
}