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: 30%;
max-width: 200px;
padding-top: 40px;	
margin: auto;	
}

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

.objet 
{
font-family: 'GeosansLight';
font-weight: bold;	
margin-bottom: 80px;
width: 90%;
margin: auto;
text-align: justify;
font-size: 18px;
}

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

.photo-couv1
{
margin: auto;
margin-top: 100px;
margin-bottom: 100px;
width: 30%;
}

.texte
{
font-family: 'GeosansLight';
font-weight: bold;	
width: 50%;
margin: auto;
margin-bottom: 80px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}

.texte1
{
font-family: 'GeosansLight';
font-weight: bold;	
width: 50%;
margin: auto;
margin-top: 80px;
margin-bottom: 60px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}

#complet1 
{
font-family: 'GeosansLight';
font-weight: bold;	
width: 100%;	
margin: auto;
margin-bottom: 100px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}

#complet2 
{
font-family: 'GeosansLight';
font-weight: bold;	
width: 100%;	
margin: auto;
margin-top: 60px;
padding-left: 50px;
padding-right: 15px;
text-align: justify;
}

#complet3
{
font-family: 'GeosansLight';
font-weight: bold;	
width: 100%;	
margin: auto;
margin-bottom: 100px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}

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

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

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

#partie1
{
	font-family: 'GeosansLight';
font-weight: bold;
color: black;	
font-style: normal;		
}
#partie2
{
	font-family: 'GeosansLight';
font-weight: bold;
padding-top: 10px;	
color: black;	
font-style: normal;	
margin-bottom: 10px;	
}

.photo-fin
{
margin: auto;
margin-top: 100px;
margin-bottom: 40px;
width: 40%;	
max-width: 150px;
padding-left: 0px;
list-style-type: none;
}


video
{
width: 100%;
}

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

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

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;

}