@font-face {
	font-family: Oswald;
	src: url('/oswald-bold.ttf');
}

/*@page {margin:15px 10px;}*/

html {
	width:100%;
	height:100%;
	margin: 0;
	background-color:#000;	
}

body {
	width:100%;
	height: 100%;
	margin: 0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color:#cacaca; /*gris clair*/
	margin: 2em auto;
	cursor: default;
}

.party {
	font-family: 'Oswald', sans-serif;
	padding: 25px 15px 20px 15px;
}

.katacombes {
	background-color: #f42b34;
}

.underworld {
	background-color: #ffa800;
	background-color: #7070ff;
}

.party h1 {
	font-size: 26px;
	text-transform: uppercase;
}

.party.katacombes h1 {
	color:#fcca75;
}

.party.underworld h1{
	color:#f13636;
	color:#fff070;
}

#page .party.katacombes h2 {
	background-color:#ff9ca0;
	/*background-color: #415bf8;*/
	/*color:#a1a;
	color:#415bf8;*/
	color:#9a1cd5;
}

#page .party.underworld h2{
	background-color:#360064;
	color:#0084ff;
	color:#f02c35;
}

#page .party h2 {
	margin-top: 5px;
	font-size: 20px;
}

#page .party.underworld h3{
	font-size: 16px;
	font-weight: bold;
	color:#fff370;
}

#page .party ul li{
	font-size: 15px;
	font-weight: normal;
	margin-top:15px;
	font-family: sans-serif;
	text-transform: uppercase;
	color:#fff;
}

#page .party ul li a{
	text-decoration: underline;
	color:#fff;
}

.katacombes .time {
	margin-right: 20px;
	background-color: #80a5f9;
	color:#1045bd;
	font-weight: bold;
}

.underworld .time {
	margin-right: 20px;
	background-color: #f02c35;
	color:#360064;
	font-weight: bold;
}

.sidenote {
	font-style: italic;
	font-size: 11px;

}

.aside {
	text-align:center;
	/*display:inline-block;*/
	/*min-width: 200px;*/
	width:35%;
	height:100%;
	position:fixed;
	top:0; left:0;
	float: left;
	z-index:-1;
	background:green;
	background:url('../images/www_bg.jpg') no-repeat;
	/*background:url('/2014/images/www_bg.jpg') no-repeat;*/
	background-size: 100% auto;
	background-position: top center;
}

.aside h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 3.5em;
	margin: 30px 0 0 0;
	text-transform:uppercase;
}

#footer {
	position:absolute;
	bottom:10px; left: 50%;
	margin-left: -70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}

.clear { 
	clear:both;
}

#page {
	max-width: 650px;
	min-height: 100%;
	height:auto;
	float:left;
	margin:0 0 0 35%;
	padding: 0 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #000000; /* #444444;*/ /*gris foncé*/
	background:#000;
	background: rgba(0,0,0,0.5);
}

#page h2 {
	text-transform:uppercase;
	font-size:1.5em;
	color: #ff3338; /*red*/
	font-family: 'Oswald', sans-serif;
	margin-top:20px;
	line-height: 130%;
}

#page h3 {
	font-family: 'Oswald', sans-serif;
	font-size: .9em;
	font-weight: 300;
	text-transform:uppercase;
	color:#ff4436; /*rouge orange*/
	margin: 2em 0 .8em 0;
	padding: 0;
}

#page h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	color: #b00000; /*bordeau*/
	margin: 20px 0 10px 10px;
}

#page p{
	font-size: 0.8em;
}

#page pre {
	font-family: monospace, monospace;
	font-size: .75em;
}

.news {
	margin: 0 0 10px 10px;
	float:left;
}

.news-content {
	display:inline-block;
	float:left;
	width:550px;
	line-height: 120%;
	margin-left: 10px;
}

.date {
	padding: 0 3px;
	background: #424242;
	/*background: rgba(255, 255, 255, 0.9);*/
	color: #b7b7b7; /*gris*/
	float:left;
} 

.sep {
	padding-top: 15px;
	width:100%;
	border-bottom: 1px solid #292929;
}

header {
	width:100%;
	overflow:auto;
	padding:0px;
	margin:0px;
}

#subheader {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:xx-small;
	color:#BDD0D4;
	letter-spacing: 1.55px;
	text-align:justify;
	height:auto;
	font-style: italic;
	padding-bottom:5px;
}

nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-transform: lowercase;
	font-weight: bold;
	float:left;
}

/* ugly ass IE hack */
* html nav {
	height: 1%;
}

nav ul {
	font-size: 12px;
	padding: 0px;
	margin: 30px 0 50px 0;
	display: block;
	float: left;
}

nav li {
	display: inline	;
	float: left;
	padding: .5em 2em .3em 0;
}
	
	nav li a:link {
		/*/color: #3d5bff; purple blue*/
		color: #fcca75; /*yellow*/
	}

	nav li a:visited {
		/*/color: #3d5bff; purple blue*/
		color: #fcca75; /*yellow*/
	}

	nav li a:hover {
		color: #687fff; /*purple blue, lighter*/
	}

.active-nav {
	border-bottom:1px solid #fcca75; /*#ff3337; bright red*/
	color:#fcca75;/*#ff3337;*/
}

.article {
	max-width:800px;
	height:auto;
	text-align:left;
	float:left;
	clear:right;
	padding: 0 20px 100px 20px;
	background: #1e1e1e; /*gris charbon*/
	background: rgba(255,255,255,0.1);
	margin: 0 0 30px 0;
}

.article p {
	line-height: 150%;
	margin-left: 10px;
}

.article ul {
	font-size: 12px;
	margin: 15px 20px;
}

.article ul li {
	margin-bottom: 5px;
}

.italic {
	font-style:italic;
}

.underline {
	text-decoration: underline;
}

.sponsor {
	margin: 10px 50px 0 0;
}

ul.training-info {
	font-size: 13px;
	background:#1e1e1e;
	border: 1px solid #242424;
	padding: 5px;
	width: 350px;
}

#container {
	width:80%;
	margin: 0 auto;
	text-align:left;
}

#content {
	border-top:1px solid #D1E0E4;
	border-left:1px solid #D1E0E4;
	text-align:justify;
	vertical-align:top;
	width:100%;
}

#main {
	width: 100%;
	margin: 0;
}

#sidebar {
	float: left;
	height: 363px;
	margin: 0;
	padding: 0 15px 0 0;
}

#articles {
	background-color: #000;
	min-height: 363px; 
	height: 363px;
	border-top: 1px solid #D1E0E4;
	border-left: 1px solid #D1E0E4;
	/* border-bottom: 1px solid #D1E0E4; */
	margin: 0 0 0 300px;
}

#articles li {
	list-style: none;
}

#articles img {
	border: 0;
}

html *> #articles {
	height: auto;
}
/* to clear #speakers */
#articles:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}

h3 {
	/*text-transform: lowercase;*/
	font-size: 2em;
	font-family: 'Oswald', sans-serif;
	font-weight: 900;
	color:#66CC00;
	margin: 1em 0 .4em 1em;
	padding: 0;
}

h4 {
	/*text-transform: lowercase;*/
	font-size: 1em; 
	font-weight: 400;
	color:#66CC00;
	margin: 1em 0 .4em 1em;
	padding: 0;
}

p {
	margin: 0 3em 0 2em;
	padding: 0;
	padding-bottom: 1em;
	font-size: .9em;
	line-height: 1.2em;
}

p+p {
}

#speakers {
	background-color: #000;
	/*border-right:1px solid #D1E0E4;*/
	position: relative;
	float: left;
	width: 17.5%;
	height: 100%;
	min-height: 438px;
	margin: 0 1.5em 3em 0;
	text-align: right;
}

* html #speakers {
	height: 468px;
}

#speakers a {
	font-size: .9em;
	font-weight:bold;
	width:100%;
}

#articles li {
	margin-left: 2em;
	text-transform: lowercase;
	list-style: bullet;
}

* html #articles ul {
	margin-left: 2em;
	padding-left: 2em;
}

#articles #speakers ul, #articles #speakers li {
	list-style: none; 
	padding: 0;
	margin: 0;
}
#articles #speakers ul {
	margin: 1em 0 0 .5em;
}

dl {
	margin-left: 2em;
}
dt {
	margin-top: 2em;
	font-size: .8em;
	font-weight: bold;
	color:#66CC00;
}
h3+dl {
	margin-top: -1em;
}
dd {
	margin-top: .4em;
}
dd span {
	font-weight: bold;
	color:#97BBC3;
}
dd a {
	display: block;
	margin: -1em 6em 0 0;
	text-align: right;
}
blockquote {
	width: 80%;
	font-size: .8em;
}
hr {
	width: 90%;
	height: 1px;
	border-color: #C3C3C3;
}
* html hr {
	margin-left: .5em;
}

.w5 {
	padding: 10px;
	color:#C0BC4B;
	margin: 0px;
	border: 0px;
}


* a {
	cursor:pointer;
	color:#4288fa; /*blue*/
	text-decoration: none;
}

* 

* a:link, * a:visited { 
	color: #4288fa;
}

* a:hover { 
	color: #6ea5ff; /*blue lighter*/s
	text-decoration: none;
}

* a:active { 
	color: #4288fa;
}

#validator {
	text-align: right;
}

#validator a,
#validator a:link,
#validator a:hover,
#validator a:active { 
	color: #000 !important;
	text-decoration: none;
}

.paypal {
	margin-left: 17.5px;
}

.paypal td {
	text-align: right;
}

.payclick a {
	color: #ff0000;
}

.red { 
	color: #ff0000;
}