Css5

  @media screen {
    body {  
      margin: 0;
      padding: 0;
      background-color: #495d7c;
      color: black;
    }
    h1, h2, h3, h4 { font-family: sans-serif;
    }
    /* suppression du logo */
    a.logo, img.logo { display: none;
    }

    div.header  {
      position: relative;
      left: 0px;
      top: 0px;
      width: 100%;
      background-color: #495d7c;
      z-index: 5;               
    }
    /* positionner la goto-bar dans une colonne à gauche              */
    div.header .gotobar {
      position: absolute;
      left: 50px;
      top: 150px;
      width: 140px;
      background-color: #fff;
      background-image: url("/css/bluecorner1.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      border: solid 1px #495d7c;
      z-index: 10;               
    }
    /* les éléments du header sont alignés de haut en bas comme une */
    /* liste, mais sans puces                                       */
    .header .gotobar.bar a { display: list-item;
                             list-style-type: none;
                             margin: 10px;
                             text-decoration: none; 
    }
    div.wrapper, div.footer, div.comment { 
      margin-left: 170px;
      margin-right: 50px;
      padding: 5px;
      background-color: #fff;
      border: none;
      z-index: 5;
    }
    div.wrapper { 
      margin-top: 50px;
      background-image: url("/css/bluecorner1.png");
      background-repeat: no-repeat;
      background-position: 0 0;
    }
  }