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

img
{
width: 100%;
}

.photo-bonhomme
{
width: 60%;
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;
}

.objet
{
margin-bottom: 80px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
font-family: 'GeosansLight';
font-weight: bold;
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: 60%;
}

.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;
font-family: 'GeosansLight';
font-weight: bold;
}

#complet1 
{
margin-bottom: 60px;
font-family: 'GeosansLight';
font-weight: bold;
}

#complet2 
{
padding-left: 15px;
padding-right: 15px;
text-align: center;
font-family: 'GeosansLight';
font-weight: bold;
}

.photo
{
width: 60%;	
margin: auto;
padding-left: 0px;
}

.photo2
{
width: 60%;	
margin: auto;
padding-left: 0px;
}

.photo3
{
width: 60%;	
margin: auto;
padding-left: 0px;
}

#partie1
{
color: black;	
font-style: normal;		
}
#partie2
{
padding-top: 10px;	
color: black;	
font-style: normal;	
margin-bottom: 10px;	
}
.photo-fin
{
margin-top: 60px;
margin-bottom: 40px;
margin: auto;
width: 70%;	
max-width: 180px;
list-style-type: none;
}


video
{
width: 100%;
}

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

.titre
{
margin-top: 20px;	
width: 100%;
text-align: center;
color: black;
font-family: 'GeosansLight';
font-weught: bold;
font-size: 18px;

}

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;

}