footer {
  position: absolute;
  width: 99%;
  margin-top: 850px;
  height: 75px;
  border: solid;
  border-color: silver;
  background-color: silver;
  opacity: 0.9; }
  @media all and (max-width: 499px) {
    footer {
      height: 525px;
      width: 445px;
      margin-top: 850px;
      border-radius: 50px;
      /*850 ou 650 selon le navigateur*/ } }

.langages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
  padding: 15px;
  padding-left: 55px; }
  .langages .logo-langage {
    /*padding-left: 20px;*/ }
  @media all and (max-width: 499px) {
    .langages .gras {
      margin-top: 15px; } }

.adresse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border: solid;
  border-color: silver;
  background-color: silver;
  text-align: justify;
  height: 40px;
  padding-top: 30px; }
  .adresse .pied {
    text-decoration: none; }
  @media all and (max-width: 499px) {
    .adresse {
      display: -ms-grid;
      display: grid;
      height: 100px;
      margin-top: 30px; } }

@media all and (max-width: 499px) {
  .langages {
    display: -ms-grid;
    display: grid;
    grid-template-columns:auto auto auto ;
    grid-gap:30px;
    padding: 30px;
    padding-bottom: 10px;
    padding-inline:revert; } }