/*Footer*/
footer{
    color:var(--color-white);
  }
  footer{
    font-family: var(--font-base),Times, Times New Roman, serif;

  }
  footer>h2{
    color: var(--main-dark-color);
    font-family:"myTitleFont";
  }
/*footerNav*/
#sitemap{
margin-bottom: 5px ;
padding:15px;
}

.navfooterbloc h3{
color: var(--color-accent);
}

.footerNav{
background-color: var(--main-dark-color);
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 15px;
padding-top: 15px;
}
.navfooterbloc{
margin: var(--standartspace);
}
.navfooterbloc a{
display: block;
text-decoration: none;
color: var(--main-clear-color);
}

/**/

.navfooterbloc a:hover{
text-decoration: underline;
color: var(--secondary-blue-color);
}
/*Particular communications link*/
.maillink::before{
  content:url('/public/img/deco/icons8-mail-24.png');
  position: relative;
  top: 10px;
  left: -10px;
}
.phonelink::before{
  content:url('/public/img/deco/phone-filled-white.png');
  position: relative;
  top: 10px;
  left: -10px;
  bottom: 0;
}
.whatsapplink::before{
  content:url('/public/img/deco/icons8-whatsapp-24.png');
  position: relative;
  top: 10px;
  left: -10px;
}
/*Block  rsMenu*/
.nav-rs{
    display: flex;
    justify-content:center;
    background-color: var(--main-dark-color);
  }
  .nav-rs a{
    display: inline-block;
  }
  .rs{
  height: 30px;
  width: 30px;
  background-image: url("../img/deco/logo-rs_30px.png");
  background-position-y:0;
  margin: var(--standartspace);
  }
  .rs:hover{
    background-position-y:-30px;
    }
  .facebook{
  background-position-x:0;
  }
  .instagram{
  background-position-x:-30px;
  }
  .youtube{
    background-position-x:-90px;
    }
  .flickr{
  background-position-x:-150px;
  }
  /*End RSmenu*/
/* Footer - responsive mobile */
@media (max-width: 600px) {
    .footerNav {
        flex-direction: column;  /* passage en colonne */
        align-items: center;     /* centre horizontalement les blocs */
    }

    .navfooterbloc {
        margin: 10px 0;          /* espace entre les blocs */
        width: 90%;              /* occupe presque toute la largeur */
    }

    .navfooterbloc a {
        text-align: center;      /* centre le texte pour chaque lien */
    }

    .external-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }
}


      /* end footerNav*/
  /**********************/