body {
  margin: 0;
  overflow-x: hidden;

  font-family: "Caveat", cursive;
}

/* * {
  border: 1px solid black;
} */
.container {
  /* width: 80%; */
  /* background-color: rgba(167, 167, 158, 0.493); */
  /*background-image: url(./images/inspiration/image-from-rawpixel-id-2405660-original.png);*/

  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

div {
  display: inline-block;
}

/* image {
  width: 50%;
} */
.vegeI {
  align-items: center;
  align-content: center;
  margin-right: 20px;
  cursor: pointer;
}

.vegeT {
  visibility: hidden;
  font-size: 22px;
}

.vage {
  /* /* margin-right: 10px; */
  margin-left: 10px;
  /* align-items: stretch;
  align-content: center;
  justify-content: space-between; */
  display: flex;
  flex-direction: column;
}

.frus {
  /* /* margin-right: 10px; */
  margin-left: 10px;
  /* align-items: stretch;
  align-content: center;
  justify-content: space-between; */
  display: flex;
  flex-direction: column;
}

.fruI {
  margin-right: 20px;
  align-content: center;
  cursor: pointer;
}

.vegeI:hover + .vegeT {
  visibility: visible;
}

#pop {
  width: 400px;
  height: 400px;
  background-image: url(./images/inspiration/image-from-rawpixel-id-6106668-original.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: none;

  position: absolute;
}

#text {
  margin: 40px;
  font-size: 24px;
}

.fruT {
  visibility: hidden;
  font-size: 22px;
}

.fruI:hover + .fruT {
  visibility: visible;
}
.titre {
  /* background-color: rgba(119, 230, 238, 0.3); */
  height: 20vh;
  display: block;
  margin-bottom: 2px;
  text-align: center;
  padding: auto;
  display: flex;
    justify-content: center;

  /* border-bottom: 1px dotted rgb(10, 10, 10); */
}

.titre img {
  margin: 25px;
  max-height:70px;
  align-self:center;
}

.fruVeg {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  width: 60%;
  /* height: 750px; */
  /* flex-direction: column; */
}

.textBox {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

.veges {
  /* width: 48.5%; */
  /* border: 1px black solid; */
  display: flex;
  flex-wrap: wrap;
  /* width: 80%; */
  /* border-radius: 50%; */

  /* text-align: center; */
}
.fruits {
  /* width: 48.5%; */
  /* border: 1px black solid; */
  display: flex;
  flex-wrap: wrap;
  /* width: 20%; */

  /* border-radius: 50%; */

  /* text-align: center; */
}

body {
  background-image: url(./images/inspiration/fond-blanc-papier-aquarelle_88281-2127.webp);
  /* background-repeat: repeat; */
  background-size: cover;
}

li {
  /* display: inline; */
  flex: 1 1 auto;
  position: relative;
  text-align: center;

  /* margin: 0 10px; */
}

li :hover {
  background: none;
}
ul {
  display: flex;
  width: 80vw;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
}

.nav {
  width: 100vw;
  /* border-bottom: 1px dotted rgb(10, 10, 10); */
}
a {
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  color: rgba(14, 13, 13, 0.8);
  font-size: 24px;
  /* background-color: rgba(0, 255, 255, 0.363); */
}

footer {
  text-align: center;
}

h3 {
  font-weight: lighter;
}

.homeText {
  width: 80%;
  font-size: 30px;
  text-align: justify;
  color: rgba(32, 11, 66, 0.822);
  margin: 0 auto;
  display: none;
  background-color: rgba(245, 87, 118, 0.3);
  font-weight: lighter;
  padding: 20px;

  background-size: cover;
}

.subT {
  color: rgba(36, 37, 36, 0.795);
  width: 80%;
  margin: 30px auto;
  font-size: 30px;
  font-weight: lighter;
  cursor: pointer;
}

.homeText_I {
  width: 80%;
  font-size: 30px;
  font-weight: lighter;
  text-align: justify;
  color: rgba(8, 8, 8, 0.822);
  margin: 0 auto;
}

/*#home_nav {*/
/*  background-color: rgba(167, 167, 158, 0.493);*/
/*}*/

.sep {
  background-color: rgba(245, 87, 118, 0.3);
}
.oct {
  background-color: rgba(158, 53, 106, 0.3);
}
.nov {
  background-color: rgba(120, 14, 141, 0.4);
}
.dec {
  background-color: rgba(29, 11, 114, 0.404);
}
.jan {
  background-color: rgba(59, 61, 170, 0.404);
}

.fev {
  background-color: rgba(116, 176, 253, 0.404);
}
.mars {
  background-color: rgba(4, 116, 88, 0.404);
}
.avr {
  background-color: rgba(45, 201, 115, 0.493);
}
.mai {
  background-color: rgba(143, 247, 58, 0.404);
}
.juin {
  background-color: rgba(232, 248, 4, 0.404);
}

.juil {
  background-color: rgba(248, 164, 7, 0.521);
}
.aout {
  background-color: rgba(241, 89, 43, 0.404);
}
/* #homeContainer {
  background-image: url(./image/image-from-rawpixel-id-2405660-original); */
/* } */

.sepC {
  background-color: rgba(245, 87, 118, 0.1);
}
.octC {
  background-color: rgba(158, 53, 106, 0.1);
}
.novC {
  background-color: rgba(120, 14, 141, 0.1);
}
.decC {
  background-color: rgba(29, 11, 114, 0.1);
}
.janC {
  background-color: rgba(59, 61, 170, 0.1);
}

.fevC {
  background-color: rgba(116, 176, 253, 0.1);
}
.marsC {
  background-color: rgba(4, 116, 88, 0.1);
}
.avrC {
  background-color: rgba(45, 201, 115, 0.1);
}
.maiC {
  background-color: rgba(143, 247, 58, 0.1);
}
.juinC {
  background-color: rgba(232, 248, 4, 0.1);
}

.juilC {
  background-color: rgba(248, 164, 7, 0.1);
}
.aoutC {
  background-color: rgba(241, 89, 43, 0.1);
}