@import url("reset.css");

body {color:#fff; background-color:#000;font:12px Georgia,'Times New Roman','MS Sans Serif',sans-serif}
td,th {color:#fff; font:12px Georgia,'Times New Roman','MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em 12px Georgia,'Times New Roman','MS Sans Serif',sans-serif}
/* // ---- typography ---- // */

/*	PRELOADER MAIN	*/

/*
		<img src="/img/bg.jpg" width="1" height="1" alt="" />
		<img src="/img/card.jpg" width="1" height="1" alt="" />
		<img src="/img/chronicles.jpg" width="1" height="1" alt="" />
		<img src="/img/dossier.jpg" width="1" height="1" alt="" />
		<img src="/img/corsicans-bg.png" width="1" height="1" alt="" />
		<img src="/img/w-tip.png" width="1" height="1" alt="" />
		<img src="/img/paris-more.jpg" width="1" height="1" alt="" />
		<img src="/img/marsel-more.jpg" width="1" height="1" alt="" />

*/
div#mainpre1{
	background: url("/img/bg.jpg");
}

div#mainpre2{
	background: url("/img/card.jpg");
}

div#mainpre3{
	background: url("/img/chronicles.jpg");
}

div#mainpre4{
	background: url("/img/corsicans-bg.png");
}

div#mainpre5{
	background: url("/img/w-tip.png");
}

div#mainpre6{
	background: url("/img/paris-more.jpg");
}

div#mainpre7{
	background: url("/img/marsel-more.jpg");
}



/* -/-	PRELOADER MAIN	*/

a {color:#fff; text-decoration:underline}
a:hover {text-decoration:none}

.fBold {font-weight:bold;}

/* -- ---- typography ---- -- */

#minWidth {position:relative; width:1000px; margin:0 auto; display:none}
#preload {position:absolute;  margin-left:auto;margin-right:auto; margin-top:170px; width:100%;height:100%;  text-align:center}
	#preload .preload {width:32px; height:32px; margin:0 auto}
		#preload .preload img {margin-left:0}
	#preload p {position:relative; margin-top:-3px; font-size:14px; padding-bottom:35px}
	#preload img {margin-left:-12px}
.nojs #minWidth {display:block}
.nojs #preloade {display:none}

.preloadimg {position:absolute; left:-999em; top:-999em}

.image {width:1000px; margin:0 auto}
	.image-on {position:relative; width:1000px; height:860px; background:url("/img/bg.jpg")}
		.image-on a {position:absolute; font-size:1px; background-repeat:no-repeat}
			.image-on a img {visibility:hidden}
			.image-on a:hover, .image-dossier .raskladi:hover, .image-dossier .card:hover, .image-dossier .chronicles:hover, .cluetip-clicked {text-indent:0; background-position:0 0 !important}
				.image-on a:hover img, .cluetip-clicked img {visibility:visible !important}
		.image-on .reyeb {z-index:2; top:166px; left:224px; width:105px; height:125px; background-image:url("/img/reyeb.jpg"); background-position:0 -125px}
		.image-on .ar-m-to-r {z-index:1; top:230px; left:320px; width:121px; height:55px}
		.image-on .malik {z-index:2; top:129px; left:448px; width:125px; height:164px}
		.image-on .ar-m-to-sectorc2 {z-index:1; top:276px; left:392px; width:71px; height:92px}
		.image-on .luchianni {z-index:2; top:435px; left:390px; width:137px; height:156px}
		.image-on .ar-m-to-sectorb {z-index:1; top:151px; left:577px; width:179px; height:77px}
		.image-on .sectorc2 {z-index:1; top:367px; left:222px; width:264px; height:196px}
		.image-on .sectorb {z-index:1; top:219px; left:595px; width:202px; height:158px}
		.image-on .riyad {z-index:2; top:318px; left:687px; width:119px; height:116px}
		.image-on .paris {z-index:1; cursor:hand; top:433px; left:764px; width:90px; height:37px}
			.image-on .paris b {position:absolute; left:-122px; top:-28px; width:130px; height:70px}
			.image-on .paris i {position:absolute; left:19px; top:-73px; width:45px; height:80px; background-image:url("/img/paris.png"); visibility:hidden}
			.image-on .paris:hover i {visibility:visible}
		.image-on .marsel {z-index:2; cursor:hand; top:523px; left:650px; width:110px; height:28px}
			.image-on .marsel b {position:absolute; left:-124px; top:-28px; width:130px; height:55px}
			.image-on .marsel i {position:absolute; left:34px; top:26px; width:106px; height:32px; background-image:url("/img/marsel.png"); visibility:hidden}
			.image-on .marsel:hover i {visibility:visible}
		.image-on .dosier {z-index:2; cursor:hand; top:603px; left:180px; width:200px; height:233px}
			.image-on .dosier i {position:absolute; top:-1px; left:-61px; width:304px; height:252px; background-image:url("/img/dossier.jpg"); visibility:hidden}
			.image-on .dosier:hover i {visibility:visible}
		.image-on .card {z-index:1; cursor:hand; top:629px; left:386px; width:238px; height:200px}
			.image-on .card i {position:absolute; top:0; left:-3px; width:301px; height:201px; background-image:url("/img/card.jpg"); visibility:hidden}
			.image-on .card:hover i {visibility:visible}
		.image-on .chronicles {z-index:2; top:590px; left:627px; width:247px; height:224px; background-image:url("/img/chronicles.jpg"); background-position:0 -224px}
.image-dossier {position:relative; width:1000px; height:1180px; color:#000101; background:url("/img/bg-dossier.jpg")}
	.image-dossier p {line-height:16px}
	.image-dossier h1 {font-size:26px; font-weight:normal; padding:241px 0 0 390px}
	.image-dossier .p-1 {padding:53px 250px 0 285px; height:215px}
		.image-dossier .p-1 .sml {position:relative; margin-right:-10px; padding:0 0 23px 103px}
	.image-dossier .p-2 {padding:35px 250px 0 406px}
	.image-dossier .raskladi {position:absolute; z-index:1; top:886px; left:118px; width:330px; height:259px; background:url("/img/dossier-raskladi.jpg") no-repeat 0 -259px}
	.image-dossier .card {position:absolute; z-index:2; top:936px; left:403px; width:305px; height:201px; background:url("/img/dossier-card.jpg") no-repeat 0 -201px}
	.image-dossier .chronicles {position:absolute; z-index:3; top:897px; left:651px; width:281px; height:240px; background:url("/img/dossier-chronicles.jpg") no-repeat 0 -240px}

#corsicans-more {position:absolute; z-index:999; top:-999em; left:-999em; margin-top:110px; margin-left:310px; width:537px}
	#corsicans-more .close-par {position:absolute; z-index:99; right:8px; top:6px; width:24px; height:18px; background:url("/img/close.png"); overflow:hidden; text-indent:-999em}
	#corsicans-more .cors-outer {background:url("/img/corsicans-bg.png"); padding-bottom:10px}
	#corsicans-more h3 {font-size:16px; border-bottom:1px dashed #4a4a4a; font-weight:normal; padding:7px 30px 10px 12px}
	#corsicans-more .inner {padding:12px 12px 6px; line-height:16px; border-bottom:1px dashed #4a4a4a}
	#corsicans-more p {padding-bottom:6px}

	#sectorb-more {position:absolute; z-index:999; top:-999em; left:-999em; margin-top:250px; margin-left:210px; width:400px}
	#sectorb-more .close-par {position:absolute; z-index:99; right:8px; top:6px; width:24px; height:18px; background:url("/img/close.png"); overflow:hidden; text-indent:-999em}
	#sectorb-more .cors-outer {background:url(../img/corsicans-bg.png); padding-bottom:10px}
	#sectorb-more h3 {font-size:16px; border-bottom:1px dashed #4a4a4a; font-weight:normal; padding:7px 30px 10px 12px}
	#sectorb-more .inner {padding:12px 12px 6px; line-height:16px; border-bottom:1px dashed #4a4a4a}
	#sectorb-more p {padding-bottom:6px}
	
.w-tip {position:absolute; top:-999em; left:-999em; z-index:999; width:210px}
	.w-tip .wtip-outer {background-image:url("/img/w-tip.png"); background-repeat:no-repeat; padding-bottom:14px}
	.w-tip .close-par {position:absolute; right:5px; top:3px; width:22px; height:22px; background-image:url("/img/w-tip-close.png")}
	.w-tip h3 {color:#000; font-size:14px; border-bottom:1px dashed #bdb489; font-weight:normal; padding:7px 30px 5px 10px}
	.w-tip .inner {color:#000; font-size:12px; padding:4px 10px 6px; line-height:15px; border-bottom:1px dashed #bdb489}
		.w-tip .inner h4 {font-size:14px; font-weight:normal; font-style:italic; padding-bottom:8px}
	.w-tip .arrow {position:absolute; font-size:1px}
#malik-vs-reyeb {margin:291px 0 0 290px}
	#malik-vs-reyeb .arrow {top:-58px; left:137px; width:8px; height:58px; background-image:url("/img/malik-vs-reyeb-ar.png")}
#malik-vs-sectorc2 {margin:298px 0 0 460px}
	#malik-vs-sectorc2 .arrow {top:25px; left:-38px; width:38px; height:8px; background-image:url("/img/malik-vs-sectorc2-ar.png")}
	#malik-vs-sectorb {margin:233px 0 0 446px; width:305px}
		#malik-vs-sectorb .arrow {top:-58px; left:146px; width:8px; height:58px; background-image:url("/img/malik-vs-reyeb-ar.png")}
		#malik-vs-sectorb .wtip-outer {background-image:url("/img/malik-vs-sectorb.png")}
		#malik-vs-sectorb .wtip-outer .inner {padding-bottom:1px}
		#malik-vs-sectorb p {padding-bottom:5px}
		#malik-vs-sectorb h4 {padding-bottom:3px}

		#malik-vs-reyeb {margin:291px 0 0 290px}
	#malik-vs-reyeb .arrow {top:-58px; left:137px; width:8px; height:58px; background-image:url("/img/malik-vs-reyeb-ar.png")}
#malik-vs-sectorc2 {margin:298px 0 0 460px}
	#malik-vs-sectorc2 .arrow {top:25px; left:-38px; width:38px; height:8px; background-image:url("/img/malik-vs-sectorc2-ar.png")}
	#malik-vs-sectorb {margin:233px 0 0 446px; width:305px}
		#malik-vs-sectorb .arrow {top:-58px; left:146px; width:8px; height:58px; background-image:url("/img/malik-vs-reyeb-ar.png")}
		#malik-vs-sectorb .wtip-outer {background-image:url("/img/malik-vs-sectorb.png")}
		#malik-vs-sectorb .wtip-outer .inner {padding-bottom:1px}
		#malik-vs-sectorb p {padding-bottom:5px}
		#malik-vs-sectorb h4 {padding-bottom:3px}

#marsel-more {position:absolute; z-index:999; top:-999em; left:-999em; margin-left:49px; width:902px; height:808px; background:url("/img/marsel-more.jpg") no-repeat; padding-bottom: 50px}
	#marsel-more dl {position:relative; padding:542px 170px 0 306px}
	#marsel-more dl dd {font-size:14px; line-height:17px; color:#e2d8c3; border-left:5px solid #000; margin-top:10px; padding-bottom:2px}
		#marsel-more dl dd span {background-color:#000; padding:0 5px 2px 0}
	#marsel-more dl dt {position:absolute; left:152px; width:143px; margin-top:7px; color:#e2d8c3; font-size:18px; font-style:italic; text-align:right}
	#marsel-more a.close-par {position:absolute; z-index:6; left:738px; top:500px; width:26px; height:21px; background:url(../img/close-black.png) no-repeat}

#paris-more {position:absolute; z-index:999; top:-999em; left:-999em; margin-left:49px; width:902px; height:808px; background:url("/img/paris-more.jpg") no-repeat;padding-bottom: 49px}
	#paris-more dl {position:relative; padding:600px 170px 0 306px}
	#paris-more dl dd {font-size:14px; line-height:17px; color:#e2d8c3; border-left:5px solid #000; margin-top:10px; padding-bottom:2px}
		#paris-more dl dd span {background-color:#000; padding:0 5px 2px 0}
	#paris-more dl dt {position:absolute; left:152px; width:143px; margin-top:7px; color:#e2d8c3; font-size:18px; font-style:italic; text-align:right} 
	#paris-more a.close-par {position:absolute; z-index:6; left:738px; top:560px; width:26px; height:21px; background:url("/img/close-black.png") no-repeat;}

.active-tip {top:0 !important; left:0 !important}

/* // ---- tip ---- // */
#cluetip-title {overflow: hidden}
#cluetip-waitimage {width: 43px;  height: 11px;  position: absolute;  background-image: url("/img/wait.gif");}
.cluetip-arrows {display: none;  position: absolute;  z-index:999;   top: 0;  left: -30px;  height: 30px;  width: 30px;  background-repeat: no-repeat;  background-position: 0 0;}
#cluetip-extra {  display: none;}
#cluetip .cont-bl {font-size:12px; position:relative; top:0; left:0}
.cluetip-default {margin-left:155px}
.cluetip-default #cluetip-outer {
	margin: 0;
	background:url("/img/tip-png.png") no-repeat 0 0;
	padding-bottom:10px; 
	position:static !important
}
.cluetip-default h3#cluetip-title {
	position:relative;
	font-size:16px; border-bottom:1px dashed #4a4a4a;
	font-weight:normal; 
	padding:7px 30px 10px 12px;
}
#cluetip-close {position:absolute !important; z-index:99; right:8px; top:6px; }
	#cluetip-close a {position:relative; display:block; width:24px; height:18px; background:url("/img/close.png"); overflow:hidden; text-indent:-999em}
.cluetip-default #cluetip-title a {}
.cluetip-default #cluetip-inner {padding:12px 12px 20px;line-height:16px; border-bottom:1px dashed #4a4a4a}

/* default arrows */

.clue-bottom-default .cluetip-arrows, .clue-top-default .cluetip-arrows, .clue-left-default .cluetip-arrows, .clue-right-default .cluetip-arrows {
  background-image: url("/img/tip-ar.png");
	margin-top:-30px;
}

.cont-bl {position:absolute; top:-999em; left:-999em; font-size:1px}

/* / tip */


/* .people-tip {position:absolute; width:255px; height:400px}
	.people-tip .people-tip-inner {background:url(../img/tip-png.png) no-repeat 0 0; padding-bottom:10px}
	.people-tip h3 {font-size:16px; border-bottom:1px dashed #4a4a4a; font-weight:normal; padding:7px 30px 10px 12px}
	.people-tip .content-outer {padding:12px 12px 20px;line-height:16px; border-bottom:1px dashed #4a4a4a}
	.people-tip .arrow {position:absolute; top:0; left:-30px; height:30px; width:30px; background-image: url(../img/tip-ar.png);} */

.bottom {width:605px; border-top:1px solid #2c2c2c; text-align:center; margin:0 auto; padding:18px 0 25px}
	.bottom .dashed {color:#575757; text-decoration:none; border-bottom:1px dashed; margin:0 10px}
	.bottom .active {border-bottom-width:0}
	.bottom .tab {display:none}
	.bottom .tab-container {text-align:left; padding-top:6px}
	.additional-info {float:right; width:260px; padding-top:30px}
		.additional-info li {padding-bottom:4px}
	.journalistic-investigation {position:relative; margin:0 -23px 0 -13px; width:620px; height:219px; background-image:url("/img/btm-tab-1.jpg"); padding:53px 0 0 21px}
		.journalistic-investigation dl {float:left; width:320px}
			.journalistic-investigation dl dt {color:#7f7f7f; padding-bottom:18px}
			.journalistic-investigation dl dd {float:left; padding:0 7px 9px 3px}
			.journalistic-investigation dl .all {clear:both; padding:2px 0 0; float:none}
				.journalistic-investigation a {color:#944644}
	.partners {position:relative; width:641px; height:114px; margin:0 -23px 0 -13px; background-image:url("/img/btm-tab-2.jpg"); text-align:center; padding-top:67px}
		.partners img {margin:0 21px}

/* // ---- card ---- // */
.card-bg {background:url("/img/card-bg.jpg")}
	.card-bg .card-i {position:relative; height:auto !important; height:708px; min-height:708px; background:url("/img/card-top.jpg") no-repeat 0 0}
	.card-bg .card-vis {position:absolute; z-index:1; top:0px; left:611px; width:389px; height:374px; background:url("/img/card-vis.jpg") no-repeat}
	.card-btm {position:relative; height:325px; background-image:url("/img/card-btm.jpg")}
		.card-btm a:hover {text-indent:0; background-position:0 100%}
		.card-btm .raskladi {position:absolute; z-index:1; left:140px; top:24px; width:321px; height:277px; background:url("/img/card-raskladi.jpg") no-repeat 0 -277px}
		.card-btm .dossier {position:absolute; z-index:2; top:73px; left:419px; background:url("/img/card-dossier.jpg") no-repeat -117px -228px; width:244px; height:228px}
		.card-btm .dossier i {position:absolute; left:-117px; top:38px; width:117px; height:190px; background:url("/img/card-dossier.jpg") no-repeat 0 -228px}
			.card-btm .dossier:hover {background-position:-117px 100%}
				.card-btm .dossier:hover i {background-position:0 100%}
		.card-btm .chronicles {position:absolute; z-index:3; top:25px; left:644px; background:url("/img/card-chronicles.jpg") no-repeat 0 -276px; width:272px; height:276px}

.card-items {position:relative; z-index:3; padding:381px 0 10px 256px}
	.card-items li {float:left; margin:0 17px 28px 0; background:url("/img/card-item-p.png")}
	.card-items .i {width:258px; height:144px; padding-top:17px; background-image:url("/img/card-item.png"); text-align:center}
		.card-items .i a {position:absolute; width:233px; height:148px; background-image:url(about:blank); }
	.card-items .shad {position:absolute; top:374px; left:680px; width:366px; height:130px; background-image:url("/img/card-shad.png")}
	.f-cards {padding:1px 0 0 31px; text-align:left}
		.f-cards a {position:static !important; margin:0; width:auto; height:auto}
		.f-cards img { margin:0 8px 6px 0}
/* -- ---- card ---- -- */

.chronicles-bg {background:url("/img/chronicles-bg.jpg")}
	.chronicles-i {background:url("/img/chronicles-top.jpg") no-repeat 0 0}
	.chronicles-o {background:url("/img/chronicles-btm.jpg") no-repeat 0 100%; height:auto !important; height:847px; min-height:847px; padding-bottom:310px}

.list-trailers {padding:230px 0 0 250px}
	.list-trailers li {position:relative; padding-bottom:123px}
	.list-trailers .bshad {position:absolute; z-index:1; top:-126px; left:-159px; width:835px; height:621px; background:url("/img/chronicles-item-p.png")}
	.list-trailers .bframe-l {position:absolute; z-index:3; top:-19px; left:-23px; width:37px; height:338px; background:url("/img/chronicles-frame-l.png")}
	.list-trailers .bframe-t {position:absolute; z-index:3; top:-19px; left:14px; width:485px; height:33px; background:url("/img/chronicles-frame-t.png")}
	.list-trailers .bframe-r {position:absolute; z-index:3; top:-19px; left:499px; width:34px; height:338px; background:url("/img/chronicles-frame-r.png")}
	.list-trailers .bframe-b {position:absolute; z-index:3; top:291px; left:14px; width:485px; height:28px; background:url("/img/chronicles-frame-b.png")}
	.list-trailers .bframe-lt {position:absolute; z-index:3; top:14px; left:14px; width:91px; height:81px; background:url("/img/chronicles-frame-lt.png")}
	.list-trailers .flash {position:relative; z-index:2; width:515px; height: 308px} /*xEviL*/
	
	.chronics-btm {position:relative; margin-top:-310px; height:310px}
		.chronics-btm a:hover {text-indent:0; background-position:0 100%}
		.chronics-btm .raskladi {position:absolute; z-index:1; left:106px; top:7px; width:354px; height:300px; background:url("/img/chronics-raskladi.jpg") no-repeat 0 -300px}
		.chronics-btm .dossier {position:absolute; z-index:2; top:55px; left:417px; background:url("/img/chronics-dossier.jpg") no-repeat -117px -228px; width:223px; height:228px}
		.chronics-btm .dossier i {position:absolute; left:-117px; top:38px; width:117px; height:190px; background:url("/img/chronics-dossier.jpg") no-repeat 0 -228px}
			.chronics-btm .dossier:hover {background-position:-117px 100%}
				.chronics-btm .dossier:hover i {background-position:0 100%}
		.chronics-btm .card {position:absolute; z-index:3; top:23px; left:630px; background:url("/img/chronics-card.jpg") no-repeat 0 -201px; width:252px; height:201px}

.main-link {position:absolute; z-index:99; left:370px; top:15px; width:275px; height:115px}