body{ background:url(images/mainbg.gif) 0 0 repeat-x #fff;
	font:1em/1.2em Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	color:#666;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{	background:#transparent;
	color:#000;
	text-decoration:none;}
a:hover{background:#fff; color:#666; text-decoration:underline;} 
.vField{ margin:10px 10px 10px 0; padding:10px;}
.vBouton{ margin-top:10px; padding-top: 5px;}
h2 { margin: 20px 0 0.5em 0;
	font-weight: bold;
	font-size: 1.4em;
	color: #000000;
	padding-left:1em;}
h2 span { color: #D20039;}
.Mot-1 { font-size: 13px; color:#669933; font-style:italic;}
.Mot-2 { font-size: 12px; color:#ff6500; font-style:italic;}
.Mot-3 { font-size: 11px; color:#295984; font-style:italic;}
.Mot-4 { font-size: 10px; color:#3366cc;}
.Mot-5 { font-size: 14px; color:#99ccff;}
.Mot-6 { font-size: 15px; color:#333333;}

/*----TOP PANEL----*/
#topPan{width:820px; height:87px; position:relative; margin:0 auto;}
#topPan #ImgPan{ position:absolute;
	width:229px;
	height:52px;
	background:#fff;
	color:#666;
	top:35px;
	left:0px;
	padding:0 0 0 35px;}
#topPan #ImgPan img{width:201px; height:52px;}

#topPan ul{width:468px; height:32px; position:absolute; top:43px; right:45px; }
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{ background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4;
	width:76px;
	height:32px;
	display:block;
	color:#666;
	text-decoration:none;
	text-align:center;
	line-height:32px;
	margin:0 2px 0 0;}
#topPan ul li a:hover{ background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4;
	color:#fff;
	text-decoration:none;}
#topPan ul li.home{ background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:32px;}

/*----BODY PANEL----*/
#bodyPan{ font:0.875em/1em Georgia, "Times New Roman", Times, serif;
	line-height:120%;
	width:800px;
	position:relative;
	margin:0 auto;}
#bodyPan h3 { margin: 1em 0 -1em 0;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	padding-left:1em;}
#bodyPan p.toptextpadding{padding:25px 0 0;}
#bodyPan p span{background:#fff; color:#D20039;}
#bodyPan p.more{ background:url(images/more-bg.gif) 0 0 no-repeat;
	width:100px;
	height:22px;
	display:block;
	margin:0 0 0 606px;}
#bodyPan p.more a{background:url(images/arrow1.gif) 1% 60% no-repeat;
width:89px; height:22px; display:block;  line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

/*----Body Middle Panel----*/
#bodyMiddlePan{width:800px; position:relative; margin:0 auto;}

/*----Middle Left Panel----*/
#SolutionLeftPan{ background:url(images/image3.jpg) left top no-repeat;
	width:250px;
	height:390;
	padding-top:200px;
	margin-top:1em;
	float:left;}
#ContactLeftPan{ background:url(images/nous-contacter.jpg) left top no-repeat;
	width:230px;
	height:390;
	padding-top:200px;
	margin-top:1em;
	float:left;}
#MiddleLeftPan{ background-color:#f8f8f8;
	width:250px;
	float:left;
	margin-bottom:1em;
	border:1px solid #f0f0f0;}
#MiddleLeftPan p{font:0.7em Arial, Geneva, Verdana, Helvetica, sans-serif;}
#MiddleLeftPan p.largegraytext{font-size:1.2em;}
#MiddleLeftPan p.more{ background:url(images/more-bg.gif) 0 0 no-repeat;
	width:81px;
	height:22px;
	display:block;
	margin:15px 0 0 145px;
	padding:0px;}
#MiddleLeftPan p.more a{ background:url(images/arrow1.gif) 1% 60% no-repeat;
	width:70px;
	height:22px;
	display:block;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan h2{ 
	width:210px;
	height:40px;
	padding:0;
	display:block;
	color:#D20039;
	font-size:1.2em;
	line-height:22px;}
#MiddleLeftPan h2 span{color:#545454; font:0.8em Geneva, Verdana, Helvetica, sans-serif; text-transform:uppercase;}
#MiddleLeftPan h3{ font:1em Geneva, Verdana, Helvetica, sans-serif;
	width:210px;
	padding:0; margin: 1em 0 0 0;
	display:block;
	color:#D20039;
	font-size:1em;}

/*----Middle Right Panel----*/
#MiddleIndex, #MiddleSolution{ width:520px; float:left; font-size:0.7em; padding-left:25px;}
#MiddleIndex{ background:url(images/image2.jpg) 10px top no-repeat;}
#MiddleIndex h2, #MiddleSolution h2{ background:url(images/dotline.gif) 0 100% repeat-x #fff;
	width:500px;
	height:20px;
	color:#6BB600;
	font-size:1.2em;}
#MiddleIndex h2{ margin-top:210px;}
#MiddleIndex p, #MiddleSolution p{padding:8px 0 0;}
#MiddleSolution{ font:0.7em Arial, Geneva, Verdana, Helvetica, sans-serif; margin-bottom:1em;}
#RightListfastPan, #RightListnextPan{width:240px; float:left; padding:10px 0;}
#RightListfastPan ul, #RightListnextPan ul{width:240px; color:#D20039; }
#RightListfastPan ul li, #RightListnextPan ul li{width:240px; float:left; font:0.875em Arial, Geneva, Verdana, Helvetica, sans-serif;}
#RightListfastPan ul li.dernier, #RightListnextPan ul li.dernier{width:240px; float:left; margin-bottom:1em;}
#RightListfastPan ul li a, #RightListnextPan ul li a{ background:url(images/bullet.gif) 0 3px no-repeat #fff;
	color:#666;
	width:240px;
	padding:0 0 0 18px;
	text-decoration:none;}
#RightListfastPan ul li a:hover, #RightListnextPan ul li a:hover{ background:url(images/bullet-hover.gif) 0 3px no-repeat #fff;
	color:#000;}

/*----Footer Panel----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4;

color:#212121; position:relative; margin:0 auto; height:133px; clear:both;}
#footerPan{width:820px; position:relative; margin:0 auto; padding-top:10px;}
#footerPan p{ font:0.8em/1em Geneva, Verdana, Helvetica, sans-serif; text-align:center; margin-top:10px;}
#footerPan p.caf{font:0.7em/1em Geneva, Verdana, Helvetica, sans-serif;}
#footerPan p.copyright{font:0.8em/1em Georgia, "Times New Roman", Times, serif; width:800px; background:#F4F4F4; color:#212121; position:relative; }