/******************************************************************
 **                                                                **
 **                     ACCUEIL  main                              **
 **                                                                **
 *****************************************************************-*/

html, body {
      width: 100%;
      height: 100%;
      background-color: #f8f8f8;
      color :#555;
      font-family: 'Roboto';
      margin:0;
      padding: 0;
    }

    a{
    	color: #7C2371;
    }

    a:hover, a:focus {
    	color: #7C2371;
    }



 /******************************************************************
 **                                                                **
 **                     3 BLOCS RECHERCHE                          **
 **                                                                **
 *****************************************************************-*/
/*** Titres ***/
#titre {
  margin-top: 2em;
}

h4 {
      color: white;
      font-family: 'Pacifico', cursive;
      font-size: 32px;
    }

/*** Bloc principal ***/
#background-recherche {
      overflow: visible;
      width: 100%;
      background-color: rgb(53, 48, 63) ;
      height: auto;
      min-height: 590px;
      padding-left: 6%;
      padding-right: 6%;
      padding-bottom: 5%;
      padding-top: 4%;
    }

/*** Bloc de recherches : généralités ***/
#recherche_blocks {
      margin-top: 3.5em;
      margin-bottom: 0.5em;
      width: 100%;
    }

#recherche_blocks p {
      min-height: 40px;
    }


#recherche_blocks input, #recherche_blocks select {
      border-radius: 5px;
      background-color: #edebea;
      margin-top: 1em;
      width: 50%;
      max-width: 190px;
    }

button {
      border-radius: 5px;
      background-color: rgb(140, 125, 165);
      margin-left: 70%;
      margin-top: 2em;
      padding: 5px 5px 5px 5px;
      color: black ;
    }


/*** Bloc lieu ***/
#lieu_rech p {
    	margin-left: 10%;
    	margin-right: 10%;
    	width: 80%;
    	font-family: 'Lato', sans-serif;
    	color: #edebea;
    }


/*** Bloc personne ***/
#personne_rech img {
      margin-left: 10%;
      margin-right: 10%;
      margin-bottom: 2em;
    }

#personne_rech p {
      margin-left: 10%;
      margin-right: 10%;
      width: 80%;
      font-family: 'Lato', sans-serif;
      color: #edebea;
    }

#lieu_rech i, #personne_rech i, #date_rech i {
    font-size: 94px;
    color: white;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 0.5em;
  }



/*** Bloc date ***/
#date_rech p {
      margin-left: 10%;
      margin-right: 10%;
      width: 80%;
      font-family: 'Lato', sans-serif;
      color: #edebea;
    }

#date_rech img {
    	margin-left: 10%;
    	margin-right: 10%;
    	margin-bottom: 2em;
    }