@charset "UTF-8";

body {background:url('/site/images/theme/bg.png'); font-family: 'Ubuntu', Arial, sans-serif; font-weight:300; font-size:14px;overflow-x:hidden;}
body.rtl {font-family: Tahoma, sans-serif;}
a:hover {text-decoration:none;}
#hiddenImgLoader {position:fixed; top:-100px; left:0; width:10px; height:10px; overflow:hidden; }

/*Top*/
#top {position:absolute; width:100%; z-index:3;}
#top.home {z-index:5;}
	#logo {width:50px; height:75px; position:absolute; top:6px; left:6px;}
		#logo a{display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
	.rtl #logo {left:auto; right:6px;}
	.fakeLogo {width: 50px; height: 75px; position: absolute; top: 6px; left: 6px;
    background: url('/site/images/trans.png');}

	#langs {position:absolute; top:0; right:45px; background:#fff; width:117px; z-index:4;}
	.rtl #langs {right:auto; left:45px;}
		#langs div { background:url('/site/images/theme/langHandle.png') bottom no-repeat; background-size:auto 29px; -moz-background-size:auto 29px; margin-bottom:-29px;}
			#langs a {display:block; height:0; line-height:29px; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.1s ease-in-out; overflow:hidden;}
			#langs div.open a { height:29px;}
			#langs.ar a.ar { height:29px;}
			#langs.en a.en { height:29px;}
			#langs.fr a.fr { height:29px;}

/*Body*/
#wrapper {width:100%;position:absolute; overflow-x:hidden; z-index:3;}
	#page {width:200%; position:absolute; min-height:100%;}
		#load, #preload {width:50%; float:left; position:absolute; min-height:100%;}
		.rtl #load, .rtl #preload {width:50%; float:right;}
		
/*Home*/
#homeTip {background:#f2f2f2; color:#999; position:relative; top:100%; margin:10px; border-radius:6px; -moz-border-radius:6px; text-align:center; padding:10px; margin-top:-50px;}
#homeCrop {width:100%; height:100%;position:absolute; overflow-x:hidden; }
	#homeCtn {width:200%; height:100%; background:url('/site/images/theme/homeBg.png') center  no-repeat; position:absolute;background-size:100% ;
		-moz-background-size:100%; left:0%;}
	#load #homeCtn {-webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; transition: left 0.3s ease-out; }
	#homeCtn.list { left:-100%;} 
		[data-view] {position:absolute; top:80px; left:5px; width:50px; height:50px; background-position:-50px -100px;}
		.rtl [data-view] {left:auto; right:5px;}
		#cubeView [data-view] {background-position:0 -100px;}
		#homeCtn #listView {width:50%; height:100%;  float:left; position:relative;}
			#listView div {margin-top:150px; background:#fff;}
			#listView div a{display:block; margin: 0 20px; height: 20px; line-height: 20px; border-bottom: 2px dotted #999; padding:10px 0; color:#198fba; text-decoration:none; text-transform:uppercase;}
			#listView div a.yellow {color:#c2a347;}
			#listView div a.violet {color:#94164b;border:none;}
		#homeCtn #cubeView {width:50%; height:100%;  float:left; position:relative; overflow:hidden; z-index:5;}
			#homeCtn #cubeView * { direction:ltr;}
			#cubeCenter b {display:block; background:url('/site/images/theme/cube/tooltip.png') center no-repeat; color:#fff; background-size:contain;
				-moz-background-size:contain; width:84px; height:34px; position:absolute; top:-20px; left:50%; margin-left:-42px; opacity:0;
				-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
			#cubeCenter .cubeOuter.left b {-webkit-transform: rotate(300deg);-moz-transform: rotate(300deg); top:13px; margin-left:-92px;}
			#cubeCenter .cubeOuter.right b {-webkit-transform: rotate(-300deg);-moz-transform: rotate(-300deg); top:13px; margin-left:8px;}
			#cubeCenter .cubeInner.left b {-webkit-transform: rotate(300deg);-moz-transform: rotate(300deg); top:-12px; margin-left:-70px;}
			#cubeCenter .cubeInner.right b {-webkit-transform: rotate(-300deg);-moz-transform: rotate(-300deg); top:-12px; margin-left:-14px;}
				#cubeCenter b span {display:block; font-size:0.8em; text-align:center; line-height:30px; font-weight:300;}
				#cubeCenter b span.double {line-height:12px; margin-top:3px;}
				#cubeCenter .right b span, #cubeCenter .left b span {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
			#cubeCenter.blue .cubeOuter b {opacity:1;}
			#cubeCenter.yellow .cubeInner b {opacity:1;}
			#cubeCenter.violet .cubeCenter b {opacity:1;}
			
			.cubeLinks {position:absolute; width: 260px; height: 285px; top: -165px; z-index:3;left: -130px; display:none;}
			.cubeLinks a {display:block; background: url('/site/images/trans.png'); width: 200px; height:100px; left: 30px;position:absolute;}
			.blue #blueLinks{display:block;}
				#blueLinks a {left: 30px;}
				#blueLinks a.left {-webkit-transform: rotate(-120deg);-moz-transform: rotate(-120deg); left: -65px;top: 167px;}
				#blueLinks a.right {-webkit-transform: rotate(120deg);-moz-transform: rotate(120deg);left: 126px;top: 167px;}
			.yellow #yellowLinks{display:block;}
				#yellowLinks a {width: 140px; height: 90px; left: 60px;top: 40px;}
				#yellowLinks a.left {-webkit-transform: rotate(-120deg);-moz-transform: rotate(-120deg); left: -10px;top: 157px;}
				#yellowLinks a.right {-webkit-transform: rotate(120deg);-moz-transform: rotate(120deg);left: 129px;top: 157px;}
			.violet #violetLinks{display:block;}
				#violetLinks a {width: 140px; height: 90px; left: 60px;top: 103px;}

			#cubeCenter {position:absolute; top:50%; left:50%;}
				.cubeOuter{width:172px; height:69px; position:absolute; margin-left:-86px; margin-top:-100px; padding:64px 0;
					background:url('/site/images/theme/cube/blueOuterTop.png') top no-repeat;background-size:172px 69px; -moz-background-size:172px 69px;
					 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
				.yellow .cubeOuter{background-image:url('/site/images/theme/cube/yellowOuterTop.png');}
				.cubeOuter.right {-webkit-transform: rotate(120deg);-moz-transform: rotate(120deg);
					background-image:url('/site/images/theme/cube/blueOuterRight.png')}
				.cubeOuter.left {-webkit-transform: rotate(-120deg);-moz-transform: rotate(-120deg);
					background-image:url('/site/images/theme/cube/blueOuterLeft.png')}
				.yellow .cubeOuter.right {background-image:url('/site/images/theme/cube/yellowOuterRight.png')}
				.yellow .cubeOuter.left {background-image:url('/site/images/theme/cube/yellowOuterLeft.png')}
					
				.cubeInner{width:106px; height:61px; position:absolute; margin-left:-53px; margin-top:-62px; padding:30px 0;
					background:url('/site/images/theme/cube/blueInnerTop.png') top no-repeat;background-size:106px 61px; -moz-background-size:106px 61px;
					-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
				.yellow .cubeInner{background-image:url('/site/images/theme/cube/yellowInnerTop.png');}
				.cubeInner.right {-webkit-transform: rotate(120deg);-moz-transform: rotate(120deg);
					background-image:url('/site/images/theme/cube/blueInnerRight.png');}
				.cubeInner.left {-webkit-transform: rotate(-120deg);-moz-transform: rotate(-120deg);
					background-image:url('/site/images/theme/cube/blueInnerLeft.png');}
				.yellow .cubeInner.right {background-image:url('/site/images/theme/cube/yellowInnerRight.png');}
				.yellow .cubeInner.left {background-image:url('/site/images/theme/cube/yellowInnerLeft.png');}
				.violet .cubeInner {background-image:url('/site/images/theme/cube/violetInnerTop.png');}
				.violet .cubeInner.right {background-image:url('/site/images/theme/cube/violetInnerRight.png');}
				.violet .cubeInner.left {background-image:url('/site/images/theme/cube/violetInnerLeft.png');}
				
				.cubeCenter{width:0px; height:0px; position:absolute; margin-left:0px; margin-top:0px;
					background:url('/site/images/theme/cube/yellowCenter.png') top no-repeat;background-size:contain; -moz-background-size:contain;
					 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
				.violet .cubeCenter {background-image:url('/site/images/theme/cube/violetCenter.png')}
/*Page Structure*/
.innerTopImg {height:125px; width:100%; background:center no-repeat; background-size:cover; -moz-background-size:cover; position:absolute; 
	-webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
.innerTop {height:125px; width:100%; position:relative; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out;  }
	.innerTop:before {content:'-'; position:absolute; width:100%; height:100%; background:url('/site/images/theme/innerTop.png') bottom; text-indent:-9999px;  background-size:100% 125px; -moz-background-size:100% 125px;}
	.rtl .innerTop:before { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);}
	.innerTop h1 {color:#fff; padding:95px 5% 0; font-size:1.25em; position:relative;}
	.innerTop .back {position:absolute; width: 20%; height:30px;top: 60px;right: 0; background:url('/site/images/theme/backArrow.png')  center no-repeat; background-size:8px; -moz-background-size:8px; z-index: 1000;}
	.innerTop .close {position:absolute; width: 20%; height:30px;top: 60px;right: 0; background:url('/site/images/theme/backArrow.png') center no-repeat; background-size:8px; -moz-background-size:8px; z-index: 1000;}
	.rtl .innerTop .back {right:auto; left:0;transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);}
.innerBody {background:#fff; /*position:relative;*/ padding:10px;}


/*Listing*/
.accordeon article > div {display:none; margin-bottom:10px;}
	.description {padding:5px; font-size:1.2em;}
	.textMed .description{font-size:1.2em;}
	.textLarge .description{font-size:1.4em;}
	.accordeon article > h1 {border-bottom: 2px dotted #999;background:url('/site/images/theme/downBlue.png') no-repeat right center ;  background-size:auto 14px; -moz-background-size:auto 14px; padding-right: 40px; text-transform: uppercase; }
		.accordeon article > h1 a {display:block;padding:5px; color:#198fba;  }
	.accordeon article > h1.open {background-image:url('/site/images/theme/upBlue.png');}
	.rtl .accordeon article > h1 {background-position:left center; padding-right: 0; padding-left: 40px;}
		.linksCtn { border-top: 1px dotted #aaa; padding: 5px 0;}
			.link {background:#ededed; padding:2px 10px; color:#666; border-radius:6px; -moz-border-radius:6px;  float:left; margin:5px;}
			.rtl .link {float:right;}
			a.link {color:#198fba; text-decoration:none;}
	.fulldesc {display:none;}

/*Details*/
.formula {background:#f0f0f0; color:#333; min-height:35px; line-height:35px; text-align:center; font-weight:bold; font-size:14px; -moz-border-radius:6px; border-radius:6px;margin-top:15px; margin-bottom:5px;}
h4 {margin-top:10px;}
h2 {color:#666;font-size: 1.2em;padding: 5px;}
h2.mineralName {font-size: 1.5em;padding: 0;}
h3 {font-size:12px;}


/*Tresor*/
#load.tresor, #preload.tresor  {background:#2b2b2b;}
#tresorButtons {margin-top:60px;height:150px; width:100%; background:url('/site/images/theme/tresorButtons.png') center no-repeat; background-size:100% 150px; -moz-background-size:100% 150px; padding:0 10px; margin-left:-10px;}
.rtl #tresorButtons {margin-left:auto; margin-right:-10px;transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);}
	#tresorButtonSalle, #tresorButtonCollection {width:75%; height:52px;display:block; text-align:center; font-size:20px; text-transform:uppercase;color:#fff; text-decoration:none; padding-top:18px;}
	#tresorButtonCollection{margin-left:25%;padding-top:28px;height:42px;}
	.rtl #tresorButtonSalle{margin-right:25%; }
	.rtl #tresorButtonSalle, .rtl #tresorButtonCollection{transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);}
	
	.tresorPagesCtn {position:relative; height:350px; overflow:hidden;}
	.tresorPagesCtn.listing {height:auto;}
		.tresorPage {margin:10px; position:absolute; width:100%; }
		.tresorPage.col1 {left:0%;} .rtl .tresorPage.col1 {left:auto; right:0%;}
		.tresorPage.col2 {left:100%;} .rtl .tresorPage.col2 {left:auto; right:100%;}
		.tresorPage.col3 {left:200%;} .rtl .tresorPage.col3 {left:auto; right:200%;}
		.tresorPage.col4 {left:300%;} .rtl .tresorPage.col4 {left:auto; right:300%;}
		.tresorPage.col5 {left:400%;} .rtl .tresorPage.col5 {left:auto; right:400%;}
		.tresorPage.col6 {left:500%;} .rtl .tresorPage.col6 {left:auto; right:500%;}
		.tresorPage.col7 {left:600%;} .rtl .tresorPage.col7 {left:auto; right:600%;}
			.tresorCol {height:55px; margin:22px 0; position:relative;}
				.colOverlay {background:url('/site/images/trans.png'); background-color:rgba(255,255,255,0); position:absolute; width:100%; height:100%; top:10px; left:0; padding-bottom:20px;}
				.tresorColImg {height:95px; width:86px; background:center; background-size:cover;-webkit-mask-image: url('/site/images/theme/polygonMask.png'); position:absolute; margin:2px;}
				.tresorCol:nth-child(even){margin-left:45px;margin-right:45px;}
					.tresorCol:before {content:'-'; position:absolute; width:91px; height:100px; background:url('/site/images/theme/polygon.png'); background-size:100% 100%; text-indent:-9999px; overflow:hidden;}
				.tresorColMinerals {padding-left:110px; display:table-cell; height:100px; vertical-align:middle;}
				.rtl .tresorColMinerals {padding-left:0; padding-right:110px; }
					.tresorColMinerals a {color:#c42169; white-space:nowrap;}
	.tresorPages {background:url('/site/images/theme/pagesBg.png'); bottom:0; position:fixed; left:0; width:100%; text-align:center; height:40px;}
		.tresorPages a {width:22px; height:25px; line-height:25px; background:url('/site/images/theme/pagesPoly.png') no-repeat; background-size:contain; display:inline-block; text-align:center; color:#e6106e;margin-top:5px;}
		.tresorPages a:nth-child(even) {top:2px; position:relative;}
/*Color Coding*/
.blueMim {color:#198fba;}


/*--Violet*/
.tresor .innerTop:before {background-image:url('/site/images/theme/innerTopViolet.png');}
.tresor .innerTop.tresorHome:before {background-image:url('/site/images/theme/innerTopVioletHome.png');}
.tresor .innerBody {background:#2b2b2b; color:#bbbbbb;}
.tresor .formula {background:#505050;color:#bbbbbb;}
.tresor h2, .tresor .accordeon article > h1 {color:#e6106e;}
/*--Yellow*/
.mineraux-radioactifs .innerTop:before,
.trophees .innerTop:before,
.mineraux-par-pays .innerTop:before {background-image:url('/site/images/theme/innerTopYellow.png');}
.mineraux-radioactifs a.link,
.trophees a.link,
.mineraux-par-pays a.link,
.mineraux-radioactifs .accordeon article > h1,
.trophees .accordeon article > h1,
.mineraux-par-pays .accordeon article > h1 {color:#c2a347;}