@charset "UTF-8";
/* @include x-display-flex; */
/* @include mobile-1-col; */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
/*
@font-face {
    @include MainTypo;
    src: url('../fonts/FuturaStd-Bold.eot');
    src: url('../fonts/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaStd-Bold.woff2') format('woff2'),
        url('../fonts/FuturaStd-Bold.woff') format('woff'),
        url('../fonts/FuturaStd-Bold.ttf') format('truetype'),
        url('../fonts/FuturaStd-Bold.svg#FuturaStd-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    @include MainTypo;
    src: url('../fonts/FuturaStd-Medium.eot');
    src: url('../fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaStd-Medium.woff2') format('woff2'),
        url('../fonts/FuturaStd-Medium.woff') format('woff'),
        url('../fonts/FuturaStd-Medium.ttf') format('truetype'),
        url('../fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    @include MainTypo;
    src: url('../fonts/FuturaStd-Medium.woff2') format('woff2'),
        url('../fonts/FuturaStd-Medium.woff') format('woff'),
        url('../fonts/FuturaStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TitleTypo';
    src: url('../fonts/FuturaStd-Bold.woff2') format('woff2'),
        url('../fonts/FuturaStd-Bold.woff') format('woff'),
        url('../fonts/FuturaStd-Bold.ttf') format('truetype'),
        url('../fonts/FuturaStd-Bold.eot') format('eot'),
        url('../fonts/FuturaStd-Bold.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'MainTypo-Book';
    src: url('../fonts/FuturaStd-Medium.eot') format('eot'),
        url('../fonts/FuturaStd-Medium.woff2') format('woff2'),
        url('../fonts/FuturaStd-Medium.woff') format('woff'),
        url('../fonts/FuturaStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'BoldTypo';
    src: url('../fonts/FuturaStd-Bold.eot') format('eot'),
        url('../fonts/FuturaStd-Bold.woff2') format('woff2'),
        url('../fonts/FuturaStd-Bold.woff') format('woff'),
        url('../fonts/FuturaStd-Bold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
*/
.allcaps {
  text-transform: uppercase;
}
.myhidden {
  display: none;
}
.shadow {
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  background: white;
}
@media (max-width: 1023px) {
  .shadow {
    padding-bottom: 30px;
  }
}
html {
  /* bobo*/
  overflow-x: hidden;
}
html body {
  font-family: "Montserrat", sans-serif;
  overflow: hidden;
  position: relative;
  background: #d8dfe6;
  max-width: 100%;
  /* page service */
  /* end page services */
}
html body main, html body .footer {
  background: #d8dfe6;
}
html body a {
  text-decoration: none;
}
html body a:hover {
  text-decoration: none;
}
html body .centered {
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto !important;
  margin-top: 45px;
  margin-bottom: 30px;
}
html body .btn-arrow:after {
  font-family: fontAwesome;
  content: "";
  font-size: 12px;
  margin-left: 6px;
  font-weight: 100;
}
html body #share {
  background: #294190;
  position: fixed;
  left: 0px;
  top: 50vh;
  transform: translateY(-50%);
  z-index: 50;
}
html body #share ul {
  padding: 10px;
  padding-bottom: 100px;
  margin: 0px;
  width: 57px;
}
html body #share ul li {
  text-align: center;
  color: white;
  list-style-type: none;
  display: block;
  margin: 5px;
  font-size: 20px;
}
html body #share ul li a {
  color: white;
  transition: all 0.5s ease;
}
html body #share ul li a:hover, html body #share ul li a:focus, html body #share ul li a:active {
  color: #f9de52;
}
html body #share ul li:last-of-type {
  width: fit-content;
  text-align: left;
  font-size: 13px;
  margin-left: 9px;
  text-transform: uppercase;
  transform: rotateZ(-90deg) translateX(-90px);
  transform-origin: 0% 0%;
}
html body header {
  /*  background:$bleu;*/
  height: 115px;
  position: fixed !important;
  z-index: 100;
  top: 0px;
  left: 0;
  right: 0;
}
html body header div.logo {
  position: relative;
  height: 115px;
}
html body header div.logo .brand {
  color: white;
  margin: auto;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 165px;
}
@media (max-width: 1023px) {
  html body header div.logo .brand img {
    margin-top: 5px;
  }
}
html body header .row {
  margin: 0px;
}
html body header .row > div {
  padding: 0px;
}
html body header .header_menu {
  width: 1023px;
}
@media screen and (max-width: 1023px) {
  html body header .header_menu {
    height: 50px;
    width: 100% !important;
  }
}
html body header .header_menu:after {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  right: -3px;
  bottom: 20px;
  background: #294190;
  transform: skewX(-12deg);
  z-index: -1;
  opacity: 0;
  transition: 0.25s ease-in-out;
}
html body header nav.extra_menu {
  /* top menu 1 */
  max-width: 970px;
  width: 100%;
  position: relative;
  margin: auto;
  height: 30px;
}
html body header nav.extra_menu ul > li {
  padding-left: 36px;
  margin-bottom: 0px;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  float: right;
  /*&:after {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 9px;
                            right: -9px;
                            bottom: 0;
                            background: #294190;
                            transform: skewX(-12deg);
                            z-index: -1;
                            opacity: 0;
                            transition: .25s ease-in-out;
                        }*/
}
html body header nav.extra_menu ul > li:before {
  content: "";
  background-image: url(../img/GP/sun_bullet.png);
  width: 13px;
  height: 13px;
  position: absolute;
  left: 14px;
  top: 7px;
}
html body header nav.extra_menu ul > li a {
  display: block;
  font-size: 11px;
  font-weight: 800;
  font-style: italic;
  height: 30px;
  line-height: 30px;
  color: white;
}
html body header nav.extra_menu ul > li a:hover {
  color: white;
}
@media (min-width: 1023px) {
  html body header nav.main_menu {
    border-radius: 9px;
    margin: auto;
    background: #f9de52;
    width: 1024px;
    position: relative;
    height: 73px;
    font-family: "Montserrat", sans-serif;
    -moz-transform: skewX(-12deg);
    -o-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    transform: skewX(-12deg);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  html body header nav.main_menu .unskew {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-transform: skewX(12deg);
    -o-transform: skewX(12deg);
    -ms-transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    transform: skewX(12deg);
  }
  html body header nav.main_menu .unskew div.logo {
    position: relative;
    height: 115px;
  }
  html body header nav.main_menu .unskew div.logo .brand {
    color: white;
    margin: auto;
    display: block;
    position: absolute;
    left: -8px;
    right: 0;
    margin: auto;
    width: 300px;
  }
  html body header nav.main_menu .unskew > ul {
    /* main menu */
    margin-left: 290px;
    margin-top: 20px;
    -moz-transform: skewX(-12deg);
    -o-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    transform: skewX(-12deg);
  }
  html body header nav.main_menu .unskew > ul > li {
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 17px;
    padding-left: 17px;
    height: 60px;
    vertical-align: top;
    position: relative;
  }
  html body header nav.main_menu .unskew > ul > li.single-line {
    padding-top: 6px;
    padding-left: 20px;
  }
  html body header nav.main_menu .unskew > ul > li a {
    color: #294190;
    display: block;
    line-height: 15px;
  }
  html body header nav.main_menu .unskew > ul > li > ul {
    -moz-transform: skewX(12deg);
    -o-transform: skewX(12deg);
    -ms-transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    transform: skewX(12deg);
  }
  html body header nav.main_menu .unskew > ul > li ul {
    /* submenu */
    display: none;
    margin: 0;
    position: absolute;
    width: 300px;
    background: #294190;
    top: 53px;
    padding: 20px;
  }
  html body header nav.main_menu .unskew > ul > li ul li {
    display: block;
    float: none;
    text-transform: uppercase;
    padding: 3px 0px;
    font-size: 12px;
    height: 30px;
  }
  html body header nav.main_menu .unskew > ul > li ul li a {
    color: white;
  }
  html body header nav.main_menu .unskew > ul > li ul li a:hover {
    color: #f9de52;
  }
  html body header nav.main_menu .unskew > ul > li:hover ul {
    display: block;
  }
  html body header nav.main_menu .unskew > ul > li:after {
    content: "";
    position: absolute;
    height: 30px;
    border: 1.5px solid white;
    border-radius: 5px;
    right: 0;
    top: 0;
  }
  html body header nav.main_menu .unskew > ul > li:last-child:after {
    display: none;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1023px) {
  html body header nav.main_menu .unskew > ul > li ul {
    background: white !important;
  }
}
@media (max-width: 1023px) {
  html body header nav.main_menu {
    display: block;
    top: 0;
    height: 800px;
  }
}
html body header nav.main_menu .logo_central {
  width: 343px;
  position: relative;
  height: 133px;
}
html body header nav.main_menu .logo_central a {
  height: 133px;
}
html body header nav.main_menu .logo_central:after {
  position: absolute;
  top: -13px;
  right: 0;
  content: "";
  width: 343px;
  height: 133px;
  background-image: url(../img/TGC/logo_top_garage_classic.png);
  background-size: cover;
  pointer-events: none;
}
@media (min-width: 1023px) {
  html body header nav.main_menu .hide-on-topmenu {
    display: none;
  }
}
html body header nav.main_menu > ul > li {
  position: relative;
  width: 129px;
  line-height: 13px;
  text-transform: uppercase;
}
html body header nav.main_menu > ul > li:hover > a {
  color: #f9de52;
}
html body header nav.main_menu > ul > li > a {
  position: relative;
  display: block;
  padding-top: 14px;
  height: 55x;
  font-weight: 500;
  font-size: 14px;
  color: #294190;
  transition: all 0.5s ease;
}
html body header nav.main_menu > ul > li > a > span {
  display: block;
  font-size: 13px;
  font-weight: 300;
  text-transform: none;
}
html body header nav.main_menu > ul > li.ico_pneu:before {
  background-image: url("../MG_img/ico_pneu.png");
}
html body header nav.main_menu > ul > li.ico_freinage:before {
  background-image: url("../MG_img/ico_freinage.png");
}
html body header nav.main_menu > ul > li.ico_meca:before {
  background-image: url("../MG_img/ico_meca.png");
}
html body header nav.main_menu > ul > li.ico_entretien:before {
  background-image: url("../MG_img/ico_entretien.png");
}
html body header nav.main_menu > ul > li.ico_carrosserie:before {
  background-image: url("../img/icons/picto_carrosserie.svg");
}
html body header nav.main_menu > ul > li.ico_vehicule:before {
  background-image: url("../MG_img/ico_vehicule.png");
}
html body header nav.main_menu > ul > li.ico_vehicule_neuf:before {
  background-image: url("../MG_img/ico_vehicule_neuf.png");
}
html body header nav ul {
  margin: 0px;
  padding: 0px;
}
html body header nav ul li {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 1023px) {
  html body header.wrapper {
    width: 100%;
    max-width: 100vw;
  }
}
@media screen and (max-width: 1023px) {
  html body header {
    background: #294190;
    height: 54px;
    left: 0 !important;
    right: inherit !important;
  }
  html body header div.logo {
    padding: 0px;
    height: 54px;
  }
  html body header div.logo svg.logo {
    height: 45px;
    width: auto;
    padding: 4px;
  }
  html body header #menu_mobile {
    cursor: pointer;
    float: right;
    display: inline-block;
    font-size: 25px;
    color: white;
    width: 54px;
    text-align: center;
    background: #294190;
    height: 54px;
    line-height: 54px;
  }
  html body header nav {
    transition: left 0.5s ease;
    position: fixed;
    width: 100vw;
    top: 54px;
    left: 100%;
    background: white;
    overflow-y: scroll;
    height: calc(100vh - 54px);
  }
  html body header nav.active {
    left: 0%;
  }
  html body header nav > ul {
    padding: 0px;
  }
  html body header nav > ul > li {
    display: block;
    width: 100% !important;
    padding: 10px;
    border-top: 1px solid #294190;
  }
  html body header nav > ul > li > a {
    padding: 0px !important;
    text-align: left;
    height: auto !important;
  }
  html body header nav > ul > li > a:before {
    margin-right: 5px;
  }
  html body header nav > ul > li > ul.sub-menu {
    position: relative;
    display: block;
    top: 0px;
  }
  html body header nav > ul > li > ul.sub-menu > .video {
    display: none;
  }
  html body header nav > ul > li > ul.sub-menu:after {
    display: none;
  }
  html body header nav > ul > li.extra_li {
    height: 3em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  html body header nav > ul > li > ul.sub-menu {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  html body header nav > ul > li > ul.sub-menu > li {
    height: 30px;
    display: block;
  }
}
html body.is-scrolled header nav.extra_menu ul > li:after {
  opacity: 1;
}
html body.is-scrolled header .header_menu:after {
  opacity: 1;
}
html body .wrapper.header {
  width: 100%;
}
html body .wrapper.min {
  max-width: 1023px;
}
@media screen and (max-width: 1023px) {
  html body .wrapper.min {
    max-width: 100%;
  }
}
html body .wrapper.min2 {
  max-width: 700px;
}
@media screen and (max-width: 1023px) {
  html body .wrapper.min2 {
    max-width: 90%;
  }
}
html body .colored {
  color: #f9de52;
}
html body b, html body strong {
  font-weight: 800;
}
html body input, html body select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
html body select::-ms-expand {
  display: none;
}
html body select {
  background: url("../img/bg_select.png") no-repeat right 10px center white;
  background-size: 13px 9px;
}
html body .btn, html body .module.store .inner form .lf_geoloc, html body .form-admin .field input[type="submit"], html body .pagination li > .next, html body .pagination li > .prev, html body .ctabar--button, html body .button {
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  text-decoration: none !important;
  text-transform: uppercase;
  padding: 15px;
  font-size: 14px;
  white-space: normal;
  border-radius: 5px;
  letter-spacing: 0.6px;
  -moz-transform: skewX(-12deg);
  -o-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  -webkit-transform: skewX(-12deg);
  transform: skewX(-12deg);
  /*
            &:after,&.prev:before{
                display: inline-block;
                background:url('../img/arrow.svg') no-repeat;
                background-size:contain;
                width:30px;
                height:16px;
                content:'';
                color:white;
                vertical-align:sub;
                margin-left:15px;
            }*/
}
html body .btn.btn-rounded, html body .module.store .inner form .btn-rounded.lf_geoloc, html body .form-admin .field input.btn-rounded[type="submit"], html body .pagination li > .btn-rounded.next, html body .pagination li > .btn-rounded.prev, html body .ctabar--button.btn-rounded, html body .button.btn-rounded {
  border-radius: 45px;
}
html body .btn.btn-red, html body .module.store .inner form .btn-red.lf_geoloc, html body .form-admin .field input.btn-red[type="submit"], html body .pagination li > .btn-red.next, html body .pagination li > .btn-red.prev, html body .ctabar--button.btn-red, html body .button.btn-red {
  color: white;
  background: #294190;
}
html body .btn.occasion-recherche, html body .module.store .inner form .occasion-recherche.lf_geoloc, html body .form-admin .field input.occasion-recherche[type="submit"], html body .pagination li > .occasion-recherche.next, html body .pagination li > .occasion-recherche.prev, html body .ctabar--button.occasion-recherche, html body .button.occasion-recherche {
  margin-top: 25px;
}
html body .btn.btn-vert, html body .module.store .inner form .btn-vert.lf_geoloc, html body .form-admin .field input.btn-vert[type="submit"], html body .pagination li > .btn-vert.next, html body .pagination li > .btn-vert.prev, html body .ctabar--button.btn-vert, html body .button.btn-vert {
  color: white;
  background: #294190;
}
html body .btn.btn-blue, html body .module.store .inner form .btn-blue.lf_geoloc, html body .form-admin .field input.btn-blue[type="submit"], html body .pagination li > .btn-blue.next, html body .pagination li > .btn-blue.prev, html body .btn.bouton-bleu, html body .module.store .inner form .bouton-bleu.lf_geoloc, html body .form-admin .field input.bouton-bleu[type="submit"], html body .pagination li > .bouton-bleu.next, html body .pagination li > .bouton-bleu.prev, html body .ctabar--button.btn-blue, html body .ctabar--button.bouton-bleu, html body .button.btn-blue, html body .button.bouton-bleu {
  color: #f9de52;
  background: #294190;
}
html body .btn.btn-devis, html body .module.store .inner form .btn-devis.lf_geoloc, html body .form-admin .field input.btn-devis[type="submit"], html body .pagination li > .btn-devis.next, html body .pagination li > .btn-devis.prev, html body .ctabar--button.btn-devis, html body .button.btn-devis {
  border: 2px solid #294190;
  width: calc(100% - 30px) !important;
  font-size: 1.2em;
  bottom: 0px !important;
}
html body .btn.btn-devis strong, html body .module.store .inner form .btn-devis.lf_geoloc strong, html body .form-admin .field input.btn-devis[type="submit"] strong, html body .pagination li > .btn-devis.next strong, html body .pagination li > .btn-devis.prev strong, html body .ctabar--button.btn-devis strong, html body .button.btn-devis strong {
  font-size: 1.2em;
}
html body .btn.btn-devis:after, html body .module.store .inner form .btn-devis.lf_geoloc:after, html body .form-admin .field input.btn-devis[type="submit"]:after, html body .pagination li > .btn-devis.next:after, html body .pagination li > .btn-devis.prev:after, html body .ctabar--button.btn-devis:after, html body .button.btn-devis:after {
  background: url("../img/icons/ico_devis.png") no-repeat;
  width: 45px;
  height: 45px;
  position: absolute;
  left: 40px;
  top: 50%;
  background-size: contain;
  transform: translateY(-50%);
  filter: invert(0);
  -webkit-filter: drop-shadow(3px 3px 0px #f33349);
  filter: drop-shadow(3px 3px 0px #f33349);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3 Color='#f33349')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#f33349')";
}
html body .btn.btn-bleu-turc, html body .module.store .inner form .btn-bleu-turc.lf_geoloc, html body .form-admin .field input.btn-bleu-turc[type="submit"], html body .pagination li > .btn-bleu-turc.next, html body .pagination li > .btn-bleu-turc.prev, html body .ctabar--button.btn-bleu-turc, html body .button.btn-bleu-turc {
  background: #f9de52;
  color: white;
}
html body .btn.btn-bleu-fonce, html body .module.store .inner form .btn-bleu-fonce.lf_geoloc, html body .form-admin .field input.btn-bleu-fonce[type="submit"], html body .pagination li > .btn-bleu-fonce.next, html body .pagination li > .btn-bleu-fonce.prev, html body .ctabar--button.btn-bleu-fonce, html body .button.btn-bleu-fonce {
  background: #011154;
  color: white;
}
html body .btn.btn-jaune, html body .module.store .inner form .btn-jaune.lf_geoloc, html body .form-admin .field input.btn-jaune[type="submit"], html body .pagination li > .btn-jaune.next, html body .pagination li > .btn-jaune.prev, html body .btn.bouton-jaune, html body .module.store .inner form .bouton-jaune.lf_geoloc, html body .form-admin .field input.bouton-jaune[type="submit"], html body .pagination li > .bouton-jaune.next, html body .pagination li > .bouton-jaune.prev, html body .ctabar--button.btn-jaune, html body .ctabar--button.bouton-jaune, html body .button.btn-jaune, html body .button.bouton-jaune {
  background: #f9de52 !important;
  color: #294190;
}
html body .btn.prev:after, html body .module.store .inner form .prev.lf_geoloc:after, html body .form-admin .field input.prev[type="submit"]:after, html body .pagination li > .prev.next:after, html body .pagination li > .prev:after, html body .ctabar--button.prev:after, html body .button.prev:after {
  display: none;
}
html body .btn.prev:before, html body .module.store .inner form .prev.lf_geoloc:before, html body .form-admin .field input.prev[type="submit"]:before, html body .pagination li > .prev.next:before, html body .pagination li > .prev:before, html body .ctabar--button.prev:before, html body .button.prev:before {
  transform-origin: 50% 50%;
  margin-left: 0px;
  margin-right: 15px;
  transform: rotateY(-180deg);
}
html body .btn.link_blank:after, html body .module.store .inner form .link_blank.lf_geoloc:after, html body .form-admin .field input.link_blank[type="submit"]:after, html body .pagination li > .link_blank.next:after, html body .pagination li > .link_blank.prev:after, html body .ctabar--button.link_blank:after, html body .button.link_blank:after {
  background: url("../img/ico_blank.png") no-repeat;
  filter: invert(0);
  background-size: contain;
}
html body .ico_play {
  background: url("../img/icons/ico_play.png") no-repeat center center;
  background-size: contain;
  display: block;
  width: 66px;
  height: 66px;
  -webkit-filter: drop-shadow(3px 3px 0px #f33349);
  filter: drop-shadow(3px 3px 0px #f33349);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3 Color='#f33349')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#f33349')";
}
html body .ico_calendar {
  background: url("../img/icons/ico_rdv.png") no-repeat center center;
  background-size: contain;
  -webkit-filter: drop-shadow(3px 3px 0px #f33349);
  filter: drop-shadow(3px 3px 0px #f33349);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3 Color='#f33349')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#f33349')";
}
html body .ico_marker {
  background: url("../img/marker.png") no-repeat center center;
  background-size: contain;
}
html body .slideset {
  min-height: 330px;
  margin-bottom: 40px;
}
html body .slideset .prev, html body .slideset .next {
  cursor: pointer;
  z-index: 10;
  display: inline-block;
  text-align: center;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: #f33349;
  color: white;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease;
  transform: translateY(-50%);
}
html body .slideset .prev:hover, html body .slideset .next:hover {
  background: white;
  color: #f33349;
}
html body .slideset .prev {
  left: -50px;
}
html body .slideset .next {
  right: -50px;
}
@media screen and (max-width: 1023px) {
  html body .slideset .prev {
    left: -5%;
  }
  html body .slideset .next {
    right: -5%;
  }
}
html body .slideset .row {
  position: absolute;
  transition: left 0.5s ease;
  left: 0px;
}
html body .slideset .row .module {
  float: left;
  width: 370px;
  transition: opacity 0.5s ease;
}
html body .slideset .row .module:not(.active) {
  opacity: 0;
}
html body.page-template-template-form #bandeau, html body.page-template-template-vehicule-occasion #bandeau {
  display: flex;
  align-items: center;
  justify-content: center;
}
html body #bandeau {
  height: 390px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 0;
}
@media (min-width: 1023px) {
  html body #bandeau {
    *padding-top: 200px;
  }
}
html body #bandeau h1 {
  text-align: center;
  margin: 0px;
  padding-top: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: white;
  z-index: 3;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-size: 50px;
}
@media (max-width: 1023px) {
  html body #bandeau h1 {
    font-size: 27px;
    top: 47px;
  }
}
html body #bandeau h1 .bg {
  background: #011154;
  padding: 2px;
}
html body #bandeau .mapTrouverUnGarage h1 {
  padding-top: 0px !important;
  color: white !important;
  position: absolute !important;
  z-index: 5 !important;
  width: 100% !important;
  margin-top: -60px !important;
}
html body #bandeau blockquote {
  margin-top: 230px;
  border: none;
  position: relative;
  color: white;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
}
html body #bandeau blockquote.quote_home {
  width: 630px;
  text-align: center;
  margin-left: calc(50% - 315px);
  position: relative;
}
html body #bandeau blockquote.quote_home:before {
  content: "";
  background-image: url(../img/GP/logo_home_gp.png);
  width: 159px;
  height: 41px;
  position: absolute;
  top: -40px;
  right: 60px;
  background-repeat: no-repeat;
}
@media (max-width: 1023px) {
  html body #bandeau blockquote.quote_home:before {
    width: 100%;
    background-position: calc(50% - 20px);
    text-align: center;
  }
}
html body #bandeau blockquote.quote_home h1 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 50px;
  margin: 0;
  padding: 5px;
  width: 350px;
  margin-left: 50%;
}
@media (max-width: 1023px) {
  html body #bandeau blockquote.quote_home h1 {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  html body #bandeau blockquote.quote_home {
    line-height: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body #bandeau blockquote.quote_home h1 {
    font-size: 19px;
    margin-top: 90px;
  }
}
html body #bandeau blockquote.no_citation:after {
  display: none;
}
html body.page-id-385 #bandeau {
  background-position: bottom center;
}
html body.page-id-387 #bandeau {
  background-position: top center;
}
html body .margeHaute {
  z-index: 10;
  top: -60px;
}
html body .customrow_bottom {
  font-size: 0;
}
@media screen and (max-width: 1023px) {
  html body .customrow_bottom {
    max-width: 90%;
    margin: auto;
  }
}
html body .customrow_bottom > * {
  float: none;
  display: inline-block;
  font-size: 14px;
  /* if using LESS it's quicker to just use @font-size-base */
}
html body .customrow_bottom > *:last-child {
  vertical-align: top;
}
html body.home .module.store form {
  width: 90%;
  left: 0;
  right: 0;
  margin: auto;
  top: -10px;
  /* test*/
}
html body h1.titres-services {
  font-size: 28px;
  line-height: 100%;
  /* 28px */
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 32px;
  margin-top: 10px;
  text-align: left;
  color: #294190;
}
html body .module {
  height: 330px;
  margin-bottom: 30px;
  /* default */
  /* STORE = google map home */
}
@media (max-width: 1023px) {
  html body .module {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
html body .module .inner {
  height: calc(100% - 130px);
  color: #011154;
  text-transform: uppercase;
  font-size: 25px;
  text-align: center;
  line-height: 26px;
  padding-top: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
html body .module .inner a.video {
  display: block;
  position: relative;
  height: 100%;
}
html body .module .inner a.video:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.5s ease;
}
html body .module .inner a.video:hover:before {
  background: rgba(0, 0, 0, 0.3);
}
html body .module .inner a.video .text {
  position: absolute;
  top: 50%;
  max-width: 330px;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  text-align: center;
  z-index: 2;
  position: relative;
  font-size: 28px;
  line-height: 28px;
  color: white;
  font-style: italic;
}
html body .module .inner a.video .text .ico_play {
  margin: auto;
  margin-bottom: 25px;
}
html body .module .inner a.video .text span {
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  display: block;
  color: #f9de52;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
}
html body .module .inner p {
  margin: 0;
}
html body .module .inner .rang1 {
  font-size: 28px;
  font-weight: 100;
  color: #294190;
  text-transform: uppercase;
}
html body .module .inner .rang2 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: bold;
}
html body .module .inner .btn, html body .module .inner .module.store .inner form .lf_geoloc, html body .module.store .inner form .module .inner .lf_geoloc, html body .module .inner .form-admin .field input[type="submit"], html body .form-admin .field .module .inner input[type="submit"], html body .module .inner .pagination li > .next, html body .pagination .module .inner li > .next, html body .module .inner .pagination li > .prev, html body .pagination .module .inner li > .prev {
  margin: auto;
  position: absolute;
  bottom: -27px;
  left: 0;
  right: 0;
  display: block;
  width: 80%;
  font-size: 14px;
}
html body .module.devis {
  height: 430px;
}
html body .module.devis .rdv-home-bloc {
  -moz-transform: skewX(0);
  -o-transform: skewX(0);
  -ms-transform: skewX(0);
  -webkit-transform: skewX(0);
  transform: skewX(0);
  background-image: url(../img/GP/1RDV.png);
  background-size: 65px auto;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 35px 20px;
  color: #294190;
  display: block;
  width: 321px;
  height: 102px;
  border: none !important;
  font-family: "Montserrat", sans-serif;
  padding-left: 100px;
  font-style: italic;
  padding-top: 29px;
  font-size: 22px;
  top: 330px;
  position: absolute;
  line-height: 22px;
  border-radius: 0;
}
@media (max-width: 1023px) {
  html body .module.devis .rdv-home-bloc {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
html body .module.devis .inner {
  height: 280px;
}
html body .module.devis .inner .image_bg {
  width: 100%;
  height: 196px;
  background-size: 100%;
  margin-top: 20px;
}
html body .module.devis .inner .rang1 {
  font-size: 28px;
  font-weight: 100;
  color: #294190;
  text-transform: uppercase;
  margin-top: 160px;
}
html body .module.link .inner {
  background-size: cover;
  padding: 0;
}
@media (min-width: 1023px) {
  html body .module.link .inner {
    background-position: -15px 0px;
  }
}
@media (max-width: 1023px) {
  html body .module.link .inner {
    background-position-y: -33px;
  }
}
html body .module.link .inner .custom_text {
  padding-top: 225px;
  font-size: 28px;
  width: 100%;
  margin: auto;
}
html body .module.link .inner .custom_text p {
  color: #294190;
  text-align: center;
}
html body .module.custom_text .inner, html body .module.service .inner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: #f9de52;
}
html body .module.custom_text .inner .custom_text, html body .module.service .inner .custom_text {
  padding: 0 20px;
}
html body .module.custom_text .inner .custom_text .rang1, html body .module.service .inner .custom_text .rang1 {
  color: white;
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
  margin: 25px;
  position: relative;
}
html body .module.custom_text .inner .custom_text .rang1:after, html body .module.service .inner .custom_text .rang1:after {
  content: "";
  width: 35px;
  border-bottom: 2px solid #294190;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 12.5px);
}
html body .module.custom_text .inner .custom_text .rang2, html body .module.service .inner .custom_text .rang2 {
  font-family: "Montserrat", sans-serif;
  color: #294190;
  font-size: 17px;
  font-weight: normal;
  text-transform: none;
}
html body .module.custom_text .inner .custom_text .rang3, html body .module.service .inner .custom_text .rang3 {
  font-family: "Montserrat", sans-serif;
  color: white;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
}
html body .module.custom_text .inner .image_bg, html body .module.service .inner .image_bg {
  width: 100%;
  height: 233px;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
}
html body .module.custom_text .inner .btn, html body .module.custom_text .inner .module.store .inner form .lf_geoloc, html body .module.store .inner form .module.custom_text .inner .lf_geoloc, html body .module.custom_text .inner .form-admin .field input[type="submit"], html body .form-admin .field .module.custom_text .inner input[type="submit"], html body .module.custom_text .inner .pagination li > .next, html body .pagination .module.custom_text .inner li > .next, html body .module.custom_text .inner .pagination li > .prev, html body .pagination .module.custom_text .inner li > .prev, html body .module.service .inner .btn, html body .module.service .inner .module.store .inner form .lf_geoloc, html body .module.store .inner form .module.service .inner .lf_geoloc, html body .module.service .inner .form-admin .field input[type="submit"], html body .form-admin .field .module.service .inner input[type="submit"], html body .module.service .inner .pagination li > .next, html body .pagination .module.service .inner li > .next, html body .module.service .inner .pagination li > .prev, html body .pagination .module.service .inner li > .prev {
  background: #294190;
  color: #f9de52;
}
html body .module.featured {
  height: 210px;
}
@media screen and (max-width: 991px) {
  html body .module.featured {
    display: none;
  }
}
html body .module.featured .inner {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.21);
  display: flex;
  justify-content: space-between;
  padding: 36px 26px 20px 26px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 2px;
  background: white;
}
html body .module.featured .inner > svg {
  position: absolute;
  left: 26px;
  top: -23px;
}
html body .module.featured .inner h2 {
  text-align: left;
  color: #294190;
  font-size: 24px;
  line-height: 100%;
  /* 24px */
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase;
}
html body .module.featured .inner h2 strong {
  font-weight: 700;
}
html body .module.featured .inner .btn-red-alt {
  color: #294190;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0;
  margin: 0;
  background: transparent;
  position: relative;
  width: auto;
  bottom: auto;
  border: 0;
}
html body .module.featured .inner .btn-red-alt:after {
  display: none;
}
html body .module.featured .inner .btn-red-alt svg path {
  fill: #294190;
}
html body .module.featured .inner #mapForm {
  width: 100%;
}
html body .module.featured .inner .typeahead-container {
  position: relative;
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}
html body .module.featured .inner .typeahead-container .suggest {
  display: none;
  position: absolute;
  background: white;
  z-index: 3;
  width: 100%;
  top: 39px;
  border-left: 1px solid #294190;
  border-right: 1px solid #294190;
  border-bottom: 1px solid #294190;
  text-transform: none;
}
html body .module.featured .inner .typeahead-container .suggest p {
  padding: 10px;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
}
html body .module.featured .inner .typeahead-container .input {
  position: relative;
  flex: 1;
}
html body .module.featured .inner .typeahead-container .input input[type="text"] {
  padding: 10px 20px;
  font-size: 14px;
  color: #333;
  width: 100%;
  line-height: 17px;
  border-radius: 2px;
  border: 1px solid #294190;
  width: 100%;
}
html body .module.featured .inner .typeahead-container .input #btn_geoloc {
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 20px;
  left: auto;
  background: transparent;
}
html body .module.featured .inner .typeahead-container #error {
  position: absolute;
  top: 42px;
  color: red;
  font-size: 13px;
  line-height: 14px;
  text-align: left;
  text-transform: none;
}
html body .module.featured .inner .typeahead-container .btn, html body .module.featured .inner .typeahead-container .module.store .inner form .lf_geoloc, html body .module.store .inner form .module.featured .inner .typeahead-container .lf_geoloc, html body .module.featured .inner .typeahead-container .form-admin .field input[type="submit"], html body .form-admin .field .module.featured .inner .typeahead-container input[type="submit"], html body .module.featured .inner .typeahead-container .pagination li > .next, html body .pagination .module.featured .inner .typeahead-container li > .next, html body .module.featured .inner .typeahead-container .pagination li > .prev, html body .pagination .module.featured .inner .typeahead-container li > .prev {
  border: 0;
  width: 47px;
  height: 40px;
  bottom: 0px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
html body .module.featured .inner .typeahead-container .btn:after, html body .module.featured .inner .typeahead-container .module.store .inner form .lf_geoloc:after, html body .module.store .inner form .module.featured .inner .typeahead-container .lf_geoloc:after, html body .module.featured .inner .typeahead-container .form-admin .field input[type="submit"]:after, html body .form-admin .field .module.featured .inner .typeahead-container input[type="submit"]:after, html body .module.featured .inner .typeahead-container .pagination li > .next:after, html body .pagination .module.featured .inner .typeahead-container li > .next:after, html body .module.featured .inner .typeahead-container .pagination li > .prev:after, html body .pagination .module.featured .inner .typeahead-container li > .prev:after {
  display: none;
}
html body .module.store {
  height: 430px;
}
html body .module.store .inner {
  background: #011154;
}
html body .module.store .inner h2 {
  margin: 0px;
}
html body .module.store .inner {
  text-align: center;
}
html body .module.store .inner h2 {
  font-size: 21px;
  width: 250px;
  margin: 0px auto !important;
  padding: 15px 0px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
}
html body .module.store .inner h2 .ico_marker {
  display: block;
  float: left;
  position: absolute;
  width: 45px;
  height: 50px;
  left: calc(50% - 170px);
}
html body .module.store .inner h2 strong {
  font-weight: 500;
  font-size: 25px;
}
html body .module.store .inner h2 strong span {
  color: #f9de52;
  font-size: 35px;
}
html body .module.store .inner form {
  position: absolute;
  z-index: 2;
  margin-left: 15px;
}
html body .module.store .inner form fieldset {
  width: auto !important;
  padding: 7px 0;
  padding-right: 0px;
}
html body .module.store .inner form fieldset input {
  float: left;
}
html body .module.store .inner form input[type="text"], html body .module.store .inner form a {
  width: 40%;
  height: 64px;
  padding: 5px;
  padding-left: 25px;
  bottom: 0px;
  border: none;
  margin: 0px;
  position: relative;
}
html body .module.store .inner form input[type="text"] {
  width: 260px;
  font-size: 13px;
}
html body .module.store .inner form input[type="submit"] {
  border: none;
  height: 64px;
  width: 64px;
  position: relative;
  background: url("../img/icons/ico_search.png") no-repeat center center white;
  background-size: 19px 19px;
}
html body .module.store .inner form .lf_geoloc {
  display: inline-block;
  float: none;
  background: #f9de52;
  color: white;
  padding: 12px 25px;
}
html body .module.store .inner form .btn, html body .module.store .inner form .lf_geoloc, html body .module.store .inner form .form-admin .field input[type="submit"], html body .form-admin .field .module.store .inner form input[type="submit"], html body .module.store .inner form .pagination li > .next, html body .pagination .module.store .inner form li > .next, html body .module.store .inner form .pagination li > .prev, html body .pagination .module.store .inner form li > .prev {
  bottom: 0px;
}
html body .module.store .inner form #ougeoloc {
  position: absolute;
  height: 35Px;
  width: 35px;
  font-size: 11px;
  margin-top: 20px;
  text-align: center;
  left: 50%;
  margin-left: 0;
  z-index: 200;
  background: white;
  color: #294190;
  padding: 5px;
  line-height: 25px;
  border-radius: 20px;
  border: 2px solid #f9de52;
  font-weight: 700;
}
html body .module.store .inner form #btn_geoloc {
  background: #f9de52;
  color: #294190;
  -moz-transform: skewX(-12deg);
  -o-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  -webkit-transform: skewX(-12deg);
  transform: skewX(-12deg);
  border-radius: 9px;
  line-height: 45px;
}
html body .module.store #map {
  position: absolute;
  background: #eee;
  width: 100%;
  height: calc(100% - 130px);
  bottom: 0px;
}
html body .module.store .lf_storeLocatorWidget_poslist {
  display: none;
}
html body footer {
  color: white;
}
html body footer #menu-item-9084, html body footer .top-margin {
  margin-top: 40px;
}
html body footer #fournisseurs {
  max-width: 1024px;
  margin: auto;
  height: 200px;
  text-align: center;
}
html body footer #fournisseurs .slick-active:nth-of-type(4) .img_cont:after {
  display: none !important;
}
html body footer #fournisseurs #bandeau_fournisseurs {
  max-width: 1024px;
  height: 150px;
  margin: 35px auto 0;
  padding: 0;
}
html body footer #fournisseurs #bandeau_fournisseurs .slideshowfournisseurs {
  margin: 0;
  padding: 0;
  min-height: 150px;
}
html body footer #fournisseurs #bandeau_fournisseurs .slick-slider {
  margin: 0;
  padding: 0;
  mix-blend-mode: multiply;
}
html body footer #fournisseurs #bandeau_fournisseurs .slick-list {
  margin: 0;
  padding: 0;
  height: 200px;
}
@media (max-width: 1023px) {
  html body footer #fournisseurs #bandeau_fournisseurs .slick-list {
    height: 200px;
  }
}
html body footer #fournisseurs #bandeau_fournisseurs p {
  margin: 0 !important;
}
html body footer #fournisseurs h2 {
  margin: 0;
  padding-top: 20px;
  color: #294190;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  position: relative;
  margin-bottom: 30px;
  letter-spacing: 0.6px;
}
html body footer #fournisseurs h2 b {
  color: #294190;
}
html body footer #fournisseurs h2:after {
  content: "";
  position: absolute;
  width: 20px;
  left: calc(50% - 10px);
  border-bottom: 2px solid #294190;
  bottom: -10px;
}
html body footer #fournisseurs .img_cont {
  width: 100%;
  height: 100px;
  position: relative;
  display: inline-block;
  text-align: center;
}
html body footer #fournisseurs .img_cont:after {
  content: "";
  border: 0.5px solid #011154;
  height: 20px;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
}
@media screen and (max-width: 1023px) {
  html body footer #fournisseurs .img_cont:after {
    display: none;
  }
}
html body footer #fournisseurs .img_cont img {
  vertical-align: middle;
  max-width: 210px;
  max-height: 100px;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}
html body footer #engagements {
  background: #294190;
  text-align: center;
  padding: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}
html body footer #engagements .logo {
  max-width: 258px;
}
html body footer #engagements .icone {
  position: relative;
}
@media (min-width: 1023px) {
  html body footer #engagements .icone:after {
    content: "";
    position: absolute;
    height: 80px;
    border-right: 1px solid #0d3c85;
    top: 25px;
    right: 0;
  }
  html body footer #engagements .icone:nth-of-type(4):after {
    display: none;
  }
}
html body footer #engagements .hexagon {
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  display: block;
  margin: auto;
}
html body footer #engagements .hexagon.ico_cons {
  background-image: url("../img/GP/pictofooter/picto constructeur.png");
}
html body footer #engagements .hexagon.ico_reseau {
  background-image: url("../img/GP/pictofooter/picto rseau.png");
}
html body footer #engagements .hexagon.ico_marques {
  background-image: url("../img/GP/pictofooter/picto marques.png");
}
html body footer #engagements .hexagon.ico_prix {
  background-image: url("../img/GP/pictofooter/picto euro.png");
}
html body footer #engagements .spanh3 {
  letter-spacing: 0.6px;
  color: white;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  position: relative;
  margin-bottom: 30px;
}
html body footer #engagements .spanh3:after {
  content: "";
  position: absolute;
  width: 20px;
  left: calc(50% - 10px);
  border-bottom: 2px solid white;
  bottom: -10px;
}
html body footer #engagements .icone {
  position: relative;
}
html body footer #engagements .icone .legend {
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  font-style: italic;
  font-weight: bold;
}
@media (max-width: 1023px) {
  html body footer #engagements .icone {
    height: 95px;
    display: inline-block;
    width: 300px;
    margin-top: 30px;
  }
  html body footer #engagements .icone .legend {
    top: 24px;
  }
}
html body footer #menu_footer {
  background: #011154;
  padding: 50px 0px;
}
html body footer #menu_footer .wrapper {
  max-width: 1023px !important;
  margin: auto;
}
html body footer #menu_footer .wrapper .row {
  margin: auto !important;
}
html body footer #menu_footer .col_footer_menu {
  display: inline-block;
}
html body footer #menu_footer nav.main_menu ul {
  list-style-type: none;
  padding: 0px;
  font-size: 12px;
  padding: 2px 0px;
  vertical-align: top;
  display: inline-block;
  width: 32%;
}
@media screen and (max-width: 1023px) {
  html body footer #menu_footer nav.main_menu ul {
    width: 100% !important;
  }
}
html body footer #menu_footer nav.main_menu ul li {
  margin: 10px 0px;
}
html body footer #menu_footer nav.main_menu ul li a {
  text-transform: none;
  color: white;
  font-size: 14px;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
}
html body footer #menu_footer nav.main_menu ul li.titre2 {
  margin-top: 40px;
  display: block !important;
}
html body footer #menu_footer nav.main_menu ul li.titre {
  vertical-align: top;
  padding: 0px 0px;
  display: inline-block;
  /* font-style:italic;*/
  color: white;
}
html body footer #menu_footer nav.main_menu ul li.titre a {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: #f9de52;
}
html body footer #menu_footer nav.main_menu ul li.titre :not(:last-of-type) {
  cursor: text;
}
html body footer #menu_footer nav.main_menu ul li.titre span {
  display: block;
}
@media screen and (max-width: 1023px) {
  html body footer #menu_footer nav.main_menu ul li {
    padding-bottom: 0 !important;
  }
}
html body footer #menu_footer nav.extra_menu .garagescore {
  padding-left: 30px;
}
@media screen and (max-width: 1023px) {
  html body footer #menu_footer nav.extra_menu .garagescore {
    text-align: center;
    padding-left: 0;
  }
}
html body footer #menu_footer nav.extra_menu ul {
  padding: 2px 0px;
  list-style-type: none;
}
html body footer #menu_footer nav.extra_menu ul li {
  margin: 10px 0px 20px;
}
html body footer #menu_footer nav.extra_menu ul li a {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
  /* font-style: italic;*/
}
html body footer #menu_footer nav.extra_menu ul li.petit {
  font-family: "Montserrat", sans-serif;
}
html body footer #menu_footer nav.extra_menu ul li.petit a {
  font-size: 12px;
  font-weight: 100;
  text-transform: none;
}
html body footer #menu_footer nav.extra_menu ul li.petit:nth-of-type(1) {
  margin-top: 30px;
}
html body footer #menu_footer nav.extra_menu ul li.white {
  background: white;
}
html body footer #menu_footer nav.extra_menu ul li.white a {
  color: #294190;
}
html body footer #menu_footer nav.extra_menu ul li.asbtn {
  width: 256px;
  height: 51px;
  -moz-transform: skewX(-12deg);
  -o-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  -webkit-transform: skewX(-12deg);
  transform: skewX(-12deg);
  padding: 15px;
  border-radius: 5px;
  background: #f9de52;
  text-align: center;
  margin-top: 20px;
}
html body footer #menu_footer nav.extra_menu ul li.asbtn:nth-of-type(1) {
  margin-top: 40px;
}
html body footer #menu_footer nav.extra_menu ul li.asbtn a {
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 14px;
  white-space: normal;
  letter-spacing: 0.6px;
  color: #294190;
}
html body footer #menu_footer nav.extra_menu ul li.rs {
  display: inline-block;
}
html body footer #menu_footer nav.extra_menu ul li.rs a {
  background: #f9de52;
  color: white;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
}
html body.page-template-template-accueil .clickableSliderZone {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  z-index: 9;
}
html body.page-template-template-accueil #bandeau {
  height: 550px;
  /*>div{
                    position:absolute;
                    background-size:cover;
                    background-repeat: no-repeat;
                    background-position: center;
                    top:-200px;
                    left:150px;
                    height:100%;
                    width:100%;
                    z-index:9;
                    opacity:1;
                    transition:all 0.6s ease;
                    &.active{
                        left:0px;
                        z-index:10;
                        opacity:1;
                    }
                }
                >a.nava{

                    position:absolute;
                    top:calc(50% - 20px);
                    width: 40px;
                    height: 40px;
                    line-height:60px;                  
                    background-repeat:no-repeat;
                    z-index:11;
                    text-align:center;
                    font-size:30px;
                    cursor:pointer;
                    i{
                        display:block;
                        line-height:40px;
                        height:40px;
                        position:relative;
                        top:0px;
                    }
                    &.prev{
                        background-image:url(../img/GP/slider_left.png);
                        left:20px;
                    }
                    &.next{
                        background-image:url(../img/GP/slider_right.png);
                        right:20px;
                    }
                }*/
}
html body.page-template-template-accueil #bandeau:after {
  display: none;
}
@media (max-width: 1023px) {
  html body.page-template-template-accueil .menu_home_extra_mobile {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul {
    width: calc(100% - 20px);
    margin: 0px auto;
    padding: 0px;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li {
    width: calc(33.33% - 10px);
    margin: 5px;
    display: block;
    float: right;
    height: 120px;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li > a {
    vertical-align: bottom;
    text-align: center;
    color: white;
    display: block;
    text-transform: uppercase;
    padding: 70px 5px 0px;
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center 20px;
    font-weight: 400;
    font-size: 11px;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li:nth-of-type(3) {
    background: #294190;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li:nth-of-type(3) > a {
    background-image: url("../img/icons/picto pin.png");
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li:nth-of-type(2) {
    background: #011154;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li:nth-of-type(2) > a {
    background-image: url("../img/icons/ico_rdv_1.png");
    color: white;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li:nth-of-type(1) {
    background: #294190;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul > li:nth-of-type(1) > a {
    background-image: url("../img/icons/picto devis.png");
    color: white;
  }
  html body.page-template-template-accueil .menu_home_extra_mobile > ul:after {
    content: "";
    display: block;
  }
}
html body.page-template-template-iframe #bandeau, html body.page-template-template-form-add-vehicule #bandeau {
  padding-top: 200px;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-iframe #bandeau, html body.page-template-template-form-add-vehicule #bandeau {
    padding-top: 20px;
  }
}
html body.service-template-default .footer {
  background: white !important;
}
@media screen and (max-width: 1023px) {
  html body.service-template-default main .warning {
    max-width: 90%;
  }
}
html body.service-template-default main .bandeau {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 40%;
  padding-top: 175px;
  padding-bottom: 40px;
  position: relative;
  font-size: 20px;
  color: white;
}
@media screen and (max-width: 1023px) {
  html body.service-template-default main .bandeau {
    height: 450px;
    padding-top: 70px;
  }
}
html body.service-template-default main .bandeau .wrapper {
  z-index: 3;
}
html body.service-template-default main .bandeau .rang1 {
  padding: 2px;
}
html body.service-template-default main .bandeau h1 {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin: 0px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 50px;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  html body.service-template-default main .bandeau h1 {
    font-size: 27px;
  }
}
html body.service-template-default main .bandeau p {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  max-width: 805px;
  margin: auto;
  letter-spacing: 1px;
}
html body.service-template-default main .bandeau .btn, html body.service-template-default main .bandeau body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.service-template-default main .bandeau .lf_geoloc, html body.service-template-default main .bandeau body .form-admin .field input[type="submit"], html body .form-admin .field body.service-template-default main .bandeau input[type="submit"], html body.service-template-default main .bandeau body .pagination li > .next, html body .pagination body.service-template-default main .bandeau li > .next, html body.service-template-default main .bandeau body .pagination li > .prev, html body .pagination body.service-template-default main .bandeau li > .prev {
  margin-top: 60px;
  width: 280px;
  font-size: 14px;
}
html body.service-template-default main article {
  font-family: "Montserrat", sans-serif;
  color: #294190;
  font-size: 14px;
  padding-bottom: 30px;
}
html body.service-template-default main article .contenu {
  margin: 40px 0px;
}
html body.service-template-default main article h2 {
  font-family: "Montserrat", sans-serif;
  color: #294190;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 40px;
  line-height: 30px;
  max-width: 520px;
}
html body.service-template-default main article h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 22px;
  color: #294190;
  font-style: italic;
  max-width: 445px;
  margin-top: 74px;
  letter-spacing: 1px;
}
html body.service-template-default main article p {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  display: block;
  max-width: 860px;
  margin: auto;
}
@media (max-width: 1023px) {
  html body.service-template-default main article p, html body.service-template-default main article li {
    padding-right: 15px;
  }
}
html body.service-template-default main article ol, html body.service-template-default main article ul {
  margin: 60px 0px 0;
  list-style-type: none;
  padding-left: 70px;
}
@media screen and (max-width: 1023px) {
  html body.service-template-default main article ol, html body.service-template-default main article ul {
    padding-left: 35px;
  }
}
html body.service-template-default main article ol li, html body.service-template-default main article ul li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
  min-height: 45px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 30px;
}
html body.service-template-default main article ol li:before, html body.service-template-default main article ul li:before {
  display: inline-block;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 11px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -35px;
  width: 40px;
  height: 40px;
  background-color: #294190 !important;
  border-radius: 40px;
  border: 4px solid #f9de52;
  background-position: center;
  line-height: 48px;
  line-height: 3rem;
  text-align: center;
  margin-right: 5px;
  /* font-size: 80%; */
  background-color: white;
  padding-top: 1px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  vertical-align: top;
}
html body.service-template-default main article ol li strong, html body.service-template-default main article ul li strong {
  font-weight: bold;
  position: relative;
  z-index: 2;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.6px;
}
html body.service-template-default main article ol li strong:before, html body.service-template-default main article ul li strong:before {
  mix-blend-mode: multiply;
  width: 100%;
  z-index: 1;
  height: 100%;
  content: "";
  position: absolute;
  background: #f9de52;
  -moz-transform: skewX(-12deg);
  -o-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  -webkit-transform: skewX(-12deg);
  transform: skewX(-12deg);
}
html body.service-template-default main article ol li {
  counter-increment: step-counter;
}
html body.service-template-default main article ol li:before {
  content: counter(step-counter);
}
html body.service-template-default main article a:not(.btn) {
  text-decoration: underline;
  color: #294190;
}
html body.service-template-default main article ul li {
  font-size: 17px;
  display: block;
}
html body.service-template-default main article ul li:before {
  content: "";
  font-family: "fontAwesome";
  font-weight: 100;
  font-size: 16px;
  padding-top: 10px;
  line-height: 20px;
  line-height: 1.25rem;
}
html body.service-template-default main article .list-check li {
  font-size: 17px;
}
html body.service-template-default main article .list-check .btn, html body.service-template-default main article .list-check body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.service-template-default main article .list-check .lf_geoloc, html body.service-template-default main article .list-check body .form-admin .field input[type="submit"], html body .form-admin .field body.service-template-default main article .list-check input[type="submit"], html body.service-template-default main article .list-check body .pagination li > .next, html body .pagination body.service-template-default main article .list-check li > .next, html body.service-template-default main article .list-check body .pagination li > .prev, html body .pagination body.service-template-default main article .list-check li > .prev {
  margin-top: 20px;
}
html body.service-template-default main article .list-warning ul li:before {
  content: "!";
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  position: absolute;
  color: white;
  padding: 0;
  margin: 0;
  top: 21px;
  width: 40px;
  height: 40px;
  /* background-image: url(../img/TGC/puce_hexagon.png);*/
  /* line-height: 21px; */
  text-align: center;
  margin-right: 5px;
  padding-top: 1px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  line-height: 50px;
  line-height: 3.125rem;
}
html body.service-template-default main article .notif {
  font-size: 14px;
  color: #294190;
  font-weight: 500;
}
html body.service-template-default main article .notif.warning {
  color: #f33349;
}
html body.service-template-default main article .notif.warning strong {
  font-weight: bold;
}
html body.service-template-default main article .notif .thumb {
  margin-top: 30px;
  width: 170px;
  height: 170px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  margin-bottom: 20px;
}
html body.service-template-default main article .notif.info p {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  /*
                                &:before{
                                    content: '\f061';
                                    font-family: fontAwesome;
                                    color: white;
                                    background: $bleu;
                                    border-radius: 15px;
                                    display: inline-block;
                                    text-align: center;
                                    width: 21px;
                                    font-size: 14px;
                                    height: 21px;
                                    margin-right: 10px;
                                } 
                                */
}
html body.service-template-default main article .notif.info:after {
  display: block;
  content: "";
  width: 41px;
  height: 41px;
  margin-top: 15px;
  background-image: url(../img/icons/arrow_bottom.png);
}
html body.service-template-default main article .notif.warning p {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
html body.service-template-default main article .notif.warning p:nth-of-type(1) {
  /*
                                    &:before{
                                        display:block;
                                        content:'\f071';
                                        font-family: fontAwesome;
                                        color: $rouge;
                                        display: inline-block;
                                        margin-right:10px;
                                    }*/
  font-size: 17px;
}
html body.service-template-default main article .notif.warning p:nth-of-type(1) a {
  color: #f33349;
}
html body.service-template-default main article .notif.warning:before {
  display: block;
  content: "";
  width: 55px;
  height: 55px;
  background-image: url(../img/icons/ico_warning.png);
}
html body.service-template-default main article .notif.warning .btn, html body.service-template-default main article .notif.warning body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.service-template-default main article .notif.warning .lf_geoloc, html body.service-template-default main article .notif.warning body .form-admin .field input[type="submit"], html body .form-admin .field body.service-template-default main article .notif.warning input[type="submit"], html body.service-template-default main article .notif.warning body .pagination li > .next, html body .pagination body.service-template-default main article .notif.warning li > .next, html body.service-template-default main article .notif.warning body .pagination li > .prev, html body .pagination body.service-template-default main article .notif.warning li > .prev {
  width: 100%;
  margin-top: 20px;
}
html body.service-template-default main article blockquote {
  font-size: 22px;
  border: none;
  text-align: center;
  color: #294190;
  padding: 0px 75px;
  font-weight: 500;
  font-style: italic;
  position: relative;
}
html body.service-template-default main article blockquote:before, html body.service-template-default main article blockquote:after {
  font-size: 54px;
  color: #f9de52;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
html body.service-template-default main article blockquote p {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  color: #011154;
}
html body.service-template-default main article blockquote:before {
  content: "";
  border-right: 3px solid #f9de52;
  height: 73px;
  width: 35px;
  -moz-transform: skewX(-12deg);
  -o-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  -webkit-transform: skewX(-12deg);
  transform: skewX(-12deg);
  top: 0;
  left: 0px;
}
html body.service-template-default main article blockquote:after {
  content: "";
  -moz-transform: skewX(-12deg);
  -o-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  -webkit-transform: skewX(-12deg);
  transform: skewX(-12deg);
  border-right: 3px solid #f9de52;
  height: 73px;
  width: 35px;
  top: 0;
  right: 0;
}
@media (max-width: 1023px) {
  html body.service-template-default main article blockquote:after {
    right: 30px;
  }
}
html body.service-template-default main article .le_saviez_vous {
  /* main bloc */
  background: #294190;
}
html body.service-template-default main article .le_saviez_vous .saviez-vous {
  width: 32%;
  vertical-align: top;
  display: inline-block;
  height: 325px;
}
@media (max-width: 1023px) {
  html body.service-template-default main article .le_saviez_vous .saviez-vous {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 50px;
    height: auto;
  }
}
html body.service-template-default main article .le_saviez_vous .saviez-vous .picto {
  width: 100%;
  text-align: center;
  height: 102px;
  position: relative;
}
html body.service-template-default main article .le_saviez_vous .saviez-vous .picto:after {
  position: absolute;
  width: 40px;
  margin-left: calc(50% - 20px);
  content: "";
  border-bottom: 2px solid #f9de52;
  left: 0;
  top: 75px;
}
html body.service-template-default main article .le_saviez_vous .saviez-vous .texte {
  color: white;
  padding: 10px 50px 0 75px;
  height: 223px;
}
@media (max-width: 1023px) {
  html body.service-template-default main article .le_saviez_vous .saviez-vous .texte {
    padding: 0 20px 0 30px;
  }
}
html body.service-template-default main article .le_saviez_vous .saviez-vous .texte p {
  font-size: 16px;
  font-weight: normal;
}
@media (min-width: 1023px) {
  html body.service-template-default main article .le_saviez_vous .saviez-vous {
    margin-right: 20px;
  }
  html body.service-template-default main article .le_saviez_vous .saviez-vous:nth-of-type(3) {
    margin-right: 0;
  }
}
html body.service-template-default main article .le_saviez_vous h3 {
  font-size: 22px;
  margin-top: 0px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  html body.service-template-default main article .le_saviez_vous h3 {
    margin-left: 20px;
  }
}
html body.service-template-default main article .le_saviez_vous div.col-md-12 p, html body.service-template-default main article .le_saviez_vous div.col-md-6 p {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
html body.page-template-template-map main {
  padding-top: 0px;
}
html body.page-template-template-map #map {
  width: 100%;
  height: calc(660px);
  background: #CCC;
}
html body.page-template-template-map #btn_geoloc {
  /*
                &:before{
                    content:"";
                    background-image:url("../img/TGC/picto geoloc.png");
                    width:16px;
                    height:21px;
                    position:absolute;
                    left: 25px;
                    top: 22px;
                }*/
  position: relative;
  background: #f9de52;
  color: #294190;
}
html body.page-template-template-map .map_form {
  position: absolute;
  width: 700px;
  height: 60px;
  z-index: 1;
  left: calc(50% - 350px);
  top: 200px;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-map .map_form {
    height: 270px;
    top: 210px;
  }
}
html body.page-template-template-map .map_form #lf_storeLocatorWidget_submit {
  display: none;
}
html body.page-template-template-map .map_form .float {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 25px auto;
  position: absolute;
  width: 100%;
  text-align: center;
  max-width: 100%;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-map .map_form .float {
    max-width: 100%;
    margin-left: auto;
    display: block;
  }
}
html body.page-template-template-map .map_form .float .inner_box {
  width: 45%;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-map .map_form .float .inner_box {
    margin: auto;
    width: 100%;
  }
}
html body.page-template-template-map .map_form .float .inner_box.in1 input {
  width: 264px;
  font-size: 13px;
  height: 64px;
  padding: 5px;
  padding-left: 25px;
  bottom: 0px;
  border: none;
  margin: 0px;
  position: relative;
}
html body.page-template-template-map .map_form .float .inner_box.in2 {
  width: 10%;
}
html body.page-template-template-map .map_form .float .inner_box.in2 #ougeoloc {
  position: absolute;
  left: 0;
  margin: 10px 10px;
  background: white;
  border-radius: 20px;
  border: 3px solid #f9de52;
  width: 40px;
  padding: 7px;
  height: 40px;
  font-size: 13px;
}
@media (max-width: 1023px) {
  html body.page-template-template-map .map_form .float .inner_box.in2 #ougeoloc {
    position: relative;
  }
}
html body.page-template-template-map .map_form .float .inner_box.in3 .btn, html body.page-template-template-map .map_form .float .inner_box.in3 body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-map .map_form .float .inner_box.in3 .lf_geoloc, html body.page-template-template-map .map_form .float .inner_box.in3 body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-map .map_form .float .inner_box.in3 input[type="submit"], html body.page-template-template-map .map_form .float .inner_box.in3 body .pagination li > .next, html body .pagination body.page-template-template-map .map_form .float .inner_box.in3 li > .next, html body.page-template-template-map .map_form .float .inner_box.in3 body .pagination li > .prev, html body .pagination body.page-template-template-map .map_form .float .inner_box.in3 li > .prev {
  width: 264px;
  font-size: 13px;
  height: 64px;
}
html body.page-template-template-map .map_form .float .inner_box.in3 .btn#btn_geoloc, html body.page-template-template-map .map_form .float .inner_box.in3 body .module.store .inner form #btn_geoloc.lf_geoloc, html body .module.store .inner form body.page-template-template-map .map_form .float .inner_box.in3 #btn_geoloc.lf_geoloc, html body.page-template-template-map .map_form .float .inner_box.in3 body .form-admin .field input#btn_geoloc[type="submit"], html body .form-admin .field body.page-template-template-map .map_form .float .inner_box.in3 input#btn_geoloc[type="submit"], html body.page-template-template-map .map_form .float .inner_box.in3 body .pagination li > #btn_geoloc.next, html body .pagination body.page-template-template-map .map_form .float .inner_box.in3 li > #btn_geoloc.next, html body.page-template-template-map .map_form .float .inner_box.in3 body .pagination li > #btn_geoloc.prev, html body .pagination body.page-template-template-map .map_form .float .inner_box.in3 li > #btn_geoloc.prev {
  line-height: 35px;
}
html body.page-template-template-map section#bandeau {
  padding-top: 160px;
  height: 330px;
  background: #294190;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-map section#bandeau {
    padding-top: 0;
    height: 350px;
  }
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-map section#bandeau .module {
    margin-top: 0;
  }
}
html body.page-template-template-map section#bandeau h1 {
  font-size: 40px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-map section#bandeau h1 {
    font-size: 27px;
  }
}
html body.page-template-template-map section#bandeau:after {
  display: none;
}
html body.page-template-template-form-add-job input, html body.page-template-template-form-add-job textarea, html body.page-template-template-form-add-vehicule input, html body.page-template-template-form-add-vehicule textarea {
  border: 1px solid #CCC;
}
html body.page-template-template-form-add-job .acf-input-append, html body.page-template-template-form-add-vehicule .acf-input-append {
  height: 100%;
}
html body.page-template-template-form-add-job .acf-gallery-toolbar, html body.page-template-template-form-add-vehicule .acf-gallery-toolbar {
  height: 50px !important;
}
html body.page-template-template-form-add-job .media-modal-close, html body.page-template-template-form-add-vehicule .media-modal-close {
  width: 200px;
}
html body.page-template-template-form-add-job .media-toolbar-secondary, html body.page-template-template-form-add-job .media-toolbar .screen-reader-text, html body.page-template-template-form-add-vehicule .media-toolbar-secondary, html body.page-template-template-form-add-vehicule .media-toolbar .screen-reader-text {
  display: none;
}
html body.page-template-template-form .rgpd {
  color: #294190;
  font-family: "Montserrat", sans-serif;
  color: #394f9d;
  font-family: "Montserrat", sans-serif;
  max-width: 770px;
  margin: 80px auto;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-form .rgpd {
    padding: 20px;
  }
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-form p {
    margin-left: 0 !important;
  }
}
html body.page-template-template-form .rdvvalidestep2:after, html body.page-template-template-form .rdvvalidestep1:after {
  font-family: fontAwesome;
  content: "";
  font-size: 12px;
  margin-left: 6px;
  font-weight: 100;
}
html body.page-template-template-form .steps {
  font-family: "Montserrat", sans-serif;
  background: #294190;
  height: 145px;
  padding-top: 20px;
}
html body.page-template-template-form .steps ul {
  padding: 0px;
  /* two items */
  /* three items */
  /* four items */
}
html body.page-template-template-form .steps ul li {
  font-family: "Montserrat", sans-serif;
  display: inline-block;
  position: relative;
  margin: 15px 0px;
  transition: background 0.5s ease;
  padding-top: 2px;
}
html body.page-template-template-form .steps ul li a {
  cursor: default !important;
  transition: background 0.5s ease;
}
html body.page-template-template-form .steps ul li.active a, html body.page-template-template-form .steps ul li a:hover, html body.page-template-template-form .steps ul li.prev_valid a {
  color: #294190 !important;
  background: white !important;
  border-color: #f9de52;
}
html body.page-template-template-form .steps ul li.prev_valid a {
  background: #294190;
  border-color: #f9de52;
  font-size: 0;
  color: white;
}
html body.page-template-template-form .steps ul li.prev_valid a:before {
  content: "";
  font-family: fontAwesome;
  font-size: 22px;
}
html body.page-template-template-form .steps ul li:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  width: calc(100% - 61px);
  height: 2px;
  top: 50%;
  background: white;
}
html body.page-template-template-form .steps ul li a {
  z-index: 3;
  cursor: pointer;
  display: inline-block;
  font-size: 35px;
  border-radius: 50%;
  font-weight: 500;
  width: 61px;
  height: 60px;
  border: 8px solid #f9de52;
  color: white;
  text-align: center;
  line-height: 45px;
  /* safari 50px*/
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
}
html body.page-template-template-form .steps ul li:first-child:nth-last-child(2), html body.page-template-template-form .steps ul li:first-child:nth-last-child(2) ~ li {
  width: 100%;
}
html body.page-template-template-form .steps ul li:first-child:nth-last-child(3), html body.page-template-template-form .steps ul li:first-child:nth-last-child(3) ~ li {
  width: calc(50% - 25px);
}
html body.page-template-template-form .steps ul li:first-child:nth-last-child(4), html body.page-template-template-form .steps ul li:first-child:nth-last-child(4) ~ li {
  width: calc(33.3333% - 18px);
}
html body.page-template-template-form .steps ul li:last-child {
  width: 50px !important;
}
html body.page-template-template-form .steps ul li:last-child:after {
  content: "";
}
html body.page-template-template-form main form {
  min-height: 900px;
  padding-bottom: 1px;
}
html body.page-template-template-form main form .step.active {
  position: relative;
  margin: 50px 0 50px 0;
}
html body.page-template-template-form main form .step {
  position: relative;
  position: absolute;
  width: 100%;
  margin: 50px auto;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease;
  transform: translateX(-250px);
}
html body.page-template-template-form main form .step.rdvform {
  /* exceptions pour ne pas casser le script avec CF7 */
}
html body.page-template-template-form main form .step.rdvform .pseudoh3 {
  text-transform: uppercase !important;
  font-style: italic !important;
  color: #294190;
}
html body.page-template-template-form main form .step.rdvform .devis--obligations {
  text-align: center;
  padding-top: 75px;
}
html body.page-template-template-form main form .step.rdvform .rdvpagesubmit .btn, html body.page-template-template-form main form .step.rdvform .rdvpagesubmit body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-form main form .step.rdvform .rdvpagesubmit .lf_geoloc, html body.page-template-template-form main form .step.rdvform .rdvpagesubmit body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-form main form .step.rdvform .rdvpagesubmit input[type="submit"], html body.page-template-template-form main form .step.rdvform .rdvpagesubmit body .pagination li > .next, html body .pagination body.page-template-template-form main form .step.rdvform .rdvpagesubmit li > .next, html body.page-template-template-form main form .step.rdvform .rdvpagesubmit body .pagination li > .prev, html body .pagination body.page-template-template-form main form .step.rdvform .rdvpagesubmit li > .prev {
  float: none;
  margin-left: calc(50% - 130px);
}
@media (max-width: 1023px) {
  html body.page-template-template-form main form .step.rdvform .nav .btn, html body.page-template-template-form main form .step.rdvform .nav body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-form main form .step.rdvform .nav .lf_geoloc, html body.page-template-template-form main form .step.rdvform .nav body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-form main form .step.rdvform .nav input[type="submit"], html body.page-template-template-form main form .step.rdvform .nav body .pagination li > .next, html body .pagination body.page-template-template-form main form .step.rdvform .nav li > .next, html body.page-template-template-form main form .step.rdvform .nav body .pagination li > .prev, html body .pagination body.page-template-template-form main form .step.rdvform .nav li > .prev {
    width: 48%;
  }
  html body.page-template-template-form main form .step.rdvform .nav .btn.rdvvalidestep1, html body.page-template-template-form main form .step.rdvform .nav body .module.store .inner form .rdvvalidestep1.lf_geoloc, html body .module.store .inner form body.page-template-template-form main form .step.rdvform .nav .rdvvalidestep1.lf_geoloc, html body.page-template-template-form main form .step.rdvform .nav body .form-admin .field input.rdvvalidestep1[type="submit"], html body .form-admin .field body.page-template-template-form main form .step.rdvform .nav input.rdvvalidestep1[type="submit"], html body.page-template-template-form main form .step.rdvform .nav body .pagination li > .rdvvalidestep1.next, html body .pagination body.page-template-template-form main form .step.rdvform .nav li > .rdvvalidestep1.next, html body.page-template-template-form main form .step.rdvform .nav body .pagination li > .rdvvalidestep1.prev, html body .pagination body.page-template-template-form main form .step.rdvform .nav li > .rdvvalidestep1.prev {
    margin: 0;
    width: 100%;
  }
}
html body.page-template-template-form main form .step.rdvform.rdvstep2 .nav {
  bottom: 180px;
}
@media (max-width: 1023px) {
  html body.page-template-template-form main form .step.rdvform.rdvstep2 .nav {
    bottom: 140px;
  }
}
@media (max-width: 1023px) {
  html body.page-template-template-form main form .step.rdvform.rdvstep3 .nav {
    bottom: 35px;
  }
}
html body.page-template-template-form main form .step .bloc {
  background: #f1f3f5;
  padding: 32px;
  /*  border:2px solid #dce1e6;*/
  position: relative;
}
html body.page-template-template-form main form .step .bloc:nth-of-type(2) {
  padding-top: 0;
}
@media (min-width: 1023px) {
  html body.page-template-template-form main form .step .bloc {
    padding: 32px 100px;
  }
}
html body.page-template-template-form main form .step .bloc:not(:first-of-type) {
  border-top: 0px;
}
html body.page-template-template-form main form .step .bloc.or:before {
  content: "ou";
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  top: -17px;
  font-weight: bold;
  text-align: center;
  line-height: 31px;
  left: 0;
  right: 0;
  margin: auto;
  border: 2px solid #dce1e6;
  background: white;
  border-radius: 50%;
  color: #294190;
}
html body.page-template-template-form main form .step .bloc h3 {
  text-transform: uppercase;
  color: #294190;
  margin: 0px;
}
html body.page-template-template-form main form .step .bloc .flowuped label {
  margin-top: 5px;
  font-size: 11Px;
  opacity: 0.5;
}
html body.page-template-template-form main form .step .bloc label {
  color: #011154;
  width: 100%;
  font-size: 19px;
  margin-top: 23px;
  font-weight: 500;
  position: absolute;
  z-index: 2;
  font-family: "Montserrat", sans-serif;
  left: 25px;
  pointer-events: none;
  -webkit-transition: all 0.25s ease-in-out;
  /* Safari */
  transition: all 0.25s ease-in-out;
}
html body.page-template-template-form main form .step .bloc .rdvlabel {
  font-family: "Montserrat", sans-serif;
  color: #011154;
  font-size: 20px;
  padding-top: 20px;
  position: relative;
  left: auto;
}
html body.page-template-template-form main form .step .bloc input, html body.page-template-template-form main form .step .bloc textarea, html body.page-template-template-form main form .step .bloc select {
  font-weight: 400;
  padding: 20px 12px;
  margin-top: 5px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 2px solid #CCC;
  font-size: 19px;
  color: #011154;
}
html body.page-template-template-form main form .step .bloc input:placeholder, html body.page-template-template-form main form .step .bloc textarea:placeholder, html body.page-template-template-form main form .step .bloc select:placeholder {
  color: #294190;
}
html body.page-template-template-form main form .step .bloc input::-webkit-input-placeholder, html body.page-template-template-form main form .step .bloc textarea::-webkit-input-placeholder, html body.page-template-template-form main form .step .bloc select::-webkit-input-placeholder {
  color: #294190;
}
html body.page-template-template-form main form .step .bloc input:-moz-placeholder, html body.page-template-template-form main form .step .bloc textarea:-moz-placeholder, html body.page-template-template-form main form .step .bloc select:-moz-placeholder {
  color: #294190;
}
html body.page-template-template-form main form .step .bloc input::-moz-placeholder, html body.page-template-template-form main form .step .bloc textarea::-moz-placeholder, html body.page-template-template-form main form .step .bloc select::-moz-placeholder {
  color: #294190;
}
html body.page-template-template-form main form .step .bloc input:-ms-input-placeholder, html body.page-template-template-form main form .step .bloc textarea:-ms-input-placeholder, html body.page-template-template-form main form .step .bloc select:-ms-input-placeholder {
  color: #294190;
}
html body.page-template-template-form main form .step .bloc .row div {
  margin-bottom: 15px;
}
html body.page-template-template-form main form .step .bloc #containerGarages {
  font-family: "Montserrat", sans-serif;
  color: #011154;
  margin-bottom: 10px;
  cursor: pointer;
}
html body.page-template-template-form main form .step .bloc #containerGarages div {
  transition: opacity 0.5s ease;
}
html body.page-template-template-form main form .step .bloc #containerGarages div.inactive {
  opacity: 0.2;
}
html body.page-template-template-form main form .step .bloc #containerGarages div:not(:last-of-type) {
  border-bottom: 1px solid white;
}
html body.page-template-template-form main form .step .bloc #containerGarages h5 {
  margin-bottom: 0px;
}
html body.page-template-template-form main form .step .nav {
  position: absolute;
  bottom: 75px;
  margin-top: 25px;
  width: 100%;
  padding: 0 30px;
}
html body.page-template-template-form main form .step .nav > a, html body.page-template-template-form main form .step .nav > input[type="submit"] {
  width: 260px;
  float: left;
}
@media (max-width: 1023px) {
  html body.page-template-template-form main form .step .nav > a, html body.page-template-template-form main form .step .nav > input[type="submit"] {
    width: 40%;
    margin-bottom: 20px;
  }
}
html body.page-template-template-form main form .step .nav > a:last-child, html body.page-template-template-form main form .step .nav > input[type="submit"]:last-child {
  float: right;
}
html body.page-template-template-form main form .step .nav input[type="submit"] {
  background: #f9de52;
  color: #294190;
  float: right;
}
html body.page-template-template-form main form .step .nav .devis_step1 {
  float: none !important;
  margin: auto;
  margin-bottom: 20px;
  display: block;
}
html body.page-template-template-form main form .step .champs_obligatoires {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #011154;
  margin-top: 140px;
}
html body.page-template-template-form main form .step.active {
  transform: translateX(0px);
  z-index: 1;
  opacity: 1;
}
html body.page-template-template-form main form .step.active ~ .step {
  transform: translateX(250px);
}
html body.page-template-template-form main form .wpcf7-response-output {
  color: white;
}
@media (max-width: 1023px) {
  html body.page-template-template-form main form .devispage3 .nav {
    bottom: 35px;
  }
}
html body .form-admin > div {
  margin: 30px 0px;
}
html body .form-admin .field_type-number, html body .form-admin .field_type-text, html body .form-admin .field_type-email, html body .form-admin .field_type-select {
  width: 50%;
  float: left;
}
html body .form-admin #acf-ville {
  width: 100%;
  float: none;
}
html body .form-admin #containerGarages .inactive {
  opacity: 0.7;
}
html body .form-admin .field {
  display: block;
  padding: 1% !important;
}
html body .form-admin .field .acf-input-append {
  height: 27px;
}
html body .form-admin .field label {
  text-align: left;
}
html body .form-admin .field input[type="submit"] {
  clear: both;
  display: block;
  border: none;
  background: #294190;
  color: white;
}
html body .form-admin .field_type-textarea, html body .form-admin .field_type-gallery {
  clear: both;
}
html body .form-admin #acf-garage_nom, html body .form-admin #acf-garage_code_postal, html body .form-admin #acf-garage {
  display: none;
}
html body .form-admin #acf-intitule {
  float: right;
  display: none;
}
html body.page-template-template-form article {
  background: #d8dfe6;
}
html body.page-template-template-confidentialite article, html body.error404 article, html body.page-template-default article {
  padding: 10px 0px;
}
html body.page-template-template-confidentialite main, html body.error404 main, html body.page-template-default main {
  min-height: 400px;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 1023px) {
  html body.page-template-template-confidentialite main, html body.error404 main, html body.page-template-default main {
    padding-top: 130px !important;
  }
}
@media (max-width: 1023px) {
  html body.page-template-template-confidentialite main, html body.error404 main, html body.page-template-default main {
    padding-right: 10px;
  }
}
html body.page-template-template-confidentialite main p, html body.error404 main p, html body.page-template-default main p {
  font-family: "Montserrat", sans-serif;
}
html body.page-template-template-confidentialite main h1, html body.error404 main h1, html body.page-template-default main h1 {
  font-size: 22px;
  margin-top: 70px;
}
html body.page-template-template-confidentialite main h2, html body.error404 main h2, html body.page-template-default main h2 {
  font-size: 22px;
  margin: 40px 0 20px;
}
html body.page-template-template-confidentialite main h3, html body.error404 main h3, html body.page-template-default main h3 {
  font-size: 17px;
}
html body.page-template-template-confidentialite main h1, html body.page-template-template-confidentialite main h2, html body.page-template-template-confidentialite main h3, html body.error404 main h1, html body.error404 main h2, html body.error404 main h3, html body.page-template-default main h1, html body.page-template-default main h2, html body.page-template-default main h3 {
  font-family: "Montserrat", sans-serif;
  color: #294190;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-confidentialite main h1, html body.page-template-template-confidentialite main h2, html body.page-template-template-confidentialite main h3, html body.error404 main h1, html body.error404 main h2, html body.error404 main h3, html body.page-template-default main h1, html body.page-template-default main h2, html body.page-template-default main h3 {
    margin-left: 20px;
  }
}
html body .ui-slider-horizontal {
  height: 7px;
  border: none;
  margin-bottom: 12px;
  background: #dce1e6;
}
html body .ui-slider-horizontal .ui-slider-range {
  background: #294190;
}
html body .ui-slider-horizontal .ui-state-default, html body .ui-slider-horizontal .ui-widget-content .ui-state-default {
  background: white;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  border: none;
  background: white;
  box-shadow: 0px 3px #dce1e6;
}
html body .ui-slider-horizontal .ui-state-default.ui-state-hover, html body .ui-slider-horizontal .ui-state-default.ui-state-focus, html body .ui-slider-horizontal .ui-widget-content .ui-state-default.ui-state-hover, html body .ui-slider-horizontal .ui-widget-content .ui-state-default.ui-state-focus {
  background: white;
  outline: none !important;
  cursor: pointer;
}
html body .text_desc {
  margin: 20px auto 40px;
  font-size: 16px;
  text-align: center;
}
html body .pagination {
  display: block;
  margin-bottom: 30px;
  font-family: "Montserrat", sans-serif;
}
html body .pagination ul {
  padding: 0px;
  text-align: center;
}
html body .pagination li {
  list-style-type: none;
  display: inline;
  line-height: 40px;
  height: 40px;
  width: auto;
  margin: 0px 5px;
}
html body .pagination li > .next, html body .pagination li > .prev {
  color: white;
  background: #f9de52;
  padding: 0px 15px;
}
html body .pagination li .next {
  float: right;
  width: 245px;
  font-size: 13px;
  height: 60px;
  line-height: 60px;
}
html body .pagination li .next:after {
  font-family: fontAwesome;
  content: "";
  font-size: 12px;
  margin-left: 6px;
  font-weight: 100;
}
html body .pagination li .prev {
  float: left;
  width: 245px;
  font-size: 13px;
  font-size: 13px;
  height: 60px;
  line-height: 60px;
}
html body .pagination li .page-numbers:not(.prev):not(.next) {
  text-align: center;
  margin: 0px 5px;
  font-size: 15px;
  color: #ccc;
  display: inline-block;
}
html body .pagination li .page-numbers:not(.prev):not(.next).current {
  color: #333;
}
html body #other_links {
  text-align: center;
  list-style-type: none;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 100px;
  margin-top: 65px;
}
html body #other_links h3 {
  font-size: 15px;
}
html body #other_links ul {
  text-align: center;
  padding: 0px;
  display: inline;
  margin-left: 20px;
}
html body #other_links li {
  font-size: 16px;
  display: inline;
}
html body #other_links li:not(:last-of-type):after {
  display: inline-block;
  content: "";
  background: #555;
  width: 1px;
  height: 10px;
  margin: 0px 1em;
}
html body.page-template-template-departements #francemap {
  width: 700px;
  height: 600px;
}
html body.page-template-template-departements .psh3 {
  color: #294190 !important;
}
@media (min-width: 1023px) {
  html body.page-template-template-departements .psh3 {
    margin-top: 35px;
  }
}
html body.page-template-template-vehicule-occasion, html body.single-vehicule, html body.page-template-template-offre-d-emplois, html body.single-annonce {
  /*background:url('../img/bg_wrapper_raye.png') repeat;*/
}
html body.page-template-template-vehicule-occasion main, html body.single-vehicule main, html body.page-template-template-offre-d-emplois main, html body.single-annonce main {
  font-family: "Montserrat", sans-serif;
}
html body.page-template-template-vehicule-occasion main h1, html body.page-template-template-vehicule-occasion main h2, html body.page-template-template-vehicule-occasion main h3, html body.single-vehicule main h1, html body.single-vehicule main h2, html body.single-vehicule main h3, html body.page-template-template-offre-d-emplois main h1, html body.page-template-template-offre-d-emplois main h2, html body.page-template-template-offre-d-emplois main h3, html body.single-annonce main h1, html body.single-annonce main h2, html body.single-annonce main h3 {
  font-family: "Montserrat", sans-serif;
}
html body.page-template-template-vehicule-occasion .sousoptions, html body.single-vehicule .sousoptions, html body.page-template-template-offre-d-emplois .sousoptions, html body.single-annonce .sousoptions {
  font-size: 18px;
}
html body.page-template-template-vehicule-occasion #filtres, html body.single-vehicule #filtres, html body.page-template-template-offre-d-emplois #filtres, html body.single-annonce #filtres {
  font-family: "Montserrat", sans-serif;
  margin: 10px auto;
  margin-top: -50px;
}
html body.page-template-template-vehicule-occasion #filtres > .row:not(:last-of-type) label, html body.single-vehicule #filtres > .row:not(:last-of-type) label, html body.page-template-template-offre-d-emplois #filtres > .row:not(:last-of-type) label, html body.single-annonce #filtres > .row:not(:last-of-type) label {
  font-family: "Montserrat", sans-serif;
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #294190;
}
html body.page-template-template-vehicule-occasion #filtres > .row:not(:last-of-type) p, html body.single-vehicule #filtres > .row:not(:last-of-type) p, html body.page-template-template-offre-d-emplois #filtres > .row:not(:last-of-type) p, html body.single-annonce #filtres > .row:not(:last-of-type) p {
  color: #294190;
}
html body.page-template-template-vehicule-occasion #filtres > .row:not(:last-of-type) input:read-only, html body.single-vehicule #filtres > .row:not(:last-of-type) input:read-only, html body.page-template-template-offre-d-emplois #filtres > .row:not(:last-of-type) input:read-only, html body.single-annonce #filtres > .row:not(:last-of-type) input:read-only {
  border: none;
  display: inline !important;
  width: auto;
  background: none;
  color: #294190 !important;
  font-weight: normal !important;
}
html body.page-template-template-vehicule-occasion #filtres > .row:not(:last-of-type) select, html body.page-template-template-vehicule-occasion #filtres > .row:not(:last-of-type) input[type="text"], html body.single-vehicule #filtres > .row:not(:last-of-type) select, html body.single-vehicule #filtres > .row:not(:last-of-type) input[type="text"], html body.page-template-template-offre-d-emplois #filtres > .row:not(:last-of-type) select, html body.page-template-template-offre-d-emplois #filtres > .row:not(:last-of-type) input[type="text"], html body.single-annonce #filtres > .row:not(:last-of-type) select, html body.single-annonce #filtres > .row:not(:last-of-type) input[type="text"] {
  display: block;
  width: 100%;
  height: 53px;
  line-height: 53px;
  margin: 30px auto;
  margin-top: 0px;
  padding: 0px 20px;
  border: none;
  border-bottom: 3px solid #dce1e6;
}
html body.page-template-template-vehicule-occasion #filtres > .row:not(:last-of-type) input[type="text"], html body.single-vehicule #filtres > .row:not(:last-of-type) input[type="text"], html body.page-template-template-offre-d-emplois #filtres > .row:not(:last-of-type) input[type="text"], html body.single-annonce #filtres > .row:not(:last-of-type) input[type="text"] {
  padding: 0px 20px;
}
html body.page-template-template-vehicule-occasion #filtres > .row:not(:last-of-type), html body.single-vehicule #filtres > .row:not(:last-of-type), html body.page-template-template-offre-d-emplois #filtres > .row:not(:last-of-type), html body.single-annonce #filtres > .row:not(:last-of-type) {
  background: #f1f3f5;
}
html body.page-template-template-vehicule-occasion #filtres > .row:last-of-type, html body.single-vehicule #filtres > .row:last-of-type, html body.page-template-template-offre-d-emplois #filtres > .row:last-of-type, html body.single-annonce #filtres > .row:last-of-type {
  padding-left: 0px;
  padding-right: 0px;
}
html body.page-template-template-vehicule-occasion #filtres > .row:last-of-type > div:last-of-type, html body.single-vehicule #filtres > .row:last-of-type > div:last-of-type, html body.page-template-template-offre-d-emplois #filtres > .row:last-of-type > div:last-of-type, html body.single-annonce #filtres > .row:last-of-type > div:last-of-type {
  text-align: right;
}
html body.page-template-template-vehicule-occasion #filtres > .row:last-of-type > div:last-of-type a, html body.single-vehicule #filtres > .row:last-of-type > div:last-of-type a, html body.page-template-template-offre-d-emplois #filtres > .row:last-of-type > div:last-of-type a, html body.single-annonce #filtres > .row:last-of-type > div:last-of-type a {
  color: #294190;
  border-bottom: 1px solid #294190;
  padding: 4px 0px;
  margin: 0px 5px;
}
html body.page-template-template-vehicule-occasion #filtres .row, html body.single-vehicule #filtres .row, html body.page-template-template-offre-d-emplois #filtres .row, html body.single-annonce #filtres .row {
  padding: 30px;
}
html body.page-template-template-vehicule-occasion #filtres .row > div > p:after, html body.single-vehicule #filtres .row > div > p:after, html body.page-template-template-offre-d-emplois #filtres .row > div > p:after, html body.single-annonce #filtres .row > div > p:after {
  content: "";
  display: block;
  clear: both;
}
html body.page-template-template-vehicule-occasion #filtres .row > div > p > span, html body.single-vehicule #filtres .row > div > p > span, html body.page-template-template-offre-d-emplois #filtres .row > div > p > span, html body.single-annonce #filtres .row > div > p > span {
  display: block;
}
html body.page-template-template-vehicule-occasion #filtres .row > div > p > span.left, html body.single-vehicule #filtres .row > div > p > span.left, html body.page-template-template-offre-d-emplois #filtres .row > div > p > span.left, html body.single-annonce #filtres .row > div > p > span.left {
  float: left;
}
html body.page-template-template-vehicule-occasion #filtres .row > div > p > span.right, html body.single-vehicule #filtres .row > div > p > span.right, html body.page-template-template-offre-d-emplois #filtres .row > div > p > span.right, html body.single-annonce #filtres .row > div > p > span.right {
  float: right;
}
html body.page-template-template-vehicule-occasion #filtres .row .btn, html body.page-template-template-vehicule-occasion #filtres .row body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-vehicule-occasion #filtres .row .lf_geoloc, html body.page-template-template-vehicule-occasion #filtres .row body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-vehicule-occasion #filtres .row input[type="submit"], html body.page-template-template-vehicule-occasion #filtres .row body .pagination li > .next, html body .pagination body.page-template-template-vehicule-occasion #filtres .row li > .next, html body.page-template-template-vehicule-occasion #filtres .row body .pagination li > .prev, html body .pagination body.page-template-template-vehicule-occasion #filtres .row li > .prev, html body.single-vehicule #filtres .row .btn, html body.single-vehicule #filtres .row body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.single-vehicule #filtres .row .lf_geoloc, html body.single-vehicule #filtres .row body .form-admin .field input[type="submit"], html body .form-admin .field body.single-vehicule #filtres .row input[type="submit"], html body.single-vehicule #filtres .row body .pagination li > .next, html body .pagination body.single-vehicule #filtres .row li > .next, html body.single-vehicule #filtres .row body .pagination li > .prev, html body .pagination body.single-vehicule #filtres .row li > .prev, html body.page-template-template-offre-d-emplois #filtres .row .btn, html body.page-template-template-offre-d-emplois #filtres .row body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-offre-d-emplois #filtres .row .lf_geoloc, html body.page-template-template-offre-d-emplois #filtres .row body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-offre-d-emplois #filtres .row input[type="submit"], html body.page-template-template-offre-d-emplois #filtres .row body .pagination li > .next, html body .pagination body.page-template-template-offre-d-emplois #filtres .row li > .next, html body.page-template-template-offre-d-emplois #filtres .row body .pagination li > .prev, html body .pagination body.page-template-template-offre-d-emplois #filtres .row li > .prev, html body.single-annonce #filtres .row .btn, html body.single-annonce #filtres .row body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.single-annonce #filtres .row .lf_geoloc, html body.single-annonce #filtres .row body .form-admin .field input[type="submit"], html body .form-admin .field body.single-annonce #filtres .row input[type="submit"], html body.single-annonce #filtres .row body .pagination li > .next, html body .pagination body.single-annonce #filtres .row li > .next, html body.single-annonce #filtres .row body .pagination li > .prev, html body .pagination body.single-annonce #filtres .row li > .prev {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-vehicule-occasion #filtres .row .total_results, html body.single-vehicule #filtres .row .total_results, html body.page-template-template-offre-d-emplois #filtres .row .total_results, html body.single-annonce #filtres .row .total_results {
    margin-left: 20px;
  }
}
html body.page-template-template-vehicule-occasion #filtres .row .total_results strong, html body.single-vehicule #filtres .row .total_results strong, html body.page-template-template-offre-d-emplois #filtres .row .total_results strong, html body.single-annonce #filtres .row .total_results strong {
  color: #294190;
}
html body.page-template-template-vehicule-occasion .ariane, html body.single-vehicule .ariane, html body.page-template-template-offre-d-emplois .ariane, html body.single-annonce .ariane {
  margin-bottom: 15px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo, html body.single-vehicule #list_vehicules_vo, html body.page-template-template-offre-d-emplois #list_vehicules_vo, html body.single-annonce #list_vehicules_vo {
  padding: 0px;
  font-family: "Montserrat", sans-serif;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li, html body.single-vehicule #list_vehicules_vo > li, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li, html body.single-annonce #list_vehicules_vo > li {
  list-style-type: none;
  margin-bottom: 30px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li.informations > div:first-of-type, html body.single-vehicule #list_vehicules_vo > li.informations > div:first-of-type, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li.informations > div:first-of-type, html body.single-annonce #list_vehicules_vo > li.informations > div:first-of-type {
  height: 720px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li.informations > div#map_garage, html body.single-vehicule #list_vehicules_vo > li.informations > div#map_garage, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li.informations > div#map_garage, html body.single-annonce #list_vehicules_vo > li.informations > div#map_garage {
  height: 200px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .thumb, html body.single-vehicule #list_vehicules_vo > li .thumb, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .thumb, html body.single-annonce #list_vehicules_vo > li .thumb {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-color: #ddd;
  height: 210px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .thumb.no_vignette, html body.single-vehicule #list_vehicules_vo > li .thumb.no_vignette, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .thumb.no_vignette, html body.single-annonce #list_vehicules_vo > li .thumb.no_vignette {
  background-size: 60%;
  background-repeat: no-repeat;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .thumb .prix, html body.single-vehicule #list_vehicules_vo > li .thumb .prix, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .thumb .prix, html body.single-annonce #list_vehicules_vo > li .thumb .prix {
  color: white;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 22px;
  padding: 15px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details, html body.single-vehicule #list_vehicules_vo > li .details, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .details, html body.single-annonce #list_vehicules_vo > li .details {
  background: white;
  height: 260px;
  color: #294190 !important;
  padding: 15px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details h2 a, html body.single-vehicule #list_vehicules_vo > li .details h2 a, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .details h2 a, html body.single-annonce #list_vehicules_vo > li .details h2 a {
  color: #294190 !important;
  font-size: 17px;
  margin-bottom: 25px;
  font-weight: normal;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul, html body.single-vehicule #list_vehicules_vo > li .details ul, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .details ul, html body.single-annonce #list_vehicules_vo > li .details ul {
  font-size: 14px;
  padding: 0px;
  list-style-type: none;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li, html body.single-vehicule #list_vehicules_vo > li .details ul li, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .details ul li, html body.single-annonce #list_vehicules_vo > li .details ul li {
  padding-left: 40px;
  margin-bottom: 10px;
  min-height: 30px;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li.adresse, html body.single-vehicule #list_vehicules_vo > li .details ul li.adresse, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .details ul li.adresse, html body.single-annonce #list_vehicules_vo > li .details ul li.adresse {
  background: url("../img/icons/ico_vo_marker.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li.nom, html body.single-vehicule #list_vehicules_vo > li .details ul li.nom, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .details ul li.nom, html body.single-annonce #list_vehicules_vo > li .details ul li.nom {
  background: url("../img/icons/ico_vo_outil.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li.date, html body.single-vehicule #list_vehicules_vo > li .details ul li.date, html body.page-template-template-offre-d-emplois #list_vehicules_vo > li .details ul li.date, html body.single-annonce #list_vehicules_vo > li .details ul li.date {
  background: url("../img/icons/ico_vo_time.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion #list_annonces, html body.single-vehicule #list_annonces, html body.page-template-template-offre-d-emplois #list_annonces, html body.single-annonce #list_annonces {
  padding: 0px;
  list-style-type: none;
}
html body.page-template-template-vehicule-occasion #list_annonces .seeJob, html body.single-vehicule #list_annonces .seeJob, html body.page-template-template-offre-d-emplois #list_annonces .seeJob, html body.single-annonce #list_annonces .seeJob {
  float: right;
  margin-top: -195px;
}
html body.page-template-template-vehicule-occasion #list_annonces > li, html body.single-vehicule #list_annonces > li, html body.page-template-template-offre-d-emplois #list_annonces > li, html body.single-annonce #list_annonces > li {
  padding: 20px;
  margin-bottom: 20px;
  background: #dce1e6;
}
html body.page-template-template-vehicule-occasion #list_annonces > li a, html body.single-vehicule #list_annonces > li a, html body.page-template-template-offre-d-emplois #list_annonces > li a, html body.single-annonce #list_annonces > li a {
  color: #294190;
}
html body.page-template-template-vehicule-occasion #list_annonces > li a h3, html body.single-vehicule #list_annonces > li a h3, html body.page-template-template-offre-d-emplois #list_annonces > li a h3, html body.single-annonce #list_annonces > li a h3 {
  margin: 0px;
}
html body.page-template-template-vehicule-occasion #list_annonces > li .type, html body.single-vehicule #list_annonces > li .type, html body.page-template-template-offre-d-emplois #list_annonces > li .type, html body.single-annonce #list_annonces > li .type {
  text-transform: uppercase;
  color: #f9de52;
  font-size: 25px;
}
html body.page-template-template-vehicule-occasion #list_annonces > li ul, html body.single-vehicule #list_annonces > li ul, html body.page-template-template-offre-d-emplois #list_annonces > li ul, html body.single-annonce #list_annonces > li ul {
  font-size: 14px;
  padding: 0px;
  margin-top: 10px;
  list-style-type: none;
  color: #294190;
}
html body.page-template-template-vehicule-occasion #list_annonces > li ul li, html body.single-vehicule #list_annonces > li ul li, html body.page-template-template-offre-d-emplois #list_annonces > li ul li, html body.single-annonce #list_annonces > li ul li {
  padding-left: 40px;
  margin-bottom: 10px;
  min-height: 30px;
}
html body.page-template-template-vehicule-occasion #list_annonces > li ul li.adresse, html body.single-vehicule #list_annonces > li ul li.adresse, html body.page-template-template-offre-d-emplois #list_annonces > li ul li.adresse, html body.single-annonce #list_annonces > li ul li.adresse {
  padding-top: 15px;
  background: url("../img/icons/ico_vo_marker.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion #list_annonces > li ul li.nom, html body.single-vehicule #list_annonces > li ul li.nom, html body.page-template-template-offre-d-emplois #list_annonces > li ul li.nom, html body.single-annonce #list_annonces > li ul li.nom {
  background: url("../img/icons/ico_vo_outil.png") no-repeat top left;
  float: left;
}
html body.page-template-template-vehicule-occasion #list_annonces > li ul li.date, html body.single-vehicule #list_annonces > li ul li.date, html body.page-template-template-offre-d-emplois #list_annonces > li ul li.date, html body.single-annonce #list_annonces > li ul li.date {
  float: right;
  background: url("../img/icons/ico_vo_time.png") no-repeat bottom left;
}
html body.page-template-template-vehicule-occasion .fiche h1, html body.single-vehicule .fiche h1, html body.page-template-template-offre-d-emplois .fiche h1, html body.single-annonce .fiche h1 {
  background: #f1f3f5;
  padding: 20px;
  font-size: 28px;
  margin: 0px;
  color: #294190;
}
html body.page-template-template-vehicule-occasion .fiche #galerie, html body.single-vehicule .fiche #galerie, html body.page-template-template-offre-d-emplois .fiche #galerie, html body.single-annonce .fiche #galerie {
  display: block;
  width: 100%;
  height: 400px;
  position: relative;
  margin-bottom: 20px;
}
html body.page-template-template-vehicule-occasion .fiche #galerie .thumb, html body.single-vehicule .fiche #galerie .thumb, html body.page-template-template-offre-d-emplois .fiche #galerie .thumb, html body.single-annonce .fiche #galerie .thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
  left: -100px;
  transition: all 0.5s ease;
  background-size: cover;
  background-position: center;
}
html body.page-template-template-vehicule-occasion .fiche #galerie .thumb.active, html body.single-vehicule .fiche #galerie .thumb.active, html body.page-template-template-offre-d-emplois .fiche #galerie .thumb.active, html body.single-annonce .fiche #galerie .thumb.active {
  opacity: 1;
  left: 0px;
}
html body.page-template-template-vehicule-occasion .fiche #thumbs, html body.single-vehicule .fiche #thumbs, html body.page-template-template-offre-d-emplois .fiche #thumbs, html body.single-annonce .fiche #thumbs {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 125px;
  position: relative;
}
html body.page-template-template-vehicule-occasion .fiche #thumbs .inner, html body.single-vehicule .fiche #thumbs .inner, html body.page-template-template-offre-d-emplois .fiche #thumbs .inner, html body.single-annonce .fiche #thumbs .inner {
  position: absolute;
  height: 125px;
}
html body.page-template-template-vehicule-occasion .fiche #thumbs .thumb, html body.single-vehicule .fiche #thumbs .thumb, html body.page-template-template-offre-d-emplois .fiche #thumbs .thumb, html body.single-annonce .fiche #thumbs .thumb {
  z-index: 2;
  float: left;
  width: 250px;
  margin: 0px 10px;
  height: 125px;
  background-size: cover;
  background-position: center;
  transition: left 0.5s ease;
  position: relative;
  left: 0px;
  cursor: pointer;
}
html body.page-template-template-vehicule-occasion .fiche #thumbs .inner_thumbs, html body.single-vehicule .fiche #thumbs .inner_thumbs, html body.page-template-template-offre-d-emplois .fiche #thumbs .inner_thumbs, html body.single-annonce .fiche #thumbs .inner_thumbs {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 125px;
}
html body.page-template-template-vehicule-occasion .fiche #thumbs > a, html body.single-vehicule .fiche #thumbs > a, html body.page-template-template-offre-d-emplois .fiche #thumbs > a, html body.single-annonce .fiche #thumbs > a {
  z-index: 3;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  top: 50px;
  cursor: pointer;
}
html body.page-template-template-vehicule-occasion .fiche #thumbs > a:before, html body.single-vehicule .fiche #thumbs > a:before, html body.page-template-template-offre-d-emplois .fiche #thumbs > a:before, html body.single-annonce .fiche #thumbs > a:before {
  content: "";
  display: block;
  margin: 10px auto;
  background: url(../img/arrow.svg) no-repeat;
  width: 10px;
  height: 10px;
}
html body.page-template-template-vehicule-occasion .fiche #thumbs > a.prev, html body.single-vehicule .fiche #thumbs > a.prev, html body.page-template-template-offre-d-emplois .fiche #thumbs > a.prev, html body.single-annonce .fiche #thumbs > a.prev {
  background: #294190;
  left: -5px;
  transform: rotateY(-180deg);
}
html body.page-template-template-vehicule-occasion .fiche #thumbs > a.next, html body.single-vehicule .fiche #thumbs > a.next, html body.page-template-template-offre-d-emplois .fiche #thumbs > a.next, html body.single-annonce .fiche #thumbs > a.next {
  background: #f9de52;
  right: -5px;
}
html body.page-template-template-vehicule-occasion .fiche table, html body.single-vehicule .fiche table, html body.page-template-template-offre-d-emplois .fiche table, html body.single-annonce .fiche table {
  clear: both;
  margin: 20px 0px;
  width: 100%;
  color: #294190;
}
html body.page-template-template-vehicule-occasion .fiche table tr.big td, html body.single-vehicule .fiche table tr.big td, html body.page-template-template-offre-d-emplois .fiche table tr.big td, html body.single-annonce .fiche table tr.big td {
  font-size: 25px;
  padding: 20px;
}
html body.page-template-template-vehicule-occasion .fiche table tr td, html body.single-vehicule .fiche table tr td, html body.page-template-template-offre-d-emplois .fiche table tr td, html body.single-annonce .fiche table tr td {
  border-bottom: 1px solid #dce1e6;
  font-size: 17px;
  padding: 15px;
  background: #f1f3f5;
}
html body.page-template-template-vehicule-occasion .fiche table tr td:first-of-type, html body.single-vehicule .fiche table tr td:first-of-type, html body.page-template-template-offre-d-emplois .fiche table tr td:first-of-type, html body.single-annonce .fiche table tr td:first-of-type {
  background: #e6eaed;
}
html body.page-template-template-vehicule-occasion .fiche table tr:last-of-type td, html body.single-vehicule .fiche table tr:last-of-type td, html body.page-template-template-offre-d-emplois .fiche table tr:last-of-type td, html body.single-annonce .fiche table tr:last-of-type td {
  border-bottom: 3px solid #dce1e6;
}
html body.page-template-template-vehicule-occasion .fiche .description, html body.single-vehicule .fiche .description, html body.page-template-template-offre-d-emplois .fiche .description, html body.single-annonce .fiche .description {
  margin: 20px 0px;
  padding: 15px;
  background: #f1f3f5;
  font-size: 16px;
  color: #294190;
}
html body.page-template-template-vehicule-occasion .fiche .description h2, html body.single-vehicule .fiche .description h2, html body.page-template-template-offre-d-emplois .fiche .description h2, html body.single-annonce .fiche .description h2 {
  margin: 20px 0px;
  margin-top: 15px;
  font-size: 18px;
}
html body.page-template-template-vehicule-occasion .informations > div, html body.single-vehicule .informations > div, html body.page-template-template-offre-d-emplois .informations > div, html body.single-annonce .informations > div {
  padding: 37px;
  background: #294190;
  color: white;
}
html body.page-template-template-vehicule-occasion .informations > div h2, html body.single-vehicule .informations > div h2, html body.page-template-template-offre-d-emplois .informations > div h2, html body.single-annonce .informations > div h2 {
  font-size: 18px;
  margin: 0px;
}
html body.page-template-template-vehicule-occasion .informations > div ul, html body.single-vehicule .informations > div ul, html body.page-template-template-offre-d-emplois .informations > div ul, html body.single-annonce .informations > div ul {
  padding: 0px;
  margin: 20px 0px;
}
html body.page-template-template-vehicule-occasion .informations > div ul li, html body.single-vehicule .informations > div ul li, html body.page-template-template-offre-d-emplois .informations > div ul li, html body.single-annonce .informations > div ul li {
  padding-left: 40px;
  padding-top: 3px;
  list-style-type: none;
  min-height: 50px;
}
html body.page-template-template-vehicule-occasion .informations > div ul li a, html body.single-vehicule .informations > div ul li a, html body.page-template-template-offre-d-emplois .informations > div ul li a, html body.single-annonce .informations > div ul li a {
  color: white;
}
html body.page-template-template-vehicule-occasion .informations > div ul li.adresse, html body.single-vehicule .informations > div ul li.adresse, html body.page-template-template-offre-d-emplois .informations > div ul li.adresse, html body.single-annonce .informations > div ul li.adresse {
  background: url("../img/icons/ico_marker_y.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion .informations > div ul li.nom, html body.single-vehicule .informations > div ul li.nom, html body.page-template-template-offre-d-emplois .informations > div ul li.nom, html body.single-annonce .informations > div ul li.nom {
  background: url("../img/icons/ico_outil_y.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion .informations > div ul li.date, html body.single-vehicule .informations > div ul li.date, html body.page-template-template-offre-d-emplois .informations > div ul li.date, html body.single-annonce .informations > div ul li.date {
  background: url("../img/icons/ico_date_y.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion .informations > div ul li.email, html body.single-vehicule .informations > div ul li.email, html body.page-template-template-offre-d-emplois .informations > div ul li.email, html body.single-annonce .informations > div ul li.email {
  background: url("../img/icons/ico_email_y.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion .informations > div ul li.tel, html body.single-vehicule .informations > div ul li.tel, html body.page-template-template-offre-d-emplois .informations > div ul li.tel, html body.single-annonce .informations > div ul li.tel {
  background: url("../img/icons/ico_tel_y.png") no-repeat top left;
}
html body.page-template-template-vehicule-occasion #map_garage, html body.single-vehicule #map_garage, html body.page-template-template-offre-d-emplois #map_garage, html body.single-annonce #map_garage {
  height: 300px;
}
html body.page-template-template-vehicule-occasion .autres_vehicules, html body.single-vehicule .autres_vehicules, html body.page-template-template-offre-d-emplois .autres_vehicules, html body.single-annonce .autres_vehicules {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  html body.page-template-template-vehicule-occasion .autres_vehicules, html body.single-vehicule .autres_vehicules, html body.page-template-template-offre-d-emplois .autres_vehicules, html body.single-annonce .autres_vehicules {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
html body.page-template-template-vehicule-occasion .autres_vehicules strong, html body.single-vehicule .autres_vehicules strong, html body.page-template-template-offre-d-emplois .autres_vehicules strong, html body.single-annonce .autres_vehicules strong {
  display: block;
  margin-bottom: 20px;
}
html body.page-template-template-vehicule-occasion .headline, html body.single-vehicule .headline, html body.page-template-template-offre-d-emplois .headline, html body.single-annonce .headline {
  text-transform: uppercase;
  color: #294190;
  font-style: italic;
  text-align: center;
  font-size: 20px;
  margin: 20px auto;
}
@media (max-width: 1023px) {
  html body.page-template-template-vehicule-occasion .headline, html body.single-vehicule .headline, html body.page-template-template-offre-d-emplois .headline, html body.single-annonce .headline {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
html body.page-template-template-vehicule-occasion .headline strong, html body.single-vehicule .headline strong, html body.page-template-template-offre-d-emplois .headline strong, html body.single-annonce .headline strong {
  color: #f9de52;
}
html body.single-annonce .fiche h1 {
  background: none;
}
html body.single-annonce .informations .btn, html body.single-annonce .informations body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.single-annonce .informations .lf_geoloc, html body.single-annonce .informations body .form-admin .field input[type="submit"], html body .form-admin .field body.single-annonce .informations input[type="submit"], html body.single-annonce .informations body .pagination li > .next, html body .pagination body.single-annonce .informations li > .next, html body.single-annonce .informations body .pagination li > .prev, html body .pagination body.single-annonce .informations li > .prev {
  width: 100%;
}
html body.error404 #bandeau {
  background: #294190;
  min-height: 400px;
}
html body.error404 #bandeau h2 {
  text-align: center;
}
html body.error404 #bandeau h2 a {
  color: white;
}
@media (max-width: 1023px) {
  html body.error404 #bandeau h2 {
    margin-top: 90px !important;
  }
}
@media screen and (min-width: 1023px) {
  html body.page-template-template-voitures_neuves #bandeau, html body.page-template-template-vehicule_occasion_marque #bandeau {
    margin-bottom: 35px;
  }
}
html body.page-template-template-voitures_neuves .bandeau h1 + p, html body.page-template-template-vehicule_occasion_marque .bandeau h1 + p {
  color: white;
  text-transform: uppercase;
  font-size: 1.2em;
}
html body.page-template-template-voitures_neuves .bandeau h1 + p img, html body.page-template-template-vehicule_occasion_marque .bandeau h1 + p img {
  max-height: 40px;
  width: auto;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-voitures_neuves, html body.page-template-template-vehicule_occasion_marque {
    padding: 0;
  }
}
html body.page-template-template-voitures_neuves .cta a, html body.page-template-template-vehicule_occasion_marque .cta a {
  padding: 50px 20px;
  color: white;
  display: block;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-voitures_neuves .cta a, html body.page-template-template-vehicule_occasion_marque .cta a {
    padding: 20px;
    margin: 40px 20px 20px;
  }
  html body.page-template-template-voitures_neuves .cta a.stock, html body.page-template-template-vehicule_occasion_marque .cta a.stock {
    margin-top: 20px;
  }
}
html body.page-template-template-voitures_neuves .cta a.configuration, html body.page-template-template-vehicule_occasion_marque .cta a.configuration {
  background-color: #294190;
}
html body.page-template-template-voitures_neuves .cta a.stock, html body.page-template-template-vehicule_occasion_marque .cta a.stock {
  background-color: #011154;
}
html body.page-template-template-voitures_neuves .cta a span:not(.btn), html body.page-template-template-vehicule_occasion_marque .cta a span:not(.btn) {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}
html body.page-template-template-voitures_neuves .cta a span:not(.btn) strong, html body.page-template-template-vehicule_occasion_marque .cta a span:not(.btn) strong {
  display: block;
  text-transform: uppercase;
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
}
html body.page-template-template-voitures_neuves .cta a .btn, html body.page-template-template-voitures_neuves .cta a body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-voitures_neuves .cta a .lf_geoloc, html body.page-template-template-voitures_neuves .cta a body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-voitures_neuves .cta a input[type="submit"], html body.page-template-template-voitures_neuves .cta a body .pagination li > .next, html body .pagination body.page-template-template-voitures_neuves .cta a li > .next, html body.page-template-template-voitures_neuves .cta a body .pagination li > .prev, html body .pagination body.page-template-template-voitures_neuves .cta a li > .prev, html body.page-template-template-vehicule_occasion_marque .cta a .btn, html body.page-template-template-vehicule_occasion_marque .cta a body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-vehicule_occasion_marque .cta a .lf_geoloc, html body.page-template-template-vehicule_occasion_marque .cta a body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-vehicule_occasion_marque .cta a input[type="submit"], html body.page-template-template-vehicule_occasion_marque .cta a body .pagination li > .next, html body .pagination body.page-template-template-vehicule_occasion_marque .cta a li > .next, html body.page-template-template-vehicule_occasion_marque .cta a body .pagination li > .prev, html body .pagination body.page-template-template-vehicule_occasion_marque .cta a li > .prev {
  width: 212px;
  float: right;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-voitures_neuves .cta a .btn, html body.page-template-template-voitures_neuves .cta a body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-voitures_neuves .cta a .lf_geoloc, html body.page-template-template-voitures_neuves .cta a body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-voitures_neuves .cta a input[type="submit"], html body.page-template-template-voitures_neuves .cta a body .pagination li > .next, html body .pagination body.page-template-template-voitures_neuves .cta a li > .next, html body.page-template-template-voitures_neuves .cta a body .pagination li > .prev, html body .pagination body.page-template-template-voitures_neuves .cta a li > .prev, html body.page-template-template-vehicule_occasion_marque .cta a .btn, html body.page-template-template-vehicule_occasion_marque .cta a body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-vehicule_occasion_marque .cta a .lf_geoloc, html body.page-template-template-vehicule_occasion_marque .cta a body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-vehicule_occasion_marque .cta a input[type="submit"], html body.page-template-template-vehicule_occasion_marque .cta a body .pagination li > .next, html body .pagination body.page-template-template-vehicule_occasion_marque .cta a li > .next, html body.page-template-template-vehicule_occasion_marque .cta a body .pagination li > .prev, html body .pagination body.page-template-template-vehicule_occasion_marque .cta a li > .prev {
    width: 100%;
  }
}
html body.page-template-template-voitures_neuves .marques, html body.page-template-template-vehicule_occasion_marque .marques {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  html body.page-template-template-voitures_neuves .marques, html body.page-template-template-vehicule_occasion_marque .marques {
    width: 97%;
    margin: auto;
    margin-top: 40px;
  }
}
html body.page-template-template-voitures_neuves .marques > div, html body.page-template-template-vehicule_occasion_marque .marques > div {
  padding: 10px;
}
@media (min-width: 1023px) {
  html body.page-template-template-voitures_neuves .marques > div, html body.page-template-template-vehicule_occasion_marque .marques > div {
    width: 20%;
    float: left;
  }
}
html body.page-template-template-voitures_neuves .marques > div a, html body.page-template-template-vehicule_occasion_marque .marques > div a {
  display: block;
  vertical-align: middle;
  border: 1px solid #e9e9e9;
  padding: 10px 5px;
  vertical-align: middle;
  height: 60px;
  width: 100%;
  color: #294190;
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  background: #fff;
  transition: all 0.5s ease;
}
html body.page-template-template-voitures_neuves .marques > div a:hover, html body.page-template-template-vehicule_occasion_marque .marques > div a:hover {
  background: #eee;
}
html body.page-template-template-voitures_neuves .marques > div img, html body.page-template-template-vehicule_occasion_marque .marques > div img {
  max-width: 45px;
  max-height: 50px;
  margin-right: 10px;
}
@media screen and (max-width: 1023px) {
  html {
    width: 100%;
    overflow-x: hidden;
  }
  html main {
    padding-top: 54px;
  }
  html main .top_menu_mobile {
    margin-top: 10px;
  }
  html main .top_menu_mobile > ul {
    width: calc(100% - 20px);
    margin: 0px auto;
    padding: 0px;
  }
  html main .top_menu_mobile > ul > li {
    width: calc(33.33% - 10px);
    margin: 5px;
    display: block;
    float: right;
    height: 120px;
  }
  html main .top_menu_mobile > ul > li > a {
    vertical-align: bottom;
    text-align: center;
    color: white;
    display: block;
    text-transform: uppercase;
    padding: 70px 5px 0px;
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center 20px;
    font-weight: 400;
    font-size: 11px;
  }
  html main .top_menu_mobile > ul > li:nth-of-type(3) {
    background: #294190;
  }
  html main .top_menu_mobile > ul > li:nth-of-type(3) > a {
    background-image: url("../img/icons/picto pin.svg");
  }
  html main .top_menu_mobile > ul > li:nth-of-type(2) {
    background: #011154;
  }
  html main .top_menu_mobile > ul > li:nth-of-type(2) > a {
    background-image: url("../img/icons/ico_rdv_1.png");
    color: white;
  }
  html main .top_menu_mobile > ul > li:nth-of-type(1) {
    background: #294190;
  }
  html main .top_menu_mobile > ul > li:nth-of-type(1) > a {
    background-image: url("../img/icons/picto devis.svg");
    color: white;
  }
  html main .top_menu_mobile > ul:after {
    content: "";
    display: block;
  }
  html body h2 {
    margin: 40px 15px;
  }
  html body p {
    margin-left: 15px;
  }
  html body #share {
    display: block;
    position: relative;
    margin-top: 50px;
    text-align: right;
    left: 0px;
    top: 0px;
    transform: translateY(0%);
    z-index: 10;
  }
  html body #share ul {
    padding: 10px;
    margin: 0px;
    width: 100%;
  }
  html body #share ul li {
    display: inline-block;
    margin: 5px;
    font-size: 20px;
  }
  html body #share ul li a {
    color: white;
    transition: all 0.5s ease;
  }
  html body #share ul li a:hover, html body #share ul li a:focus, html body #share ul li a:active {
    color: #f9de52;
  }
  html body #share ul li:last-of-type {
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    transform: rotateZ(0deg) translateX(0px);
  }
  html body #share + main {
    padding-top: 0px;
  }
  html body #bandeau {
    height: 160px;
    margin: 0px;
  }
  html body #bandeau blockquote {
    margin: 0px 50px;
    color: white;
    padding: 50px 50px;
  }
  html body #bandeau blockquote:before {
    width: 27px;
    height: 20px;
    left: 15px;
    top: 30px;
    background-repeat: no-repeat;
  }
  html body #bandeau blockquote:after {
    right: 15px;
    top: 120px;
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
  }
  html body #bandeau blockquote cite {
    color: white;
    font-style: italic;
  }
  html body #bandeau blockquote cite strong {
    color: #f9de52;
  }
  html body #bandeau blockquote.no_citation cite strong {
    color: inherit;
  }
  html body.page-template-template-vehicule-occasion #filtres input, html body.page-template-template-vehicule-occasion #filtres select {
    font-family: "Montserrat", sans-serif;
    color: #294190;
    font-size: 19px;
    border-bottom: 2px solid #CCC;
  }
  html body.page-template-template-vehicule-occasion #filtres input:placeholder, html body.page-template-template-vehicule-occasion #filtres select:placeholder {
    color: #294190;
  }
  html body.page-template-template-vehicule-occasion #filtres input::-webkit-input-placeholder, html body.page-template-template-vehicule-occasion #filtres select::-webkit-input-placeholder {
    color: #294190;
  }
  html body.page-template-template-vehicule-occasion #filtres input:-moz-placeholder, html body.page-template-template-vehicule-occasion #filtres select:-moz-placeholder {
    color: #294190;
  }
  html body.page-template-template-vehicule-occasion #filtres input::-moz-placeholder, html body.page-template-template-vehicule-occasion #filtres select::-moz-placeholder {
    color: #294190;
  }
  html body.page-template-template-vehicule-occasion #filtres input:-ms-input-placeholder, html body.page-template-template-vehicule-occasion #filtres select:-ms-input-placeholder {
    color: #294190;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo {
    padding: 0px;
    font-family: "Montserrat", sans-serif;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li {
    list-style-type: none;
    margin-bottom: 30px;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li.informations > div:first-of-type {
    height: 720px;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li.informations > div#map_garage {
    height: 200px;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .thumb {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: #ddd;
    height: 210px;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .thumb.no_vignette {
    background-size: 60%;
    background-repeat: no-repeat;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .thumb .prix {
    color: white;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 22px;
    padding: 15px;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details {
    height: 260px;
    color: #294190 !important;
    padding: 15px;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details h2 a {
    color: #294190 !important;
    font-size: 17px;
    margin-bottom: 25px;
    font-weight: normal;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-style: italic;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul {
    font-size: 14px;
    padding: 0px;
    list-style-type: none;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li {
    padding-left: 40px;
    margin-bottom: 10px;
    min-height: 30px;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li.adresse {
    background: url("../img/icons/ico_vo_marker.png") no-repeat top left;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li.nom {
    background: url("../img/icons/ico_vo_outil.png") no-repeat top left;
  }
  html body.page-template-template-vehicule-occasion #list_vehicules_vo > li .details ul li.date {
    background: url("../img/icons/ico_vo_time.png") no-repeat top left;
  }
  html body.page-template-template-accueil #bandeau {
    height: 300px;
    margin: 20px 0px;
  }
  html body.page-template-template-accueil #bandeau .active blockquote {
    z-index: 2;
  }
  html body.page-template-template-accueil #bandeau .active blockquote.quote_home {
    width: 100%;
    left: 0;
  }
  html body.page-template-template-accueil main .margeHaute {
    top: 0px;
  }
  html body.page-template-template-accueil main article .store {
    display: none;
  }
  html body.page-template-template-voitures_neuves main, html body.page-template-template-vehicule_occasion_marque main {
    margin-bottom: 80px;
  }
  html body.page-template-template-voitures_neuves main .cta > div, html body.page-template-template-vehicule_occasion_marque main .cta > div {
    margin: 20px auto;
  }
  html body.page-template-template-voitures_neuves main .cta span, html body.page-template-template-vehicule_occasion_marque main .cta span {
    display: block;
    float: none !important;
    margin-bottom: 15px;
  }
  html body .module .btn, html body .module .module.store .inner form .lf_geoloc, html body .module.store .inner form .module .lf_geoloc, html body .module .form-admin .field input[type="submit"], html body .form-admin .field .module input[type="submit"], html body .module .pagination li > .next, html body .pagination .module li > .next, html body .module .pagination li > .prev, html body .pagination .module li > .prev {
    width: 95%;
  }
  html body .module .btn:after, html body .module .module.store .inner form .lf_geoloc:after, html body .module.store .inner form .module .lf_geoloc:after, html body .module .form-admin .field input[type="submit"]:after, html body .form-admin .field .module input[type="submit"]:after, html body .module .pagination li > .next:after, html body .pagination .module li > .next:after, html body .module .pagination li > .prev:after, html body .pagination .module li > .prev:after {
    display: none;
  }
  html body footer #menu_footer nav.main_menu > ul, html body footer #menu_footer nav.extra_menu > ul {
    padding: 0px 20px;
  }
  html body footer #menu_footer nav.main_menu > ul > li:not(.rs), html body footer #menu_footer nav.extra_menu > ul > li:not(.rs) {
    width: 100%;
  }
  html body.page-template-template-form main form {
    min-height: 1020px;
  }
  html body.page-template-template-form main form #containerGarages .btn, html body.page-template-template-form main form #containerGarages body .module.store .inner form .lf_geoloc, html body .module.store .inner form body.page-template-template-form main form #containerGarages .lf_geoloc, html body.page-template-template-form main form #containerGarages body .form-admin .field input[type="submit"], html body .form-admin .field body.page-template-template-form main form #containerGarages input[type="submit"], html body.page-template-template-form main form #containerGarages body .pagination li > .next, html body .pagination body.page-template-template-form main form #containerGarages li > .next, html body.page-template-template-form main form #containerGarages body .pagination li > .prev, html body .pagination body.page-template-template-form main form #containerGarages li > .prev {
    float: none !important;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  html .mobile-adapt {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  html body.page-template-template-accueil #bandeau {
    margin: 0;
  }
}
@media screen and (max-width: 1023px) and (min-width: 700px) {
  html body footer #menu_footer nav.main_menu > ul > li:not(.rs), html body footer #menu_footer nav.extra_menu > ul > li:not(.rs) {
    width: 48%;
    padding-bottom: 25px;
  }
}
html .wpcf7 .ajax-loader {
  background-image: url("../img/ajax-loader_32x32.gif") !important;
  width: 32px !important;
  height: 32px !important;
  margin: 17px 0px 0px 47.5% !important;
}
.row.customrow_bottom.list-check ul {
  display: block;
}
@media screen and (max-width: 1023px) {
  .brand {
    padding: 0;
    margin: 0;
    height: 54px;
  }
  .home .mainheader {
    padding: 0.8rem;
    position: relative !important;
    background: #294190 !important;
  }
}
.homeHeader--item {
  height: 400px;
}
.bouton-rouge {
  background: #f33349 !important;
  color: white !important;
  font-style: normal !important;
  text-align: center !important;
}
.bouton-vert {
  background: #294190 !important;
  text-transform: uppercase;
  color: white !important;
  padding: 15px !important;
  font-size: 13px !important;
  height: 60px;
  line-height: 30px !important;
  white-space: normal;
  margin: 24px;
  width: 240px;
  text-align: center !important;
}
.bouton-bleu-ciel {
  background: #f9de52 !important;
  color: white !important;
  font-style: normal !important;
  text-align: left !important;
}
.bouton-bleu-fonce {
  background: #011154 !important;
  color: white !important;
  font-style: normal !important;
  text-align: left !important;
}
.bouton-bleu:hover, .bouton-bleu-fonce:hover, .bouton-bleu-ciel:hover {
  color: #fff !important;
  background-color: #011154;
  transition: all 0.3s ease;
}
.toggle-contact {
  display: none;
}
.toggle-btn, .btn-discover-garage {
  margin-top: 10px;
  background: #011154 !important;
}
/* offre template default */
html body.offre-template-default main .bandeau {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  position: relative;
  color: white;
}
html body.offre-template-default main .bandeau .wrapper {
  z-index: 3;
}
html body.offre-template-default main .bandeau h1 {
  margin: 0px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 10px;
}
html body.offre-template-default main .bandeau p {
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 20px;
}
html body.offre-template-default main article {
  color: #061e5a;
  font-size: 16px;
}
html body.offre-template-default main article .contenu {
  margin: 40px 0px;
}
html body.offre-template-default main article h2 {
  color: #061e5a;
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
}
html body.offre-template-default main article h3 {
  font-weight: 500;
  font-size: 20px;
  font-style: italic;
  color: #294190;
}
html body.offre-template-default main article ol, html body.offre-template-default main article ul {
  margin: 30px 0px;
  list-style-type: none;
  padding-left: 70px;
}
html body.offre-template-default main article ol li, html body.offre-template-default main article ul li {
  margin-bottom: 15px;
  position: relative;
}
html body.offre-template-default main article ol li:before, html body.offre-template-default main article ul li:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -35px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  border-radius: 50%;
  font-size: 80%;
  background-color: #294190;
  color: white;
  font-size: 18px;
}
html body.offre-template-default main article ol li strong, html body.offre-template-default main article ul li strong {
  font-weight: 500;
  background: #fffb04;
}
html body.offre-template-default main article ol li {
  counter-increment: step-counter;
}
html body.offre-template-default main article ol li:before {
  content: counter(step-counter);
}
html body.offre-template-default main article ul li:before {
  content: "";
  font-family: "fontAwesome";
}
html body.offre-template-default main article .list-warning ul li:before {
  content: "!";
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}
html body.offre-template-default main article .notif {
  font-size: 14px;
  color: #294190;
  font-weight: 500;
}
html body.offre-template-default main article .notif.warning {
  color: #f33349;
}
html body.offre-template-default main article .notif.warning strong {
  font-weight: bold;
}
html body.offre-template-default main article .notif .thumb {
  width: 130px;
  height: 130px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  margin-bottom: 20px;
}
html body.offre-template-default main article .notif.info:after {
  display: block;
  content: "";
  width: 41px;
  height: 41px;
  background-image: url("../img/icons/arrow_bottom.png");
}
html body.offre-template-default main article .notif.warning:before {
  display: block;
  content: "";
  width: 55px;
  height: 55px;
  background-image: url("../img/icons/ico_warning.png");
}
html body.offre-template-default main article blockquote {
  font-size: 20px;
  border: none;
  text-align: center;
  color: #294190;
  padding: 0px 75px;
  font-weight: 500;
  font-style: italic;
  position: relative;
}
html body.offre-template-default main article blockquote:before, html body.offre-template-default main article blockquote:after {
  font-size: 54px;
  color: #fffb04;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
html body.offre-template-default main article blockquote:before {
  content: "(";
  left: 0px;
}
html body.offre-template-default main article blockquote:after {
  content: ")";
  right: 0px;
}
html body.offre-template-default main article .le_saviez_vous {
  background: #294190;
  padding: 30px;
  color: white;
}
html body.offre-template-default main article .le_saviez_vous h3 {
  color: #fffb04;
  font-size: 30px;
  margin-top: 0px;
}
html body.offre-template-default main article .le_saviez_vous img {
  margin-bottom: 10px;
}
html body.offre-template-default main article .le_saviez_vous div.col-md-12 p, html body.offre-template-default main article .le_saviez_vous div.col-md-6 p {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
html body.offre-template-default main article .le_saviez_vous div:not(:first-of-type) .texte {
  padding: 0px 25px;
  border-left: 2px solid #061e5a;
}
/* offre promo default */
html body.promo-template-default main .bandeau {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  position: relative;
  color: white;
}
html body.promo-template-default main .bandeau .wrapper {
  z-index: 3;
}
html body.promo-template-default main .bandeau h1 {
  margin: 0px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 10px;
}
html body.promo-template-default main .bandeau p {
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 20px;
}
html body.promo-template-default main article {
  color: #061e5a;
  font-size: 16px;
}
html body.promo-template-default main article .contenu {
  margin: 40px 0px;
}
html body.promo-template-default main article h2 {
  color: #061e5a;
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
}
html body.promo-template-default main article h3 {
  font-weight: 500;
  font-size: 20px;
  font-style: italic;
  color: #294190;
}
html body.promo-template-default main article ol, html body.promo-template-default main article ul {
  margin: 30px 0px;
  list-style-type: none;
  padding-left: 70px;
}
html body.promo-template-default main article ol li, html body.promo-template-default main article ul li {
  margin-bottom: 15px;
  position: relative;
}
html body.promo-template-default main article ol li:before, html body.promo-template-default main article ul li:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -35px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  border-radius: 50%;
  font-size: 80%;
  background-color: #294190;
  color: white;
  font-size: 18px;
}
html body.promo-template-default main article ol li strong, html body.promo-template-default main article ul li strong {
  font-weight: 500;
  background: #fffb04;
}
html body.promo-template-default main article ol li {
  counter-increment: step-counter;
}
html body.promo-template-default main article ol li:before {
  content: counter(step-counter);
}
html body.promo-template-default main article ul li:before {
  content: "";
  font-family: "fontAwesome";
}
html body.promo-template-default main article .list-warning ul li:before {
  content: "!";
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}
html body.promo-template-default main article .notif {
  font-size: 14px;
  color: #294190;
  font-weight: 500;
}
html body.promo-template-default main article .notif.warning {
  color: #f33349;
}
html body.promo-template-default main article .notif.warning strong {
  background: #fdd6db;
  font-weight: 500;
}
html body.promo-template-default main article .notif .thumb {
  width: 130px;
  height: 130px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  margin-bottom: 20px;
}
html body.promo-template-default main article .notif.info:after {
  display: block;
  content: "";
  width: 41px;
  height: 41px;
  background-image: url("../img/icons/arrow_bottom.png");
}
html body.promo-template-default main article .notif.warning:before {
  display: block;
  content: "";
  width: 55px;
  height: 55px;
  background-image: url("../img/icons/ico_warning.png");
}
html body.promo-template-default main article blockquote {
  font-size: 20px;
  border: none;
  text-align: center;
  color: #294190;
  padding: 0px 75px;
  font-weight: 500;
  font-style: italic;
  position: relative;
}
html body.promo-template-default main article blockquote:before, html body.promo-template-default main article blockquote:after {
  font-size: 54px;
  color: #fffb04;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
html body.promo-template-default main article blockquote:before {
  content: "(";
  left: 0px;
}
html body.promo-template-default main article blockquote:after {
  content: ")";
  right: 0px;
}
html body.promo-template-default main article .le_saviez_vous {
  background: #294190;
  padding: 30px;
  color: white;
}
html body.promo-template-default main article .le_saviez_vous h3 {
  color: #fffb04;
  font-size: 30px;
  margin-top: 0px;
}
html body.promo-template-default main article .le_saviez_vous img {
  margin-bottom: 10px;
}
html body.promo-template-default main article .le_saviez_vous div.col-md-12 p, html body.promo-template-default main article .le_saviez_vous div.col-md-6 p {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
html body.promo-template-default main article .le_saviez_vous div:not(:first-of-type) img {
  margin-left: 25px;
}
html body.promo-template-default main article .le_saviez_vous div:not(:first-of-type) .texte {
  padding: 0px 25px;
  border-left: 2px solid #061e5a;
}
@media screen and (max-width: 1023px) {
  html body.offre-template-default main .bandeau h1 {
    font-size: 25px;
  }
  html body.offre-template-default main article ol, html body.offre-template-default main article ul {
    padding-left: 40px;
  }
  html body.offre-template-default main article ol li, html body.offre-template-default main article ul li {
    padding-left: 5px;
  }
  html body.offre-template-default main article .notif .thumb {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
  }
  html body.offre-template-default main article .notif.warning p {
    width: calc(100% - 75px);
    float: right;
  }
  html body.offre-template-default main article .notif.warning:before {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  html body.offre-template-default main article .notif.nop .thumb {
    width: 130px;
    height: 130px;
  }
  html body.offre-template-default main article .notif.nop:after {
    display: none;
  }
  html body.offre-template-default main article .le_saviez_vous > div > div {
    margin: 10px 0px;
  }
  html body.offre-template-default main article .le_saviez_vous img {
    float: left;
    margin: 0px !important;
    margin-right: 10px !important;
  }
  html body.offre-template-default main article .le_saviez_vous div:not(:first-of-type) .texte {
    border: none;
    padding: 0px;
  }
  html body.offre-template-default main article .le_saviez_vous div p {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
  html body.offre-template-default main article blockquote {
    padding: 0px 50px;
  }
  html body.offre-template-default main article blockquote:after {
    top: 100%;
    right: 15px;
  }
  html body.offre-template-default main article blockquote:before {
    left: 15px;
    top: -5%;
    transform: none;
  }
}
.module.print-version, .logo-print {
  display: none;
}
@media print {
  .single-offre #share, .single-offre .header, .single-offre .slideset, .single-offre .footer, .single-offre .bandeau {
    display: none;
  }
  .single-offre .module .inner .custom_text {
    color: white !important;
  }
  .single-offre .module.print-version {
    display: block;
  }
  .single-offre .module.desktop-version, .single-offre .btn-red {
    display: none;
  }
  html body.single-offre main article .contenu {
    margin: 5px 0;
  }
  html body.single-offre main article ul {
    margin: 5px 0 0;
  }
  html body.single-offre main article ul li {
    margin-bottom: 5px;
  }
  html body.single-offre .module {
    height: auto;
    margin-bottom: 5px;
  }
  .askforinfo--obligations {
    font-size: 1.4em;
    padding-left: 0.9375rem;
    margin-top: -20px;
  }
  .logo-print {
    display: block;
    width: 170px;
    margin: 21px auto 30px;
  }
}
@media print {
  .single-promo #share, .single-promo .header, .single-promo .slideset, .single-promo .footer, .single-promo .bandeau {
    display: none;
  }
  .single-promo .module .inner .custom_text {
    color: white !important;
  }
  .single-promo .module.print-version {
    display: block;
  }
  .single-promo .module.desktop-version, .single-promo .btn-red {
    display: none;
  }
  html body.single-promo main article .contenu {
    margin: 5px 0;
  }
  html body.single-promo main article ul {
    margin: 5px 0 0;
  }
  html body.single-promo main article ul li {
    margin-bottom: 5px;
  }
  html body.single-promo .module {
    height: auto;
    margin-bottom: 5px;
  }
  .askforinfo--obligations {
    font-size: 1.4em;
    padding-left: 0.9375rem;
    margin-top: -20px;
  }
  .logo-print {
    display: block;
    width: 170px;
    margin: 21px auto 30px;
  }
}
#ninja_forms_field_21_label {
  color: #294190;
}
.devis--obligations {
  color: #294190;
  margin-top: 12px;
}
.callback--form .nf-desc {
  margin: 1.5rem 0 0 !important;
}
.callback--form [type="text"], .inscription--form [type="text"] {
  margin: 1.75rem 0 0;
}
.inscription--form [type="number"] {
  margin: 0 0 1rem;
}
.inscription--form [type="textarea"], .inscription--form [type="submit"] {
  margin: 1.25rem 0 0 !important;
}
.inscription--form textarea {
  margin: 1.75rem 0 1rem;
}
html body.page-template-template-vehicule-occasion #list_vehicules_vo > li.informations > div:first-of-type {
  height: 780px;
}
html body .module.store form input[type="text"] {
  width: 264px;
}
html body .module.store form input[type="submit"] {
  display: none;
}
.list-check p {
  width: 100%;
}
.selDep {
  cursor: pointer;
}
#depList {
  display: none;
  z-index: 2000;
  position: absolute;
  background: white;
  padding: 10px;
  top: 79px;
  width: 321px;
  border: 1px solid #CCC;
}
.bg {
  display: inline-block;
}
.bg p {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .hideonsmall {
    display: none !important;
  }
}
h2.pseudoh3 {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  /* text-transform: uppercase; */
  color: #294190;
  margin: 0px;
  font-size: 20px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding-bottom: 40px;
}
h2.psh3 {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  color: black;
  margin: 0px;
  font-size: 24px !important;
}
h2.psh34 {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  margin: 0px;
  font-size: 24px !important;
}
span.ph3 {
  font-size: 15px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  line-height: 1.1;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
  display: block;
  color: #294190;
}
@media screen and (max-width: 1023px) {
  html body #bandeau blockquote {
    margin: 0px 0px;
    color: white;
    padding: 50px 50px;
  }
}
#lf-garage, #lf-garage-nom, #lf-garage-cp, #lf-reg, #lf-dep {
  display: none;
}
.VNaccroche {
  max-width: 600px;
  margin: auto;
  z-index: 325;
  position: relative;
  color: white;
}
.VNaccroche h1 {
  margin: 0px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 10px;
  text-align: left !important;
}
.VNaccroche p {
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  text-align: left;
  color: white;
  opacity: 1;
}
html body .module.store form a {
  line-height: 45px;
}
.error {
  border: 1px solid red !important;
}
.validerror {
  font-size: 16px;
  font-weight: normal;
  color: red;
}
.garagecheckbox {
  z-index: 222;
  border: 1Px solid #777 !important;
  width: 20px !important;
  padding: 12px !important;
  height: 20px;
  float: right;
  border-radius: 50%;
  -webkit-appearance: none;
}
.garagecheckboxActive {
  background: #294190;
}
.garagecheckboxActive::after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  content: "";
  position: absolute;
}
.okvalidation {
  font-family: "Montserrat", sans-serif;
  height: 500px;
  font-size: 24px;
  color: #294190;
  padding: 20px;
  padding-top: 90px;
  text-align: center;
}
.forfait::before {
  content: "Offre web";
  text-align: center;
  color: white;
  display: block;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .seeJob {
    float: none !important;
    margin: auto !important;
    display: block !important;
    max-width: 200px !important;
  }
}
::-webkit-scrollbar-track {
  background-color: #6666ff;
}
@media screen and (min-width: 550px) and (max-width: 1023px) {
  html body footer #menu_footer nav.main_menu ul {
    width: 32% !important;
  }
  .extra_menu {
    margin-top: 30px;
  }
}
#menu_footer .container {
  max-width: 100% !important;
}
@media (min-width: 1023px) {
  .hide-on-big {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hide-on-small {
    display: none !important;
  }
}
/* bootstrap breakpoint change */
@media (max-width: 1023px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.hasDatepicker {
  background-image: url(../img/TGC/calendar.png);
  background-position: 95%;
  background-repeat: no-repeat;
}
/* adhesion fix*/
.page-template-adhesion .interbloc {
  height: 120px;
}
@media (max-width: 1023px) {
  .page-template-adhesion .interbloc {
    height: auto;
    padding: 0 0 30px 0;
  }
}
.page-template-adhesion .interbloc .inner {
  width: 1023px;
  margin: auto;
  text-align: center;
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .page-template-adhesion .interbloc .inner {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-template-adhesion .interbloc .inner p {
  font-size: 17px;
}
.page-template-adhesion .askforinfos--title {
  letter-spacing: 1px;
}
.page-template-adhesion .askforinfos--txt p {
  font-size: inherit;
  line-height: 20px;
  margin-bottom: 1rem;
  font-size: 17px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 30px;
}
.page-template-adhesion .nb_atout {
  color: #294190 !important;
}
.page-template-adhesion .args--item {
  color: #011154;
}
.page-template-adhesion #rejoindre_encart2 p {
  color: #011154 !important;
}
.page-template-adhesion .brand {
  /*adhesion */
  color: #fff;
  transition: all 0.3s ease;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  padding-left: 25px;
  text-align: left;
}
@media (max-width: 1023px) {
  .page-template-adhesion .brand {
    width: 100%;
    padding-left: 0;
  }
}
.page-template-adhesion .brand img {
  display: block;
  margin-bottom: 20px;
  margin: auto;
}
.page-template-adhesion .brand:focus, .page-template-adhesion .brand:hover {
  color: #fff;
  transform: scale(1.05);
}
.page-template-adhesion .logo {
  fill: currentColor;
  max-width: 100px;
  z-index: 2;
}
.page-template-adhesion #bandeau_adhesion h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  color: white;
  text-align: center;
  margin-top: 55px;
}
.page-template-adhesion #bandeau_adhesion h1 strong {
  text-transform: uppercase;
  font-weight: bold;
}
.page-template-adhesion #bandeau_adhesion h1 .bg {
  background: #011154;
  padding: 2Px;
}
.page-template-adhesion .ctabar {
  background: #294190;
  color: #fff;
  letter-spacing: 1px;
}
.page-template-adhesion .ctabar .ctabar--text {
  display: inline-block;
  font-size: 18px;
  flex-basis: 40%;
  margin-bottom: 0;
  margin-right: 0;
}
@media (max-width: 1023px) {
  .page-template-adhesion .ctabar .ctabar--text {
    margin-bottom: 45px;
  }
}
@media (min-width: 1023px) {
  .page-template-adhesion .ctabar .ctabar--button {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.page-template-adhesion .ctabar .ctabar--button:hover {
  background: #011154;
}
.page-template-adhesion .ctabar a, .page-template-adhesion .ctabar button {
  font-size: 14px;
  padding: 25px;
  background: #f9de52;
  color: #294190;
  width: 284px;
  border: none;
}
.page-template-adhesion .arguments {
  background: white;
}
.page-template-adhesion .arguments .args--items {
  margin-bottom: 0;
  padding-bottom: 50px;
}
.page-template-adhesion .arguments .args--items .args--item {
  margin: auto;
  padding: 0 25px;
  text-align: left;
}
@media (min-width: 1023px) {
  .page-template-adhesion .arguments .args--items .args--item.decal {
    margin-left: 18%;
  }
}
.page-template-adhesion .arguments .args--items .args--item .nb_atout {
  background: #294190;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 6px solid #f9de52;
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  color: white !important;
  line-height: 38px;
  margin: 50px auto 40px !important;
  text-align: center;
}
.page-template-adhesion .arguments .args--items .args--item strong {
  color: #294190;
  font-size: 15px;
  font-weight: bold;
}
.page-template-adhesion .arguments .args--items .args--item p {
  margin-left: 0 !important;
  color: #294190;
  font-size: 15px;
  font-weight: normal;
}
.page-template-adhesion #formContact input input:not([type="submit"]) {
  background: #f3f3f3;
}
.page-template-adhesion #formContact input input[type="submit"] {
  color: #294190;
  background: #f9de52;
}
.page-template-adhesion .ninja-forms-all-fields-wrap input {
  background: #f3f3f3;
}
.page-template-adhesion .input-counter {
  display: none;
}
.page-template-adhesion #ninja_forms_field_36_div_wrap {
  text-align: center;
  width: 30%;
  float: left;
  margin-left: 30%;
}
.page-template-adhesion #ninja_forms_field_36_div_wrap .button {
  background: #f9de52;
  color: #294190;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px;
  font-size: 13px !important;
  width: 100%;
  white-space: normal;
}
@media (max-width: 1023px) {
  .page-template-adhesion #ninja_forms_field_36_div_wrap {
    width: 100%;
    float: none;
    margin-left: auto;
  }
}
.page-template-adhesion #ninja_forms_field_36_div_wrap .ninja-forms-field:placeholder {
  color: #294190 !important;
}
.page-template-adhesion #ninja_forms_field_36_div_wrap .ninja-forms-field::-webkit-input-placeholder {
  color: #294190 !important;
}
.page-template-adhesion #ninja_forms_field_36_div_wrap .ninja-forms-field:-moz-placeholder {
  color: #294190 !important;
}
.page-template-adhesion #ninja_forms_field_36_div_wrap .ninja-forms-field::-moz-placeholder {
  color: #294190 !important;
}
.page-template-adhesion #ninja_forms_field_36_div_wrap .ninja-forms-field:-ms-input-placeholder {
  color: #294190 !important;
}
.page-template-adhesion .ninja-forms-all-fields-wrap h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
}
.page-template-adhesion .button:focus, .page-template-adhesion .button:hover, .page-template-adhesion .comment-form input[type="submit"]:focus, .page-template-adhesion .comment-form input[type="submit"]:hover, .page-template-adhesion .ninja-forms-mp-nav-wrap input[type="submit"]:focus, .page-template-adhesion .ninja-forms-mp-nav-wrap input[type="submit"]:hover, .page-template-adhesion .submit-wrap input[type="submit"]:focus, .page-template-adhesion .submit-wrap input[type="submit"]:hover {
  background-color: #011154;
  color: white;
}
.page-template-adhesion .button.disabled:focus, .page-template-adhesion .button.disabled:hover, .page-template-adhesion .button[disabled]:focus, .page-template-adhesion .button[disabled]:hover, .page-template-adhesion .comment-form input.disabled[type="submit"]:focus, .page-template-adhesion .comment-form input.disabled[type="submit"]:hover, .page-template-adhesion .comment-form input[disabled][type="submit"]:focus, .page-template-adhesion .comment-form input[disabled][type="submit"]:hover, .page-template-adhesion .ninja-forms-mp-nav-wrap input.disabled[type="submit"]:focus, .page-template-adhesion .ninja-forms-mp-nav-wrap input.disabled[type="submit"]:hover, .page-template-adhesion .ninja-forms-mp-nav-wrap input[disabled][type="submit"]:focus, .page-template-adhesion .ninja-forms-mp-nav-wrap input[disabled][type="submit"]:hover, .page-template-adhesion .submit-wrap input.disabled[type="submit"]:focus, .page-template-adhesion .submit-wrap input.disabled[type="submit"]:hover, .page-template-adhesion .submit-wrap input[disabled][type="submit"]:focus, .page-template-adhesion .submit-wrap input[disabled][type="submit"]:hover {
  background-color: #f9de52;
  color: #13244a;
}
.close_icon {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../img/icons/close-button-png-30242.png);
  background-size: 32px;
}
#ninja_forms_field_62_error {
  margin-top: 8px;
}
@media (min-width: 1023px) {
  .row {
    margin-right: auto;
    margin-left: auto;
  }
}
.iframedeviscontainer .rgpd {
  max-width: 1023px;
  margin: auto;
  padding: 40px;
  text-align: left;
  color: #294190;
}
@media (max-width: 1023px) {
  .iframedeviscontainer .rgpd {
    width: 100%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.top_menu_mobile {
  margin-top: 50px;
}
#ninja_forms_field_61_div_wrap .ninja-forms-field-error, #ninja_forms_field_63_div_wrap .ninja-forms-field-error {
  margin-top: 0px !important;
}
@media screen and (max-width: 767px) {
  body.page-template-template-accueil #bandeau {
    height: auto !important;
  }
  body.service-template-default main .bandeau {
    padding: 20px 0;
    height: auto;
  }
  body.service-template-default main .bandeau p {
    font-size: 15px;
  }
}
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-not-valid-tip {
  font-size: 0.8em;
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
}
.rdvvalidestep2 {
  float: right;
}