/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
/* Left & Right alignment */
.left { float:left;}
.right { float:right;}
.wrapper1 {width:100%;}
.wrapper {width:100%; overflow:hidden;}
.wrapper2 {width:100%; overflow:hidden;margin-top: 60px;}
.wrapper3 {width:100%; overflow:hidden;width: 236px;float:left;}
.wrapper4 {width:100%; overflow:hidden;width: 641px;float:left;}
.relative{ position:relative;}
.wrapper_left{ overflow:hidden;}
.bgstretcher {
 background: black;
 overflow: hidden;
 width: 100%;
 position: fixed !important;
 z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
 position: absolute;
 top: 0;
 left: 0;
 z-index:1;
}
.bgstretcher UL, .bgstretcher UL LI {
 margin: 0;
 padding: 0;
 list-style: none;
}
/* Global properties ======================================================== */
body{border:0; font:14px "Times New Roman", Arial, Helvetica, sans-serif; color:#555555; line-height:19px; min-width:1050px; overflow:hidden;}
.page_spinner{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat #000; z-index:999; width:100%; height:100%; top:0; left:0;}
/* Global Structure ============================================================= */
.main {	margin: 0 auto;	width: 940px;}
body, html{ height:100%;}
.bg1{ position:relative; width:100%; padding-bottom: 40px;z-index:10;}
.bg2{
	height:47px;
	overflow:hidden;
	position: relative;
	z-index:10;
	top: 240px;
	bottom: 100px;
}
.block {height:47px;}
/* ============================= main layout ====================== */
a{ color:#fff; text-decoration: none; outline:none;}
a:hover{color:#fff}
h1{ padding:0px 0 0 0; float:left;}
h2{ padding-bottom: 22px; font:28px "Trykker", Arial, Helvetica, sans-serif;line-height:1.2em; font-weight: normal;color:#e85718}
h3{ padding-bottom: 12px; font:18px "Trykker", Arial, Helvetica, sans-serif;line-height:1.2em; font-weight: normal;color:#1170b3}
p{
	color:#FFF;
	line-height: 1.5;
	padding-bottom: 10px;
}
.col001{color:#a6a7a7;}
/* ============================= header ====================== */
.bloc_sppash_text{height:120px;margin-top: 454px;}
.bloc_sppash_text p {position:relative; display: block; padding:28px 20px 0px 20px; font-size:34px;text-align:right; line-height:30px;font-family: Trykker;text-shadow: black 1px 1px 2px;}
.bloc_sppash_text1{position:relative;background:url(../images/bg_text_splash.png) 0 0 no-repeat; width:940px; height:114px;}
.color01{color:#fff;}
.color02{
	color:#e85718;
}
.color03{
	color:#1170b3;
}
header{ height:185px;margin-left: 15px;}
#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:159px; height:185px;}
/****************************menu*********************************************/
.line_menu1{float:right;background:no-repeat; width:2px; height:35px;margin-left: 3px;
    margin-top: 26px;}
.line_menu2{position: relative;left:160px;top: 60px;background:url(../images/line_menu1.png)0 0 no-repeat; width:2px; height:35px;}
nav { position:relative; background:url(../images/part_img.png) 0 30px repeat-x; height:150px;}
.menuposition1{position:absolute;  bottom: 27px; right: 78px;}
.menuposition2{
	position:absolute;
	bottom: 27px;
	right: 40px;
}
.menuposition3{
	position:absolute;
	bottom: 27px;
	right: 48px;
}
.menuposition4{
	position:absolute;
	bottom: 27px;
	right: 68px;
}
.menuposition5{position:absolute;  bottom: 27px; right: 65px;}
.menu {
	padding:0px 0px 0 0px;
}
.menu > li {
	top: 31px;
	float:left;
	position:relative;
	margin-right:0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	
}
.menu > li.last {
	padding-right:0;	
}
.menu > li > a {
    font-family:Trykker,Arial, Helvetica, sans-serif;
	display:inline-block; 
	font-size:18px; 
	line-height:1em; 
	color:#fff; 
}
.menu > li > a > strong {
	display:inline-block;
	padding-left:12px;
	background:url(../images/left-but-part.jpg) left top no-repeat;
	cursor:pointer;
	font-weight:normal;
}
.menu > li > a > strong > strong {
	display:inline-block;
	background:url(../images/right-but-part.png) right top no-repeat;
	padding-right:9px;
	cursor:pointer;
	font-weight:normal;
}
.menu > li > a > strong > strong > strong{
	background:url(../images/mid-but-part.png) right top repeat-x ;
	display:inline-block;
	padding:34px 2px 5px 0px;
	cursor:pointer;
	font-weight:normal;
	height:40px;
	width:148px;
	text-align:center;
}
.menu ul {
	position:		absolute;
	padding:		0;
	top:			-999em;
	width:			166px;
	background:		none;
}
.menu ul ul {
	width:			200px;
	background:		#2a2b2f;
	margin-left: 80px;
	
}
.menu ul li {width:	100%;}
.menu li:hover {visibility:inherit;}

.menu li li {background:none;}
.menu li li a {
	display:block;
	font:14px "Times New Roman", Arial, Helvetica, sans-serif;
	line-height:	24px;
	text-transform:	none;
	color:#fff;
}
.menu  li  a > em {
	display:block;
	padding-left:4px;
	background:url(../images/left-but-part1.png) left 0px no-repeat;
	overflow:hidden;
	cursor:pointer;
	font-style:normal;
}
.menu  li  a > em > em {
	display:block;
	background:url(../images/right-but-part1.png) right 0px no-repeat;
	padding-right:4px;
	cursor:pointer;
	font-style:normal;
}
.menu  li  a > em > em em{
	background:url(../images/mid-but-part1.png) left 0px repeat-x;
	display:block;
	padding:2px 0px 3px 7px;
	cursor:pointer;
	font-style:normal;
}
				.menu li li.sfHover > a > em,.menu  li  a:hover > em,  .menu  li  a:hover > em > em em,  .menu li li.sfHover > a > em > em em { background-position:left bottom;}
				.menu  li  a:hover > em > em, .menu li li.sfHover > a > em > em {background-position:right bottom;}
				
.menu li li li { 
	
}
.menu li li li.last {background:none;}
.menu li li li a {
	line-height:	24px;
	text-transform:	none;
	
}
.menu li li li a:hover {
background:url(../images/mid-but-part1.png) left 0px repeat-x;
}
.menu li:hover ul, .menu li.sfHover ul {
	left:			0px;
	top:			77px;
	z-index:		999;
	
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
	
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			86px;
	top:			29px;
	z-index:		9999;
	
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
ul.tabs li a:hover, html ul.tabs li.active a {
	color:#000;
	
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	border-bottom: 1px solid #fff; 
}

/*************************end menu********************************************/
/* ============================= content ====================== */
/* ============================= about ====================== */
.textpad{padding-bottom:10px;}
.textpad1{padding-bottom:24px;}
.textpad2{margin-right: 25px;margin-left: 24px;margin-top: 12px;}
.box1_pages{width: 254px;float:left;padding-right: 60px;}
.box1_1pages{width: 244px;float:left;}
.box2_pages{width: 293px;height:221px;float:left;padding-right: 30px;margin-top: 6px;}
.box_left{width: 313px}
.box3_pages{float:left;width: 556px;height: 226px;}
.color_02{color:#fff;font-weight: bold;}
.box4_pages{float:left;padding-right: 30px;margin-top: 6px;}
.box5_pages{width: 650px;float:left;padding-left: 25px;}
.imgmargin1{ margin-bottom: 10px;}
/* ============================= services====================== */
.box6_pages{float:left;padding-right: 50px;}
.box7_pages{float:left;margin-right: 45px;}
.box8_pages{float:left;}
.coll_left{ width: 90px;float:left;margin-right: 16px;}
.coll_left2{ width: 188px;float:left;margin-bottom: 24px;}
.pad_bot{padding-bottom: 27px;}
.pad_bot2{padding-bottom: 12px;}
.color1{color:#a6a6a7;}
.coll_left3{padding-left: 17px;}
.coll_left4{display: block;
clear: both;
margin-top: 20px;}
.width01{width: 299px;float: left;margin-right: 49px;}
.width02{width: 294px;float: left;}
/* ============================= Projects ====================== */
.font1{ color:#fff; font-size:14px;}
.imgmargin{ margin-bottom: 10px;}
/* ============================= mail====================== */
.box9_pages{width: 313px;}
.margin_bo1{margin-bottom: 24px;}
.privlh{line-height: 1;}
/* ============================= Projects end====================== */
#content{
	height:640px;
	padding-bottom:8px;
	position:relative;
	margin-bottom: 20px;
}
#content > ul{ background:url(../images/bg_img_pages.png) 0 0 repeat;position:relative;top:320px;left:0px; overflow:hidden;padding: 30px 30px 43px 31px; height: 568px; width: 880px;}
#content > ul > li{ position:relative; float:left; width:880px;height:570px;}
#splash{ position:absolute; height:478px;width:100%; top:0px;}
.roundabout-moveable-item { cursor: pointer; width:171px; height:372px;}
.roundabout-in-focus { cursor: auto; }
.splash_menu{ position:absolute; top:279px; width:380px; left:260px;}
.splash_menu img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.splash_menu li{}
.splash_menu .img{ z-index:1}
.splash_menu .img_act{ z-index:2}
.splash_menu li a{ position: absolute; top:5px; left:5px; right:5px; bottom:5px; z-index:3; display:block;cursor:pointer; background:url(../images/spacer.gif) 0 0 no-repeat;background:#fff}
.pad_left1{ padding-left:50px;}
.pad_bot1{ padding-bottom:30px;border:1px solid #fff;}
.marg_right1{ margin-right:8px;}
#page_services .pad_left1{ padding-left:29px;}
.list1 { float:left;width: 190px;}
.list1 li{ margin-bottom: 10px;}
.list1 a{ color:#999;font:14px "Times New Roman", Arial, Helvetica, sans-serif;padding-left:20px; background:url(../images/marker_pages_arrow.png) 0 -23px no-repeat}
.list1 span{ }
.list1 a:hover{ color:#fff; background-position:0 5px}
.list1 a:hover span{ background:none}
.list2 { float:left;margin-top:9px;}
.list2 li{ margin-bottom: 10px;}
.list2 a{ color:#999;font:14px "Times New Roman", Arial, Helvetica, sans-serif;padding-left:20px; background:url(../images/marker_pages_arrow.png) 0 -23px no-repeat}
.list2 span{ }
.list2 a:hover{ color:#fff; background-position:0 5px}
.list2 a:hover span{ background:none}
.button1{float:left;
margin-top: 7px;
text-shadow: 1px 1px 1px #cd8709;
filter: dropshadow(color=#cd8709, offx=2, offy=2); 
font:18px "Trykker", Arial, Helvetica, sans-serif;
padding:0 15px;
line-height:37px;
background: rgb(243,185,22); /* Old browsers */
background: -moz-linear-gradient(top, rgba(243,185,22,1) 0%, rgba(239,163,16,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,185,22,1)), color-stop(100%,rgba(239,163,16,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(243,185,22,1) 0%,rgba(239,163,16,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(243,185,22,1) 0%,rgba(239,163,16,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(243,185,22,1) 0%,rgba(239,163,16,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(243,185,22,1) 0%,rgba(239,163,16,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1170b3', endColorstr='#0f67a4', GradientType=0 ); /* IE6-9 */ 
position:relative;}
.button1 span{ position:relative; display:block;font:18px "Trykker", Arial, Helvetica, sans-serif;padding: 7px 5px;}
.button1 strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff}
.button1:hover{ color:#e85718; text-shadow:none;}
.box1{ float:left; width:192px; background:#000; position:relative; padding:10px; padding-bottom:10px; color:#808080; margin-bottom:8px;}
.box1 strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#f0a811}
.box1 span{ position:relative; display: block}
.box1:hover, .box1:hover .font1{ color:#000}
.box img{ padding-bottom:10px}
#map{ float:left; margin-right:25px; margin-top:4px;}
.underline{ border-bottom:1px solid #c0c0c0; margin-bottom:24px; padding-bottom:26px;}
.phone1 {display:inline-block; width:90px;}
/* ============================= footer ====================== */
footer {
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:20px;
	margin-top: 2px;
}
footer a{ color:#fff; text-decoration:none}
footer a:hover{ color:#f3b916}
.footer_all{ margin: 0 auto;
             width: 940px;}
.footer_left{float: left;}
.footer_col1{
	color:#e85718
}
.footer_col2{color:#fff}
.img_1{width:940px; height:1px;}
#icons{
	float:right;
	margin-top: 5px;
}
#icons li{ float:left; padding-left:10px;}
#icons a{ display:block; position:relative;}
#icons .img_act{ position:absolute; top:0; left:0;}
#icons .first{ padding-right:4px;}
/* ============================= forms ============================= */
#form1 {
}
	#form1 input {
		 background:url(../images/page5_img1.png) 0 0 no-repeat; 
		 color:#a5a4a4;
		 font:14px "Times New Roman", Arial, Helvetica, sans-serif;
		 padding:0px 15px;
		 width:315px;
		 outline:none;
		 box-shadow:none;
		 line-height:34px;
		 height:35px;
	}
	#form1 textarea {
		 border:1px solid #565555;
		 background: url("../images/page5_img2.png") scroll 0 0 transparent;
		 color:#a5a4a4;
		 font:14px "Times New Roman", Arial, Helvetica, sans-serif;
		 line-height:1.2307em;
		 padding:5px 15px;
		 width:484px;
		 height:303px;
		 overflow:auto;
		 outline:none;
		 resize:none;
		 
	}
	#form1 label {
		display:inline-block;
		min-height:48px;
		position:relative;
		
	}
	.empty2{
		font-size:14px;
		color:#fff;
	}
	#form1 .error, #form1 .empty {
		display:none;
		font-size:10px;
		color:#fff;
		margin-top: -4px;
	}
	.btns{float:right;}
	.btns a{
		display:inline-block;
		padding:10px 18px;
		background:#f2b114;
		margin-left: 32px;
		text-decoration:none;
		color:#fff;
		font:18px Trykker, Arial, Helvetica, sans-serif;
	}
		.btns a:hover {
			background:#333;
		}
/* Form defaults */
input, select, textarea { 
	vertical-align:middle;
	font-weight:normal;
	}
.bg1 .main #content #splash .wrapper1 nav .menu li ul li #sous-menu1 {
	left:			86px;
	top:			0px;
	z-index:		9999;
}