#bloc_page
{
width: 900px;
margin-left: 100px;
}
@font-face {
    font-family: 'k';
    src: url('../police/kaushanscript-regular-webfont.eot');
    src: url('../police/kaushanscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../police/kaushanscript-regular-webfont.woff2') format('woff2'),
         url('../police/kaushanscript-regular-webfont.woff') format('woff'),
         url('../police/kaushanscript-regular-webfont.ttf') format('truetype'),
         url('../police/kaushanscript-regular-webfont.svg#kaushan_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
    font-family: 'f';
    src: url(../police/'firasans-medium-webfont.eot');
    src: url(../police/'firasans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url(../police/'firasans-medium-webfont.woff2') format('woff2'),
         url(../police/'firasans-medium-webfont.woff') format('woff'),
         url(../police/'firasans-medium-webfont.ttf') format('truetype'),
         url(../police/'firasans-medium-webfont.svg#fira_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
background-image: url(fond.jpg);
background-attachment: fixed;
}
header
{
width: 300px;
color: #ff9900;
position: absolute;
left: 450px;
text-align: center;
font-size: 1.3em;
font-family: k;
}
#photo
{
position: absolute;
left: 390px;
top: 150px;
}
#toto
{
font-family: 'k';
font-size: 1.5em;
color: #ff9900;
}
  nav 
 {
  font-family: f;
  color: #ff6600;
}
li
{

 font-family: f;
 color: #ff6600;}
 ol
 {

  font-family: f;
  color: #ff6600;}
 a
 {
 font-size: 1.2em;
 font-family: f;
 color: #ff6600;
 text-align: center;
 text-decoration: none;
 }
 a:hover
 {
 background-color:#ff9900;
 color: #000000;
 }
    #menu
 {
 display: block;
 float: left;
 position: absolute;
 left: 10px;
 top: 25px;
 width: 200px;
 margin-top: 50px;
 margin-bottom: 20px;
 font-size: 1em;
 background-color: rgba(0, 0,0, 0.2);
 border-radius: 15px 15px 15px 15px;
 box-shadow: 8px 8px 20px #ff6633;
}
article
{
position: absolute;
top: 120px;
left: 10px;
float: left;
margin: 20px;
color: #ff9900;
}
footer
{
position: absolute;
left: 100px;
top: 600px;
	font-family: 'k';
font-size: 1em;
color: #ff9900;
}
p
{
color: #ff9900;
}
#ma
{
position: absolute;
left: 390px;
top: 450px;
}
#fa
{
position: absolute;
left: 600px;
top: 450px;
}
#copy
{
	position: absolute;
	left: 300px;
	top: 550px;
	color: #ff9900;	
}