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;
}
#page
	{
		width:940px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
	}			#navigation
	{
	position:relative;
	width:400px;
	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;
	}
	
	#excel
	{
	position:relative;
	width:400px;
	float: right;
	height:30px;
	font-family: Tahoma;
	text-align: right;
	font-size:11px;
	color: #000;
	line-height:20px;

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

#haut{
	width:940px;
	height:90px;
	position:relative;
	float: left;
	}
	
#sst{
	width:425px;
	height:85px;
	position:relative;
	float: left;
	}

#topNavmod{
	width:500px;
	height:77px;
	position:relative;
	float: right;
	z-index:1000;
	}


#topNav{
	width:500px;
	height:45px;
	position:relative;
	float: right;
	z-index:1000;
	}
	
	
	#modsearch{
	width:250px;
	height:28px;
	position:relative;
	float: right;
	padding-left:250px;
	padding-top:4px !important;
	padding-top:2px;
	}
	

#banniere{
	width:504px;
	height:280px;
	padding-top:20px;
	position:relative;
	padding-left:20px;
	float: left;
	}	
	
	
	#espace{
	width:300px;
	padding-left:20px;
	height:280px;
	padding-top:20px;
	position:relative;
	float: right;
	}	
	
	
	#espacehaut{
	width:920px;
	height:auto;
	padding-top:20px;
	padding-left:20px;
	position:relative;
	float: left;
	
				font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666;
	}	
	
	#espacehaut a , #espacehaut a:visited , #espacehaut a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	color: #0066CC;
	text-decoration:none;
	}
		#espacehaut a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	color: #FF6600;
	text-decoration:none;
			}
	#devenir{
	width:300px;
	height:60px;
	position:relative;
	float: left;
	background:url(../images/devenir.jpg) no-repeat;
	}	
#devenir h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-top:10px;
	font-weight:bold;
	padding-left:40px;
	border:none;
	color:#FFF;
	margin:0 auto;
	}
	
	#devenir a , #devenir a:visited , #devenir a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	}
		#devenir a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #EFEFEF;
	text-decoration:none;
			}
	#deveniri{
	width:280px;
	height:60px;
	position:relative;
	float: right;
	background:url(../images/devenir.jpg) no-repeat;
	}	
#deveniri h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-top:10px;
	font-weight:bold;
	padding-left:40px;
	border:none;
	color:#FFF;
	margin:0 auto;
	}
	
	#deveniri a , #deveniri a:visited , #deveniri a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	}
		#deveniri a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #EFEFEF;
	text-decoration:none;
			}
		
	#revendeur{
	width:300px;
	line-height:24px;
	height:230px;
	position:relative;
	float: left;
	
				font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666;
	
	}
	#revendeur a , #revendeur a:visited , #revendeur a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #0066CC;
	line-height:22px;
	text-decoration:none;
	}
		#revendeur a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	color: #FF6600;
	text-decoration:none;
			}
		
#revendeur h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-top:10px;
	font-weight:bold;
	height:41px;
	padding-top:20px;
	border:none;
	color:#999;
	margin:0 auto;
	background:url(../images/bgespace.jpg) no-repeat;
	}	
	
	
	#contenu{
	width:930px;
	height:auto;
	padding-left:10px;
	padding-top:10px;
	position:relative;
	min-height:560px;
	padding-bottom:20px;
	float: left;
	}	
	
	#contenui{
	width:930px;
	height:auto;
	padding-left:10px;
	padding-top:30px;
	position:relative;
	padding-bottom:20px;
	float: left;
	}	
#partenaire{
	width:300px;
	height:auto;
	position:relative;
	float: left;
	
	}	
#partenaire h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	color: #404569;
	margin:0 auto;
	}
	
	#partenaire a , #partenaire a:visited , #partenaire a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #0066CC;
	text-decoration:none;
	}
		#partenaire a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #FF9900;
	text-decoration:none;
			}
			
			
#news{
	width:610px;
	height:auto;
	position:relative;
	padding-left:15px;
	float: left;
	
	}	
#news h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	color: #404569;
	width:560px;
	margin:0 auto;
	float:left;
	}
	
	#news a , #news a:visited , #news a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0066CC;
	text-decoration:none;
	}
		#news a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #EFEFEF;
	text-decoration:none;
			}

#presdroit{
	width:315px;
	height:auto;
	position:relative;
	float: right;
	
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:22px;
	}

#presentation{
	width:300px;
	height:200px;
	position:relative;
	float: left;
	padding-bottom:10px;
	
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	margin-right:5px;
	}	
#presentation h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	color: #404569;
	margin:0 auto;
	}
	
	#presentation a , #presentation a:visited , #presentation a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #0066CC;
	text-decoration:none;
	}
		#presentation a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #FF9900;
	text-decoration:none;
			}

#interne{
	width:920px;
	height:auto;
	position:relative;
	float: left;
	padding-left:10px;
	
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:22px;
	}	
#interne h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCCCCC;
	font-weight:bold;
	color: #404569;
	margin:0 auto;
	}

				#navigation
	{
	position:relative;
	width:400px;
	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;
	}
	
	#excel
	{
	position:relative;
	width:400px;
	float: right;
	height:30px;
	font-family: Tahoma;
	text-align: right;
	font-size:11px;
	color: #000;
	line-height:20px;

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


#produit{
	width:288px;
	height:170px;
	position:relative;
	float: left;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:20px;
	border-bottom:1px solid #CCCCCC;
	padding-right:5px;
	
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	}		

#newsinterne{
	width:282px;
	height:140px;
	position:relative;
	float: left;
	color:#666666;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	padding-left:10px;
	margin-right:8px;
	padding-top:10px;
	background:url(../images/bgnews.jpg) no-repeat;
	}	
	
	#newsinterne a , #newsinterne a:visited , #newsinterne a:active
	{
		font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0066CC;
	text-decoration:none;
	}
		#newsinterne a:hover
			{
				font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FF9900;
	text-decoration:none;
			}

			
			
	#bas{
position:relative;
width:983px;
float:left;
height:44px;
font-family: Tahoma;
font-size:11px;
color: #FFF;
line-height:24px;
text-align:center;
padding-top:14px;
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: #ffb8d8;
		line-height:24px;
		text-decoration:none;
	}
	
	

	
	
.champs
	{
		font-family: Tahoma;
		font-size:11px;
		color: #999;
		text-decoration:none;
		line-height:18px;
		height:20px;
		padding-left:5px;
		background:#e2e2e2;
		border:1px solid #F9F9F9;
		width:180px;
	}
	
	
	.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: #aaaaaa;
		border:1px solid  #CCCCCC;
		height:80px;
		padding-top:4px;
		padding-left:5px;
		width:220px;
	}
	.bouton
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
		background:#EEEEEE;
		text-decoration:none;
		border:1px solid #CCC;
		width:80px;
		height:20px;
		font-weight:bold;
		cursor:pointer;
	}
		.boutonde
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
		background:#EEEEEE;
		text-decoration:none;
		border:1px solid #CCC;
		width:180px;
		height:20px;
		font-weight:bold;
		cursor:pointer;
	}

	
	.texte
	{
		font-family: Tahoma;
		font-size:11px;
		color: #666666;
	}
	
	form.css label
  {
  display: block;
  float: left;
  width:100px;
  }
  
	
	#suite{
position:relative;
width:80px;
float:left;
height:20px;
padding-left:20px;
font-family: Tahoma;
font-size:10px;
color: #666;
background:url(../images/suite.gif) no-repeat;
margin-left:10px;
}


#suite a , #suite a:visited , #suite a:active
	{
		font-family: Tahoma;
		font-size:10px;
		color: #00b8ff;
		text-decoration:none;
	}
#suite a:hover
	{
		font-family: Tahoma;
	 font-size: 10px;
	 color: #FF6600;
	 text-decoration:none;
	 
	}
	
	

	
	#newsimage{
position:relative;
float:left;
width:435px; 
height:235px;
}

	#pagin{
position:relative;
float:left;
width:130px; 
height:200px;
}
#champcontact1{
float: left;
position:relative;
width:190px;
height:30px;
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:30px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}

#champcontactbouton1{
float:left;
position:relative;
width:100px;
height:30px;
padding-top:20px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}

#champcontactbouton1i{
float:left;
position:relative;
width:100px;
height:30px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}

#champcontactpass{
float:left;
position:relative;
width:150px;
height:30px;
padding-left:10px;
padding-top:30px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}

#champcontactpass a , #champcontactpass a:visited , #champcontactpass a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #0066CC;
		text-decoration:none;
	}
#champcontactpass a:hover
	{
		font-family: Tahoma;
	 font-size: 11px;
	 color: #FF6600;
	 text-decoration:none;
	 
	}

#champcontact2{
float:left;
position:relative;
width:280px;
height:30px;
font-family: Tahoma;
font-size:11px;
color:#666666;
padding-top:15px;
}

#champcontact2i{
float:left;
position:relative;
width:240px;
padding-top:4px;
height:30px;
font-family: Tahoma;
font-size:11px;
color:#666666;
}
		.champ{
	font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #aaaaaa;
		font-weight:bold;
		border:1px solid  #CCCCCC;
		height:26px;
		padding-top:4px;
		background: #FFFFFF;
		padding-left:5px;
		width:220px;
	}
	
			.prix{
	font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #999999;
		font-weight:bold;
	}
			.prixp{
	font-family: Arial, Helvetica, sans-serif;
		font-size:24px;
		color: #FF9900;
		font-weight:bold;
	}
		.champi{
	font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #aaaaaa;
		font-weight:bold;
		border:1px solid  #CCCCCC;
		height:26px;
		padding-top:4px;
		background: #FFFFFF;
		padding-left:5px;
		width:220px;
	}
	
	
		.champie{
	font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #aaaaaa;
		font-weight:bold;
	}
	
		.faute{
	font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #CC3300;
		font-weight:bold;
	}
	
		#formulaire
	{
	text-align: left; position: relative; float: left; width: 370px;
	padding-right:20px;
	}
	
	
	.champa{
	font-family: Tahoma;
		font-size:11px;
		color: #666;
		border:1px solid  #CCCCCC;
		height:60px;
	}
	
		.champar{
	font-family: Tahoma;
		font-size:11px;
		color: #666;
		border:1px solid  #CCCCCC;
	}
		
/*----FOOTER PANEL----*/
#footermainPan{height:68px; background: #353535; text-align:center; color:#FFF; font-family: Arial, Helvetica, sans-serif;
	font-size:11px; clear:both; padding-top:10px;}

#footerPan{width:940px; position:relative; font-family: Arial, Helvetica, sans-serif;	font-size:11px; color:#FFFFFF;
		line-height:26px;}


#footermainPan a , #footermainPan a:visited , #footermainPan a:active
	{
		font-family: Tahoma;
	font-size:11px;
	color: #34b8b9;
		line-height:26px;
		text-decoration:none;
		padding-right:10px;padding-left:10px;
	}
#footermainPan a:hover
	{
	font-family: Tahoma;
	font-size:11px;
	color: #FFFFFF;
		line-height:26px;
		text-decoration:none;
		padding-right:10px;padding-left:10px;
	}
	
#solutionref{
position:relative;
float: left;
width: 300px;
padding-top:20px;
height: 83px;
color: #666666;
background:url(../images/bgref.jpg) no-repeat;
}
#imgref{
position:relative;
float: left;
width: 60px; 
height: 60px;
color: #FF0000;
padding-top:10px;
padding-left:10px;
}
#texteref{
position:relative;
float: left;
width: 220px; 
height: 50px;
padding-top:15px;
font-family: Tahoma;
padding-left:5px;
font-size:11px;
color: #333;
line-height:20px;
}

#texteref a , #texteref a:visited , #texteref a:active
	{
		font-family: Tahoma;
		font-size:11px;
		color: #CC3300;
		text-decoration:none;
	}
#texteref a:hover
	{
		font-family: Tahoma;
	 font-size: 11px;
	 color: #FF6600;
	 text-decoration:none;
	 
	}
#produitf{
	width:800px;
	height:auto;
	position:relative;
	float: left;
	margin-left:10px;
	padding-bottom:10px;
	margin-top:10px;
	border-bottom:1px solid #EFEFEF;
	padding-right:5px;
	
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	}	

#produitf h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:10px;
	font-weight:bold;
	color: #0033CC;
	margin:0 auto;
	}
	a.titrenews:link, a.titrenews:visited {
	 font-family: Tahoma;
	 font-size: 11px;
	 color: #FF6600;
	 font-weight:bold;
	 text-decoration:none;

	}

a.titrenews:hover {
	 font-family: Tahoma;
	 font-size: 11px;
	 color: #000;
font-weight:bold;
	 text-decoration:none;

	}

	a.titrenewsb:link, a.titrenewsb:visited {
	 font-family: Tahoma;
	 font-size: 11px;
	 color: #0066CC;
	 font-weight:bold;
	 text-decoration:none;

	}

a.titrenewsb:hover {
	 font-family: Tahoma;
	 font-size: 11px;
	 color: #003399;
font-weight:bold;
	 text-decoration:none;

	}

	a.titrenewsa:link, a.titrenewsa:visited {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #003399;
	 font-weight:bold;
	 text-decoration:none;

	}

a.titrenewsa:hover {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #0066CC;
font-weight:bold;
	 text-decoration:none;

	}
	
	#telch{
	position:relative;
	float:left;
	width:auto;
	height:40px;
	padding-right:40px;
	padding-top:20px;
	}
	a.titrenewsat:link, a.titrenewsat:visited {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 padding-top:20px;
	 color: #003399;
	 font-weight:bold;
	 text-decoration:none;

	}

a.titrenewsat:hover {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #0066CC;
	  padding-top:20px;
font-weight:bold;
	 text-decoration:none;

	}


		.prixpromo{
	font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #059c59;
		font-weight:bold;
	}
	
		.prixnormal{
	font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #CC0000;
		text-decoration:line-through;
		font-weight:bold;
	}