/* Feuille de style pour les résolutions 481 - 1279px < du site www.moovin-appart.com */

/* PENSER QU'IL N'Y A PAS FORCEMENT DE HOVER DÈS LA TABLETTE */



/*--------------------------------------------*/
/*----------------CSS GENERAL-----------------*/

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

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

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

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

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

#header #block_blue #connection
{
  top: 20px;
  right:40px;
}

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

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

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

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

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


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

#header #block_blue #logo_text_drawings #drawings
{
  margin: 0px; /* annule la marge quand les éléments sont en row  */
}

#header #block_blue #logo_text_drawings #drawings .schema_maisons
{
  width: 250px;  
  margin: 40px 50px 0px 50px; /* haut droite bas gauche */
}

/*------ bloc du chevron + Avantages --------*/

#header #section_click_down
{
  width: 50%;
}

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

#avantages
{
  height: 510px;
}

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

#avantages #block_two_images .block_image_and_legend_solo h3
{
  font-size: large;
}

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

#walkthrough
{
  height: 435px;
}

#walkthrough #block_three_images .block_image_and_legend_solo img
{
  max-width: 100%;
}

#walkthrough #block_three_images .block_image_and_legend_solo p
{
  margin-bottom:10px;
}

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

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

  #team #text_team
{
  width: 80%;
}


#team #photos_team
{
  margin-top:40px;
  margin-left:0px; /* annule la marge à gauche */
}

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

#team #photos_team .block_photo_solo img 
{
  max-width: 100%;
}

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