@import url(https://fonts.googleapis.com/css?family=Playball|Slabo+27px|Roboto:400,700);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} 

body {
  margin: 0;
  padding: 0;
  font-family: 'Slabo 27px', serif;
  color: #D2D2DA;
  background: #1F1F29;
}
figcaption{
	background: #000;
	color: #ccc;
	padding: 0 0 0 60px;
	line-height:1.5em;
}
figcaption em{
	font-style: italic;
}
h1{
	font-family: 'Roboto', sans-serif;
	/*font-weight:normal;*/
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.2em;
}
a {
	color: #32323A;
}
/*navigation*/
header{
	width: 100%;
	background: #000;
	height: 35px;
}
header nav ul {
	float: right;
    display: inline-block;
    padding: 6px 20px 2px 0;
}
header nav ul li {
	padding-left: 14px;
	float: right;
}
header h1#btn1{
	padding: 7px 0 4px 20px;
	float: left;
    display: inline-block;
    color: white;
    font-size: 1.4em;
    font-family: 'Roboto', sans-serif;
}
#btn1 a{
	text-decoration: none;
	color: #fff;
}
/*
a:link {
    color: #FF0000;
}
a:visited {
    color: #00FF00;
}
a:hover {
    color: #FF00FF;
}
a:active {
    color: #0000FF;
}*/
p{
	padding: 0;
	margin: 0 0 10px 0;
}
img{
	margin:0;
	padding:0;
}
figure{
	margin:0;
	padding:0;
	background-color: black;
}
div#mainTitle{
	position:absolute;
	color: #EEEEEE;
	opacity: 0.6;
	width: 740px;
	background: #23232C;
	padding: 20px 0 5px 60px;
	text-transform:uppercase;
}
div#content{
	color: #32323A;
	width: 800px;
	padding: 0px;
	font-size: 1em;
	margin: 30px auto 40px auto;
	background: none;
	line-height: 130%;
	/*border: 1px solid #666;*/
}
.info{
	border: none;
    border-top: 1px solid #999;
	font-size: .9em;
	padding-top: 10px;
	font-family: 'Roboto', sans-serif;
}
img.main{
	display: block;
	margin: 0 auto;
}
section{
	margin:0;
	padding:0;
	font-size: .9em;
	text-align: justify;
}
div#galerie{
	background-color: black;
	width: 800px ;
	height: 120px;
	padding: 0;
	margin:0;
}
ul#galerie_mini{
  	margin: 0 0 0 0;
  	padding: 0;
  	list-style-type: none;
}
ul#galerie_mini li{
  float: left;
}
ul#galerie_mini li img {
	cursor: pointer;
  margin: 0 0 0 0;
  padding: 0;
  opacity: 0.3;
  transition: opacity 0.5s ease-in-out;
}
ul#galerie_mini li:hover img, ul#galerie_mini li:focus img {
  opacity: 0.5;
}
ul#galerie_mini li img#sl{
	opacity: 0.9;
}
div#description_en{
	padding: 20px 60px 10px 60px;
	background: #CCC;
	margin: 0;
}
div#description_fr{
	padding: 20px 60px 10px 60px;
	background: #EEE;
	margin: 0;
}
#mainFigure{
	width: 800px;
	height: 480px; //628
	overflow: hidden;
	background: black;
}
section#residency{
	background: #000;
	color: #666;
}
#video{
	width: 500px;
	margin: 0 auto;
	/*background: yellow;*/
	padding: 5px 0 20px 0;
}
.legend{
	font-size: .8em;
}
section#bio{
	/*border-top: 1px solid #666;*/
	color: #999;
	font-size: .8em;
	background: #333;
	padding: 20px 60px 20px 60px;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}
#captions2{
	padding: 0 0 5px 60px;
}