nav {
  width:80%;
  margin: 20px auto 400px auto;
  background-color: rgb(72.4, 45.7, 28.3);
}

nav > ul {
  margin: 0px;
  padding: 0px;
}
nav li {
  list-style-type: none;
}

nav > ul::after{
  content: "";
  display: table;
  clear: both;
}

nav > ul > li {
  float: left;
  position: relative;
}

.sousMenu {
  display: none;
}
nav input[type=checkbox] {
  display: none;
}
nav label {
  display: none;
}
nav a {
  display: inline-block;
  text-decoration: none;
}
nav >ul >li >a {
  padding: 20px;
  color: #ffffff;
}
nav li:hover .sousMenu{
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0px;
  padding: 0px;
  z-index: 1000;
}
.sousMenu li a {
  padding: 15px 30px;
  font-size: 13px;
  color: #222538;
  width: 270px;
}
nav >ul >li:hover a {
  padding: 15px 20px 20px 20px;
}

.sousMenu li {
  border-bottom: 1px solid #cccccc;
}

.menuP1:hover {
  border-top: 5px solid #e44d26;
  background-color: RGBa(228, 77, 38, 0.15)
}
.menuP2:hover {
  border-top: 5px solid #0070bb;
  background-color: RGBa(000, 112, 192, 0.15)
}
.menuP3:hover {
  border-top: 5px solid #00da87;
  background-color: RGBa(0, 218, 135, 0.15)
}
.menuP4:hover {
  border-top: 5px solid #f1dc4f;
  background-color: RGBa(241, 211, 79, 0.15)
}
.menuP5:hover {
  border-top: 5px solid #bbbbbb;
  background-color: RGBa(220, 220, 220, 0.15)
}

.menuP1 .sousMenu {
  background-color: RGB(230, 10, 40);
}
.menuP2 .sousMenu {
  background-color: RGB(000, 160, 240);
}
.menuP3 .sousMenu {
  background-color: RGB(0, 218, 135);
}
.menuP4 .sousMenu {
  background-color: RGB(250, 215, 100);
}
.sousMenu li:hover a {
  color: #eeeeee;
  font-weight: bold;
}
.menuP1 .sousMenu li:hover {
  background-color: RGB(210, 77, 60);
}
.menuP2 .sousMenu li:hover {
  background-color: RGB(000, 115, 200);
}
.menuP3 .sousMenu li:hover {
  background-color: RGB(0, 174, 74);
}
.menuP4 .sousMenu li:hover {
  background-color: RGB(200, 165, 75);
}