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: #FFFFFF;
}
#page
	{
	width:983px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	}
#haut{
	width:983px;
	height:150px;
	position:relative;
	float: left;
	padding-top:10px;
	}
#sogiset{
	width:200px;
	height:50px;
	position:relative;
	float: left;
	}
	
	#espace{
	width:675px;
	height:60px;
	position:relative;
	float: right;
	background:url(../images/bgespace.gif) no-repeat;
	padding-bottom:10px;
	}
		#espaceinterne{
	width:470px;
	height:50px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	float:left;
	padding-top:10px;
	}
	#espaceinterne a , #espaceinterne a:visited , #espaceinterne a:active
	{
		font-family: Tahoma;
	font-size:11px;
	color: #FF0000;
		line-height:20px;
		text-decoration:none;
	}
#espaceinterne a:hover
	{
		font-family: Tahoma;
	font-size:11px;
	color: #000;
		line-height:20px;
		text-decoration:none;
	}
	#menu{
	width:983px;
	height:62px;
	position:relative;
	float: left;
	background:url(../images/bgmenu.gif) no-repeat;
	}
#topNav{
	width:740px;
	height:36px;
	position:relative;
	float: left;
	padding-top:27px;
	}
#topNav ul{
	display:block; 
	position:relative;
	width:740px; 
	height:36px;
	margin:0;
	padding:0;
	}
#topNav ul li{
	height:30px;
	display: inline;
	float:left;
	color:#d81a25;
	font-family: Arial;
	font-weight:bold;
	padding-top:6px;
	font-size:13px;
	text-align:center;
	background:url(../images/puce.gif) no-repeat right top;
	}
	#topNav ul li.nobg{
	height:30px;
	display: inline;
	float:left;
	color:#d81a25;
	font-family: Arial;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	background: none;
	padding-top:6px;
	}
/* menu accueil*/
#topNav ul li a{
	text-align: center;
	color: #d81a25;
	font-family: Arial;
	font-weight:bold;
	height:30px;
	padding-left:18px;
	padding-right:18px;
	text-decoration:none;
	display: inline;
	font-size:13px;
}
#topNav ul li a:hover{
	text-align: center;
	color: #3f3f42;
	font-family: Arial;
	font-weight:bold;
	height:30px;
	padding-left:18px;
	padding-right:18px;
	text-decoration:none;
	display:inline;
	font-size:13px;
}

#topNav ul li a.accueil{
	text-align: center;
	color: #3f3f42;
	font-family: Arial;
	font-weight:bold;
	height:30px;
	padding-left:18px;
	padding-right:18px;
	text-decoration:none;
	display:inline;
	font-size:13px;
}
	#ban{
	width:708px;
	height:250px;
	position:relative;
	float: right;
	font-family:Tahoma;
	font-size:12px;
	color:#FFF;
	background:url(../images/bgban.png) no-repeat;
	}
	#newsimage{
	width:708px;
	height:250px;
	position:relative;
	float: left;
	}

#contenu{
	width:708px;
	height:auto;
	position:relative;
	float: right;
	font-family:Tahoma;
	font-size:11px;
	line-height:20px;
	color:#333;
	padding-left:20px;
	}
	
		#leftbloc{
	width:245px;
	height:750px;
	position:relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	background:url(../images/bgcat.gif) no-repeat;
	padding-top:10px;
	padding-left:10px;
	}
	
			#categorie{
	width:235px;
	height:auto;
	position:relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	padding-bottom:5px;
	}
	
		#titreclient{
	width:130px;
	height:30px;
	padding-top:20px;
	padding-left:15px;
	font-weight:bold;
	position:relative;
	float:left;
	font-family: Arial;
	font-size:13px;
	color:#3f3f42;
	}
	
	#champclient{
	width:150px;
	height:32px;
	padding-top:18px;
	position:relative;
	float:left;
	font-family: Arial;
	font-size:13px;
	color:#3f3f42;
	}
	
	#boutonclient{
	width:90px;
	height:32px;
	padding-top:18px;
	position:relative;
	float:left;
	font-family: Arial;
	font-size:13px;
	color:#3f3f42;
	}
	
		#passclient{
	width:125px;
	height:40px;
	padding-top:10px;
	position:relative;
	padding-left:10px;
	float:left;
	font-family: Tahoma;
	font-size:11px;
	color:#3f3f42;
	}
	#passclient a , #passclient a:visited , #passclient a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #0066CC;
		line-height:20px;
		text-decoration:none;
	}
#passclient a:hover
	{
		font-family: Tahoma;
		font-size:11px;
		color: #FF0000;
		line-height:20px;
		text-decoration:none;
	}
#newsletter{
	width:200px;
	height:40px;
	position:relative;
	line-height:20px;
	font-weight:bold;
	padding-left:10px;
	float: right;
	font-family: Tahoma;
	font-size:11px;
	color:#3f3f42;
	}
	#newsletter #titrenewsletter{
	width:190px;
	height:26px;
	position:relative;
	float: left;
	padding-top:4px;
	text-align:center;
	font-family: Arial;
	font-size:13px;
	font-weight:bold;
	color:#3f3f42;
	}
	#newsletter #conewsletter{
	width:160px;
	height:30px;
	position:relative;
	float: left;
	font-family: Tahoma;
	font-size:11px;
	color:#3f3f42;
	}
		#newsletter #bonewsletter{
	width:30px;
	height:30px;
	position:relative;
	float: left;
	font-family: Tahoma;
	font-size:11px;
	color:#3f3f42;
	}
	
			#presentation{
	width:708px;
	height:auto;
	padding-top:10px;
	position:relative;
	float:left;
	line-height:20px;
	font-family: Tahoma;
	font-size:11px;
	text-align:left;
	color:#333;
	}
	
		#presentation p{
	
	line-height:20px;
	margin:0 auto;
	font-family: Tahoma;
	font-size:11px;
	text-align:left;
	color:#333;
	}
			#presentation h1{
	width:708px;
	height:30px;
	position:relative;
	float:left;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	background:url(../images/bgpresentation.gif) no-repeat bottom left;
	color:#333;
	}
	#presentation a , #presentation a:visited , #presentation a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #CC3300;
		font-weight:bold;
		line-height:20px;
		text-decoration:none;
	}
#presentation a:hover
	{
		font-family: Tahoma;
		font-size:11px;
		color: #FF0000;
		font-weight:bold;
		line-height:20px;
		text-decoration:none;
	}
	#solutionref{
position:relative;
float: left;
width: 320px;
border:1px solid #EFEFEF;
margin-bottom:10px;
line-height:24px;

padding-top:5px;
margin-right:10px;
padding-left:10px;
	font-family: Tahoma;
		font-size:11px;
		color: #666666;
		font-weight:bold;
height: 50px;
color: #666666;
}
#champcontact1{
float:left;
position:relative;
width:90px;
height:40px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}

#champcontactarea{
float:left;
position:relative;
width:240px;
height:auto;
font-family: Tahoma;
font-size:11px;
color:#666666;
}
#champcontactbouton{
float:left;
position:relative;
width:600px;
padding-top:10px;
padding-bottom:20px;
height:auto;
font-family: Tahoma;
font-size:11px;
color:#666666;
}
#champcontact2{
float:left;
position:relative;
width:240px;
height:40px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}

#cor{
position:relative;
float: left;
width:700px;
height:auto;
font-family: Tahoma;
font-size:11px;
color: #666666;
background:url(../images/cont.jpg) no-repeat right;
}

#cor a , #cor a:visited , #cor a:active
	{
font-family: Tahoma;
font-size:11px;
color: #CC0000;
line-height:20px;
text-decoration:none;
	}
#cor a:hover
	{
font-family: Tahoma;
font-size:11px;
color: #000;
line-height:20px;
text-decoration:none;
	}


#imgref{
position:relative;
float: left;
width: 80px; 
height: 60px;
color: #FF0000;
padding-top:10px;
padding-left:10px;
}
#texteref{
position:relative;
float: left;
width: 230px; 
height: 50px;
padding-top:15px;
font-family: Tahoma;
padding-left:5px;
font-size:11px;
color: #333;
line-height:20px;
}

#texter{
position:relative;
float: left;
width: 495px; 
height: 115px;
padding-top:5px;
font-family: Tahoma;
padding-left:5px;
font-size:11px;
color: #333;
line-height:20px;
}
#texter a , #texter a:visited , #texter a:active
	{
		font-family: Tahoma;
font-size:11px;
color: #FF0000;
font-weight:bold;
line-height:20px;
		text-decoration:none;
	}
#texter a:hover
	{
		font-family: Tahoma;
font-size:11px;
color: #000;
font-weight:bold;
line-height:20px;
		text-decoration:none;
	}

	#blocproduit{
	width:708px;
	height:auto;
	padding-top:10px;
	position:relative;
	float:left;
	line-height:20px;
	font-family: Tahoma;
	font-size:11px;
	color:#333;
	}
	
			#blocproduit h2{
	width:708px;
	height:30px;
	position:relative;
	float:left;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	background:url(../images/bgpresentation.gif) no-repeat bottom left;
	color:#333;
	}
	#blocproduit a , #blocproduit a:visited , #blocproduit a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #d81a25;
		font-weight:bold;
		line-height:20px;
		text-decoration:none;
	}
#blocproduit a:hover
	{
		font-family: Tahoma;
		font-size:11px;
		color: #000000;
		font-weight:bold;
		line-height:20px;
		text-decoration:none;
	}
	
		#produit{
	width:220px;
	height:170px;
	padding-top:5px;
	position:relative;
	padding-right:10px;
	text-align:center;
	float:left;
	line-height:20px;
	font-family: Tahoma;
	font-size:11px;
	color:#333;
		background:url(../images/bgproduit.gif) no-repeat;
	}
	#produit span
	{
		font-family: Tahoma;
		position:relative;
	float:left;
		width:215px;
		font-size:11px;
		text-align:center;
		color: #d81a25;
		font-weight:bold;
		line-height:14px;
		text-decoration:none;
	}
	
	#navigation
	{
	position:relative;
	width:700px;
	float:left;
	height:30px;
	font-family: Tahoma;
	text-align:center;
	font-size:11px;
	color: #000;
	line-height:20px;

	}
	
#navigation a , #navigation a:visited , #navigation a:active
	{
		font-family: Tahoma;
	font-size:11px;
	color: #FF0000;
		line-height:20px;
		text-decoration:none;
		padding-right:5px;padding-left:5px;
	}
#navigation a:hover
	{
		font-family: Tahoma;
	font-size:11px;
	color: #000;
		line-height:20px;
		text-decoration:none;
		padding-right:5px;padding-left:5px;
	}
	

	
	#produit1{
	width:335px;
	height:120px;
	padding-top:5px;
	position:relative;
	margin-right:10px;
	margin-bottom:10px;
	text-align:left;
	float:left;
	border:1px solid #CCCCCC;
	padding-left:5px;
	line-height:20px;
	font-family: Tahoma;
	font-size:11px;
	color:#333;
	}
	#produit1 span
	{
		font-family: Tahoma;
		position:relative;
	float:left;
		width:320px;
		font-size:11px;
		text-align:left;
		color: #d81a25;
		font-weight:bold;
		line-height:14px;
		text-decoration:none;
	}
	
	
#bas{
position:relative;
width:983px;
padding-top:5px;
float:left;
height:auto;
font-family: Tahoma;
font-size:11px;
text-align: center;
background:url(../images/bgbas.gif) no-repeat;
color: #666;
line-height:20px;
}

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


.champ{
	font-family: Tahoma;
		font-size:11px;
		color: #666;
		border:1px solid  #CCCCCC;
		height:18px;
		padding-left:4px;
	
	}
	
	.champs{
	font-family: Tahoma;
		font-size:11px;
		color: #C9C9C9;
		height:18px;
		border:1px solid #E2E2E2;
		padding-left:4px;
	
	}
		.bouton{
	font-family: Tahoma;
		font-size:11px;
		color: #666;
		font-weight:bold;
		background:#EEE;
		border:1px solid  #CCCCCC;
		cursor:pointer;
	
	}
	
	.area
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
		text-decoration:none;
		border:1px solid #d9d9d9;
		background:#FFFFFF;
		
	}

	
	.texte
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
	}
	.text
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666;
	}

	form.css label
  {
  display: block;
  float: left;
  width:120px;
  }