/*====== FONTS ======*/
@font-face {
	font-family: 'futurastd-light-webfont';
	src: url('../fonts/futurastd-light-webfont.eot');
	src: url('../fonts/futurastd-light-webfont.eot?#iefix')
		format('embedded-opentype'), url('../fonts/futurastd-light-webfont.woff')
		format('woff'), url('../fonts/futurastd-light-webfont.ttf') format('truetype'),
		url('../fonts/futurastd-light-webfont.svg#futurastd-light-webfontRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

body{margin:0;padding:0; font-family: futurastd-light-webfont;}
ul,li{padding:0;margin:0;}
a{color: #666666;  text-decoration: none;}
#galerie a:HOVER, #beppo-block a:HOVER, #aside a:HOVER, #bio a:HOVER, #presse a:HOVER, #contact a:HOVER {opacity: 0.5;}

h3, h5 {letter-spacing: 0.3em;}

ul#beppo-block{ margin:0 15px 15px 14px;}
ul#beppo-block li{ margin:0 0 10px 0; display:inline; float:left; clear:both; color:#FF0000; font: .82em Helvetica, Arial, sans-serif; }
/* ul#beppo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('../supersized/img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
ul#beppo-block li a{ color:#eee; font-weight:bold; } */

.container{margin:auto;display:block;}
.aside{position: fixed; margin-left:50px;}

.header{display:block;margin-top:14px; height:200px;background-color:#FFFFFF;}
.nav{display:inline-block;width: 20%; margin-top:42px; letter-spacing: 1em;}
.nav ul li {list-style: none; margin: 15px;}

.bio, .contact, .presse, .galerie {display:inline-block; margin-left:420px; position: relative; padding-top: 230px;}
.bio ul li{list-style: none;}
.bio .perso ul li{list-style: none;}
.contact p{margin-bottom: 35px;}

.presse img {border: solid 1px #3D3D3D;} 

.article{ background-color: #EEEEEE;}
.bio, .contact {background-color: #EEEEEE;}
.indent{margin-left: 5px;}

.up {
	background-image: url('../images/up.jpg');
	height: 50px;
	width: 50px;
	line-height: 50px;
	display: block;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	float: right;
	position: fixed;
    bottom: 8em;
    left: 63em;
	
}
.up:hover {
	background-position: bottom left;
}

.copy {
	position: fixed; 
	bottom: 0; 
	left: 0; 
	font-size:xx-small; 
	margin: 0;
    padding: 0;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.chapeau{
	text-align: justify; 
	width: 42em;
}