@font-face {
 font-family: 'ArialNarrow';
 src: url('fonts/arialn-webfont.eot');
 src: url('fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
   url('fonts/arialn-webfont.woff') format('woff'),
   url('fonts/arialn-webfont.ttf') format('truetype'),
   url('fonts/arialn-webfont.svg#ArialNarrow') format('svg');
 font-weight: normal;
 font-style: normal;

}

/*------------------------------------------------------------------ 
body */
body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em; 
	background:#fff url(../images/bg_container.png) repeat-y 50% 0;
	color:#464A4D;
}

.body{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:810px;
	background:transparent url(../images/bg_body.png) repeat-x;
	z-index: -1;
}

p{
	margin: 1em 0;
}

/*------------------------------------------------------------------ 
title */
h1,h2,h3,h4,h5,h6 { color:#36383a; font-weight:bold; }

.black{
	color:black !important;
}

.blue{
	color:#60a8ee !important;
}

.uppercase{
	text-transform:uppercase;
}

.nowrap{
	white-space:nowrap;
}

/*------------------------------------------------------------------ 
link */
a:link { text-decoration:none; color:#60a8ee; }
a:visited { text-decoration:none; color:#60a8ee; }
a:hover { text-decoration:underline; color:#60a8ee; }
a:active { text-decoration:underline; color:#60a8ee; }

/*------------------------------------------------------------------ 
container */
#container { 
	width: 955px;
	/*width:1111px;*/
	text-align: center;
	margin:0 auto;
	position: relative;
	overflow:hidden;
}

label{
	float:left;
	clear:both;
}

/*------------------------------------------------------------------ 
header */
#header {
	width: 955px;
	height:104px;
	margin:0 auto;
	background: #e9e9e8 url(../images/bg_header.png) 0 0 repeat-x;
}

#header div { overflow:hidden; }
#header div a.logo { display:block; width:107px; height:103px; background: url(../images/logo_stingray.png) 0 0 no-repeat; text-indent:-9000px; margin:0 18px 0 20px; }

#header .lang { 
	position:absolute;
	right:10px;
	top:10px;
	text-transform:uppercase;
}

#header a:hover{
	color:#666;
	text-decoration:none;
}

ul.point{
	margin:0;
}
ul.point li{
	background: url(../images/bullet.png) 0 3px no-repeat;
	padding: 0 0 8px 20px;
	margin:0;
	font-size: 1.1em;
	line-height: 1.3em;
	list-style: none;
}

#menu {
	text-align:left;
	display:block;
	position: absolute;
	left: 146px;
	top: 59px;
	z-index:1;
}

#menu ul,#menu li{
	margin:0;
	padding:0;
	list-style: none;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	#menu li { position:relative; display:block; /*width:156px;*/ }

.clearSimple { clear:both; }

	#menu li { float:left; display:block; }	
	#menu a { 
		display:block;
		/*text-indent:-9000px;*/
		height:25px;
		/*font-family:Arial;*/
		font-family:ArialNarrow;
		font-size:14px;
		text-transform:uppercase;
		color:white;
		padding:20px 0 0 16px;
		text-decoration:none; 
		text-shadow: #222 -1px -1px 0.5px;
	}
	
	/*------------------------------ English --------------------------------*/
	
	.en #menu .home { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:68px; }
	
	.en #menu .about { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:105px; }
	.en #menu .about a { background: url(../images/menu_arrow_out.gif) 83px 22px no-repeat;}
	.en #menu .about a:hover, .en #menu .about:hover a{ background: url(../images/menu_arrow_over.gif) 83px 24px no-repeat;}
	
	.en #menu .properties { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:149px; }
	.en #menu .properties a { background: url(../images/menu_arrow_out.gif) 127px 22px no-repeat;}
	.en #menu .properties a:hover, .en #menu .properties:hover a{ background: url(../images/menu_arrow_over.gif) 127px 24px no-repeat;}
	
	.en #menu .news { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:82px; }
	.en #menu .news a { background: url(../images/menu_arrow_out.gif) 59px 22px no-repeat;}
	.en #menu .news a:hover, .en #menu .news:hover a{ background: url(../images/menu_arrow_over.gif) 59px 24px no-repeat;}
	
	.en #menu .partners { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:169px; }
	.en #menu .partners a { background: url(../images/menu_arrow_out.gif) 149px 22px no-repeat;}
	.en #menu .partners a:hover, .en #menu .partners:hover a{ background: url(../images/menu_arrow_over.gif) 149px 24px no-repeat;}
	
	.en #menu .contact { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:98px; }
	.en #menu .contact a { background: url(../images/menu_arrow_out.gif) 78px 22px no-repeat;}
	.en #menu .contact a:hover, .en #menu .contact:hover a{ background: url(../images/menu_arrow_over.gif) 78px 24px no-repeat;}
	
	
	/*------------------------------ Français --------------------------------*/
	
	.fr #menu .home { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:84px; }
	
	.fr #menu .about { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:102px; }
	.fr #menu .about a { background: url(../images/menu_arrow_out.gif) 84px 22px no-repeat;}
	.fr #menu .about a:hover, .fr #menu .about:hover a{ background: url(../images/menu_arrow_over.gif) 84px 24px no-repeat;}
	
	.fr #menu .properties { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:145px; }
	.fr #menu .properties a { background: url(../images/menu_arrow_out.gif) 127px 22px no-repeat;}
	.fr #menu .properties a:hover, .fr #menu .properties:hover a{ background: url(../images/menu_arrow_over.gif) 127px 24px no-repeat;}
	
	.fr #menu .news { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:115px; }
	.fr #menu .news a { background: url(../images/menu_arrow_out.gif) 94px 22px no-repeat;}
	.fr #menu .news a:hover, .fr #menu .news:hover a{ background: url(../images/menu_arrow_over.gif) 94px 24px no-repeat;}
	
	.fr #menu .partners { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:190px; }
	.fr #menu .partners a { background: url(../images/menu_arrow_out.gif) 172px 22px no-repeat;}
	.fr #menu .partners a:hover, .fr #menu .partners:hover a{ background: url(../images/menu_arrow_over.gif) 172px 24px no-repeat;}
	
	.fr #menu .contact { background: url(../images/en/menu.gif) 100% 0 no-repeat; width:146px; }
	.fr #menu .contact a { background: url(../images/menu_arrow_out.gif) 129px 22px no-repeat;}
	.fr #menu .contact a:hover, .fr #menu .contact:hover a{ background: url(../images/menu_arrow_over.gif) 129px 24px no-repeat;}
	
	/* Over */
	.home:hover,.about:hover,.properties:hover,.news:hover,.partners:hover,.contact:hover{
		background-position:0 -45px!important;
	}
	.m_home .home,.m_home .home:hover,.m_about .about,.m_about .about:hover,.m_properties .properties,.m_properties .properties:hover,.m_news .news,.m_news .news:hover,.m_partners .partners,.m_partners .partners:hover,.m_contact .contact,.m_contact .contact:hover{
		background-position:0 -90px!important;
	}
	
	
	/* Down */
	#menu.m_home .home a:hover,
	#menu.m_home .home a:link,
	#menu.m_home .home a:active,
	#menu.m_home .home a:visited,
	#menu.m_about .about a:hover,
	#menu.m_about .about a:link,
	#menu.m_about .about a:active,
	#menu.m_about .about a:visited,
	#menu.m_properties .properties a:hover,
	#menu.m_properties .properties a:link,
	#menu.m_properties .properties a:active,
	#menu.m_properties .properties a:visited,
	#menu.m_news .news a:hover,
	#menu.m_news .news a:link,
	#menu.m_news .news a:active,
	#menu.m_news .news a:visited,
	#menu.m_partners .partners a:hover,
	#menu.m_partners .partners a:link,
	#menu.m_partners .partners a:active,
	#menu.m_partners .partners a:visited ,
	#menu.m_contact .contact a:hover,
	#menu.m_contact .contact a:link,
	#menu.m_contact .contact a:active,
	#menu.m_contact .contact a:visited
	{ text-shadow: #999 -0.5px -0.5px 0.5px; color:black; }
	 
	#menu.m_about .about a:hover,
	#menu.m_about .about a:link,
	#menu.m_about .about a:active,
	#menu.m_about .about a:visited{ background: url(../images/menu_arrow_on.gif) 83px 24px no-repeat; }
	
	#menu.m_properties .properties a:hover,
	#menu.m_properties .properties a:link,
	#menu.m_properties .properties a:active,
	#menu.m_properties .properties a:visited{ background: url(../images/menu_arrow_on.gif) 127px 24px no-repeat; }
	
	#menu.m_news .news a:hover,
	#menu.m_news .news a:link,
	#menu.m_news .news a:active,
	#menu.m_news .news a:visited{ background: url(../images/menu_arrow_on.gif) no-repeat; }
	.fr #menu.m_news .news a:link, .fr #menu.m_news .news a:active, .fr #menu.m_news .news a:visited {background-position:94px 24px;}
	.en #menu.m_news .news a:link, .en #menu.m_news .news a:active, .en #menu.m_news .news a:visited {background-position:58px 24px;}

	#menu.m_partners .partners a:hover,
	#menu.m_partners .partners a:link,
	#menu.m_partners .partners a:active,
	#menu.m_partners .partners a:visited { background: url(../images/menu_arrow_on.gif) no-repeat; }
	.fr #menu.m_partners .partners a:link, .fr #menu.m_partners .partners a:active, .fr #menu.m_partners .partners a:visited{background-position: 172px 24px;}
	.en #menu.m_partners .partners a:link, .en #menu.m_partners .partners a:active, .en #menu.m_partners .partners a:visited{background-position: 148px 24px;}
	
	#menu.m_contact .contact a:hover,
	#menu.m_contact .contact a:link,
	#menu.m_contact .contact a:active,
	#menu.m_contact .contact a:visited { background: url(../images/menu_arrow_on.gif) no-repeat; }
	.fr #menu.m_contact .contact a:link, .fr #menu.m_contact .contact a:active, .fr #menu.m_contact .contact a:visited{background-position: 129px 24px;}
	.en #menu.m_contact .contact a:link, .en #menu.m_contact .contact a:active, .en #menu.m_contact .contact a:visited{background-position: 78px 24px;}
		
	.sm_part { height:35px!important; }
	.fr .sm_part_new { height:35px!important; }
	.fr .sm_part { height:50px!important; }

	/* Sub-Menu */
	#menu li ul { display:none; position:absolute; top:44px; left:0; z-index:9999; padding:3px 0 0 0; /*width:156px;*/ }
	
	/* Show Sub Menu */
	#menu li:hover ul { display: block; } 
	
	/* Sub Menu Link */
	#menu #sm_about a,
	#menu #sm_properties a,
	#menu #sm_news a,
	#menu #sm_partners a,
	#menu #sm_contact a { text-indent:0; display:block; height:20px; width:136px; color:#fff; padding:3px 10px 0 27px; font-size:0.9em; background: url(../images/icon_cursor.gif) 14px 8px no-repeat; }
	
	#menu #sm_about a:hover,
	#menu #sm_properties a:hover,
	#menu #sm_news a:hover,
	#menu #sm_partners a:hover,
	#menu #sm_contact a:hover { background: #2e3235 url(../images/icon_cursor_over.gif) 14px 8px no-repeat; padding:3px 10px 0 27px; width:136px; }
	
	/* Cursor */
	#menu a span { /*width:130px;*/ display:block; white-space:nowrap; }
	
	/* Styles Sub Menu */
	#menu li ul { background: #000 url(../images/bg_sm.gif) 0 0 repeat-x; }
	#menu li ul li { background: url(../images/separator_sm.jpg) 0 bottom no-repeat; padding:0px 0 0 0; cursor:pointer; clear:left; }
	#menu li ul li.last { background:none; }
	
	#menu li ul li a { display:block; overflow:hidden; cursor:pointer; }
	
	#menu li ul li a:hover,
	#menu li ul li a:active,
	#menu li ul li a:focus { background-color:#2e3235 }
	
/*------------------------------------------------------------------ 
flash */	

#flash_home { height:291px; }
#flash {
	width: 955px;
	margin:0 auto;
	height:165px;
}

/*------------------------------------------------------------------ 
content */
#content {
	text-align:left;
	width: 953px;
	margin:0 auto;
	border: solid 1px white;
	border-width: 0 1px;
	/*width:921px;*/
	background: #fff url(../images/bg_content.png) no-repeat;
}

#content h1, #content h2{
	font-weight: normal;
	font-family: ArialNarrow, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.2em;
	text-transform: uppercase;
	color:#60a8ee;
	margin: 10px 0 20px;
}

#content .article h1, #content .article h2{
	margin-right:50px;
}



/*------------------------------------------------------------------ 
footer */
#footer { 
	background-color:#212224;
	padding:13px 0;
	overflow:hidden;
	width:100%;
	text-align:center;
}

#footer .container{
	height:178px;
	margin:0 auto;
	width:1111px;
	background: transparent url(../images/bg_container.png) repeat-y;
}

#footer .content{
	width:955px;
	margin:0 auto;
	text-align:left;
}

#footer .center{
	text-align:center;
	padding:30px 0;
}

#footer .center p{
	margin:0 auto;
}

/* menu bottom */
#menu_footer { padding-left:10px; }
#menu_footer li { 
	float:left;
	display:block;
	background: transparent url(../images/divider_footer.png) no-repeat 100% 50%;
	height:123px;
}
#menu_footer li a{
	font-weight: normal;
	font-family: ArialNarrow, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform: uppercase;
	color:#666666;
	margin: 0 34px;
}
.fr #menu_footer li a{
	margin: 0 21px;
}
#menu_footer li ul li{
	float:none;
	height:auto;
}
#menu_footer li ul li a{
	font-weight: normal;
	font-family: ArialNarrow, Arial, Helvetica, sans-serif;
	text-transform: none;
	color:#60a8ee;
	padding:0 15px 0 13px;
}
#menu_footer .last, #menu_footer .last li , #menu_footer li ul li { background:none!important; }

a.more{
	background: transparent url(../images/icon_cursor_over.gif) no-repeat 100% 50%;
	padding-right:10px;
}

.section{
	width:170px;
	min-height:303px;
	margin:42px 20px 20px 0px;
	padding:20px 20px 0 10px;
	float:left;
	/*background:transparent url(../images/bg_section.png) no-repeat;*/
}

.section h3{
	color:#60A8EE;
}

.article h3{
	font-size:1.2em;
}

.section .muh{
	margin-bottom:1.5em;
}

.section .ville{
	color:#666;
	margin-bottom:0.5em;
}

.section .left{
	padding-left:20px;
}

.section ul li {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 0 6px 0;
	width:183px;
	/*height:24px;*/
	margin-left:5px;
}

.section ul li.selected{
	background: transparent url(../images/bg_sm_left.png) no-repeat -20px 100%;
}

.section ul li.over{
	background: transparent url(../images/bg_sm_left.png) no-repeat -20px 100%;
	cursor:pointer;
}

.section ul li a{
	display:block;
}

.section ul li a:link, .section ul li a:hover, .section ul li a:active, .section ul li a:visited{
	padding-left:15px;
}

.section ul li.over a:link, .section ul li.over a:hover, .section ul li.over a:active, .section ul li.over a:visited{
	background: transparent url(../images/../images/icon_cursor_over.gif) no-repeat 0 50%;
}

.section ul li.selected a:link, .section ul li.selected a:hover, .section ul li.selected a:active, .section ul li.selected a:visited{
	cursor:default;
}

.section ul li.selected a:link, .section ul li.selected a:hover, .section ul li.selected a:active, .section ul li.selected a:visited, .section ul li.over a:link, .section ul li.over a:hover, .section ul li.over a:active, .section ul li.over a:visited{
	color:black;
	text-decoration:none;
}


.article{
	width:653px;
	min-height:450px;
	margin:20px 0 0 0;
	padding:40px;
	float:left;
	/*background:transparent url(../images/bg_article.png) no-repeat;*/
}

.article .larger p{
	font-size:1.2em;
}

.item, .bloc_job{
	margin:30px 0 15px;
	border: solid 1px #60a8ee;
	border-width: 0 0 1px 0;
	padding-bottom:15px;
}

.item.last{
	border:none !important;
}

.article .item .image{
	float:left;
}
.article .item .text{
	margin-left:163px;
}

.item .date, .article .date{
	color:grey;
	margin-top:0;
}

.logo {
	float: left;
	width: 138px;
	margin: 0 79px 30px 0;
}

/*************************
BANNER
*************************/

#banner{
	position:relative;
	width:947px;
	height:157px;
	border: solid 4px white;
	margin:0 auto;
	overflow:hidden;
}
#bannerBg{
	position:absolute;
	left:0px;
	top:0;
	width:1027px;
	height:157px;
}

#bannerLogo{
	position:absolute;
	left:0px;
	top:0px;
}

#bannerTextBg{
	position:absolute;
	left:-633px;
	top:28px;
	background: transparent url(/images/bg_banner_text.png) no-repeat;
	width:633px;
	height:91px;
}

.bannerText{
	position:absolute;
	left:0px;
	top:0px;
	color:white;
	font: bold 2em ArialNarrow;
	text-transform: uppercase;
	
}

#hp-teaser{
	width:716px;
	height:169px;
	position:relative;
	left:-24px;
	top:-36px;
	overflow:hidden;
	margin-bottom:-36px;
}

.hp-teaser{
	width:177px;
	height:168px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	z-index:1
}

.fr .btn_resume {
background: url(../images/fr/btn_send_resume.gif) 0 0 no-repeat;
display: block;
width: 198px;
height: 35px;
text-indent: -9000px;
}
.en .btn_resume {
background: url(../images/en/btn_send_resume.gif) 0 0 no-repeat;
display: block;
width: 184px;
height: 35px;
text-indent: -9000px;
}
.fr .btn_apply_now {
background: url(../images/fr/btn_apply_now.gif) 0 0 no-repeat;
display: block;
width: 184px;
height: 35px;
text-indent: -9000px;
}
.en .btn_apply_now {
background: url(../images/en/btn_apply_now.gif) 0 0 no-repeat;
display: block;
width: 113px;
height: 35px;
text-indent: -9000px;
}