/* COMMON*/
body{
  margin: 10px 0 ; /* marges haut et bas 10px - gauche et droite nulle */
  padding: 0 ;
  text-align: center ; /* Centrer tous les blocs */
  font: 1em "Trebuchet MS", helvetica, sans-serif ;
  background: #222 ;
  background-image:url(background_nb_low_res.jpg);
  background-repeat: no-repeat;
  background-size: cover ;
}
#page{
  width: auto ; /* largeur du bloc principal */
  margin: 20% auto ; /* marges gauche et droite automatiques pour centrer */
  text-align: center ;
  vertical-align:middle;
}
@font-face {
  font-family: 'copper';
  src: url('copper.eot');
  src: local('x'),
         url('copper.ttf') format('TrueType'),
         url('copper.otf') format('opentype');
}

#logo{
  float: center;
  margin: 5px;
  height: auto;
  max-width: 60%;
}