html{
  font-family: 'Roboto Mono', monospace;
  font-size: 120%;
  scroll-behavior: smooth;
  overflow: hidden;
}
p{
  padding-left: 200px;
  margin : 150px;
  font-size: 120%;
}
h1{
  text-align: center;
  font-size: 300%;
  padding-left: 200px;
  text-decoration: underline #7bb062;
}

#nomSociete{
  font-size : 150%;
}
#nouv:target {
  padding-top:50px;
}
#home:target {
  padding-top:0px;
}

/* la sidebar */

@keyframes translateY {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0px);
  }
}

.sidebar {
 margin: 0;
 padding: 0;
 width: 200px;
 background-color: #f1f1f1;
 position: fixed;
 height: 100%;
 overflow: auto;
 animation: translateY 4s;
}


.sidebar a {
 display: block;
 color: black;
 padding: 16px;
 text-decoration: none;
}


.sidebar a.active {
 background-color: #7bb062;
 color: white;
}


.sidebar a:hover:not(.active) {
 background-color: #555;
 color: white;
}


div.content {
 margin-left: 200px;
 padding: 1px 16px;
 height: 1000px;
}

@media screen and (max-width: 700px) {
 .sidebar {
   width: 100%;
   height: auto;
   position: relative;
 }
 .sidebar a {float: left;}
 div.content {margin-left: 0;}
}


@media screen and (max-width: 400px) {
 .sidebar a {
   text-align: center;
   float: none;
 }
}