.footer {
  flex-shrink: 0;
  padding: 20px;
  width: 100%;
  /*color: white !important;*/
  /*background: linear-gradient(to bottom right, tomato, #ffc107);*/
  width: 100%;

  /*background: linear-gradient(to right, #f79d00, #64f38c);*/
  
  /*background-color: #f0f0f0;*/

  /*background-color: #fcfcfc;*/

  
  /*background: #abbaab;  /* fallback for old browsers */
  /*background: -webkit-linear-gradient(to top, #ffffff, rgba(55,125,255,.1));  /* Chrome 10-25, Safari 5.1-6 */
  /*background: linear-gradient(to top, #ffffff, rgba(55,125,255,.1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  color: #fff!important;
  background: -webkit-linear-gradient(19deg, #B721FF 0%, #21D4FD 100%) !important;
  background: linear-gradient(19deg, #B721FF 0%, #21D4FD 100%) !important;

}

.footer > a:hover {
  /*color: tomato !important;*/
  color: #ff3d77 !important;
}

.navFooter {	
  color: white !important;
  padding: 0.5rem;
}

.navFooter:hover {
  color: #ff3d77 !important;

}

/* ---------- FOOTER ---------- */
/* Alignement du menu */
.footer-nav {
  text-align: left;
}
/*
   Faire passer le menu en inline (inline-block, inline-table ou inline-flex) pour le rendre sensible à l'alignement à droite. Ses items aussi sont en inline.
*/
.footer-nav ul,
.footer-nav li {
  /*display: inline;*/
  list-style: none;
}
.footer-nav a {
  position: relative;
  display: inline-block;
  /*padding: 8px 20px;*/
  /*padding: 0.3rem 20px;*/
  vertical-align: middle;
  font-weight: 300; /* entre regular et light */
  letter-spacing: 0.025em;
  color: inherit;
  text-decoration: none;
}

/* Animation du lien */
/*.footer-nav a:after {
  content: "";
  position: absolute;
  bottom: 0; right: 1px; left: 1px;
  height: 2px;
  background-color: #ff3d77;

  /  * Préparation de notre animation * /
  opacity: 0;
  transform: translateY(5px);
  transition: all .4s;
}
/* Le trait va remonter et apparaitre * /
.footer-nav a:hover:after,
.footer-nav a:focus:after {
  opacity: .6;
  transform: translateY(0);
}*/
/* Je vire outline car juste au-dessus je définis un style :focus */
/*.footer-nav a:focus {
  outline: none;
}*/

nav.footer-nav ul {
	overflow: hidden;
	text-align: left;
	float: left;
}

#Navigation.menu, #Utile.menu, #Legal.menu {
  padding-left: 0 !important;
}

nav.footer-nav {
  float: left;
  width: 100%;
}

.rowReseauxSociaux{
  display:flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
    .rowReseauxSociaux{
  justify-content: center;
  padding-top: 1.5rem;
    }
}

.brandFooter {
  font-weight: 600;
  font-size: 1rem;
}

a.brandFooter, a.brandFooter:hover {
  text-decoration: none;
  color: inherit;
}

.footer-app {
  /*position: fixed;
  left: 0;
  bottom: 0;*/
  width: 100%;

  flex-shrink: 0;
  padding: 1rem;
  background: linear-gradient(19deg, #B721FF 0%, #21D4FD 100%);
  position: relative;
}

.footer-dashboard {
  width: 100%;
  flex-shrink: 1;
  padding: 1rem;

  background: rgba(55,125,255,.1);
}

.footerapp-text {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

#ctacreerbaid, #ctaproposeridee, #ctaremonterpb {
  position: absolute;
  bottom: 2rem;
  left: 25%;
}

#ctaproposeridee {
  right: 50%;
  
  margin-right: 0.5rem;
  bottom: 3rem;
}

#ctaremonterpb {
  left: 50%;
  
  margin-left: 0.5rem;
  bottom: 3rem;
}


.menufooter {
  color: white !important;
}

.btnFooterCreer {
  background: linear-gradient(19deg, #B721FF 0%, #21D4FD 100%);
  border: none;
  box-shadow: 2px 10px 211px 14px rgb(255 255 255);
}