.social h3, .footer h3 { clear:both; color:#fff; font-weight:normal; margin:0px 0px 20px 0px; text-align:left; }
.social h3 b, .footer h3 b { color:#777; font-weight:normal; }

.newsletter { background-color:#000; padding-top:25px; padding-bottom:25px; }
.newsletter .row > div { text-align:center; }
.newsletter .col-lg-5 { color:#ccc; font-size:20px; line-height:40px; }
.newsletter input { width:65%; background-color:#111; border:1px solid #333; color:#fff; font-size:20px; line-height:30px; padding:5px 15px; }
.newsletter input:focus { box-shadow:0px 0px 5px #ccc; }
.newsletter input[type="text"] { display:none; }
.newsletter button { width:30%; background-color:#222; border:1px solid #444; color:#fff; font-size:20px; line-height:30px; padding:5px 15px; }
.newsletter button:hover { background:rgba(0,0,0,0.5); border-color:#fff; box-shadow:0px 0px 5px #fff; }
.newsletter-categories .row > div { padding-top:3px; padding-bottom:3px; }
.newsletter-categories label { line-height:25px; margin-bottom:0px; }
.newsletter-categories button { width:100%; line-height:30px; margin-top:15px; }

@media (max-width:768px)
{
  .newsletter { padding-top:20px; padding-bottom:25px; }
  .newsletter .col-lg-5, .newsletter input, .newsletter button { font-size:16px; }
  .newsletter .col-lg-5 { line-height:30px; padding-bottom:10px; }
}

.social { background-color:#333; line-height:40px !important; padding-top:15px; padding-bottom:15px; }
.social h3 { line-height:40px !important; margin: 10px 0px; }
.social a { display:block; color:#fff; font-size:20px; margin:10px 0px; }
.social a .fa { width:40px; height:40px; line-height:40px !important; border-radius:20px; font-size:20px !important; margin-right:15px; padding-top:0px; text-align:center; background-color:#ccc; color:#444; }
.social a:hover .fa { background-color:#fff; color:#000; }

.footer .row > div { margin-top:40px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; }

.footer .candidats { }
.footer .candidats ul li { float:left; margin-right:3px; margin-bottom:3px; }
.footer .candidats ul li a { display:block; width:67px; height:67px; background-color:#000; text-align:center; }
.footer .candidats ul li a img { width:auto; max-height:67px; height:100%; }
.footer .candidats ul li a:hover img { opacity:0.6; }

.footer .offres { }
.footer .offres ul li,
.footer .offres ul li a { display:block; color:#ccc; }
.footer .offres ul li a:hover { color:#fff; text-decoration:underline; }

.footer .reseaux { }
.footer .reseaux ul li { float:left; margin-right:15px; margin-bottom:15px; }
.footer .reseaux ul li a .fa { width:60px; height:60px; line-height:60px !important; border-radius:30px; font-size:30px !important; padding-top:0px; text-align:center; background-color:#ccc; color:#444; }
.footer .reseaux ul li a:hover .fa { background-color:#fff; color:#000; }
.footer .reseaux ul li:nth-child(3n) { clear:both; }

.footer .partenaires { }
.footer .partenaires h3 { text-align:center; margin-bottom:40px; }
/*
.footer .partenaires ul { text-align:center; }
.footer .partenaires ul li {margin:0px 20px; }
.footer .partenaires ul li a { display:inline-block; }
.footer .partenaires ul li a img { max-width:240px; height:180px; max-height:180px; }
*/
.footer .partenaires .swiper { text-align:center; }
.footer .partenaires .swiper a { display:inline-block; }
.footer .partenaires .swiper a img { max-width:240px; height:180px; max-height:180px; }

.swiper-container { padding-bottom:40px; }
.swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23777777%27%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23777777%27%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev:hover { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next:hover { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E"); }
.swiper-scrollbar { bottom:20px!important; }
.swiper-scrollbar-drag { background:rgba(48,48,48,0.5); }
.swiper-pagination { overflow:visible; }
.swiper-pagination-bullets { bottom:0px!important; }
.swiper-pagination-bullet { width:12px; height:12px; background:#777; }
.swiper-pagination-bullet:hover { background:#fff; }

.footer .partenaires .other { color:#555; margin-top:40px; text-align:center; }
.footer .partenaires .other a { color:#555; }
.footer .partenaires .other a:hover { color:#777; text-decoration:underline; }

.footer .copyright { color:#555; font-size:9pt; margin-top:20px !important; text-align:center; }
.footer .copyright a { color:#555; }
.footer .copyright a:hover { color:#777; }

#cookies { position:fixed; left:0px; right:0px; bottom:0px; z-index:9999; padding:10px 20px; background-color:#000; color:#888; border-top:1px solid #333; font-size:10pt; line-height:18px; opacity:1.0; transition:all 0.5s linear; }
#cookies > p { margin:0px 140px 0px 0px; }
#cookies > a { position:absolute; right:20px; bottom:10px; width:120px; padding:0px 0px; font-size:11pt; line-height:36px; text-align:center; }
#cookies.accepted { bottom:-50px; opacity:0.0; }




.mfp-hide
{
  display: none !important;
}

.mfp-dialog
{
  width: 500px;
  max-width: 100%;
  margin: 60px auto;
  padding: 20px 30px;
  position: relative;
  background-color: #000;
  color: #aaa;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
}

.mfp-dialog > h3
{
  color: #fff;
  margin: 0px;
  padding: 10px 0px;
}

.mfp-dialog .dialog-icon
{
  position: absolute;
  left: -60px;
  top: 5px;
  width: 60px;
  height: 60px;
  display: block;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background: #bfaf88;
  font-size: 27px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.mfp-dialog .dialog-form,
.mfp-dialog .social-media-login
{
  padding-top: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #d9d9d9;
}

.mfp-dialog .dialog-form .form-group
{
  margin-bottom: 10px;
}

.mfp-dialog .dialog-form label
{
  color: #aaa;
  font-weight: normal;
  margin: 0px;
}

.mfp-dialog .dialog-form label h5
{
  display: block;
  line-height: 25px;
  color: #ccc;
  font-weight: bold;
  margin: 0px;
}

.mfp-dialog .dialog-form label p
{
  margin: 0px;
}

.mfp-dialog .dialog-form > .btn,
.mfp-dialog .social-media-login > .btn
{
  margin-top: 10px;
}

.mfp-dialog .dialog-alt-links
{
  list-style: none;
  margin: 0;
  position: absolute;
  right: 30px;
  bottom: 20px;
  font-size: 13px;
}

.mfp-dialog .dialog-alt-links li
{
  display: inline-block;
  max-width: 80px;
  line-height: 16px;
  float: left;
  margin-left: 15px;
  text-align: center;
}

.mfp-dialog-big
{
  max-width: 800px;
}










@media (min-width:1680px)
{
  .footer .partenaires ul li a img { max-width:280px; height:200px; max-height:200px; }
}

@media (max-width:768px)
{
  .footer .row > div { margin-top:20px; padding-top:10px; padding-bottom:10px; }
  .footer .row > div, .footer h3, .social h3 { text-align:center; }
  .footer .candidats ul li { width:19%; }
  .footer .candidats ul li a { width:100%; height:auto; }
  .footer .candidats ul li a img { width:100%; max-height:100%; height:100%; }
  .footer .partenaires ul li { margin-bottom:10px; }
  .footer .partenaires ul li a img { max-width:160px; height:100px; max-height:100px; }
  .footer .partenaires .other { margin-top:0px; }
  .footer .copyright { color:#555; font-size:9pt; margin-top:0px !important; }
}

@media (min-width:768px)
{
  .footer .copyright ul li::before { content:"-"; display:inline-block; padding:0px 8px; }
  .footer .copyright ul li:first-child::before { content:""; display:none; padding:0px; }
}

@media (min-width:768px) and (max-width:1200px)
{
  .social a { text-align:center; }
  .social a .fa { display:block; margin:0px auto; }
}