body, h1, ul, li{
	margin:0;
	padding:0;
}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

ul li{
	list-style:none;	
}

div#page{
	width:938px;
	overflow:hidden;
	margin:0 auto;
}

div.link{
	z-index:30000px;
	margin-left:24px;
}	

div.link a{
	position:absolute;	
}

div#page h1{
	background:url(../images/top_logo.jpg)	no-repeat;
	width:176px;
	height:74px;
}

div#page h1 span{
	display:none;	
}

ul#pagetopmenu{
	overflow:hidden;
	float:right;
	background:url(../images/menu_top-bck.jpg) no-repeat;
	width:78px;
	height:29px;
	padding-left:15px;
}

ul#pagetopmenu li{
	float:left;
	margin:3px 0 0 0;
}

ul#pagetopmenu li a{
	text-decoration:none;
	color:#ffffff;
	width:26px;
	height:22px;
	padding:3px 0 0 6px;
	display:block;
}

ul#pagetopmenu li a:hover, .topselected{
	background:url(../images/link_over.gif) no-repeat;

}

div#pagecontent{
	overflow:hidden;
	background:#009fe1 url(../images/content_bck-middle.jpg) no-repeat;	
	clear:both;
	margin-top:41px;
}

div#contenttop{
	background:url(../images/content_bck-top.jpg) no-repeat;
}	

div#contentbottom{
	background:url(../images/content_bck-bottom.jpg) no-repeat;
}	

ul#mainmenu{
	float:left;
	background:url(../images/menu_bck-main.gif) no-repeat;
	margin:42px 0 0 27px;
	padding:3px 0 0 0;
	width:174px;
	height:241px;
}

ul#mainmenu li{
	padding-left:5px;	
}

ul#mainmenu li a{
	width:163px;
	height:34px;
	display:block;	
	text-indent:-100000px;
}

ul#mainmenu li a.btnaccueil{
	background:url(../images/btn_accueil-off.gif) no-repeat;
}

ul#mainmenu li a.btnaccueil:hover, .accueilselected{
	background:url(../images/btn_accueil-on.gif) no-repeat;
}

ul#mainmenu li a.btnaccueilnl{
	background:url(../images/btn_accueilnl-off.gif) no-repeat;
}

ul#mainmenu li a.btnaccueilnl:hover, .accueilnlselected{
	background:url(../images/btn_accueilnl-on.gif) no-repeat;
}


ul#mainmenu li a.btnpia{
	background:url(../images/btn_pia-off.gif) no-repeat;
}

ul#mainmenu li a.btnpia:hover, .piaselected{
	background:url(../images/btn_pia-on.gif) no-repeat;
}

ul#mainmenu li a.btnbrand{
	background:url(../images/btn_brand-off.gif) no-repeat;
}

ul#mainmenu li a.btnbrand:hover, .brandselected{
	background:url(../images/btn_brand-on.gif) no-repeat;
}

ul#mainmenu li a.btndevis{
	background:url(../images/btn_devis-off.gif) no-repeat;
}

ul#mainmenu li a.btndevis:hover, .devisselected{
	background:url(../images/btn_devis-on.gif) no-repeat;
}

ul#mainmenu li a.btndevisnl{
	background:url(../images/btn_devisnl-off.gif) no-repeat;
}

ul#mainmenu li a.btndevisnl:hover, .devisnlselected{
	background:url(../images/btn_devisnl-on.gif) no-repeat;
}

ul#mainmenu li a.btnref{
	background:url(../images/btn_ref-off.gif) no-repeat;
}

ul#mainmenu li a.btnref:hover, .refselected{
	background:url(../images/btn_ref-on.gif) no-repeat;
}

ul#mainmenu li a.btnrefnl{
	background:url(../images/btn_refnl-off.gif) no-repeat;
}

ul#mainmenu li a.btnrefnl:hover, .refnlselected{
	background:url(../images/btn_refnl-on.gif) no-repeat;
}

ul#mainmenu li a.btnjobiste{
	background:url(../images/btn_job-off.gif) no-repeat;
}

ul#mainmenu li a.btnjobiste:hover, .jobisteselected{
	background:url(../images/btn_job-on.gif) no-repeat;
}

ul#mainmenu li a.btnjobistenl{
	background:url(../images/btn_jobnl-off.gif) no-repeat;
}

ul#mainmenu li a.btnjobistenl:hover, .jobistenlselected{
	background:url(../images/btn_jobnl-on.gif) no-repeat;
}


ul#mainmenu li a.btncontact{
	background:url(../images/btn_contact-off.gif) no-repeat;
}

ul#mainmenu li a.btncontact:hover, .contactselected{
	background:url(../images/btn_contact-on.gif) no-repeat;
}

div#maincontent{
	float:left;
	margin:20px 0 0 35px;
	width:400px;
}

div#maincontent a, div#mainpicscontact a{
	color:#0FF;
}

div#maincontent h2, div#maincontentspon h2, div#maincontentdevis h2{
	font-size:24px;
	font-weight:normal;
}	

div#maincontent ul li{
	background:url(../images/list_arrow.gif) no-repeat;
	padding:2px 0 0 25px;
	margin:0 0 0 22px;
	font-size:14px;
}

.big{
	font-size:17px;	
}

div#maincontentspon{
	float:left;
	margin:42px 0 20px 35px;
	width:700px;
}

div#maincontentdevis{
	float:left;
	margin:22px 0 20px 35px;
	width:700px;
}


div#maincontentspon img{
	margin:0 0 5px 5px;	
}

div#mainpicscontact{
	float:left;
	margin:65px 20px 0 50px;
}	

div#mainpicscontact p{
	margin-bottom:13px;	
}
div#mainpics{
	float:right;
	margin:46px 20px 0 0;
}	

div#contentbottom{
	clear:both;	
}

div#slideshow{
	background:url(../images/slideshow_support.jpg) no-repeat;
	height:97px;
	margin:10px 0 0 0;
	padding:8px 0 0 4px;
}

div#slideshow img{
	margin:0 0 0 4px;	
}

div#pagefooter{
	background:url(../images/footer_bck.jpg) repeat-x;
	color:#016f9c;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:5px 15px;
}

div#pagefooter a{
	color:#06F;
}

div#pagefooter p.copy{
	float:left;
	width:350px;
	
}

div#pagefooter p.sign{
	float:right;	
}

form input{
	width:250px;
	height:20px;
	border:1px solid #666666;
	margin-bottom:10px;
}

form textarea{
	width:250px;
	height:73px;
	border:1px solid #666666;
}

form input.BtnSubmit{
	width:255px;
	height:26px!important;	
	margin-top:15px;
}

#ZoneFormLeft{
	float:left;	
	margin-right:20px;
}

#ZoneFormRight{
	float:left;	
}


#global { 
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 1024px; 
  height: 768px; 
  margin-top: -384px; /* moitié de la hauteur */ 
  margin-left: -512px; /* moitié de la largeur */  
}