body
{
font-family: quicksandbook;
color: rgb(235,235,235);
background-color: rgb(35,35,39);
font-size: 17px;
}

@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: 'Garet-Book';
 src: url('Garet-Book.woff');
 }
 
@font-face
 {
 font-family: 'GeosansLight';
 src: url('GeosansLight.ttf');
 }
 
@font-face
 {
 font-family: 'Juergen';
 src: url('Juergen.ttf');
}

#site
{
margin-top: 0px;	
left: 16px;
font-weight: bold;
color: rgb(204,102,0);
}

#titre
{
margin-left: auto;
margin-right: auto;
width: 1595px;

}


h1
{
text-align: center;	
margin-top: 200px;
font-family: 'Juergen';
font-size: 45px;
}

#bandeau
{
margin: auto;	

}

#texte
{
padding: 39px;

line-height: 26px;

column-count: 3;
column-gap: 50px;
-webkit-column-count: 3;
-webkit-column-gap: 36px;
-moz-column-count: ;
-moz-column-gap: 36px;
}

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

img
{
margin-left: -8px;
border-style: solid;
border-width: 2px;
border-color: rgb(235,235,235);
}

#menu ul
{
	
height: 200px;
padding-top: 105px;
position: fixed;
text-align: center;
top: 1050px;
width: 100%;
z-index: 1;
}

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

li a
{
text-decoration: none;
color: rgb(235,235,235);

}

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


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