/* Feuille de style pour les résolutions 0 - 480px du site www.moovin-appart.com */
/*--------------------------------------------*/
/*----------------CSS GENERAL-----------------*/

h1, h2,p
{
  text-align:center; /* centre le texte */
}

/*--------------------------------------------*/
/*---------------CSS DU block_blue----------------*/

#header 
{
  height: 1340px; /* hauteur de la section accueil */
}  

#block_blue
{
  height: 1290px; /* hauteur de la section accueil */
}

/*-------s'inscrire / se connecter -------*/

#block_blue #connection
{
  top: 30px;
  right:15px;
}

/*-------Ensemble du contenu "Logo + accroche" ET "Shémas des maisons"  -------*/

#block_blue #logo_text_drawings
{
  flex-direction: column;  /* éléments en colonne */
  position: absolute;
  top:100px;
  max-width: 90%;
}

/*------- Logo + accroche -------*/

#block_blue #block_logo_text
{
  align-items: center;
}

#block_blue #block_logo_text img
{
  width: 250px; /* largeur du logo  */
}


/*------- Schémas des maisons -------*/

#block_blue #logo_text_drawings #drawings
{
  display: flex;
  flex-direction: column;
  margin:auto;
  margin-top: 40px;
}

#block_blue #logo_text_drawings #drawings .drawing_legend
{
  display: flex;
  flex-direction: column;
  align-items: center;
}

#block_blue #logo_text_drawings #drawings .schema_maisons
{
  width: 235px;  
  margin: 10px 0px 10px 0px; /* haut droite bas gauche */
}

#block_blue #drawings .drawing_legend p
{
  margin-top: 0px;
  margin-bottom: 40px;
  font-size: x-large;
}

/*--------------------------------------------*/
/*--------------CSS DE AVANTAGES--------------*/

#avantages
{
  height: 910px;
}

#avantages #block_two_images
{
  flex-direction: column;  /* éléments en colonne */
}

#avantages #block_two_images .block_image_and_legend_solo
{
  margin: 0px 11% 0px 11%; /* haut droite bas gauche */
}

#avantages #block_two_images .block_image_and_legend_solo img
{
  max-width: 100%;
}

}

#avantages #block_two_images .block_image_and_legend_solo figcaption
{
  font-size: large;
  max-width: 95%;
}

/*------------------------------------------------*/
/*---------------CSS DE WALKTHROUGH---------------*/

#walkthrough
{
  height: 1050px;
}

#walkthrough h2
{
  max-width: 80%;
}


#walkthrough #block_three_images
{
  flex-direction: column;  /* éléments en ligne */
  align-items: center;
}

#walkthrough #block_three_images .block_image_and_legend_solo
{
  max-width: 80%;
  margin: 10px 0px 10px 0px; /* haut droite bas gauche */
}

#walkthrough #block_three_images .block_image_and_legend_solo p
{
  font-size: large;
}

#walkthrough #block_three_images .block_image_and_legend_solo img
{
  width: 200px;
}

/*--------------------------------------------*/
/*---------------CSS DE TEAM------------------*/

#team
{
  height: 1250px;
  display:flex;  /* met en place flexbox */
  flex-direction: column;  /* éléments en colonne */
  align-items: center;
  }

  #team #text_team
{
  width: 80%;
}

#team #text_team h2
{
  margin-bottom: 20px;
}

#team #photos_team
{
  flex-direction: column;  /* éléments en colonne */

  margin-top:20px;
  margin-left:0px; /* annule la marge à gauche */
}


#team #photos_team .block_photo_solo
{
  margin:auto 20px 0 20px;
}

#team #photos_team .block_photo_solo figcaption
{
  font-size: medium;
  margin-top: 30px;
}

/*--------------------------------------------*/
/*---------------CSS DE FOOTER----------------*/



/*--------------------------------------------*/
/*---------------CSS DU FORMULAIRE D'INSCRIPTION / CONNEXION DE MORY ----------------*/

.champlogsign 
{
  line-height: 30px;
}

.tag_loc_intercom_3
{
  font-size: 11px !important;
  
}

.btn {
  font-size: 10px;
}

.modal {
  font-size: 11px;
}

#connection i.fas.fa-user{
  display: none;
}