* {
  font-family: "Arial","Roboto","Open Sans";
  font-size: 13px;
 }

 a:link {
  color: black;
  text-decoration:none;
}
a:visited {
  color: gray;
}

a:hover {
  color: black;;
  text-decoration:underline}

#header{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
}

.gmail{
  width: 50px;
  height: 50px ;
  text-align: center;
  margin-top: 20px;
  padding: 5px 5px 5px 5px;

}

.images{
  width: 50px;
  height: 50px ;
  text-align: center;
  margin-top: 20px;
  padding: 5px 5px 5px 5px;
}

.carre{
  width: 50px;
  height: 50px ;
  text-align: center;
  margin-top: 20px;
  padding: 5px 5px 5px 5px;
}

.Login{
  width: 50px;
  height: 50px ;
  text-align: center;
  padding: 5px 5px 5px 5px;
}

i {
  font-size:17px;
  color:#444;
}

i:hover {
  color:#000;
}

.GoogleLogo {
  display:flex;
  align-items:center;
  margin: auto;
  padding-bottom: 20px;
  padding-top: 120px;
  
}

.recherche>input {
  display:flex;
  align-items:center;
  height: 35px;
  margin: auto;
  width: 500px;
  border : 1px solid #d6d5d2; 
  border-radius: 10px; 

}
.recherche>input:hover {
  box-shadow: 0px 10px 5px -6px #d6d5d2;
}


.loupe>img{
  display:flex;
  align-items:center;
  justify-content: center;
  margin: auto;
  width: 15px;
}

.bouton {
  display:flex;
  align-items:center;
  justify-content: center;
  margin: auto;
  }

.bouton>button {
  padding : 15px;
  margin-left: 50px;
  border: 0px;
  background-color: #F7F6F7;
  color: #444;
  cursor: pointer;
}

.bouton>button:hover {
  padding : 15px;
  margin-left: 50px;
  border: 1px solid #444;
  background-color: #F7F6F7;
  color: #444;
  cursor: pointer;

}

.ligne {
  display:flex;
  align-items:center;
  justify-content: center;
  margin: auto;
  }

.ligne>img {
    margin: 10px;
    }

footer{
  margin-top: 520px;
  border: 1px solid color #F2F2F2;
  background-color: #F2F2F2;
}

footer>.gauche>li {
  display:flex;
  margin: 20px;
  }

.gauche {
    list-style-type: none;
    display:flex;
    flex-direction:row;
  }