body
{
width: 100%;
margin: 0;
padding: 0;
font-size: 10px;
}


@font-face
 {
 font-family: quicksandbook;
 src: url("quicksand_book-webfont.ttf");
 src: url("quicksand_book-webfont.eot");
 src: url("quicksand_book-webfont.woff"); 
}

@font-face
 {
 font-family: 'Juergen';
 src: url('Juergen.ttf');
}

@font-face
 {
 font-family: 'Cisgender';
 src: url('Cisgender.otf');
}

#site
{
position: fixed;	
left: 15px;
top: 0px;	
font-family: quicksandbook;	
font-weight: bold;
color: rgb(204,102,0);
font-size: 16px;
}

header p 
{ 
font-family: quicksandbook;
position: fixed;	
left: 15px;	
font-weight: bold;
color: rgb(204,102,0);
font-size: 16px;
}

h1
{
position: fixed;	
left: 5px;
top: 0px; 
width: 100%;
text-align: center;
font-family: 'Cisgender';
color: black;
font-size: 10em;
font-weight: 100;
}

h2
{
font-family: quicksandbook;
color: black;
text-align: center;
font-weight: 10;
}

h3
{
font-family: quicksandbook;
color: black;
width: 250px;
text-align: center;
font-size: 16px;
font-weight: 10;
}

h4
{
font-family: quicksandbook;
color: black;
text-align: center;
font-size: 16px;
font-weight: 10;
}

#carousel-1
{
margin-top: 280px;	
margin-bottom: 50px;
height: 500px;
font-family: quicksandbook;
font-weight: 1px;
list-style-type: none;	
display: flex;
overflow: visible;
padding-left: 150px;

}

.videos
{
flex-grow: 0;
flex-shrink: 0;
height: 400px;
margin-right: 100px;
margin-top: 40px;
text-align: center;
}

.videos video
{
height: 400px;	
}

.livre 
{
flex-grow: 0;
flex-shrink: 0;	
height: 530px;	
width: 350px;
margin-right: 100px;
margin-top: 35px;

}

.photo
{
flex-grow: 0;
flex-shrink: 0;	
margin-right: 100px;
margin-top: 35px;
height: 500px;	
}

.photo img
{
height: 400px;	
}

.photo-fin
{
flex-grow: 0;
flex-shrink: 0;	
padding-right: 100px;
margin-top: 35px;
height: 500px;	
}

.photo-fin img
{
height: 400px;	
}

.bio
{
flex-grow: 0;
flex-shrink: 0;	
height: 50%;
margin-right: 100px;
margin-top: 100px;
width: 400px;
}

.bio p
{
font-family: quicksandbook;
color: black;
text-align: justify;
font-size: 15px;
margin-bottom: 12%;
}

.texte
{
flex-grow: 0;
flex-shrink: 0;	
height: 50%;
margin-right: 100px;
margin-top: 165px;
width: 400px;
}

.texte p
{
font-family: quicksandbook;
color: black;
text-align: justify;
font-size: 15px;
margin-bottom: 12%;
}

.texte h3
{
font-family: quicksandbook;
color: black;
text-align: center;
font-size: 15px;
font-weight: normal;
}

#vide-final
{
width: 100px;	
color: white;
}

#menu ul
{
position: fixed;
text-align: center;
width: 100%;
text-align: center;
padding-top: 21px;
}

#menu li
{	
display: inline;
font-family: quicksandbook;
color: rgb(204,102,0);
font-size: 16px;
margin: 3%;
}

li a
{
text-decoration: none;
color: black;
}

li a:hover
{
color: black;
color: rgb(204,102,0);
}