Css8

/*

Appliquer: [1]

Retour au style par défaut: [2]

*/

  @media screen {
    body {  margin: 0;
      padding: 0;
      background-color: white;
      color: #6d8588;
      font-family: sans-serif;
    }
    div.header {
      position: relative;
      margin-left: 200px;
    }
    div.header h1 {
      left: 180px;
      width: 800px;
      font-size: 30px;
    }
    div.wrapper    h1,h2 {
      font-size: 26px;
    }
    div.wrapper    h3,h4 {
      font-size: 22px;
    }
    div.wrapper {
      margin-left: 200px;
      padding: 0;
    }
    div.footer {
      margin-left: 200px;
      margin-bottom: 50px;
      padding: 0;
    }
    /* on supprime la gotobar dans le header */
    .header .gotobar.bar {
      display: none;
    }

    /* le menu des liens est extrait du footer et positionné de façon */
    /* absolue                                                        */
    .footer .gotobar.bar  {
      position: absolute;
      top: 80px;
      left: 80px;
      border: dashed 1px white;
      width: 48px;
      height: 0px;
      padding-top: 48px;
      background-image: url("/css/icon1.png");
      background-position: 0% 0%;
      background-repeat: no-repeat;
      overflow: hidden;
      z-index: 5;
   }

    .footer .edit.bar.bar  {
      position: absolute;
      top: 160px;
      left: 80px;
      padding-top: 50px;
      border: dashed 1px white;
      width: 48px;
      height: 0px;
      padding-top: 48px;
      background-image: url("/css/icon2.png");
      background-position: 0% 0%;
      background-repeat: no-repeat;
      overflow: hidden;
      z-index: 5;
    }
    .footer .edit.bar.bar:hover, .footer .gotobar.bar:hover {
      border: dashed 1px #a6b6b1;
      background-color: white;
      background-image: none;
      -moz-opacity: 0.75; filter: alpha(opacity=75);
      opacity: 0.75;
      padding: 10px;
      color: #8a9f98;
      width: auto;
      height: auto;
      z-index: 10;
    }

    /* les éléments des header/footer sont alignés de haut en bas comme */
    /* une liste, mais sans puces                                       */
    .footer .edit.bar a, .footer .gotobar.bar a {
      display: list-item;
      list-style-type: none;
      margin: 10px 0 10px 0;
      text-decoration: none; 
    }
    .header .gotobar.bar a:hover, .footer .edit.bar a:hover { 
      text-decoration: underline; 
    }
    .footer .time  {
      display: block;
      font-size: 75%;
    }
    a {
      text-decoration:none;
      font-weight:bold;
      color:#fff;
    }
    .footer .gotobar.bar a, .footer .edit.bar.bar a {
      text-decoration:none;
      font-weight:bold;
      color:#8a9f98;
    }
    a:hover {
      text-decoration: underline;
    }
    a:visited { 
      color:#ddd; 
    }
    div.content.browse {
    /*  border: dashed 1px white; */
    margin-right: 50px;
    }

    #text, #aftertext, #summary {
      border: dashed 1px #a6b6b1;
      padding: 15px;
      background-color: white;
      color:#728c8f;
    }
  }