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;
}

#carousel
{
padding-left: 0px;		
}

img
{
width: 40%;
}

.tableau
{

margin-top: 60px;
margin-bottom: 40px;
width: 100%;
text-align: center;	
list-style-type: none;
}


h2
{
width: 100%;
text-align: center;
margin-bottom: 20px;	
font-family: 'GeosansLight';
font-weight: bold;
font-size: 16px;
}

.texte
{
width: 100%;
text-align: center;
list-style-type: none;
font-family: 'GeosansLight';
font-weight: bold;
}

.texte p
{
height: 270px;
text-align: center;
margin-top: 60px;
margin-bottom: 40px;

}

.texte h3
{
width: 100%;
text-align: center;
font-size: 16px;
font-weight: normal;
}

#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;
}