@charset "utf-8";
/* CSS Document */

/* Global Settings */
html{background-color:#000;width:100%}
body{font-family:'Open Sans',sans-serif;width:100%;min-width:1000px;font-size:15px;line-height:1.65em;color:#000;font-weight:400;text-align:left}
.spaced ul{list-style:disc;margin-left:15px}
.spaced strong{font-weight:700;color:#636363}

/* Commons */
h1, h2, h3, h4, #title_pop{text-transform:uppercase}
h1, #title_pop{font-weight:700;font-size:2.5em;color:#000;border-bottom:2px solid #000;padding-bottom:20px}
#title_pop{margin-bottom:30px}
h2{font-weight:600;font-size:1.9em;color:#000;margin:20px}
h3{font-weight:600;font-size:1.5em;color:#000;margin:20px}
h4{font-weight:800;font-size:2.2em;color:#000;padding-bottom:20px}
	
/* Framework */
#popup{position:fixed;z-index:10000;top:100px;width:100%;height:-webkit-calc(100% - 150px);height:calc(100% - 150px);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;padding:100px 20px}
		#popup a#close_popup{color:#000;position:fixed;top:20px;right:20px;font-weight:900;text-transform:uppercase;z-index:15000;display:inline-block;background-color:#fff;width:30px;height:30px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;font-size:1.4rem}
		#popup a#close_popup:hover{color:#f00}
	#pop_content{display:block;width:100%;height:100%;padding:20px;background-color:transparent}
		#pop_news{width:100%;height:100%;text-align:center}
			.news_content{width:50%;float:left;margin-bottom:20px}
			.news_content.full{width:100%}
			.news_content .fullBack{width:180px;height:180px;float:left}
			.news_content.full .fullBack{width:100px;height:100px}
			.news_content .text_news{width:calc(100% - 200px);width:-webkit-calc(100% - 200px);padding-left:20px;float:left}
			.news_content.full .text_news{width:calc(100% - 120px);width:-webkit-calc(100% - 120px)}
			.news_content .text_news a{display:block;width:100%;margin-top:10px;text-transform:uppercase;color:#000;font-weight:bold;font-size:0.75rem}
			.news_content .text_news a:hover{color:#888}
	#popup img{width:100%;height:100%;object-fit:contain;object-position:center center}

#header_background{background:url(../../imports/images/background-main_header_hack.png);height:100px;width:100%;min-width:1000px;position:fixed;top:0;left:0;z-index:1000}

#main_header{width:100%;min-width:1000px;top:0;left:0;z-index:2000;position:fixed}
	#main_header .relative{width:100%;position:relative}
		#logo{position:absolute;top:20px;left:20px}
		#main_nav{height:100px;position:absolute;width:55%;min-width:550px;top:0;background-color:#000;right:0;z-index:3000;border-bottom:#999 solid 5px}
			#main_nav a{font-size:1.3em;float:left;color:#000;height:95px;background-color:#000;text-transform:uppercase;font-weight:600;padding:30px 20px 0;color:#fff;text-align:center}
			#main_nav a.eorder{background-color:white;color:black}
			#main_nav a.on,#main_nav a:hover{background-color:#999;color:#000}
		#social{position:absolute;top:20px;right:20px;text-align:right;z-index:5000}
			#social a{margin:0 0 0 5px}
		#languages{position:absolute;top:60px;right:23px;text-align:right;z-index:5000;color:#fff}
			#languages a{font-weight:700;text-transform:uppercase;font-size:0.8em;color:#fff}
			#languages a:hover, #languages a.on{color:#ccc;text-decoration:underline}

#main_wrapper{width:100%;min-width:1000px;position:relative}

	#last_news{width:100%;min-width:1000px;color:#fff;margin-top:5px;position:absolute;text-align:center;top:300px;font-size:1.3em}
	#last_news a{color:#ccc;font-size:0.8em}
		#news_container div{width:100%;text-align:center}
	#last_news h2{font-weight:700;font-size:2em;color:#fff;text-transform:uppercase;border-bottom:1px solid #fff;padding:0 40px 20px;letter-spacing:0.1em}
		#last_news span{font-size:1.2em;display:block;font-weight:bold;padding:20px}
			#last_news span em{display:block;font-weight:700;font-size:2em;padding-bottom:20px}

	#slideshow{position:fixed;width:45%;min-width:450px;background-color:#333333;overflow:hidden;text-align:center}
	
	#content_wrapper{position:absolute;width:55%;min-width:550px;top:0;right:0;background-color:#fff;z-index:1000}
		#padded_content{padding:135px 30px 80px;text-align:justify;position:relative}
			.chapo{margin-bottom:20px;font-weight:bold}
			#flag{width:30px;height:27px;padding-top:3px;text-align:center;position:absolute;right:20px;top:120px;background-color:#eee}
			.intro h2{font-size:1.7em;text-align:left}
				#designer{width:230px;float:left;padding-bottom:5px}
					.designer_site{display:block;width:160px;height:30px;background:#000 url(../../imports/images/d/website.gif) no-repeat 2px center;overflow:hidden;color:#fff;text-transform:uppercase;font-weight:600;padding:5px 0 0 40px;font-size:1.05em;letter-spacing:0.05em;text-align:left}
			#creators{margin-top:30px}
				#creators h2{margin-bottom:40px}
				.creator{margin:0 0 15px 10px}
					.creator a{font-size:1.8em;display:block;font-weight:700;color:#000}
					.creator a:hover{color:#999}
					.creator .intro{margin:5px 0 0 25px}
			.col{float:left;padding-top:15px}
			#seasons{width:240px;margin:0;list-style:none}
				#seasons li a{display:inline-block;padding:5px 20px 5px 10px;position:relative}
					#seasons li a em{display:block;position:absolute;top:7px;right:-30px;width:20px;height:20px;background:url(../../imports/images/d/video.png) no-repeat;overflow:hidden}
				#seasons .on{font-weight:700;text-transform:uppercase;background-color:#eee}
			#thumbs{padding:15px 0 0 240px}
				#thumbs a{width:100px;margin:0 20px 20px 0;overflow:hidden;display:block;float:left;border:1px #ccc solid}
				#thumbs a:hover{border:#f00 1px solid}
				#thumbs .addons a{width:auto;margin:0;border:none;display:inline;float:none}
				#thumbs .addons a:hover{border:none;color:f00}
			.other_collection{display:block;width:500px;height:350px;overflow:hidden}

		#agenda{margin:0 0 0 30px}
			#agenda ul{margin:0 0 0 30px}

		#coord, #team{width:50%;float:left}
			.padded{padding:0 20px;color:#000}
		#staff{list-style:none}
			#staff li{padding:0 0 10px 5px}
				#staff strong{color:#000}

	#footer{font-weight:700;position:absolute;right:0;bottom:0;background-color:#000;width:100%;z-index:5000;color:#fff;font-size:0.9em;text-align:center}
		#padded_footer{padding:10px}