@charset "utf-8";

body { background: #000; color: #fff; font-family: Verdana, sans-serif; }


/*	layout		*/
#all { width: 1090px; margin: 0 auto; position: relative; }
#home #all { padding-bottom: 1px; background: url(img/bg_headline.png) no-repeat bottom; }
	#head { height: 210px; background: url(img/bg_headline.png) no-repeat bottom; padding-bottom: 1px; }
		#logo { width: 339px; border-right: 1px solid #999; height: 100%; float: left; margin-right: -340px; }
			#logo h1 { top: 50px; left: 50px; background: url(img/bg_logo.png) no-repeat; position: relative; height: 133px; width: 136px; }
			#logo h1 .here, #logo h1 a { display: block; font-size: 1px; }
			#logo h1 .here span, #logo h1 a span { display: block; position: absolute; width: 100%; height: 72px; top: 0; left: 0; background: url(img/i_logo.png) no-repeat; cursor: pointer; }
		#phrase { margin-left: 340px; height: 100%; }
			#phrase h2 { position: relative; height: 210px; }
			#phrase h2 span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
				.en #phrase h2 span { background: url(img/en/i_phrase.png);}
				.fr #phrase h2 span { background: url(img/fr/i_phrase.png);}
	#main { }
		#body { float: right; width: 750px; min-height:617px; border-left: 1px solid #999; }
		
			/*	enter form	*/
			#enter { position: relative; }
 			#body #enter { height: 116px; bottom: 0; }
			#more #enter { background: #000 url(img/bg_headline.png) no-repeat; padding-top: 1px; height: 166px; padding: 1.8em 0; }
				#enter .in { position: absolute; bottom: 0; left: 0; width: 100%; }
				#enter h3 { height: 83px; overflow: hidden; }
				#enter h3 span, .login span { display: block; height: 83px; cursor: pointer; }

				.fr #inspector h3 span { background: url(img/fr/i_inspector.png) no-repeat; }
				.fr #client h3 span { background: url(img/fr/i_client.png) no-repeat; }

				.en #inspector h3 span { background: url(img/en/i_inspector.png) no-repeat; }
				.en #client h3 span { background: url(img/en/i_client.png) no-repeat; }
				#enter h3:hover span, #enter h3.hover span { background-position: 0 -83px; color:	#fff; }
				
				#enter .form { background: #000; }
				#enter .form form { padding: 0 0 30px 0; }
				
				#body #enter .form { position: absolute; bottom: 0; width: 300px; padding: 0 0 0 40px; }
				#body #inspector { left: 0; }
				#body #client { left: 340px; }
					
				#enter label { float: left; width: 85px; margin-right: -85px; padding-top: 5px; }
				#enter input { width: 160px; margin-left: 85px; padding: 2px 5px; font-size: 0.9em; }
				#enter p { margin: 1em 0; text-align: right; width: 255px; }
				
		#content { padding:	2em 50px 1em 20px; position: relative; background: #fff url(img/bg_content.gif) repeat-y right top; zoom: 1;min-height:587px; }
				
			#mainimage { background: url(img/bg_headline.png) repeat-x -100px top; width: 750px; height: 300px; overflow: hidden; position: relative; }
				#mainimage img { display: block; float: left; position: absolute; top: 1px; left: 0; }
		#more { width: 339px; float: left; }
		#home #more { padding-top: 55px; background: url(img/bg_menu.gif) repeat-x; }
		
			/*	menu		*/
			.menu { zoom: 1; }
			.menu li { display: inline; zoom: 1; font-size: 1.2em;  width: 100%; }			
			.menu li a, .menu li.here span { display: block; height: 60px; position: relative; overflow: hidden; text-decoration: none;  }
			.menu li.here span { font-weight: bold; }
			.menu li ul { padding-left: 110px; }
			.menu li li { font-size: 0.915em; }
			.menu li li ul { padding-left: 10px; }
			.menu li li li { font-size: 1em; }
			.menu li li a, .menu li.here li span { height: auto; padding: 0.4em 5px; }
			.menu li li a { color: #fff; }
			.menu li li a:hover { color: #00cdec; }
			.menu a span, .menu .here span span { display: block; position: absolute; width: 100%; height: 60px; left: 0; top: 0; }
			.menu a span { cursor: pointer; }
			#more .menu a:hover span { background-position: 0 -60px; color: #fff; }
			#more .menu .here a:hover span { background-position: 0 0; }

				.fr .menu a.item1 span { background: url(img/fr/item1.png) no-repeat; }
				.fr .menu a.item2 span { background: url(img/fr/item2.png) no-repeat; }
				.fr .menu a.item3 span { background: url(img/fr/item3.png) no-repeat; }
				.fr .menu a.item4 span { background: url(img/fr/item4.png) no-repeat; }
				.fr .menu a.item5 span { background: url(img/fr/item5.png) no-repeat; }
				.fr .menu a.item6 span { background: url(img/fr/item6.png) no-repeat; }
				.fr .menu a.item7 span { background: url(img/fr/item7.png) no-repeat; }

				.fr .menu .here .item1 span { background: url(img/fr/item1_h.png) no-repeat; }
				.fr .menu .here .item2 span { background: url(img/fr/item2_h.png) no-repeat; }
				.fr .menu .here .item3 span { background: url(img/fr/item3_h.png) no-repeat; }
				.fr .menu .here .item4 span { background: url(img/fr/item4_h.png) no-repeat; }
				.fr .menu .here .item5 span { background: url(img/fr/item5_h.png) no-repeat; }
				.fr .menu .here .item6 span { background: url(img/fr/item6_h.png) no-repeat; }
				.fr .menu .here .item7 span { background: url(img/fr/item7_h.png) no-repeat; }

				.en .menu a.item1 span { background: url(img/en/item1.png) no-repeat; }
				.en .menu a.item2 span { background: url(img/en/item2.png) no-repeat; }
				.en .menu a.item3 span { background: url(img/en/item3.png) no-repeat; }
				.en .menu a.item4 span { background: url(img/en/item4.png) no-repeat; }
				.en .menu a.item5 span { background: url(img/en/item5.png) no-repeat; }
				.en .menu a.item6 span { background: url(img/en/item6.png) no-repeat; }
				.en .menu a.item7 span { background: url(img/en/item7.png) no-repeat; }

				.en .menu .here .item1 span { background: url(img/en/item1_h.png) no-repeat; }
				.en .menu .here .item2 span { background: url(img/en/item2_h.png) no-repeat; }
				.en .menu .here .item3 span { background: url(img/en/item3_h.png) no-repeat; }
				.en .menu .here .item4 span { background: url(img/en/item4_h.png) no-repeat; }
				.en .menu .here .item5 span { background: url(img/en/item5_h.png) no-repeat; }
				.en .menu .here .item6 span { background: url(img/en/item6_h.png) no-repeat; }
				.en .menu .here .item7 span { background: url(img/en/item7_h.png) no-repeat; }
			
	#lang { position: absolute; /*right: 0; */ top: 0; }
	#lang ul { float: right; }
	#lang ul li { float: left; padding: 5px; text-transform: uppercase; }
	#lang ul li a, 	#lang ul li a:visited { color: #ccc; }
	#lang ul li a:hover, #lang ul li span { color: #fff; }
	#footer { clear: both; background: #d1d1d1 url(img/bg_footer.gif) repeat-x; color: #555; }
		#footer p { white-space: nowrap; text-align: right; margin: 0; padding: 0.6em 50px; background: url(img/bg_headline.png) no-repeat; clear: both; }
		#home #footer p { background: none; }
		#footer a { color: #0098b7; }
		#footer a.contact { display: none; }
		#footer:hover a.contact, #footer.hover a.contact { display: inline; }
		
/*	styles		*/
h5 { font-size: 1.4em; margin: 1.5em 0 0.3em 20px; color: #00cdec; text-transform: uppercase; }
h4 { font-size:	1.4em; background: url(img/bg_h4.png) repeat-y; margin-top: 0.5em; line-height: 1.8em; min-height: 26px; 	padding: 0 0 5px 0; }
h3 { font-size: 1.8em; color: #00cdec; margin-top: 1em; font-weight: normal; }
h2 { font-size: 2.4em; font-weight: normal; }
p { font-size: 1.1em; margin-bottom: 1em; }

blockquote { float: right; border: 1px solid #858585; background: #fff; color: #76CAE2; width: 305px; padding: 0.3em 8px 0.5em 8px; margin-left: 6px; }

blockquote q { display: block; font-size: 2.4em; line-height: 1.1em; }
blockquote cite { display: block; font-size: 1.2em; margin-top: 1em; text-align: right; font-style: italic; }

a:link { color:	#32c1ea; }
a:visited { }
a:active { color: #399; }
a:hover { color: #36f; }

#content { color: #000; }
#content p { font-size: 1.2em; line-height: 1.4em; padding-left: 20px; text-align: justify; }
#content img { float:left; border:	1px solid #8E8E8E; margin: 0.4em 10px 0.2em 0; }
#content a { white-space:	nowrap; }
#content a:hover { color: #000; }

#enter h3 { color:	#fff; }
#enter h3:hover, #enter h3.hover { color: #666; }
#enter label { color: #5d808a; font-size: 1.1em;  }
#enter input { background: #5d808a; border: 1px solid #253034; color: #fff;}

a.forget { color: #98c3d0; }
a.forget:visited { color: #eee; }
a.forget:hover { color:	#fff; }
a.forget:active { color: #999; }

.buttons { height: 41px; background: #000 url(img/bg_btn.png) no-repeat left top; }
.buttons button, .buttons a { display: block; text-align: center; width: 112px; height: 26px; background: #00879f url(img/btn.png) no-repeat left top; border: none; color: #000; font: normal 1.2em Arial, sans-serif; text-transform: uppercase; padding: 6px 0; vertical-align: text-top; white-space: nowrap; cursor: pointer; text-decoration: none; }
.buttons button:hover, .buttons button.hover, .buttons a:hover { color: #fff; }

.buttons a { position: relative; overflow: hidden; height: 14px; }

.copyyears { white-space: nowrap;}