@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Indie+Flower);
/* === VARIABLES === */
/* ================================== */
/* === FONCTIONS === */
/* ================================== */
/* === FONTS === */
/* ================================== */
/* === STYLES GÉNÉRAUX === */
/* Reset et normalisation */
html {
  -ms-overflow-style: scrollbar;
}
a,
a:hover,
a:focus,
a:active,
button,
button:hover,
button:focus,
button:active {
  outline: 0 !important;
  text-decoration: none;
}
span.anchor {
  display: block;
  height: 75px;
  margin-top: -75px;
  visibility: hidden;
}
/* ----------------- */
/* Col-auto */
.col-xs-auto,
.col-sm-auto,
.col-md-auto,
.col-lg-auto {
  position: relative;
  min-height: 1px;
  padding: 0 15px;
}
.col-xs-auto {
  width: auto !important;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-auto {
    width: auto !important;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-auto {
    width: auto !important;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-auto {
    width: auto !important;
    float: left;
  }
}
/* ----------------- */
/* ================================== */
/* === BOUTONS === */
.btn {
  line-height: normal;
  padding: 0 20px;
  border: none;
  border-radius: 0;
  height: 45px;
  line-height: 45px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.btn.btn.active,
.btn.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-sm {
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
}
.btn-lg {
  padding: 0 25px;
  height: 65px;
  line-height: 65px;
  font-size: 18px;
}
.btn-blue {
  color: white;
  background-color: #84b4cb;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.btn-blue:hover,
.btn-blue:focus {
  color: white;
  background-color: #72a9c3;
}
.btn-gray {
  color: white;
  background-color: #414a52;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.btn-gray:hover,
.btn-gray:focus {
  color: white;
  background-color: #363d44;
}
.btn-outline {
  line-height: 43px;
  color: white;
  background-color: transparent;
  border: 1px solid white;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.btn-outline:hover,
.btn-outline:focus {
  color: #414a52;
  background-color: white;
}
.btn-outline.btn-strong {
  border: 2px solid white;
  line-height: 41px;
  font-weight: 600;
}
.btn-outline.btn-sm {
  line-height: 33px;
}
.btn-outline.btn-lg {
  line-height: 63px;
}
.btn-outline.btn-blue {
  border-color: #84b4cb;
  color: #84b4cb;
}
.btn-outline.btn-blue:hover,
.btn-outline.btn-blue:focus {
  background-color: #84b4cb;
  color: white;
}
/* ================================== */
/* === FORMULAIRES === */
.infolettre form input.form-control,
#section-formulaire .formulaire-box form .form-control,
aside#sidebar form input.form-control {
  font-family: 'Open Sans', sans-serif;
  color: #414a52;
  border-radius: 0;
  border-color: #b3b3b4;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.infolettre form input.form-control:focus,
#section-formulaire .formulaire-box form .form-control:focus,
aside#sidebar form input.form-control:focus {
  border-color: #84b4cb;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.infolettre form input.form-control::-webkit-input-placeholder,
#section-formulaire .formulaire-box form .form-control::-webkit-input-placeholder,
aside#sidebar form input.form-control::-webkit-input-placeholder {
  color: #949494;
  text-transform: uppercase;
}
.infolettre form input.form-control:-moz-placeholder,
#section-formulaire .formulaire-box form .form-control:-moz-placeholder,
aside#sidebar form input.form-control:-moz-placeholder {
  color: #949494;
  text-transform: uppercase;
}
.infolettre form input.form-control::-moz-placeholder,
#section-formulaire .formulaire-box form .form-control::-moz-placeholder,
aside#sidebar form input.form-control::-moz-placeholder {
  color: #949494;
  text-transform: uppercase;
}
.infolettre form input.form-control:-ms-input-placeholder,
#section-formulaire .formulaire-box form .form-control:-ms-input-placeholder,
aside#sidebar form input.form-control:-ms-input-placeholder {
  color: #949494;
  text-transform: uppercase;
}
.infolettre form input.form-control.placeholder,
#section-formulaire .formulaire-box form .form-control.placeholder,
aside#sidebar form input.form-control.placeholder {
  color: #949494;
  text-transform: uppercase;
}
/* ================================== */
/* === ALERTES === */
.alert {
  margin: 0;
  max-width: 500px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.6;
  padding: 20px;
}
.alert .icone {
  margin-bottom: 10px;
}
.alert .fa {
  font-size: 25px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  border-width: 2px;
  border-style: solid;
}
.alert.alert-success {
  background-color: #b9df90;
  border-color: #a0d468;
  color: #3c763d;
}
.alert.alert-success .fa {
  color: #3c763d;
  border-color: #3c763d;
}
.alert.alert-warning {
  background-color: #ffdd87;
  border-color: #ffce54;
  color: #8a6d3b;
}
.alert.alert-warning .fa {
  color: #8a6d3b;
  border-color: #8a6d3b;
}
.alert.alert-danger {
  background-color: #f2838f;
  border-color: #ed5565;
  color: #a94442;
}
.alert.alert-danger .fa {
  color: #a94442;
  border-color: #a94442;
}
.alert + div {
  margin-top: 35px;
}
.infolettre .alert {
  margin-bottom: 30px;
}
/* ================================== */
/* === FILESTACK === */
.fp__overlay {
  z-index: 99999 !important;
}
.fp__btn {
  background-color: #84b4cb !important;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.fp__btn:hover,
.fp__btn:focus {
  background-color: #72a9c3 !important;
}
.fp__btn.success {
  background-color: #84cd23 !important;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABrSURBVHja5JRLCsAwCERnpPe/8nRVkEL8JK5aNyESHjo8QkmYKMNQfQ+kCZD8aaeTPHcbgAAArfAohbxXUwJbQjxIWQYRBAAu11RjTUYesRg2K0JyB7LyiF1IJCSbk4Zms5Od7Wbyo4/tHgA6bhMqwzNZ4AAAAABJRU5ErkJggg==');
}
.fp__btn.success:hover,
.fp__btn.success:focus {
  background-color: #77b81f !important;
}
/* ================================== */
/* === LAYOUTS === */
/* Header */
header {
  position: fixed;
  z-index: 50;
  width: 100%;
  padding-top: 20px;
  -webkit-transition: background-color 0.2s, padding-top 0.2s;
  -moz-transition: background-color 0.2s, padding-top 0.2s;
  -ms-transition: background-color 0.2s, padding-top 0.2s;
  -o-transition: background-color 0.2s, padding-top 0.2s;
  transition: background-color 0.2s, padding-top 0.2s;
}
@media (min-width: 1400px) {
  header.container-fluid,
  header .col-xs-auto {
    padding-left: 50px;
    padding-right: 50px;
  }
  header .row {
    margin-left: 0;
    margin-right: 0;
  }
}
header .row {
  height: 75px;
}
header nav {
  padding-top: 15px !important;
}
header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header nav ul li {
  display: inline-block;
  margin-left: 20px;
  margin-left: 35px;
  vertical-align: top;
}
header nav ul li:first-child {
  margin-left: 0;
}
header nav ul li.active a {
  color: #84b4cb;
}
header nav ul li a {
  display: inline-block;
  color: white;
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
header nav ul li a:hover,
header nav ul li a:focus {
  color: #84b4cb;
}
header #logo {
  padding-top: 12px;
}
header #logo a {
  display: inline-block;
  height: 50px;
}
header.scroll {
  padding-top: 0;
  background-color: #384148;
}
@media (max-width: 767px) {
  header {
    padding-top: 0;
  }
}
header #mobile-bars {
  text-align: center;
  padding-top: 12px;
}
header #mobile-bars a {
  display: inline-block;
  height: 50px;
  width: 50px;
  color: white;
}
header #mobile-bars a .fa {
  line-height: 50px;
}
/* ----------------- */
/* Mobile Overlay */
#mobile-overlay {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  -moz-transition: opacity 0.2s, visibility 0.2s;
  -ms-transition: opacity 0.2s, visibility 0.2s;
  -o-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
  position: fixed;
  z-index: 75;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #84b4cb;
  background-color: rgba(132, 180, 203, 0.95);
}
@media (max-width: 1199px) {
  #mobile-overlay.open {
    opacity: 1;
    visibility: visible;
  }
}
#mobile-overlay #mobile-header {
  height: 75px;
  text-align: center;
  padding-top: 12px;
}
#mobile-overlay #mobile-header a {
  display: inline-block;
  height: 50px;
  width: 50px;
}
#mobile-overlay nav {
  text-align: center;
}
#mobile-overlay nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#mobile-overlay nav ul li {
  display: block;
}
#mobile-overlay nav ul li.active a {
  color: #414a52;
}
#mobile-overlay nav ul li a {
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  height: 50px;
  line-height: 50px;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
#mobile-overlay nav ul li a:hover,
#mobile-overlay nav ul li a:focus {
  color: #414a52;
}
#mobile-overlay .btn {
  margin-top: 25px;
}
/* ----------------- */
/* Footer */
footer {
  background-color: #414a52;
  padding: 60px 0;
}
footer h3 {
  margin: 0 0 25px 0;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  footer h3 {
    margin: 25px 0;
  }
}
footer #coordonnees address,
footer #coordonnees p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  color: white;
  color: rgba(255, 255, 255, 0.5);
}
footer #coordonnees address a,
footer #coordonnees p a {
  color: white;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 1px;
}
footer #coordonnees address a:hover,
footer #coordonnees p a:hover,
footer #coordonnees address a:focus,
footer #coordonnees p a:focus {
  color: white;
  color: rgba(255, 255, 255, 0.75);
}
footer #coordonnees p {
  margin-top: 10px;
}
footer nav#icone-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer nav#icone-social ul li {
  display: inline-block;
  margin-left: 20px;
}
footer nav#icone-social ul li:first-child {
  margin-left: 0;
}
footer nav#icone-social ul li a {
  color: white;
  font-size: 24px;
}
footer nav#icone-social ul li a i.fab {
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
footer nav#icone-social ul li a i.fa-facebook:hover,
footer nav#icone-social ul li a i.fa-facebook:focus {
  color: #3b5998;
}
footer nav#icone-social ul li a i.fa-twitter:hover,
footer nav#icone-social ul li a i.fa-twitter:focus {
  color: #55acee;
}
footer nav#icone-social ul li a i.fa-linkedin:hover,
footer nav#icone-social ul li a i.fa-linkedin:focus {
  color: #0077b5;
}
footer nav#icone-social ul li a i.fa-instagram:hover,
footer nav#icone-social ul li a i.fa-instagram:focus {
  color: #3f729b;
}
@media (max-width: 767px) {
  footer {
    text-align: center;
  }
  footer .col-sm-4:first-child h3 {
    margin-top: 0;
  }
  .instagram-wrapper {
    margin: auto;
    max-width: 360px;
  }
}
/* ----------------- */
/* Copyright */
#copyright {
  text-align: center;
  background: #384148;
  font-size: 13px;
  padding: 25px 0;
}
#copyright p.copyright-texte {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: white;
  color: rgba(255, 255, 255, 0.75);
}
#copyright p.copyright-texte.permis{
  font-size: 10px;
}
#copyright span.agence {
  color: white;
  color: rgba(255, 255, 255, 0.5);
}
#copyright span.agence a {
  color: white;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
#copyright span.agence a:hover,
#copyright span.agence a:focus {
  color: white;
  color: rgba(255, 255, 255, 0.75);
}
/* ----------------- */
/* ================================== */
/* === SECTIONS RÉUTILISÉES === */
/* Général */
section {
  padding: 60px 0;
}
.bg-gris-pale {
  background-color: #EEEEEE;
}
.bg-gris-fonce {
  background-color: #414a52;
}
.title h2 {
  margin: 0 0 25px 0;
  color: #414a52;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  text-align: center;
}
.bg-gris-fonce .title h2 {
  color: white;
}
.title p {
  margin-bottom: 35px;
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  font-size: 16px;
}
.icone-chiffre {
  width: 75px;
  margin: auto;
}
.icone-chiffre span {
  text-align: center;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #84b4cb;
  width: 75px;
  height: 75px;
  line-height: 71px;
  font-size: 26px;
  border-radius: 50%;
  border: 2px solid #84b4cb;
}
.carousel-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.carousel-wrapper .next,
.carousel-wrapper .prev {
  text-align: center;
}
.carousel-wrapper .next a,
.carousel-wrapper .prev a {
  position: relative;
  top: -30px;
  color: white;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.carousel-wrapper .next a:hover,
.carousel-wrapper .prev a:hover,
.carousel-wrapper .next a:focus,
.carousel-wrapper .prev a:focus {
  opacity: 1;
}
.carousel-wrapper .next a i,
.carousel-wrapper .prev a i {
  font-size: 1.5em;
}
.carousel-wrapper .owl-carousel .owl-dots {
  margin-top: 35px !important;
}
.carousel-wrapper .owl-carousel .owl-dots .owl-dot.active span {
  background: white;
}
.carousel-wrapper .owl-carousel .owl-dots .owl-dot span {
  height: 12px;
  width: 12px;
  margin: 5px 5px;
  border: 1px solid white;
  background: transparent;
}
html.ie8 .carousel-wrapper .prev a,
html.ie9 .carousel-wrapper .prev a,
html.ie8 .carousel-wrapper .next a,
html.ie9 .carousel-wrapper .next a {
  display: none;
}
/* ----------------- */
/* Hero */
.hero {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 50px 0 0 0;
}
@media (min-width: 768px) {
  .hero #hero-wrapper {
    padding: 125px 0;
  }
}
@media (max-width: 767px) {
  .hero {
    padding: 125px 0 75px 0;
  }
}
.hero h1 {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 42px;
}
@media (max-width: 767px) {
  .hero h1 {
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .hero h1 {
    font-size: 30px;
  }
}
.hero p {
  font-family: 'Open Sans', sans-serif;
  margin: 10px 0 0 0;
  color: white;
  font-size: 26px;
}
@media (max-width: 767px) {
  .hero p {
    font-size: 20px;
  }
}
.hero .btn {
  margin-top: 35px;
}
@media (min-width: 768px) {
  .hero#hero-home {
    height: 800px;
  }
  .hero#hero-home #hero-wrapper {
    display: table;
    width: 100%;
    height: 750px;
    padding: 0;
  }
  .hero#hero-home .container {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (min-width: 768px) AND (max-height: 850px) {
  .hero#hero-home {
    height: 600px;
  }
  .hero#hero-home #hero-wrapper {
    height: 550px;
  }
}
/* ----------------- */
/* Trois points */
.trois-points {
  text-align: center;
  padding: 80px 0;
}
.bg-gris-fonce.trois-points h2,
.bg-gris-fonce.trois-points h3,
.bg-gris-fonce.trois-points p {
  color: white;
}
.trois-points h2 {
  margin-bottom: 75px;
}
.trois-points h3 {
  color: #414a52;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  margin: 25px 0 20px 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .trois-points h3 {
    margin: 20px 0 15px 0;
  }
}
.trois-points p {
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
}
@media (min-width: 992px) {
  .trois-points p {
    padding: 0 25px;
  }
}
@media (max-width: 767px) {
  .trois-points .col-sm-4 {
    margin-top: 50px;
  }
  .trois-points .col-sm-4:first-child {
    margin-top: 0;
  }
}
/* ----------------- */
/* Texte */
.texte {
  padding: 80px 0;
}
.texte.texte-404 {
  padding-bottom: 160px;
}
.texte.texte-404 .btn {
  margin-top: 35px;
}
.texte h2 {
  margin: 0 0 25px 0;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  color: #414a52;
  font-size: 26px;
}
.texte p {
  margin: 20px 0 0 0;
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  font-size: 16px;
  line-height: 25px;
}
.texte p a {
  color: #84b4cb;
}
.texte p a:hover,
.texte p a:focus {
  text-decoration: underline;
}
.texte p.signature {
  margin-top: 30px;
}
.texte p.signature b {
  font-family: 'Indie Flower', cursive;
  font-size: 22px;
}
.texte q {
  display: inline-block;
  quotes: "" "";
}
.texte q p:first-child {
  margin-top: 0;
}
.texte q p:first-child:before {
  content: "\00AB\0020";
}
.texte q p:last-child:after {
  content: "\0020\00BB";
}
.texte ul {
  margin: 25px 0 0 0;
}
.texte ul li {
  color: #414a52;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-top: 5px;
}
.texte img {
  border: 10px solid #EEEEEE;
}
.bg-gris-pale.texte img {
  border-color: white;
}
@media (min-width: 992px) {
  .texte .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .texte h2 {
    text-align: center;
  }
  .texte img {
    max-width: 250px;
    margin-bottom: 30px;
  }
}
/* ----------------- */
/* Savoir Plus */
.savoir-plus {
  background-color: #414a52;
  text-align: center;
}
.savoir-plus.bg-bleu {
  background-color: #84b4cb;
}
.savoir-plus.bg-bleu h2 {
  color: #414a52;
}
.savoir-plus.bg-gris-pale {
  background-color: #EEEEEE;
}
.savoir-plus.bg-gris-pale h2 {
  color: #414a52;
}
.savoir-plus.bg-gris-pale p {
  color: #949494;
}
.savoir-plus h2 {
  color: #84b4cb;
}
.savoir-plus p {
  color: white;
  font-size: 18px;
}
.savoir-plus p strong {
  font-size: 20px;
  font-weight: normal;
}
/* ----------------- */
/* Blue Overlay */
.blue-overlay {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
  text-align: center;
}
.blue-overlay .overlay {
  background-color: #84b4cb;
  background-color: rgba(132, 180, 203, 0.75);
  padding: 65px 0;
}
.blue-overlay h2 {
  margin: 50px 0;
}
.blue-overlay p,
.blue-overlay q {
  font-family: 'Open Sans', sans-serif;
  color: white;
  font-size: 16px;
  margin: 20px 0 0 0;
}
.blue-overlay p:first-child,
.blue-overlay q:first-child {
  margin-top: 0;
}
.blue-overlay q {
  display: inline-block;
  quotes: "" "";
}
.blue-overlay q p {
  font-family: 'Open Sans', sans-serif;
  color: white;
  font-size: 16px;
  margin: 20px 0 0 0;
}
.blue-overlay q p:first-child {
  margin-top: 0;
}
.blue-overlay q p:first-child:before {
  content: "\00AB\0020";
}
.blue-overlay q p:last-child:after {
  content: "\0020\00BB";
}
.blue-overlay q p.last-child:after {
  content: "\0020\00BB";
}
.blue-overlay p.gris {
  color: #414a52;
}
.blue-overlay p strong {
  font-weight: 600;
}
.blue-overlay p.signature {
  color: #414a52;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.blue-overlay .btn {
  margin-top: 50px;
}
/* ----------------- */
/* Section Blocs */
.section-blocs {
  padding-bottom: 30px;
}
.section-blocs .title p {
  margin-bottom: 75px;
}
.section-blocs .icone {
  text-align: center;
}
.section-blocs h3 {
  text-align: center;
  color: #414a52;
  margin: 20px 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
.section-blocs .section-blocs-simple [class*=col] {
  margin-bottom: 50px;
}
.section-blocs .section-blocs-simple h3 {
  margin: 20px 0;
}
.section-blocs .section-blocs-simple p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  color: #949494;
}
.section-blocs .bloc {
  display: table;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 325px;
  margin-bottom: 30px;
}
.section-blocs .bloc .bloc-content {
  display: table-cell;
  vertical-align: middle;
}
.section-blocs .bloc .bloc-content h3 {
  padding: 0 15px;
  color: white;
}
@media (max-width: 479px) {
  .section-blocs .col-xs-6 {
    width: 100%;
    float: none;
  }
}
/* ----------------- */

/* Section Blocs marketing*/
.section-blocs-mrk {
  padding-bottom: 30px;
}
.section-blocs-mrk .title p {
  margin-bottom: 75px;
}
.section-blocs-mrk .icone {
  text-align: center;
}
.section-blocs-mrk h3 {
  text-align: center;
  color: #414a52;
  margin: 20px 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
.section-blocs-mrk .section-blocs-simple-mrk [class*=col] {
  margin-bottom: 50px;
}
.section-blocs-mrk .section-blocs-simple-mrk h3 {
  margin: 20px 0;
}
.section-blocs-mrk .section-blocs-simple-mrk p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  color: #949494;
}
.section-blocs-mrk .bloc {
  display: table;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 325px;
  margin-bottom: 30px;
}
.section-blocs-mrk .bloc .bloc-content {
  display: table-cell;
  vertical-align: middle;
}
.section-blocs-mrk .bloc .bloc-content h3 {
  padding: 0 15px;
  color: white;
}
@media (max-width: 479px) {
  .section-blocs-mrk .col-xs-6 {
    width: 100%;
    float: none;
  }
}
/* ----------------- */

/* Garantis */
.garantis {
  padding-bottom: 80px;
}
.garantis .title p {
  margin-bottom: 75px;
}
@media (min-width: 768px) {
  .garantis .garantis-rows .row {
    margin-top: 50px;
  }
  .garantis .garantis-rows .row:first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .garantis .garantis-rows .media {
    margin-top: 50px;
  }
  .garantis .garantis-rows .row:first-child .col-sm-6:first-child .media {
    margin-top: 0;
  }
}
.garantis .garantis-rows .media .media-left {
  padding-right: 25px;
}
@media (max-width: 767px) {
  .garantis .garantis-rows .media {
    text-align: center;
    overflow: visible;
  }
  .garantis .garantis-rows .media .media-left,
  .garantis .garantis-rows .media .media-body {
    display: block;
    vertical-align: baseline;
  }
  .garantis .garantis-rows .media .media-body {
    width: auto;
    overflow: visible;
  }
  .garantis .garantis-rows .media .media-left {
    padding-right: 0;
  }
}
.garantis .garantis-rows .media h3 {
  margin: 0 0 10px 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #414a52;
}
@media (max-width: 767px) {
  .garantis .garantis-rows .media h3 {
    margin: 20px 0 15px 0;
  }
}
.garantis .garantis-rows .media p {
  margin: 0;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  line-height: 25px;
}
/* ----------------- */
/* Derniers articles */
.derniers-articles {
  padding: 60px 0 0 0;
  background-color: #EEEEEE;
}
.derniers-articles .title h2 {
  text-align: left;
  margin: 0;
}
@media (max-width: 767px) {
  .derniers-articles .title h2 {
    text-align: center;
  }
}
.derniers-articles .title a {
  color: #414a52;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}
.derniers-articles .title a:hover,
.derniers-articles .title a:focus {
  text-decoration: underline;
}
.derniers-articles .blog-blocs-wrapper {
  padding-top: 60px;
}
@media (min-width: 768px) {
  .derniers-articles .blog-blocs-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .derniers-articles .blog-blocs-wrapper {
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .derniers-articles .blog-blocs-wrapper .col-sm-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .derniers-articles .blog-blocs-wrapper .col-sm-4 {
    margin-top: 30px;
  }
  .derniers-articles .blog-blocs-wrapper .col-sm-4:first-child {
    margin-top: 0;
  }
}
.derniers-articles .blog-blocs-wrapper .col-sm-4 a.blog-bloc {
  display: block;
  width: 100%;
  background-color: white;
}
.derniers-articles .blog-blocs-wrapper .col-sm-4 a.blog-bloc h4 {
  margin: 0 0 5px 0;
  font-family: 'Open Sans', sans-serif;
  color: #414a52;
  font-size: 16px;
  line-height: 1.3;
  padding: 15px 15px 0 15px;
}
.derniers-articles .blog-blocs-wrapper .col-sm-4 a.blog-bloc p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  color: #84b4cb;
  font-size: 13px;
  padding: 0 15px 15px 15px;
}
/* ----------------- */
/* Infolettre*/
.infolettre {
  background-color: #EEEEEE;
}
.infolettre h3 {
  margin: 0 0 15px 0;
  font-family: 'Open Sans', sans-serif;
  color: #414a52;
  text-transform: uppercase;
  font-size: 20px;
}
.infolettre p {
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  font-size: 16px;
  margin: 0 0 30px 0;
}
.infolettre form input.form-control {
  padding: 10px 12px;
  height: 45px;
}
@media (min-width: 768px) {
  .infolettre form input.form-control {
    width: 325px;
    margin-right: 20px;
  }
}
/* ----------------- */
/* Formulaire */
form input[name="honeypot"] {
  display: none;
}
#section-formulaire.formulaire-joindre .formulaire-box > [class*=col] {
  padding-top: 10px;
}
#section-formulaire.formulaire-joindre .group-checkbox label.checkbox-inline {
  font-weight: 400 !important;
  color: #949494 !important;
  font-size: 14px !important;
}
@media (max-width: 599px) {
  #section-formulaire.formulaire-joindre .group-checkbox label.checkbox-inline {
    display: block;
  }
}
#section-formulaire.formulaire-joindre .group-checkbox label.checkbox-inline + label.checkbox-inline {
  margin-left: 15px;
}
@media (max-width: 599px) {
  #section-formulaire.formulaire-joindre .group-checkbox label.checkbox-inline + label.checkbox-inline {
    margin-left: 0;
    margin-top: 5px;
  }
}
#section-formulaire.formulaire-joindre .group-checkbox#meilleur-moment #meilleur-moment-jours {
  margin-bottom: 5px;
}
@media (max-width: 599px) {
  #section-formulaire.formulaire-joindre .group-checkbox#meilleur-moment #meilleur-moment-jours {
    margin-bottom: 15px;
  }
}
#section-formulaire .title h2 {
  margin-bottom: 25px;
}
#section-formulaire .formulaire-box > [class*=col] {
  border: 1px solid #b3b3b4;
  background-color: white;
}
#section-formulaire .formulaire-box > [class*=col] .deja-client {
  margin: 0 -15px;
  padding: 15px;
  text-align: center;
}
#section-formulaire .formulaire-box > [class*=col] .formulaire-title h3 {
  font-family: 'Open Sans', sans-serif;
  color: #84b4cb;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  margin: 25px 0 10px 0;
}
#section-formulaire .formulaire-box > [class*=col] .formulaire-title p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #949494;
  text-align: center;
  margin: 0 0 25px 0;
}
#section-formulaire .formulaire-box > [class*=col] form .row {
  margin-top: 15px;
}
#section-formulaire .formulaire-box > [class*=col] form .row .form-group {
  margin: 0;
}
@media (max-width: 767px) {
  #section-formulaire .formulaire-box > [class*=col] form .row [class*=col-sm].form-group {
    margin-top: 15px;
  }
  #section-formulaire .formulaire-box > [class*=col] form .row [class*=col-sm].form-group:first-child {
    margin-top: 0;
  }
}
#section-formulaire .formulaire-box > [class*=col] form .texte-bleu {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #84b4cb;
  margin: 25px 0 0 0;
  font-size: 15px;
}
#section-formulaire .formulaire-box > [class*=col] form .form-group {
  margin: 15px 0 0 0;
}
#section-formulaire .formulaire-box > [class*=col] form .form-group label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #414a52;
}
#section-formulaire .formulaire-box > [class*=col] form .form-group label i {
  font-style: normal;
  color: #a94442;
  font-size: 13px;
}
#section-formulaire .formulaire-box > [class*=col] form .form-group input[type=filepicker] + button {
  margin: 0;
}
#section-formulaire .formulaire-box > [class*=col] form .form-group.form-group-filepicker label {
  display: block;
}
#section-formulaire .formulaire-box > [class*=col] form textarea {
  resize: none;
  font-size: 16px;
  line-height: 1.4;
}
#section-formulaire .formulaire-box > [class*=col] form .checkbox {
  margin: 15px 0 0 0;
  font-family: 'Open Sans', sans-serif;
  color: #949494;
}
#section-formulaire .formulaire-box > [class*=col] form .checkbox.checkbox-infolettre {
  margin-top: 25px;
}
#section-formulaire .formulaire-box > [class*=col] form button {
  margin: 25px 0;
}
@media (max-width: 479px) {
  #section-formulaire .formulaire-box > [class*=col] {
    left: auto;
    width: 100%;
  }
}
@media (max-width: 479px) {
  #section-formulaire .formulaire-box {
    margin: 0;
  }
}
form .has-error input,
form.has-error input,
form .has-error select,
form.has-error select {
  border-color: #a94442 !important;
}
form .has-error button.fp__btn,
form.has-error button.fp__btn {
  background-color: #a94442 !important;
}
form .has-error .help-block,
form.has-error .help-block {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  text-align: left;
  color: #a94442;
}
form .champs-obligatoires {
  color: #a94442;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  margin-bottom: 25px;
}
/* ----------------- */
/* ================================== */
/* === HOME === */
/* Statistiques */
#stats {
  background-image: url(/assets/img/bg-stats-test.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
  text-align: center;
}
#stats p {
  margin: 0;
  color: white;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}
#stats p:first-child {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #stats p:first-child {
    margin-top: 35px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #stats .col-sm-4:first-child p:first-child {
    margin-top: 0;
  }
}
/* ----------------- */
/* Comment utilisez */
#comment-utiliser {
  padding-bottom: 60px;
}
#comment-utiliser .title h2 {
  margin-bottom: 50px;
}
#comment-utiliser .carousel-wrapper .next a,
#comment-utiliser .carousel-wrapper .prev a {
  color: #949494;
}
#comment-utiliser .carousel-wrapper .owl-carousel .owl-dot.active span {
  background: #949494;
}
#comment-utiliser .carousel-wrapper .owl-carousel .owl-dot span {
  border-color: #949494;
}
@media (min-width: 798px) {
  #comment-utiliser .carousel-wrapper .col-xs-12 {
    padding: 0;
  }
}
#comment-utiliser .carousel-wrapper .owl-carousel .item.bloc {
  margin-bottom: 0;
}
#comment-utiliser .carousel-wrapper .owl-carousel .item .icone img {
  -webkit-transform-style: flat;
  transform-style: flat;
  display: inline-block;
  width: auto;
}
/* ---------------------------------- */
/* Inscrivez-vous */
#inscrivez-vous {
  padding: 40px 0;
}
#inscrivez-vous h2 {
  color: #84b4cb;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 26px;
  margin: 0 0 15px 0;
  font-weight: 700;
}
@media (max-width: 991px) {
  #inscrivez-vous h2 {
    text-align: center;
  }
}
#inscrivez-vous p {
  margin: 0;
  color: #414a52;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
}
@media (max-width: 991px) {
  #inscrivez-vous p {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  #inscrivez-vous .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 991px) {
  #inscrivez-vous p,
  #inscrivez-vous .text-right {
    text-align: center;
  }
}
/* ----------------- */
/* Questions */
#questions {
  padding: 40px 0 0 0;
}
#questions h2 {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #414a52;
  font-size: 20px;
  margin: 10px 0;
}
#questions p {
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  font-size: 16px;
  margin-bottom: 25px;
}
#questions .btn {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  #questions .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #questions .row .col-sm-3 {
    -webkit-align-self: flex-end;
    align-self: flex-end;
  }
}
@media (max-width: 767px) {
  #questions {
    text-align: center;
  }
  #questions h2 {
    margin-top: 20px;
  }
  #questions img {
    max-width: 100px;
  }
}
/* ----------------- */
/* ================================== */
/* === PROPRIO === */
#processus {
  padding-bottom: 80px;
}
#processus .title p {
  margin-bottom: 75px;
}
@media (min-width: 768px) {
  #processus .processus-rows .row {
    margin: 0;
    clear: both;
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  #processus .processus-rows .row .col-sm-auto {
    padding: 0;
  }
}
#processus .processus-rows .row .col-sm-auto:first-child {
  width: 120px !important;
}
@media (max-width: 767px) {
  #processus .processus-rows .row .col-sm-auto:first-child {
    width: auto !important;
  }
}
#processus .processus-rows .row .col-sm-auto.processus-content {
  width: 510px !important;
}
@media (max-width: 1199px) {
  #processus .processus-rows .row .col-sm-auto.processus-content {
    width: 410px !important;
  }
}
@media (max-width: 991px) {
  #processus .processus-rows .row .col-sm-auto.processus-content {
    width: 300px !important;
  }
}
@media (max-width: 767px) {
  #processus .processus-rows .row .col-sm-auto.processus-content {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  #processus .processus-rows .row.processus-left {
    float: left;
  }
}
#processus .processus-rows .row.processus-left .col-sm-auto:first-child {
  left: 510px;
}
@media (max-width: 1199px) {
  #processus .processus-rows .row.processus-left .col-sm-auto:first-child {
    left: 410px;
  }
}
@media (max-width: 991px) {
  #processus .processus-rows .row.processus-left .col-sm-auto:first-child {
    left: 300px;
  }
}
@media (max-width: 767px) {
  #processus .processus-rows .row.processus-left .col-sm-auto:first-child {
    left: auto;
  }
}
#processus .processus-rows .row.processus-left .processus-content {
  left: -120px;
}
@media (min-width: 768px) {
  #processus .processus-rows .row.processus-left .processus-content {
    text-align: right;
  }
}
@media (max-width: 767px) {
  #processus .processus-rows .row.processus-left .processus-content {
    left: auto;
  }
}
#processus .processus-rows .row.processus-ligne {
  padding: 25px 0;
}
@media (min-width: 768px) {
  #processus .processus-rows .row.processus-ligne {
    float: none;
  }
}
#processus .processus-rows .row.processus-ligne .ligne {
  margin: auto;
  width: 2px;
  height: 50px;
  background-color: white;
}
#processus .processus-rows .row p {
  margin: 0;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  color: white;
  line-height: 25px;
}
#processus .processus-rows .row h3 {
  margin: 0 0 10px 0;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: white;
}
@media (max-width: 767px) {
  #processus .processus-rows .row h3 {
    margin: 20px 0 15px 0;
  }
}
@media (max-width: 767px) {
  #processus .processus-rows .row h3,
  #processus .processus-rows .row p {
    text-align: center;
  }
}
/* ================================== */
/* === CONTACT === */
#tel {
  text-align: center;
}
#tel p {
  margin: 0;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  text-transform: uppercase;
}
#tel p a {
  color: #949494;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
#tel p a:hover,
#tel p a:focus {
  color: #414a52;
}
#tel p:first-child {
  font-weight: 700;
  color: #84b4cb;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #tel p:first-child {
    margin-top: 35px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #tel .col-sm-4:first-child p:first-child {
    margin-top: 0;
  }
}
/* ================================== */
/* === BLOG === */
header.blog-header {
  padding-top: 0;
  background-color: #384148;
}
#blog-loop article,
#blog-entry article {
  background-color: white;
  padding: 30px;
}
#blog-loop article h1,
#blog-entry article h1 {
  font-family: 'Open Sans', sans-serif;
  color: #414a52;
  font-size: 26px;
  margin: 0 0 8px 0;
}
#blog-loop article .article-meta,
#blog-entry article .article-meta {
  font-family: 'Open Sans', sans-serif;
  color: #84b4cb;
  font-size: 13px;
}
#blog-loop article .article-content p,
#blog-entry article .article-content p {
  font-family: 'Open Sans', sans-serif;
  line-height: 25px;
  font-size: 16px;
  color: #949494;
}
#blog-loop > .container > .row > [class*=col] > h2:first-child {
  margin: 0 0 25px 0;
  font-family: 'Open Sans', sans-serif;
  color: #414a52;
  font-size: 18px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #blog-loop > .container > .row > [class*=col] > h2:first-child {
    margin-top: -10px;
  }
}
#blog-loop > .container > .row > [class*=col] > h2:first-child i {
  font-weight: 600;
  font-style: normal;
}
#blog-loop > .container > .row > [class*=col] > p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  line-height: 25px;
  font-size: 16px;
  color: #949494;
}
#blog-loop .article-container + .article-container {
  margin-top: 30px;
}
#blog-loop .article-container article h1 a {
  color: #414a52;
}
#blog-loop .article-container article h1 a:hover,
#blog-loop .article-container article h1 a:focus {
  text-decoration: underline;
}
#blog-loop .article-container article .article-content {
  padding-top: 20px;
}
#blog-loop .article-container article .article-content p {
  margin: 0;
}
#blog-loop .article-container article .article-content + a.read-more {
  margin-top: 25px;
}
#blog-loop #blog-navigation {
  margin-top: 30px;
}
#blog-loop #blog-navigation .fa-angle-left {
  margin-right: 5px;
}
#blog-loop #blog-navigation .fa-angle-right {
  margin-left: 5px;
}
#blog-entry {
  padding-top: 135px;
}
#blog-entry article .article-content {
  padding-top: 25px;
}
#blog-entry article .article-content a {
  color: #84b4cb;
}
#blog-entry article .article-content a:hover,
#blog-entry article .article-content a:focus {
  text-decoration: underline;
}
#blog-entry article .article-content p,
#blog-entry article .article-content blockquote,
#blog-entry article .article-content h2,
#blog-entry article .article-content h3,
#blog-entry article .article-content ul,
#blog-entry article .article-content ol,
#blog-entry article .article-content div.video-container,
#blog-entry article .article-content > iframe {
  margin: 20px 0 0 0;
}
#blog-entry article .article-content p:first-child,
#blog-entry article .article-content blockquote:first-child,
#blog-entry article .article-content h2:first-child,
#blog-entry article .article-content h3:first-child,
#blog-entry article .article-content ul:first-child,
#blog-entry article .article-content ol:first-child,
#blog-entry article .article-content div.video-container:first-child,
#blog-entry article .article-content > iframe:first-child {
  margin-top: 0;
}
#blog-entry article .article-content p,
#blog-entry article .article-content blockquote,
#blog-entry article .article-content h2,
#blog-entry article .article-content h3,
#blog-entry article .article-content ul,
#blog-entry article .article-content ol {
  font-family: 'Open Sans', sans-serif;
}
#blog-entry article .article-content h2,
#blog-entry article .article-content h3 {
  color: #414a52;
  font-size: 22px;
  line-height: 1.3;
}
#blog-entry article .article-content h3 {
  font-size: 18px;
}
#blog-entry article .article-content ul {
  list-style-type: disc;
}
#blog-entry article .article-content ol {
  list-style-type: decimal;
}
#blog-entry article .article-content ul,
#blog-entry article .article-content ol,
#blog-entry article .article-content blockquote {
  line-height: 25px;
  font-size: 16px;
  color: #949494;
}
#blog-entry article .article-content blockquote {
  font-style: italic;
  font-weight: 600;
  border-left-color: #84b4cb;
  color: #84b4cb;
}
#blog-entry article .article-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
#blog-entry article .article-content div.video-container {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
#blog-entry article .article-content div.video-container iframe,
#blog-entry article .article-content div.video-container embed,
#blog-entry article .article-content div.video-container object,
#blog-entry article .article-content div.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
#blog-entry article .article-content > iframe {
  max-width: 100%;
}
#blog-entry #comments {
  background-color: white;
  padding: 30px;
  margin: 30px 0 0 0;
}
@media (max-width: 767px) {
  aside#sidebar {
    margin-top: 30px;
  }
}
aside#sidebar > div {
  background-color: white;
  padding: 20px;
}
aside#sidebar > div + div {
  margin-top: 30px;
}
aside#sidebar > div h2 {
  margin: 0 0 12px 0;
  font-family: 'Open Sans', sans-serif;
  color: #414a52;
  font-size: 18px;
}
aside#sidebar > div p {
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  margin: 0;
}
aside#sidebar > div form input.form-control {
  padding: 10px 12px;
  height: 45px;
}
aside#sidebar > div form .btn {
  padding: 0 15px;
}
aside#sidebar #sidebar-infolettre .alert {
  margin-bottom: 12px;
  padding: 15px;
  font-size: 14px;
}
aside#sidebar #sidebar-infolettre .alert .fa {
  font-size: 25px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
}
aside#sidebar #sidebar-infolettre form {
  margin-top: 15px;
}
aside#sidebar #sidebar-recents ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
aside#sidebar #sidebar-recents ul li + li:before {
  display: block;
  content: "";
  height: 1px;
  background-color: #eeeeee;
  margin: 8px 0;
}
aside#sidebar #sidebar-recents ul li a {
  display: block;
  font-family: 'Open Sans', sans-serif;
  color: #84b4cb;
}
aside#sidebar #sidebar-recents ul li a:hover,
aside#sidebar #sidebar-recents ul li a:focus {
  text-decoration: underline;
}
aside#sidebar #sidebar-recents ul li span {
  font-family: 'Open Sans', sans-serif;
  color: #949494;
  font-size: 12px;
}
aside#sidebar #sidebar-publicite .publicite-wrapper {
  max-width: 500px;
  margin: auto;
}
.addthis_inline_share_toolbox {
  margin-top: 12px;
}
.addthis_inline_share_toolbox .at-share-btn {
  margin: 0 !important;
}
.addthis_inline_share_toolbox .at-share-btn + .at-share-btn {
  margin-left: 4px !important;
}
.fb-page-wrapper {
  text-align: center;
}
#infolettre-notice .modal-content {
  border-radius: 0;
}
#infolettre-notice .modal-content .modal-body {
  padding: 20px;
}
#infolettre-notice .modal-content .modal-body .icone .fa {
  font-size: 25px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  border-width: 2px;
  border-style: solid;
  color: white;
}
#infolettre-notice .modal-content .modal-body .icone .fa.success {
  background-color: #b9df90;
  border-color: #b9df90;
}
#infolettre-notice .modal-content .modal-body .icone .fa.danger {
  background-color: #f2838f;
  border-color: #f2838f;
}
#infolettre-notice .modal-content .modal-body p {
  margin: 20px 0 22px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.6;
  color: #949494;
}


/* DECEMBRE 2017 */
@media (min-width:768px){
	.hero #hero-wrapper .btn-lg:last-child{
		margin-left:25px;
	}
}
@media (max-width:767px){
	.hero #hero-wrapper .btn-lg{
		display:table;
		margin-left:auto;
		margin-right:auto;
	}
	.hero #hero-wrapper .btn-lg:last-child{
		margin-top:25px;
	}
}

#accordion{
	margin-bottom:0;
}

.panel-group .panel+.panel{
	margin-top:10px;
}

#accordion .panel-heading{
	background-color:#EEEEEE;
}

#accordion .panel,
#accordion .panel-heading{
	border-radius:0;
}

#accordion .panel-collapse .panel-body{
	padding-top:25px;
	padding-bottom:25px;
}

#accordion .panel-title a{
font-family: 'Open Sans', sans-serif;
line-height:23px;
color: #414a52;
}

#accordion .panel-collapse .panel-body p:first-child{
	margin-top:0;
}

#section-formulaire.formulaire-marketing .formulaire-box > [class*=col] {
    padding-top: 10px;
}

section.section-blocs .bloc-lowercase h3{
	text-transform:none;
}

section.bloc-de-texte{
	position:relative;
}

section.bloc-de-texte-bg{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section.bloc-de-texte .arrow{
	position:absolute;
	bottom:0;
	height:20px;
	width:40px;
	margin:auto;
	left:0;
	right:0;
}

section.bloc-de-texte .arrow:after{
	content:"";
	width:20px;
	height:20px;
	border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid white;
	position:absolute;
	top:0;
	left:0;
}

section.bloc-de-texte .arrow.arrowdown{
	position:absolute;
	bottom:-20px;
	height:20px;
	width:40px;
	margin:auto;
	left:0;
	right:0;
}

section.bloc-de-texte .arrow.arrowdown:after{
	border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid white;
    border-bottom: none;
}

section.bloc-de-texte p{
	margin:25px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    color: #949494;
    font-size: 18px;
    line-height: 26px;
}

section.bloc-de-texte a.btn{
	margin:35px 0 0 0;
}

section.bloc-de-texte img.icone{
	margin:0 0 25px 0;
}

section.bloc-de-texte.bloc-de-texte-bg p{
	color:white;
}

section.bloc-de-texte p:first-child{
	margin:0;
}

section.bloc-de-texte h2{
	margin:0;
	color: rgb(145, 198, 221);
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    text-align: center;
}

section.bloc-de-texte .etude-3-stats{
	padding-top:60px;
}

section.bloc-de-texte .etude-3-stats h3{
	font-family: 'Open Sans', sans-serif;
	color:#414a52;
	font-weight:700;
	font-size:60px;
	margin:0 0 25px 0;
}

section.bloc-de-texte .etude-3-stats p{
	font-family: 'Open Sans', sans-serif;
	color: rgb(145, 198, 221);
	margin:0;
}

@media(max-width:767px){
	
	section.bloc-de-texte .etude-3-stats .col-sm-4+.col-sm-4{
	padding-top:60px;
	}
	
}

section.texte.title-top{
	padding-top:60px;
}

section.texte.title-top > .container > h2{
	margin: 0 0 40px 0;
    color: rgb(145, 198, 221);
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    text-align: center;
}

section.texte.title-top ul,
section.texte.title-top li{
	margin-top:0;
}

section.texte.title-top li+li{
	margin-top:20px;
}

section.texte.etude-texte{
	padding-bottom:60px;
}

section.texte.etude-texte .col-sm-7 h2,
section.texte.etude-texte .col-sm-7 h3,
section.texte.etude-texte .col-sm-7 h4,
section.texte.etude-texte .col-sm-7 p{
	text-align:center !important;
}

section.texte.etude-texte.title-top > .container > h2{
	margin-bottom:60px;
}

section.texte.etude-texte+section.texte.etude-texte{
	padding-top:0;
}

section.texte.etude-texte.etude-texte-last{
	padding-bottom:80px !important;
}

section.texte.etude-texte+section.texte.etude-texte .container{
	border-top:2px solid #eeeeee;
	padding-top:60px;
}

@media (min-width: 992px){
	section.texte.etude-texte .row{
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
}

section.texte.etude-texte .etude-texte-stats-pub{
	padding-top:30px;
}

section.texte.etude-texte .etude-texte-stats-pub .row+.row{
	padding-top:30px;
}

section.texte.etude-texte .etude-texte-stats-pub h3{
	margin:0 0 5px 0;
	font-family: 'Open Sans', sans-serif;
	color: #414a52;
	font-weight: 700;
	font-size: 22px;
}

section.texte.etude-texte .etude-texte-stats-pub h4{
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color: #949494;
    font-size: 16px;
}

section.garantis-etude-de-cas .title h2{
	margin: 0 0 50px 0;
	color: rgb(145, 198, 221);
    text-transform:none;
}

@media(max-width:767px){
	section.garantis-etude-de-cas .title h2{
	margin: 0;
	}
}

section.etude-border-top,
section.texte.title-top.etude-border-top{
	padding-top:0;
}

section.etude-border-top > .container{
	border-top: 2px solid #eeeeee;
	padding-top:60px;
}

/* ==================================================== */
/* Recrutement Section */
/* ==================================================== */

#responsabilities-section ul {
  list-style-position: outside;
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  max-width: 850px;
}
#responsabilities-section ul li {
  list-style-position: outside;
  position: relative;
  padding: 20px 10px 10px 60px;
  line-height: 1.5;
  font-size: 18px;
  color: #949494;
  /* color: #414a51; */
}

  #responsabilities-section li::before {
      font-family: 'Font Awesome 5 Pro';
      content: '\f058';
      font-size: 35px;
      padding: 0px 0px;
      color: #87ceeb;

      display: inline-block;
      position: absolute;
      left: 0;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      line-height: 0.8;
  }

#paw-section {
  background-image: url('/assets/img/recrutement-relations-clients/bg-chien2.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#work-conditions .fab,
#work-conditions .fal,
#work-conditions .far {
  font-size: 65px;
  color: #91c6dd;
  padding-bottom: 20px;
}


.center-col {
  margin: 0 auto;
  float: none;
}

#challenges ul {
  list-style: none;
}

#challenges li {
  color: #949494;
  font-size: 18px;
  padding-bottom: 20px;
  
  line-height: 1.4;
}
  #challenges li::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f054';
    font-size: 20px;
    padding: 0px 0px 0 30px;
    color: #91c6dd;
    margin-top: 5px;

    display: inline-block;
    position: absolute;
    left: 0;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 0.8;
  }

#challenges h2 {
  /* font-size: 24px; */
  color: #414a51;
  padding: 25px 0 25px;
}

#challenges p {
  font-size: 18px;
  color: #949494;
  /* padding: 0 0 100px; */
}

#challenges .row:nth-child(3) {
  /* padding-top: 30px; */
}

#challenges .fal {
  color: #91c6dd;
  font-size: 225px;
  margin: 0 auto;
}

* {
  /* outline: 1px pink solid; */
}