/* CSS Document */

/* -------------------------RESET------------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,fieldset,legend{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,th,td{font-size:12px;color:#757575;line-height:1.7em;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}

/* -------------------------------------------------------  */

@font-face {
	font-family: 'DINRegular';
	src: url('/_fonts/din-webfont.eot');
	src: local('☺'), url('/_fonts/din-webfont.woff') format('woff'), url('/fonts/din-webfont.ttf') format('truetype'), url('/fonts/din-webfont.svg#webfontEbzcKrlh') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINBlackRegular';
	src: url('/_fonts/din_black-webfont.eot');
	src: local('☺'), url('/_fonts/din_black-webfont.woff') format('woff'), url('/fonts/din_black-webfont.ttf') format('truetype'), url('/fonts/din_black-webfont.svg#webfontI3OtPITH') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'HandwritingDakotaRegular';
    src: url('/_fonts/handwrid-webfont.eot');
    src: url('/_fonts/handwrid-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/handwrid-webfont.woff') format('woff'),
         url('/_fonts/handwrid-webfont.ttf') format('truetype'),
         url('/_fonts/handwrid-webfont.svg#HandwritingDakotaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { font-family: Arial, Helvetica, sans-serif;}

BODY {
	overflow:-moz-scrollbars-vertical;
	overflow-x:auto;
	background:#5C5D5F url(/design/background.gif) repeat-x top center;
} 

P{margin:0 0 15px 0;padding:0;}

H1, H2, H3, H4, H5, H6{margin:0;padding:0}

LI{list-style-image:url(/design/puce.gif);}

.divClear{
  clear:both;
}

#right INPUT , #right TEXTAREA{
	padding:3px;
	margin:0;
	border:1px solid #cccccc;
	font-size:14px;
	background:#FFFFFF URL(/design/input.gif) no-repeat left top;
}

INPUT.formbutton{
	border:1px solid #333;
	background:#333333;
	color:#ffffff;
	font-size:10px;
	cursor:pointer;
}

A:link, A:visited{color:#000000;text-decoration:none;}
A:hover, A:active{color:#F7931E;text-decoration:underline;}

HR.clear{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:20px;
}

HR{
	background:#cccccc;
	height:1px;
	clear:both;

	margin: 5px 0;
	padding: 0;
	color: #cccccc;
	border: 0;
}


.content{
	width:910px;
	padding:0 0 0 13px;
	margin:0 auto;
	position:relative;

}

/* //////////////////////////////// TOP */

#top , #top .content{
	height:100px;
}

A#goHome{
	display:block;
	width:150px;
	height:66px;
	background:url(/design/logo.png) no-repeat center center;
	position:absolute;
	bottom:15px;
	left:0;	
}

#menuTop{
	display:block;
	width:300px;
	height:15px;
	position:absolute;
	bottom:15px;
	right:40px;		
	text-align:right;
	
	font-family:DINRegular , Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

#menuTop A , #menuTop A:visited{
	color:#59595c;
	text-decoration:none;
	padding:0 5px;
}

#menuTop A:hover , #menuTop A:active{
	color:#000000;
	text-decoration:none;
}

#menuTop SPAN{
	color:#f7931d;
}

A#linkedIn{
	display:block;
	width:26px;
	height:27px;
	position:absolute;
	bottom:8px;
	right:0px;	
	background:url(/design/linkedin.png) no-repeat top left;
}

A#linkedIn:hover{
	background:url(/design/linkedin.png) no-repeat bottom left;
}
   
#toper{
	background:url(/design/top.png) no-repeat center top;	
	height:20px;
}

/* //////////////////////////////// INNER */

#inner{
	padding:10px 0;
	background:url(/design/middle.png) repeat-y center top;	
	min-height:200px;
}

.banner{
	margin:0 0 20px 0;
}

#left{
	width:170px;
	float:left;
	
	padding:0;
	border-top:#f7931d solid 1px;
}

UL#menu{
	margin:0;
	padding:0;
	
	font-family:DINRegular , Arial, Helvetica, sans-serif;
}

UL#menu LI{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	
	border-bottom:1px solid #cccccc;
}
UL#menu LI A , UL#menu LI A:visited{
	font-size:16px;
	display:block;
	color:#f7931d;
	text-decoration:none;
	margin:1px 0;
	padding:3px 0px;
	background:#ffffff;
  font-family:DINRegular , Arial, Helvetica, sans-serif;
}

UL#menu LI A:hover , UL#menu LI A.active{
	background:#eeeeee;
}

UL#menu LI UL{
	margin:0;
	padding:3px 0;
	border-top:1px solid #cccccc;
}

UL#menu LI UL LI{border:none;}
UL#menu LI UL LI A , UL#menu LI UL LI A:visited{
	color:#585858;
	margin:1px 0 1px 10px;
	padding:3px 0px;
	background:#ffffff;
  font-size:14px;
}
UL#menu LI UL LI A:hover , UL#menu LI UL LI A.active{
	color:#f7931d;
  background:none;
}

UL#menu UL LI UL{
	border:none;
}
UL#menu UL LI UL LI{}
UL#menu UL LI UL LI A , UL#menu UL LI UL LI A:visited{
	padding:2px 5px 2px 25px;
	font-size:12px;
}
UL#menu UL LI UL LI A:hover{}

UL#menu LI#menu0 UL LI UL,
UL#menu LI#menu1 UL LI UL{
/*         
display:none; 
*/
}


HR.whiter{
	clear:both;
	margin:0;
	padding:0;
	height:2px;
	background:#ffffff;
	border:1px solid #ffffff;
	position:relative;
	top:-1px;
}

#right{
	width:670px;
	float:right;
	
	padding:15px 25px 0 25px;
	border-top:#cecece solid 1px;
	
	position:relative;
}

H1{
	font-size:30px;
	font-family:DINRegular , Arial, Helvetica, sans-serif;
  font-weight:bold;
	color:#585858;
	margin:0 0 15px 0;
}

#botter{
	background:url(/design/bottom.png) no-repeat center top;	
	padding:20px 0 0 0;
	color:#ffffff;
 
/* For IE 6/7  */  
  height:200px;

}

#botter  .content{  
  	clear:both;  
}

#botter H4{
	font-family:DINRegular , Arial, Helvetica, sans-serif;
	color:#f7931d;
	font-size:18px;	
	padding:10px 12px;
}

.address , A.address , A.address:hover , A.address:visited , A.address:active{
	width:159px;
	padding:0 11px;
	float:left;
	background:url(/design/sepa.gif) right top repeat-y;
	min-height:100px;
	line-height:1,2em;
  
  display:block;
  text-decoration:none;
  color:#ffffff;
}

#ad5{background:none;}

.address B{
	display:block;
}

#bottom{
	min-height:200px;
	padding:20px 0 0 0; 
	background:#131415 url(/design/back-bottom.gif) top center repeat-x;
	color:#8f8f8f;
}

.floatRight{
	float:right;
	width:370px;
	
	background:url("/design/colors.gif") no-repeat scroll 390px -26px transparent;
	font-size:11px;
	padding:0 65px 0 10px;
	text-align:right;
}

.floatRight:hover{
	background:url("/design/colors.gif") no-repeat scroll 390px 6px transparent;	
}

.floatLeft{
	float:left;
	width:400px;
}

#bottom A , #bottom A:visited{
	color:#8f8f8f;
}

#bottom A:hover , #bottom A:active{
	color:#000000;
}

.addressList B{display:block;} 
.addressList A , .addressList A:hover , .addressList A:visited{text-decoration:none;display:block;} 

.Expertise{
	width:380px;
	float:left;
	padding:20px 20px;
	background:URL(/design/gray.gif) no-repeat 0 0;
}

.Cases H2 , .Expertise H2{
	font-family:DINRegular , Arial, Helvetica, sans-serif;
	color:#f7931d;
	font-size:22px;	
  font-weight:bold;
  
  padding:0 0 25px 0;
  margin:0;
  line-height:1em;
  
}

.Cases H2{
  padding:10px 0 10px 0;
  color:#333333;
}

.exRight{
  width:45%;
  float:right;
  min-height:300px;
}

.exMult{
  background:URL(/design/dot-orange.gif) no-repeat 0 8px;
  padding:0 0 10px 10px;
}

.exLeft{
  width:45%;
  float:left;
}

.Cases{
    padding:10px 0;   
    width:220px;
    float:right; 
}

.menuCases{}

.menuCases A , .menuCases A:visited{
  display:block;
	border:none;
	color:#999999;
	font-size:14px;
  padding:7px 0 8px 0;
  background:URL(/design/line-rel.gif) repeat-x bottom left;
}

.menuCases A SPAN{
  display:block;
  background:URL(/design/v.gif) no-repeat 0 7px;
  padding:7px 15px 7px 30px;
}

.menuCases A:hover SPAN , .menuCases A:hover{
  text-decoration:none;
  color:#f7931d;
}

/* ==============================================
COPYRIGHT
============================================== */

.copyright{
	clear:both;
	height:50px;
	padding:20px 0 0 0;
	background:url(/design/bleu-line.gif) repeat-x 0 0;
	
	color:#476d83;
	font-size:11px;
	text-align:right;
}

.copyright A, .copyright A:visited{color:#476d83;text-decoration:none;}
.copyright A:hover, .copyright A:active{color:#476d83;text-decoration:underline}

.grey{
  margin:20px 0;
  padding:20px;
  background:URL(/design/grey.gif) no-repeat 0 0;
  
}

.grey UL{
  margin:0;
}

#recruitment{
	background:#222222;
}

#recruitment #menuTop A , #recruitment #menuTop A:visited{
	color:#cccccc;
}

#recruitment #menuTop A:hover , #recruitment #menuTop A:active{
	color:#ffffff;
}

#recruitment A#goHome{
	background:url(/design/logo-r.png) no-repeat center center;
}

#bottom{
	background:#080809 url(/design/back-bottom-r.gif) top center repeat-x;
}

#postit1{
	background: url(/design/postit1.gif) no-repeat 0 0;
	width: 237px;
	height: 185px;
	float: left;
	margin-left: 40px;
}
#postit1 h3{
	left: 50px;
}
#postit2{
	background: url(/design/postit2.gif) no-repeat 0 0;
	width: 245px;
	height: 178px;
	float: right;
	margin-right: 40px;
}
#postit3{
	background: url(/design/postit3.gif) no-repeat 0 0;
	width: 228px;
	height: 191px;
	float: left;
	clear: both;
	padding: 85px 20px 10px 40px;
	margin-left: 27px;
}
#postit3 h3{
	top: 35px;
	left: 40px;
}
#postit4{
	background: url(/design/postit4.gif) no-repeat 0 0;
	width: 242px;
	height: 183px;
	float: right;
	margin: 15px 0 0 0;
	margin-right: 40px;
}
#postit4 h3{
	top: 30px;
}

.indexBox{
	margin:5px 5px 15px 5px;
	padding:85px 10px 10px 20px;
	position:relative;
}

/* FOR IE <= 8  */

.indexBox H3{
	font-size:19px;
	padding:0 2px 0 0;
	width:auto;
	float:left;
	color: #f7931e;
	position:absolute;
	top:20px;
	left:30px;
	font-family: 'HandwritingDakotaRegular';
}
.indexLinks{
	clear:both;
	
}
.indexLinks A , .indexLinks A:visited{
	display:block;
	padding:2px 0 2px 12px;
	font-family: 'HandwritingDakotaRegular';
	font-size:14px;
	background: url("/design/arrow_right.gif") no-repeat scroll 0 8px transparent;	
	
}
.indexLinks A:hover , .indexLinks A:active{
	text-decoration:none;
}

#tridform71984ebb8d4a60ee1{display:none;}