@charset "UTF-8";
/* SITE CSS */
/* Mixin */
/* Icons */
@font-face {
  font-family: "icomoon";
  src: url("/resources/img/site/new/fonts/icomoon.eot?h81oak");
  src: url("/resources/img/site/new/fonts/icomoon.eot?h81oak#iefix") format("embedded-opentype"), url("/resources/img/site/new/fonts/icomoon.ttf?h81oak") format("truetype"), url("/resources/img/site/new/fonts/icomoon.woff?h81oak") format("woff"), url("/resources/img/site/new/fonts/icomoon.svg?h81oak#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-board:before {
  content: "";
}
.icon-disk:before {
  content: "";
}
.icon-editor:before {
  content: "";
}
.icon-meting:before {
  content: "";
}
.icon-pin:before {
  content: "";
}
.icon-star:before {
  content: "";
}
.icon-stock:before {
  content: "";
}
.icon-alert:before {
  content: "";
}
.icon-award:before {
  content: "";
}
.icon-chat:before {
  content: "";
}
.icon-crown:before {
  content: "";
}
.icon-css:before {
  content: "";
}
.icon-eye:before {
  content: "";
}
.icon-image:before {
  content: "";
}
.icon-list:before {
  content: "";
}
.icon-love:before {
  content: "";
}
.icon-mail:before {
  content: "";
}
.icon-newsletter:before {
  content: "";
}
.icon-paint:before {
  content: "";
}
.icon-priority:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-start:before {
  content: "";
}
.icon-support:before {
  content: "";
}
.icon-tchat:before {
  content: "";
}
.icon-ui:before {
  content: "";
}
.icon-window-delete:before {
  content: "";
}
.icon-window:before {
  content: "";
}
/* #ABBED4 for icon color */
/* Font */
@font-face {
  font-family: "AvenirNext LT Pro Regular";
  src: url("/resources/img/site/new/fonts/AvenirNextLTPro-Regular.otf");
}
/***********
/* TYPOGRAPHIE
***********/
@font-face {
  font-family: "open_sansregular";
  src: url("/resources/fonts/opensans-regular.eot");
  src: url("/resources/fonts/opensans-regular.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/opensans-regular.woff2") format("woff2"), url("/resources/fonts/opensans-regular.woff") format("woff"), url("/resources/fonts/opensans-regular.ttf") format("truetype"), url("/resources/fonts/opensans-regular.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "latobold";
  src: url("/resources/fonts/lato-bold.eot");
  src: url("/resources/fonts/lato-bold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/lato-bold.woff2") format("woff2"), url("/resources/fonts/lato-bold.woff") format("woff"), url("/resources/fonts/lato-bold.ttf") format("truetype"), url("/resources/fonts/lato-bold.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Reset */
/* All */
*, *:hover, *:active, *:focus {
  outline: none !important;
}
/* Body */
body {
  position: relative;
  font-family: "AvenirNext LT Pro Regular", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  color: #004865;
  background-color: #FAFBFC;
  padding-top: 80px;
}
/* Title */
/* List */
ul {
  margin: 0px;
  padding: 0px;
}
ul li {
  list-style: none;
}
/* Link */
a, a:hover, a:visited, a:focus {
  text-decoration: none !important;
}
a {
  color: #0091ce;
  opacity: 1;
}
a:hover {
  opacity: 1;
}
/* Grid */
@media (min-width: 1200px) and (max-width: 1399px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1600px) and (max-width: 1999px) {
  .container {
    width: 940px;
  }
}
/* Backgrounds */
.bg-white {
  background-color: #ffffff;
}
.bg-black {
  background-color: #004865;
}
.bg-dark {
  background-color: #004865;
}
.bg-light {
  background-color: #bcd2db;
}
.bg-blue {
  background-color: #0091ce;
}
.bg-blue.light {
  background-color: rgba(0, 145, 206, 0.5);
}
.bg-blue a {
  color: rgba(255, 255, 255, 0.8);
}
.bg-orange {
  background-color: #fcaa33;
}
.bg-orange.light {
  background-color: rgba(252, 170, 51, 0.5);
}
.bg-green {
  background-color: #76c300;
}
.bg-green.light {
  background-color: rgba(118, 195, 0, 0.5);
}
.bg-pink {
  background-color: #f83279;
}
.bg-pink.light {
  background-color: rgba(248, 50, 121, 0.5);
}
.bg-gray {
  background-color: rgba(0, 72, 100, 0.45);
}
.bg-gray.light {
  background-color: #bcd2db;
}
/* Texts */
.text-white {
  color: #ffffff;
}
.text-black {
  color: #004865;
}
.text-blue {
  color: #0091ce;
}
.text-blue.light {
  color: rgba(0, 145, 206, 0.5);
}
.text-blue.dark {
  color: #0179ac;
}
.text-orange {
  color: #fcaa33;
}
.text-orange.light {
  color: rgba(252, 170, 51, 0.5);
}
.text-green {
  color: #76c300;
}
.text-green.light {
  color: rgba(118, 195, 0, 0.5);
}
.text-pink {
  color: #f83279;
}
.text-pink.light {
  color: rgba(248, 50, 121, 0.5);
}
/* Titles */
h1 {
  font-size: 45px;
  line-height: initial !important;
}
h2 {
  font-size: 35px;
  font-weight: bold;
}
/* Form */
/* Span */
/* Button */
.btn {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  height: 48px;
  padding: 0px 30px 0px 30px;
  line-height: 48px;
  font-size: 16px;
}
.btn.btn-default {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 1px solid rgba(0, 72, 101, 0.25);
  color: #004865;
  background: none;
  font-weight: 700;
}
.btn.btn-primary {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 1px solid rgba(0, 72, 101, 0.25);
  color: #ffffff;
  background: #004865;
  font-weight: 700;
}
.btn.btn-white {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 44px;
  background-color: white;
  font-weight: 900;
  font-size: 15px;
  padding: 0px 20px 0px 20px;
  color: black;
  line-height: 44px;
  letter-spacing: 0px;
}
.btn.btn-empty-white {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 44px;
  border-color: white;
  color: white;
  font-weight: 900;
  font-size: 15px;
  padding: 0px 20px 0px 20px;
  line-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  letter-spacing: 0px;
}
.btn.btn-empty-white:hover {
  border: 1px solid #76c300 !important;
}
.btn.btn-orange {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 44px;
  color: white;
  font-weight: 900;
  font-size: 15px;
  padding: 0px 20px 0px 20px;
  line-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  letter-spacing: 0px;
  background: #fcaa33;
  border: 1px solid #fcaa33;
}
.btn.btn-orange:hover {
  box-shadow: 0px 0px 34px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.btn.btn-green {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 44px;
  color: white;
  font-weight: 900;
  font-size: 15px;
  padding: 0px 20px 0px 20px;
  line-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  letter-spacing: 0px;
  background: #76c300;
  border: 1px solid #76c300;
}
.btn.btn-green:hover {
  box-shadow: 0px 0px 34px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.btn.btn-blue {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 44px;
  color: white;
  font-weight: 900;
  font-size: 15px;
  padding: 0px 20px 0px 20px;
  line-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  letter-spacing: 0px;
  background: #0091ce;
  border: 1px solid #0091ce;
}
.btn.btn-blue:hover {
  box-shadow: 0px 0px 34px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.btn.btn-pink {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 44px;
  color: white;
  font-weight: 900;
  font-size: 15px;
  padding: 0px 20px 0px 20px;
  line-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  letter-spacing: 0px;
  background: #f83279;
  border: 1px solid #f83279;
}
.btn.btn-pink:hover {
  box-shadow: 0px 0px 34px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.btn.btn-params {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 1px solid rgba(0, 72, 101, 0.25);
  color: #004865;
  font-weight: 700;
  background-color: #fff;
}
.btn.btn-params:hover {
  box-shadow: 0px 0px 34px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.btn.btn-xl {
  font-size: 25px;
  line-height: 64px;
  height: 64px;
}
.btn.btn-fb-connect {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
  color: #ffffff !important;
  background-color: #4E64AD;
  box-shadow: none;
  display: inline-block;
  width: 175px;
  font-weight: 900;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
}
.btn.btn-fb-connect:hover {
  background-color: #465a9b;
}
.btn.btn-google-connect {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
  color: #ffffff !important;
  background-color: #dd4b39;
  box-shadow: none;
  display: inline-block;
  width: 175px;
  font-weight: 900;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
}
.btn.btn-google-connect:hover {
  background-color: #d73925;
}
.lightbox__content-divider {
  text-align: center;
  position: relative;
  color: #59889b;
  font-size: 14px;
  margin-bottom: 20px;
}
.lightbox__content-divider span::before, .lightbox__content-divider span::after {
  height: 18px;
  content: "";
  border-bottom: 1px solid rgba(0, 72, 101, 0.25);
  position: absolute;
  top: -7px;
  width: 30%;
}
.lightbox__content-divider span:before {
  left: 0;
  margin-right: 15px;
}
.lightbox__content-divider span::before, .lightbox__content-divider span::after {
  height: 18px;
  content: "";
  border-bottom: 1px solid rgba(0, 72, 101, 0.25);
  position: absolute;
  top: -7px;
  width: 30%;
}
.lightbox__content-divider span:after {
  right: 0;
  margin-left: 15px;
}
/* Modal */
/************/
/*  MODAL   */
/************/
.modal-dialog {
  line-height: 19px;
  margin-top: 20px;
  font-weight: 600;
  font-size: 14px;
}
.modal-dialog .checkbox, .modal-dialog .radio {
  /*text-align: center;*/
}
.modal-dialog .checkbox label, .modal-dialog .radio label {
  line-height: 19px;
  margin-top: 0;
  font-weight: 600;
  font-size: 14px;
}
.modal-dialog .explain-text {
  font-weight: normal;
  opacity: 0.7;
  padding: 5px;
}
.modal-header {
  background-image: linear-gradient(110deg, #00c4e9, #0091ce);
  color: #fff;
  text-align: center;
}
.modal-header h2 {
  font-weight: 700;
}
.modal-body .form-control {
  padding: 12px 20px;
  _height: inherit;
  height: 44px;
  font-size: 16px;
  -webkit-border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}
.modal-body #captcha-block {
  text-align: center;
}
.modal-body #captcha-block .g-recaptcha {
  display: inline-block;
}
.modal-body #cgu {
  height: inherit;
}
.modal-body .form-group {
  position: relative;
}
.modal-body .form-group .icon-left {
  /* Icones et Messages */
  left: 15px;
  color: #BDBCBC;
}
#create-blog-modal .modal-body .form-group span, #create-blog-modal .form-control-feedback {
  position: absolute;
  top: 18px;
  font-size: 18px;
}
#create-blog-modal #create-blog-form span.glyphicon {
  top: 12px;
  left: 18px;
  _color: #7b7b7b;
  color: #59889b;
}
#create-blog-modal #create-blog-form .checkbox a strong {
  font-size: 16px;
}
#create-blog-modal #create-blog-form .checkbox a strong:hover {
  border-bottom: 2px solid #004865;
}
#create-blog-modal .form-control-feedback {
  right: 15px;
  width: inherit;
  height: inherit;
  line-height: initial;
}
#create-blog-modal .help-block {
  text-align: center;
}
#create-blog-modal .modal-body .form-group span.input-right-fixed {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #CCC;
}
#create-blog-modal .hideShowPassword-wrapper {
  width: 100%;
}
/* Message succès */
.has-success .form-control {
  border-color: #3C763D;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-success .form-control-feedback {
  color: #3C763D;
}
/* Message erreur */
.has-error .form-control {
  border-color: #A94442;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-error .form-control-feedback {
  color: #A94442;
}
.has-icon input.form-control {
  padding-left: 50px;
}
/* Layouts */
/* Header */
/******************************************************************/
/***********************  HEADER  *********************************/
/******************************************************************/
nav#mobile {
  position: fixed;
  left: 0px;
  top: -100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100%;
  width: 100%;
  background-color: white;
  z-index: 10000001;
  overflow: hidden;
}
nav#mobile div.close-nav {
  position: absolute;
  right: 40px;
  top: 40px;
}
nav#mobile div.close-nav a {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #004865;
  text-align: center;
  line-height: 28px;
  display: block;
  color: #004865;
}
nav#mobile ul {
  margin: 0px;
  padding: 0px;
  margin-top: 170px;
}
nav#mobile ul li {
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
}
nav#mobile ul li a {
  color: #004865;
}
nav#mobile ul li.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  width: 200px;
  margin: 10px auto;
}
nav#mobile.active {
  position: fixed;
  left: 0px;
  top: 0%;
}
nav#mobile a {
  display: inline-block;
  width: 60%;
}
nav#mobile a.btn-white {
  margin-top: 15px;
  color: white;
  background-color: #76c300;
}
nav#mobile a.btn-empty-white {
  margin-top: 40px;
  color: #004865;
  border: solid 1px rgba(0, 72, 101, 0.25);
}
header#header {
  position: fixed;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 1;
  width: 100%;
  height: 80px;
  padding-top: 18px;
  padding-bottom: 18px;
}
header#header img.logo {
  width: 150px;
  max-width: initial;
}
header#header > div:after {
  clear: both;
  content: "";
  display: table;
  margin-top: -1px;
  height: 0;
}
header#header.active, header#header.scrolled {
  background-color: white;
  color: #004865;
  box-shadow: 0 2px 21px 0 rgba(0, 72, 101, 0.07);
  z-index: 3;
}
header#header.active a.btn-white, header#header.scrolled a.btn-white {
  color: white;
  background-color: #76c300;
}
header#header.active a.btn-white:hover, header#header.scrolled a.btn-white:hover {
  background-color: #6bad05 !important;
}
header#header.active a.btn-empty-white, header#header.scrolled a.btn-empty-white {
  color: #004865;
  border: solid 1px rgba(0, 72, 101, 0.25);
}
header#header.active ul li a, header#header.scrolled ul li a {
  color: #004865;
  opacity: 0.45;
}
header#header.active ul li a:hover, header#header.active ul li a.active, header#header.scrolled ul li a:hover, header#header.scrolled ul li a.active {
  opacity: 1;
}
header#header nav#nav {
  margin-right: -10px;
}
header#header nav#nav ul li {
  padding: 0 10px;
}
header#header nav#nav ul li a {
  color: #004865;
  font-size: 15px;
  line-height: 44px;
  font-weight: 600;
  opacity: 0.45;
}
header#header nav#nav ul li a:hover, header#header nav#nav ul li a.active {
  color: #004865;
  opacity: 1;
}
header#header #logged-in a {
  font-size: 15px;
  line-height: 44px;
  font-weight: 600;
}
header#header a.btn {
  padding: 0 15px;
}
header#header a.open-nav-mobile {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  display: block;
  line-height: 40px;
  margin-right: 20px;
  padding-right: 10px;
  color: #004865;
}
header#header a.open-nav-mobile span {
  position: relative;
  top: 3px;
  left: -5px;
  font-size: 26px;
}
/* Footer */
footer#footer {
  padding-top: 80px;
  width: 100%;
  height: 267px;
  background-color: #1f282c;
  color: white;
}
footer#footer ul li {
  display: block;
  height: 19px;
  line-height: 19px;
  margin-bottom: 25px;
}
footer#footer ul li.title {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0.45;
  font-size: 18px;
  font-weight: 600;
}
footer#footer ul li a {
  color: white;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0.45;
  font-size: 14px;
  font-weight: 600;
}
footer#footer ul li a:hover {
  opacity: 1;
}
footer#footer p {
  opacity: 0.45;
}
footer#footer a.mail {
  font-weight: 600;
}
@media (max-width: 470px) {
  footer#footer {
    height: auto;
    text-align: center;
    padding-bottom: 80px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  footer#footer {
    height: auto;
    text-align: center;
    padding-bottom: 80px;
  }
}
/* Views */
@media (min-width: 1170px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1440px) {
  .container {
    width: 1400px;
  }
}
@media (min-width: 2560px) {
  .container {
    width: 2450px;
  }
}
h1 {
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0;
  line-height: 40px;
  margin-top: 35px;
  margin-bottom: 25px;
}
label {
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
}
.form-control {
  padding: 12px 20px;
  height: 44px;
  font-weight: 600;
  font-size: 16px;
  -webkit-border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}
.form-control-static {
  line-height: 44px;
  padding: 0px;
}
.form-horizontal .control-label {
  padding-top: 2px;
}
.alert {
  line-height: 20px;
}
.alert a {
  text-decoration: underline !important;
}
.alert a:hover {
  text-decoration: none !important;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -267px;
}
.page-wrap a {
  font-weight: bold;
}
.page-wrap:after {
  content: "";
  display: block;
}
.page-wrap:after {
  height: 267px;
}
.display-none {
  display: none;
}
/* Plugins */
/* Elements */
/* Slider */
.icon.orange {
  color: #fcaa33;
}
.icon.green {
  color: #76c300;
}
.icon.blue {
  color: #0091ce;
}
.icon.pink {
  color: #f83279;
}
.text-orange {
  color: #fcaa33;
}
.card.orange {
  border-color: #fcaa33;
}
.card.green {
  border-color: #76c300;
}
.card.pink {
  border-color: #f83279;
}
.card.blue {
  border-color: #0091ce;
}
.text-bigger {
  font-size: 18px;
}
section#hero h1 {
  font-size: 43px;
  line-height: normal;
}
section#hero p {
  font-size: 20px;
}
section#hero .input-group {
  margin-top: 60px;
  max-width: 500px;
}
section#hero .input-group .input-group-append > .btn {
  border-radius: 0 24px 24px 0;
}
section#hero .input-group input, section#hero .input-group button {
  height: 50px;
}
section#hero .input-group button {
  font-size: 20px;
}
section#hero img {
  box-shadow: 15px 0px 15px -9px #e0e6ec;
}
section.home {
  padding: 30px 0;
}
section.home.list ul {
  padding: 0 20px;
}
section.home.list ul li {
  margin: 20px 0;
  display: flex;
  align-items: center;
}
section.home.list ul li .circle {
  margin-right: 10px;
  border: 1px solid #004865;
  border-radius: 20px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004865;
  width: 30px;
  height: 30px;
}
section.home.list ul li p {
  margin: 0;
}
section.home.list.text-white ul li .circle {
  border: 1px solid #ffffff;
  color: #ffffff;
}
section.home.quotes .quotelist blockquote {
  padding: 20px 50px;
  margin: 10px 0;
  position: relative;
}
section.home.quotes .quotelist blockquote:before {
  content: "“";
  font-size: 4em;
  font-family: Georgia, serif;
  color: #0091ce;
  position: absolute;
  top: -5px;
  left: 15px;
}
section.home.quotes .quotelist blockquote:after {
  content: "„";
  font-size: 4em;
  font-family: Georgia, serif;
  color: #0091ce;
  position: absolute;
  bottom: 0px;
  right: 15px;
}
section.home.quotes .quotelist blockquote footer {
  font-size: 0.8em;
  text-align: right;
  display: flex;
  align-items: center;
  gap: 4px;
}
section.home.quotes .quotelist blockquote footer:before {
  content: "–";
  margin-right: 5px;
}
section.home.quotes .quotelist blockquote footer strong {
  color: #0091ce;
}
section.home.quotes .quotelist blockquote footer cite {
  font-style: normal;
  color: #76c300;
  font-weight: bold;
}
section.home.faq .questions .question:after {
  content: " ";
  display: block;
  width: 100px;
  height: 10px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #ffffff;
  margin: auto;
}
section.home.faq h3 {
  border-left: 5px solid #ffffff;
  padding-left: 20px;
  color: rgba(0, 72, 101, 0.8);
}
section.home.faq p {
  font-size: 90%;
  padding-left: 30px;
}
section.home.faq ul {
  list-style-type: square;
  font-size: 90%;
  padding-left: 50px;
}
section.home.faq ul li {
  list-style-type: square;
}
section#sub_slider {
  width: 100%;
  background-color: white;
  box-shadow: 0 2px 21px 0 rgba(0, 72, 101, 0.07);
  margin-bottom: 20px;
}
section#sub_slider div.review {
  line-height: 100px;
}
section#sub_slider img.partner {
  margin-top: 15px;
  width: 230px;
}
section#sub_slider img.social-tools {
  width: 200px;
}
section#sub_slider img.trust {
  width: 80px;
}
section#benefits {
  padding-bottom: 50px;
}
section#benefits a {
  color: inherit;
  cursor: pointer;
  display: block;
}
section#benefits .card-body {
  padding: 50px;
}
section#benefits h2 {
  font-size: 35px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 40px;
}
section#benefits h3 {
  font-size: 23px;
  font-weight: bold;
  margin-top: 30px;
  line-height: 30px;
}
section#benefits .icon {
  font-size: 30px;
}
section#slider-feature {
  position: relative;
  z-index: 0;
  height: 384px;
  width: 100%;
  overflow: hidden;
  margin-top: 60px;
}
section#slider-feature img {
  position: absolute;
  z-index: 0;
  width: 100%;
}
section#slider-feature div.container {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding-top: 115px;
}
section#slider-feature div.container div.content {
  padding-left: 20px;
  padding-right: 20px;
}
section#slider-feature div.container div.content span.underline {
  display: inline-block;
  border-bottom: 4px solid white;
}
section#slider-feature div.container h1 {
  font-family: "AvenirNext LT Pro Regular", sans-serif;
  font-size: 40px;
  font-weight: bolder;
  line-height: 58px;
  margin-bottom: 60px;
  letter-spacing: 1px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section#slider-feature {
    height: 400px;
  }
  section#slider-feature img {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: auto;
  }
  section#slider-feature div.container {
    padding-top: 90px;
  }
  section#slider-feature div.container h1 {
    line-height: 46px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section#slider-feature {
    height: 400px;
  }
  section#slider-feature img {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: auto;
  }
  section#slider-feature div.container {
    padding-top: 90px;
  }
  section#slider-feature div.container h1 {
    line-height: 46px;
  }
}
@media (max-width: 470px) {
  section#slider-feature {
    height: 300px;
  }
  section#slider-feature img {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: auto;
  }
  section#slider-feature div.container {
    padding-top: 40px;
  }
  section#slider-feature div.container h1 {
    line-height: 36px;
    font-size: 32px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#slider-feature {
    height: 300px;
  }
  section#slider-feature img {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: auto;
  }
  section#slider-feature div.container {
    padding-top: 40px;
  }
  section#slider-feature div.container h1 {
    line-height: 36px;
    font-size: 32px;
  }
}
section#profiles {
  padding-top: 70px;
  padding-bottom: 60px;
  background-color: white;
}
section#profiles h2 {
  font-size: 30px;
  font-weight: 900;
  margin-left: -20px;
  padding-left: 20px;
  margin-top: -5px;
  line-height: 40px;
  margin-bottom: 25px;
  padding-right: 30px;
}
section#profiles p {
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
  padding-right: 40px;
}
section#profiles img {
  width: 100%;
  box-shadow: 0 14px 26px 0 #e0e6ec;
}
section#profiles ul {
  margin-top: 35px;
  margin-bottom: 30px;
}
section#profiles ul li {
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
}
section#profiles span.circle {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  display: inline-block;
  border: 2px solid black;
  text-align: center;
  line-height: 19px;
  margin-right: 10px;
}
section#profiles span.circle span {
  font-size: 14px;
}
section#profiles.blue h2, section#profiles .blue h2 {
  border-left: 3px solid #0091ce;
}
section#profiles.blue span.circle, section#profiles .blue span.circle {
  border: 2px solid rgba(0, 144, 206, 0.35);
}
section#profiles.blue span.circle span, section#profiles .blue span.circle span {
  color: #0091ce;
}
section#profiles.blue a.btn:hover, section#profiles .blue a.btn:hover {
  border: 1px solid #0179ac;
}
section#profiles.orange h2, section#profiles .orange h2 {
  border-left: 3px solid #fcaa33;
}
section#profiles.orange span.circle, section#profiles .orange span.circle {
  border: 2px solid rgba(252, 170, 50, 0.35);
}
section#profiles.orange span.circle span, section#profiles .orange span.circle span {
  color: #fcaa33;
}
section#profiles.orange a.btn:hover, section#profiles .orange a.btn:hover {
  border: 1px solid #f99c15;
}
section#profiles.green h2, section#profiles .green h2 {
  border-left: 3px solid #76c300;
}
section#profiles.green span.circle, section#profiles .green span.circle {
  border: 2px solid #cfeaa6;
}
section#profiles.green span.circle span, section#profiles .green span.circle span {
  color: #76c300;
}
section#profiles.green a.btn:hover, section#profiles .green a.btn:hover {
  border: 1px solid #6bad05;
}
section#profiles.pink h2, section#profiles .pink h2 {
  border-left: 3px solid #f83279;
}
section#profiles.pink span.circle, section#profiles .pink span.circle {
  border: 2px solid #fa92b7;
}
section#profiles.pink span.circle span, section#profiles .pink span.circle span {
  color: #f83279;
}
section#profiles.pink a.btn:hover, section#profiles .pink a.btn:hover {
  border: 1px solid #0179ac;
}
section#profiles.gray h2 {
  border-left: 3px solid rgba(0, 72, 100, 0.45);
}
section#profiles.gray span.circle {
  border: 2px solid #bcd2db;
}
section#profiles.gray span.circle span {
  color: rgba(0, 72, 100, 0.45);
}
section#profiles.gray a.btn:hover {
  border: 1px solid rgba(0, 72, 100, 0.8);
}
section#profiles.right h2 {
  margin-left: 0px;
}
section#profiles.right p, section#profiles.right ul, section#profiles.right a {
  margin-left: 23px;
}
@media (min-width: 768px) and (max-width: 991px) {
  section#profiles {
    padding-bottom: 40px;
  }
}
@media (max-width: 470px) {
  section#profiles {
    padding-bottom: 20px;
  }
  section#profiles a {
    width: 80%;
  }
  section#profiles.right h2 {
    margin-left: 10px;
  }
  section#profiles.right p, section#profiles.right ul, section#profiles.right a {
    margin-left: 33px;
  }
  section#profiles h2 {
    margin-left: 10px;
  }
  section#profiles p, section#profiles ul, section#profiles a {
    margin-left: 33px;
  }
  section#profiles img {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#profiles {
    padding-bottom: 20px;
  }
  section#profiles a {
    width: 80%;
  }
  section#profiles.right h2 {
    margin-left: 10px;
  }
  section#profiles.right p, section#profiles.right ul, section#profiles.right a {
    margin-left: 33px;
  }
  section#profiles h2 {
    margin-left: 10px;
  }
  section#profiles p, section#profiles ul, section#profiles a {
    margin-left: 33px;
  }
  section#profiles img {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
section#why {
  padding-bottom: 50px;
}
section#why a {
  color: inherit;
  cursor: pointer;
  display: block;
}
section#why h2 {
  font-size: 35px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 40px;
}
section#why .card {
  max-width: 500px;
  margin: 10px auto;
  border-width: 3px;
  border-top: none;
  border-bottom: none;
}
section#why .card-body {
  padding: 20px;
}
section#why .card-body h3 {
  padding: 0px;
  margin: 0px;
  line-height: normal;
  font-size: 18px;
}
section#reviews {
  padding-bottom: 50px;
  background-color: white;
}
section#reviews h2 {
  font-size: 35px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 40px;
}
/* Features */
section.bg-white {
  background-color: white;
}
section#tagline {
  position: relative;
  z-index: 0;
  width: 100%;
  padding: 80px;
  background-image: linear-gradient(110deg, #00c4e9, #0091ce);
  color: white;
  text-align: center;
}
section#tagline h1 {
  padding: 0px;
  margin: 0px;
}
section#extensions .card {
  max-width: 500px;
  margin: 10px auto;
  text-align: left;
}
section#extensions h2 {
  margin-bottom: 10px;
}
section#extensions p {
  margin-bottom: 30px;
}
section#support h3 {
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
}
section#support .icon.orange {
  color: #fcaa33;
}
section#support .icon.green {
  color: #76c300;
}
section#support .icon.blue {
  color: #0091ce;
}
section.item_feature {
  padding-top: 50px;
  padding-bottom: 50px;
}
section.item_feature.bg-color {
  background-color: white;
}
section.item_feature h2 {
  font-weight: bold;
  margin-bottom: 30px;
}
section.item_feature h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 40px;
  margin-bottom: 25px;
  margin-top: 0px;
  padding-top: 0px;
}
section.item_feature h3.sub {
  font-size: 20px;
}
section.item_feature p {
  font-size: 16px;
  line-height: 1.9;
  color: #59889b;
  font-weight: 400;
}
section.item_feature img {
  margin-top: 10px;
  box-shadow: 0 14px 26px 0 #e0e6ec;
  margin-bottom: 20px;
  max-height: 250px;
}
section.item_feature ul {
  margin-top: 35px;
  margin-bottom: 30px;
}
section.item_feature ul li {
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
}
section.item_feature div.icon {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  color: white;
  display: inline-block;
  font-size: 24px;
  line-height: 56px;
}
section.item_feature div.item {
  position: relative;
  left: 0px;
  top: 0px;
  padding-left: 37px;
  padding-bottom: 80px;
}
section.item_feature div.item p.no-mp {
  margin-left: -42px;
}
section.item_feature div.item.right {
  padding-left: 77px;
}
section.item_feature div.item.right div.icon {
  position: absolute;
  left: 32px;
  top: -5px;
}
section.item_feature div.item div.icon {
  position: absolute;
  left: -8px;
  top: -5px;
  background: none;
  font-size: 22px;
}
section.item_feature.blue div.icon {
  background-color: #0091ce;
}
section.item_feature.blue div.item div.icon {
  color: #0091ce;
}
section.item_feature.blue .btn-default {
  background-color: #0091ce;
  color: #ffffff;
}
section.item_feature.orange div.icon {
  background-color: #fcaa33;
}
section.item_feature.orange div.item div.icon {
  color: #fcaa33;
}
section.item_feature.orange .btn-default {
  background-color: #fcaa33;
  color: #ffffff;
}
section.item_feature.green div.icon {
  background-color: #76c300;
}
section.item_feature.green div.item div.icon {
  color: #76c300;
}
section.item_feature.green .btn-default {
  background-color: #76c300;
  color: #ffffff;
}
section.item_feature.pink div.icon {
  background-color: #f83279;
}
section.item_feature.pink div.item div.icon {
  color: #f83279;
}
section.item_feature.pink .btn-default {
  background-color: #f83279;
  color: #ffffff;
}
section.item_feature.gray div.icon {
  background-color: rgba(0, 72, 100, 0.45);
}
section.item_feature.gray div.item div.icon {
  color: rgba(0, 72, 100, 0.45);
}
section.item_feature.gray .btn-default {
  background-color: rgba(0, 72, 100, 0.45);
  color: #ffffff;
}
@media (max-width: 470px) {
  section.item_feature {
    padding-top: 40px;
  }
  section.item_feature div.item {
    padding-left: 50px;
    padding-bottom: 40px;
  }
  section.item_feature div.item.right {
    padding-left: 50px;
  }
  section.item_feature div.item.right div.icon {
    position: absolute;
    left: 5px;
    top: -5px;
  }
  section.item_feature div.item div.icon {
    position: absolute;
    left: 5px;
    top: -5px;
    background: none;
  }
  section.item_feature img {
    margin-bottom: 40px;
  }
  section.item_feature h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section.item_feature {
    padding-top: 40px;
  }
  section.item_feature div.item {
    padding-left: 50px;
    padding-bottom: 40px;
  }
  section.item_feature div.item.right {
    padding-left: 50px;
  }
  section.item_feature div.item.right div.icon {
    position: absolute;
    left: 5px;
    top: -5px;
  }
  section.item_feature div.item div.icon {
    position: absolute;
    left: 5px;
    top: -5px;
    background: none;
  }
  section.item_feature img {
    margin-bottom: 40px;
  }
  section.item_feature h2 {
    margin-bottom: 30px;
  }
}
/* FAQ */
section#faq {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
section#faq h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 50px;
}
section#faq div.item {
  text-align: left;
}
section#faq div.item strong {
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
}
section#faq div.item p {
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 25px;
}
section#faq p {
  font-size: 16px;
}
section#faq a {
  color: #0091ce;
  font-weight: bolder;
}
section#faq p.sub {
  font-weight: bold;
  margin-top: 50px;
}
@media (max-width: 470px) {
  section#faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section#faq div.item {
    padding-top: 30px;
  }
  section#faq div.item p {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section#faq div.item {
    padding-top: 30px;
  }
  section#faq div.item p {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
/* Ready ? */
section#ready {
  height: 228px;
  color: white;
  padding-top: 80px;
  background-image: linear-gradient(to right, #76c300, #89da0e);
}
section#ready h2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
}
section#ready p {
  opacity: 0.65;
  font-size: 18px;
}
section#ready a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  border-radius: 26px;
  font-size: 16px;
  color: #76c300;
  background-color: white;
  height: 52px;
  box-shadow: 0 2px 14px 0 #6aa80c;
  border: solid 1px #ffffff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
section#ready a:hover {
  box-shadow: 0px 0px 34px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
@media (max-width: 470px) {
  section#ready {
    text-align: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section#ready a {
    margin-top: 20px;
    width: 100%;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#ready {
    text-align: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section#ready a {
    margin-top: 20px;
    width: 100%;
  }
}
/* Price table */
section#price_table {
  padding-top: 40px;
  padding-bottom: 80px;
}
section#price_table h2 {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 50px;
}
section#price_table div.item {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  background-color: white;
  box-shadow: 0 2px 24px 0 rgba(0, 72, 101, 0.05);
  border: solid 1px #dde6e9;
  text-align: center;
}
section#price_table div.item:hover {
  box-shadow: 0 2px 24px 0 rgba(0, 72, 101, 0.2);
}
section#price_table div.item a {
  color: inherit;
  text-decoration: none;
}
section#price_table div.item a.btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
section#price_table div.item a.btn:hover {
  box-shadow: 0px 0px 34px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
section#price_table div.item.silver div.header {
  color: white;
  background-image: linear-gradient(to right, #76c300, #89da0e);
}
section#price_table div.item.silver a.btn {
  font-size: 16px;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(to right, #76c300, #89da0e);
}
section#price_table div.item.gold div.header {
  color: white;
  background-image: linear-gradient(to right, #fcaa33, #ffc065);
}
section#price_table div.item.gold a.btn {
  font-size: 16px;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(to right, #fcaa33, #ffc065);
}
section#price_table div.item.platinum div.header {
  color: white;
  background-image: linear-gradient(to right, #0091ce, #00c4e9);
}
section#price_table div.item.platinum a.btn {
  font-size: 16px;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(to right, #0091ce, #00c4e9);
}
section#price_table div.item.free div.header {
  color: white;
  background-image: linear-gradient(to right, #f83279, #fa92b7);
}
section#price_table div.item.free a.btn {
  font-size: 16px;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(116deg, #f83279, #fa92b7);
}
section#price_table div.item div.header {
  height: 70px;
}
section#price_table div.item div.header h4 {
  margin: 0px;
  padding: 0px;
  font-size: 22px;
  font-weight: 700;
  line-height: 70px;
}
section#price_table div.item div.content {
  height: 294px;
}
section#price_table div.item div.content ul li {
  line-height: 19px;
  margin-top: 20px;
  font-weight: 600;
  font-size: 16px;
}
section#price_table div.item div.footer {
  height: 200px;
  color: rgba(0, 72, 101, 0.65);
}
section#price_table div.item div.footer div.price {
  height: 45px;
}
section#price_table div.item div.footer div.price span {
  font-size: 32px;
  font-weight: 600;
  color: #004865;
}
section#price_table div.item div.footer div.info {
  height: 70px;
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 991px) {
  section#price_table div.item {
    margin-bottom: 15px;
  }
}
@media (max-width: 470px) {
  section#price_table div.item {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#price_table div.item {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 470px) {
  section#price_table {
    padding-top: 100px;
  }
  section#price_table h2 {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#price_table {
    padding-top: 100px;
  }
  section#price_table h2 {
    margin-left: 20px;
    margin-right: 20px;
  }
}
section#extensions_avancees {
  border-top: solid 1px #e3e8ec;
  background-color: white;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 100px;
}
section#extensions_avancees h2 {
  font-size: 30px;
  font-weight: 700;
}
section#extensions_avancees p {
  font-size: 20px;
  line-height: 1.5;
  color: #59889b;
  margin-left: 150px;
  margin-right: 150px;
}
section#extensions_avancees div.item {
  height: 240px;
  text-align: left;
  margin-top: 50px;
  padding-right: 20px;
}
section#extensions_avancees div.item.green div.icon {
  color: #76c300;
  border: 1.7px solid rgba(118, 195, 0, 0.35);
}
section#extensions_avancees div.item.orange div.icon {
  color: #fcaa33;
  border: 1.7px solid rgba(252, 170, 50, 0.35);
}
section#extensions_avancees div.item.blue div.icon {
  color: #0091ce;
  border: 1.7px solid rgba(0, 144, 206, 0.35);
}
section#extensions_avancees div.item div.icon {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  line-height: 54px;
  text-align: center;
  font-size: 24px;
}
section#extensions_avancees div.item h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.9;
}
section#extensions_avancees div.item p {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 470px) {
  section#extensions_avancees {
    padding-top: 40px;
  }
  section#extensions_avancees h2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  section#extensions_avancees div.item {
    margin-top: 10px;
    height: auto;
    text-align: center;
    padding-bottom: 15px;
  }
  section#extensions_avancees div.item div.icon {
    display: inline-block;
  }
  section#extensions_avancees p {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#extensions_avancees {
    padding-top: 40px;
  }
  section#extensions_avancees h2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  section#extensions_avancees div.item {
    margin-top: 10px;
    height: auto;
    text-align: center;
    padding-bottom: 15px;
  }
  section#extensions_avancees div.item div.icon {
    display: inline-block;
  }
  section#extensions_avancees p {
    margin-left: 20px;
    margin-right: 20px;
  }
}
section#domain {
  padding-top: 110px;
  padding-bottom: 50px;
  width: 100%;
  color: white;
  text-align: center;
  background-image: linear-gradient(110deg, #00c4e9, #0091ce);
}
section#domain h2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
}
section#domain p {
  font-size: 20px;
  opacity: 0.65;
  margin-bottom: 55px;
}
section#domain div.item {
  text-align: left;
  padding-left: 70px;
  padding-right: 10px;
  height: 250px;
}
section#domain div.item div.icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  line-height: 54px;
  text-align: center;
  font-size: 24px;
  border: solid 1px rgba(255, 255, 255, 0.25);
}
section#domain div.item h3 {
  margin-top: 0px;
  padding-top: 0px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.9;
}
section#domain div.item p {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 470px) {
  section#domain {
    height: auto;
    padding-top: 60px;
  }
  section#domain h2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  section#domain p {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
  }
  section#domain div.item {
    padding-left: 10px;
    margin-top: 10px;
    height: auto !important;
    text-align: center;
    padding-bottom: 15px;
    display: inline-block;
  }
  section#domain div.item div.icon {
    position: relative;
    left: 0px;
    top: 0px;
    display: inline-block;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#domain {
    height: auto;
    padding-top: 60px;
  }
  section#domain h2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  section#domain p {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
  }
  section#domain div.item {
    padding-left: 10px;
    margin-top: 10px;
    height: auto !important;
    text-align: center;
    padding-bottom: 15px;
    display: inline-block;
  }
  section#domain div.item div.icon {
    position: relative;
    left: 0px;
    top: 0px;
    display: inline-block;
  }
}
/* Guides */
.main-padding {
  padding: 40px 0;
}
#guides h1 {
  margin-top: 0;
}
#guides h2 {
  font-size: 30px;
  font-weight: 900;
  line-height: 40px;
}
#guides .text-hook {
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 80px;
  margin-bottom: 60px;
}
#guides #search-guides {
  z-index: 0;
  margin-bottom: 60px;
}
#guides #search-guides .input-lg {
  width: 500px;
  -webkit-border-top-left-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
  -moz-border-top-left-radius: 24px;
  -moz-border-bottom-left-radius: 24px;
  -ms-border-top-left-radius: 24px;
  -ms-border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  z-index: 0;
}
#guides #search-guides .btn.btn-info {
  height: 44px;
  line-height: 43px;
  font-size: 16px;
  font-weight: 700;
  z-index: 0;
}
#guides #wrapper-guides {
  margin-bottom: 80px;
}
#guides #wrapper-guides .box-guide {
  cursor: pointer;
  background: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: 0 14px 26px 0 #e0e6ec;
  -moz-box-shadow: 0 14px 26px 0 #e0e6ec;
  -ms-box-shadow: 0 14px 26px 0 #e0e6ec;
  box-shadow: 0 14px 26px 0 #e0e6ec;
  padding: 50px 0;
  margin-bottom: 30px;
}
#guides #wrapper-guides .box-guide h2 {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
#guides #wrapper-guides .box-guide p {
  margin-bottom: 0;
}
#guides #wrapper-guides .box-guide .guide_count {
  color: #0091ce;
  font-weight: 600;
  letter-spacing: 0.75px;
}
#guides #wrapper-guides .box-guide:hover {
  -webkit-box-shadow: 0 14px 26px 0 #0091ce;
  -moz-box-shadow: 0 14px 26px 0 #0091ce;
  -ms-box-shadow: 0 14px 26px 0 #0091ce;
  box-shadow: 0 14px 26px 0 #0091ce;
}
#ui-id-1 {
  background-color: #fff;
  border: solid 1px rgba(0, 72, 101, 0.25);
  border-radius: 3px;
  z-index: 0;
}
#ui-id-1 li a {
  color: #004865;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-family: "AvenirNext LT Pro Regular", sans-serif;
}
#ui-id-1 li a:hover {
  border-bottom: solid 1px rgba(0, 72, 101, 0.25);
}
#nav-guide #sidebar {
  z-index: -1;
}
#nav-guide #sidebar #search-guide {
  z-index: 0;
}
#nav-guide #sidebar #search-guide .navbar-form button[type="submit"] {
  color: #004865;
  border: solid 1px rgba(0, 72, 101, 0.25);
  background-color: #fff;
}
#nav-guide #sidebar #search-guide form {
  padding-left: 0;
}
#nav-guide #sidebar li {
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
}
#nav-guide #sidebar li a {
  color: #59889b !important;
  display: block;
  padding: 8px 15px;
  border-bottom: 2px solid transparent;
}
#nav-guide #sidebar li strong {
  display: block;
  padding: 8px 15px;
  border-bottom: 2px solid transparent;
}
#nav-guide #sidebar li.active a {
  font-weight: bold;
  border-bottom: 2px solid #59889b;
  text-decoration: none;
  border-radius: 0;
}
#nav-guide #sidebar li.active a, #nav-guide #sidebar li a:hover, #nav-guide #sidebar li.active a:hover {
  background: none;
}
.list-guide p, .list-guide li {
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
  margin-bottom: 8px;
}
.list-guide p a:hover, .list-guide li a:hover {
  border-bottom: solid 1px #59889b;
}
.redactor-editor p, .redactor-editor li {
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
  margin-bottom: 8px;
}
.redactor-editor img {
  background: #fff;
  -webkit-box-shadow: 0 14px 26px 0 #e0e6ec;
  -moz-box-shadow: 0 14px 26px 0 #e0e6ec;
  -ms-box-shadow: 0 14px 26px 0 #e0e6ec;
  _box-shadow: 1px 1px 10px rgba(0, 72, 101, 0.25);
  box-shadow: 0 14px 26px 0 #e0e6ec;
  margin-top: 10px;
  margin-bottom: 25px;
}
.guide .rating_sharing {
  border-top: 1px solid rgba(0, 72, 101, 0.25);
  margin-top: 50px;
  padding: 20px 0;
}
.rating {
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
  margin-bottom: 8px;
}
.rating a {
  color: #0091ce;
  font-weight: 600;
  font-size: 16px;
}
.rating a:hover {
  border-bottom: solid 1px #0091ce;
}
#article-guide {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
}
#article-guide h1 {
  margin-top: 0;
}
#article-guide h2 {
  font-size: 30px;
  font-weight: 900;
  line-height: 40px;
}
#article-guide a {
  color: #0091ce;
  font-weight: 600;
  font-size: 16px;
}
#article-guide a:hover {
  border-bottom: solid 1px #0091ce;
}
#article-guide img {
  background: #fff;
  -webkit-box-shadow: 0 14px 26px 0 #e0e6ec;
  -moz-box-shadow: 0 14px 26px 0 #e0e6ec;
  -ms-box-shadow: 0 14px 26px 0 #e0e6ec;
  box-shadow: 0 14px 26px 0 #e0e6ec;
  margin-top: 10px;
  margin-bottom: 25px;
}
#article-guide ul {
  margin-left: 30px;
}
#article-guide ul li {
  list-style-type: square;
}
@media (max-width: 768px) {
  #sidebar.affix {
    width: 29%;
  }
}
/* Conditions générales d'utilisation */
.main-padding {
  padding: 40px 0;
}
#apropos h1, #apropos .h1, #apropos h2, #apropos .h2, #apropos h3, #apropos .h3 {
  margin-top: 0;
  color: #004865;
}
#apropos h2 {
  font-size: 25px;
  font-weight: 900;
  margin-left: -20px;
  padding-left: 20px;
  margin-top: 30px;
  line-height: 40px;
  margin-bottom: 10px;
  padding-right: 30px;
}
#apropos p, #apropos li {
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
}
#apropos .affix {
  z-index: -1;
}
#apropos .list-blue li a {
  color: #59889b !important;
}
#apropos .list-blue li.active a {
  font-weight: bold;
}
#apropos .list-blue li strong, #apropos .list-blue li a {
  display: block;
  padding: 8px 15px;
  border-bottom: 2px solid transparent;
}
#apropos .list-blue li.active {
  border-bottom: 2px solid #59889b;
  text-decoration: none;
}
#apropos .list-blue li.active a, #apropos .list-blue li a:hover, #apropos .list-blue li.active a:hover {
  background: none;
}
#apropos .conditions ul li {
  list-style-type: square;
  margin-left: 45px;
}
@media (max-width: 1024px) {
  #apropos .list-blue.affix {
    width: 29%;
  }
}
@media (min-width: 1025px) {
  #apropos .list-blue.affix {
    width: 26%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #apropos .conditions {
    margin-top: 25px;
  }
}
/* Les pages de logout */
.message-flash .alert {
  color: #fcaa33;
  background-color: transparent;
  border-color: transparent;
  font-size: 22px;
  line-height: 44px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
section#logout-behind {
  position: relative;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
section#logout-behind div.container {
  position: relative;
  z-index: 1;
  text-align: center;
  padding-top: 90px;
}
section#logout-behind h1 {
  font-family: "AvenirNext LT Pro Regular", sans-serif;
  letter-spacing: 1px;
}
section#logout-behind h2 {
  font-family: "AvenirNext LT Pro Regular", sans-serif;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.annuaire-blog-button {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 60px;
  background-image: linear-gradient(103deg, #00c4e9, #0091ce);
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 60px;
  width: 260px;
}
/* About */
.rounded-picture {
  border-radius: 144px;
}
img {
  max-width: 100%;
  box-sizing: border-box;
}
h3 {
  font-size: 25px;
  font-weight: 900;
  line-height: 40px;
}
#address-apropos {
  display: block;
  float: left;
}
#address-apropos address {
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
  padding-left: 60px;
}
#apropos #presentation h1 {
  color: #004865;
}
#apropos .content-gl {
  margin-bottom: 20px;
}
#apropos .content-gl .glyphicon, #apropos .content-gl p {
  display: block;
  float: left;
}
#apropos .content-gl .glyphicon {
  font-size: 30px;
  margin-right: 30px;
}
#apropos h1 {
  font-size: 32px;
}
#apropos h2 {
  font-size: 28px;
}
#apropos h3 {
  font-size: 24px;
}
#apropos h4 {
  font-size: 20px;
}
#apropos h5 {
  font-size: 18px;
}
#apropos h6 {
  font-size: 16px;
}
#apropos .alert a {
  text-decoration: none !important;
}
#apropos .alert a:hover {
  text-decoration: underline !important;
}
#apropos .alert.alert-info .btn-primary {
  border: 1px solid rgba(0, 72, 101, 0.25);
  color: #ffffff;
  background: #3598db;
}
#apropos .alert.alert-success .btn-primary {
  border: 1px solid rgba(0, 72, 101, 0.25);
  color: #ffffff;
  background: #2dc26b;
}
#apropos .alert.alert-warning .btn-primary {
  border: 1px solid rgba(0, 72, 101, 0.25);
  color: #222222;
  background: #f1c40f;
}
#apropos .input-group input {
  height: 50px;
}
#apropos .input-group button {
  height: 50px;
}
#apropos .input-group .input-group-append > .btn {
  border-radius: 0 24px 24px 0;
}
@media (max-width: 1024px) {
  #apropos.about .list-blue.affix {
    width: 21%;
  }
}
@media (min-width: 1025px) {
  #apropos.about .list-blue.affix {
    width: 19%;
  }
}
#apropos.about .about-menu {
  padding: none;
}
#apropos.about .call-action {
  margin-top: 50px;
}
#apropos.about .btn-about {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  height: 48px;
  padding: 0px 30px 0px 30px;
  line-height: 48px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(116deg, #00c4e9, #0091ce);
}
#apropos.about .btn-about:hover {
  box-shadow: 0 10px 20px #bfbfbf;
  -webkit-transform: translate(0px, -4px);
  -moz-transform: translate(0px, -4px);
  -ms-transform: translate(0px, -4px);
  transform: translate(0px, -4px);
}
#apropos.about .section {
  margin-top: 110px;
}
#apropos.about #bubble-box, #apropos.about #bubble-box-old {
  text-align: center;
}
#apropos.about #bubble-box .col-sm-4, #apropos.about #bubble-box-old .col-sm-4 {
  margin-bottom: 40px;
}
#apropos.about #bubble-box h3, #apropos.about #bubble-box-old h3 {
  margin-top: 20px;
  font-size: 25px;
}
#apropos.about #bubble-box img, #apropos.about #bubble-box-old img {
  width: 144px;
  height: 144px;
  border-radius: 144px;
}
#apropos.about #bubble-box .font-secondary, #apropos.about #bubble-box-old .font-secondary {
  font-family: "latobold";
}
@media (max-width: 1169px) and (min-width: 768px) {
  #apropos.about #bubble-box div.col-sm-4 {
    height: 275px;
  }
}
/* About */
section:after {
  clear: both;
  content: "";
  display: table;
  margin-top: -1px;
  height: 0;
}
#apropos ul .puce_orange {
  list-style-type: none;
  list-style-image: url(/resources/img/design/puce_orange.gif);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #004865;
  margin-bottom: 10px;
}
#apropos ul .puce_orange a {
  color: #004865;
}
#apropos ul .puce_orange a:hover {
  border-bottom: solid 2px #004865;
}
.custom-page-nav {
  z-index: 1000;
}
.custom-page-nav:hover .custom-page-nav-content, .custom-page-nav:active .custom-page-nav-content {
  flex: 1;
  border-right: 3px solid #76c300;
}
.custom-page-nav:hover .custom-page-nav-control, .custom-page-nav:active .custom-page-nav-control {
  background-color: #76c300;
}
.custom-page-nav .custom-page-nav-control {
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: #0091ce;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.custom-page-nav .custom-page-nav-content {
  border: 1px solid #bcd2db;
  border-right: 3px solid #0091ce;
  background-color: #fff;
  border-bottom-right-radius: 5px;
  margin-left: -5px;
  overflow: hidden;
  white-space: nowrap;
  transition: flex 0.3s ease-out;
  flex: 0;
}
.custom-page-nav .custom-page-nav-content a {
  text-overflow: ellipsis;
}
/* Partners */
#apropos {
  font-family: "AvenirNext LT Pro Regular", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #59889b;
  font-weight: 400;
}
#apropos h1 {
  margin-top: 24px;
  color: #004865;
}
#apropos .card {
  border-width: 3px;
  border-top: none;
  border-bottom: none;
}
#apropos .site-partners {
  background-color: #fff;
  -webkit-box-shadow: 0 14px 26px 0 #e0e6ec;
  -moz-box-shadow: 0 14px 26px 0 #e0e6ec;
  -ms-box-shadow: 0 14px 26px 0 #e0e6ec;
  -o-box-shadow: 0 14px 26px 0 #e0e6ec;
  box-shadow: 0 14px 26px 0 #e0e6ec;
  padding: 30px 30px;
  margin: 20px 0;
}
#apropos .site-partners ul li {
  list-style-type: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  color: #004865;
}
#apropos .site-partners ul li a:hover {
  border-bottom: solid 1px #004865;
}
#apropos.partners a {
  color: #0091ce;
  font-weight: 600;
}
#apropos.partners a:hover {
  border-bottom: solid 1px #0091ce;
}
#apropos.partners div.centre img, #apropos.partners div.text-center img {
  width: 100% !important;
  box-shadow: 0 14px 26px 0 #e0e6ec;
}
#apropos.partners .btn.btn-next, #apropos.partners .btn.btn-previous {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-color: white;
  color: white;
  font-weight: 900;
  letter-spacing: 0px;
  color: #004865;
  border: solid 1px rgba(0, 72, 101, 0.25);
  width: 150px;
  border-radius: 24px;
  height: 48px;
  padding: 0px 30px 0px 30px;
  line-height: 48px;
  font-size: 16px;
}
#apropos.partners .btn.btn-next:hover, #apropos.partners .btn.btn-previous:hover {
  box-shadow: 0 10px 20px #bfbfbf;
  -webkit-transform: translate(0px, -4px);
  -moz-transform: translate(0px, -4px);
  -ms-transform: translate(0px, -4px);
  transform: translate(0px, -4px);
}
#apropos.partners .see-more .puce_orange {
  margin: 8px 0;
}
#apropos.partners .see-more .puce_orange a {
  color: #59889b;
  font-size: 17px;
}
#apropos.partners .see-more .puce_orange a:hover {
  border-bottom: solid 1px #59889b;
}
@media (max-width: 767px) {
  #apropos.partners .see-more {
    text-align: center;
  }
}
#apropos .btn-propose-site {
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  border-radius: 26px;
  border: 1px solid rgba(0, 72, 101, 0.25);
  background-color: #004865;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  height: 48px;
}
#support_form .control-label[for="support_blog"] {
  padding-right: 1px;
}
#support-contact {
  padding-top: 20px;
  padding-bottom: 80px;
}
#support-contact .alert.alert-info.text-center {
  background-color: #fff;
  border-color: #fff;
  color: #004865;
  box-shadow: 0 2px 21px 0 #d9d9d9;
}
#support-contact .alert {
  clear: both;
  margin-top: 30px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  #support-contact .btn-send-bloc {
    text-align: center;
  }
}
#support-contact .btn-send-bloc #support_send {
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  border-radius: 26px;
  background-color: #004865;
  border: 1px solid rgba(0, 72, 101, 0.25);
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  height: 48px;
}
/* Communities */
section#directory_table {
  padding-top: 20px;
  padding-bottom: 80px;
}
section#directory_table h2 {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
section#directory_table .directory .box-blog .premium {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
section#directory_table .directory .box-blog .premium span {
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  position: absolute;
  top: 19px;
  right: -21px;
}
section#directory_table .directory .box-blog .premium.silver span {
  background: #D5DBE6;
}
section#directory_table .directory .box-blog .premium.gold span {
  background: #D4CA9D;
}
section#directory_table .directory .box-blog .premium.platinum span {
  background: #D4D3C9;
}
section#directory_table .directory .box-blog .premium.lite span {
  background: #EFEFEF;
}
section#directory_table .directory .box-blog .premium.nopub span {
  background: #EFEFEF;
}
section#directory_table .directory p {
  font-size: 16px;
}
section#directory_table .directory a {
  color: #0091ce;
  font-size: 16px;
}
section#directory_table .directory a:hover {
  /*border-bottom: solid 1px #0091ce;*/
}
section#directory_table .directory .filters .active {
  color: #004865;
  text-decoration: none;
  cursor: default;
}
section#directory_table .directory .filters .active:hover {
  border-bottom: none;
}
section#directory_table .directory #directory-blogs-list img {
  background: #fff;
  -webkit-box-shadow: 0 14px 26px 0 #e0e6ec;
  -moz-box-shadow: 0 14px 26px 0 #e0e6ec;
  -ms-box-shadow: 0 14px 26px 0 #e0e6ec;
  box-shadow: 0 14px 26px 0 #e0e6ec;
  margin-top: 10px;
  margin-bottom: 25px;
}
section#directory_table .directory #directory-blogs-list .box-blog {
  position: relative;
  margin-top: 30px;
  background: #fff;
  -webkit-box-shadow: 0 14px 26px 0 #e0e6ec;
  -moz-box-shadow: 0 14px 26px 0 #e0e6ec;
  -ms-box-shadow: 0 14px 26px 0 #e0e6ec;
  box-shadow: -5px 6px 26px 0 #e0e6ec;
}
section#directory_table .directory #directory-blogs-list .box-blog img {
  width: 100%;
}
section#directory_table .directory #directory-blogs-list .box-blog h2 {
  margin-top: 5px;
}
section#directory_table .directory #directory-blogs-list .box-blog h2 a {
  display: block;
  font-size: 15px;
  text-align: center;
  margin-bottom: 0;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  color: white;
  background-color: #004865;
  border-radius: 1px;
  font-family: "AvenirNext LT Pro Regular", sans-serif;
  letter-spacing: 0.6px;
}
section#directory_table .directory #directory-blogs-list .box-blog h2 a:hover {
  border-bottom: none;
  box-shadow: 0 10px 20px #bfbfbf;
  -webkit-transform: translate(0px, -2px);
  -moz-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog {
  padding-bottom: 1px;
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .desc-blog {
  margin: 0 10px;
  font-size: 13px;
  font-weight: 700;
  height: 70px;
  overflow: hidden;
}
@media (max-width: 470px) {
  section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .desc-blog {
    height: auto;
  }
}
@media (min-width: 471px) and (max-width: 767px) {
  section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .desc-blog {
    height: auto;
  }
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog hr {
  margin-bottom: 10px;
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .footer-blog {
  margin-bottom: 15px;
  font-family: "AvenirNext LT Pro Regular", sans-serif;
  letter-spacing: 0.6px;
  font-size: 15px;
  font-weight: 700;
  margin-right: 15px;
  height: 30px;
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .community-blogs {
  height: 40px;
  text-align: center;
  margin-right: 0;
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .community-blogs a {
  display: inline-block;
  width: 23%;
  text-align: center;
  height: 45px;
  overflow: hidden;
  border: 1px solid #eee;
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .community-blogs img {
  width: 100%;
  margin: 0;
}
section#directory_table .directory #directory-blogs-list .box-blog .bottom-box-blog .community-blogs .free-space {
  border: 1px solid #eee;
  background-color: #fafafa;
  color: #888;
  height: 45px;
  line-height: 47px;
}
section#directory_table .directory #directory-blogs-list .col-sm-3:nth-child(even) > .box-blog h2 a {
  background-image: linear-gradient(to right, #fcaa33, #ffc065);
}
section#directory_table .directory #directory-blogs-list .media-blog {
  width: 100%;
  /*height: 164px!important;*/
  overflow: hidden;
}
section#directory_table .directory #directory-blogs-list .media-blog img {
  display: block;
  height: inherit;
  margin: auto;
  -moz-transition: opacity 500ms ease-out, -moz-transform 1300ms cubic-bezier(0.31, 0.08, 0.53, 0.97);
  -o-transition: opacity 500ms ease-out, -o-transform 1300ms cubic-bezier(0.31, 0.08, 0.53, 0.97);
  -webkit-transition: opacity 500ms ease-out, -webkit-transform 1300ms cubic-bezier(0.31, 0.08, 0.53, 0.97);
  transition: opacity 500ms ease-out, transform 1300ms cubic-bezier(0.31, 0.08, 0.53, 0.97);
  border-radius: 1px;
}
section#directory_table .directory #directory-blogs-list .media-blog img:hover {
  transform: scale(1.15);
}
section#directory_table .directory #title-navbar-blog {
  font-size: 16px;
  color: #004865;
  line-height: 30px;
  height: 60px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
section#directory_table .directory #title-navbar-blog:focus {
  background-color: transparent;
  border-bottom: none;
}
@media (min-width: 768px) {
  section#directory_table .directory #title-navbar-blog:hover {
    background-color: transparent;
    border-bottom: none;
    /*transform: scale(1.15);*/
  }
}
@media (max-width: 767px) {
  section#directory_table .directory #title-navbar-blog:hover {
    background-color: transparent;
    border-bottom: none;
  }
}
section#directory_table .directory .multi-column-dropdown > li > span {
  display: block;
  padding: 3px 20px;
  margin: auto 10px;
  clear: both;
  white-space: nowrap;
  color: #f0ad4e;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-family: "AvenirNext LT Pro Regular", sans-serif;
}
section#directory_table .directory .multi-column-dropdown > li > a {
  display: block;
  padding: 3px 20px;
  margin: auto 10px;
  clear: both;
  white-space: nowrap;
  color: #004865 !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-family: "AvenirNext LT Pro Regular", sans-serif;
}
section#directory_table .directory .multi-column-dropdown > li > a:hover {
  border-bottom: solid 1px rgba(0, 72, 101, 0.25);
}
section#directory_table .directory #search-blog input[name="recherche"] {
  z-index: 0;
}
section#directory_table .directory #search-blog button.btn.btn-empty-white {
  color: #004865;
  border: solid 1px rgba(0, 72, 101, 0.25);
  background-color: #fff;
  z-index: 0;
}
section#directory_table .directory #navbar-blog {
  background-color: #f7f7f7;
  color: #004865;
  box-shadow: 0 2px 21px 0 #d9d9d9;
}
section#directory_table .directory #navbar-blog .navbar-header a:hover {
  border-bottom: none;
}
section#directory_table .directory #navbar-blog .navbar-header a #home-blog-nav {
  height: 60px;
  font-size: 20px;
  padding: 12px 25px;
  border-right: solid 1px rgba(0, 72, 101, 0.25);
  color: #004865;
  line-height: 30px;
}
section#directory_table .directory #navbar-blog .navbar-header button.navbar-toggle {
  border: solid 1px rgba(0, 72, 101, 0.25);
}
section#directory_table .directory #navbar-blog .navbar-header button.navbar-toggle .icon-bar, section#directory_table .directory #navbar-blog .navbar-header button.navbar-toggle .sr-only {
  background-color: #004865;
}
@media (max-width: 767px) {
  section#directory_table .directory #navbar-blog .navbar-collapse {
    border-top: solid 1px rgba(0, 72, 101, 0.25);
  }
}
section#directory_table .directory #title-navbar-blog .glyphicon {
  position: relative;
  top: 3px;
  left: 8px;
  color: #004865;
}
section#directory_table .directory .dropdown-menu {
  border: solid 1px rgba(0, 72, 101, 0.25);
  border-radius: 3px;
}
section#directory_table .directory .multi-column-dropdown > li > span {
  color: #f0ad4e;
  font-style: normal;
  font-weight: bold;
}
section#directory_table .directory .dropdown-menu.columns-2 {
  min-width: 550px;
}
@media (max-width: 767px) {
  section#directory_table .directory .dropdown-menu.columns-2 {
    min-width: 100%;
  }
}
/* Types de blogs */
#apropos.types-blogs .list-blue li a {
  display: block;
  padding: 8px 8px;
  border-bottom: 2px solid transparent;
  border-radius: 1px;
  font-size: 16px;
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 10px;
  color: #004865;
}
#apropos.types-blogs .list-blue li a:hover {
  border-bottom: solid 2px #59889b;
}
#apropos.types-blogs #presentation h1 {
  color: #004865;
}
#apropos.types-blogs #presentation p {
  font-size: 16px;
  font-weight: 600;
}
#apropos.types-blogs #presentation a {
  color: #0091ce;
}
#apropos.types-blogs #presentation a:hover {
  border-bottom: solid 1px #0091ce;
}
#apropos.types-blogs #presentation .puce_orange {
  list-style-type: none;
  list-style-image: url(/resources/img/design/puce_orange.gif);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #004865;
  margin-bottom: 10px;
}
#apropos.types-blogs #presentation .puce_orange a {
  color: #004865;
}
#apropos.types-blogs #presentation .puce_orange a:hover {
  border-bottom: solid 2px #004865;
}
#apropos.types-blogs #presentation .usecases_btn {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  height: 48px;
  padding: 0px 30px 0px 30px;
  line-height: 48px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: 700;
  color: white;
  background-image: linear-gradient(to right, #fcaa33, #ffc065);
}
#apropos.types-blogs #presentation .usecases_btn:hover {
  border-color: #ffc065;
  box-shadow: 0 10px 20px #bfbfbf;
  -webkit-transform: translate(0px, -4px);
  -moz-transform: translate(0px, -4px);
  -ms-transform: translate(0px, -4px);
  transform: translate(0px, -4px);
}
@media (min-width: 992px) {
  #apropos.types-blogs #presentation .usecases_btn {
    margin-right: 250px;
  }
}
/* Page 404/410 */
.document-not-found {
  background-color: #fff;
  padding-top: 50px;
  text-align: center;
  font-family: "AvenirNext LT Pro Regular", sans-serif;
}
.document-not-found .message {
  width: 100%;
  display: inline-block;
  padding-bottom: 40px;
}
.document-not-found .message p {
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
}
.document-not-found .message a {
  color: #0091ce;
}
.document-not-found .message a:hover {
  border-bottom: solid 1px #0091ce;
}
.document-not-found .message .message-text {
  margin-top: 15px;
}
.document-not-found .message #goog-fixurl ul {
  list-style-type: none;
  text-align: center;
}
.document-not-found .message #goog-fixurl .search-goog {
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
}
.document-not-found .message #goog-fixurl .search-goog form input[type="text"] {
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 12px 20px;
  height: 44px;
  font-weight: 600;
  font-size: 16px;
  -webkit-border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}
@media (max-width: 410px) {
  .document-not-found .message #goog-fixurl .search-goog form input[type="text"] {
    width: 90%;
  }
}
.document-not-found .message #goog-fixurl .search-goog form input[type="submit"] {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  height: 48px;
  padding: 0px 30px 0px 30px;
  line-height: 48px;
  font-size: 16px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 1px solid rgba(0, 72, 101, 0.25);
  color: #004865;
  background: none;
  font-weight: 700;
  webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.document-not-found .message #goog-fixurl .search-goog form input[type="submit"]:hover {
  border-color: #76c300;
}
.document-not-found .search-section {
  margin-top: 15px;
}
.document-not-found .search-section #sbb {
  color: #004865;
  border: solid 1px rgba(0, 72, 101, 0.25);
  background-color: #fff;
  width: 100px;
}