* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: helvetica,arial,sans-serif;
        font-size:20pt;
        }

nav > ul {
        /*border: 1px solid #222;*/
        left: -800px;
        list-style-type:none;
        margin: 60px 0 0 0px;
        padding:5px 20px;
        position: absolute;
        top: 40px;
        transition:all .3s ease;
        -webkit-transition:all .3s ease;
        background-color:#3485c2;
        float:left;
}

a#nav span, a.close span {
        margin-right:10px;
        }


nav > .close, a#nav:target {
    display: none;
}

a:target ~ ul,
a:target ~ .close {
    display: inline-block;
}
a:target ~ ul {
    left: 0;
}

nav > a {
        display:block;
        background-color:#3485c2;
        text-decoration:none;
        line-height:80pt;
        vertical-align:middle;
        padding-left:20px;
        width:100%;
        /*border:1px solid black;*/
        color:#fff;
        background-image:url(img/logo_weiss_mobile.png);
        background-repeat:no-repeat;
        background-position:center;
}

nav ul li {
        text-decoration:none;
        color:#fff;
        }
nav ul li a {
        text-decoration:none;
        color:#fff;
        font-weight:normal;
        }
nav ul li ul {
        list-style-type:none;
        margin-left:30px;
        float:right;}

#text {
      margin:10px;
      padding:10px;
      font-size:20pt;
      }
h1 {
      font-size:30pt;
      font-weight:bold;
      }
h2 {
      font-weight:bold;
      }
img {
     max-width:100%;
     height:auto;
     }
ul.liste {
         /*margin:5px 0 5px 0;*/
         text-align:left;
         }
ul.liste li {
   margin-left:50px;
   }

.tech
     {margin-left:2em;}
hr {margin:10px 10px;}