body
{
width: 100%;
margin: 0;
padding: 0;
}

@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: 'GeosansLight';
 src: url('GeosansLight.ttf');
 }

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

#site
{
width: 100%;
text-align: center;
font-family: quicksandbook;	
font-weight: bold;
color: rgb(204,102,0); 
}

h1
{
margin-top: 100px;	
width: 100%;
text-align: center;
font-family: cisgender;
color: black;
font-size: 35px;
}

#bandeau
{
margin-top: 60px;
font-family: 'GeosansLight';
font-weight: bold;
color: black;
font-size: 16px;
text-align: justify;
}

#bandeau p
{
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}

#bandeau a
{
text-decoration: none;
color: rgb(204,102,0);
}

#coordonnees
{
margin-top: 30px;
margin-bottom: 30px;
width: 90%;
text-align: center;
padding-left: 15px;
padding-right: 15px;
font-family: 'GeosansLight';
font-weight: bold;	
}



#menu ul
{
text-align: right;
list-style: none;
}



#menu li
{
padding-top: 5px;	
padding-right: 15px;
font-family: 'GeosansLight';
font-weight: bold;
color: rgb(204,102,0);
font-size: 16px;
}

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

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

footer
{
background-color : gainsboro;
height: 50px;
margin-top: 40px;

}