/*** TXT PRESENTATION ***/
.texteProjet {
  font-size: 1.4vw;
  margin-left: 1%;
}

.pageTitle {
  font-weight: 600;
  text-transform: uppercase;
}

/*** LISTE ***/
.residences {
  margin-bottom: 3%;
}

.residenceContent {
  margin-bottom: 1.5%;
}

.residencesClasse {
  width: 100%;
  display: flex;
  font-size: 1.2vw;
  margin: 0.3%;
  font-family: arial;
  text-transform: uppercase;
  border: none;
  border-bottom: 1pt solid black;
}

.lieu {
  font-style: italic;
  position: absolute;
  right: 3%;
}

.resid {
  margin-left: 10%;
  position: inherit;
  font-weight: bold;
}

.annee {
  position: absolute;
  margin-left: 2%;
}

.temps {
  position: absolute;
  left: 3%;
  margin-top: 1%;
  font-size: .8vw;
  text-transform: uppercase;
}

.temps::before {
  content: " ";
}

/*** EXPLICATION RESID***/
.explicationResid {

  text-transform: none;
}

.description {
  font-size: 1.1vw;
  text-transform: none;
  padding-left: 10%;
  padding-top: 1%;
  width: 45%;
}

.lienWeb {
  font-size: 1vw;
  text-decoration: dashed 1pt solid;
  font-style: italic;
  margin-left: 10%;
  position: inherit;
  text-transform: none;
}

.lienWeb a {
  color: #806517;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
  .texteProjet {
    font-size: 5vw;
  }

  .residencesClasse {
    font-size: 4vw;
    display: block;
  }

  .annee, .lieu {
    position: relative;
  }

  .lieu, .resid, .annee {
    margin-left: 4%;
  }

.temps {
  position: relative;
}

.lienWeb, .description, .temps {
  font-size: 4vw;
  width: 85%;
}

.residences {
  margin-bottom: 30%;
}
}

/*::::::TELEPHONE ANDROID:::::::::::*/
@media screen and (max-width: 545px)   {
  .texteProjet {
    font-size: 5vw;
  }

  .residencesClasse {
    font-size: 4vw;
    display: block;
  }

  .annee, .lieu {
    position: relative;
  }

  .lieu, .resid, .annee {
    margin-left: 4%;
  }

.temps {
  position: relative;
}

.lienWeb, .description, .temps {
  font-size: 4vw;
  width: 85%;
}

.residences {
  margin-bottom: 30%;
}
}