#section5 {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
#torchepileinventaire:checked ~ #section5 .nuit,
#torchepileinventaire:checked ~ #section5 .nuitdouille {
  background: radial-gradient(transparent, #000);
}
#torchepileinventaire ~ #section5 .nuit,
#torchepileinventaire ~ #section5 .nuitdouille {
  display: block;
}
#section5 .nuit {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.96);
}
#torchepileinventaire ~ #section5 .needlumiere {
  position: absolute;
  top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 40%;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  width: 415px;
  height: 50px;
  z-index: 1011;
  background-color: rgba(147, 144, 144, 0.5);
}
#torchepileinventaire:checked ~ #section5 .needlumiere {
  display: none;
}
#portesection5 ~ #section5 #labelportesection5 {
  width: 134px;
  height: 42px;
  background-color: transparent;
  position: absolute;
  top: 919px;
  left: 652px;
  z-index: 100;
  cursor: pointer;
}
/*infobulles*/
.infocouteau {
  width: 46px;
  height: 42px;
  position: absolute;
  top: 533px;
  left: 1084px;
  z-index: 101;
  cursor: help;
}
.infofrigo {
  width: 108px;
  height: 647px;
  position: absolute;
  top: 291px;
  left: 193px;
  z-index: 101;
  cursor: help;
}
.infoplante {
  width: 44px;
  height: 85px;
  position: absolute;
  top: 448px;
  left: 486px;
  z-index: 101;
  cursor: help;
}
.infofour {
  width: 156px;
  height: 255px;
  position: absolute;
  top: 645px;
  left: 1036px;
  cursor: help;
}
.infofruit {
  width: 86px;
  height: 30px;
  position: absolute;
  top: 493px;
  left: 370px;
  z-index: 101;
  cursor: help;
}
/*Placard 1*/
.infoplacard1 {
  position: absolute;
  width: 169px;
  height: 167px;
  top: 240px;
  left: 358px;
  cursor: help;
}
#placard1 ~ #section5 #labelplacard1 {
  position: absolute;
  width: 169px;
  height: 167px;
  top: 240px;
  left: 358px;
  cursor: pointer;
}
#placard1 ~ #section5 .infoplacard1 {
  display: none;
}
#placard1:checked ~ #section5 .infoplacard1 {
  display: block;
}
/*Placard 2*/
.infoplacard2 {
  position: absolute;
  width: 139px;
  height: 136px;
  top: 595px;
  left: 739px;
  cursor: help;
}
#placard2 ~ #section5 #labelplacard2 {
  position: absolute;
  width: 139px;
  height: 136px;
  top: 595px;
  left: 739px;
  cursor: pointer;
}
#placard2 ~ #section5 .infoplacard2 {
  display: none;
}
#placard2:checked ~ #section5 .infoplacard2 {
  display: block;
}
/*Placard 3*/
.infoplacard3 {
  position: absolute;
  width: 176px;
  height: 136px;
  top: 595px;
  left: 543px;
  cursor: help;
}
#placard3 ~ #section5 #labelplacard3 {
  position: absolute;
  width: 176px;
  height: 136px;
  top: 595px;
  left: 543px;
  cursor: pointer;
}
#placard3 ~ #section5 .infoplacard3 {
  display: none;
}
#placard3:checked ~ #section5 .infoplacard3 {
  display: block;
}
/*Placard 4*/
.infoplacard4 {
  position: absolute;
  width: 150px;
  height: 162px;
  top: 238px;
  left: 782px;
  cursor: help;
}
#placard4 ~ #section5 #labelplacard4 {
  position: absolute;
  width: 150px;
  height: 162px;
  top: 238px;
  left: 782px;
  cursor: pointer;
}
#placard4 ~ #section5 .infoplacard4 {
  display: none;
}
#placard4:checked ~ #section5 .infoplacard4 {
  display: block;
}
/*Placard 5*/
.infoplacard5 {
  position: absolute;
  width: 139px;
  height: 136px;
  top: 595px;
  left: 401px;
  cursor: help;
}
#placard5 ~ #section5 #labelplacard5 {
  position: absolute;
  width: 139px;
  height: 136px;
  top: 595px;
  left: 401px;
  cursor: pointer;
}
#placard5 ~ #section5 .infoplacard5 {
  display: none;
}
#placard5:checked ~ #section5 .infoplacard5 {
  display: block;
}
/*allumette*/
.infotiroir {
  background-color: transparent;
  position: absolute;
  width: 132px;
  height: 26px;
  top: 568px;
  left: 408px;
  z-index: 101;
}
#recuplivre ~ #section5 .recupallumettegroup,
#recuplivre:checked ~ #section5 .infotiroir {
  display: none;
} 
#recuplivre:checked ~ #section5 .recupallumettegroup {
  display: block!important;
} 
#recupallumette:checked ~ #section5 .inforecupallumette {
  display: block;
}
.inforecupallumette {
  background-color: transparent;
  position: absolute;
  width: 132px;
  height: 26px;
  top: 568px;
  left: 408px;
  z-index: 101;
}
#recupallumette ~ #section5 .inforecupallumette {
  display: none;
}
#recupallumette:checked ~ #section5 .inforecupallumette {
  display: block;
}
#recupallumette ~ #section5 #labelrecupallumette {
  position: absolute;
  width: 132px;
  height: 26px;
  top: 568px;
  left: 408px;
  cursor: pointer;
}

#allumetteinventaire ~ #inventaire ul #labelallumetteinventaire {
  cursor: pointer;
  background-image: url("../items/012-matches.png");
  background-repeat: no-repeat;
  height: 12px;
  display: inline-block;
  padding: 10px 6px;
}

#allumetteinventaire:checked ~ #inventaire ul #labelallumetteinventaire {
  outline: 2px solid yellow;
  z-index: 9999;
}
.inforecupallumette span:after {
  content: "\01F3B5";
}

/*huile*/
#recuphuile:checked ~ #section5 .inforecuphuile {
  display: block;
}
#recupboulon:checked ~ #section5 .recuphuilegroup {
  display: block;
}
#recupboulon ~ #section5 .recuphuilegroup, #recupboulon:checked ~ #section5 .infoassaisonements  {
  display: none;
}
.inforecuphuile, .infoassaisonements {
  background-color: transparent;
  position: absolute;
  width: 35px;
  height: 42px;
  top: 498px;
  left: 856px;
  z-index: 101;
}
#recuphuile ~ #section5 .inforecuphuile {
  display: none;
}
#recuphuile:checked ~ #section5 .inforecuphuile {
  display: block;
}
#recuphuile ~ #section5 #labelrecuphuile {
  position: absolute;
  width: 35px;
  height: 42px;
  top: 498px;
  left: 856px;
  cursor: pointer;
}

#huileinventaire ~ #inventaire ul #labelhuileinventaire {
  cursor: pointer;
  background-image: url("../items/011-oil.png");
  background-repeat: no-repeat;
  height: 12px;
  display: inline-block;
  padding: 10px 6px;
}

#huileinventaire:checked ~ #inventaire ul #labelhuileinventaire {
  outline: 2px solid yellow;
  z-index: 9999;
}