html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family:Arial, Helvetica, sans-serif;
  color:#262626;
	
}


body {
	height:100%;
	background-color:#f5f5f5;
	font-size:10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
  	text-decoration: none;
  
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style-type: none;
}
a, a:visited {
  color: black;
  text-decoration: none;
}
/* @group Constants */
/* @end */
/* @group Global */

body,
*,
a,
*:after,
*:before {
  /*color: white;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}
ul {
 
}
ul > li {
  text-decoration: none;
}
a:visited {
   border: none;
}
#main {
  height: 5000px;
}
/* @end */
/* @group Mixins */
.bubble {
  position: relative;
}
.bubble .bubble-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* @end */
/* @group Controls */
.toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.toggle .on {
  display: none;
}
.toggle .off {
  display: inline;
}
.toggle.active .on {
  display: inline;
}
.toggle.active .off {
  display: none;
}
/* @end */
/* @group Header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
  font-family: 'DinCondensedRegular', 'Trebuchet MS', 'Garamond';
  padding-top: 20px;
}
.header h1 {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-top: -8px;
}
.header h1 a {
  display: block;
  width: 74px;
  height: 31px;
  background: url(../images/shared/sf-logo-small.png) no-repeat;
}
.header h1 a .label {
  display: none;
}
.header a {
  cursor: pointer;
}
.header a:hover {
  color: #df0012;
}
.header .header-nav {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.header .header-nav > li.info, .header .header-nav > li.mute {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin-left: 15px;
  margin-top: 0px;
}
.header .header-nav > li.info a, .header .header-nav > li.mute a {
  text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;
  text-decoration: none;
}
.header .header-nav > li.info a:hover, .header .header-nav > li.mute a:hover {
  color: white;
  text-decoration: none;
}
.header .header-nav > li.info {
  padding-left: 12px;
  background: url(../images/icons/info.png) no-repeat 0 2px;
}
.header .header-nav > li.mute {
  padding-left: 16px;
  background: url(../images/icons/sound-off.png) no-repeat 0 3px;
}
.header .header-nav > li.mute.active {
  background: url(../images/icons/sound-on.png) no-repeat 1px 4px;
}
.header .header-nav .night .toggle a {
  z-index: 3000;
  position: fixed;
  display: block;
  width: 58px;
  height: 58px;
  top: 0px;
  right: 0px;
}
.header .header-nav .night .toggle a span {
  display: none;
}
.header .header-nav .night .toggle a.on {
  display: none;
  background-image: url(../images/buttons/tag.png);
}
.header .header-nav .night .toggle a.off {
  background-image: url(../images/buttons/nacht.png);
}
.header .header-nav .night .toggle a.on:hover {
  background-image: url(../images/buttons/tag_hover.png);
}
.header .header-nav .night .toggle a.off:hover {
  background-image: url(../images/buttons/nacht_hover.png);
}
.header .header-nav .night .toggle.active .on {
  display: block;
}
.header .header-nav .night .toggle.active .off {
  display: none;
}
/* @end */
/* @group Street View */
.controlTowerImg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
}
.controlTowerImg > img {
	
  
}
/* @end */

.overlay > img {
  position: fixed;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}



/*_________________________________________________________________________________________________TWEETS */
.parallax-tweet {
	position:fixed;
	/*top:-320px;*/
	margin:-320px 0 0 -183px;
	overflow:hidden;
	width:366px;
	height:320px;
	padding:93px 6px 6px 6px;
	color:#000;
	opacity:0;
	background: url("../images/skins/fond_tweet.png") no-repeat scroll left top transparent;
	background-position:0 88px;
	/*display: none;*/
	pointer-events:none;
}

.parallax-tweet-bas {
	position:fixed;
	/*top:-320px;*/
	margin:0px 0 0 -183px;
	overflow:hidden;
	width:366px;
	height:320px;
	padding:93px 6px 6px 6px;
	color:#000;
	opacity:0;
	background: url("../images/skins/fond_tweet.png") no-repeat scroll left top transparent;
	background-position:0 88px;
	/*display: none;*/
	pointer-events:none;
}


/*Tweets*/
.tweetTrait-1{
	position:absolute;
	top:187px;
	left:94px;
	width:101px;
	height:300px;
	z-index:100;
	opacity:1;
	background:url('../images/skins/trait_1.png')no-repeat;
	pointer-events:none;
}
.tweetTrait-2{
	position:absolute;
	top:0px;
	left:194px;
	width:101px;
	height:300px;
	z-index:100;
	opacity:1;
	background:url('../images/skins/trait_2.png')no-repeat;
	pointer-events:none;
}
.tweetTrait-3{
	position:absolute;
	top:0px;
	left:94px;
	width:101px;
	height:300px;
	z-index:100;
	opacity:1;
	background:url('../images/skins/trait_2.png')no-repeat;
	pointer-events:none;
	
}
.tweetTrait-4{
	position:absolute;
	top:0px;
	left:125px;
	width:101px;
	height:300px;
	z-index:100;
	opacity:1;
	background:url('../images/skins/trait_2.png')no-repeat;
	pointer-events:none;
}
.tweetTrait-5{
	position:absolute;
	top:187x;
	left:330px;
	width:101px;
	height:0px;
	z-index:100;
	opacity:0;
	background:url('../images/skins/trait_1.png')no-repeat;
	pointer-events:none;
}
.tweetTrait-6{
	position:absolute;
	top:-42px;
	left:0px;
	width:101px;
	height:0px;
	z-index:100;
	opacity:0;
	background:url('../images/skins/trait_4.png')no-repeat;
	pointer-events:none;
}
.tweetInt {
	position:absolute;
	top:187px;
	margin:0 0 0 11px; 
	padding:10px; 
	width:330px; 
	height:0px; 
	opacity:0;
	z-index:101;
	color:#333;
	background: url('../images/skins/fondTweetOpen.png') no-repeat scroll left top transparent;
	
}

.contentSB{width:320px; height:110px;overflow:auto; /*-ms-touch-action:none;*/}

.vertical-titreTweet {
	margin:10px 0 0 -25px;
	display:block;
	bottom:0;
	width:80px;
	height:20px;
	color:#4D4D4D;
	text-align:center;
	/*text-shadow: 0px 0px 1px #333;*/
}
.pseudo {
	margin:-20px 0 0 50px;
	color:#009EE0;
	font-size:10px;
}
.tweetTxt {
	margin:10px 0 0 50px;
	color:#333;
	width:220px;
	height:28px;
}
.btnTweet{
	position:absolute;
	top:127px;
	left:174px;
	width:20px;
	height:16px;
	opacity:0;
}

#tweet_centre {
	position:fixed;
	left:10000px;
	margin-top:0px;
	width:412px;
	height:192px;
	background: url('../images/skins/Fond_Tweet_Central.png') no-repeat scroll left top transparent;
	
}
#tweet_centre img {
	position:absolute;
	top:21px;
	left:38px;

}
#titre-tweet_centre {
	position:absolute;
	top:26px;
	left:132px;
	width:260px;
	color:#009EE0;
}
#text-tweet_centre {
	position:absolute;
	top:80px;
	left:132px;
	width:260px;
}
.parallax-tweet-bas a,
.parallax-tweet a {
	position:absolute;
	top:152px;
	left:319px;
	cursor: pointer;
    border: solid 0px #fff;
    padding: 10px 0px; 
	width:37px;
	height:32px;
	background: url('../images/skins/btn_tweet.png') no-repeat scroll left top transparent;	
	pointer-events:auto;
}

.parallax-tweet-bas a.hover,
.parallax-tweet a.hover {
    border: solid 0px #fff;
	width:37px;
	height:32px;
	background: url('../images/skins/btn_tweet_hover.png') no-repeat scroll left top transparent;
	pointer-events:auto;	
}

.parallax-tweet-bas a.down,
.parallax-tweet a.down {
    border: solid 0px #fff;
	width:37px;
	height:32px;
	background: url('../images/skins/btn_tweet_close.png') no-repeat scroll left top transparent;	
	pointer-events:auto;
}
.blockInt{
	width:330px;
}
/*_________________________________________________________________________________________________TWEETS */

#divInfosTexts {
	display:none;
	margin-top:200px;
	width:500px;
	color:#fff;
}

#poweredByCabarey {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:9999;
}
#poweredByCabarey a{
	color:#262626;
}
#reseaux {
	position:fixed;
	bottom:18px;
	right:150px;
	z-index:9998;
}
/*_________________________________________________________________________________________________ MENU */
#controlTower-header {
	position:fixed;
	top:-17px;
	padding-left:50%;
	padding-top:4px;
	width:3000px;
	height:20px;
	margin-left:-566px;
	z-index:700;
	background-color:#f5f5f5;
	background: url('../images/menus/header.png') center center x-repeat;
	pointer-events:none;
	/*display:none;*/
}
.logos {
	margin:0px 0 0 4px;
}

.content-anchor {
	display:none;
}
#calque-menuCont {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	
	z-index:300;

}
#calque-menu {
	margin-top:0px;
	width:100%;
	height:92px;

}
#calque-menuG {
	margin-top:-150px;
	float:left;
	width:100%;
	height:100px;
	
}
#menu-bar {
	position:fixed;
	top:-25px;
	right:0;
	width:214.58px;
	height:14px;
	z-index:301;
	/*background:transparent url('../images/menus/fond.png') top center;*/
}
#logoClient {
	position:fixed;
	top:12px;
	left:30px;
}

#deconnexion {
	position:fixed;
	top:10px;
	right:30px;
}
#menu-content {
	position:fixed;
	right:18px;
	top:44px;
	z-index:302;
}

#menu-items {
	display:block;
	list-style:none;
	width:800px;
}
#menu-items li {
	float:right;
	font-size:20px;
	font-weight:bold;
	padding:0 6px;
}



#menu-items li.menu-retour {
	position: absolute;
	top:206px;
	left:250px; 
	width:300px; margin-right:50%; 
	display:none;
}

#menu-items li a {
	display:block;
	width:100%;
	overflow:hidden;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:0 6px;
	font-size:20px;
	font-weight:bold;
}
#menu-items li.menu-retour a {
	display:block;
	width:100%;
	height:51px;
	text-indent:-30000em;
	overflow:hidden;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:0 6px;
}
#menu-items li a:hover, #menu-items li a.active {
	background-position:0px -34px;
}
#menu-items li.menu-retour a:hover, #menu-items li.menu-retour a.active {
	background-position:0px -57px;
}
/*#menu-items li.menu-transport a { background-image:url('../images/menus/menuAccueil.png'); }
#menu-items li.menu-havre a { background-image:url('../images/menus/menuHavre.png'); }
#menu-items li.menu-kourou a { background-image:url('../images/menus/menuKourou.png'); }
#menu-items li.menu-bil a { background-image:url('../images/menus/menuBil.png'); }
#menu-items li.menu-baf a { background-image:url('../images/menus/menuBAF.png'); }
#menu-items li.menu-zdl a { background-image:url('../images/menus/menuZDL.png'); }
#menu-items li.menu-cdl a { background-image:url('../images/menus/menuCDL3.png'); }
#menu-items li.menu-lancement a { background-image:url('../images/menus/menuLancement.png'); }
#menu-items li.menu-retour a { background-image:url('../images/menus/menuRetour.png'); }


.content-page {
	position:absolute;

}
#content-page-1  { left:2183px; top:377px; }

/*_________________________________________________________________________________________________FICHES */
#parallax-fiche-1  { left:3581px; top:519px; height:59px;}
#parallax-fiche-2  { left:295px; top:783px; height:100px;}
#parallax-fiche-3  { left:4602px; top:472px; height:100px;}
#parallax-fiche-4  { left:5074px; top:472px; height:100px;}
#parallax-fiche-5  { left:3227px; top:413px; height:100px;}
#parallax-fiche-6  { left:5442px; top:784px; height:100px;}
#parallax-fiche-7 { left:3127px; top:708px; height:100px;}
#parallax-fiche-8 { left:3463px; top:708px; height:100px;}
#parallax-fiche-9  { left:5163px; top:628px; height:100px;}
#parallax-fiche-10  { left:3127px; top:767px; height:100px;}
#parallax-fiche-11  { left:3780px; top:675px; height:100px;}
/*_________________________________________________________________________________________________FICHES */
#allFiches {
	/*position:fixed;
	margin:0;
	padding:0;*/
}
.parallax-fiche {
	position:fixed;
	overflow:hidden;
	width:314px;
	padding:4px 10px 10px 10px;
	color:#000;
	background: url("../images/skins/fond_titre_metier.png") no-repeat scroll left top transparent;

}

.ficheInt {
	position:absolute;
	top:37px;
	margin:8px 0 0 0px; 
	padding:10px; 
	width:292px; 
	height:0px; 
	opacity:0;
	z-index:101;
	background: url('../images/skins/fondFicheOpen.png') no-repeat scroll left top transparent;
	
}

.ficheTxt {
	margin:0px;
	padding-top:10px;
	width:270px;
	height:30px;
	color:#262626;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.ficheTxt_2 {
	margin:0px;
	padding-top:4px;
	width:270px;
	height:30px;
	color:#262626;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.btnFiche{
	position:absolute;
	top:66px;
	left:295px;
	width:34px;
	height:27px;
	opacity:0;
}


.parallax-fiche a {
	position:absolute;
	top:10px;
	left:274px;
	cursor: pointer;
    border: solid 0px #fff;
    padding: 10px 0px; 
	width:62px;
	height:54px;
	background: url('../images/skins/btn_metier.png') no-repeat scroll left top transparent;	
}

.parallax-fiche a.hover {
    border: solid 0px #fff;
	width:62px;
	height:54px;
	background: url('../images/skins/btn_metier_hover.png') no-repeat scroll left top transparent;	
}
.parallax-fiche a.down {
    border: solid 0px #fff;
	width:62px;
	height:54px;
	background: url('../images/skins/btn_metier_close.png') no-repeat scroll left top transparent;	
}
.blockIntFiche{
	width:280px;
	font-size:10px;
}
.scrollUpBtn {
	display:none;	
}
.scrollDownBtn {
	display:none;	
}
/*_________________________________________________________________________________________________FICHES */

.date   {
	position:absolute;
	top:102px;
	right:12px;
	width:77px;
	height:38px;
	text-align:right;
	background: url("../images/skins/fond_jour.png") no-repeat scroll left top transparent;
}
.date  h1 {
	margin:5px 4px 0 0;
	color:#262626; 
	font-size:24px;
	font-weight:bold;
}

#decompte {
	position:absolute;
	top:-19px;
	left:0;
	width:100%;
	height:637px;
	z-index:998;
	display:none;
	text-align:center;
}
#decompteText {
	padding:177px;
	font-size:236px;
	font-weight:bold;
	color:white;
}

#aideNav {
	position:absolute;
	left:9000px;
	width:582px;
	height:429px;
	display:block;
	/*background:transparent url('../images/skins/fondBoxAideNav.png') ;*/
	z-index:999;
}