/* ----------------------------------------------------------------------------------      BASE      */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#000000;
	
	overflow:hidden;
	vertical-align: baseline;
	text-decoration: none;
	letter-spacing:1px;
	font: 10px Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: (subpixel-antialiased|antialiased|none);
}
a {   outline: none; }
.opacity0{
	opacity:0;
	filter : alpha(opacity=0);
}
:focus {
	-moz-outline-style: none;
}
*:focus {
    outline: 0;
}

.cursorPointer{
	cursor:pointer;
}
#console{
	position:absolute;
	width:220px;
	background-color:#777777;
}
#consoleB{
	position:absolute;
	background-color:#777777;
}


#streamingSound{
	width:0;
	height:0;
	position:absolute;
	margin:-2000px 0 0 -2000px;
}

#launchWhite{
	
	z-index:1000;
	position:absolute;
	width:110px;
	height:80px;
	opacity:0;
  transition: 0.5s ease-in-out;
  top:14px;
  left:-47px;
  background-image:url(../images/assets/white_link.png);
  background-repeat:no-repeat;
  background-position:left 7px;
}
#launchWhiteLink{
	width:88px;
	height:44px;
	cursor:pointer;
	margin:12px 0 0 12px;
}
#launchWhiteLink:hover{
}

#launchWhite:hover{
	opacity:1;
}

#mozaWhiteWrapper{
	width:0;
	height:0;
	position:absolute;
	z-index:99999;
}
.square{
	float:left;
	width:10px;
	height:10px;
	background-color:#ffffff;
	opacity:0;
}

#corpIntro{
	position:absolute;
	display:none;
	width:990px;
	height:768px;
	z-index:99991;
}

.corpInside{
	position:absolute;
	width:862px;
	height:500px;
	/*border:solid 1px #555555;*/
}


#corpCreditsCorp{
	position:absolute;
	margin:100px 0 0 0;
	opacity:0;
	filter : alpha(opacity=0);
}


#corpCreditsCorpInner{
	background-color:#000000;
}

#corpSelect{
	position:absolute;
	width:150px;
	/*height:20px;*/
	display:none;
	padding:5px;
	text-align:center;
}

#corpMenu{
	position:absolute;
	width:177px;
	height:70px;
	z-index:10;
	display:none;
	/*border:solid 1px #555555;*/
	background-image:url(../images/assets/corpmenubackgroundoff.gif);
}

#corpMenuAlo{
	position:absolute;
	opacity:0;
	filter : alpha(opacity=0);
}

#corpMenuWrapper{
	width:175px;
	overflow:hidden;
	height:0px;
	/*
	height:90px;**********/
}

#corpMenuInner{
	margin:0 0 0 75px;
}

#corpMenuInner .A{height:13px;margin-top:1px;width:100px;}
#corpMenuInner .B{height:13px;margin-top:1px;width:100px;}
#corpMenuInner .C{height:13px;margin-top:1px;width:100px;}
#corpMenuInner .D{height:13px;margin-top:1px;width:100px;}
#corpMenuInner .E{height:13px;margin-top:1px;width:100px;}
#corpMenuInner .F{height:13px;margin-top:1px;width:100px;}

#corpMenuInner .A:hover span{color:#ffffff;}
#corpMenuInner .B:hover span{color:#ffffff;}
#corpMenuInner .C:hover span{color:#ffffff;}
#corpMenuInner .D:hover span{color:#ffffff;}
#corpMenuInner .E:hover span{color:#ffffff;}
#corpMenuInner .F:hover span{color:#ffffff;}

#corpNavigator{
	position:absolute;
	z-index:10;
	opacity:1;
	filter : alpha(opacity=100);
	margin:100px 0 0 0;
}

.corpNavigatorInner{
	/*position:absolute;*/
	/*border:solid 1px #555555;*/
}

.project_left_menu{
	position:relative;
}

#corpDiaryNavigatorB{
	position:absolute;
	width:104px;
	height:22px;
	z-index:10;
	/*
	opacity:0.1;
	filter : alpha(opacity=10);
	border:solid 1px #555555;*/
}
.corpDiaryNavigatorBInner{
	width:104px;
	height:22px;
	position:absolute;
}
#corpDiaryNavigatorBLeft{
	float:left;
	width:12px;
	height:15px;
}
#corpDiaryNavigatorBMiddle{
	float:left;
	width:80px;
	text-align:center;
}
#corpDiaryNavigatorBRight{
	float:left;
	width:12px;
	height:15px;
}
#croseLeftA{
	width:11px;
	height:15px;
	background-image:url(../images/assets/crosea.gif);
}
#croseLeftA:hover{
	background-position:0 15px;
}
#croseRightA{
	width:11px;
	height:15px;
	background-image:url(../images/assets/crosea.gif);
	background-position:11px 0;
}

#croseRightA:hover{
	background-position:11px 15px;
}


#corpChess{
	position:absolute;
	z-index:10;
	margin:160px 0 0 0px;
}

.corpChessInner{
	position:absolute;
	/*border:solid 1px #555555;*/
}

.corpChessItem{
	filter : alpha(opacity=50);
	opacity:0.5;
	-webkit-transition:500ms;
}

.corpChessItem:hover{
	filter : alpha(opacity=100);
	opacity:1;
	-webkit-transition:500ms;
}

#corpComment{
	position:absolute;
	width:320px;
	height:121px;
	z-index:10;
	opacity:1;
	filter : alpha(opacity=100);
	overflow:hidden;
	/*border:solid 1px #555555;*/
}

.corpCommentInner{
	position:absolute;
	/*border:solid 1px #555555;*/
}

.corpCommentNavLeft{
	width:16px;
	height:16px;
	background-color:#789789;
	float:left;
}
.corpCommentNavRight{
	width:16px;
	height:16px;
	background-color:#958476;
	float:left;
}
.corpCommentNav{
	padding:0 3px 0 3px;
	height:16px;
	float:left;
}
.corpCommentNav:hover span{
	color:#ffffff;
}

.corpCommentNavInner{
	text-align:center;
	margin-top:2px;
	height:14px;
}
.corpCommentNavLine{
	float:left;
	color:#7f7f7f;
	height:16px;
}







#corpCommentImage{
	position:absolute;
	width:320px;
	height:93px;
	z-index:10;
	opacity:1;
	filter : alpha(opacity=100);
	overflow:hidden;
}

#corpCommentImageInner{
	position:absolute;
}







#corpDiaryNavigatorA{
	position:absolute;
	width:160px;
	height:192px;
	z-index:10;
	display:none;
	overflow:hidden;
	/*border:solid 1px #555555;*/
}

#cdna{
}
#cdnaWrapper{
	margin-left:96px;
}
#cdnaInner{
}
.cdnaItem{
	position:absolute;
}
.cdnaItem.pos1{margin-top:0px;}
.cdnaItem.pos2{margin-top:32px;}
.cdnaItem.pos3{margin-top:64px;}
.cdnaItem.pos4{margin-top:96px;}
.cdnaItem.pos5{margin-top:128px;}
.cdnaItem.pos6{margin-top:160px;}


#corpMedia{
	position:absolute;
	width:431px;
	height:500px;	
	z-index:10;
	/*
	opacity:0.7;
	filter : alpha(opacity=70);
	border:solid 1px #555555;*/
}

#corpMediaLoad{
	width:1px;
	height:1px;
	background-color:#6a6a6a;
	position:absolute;
	margin:250px 0 0 125px;
	opacity:0;
	filter : alpha(opacity=0);
}

.content{
	width:500px; 
	height:500px; 
}

.corpMediaInner{
	position:absolute;
	right:0;
	/*
	opacity:0;
	filter : alpha(opacity=0);
	border:solid 1px #555555;*/
}

#corpCredits{
	position:absolute;
	width:250px;
	height:21px;
	z-index:10;
	opacity:0.20;
	filter : alpha(opacity=20);
	/*border:solid 1px #555555;*/
}

.creditsSound{
	float:right;
	width:18px;
	height:18px;
	margin:0 6px 0 6px;
	cursor:pointer;
}
.creditsSoundButtonOn{
	position:absolute;
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:36px 0;
	display:none;
}
.creditsSoundButtonOn:hover{
	background-position:36px 18px;
}

.creditsSoundButtonOff{
	position:absolute;
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:18px 0;
}
.creditsSoundButtonOff:hover{
	background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:18px 18px;
}

.creditsOeilButtonOff{
	float:right;
	margin:0px 0 0 5px;
	width:17px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_extra_2.gif);
	background-position:0 0;
}
.creditsOeilButtonOff:hover{
	background-image:url(../images/assets/creditsbutton_extra_2.gif);
	background-position:0 18px;
}
/********************/

.creditsFlash{
	float:right;
	width:18px;
	height:18px;
	margin:0 6px 0 6px;
	cursor:pointer;
}
.creditsFlashOn{
	position:absolute;
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_3.gif);
	background-position:36px 0;
	opacity:0.5;
}

.creditsFlashOn.on{
	opacity:1!important;
}

.creditsFlashOn:hover{

}

.creditsFlashOff{
	position:absolute;
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_3.gif);
	background-position:18px 0;
}
.creditsFlashOff:hover{
	background-image:url(../images/assets/creditsbutton_3.gif);
	background-position:18px 18px;
}


.introFlashOn{
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_3.gif);
	background-position:18px 18px;
}
.introFlashOff{
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_3.gif);
	background-position:36px 18px;
}

.introFlashOn.off,.introFlashOff.off{
	opacity:0.3;
}

.introFlashOn.off:hover,.introFlashOff.off:hover{
	opacity:0.5;
}
/********************/

.creditsLanguage{
	float:right;
	margin:4px 10px 0 4px;
}
.creditsCredits{
	float:right;
	margin:4px 10px 0 5px;
	
}
.creditsFace{
	float:right;
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:54px 0;
	margin-left:4px;
	cursor:pointer;
}
.creditsFace:hover{
	background-position:54px 18px;
}

.creditsTweet{
	float:right;
	width:18px;
	height:18px;
	background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:0 0;
	margin:1px 6px 0 9px;
	cursor:pointer;
}
.creditsTweet:hover{
	background-position:0 18px;
}

.creditsLine{
	float:right;
	width:1px;
	background-color:#787878;
	height:11px;
	margin:4px 0 0 0;
}

creditsbutton_2



/* Z-index */

#console{ z-index:1000; }
.corpInside{ z-index:900; }
#corpMenu{ z-index:800; }
#corpNavigator{ z-index:700; }
#corpDiaryNavigatorB{ z-index:600; }
#corpChess{ z-index:500; }
#corpComment{ z-index:400; }
#corpDiaryNavigatorA{ z-index:300; }
#corpMedia{ z-index:200; }
#corpCredits{ z-index:100; }
#corpSelect{z-index:1000;}
#corpCreditsCorp{z-index:1000;}




/* ############### TEMP TYPO BEGIN 




.typo_sl, .typo_sl A{
	font-size:11px;
	color:#767676;
}

.typo_sl A:hover{
	color:#c3c3c3;
}

.typo_slb{
	font-size:9px;
	color:#767676;
	
}

.typo_a, .typo_a A{
	font-size:9px;
	color:#7f7f7f;
	text-transform:uppercase;
}

.typo_a A:hover{
	color:#ffffff;
}

.typo_b, .typo_b A{
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
}

.typo_c, .typo_c A{
	font-size:9px;
	color:#7f7f7f;
}

.typo_d, .typo_d A{
	font-size:9px;
	color:#7f7f7f;
}

.typo_d A:hover{
	color:#ffffff;
}

.typo_fa, .typo_fa A{
	font-size:9px;
	color:#7f7f7f;
	text-transform:uppercase;
}

.typo_fa hover{
	color:#ffffff;
}

.typo_fab, .typo_fab A{
	font-size:9px;
	color:#ffffff;
	text-transform:uppercase;
}

.typo_fb, .typo_fb A{
	font-size:9px;
	color:#4a4a4a;
	text-transform:uppercase;
}

.typo_ea, .typo_ea A,.typo_eb, .typo_eb A,.typo_ec, .typo_ec A{
	font-size:9px;
	color:#373737;
	text-transform:uppercase;
}

.typo_ea:hover, .typo_eb:hover, .typo_ec:hover{
	color:#5c5c5c;
}

.typo_ec,.typo_ec:hover{
	color:#d78005;
}


.typo_min{
	text-transform: lowercase;
}


 ############### TEMP TYPO END */




/* ############### TYPO FINAL BEGIN */
.typoA1,.typoA1 A{
	font-size:9px;
	color:#7f7f7f;
	text-transform:uppercase;
}
.typoA1:hover, .typoA1 A:hover{
	color:#ffffff;
}
.typoA2,.typoA2 A{
	font-size:9px;
	color:#ffffff;
	text-transform:uppercase;
}

.typoA3,.typoA3 A{
	font-size:9px;
	color:#4a4a4a;
	text-transform:uppercase;
}
.typoA3:hover, .typoA3 A:hover{
	color:#ffffff;
}

.typoA4,.typoA4 A{
	font-size:9px;
	color:#ffffff;
	text-transform:uppercase;
}

.typoB1,.typoB1 A{
	font-size:9px;
	color:#7f7f7f;
}


.tCorpA, .tCorpA A{
	font-size:9px;
}

.tCorpB, .tCorpB A{
	font-size:12px;
}

.tColorA{
	color:#7f7f7f;
}

.tColorA:hover, .tColorA A:hover {
	color:#ffffff;
}

.tColorB{
	color:#ffffff;
}

.tColorC{
	color:#7f7f7f;
}
.tAttUp{
	text-transform:uppercase;
}

.tSpeA{
	color:#c84c1c;
}


/* ############### TYPO FINAL END */

/* ############### TEMP PORJECT BEGIN */

#project_left_menu{
}



#project_left_menu_title{
	margin:0 0 4px 0;
}

.plmenu_icone{
	float:left;
	width:8px;
	height:7px;
	margin:2px 2px 0 0;
	background-image:url(../images/assets/pagination_boff.gif);
}

.plmenu_icone_hoverW{
	background-image:url(../images/assets/pagination_woff.gif);
}

.plmenu_icone_hoverB{
	background-image:url(../images/assets/pagination_boff.gif);
}

.plmenu_icone_inner{
	width:8px;
	height:9px;
	margin:-1px 0 0 0;
	background-image:url(../images/assets/pagination_bon.gif);
	background-repeat:no-repeat;
	background-color:#000000;
}

.plm_display_none{
	overflow:hidden;
	height:0;
}

.plmenu_lvla{
	margin:1px 0 1px 2px;
	height:13px;
	cursor:pointer;
}
.plmenu_lvla:hover .typo_fa{
	color:#cccccc;
}
.plmenu_lvla:hover .plmenu_icone{
	background-image:url(../images/assets/pagination_woff.gif);
}
.plmenu_lvla:hover .plmenu_icone_inner {
	background-image:url(../images/assets/pagination_won.gif);
}

.plmenu_lvlb{
	margin:1px 0 1px 11px;
	height:13px;
	cursor:pointer;
}
.plmenu_lvlb:hover .typo_fa{
	color:#cccccc;
}
.plmenu_lvlb:hover .plmenu_icone{
	background-image:url(../images/assets/pagination_woff.gif);
}
.plmenu_lvlb:hover .plmenu_icone_inner {
	background-image:url(../images/assets/pagination_won.gif);
}

.plmenu_intema{
	height:13px;
	margin:1px 0 2px 12px;
	cursor:pointer;
}
.plmenu_intema:hover .typo_fb{
	color:#cccccc;
}
.plmenu_intemb{
	margin:1px 0 2px 21px;
	height:13px;
	cursor:pointer;
}
.plmenu_intemb:hover .typo_fb{
	color:#cccccc;
}

#project_left_descriptif{
height:144px;
margin:0 0 5px 0;
}
#project_left_pagination{}

#project_image{
	float:right;
	height:500px;
	width:500px;
	margin:2px 0 0 0;
	text-align:right;
}

#sub_parcours{
	height:0px;
	overflow:hidden;
}

/* ############### TEMP PORJECT END */
/*
html, body {
	background-color:#ffffff;
}
.tColorA{
	color:#000000;
}

.tColorA:hover, .tColorA A:hover {
	color:#000000;
}

.tColorB{
	color:#000000;
}
*/