@charset "UTF-8";
/* Import Google font - Roboto */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:300,400,700");
html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

blockquote {
  font-style: italic !important;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 18px;
  background: #fff;
  color: #262626;
  overflow-x: hidden;
  position: inherit !important;
  margin: 0 0 0;
  padding: 0;
}

kbd {
  padding: 3px 5px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #E2F572;
  border: none;
  background: #363636;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
}

.wp-video, .wp-video video {
  width: 100% !important;
  height: auto !important;
}

.wp-audio-shortcode {
  visibility: visible !important;
}

p {
  margin: 0;
}

/* ***************************************************************************************
*       ____            _                         _
*      / ___|___  _ __ | |_ ___ _ __  _   _    __| | ___ ___   _ __   __ _  __ _  ___ ___
*     | |   / _ \| '_ \| __/ _ | '_ \| | | |  / _` |/ _ / __| | '_ \ / _` |/ _` |/ _ / __|
*     | |__| (_) | | | | ||  __| | | | |_| | | (_| |  __\__ \ | |_) | (_| | (_| |  __\__ \
*      \____\___/|_| |_|\__\___|_| |_|\__,_|  \__,_|\___|___/ | .__/ \__,_|\__, |\___|___/
*                                                             |_|          |___/
*
****************************************************************************************** */
h1, .entry-content .fond h1, #secondary.fond h1, .h1 {
  font-family: "Raleway", sans-serif;
  font-size: 40px;
  color: #191919;
  line-height: 46px;
  font-weight: 200;
  text-transform: uppercase;
}

h2, .entry-content .fond h2, #secondary.fond h2, .gpoll_wrapper h3.gform_title, .h2 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  color: #262626;
  line-height: 28px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin: 15px 0;
}

h3, .entry-content .fond h3, #secondary .fond h3, .gpoll_wrapper h2.gsection_title, .h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  color: #262626;
  line-height: 22px;
  font-weight: bold;
  margin: 15px 0;
}

h4, .entry-content .fond h4, #secondary .fond h4, .h4 {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  color: #262626;
  line-height: 22px;
  font-weight: normal;
  margin: 15px 0;
}

h5, h6 {
  margin: 10px 0;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-style: normal !important;
}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h5 strong, h6 strong {
  font-weight: normal !important;
}

ul {
  margin: 0;
  padding: 0;
}

/* **************************
*      _____           _
*     |_   ____   ___ | |___
*       | |/ _ \ / _ \| / __|
*       | | (_) | (_) | \__ \
*       |_|\___/ \___/|_|___/
*
***************************** */
.center {
  margin: 0 auto;
  width: 1000px;
  z-index: 5;
  position: relative;
}

.clearfix {
  float: none;
  clear: both;
  padding: 0 !important;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.dnone {
  display: none;
}

.dblock {
  display: block;
}

.w100 {
  width: 100% !important;
}

.w50 {
  width: 48% !important;
}

.w33 {
  width: 33% !important;
}

.loader {
  background: url("../../noyau/images/core/loading.gif") 0 0 no-repeat;
  width: 32px;
  margin-top: 2%;
}

.loader-keyword {
  background: url("../../noyau/images/core/loading.gif") #fff right 6px center no-repeat;
  width: 32px;
}

.scroll-top {
  background: url("../images/top.gif") no-repeat left top;
  width: 34px;
  height: 120px;
  display: none;
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: 50;
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: #262626;
}

:-moz-placeholder {
  color: #262626;
}

::-moz-placeholder {
  color: #262626;
}

:-ms-input-placeholder {
  color: #262626;
}

/* ***********************************************************************************************

    ███████╗██╗████████╗███████╗    ██╗    ██╗███████╗██████╗
    ██╔════╝██║╚══██╔══╝██╔════╝    ██║    ██║██╔════╝██╔══██╗
    ███████╗██║   ██║   █████╗      ██║ █╗ ██║█████╗  ██████╔╝
    ╚════██║██║   ██║   ██╔══╝      ██║███╗██║██╔══╝  ██╔══██╗
    ███████║██║   ██║   ███████╗    ╚███╔███╔╝███████╗██████╔╝

************************************************************************************************* */
/* ---------------- //
//      GÉNÉRAL     //
// ---------------- */
.field-div {
  margin: 15px 0;
  position: relative;
}

.w48 {
  width: 48%;
}

label {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #262626;
  cursor: pointer;
  display: block;
  margin: 5px 0;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
select,
textarea {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #262626;
  height: 36px;
  padding: 0 5px;
  outline: none;
  cursor: pointer;
  outline: none;
  border: 1px solid #262626;
  width: 100%;
  box-sizing: border-box;
}

.btn-validation {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  position: relative;
  text-decoration: none;
  background: #2684cf;
  width: 100%;
  color: #fff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 300;
  outline: none;
  padding: 9px 10px 10px;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
}

.btn-validation span {
  z-index: 1;
  position: relative;
}

.btn-validation:hover {
  color: #666;
}

/* .btn-validation:before {content:"";background:#e1e1e1;position:absolute;top:0;left:0;width:100%;height:0;display:block;@include transition(all 0.5s ease-in-out);z-index:0;} */
.btn-validation:hover:before {
  height: 100%;
}

.btn-more {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 15px 0 0;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  text-decoration: none;
  background: #262626;
  border: 1px solid #262626;
  padding: 10px;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
}

.btn-more span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.btn-more:hover {
  background: #fff;
  color: #262626;
}

.hide_per_default {
  display: none;
}

.error {
  border: 1px solid #c01515 !important;
}

.notice-success {
  background: #8bc34a;
  padding: 10px 20px;
  margin: 0 0 20px;
}

.notice-error {
  background: #c01515;
  padding: 10px 20px;
  margin: 0 0 20px;
}

.notice-error p,
.notice-success p {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

.disabled {
  border: 1px solid #d6d6d6;
  color: #d6d6d6;
}

.cp-color-picker {
  z-index: 10;
}

.champs-obligatoires {
  display: block;
  margin: 0 0 10px;
  font-size: 13px;
  font-style: italic;
  color: #868686;
}

.description-page {
  font-weight: bold;
  margin: 0 0 30px;
}

p.confirmation {
  background: #7cc082;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  margin: 0 0 90px;
}

p.error {
  background: #dc3232;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  margin: 0 0 90px;
}

.wrapper-rdv-btn {
  padding: 31px 0;
  background: #eeeef3;
  min-height: 60px;
}

.wrapper-rdv-btn .title-dashboard {
  float: left;
}

.wrapper-rdv-btn h2 {
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
  color: #bb3e70;
  font-weight: 400;
  font-size: 20px;
}

.wrapper-rdv-btn h3 {
  margin: 0;
  padding: 0;
  line-height: 34px;
  font-family: "Montserrat", sans-serif;
  color: #47939c;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
}

.wrapper-rdv-btn .wrapper-btn {
  float: right;
  margin: 6px 0;
}

.wrapper-rdv-btn .wrapper-btn .btn-back {
  background: #47939c;
  color: #ffffff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 30px;
  text-decoration: none;
  text-align: center;
  float: left;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  margin: 0 0 0 20px;
}

.wrapper-rdv-btn .wrapper-btn .btn-back:hover {
  background: #2b2b36;
}

#tableau-de-bord h4,
#calendrier-mairie h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #2b2b36;
  font-size: 24px;
  line-height: 28px;
  margin: 30px 0 20px;
  padding: 0;
}

p.gray {
  color: #767683;
  font-size: 14px;
}

p.gray a {
  color: #bb3e70;
  font-size: 14px;
}

.field-100 {
  width: 100%;
}

.field-75 {
  width: 73%;
}

.field-50 {
  width: 48%;
}

.field-25 {
  width: 23%;
}

.color-cni {
  color: #3174fb;
}

.color-passeport {
  color: #b50028;
}

.color-cni-passeport {
  color: #5317bd;
}

.color-retrait {
  color: #47939c;
}

/* ------------------ //
//      CONNEXION     //
// ------------------ */
#login form {
  width: 300px;
  margin: 0 auto;
}

#login form p {
  margin: 15px 0;
}

#login form p.login-remember input[type=checkbox] {
  margin: 2px 5px 0 0;
  display: inline-block;
  vertical-align: top;
}

#login form p.login-password-forgot {
  text-align: center;
}

#login form p.login-password-forgot a {
  color: #262626;
}

#login form p.login-password-forgot a:hover {
  text-decoration: none;
}

#login form p.login-submit input[type=submit] {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 30px;
  border: none;
  padding: 9px 10px 10px;
  margin: 0 auto;
  display: block;
  background: #2684cf;
  border: 1px solid #2684cf;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  text-transform: uppercase;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
}

#login form p.login-submit input[type=submit]:hover {
  background: #fff;
  color: #2684cf;
}

#header-logged {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c376d+0,1c376d+50,651947+100 */
  background: #1c376d;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #1c376d 0%, #1c376d 50%, #651947 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #1c376d 0%, #1c376d 50%, #651947 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #1c376d 0%, #1c376d 50%, #651947 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c376d', endColorstr='#651947',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  height: 160px;
}

#header-logged .logo {
  display: block;
  float: left;
}

#header-logged .logo svg {
  width: 250px;
  height: 100px;
  fill: #ffffff;
  margin: 30px 0;
}

#header-logged .text-header {
  float: left;
  width: 52%;
}

#header-logged .text-header span {
  display: block;
  float: left;
  margin-left: 90px;
}

#header-logged .text-header span:first-of-type {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  display: block;
  margin: 45px 0 20px 90px;
  line-height: 22px;
}

#header-logged .text-header span:nth-of-type(2) {
  color: #9a93bb;
  font-size: 13px;
  font-style: italic;
}

#header-logged.dashboard .login {
  margin: 55px 0;
}

h2.title-connexion {
  font-family: "Montserrat", sans-serif;
  color: #2b2b36;
  font-size: 44px;
  font-weight: 400;
  text-align: center;
  margin: 80px 0 110px;
}

#loginform, #lostpasswordform {
  background: #eeeef3;
  width: 400px !important;
  height: 400px !important;
  position: relative;
  box-sizing: border-box;
  padding: 70px 50px 0;
}

#loginform:before, #lostpasswordform:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -60px;
  width: 120px;
  height: 121px;
  background: url("../images/pic_login.png") no-repeat center center;
}

#loginform:after, #lostpasswordform:after {
  content: '';
  position: absolute;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 30px;
  width: 210px;
  height: 4px;
  background: #1a3572;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1a3572 0%, #1a3572 33%, white 33%, white 66%, #b31b3f 66%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1a3572 0%, #1a3572 33%, white 33%, white 66%, #b31b3f 66%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1a3572 0%, #1a3572 33%, white 33%, white 66%, #b31b3f 66%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ---------------------------- //
//      MOT DE PASSE OUBLIE     //
// ---------------------------- */
#mot-de-passe-oublie form {
  width: 300px;
  margin: 0 auto;
  height: 270px !important;
}

#mot-de-passe-oublie form input[type=submit] {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  border: none;
  padding: 9px 10px 10px;
  margin: 15px auto 0;
  display: block;
  background: #2684cf;
  border: 1px solid #2684cf;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  text-transform: uppercase;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
}

#mot-de-passe-oublie form input[type=submit]:hover {
  background: #fff;
  color: #2684cf;
}

/* ------------------- //
//      PARAMETRES     //
// ------------------- */
#tableau-de-bord {
  padding: 0 0 110px;
}

#tableau-de-bord #wp-contenu_page_formulaire_mairie-wrap {
  color: #262626;
  padding: 0 0 5px;
  outline: none;
  border: 1px solid #262626;
  width: 100%;
  box-sizing: border-box;
}

#tableau-de-bord .etat-jour-semaine {
  margin: 0 0 10px;
}

#tableau-de-bord .etat-jour-semaine label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

#tableau-de-bord .etat-jour-semaine input[type=radio] {
  display: inline-block;
  vertical-align: top;
  margin: 3px 5px 0 0;
}

#tableau-de-bord .horaire-matinee-jour-semaine {
  float: left;
  overflow: hidden;
  width: 48%;
}

#tableau-de-bord .horaire-apresmidi-jour-semaine {
  float: right;
  overflow: hidden;
  width: 48%;
}

#tableau-de-bord .lieu-div {
  background: #f3f3f3;
  padding: 20px;
  margin: 15px 0;
}

#tableau-de-bord .lieu-div .class-field-input {
  margin: 15px 0 0;
}

#tableau-de-bord .lieu-div .wrapper-titre-suppr-lieu {
  position: relative;
  font-size: 0;
}

#tableau-de-bord .lieu-div .wrapper-titre-suppr-lieu input {
  display: inline-block;
  vertical-align: middle;
  width: 94%;
}

#tableau-de-bord .lieu-div .wrapper-titre-suppr-lieu a.supprimer-lieu {
  display: inline-block;
  text-decoration: none;
  width: 5%;
  text-align: center;
  background: #fff;
  padding: 10px 0;
  vertical-align: middle;
  margin: 0 0 0 1%;
}

#tableau-de-bord .lieu-div .wrapper-titre-suppr-lieu a.supprimer-lieu::after {
  content: "\f182";
  font-family: "dashicons";
  display: block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  color: #cc4c2e;
  font-size: 28px;
  line-height: 16px;
  margin: 0 auto;
}

#tableau-de-bord .lieu-bureau-div {
  background: #e5e5e5;
  margin: 15px 0;
  overflow: hidden;
}

#tableau-de-bord .lieu-bureau-div .wrapper-titre-suppr-bureau {
  position: relative;
}

#tableau-de-bord .lieu-bureau-div .wrapper-titre-suppr-bureau a.titre-bureau {
  display: block;
  position: relative;
  background: #262626;
  color: #fff;
  text-decoration: none;
  width: 95%;
  padding: 7px 20px;
  box-sizing: border-box;
}

#tableau-de-bord .lieu-bureau-div .wrapper-titre-suppr-bureau a.titre-bureau:after {
  content: "\f347";
  color: #fff;
  font-size: 16px;
  font-family: "dashicons";
  float: right;
}

#tableau-de-bord .lieu-bureau-div .wrapper-titre-suppr-bureau a.titre-bureau.deplier:after {
  content: "\f343";
}

#tableau-de-bord .lieu-bureau-div .wrapper-titre-suppr-bureau a.supprimer-bureau {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  width: 5%;
  text-align: center;
  background: #fff;
  padding: 10px 0;
}

#tableau-de-bord .lieu-bureau-div .wrapper-titre-suppr-bureau a.supprimer-bureau::after {
  content: "\f182";
  font-family: "dashicons";
  display: block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  color: #cc4c2e;
  font-size: 32px;
  line-height: 28px;
  margin: 0 auto;
  width: 30px;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau {
  background: #e5e5e5;
  padding: 20px;
  margin: 15px 0;
  overflow: hidden;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div {
  margin: 15px 0 0;
  border-bottom: 1px dashed #262626;
  padding: 0 0 10px;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div.border-solid {
  border-bottom: 1px solid #262626;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div span.jour {
  font-size: 14px;
  line-height: 18px;
  color: #262626;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .horaire-jour-semaine {
  position: relative;
  overflow: hidden;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .horaire-jour-semaine label {
  clear: both;
  margin: 5px 0 0;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .horaire-jour-semaine input {
  margin: 10px 0;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .exception .lieu-bureau-exception-div {
  overflow: hidden;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dashed #262626;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .exception span.titre-label {
  margin: 15px 0;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .exception .etat-jour-semaine {
  margin: 10px 0;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .exception a.supprimer-exception {
  display: block;
  text-decoration: none;
  width: 48px;
  text-align: center;
  background: #fff;
  padding: 10px 0;
  float: right;
  margin: 15px 0;
}

#tableau-de-bord .lieu-bureau-div .wrapper-lieu-bureau .exception a.supprimer-exception:after {
  content: "\f182";
  font-family: "dashicons";
  display: block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  color: #cc4c2e;
  font-size: 28px;
  line-height: 16px;
  margin: 0 auto;
}

/* ------------------------ //
//      TABLEAU DE BORD     //
/* ------------------------ */
#tableau-de-bord .notice-error,
#tableau-de-bord .notice-success {
  margin: 15px 0 0;
}

#tableau-de-bord .iframe-generation .wrapper-textarea {
  position: relative;
  margin: 15px 0 0;
}

#tableau-de-bord .iframe-generation .wrapper-textarea a {
  text-decoration: none;
}

#tableau-de-bord .iframe-generation .wrapper-textarea a:after {
  content: "\f105";
  font-family: "dashicons";
  display: block;
  color: #262626;
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 10px;
}

#tableau-de-bord .iframe-generation .wrapper-textarea a span {
  display: none;
}

#tableau-de-bord .iframe-generation .wrapper-textarea textarea {
  width: 100%;
  outline: none;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
  height: 40px;
}

#tableau-de-bord .parametres-mairie {
  margin: 20px 0 0;
}

#tableau-de-bord .parametres-mairie ul.tabs-parametres {
  position: relative;
  font-size: 0;
}

#tableau-de-bord .parametres-mairie ul.tabs-parametres li {
  display: inline-block;
  vertical-align: middle;
}

#tableau-de-bord .parametres-mairie ul.tabs-parametres li a {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  background: #262626;
  padding: 15px;
  border: 1px solid #eeeef3;
  border-left: none;
  text-transform: uppercase;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
}

#tableau-de-bord .parametres-mairie ul.tabs-parametres li:first-child a {
  border-left: 1px solid #eeeef3;
}

#tableau-de-bord .parametres-mairie ul.tabs-parametres li.active a {
  background: #eeeef3;
  color: #262626;
}

#tableau-de-bord .apercu-logo-mairie {
  border: 1px dashed #262626;
  width: 190px;
  height: 190px;
  margin: 10px 0 0;
  text-align: center;
}

#tableau-de-bord .apercu-logo-mairie:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#tableau-de-bord .apercu-logo-mairie img {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 98%;
  height: auto;
}

#tableau-de-bord .fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px 0 0;
  cursor: pointer;
  width: 300px;
}

#tableau-de-bord .fileUpload span.input-telecharger {
  border: 1px solid #262626;
  border-right: none;
  background: #fff;
  float: left;
  display: block;
  padding: 6px 5px;
  width: 180px;
  min-height: 18px;
  font-style: italic;
  font-size: 14px;
  text-overflow: clip;
  white-space: nowrap;
}

#tableau-de-bord .fileUpload span.btn-telecharger {
  border: 1px solid #262626;
  float: left;
  display: block;
  width: 108px;
  text-align: center;
  border-radius: 0 5px 5px 0;
  padding: 6px 0;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  background: #e1e1e1;
  font-weight: 300;
}

#tableau-de-bord .fileUpload input.upload-logo {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 108px;
  cursor: pointer;
}

#tableau-de-bord .fileUpload input[type=file],
#tableau-de-bord .fileUpload input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}

#tableau-de-bord .format-logo {
  display: block;
  color: #707070;
  font-size: 12px;
  margin: 5px 0 0;
}

#tableau-de-bord .field-div textarea {
  min-height: 100px;
  resize: vertical;
  padding: 10px 5px;
}

.div-nbr-max-cni, .div-nbr-max-passeport, .div-nbr-max-cnip {
  display: none;
}

#tableau-de-bord .div-item-tab {
  margin: 0 0 10px;
  background: #eeeef3;
  padding: 20px;
}

#tableau-de-bord .div-item-tab #wp-contenu_page_formulaire_mairie-wrap {
  color: #262626;
  padding: 0 0 5px;
  outline: none;
  border: 1px solid #262626;
  width: 100%;
  box-sizing: border-box;
}

#tableau-de-bord .div-item-tab .etat-jour-semaine {
  margin: 0 0 10px;
  float: right;
}

#tableau-de-bord .div-item-tab .etat-jour-semaine label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

#tableau-de-bord .div-item-tab .etat-jour-semaine input[type=radio] {
  display: inline-block;
  vertical-align: top;
  margin: 3px 5px 0 0;
}

#tableau-de-bord .div-item-tab .horaire-matinee-jour-semaine {
  float: left;
  overflow: hidden;
  width: 48%;
}

#tableau-de-bord .div-item-tab .horaire-apresmidi-jour-semaine {
  float: right;
  overflow: hidden;
  width: 48%;
}

#tableau-de-bord .div-item-tab .lieu-div {
  background: #dbdbdb;
  padding: 0;
  margin: 15px 0;
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu-suppr {
  background: #e5e5e5;
  padding: 0;
  margin: 15px 0 0;
  overflow: hidden;
  font-size: 0;
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu-suppr a.titre-lieu {
  color: #262626;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: #262626;
  color: #fff;
  text-decoration: none;
  width: 95%;
  padding: 7px 20px;
  box-sizing: border-box;
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu-suppr a.titre-lieu:after {
  content: "\f347";
  color: #fff;
  font-size: 16px;
  font-family: "dashicons";
  float: right;
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu-suppr a.titre-lieu.deplier:after {
  content: "\f343";
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu-suppr input {
  display: inline-block;
  vertical-align: middle;
  width: 94%;
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu-suppr a.supprimer-lieu {
  display: inline-block;
  text-decoration: none;
  width: 5%;
  text-align: center;
  background: #fff;
  padding: 8px 0;
  vertical-align: middle;
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu-suppr a.supprimer-lieu::after {
  content: "\f182";
  font-family: "dashicons";
  display: block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  color: #cc4c2e;
  font-size: 28px;
  line-height: 16px;
  margin: 0 auto;
}

#tableau-de-bord .div-item-tab .lieu-div .wrapper-lieu {
  padding: 20px;
}

#tableau-de-bord .div-item-tab .lieu-div .class-field-input {
  margin: 15px 0 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div {
  background: #e5e5e5;
  margin: 15px 0;
  overflow: hidden;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-titre-suppr-bureau {
  position: relative;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-titre-suppr-bureau a.titre-bureau {
  display: block;
  position: relative;
  background: #262626;
  color: #fff;
  text-decoration: none;
  width: 95%;
  padding: 7px 20px;
  box-sizing: border-box;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-titre-suppr-bureau a.titre-bureau:after {
  content: "\f347";
  color: #fff;
  font-size: 16px;
  font-family: "dashicons";
  float: right;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-titre-suppr-bureau a.titre-bureau.deplier:after {
  content: "\f343";
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-titre-suppr-bureau a.supprimer-bureau {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  width: 5%;
  text-align: center;
  background: #fff;
  padding: 2px 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-titre-suppr-bureau a.supprimer-bureau::after {
  content: "\f182";
  font-family: "dashicons";
  display: block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  color: #cc4c2e;
  font-size: 32px;
  line-height: 28px;
  margin: 0 auto;
  width: 30px;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau {
  background: #e5e5e5;
  padding: 20px;
  margin: 15px 0;
  overflow: hidden;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div {
  margin: 15px 0 0;
  border-bottom: 1px dashed #262626;
  padding: 0 0 15px;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div.border-solid {
  border-bottom: 1px solid #262626;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div span.jour {
  font-size: 14px;
  line-height: 18px;
  color: #262626;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px;
  float: left;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .horaire-jour-semaine {
  position: relative;
  overflow: hidden;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .horaire-jour-semaine label {
  clear: both;
  margin: 5px 0 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .horaire-jour-semaine input {
  margin: 10px 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .wrapper-horaires-urgences .checkbox-hu {
  margin: 10px 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .wrapper-horaires-urgences .checkbox-hu input[type=checkbox],
#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .wrapper-horaires-urgences .checkbox-hu input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .wrapper-horaires-urgences .checkbox-hu label,
#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .wrapper-horaires-urgences .checkbox-hu label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .wrapper-horaires-urgences,
#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .wrapper-horaires-urgences {
  padding: 15px;
  background: #f9f9f9;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .wrapper-horaires-urgences {
  margin: 10px 0 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .wrapper-horaires-urgences .horaires-urgences,
#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .wrapper-horaires-urgences .horaires-urgences {
  overflow: hidden;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .wrapper-horaires-urgences .horaires-urgences a.supprimer-horaire-urgence {
  display: block;
  text-decoration: none;
  width: 48px;
  text-align: center;
  background: #fff;
  padding: 10px 0;
  float: right;
  margin: 33px 0 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .wrapper-horaires-urgences .horaires-urgences a.supprimer-horaire-urgence:after {
  content: "\f182";
  font-family: "dashicons";
  display: block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  color: #cc4c2e;
  font-size: 28px;
  line-height: 16px;
  margin: 0 auto;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .jour-semaine-div .wrapper-horaires-urgences .horaires-urgences .horaire-matinee-jour-semaine,
#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .wrapper-horaires-urgences .horaires-urgences .horaire-matinee-jour-semaine {
  width: 93%;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .lieu-bureau-exception-div {
  overflow: hidden;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dashed #262626;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception span.titre-label {
  margin: 15px 0;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception .etat-jour-semaine {
  margin: 10px 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception a.supprimer-exception {
  display: block;
  text-decoration: none;
  width: 48px;
  text-align: center;
  background: #fff;
  padding: 10px 0;
  float: right;
  margin: 15px 0;
}

#tableau-de-bord .div-item-tab .lieu-bureau-div .wrapper-lieu-bureau .exception a.supprimer-exception:after {
  content: "\f182";
  font-family: "dashicons";
  display: block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  color: #cc4c2e;
  font-size: 28px;
  line-height: 16px;
  margin: 0 auto;
}

#tableau-de-bord .field-select-choice select {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
}

#tableau-de-bord .field-select-choice span {
  display: inline-block;
  vertical-align: middle;
}

#header-logged a.login {
  float: right;
  width: 190px;
  height: 46px;
  border: 3px solid #ffffff;
  border-radius: 30px;
  outline: none;
  background: transparent;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 22px;
  text-decoration: none;
}

#header-logged a.login:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -4px;
}

#header-logged a.login * {
  display: inline-block;
  vertical-align: middle;
}

#header-logged a.login .login-icon svg {
  fill: #ffffff;
  width: 23px;
  height: 24px;
  margin-right: 6px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-logged a.login .login-text {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-logged a.login:hover {
  border: 3px solid #bb3e70;
  background: #bb3e70;
}

.btn-validation {
  background: #47939c;
  border-radius: 30px;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

/* ------------------- //
//      ANNULATION     //
/* ------------------- */
#annulation-rdv textarea {
  padding: 10px 5px;
  min-height: 180px;
  resize: vertical;
}

/* --------------------- //
//      CONFIRMATION     //
/* --------------------- */
#formulaires-confirmation .wrapper-confirmation {
  margin-top: 30px;
}

/* ------------------- //
//      CALENDRIER     //
/* ------------------- */
#calendrier-mairie h2 {
  margin: 15px 0 50px;
}

#calendrier-mairie .center {
  position: inherit;
}

#calendrier-mairie .field-type {
  margin: 10px 0 0;
}

#calendrier-mairie .recherche-rdv {
  font-size: 0;
  margin: 0 0 40px;
}

#calendrier-mairie .recherche-rdv input[type=text] {
  width: 87%;
  display: inline-block;
  vertical-align: middle;
}

#calendrier-mairie .recherche-rdv input[type=submit] {
  background: #47939c;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  width: 13%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  outline: none;
  padding: 9px 0;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 36px;
}

#calendrier-mairie .recherche-rdv input[type=submit]:hover {
  background: #262626;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv {
  margin: 30px 0 0;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv p {
  font-size: 14px;
  color: #262626;
  text-decoration: none;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv ul li:before {
  content: "●";
  font-size: 14px;
  color: #262626;
  margin: 0 5px 0 0;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv ul li a {
  font-size: 14px;
  color: #262626;
  text-decoration: none;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv ul li a.color-cni {
  color: #3174fb;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv ul li a.color-passeport {
  color: #b50028;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv ul li a.color-cni-passeport {
  color: #5317bd;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv ul li a.color-retrait {
  color: #47939c;
}

#calendrier-mairie .recherche-rdv .results-recherche-rdv ul li a:hover {
  text-decoration: underline;
}

#calendrier-mairie .information-rdv {
  padding: 15px;
  background: #fff;
  width: 500px;
  position: fixed;
  z-index: 4;
  left: 50%;
  display: none;
  min-height: 120px;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: calc(100% - 100px);
}

#calendrier-mairie .information-rdv a.fermer-modal {
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: -15;
  right: -15px;
  cursor: pointer;
  text-decoration: none;
  line-height: 16px;
  background: #262626;
  width: 28px;
  border-radius: 50%;
  padding: 6px 0;
  text-align: center;
}

#calendrier-mairie .information-rdv p {
  margin: 0 0 5px;
}

#calendrier-mairie .information-rdv p a {
  color: #262626;
}

#calendrier-mairie .information-rdv p a:hover {
  text-decoration: none;
}

#calendrier-mairie .information-rdv .loading-modal {
  text-align: center;
}

#calendrier-mairie .information-rdv a.annuler-rdv {
  float: right;
  color: #d51212;
  font-size: 14px;
  text-decoration: none;
}

#calendrier-mairie .information-rdv a.annuler-rdv:hover {
  text-decoration: none;
}

#calendrier-mairie .overlay-popup {
  display: none;
  background: #000;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

#calendrier-mairie tr.impression {
  fill: #2684cf;
}

#calendrier-mairie tr.impression td {
  padding: 0;
  border: none;
  text-align: center;
}

#calendrier-mairie tr.impression td:nth-child(even) {
  background: #fff;
}

#calendrier-mairie tr.impression td a {
  background: #47939c;
  display: inline-block;
  padding: 8px 0;
  margin: 15px 0 0;
  width: 85%;
  vertical-align: middle;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 24px;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
}

#calendrier-mairie tr.impression td a svg {
  width: 18px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 1px 5px 0 0;
}

#calendrier-mairie tr.impression td a svg path {
  fill: #fff;
}

#calendrier-mairie tr.impression td a:hover {
  background: #bb3e70;
}

#calendrier-mairie .legende-calendrier {
  margin: 10px 0 20px;
}

#calendrier-mairie .legende-calendrier h5 {
  font-size: 16px;
}

/* ------------------- */
#annulation-rdv .logo-mairie {
  margin: 0 auto 20px;
  width: 128px;
  display: block;
}

#annulation-rdv .description-annulation {
  margin: 0 0 20px;
}

/* ------------------- */
#impression-rdv ul {
  margin: 30px 0 0;
}

#impression-rdv ul li {
  padding: 0 0 20px;
  border-bottom: 1px solid #333;
  margin: 0 0 20px;
}

#impression-rdv ul li span {
  display: block;
  margin: 0 0 5px;
}

#impression-rdv .legende-calendrier {
  margin: 0 0 20px;
}

/* ---------------- */
#template-cookies .wrapper-all-broswers {
  margin-top: 30px;
}

#template-cookies ul {
  font-size: 0;
  margin: 30px 0 0;
}

#template-cookies ul li {
  width: 24%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 10px 1%;
}

#template-cookies ul li:nth-child(4n+1) {
  margin-left: 0;
}

#template-cookies ul li a {
  display: block;
  text-align: center;
  padding: 20px 0 40px;
  background: #f6f6f6;
  height: 175px;
  text-decoration: none;
  position: relative;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  transition: all 0.5s ease-in-out;
}

#template-cookies ul li a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#template-cookies ul li a img {
  max-width: 100%;
  height: auto;
  width: 125px;
  display: inline-block;
  vertical-align: middle;
}

#template-cookies ul li a span {
  font-size: 16px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin: 20px 0 0;
  color: #000;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 20px;
}

#template-cookies ul li a:hover {
  background: #e5e4e4;
}

/* ------------- */
.entry-content {
  margin: 30px 0 0;
}

.entry-content blockquote {
  background: #f8f8f8;
  padding: 25px 25px 25px 45px;
  color: #909090;
  position: relative;
  margin: 0;
}

.entry-content blockquote:before {
  content: '"';
  color: #909090;
  font-size: 90px;
  position: absolute;
  font-style: initial;
  left: 10px;
  top: 45px;
}

.entry-content .auto {
  margin: 0 auto 40px;
}

.entry-content .auto a {
  color: #47939c;
}

.entry-content .auto a:hover {
  text-decoration: none;
}

.entry-content ol > li {
  list-style-type: decimal;
  margin: 0 0 20px;
}

.entry-content img {
  margin: 20px 0;
  display: block;
}

/* ------------- */
.foire-aux-questions ul.accordeon-faq {
  margin: 20px 0 0;
}

.foire-aux-questions ul.accordeon-faq > li {
  margin: 0 0 20px;
}

.foire-aux-questions ul.accordeon-faq > li .question {
  background: #337a84;
  display: block;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}

.foire-aux-questions ul.accordeon-faq > li .question:after {
  content: "\f347";
  font-family: dashicons;
  font-size: 18px;
  color: #fff;
  position: absolute;
  right: 10px;
}

.foire-aux-questions ul.accordeon-faq > li.open-li .question:after {
  content: "\f343";
}

.foire-aux-questions ul.accordeon-faq > li .reponse {
  background: #47939c;
  display: block;
  color: #fff;
  padding: 20px 10px;
  font-size: 15px;
  line-height: 19px;
  display: none;
  max-height: inherit !important;
}

.foire-aux-questions ul.accordeon-faq > li .reponse ul,
.foire-aux-questions ul.accordeon-faq > li .reponse ol {
  margin: 10px 0;
}

.foire-aux-questions ul.accordeon-faq > li .reponse ul li,
.foire-aux-questions ul.accordeon-faq > li .reponse ol li {
  margin: 0 0 5px;
}

.foire-aux-questions ul.accordeon-faq > li .reponse a {
  color: #fff;
}

/* ----------------- */
#retrait-docs {
  padding: 20px 0;
}

#retrait-docs .aucune-reservation {
  text-align: justify;
  display: none;
}

#retrait-docs .field-div {
  margin: 0 0 20px;
  display: inline-block;
  vertical-align: middle;
}

#retrait-docs .field-div-radio {
  margin: 0 0 10px;
}

#retrait-docs .field-div-radio input[type=radio] {
  margin: 0 10px 0 0;
}

/* ---------------------- */
#statistiques .wrapper-stats {
  margin: 20px 0;
}

/* ------------------- */
body.home {
  margin: 0;
  padding: 0;
}

body.home * {
  box-sizing: border-box;
}

.auto {
  max-width: 1240px;
  margin: 0 auto;
}

.full {
  width: 100%;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bb3e70;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#header-front.sticky .top-header {
  background: #2b2b36;
  z-index: 10;
  padding: 0;
  height: 95px;
}

#header-front.sticky .top-header a.logo svg {
  transform: scale(0.5);
}

.burger-check {
  display: none;
}

#header-front {
  background: url("../images/HeaderBandeau.jpg") no-repeat center center;
  background-size: cover;
  height: 100vh;
  position: relative;
  z-index: 100;
}

#header-front .top-header {
  height: 145px;
  padding: 25px 0;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  width: 100%;
}

#header-front .top-header a.logo {
  float: left;
}

#header-front .top-header a.logo svg {
  fill: #ffffff;
  width: 248px;
  height: 95px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-front .top-header nav {
  float: left;
  display: table;
  table-layout: fixed;
  margin: 0 0 0 35px;
}

#header-front .top-header nav ul {
  display: table-row;
}

#header-front .top-header nav ul li {
  display: table-cell;
  vertical-align: middle;
  height: 97px;
  padding: 0 23px;
}

#header-front .top-header nav ul li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#header-front .top-header nav ul li a {
  display: inline-block;
  vertical-align: middle;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-front .top-header a.login {
  float: right;
  width: 174px;
  height: 46px;
  border: 3px solid #ffffff;
  border-radius: 30px;
  outline: none;
  background: transparent;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 22px;
  text-decoration: none;
}

#header-front .top-header a.login:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -4px;
}

#header-front .top-header a.login * {
  display: inline-block;
  vertical-align: middle;
}

#header-front .top-header a.login .login-icon svg {
  fill: #ffffff;
  width: 23px;
  height: 24px;
  margin-right: 6px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-front .top-header a.login .login-text {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header-front .top-header a.login:hover {
  border: 3px solid #bb3e70;
  background: #bb3e70;
}

#header-front .bottom-header {
  padding-top: 260px;
}

#header-front .bottom-header h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 40px;
  color: #ffffff;
  text-transform: none;
  padding: 0;
  margin: 0;
  border: none;
  line-height: 50px;
}

#header-front .bottom-header p {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  margin: 25px 0 0 0;
  line-height: 24px;
}

#header-front .bottom-header a.demo {
  width: 295px;
  height: 45px;
  border-radius: 30px;
  border: none;
  outline: none;
  background: #ffffff;
  font-family: "Montserrat", sans-serif;
  color: #1a3572;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  margin: 70px 0 130px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 45px;
  text-decoration: none;
}

#header-front .bottom-header a.demo.hvr-sweep-to-right:hover,
#header-front .bottom-header a.demo.hvr-sweep-to-right:focus {
  color: #ffffff;
  background: #bb3e70;
}

.title-area {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #2b2b36;
  font-size: 44px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 44px;
  margin: 0 0 40px;
  padding: 0;
}

.avantages {
  padding: 50px 0 55px;
}

.avantages .auto {
  text-align: justify;
  /* ie 7*/
  *width: 100%;
  *-ms-text-justify: distribute-all-lines;
  *text-justify: distribute-all-lines;
}

.avantages .auto:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.avantages .block-grey {
  background: #eeeef3;
  height: 260px;
  text-align: center;
  width: 400px;
  display: inline-block;
  /* ie 7*/
  *display: inline;
  *zoom: 1;
  *text-align: left;
  vertical-align: top;
  margin-top: 80px;
  position: relative;
  padding: 85px 20px 20px;
}

.avantages .block-grey.hidden {
  height: 0;
  padding: 0;
  margin: 0;
}

.avantages .block-grey .icon-block {
  width: 120px;
  height: 120px;
  background: #2b2b36;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -60px;
  text-align: center;
  border-radius: 100%;
}

.avantages .block-grey .icon-block:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -4px;
}

.avantages .block-grey .icon-block svg {
  fill: #ffffff;
  display: inline-block;
  vertical-align: middle;
}

.avantages .block-grey:nth-child(2) .icon-block svg {
  width: 70px;
  height: 61px;
}

.avantages .block-grey:nth-child(3) .icon-block svg {
  width: 56px;
  height: 51px;
}

.avantages .block-grey:nth-child(4) .icon-block svg {
  width: 62px;
  height: 61px;
}

.avantages .block-grey:nth-child(5) .icon-block svg {
  width: 66px;
  height: 75px;
}

.avantages .block-grey:nth-child(6) .icon-block svg {
  width: 47px;
  height: 70px;
}

.avantages .block-grey:nth-child(7) .icon-block svg {
  width: 50px;
  height: 68px;
}

.avantages > .auto .block-grey {
  -webkit-transition: all, 0.8s, ease-in-out;
  -moz-transition: all, 0.8s, ease-in-out;
  -o-transition: all, 0.8s, ease-in-out;
  transition: all 0.8s ease-in-out;
  opacity: 0;
}

.avantages > .auto.animated .block-grey {
  opacity: 1;
}

.avantages > .auto.animated .block-grey:nth-child(2) {
  transition-delay: 0s;
}

.avantages > .auto.animated .block-grey:nth-child(3) {
  transition-delay: .3s;
}

.avantages > .auto.animated .block-grey:nth-child(4) {
  transition-delay: .6s;
}

.avantages > .auto.animated .block-grey:nth-child(5) {
  transition-delay: .9s;
}

.avantages > .auto.animated .block-grey:nth-child(6) {
  transition-delay: 1.2s;
}

.avantages > .auto.animated .block-grey:nth-child(7) {
  transition-delay: 1.5s;
}

.avantages > .auto.animated .block-grey .title-block {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #2b2b36;
  text-transform: uppercase;
  font-size: 17px;
  display: block;
}

.avantages > .auto.animated .block-grey .title-block:after {
  content: '';
  display: block;
  margin: 20px auto;
  width: 210px;
  height: 4px;
  background: #1a3572;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1a3572 0%, #1a3572 33%, white 33%, white 66%, #b31b3f 66%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1a3572 0%, #1a3572 33%, white 33%, white 66%, #b31b3f 66%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1a3572 0%, #1a3572 33%, white 33%, white 66%, #b31b3f 66%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.avantages .block-grey .text-block {
  font-family: "Roboto", sans-serif;
  color: #767683;
  font-size: 14px;
}

.description {
  background: #47939c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #47939c 0%, #47939c 48%, #337a84 48%, #337a84 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #47939c 0%, #47939c 48%, #337a84 48%, #337a84 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #47939c 0%, #47939c 48%, #337a84 48%, #337a84 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: 710px;
}

.description > .auto {
  position: relative;
  padding: 50px 0 55px;
  z-index: 10;
}

.description > .auto .nav-slider {
  position: absolute;
  left: 620px;
  top: 260px;
  z-index: 2;
}

.description > .auto .nav-slider a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  background: #a3c9ce;
  text-align: center;
  line-height: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #47939c;
  font-size: 20px;
  text-decoration: none;
  border-radius: 50%;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-right: 20px;
  opacity: 0;
}

.description > .auto .nav-slider a.bounceInDown:nth-child(1) {
  animation-delay: .2s;
}

.description > .auto .nav-slider a.bounceInDown:nth-child(2) {
  animation-delay: .4s;
}

.description > .auto .nav-slider a.bounceInDown:nth-child(3) {
  animation-delay: .6s;
}

.description > .auto .nav-slider a.bounceInDown:nth-child(4) {
  animation-delay: .8s;
}

.description > .auto .nav-slider a.bounceInDown:nth-child(5) {
  animation-delay: 1s;
}

.description > .auto .nav-slider a.bounceInDown {
  opacity: 1;
}

.description > .auto .nav-slider a:not(.selected):hover {
  background: #ffffff;
}

.description > .auto .nav-slider a.selected {
  width: 80px;
  height: 80px;
  background: #2b2b36;
  line-height: 80px;
  font-size: 40px;
  margin-top: -20px;
}

.description .steps-slider {
  position: relative;
}

.description .title-area {
  color: #ffffff;
}

.description .steps-slider .wrapper-slider .slide {
  height: 530px;
  float: left;
}

.description .steps-slider .wrapper-slider .slide.installation .left-part,
.description .steps-slider .wrapper-slider .slide.installation .right-part {
  visibility: hidden;
}

.description .steps-slider .wrapper-slider .slide.active.installation .left-part.fadeInLeft,
.description .steps-slider .wrapper-slider .slide.active.installation .right-part.fadeInright {
  visibility: visible;
}

.description .steps-slider .wrapper-slider .slide .left-part {
  float: left;
  position: relative;
  margin-left: -200px;
  opacity: 0;
  width: 560px;
  height: 530px;
}

.description .steps-slider .wrapper-slider .slide.active .left-part {
  margin-left: 0;
  opacity: 1;
  -webkit-transition: all, 1s, ease-in-out;
  -moz-transition: all, 1s, ease-in-out;
  -o-transition: all, 1s, ease-in-out;
  transition: all 1s ease-in-out;
}

.description .steps-slider .wrapper-slider .slide .left-part .computer {
  position: absolute;
  left: 0;
  top: 0;
  width: 560px;
  height: 530px;
  background: url("../images/imac.png") no-repeat center top;
  z-index: 1;
}

.description .steps-slider .wrapper-slider .slide .left-part .pic-screen {
  position: absolute;
  left: 12px;
  top: 11px;
  width: 536px;
  height: 308px;
  z-index: 0;
}

.description .steps-slider .wrapper-slider .slide .left-part .pic-screen .screenshot {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

.description .steps-slider .wrapper-slider .slide.installation .left-part .pic-screen .screenshot {
  background: url("../images/Diapo1.jpg") no-repeat center center;
}

.description .steps-slider .wrapper-slider .slide.personnalisation .left-part .pic-screen .screenshot {
  background: url("../images/Diapo2.jpg") no-repeat center center;
}

.description .steps-slider .wrapper-slider .slide.active.rendezvous .left-part .pic-screen .screenshot:nth-child(1) {
  background: url("../images/Diapo3-1.jpg") no-repeat center center;
  z-index: 3;
  animation-name: step31;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 0s;
}

.description .steps-slider .wrapper-slider .slide.active.rendezvous .left-part .pic-screen .screenshot:nth-child(2) {
  background: url("../images/Diapo3-2.jpg") no-repeat center center;
  z-index: 2;
  animation-name: step32;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 0s;
}

.description .steps-slider .wrapper-slider .slide.active.rendezvous .left-part .pic-screen .screenshot:nth-child(3) {
  background: url("../images/Diapo3-3.jpg") no-repeat center center;
  z-index: 1;
  opacity: 1;
}

@-webkit-keyframes step31 {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  33.3333% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes step32 {
  0% {
    opacity: 0;
  }
  33.3333% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  66.6666% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.description .steps-slider .wrapper-slider .slide.active.validation .left-part .pic-screen .screenshot:nth-child(1) {
  background: url("../images/Diapo4-1.jpg") no-repeat center center;
  z-index: 2;
  animation-name: step41;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 0s;
}

.description .steps-slider .wrapper-slider .slide.active.validation .left-part .pic-screen .screenshot:nth-child(2) {
  background: url("../images/Diapo4-2.jpg") no-repeat center center;
  z-index: 1;
  opacity: 1;
}

@-webkit-keyframes step41 {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  47% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.description .steps-slider .wrapper-slider .slide.rappel .left-part .pic-screen {
  background: url("../images/Diapo5.jpg") no-repeat center center;
}

.description .steps-slider .wrapper-slider .slide .right-part {
  float: right;
  width: 620px;
  height: 530px;
  padding: 200px 0 0 0;
  margin-right: -200px;
  opacity: 0;
}

.description .steps-slider .wrapper-slider .slide.active .right-part {
  margin-right: 0;
  opacity: 1;
  -webkit-transition: all, 1s, ease-in-out;
  -moz-transition: all, 1s, ease-in-out;
  -o-transition: all, 1s, ease-in-out;
  transition: all 1s ease-in-out;
}

.description .steps-slider .wrapper-slider .slide .right-part .title-slide {
  margin: 0 0 30px;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: #2b2b36;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.description .steps-slider .wrapper-slider .slide .right-part .content-slide {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
}

.price {
  background: #eeeef3;
  text-align: center;
}

.price .auto {
  position: relative;
  height: 100%;
  padding: 50px 0 55px;
  height: 400px;
}

.price .title-area {
  color: #bb3e70;
}

.price .pricetag {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #2b2b36;
  font-size: 40px;
  line-height: 70px;
  margin: 70px 0 30px 0;
  opacity: 0;
}

.price .pricetag.fadeInDown,
.price a.try.pulse {
  opacity: 1;
  text-decoration: none;
}

.price a.try.pulse {
  animation-delay: .2s;
}

.price .pricetag > span:first-of-type {
  color: #bb3e70;
  font-size: 50px;
}

.price .pricetag span span {
  font-size: 100px;
}

.price a.try {
  background: #2b2b36;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  width: 240px;
  height: 45px;
  border-radius: 30px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  color: #ffffff;
  opacity: 0;
  line-height: 45px;
}

.price a.try:hover {
  background: #bb3e70;
}

.price .conditions {
  color: #767683;
  font-style: italic;
  font-size: 12px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 20px;
}

.clients .auto {
  padding: 50px 0 10px;
  max-height: 290px;
  overflow: hidden;
  -webkit-transition: all, 0.8s, ease-in-out;
  -moz-transition: all, 0.8s, ease-in-out;
  -o-transition: all, 0.8s, ease-in-out;
  transition: all 0.8s ease-in-out;
  text-align: center;
}

.clients .auto.expanded {
  max-height: 10000px;
  -webkit-transition: all, 0.8s, ease-in-out;
  -moz-transition: all, 0.8s, ease-in-out;
  -o-transition: all, 0.8s, ease-in-out;
  transition: all 0.8s ease-in-out;
}

.clients .click-expand {
  display: none;
}

.clients .title-area {
  color: #767683;
}

.clients .block-logo {
  width: 310px;
  height: 100px;
  /* float:left; */
  margin-bottom: 60px;
  display: inline-block;
  margin-left: -4px;
}

.clients .auto > a:nth-of-type(1) {
  background: url("../images/Client3.png") no-repeat center center;
}

.clients .auto > a:nth-of-type(4) {
  background: url("../images/Client4.png") no-repeat center center;
}

.clients .auto > a:nth-of-type(5) {
  background: url("../images/Client5.png") no-repeat center center;
}

.clients .auto > a:nth-of-type(2) {
  background: url("../images/bayonne.jpg") no-repeat center center;
}

.clients .auto > a:nth-of-type(3) {
  background: url("../images/biscarrosse.jpg") no-repeat center center;
}

.clients .auto > a:nth-of-type(6) {
  background: url("../images/paimpol.jpg") no-repeat center center;
}

.clients .auto > a:nth-of-type(7) {
  background: url("../images/carquefou.jpg") no-repeat center center;
}

.clients .auto > a:nth-of-type(8) {
  background: url("../images/fougeres.jpg") no-repeat center center;
}

.clients .auto > a:nth-of-type(9) {
  background: url("../images/morteau.jpg") no-repeat center center;
}

.clients .auto > a:nth-of-type(10) {
  background: url("../images/orvault.jpg") no-repeat center center;
}

.clients .auto > a:nth-of-type(4n+1),
.clients .auto > a:nth-of-type(4n+2),
.clients .auto > a:nth-of-type(4n+3),
.clients .auto > a:nth-of-type(4n+4) {
  opacity: 0;
}

.clients .auto > a:nth-of-type(4n+1).fadeInLeft,
.clients .auto > a:nth-of-type(4n+2).fadeInLeft {
  opacity: 1;
}

.clients .auto > a:nth-of-type(4n+3).fadeInRight,
.clients .auto > a:nth-of-type(4n+4).fadeInRight {
  opacity: 1;
}

.clients .auto > a:nth-of-type(4n+2),
.clients .auto > a:nth-of-type(4n+3) {
  animation-delay: .0s;
}

.clients .auto > a:nth-of-type(4n+1),
.clients .auto > a:nth-of-type(4n+4) {
  animation-delay: .3s;
}

.clients.to-expand {
  position: relative;
}

.clients.to-expand .click-expand {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #767683;
  border-radius: 50%;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

.clients.to-expand .click-expand:hover {
  background: #bb3e70;
}

.clients.to-expand .click-expand:before {
  content: '+';
}

.clients.to-expand .click-expand.expanded:before {
  content: '-' !important;
}

#footer-front .form ul li.gfield {
  clear: none;
}

#footer-front .form ul li.gfield_error input {
  background: rgba(179, 27, 63, 0.3);
}

#footer-front .form ul li {
  position: relative;
}

#footer-front .top-footer {
  height: 670px;
  /* height: 590px; */
  background: #2b2b36;
  overflow: hidden;
}

#footer-front .top-footer .auto {
  padding: 50px 0 0;
}

#footer-front .top-footer .title-area {
  color: #ffffff;
}

#footer-front .top-footer .form {
  float: left;
  width: 820px;
  opacity: 0;
}

#footer-front .top-footer .form.fadeInLeft {
  opacity: 1;
}

#footer-front .top-footer .mobile {
  float: right;
  width: 290px;
  height: 470px;
  /*background: url("../images/FooterIphone.png") no-repeat center center;*/
  margin-top: 440px;
}

#footer-front .top-footer .mobile.slideInUp {
  margin-top: 66px;
}

#footer-front .top-footer .gform_body input {
  cursor: text;
  padding: 0 15px;
  border: 3px solid #d1d2da;
  background: transparent;
  height: 50px;
  color: #d1d2da;
  font-size: 13px;
  width: 100%;
}

#footer-front .top-footer #field_1_1,
#footer-front .top-footer #field_1_3 {
  float: left;
  width: 400px;
  padding: 0  0 20px;
}

#footer-front .top-footer #field_1_2,
#footer-front .top-footer #field_1_4 {
  float: right;
  width: 400px;
  padding: 0  0 20px;
}

#footer-front .top-footer #field_1_5 {
  float: left;
  width: 100%;
}

#footer-front .top-footer .gfield_label {
  display: none;
}

#footer-front .top-footer .gfield_description {
  color: #fff;
  margin: 15px 0 0;
}

#footer-front .gform_footer .wrapper-rgpd {
  display: flex;
}

#footer-front .gform_footer .gfield_description input[type="checkbox"] {
  height: 15px !important;
  width: 15px !important;
  margin: 0 10px 0 0 !important;
}

#footer-front .gform_footer .wrapper-rgpd label {
  margin-top: 0;
}

#footer-front .top-footer .gfield_description label {
  color: #fff;
}

#footer-front .top-footer .gfield_description label #rgpd-visibilite {
  color: #bb3e70;
}

#footer-front .top-footer .gfield_description #link-rgpd-gf {
  color: #47939c;
  text-decoration: none;
}



#footer-front .top-footer textarea {
  width: 100%;
  height: 130px;
  border: 3px solid #d1d2da;
  background: transparent;
  color: #d1d2da;
  font-size: 13px;
  resize: none;
  cursor: text;
  padding: 15px;
}

#footer-front .top-footer ::-webkit-input-placeholder {
  color: #d1d2da;
  opacity: 1;
}

#footer-front .top-footer :-moz-placeholder {
  color: #d1d2da;
  opacity: 1;
}

#footer-front .top-footer ::-moz-placeholder {
  color: #d1d2da;
  opacity: 1;
}

#footer-front .top-footer :-ms-input-placeholder {
  color: #d1d2da;
  opacity: 1;
}

#footer-front .top-footer .gform_footer {
  float: right;
}

#footer-front .top-footer .gform_footer input {
  cursor: pointer;
  background: #47939c;
  width: 180px;
  height: 50px;
  border: none;
  outline: none;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 30px;
  margin-top: 20px;
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
  float: right;
}

#footer-front .top-footer .gform_footer input:hover {
  background: #bb3e70;
}

#footer-front .top-footer .validation_error {
  display: none;
}

#footer-front .top-footer .gfield_description.validation_message {
  color: #b31b3f;
  position: absolute;
  left: 0;
  bottom: 3px;
  font-size: 12px;
}

#footer-front .top-footer .gform_confirmation_message_1 {
  color: #47939c;
  margin-top: 10px;
}

#footer-front .top-footer .gform_confirmation_message_1 #gform_wrapper_1 {
  margin: 0;
  padding: 0;
}

#footer-front .top-footer .gform_confirmation_message_1 br {
  display: none;
}

#footer-front .top-footer .gform_confirmation_message_1 .gform_body {
  margin-top: 10px;
}

#footer-front .top-footer .intro_form {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}

#footer-front .top-footer .intro_form span {
  color: #47939c;
}

#footer-front .bottom-footer {
  height: 110px;
}

#footer-front .bottom-footer .bottom-left {
  float: left;
  height: 100%;
}

#footer-front .bottom-footer .bottom-right {
  float: right;
  height: 100%;
}

#footer-front .bottom-footer .bottom-left:before,
#footer-front .bottom-footer .bottom-right:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: 4px;
}

#footer-front .bottom-footer .footer-logo {
  display: inline-block;
  vertical-align: middle;
  width: 109px;
  height: 28px;
  background: url("../images/FooterLogoCreasit.png") no-repeat center center;
}

#footer-front .bottom-footer .credits {
  display: inline-block;
  vertical-align: middle;
  color: #767683;
  font-size: 14px;
  margin-left: 40px;
  text-decoration: none;
}

#footer-front .bottom-footer .bottom-right * {
  color: #767683;
  font-size: 11px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}

#footer-front .bottom-footer .bottom-right a {
  -webkit-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all 0.3s ease-in-out;
}

#footer-front .bottom-footer .bottom-right a:hover {
  color: #2b2b36;
}

#footer-front .bottom-footer .bottom-right *:after {
  content: '|';
  margin: 0 0 0 4px;
}

#footer-front .bottom-footer .bottom-right .mentions:after {
  display: none;
}

/**/
.home .gform_wrapper ul li.gfield,
.home .gform_wrapper .top_label div.ginput_container {
  margin-top: 0;
  width: 100%;
}

.home .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

.home .gform_wrapper .gform_footer {
  margin: 0;
  padding: 0;
}

.home .gform_wrapper .gform_footer input.button,
.home .gform_wrapper .gform_footer input[type="submit"],
.home .gform_wrapper .gform_page_footer input.button,
.home .gform_wrapper .gform_page_footer input[type="submit"] {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1260px) {
  .auto {
    max-width: 960px;
  }

  #header-front .top-header {
    height: 120px;
    position: static;
  }

  #header-front .top-header a.logo svg {
    width: 178px;
    height: 70px;
  }

  #header-front .top-header nav {
    margin: 0 0 0 15px;
  }

  #header-front .top-header nav ul li {
    height: 71px;
    padding: 0 15px;
  }

  #header-front .top-header a.login {
    margin: 12px 22px;
  }

  #header-front .bottom-header {
    padding-top: 140px;
  }

  .avantages .block-grey {
    width: 460px;
    display: inline-block;
  }

  .description .steps-slider .wrapper-slider .slide .left-part {
    width: 45%;
  }

  .description .steps-slider .wrapper-slider .slide .left-part .computer {
    width: 100%;
    height: 100%;
    background-size: 100% auto;
  }

  .description .steps-slider .wrapper-slider .slide .left-part .pic-screen {
    width: 92%;
    height: 45%;
    left: 0;
    top: 0;
  }

  .description .steps-slider .wrapper-slider .slide .left-part .pic-screen {
    left: 4%;
  }

  .description .steps-slider .wrapper-slider .slide .right-part {
    width: 50%;
    padding: 180px 0 0 0;
  }

  .description > .auto .nav-slider {
    left: 50%;
    top: 240px;
  }

  #footer-front .top-footer .form {
    width: 100%;
  }

  #footer-front .top-footer .mobile {
    display: none;
  }

  #footer-front .top-footer #field_1_1,
  #footer-front .top-footer #field_1_3 {
    float: left;
    width: 48%;
    padding: 0  0 20px;
  }

  #footer-front .top-footer #field_1_2,
  #footer-front .top-footer #field_1_4 {
    float: right;
    width: 48%;
    padding: 0  0 20px;
  }

  #header-logged .text-header span:first-of-type br {
    display: none;
  }

  #header-logged .text-header span:first-of-type {
    margin: 25px 0 10px 90px;
  }
}
@media screen and (max-width: 960px) {
  .auto {
    max-width: 580px;
  }

  #header-front {
    height: 770px;
  }

  #header-front .top-header > .auto {
    position: relative;
  }

  #header-front .top-header a.logo {
    display: block;
    width: 178px;
    height: 70px;
  }

  #header-front .top-header a.login {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }

  #header-front .top-header nav {
    margin: 10px 0 0 0;
  }

  #header-front .top-header nav ul li {
    width: 25%;
  }

  #header-front .bottom-header h2 br {
    display: none;
  }

  .avantages .block-grey {
    width: 100%;
    display: inline-block;
    height: 280px;
  }

  .description {
    height: auto;
  }

  .description > .auto {
    padding: 50px 0 0;
  }

  .description .steps-slider .wrapper-slider .slide {
    height: auto;
  }

  .description .steps-slider .wrapper-slider .slide .left-part {
    width: 100%;
    float: none;
  }

  .description .steps-slider .wrapper-slider .slide .left-part .pic-screen {
    height: 65%;
  }

  .description .steps-slider .wrapper-slider .slide .right-part {
    width: 100%;
    float: none;
    padding: 60px 0 0 0;
    height: 270px;
  }

  .description .caroufredsel_wrapper {
    height: 880px !important;
  }

  .description > .auto .nav-slider {
    left: 0;
    top: 660px;
  }

  .description > .auto .nav-slider a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    margin-right: 10px;
  }

  .description > .auto .nav-slider a.selected {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-top: -15px;
  }

  .clients .block-logo {
    width: 50%;
  }

  .title-area {
    font-size: 36px;
  }

  #footer-front .top-footer .intro_form br {
    display: none;
  }

  #footer-front .bottom-footer .bottom-left::before {
    display: none;
  }

  #footer-front .bottom-footer .footer-logo {
    display: block;
    margin: 30px auto;
  }

  #footer-front .bottom-footer .credits {
    display: block;
    text-align: center;
    margin-left: 0;
  }

  #footer-front .bottom-footer .bottom-right {
    float: none;
    height: auto;
    width: 290px;
    margin: 0 auto;
  }

  #header-logged .text-header {
    display: none;
  }

  .wrapper-rdv-btn .title-dashboard {
    flaot: none;
    width: 100%;
    text-align: center;
  }

  .wrapper-rdv-btn .wrapper-btn {
    float: none;
    width: 100%;
    text-align: center;
  }

  .wrapper-rdv-btn .wrapper-btn .btn-back {
    float: none;
    display: inline-block;
    margin: 30px 10px 0 10px;
  }
}
@media screen and (max-width: 560px) {
  .auto {
    max-width: 300px;
  }

  #header-front {
    height: 670px;
  }

  #header-front .top-header > .auto {
    text-align: center;
  }

  #header-front .top-header a.logo {
    float: none;
    margin: 0 auto;
  }

  #header-front .top-header a.login {
    display: block;
    position: absolute;
    right: 0;
    top: 160px;
    left: 0;
    margin: 0 auto;
  }

  #header-front .bottom-header h2 {
    font-size: 20px;
    line-height: 30px;
  }

  #header-front .bottom-header p {
    font-size: 14px;
  }

  .description {
    background: #47939c;
  }

  .description .steps-slider .wrapper-slider .slide.active .left-part {
    display: none;
  }

  .description > .auto .nav-slider {
    top: 170px;
  }

  .description .caroufredsel_wrapper {
    height: 490px !important;
  }

  .description .steps-slider .wrapper-slider .slide .right-part .title-slide {
    font-size: 20px;
  }

  .price .pricetag {
    margin: 0 0 10px;
    font-size: 30px;
  }

  .price .pricetag > span:first-of-type {
    font-size: 30px;
  }

  .price .pricetag span span {
    font-size: 70px;
  }

  .price .title-area {
    margin: 0 0 20px;
  }

  .price .conditions {
    bottom: 30px;
  }

  .clients .block-logo {
    width: 100%;
    margin-bottom: 30px;
  }

  .clients .auto {
    max-height: 450px;
  }

  .burger {
    display: inline-block;
    border: 0;
    background: none;
    outline: 0;
    padding: 0;
    cursor: pointer;
    border-bottom: 4px solid #ffffff;
    width: 28px;
    transition: border-bottom 1s ease-in-out;
    -webkit-transition: border-bottom 1s ease-in-out;
    margin-top: 30px;
  }
  .burger::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .burger:before {
    content: "";
    display: block;
    border-bottom: 4px solid #ffffff;
    width: 100%;
    margin-bottom: 5px;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }
  .burger:after {
    content: "";
    display: block;
    border-bottom: 4px solid #ffffff;
    width: 100%;
    margin-bottom: 5px;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }

  .burger-check {
    display: none;
  }

  .burger-check:checked ~ .burger {
    border-bottom: 4px solid transparent;
    transition: border-bottom 0.8s ease-in-out;
    -webkit-transition: border-bottom 0.8s ease-in-out;
  }
  .burger-check:checked ~ .burger:before {
    transform: rotate(-405deg) translateY(1px) translateX(-3px);
    -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }
  .burger-check:checked ~ .burger:after {
    transform: rotate(405deg) translateY(-4px) translateX(-5px);
    -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
    transition: transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }

  nav {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
  }

  .burger-check:checked ~ nav {
    max-height: 500px;
    transition: max-height 0.5s ease-in-out;
  }

  #header-front .top-header nav {
    float: none;
    display: block;
    background: #2b2b36;
    position: relative;
    z-index: 10;
  }

  #header-front .top-header nav ul {
    display: block;
  }

  #header-front .top-header nav ul li {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .title-area {
    font-size: 25px;
  }

  #footer-front .top-footer .intro_form br {
    display: none;
    font-size: 14px;
  }

  #footer-front .top-footer {
    height: 760px;
  }

  #footer-front .top-footer #field_1_2, #footer-front .top-footer #field_1_4,
  #footer-front .top-footer #field_1_1, #footer-front .top-footer #field_1_3 {
    float: none;
    width: 100%;
  }

  #footer-front .top-footer .intro_form {
    margin-bottom: 40px;
  }

  #header-logged .logo {
    float: none;
    width: 250px;
    margin: 0 auto;
  }

  #header-logged.dashboard .login {
    float: none;
    margin: 20px auto;
    display: block;
  }

  #header-logged {
    height: 250px;
  }

  #tableau-de-bord .fileUpload span.input-telecharger {
    width: 140px;
  }

  #loginform {
    width: 300px !important;
    padding: 70px 20px 0;
  }
}