body, html {
     background-image: url('img/fond.jpg');
	 background-attachment: fixed;
	 margin:0;
	 padding:0;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 text-align:center;
	 color:#000;
	 font-size:12px;
}

#bar {
  background-color: #000;
  height: 20px;
  line-height: 20px;
  border: 1px solid black;
  margin-bottom: 20px;
  text-align: center;
  position:relative;
  font-size:10px;
  font-family: 'Arial';
  color:#fff;

}

#conteneur {

     margin: 0 auto;
	 padding:0;
	 width: 1200px;

}

#milieu {

     width:400px;
	 margin:0 auto;
	 background: #fff;
	 border: 1px solid #000;
	 box-shadow: 2px 2px 2px 2px lightgrey;
	 
}

#menu
{
   float: left;
   width: 400px;
   position: fixed;

}

.smenu
{
   background: #FFF repeat;
   margin-bottom: 50px;
   margin-left: 100px;
    border-top: 1px solid #5d5959;
	border-left: 1px solid #5d5959;
	border-bottom: 1px solid #5d5959;
	 box-shadow: 1px 1px 1px #5d5959;
   -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
    
}

.smenu a
{
   font-family: 'Navi2';
   font-size: 18px;
   color: black;
   text-decoration: none;
    
}

.smenu a:hover
{
   text-decoration: underline;
    
}

#milieu h1 {

font-family: 'Navi2';
font-size: 24px;
color: black;
text-align: center;

}

.smenu h1 {

font-family: 'Navi';
font-size: 24px;
color: black;
text-align: center;

}

h2 {

font-family: 'Navi';
font-size: 18px;
color: black;
text-align: left;
padding-left: 50px;

}

p {

font-family: Verdana;
font-size: 12px;
color: black;

}

input[type="file"] {
background-color: #1d93d7;
border: 0px solid transparent;
-moz-box-shadow: 0px 0px 5px gray;
font-family: verdana;
font-size: 10px;
text-shadow: -1px -1px 3px black;
color: #FFF;
height: auto;
width: auto;
margin-top: 6px;
margin-bottom: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input[type="file"]:hover {
background-color: #535f66;
cursor: pointer;
color: #FFF;
}

textarea {
border: 1px solid Scrollbar;
width: 300px;
}

textarea:hover {
border: 1px solid #1d93d7;
}

#milieu a {

color: black;
font-family: Verdana;
font-size: 12px;
font-weight: bold;

}

#milieu a:hover {

color: #1d93d7;

}

@font-face {
    font-family: 'Fnl';
    src: url('police/fnl.ttf');
}

@font-face {
    font-family: 'Neuropol';
    src: url('police/neuropol.ttf');
}

@font-face {
    font-family: 'Space';
    src: url('police/space.ttf');
}

@font-face {
    font-family: 'Quadranta';
    src: url('police/Quadranta-Bold.otf');
	src: url('police/Quadranta-Regular.otf');
}

@font-face {
    font-family: 'Navi';
    src: url('police/Navi.ttf');
}

@font-face {
    font-family: 'Navi2';
    src: url('police/stonehen.ttf');
}

#footer {

	 bottom: 0;
	 margin-left: 200px;
	 font-family: 'Arial'; 
	 font-size: 14px; 
	 text-align: center;
	 color: #FFF;

}

#footer a {

color: #FFF;
font-size: 14px;
font-family: 'Arial';
text-decoration: none;

}

#footer a:hover {

color: #1d93d7;
text-decoration: underline;

}

.police {

font-family: 'Quadranta';
font-size: 12px;
color: black;

}