@font-face {
  font-family: 'open_sans_condensedbold';
  src: url('../font/opensans-condbold-webfont.svg');
  src: url('../font/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-condbold-webfont.woff2') format('woff2'), url('../font/opensans-condbold-webfont.woff') format('woff'), url('../font/opensans-condbold-webfont.ttf') format('truetype'), url('../font/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansextrabold';
  src: url('../font/opensans-extrabold-webfont.eot');
  src: url('../font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-extrabold-webfont.woff2') format('woff2'), url('../font/opensans-extrabold-webfont.woff') format('woff'), url('../font/opensans-extrabold-webfont.ttf') format('truetype'), url('../font/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('../font/opensans-bold-webfont.eot');
  src: url('../font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-bold-webfont.woff2') format('woff2'), url('../font/opensans-bold-webfont.woff') format('woff'), url('../font/opensans-bold-webfont.ttf') format('truetype'), url('../font/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight';
  src: url('../font/opensans-light-webfont.eot');
  src: url('../font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-light-webfont.woff2') format('woff2'), url('../font/opensans-light-webfont.woff') format('woff'), url('../font/opensans-light-webfont.ttf') format('truetype'), url('../font/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('../font/opensans-regular-webfont.eot');
  src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular-webfont.woff2') format('woff2'), url('../font/opensans-regular-webfont.woff') format('woff'), url('../font/opensans-regular-webfont.ttf') format('truetype'), url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'playfair_displaybold';
  src: url('../font/playfairdisplay-bold-webfont.eot');
  src: url('../font/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/playfairdisplay-bold-webfont.woff2') format('woff2'), url('../font/playfairdisplay-bold-webfont.woff') format('woff'), url('../font/playfairdisplay-bold-webfont.ttf') format('truetype'), url('../font/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'playfair_displayitalic';
  src: url('../font/playfairdisplay-italic-webfont.eot');
  src: url('../font/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/playfairdisplay-italic-webfont.woff2') format('woff2'), url('../font/playfairdisplay-italic-webfont.woff') format('woff'), url('../font/playfairdisplay-italic-webfont.ttf') format('truetype'), url('../font/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'playfair_displayregular';
  src: url('../font/playfairdisplay-regular-webfont.eot');
  src: url('../font/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/playfairdisplay-regular-webfont.woff2') format('woff2'), url('../font/playfairdisplay-regular-webfont.woff') format('woff'), url('../font/playfairdisplay-regular-webfont.ttf') format('truetype'), url('../font/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
== WEBFORM
-----------------------*/
/*-----------------------
== MEDIA QUERIES
------------------------*/
.footer {
  background: #222222;
  font-family: 'open_sansregular', Arial, sans-serif;
}
.footer.footer {
  border-top: none;
}
.footer #logo_footer {
  float: left;
  border-right: 1px solid #68696a;
  padding-right: 20px;
}
.footer #logo_footer a {
  display: block;
}
.footer #logo_footer a img {
  max-height: 35px;
  width: auto;
  max-width: 100%;
  height: auto;
}
.footer #links_footer {
  float: left;
  line-height: 35px;
}
.footer #links_footer #nav_footer {
  float: left;
  margin-bottom: 20px;
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer ul li {
  display: inline-block;
  border-right: 1px solid #68696a;
  padding-right: 10px;
  margin-right: 10px;
}
.footer ul li:last-child {
  padding-right: 0;
  border: none;
}
.footer ul li a {
  color: #fff;
  padding: 0 20px;
}
.footer ul li a:hover,
.footer ul li a:active,
.footer ul li a:focus {
  color: #fff;
}
.footer .icones a:hover,
.footer .icones a:active,
.footer .icones a:focus {
  opacity: 0.5;
}
.footer #reseaux_sociaux {
  clear: both;
  float: left;
}
.footer #reseaux_sociaux li.fb,
.footer #reseaux_sociaux li.twitter,
.footer #reseaux_sociaux li.github {
  position: relative;
  height: 35px;
  width: 90px;
}
.footer #reseaux_sociaux li.fb {
  border-left: 1px solid #68696a;
}
.footer #reseaux_sociaux li.github {
  border-right: 1px solid #68696a;
}
.footer #reseaux_sociaux a {
  position: relative;
  display: block;
}
.footer #reseaux_sociaux .fb,
.footer #reseaux_sociaux .twitter,
.footer #reseaux_sociaux .github {
  width: 18px;
  height: 18px;
}
.footer #reseaux_sociaux .fb:before,
.footer #reseaux_sociaux .twitter:before,
.footer #reseaux_sociaux .github:before {
  content: "";
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: block;
  top: 8px;
  position: absolute;
}
.footer #reseaux_sociaux .fb:before {
  background-position: -130px -11px;
  left: 30px;
}
.footer #reseaux_sociaux .twitter {
  width: 21px;
}
.footer #reseaux_sociaux .twitter:before {
  background-position: -54px -11px;
  width: 21px;
  left: 25px;
}
.footer #reseaux_sociaux .github:before {
  background-position: -94px -11px;
  left: 26px;
}
.footer #others {
  float: left;
}
/*--------------------------------------------
== MEDIA QUERIES
--------------------------------------------*/
@media (max-width: 767px) {
  footer #logo_footer {
    margin-bottom: 15px;
  }
  footer ul li {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .footer {
    margin-top: 45px;
    padding-top: 35px;
    padding-bottom: 36px;
  }
}

/*# sourceMappingURL=maps/footer.css.map */