/* ----------------------------------------------------------------------------------      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;
    top: 0px;
    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:80px 0 0 0;
	width: 180px;
}

.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:257px;
	width:207px;
	/*height:121px;*/
	height:280px;
	height:400px;
	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;
}

.corpCommentNav-left {
	width:12px;
	height:12px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23727272" d="M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.corpCommentNav-left:hover {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"/></svg>');
}
.corpCommentNav-right {
	width:12px;
	height:12px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23727272" d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.corpCommentNav-right:hover {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');
}
.corpCommentNav-left span,
.corpCommentNav-right span {
	display: none;
}





#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:280px;
	height:21px;
	z-index:10;
	opacity:0.20;
	filter : alpha(opacity=20);
	/*border:solid 1px #555555;*/
}

.creditsSound {
    float: right;
    width: 18px;
    height: 18px;
    margin: 10px 0px 0 8px;
    cursor: pointer;
}
.creditsSoundButtonOn{
	position:absolute;
	width:12px;
	height:12px;
	/*background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:36px 0;*/
	display:none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23727272" d="M301.1 34.8C312.6 40 320 51.4 320 64l0 384c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352 64 352c-35.3 0-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64l67.8 0L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3zM425 167l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.creditsSoundButtonOn:hover{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23f8f8f8" d="M301.1 34.8C312.6 40 320 51.4 320 64l0 384c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352 64 352c-35.3 0-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64l67.8 0L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3zM425 167l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z"/></svg>');
}

.creditsSoundButtonOff{
	position:absolute;
	width:12px;
	height:12px;
	/*background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:18px 0;*/
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="%23727272" d="M533.6 32.5C598.5 85.2 640 165.8 640 256s-41.5 170.7-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64l0 384c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352 64 352c-35.3 0-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64l67.8 0L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.creditsSoundButtonOff:hover{
	/*background-image:url(../images/assets/creditsbutton_2.gif);
	background-position:18px 18px;*/
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="%23f8f8f8" d="M533.6 32.5C598.5 85.2 640 165.8 640 256s-41.5 170.7-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64l0 384c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352 64 352c-35.3 0-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64l67.8 0L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"/></svg>');
}

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

.hidden {
    display: none !important;
}
/********************/

.creditsFlash {
    float: right;
    width: 18px;
    height: 18px;
    margin: 12px 0px 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{
	position:absolute;
	width:10px;
	height:10px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23727272" d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.creditsFlashOn.on,
.creditsFlashOn:hover {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23f8f8f8" d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>');
}

.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 6px 0 0px;
}
.creditsCredits a {
    float: right;
    margin: 5px 0px 0 7px;
}

.creditsCredits a{
    width: 10px;
    height: 10px;
    cursor: pointer;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23727272" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c31.2 31.2 81.9 31.2 113.1 0c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9c-50 50-131 50-181 0s-50-131 0-181s131-50 181 0c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0c-31.2-31.2-81.9-31.2-113.1 0s-31.2 81.9 0 113.1z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.creditsCredits a:hover{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23f8f8f8" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c31.2 31.2 81.9 31.2 113.1 0c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9c-50 50-131 50-181 0s-50-131 0-181s131-50 181 0c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0c-31.2-31.2-81.9-31.2-113.1 0s-31.2 81.9 0 113.1z"/></svg>');
}

.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: 4px 0px 0 6px;
    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:1001; }
#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;
}

.tWhite {
	color: #fff !important;
}


/* ############### 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);
}
#project_left_menu .plmenu_icone {
	margin:1px 2px 0 0;
}

.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;
}
*/





.typoLowercase {
	text-transform:lowercase !important;
}
.lh-normal {
	line-height: normal !important;
}
.lh-1 {
	line-height: 1 !important;
}
.fw-normal {
	font-weight: normal !important;
}


/*=====================================
===== Sidebar Css
=====================================*/
.corpSidebar {
    position: absolute;
    width: 250px;
    margin-top: 15px;
    margin-left: 15px;
}

/*=====================================
===== Footer Css
=====================================*/
#corpCredits {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
#corpCreditsA, 
#corpCreditsB {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}
#corpCreditsA {
    margin-left: 30px;
}
#corpCredits .creditsOeilButtonOff,
#corpCredits .creditsLine,
#corpCredits .creditsTweet,
#corpCredits .creditsFlash,
#corpCredits .creditsSound,
#corpCredits .creditsCredits,
#corpCredits .creditsLanguage {
	float: left;
}

/*=====================================
===== Project nav Css
=====================================*/
.project-nav {
    display: none;
}
.project-nav.active-nav {
    display: block;
}

/*#corpMedia {
    position: absolute;
    width: 930px;
    height: 100%;
    padding-bottom: 30px;
    z-index: 10;
    object-fit: contain;
}*/

#corpMenu {
    width: 180px;
    background-size: cover;
}
#corpMedia {
    width: 886px;
    height: 100%;
    /*padding-bottom: 30px;*/
    z-index: 10;
    object-fit: contain;
}
#corpMedia {
    z-index: 999;
}

.corpMediaInner {
    width: auto; /*25092025*/
    height: 100%;
    text-align: right;
    display: flex;
    /* align-items: end; */
    justify-content: end;
    overflow: hidden;
}
.corpMediaListInner.media-list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 99 !important;
}
#media_list {
    width: 100%;
    /*height: 100%;*/
}
#corpMedia img {
	/*width: 100%;
	height: 100%;
	*/
    height: auto;
    object-fit: contain;
    /* max-height: 99.8%; /* 500px*/
    /*object-fit: contain;*/
}
#corpMedia .corpMediaInner img {
    width: 100%;
    /* height: 100%; */
    /*object-fit: contain;
    object-position: bottom right;*/
}
#corpMedia .media-list-image img {
	/*width: initial; */
    /*height: calc(100% - 30px);*/
}
#corpMedia .media-list-image img {
    height: 100%;
}
.corpMediaNavInner {
    position: absolute;
    bottom: -20px;
    right: 0;
    display: flex;
    z-index: 999999;
}

.media-list-item {
    margin-bottom: 15px;
    display: block;
}
.media-list-item:not(:first-child) {
    margin-top: -50px;
}
.media-list-item.no-margin {
    margin: 50px 0;
}
.media-list-item-wrap {
    display: flex;
    /* justify-content: space-between; */
    align-items: end;
    gap: 15px;
}
.media-list-item-odd .media-list-item-wrap {
    flex-direction: row-reverse;
}
.media-list-item-wrap .media-list-image {
    /*width: 50%;*/
}
.media-list-item-wrap .media-list-image img {
    /*width: 100%;*/
    transition: opacity 0.2s ease-in-out;
}
.media-list-item-wrap .media-list-image .image-media-list {
    display: none;
}

.media-list-item-wrap .media-list-desc {
    color: #fff;
    max-width: 25%;
    max-width: 20%;
}
.media-list-item-wrap .media-list-title {
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: pre;
}
.media-list-item-odd .media-list-desc {
    text-align: right;
}
.media-list-subtitle * {
    text-transform: lowercase;
}

.content {
    width: 500px;
    height: calc(100% - 30px);
    height: calc(100%);
    margin-left: auto;
}

.media-list {
    right: -125px !important;
    padding-right: 125px;
}
.mCustomScrollBox {
	overflow: initial !important;
}
.mCustomScrollBox>.mCSB_container {
    margin-right: 0 !important;
}
.mCustomScrollBox>.mCSB_scrollTools {
    right: -126px !important;
    opacity: 1 !important;
}



.corpMediaScrollNavInner {
    position: absolute;
    top: 0;
    right: -126px;
    display: flex;
    z-index: 999999;
}
.scroll-nav-indicator {
    width: 16px;
    background-color: transparent;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: flex-end; */
    /* justify-content: space-between; */
    /* padding-bottom: 120px; */
    height: 580px;
}
.real-scroll {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #141414;
    background: #262626;
    width: 2px;
}
.scroll-nav-indicator.hidden {
	display: none;
}

.track-thumb {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    margin-left: -9px;
}

.track-thumb:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background-color: #262626;
}

.track-thumb.active:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background-color: white;
}

.scroll-nav-indicator .scroll-nav {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #fff;
    /* position: absolute; */
    /* left: 3.2px; */
    /* white-space: nowrap; */
    font-size: 9px;
    letter-spacing: 1px;
    color: #636262;
    text-transform: uppercase;
    cursor: pointer;
}
.scroll-nav-indicator .scroll-nav.prev-project {
    padding-top: 10px;
}
.scroll-nav-indicator .scroll-nav.next-project {
    padding-bottom: 10px;
}

/*=====================================
===== Basic Css
=====================================*/
.comment-s1 {
	color: #fff;
    text-transform: uppercase;
}
.comment-s2 {

}
.comment-s3 {
    text-transform: uppercase;
    color: #bbbbbb;
    font-weight: 600;
}
.comment-s3 a {
    color: #bbbbbb;
}


#corpMediaFull {
    margin-left: 0 !important;
    width: 100% !important;
}
#corpMediaFull #content_karlolivier {
    width: 100%;
}
#corpMediaFull #content_karlolivier .mCSB_container {
    margin-right: 0px;
}
#corpMediaFull #content_karlolivier #content_karlolivier_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
    flex-direction: row-reverse;
}
#corpMediaFull #content_karlolivier #content_karlolivier_wrapper div {
    /*width: calc(100% - 390px);*/
    width: calc(100% - 450px);
}
#corpMediaFull #content_karlolivier img {
    /*height: 500px;*/
    height: 580px;
}






.corpChessListInner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
}
.corpChessListInner #corpChessArrayWrapper {
    width: 100%;
}


.corpMediaNavInner .corpCommentNav:hover span,
.corpMediaNavInner .tColorA:hover, 
.corpMediaNavInner .tColorA A:hover {
	color: #7f7f7f !important;
}

.custom-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    display: none;
    z-index: 9999;
}

.typoHover:hover {
	color: #fff;
}


.double-image-container {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.double-image-container img {
    height: 280px !important;
    width: 280px !important;
    margin-left: 15px;
}

.mCSB_draggerRail.grayRail {
    background: #262626 !important;
}

.media-title {
	text-transform: lowercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}
.media-subtitle {
	text-transform: lowercase;
    font-size: 9px;
    color: #7f7f7f;
}

.comment-media-subtitle {
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #bbbbbb;
}

.media_list-links {
    margin-top: 10px;
}
.media_list-links li {
    margin-bottom: 4px;
    color: #7F7F7F;
    display: flex;
    align-items: center;
}
.media-list-item-odd .media_list-links li {
    justify-content: flex-end;
}
.media_list-links li:last-child {
    margin-bottom: 0px;
}
.media_list-links li a {
    color: #7F7F7F;
    margin-left: 5px;
}
.media_list-links li:hover,
.media_list-links li:hover a {
    color: #ffffff;
}


.none-click {
    cursor: auto;
}

/* for close one */
#corpMedia {
	width:910px;
}