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

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

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

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

/* Set additional styling options for the columns*/
.left {
    float: left;
    width: 30%;
    }

.right {
	min-width: 720px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
        height:auto;
        text-align: left;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}


.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:black;
	background:url('../images/Recon2026.jpeg') 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 #2F4F4F; /*#444444;*/ /*gris foncé*/
	background:#000000;
}

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

#page h2, #talk-title h2, #page h3, #talk-title h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform:uppercase;
	color:#1ec1e5; /*Turquoise*/
	margin: 2em 0 .8em 0;
	padding: 0;
}

#page h2, h2.talk-title{
    font-size:1.2rem;
}

#page h3, #talk-title h3{
    font-size: .9rem;
}

#featured-talks small{
	display:block;
    padding-top:10px;
    font-size:0.8rem;
}

#page #info h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
	color: #e18519; /*dark gold*/
	margin: 20px 0 10px 10px;
}

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

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

#page b {
	color: #e18519; /*dark gold*/
	font-weight: bold;
}

.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: #000000;
	/*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;
	/*font-weight: bold;*/
}
	
	nav li a:link {
		/*/color: #3d5bff; purple blue*/
		color: #e1c62d; /*gold*/
	}

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

	nav li a:hover {
		color: #e18519; /*dark gold*/
	}

.active-nav {
	border-bottom:1px solid #1ec1e5; /*Turquoise*/
	color:#1ec1e5;/*Turquoise;*/
}

.article {
	max-width:800px;
	height:auto;
	text-align:left;
	float:left;
	clear:right;
	padding: 0 20px 100px 20px;
	background: #000000;
	margin: 0 0 30px 0;
}

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

.article ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#cacaca; /*gris clair*/
	margin-left: 10px;
	line-height: 150%;
}

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

.italic {
	font-style:italic;
}

.bold {
        font-weight: bold;
}

.underline {
	text-decoration: underline;
}

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

.sponsorcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

ul.training-list{
	list-style-type: disc;
}

ol.training-list{
	list-style-type: decimal;
	margin-left: 20px;
}

#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: #00000;
	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: #00000;
	/*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:#00ff00; /*blue*/
	text-decoration: none;
}

* 

* a:link, * a:visited { 
	color: #6b3186;
}

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

* a:active { 
	color: #00ff00;
}

#validator {
	text-align: right;
}

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

/*** Responsive ***/
@media(max-width:1000px){
    #page h1{
      font-size:2.1em;
    }
    #page h2{
      font-size:1.6em;
    }
    #page p{
    	font-size:1.3em;
    }
    div.aside{
      width: 100%;
    }
    .clear {
      clear: none;
      padding: 0 20px;
    }
    section#page{
  	  background: rgba(0,0,0,0.85);
      margin: auto;
    }
    section#page nav{
    	padding:0;
    }
    /*header nav ul{
  	  margin-bottom:40px;
  	  font-size:21px;
    }*/
    /*nav ul li{
      padding: 0.7em 3em 1em 0;
    }*/
    section div.article{
      background:none;
      float: none;
      clear: none;
      padding: 0;
    }
    #featured-talks .left {
      float: left;
      width: 40%;
    }
    #featured-talks .right {
      min-width: 0;
    }
    #featured-talks .row{
      margin-bottom: 35px;
    }
    #featured-talks small{
      font-size:1.2rem;
    }
    .article a{
    	font-size:1.1em;
    }
    .article#cancellation ul {
      font-size: 15px;
      line-height: 20px;
    }
    .article#info ul {
      font-size: 18px;
      line-height: 20px;
    }
}