/*
 * DIM ORIGINES
 * Domaine d'innovation majeur ORIGINES
 *
 */

/* ==|== Base styles */

	html { overflow-y: scroll; }
	

/* ==|== Typography */

	html,
	button, input, select, textarea { color: #222; }

	body { min-width: 960px; font-size: 1em; line-height: 1.4; }

	::-moz-selection { background: #b3d4fc; text-shadow: none; }
	::selection { background: #b3d4fc; text-shadow: none; }

	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* ==|== Embedded content */

	img { vertical-align: middle; }
	
/* ==|== Forms */

	textarea { resize: vertical; }
	
	/* Search form */
	#search-form input.text { padding: 0 8px; width: 238px; height: 30px; background: #f4f4f4; border: 1px solid #c9c8c8; font-size: 0.8125em; box-shadow: 3px 6px 6px -6px #bfbfbf inset; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
	#search-form input.text:hover { border-color: #e42313 }
	#search-form input.text:focus { border-color: #132f70; }
	
	#search-form .submit { border: none; border-radius: 16px; padding: 5px; }
	#search-form .submit:hover { color: #e42313; border: 1px solid #c0c0c0; padding: 4px; background: #fff;}
	#search-form .submit .icon { }
	
/* ==|== Links */

	a:link { color: #2a86d6; }
	a:visited { color: #2a86d6; }
	a:hover { color: #e42313; }
	a:active { color: #2a86d6; }

/* ==|== User interface */

	.icon { display: block; overflow: hidden; width: 16px; height: 16px; background-image: url(../img/common/ui.png); direction: ltr; text-align: left; text-indent: -999em; }
	
	.icon-xxx { background-position: 0 0; }
	:hover > .icon-xxx { background-position: 0 0; }
	
	/* 16 x 16 */
	.icon-error { background-position: -392px 0; }
	
	.icon-home { background-position: -320px 0; }
	:hover > .icon-home { background-position: -320px -32px; }
	
	.icon-list { background-position: -128px -32px; }
	
	.icon-search { background-position: -360px 0; }
	:hover > .icon-search { background-position: -360px -32px; }
	
	.icon-top { background-position: 0 0; }
	:focus > .icon-top { background-position: -128px 0; }
	:hover > .icon-top { background-position: 0 -32px; }
	
	
	/* 24 x 24 */
	.icon-bullet,
	.icon-disconnect,
	.icon-private,
	.icon-refresh { width: 24px; height: 24px; }
	
	.icon-bullet { background-position: 0 -64px; }
	:hover > .icon-bullet,
	a:hover .icon-bullet { background-position: 0 -104px; }
	
	.icon-disconnect { background-position: -40px -64px; }
	:hover > .icon-disconnect { background-position: -40px -104px; }
	
	.icon-private { background-position: -80px -64px; }
	:hover > .icon-private { background-position: -80px -104px; }
	
	.icon-refresh { background-position: -120px -64px; }
	:hover > .icon-refresh { background-position: -120px -104px; }
	
	
	/* 32 x 32 */
	.icon-email,
	.icon-phone,
	.icon-tags { width: 32px; height: 32px; }
	
	
	.icon-email { background-position: -48px -144px; }
	
	.icon-phone { background-position: -96px -144px; }
	
	.icon-tags { background-position: -144px -144px; }
	
	/* Messages */
	.info, .warning { margin: 1em 0; padding: 0 1em; border: 1px solid #555; }
	
		/* Info */
		.info { background-color: #eaffcc; border-color: #90cc3d; }
		
		/* Warning */
		.warning { background-color: #fff4bf; border-color: #ffc680; }
	
	.social { color: #2a86d6; background-color: #fff; line-height: 98px; font-size: 20px;}
/* ==|== Modules */

	/* Pagination */
	.pagination { color: #808080; }
	.pagination ul { list-style: none; margin: 0; padding: 0; }
	.pagination a { color: inherit; text-decoration: none; }
	.pagination a:hover { color: #e42313; }
	
		/* Pager */
		.pagination.pager { margin: 1em 0; text-align: right; }
		.pagination.pager li { display: inline; font-size: .75em; }
		
		/* Prev-Next */
		
		
	/* Default */
	.module { position: relative; margin: 4em 0 2em 0; padding: 2em; border-top: 1px solid #dbd9d9; }
	.module > h1 { position: absolute; left: 1.45em; top: -1.0605em; margin: 0; padding: 0.373em; background-color: #e42313; color: #fff; font-size: 1.375em; -moz-box-shadow: 4px 4px 4px -4px #888; -ms-box-shadow: 4px 4px 4px -4px #888; -webkit-box-shadow: 4px 4px 4px -4px #888; box-shadow: 4px 4px 4px -4px #888; }
	.module > h1:after { content: ""; display: block; position: absolute; top: 100%; right: 24px; height: 0; width: 0; overflow: hidden; border-top: 16px solid #e42313; border-left: 20px solid transparent; }
	
		/* Aside */
		#aside .module:first-child { margin-top: 0; border-top: 0; }

	/* Summary*/
	.module.summary { background: #fff; border: 1px solid #e0e0e0; margin-bottom:0px; }
	.module.summary a { text-decoration: none; overflow: hidden; display: block; margin-bottom: 15px;}
	.module.summary .items {list-style:none; margin: 0; padding: 0;} 
	.module.summary .items li { position: relative; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;}
	.module.summary article {display: block; padding-left: 1em; }
	.module.summary article:hover { background: #e0e0e0; color: #e42313;}
	.module.summary article .content { color: #000;}
	.module.summary article h1 { font-size: 1.375em;}
	.module.summary article figure { float: right; margin: 1em; }
	.module.summary .items a .read-more { position: absolute; bottom: 0; right:0; margin-bottom: -0.7em; background: #fff;}

	/* news*/
	.module.news { background: #fff; border: 1px solid #e0e0e0; margin-bottom:0px; }
	.module.news a { text-decoration: none; overflow: hidden; display: block; margin-bottom: 15px;}
	.module.news .items {list-style:none; margin: 0; padding: 0; column-count: 2;} 
	.module.news .items li { position: relative; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; font-size: 14px;}
	.module.news article {display: block; padding-left: 1em; }
	.module.news article:hover { background: #e0e0e0; color: #e42313;}
	.module.news article .content { color: #000;}
	.module.news article h1 { font-size: 1.375em;}
	.module.news .items a .read-more { position: absolute; bottom: 0; right:0; margin-bottom: -0.7em; background: #fff;}

	/* Home featured */
	.module.home-featured { margin: 3em 0 0 0; padding: 40px 0 0 88px; width: 872px; border: none; }
	.module.home-featured a { text-decoration: none; }
	
		/* Pictures */
		.module.home-featured .slideshow { overflow: hidden; position: relative; padding: 4px; width: 512px; height: 420px; background: url(../img/homepage/sprite.png) no-repeat -322px 0; }
		.module.home-featured figure { position: relative; width: 512px; height: 420px; }
		.module.home-featured figure img { display: block; position: absolute; top: 0; left: 0; }
		
		.module.home-featured .items { list-style: none; margin: 0; padding: 0; }
		
		/* Headings */
		.module.home-featured h1 { z-index: 101; }
		
		.module.home-featured > h1 { left: 0; top: 0; }
		
		.module.home-featured .items h1 { position: absolute; right: 0; margin: 0; font-size: 1.125em; font-weight: normal; text-transform: uppercase; }
		
		.module.home-featured .items li article h1 { top: 72px; width: 416px; /* width: 670px; */ }
		.module.home-featured .items li + li article h1 { top: 128px; width: 380px; /* width: 656px; */ }
		.module.home-featured .items li + li + li article h1 { top: 184px; width: 366px; /* width: 664px; */ }
		
		.module.home-featured .items h1 a { display: block; overflow: hidden; margin-left: 12px; height: 2.8em; color: #fff; background: url(../img/homepage/2x2-fff.png) repeat-x 0 50%; }
		.module.home-featured .items h1 a .icon { display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 24px; height: 24px; background: url(../img/homepage/sprite.png) no-repeat -232px -328px; }
		.module.home-featured .items h1 a .text { display: block; float: right; width: 304px; }
		
		.module.home-featured .items .active a .icon,
		.module.home-featured .items h1 a:hover .icon { background-position: -232px -368px; }
		
		.module.home-featured .items .active h1 a,
		.module.home-featured .items h1 a:hover { color: #e42313; background: url(../img/homepage/2x2-e42313.png) repeat-x 0 50%; }
		
		/* Descriptions */
		.module.home-featured .desc-container,
		.module.home-featured .items .content { z-index: 100; position: absolute; top: 0; left: 0; padding: 9px; width: 304px; height: 304px; }
		
		.module.home-featured .desc-container { z-index: 99; background: url(../img/homepage/sprite.png) no-repeat 0 0; }
		
		.module.home-featured .items li + li .content { display: none; }
		.module.home-featured .items .short-desc { margin: 80px 40px 18px 40px; height: 160px; text-align: justify; }
		
		.module.home-featured .items .read-more { display: block; margin: 0 auto; padding: 0; margin-bottom: 0; width: 215px; height: 48px; background: url(../img/homepage/sprite.png) no-repeat 0 -328px; color: #828281; font-size: 0.813em; font-weight: bold; line-height: 32px; text-align: center; }
		.module.home-featured .items .read-more:hover { background-position: 0 -376px; color: #e42313; }
	
	/*
	.module.home-featured .items h1 a:after { content: ""; display: block; position: absolute; top: 0.7em; left: -12px; width: 24px; height: 24px; background: url(../img/homepage/sprite.png) no-repeat -232px -328px; }
	*/
	
	/* About */
	.module.about { margin: 0; padding: 0; width: 536px; border: none; }
	.module.about a { display: block; padding: 1em; text-decoration: none; }
	.module.about a:hover { background: rgba(249,249,249,0.1); }
	.module.about a > h1 { float: left; position: relative; margin: 0 0 1em 0; padding: 0.373em; background-color: #fff; color: #132f70; font-size: 1.375em; -moz-box-shadow: 4px 4px 4px -4px #888; -ms-box-shadow: 4px 4px 4px -4px #888; -webkit-box-shadow: 4px 4px 4px -4px #888; box-shadow: 4px 4px 4px -4px #888; }
	.module.about a > h1:after { content: ""; display: block; position: absolute; top: 100%; right: 24px; height: 0; width: 0; overflow: hidden; border-top: 16px solid #fff; border-left: 20px solid transparent; }
	.module.about .content { clear: both; }
	.module.about .short-desc { min-height: 5.6em; color: #fff; font-size: 1.125em; text-align: justify; text-shadow: 1px 1px 1px #000; }
	
	.module.about .read-more { position: relative; margin: 1em 0 0 0; color: #cbcbcb; }
	.module.about .read-more .icon { position: absolute; left: 0; top: 50%; margin-top: -12px; }
	.module.about a:hover .read-more { color: #e42313; text-shadow: 1px 1px #222; }

	/* Projects */
	.module.projects { position: absolute; top: 320px; right: 16px; margin: 0; padding: 6px; width: 268px; height: 268px; background: url(../img/homepage/sprite.png) no-repeat -842px 0; border: none; text-align: center; }
	.module.projects a { text-decoration: none; }
	.module.projects h1 { margin: 0; padding: 0; }
	.module.projects > h1 { position: static; top: auto; left: auto; padding-top: 13px; height: 38px; color: #182a5e; font-size: 18px; font-weight: bold; line-height: 38px; background: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	.module.projects h1:after { display: none; }
	.module.projects .items { list-style: none; margin: 0; padding: 0; }
	.module.projects .items li { margin-top: 1px; }
	.module.projects .items li a { display: block; }
	.module.projects .items li a:hover { background: url(../img/homepage/sprite.png) no-repeat -1128px -58px; }
	.module.projects .items li + li a:hover { background-position: -1128px -97px; }
	.module.projects .items li + li + li a:hover { background-position: -1128px -138px; }
	.module.projects .items li + li + li + li a:hover { background-position: -1128px -179px; }
	.module.projects .items li + li + li + li + li a { height: 51px; }
	.module.projects .items li + li + li + li + li a:hover { background-position: -1128px -220px; }
	.module.projects article h1 { font-size: 16px; font-weight: normal; line-height: 40px; }
	
	.module.projects li .short-desc:before,
	.module.projects li .short-desc:after { top: 20px; }	
	.module.projects li + li .short-desc:before,
	.module.projects li + li .short-desc:after { top: 65px; }
	.module.projects li + li + li .short-desc:before,
	.module.projects li + li + li .short-desc:after { top: 106px; }
	.module.projects li + li + li + li .short-desc:before,
	.module.projects li + li + li + li .short-desc:after { top: 147px; }
	.module.projects li + li + li + li + li .short-desc:before,
	.module.projects li + li + li + li + li .short-desc:after { top: 188px; }
	
	.module.projects .short-desc { display: none; z-index: 101; position: absolute; top: 56px; right: 246px; padding: 0 1em; width: 200px; min-height: 215px; background: #fff; color: #585151; font-size: 13px; text-align: justify; border: solid 2px #cdcdd1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }	
	.module.projects .short-desc:before,
	.module.projects .short-desc:after { content: ""; display: block; overflow: hidden; position: absolute; top: 50%; left: 100%; width: 0; height: 0; }	
	.module.projects .short-desc:before { margin-top: -14px; border: 14px solid transparent; border-left-color: #cdcdd1; }
	.module.projects .short-desc:after { margin-top: -10px; border: 10px solid transparent; border-left-color: #fff; }	
	.module.projects h1:hover + .short-desc { display: block; }
	
	.module.projects .action-link { display: block; overflow: hidden; position: absolute; top: 50%; right: 85%; padding: 24px; width: 80px; height: 80px; background: url(../img/homepage/sprite.png) no-repeat -848px -280px; line-height: 80px; }
	.module.projects .action-link:hover { background-position: -976px -280px; }
	.module.projects .action-link span { display: inline-block; font-size: 14px; line-height: 1.4; font-weight: bold; vertical-align: middle; }
	
	/* User */
	.module.user { display: none; color: #94969c; font-size: 0.75em; }
	.module.user ul { list-style: none; margin: 0; padding: 0; *zoom: 1; }
	.module.user ul:after { content: ""; clear: both; display: table; }
	.module.user li { float: left; margin: .5em 0; width: 50%; }
	.module.user li a { display: block; overflow: visible; position: relative; width: 32px; height: 32px; background: url(../img/common/ui.png) no-repeat 0 -144px; color: inherit; line-height: 32px; text-align: center; text-decoration: none; text-indent: 40px; white-space: nowrap; }
	.module.user li a:hover { background-position: 0 -192px; color: #e42313; }
	.module.user li a .icon { display: block; position: absolute; top: 50%; left: 4px; margin-top: -12px; }
	
		.module.user .disconnect { position: relative; padding: 8px 0; }
		.module.user .disconnect figure { padding: 3px; width: 58px; height: 58px; background: url(../img/common/ui.png) no-repeat 0 -368px; }
		.module.user .disconnect figure img { display: block; width: 58px; height: 58px; }
		.module.user .disconnect figcaption { display: block; position: absolute; top: 32px; left: 0; margin-left: 68px; font-size: 1.2em; }
		.module.user .disconnect a { position: absolute; top: 0; left: 48px; text-indent: 0; }
		
		.module.user .private-area {}
		
		.module.user .refresh {}
		
	/* Latest news */
	.module.latest-news { padding: .5em 2em 0 2em; border-top: none; }
	.module.latest-news > h1 { left: 0.725em; top: -1.59em; }
	.module.latest-news .items { list-style: none; margin: 0; padding: 0; background: #f5f4f4; border: 1px solid #efefef; }
	.module.latest-news article { font-size: 0.813em; }
	.module.latest-news article h1 { margin-top: 0; color: #4a4a4a; font-size: 1em; text-transform: uppercase; }
	.module.latest-news .date { margin: 0; font-size: 0.85em; border-top: 1px solid #d5d5d5; }
	.module.latest-news .date span { display: inline-block; padding: .5em; background: #d5d5d5; }
	
	.module.latest-news a:hover .date { border-top: 1px solid #f5f4f4; }
	.module.latest-news a:hover .date span { background: #f5f4f4; }
	
	.module.latest-news a { display: block; color: inherit; text-decoration: none; }
	.module.latest-news article > a { margin: 1em; padding: 1em; }
	.module.latest-news article > a:hover { background: #fff; }
	.module.latest-news .short-desc { text-align: justify; }
	
	.module.latest-news .read-more { position: relative; margin: 0; }
	.module.latest-news .read-more .icon { position: absolute; left: 0; top: 50%; margin-top: -12px; }
	.module.latest-news a:hover .read-more { color: #e42313; }
	
	.module.latest-news .index-link { overflow: hidden; padding: 8px 56px; height: 32px; background: #f5f4f4; font-size: 13px; text-align: center; white-space: nowrap; text-overflow: ellipsis; text-shadow: 1px 1px #fff; border-end-start-radius: 135px 48px; border-end-end-radius: 135px 48px; border: 1px solid #d5d5d5; box-shadow: 2px 2px 5px #d5d5d5;}
	.module.latest-news .index-link:hover { background: #fff; color: #e42313; }
	
	/* Gallery */
	.module.gallery {  }	
	.module.gallery .items { list-style: none; margin: 0; padding: 0; *zoom: 1; }	
	.module.gallery .items:before, .module.gallery .items:after { content: ""; display: table; }	
	.module.gallery .items:after { content: ""; display: table; clear: both; }	
	.module.gallery .items li { float: left; width: 25%; }	
	.module.gallery .items li a { display: block; padding: .5em; }	
	.module.gallery .items li a:hover { background: #e6e6e6; }	
	.module.gallery .items li figure { position: relative; }	
	.module.gallery .items li img { width: 100%; height: auto !important; }	
	.module.gallery .items li figcaption { display: none; z-index: 101; position: absolute; top: 0; left: 100%; padding: 1em; width: 10em; min-height: 100%; width: 200%; background: #fff; color: #585151; border: solid 2px #cdcdd1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }	
	.module.gallery .items li figcaption:before,
	.module.gallery .items li figcaption:after { content: ""; display: block; overflow: hidden; position: absolute; top: 48px; right: 100%; width: 0; height: 0; }	
	.module.gallery .items li figcaption:before { margin-top: -14px; border: 14px solid transparent; border-right-color: #cdcdd1; }
	.module.gallery .items li figcaption:after { margin-top: -10px; border: 10px solid transparent; border-right-color: #fff; }	
	.module.gallery .items li a:hover figcaption { display: block; font-size: 0.813em; }	
		
	/* Attachments */
	.module.attachments {}
	.module.attachments .items { list-style: none; margin: 1em 0; padding: 0; line-height: 2em; font-size: ; }
	
	.module.attachments .items li { padding: .5em 0; border-bottom: 1px solid #cdcdd1; }
	
	.module.attachments .items li a { display: block; position: relative; padding: 0 4em 0 0; font-weight: bold; text-decoration: none; }
	
	.module.attachments .items .icon-container { display: block; position: absolute; right: 1em; padding: 2px 8px 14px 8px; margin-top: -3px; width: 16px; height: 16px; background: #e0e0e0; border-radius: 16px; border: 1px solid #c0c0c0;}
	.module.attachments .items .icon-container:hover { background: #fff;}
	
	.module.attachments .items .metadatas { float: right; color: #a5a5a5; font-size: 0.75em; font-weight: normal; text-transform: uppercase; }
	.module.attachments .items .name { overflow: hidden; display: block; padding: 0 1em 0 0; white-space: nowrap; text-overflow: ellipsis; }
	
	/* Tags */
	.module.tags { margin: 2em 0; padding: 0 2em; border-top: none; }
	.module.tags i { float: left; position: static; top: auto; left: auto; margin: 0 1em 1em 0; padding: 0; background-color: transparent; font-size: 1.5em; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	.module.tags i:after { display: none; }
	.module.tags p { font-size: 0.813em; }
	.module.tags a { text-decoration: none;}

/* ==|== Containers */

	#page {}
	
		#header {}
		#nav {}
		#breadcrumb {}
		#body {}
		#footer {}
		
		.region:before, .region:after, .container:before, .container:after { content: ""; display: table; }
		.region:after, .container:after { clear: both; }
		.region, .container { *zoom: 1; }
		
			.container { margin: 0 auto; width: 960px; }

/* ==|== Primary styles */

	/* Header */
	#header{}
	
	#header .container { padding: 8px; width: 944px; }

		/* Top */
	
		#header .logo,
		#header .form { line-height: 98px; }
		
		#header .logo { float: left; margin: 0 32px 0 0; padding: 0; height: 98px; line-height: 98px; }
		#header .logo img { max-height: 98px; width: auto !important; vertical-align: middle; }
		
		#header .form { float: right; }
	
	/* Bandeau dynamique */
		.slideshow { width: 944px; height: 210px; margin: 0 auto;}
		.slideshow img { left:auto; top:auto; margin: 0 auto;}
	/* Navigation */
	#nav { height: 48px; background: #2a86d6; color: #fff;}
	#nav .container { border: 1px solid #d3d3d4; border-right: none; border-left: none; box-shadow: 2px 2px 5px #2475bc, -2px 2px 5px #2475bc; }
	#nav a:link, #nav a:visited, #nav a:focus { color: #fff; }
	#nav a:hover { color: #e42313; }
	
		/* Pinned */
		#nav.pinned { z-index: 1001; position: fixed; top: 0; left: 0; width: 100%; }
	
		/* Root */
		#nav .root { list-style: none; margin: 0; padding: 0; }
		#nav .root > li { float: left; width: 135px; height: 46px; border: 1px solid #80aed6; border-top: none; border-bottom: none; }
		#nav .root > li > a { display: block; overflow: hidden; padding: 0 .5em; height: 41px; line-height: 41px; text-align: center; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; font-size: 13px; }
		#nav .root > li:hover { background: #e42313; }
		#nav .root > li:hover > a { background: #fff; color: #e42313}
		#nav .root > li > article { display: block; }
		
		/* Sub-menu */
		
	
	/* Breadcrumb */
	#breadcrumb { padding: 0 0 1em 0; background: #fff; }
	#breadcrumb p { overflow: hidden; padding: 0 1em; color: #2a86d6; font-size: 0.75em; white-space: nowrap; text-overflow: ellipsis; }
	#breadcrumb a { color: #2a86d6; }
	#breadcrumb a:hover,
	#breadcrumb a:focus { color: #e42313; }
	#breadcrumb .icon { display: inline-block; vertical-align: baseline; }
	#breadcrumb .container { border: 1px solid #e4e4e4; box-shadow: 2px 2px 5px #e4e4e4, -2px 2px 5px #e4e4e4;}
	
	/* Body */
	/*#body { position: relative; min-height: 576px; background: url(../img/common/body-bg.png) repeat-y center top; }*/
	#body { position: relative; }
	
	#breadcrumb + #body { top: -1em; margin-bottom: -1em; }
	
	#body .container { background: #fff; border-top: 1px solid #e4e4e4; box-shadow: 2px 2px 5px #e4e4e4, -2px 2px 5px #e4e4e4; }
	
		/* Aside */
		#aside { float: right; position: relative; left: -1px; top: 0; width: 335px; border-left: 1px solid #e4e4e4; }
		#aside { float: right; position: relative; left: -1px; top: 0; width: 0px; border-left: 1px solid #e4e4e4; }
		
			/* Navigation */
			#aside .nav { margin: 2em 0; font-weight: bold; line-height: 1.5em; }
			#aside .nav ul { list-style: none; margin: .5em 2em .5em 2em; padding: 0; }
			#aside .nav li { position: relative; margin: .5em 0; }
			#aside .nav a { display: block; padding: 0 .5em 0 2em; text-decoration: none; color: #2a86d6; }
			#aside .nav a:before { content: ""; display: block; overflow: hidden; position: absolute; top: 1.5em; left: 0; height: 0; width: 100%; border-bottom: 1px solid #2a86d6; }
			#aside .nav a:after { content: ""; display: block; overflow: hidden; position: absolute; top: 1em; left: -0.5em; height: 16px; width: 16px; background: #2a86d6; border-radius: 16px; }
			#aside .nav a:hover:before { border-color: #e42313; }
			#aside .nav a:hover:after { background: #e42313; }
			#aside .nav a:hover { color: #e42313; }
	
		/* Traductions */
		.traductions:before, .traductions:after { content: ""; display: table; }
		.traductions { padding: 0 0 1em 2.5em; font-size: 0.8125em; border-bottom: 1px solid #e4e4e4;}
		.traductions span { display:inline-block; text-align: center; padding: .375rem .53rem; border-radius:.25rem; color: #ffffff; background-color: #2a86d6; border-color: #2a86d6;}
		.traductions .on { background-color: #94c2ea; border-color: #94c2ea; }
		.traductions a { color: #ffffff; text-decoration: none;}
		/* Main */
		#main:before, #main:after { content: ""; display: table; }
		#main:after { clear: both; }
		#main { margin-right: 0px; border-right: 1px solid #e4e4e4; *zoom: 1; }
		
		#main > article { overflow: auto; }
		
			/* Header */
			#main > article > header { margin: 2em 0 0 0; padding: 0 2em 1em 2em; border-bottom: 1px solid #e4e4e4; }
			
				#main > article > header h1 { margin: 0; font-size: 2em; font-weight: normal; text-transform: uppercase; }			
				
				#main > article > header .subtitle { margin: 0; color: #4e55dd; font-size: 1.25em; font-weight: bold; }			
				
				#main > article > header .date { margin: 0; color: #808080; font-size: 0.8125em; }			
				
				#main > article > header .standfirst { color: #4a4a4a; font-size: 1.5em; }			
				#main > article > header .standfirst p,
				#main > article > header .standfirst dl,
				#main > article > header .standfirst ol,
				#main > article > header .standfirst ul { margin: 0.667em 0; }			
			
			/* Related link */
			#main > article > .related-link { overflow: hidden; margin: 0 2em 1em 2em; }
			#main > article > .related-link span { display: block; float: left; padding: 0.615em; background: #f5f4f4; color: #808080; font-size: 0.813em; font-weight: bold; }
			#main > article > .related-link a { color: inherit; font-weight: normal; }
			#main > article > .related-link a:hover { color: #e42313; }
			
			/* Common */
			#main > article > .content,
			#main > article > footer .post-scriptum,
			#main > article > footer .notes { margin: 2em; }
			
			#main > article .standfirst,
			#main > article > .content { text-align: justify; }
			
			/* Content */
			
				#main > article > .content h2 { clear: both; margin: 1.6em 0 0.8em 0; color: #4a4a4a; font-size: 1.25em; font-weight: bold; }
				
				#main > article > .content img { max-width: 100% !important; height: auto !important; }
			
				#main > article > .content a:link { color: #2a86d6; }
				#main > article > .content a:visited { color: #2a86d6; }
				#main > article > .content a:hover { color: #e42313; }
				#main > article > .content a:active { color: #132f70; }
				
			/* Items list */
			.items-list { margin: 2em; }
			.items-list > h1 { color: #263a71; font-size: 1.875em; font-weight: normal; }
			.items-list a {text-decoration: none; }
			
			.items-list .items { list-style: none; margin: 0; padding: 0; border: 1px solid #e4e4e4;  }
			
			.items-list .items a .read-more { position: relative; font-size: 0.75em; }
			.items-list .items a .read-more .icon { position: absolute; top: 50%; left: 0; margin-top: -12px; }
			
				/* Sections */
				.items-list.sections li { border-top: 1px solid #e4e4e4; }
				.items-list.sections li:first-child { border-top: none; }
				.items-list.sections article h1 { overflow: hidden; position: relative; margin: 0; padding: .5em 1.6em; background: #f1f1f1; border: 1px solid #fff; border-right: none; border-left: none; font-size: 1.25em; font-weight: normal; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; }
				.items-list.sections article a:hover h1 { color: #e42313; }
				.items-list.sections article a h1 { color: #2a86d6; }
				.items-list.sections article h1 .icon { position: absolute; top: 50%; left: 8px; margin-top: -8px; }
				.items-list.sections article .content { display: none; margin: 1em; }
				.items-list.sections article .short-desc { color: #4a4a4a; font-size: 0.875; }
				.items-list.sections article .read-more { margin: 1em 0; }
				
				/* Articles */
				.items-list.articles .items li { position: relative; margin: 1em; padding-bottom: 1em; border-bottom: 1px solid #e6e6e6; }
				.items-list.articles .items article { color: #4a4a4a; }
				.items-list.articles .items article h1 { margin: 0; font-size: 1.125em;  }
				.items-list.articles .items article .date { margin: 0; color: #808080; font-size: 0.813em;  }
				.items-list.articles .items article figure { float: left; margin: 1em 1em 0 0; }
				.items-list.articles .items article .short-desc { font-size: 0.875em;  }
				.items-list.articles .items a { display: block; overflow: hidden; padding: .5em; color: #4a4a4a; text-decoration: none; }
				.items-list.articles .items a:hover { background: #e6e6e6; }
				.items-list.articles .items a .read-more { position: absolute; bottom: 0; right: 0; margin-bottom: -0.7em; background: #fff; }
				.items-list.articles .items a .read-more .icon { position: absolute; top: 50%; left: 0; margin-top: -12px; }
				.items-list.articles .items a:hover .read-more { color: #e42313; }
				
			/* Forms */
			#main .form-container { margin: 2em 0; padding: 0 2em; }
			
			#main .form-container label,
			#main .form-container input,
			#main .form-container select,
			#main .form-container textarea { display: block; width: 100%; }
			
			#main .form-container input,
			#main .form-container select,
			#main .form-container textarea { padding: .5em; background: #fff; border: 1px solid #cdcdd1; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
			
			#main .form-container input:hover,
			#main .form-container select:hover,
			#main .form-container textarea:hover { background: #ccc; border: 1px solid #999; }
			
			#main .form-container input:focus,
			#main .form-container select:focus,
			#main .form-container textarea:focus { background: #f5f4f4; border: 1px solid #999; }
			
			#main .form-container textarea { min-height: 300px; }
			
			fieldset { margin: 0; padding: 0; border: none; }
			legend { color: #4a4a4a; font-size: 1.25em; font-weight: bold; }
			fieldset ul { list-style: none; margin: 0; padding: 0; }
			fieldset li { margin: 1em 0; }
			
				/* Errors */
				.form-container .form-errors { margin: 1em 0; padding: 0 1em; background: #f7c2c2; border: 1px solid #f39797; }
				.form-container .form-errors ul { list-style: none; margin: 1em 0; padding: 0; }
				.form-container .form-errors ul li { position: relative; padding-left: 16px; }
				.form-container .form-errors ul li .icon { position: absolute; top: 50%; left: 0; margin-top: -8px; }
				
			
			/* Footer */
			
				#main .post-scriptum,
				#main .notes { color: #808080; font-size: 0.813em; text-align: justify; }
				
				#main .post-scriptum h2,
				#main .notes h2 { font-size: 1.076em; }
				
				#main .post-scriptum a,
				#main .notes a { color: inherit; }
				
				#main .post-scriptum a:hover,
				#main .notes a:hover { color: #e42313; }
			
				/* Post-scriptum */
				#main .post-scriptum {  }
				#main .post-scriptum h2 {  }
				
				/* Notes */
				#main .notes {}
				#main .notes h2 {}
		
	/* Footer */
	#footer { position: relative; background: linear-gradient(#e0e0e0, white 30%); }
	
		/* Links */
		#footer a:link,
		#footer a:visited,
		#footer a:active { color: #a8a8a8; text-decoration: none; }
		#footer a:hover,
		#footer a:focus { outline: none; color: #e42313; }
	
		/* Top */
		#footer > .container { padding: 2em 0; }
	
			/* Tagline */
			/*#footer .tagline { margin: auto; width: 432px; color: #a7a7a7; font-size: 1.75em; text-transform: uppercase; }*/
			#footer .tagline { margin: auto; width: 432px; color: #a7a7a7; font-size: 1.5em; text-transform: uppercase; }
		
			/* Contact */
			#footer .contact { margin: auto; width: 432px; color: #a8a8a8; }	
			#footer .contact ul { list-style: none; margin: 0; padding: 0; }	
			#footer .contact li { overflow: hidden; position: relative; line-height: 2em; white-space: nowrap; text-overflow: ellipsis; }	
			#footer .contact .icon { position: absolute; top: 50%; left: 0; margin-top: -16px; }	
		
			/* Navigation */
			#footer .nav { overflow: hidden; }
			#footer .nav ul { list-style: none; margin: 0; padding: 0; }
			#footer .nav .root h1 { color: #828281; font-size: 1em; font-weight: bold; text-transform: uppercase; }
			#footer .nav .root li { position: relative; }
			#footer .nav .root > li { float: left; width: 33.33%; font-size: 0.875em; }
			#footer .nav .root li li:before { content: ""; display: block; position: absolute; top: 0.7em; left: 0; margin-top: -8px; width: 16px; height: 16px; background: url(../img/common/ui.png) no-repeat -128px -32px; vertical-align: middle; }
			#footer .nav .root li a { display: block; overflow: hidden; padding-left: 16px; white-space: nowrap; text-overflow: ellipsis; }
	
		/* Copyright */
		#footer .copyright { background: #e8e8e8; border-top: 1px solid #cccdce; color: #828281; font-size: 0.6875em; text-align: center; }
		
		/* Back to top button */
		.back-to-top { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #e0e0e0; border: 1px solid #c4c4c4; border-left: none; border-right: none; }
		.back-to-top .container { position: relative; }
		.back-to-top a { display: block; position: absolute; top: 2px; right: 1em; width: 56px; height: 32px; background: #e0e0e0; border-end-start-radius: 32px 28px; border-end-end-radius: 32px 28px; border-left: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; }
		.back-to-top a:hover { background: #fff; }
		.back-to-top a i { position: absolute; bottom: .5em; left: 50%; margin-left: -8px; }
		
/* ==|== Homepage */

	/* Body */
	/*#homepage #body { background: #99999e url(../img/homepage/body-bg.jpg) no-repeat center top; }*/
	
		/* Main */
	/*	#homepage #body .container { background: transparent; }*/
		#homepage #main { position: relative; margin-right: 0; padding-bottom: 0; border: none; }
			
		#homepage .comet { position: absolute; top: -16px; right: 304px; width: 340px; height: 178px; background: url(../img/homepage/comet.png); }
			
		/* Home featured */
		
		/* About */
		#homepage .module.about { position: relative; }
		
		/* News moon */
		#homepage .news-container { position: absolute; bottom: 0; left: 0; width: 960px; }
		
			/* Latest news */
			#homepage .module.latest-news { z-index: 3; overflow: visible; padding: 48px 0 16px 0; margin: 0; width: 960px; height: 308px; background: url(../img/homepage/moon.png) no-repeat center top; border: none; }
			#homepage .module.latest-news > h1 { visibility: hidden; position: static; margin: 0; padding: 0; background: none; font-size: 56px; line-height: 1.14; text-align: center; text-transform: uppercase; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
			#homepage .module.latest-news > h1:after { display: none; }
			#homepage .module.latest-news .items { overflow: hidden; margin: 0 auto; width: 680px; background: none; border: none; }
			#homepage .module.latest-news .items li { float: left; width: 33%; }
			#homepage .module.latest-news article h1 { min-height: 2.8em; color: #fff; }
			#homepage .module.latest-news article > a { margin: .5em; padding: .5em; color: #fff; }
			#homepage .module.latest-news article > a:hover { background: rgba(249,249,249,0.1); }
			#homepage .module.latest-news .short-desc { min-height: 8.4em; }
			#homepage .module.latest-news .date { border-color: rgba(249,249,249,0.1); }
			#homepage .module.latest-news .date span { background: rgba(249,249,249,0.1); }
			
			#homepage .saturn,
			#homepage .satellite { position: absolute; }
			#homepage .saturn { z-index: 1; top: -56px; right: 48px; width: 527px; height: 264px; background: url(../img/homepage/saturn.png); }
			#homepage .satellite { top: 116px; right: 82px; width: 83px; height: 83px; background: url(../img/homepage/satellite.png); }

				
/* ==|== Large devices */

@media screen and (min-width: 1280px) {

	/* Homepage */
	#homepage {}
		
		/* Modules */
		#homepage .module {}
			
			/* Projects */
			#homepage .module.projects .short-desc { right: 246px; left: auto; }
			#homepage .module.projects .short-desc:before,
			#homepage .module.projects .short-desc:after { right: auto; left: 100%; border-right-color: transparent; }
			#homepage .module.projects .short-desc:after { border-left-color: transparent; }
			#homepage .module.projects .short-desc:before { border-left-color: #cdcdd1; }
			#homepage .module.projects .short-desc:after { border-left-color: #fff; }
			
			#homepage .module.projects .short-desc { right: auto; left: 246px; }
			#homepage .module.projects .short-desc:before,
			#homepage .module.projects .short-desc:after { right: 100%; left: auto; border-left-color: transparent; }
			#homepage .module.projects .short-desc:before { border-right-color: #cdcdd1; }
			#homepage .module.projects .short-desc:after { border-right-color: #fff; }

}

/* ==|== Print styles */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}