@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: 'GeosansLight';
 src: url('GeosansLight.ttf');
 }

@font-face
 {
 font-family: 'Cisgender';
 src: url('Cisgender.otf');
}

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

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

h1
{
position: fixed;	
width: 100%;
text-align: center;
top: 120px;
font-family: 'Cisgender';
font-size: 80px;
font-weight: 100;
}

#bandeau
{
color: black;
background-color: rgb(35,35,39);
margin-top: 417px;	
font-family: quicksandbook;
font-weight: 1px;
height: 440px;	
}

#bandeau p
{
background-color: rgb(235,235,235);
margin-left: 1638px;
line-height: 26px;
font-family: quicksandbook;
width: 802px;
font-size: 18px;
text-align: justify;
padding-left: 30px;
padding-right: 30px;
padding-top: 13px;
padding-bottom: 13px;
}

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

#photoguler
{
position: absolute;
top: 300px;	
width: 1538px;
margin-top: 155px;
margin-left: 50px;
border-style: solid;
border-width: 2px;
border-color: rgb(235,235,235);
}

#photoguler img
{
color: rgb(204,102,0);
width: 100%;
}

#coordonnees
{
background-color: rgb(235,235,235);
margin-left: 1638px;
margin-top: 8px;
line-height: 26px;
font-family: quicksandbook;
width: 802px;
font-size: 18px;
text-align: justify;
padding-left: 30px;
padding-right: 30px;
padding-top: 13px;
padding-bottom: 13px;	
}

#texte1 a
{
font-weight: bold;	
color: rgb(204,102,0);	
}


#conteneur
{
margin-top: 48px;
margin-left: 1636px;
width: 868px;
}

#entete
{
font-size: 20px;
text-align: right;
padding-right: 5px;
width: 30%;
margin-left: 65%;
font-family: quicksandbook;
color: rgb(235,235,235);
font-size: 15px;
}

label
{
background-color: rgb(235,235,235);
font-family: quicksandbook;
float: left;
clear: left;
margin: 10px 20px 0 20px;
width: 120px;
text-align: center;
font-size: 14px;
text-transform: uppercase;
border-radius: 5px;
border: #4b2601;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px f2f2f2;
-webkit-box-shadow: 0px 1px 0px f2f2f2;
}



input[type=email]
{
width: 470px;
height: 30px;
padding: 5px 20px 0px 20px;
margin: 0 0 20px 20px;
text-align: left;
font-size: 16px;
background: -moz-linear-gradient (top, 546A7F 0%, 5E768D 20%);/* firefox*/
background: -webkit-gradient (linear, left top, left bottom, color-stop (0%,546A7F), color-stop (20%,5E768D) );/* webkit */
border: 1px solid;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px f2f2f2;
-webkit-box-shadow: 0px 1px 0px f2f2f2;
}

input[type=text]
{
width: 470px;
height: 30px;
padding: 5px 20px 0px 20px;
margin: 0 20px 20px 20px;
text-align: left;
font-size: 16px;
background: -moz-linear-gradient (top, 546A7F 0%, 5E768D 20%);/* firefox*/
background: -webkit-gradient (linear, left top, left bottom, color-stop (0%,546A7F), color-stop (20%,5E768D) );/* webkit */
border:1px solid #4b2601;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px f2f2f2;
-webkit-box-shadow: 0px 1px 0px f2f2f2;
}



textarea
{
width: 470px;
height: 150px;
padding: 12px 20px 0px 20px;
margin: 0 0 20px 20px;
background: -moz-linear-gradient (top, 546A7F 0%, 5E768D 20%);/* firefox*/
background: -webkit-gradient (linear, left top, left bottom, color-stop (0%,546A7F), color-stop (20%,5E768D) );/* webkit */
border: 1px solid #4b2601;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px f2f2f2;
-webkit-box-shadow: 0px 1px 0px f2f2f2;
font-family: sans-serif;
font-size: 16px;
text-align: left;


}

input[type=submit]
{
float: right;
cursor: pointer;
clear: left;
margin: 0px 40px 0 0;
padding: 5px, 10px;
width: 160px;
height: 42px;
text-align: center;
font-size: 14px;
color: 255 240 193;
border: 1px solid 275682;
border-radius: 21px;
background-color: 0080FF;
color: effaff;

}

fieldset
{
margin-top: -60px;
padding-top: 30px;
padding-right: 20px;
}

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