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/bg1.jpg) repeat-x #56690e;
}
#page
	{
		width:980px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		
	}

#haut{
	width:980px;
	padding-top:26px;
	height:64px;
	float:left;
	position:relative;
}

#logo{
	width:300px;
	height:38px;
	float:left;
	position:relative;
}

#topNav{
	width:680px;
	height:34px;
	position:relative;
	float: right;
	background:url(../images/bgmenu.jpg) no-repeat;
	}
	
#topNav ul{
	display:block; 
	position:relative;
	width:680px; 
	height:34px;
	margin:0;
	padding:0;
	float:left;
	}
	
#topNav ul li{
	height:28px;
	display: inline;
	float:left;
	color:#FFF;
	font-family: Tahoma;
	font-size:11px;
	text-align:center;
	line-height:18px;
	padding-top:6px;
	
	
	}
	#topNav ul li.li1{
	position:relative;
	color:#FFF;
	font-family: Tahoma;
	font-size:11px;
	padding-top:3px;
	background: none;
	text-align:center;
	display: inline;
	width:22px;
	height:22px;
	}
#topNav ul li a{
	
	text-align:center;	
	display:inline;
	line-height:18px;
	text-decoration:none;
	color:#FFF;
	font-family: Tahoma;
	font-size:11px;
	font-weight:bold;
	padding-right:9px;
	padding-left:9px;
	}
#topNav ul li a:hover{

	text-align:center;
	line-height:18px;
	color: #FFFF00;
	font-family: Tahoma;
	font-size:11px;
	font-weight:bold;
}
#topNav ul li a.hovera{ 
	text-decoration:none; 
	color: #FFFF00;
	line-height:18px;
	font-family: Tahoma;
	font-size:11px;
	font-weight:bold;
	
	}
	
		#baniere{
	width:980px;
	height:310px;
	float:left;
	position:relative;
	}
		
		#animation{
		width:592px;
		height:303px;
		float:left;
		position:relative;
		background:url(../images/img.jpg) no-repeat;
		padding-top:7px;
		padding-left:8px;
	}

	#demande{
		width:330px;
		height:300px;
		position:relative;
		float: right;
		background:url(../images/bgform.jpg) no-repeat;
		padding-left:50px;
		padding-top:10px;
		}
		
		#demande #titre{
		width:230px;
		height:30px;
		position:relative;
		float: left;
		background:url(../images/puce.jpg) no-repeat;
		padding-left:50px;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:18px;
		
		}
		
		#demande #form{
		width:300px;
		height:260px;
		position:relative;
		float: right;
		padding-top:10px;
		}
		
		#demande #form #ligne{
		width:300px;
		height:30px;
		position:relative;
		float: left;
		}
		
		#demande #form #col1{
		width:100px;
		height:30px;
		position:relative;
		float: left;
		font-size:11px;
		font-family:Verdana;
		color: #FFF;
		}
		#demande #form #col2{
		width:200px;
		height:30px;
		position:relative;
		float: right;
		font-size:11px;
		font-family:Verdana;
		color: #FFF;
		}

	
	#contenu{
float:left;
position:relative;
padding-left:10px;
width:970px;
height:auto;
color:#FFF;
padding-bottom:40px;
}

#contenu #qui{
		width:920px;
		height:40px;
		position:relative;
		float: left;
		background:url(../images/icon.gif) no-repeat;
		padding-left:40px;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:18px;
		
		}
		
		#contenu #txt{
		width:470px;
		height:auto;
		position:relative;
		float: left;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:15px;
		line-height:28px;
		padding-right:10px;
		
		}
		
		#contenu #txt1{
		width:490px;
		height:auto;
		position:relative;
		float: right;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:15px;
		line-height:28px;
		
		}

		#txt2{
		width:960px;
		height:auto;
		position:relative;
		float: left;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:15px;
		
		}
		
		#txt2 #colone1{
		width:960px;
		height:auto;
		position:relative;
		float: left;
		color:#FFFFFF;
		text-align:center;
		font-family: "Trebuchet MS";
		font-size:15px;
		line-height:28px;
		padding-bottom:20px;
		
		}
		
		#txt2 #colone1 span{
		color:#FFFFFF;
		text-align:left;
		font-family: "Trebuchet MS";
		font-size:14px;
		line-height:28px;
		
		}
		
		#txt2 #colone1 a , #txt2 #colone1 a:visited , #txt2 #colone1 a:active
	{
		font-family: "Trebuchet MS";
		font-size:15px;
		color: #FFFFFF;
		line-height:20px;
		text-decoration:none;
	}
#txt2 #colone1 a:hover
	{
		font-family: "Trebuchet MS";
		font-size:15px;
		color: #FFCC00;
		line-height:20px;
		text-decoration:none;
	}
		
		
		#txt2 #colone{
		width:320px;
		height:auto;
		position:relative;
		float: left;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:11px;
		
		}
		
		#txt2 #colonerachat{
		width:600px;
		height:auto;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:14px;
		position:relative;
		float: right;
		padding:10px;
		background:url(../images/bgrachat.gif) no-repeat;
		}
		
		#txt2 #colonerachat2{
		width:600px;
		height:auto;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:14px;
		position:relative;
		float: right;
		padding:10px;
		background:url(../images/bgrachat2.jpg) no-repeat;
		}
		
		#txt2 #colonerachat span{
		color:#FFFFFF;
		font-family: Tahoma;
		font-size:11px;
		line-height:18px;
		
		}
		
			#txt2 #colonerachatra{
		width:580px;
		height:auto;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:14px;
		position:relative;
		padding:20px;
		float: right;
		background:url(../images/bgrachaa.gif) no-repeat;
		
		}
		
		#txt2 #colonerachatra span{
		color:#FFFFFF;
		font-family: Tahoma;
		font-size:11px;
		line-height:18px;
		
		}
		
		#txt2 #colonerachatex{
		width:281px;
		padding:10px;
		height:auto;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:14px;
		position:relative;
		float: left;
		background:url(../images/bgracha.gif) no-repeat;
		
		
		}
		
		#txt2 #colonerachatex span{
		color:#FFFFFF;
		font-family: Tahoma;
		font-size:11px;
		line-height:18px;
		
		}
		
		#txt2 #lignerachat{
		width:330px;
		height:40px;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:14px;
		position:relative;
		vertical-align: middle;
		float:left;
		
		}
		
		#txt2 #lignerachat1{
		width:220px;
		height:40px;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:14px;
		position:relative;
		float:left;
		
		}
		
	#txt2 #ligne{
		width:300px;
		height:20px;
		position:relative;
		background:#EFEFEF;
		float: left;
		color: #006600;
		text-align:center;
		font-family: "Trebuchet MS";
		font-size:16px;
		border:1px solid #FFFFFF;
		margin:2px;
		
		}
		
		#txt2 #ligne1{
		width:300px;
		height:20px;
		position:relative;
		background: #E1E1E1;
		float: left;
		color:#006600;
		text-align:center;
		font-family: "Trebuchet MS";
		font-size:17px;
		border:1px solid #FFFFFF;
		font-weight:bold;
		margin:2px;
		
		}
		
		#txt2 #colonetemp{
		width:160px;
		height:auto;
		position:relative;
		float: left;
		color:#FFFFFF;
		font-family: "Trebuchet MS";
		font-size:14px;
		
		}
		
		#txt2 #lignetemp{
		width:150px;
		height:20px;
		position:relative;
		background:#EFEFEF;
		float: left;
		color: #006600;
		text-align:center;
		font-family: "Trebuchet MS";
		font-size:16px;
		border:1px solid #FFFFFF;
		margin:2px;
		
		}
		
		#txt2 #ligne1temp{
		width:150px;
		height:20px;
		position:relative;
		background: #E1E1E1;
		float: left;
		color:#006600;
		text-align:center;
		font-family: "Trebuchet MS";
		font-size:16px;
		border:1px solid #FFFFFF;
		font-weight:bold;
		margin:2px;
		
		}


#bas{
position:relative;
width:980px;
float:left;
height:47px;
background:url(../images/bas.gif) no-repeat;
}

	
#baslien
	{
		font-family: Tahoma;
		font-size:10px;
		color: #006600;
		width:700px;
		height:20px;
		float: left;
		line-height:20px;
		padding-left:10px;
		position:relative;
		padding-top:10px;
	}
	
#baslien a , #baslien a:visited , #baslien a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #006600;
		line-height:20px;
		text-decoration:none;
		padding-left:7px;
		padding-right:7px;
	}
#baslien a:hover
	{
		font-family: Tahoma;
		font-size:11px;
		color: #009900;
		line-height:20px;
		text-decoration:none;
	}
	
#webandco
	{
		font-family: Tahoma;
		font-size:11px;
		color: #006600;
		width:200px;
			float: right;
			text-align:right;
		height:20px;
		line-height:20px;
		position:relative;
		padding-right:20px;
		padding-top:10px;
	}
	
#webandco a , #webandco a:visited , #webandco a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #006600;
		line-height:20px;
		text-decoration:none;
	}
#webandco a:hover
	{
		font-family: Tahoma;
		font-size:11px;
		color: #009900;
		line-height:20px;
		text-decoration:none;
	}

form.css label
  {
  display: inline;
  width:100px;
  float: left;
  text-align:left;
  color:#FFFFFF;
  }
#contact2
	{
	position:relative;
	float:left;
	width:350px;
	height:auto;
	text-align:left;
	padding-left:50px;
	}
.champs
	{
		font-family:Arial;
		font-size:12px;
		color:#181d21;
		width:150px;
		text-align:left;
		font-style: normal;
		border: 1px solid #666666;
	}
.champs2
	{
		font-family: Tahoma;
		font-size:11px;
		color:#666666;
		background:#FFF;
		font-weight:bold;
		width:40px;
		height:18px;
		text-align:center;
		border: 1px solid #666666;
	}
	
	.afficher
	{
		font-family: Tahoma;
		font-size:11px;
		color:#666666;
		background: #FFCC00;
		font-weight:bold;
		width:200px;
		height:22px;
		text-align:center;
		border: 1px solid #000;
		line-height:18px;
		cursor:pointer;
	}
.txt
	{
		font-size:11px;
		font-family:Verdana;
		color: #FFF;
		line-height:18px;
		text-decoration:none;
	}
	
	
	#contenu #txt2 h2{
		color:#ffcc33;
	font-family:"Trebuchet MS",Tahoma;
	font-size:16px;
	}

	#contenu #txt2 p,li {
	font-size:15px;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Tahoma;
	}
	
	#colone1 p,a{
	color:#ffcc33;
	font-family:"Trebuchet MS",Tahoma;
	font-size:16px;
	text-decoration:none;
	}
	
	#textg {
	float:left;
	position:relative;
	width:280px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	}