body {
  /* background: linear-gradient(0.25turn, rgba(109, 187, 204), rgba(213, 109, 139)); */
  background: linear-gradient(0.25turn, #004357, #470017);

  text-decoration: none;
  list-style: none;
}

a.connecter {
  color: #ffffff;
}

h1 {
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 3.2rem;
}

.all {
  text-align: center;
  font-family: "regular";
  color: #000000;
  opacity: 1;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1rem;
}

h3 {
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
}

.bottom-left p {
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
}

.tostitle {
  text-align: center;
  font-family: "regular";
  color: #000000;
  opacity: 1;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.9rem;
}

.all-cont {
  min-height: 100vh;
  background-color: #ffffff2f;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  padding: 20px;
  width: 80%;
  margin: 0 auto;
}

.all-cont {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  /* Permettre le retour à la ligne des éléments */
  justify-content: center;
  align-items: center;
}

/* .all-cont a {
    margin: 0px;
} */

.all-cont img {
  margin-right: 0px;
  border-radius: 10px;
  height: 200px;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.208);
  transition: 0.2s;
}

.all-cont img:hover {
  scale: 102%;
  transition: ease 0.2s;
}

/* .tos,
.about,
.contactus,
.partners,
.footertext {
    color: #000000;
} */

/* styles des item  */
.item {
  position: relative;
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
}

.item {
  /* modification taille par rapport a la taille originale dans le wrapper de la page d'acceuil ( 18rem ) */
  min-width: 13rem;
  height: 13rem;
  max-width: 13rem;
  /* background-color: rgb(255, 255, 255); */
  margin: 1rem;
  border-radius: 10px;
}

.bottom-left {
  position: absolute;
  bottom: 10px;
  left: 30px;
}

h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.item img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  border-radius: 10px;
  transition: 0.2s;
}

.item:hover img {
  transition: 0.2s;
  box-shadow: 0 0 20px rgba(47, 47, 47, 0.4);
  transform: scale(1.05);
}

@media screen and (min-width: 1500px) {
  .item {
    min-width: 18rem;
    height: 18rem;
    max-width: 18rem;
    margin: 1rem;
    border-radius: 10px;
  }
}

/* responsive telephone  */
@media screen and (max-width: 600px) {
  .all-cont {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .all-cont {
    margin-top: 30px;
  }

  .item {
    min-width: 16rem;
    height: 16rem;
    max-width: 16rem;
    margin: 1rem;
    border-radius: 10px;
  }
}

/* importation polices  */
@font-face {
  font-family: "regular";
  src: url("../fonts/Inter-Regular.ttf");
}

@font-face {
  font-family: "semibold";
  src: url("../fonts/Inter-SemiBold.ttf");
}