#bloc_page
{
  width: 1000px;
  margin-left: 100px;
  margin-right: 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-size: 100%;
}
 
#menu
{
 display: block;
 float: left;
 position: absolute;
 left: 10px;
 top: 230px;
 width: 200px;
 font-size: 1.2em;
 background-color: rgba(0, 0,0, 0.2);
 border-radius: 15px 15px 15px 15px;
 box-shadow: 8px 8px 20px #ff6633;
}
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;
 }
 #titre
{
  position: absolute;
  left:340px;
  width: 600px;
  font-family: k;
  text-align: center;
  font-size: 1.5em;
  color: #ff9900;
}
#titre2
{
 display: block;
 position:absolute;
 left: 80px;
 top: 80px;
 font-size:1.5em;
 color: #ff6633;
 font-family: f;
}
#titre3
{
 display: block;
 position: absolute;
 left: 320px;
 top: 120px;
 color: #ff6633;
 font-family: f;
 font-size: 1.5em;
}
 #photo
{
 display:block;
 position: absolute;
 top:210px;
 left: 250px;
}
#photo2
{
 position: absolute;
 left: 660px;
 top: 210px;
 opacity: 0.5;
}