/* couleur passage souris    */            


 a.one:link {
        color: #ccc;
      }
      a.one:visited {
        color: #095484;
      }
      a.one:hover {
        color: #8ebf42;
      }
      a.two:link {
        color: #ccc;
      }
      a.two:visited {
        color: #095484;
      }
      a.two:hover {
        font-size: 150%;
      }
      a.three:link {
        color: #ccc;
      }
      a.three:visited {
        color: #095484;
      }
      a.three:hover {
        background: chartreuse;
      }
      a.four:link {
        color: #ccc;
      }
      a.four:visited {
        color: #095484;
      }
      a.four:hover {
        font-family: monospace;
      }
      a.five:link {
        color: #095484;
        text-decoration: none;
      }
      a.five:visited {
        color: #;
        text-decoration: none;
      }
      a.five:hover {
        text-decoration: overline underline;
      }
/* fin couleur passage souris */            
/* 
body {
  background-color: #e7e7e8;
}
*/

.menu-label,
.menu-cb {
  cursor: pointer;
  appearance: none;
  position: fixed;
  height: 32px;
  width: 32px;
  top: 20px;
  right: 40px;
  z-index: 4;
}

.menu-nav {
	position: fixed;
	top: 0;
	right: 0;
	height: 50%;
	width: 90%;
	max-width: 290px;
  padding-top: 100px;
 /* text-align: right;*/
  background: Aqua;
  z-index: 2;
  transform: translateX(100%);
  transition: transform 1s linear;
}

.menu-item {
  padding: .1em 0px;
  border-top: 3px solid #ccc;
}

.menu-cb:checked ~ .menu-nav {
  transform: translateX(0);
}

.menu-cote {
  position: fixed;
  top: 0;
  left: 0;
  height: 50%;
  width: 50%;
}

/* les sous menu

.submenu-label {
  font-size: 32px;
  cursor: pointer;
  color: blue;
}

.submenu-cb {
  appearance: none;
}

.submenu-icon {
  height: 32px;
  width: 32px;
  stroke-width: 2;
  stroke: red;
  top: 6px;
  position: relative;
}

.submenu-nav {
  display: none;
}

.submenu-cb:checked ~ .submenu-nav {
  display: block;
}
*/