/* Base */

* { margin:0; padding:0;}
body { background:#fff url(../navigation/back_page.gif) center 128px no-repeat; font:10px/15px Verdana,Arial,Helvetica,sans-serif; text-align:center; color:#333;}
#wrapper { background:url(../navigation/back_page.gif) center 128px no-repeat; width:960px; text-align:left; margin:0 auto; position:relative;}
a { text-decoration:none; color:#039;}
	a:hover,a.actif { color:#f00;}
	a img { border:none;}
p { margin-bottom:15px;}
.light { color:#999;}
.boldrouge { color:#f00; font-weight:bold;}
input,select,textarea { font-size:10px; margin-bottom:3px; padding:1px; font:10px Verdana,Arial,Helvetica,sans-serif;}

/* Navigation */

h1 { float:left; margin-top:15px;}
	h1 a { display:block; width:225px; height:98px; background-image:url(../navigation/progenosis.jpg); text-indent:-9999px;}
#brochure { float:right; margin-top:48px; display:block;}
ul#navigation { clear:right; list-style-type:none; border-left:2px solid #f00; float:right; margin-top:22px; width:634px;}
	ul#navigation li { float:left; height:9px; border-right:2px solid #f00; padding:0 12px;}
		ul#navigation li a { display:block; height:9px; text-indent:-9999px;}
			ul#navigation li a:hover { background-position:0 -9px;}
			ul#navigation li#acom a { width:49px; background-image:url(../navigation/company.gif);}
			ul#navigation li#atec a { width:66px; background-image:url(../navigation/technology.gif);}
			ul#navigation li#aser a { width:41px; background-image:url(../navigation/services.gif);}
			ul#navigation li#apro a { width:49px; background-image:url(../navigation/products.gif);}
			ul#navigation li#anew a { width:26px; background-image:url(../navigation/news.gif);}
			ul#navigation li#aref a { width:84px; background-image:url(../navigation/references.gif);}
			ul#navigation li#apub a { width:66px; background-image:url(../navigation/publications.gif);}
			ul#navigation li#acon a { width:45px; background-image:url(../navigation/contact.gif);}
			#wrapper.bcom ul#navigation li#acom a,
			#wrapper.btec ul#navigation li#atec a,
			#wrapper.bser ul#navigation li#aser a,
			#wrapper.bpro ul#navigation li#apro a,
			#wrapper.bnew ul#navigation li#anew a,
			#wrapper.bpub ul#navigation li#apub a,
			#wrapper.bcon ul#navigation li#acon a { background-position:0 -9px;}
			
		ul#navigation li ul { list-style-type:none; position:absolute; border-left:2px solid #f00; background:#fff url(../navigation/back_sub.gif) 0 11px; padding:10px 0 1px 0; margin-left:-14px; display:none;}
			ul#navigation li ul#mcon { right:0; border-left:none; border-right:2px solid #f00;}
			ul#navigation li ul li { float:left; clear:left; height:26px; border-right:none; border-top:1px solid #ccc; position:relative;}
				ul#navigation li ul li a { text-indent:0; white-space:nowrap; display:inline; line-height:26px; height:26px; color:#666;}
				ul#navigation li#acom ul li a,
				ul#navigation li#atec ul li a,
				ul#navigation li#aser ul li a,
				ul#navigation li#apro ul li a,
				ul#navigation li#anew ul li a,
				ul#navigation li#aref ul li a,ul#navigation li#apub ul li a,
				ul#navigation li#acon ul li a { background-image:none;}
				ul#navigation li ul li a:hover { color:#f00;}
				
			ul#navigation li ul ul { display:none; left:100px; top:-1px; padding-top:6px; padding-bottom:6px; background-image:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
				ul#navigation li ul ul li { height:17px; border-top:none;}
					ul#navigation li ul ul li a { line-height:17px; height:17px;}
			
#banner { background:url(../images/banner.jpg) 0 11px no-repeat; clear:both; padding-top:11px; height:156px; text-indent:-9999px; margin-bottom:23px;}
	#wrapper.bcom #banner { background-image:url(../images/banner_company.jpg);}
	#wrapper.bser #banner { background-image:url(../images/banner_services.jpg);}
		#wrapper.serat #banner { background-image:url(../images/banner_at.jpg);}
		#wrapper.servc #banner { background-image:url(../images/banner_vc.jpg);}
		#wrapper.seriv #banner { background-image:url(../images/banner_iv.jpg);}
		#wrapper.seret #banner { background-image:url(../images/banner_et.jpg);}
		#wrapper.sersm #banner { background-image:url(../images/banner_sm.jpg);}
	#wrapper.bpro #banner { background-image:url(../images/banner_products.jpg);}
	#wrapper.bnew #banner { background-image:url(../images/banner_news.jpg);}
	#wrapper.bpub #banner { background-image:url(../images/banner_publications.jpg);}
	#wrapper.bcon #banner { background-image:url(../images/banner_contact.jpg);}
	
/* Content */

#content { float:left; width:680px; margin-right:40px; text-align:justify; overflow:hidden; margin-bottom:15px;}
	#content.large { width:960px; margin-right:0;}
	#content ul { padding:0 0 15px 15px;}
		#content ul li { padding-bottom:3px;}
	#content ol { padding:0 0 15px 18px;}
		#content ol li { padding-bottom:15px;}
	#content input{ margin:2px 0;}
	#content select { margin:3px 0;}
		
img.right { float:right; margin:3px 0 15px 20px;}
img.bordure { border:1px solid; border:1px solid #ccc; padding:5px;}
img.services { padding:10px 0 15px 0;}
		
h2 { font:normal 21px Arial,Helvetica,Verdana,sans-serif; border-bottom:1px solid #f00; padding-bottom:17px; margin-bottom:19px;}
h3 { font:normal 15px Arial,Helvetica,Verdana,sans-serif; margin-bottom:11px; color:#f00; clear:both;}
	h3.n,h3.p { margin-top:24px; padding-left:20px;}
	h3.n { background:url(../navigation/icon_news.gif) no-repeat;}
	h3.p { background:url(../navigation/icon_press.gif) no-repeat;}
	h3 span { color:#333; font:10px/15px Verdana,Arial,Helvetica,sans-serif;}
	h3 a { color:#f00;}
	h3 a:hover { color:#039;}
	
#benefits { float:right; width:300px; border:1px solid #ccc; padding:15px 15px 0 15px; margin:0 0 15px 20px; background-color:#ffffe0;}
	#benefits ul { text-align:left;}
	
#plans { float:right; border:1px solid #ccc; padding:15px 15px 0 15px; margin:0 0 15px 20px; background-color:#ffffe0;}
	#plans a { float:left;}
		#plans a img { border:1px solid #ccc; padding:5px; margin-bottom:15px; background-color:#fff;}
	#plans p { clear:both;}

table.services { width:1000px; margin:-15px -20px -10px -20px;}
	table.services td { width:33%; margin:40px; border:1px solid #ccc; padding:15px 15px 0 15px; background:url(../navigation/back_blend.jpg) repeat-x; vertical-align:top;}
		table.services td.news { background-image:url(../navigation/back_news.jpg);}
		#content table.services td ul { padding-left:0; list-style-type:none;}
			#content table.services td.news ul { padding-bottom:5px;}
			#content table.services td ul li { padding-bottom:0;}
				#content table.services td.news ul li { margin-bottom:10px;}
			
label { color:#666; display:block; padding-top:2px;}

.collaboration { clear:left;}
	.collaboration .logo { float:left; margin:3px 20px 15px 0; padding:10px; border:1px solid #999; width:120px; text-align:center;}

#indexdownloads { margin-top:10px;}
	#indexdownloads h3 { color:#333;}
	#indexdownloads label { display:inline;}
	#indexdownloads input { margin:0;}

/* Sidebar */

#sidebar { float:left; width:240px; margin-top:41px;}
	#sidebar div { margin-bottom:15px; border:1px solid #ccc; padding:15px 15px 0 15px; background:url(../navigation/back_blend.jpg) repeat-x;}
	#sidebar ul { list-style-type:none; padding-bottom:10px;}
		#sidebar ul#subservices li { font:normal 15px Arial,Helvetica,Verdana,sans-serif; padding-bottom:5px;}
	#sidebar form { padding-bottom:15px;}
	#sidebar label { width:65px; float:left; clear:both; padding-top:1px;}
	#sidebar input { width:130px;}
	#sidebar input#submitter { width:auto; margin:2px 0 0 65px;}
h4 { font-weight:bold; font-size:1em; color:#f00;}

/* Footer */

#footer { clear:both; border-top:1px solid #ccc; padding:20px 0 30px 0; font-size:9px; line-height:11px; color:#999;}
	#footer a { color:#999;}
	#footer a:hover { color:#f00;}
	#footer ul { list-style-type:none;}
		#footer ul li { float:left; border-left:1px solid #ccc; padding:0 10px;}
			#footer ul li.first { padding-left:0; border-left:none;}
				#wrapper.bdis #footer ul li a#adis,#wrapper.bpri #footer ul li a#apri { color:#f00;}
	#footer #tools { float:right;}
		#footer #tools a { margin-left:10px;}
a.print { background:url(../navigation/print.gif) no-repeat; padding-left:15px;}
a.top { background:url(../navigation/top.gif) no-repeat; padding-left:13px;}
