/**
 * @file
 *
 * EDSbase : Feuille de style dédiée à la région Footer.
 *
 */

/*** RÉSEAUX - NL - MENUS ***/

#reseaux-nl-menus {
  padding: 60px 0px;
  background-color: #232425;
  color: #ffffff;
}
#reseaux-nl-menus a {
  color: #ffffff;
}

/* Réseaux */

#reseaux {
  float: left;
  padding-right: 100px;
  border-right: 2px solid #fff;
}
#reseaux .titre {
  margin-bottom: 20px;
  line-height: 1;
  font-family: 'soleil-bold';
  font-size: 1.5em;
}
#reseaux .titre.marge-haute {
  margin-top: 45px;
}
#reseaux a {
  display: block;
  float: left;
  margin: 0 20px 10px 0;
  height: 23px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#reseaux a.facebook {
  width: 12px;
  background-image: url('../images/footer/reseaux/facebook.svg');
}
#reseaux a.twitter {
  width: 28px;
  background-image: url('../images/footer/reseaux/twitter.svg');
}
#reseaux a.youtube {
  width: 30px;
  background-image: url('../images/footer/reseaux/youtube.svg');
}
#reseaux a.soundcloud {
  width: 55px;
  background-image: url('../images/footer/reseaux/soundcloud.svg');
}
#reseaux a.flickr {
  width: 23px;
  background-position: 0 5px;
  background-image: url('../images/footer/reseaux/flickr.svg');
}
#reseaux a.instagram {
  width: 27px;
  background-image: url('../images/footer/reseaux/instagram.svg');
}
#reseaux a.echo-sciences {
  width: 23px;
  background-image: url('../images/footer/reseaux/echo-sciences.svg');
}
#reseaux a.linkedin {
  width: 24px;
  background-image: url('../images/footer/reseaux/linkedin.svg');
}

/* Newsletters */

#nl {
  overflow: hidden;
  padding-left: 70px;
}
#nl > div {
  float: left;
}
#nl-1 {
  margin-bottom: 20px;
  padding: 0 50px 0 30px;
  background: url('../images/footer/fleche-puce.svg') left 5px no-repeat;
  font-family: 'soleil-bold';
  font-size: 1.5em;
}
#nl-2 > div {
  font-family: 'soleil-semibold';
  font-size: 1.5em;
}
#nl-2 a {
  display: inline-block;
  padding: 15px 20px;
  line-height: 1;
  border: 1px solid #ffffff;
  border-radius: 30px;
  text-decoration: none;
  font-family: 'soleil-semibold';
  font-size: 1.2em;
}
#nl-2 a:hover {
  background-color: #ffffff;
  color: #232425;
}

/* Menus */

#menus:not(.chez-vous) {
  margin-top: 70px;
}
#menus .menus,
#menus .menus nav.menu {
  float: left;
  width: 50%;
}
#menus nav.menu {
  padding-right: 90px;
}
#menus nav.menu h2 {
  display: flex;
  padding-right: 110px;
  background-repeat: no-repeat;
  background-position: right bottom;
  align-items: end;
  font-family: 'soleil-bold';
  font-size: 1.25em;
}
#menus nav.menu.rennes h2 {
  background-image: url('../images/footer/menus/rennes.svg');
}
#menus nav.menu.morlaix h2 {
  background-image: url('../images/footer/menus/morlaix.svg');
}
#menus nav.menu.chez-vous h2 {
  background-image: url('../images/footer/menus/chez-vous.svg');
}
#menus nav.menu.tout-eds h2 {
  background-size: 37px 37px;
  background-image: url('../images/footer/menus/tout-eds.svg');
}
#menus nav.menu .sep {
  margin-bottom: 15px;
  padding-top: 15px;
  border-bottom: 2px solid #ffffff;
}
#menus ul.menu li.menu-item--nous-contacter {
  margin-bottom: 20px;
  padding-left: 30px;
  background: url('../images/footer/fleche-puce.svg') left 3px no-repeat;
}
#menus ul.menu li a {
  line-height: 1.5;
  text-decoration: none;
}
#menus ul.menu li.level-0 > a {
  font-family: 'soleil-bold';
  font-size: .9em;
}
#menus ul.menu li.level-0.expanded > a {
  cursor: default;
}
#menus ul.menu li.level-0:not(.expanded) a:hover {
  border-bottom: 1px solid #ffffff;
}
#menus ul.menu li.menu-item--nous-contacter a {
  font-family: 'soleil-bold';
}
#menus ul.menu li.level-1 > a {
  color: #a5a5a5;
}
#menus ul.menu li.level-1 > a:hover {
  border-bottom: 1px solid #a5a5a5;
}

/*** PARTENAIRES ***/

#partenaires {
  position: relative;
  background-color: #ffffff;
}
#partenaires-logos {
  padding: 60px 120px 40px 0;
}
#partenaires-logos a {
  display: block;
  float: left;
  margin: 0 80px 20px 0;
  height: 70px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
#partenaires-logos a:last-child {
  margin-right: 0px;
}
#partenaires-logos a.rennes {
  width: 230px;
  background-image: url('../images/footer/partenaires/rennes-metropole.svg');
}
#partenaires-logos a.bretagne {
  width: 70px;
  background-image: url('../images/footer/partenaires/region-bretagne.svg');
}
#partenaires-logos a.ille-vilaine {
  width: 108px;
  background-image: url('../images/footer/partenaires/ille-et-vilaine.svg');
}
#partenaires-logos a.morlaix-ville {
  width: 142px;
  background-image: url('../images/footer/partenaires/morlaix.svg');
}
#partenaires-logos a.morlaix-communaute {
  width: 60px;
  background-image: url('../images/footer/partenaires/communaute-de-morlaix.svg');
}
#partenaires-logos a.academie {
  height: 80px;
  width: 100px;
  background-image: url('../images/footer/partenaires/academie-rennes.svg');
}
a#pbcs {
  display: block;
  position: absolute;
  right: 0;
  top: 30px;
  width: 80px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-image: url('../images/footer/partenaires/pbcs.svg');
}

/*** MENU FOOTER ***/

#menu-footer {
  padding: 20px 0px;
  background-color: #232425;
}
#menu-footer-inner ul.menu {
  text-align: center;
}
#menu-footer-inner ul.menu li {
  display: inline-block;
  margin-right: 15px;
}
#menu-footer-inner ul.menu li.last {
  margin-right: 0px;
}
#menu-footer-inner ul.menu li a {
  display: block;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  font-size: 0.9em;
  color: #ffffff;
}
#menu-footer-inner ul.menu li a:hover {
  border-bottom-color: #ffffff;
}


/*--------- <= 1550px ---------*/

@media only screen and (max-width: 1550px) {

  a#pbcs {
    right: 2%;
  }

}

/*--------- <= 1460px ---------*/

@media only screen and (max-width: 1460px) {

  #menus nav.menu {
    padding-right: 50px;
  }

}

/*--------- <= 1360px ---------*/

@media only screen and (max-width: 1360px) {

  #partenaires-logos a:not(:last-child) {
    margin-right: 40px;
  }

}

/*--------- <= 1200px ---------*/

@media only screen and (max-width: 1200px) {

  #menus nav.menu h2 {
    padding-right: 100px;
  }

}

/*--------- <= 1140px ---------*/

@media only screen and (max-width: 1140px) {

  #menus .menus {
    float: none;
    width: 100%;
  }
  #menus #menus-1 {
    margin-bottom: 30px;
  }

}

/*--------- <= 1090px ---------*/

@media only screen and (max-width: 1090px) {

  #reseaux {
    padding-right: 50px;
  }

}

/*--------- <= 1030px ---------*/

@media only screen and (max-width: 1030px) {

  #partenaires-logos {
    padding-right: 80px;
  }
  a#pbcs {
    top: 60px;
    width: 54px;
    height: 70px;
  }

}

/*--------- <= 1020px ---------*/

@media only screen and (max-width: 1020px) {

  #reseaux {
    padding-right: 30px;
  }
  #nl {
    padding-left: 30px;
  }
  #menus nav.menu {
    padding-right: 30px;
  }

}

/*--------- <= 1000px ---------*/

@media only screen and (max-width: 1000px) {

  #partenaires-logos a {
    height: 55px;
  }
  #partenaires-logos a.rennes {
    width: 180px;
  }
  #partenaires-logos a.bretagne {
    width: 54px;
  }
  #partenaires-logos a.ille-vilaine {
    width: 84px;
  }
  #partenaires-logos a.morlaix-ville {
    width: 110px;
  }
  #partenaires-logos a.morlaix-communaute {
    width: 46px;
  }
  #partenaires-logos a.academie {

  }

}

/*--------- <= 860px ---------*/

@media only screen and (max-width: 860px) {

  #reseaux-nl > div {
    float: none;
  }
  #reseaux {
    margin-bottom: 50px;
    padding-right: 0px;
    border-right: none;
  }
  #nl {
    padding-left: 0px;
  }
  #partenaires-logos a:not(:last-child) {
    margin-right: 20px;
  }

}

/*--------- <= 560px ---------*/

@media only screen and (max-width: 560px) {

  #menus #menus-1 {
    margin-bottom: 0px;
  }
  #menus .menus nav.menu {
    float: none;
    margin-bottom: 30px;
    width: 100%;
    min-height: 55px;
  }
  #menus nav.menu.tout-eds .sep {
    display: none;
  }
  #menus nav.menu > ul.menu {
    display: none;
  }

}

/*--------- <= 480px ---------*/

@media only screen and (max-width: 480px) {

  #partenaires-logos a {
    height: 45px;
  }
  #partenaires-logos a.rennes {
    width: 150px;
  }
  #partenaires-logos a.bretagne {
    width: 45px;
  }
  #partenaires-logos a.ille-vilaine {
    width: 70px;
  }
  #partenaires-logos a.morlaix-ville {
    width: 92px;
  }
  #partenaires-logos a.morlaix-communaute {
    width: 39px;
  }
  #partenaires-logos a.academie {

  }

}