/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 18, 2013 */

@font-face {
    font-family: 'neue_schultelight';
    src: url('neueschulte-webfont.eot');
    src: url('neueschulte-webfont.eot?#iefix') format('embedded-opentype'),
         url('neueschulte-webfont.woff') format('woff'),
         url('neueschulte-webfont.ttf') format('truetype'),
         url('neueschulte-webfont.svg#neue_schultelight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_schultelight_italic';
    src: url('neueschulteitalic-webfont.eot');
    src: url('neueschulteitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('neueschulteitalic-webfont.woff') format('woff'),
         url('neueschulteitalic-webfont.ttf') format('truetype'),
         url('neueschulteitalic-webfont.svg#neue_schultelight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Global Reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
legend { display: none;; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
* a { position: relative; }
a img { border: none; }
* { outline: none; }
form { display: inline; }

/* focus */

a:focus { 
    outline: none; 
}

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
::-moz-selection 	{ background: rgba(31,31,31,0); color: red; }
::selection 		{ background: rgba(31,31,31,0); color: red; }



/* defaults */

html { /* font-size: 10px */
font: 62.5% 'neue_schultelight', 'Helvetica', sans-serif;}

body {
font:300 2.1rem/2.5rem 'neue_schultelight', 'Helvetica', sans-serif;
color:rgb(242,241,236);
background: rgb(31,31,31);
margin:0 0 10rem 0
}

em {
font-family:300 2.1rem/2.5rem 'neue_schultelight', 'Helvetica', sans-serif;
font-style:italic;
}

p, h1 {padding:0 0 2.5rem 0}

h1 {font-weight:bold; color:rgb(255,255,255)}

blockquote {padding:0 10% 0 5%}

a, a:link, a:active, a:visited {
color:rgb(242,241,236);
text-decoration:underline;
}

a:hover {
color:rgb(212,211,206);
text-decoration:none;
}

hr {
border:none;
padding:0 0 5rem 0;
}



/* layout */

#wrap {
margin:0 4%;
}

#header {
float:left;
width:95%;
padding:13rem 0 16rem 0;
text-align:center;
font:300 12rem/12rem 'neue_schultelight', 'Helvetica', sans-serif;
letter-spacing:-.4rem;
clear:both;
}

#header a, #header a:link, #header a:active, #header a:visited {
color:rgb(242,241,236);
text-decoration:none;
}

#header a:hover {
text-decoration:none;
}

#header-title {cursor:pointer;}

#content {
float:left;
width:97%;
clear:both;
}

#pressetexte {
width:98%;
margin:0;
padding:0 1%;
border-right:.1rem solid rgb(162,161,156); border-left:.1rem solid rgb(162,161,156);
}



#container3 {
clear:left;
float:left;
width:100%;
overflow:hidden;
border-right:.1rem solid rgb(162,161,156); border-left:.1rem solid rgb(162,161,156);
margin:0;
}

#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:33.333%;
border-right:.1rem solid rgb(162,161,156);
}


#container1 {
float:left;
width:100%;
position:relative;
right:33.33%;
border-right:.1rem solid rgb(162,161,156);
}

#col1 {
float:left;
width:31.33%;
position:relative;
left:67.47%;
overflow:hidden;
}

#col2 {
float:left;
width:31.33%;
position:relative;
left:69.67%;
overflow:hidden;
}

#col3 {
float:left;
width:31.33%;
position:relative;
left:71.67%;
overflow:hidden;
}

#overlay {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:500; /* makes sure it stays on top */
display:none;
cursor:pointer;
}

.fadein-container {
position:absolute; 
height:100%; 
width:97.5%;
display:table;
z-index:1000;
}

.fadein {
text-align:center;
display:table-cell;
vertical-align:middle;
overflow:hidden
}

.fadein img.next {
cursor:pointer;
border:.2rem solid rgb(31,31,31);
background:rgb(31,31,31);
max-width:60%;
max-height:80rem;
}


#footer {
float:left;
width:97%;
display:inline-block;
font:300 1.2rem/1.5rem 'neue_schultelight', 'Helvetica', sans-serif;
color:rgb(202,201,196);
padding:0 0 3rem 0;
text-align:left;
}






@media all and (max-width: 1023px) {
	
body {
font:300 1.5rem/1.9rem 'neue_schultelight', 'Helvetica', sans-serif;
color:rgb(242,241,236);
background: rgb(31,31,31);
margin:0 0 10rem 0
}

em {
font-family:300 1.5rem/1.9rem 'neue_schultelight', 'Helvetica', sans-serif;
font-style:italic;
}

hr {
border:none;
padding:0 0 3.8rem 0;
}
	
#wrap {
margin:0 4%;
}

#header {
float:left;
width:95%;
padding:13rem 0 16rem 0;
text-align:center;
font:300 9rem/9rem 'neue_schultelight', 'Helvetica', sans-serif;
letter-spacing:-.3rem;
clear:both;
}

#header-title {cursor:pointer;}

#content {
float:left;
width:97%;
clear:both;
}


#pressetexte {
width:98.25%;
margin:0 0 10rem 0;
padding:0 1%;
border-right:.1rem solid rgb(162,161,156); border-left:.1rem solid rgb(162,161,156);
}


#container3 {
clear:left;
float:left;
width:100%;
overflow:hidden;
border-right:.1rem solid rgb(162,161,156); border-left:.1rem solid rgb(162,161,156);
margin:0 0 10rem 0;
}

#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:33.333%;
border-right:.1rem solid rgb(162,161,156);
}


#container1 {
float:left;
width:100%;
position:relative;
right:33.33%;
border-right:.1rem solid rgb(162,161,156);
}

#col1 {
float:left;
width:31.33%;
position:relative;
left:67.47%;
overflow:hidden;
}

#col2 {
float:left;
width:31.33%;
position:relative;
left:69.67%;
overflow:hidden;
}

#col3 {
float:left;
width:31.33%;
position:relative;
left:71.67%;
overflow:hidden;
}

#overlay {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:500; /* makes sure it stays on top */
display:none;
cursor:pointer;
}

.fadein-container {
position:absolute; 
height:100%; 
width:97.5%;
display:table;
z-index:1000;
}

.fadein {
text-align:center;
display:table-cell;
vertical-align:middle;
overflow:hidden
}

.fadein img.next {
cursor:pointer;
border:.2rem solid rgb(31,31,31);
max-width:60%;
max-height:55rem;
}


#footer {
float:left;
width:97%;
display:inline-block;
font:300 1.2rem/1.5rem 'neue_schultelight', 'Helvetica', sans-serif;
color:rgb(202,201,196);
padding:0 0 3rem 0;
text-align:left;
}

}









@media all and (max-width: 699px) {
	
body {
font:300 2.1rem/2.5rem 'neue_schultelight', 'Helvetica', sans-serif;
color:rgb(242,241,236);
background: rgb(31,31,31);
margin:0 0 10rem 0
}	

em {
font-family:300 2.1rem/2.5rem 'neue_schultelight', 'Helvetica', sans-serif;
font-style:italic;
}

hr {
border:none;
padding:0 0 5rem 0;
}	
	
#wrap {
margin:0 4%;
}

#header {
float:left;
width:95%;
padding:6rem 0 8rem 0;
text-align:left;
font:300 6.5rem/6.5rem 'neue_schultelight', 'Helvetica', sans-serif;
letter-spacing:-.3rem;
clear:both;
}

#header-title {cursor:pointer;}

#content {
float:left;
width:97%;
clear:both;
}

#pressetexte {
width:100%;
margin:0 0 10rem 0;
padding:0 0;
border-right:0; border-left:0;
}

#container3 {
clear:left;
float:left;
width:100%;
overflow:hidden;
border-right:none; border-left:none;
margin:0 0 10rem 0;
}

#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:0;
border-right:none;
}


#container1 {
float:left;
width:100%;
position:relative;
right:0;
border-right:none;
}

#col1 {
float:left;
width:100%;
position:relative;
left:0%;
overflow:hidden;
margin:0 0 5rem 0;
}

#col2 {
float:left;
width:100%;
position:relative;
left:0%;
overflow:hidden;
margin:0 0 5rem 0;
}

#col3 {
float:left;
width:100%;
position:relative;
left:0%;
overflow:hidden;
margin:0 0 5rem 0;
}

#overlay {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:500; /* makes sure it stays on top */
display:none;
cursor:pointer;
}

.fadein-container {
position:absolute; 
height:100%; 
width:97%;
display:table;
z-index:1000;
}

.fadein {
text-align:center;
display:table-cell;
vertical-align:middle;
overflow:hidden
}

.fadein img.next {
cursor:pointer;
border:.2rem solid rgb(31,31,31);
max-width:60%;
max-height:22rem;
}


#footer {
float:left;
width:97%;
display:inline-block;
font:300 1.2rem/1.5rem 'neue_schultelight', 'Helvetica', sans-serif;
color:rgb(202,201,196);
padding:0 0 3rem 0;
text-align:left;
}

}