@charset "UTF-8";
/* 
    Created on : 28 avr. 2020, 09:00:00
    Author     : Sébastien GRIFFITHS - Otidea
*/
/*-- Declaration variables font--*/
/*@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Reg.eot');
    src: local('☺'), url('../fonts/RegionBretagne-Reg.woff') format('woff'), url('../fonts/RegionBretagne-Reg.ttf') format('truetype'), url('../fonts/RegionBretagne-Reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Bold.eot');
    src: local('☺'), url('../fonts/RegionBretagne-Bold.woff') format('woff'), url('../fonts/RegionBretagne-Bold.ttf') format('truetype'), url('../fonts/RegionBretagne-Bold.svg') format('svg');
    font-weight: bold ;
    font-style: normal;
}*/
/*-- Declaration variables couleurs--*/
/* vert 1*/
/*bleu*/
/*gris nav / backgounrd slider*/
/*gris backgounrd slider*/
/*bleu clair*/
/*trait /couleur de peinture orange jaune*/
/*neuf couleur*/
/*occas couleur*/
/* gris4 */
/* vert titre */
/*texte gris foncé*/
/*gris fond */
/*gris agence*/
/*bleu canard */
/*bleu clair */
/*jaune */
/*gauche fleche */
/*droite fleche */
/* canard clair*/
/* bleu footer */
/* bleu clair mentions*/
/* vert index */
/* bleu txt bouton */
/* bleu txt bouton */
/*pagination*/
/*-- Declaration classes font--*/
.font1 {
  font-family: "Jost", sans-serif; }

.font2 {
  font-family: "Source Serif Pro", serif; }

.font3 {
  font-family: "Dancing Script", cursive; }

.font4 {
  font-family: "Open Sans", sans-serif; }

/*-- Declaration classes couleurs--*/
.noir {
  color: #000000; }

.blanc {
  color: #ffffff; }

.gris {
  color: #f7f7f7; }

.couleur1 {
  color: #12a184; }

.couleur2 {
  color: #1292a1; }

.couleur3 {
  color: #f1f0f0; }

.couleur4 {
  color: #333333; }

.couleur5 {
  color: #2cbfc6; }

.couleur6 {
  color: #fcd743; }

.couleur7 {
  color: #46a46a; }

.couleur8 {
  color: #12a184; }

.couleur9 {
  color: #332c26; }

.couleur10 {
  color: #ffad40; }

.bgNoir {
  background-color: #000000; }

.bgBlanc {
  background-color: #ffffff; }

.bgGris {
  background-color: #f7f7f7; }

.bgCouleur1 {
  background-color: #12a184; }

.bgCouleur2 {
  background-color: #1292a1; }

.bgCouleur3 {
  background-color: #f1f0f0; }

.bgCouleur4 {
  background-color: #333333; }

.bgCouleur5 {
  background-color: #2cbfc6; }

.bgCouleur6 {
  background-color: #fcd743; }

.bgCouleur7 {
  background-color: #46a46a; }

.bgCouleur8 {
  background-color: #12a184; }

.bgCouleur9 {
  background-color: #332c26; }

.bgCouleur10 {
  background-color: #ffad40; }

/*-- Declaration mixin--*/
/*////////////////////////////////////////////////////////////////////*/
.mt-10 {
  margin-top: 5rem; }

.mt-20 {
  margin-top: 20rem; }

a {
  text-decoration: none !important; }

h2, h3, h4, h5, h6, .display-1, .display-2, .display-4, .display-5, .display-7, span, p, a {
  font-family: "Jost", sans-serif;
  font-size: 13pt;
  line-height: 1.2; }

.btn {
  border-radius: 4px !important; }

.btn-primary, .btn-primary:active {
  background-color: #2cbfc6 !important;
  border-color: #2cbfc6 !important; }

.btn-primary, .btn-primary:focus {
  background-color: #2cbfc6 !important;
  border-color: #2cbfc6 !important; }

.btn:focus {
  outline: none;
  box-shadow: none; }

.form-control {
  font-size: 0.95rem !important;
  color: #000000;
  font-family: "Jost", sans-serif;
  font-weight: 500; }
  .form-control::placeholder {
    color: #6c757d;
    font-weight: 300; }

.form-check-input:checked {
  background-color: #1292a1;
  border-color: #ffca3b; }

.text-danger {
  color: red !important; }

.containerWave {
  position: relative !important; }

.headerWaveCustomers {
  position: absolute;
  height: 217px;
  width: 100%;
  bottom: -40px; }
  @media screen and (min-width: 2042px) {
    .headerWaveCustomers {
      position: absolute;
      height: 380px;
      width: 100%;
      bottom: 0;
      background-repeat: no-repeat;
      background-size: cover; } }
  @media screen and (max-width: 768px) {
    .headerWaveCustomers {
      height: 167px; } }

#filAriane a {
  color: #333333 !important; }
  #filAriane a span {
    font-size: 0.8rem !important; }

.dashedOrange {
  width: 200px;
  border-bottom: #fcd743 2px dashed;
  margin-bottom: 2rem; }

.BigTitle {
  font-size: 30pt !important;
  font-family: "Open Sans", sans-serif;
  color: white;
  font-weight: bolder;
  line-height: 50pt;
  position: relative;
  z-index: 5; }

#bloc_titre nav a {
  text-transform: uppercase;
  color: #000; }

.deconnect {
  background-image: url("../medias_front/common/logout.png") !important;
  width: 32px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 32px;
  display: block; }

.cid-sYKQ7yZHbI nav.navbar {
  height: auto;
  display: flex;
  flex-direction: column; }
  .cid-sYKQ7yZHbI nav.navbar.opened {
    background-image: url("../medias_front/slider/bglocaplus.jpg") !important;
    background-repeat: no-repeat;
    height: 100vh;
    transition: none !important;
    display: flex;
    flex-direction: column;
    align-items: end; }

.cid-sYKQ7yZHbI .navbar-nav {
  margin: 0; }

.navbar-dropdown .navbar-logo {
  margin-right: 0; }

.cid-sYKQ7yZHbI .dropdown-menu {
  left: 0 !important; }

.cid-sYKQ7yZHbI .dropdown .dropdown-menu .dropdown-item {
  padding: 1rem;
  margin: 0;
  font-size: inherit !important;
  font-size: 1em !important;
  margin-left: 10px; }

.pParent .dropdown-menu {
  font-size: 2em;
  background-color: #89b9d6 !important;
  padding: 8px 15px; }

#menuDepliantMobile {
  display: none; }
  #menuDepliantMobile #productMobile li a {
    color: #000;
    font-family: "Outfit", sans-serif;
    font-size: 1rem;
    font-weight: 400 !important; }

.nav-item .dropdown::marker {
  display: none; }

.navbar-brand {
  top: 10px;
  position: absolute;
  display: none !important; }

.showLogo {
  display: block !important; }

.logoMobile {
  display: none;
  height: 50px;
  width: auto;
  top: 20px;
  position: relative; }
  .logoMobile.show {
    display: block; }

.logoDesktop {
  display: block !important;
  width: auto;
  height: 50px;
  top: -6px;
  position: relative; }
  @media (max-width: 1400px) {
    .logoDesktop {
      top: 14px;
      height: 50px; } }
  .logoDesktop.show {
    display: none !important; }

.navbar-toggler {
  left: calc(100% - 20px); }

@media (min-width: 992px) {
  .cid-sYKQ7yZHbI .dropdown-menu {
    top: -3px !important;
    background: none !important;
    margin-top: 46px !important;
    border: none !important;
    background-color: #89b9d6 !important; }
    .cid-sYKQ7yZHbI .dropdown-menu.dropdown-submenu {
      left: 148px !important;
      top: -30px !important; }
      .cid-sYKQ7yZHbI .dropdown-menu.dropdown-submenu .dropdown-item {
        background: rgba(255, 255, 255, 0.2) !important;
        font-size: 2em;
        background-color: #89b9d6;
        padding: 8px 15px; }
    .cid-sYKQ7yZHbI .dropdown-menu.dropdown-submenu-level-3 {
      position: relative;
      top: -111px !important;
      left: 250px !important; }
  .cid-sYKQ7yZHbI .dropdown-menu-logo-top {
    top: 20px !important;
    background: none !important;
    padding-top: 44px !important;
    border: none !important; }
  .cid-sYKQ7yZHbI .dropdown-submenu-logo-top {
    left: 148px !important;
    top: -50px !important; }
  .cid-sYKQ7yZHbI .offcanvas_box button.btn_offcanvas .hamburger span:nth-child(1) {
    top: 8px; }
  .cid-sYKQ7yZHbI .offcanvas_box button.btn_offcanvas .hamburger span:nth-child(2) {
    top: 18px; }
  .cid-sYKQ7yZHbI .offcanvas_box button.btn_offcanvas .hamburger span:nth-child(3) {
    top: 28px;
    transition: all 0.2s; } }
.main-message {
  color: #fcd743; }

.cid-sYsUguCEE9 .media-container-row:before {
  background-image: url("../assets/mobirise/images/compass.svg"); }

@media (max-width: 991px) {
  .cid-sYsUguCEE9 .slider__content {
    margin-left: 0; } }
.cid-sYsSltcwz5 p, .cid-sYsU6Fryj4 p, .cid-sYsUguCEE9 p, .cid-sYt3DLYV9Z p {
  text-align: justify; }

#flux {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 100%;
  background-color: #c7232a;
  height: 48px;
  overflow: hidden; }
  #flux li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 120%;
    opacity: 0;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*--Exemple d'appel : @include transform(translate(-50%, -50%));--*/
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    transition: all 0s ease;
    /*--Exemple d'appel : @include transition(all 0.3s ease);--*/ }
    #flux li.current {
      justify-content: center;
      display: flex;
      flex-direction: column;
      z-index: 2;
      left: 0;
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      transition: all 0.5s ease;
      /*--Exemple d'appel : @include transition(all 0.3s ease);--*/ }
    #flux li a {
      color: #ffffff;
      width: 100%;
      height: 100%;
      display: block; }
    #flux li p {
      margin: 0;
      color: #ffffff;
      width: 100%;
      max-width: 1220px;
      font-weight: 600;
      display: block;
      text-align: left;
      text-align-last: left;
      top: 50%;
      left: 50%;
      padding: 5px 30px 5px 50px;
      line-height: 1em;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /*--Exemple d'appel : @include transform(translate(-50%, -50%));--*/ }
      #flux li p:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 30px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 10px;
        border-color: transparent transparent transparent #46a46a;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        /*--Exemple d'appel : @include transform(translate(-50%, -50%));--*/ }

.cid-sYIT0FG7v6 {
  background-image: none !important; }
  .cid-sYIT0FG7v6 h3 {
    color: #3e3e3e;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 30pt;
    border-bottom: 3px solid #fcd743;
    margin-bottom: 20px; }
  .cid-sYIT0FG7v6 h4 {
    margin-top: 0 !important;
    color: #ffca3b;
    font-weight: 600 !important; }
  .cid-sYIT0FG7v6 .mbr-form {
    padding: 10px 30px;
    margin-bottom: 50px;
    position: relative;
    box-shadow: none;
    border-radius: 7px;
    border: #527e7b 1.1px solid !important; }
  .cid-sYIT0FG7v6 .form-group {
    margin-bottom: 0 !important; }
  .cid-sYIT0FG7v6 .form-control {
    border-radius: 4px !important;
    font-size: 0.95rem !important;
    font-family: "Aller", sans-serif !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
    text-transform: uppercase;
    border: #527e7b 1.1px solid !important;
    opacity: 1; }
  .cid-sYIT0FG7v6 label {
    font-family: "Aller", sans-serif; }
  .cid-sYIT0FG7v6 div .d-flex {
    margin-top: 10px; }
    .cid-sYIT0FG7v6 div .d-flex label {
      font-size: 13pt; }
  .cid-sYIT0FG7v6 input {
    border-radius: 4px !important; }
  .cid-sYIT0FG7v6 #rgpd {
    width: 2.5em; }
  .cid-sYIT0FG7v6 .form-check-input {
    width: 2.6rem;
    height: 1.6rem;
    margin-right: 20px; }
  .cid-sYIT0FG7v6 .cid-sYIT0FG7v6 input:hover, .cid-sYIT0FG7v6 .cid-sYIT0FG7v6 textarea:hover {
    border: 1px solid rgba(0, 0, 0, 0.25) !important; }
  .cid-sYIT0FG7v6 .btn-primary {
    background-color: #fcd743 !important;
    border: none;
    text-transform: uppercase;
    color: #3e3e3e !important;
    font-size: 10pt;
    font-weight: 400;
    border-radius: 0 !important;
    width: 250px;
    margin: auto; }
    .cid-sYIT0FG7v6 .btn-primary span {
      font-size: 12.1pt;
      font-weight: bold; }
    .cid-sYIT0FG7v6 .btn-primary:hover {
      border-color: #ffca3b !important;
      background-color: #1292a1 !important;
      color: white !important; }

#nav_up {
  justify-content: space-between !important; }
  #nav_up #listNavUp li {
    text-align: right;
    list-style: none; }
    #nav_up #listNavUp li a {
      color: #fff;
      font-family: #12a184;
      position: relative; }
      @media (max-width: 991px) {
        #nav_up #listNavUp li a {
          color: #000; } }
      #nav_up #listNavUp li a:after {
        content: "";
        position: absolute;
        display: block;
        background-image: url("../medias_front/common/yellowListSeparator.png") !important;
        height: 16px;
        width: 2px;
        right: -14px;
        top: 4px; }
      @media (max-width: 992px) {
        #nav_up #listNavUp li a:after {
          display: none; } }
      #nav_up #listNavUp li a.last:after {
        display: none; }

.cid-sYKQ7yZHbI .navbar .navbar-toggler {
  top: -10px;
  position: absolute;
  right: 35px;
  left: calc(100% - 50px);
  z-index: 2; }

.cid-sYKQ7yZHbI nav.navbar {
  background: transparent !important;
  height: 50px; }
  .cid-sYKQ7yZHbI nav.navbar.navbar-short {
    background: #fcd743 !important;
    -webkit-box-shadow: 0px 8px 13px -7px #3e3e3e, 0px 3px 0px -3px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 8px 13px -7px #3e3e3e, 0px 3px 0px -3px rgba(0, 0, 0, 0.24);
    background-image: url("../medias_front/common/logopeinturelocaplus.png") !important;
    background-repeat: no-repeat !important;
    background-position: 45% -60% !important; }
    @media screen and (max-width: 450px) {
      .cid-sYKQ7yZHbI nav.navbar.navbar-short {
        background-position: -119% -60% !important; } }
    .cid-sYKQ7yZHbI nav.navbar.navbar-short.opened {
      background-image: url("../medias_front/slider/bglocaplus.jpg") !important;
      background-repeat: no-repeat; }

.cid-sYKQ7yZHbI .navbar.navbar-short {
  min-height: 50px !important; }

#listWhiteHead {
  color: blue; }
  #listWhiteHead li:first-of-type a {
    margin-left: 1rem !important;
    font-weight: 800; }
    @media (max-width: 992px) {
      #listWhiteHead li:first-of-type a {
        margin-left: 0 !important; } }
  @media (max-width: 992px) {
    #listWhiteHead li:first-of-type:before {
      display: none; } }

#navbarSupportedContent {
  border-radius: 12px;
  background-color: white;
  position: relative;
  width: 100vw;
  height: auto; }
  #navbarSupportedContent #containerMenuPage {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100vw;
    height: 43px; }
    #navbarSupportedContent #containerMenuPage .logonav img {
      position: relative;
      top: 25px;
      transform: scale(1.2); }
      @media (max-width: 1438px) {
        #navbarSupportedContent #containerMenuPage .logonav img {
          position: relative;
          top: 10px; } }
  #navbarSupportedContent .contentnav {
    display: flex; }
    #navbarSupportedContent .contentnav ul {
      margin: 0;
      padding: 0;
      display: flex; }
      @media screen and (max-width: 991px) {
        #navbarSupportedContent .contentnav ul {
          flex-direction: column; } }
  #navbarSupportedContent li {
    color: #fff !important;
    font-weight: 500 !important;
    font-family: "Jost", sans-serif;
    font-size: 2.9px;
    height: 43px !important;
    text-transform: uppercase;
    padding: 1px 15px !important; }
    #navbarSupportedContent li i {
      margin-left: 10px; }
  #navbarSupportedContent li:first-child {
    background-color: #f1f0f0 !important;
    border-bottom: 2px solid #f1f0f0; }
    #navbarSupportedContent li:first-child a {
      color: black !important; }
    @media (min-width: 1200px) {
      #navbarSupportedContent li:first-child:after {
        height: 2px;
        display: block;
        width: 219px;
        background: #1292a1;
        border-right: 1px white;
        content: '';
        top: 41px; } }
  #navbarSupportedContent li:nth-child(2) {
    background-color: #12a184 !important;
    border-bottom: 2px solid #12a184; }
    #navbarSupportedContent li:nth-child(2) a {
      color: white !important; }
    @media (min-width: 1200px) {
      #navbarSupportedContent li:nth-child(2):after {
        height: 2px;
        display: block;
        width: 219px;
        background: #ffffff;
        border-right: 1px white;
        content: '';
        top: 41px; } }
  #navbarSupportedContent li:nth-child(3) {
    background-color: #1292a1 !important;
    border-bottom: 2px solid #1292a1; }
    #navbarSupportedContent li:nth-child(3) a {
      color: white !important; }
    @media (min-width: 1200px) {
      #navbarSupportedContent li:nth-child(3):after {
        height: 2px;
        display: block;
        width: 236px;
        background: #ffffff;
        border-right: 1px white;
        content: '';
        top: 41px; } }
  #navbarSupportedContent li:last-child {
    background-color: #f1f0f0 !important;
    border-bottom: 2px solid #f1f0f0;
    padding: 25px; }
    #navbarSupportedContent li:last-child a {
      color: black !important; }
    @media (min-width: 1200px) {
      #navbarSupportedContent li:last-child:after {
        height: 2px;
        display: block;
        width: 135px;
        background: #1292a1;
        border-right: 1px white;
        content: '';
        top: 41px; } }
  #navbarSupportedContent .nav-link {
    font-weight: 500 !important;
    font-size: 5em; }

#navbarSupportedContent.show {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  height: 50vh;
  align-items: center; }
  #navbarSupportedContent.show #containerMenuPage {
    align-items: start; }
  #navbarSupportedContent.show .contentnav {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100vw; }
  #navbarSupportedContent.show li {
    color: #fff !important;
    font-weight: 500 !important;
    font-family: "Jost", sans-serif;
    font-size: 2.9px;
    height: 43px !important;
    text-transform: uppercase;
    width: auto; }
  #navbarSupportedContent.show li:first-child {
    background-color: #f1f0f0 !important;
    font-size: 4px; }
    #navbarSupportedContent.show li:first-child a {
      color: black !important; }
  #navbarSupportedContent.show li:nth-child(2) {
    font-size: 4px;
    background-color: #12a184 !important; }
  #navbarSupportedContent.show li:nth-child(3) {
    font-size: 4px;
    background-color: #1292a1 !important; }
  #navbarSupportedContent.show li:last-child {
    font-size: 4px;
    background-color: #f1f0f0 !important; }
    #navbarSupportedContent.show li:last-child a {
      color: black !important; }
  #navbarSupportedContent.show .nav-link {
    font-weight: 500 !important;
    font-size: 5em; }

.cid-sYKQ7yZHbI .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  padding: 0 0px 0px !important; }

.form-control, form .btn {
  height: 37px;
  min-height: inherit;
  background-color: #f3f4f2; }
  .form-control:hover, form .btn:hover {
    border-color: #899196 !important; }

.searchBtn {
  background-color: #12a184 !important;
  border-radius: 0 4px 4px 0; }

#menuDepliant {
  background: #12a184;
  border-radius: 0 0px 10px 10px;
  z-index: -1; }
  #menuDepliant ul li {
    list-style: none;
    height: 110px; }
    #menuDepliant ul li a {
      font-size: 1rem;
      color: black;
      font-weight: 500; }
    #menuDepliant ul li:after {
      content: "";
      position: relative;
      display: block;
      background-image: url(../medias_front/common/whiteListSeparator.png) !important;
      height: 26px;
      width: 2px;
      right: 0;
      top: 0px; }
    #menuDepliant ul li.last:after {
      display: none; }

.account::marker {
  color: transparent; }
.account a:after {
  content: "";
  position: relative;
  display: block;
  background-image: url("../medias_front/common/boy.png") !important;
  width: 32px;
  height: 38px;
  bottom: 12px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.btnRnd::marker {
  color: transparent; }
.btnRnd.mobile a:after {
  filter: invert(100%) sepia(26%) saturate(13%) hue-rotate(217deg) brightness(103%) contrast(103%); }

.panelProd:after {
  content: "";
  position: relative;
  display: block;
  background-image: url("../medias_front/common/backgroundPanier.png");
  width: 102px;
  height: 71px;
  bottom: 1px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  left: calc(50% - 25.5px); }
  @media (max-width: 576px) {
    .panelProd:after {
      left: calc(50% - 50.1px); } }

.panier:after {
  content: "";
  position: relative;
  display: block;
  background-image: url("../medias_front/common/panel.png") !important;
  width: 41px;
  height: 37px;
  bottom: 10px;
  background-size: 37px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  left: calc(50% - 7.5px); }

.redRound {
  background-color: #ff704f;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  bottom: 0px;
  left: 3px;
  z-index: 2;
  color: #fff; }
  .redRound span {
    position: relative;
    top: -1.1px;
    left: 4px; }

#slider1-1v-tabPromoZone1 .carousel-caption {
  top: 65% !important; }
#slider1-1v-tabPromoZone1 .item-wrapper {
  height: 110vh;
  width: 100%;
  background-position: 47% 31%;
  background-repeat: no-repeat;
  background-size: cover; }
#slider1-1v-tabPromoZone1 .carousel-inner {
  height: 110vh; }
  #slider1-1v-tabPromoZone1 .carousel-inner #loghaut img {
    width: auto;
    height: auto !important; }
    @media (max-width: 600px) {
      #slider1-1v-tabPromoZone1 .carousel-inner #loghaut img {
        width: 100%; } }
  #slider1-1v-tabPromoZone1 .carousel-inner h1 {
    color: #fff;
    font-family: "Jost", sans-serif;
    line-height: 40px; }
    @media screen and (max-width: 1800px) {
      #slider1-1v-tabPromoZone1 .carousel-inner h1 {
        color: #3e3e3e; } }
    @media (max-width: 768px) {
      #slider1-1v-tabPromoZone1 .carousel-inner h1 {
        font-size: 1.8rem; } }
    #slider1-1v-tabPromoZone1 .carousel-inner h1 .firstGreenTittle {
      color: #f1f0f0;
      font-family: "Source Serif Pro", serif;
      font-weight: 700;
      left: -85px;
      position: relative;
      font-style: italic;
      font-size: 2rem; }
      @media (max-width: 768px) {
        #slider1-1v-tabPromoZone1 .carousel-inner h1 .firstGreenTittle {
          left: -26px; } }
    #slider1-1v-tabPromoZone1 .carousel-inner h1 .secondGreenTittle {
      color: #ffad40;
      font-weight: 700;
      font-family: "Source Serif Pro", serif;
      left: 12px;
      position: relative;
      font-style: italic;
      font-size: 2rem; }
  #slider1-1v-tabPromoZone1 .carousel-inner #devis {
    transform: none !important;
    position: relative !important; }
  #slider1-1v-tabPromoZone1 .carousel-inner .btn {
    background-color: #ffca3b !important;
    font-family: "Open Sans", sans-serif;
    border: none;
    width: 184px !important;
    font-size: 10.1pt !important;
    color: #2d6360 !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-weight: bold; }
#slider1-1v-tabPromoZone1 #info .btn {
  background-color: #ffffff !important; }
#slider1-1v-tabPromoZone1 h2 {
  font-weight: bold;
  font-size: 34pt; }
#slider1-1v-tabPromoZone1 .blueBubble {
  background-image: url("../medias_front/common/blueBublble.png");
  width: 162px;
  height: 162px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  left: 250px;
  top: -72px; }
  @media (max-width: 580px) {
    #slider1-1v-tabPromoZone1 .blueBubble {
      left: calc(50% - 80px);
      width: 140px;
      height: 140px;
      background-size: contain; } }

.container-fluid {
  padding: 0; }

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1000px) {
    .carousel-item.active, .carousel-item-next, .carousel-item-prev {
      display: flex;
      flex-direction: column; } }

#imgpromo2 {
  position: relative; }

#slider2-44-tabPromoZone2 {
  min-height: 750px;
  width: 100%;
  background-color: #fff;
  background-image: url("../medias_front/slider/bglocaplus.jpg") !important;
  background-repeat: no-repeat; }
  #slider2-44-tabPromoZone2 #containerPromo2 {
    position: relative;
    bottom: 0px;
    padding: 0;
    z-index: 1; }
  #slider2-44-tabPromoZone2 .slideDown {
    height: 68px;
    width: 100px;
    background-image: url("../medias_front/common/slideDown.png") !important;
    position: relative;
    top: 170px;
    left: calc(50% - 50px); }
  #slider2-44-tabPromoZone2 #headerWave {
    width: 100%;
    height: 241px;
    background-image: url("../medias_front/common/headerWave.png") !important;
    position: absolute;
    top: -180px;
    background-position: 50% 22%;
    z-index: 1;
    background-repeat: no-repeat; }
    @media (max-width: 5000px) {
      #slider2-44-tabPromoZone2 #headerWave {
        background-size: 4000px;
        height: 311px;
        background-image: url("../medias_front/common/headerWave4K.png") !important;
        top: -309px; } }
    @media (max-width: 4000px) {
      #slider2-44-tabPromoZone2 #headerWave {
        background-size: 4000px;
        height: 311px;
        background-image: url("../medias_front/common/headerWave4K.png") !important;
        top: -309px; } }
    @media (max-width: 3000px) {
      #slider2-44-tabPromoZone2 #headerWave {
        background-image: url("../medias_front/common/headerWave.png") !important;
        background-size: 3000px;
        height: 464px;
        top: -282px; } }
    @media (max-width: 2000px) {
      #slider2-44-tabPromoZone2 #headerWave {
        background-size: 2000px; } }
    @media (max-width: 1000px) {
      #slider2-44-tabPromoZone2 #headerWave {
        background-size: 1000px;
        height: 224px;
        top: -152px; } }
  #slider2-44-tabPromoZone2 .tetepromo2 {
    border-top: 2px solid #fcd743; }
  #slider2-44-tabPromoZone2 .carousel-indicators {
    position: inherit;
    background-color: #46a46a;
    border-radius: 5px;
    margin: 0;
    width: 20%;
    height: 30px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 450px) {
      #slider2-44-tabPromoZone2 .carousel-indicators {
        width: 31%; } }
    #slider2-44-tabPromoZone2 .carousel-indicators .test {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 16px;
      width: 16px;
      margin: 4px; }
    #slider2-44-tabPromoZone2 .carousel-indicators .test:hover {
      border: 1px solid #fcd743;
      height: 16px;
      width: 16px;
      border-radius: 50%;
      cursor: pointer; }
    #slider2-44-tabPromoZone2 .carousel-indicators .hoverpuce {
      border: 1px solid #fcd743;
      border-radius: 50%;
      cursor: pointer; }
    #slider2-44-tabPromoZone2 .carousel-indicators li {
      max-width: 15px;
      height: 8px;
      width: 8px;
      max-height: 15px;
      margin: 0;
      background-color: white !important;
      border-radius: 50%;
      transition: all 0.3s;
      opacity: 1; }
      #slider2-44-tabPromoZone2 .carousel-indicators li:hover::after {
        background-color: #fcd743 !important; }
    #slider2-44-tabPromoZone2 .carousel-indicators li:active {
      background-color: white !important; }
    #slider2-44-tabPromoZone2 .carousel-indicators li:focus {
      background-color: greenyellow !important; }
  #slider2-44-tabPromoZone2 .carousel {
    min-height: 412.5px; }
  #slider2-44-tabPromoZone2 #complet {
    background: #ffffff;
    min-height: 412.5px;
    position: relative;
    bottom: 10px; }
    @media (min-width: 992px) {
      #slider2-44-tabPromoZone2 #complet {
        height: 412.5px; } }
  #slider2-44-tabPromoZone2 .carousel-inner .containerTitles {
    right: 300px;
    width: 25%;
    position: absolute;
    bottom: 60px; }
    @media (max-width: 1622px) {
      #slider2-44-tabPromoZone2 .carousel-inner .containerTitles {
        right: -339px;
        width: auto;
        position: relative;
        bottom: 291px; } }
    @media (max-width: 1406px) {
      #slider2-44-tabPromoZone2 .carousel-inner .containerTitles {
        right: -339px;
        width: 30%;
        position: relative;
        bottom: 291px; } }
    @media (max-width: 1210px) {
      #slider2-44-tabPromoZone2 .carousel-inner .containerTitles {
        right: -258px;
        width: 30%;
        position: relative;
        bottom: 214px; } }
    @media (max-width: 992px) {
      #slider2-44-tabPromoZone2 .carousel-inner .containerTitles {
        right: 5px;
        width: 80%;
        height: 362px;
        position: relative;
        bottom: -60px; } }
    #slider2-44-tabPromoZone2 .carousel-inner .containerTitles .tiltepromo2 {
      background-color: #1292a1;
      width: auto;
      text-align: left;
      border-radius: 5px; }
      #slider2-44-tabPromoZone2 .carousel-inner .containerTitles .tiltepromo2 h5 {
        margin: 0 20px 0 20px; }
      #slider2-44-tabPromoZone2 .carousel-inner .containerTitles .tiltepromo2 h6 {
        margin: 0 20px 0 20px; }
  #slider2-44-tabPromoZone2 .carousel-inner .aLaUne {
    background-image: url("../medias_front/common/aLaUne.png") !important;
    width: 41px;
    height: 152px;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    z-index: 13;
    top: -7px;
    left: 80px; }
    @media (max-width: 992px) {
      #slider2-44-tabPromoZone2 .carousel-inner .aLaUne {
        left: 0px;
        top: 52px; } }
  #slider2-44-tabPromoZone2 .carousel-inner h5 {
    font-family: "Jost", sans-serif;
    position: relative;
    font-weight: bold;
    letter-spacing: 2px;
    color: white;
    font-size: 18pt;
    text-transform: uppercase; }
    @media (max-width: 1210px) {
      #slider2-44-tabPromoZone2 .carousel-inner h5 {
        text-align: center; } }
  #slider2-44-tabPromoZone2 .carousel-inner h6 {
    font-family: "Jost", sans-serif;
    color: white;
    font-size: 15pt;
    padding-top: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative; }
    @media (max-width: 1210px) {
      #slider2-44-tabPromoZone2 .carousel-inner h6 {
        text-align: center; } }
  #slider2-44-tabPromoZone2 .carousel-inner #txt {
    position: relative;
    text-align: left !important; }
    #slider2-44-tabPromoZone2 .carousel-inner #txt p {
      font-size: 11pt !important;
      text-align: justify !important;
      width: 100% !important; }
  #slider2-44-tabPromoZone2 .carousel-inner .btnPromo {
    background-color: #fcd743 !important;
    border-color: #4184ad !important;
    color: #3e3e3e !important;
    border-radius: 5px !important;
    bottom: 0;
    position: relative;
    margin-top: auto;
    width: 53%;
    padding: 5px 30px 5px 30px;
    text-transform: uppercase;
    top: 17px;
    left: 53px; }
    @media screen and (max-width: 450px) {
      #slider2-44-tabPromoZone2 .carousel-inner .btnPromo {
        width: 76%; } }
    #slider2-44-tabPromoZone2 .carousel-inner .btnPromo img {
      width: 27px;
      height: 8px;
      top: 0;
      position: relative; }
  #slider2-44-tabPromoZone2 p {
    font-size: 29px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
    color: #3e3e3e; }

.btnPromo:hover > img {
  left: 17px;
  transition: all 2s !important; }

.section3 {
  position: relative;
  background-color: #12a184; }
  .section3 .montain {
    background-image: url("../medias_front/common/backgroundSection3.png") !important;
    padding-bottom: 100px;
    background-position: bottom;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #ffffff; }
  .section3 .slideDown {
    height: 68px;
    width: 100px;
    background-image: url("../medias_front/common/slideDownOrange.png") !important;
    position: relative;
    top: -31px;
    left: calc(50% - 50px); }
  .section3 h3 {
    font-family: "Jost", sans-serif;
    color: #ffad40;
    font-weight: 800;
    font-size: 2rem; }
  .section3 h4 {
    font-family: "Source Serif Pro", serif;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 2.3rem; }
  .section3 #etapesFonctionement {
    margin-bottom: 150px; }
    .section3 #etapesFonctionement .monEntreprise {
      background-image: url("../medias_front/common/schema-etape1.png") !important;
      width: 277px;
      height: 296px;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 90%; }
      @media (max-width: 1200px) {
        .section3 #etapesFonctionement .monEntreprise {
          margin-bottom: 70px; } }
      .section3 #etapesFonctionement .monEntreprise p {
        position: relative;
        top: calc(100% + 20px);
        color: #000; }
    .section3 #etapesFonctionement .maCommande {
      background-image: url("../medias_front/common/schema-etape2.png") !important;
      width: 277px;
      height: 296px;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 90%; }
      @media (max-width: 1200px) {
        .section3 #etapesFonctionement .maCommande {
          margin-bottom: 70px; } }
      .section3 #etapesFonctionement .maCommande p {
        position: relative;
        top: calc(100% + 20px);
        color: #000; }
    .section3 #etapesFonctionement .calesiaPrepare {
      background-image: url("../medias_front/common/schema-etape3.png") !important;
      width: 277px;
      height: 296px;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 90%; }
      @media (max-width: 1200px) {
        .section3 #etapesFonctionement .calesiaPrepare {
          margin-bottom: 70px; } }
      .section3 #etapesFonctionement .calesiaPrepare p {
        position: relative;
        top: calc(100% + 20px);
        color: #000; }
    .section3 #etapesFonctionement .jeSuisLivre {
      background-image: url("../medias_front/common/schema-etape4.png") !important;
      width: 277px;
      height: 296px;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 90%; }
      @media (max-width: 1200px) {
        .section3 #etapesFonctionement .jeSuisLivre {
          margin-bottom: 70px; } }
      .section3 #etapesFonctionement .jeSuisLivre p {
        position: relative;
        font-family: "Jost", sans-serif;
        top: calc(100% + 20px);
        color: #000; }

.section4 {
  background-color: #fff; }
  .section4 h3 {
    font-family: "Source Serif Pro", serif !important;
    font-style: italic; }
  .section4 .AntiGaspiProduct img {
    visibility: visible !important; }
  .section4 .meilleuresVentesProduct img {
    visibility: visible !important; }
  .section4 .titleTuKiff {
    font-size: 3rem;
    font-style: italic;
    font-family: "Source Serif Pro", serif;
    color: #ffad40; }
  .section4 .btnFilterProduct {
    background-color: #fff;
    word-break: normal;
    font-weight: 500;
    border: 1px solid #1292a1;
    color: #1292a1;
    font-family: "Jost", sans-serif;
    padding: 10px;
    height: 40px; }
    .section4 .btnFilterProduct.selected {
      background-color: #1292a1;
      color: #fff; }
  .section4 .containerProduct:after {
    content: "";
    display: block;
    position: relative;
    transform: skewX(-1deg);
    height: 25px;
    width: 95%;
    border-bottom: 2px dashed #12a184;
    transform: rotate(3deg); }
  .section4 .containerProduct.secondProduct:after {
    transform: rotate(-3deg); }
  .section4 .containerProduct .nomProduit {
    font-family: "Jost", sans-serif;
    font-weight: 500; }
    .section4 .containerProduct .nomProduit a {
      font-family: "Jost", sans-serif;
      font-weight: 500;
      color: #000; }
  .section4 .containerProduct .containerPrice .aPartir {
    color: #f29041;
    font-size: 0.7rem;
    text-align: center; }
  .section4 .containerProduct .containerPrice .price {
    font-weight: 500;
    background-color: #f29041;
    border-radius: 5px;
    padding: 5px 8px;
    color: #fff;
    font-size: 0.9rem;
    margin-top: 5px; }
  .section4 .containerProduct .containerImage {
    /*      max-height: 250px;*/
    width: 100%; }
    .section4 .containerProduct .containerImage img {
      clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
      border-right: 7px;
      height: 100%;
      min-height: 200px;
      width: auto;
      min-height: 230px;
      min-width: 100%;
      border-radius: 12px; }
      .section4 .containerProduct .containerImage img.secondImage {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%) !important; }
  .section4 .containerProduct .producteur {
    color: #1292a1;
    font-size: 1rem; }
  .section4 .btnCatalogue {
    background-color: #f1f0f0 !important;
    font-family: "Jost", sans-serif !important;
    color: #fff !important;
    border: inherit;
    font-weight: 300; }
  .section4 .montainBottom {
    background-color: #fff;
    background-image: url("../medias_front/common/fondMontagne.jpg");
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: 100%;
    height: 610px;
    width: 100vw; }
    @media (max-width: 1200px) {
      .section4 .montainBottom {
        height: 373px; } }
    @media (max-width: 992px) {
      .section4 .montainBottom {
        height: 308px; } }
    @media (max-width: 768px) {
      .section4 .montainBottom {
        height: 240px; } }
    @media (max-width: 576px) {
      .section4 .montainBottom {
        height: 198px; } }

.section5 #containerSection4 {
  flex-direction: row; }
  @media (max-width: 1617px) {
    .section5 #containerSection4 {
      flex-direction: column !important; } }
.section5 #service {
  background-image: url("../medias_front/common/fondService.jpg") !important;
  background-repeat: no-repeat;
  width: 50%;
  height: 784px;
  background-position: 100% 100%; }
  @media (min-width: 2048px) {
    .section5 #service {
      background-size: cover;
      height: 1000px; } }
  @media (max-width: 1617px) {
    .section5 #service {
      width: 100%;
      background-position: 0px 100%;
      background-size: cover;
      height: inherit; } }
  .section5 #service .containerTitle {
    padding-top: 70px; }
    .section5 #service .containerTitle h4 {
      color: #fff;
      font-family: "Jost", sans-serif;
      font-size: 2.7rem; }
    .section5 #service .containerTitle h5 {
      color: #ffad40;
      font-family: "Source Serif Pro", serif;
      font-style: italic;
      font-size: 2.5rem;
      font-weight: 700; }
    .section5 #service .containerTitle .containerBtn {
      position: relative;
      z-index: 123;
      top: 21px; }
      .section5 #service .containerTitle .containerBtn .btn {
        color: #fff !important;
        background-color: #2cbfc6 !important;
        font-weight: 300;
        border-color: #2cbfc6 !important;
        left: 100%;
        position: relative;
        margin: 5px 20px 5px 20px !important; }
        @media (max-width: 750px) {
          .section5 #service .containerTitle .containerBtn .btn {
            left: 0; } }
  .section5 #service .blocIdea {
    height: 450px; }
    .section5 #service .blocIdea .containerFormulaire {
      margin: 0px 35px 90px 0px;
      background-color: #f1f0f0;
      border-radius: 50%;
      width: 250px;
      height: 250px; }
      .section5 #service .blocIdea .containerFormulaire .btnSoumettre {
        background-color: #f29041;
        border-radius: 4px;
        color: #fff;
        font-family: "Outfit", sans-serif;
        font-size: 1em;
        padding: 10px; }
      .section5 #service .blocIdea .containerFormulaire .formulaire {
        color: #fff; }
        .section5 #service .blocIdea .containerFormulaire .formulaire .idea {
          height: 70px;
          width: 60px;
          background-image: url("../medias_front/common/idea.png") !important; }
        .section5 #service .blocIdea .containerFormulaire .formulaire h4 {
          text-align: center;
          margin-top: 12px; }
        .section5 #service .blocIdea .containerFormulaire .formulaire input {
          border: none;
          border-radius: 4px;
          padding: 0px 0px 0px 21px;
          font-family: "Jost", sans-serif;
          margin-bottom: 15px;
          width: 187px; }
        .section5 #service .blocIdea .containerFormulaire .formulaire button {
          background-color: #f29041;
          border-radius: 4px;
          width: 55px;
          color: #fff;
          font-family: "Jost", sans-serif; }
.section5 #projet {
  background-image: url("../medias_front/common/fondPojet.jpg") !important;
  background-repeat: no-repeat;
  background-color: #343a27;
  width: 50%;
  height: 784px;
  background-position: 0% 100%; }
  @media (min-width: 2048px) {
    .section5 #projet {
      background-size: cover;
      height: 1000px; } }
  @media (max-width: 1617px) {
    .section5 #projet {
      background-position: 0% 70%;
      background-size: 100%;
      width: 100%; } }
  @media (max-width: 992px) {
    .section5 #projet {
      background-position: 0% 100%;
      height: 970px;
      width: 100%; } }
  .section5 #projet .containerTitle {
    padding-top: 70px; }
    .section5 #projet .containerTitle h4 {
      color: #fff;
      font-family: "Jost", sans-serif;
      font-size: 2.7rem; }
    .section5 #projet .containerTitle h5 {
      color: #f38124;
      font-family: "Source Serif Pro", serif;
      font-style: italic;
      font-size: 2.5rem;
      font-weight: 700; }
  .section5 #projet .containerTexte .textContainerDashed {
    border: #fcc43f dashed 2px;
    border-radius: 10px;
    width: 46%;
    padding: 20px; }
    @media (max-width: 992px) {
      .section5 #projet .containerTexte .textContainerDashed {
        width: 75%; } }
    .section5 #projet .containerTexte .textContainerDashed h6 {
      color: #12a184;
      font-family: "Jost", sans-serif;
      font-size: 2rem;
      font-weight: 600; }
    .section5 #projet .containerTexte .textContainerDashed p {
      color: #fff;
      font-family: "Jost", sans-serif;
      font-size: 1rem; }
    .section5 #projet .containerTexte .textContainerDashed .containerBtn {
      position: relative;
      z-index: 123;
      top: 21px; }
      @media (max-width: 992px) {
        .section5 #projet .containerTexte .textContainerDashed .containerBtn {
          top: 0px; } }
      .section5 #projet .containerTexte .textContainerDashed .containerBtn .btn {
        color: #fff !important;
        background-color: #12a184 !important;
        font-weight: 300;
        border-color: #12a184 !important; }
  .section5 #projet .containerTexte .imgProjet {
    background-image: url("../medias_front/common/imgProjet.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    height: 317px;
    bottom: 10px;
    position: relative;
    width: 376px;
    left: -40px; }
    @media (max-width: 992px) {
      .section5 #projet .containerTexte .imgProjet {
        left: 0px;
        transform: rotate(-7.4deg) translateX(10.4%);
        background-size: contain; } }

.mb-10 {
  margin-bottom: 10rem !important; }

.section6 {
  background-color: #fff;
  background-image: url("../medias_front/common/fondMontagne.jpg") !important;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%; }
  .section6 #headerWave {
    width: 100%;
    height: 153px;
    background-image: url("../medias_front/common/whiteWave2.png") !important;
    position: absolute;
    top: -81px;
    background-position: 50% 22%;
    z-index: 2; }
  .section6 .titlerContainer {
    padding-top: 100px; }
    .section6 .titlerContainer h4 {
      color: #333333;
      font-family: "Jost", sans-serif;
      font-size: 2.5rem; }
    .section6 .titlerContainer h5 {
      color: #ffad40;
      font-family: "Source Serif Pro", serif;
      font-style: italic;
      font-style: italic;
      font-weight: bolder;
      font-size: 2rem; }
  .section6 .socialWall {
    width: 90vw;
    max-height: 875px;
    overflow: hidden;
    max-width: 1610px; }

.containerSocial a {
  margin-left: 20px; }

#footer1-2e {
  background-repeat: no-repeat;
  padding-top: 0px; }
  @media (max-width: 1200px) {
    #footer1-2e {
      padding-top: 30px; } }
  @media (max-width: 992px) {
    #footer1-2e {
      padding-top: 40px;
      padding-bottom: 20px; } }
  #footer1-2e #footCoordones {
    width: 100%;
    height: 250px;
    background-image: url("../medias_front/slider/bglocaplus.jpg") !important; }
    @media (max-width: 1070px) {
      #footer1-2e #footCoordones {
        height: auto; } }
  #footer1-2e .footlocaplus {
    background-color: #ffffff;
    border: 1px solid rgba(211, 211, 211, 0.8);
    text-transform: uppercase;
    text-align: center;
    width: 70%;
    height: 70%; }
    @media (max-width: 1070px) {
      #footer1-2e .footlocaplus {
        flex-direction: column; } }
    @media (max-width: 992px) {
      #footer1-2e .footlocaplus {
        width: auto;
        height: auto; } }
    @media (max-width: 1437px) {
      #footer1-2e .footlocaplus {
        width: auto;
        height: auto; } }
  @media (max-width: 992px) {
    #footer1-2e .agence1 {
      width: 80%; } }
  #footer1-2e .agence1 h1 {
    font-size: 16px;
    font-weight: 600;
    color: #3e3e3e; }
  #footer1-2e .agence1 h6 {
    font-size: 12px; }
  #footer1-2e .agence1 a {
    color: #1292a1; }
  @media (max-width: 1437px) {
    #footer1-2e .logofoot {
      margin-top: 25px; } }
  #footer1-2e .logofoot img:first-child {
    width: 192px;
    height: 36px;
    position: relative;
    z-index: 2; }
  #footer1-2e .logofoot img:last-child {
    position: relative;
    top: -20px;
    right: 40px;
    z-index: 1; }
  #footer1-2e .socialfoot a {
    transition: all .4s ease-in-out !important; }
  #footer1-2e .socialfoot a:hover {
    transform: scale(1.1) !important;
    transition: all 300ms !important; }
  #footer1-2e .socialfoot a:first-child {
    color: white;
    background-color: #46a46a;
    height: 40px;
    width: 40px;
    border-radius: 50%; }
  #footer1-2e .socialfoot a:last-child {
    color: white;
    background-color: #12a184;
    height: 40px;
    width: 40px;
    border-radius: 50%; }
  #footer1-2e .slideUp {
    height: 68px;
    width: 100px;
    background-image: url("../medias_front/common/slideUp.png") !important;
    position: relative;
    top: 70px;
    left: calc(50% - 50px); }
    @media (max-width: 1454px) {
      #footer1-2e .slideUp {
        top: 53px; } }
  #footer1-2e .footerDuFooter {
    background-color: #f1f0f0; }
    #footer1-2e .footerDuFooter h6 {
      color: #bcbcbc;
      margin: 10px;
      font-size: 12px; }
      #footer1-2e .footerDuFooter h6 a {
        font-size: 12px; }
  #footer1-2e .fdf {
    background-color: #ffffff;
    height: 50px;
    width: 70%;
    border: 1px solid rgba(211, 211, 211, 0.8);
    border-width: 0 1px 1px 1px; }
    @media (max-width: 992px) {
      #footer1-2e .fdf {
        height: auto; } }
  #footer1-2e #footerWave {
    width: 100%;
    height: 150px;
    background-image: url("../medias_front/common/footerWave.png") !important;
    position: relative;
    top: -117px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%; }
    @media (min-width: 2000px) {
      #footer1-2e #footerWave {
        height: 273px;
        top: -206px; } }
    @media (max-width: 1200px) {
      #footer1-2e #footerWave {
        top: -129px; } }
    @media (max-width: 395px) {
      #footer1-2e #footerWave {
        top: -126px; } }
  #footer1-2e #footCoordones {
    border-radius: 12px; }
    #footer1-2e #footCoordones .adresse {
      margin: 0 auto;
      text-align: center;
      color: #2b4518;
      font-weight: 500; }
    #footer1-2e #footCoordones .btnTel {
      background-color: #458c23 !important;
      border-color: #458c23 !important;
      font-family: "Jost", sans-serif;
      font-weight: 400;
      font-size: 1.2rem; }
    #footer1-2e #footCoordones .btnContact {
      font-family: "Jost", sans-serif;
      font-weight: 400;
      font-size: 1.1rem; }
    #footer1-2e #footCoordones .containerSocial {
      margin: 20px auto 0px auto; }
      #footer1-2e #footCoordones .containerSocial .socicon-youtube::before {
        font-size: 30px;
        color: #fff; }
      #footer1-2e #footCoordones .containerSocial .socicon-twitter::before {
        color: #fff;
        font-size: 30px; }
      #footer1-2e #footCoordones .containerSocial .socicon-facebook::before {
        font-size: 30px;
        color: #fff; }
      #footer1-2e #footCoordones .containerSocial .socicon-instagram::before {
        color: #fff;
        font-size: 30px; }
  #footer1-2e .resizefdf {
    width: 100%; }
  #footer1-2e #logoFooter img {
    width: 185px;
    height: 85px; }
  #footer1-2e #logoFooterGreen {
    width: 158px;
    height: 162px;
    background-image: url("../medias_front/common/Logo.png") !important;
    background-repeat: no-repeat; }
  #footer1-2e .footerTimeline {
    width: 90%;
    height: 198px;
    background-image: url("../medias_front/common/footerTimeline.png") !important;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: 50% 50%; }
  #footer1-2e #footCoordones span {
    padding-bottom: 0 !important;
    padding-top: 1px !important;
    height: auto !important;
    font-size: 14pt;
    text-align: center;
    color: white;
    font-family: "Aller", sans-serif;
    font-weight: bold; }
  #footer1-2e li {
    list-style: none; }
  #footer1-2e .nav-item::after {
    display: none; }
  #footer1-2e .nav-item .pParent {
    color: #66734a !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem !important; }
  #footer1-2e .nav-item .nav-link {
    padding-bottom: 0 !important;
    padding-top: 1px !important;
    height: auto !important;
    font-size: 11pt;
    text-align: center;
    color: white !important;
    text-transform: uppercase;
    font-family: "Aller", sans-serif;
    font-weight: bold; }
    #footer1-2e .nav-item .nav-link::after {
      display: none; }
    #footer1-2e .nav-item .nav-link:hover {
      background-color: transparent !important; }
  #footer1-2e .footerDuFooter {
    margin: 0 auto; }
    #footer1-2e .footerDuFooter p, #footer1-2e .footerDuFooter span {
      font-size: 10pt !important;
      color: #717171 !important;
      text-transform: uppercase; }
    #footer1-2e .footerDuFooter a {
      color: #717171 !important;
      font-size: 16px; }

.breadcrumb-item a {
  color: #3e3e3e; }

.breadcrumb-item + .breadcrumb-item:before {
  content: var(--bs-breadcrumb-divider, ">");
  color: #3e3e3e; }

.filAccueil::after {
  content: "";
  position: relative;
  display: block;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
  padding: 6px;
  background-size: contain;
  top: 4px; }

.montainBottom {
  background-color: #fff;
  background-image: url("../medias_front/common/fondMontagne.jpg");
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: 100%;
  height: 609px;
  width: 100vw; }
  @media (max-width: 1200px) {
    .montainBottom {
      height: 373px; } }
  @media (max-width: 992px) {
    .montainBottom {
      height: 308px; } }
  @media (max-width: 768px) {
    .montainBottom {
      height: 240px; } }
  @media (max-width: 576px) {
    .montainBottom {
      height: 198px; } }

/*
 *  PAGINATOR*
 */
.page-item a {
  color: #000;
  border: none;
  font-size: 1.3rem; }

.page-item.active .page-link {
  font-size: 1.7rem;
  font-weight: 500;
  color: #f1f0f0;
  background-color: #fff;
  border: none;
  top: -6px; }

.page-link:focus {
  box-shadow: none;
  background-color: transparent; }

.previousPage {
  background-image: url("../medias_front/common/prev.png");
  background-repeat: no-repeat;
  width: 245px;
  height: 38px;
  text-align: center;
  padding: 6px;
  color: #fff !important;
  border: none;
  margin-right: 50px; }

.nextPage {
  background-image: url("../medias_front/common/next.png");
  background-repeat: no-repeat;
  width: 245px;
  height: 38px;
  text-align: center;
  padding: 9px;
  color: #fff !important;
  border: none;
  margin-left: 50px !important; }

.loginBtn {
  border: 1px solid #fcd743 !important;
  background-color: #fcd743 !important;
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400; }
  .loginBtn:hover {
    color: #fff !important; }

.loginBtnYellow {
  border: 1px solid #12a184 !important;
  background-color: #12a184 !important;
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400; }
  .loginBtnYellow:hover {
    color: #fff !important; }

.btnGreen {
  border: 1px solid #1292a1 !important;
  background-color: #1292a1 !important;
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  padding: 7px 50px 7px 50px;
  border-radius: 7px; }
  .btnGreen:hover {
    color: #fff !important; }

.btnOrange {
  border: 1px solid #fcd743 !important;
  background-color: #fcd743 !important;
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  padding: 7px 50px 7px 50px;
  border-radius: 7px; }
  .btnOrange:hover {
    color: #fff !important; }

.pagination {
  width: 69.5%;
  display: flex;
  justify-content: space-between;
  margin-top: 15px; }
  .pagination .pagi {
    display: flex; }
  .pagination .current {
    font-size: 1.7em;
    position: relative;
    color: #2cbfc6;
    top: 0px;
    display: block;
    margin: 0 15px; }
  .pagination .invisible-div {
    width: 170px; }
    @media screen and (max-width: 800px) {
      .pagination .invisible-div {
        display: none; } }
  .pagination .last {
    margin: 10px;
    font-weight: 400;
    color: black;
    margin-left: 2px; }
    .pagination .last a {
      color: #000;
      font-size: 1.3em;
      margin-left: 6px; }
  .pagination .first {
    margin: 10px;
    font-weight: 400;
    color: black;
    margin-right: 4px; }
    .pagination .first a {
      color: #000;
      font-size: 1.3em;
      margin-right: 6px; }
  .pagination .next {
    width: 170px;
    background-color: #ffcc33;
    border-radius: 5px;
    height: 38px;
    margin-left: 50px;
    margin-top: 10px; }
    .pagination .next img {
      width: 27px;
      height: 8px; }
    @media screen and (max-width: 800px) {
      .pagination .next {
        display: none; } }
    .pagination .next a {
      position: relative;
      top: 0px;
      color: #fff;
      height: 100%;
      z-index: 12;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
  .pagination .previous {
    width: 170px;
    background-color: #ffcc33;
    border-radius: 5px;
    height: 38px;
    margin-right: 50px;
    margin-top: 10px; }
    .pagination .previous img {
      width: 27px;
      height: 8px;
      transform: rotate(180deg); }
    @media screen and (max-width: 800px) {
      .pagination .previous {
        display: none; } }
    .pagination .previous a {
      position: relative;
      top: 0px;
      height: 100%;
      color: #fff;
      z-index: 12;
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
  .pagination .page {
    margin: 10px; }
    .pagination .page a {
      color: #000;
      font-size: 1.3em;
      left: -150px; }

#bloc_error {
  height: 600px;
  position: relative; }
  #bloc_error .blocTitre {
    text-align: center; }
    #bloc_error .blocTitre:after {
      bottom: -50px; }
  #bloc_error .blocContenu {
    text-align: center; }

#ref {
  color: gray !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin-bottom: 10px; }

#popupFront {
  background: #ffffff;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: calc(100% - 60px);
  max-height: calc(100vh - 60px);
  width: 600px;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*--Exemple d'appel : @include transform(translate(-50%, -50%));--*/
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*--Exemple d'appel : @include transition(all 0.3s ease);--*/
  z-index: 99999999999;
  padding: 0 0 20px 0;
  border-bottom: 20px solid #f1f0f0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  overflow: auto; }
  @media screen and (max-width: 1220px) {
    #popupFront {
      top: calc(50% + 20px);
      max-height: calc(100vh - 80px); } }
  #popupFront h4 {
    padding: 20px 20px;
    background-color: #fcd743;
    color: #3e3e3e;
    margin: 0 0 20px;
    font-size: 20pt;
    font-weight: 600;
    text-align: center; }
  #popupFront p {
    padding: 0 20px 10px; }
  #popupFront a {
    background-color: #fcd743;
    width: 20%;
    margin: 0 auto;
    padding: 5px;
    border-radius: 5px; }

/*
 *  Texte index*
 */
#texte_i {
  color: #ffffff;
  background: #92bba5;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  align-items: center; }
  @media (min-width: 1200px) {
    #texte_i {
      min-height: 100vh; } }
  #texte_i h3 {
    font-size: 30.5pt;
    text-align: center; }
  #texte_i h4 {
    font-size: 19pt;
    text-align: center; }
  #texte_i .container-fluid {
    text-align: justify;
    z-index: 1;
    padding: 0;
    margin: 0;
    background-color: red;
    width: 100%; }
    @media (min-width: 768px) {
      #texte_i .container-fluid {
        padding-left: 0px;
        padding-right: 0px; } }
    #texte_i .container-fluid .bloc-text {
      text-align: justify;
      font-size: 13pt; }
    #texte_i .container-fluid .plus {
      background: #ffffff;
      bottom: -55px; }
      #texte_i .container-fluid .plus span {
        color: #92bdac; }
  #texte_i .dashed-line {
    animation: c-dashed-line-path 10s linear infinite running;
    position: absolute;
    top: -5%;
    width: 100%;
    height: 100%;
    stroke-dasharray: 5px;
    stroke-width: 2px; }
  #texte_i #dashed-line-2 {
    transform: rotate(20deg);
    left: -25% !important; }
@keyframes c-dashed-line-path {
  from {
    stroke-dashoffset: 940; }
  to {
    stroke-dashoffset: 0; } }
/*
 *  Adjectifs index*
 */
#adj img {
  height: 60px;
  width: auto;
  margin: 34px auto auto; }
#adj .cercle {
  width: 134px;
  height: 134px;
  border: 7px solid #ffca3b;
  border-radius: 50%;
  margin: auto; }
#adj .trait {
  border-right: 2px dashed #ffca3b;
  height: 50px;
  width: 0px;
  top: 40px;
  position: relative;
  left: 50%; }
  @media (max-width: 1200px) {
    #adj .trait {
      display: none; } }
#adj .container {
  font-family: "Open Sans", sans-serif; }
  @media (max-width: 1200px) {
    #adj .container .row .col-1 {
      display: none; } }
  #adj .container .row .col-2 {
    min-width: 158px;
    margin: 0px -50px 0 -50px; }
    @media (max-width: 1200px) {
      #adj .container .row .col-2 {
        margin: 0 !important; } }
    #adj .container .row .col-2 figure {
      min-width: 134px;
      text-align: center; }
    #adj .container .row .col-2 figcaption {
      font-weight: bold;
      font-size: 11pt;
      padding-top: 15px; }
    #adj .container .row .col-2 p {
      font-size: 10pt; }
    #adj .container .row .col-2 #petit {
      font-size: 8pt !important;
      font-weight: 500; }

/*
*  Texte carousel*
*/
#slidertxt {
  height: 750px;
  background-image: url(../medias_front/slider/slider.png) !important; }
  #slidertxt .row {
    height: 100%; }
  #slidertxt .carousel {
    background: #ffffff;
    height: 55%; }
  #slidertxt .text-wrapper h3 {
    color: #ffffff;
    font-size: 23pt; }

#devis {
  position: absolute;
  transform: rotate(-90deg);
  right: -107px;
  bottom: 310px; }
  #devis .btn {
    background: #ffca3b !important;
    color: #2d6360 !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-weight: bold;
    width: 251px;
    font-size: 12.7pt; }
    #devis .btn i {
      font-weight: bold;
      transform: rotate(90deg);
      margin-left: 30px;
      font-size: 15pt; }

@media (max-width: 640px) {
  .pb-45 {
    margin-bottom: 45.5px !important; } }
@media (min-width: 530px) {
  .pb-45 {
    max-height: 412.5px; } }

@media (min-width: 1200px) {
  .pb-51 {
    padding-bottom: 79px; } }
@media (min-width: 1600px) {
  .pb-51 {
    padding-bottom: 106px; } }
@media (max-width: 1200px) {
  .pb-51 {
    margin-bottom: 98px; } }

/*
*  Gallerie index*
*/
#gallerie_i {
  background: #92bba5; }
  #gallerie_i div {
    padding: 0 !important;
    margin: 0 !important; }
  #gallerie_i img {
    padding: 0 !important;
    margin: 0 !important;
    object-fit: cover;
    min-height: 101%;
    min-width: 100%; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
/*
*  texte + background index*
*/
#txt-back {
  background-image: url("../medias_front/common/backFranchise.jpg") !important;
  background-position: -1px 81%;
  height: 43.1vw; }
  @media (max-width: 800px) {
    #txt-back {
      height: auto !important;
      background-size: auto; } }
  #txt-back #txt {
    background: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    top: -15%; }
    #txt-back #txt h5 {
      font-size: 28pt;
      font-weight: bold;
      color: #4184ad; }
    #txt-back #txt p {
      color: #4184ad;
      font-size: 17pt; }

a[name="captcha"] {
  width: 50px; }

.plus {
  height: 47px;
  width: 47px;
  border-radius: 50%;
  position: absolute;
  margin-bottom: 10px;
  text-align: center;
  background-image: -moz-linear-gradient(-90deg, #4184ad 0%, #9dd7ef 100%);
  background-image: -webkit-linear-gradient(-90deg, #4184ad 0%, #9dd7ef 100%);
  background-image: -ms-linear-gradient(-90deg, #4184ad 0%, #9dd7ef 100%); }
  .plus span {
    height: 47px;
    color: #ffffff;
    font-size: 40pt;
    font-family: "Aller", sans-serif; }

#navbarSupportedContent {
  border-radius: 0px;
  width: auto;
  top: 0;
  position: fixed; }

#listWhiteHead li:first-of-type a {
  padding: 0.5rem 0.3rem 0.5rem 1.2rem !important; }

::marker {
  color: transparent; }

.listeReseauxSoc span {
  color: #fff; }
  .listeReseauxSoc span:hover {
    color: #4184ad; }

.socicon-linkedin:hover.before {
  color: #4184ad; }

.socicon-linkedin:before {
  font-size: 22px; }
  .socicon-linkedin:before:hover {
    color: #4184ad; }

.menu_box {
  padding-left: 0; }

.cid-sYKQ7yZHbI .navbar {
  height: auto;
  transition: all 0.3s;
  border-bottom-width: 0px; }

.cid-sYKQ7yZHbI button.navbar-toggler .hamburger span {
  background-color: #fff; }

.navbar {
  display: block; }

.menu_box {
  padding-right: 0; }

#navbarSupportedContent.show {
  padding-top: 50px !important;
  background-color: transparent !important;
  display: flex;
  flex-direction: column;
  width: 100vw; }
  #navbarSupportedContent.show li {
    height: auto !important; }
  #navbarSupportedContent.show .nav-link {
    padding: 9px !important; }
  #navbarSupportedContent.show .dropdown-menu {
    position: relative; }
    #navbarSupportedContent.show .dropdown-menu .dropdown-item {
      color: #4184ad !important;
      padding: 4px 11px !important;
      margin-left: 0; }
    #navbarSupportedContent.show .dropdown-menu .dropdown-item:not(:last-child) {
      border-bottom: 1px solid #4184ad; }
  #navbarSupportedContent.show #reseauxSocNavUp {
    background-color: #699b98;
    padding-top: 40px;
    justify-content: center !important; }

.navDowner {
  border-top: 9px solid #fcd743;
  z-index: 20;
  position: relative; }

.containerNavDown {
  border-radius: 50%;
  border-color: #ffca3b;
  border-style: dashed;
  width: 160px;
  height: 160px;
  top: 26px;
  position: relative;
  z-index: 0; }

#header1-2l {
  z-index: 0; }

.sousMenuAriane {
  position: relative;
  z-index: 5; }

.navDown {
  height: 47px;
  width: 47px;
  top: -25px;
  position: relative; }
  .navDown:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../medias_front/common/logopagedownloca.png") !important;
    height: 79px;
    width: 148px;
    background-repeat: no-repeat;
    left: -53px; }

.cid-sYKQ7yZHbI li.nav-item:hover::after {
  display: none; }

#bigtitle {
  margin-right: 13%;
  font-family: "Jost", sans-serif;
  text-transform: uppercase; }
  @media (max-width: 1200px) {
    #bigtitle {
      margin-right: 0; } }
  @media (max-width: 800px) {
    #bigtitle {
      width: 100%;
      margin: 0 auto; } }
  @media screen and (max-width: 1800px) {
    #bigtitle {
      background-color: white;
      padding: 2%;
      border-radius: 5px; } }
  #bigtitle h1, #bigtitle h2 {
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 1px; }
  #bigtitle h2 {
    color: #333333; }
    @media screen and (max-width: 1800px) {
      #bigtitle h2 {
        color: #3e3e3e; } }
  #bigtitle #subbigtitle {
    width: 63%;
    margin: 0 auto; }
    @media screen and (max-width: 1800px) {
      #bigtitle #subbigtitle span {
        color: #3e3e3e; } }
    #bigtitle #subbigtitle span:first-child::after {
      content: "|";
      height: 5px;
      margin-left: 37px; }
      @media (max-width: 450px) {
        #bigtitle #subbigtitle span:first-child::after {
          margin-left: 17px; } }
  #bigtitle img {
    width: 360px;
    height: 40px;
    transform: scale(0.45);
    margin-left: 10%; }
    @media (max-width: 880px) {
      #bigtitle img {
        margin: 0 auto; } }

.noFadeInUp {
  -webkit-animation-name: none;
  animation-name: none; }

.noFadeInUpButton {
  -webkit-animation-name: none;
  animation-name: none;
  background-color: transparent;
  border-color: transparent;
  color: white; }

.catalogue {
  position: relative;
  background-color: #f1f0f0; }
  .catalogue .catatitle {
    padding-top: 5%; }
  .catalogue h3, .catalogue span {
    font-size: 30px;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    color: #333333;
    z-index: 4;
    letter-spacing: 1px; }
  .catalogue h3 {
    text-align: center; }
  .catalogue span {
    font-weight: bold; }
  .catalogue img {
    position: relative;
    top: -25px;
    width: 360px;
    height: 40px; }

.product-contact {
  color: #333333; }
  .product-contact h1 {
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    margin: 15px 0 30px 0;
    padding-bottom: 7px;
    border-bottom: 2px solid #fcd743; }
    @media screen and (max-width: 450px) {
      .product-contact h1 {
        font-size: 17px; } }
  .product-contact span {
    color: grey; }
  .product-contact h2 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333333; }
    @media screen and (max-width: 936px) {
      .product-contact h2 {
        text-align: center; } }
    @media screen and (max-width: 1260px) {
      .product-contact h2 {
        width: 100% !important; } }
  .product-contact p {
    margin-top: 0; }
  @media screen and (max-width: 1690px) {
    .product-contact .priceloc {
      width: 80% !important; } }
  @media screen and (max-width: 934px) {
    .product-contact .priceloc {
      width: 60% !important; } }
  @media screen and (max-width: 590px) {
    .product-contact .priceloc {
      width: 97% !important; } }
  .product-contact .priceloc span {
    color: #1292a1 !important;
    font-weight: 600; }
  .product-contact .priceloc button:hover > span {
    color: white !important; }
  .product-contact .priceloc button:focus > span {
    color: white !important; }

.pictureproduct {
  margin-right: 100px;
  width: 40%; }
  @media screen and (max-width: 931px) {
    .pictureproduct {
      margin-right: 0;
      width: 75%; } }
  @media screen and (max-width: 450px) {
    .pictureproduct {
      width: 60% !important; } }

#pagedown {
  position: relative;
  background-image: url("../medias_front/slider/bglocaplus.jpg") !important;
  background-repeat: no-repeat; }
  #pagedown img {
    position: relative;
    top: -25px;
    z-index: 999;
    width: 151px;
    height: 78px; }

.articleloc {
  width: 75%;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 854px) {
    .articleloc {
      width: 100%; } }
  .articleloc .art {
    width: 392px;
    height: 460px;
    background-color: white;
    position: relative;
    z-index: 1;
    border-radius: 5px; }
    .articleloc .art #imgcentre {
      margin: 0 auto; }
    .articleloc .art img {
      top: 0;
      position: relative;
      z-index: 8;
      width: auto;
      height: auto; }
    .articleloc .art hr {
      width: 95%;
      color: #333333;
      opacity: 0.1;
      margin-top: 10px;
      margin-right: auto;
      margin-bottom: 0px;
      margin-left: auto; }
    .articleloc .art .subprice {
      font-size: 10px;
      color: #3e3e3e;
      text-transform: uppercase; }
  .articleloc .imgdesc {
    height: 280px; }
    .articleloc .imgdesc img {
      height: 247px;
      max-width: 392px;
      margin: 0 auto; }
    .articleloc .imgdesc h4 {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      color: #3e3e3e; }
    @media screen and (max-width: 883px) {
      .articleloc .imgdesc {
        width: 100%; } }
  .articleloc .imgdescCentre {
    height: 280px;
    margin: 0 auto; }
    .articleloc .imgdescCentre img {
      height: 247px;
      max-width: 392px; }
    .articleloc .imgdescCentre h4 {
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      color: #3e3e3e; }
    @media screen and (max-width: 883px) {
      .articleloc .imgdescCentre {
        width: 100%; } }

.swiper {
  width: 100%;
  height: auto; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  margin-right: 0;
  background-color: #f1f0f0;
  width: 120px;
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  @media screen and (max-width: 883px) {
    .swiper-slide {
      width: 100%; } }

.swiper-slide img {
  display: block;
  object-fit: cover;
  margin: 0; }

.swiper-button-next {
  position: relative;
  z-index: 9999; }

.swiper-slide swiper-slide-active {
  margin: 0;
  width: 392px; }

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: url("../medias_front/common/flechedroitelocaplus.png") !important;
  position: absolute;
  right: 5%; }
  @media screen and (max-width: 883px) {
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
      right: 150px; } }
  @media screen and (max-width: 450px) {
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
      right: 20px;
      top: -20px; } }

.swiper-button-prev:after {
  content: url("../medias_front/common/flechegauchelocaplus.png") !important;
  position: absolute;
  left: 5%; }
  @media screen and (max-width: 883px) {
    .swiper-button-prev:after {
      left: 150px; } }
  @media screen and (max-width: 450px) {
    .swiper-button-prev:after {
      left: 20px;
      top: -20px; } }

.day {
  margin: 1%; }
  .day button {
    height: 34px;
    width: 110px;
    border-radius: 5px;
    background-color: #f1f0f0 !important;
    color: #1292a1 !important;
    border: none !important;
    margin-top: 0;
    font-weight: 500; }
  .day button:hover {
    background-color: #1292a1 !important;
    color: #f1f0f0 !important; }
  .day p {
    color: #3e3e3e;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 5px;
    margin-top: 12px;
    font-weight: 500; }
  .day span {
    font-weight: 600; }

.daybutton {
  margin: 1%;
  height: 34px;
  width: 110px;
  border-radius: 5px;
  background-color: #f1f0f0 !important;
  color: #1292a1 !important;
  border: none !important;
  margin-top: 0;
  font-weight: 500;
  padding-top: 7px; }

.swiper-slide swiper-slide-active {
  width: 150px; }

.priceloc {
  margin-bottom: 8px; }
  @media screen and (max-width: 883px) {
    .priceloc {
      width: 100%; } }

.offreloc {
  background-color: #fcd743;
  width: 71%;
  margin: 0 auto;
  border-radius: 5px;
  padding: 5px; }
  @media screen and (max-width: 450px) {
    .offreloc {
      width: 95%; } }
  .offreloc img {
    width: 27px;
    height: 8px;
    top: 0; }
  .offreloc button {
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 15px; }
  .offreloc .buttonClassNew {
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 15px;
    color: #212529; }

img {
  transition: 0.5s; }

.animarrow:hover > img {
  transition: 0.5s;
  transform: translateX(10px); }

.return:hover > img {
  transform: rotate(180deg) translateX(10px);
  transition: 0.5s; }

.btncarac a {
  margin: 0;
  background-color: #fcd743 !important;
  border: none;
  border: none !important;
  box-shadow: none !important;
  color: #3e3e3e !important; }
  .btncarac a:hover {
    background-color: #fcd743 !important;
    color: #3e3e3e !important; }
  .btncarac a img {
    width: 27px;
    height: 8px;
    position: relative; }
  .btncarac a span {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 15px; }

.btncarac a:active {
  animation: linear 0.1s;
  background-color: #fcd743 !important;
  color: #332c26 !important; }
.btncarac a:focus {
  background-color: #fcd743 !important;
  color: #332c26 !important; }

.agence {
  background-color: #f1f0f0;
  padding-top: 50px;
  background-image: url("../medias_front/common/bg3agence.png") !important;
  background-repeat: no-repeat;
  background-size: cover;
  height: 665px;
  width: 100%; }
  .agence .agencedesc {
    margin-bottom: 10%;
    margin-right: 15%;
    letter-spacing: 1px; }
    @media screen and (max-width: 1800px) {
      .agence .agencedesc {
        background-color: white;
        padding: 2%;
        border-radius: 5px;
        margin: 0 auto; } }
    .agence .agencedesc h2 {
      color: #f1f0f0;
      text-transform: uppercase;
      font-size: 2em;
      margin-left: 20px;
      font-weight: 500; }
      @media screen and (max-width: 1800px) {
        .agence .agencedesc h2 {
          color: #3e3e3e; } }
      .agence .agencedesc h2 strong {
        font-size: 2em;
        margin-right: 10px; }
    .agence .agencedesc p {
      color: white;
      font-size: 12px;
      margin-left: 60px; }
    .agence .agencedesc h5 {
      text-transform: uppercase;
      color: #3e3e3e;
      font-weight: bold;
      font-size: 25px; }
    .agence .agencedesc span {
      font-size: 4em;
      font-weight: bold; }
    .agence .agencedesc img {
      width: 27px;
      height: 8px;
      vertical-align: bottom;
      position: relative; }
    .agence .agencedesc .ensavoirplus {
      background-color: #fcd743;
      width: 250px;
      padding: 2%;
      border-radius: 5px; }
      @media screen and (max-width: 1800px) {
        .agence .agencedesc .ensavoirplus {
          width: 100%; } }
      .agence .agencedesc .ensavoirplus a {
        color: #3e3e3e;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 10px; }

#pagedown1 {
  position: relative;
  background-color: #f1f0f0; }
  #pagedown1 img {
    position: relative;
    top: 100px;
    z-index: 999;
    width: 151px;
    height: 78px; }

.catatitle1 {
  background-color: #f1f0f0; }
  .catatitle1 h3, .catatitle1 span {
    font-size: 30px;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    color: #333333;
    z-index: 4;
    letter-spacing: 1px; }
  .catatitle1 h3 {
    text-align: center; }
  .catatitle1 span {
    font-weight: bold; }
  .catatitle1 img {
    position: relative;
    top: -25px;
    width: 360px;
    height: 40px; }

blockquote {
  padding: 1rem !important; }

.vente {
  background-color: #f1f0f0;
  padding-bottom: 5%;
  padding-top: 10px; }

.neuf .pricevente {
  width: 100%;
  height: 90px; }
  .neuf .pricevente .pricevente1 {
    width: 90%;
    height: 40px;
    background-color: #46a46a;
    border-radius: 5px; }
    .neuf .pricevente .pricevente1 button {
      color: white; }

.occas .pricevente {
  width: 100%;
  height: 90px; }
  .occas .pricevente .pricevente1 {
    width: 90%;
    height: 40px;
    background-color: #12a184;
    border-radius: 5px; }
    .occas .pricevente .pricevente1 button {
      color: white; }

.offrevente {
  background-color: #fcd743;
  width: 71%;
  margin: 0 auto;
  border-radius: 5px;
  padding: 5px; }
  @media screen and (max-width: 450px) {
    .offrevente {
      width: 95%; } }
  .offrevente img {
    width: 27px;
    height: 8px;
    top: 0;
    position: relative; }
  .offrevente button {
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 15px; }
  .offrevente .buttonClassNew {
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 15px;
    color: #212529; }

.description {
  background-color: #1292a1;
  height: 150px; }
  @media screen and (max-width: 883px) {
    .description {
      height: 502px;
      align-items: center;
      margin-bottom: 25px; } }
  @media screen and (max-width: 760px) {
    .description {
      height: 502px;
      align-items: center;
      margin-bottom: 25px; } }
  @media screen and (max-width: 1437px) {
    .description {
      height: 502px;
      align-items: center;
      margin-bottom: 25px; } }
  .description .descresize {
    width: 70%; }
    @media screen and (max-width: 883px) {
      .description .descresize span {
        display: none; } }
    .description .descresize .pix {
      width: 44px !important;
      height: 44px !important; }
    @media screen and (max-width: 1437px) {
      .description .descresize {
        align-items: flex-end; } }
    .description .descresize span {
      border-left: 2px solid white;
      height: 25px;
      opacity: 0.4; }
    @media screen and (max-width: 883px) {
      .description .descresize .desc1 {
        width: 159px;
        margin-bottom: 15px; } }
    .description .descresize .desc1 h6 {
      font-size: 17px;
      color: white;
      margin: 0; }
    .description .descresize .desc1 img {
      width: 45px;
      height: 39px;
      margin-right: 15px; }

.logonav {
  transform: scale(0.8); }
  @media (max-width: 1437px) {
    .logonav {
      margin-top: 25px; } }

#BigTitlepeint {
  position: relative;
  z-index: 1;
  top: -35px;
  margin: 0 auto;
  width: 374px;
  height: 48px; }

.cid-sYtfgmlx9v {
  padding-top: 2rem;
  padding-bottom: 0rem; }

.ck > * {
  font-family: "Jost", sans-serif !important;
  font-weight: normal !important; }

.cid-sYKQ7yZHbI nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
  background-color: black; }

.cid-sYKQ7yZHbI nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
  background-color: black; }

mark {
  padding: 0.2em; }

#navbarSupportedContent.show .logonav {
  margin: 0 auto;
  right: 0;
  background-color: unset; }
  #navbarSupportedContent.show .logonav img {
    transform: scale(1.9);
    margin-bottom: 60px; }
    @media (max-width: 800px) {
      #navbarSupportedContent.show .logonav img {
        transform: scale(1.2); } }

#navbarSupportedContent.show .logonav img:last-child {
  position: relative;
  top: -20px;
  right: 0px;
  z-index: 1; }

@media (max-width: 800px) {
  #navbarSupportedContent.show #containerMenuPage li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; } }
@media (max-width: 1400px) {
  #navbarSupportedContent.show #containerMenuPage li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; } }

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: block; } }
@media (min-width: 1100px) {
  .navbar-expand-lg .navbar-toggler {
    display: none; } }
#navbarSupportedContent.show #containerMenuPage {
  width: 100%;
  display: flex;
  flex-direction: column; }

.cid-sZogb0MkOH .slide-content {
  position: relative;
  border-radius: 4px;
  background: white !important;
  height: 100%;
  display: flex;
  overflow: hidden;
  flex-flow: column nowrap;
  width: 392px !important; }
  @media screen and (max-width: 400px) {
    .cid-sZogb0MkOH .slide-content {
      width: 373px !important; } }

@media screen and (max-width: 900px) {
  .mobilequery {
    flex-direction: column;
    align-items: center; } }

.carac {
  width: 40% !important;
  margin: 4%; }
  @media screen and (max-width: 600px) {
    .carac {
      width: 80% !important; } }

@media screen and (max-width: 936px) {
  .finalproduct {
    flex-direction: column;
    width: 90% !important; } }
.finalproduct .resumproduct {
  width: 40%;
  text-align: center; }
  @media screen and (max-width: 936px) {
    .finalproduct .resumproduct {
      width: 100% !important; } }

.ht {
  color: gray;
  font-size: 13px; }

#spanerror {
  margin-top: 15px;
  text-align: center;
  border-bottom: 2px solid #fcd743;
  text-transform: uppercase;
  font-weight: 500; }

.btnfichetest:active {
  background-color: #fcd743 !important;
  border-color: #fcd743 !important;
  color: #333333 !important; }

.btnfichetest:focus {
  background-color: #fcd743 !important;
  border-color: #fcd743 !important;
  color: #333333 !important; }

.item-content h6 {
  text-transform: uppercase;
  margin-bottom: 16px; }
.item-content hr {
  width: 95%;
  margin: 0 auto;
  color: #333333;
  opacity: 0.1; }

.logo-etat img {
  top: 0;
  position: absolute;
  z-index: 8;
  width: auto;
  height: auto; }

.item-img {
  position: relative; }

@keyframes sliderarrow {
  from {
    left: 0;
    position: relative; }
  to {
    left: 15px;
    position: relative; } }
@keyframes sliderarrow2 {
  from {
    left: 0; }
  to {
    left: 10px; } }
.activeprice {
  background-color: red !important; }

.contact textarea {
  font-weight: 400 !important;
  text-transform: inherit !important; }

/*# sourceMappingURL=surcharge.css.map */