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

.photo-bonhomme
{
width: 60%;
max-width: 220px;
padding-top: 40px;	
margin: auto;	
}

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

h2
{
margin-top: 2x;	
font-family: 'GeosansLight';
font-weight: bold;
font-size: 18px;
color: black;
text-align: center;
font-weight: 10;
}

.objet
{
margin-bottom: 80px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
font-size: 18px;
}

#carousel
{
list-style-type: none;	
margin: auto;
width: 100%;
padding-left: 0px;
font-size: 18px;
}

.photo-couv1
{
margin: auto;
margin-top: 80px;
margin-bottom: 60px;
width: 80%;
max-width: 250px;
}

.texte
{

margin-bottom: 80px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
font-family: 'GeosansLight';
font-weight: bold;
}

.texte1
{

margin-bottom: 80px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}
ul
{
list-style: none;
}

img
{
width: 100%;

}

video
{
width: 100%}

.videos
{
margin: auto;
margin-top: 60px;
margin-bottom: 60px;
width: 100%;
list-style-type: none;
}

.photo
{
margin: auto;	
margin-top: 60px;
margin-bottom: 40px;
width: 80%;
list-style-type: none;
}

.photo2
{
margin: auto;	
margin-top: 60px;
margin-bottom: 40px;
width: 100%;
list-style-type: none;
}

.photo3
{
margin: auto;	
margin-top: 60px;
margin-bottom: 40px;
width: 80%;
list-style-type: none;
}

.photo-fin
{
margin: auto;	
margin-top: 60px;
margin-bottom: 40px;
width: 70%;
max-width: 200px;
list-style-type: none;
}


em
{
color: rgb(204,102,0);
font-size: 18px;
font-weight:bold;
}

#menu ul
{
margin-top: 80px;	
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;
}