/* ------------------ */
 /* == Variables       */
 /* ------------------ */
 /* Primary Colors */
 /* ------------------ */
 /* == Mixins          */
 /* ------------------ */
 /* ------------------ */
 /* == Global          */
 /* ------------------ */
 /* BEGIN Regular */
 
 @import url('../fonts/font-awesome/css/font-awesome.css');
 @import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
 @import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800&display=swap');
 
 #edit-field-contenu-wrapper-wrapper {
     width: 157%;
 }

 body.front.path-frontpage.context-home .col-lg-auto.ml-auto.d-lg-block.pr-lg-25px.pl-lg-0  {
    display:none !important;
 }
/* 
PRELOADING------------ */
  /* The Loader */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 311;
    overflow: hidden;
  }
  .no-js #loader-wrapper {
    display: none;
  }
  
  #loader {
    display: block;
    position: relative;
    left: 0%;
    top: 50%;
    right:0;
    width: 50px;
    height: 50px;
    margin: -75px auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9ABC35 ;
    -webkit-animation: spin 1.7s linear infinite;
            animation: spin 1.7s linear infinite;
    z-index: 311;
  }
  #loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9ABC35 ;
    -webkit-animation: spin-reverse .6s linear infinite;
            animation: spin-reverse .6s linear infinite;
  }
  #loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9ABC35;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spin-reverse {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(-360deg);
    }
  }
  @keyframes spin-reverse {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }
  #loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #FFF;
    z-index: 110;
  }
  
  #loader-wrapper .loader-section.section-left {
    left: 0;
  }
  
  #loader-wrapper .loader-section.section-right {
    right: 0;
  }
  
  /* Loaded styles */
  .loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  .loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  .loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  
  .loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
  }

 
  
 /*==Clear==*/

 .clear_both {
     clear: both;
 }
 
 .hero.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }
 
 body {
     font-family: 'Roboto', sans-serif;
     font-size: 14px;
     -webkit-text-size-adjust: none;
     -webkit-font-smoothing: antialiased;
     position: relative;
     color: #292c32;
 }
 
 body.popup-mode {
     overflow: hidden;
 }
 
 body.popup-mode .overlay-popup {
     opacity: 1;
     z-index: 11;
 }

 p {
     font-family: 'Roboto', sans-serif;
     font-size: 14px;
     color: #292c32;
 }
 
 a {
     font-family: 'Roboto', sans-serif;
     text-decoration: none;
     color: #0465AC;
 }
 
 a:hover,
 a:focus {
     text-decoration: none;
     outline: none;
 }
 
 button:focus {
     outline: none;
 }
 
 b,
 strong {
     font-family: 'Roboto', sans-serif;
 }
 
 small,
 .small {
     font-size: 1.1rem;
 }
 
 em {
     font-style: italic;
 }
 
 img {
     max-width: 100%;
     vertical-align: middle;
     height: auto;
 }
 
 ul,
 ol {
     list-style: none;
     padding-left: 0;
 }
 
 .home_logo .d_none_block {
     display: none;
 }
 
 .img-container {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .clearfix {
     *zoom: 1;
 }
 
 .clearfix:before,
 .clearfix:after {
     display: table;
     content: "";
     line-height: 0;
 }
 
 .clearfix:after {
     clear: both;
 }
 
 .no-margin {
     margin: 0 !important;
 }
 
 .no-padding {
     padding: 0 !important;
 }
 
 .no-border {
     border: 0 !important;
 }
 
 .no-margin-top {
     margin-top: 0 !important;
 }
 
 .no-margin-bottom {
     margin-bottom: 0 !important;
 }
 
 .no-padding-top {
     padding-top: 0 !important;
 }
 
 .no-padding-bottom {
     padding-bottom: 0 !important;
 }
 
 .no-top-border {
     border-top: 0 !important;
 }
 
 .no-btm-border {
     border-bottom: 0 !important;
 }
 
 .flex-center {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
 }

 /* padding and margin helpers */
 .pad-left-5,
 .pad-5 {
     padding-left: 5px !important;
 }
 
 .pad-right-5,
 .pad-5 {
     padding-right: 5px !important;
 }
 .pad-h-5 {
     padding-right: 5px !important;
     padding-left: 5px !important;
 }
 
 .pad-top-5,
 .pad-5 {
     padding-top: 5px !important;
 }
 
 .pad-bottom-5,
 .pad-5 {
     padding-bottom: 5px !important;
 }
 
 .pad-v-5 {
     padding-bottom: 5px !important;
     padding-top: 5px !important;
 }
 
 .mar-top-5,
 .mar-5 {
     margin-top: 5px !important;
 }
 
 .mar-bottom-5,
 .mar-5 {
     margin-bottom: 5px !important;
 }
 
 .mar-v-5 {
     margin-bottom: 5px !important;
     margin-top: 5px !important;
 }
 
 .mar-left-5,
 .mar-5 {
     margin-left: 5px !important;
 }
 
 .mar-right-5,
 .mar-5 {
     margin-right: 5px !important;
 }
 
 .mar-h-5 {
     margin-right: 5px !important;
     margin-left: 5px !important;
 }
 
 .pad-left-10,
 .pad-10 {
     padding-left: 10px !important;
 }
 
 .pad-right-10,
 .pad-10 {
     padding-right: 10px !important;
 }
 
 .pad-h-10 {
     padding-right: 10px !important;
     padding-left: 10px !important;
 }
 
 .pad-top-10,
 .pad-10 {
     padding-top: 10px !important;
 }
 
 .pad-bottom-10,
 .pad-10 {
     padding-bottom: 10px !important;
 }
 
 .pad-v-10 {
     padding-bottom: 10px !important;
     padding-top: 10px !important;
 }
 
 .mar-top-10,
 .mar-10 {
     margin-top: 10px !important;
 }
 
 .mar-bottom-10,
 .mar-10 {
     margin-bottom: 10px !important;
 }
 
 .mar-v-10 {
     margin-bottom: 10px !important;
     margin-top: 10px !important;
 }
 
 .mar-left-10,
 .mar-10 {
     margin-left: 10px !important;
 }
 
 .mar-right-10,
 .mar-10 {
     margin-right: 10px !important;
 }
 
 .mar-h-10 {
     margin-right: 10px !important;
     margin-left: 10px !important;
 }
 
 .pad-left-15,
 .pad-15 {
     padding-left: 15px !important;
 }
 
 .pad-right-15,
 .pad-15 {
     padding-right: 15px !important;
 }
 
 .pad-h-15 {
     padding-right: 15px !important;
     padding-left: 15px !important;
 }
 
 .pad-top-15,
 .pad-15 {
     padding-top: 15px !important;
 }
 
 .pad-bottom-15,
 .pad-15 {
     padding-bottom: 15px !important;
 }
 
 .pad-v-15 {
     padding-bottom: 15px !important;
     padding-top: 15px !important;
 }
 
 .mar-top-15,
 .mar-15 {
     margin-top: 15px !important;
 }
 
 .mar-bottom-15,
 .mar-15 {
     margin-bottom: 15px !important;
 }
 
 .mar-v-15 {
     margin-bottom: 15px !important;
     margin-top: 15px !important;
 }
 
 .mar-left-15,
 .mar-15 {
     margin-left: 15px !important;
 }
 
 .mar-right-15,
 .mar-15 {
     margin-right: 15px !important;
 }
 
 .mar-h-15 {
     margin-right: 15px !important;
     margin-left: 15px !important;
 }
 
 .pad-left-20,
 .pad-20 {
     padding-left: 20px !important;
 }
 
 .pad-right-20,
 .pad-20 {
     padding-right: 20px !important;
 }
 
 .pad-h-20 {
     padding-right: 20px !important;
     padding-left: 20px !important;
 }
 
 .pad-top-20,
 .pad-20 {
     padding-top: 20px !important;
 }
 
 .pad-bottom-20,
 .pad-20 {
     padding-bottom: 20px !important;
 }
 
 .pad-v-20 {
     padding-bottom: 20px !important;
     padding-top: 20px !important;
 }
 
 .mar-top-20,
 .mar-20 {
     margin-top: 20px !important;
 }
 
 .mar-bottom-20,
 .mar-20 {
     margin-bottom: 20px !important;
 }
 
 .mar-v-20 {
     margin-bottom: 20px !important;
     margin-top: 20px !important;
 }
 
 .mar-left-20,
 .mar-20 {
     margin-left: 20px !important;
 }
 
 .mar-right-20,
 .mar-20 {
     margin-right: 20px !important;
 }
 
 .mar-h-20 {
     margin-right: 20px !important;
     margin-left: 20px !important;
 }
 
 .pad-left-25,
 .pad-25 {
     padding-left: 25px !important;
 }
 
 .pad-right-25,
 .pad-25 {
     padding-right: 25px !important;
 }
 
 .pad-h-25 {
     padding-right: 25px !important;
     padding-left: 25px !important;
 }
 
 .pad-top-25,
 .pad-25 {
     padding-top: 25px !important;
 }
 
 .pad-bottom-25,
 .pad-25 {
     padding-bottom: 25px !important;
 }
 
 .pad-v-25 {
     padding-bottom: 25px !important;
     padding-top: 25px !important;
 }
 
 .mar-top-25,
 .mar-25 {
     margin-top: 25px !important;
 }
 
 .mar-bottom-25,
 .mar-25 {
     margin-bottom: 25px !important;
 }
 
 .mar-v-25 {
     margin-bottom: 25px !important;
     margin-top: 25px !important;
 }
 
 .mar-left-25,
 .mar-25 {
     margin-left: 25px !important;
 }
 
 .mar-right-25,
 .mar-25 {
     margin-right: 25px !important;
 }
 
 .mar-h-25 {
     margin-right: 25px !important;
     margin-left: 25px !important;
 }
 
 .pad-left-30,
 .pad-30 {
     padding-left: 30px !important;
 }
 
 .pad-right-30,
 .pad-30 {
     padding-right: 30px !important;
 }
 
 .pad-h-30 {
     padding-right: 30px !important;
     padding-left: 30px !important;
 }
 
 .pad-top-30,
 .pad-30 {
     padding-top: 30px !important;
 }
 
 .pad-bottom-30,
 .pad-30 {
     padding-bottom: 30px !important;
 }
 
 .pad-v-30 {
     padding-bottom: 30px !important;
     padding-top: 30px !important;
 }
 
 .mar-top-30,
 .mar-30 {
     margin-top: 30px !important;
 }
 
 .mar-bottom-30,
 .mar-30 {
     margin-bottom: 30px !important;
 }
 
 .mar-v-30 {
     margin-bottom: 30px !important;
     margin-top: 30px !important;
 }
 
 .mar-left-30,
 .mar-30 {
     margin-left: 30px !important;
 }
 
 .mar-right-30,
 .mar-30 {
     margin-right: 30px !important;
 }
 
 .mar-h-30 {
     margin-right: 30px !important;
     margin-left: 30px !important;
 }
 
 .pad-left-35,
 .pad-35 {
     padding-left: 35px !important;
 }
 
 .pad-right-35,
 .pad-35 {
     padding-right: 35px !important;
 }
 
 .pad-h-35 {
     padding-right: 35px !important;
     padding-left: 35px !important;
 }
 
 .pad-top-35,
 .pad-35 {
     padding-top: 35px !important;
 }
 
 .pad-bottom-35,
 .pad-35 {
     padding-bottom: 35px !important;
 }
 
 .pad-v-35 {
     padding-bottom: 35px !important;
     padding-top: 35px !important;
 }
 
 .mar-top-35,
 .mar-35 {
     margin-top: 35px !important;
 }
 
 .mar-bottom-35,
 .mar-35 {
     margin-bottom: 35px !important;
 }
 
 .mar-v-35 {
     margin-bottom: 35px !important;
     margin-top: 35px !important;
 }
 
 .mar-left-35,
 .mar-35 {
     margin-left: 35px !important;
 }
 
 .mar-right-35,
 .mar-35 {
     margin-right: 35px !important;
 }
 
 .mar-h-35 {
     margin-right: 35px !important;
     margin-left: 35px !important;
 }
 
 .pad-left-40,
 .pad-40 {
     padding-left: 40px !important;
 }
 
 .pad-right-40,
 .pad-40 {
     padding-right: 40px !important;
 }
 
 .pad-h-40 {
     padding-right: 40px !important;
     padding-left: 40px !important;
 }
 
 .pad-top-40,
 .pad-40 {
     padding-top: 40px !important;
 }
 
 .pad-bottom-40,
 .pad-40 {
     padding-bottom: 40px !important;
 }
 
 .pad-v-40 {
     padding-bottom: 40px !important;
     padding-top: 40px !important;
 }
 
 .mar-top-40,
 .mar-40 {
     margin-top: 40px !important;
 }
 
 .mar-bottom-40,
 .mar-40 {
     margin-bottom: 40px !important;
 }
 
 .mar-v-40 {
     margin-bottom: 40px !important;
     margin-top: 40px !important;
 }
 
 .mar-left-40,
 .mar-40 {
     margin-left: 40px !important;
 }
 
 .mar-right-40,
 .mar-40 {
     margin-right: 40px !important;
 }
 
 .mar-h-40 {
     margin-right: 40px !important;
     margin-left: 40px !important;
 }
 
 .pad-left-45,
 .pad-45 {
     padding-left: 45px !important;
 }
 
 .pad-right-45,
 .pad-45 {
     padding-right: 45px !important;
 }
 
 .pad-h-45 {
     padding-right: 45px !important;
     padding-left: 45px !important;
 }
 
 .pad-top-45,
 .pad-45 {
     padding-top: 45px !important;
 }
 
 .pad-bottom-45,
 .pad-45 {
     padding-bottom: 45px !important;
 }
 
 .pad-v-45 {
     padding-bottom: 45px !important;
     padding-top: 45px !important;
 }
 
 .mar-top-45,
 .mar-45 {
     margin-top: 45px !important;
 }
 
 .mar-bottom-45,
 .mar-45 {
     margin-bottom: 45px !important;
 }
 
 .mar-v-45 {
     margin-bottom: 45px !important;
     margin-top: 45px !important;
 }
 
 .mar-left-45,
 .mar-45 {
     margin-left: 45px !important;
 }
 
 .mar-right-45,
 .mar-45 {
     margin-right: 45px !important;
 }
 
 .mar-h-45 {
     margin-right: 45px !important;
     margin-left: 45px !important;
 }
 
 .pad-left-50,
 .pad-50 {
     padding-left: 50px !important;
 }
 
 .pad-right-50,
 .pad-50 {
     padding-right: 50px !important;
 }
 
 .pad-h-50 {
     padding-right: 50px !important;
     padding-left: 50px !important;
 }
 
 .pad-top-50,
 .pad-50 {
     padding-top: 50px !important;
 }
 
 .pad-bottom-50,
 .pad-50 {
     padding-bottom: 50px !important;
 }
 
 .pad-v-50 {
     padding-bottom: 50px !important;
     padding-top: 50px !important;
 }
 
 .mar-top-50,
 .mar-50 {
     margin-top: 50px !important;
 }
 
 .mar-bottom-50,
 .mar-50 {
     margin-bottom: 50px !important;
 }
 
 .mar-v-50 {
     margin-bottom: 50px !important;
     margin-top: 50px !important;
 }
 
 .mar-left-50,
 .mar-50 {
     margin-left: 50px !important;
 }
 
 .mar-right-50,
 .mar-50 {
     margin-right: 50px !important;
 }
 
 .mar-h-50 {
     margin-right: 50px !important;
     margin-left: 50px !important;
 }
 
 .pad-left-55,
 .pad-55 {
     padding-left: 55px !important;
 }
 
 .pad-right-55,
 .pad-55 {
     padding-right: 55px !important;
 }
 
 .pad-h-55 {
     padding-right: 55px !important;
     padding-left: 55px !important;
 }
 
 .pad-top-55,
 .pad-55 {
     padding-top: 55px !important;
 }
 
 .pad-bottom-55,
 .pad-55 {
     padding-bottom: 55px !important;
 }
 
 .pad-v-55 {
     padding-bottom: 55px !important;
     padding-top: 55px !important;
 }
 
 .mar-top-55,
 .mar-55 {
     margin-top: 55px !important;
 }
 
 .mar-bottom-55,
 .mar-55 {
     margin-bottom: 55px !important;
 }
 
 .mar-v-55 {
     margin-bottom: 55px !important;
     margin-top: 55px !important;
 }
 
 .mar-left-55,
 .mar-55 {
     margin-left: 55px !important;
 }
 
 .mar-right-55,
 .mar-55 {
     margin-right: 55px !important;
 }
 
 .mar-h-55 {
     margin-right: 55px !important;
     margin-left: 55px !important;
 }
 
 .pad-left-60,
 .pad-60 {
     padding-left: 60px !important;
 }
 
 .pad-right-60,
 .pad-60 {
     padding-right: 60px !important;
 }
 
 .pad-h-60 {
     padding-right: 60px !important;
     padding-left: 60px !important;
 }
 
 .pad-top-60,
 .pad-60 {
     padding-top: 60px !important;
 }
 
 .pad-bottom-60,
 .pad-60 {
     padding-bottom: 60px !important;
 }
 
 .pad-v-60 {
     padding-bottom: 60px !important;
     padding-top: 60px !important;
 }
 
 .mar-top-60,
 .mar-60 {
     margin-top: 60px !important;
 }
 
 .mar-bottom-60,
 .mar-60 {
     margin-bottom: 60px !important;
 }
 
 .mar-v-60 {
     margin-bottom: 60px !important;
     margin-top: 60px !important;
 }
 
 .mar-left-60,
 .mar-60 {
     margin-left: 60px !important;
 }
 
 .mar-right-60,
 .mar-60 {
     margin-right: 60px !important;
 }
 
 .mar-h-60 {
     margin-right: 60px !important;
     margin-left: 60px !important;
 }
 
 .c-row:after {
     display: table;
     content: " ";
     clear: both;
 }
 
 .z1 {
     z-index: 1;
 }
 
 .z--1 {
     z-index: -1;
 }
 
 .z2 {
     z-index: 2;
 }
 
 .z3 {
     z-index: 3;
 }
 
 img.fit {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }
 
 img.fit.contain {
     -o-object-fit: contain;
     object-fit: contain;
 }
 
 .flex-1 {
     -ms-flex: 1;
     flex: 1;
 }
 
 .relative {
     position: relative;
 }
 
 input[type=text],
 input[type=number],
 input[type=email] {
     outline: 0;
 }
 
 .bg-blue {
     background-color: #001f7c;
 }
 
 .bg-black {
     background-color: #000000;
 }
 
 .bg-white {
     background-color: #ffffff;
 }
 
 .bg-f9f9f9 {
     background-color: #f9f9f9;
 }
 
 .bg-7c8da9 {
     background-color: #7c8da9;
 }
 
 .h-75 {
     height: 75% !important;
 }
 
 .h64 {
     height: 64px;
 }
 
 .pl-6 {
     padding-left: 6rem !important;
 }
 
 #block-quisommesnous + .pl-6 {
     padding-left: 3.5rem !important;
 }
 
 .pt-2px {
     padding-top: 2px !important;
 }
 
 .pl-24px {
     padding-left: 24px !important;
 }
 
 .pl-8px {
     padding-left: 8px !important;
 }
 
 .mx--4 {
     margin-left: -1.5rem !important;
     margin-right: -1.5rem !important;
 }
 
 .radius-8 {
     border-radius: 8px !important;
 }
 
 .hover-underline:hover {
     text-decoration: underline;
 }
 
 .overflow-x-auto {
     overflow-x: auto;
 }
 /* ------------------ */
 /* == Typography      */
 /* ------------------ */
 
 @font-face {
     font-family: 'LemonMilk';
     src: url("../fonts/LemonMilk.woff2") format("woff2"), url("../fonts/LemonMilk.woff") format("woff");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gotham-Book';
     src: url("../fonts/gotham/Gotham-Book.woff2") format("woff2"), url("../fonts/gotham/Gotham-Book.woff") format("woff");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gotham-Bold';
     src: url("../fonts/gotham/Gotham-Bold.woff2") format("woff2"), url("../fonts/gotham/Gotham-Bold.woff") format("woff");
     font-weight: bold;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gotham-Medium';
     src: url("../fonts/gotham/Gotham-Medium.woff2") format("woff2"), url("../fonts/gotham/Gotham-Medium.woff") format("woff");
     font-weight: 500;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gotham-Light';
     src: url("../fonts/gotham/Gotham-Light.woff2") format("woff2"), url("../fonts/gotham/Gotham-Light.woff") format("woff");
     font-weight: 300;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gotham-XLight';
     src: url("../fonts/gotham/Gotham-ExtraLight.woff2") format("woff2"), url("../fonts/gotham/Gotham-ExtraLight.woff") format("woff");
     font-weight: 200;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gotham-Black';
     src: url("../fonts/gotham/Gotham-Black.woff2") format("woff2"), url("../fonts/gotham/Gotham-Black.woff") format("woff");
     font-weight: 900;
     font-style: normal;
 }
 
 h2,
 h3,
 h4 {
     font-family: 'Roboto', sans-serif;
 }
 
 .fs0 {
     font-size: 0rem;
 }
 
 .fs4 {
     font-size: 0.4rem;
 }
 
 .fs11 {
     font-size: 1.1rem;
 }
 
 .fs12 {
     font-size: 1.2rem;
 }
 
 .fs13 {
     font-size: 1.3rem;
 }
 
 .fs14 {
     font-size: 1.4rem;
 }
 
 .fs15 {
     font-size: 1.5rem;
 }
 
 .fs16 {
     font-size: 1.6rem;
 }
 
 .fs18 {
     font-size: 1.8rem;
 }
 
 .fs20 {
     font-size: 2rem;
 }
 
 .fs22 {
     font-size: 2.2rem;
 }
 
 .fs23 {
     font-size: 2.3rem;
 }
 
 .fs24 {
     font-size: 2.4rem;
 }
 
 .fs26 {
     font-size: 2.6rem;
 }
 
 .fs30 {
     font-size: 3rem;
 }
 
 .fs32 {
     font-size: 3.2rem;
 }
 
 .fs36 {
     font-size: 3.6rem;
 }
 
 .fs40 {
     font-size: 4rem !important;
 }
 
 .justify {
     text-align: justify !important;
 }
 
 .mt--1 {
     margin-top: -10px;
 }
 
 .mt--2 {
     margin-top: -20px;
 }
 
 .mt--3 {
     margin-top: -30px;
 }
 
 .mt-6 {
     margin-top: 60px;
 }
 
 .mt-7 {
     margin-top: 70px;
 }
 
 .mb-6 {
     margin-bottom: 60px;
 }
 
 .mb-7 {
     margin-bottom: 70px;
 }
 
 .pr-1 {
     padding-right: 10px;
 }
 
 .pr-2 {
     padding-right: 20px;
 }
 
 .pr-3 {
     padding-right: 30px;
 }
 
 .pr-4 {
     padding-right: 40px;
 }
 
 .pt_70 {
     padding-top: 70px;
 }
 
 .pt_25 {
     padding-top: 25px;
 }
 
 .pb_20 {
     padding-bottom: 20px;
 }
 .pb_88 {
    padding-bottom:88px;
}
 
 .pb_15 {
     padding-bottom: 15px;
 }
 
 .pb-6 {
     padding-bottom: 60px;
 }
 
 .uppercase {
     text-transform: uppercase;
 }

 .palma_message .uppercase {
    display: inline-block;
}
 
 .capitalize {
     text-transform: capitalize;
 }
 
 .text.black {
     color: #292c32;
 }
 
 .text.black-dark {
     color: #000000;
 }
 
 .text.black-2 {
     color: #191b23;
 }
 
 .text.white {
     color: #ffffff;
 }
 
 .text.blue {
     color: #001f7c;
 }
 
 .text.green {
     color: #00c300;
 }
 
 .text.blue-dark {
     color: #023150;
 }
 
 .text.blue-dark__2 {
     color: #2f405b;
 }
 
 .text.blue-light {
     color: #1953ff;
 }
 
 .text.grey {
     color: #676c75;
 }
 
 .text.grey2 {
     color: #797c81;
 }
 
 .text.grey3 {
     color: #717588;
 }
 
 .text.grey-light {
     color: #99a3bf;
 }
 
 .text.red {
     color: #ff6d6e;
 }
 
 .text.normal {
     font-family: 'Roboto', sans-serif;
 }
 
 .text.semi-bold {
     font-family: 'Roboto', sans-serif;
 }
 
 .text.bold {
     font-family: 'Roboto', sans-serif;
 }
 
 .text.bolder {
     font-family: "Gotham-Black";
 }
 
 .text.light {
     font-family: "Gotham-Light";
 }
 
 .text.lato {
     font-family: "Lato", sans-serif;
 }
 
 .text.lato.bold {
     font-weight: 700;
 }
 
 .text.lemon {
     font-family: "LemonMilk";
 }
 
 .py-24 {
     padding-top: 24px !important;
     padding-bottom: 24px !important;
 }
 
 .py-20 {
     padding-top: 20px !important;
     padding-bottom: 20px !important;
 }
 
 .pt-24 {
     padding-top: 24px !important;
 }
 
 .pb-32px {
     padding-bottom: 32px !important;
 }
 
 .mt-24 {
     margin-top: 24px !important;
 }
 
 .line-height-24 {
     line-height: 2.4rem;
 }
 
 .animated {
     animation-duration: .5s;
     animation-fill-mode: both;
 }
 
 @keyframes slideInDown {
     from {
         transform: translate3d(0, -100%, 0);
         visibility: visible;
     }
     to {
         transform: translate3d(0, 0, 0);
     }
 }
 
 @keyframes slideOutUp {
     from {
         transform: translate3d(0, 0, 0);
     }
     to {
         visibility: hidden;
         transform: translate3d(0, -100%, 0);
     }
 }
 
 @keyframes slideInLeft {
     from {
         transform: translate3d(-100%, 0, 0);
         visibility: visible;
     }
     to {
         transform: translate3d(0, 0, 0);
     }
 }
 
 .hidden {
     display: none !important;
 }
 
 .header {
     background-color: #ffffff;
     padding: 4px 0 5px;
     border-bottom: 1px solid #dcdcdc;
     transition: 0.3s all ease;
 }
 
 .menu_wallet {
     height: 33px;
     border-radius: 25.5px;
     background-color: #fff;
     padding: 3px 7px 0px 14px;
     border: 1px solid #eee;
     line-height:25px;
 }
 
 .header__account {
     color: #535557;
     display: block;
 }
 
 .header__account_plus {
     float: right;
     padding:0.3px;
     margin: 2px 0px 0px 3px;
 }
 
 .header__account img:not(.default) {}
 /*logo-main-site*/
 
 header .home_logo {
     height: 42px;
     width: 130px;
 }
 
 .header__account.connected img.default {
     display: none;
 }
 
 .header__account.connected img.connected {
     display: inline-block !important;
 }
 
 .header__account.connected:hover img.connected,
 .header__account.connected:hover img.hover {
     display: none !important;
 }
 
 .header__account.connected:hover img.connected-hover {
     display: inline-block !important;
 }
 
 .header__account:hover .header__account-text,
 .header__account:focus .header__account-text {
     color: #292c32;
 }
 
 .header__account:hover img.hover,
 .header__account:focus img.hover {
     display: inline-block !important;
 }
 
 .header__search img:not(.default) {
     display: none;
 }
 
 .header__search:hover img:not(.hover),
 .header__search:focus img:not(.hover) {
     display: none !important;
 }
 
 .header__search:hover img.hover,
 .header__search:focus img.hover {
     display: inline-block !important;
 }
 
 .header__account-text {
     font-family: 'Roboto', sans-serif;
     position: relative;
     top: 2px;
 }
 
 .hero {
     position: relative;
     width: 100%;
     height: 945px;
 }
 
 .justify_content {
     justify-content: space-between
 }
 
 .main {
     width: 69%;
     margin: 50px auto;
 }
 /* Bootstrap 4 text input with search icon */
 
 .main .has-search .form-control {
     padding-left: 2.375rem;
 }
 
 .main .main__now {
     color: #FFFFFF;
     font-family: 'Roboto', sans-serif;
     font-size: 30px;
     letter-spacing: -0.29px;
     line-height: 35px;
     text-align: center;
     margin-bottom: 26px;
 }
 
 .main_wrapper .content_interne form#views-exposed-form-kiosque-page-1 .js-form-item.form-item.js-form-type-textfield.form-item-search.js-form-item-search,
 .main_wrapper .content_interne form#views-exposed-form-kiosque-page-1 #edit-actions {
     display: none;
 }
 
 .js-form-item.form-item.js-form-type-textfield.form-item-search.js-form-item-search label {
     text-align: center;
     display: block;
     color: #ffff;
     color: #FFFFFF;
     font-family: 'Roboto', sans-serif;
     font-size: 30px;
     letter-spacing: -0.29px;
     line-height: 35px;
     text-align: center;
     margin-bottom: 26px;
     text-shadow: 1px 1px 1px #333;
 }
 /*====/Search/===**/
 form#views-exposed-form-kiosque-recherche-page-1,
 form#views-exposed-form-kiosque-page-1 {
     width: 100%;
     clear: both;
 }
 form#views-exposed-form-kiosque-recherche-page-1 .js-form-item.form-item.js-form-type-textfield.form-item-search.js-form-item-search,
 form#views-exposed-form-kiosque-page-1 .js-form-item.form-item.js-form-type-textfield.form-item-search.js-form-item-search {
     display: contents;
 }
 form#views-exposed-form-kiosque-recherche-page-1 .flaticon-search:before,
 form#views-exposed-form-kiosque-page-1 .flaticon-search:before {
     color: white;
     margin: 0 auto;
     line-height: 3;
 }
 
 .js-form-item.form-item.js-form-type-select.form-item-genre.js-form-item-genre {
     position: absolute;
     top: -60px;
     right: 0;
 }
 form#views-exposed-form-kiosque-recherche-page-1 .input-group-append,
 form#views-exposed-form-kiosque-page-1 .input-group-append {
     margin-left: -1px;
     width: 12%;
 }
 
 form#views-exposed-form-kiosque-recherche-page-1 #edit-submit-kiosque-recherche,
 form#views-exposed-form-kiosque-page-1 button#edit-submit-kiosque {
     height: 64px;
     margin: 0;
     width: 100px;
     float: left;
     display: inline-block;
     border-radius: 34px;
     background-color: #9ABC35;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border: 1px solid transparent;
 }
 form#views-exposed-form-kiosque-recherche-page-1 input#edit-search ,
 form#views-exposed-form-kiosque-page-1 input#edit-search {
     display: block;
     width: 88%;
     border-bottom-left-radius:34px !important;
     border-top-left-radius: 34px !important;
     border-radius:0;
     float: left;
     height: 64px;
     margin:0;
 }

 form#views-exposed-form-kiosque-recherche-page-1 #edit-actions,
 form#views-exposed-form-kiosque-page-1 #edit-actions {
     width: auto;
     display: contents;
     float: right;
     overflow: hidden;
     width: 12%;
 }
 
 .slider-bottom-two .main .has-search {
     z-index: 2;
     display: block;
     height: 64px;
     text-align: left;
     color: #A2A2A2;
     font-family: 'Roboto', sans-serif;
     font-size: 18px;
     letter-spacing: -0.17px;
     line-height: 21px;
     padding: 0 42px;
     height: 64px;
     margin: 0;
     border: 0px solid transparent;
     border-top-left-radius: 34px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 34px;
 }
 
 .slider-bottom-two .main .has-search.form-control:focus {
     color: #A2A2A2;
     background-color: #fff;
     border-color: #fff;
     box-shadow: none;
 }
 
 .main .btn_secondary {
     border-radius: 34px;
     background-color: #9ABC35;
 }
 
 .hero.preference {
     height: 400px;
     padding-bottom: 70px;
 }
 
 .slider-bottom-panel-two {
     width: 100%;
     position: absolute;
     top:42em;
     z-index: 10;
 }
 
 .slider-bottom-panel-two .slider-bottom-two a .camarchce_item_img {
     background-image: url('../img/arrow_bottom.svg');
     background-position: center;
     background-repeat: no-repeat;
     height: 62px;
     position: relative;
     top: 65px;
 }
 
 .hero.referral {
     height: 370px;
 }
 
 .hero__background {
     position: absolute;
     left: 0;
     top: 0;
     -o-object-position: bottom;
     object-position: bottom;
 }
 
 .hero__title {
     font-family: "Gotham-XLight";
     margin-bottom: 45px;
     font-size: 2.4rem;
     line-height: 1.4em;
 }
 
 footer.footer {
     background-color: #33333A;
     clear: both;
     overflow: hidden;
 }
 
 #back_top {
     position: fixed;
     bottom: 127px;
     right: 69px;
     background: #9ABC35;
     width: 80px;
     height: 40px;
     display: none;
     text-decoration: none;
     border-radius: 50px;
     display: none;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 10;
     border: 1px solid #fff;
 }
 
 #back_top i {
     color: #fff;
     margin: 0;
     position: relative;
     left: 40%;
     top: 14%;
     font-size: 25px;
     font-weight: bold;
 }
 
 .responsive-map-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
     width: 100%
 }
 
 .responsive-map-container iframe,
 .responsive-map-container object,
 .responsive-map-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 

 

 
 .footer__menu-title {
     position: relative;
     color: #fff;
     font-size: 18px;
 }
 
 .footer__title-icon {
     width: 24px;
     height: 24px;
     position: absolute;
     right: 0;
     top: 1.4rem;
     cursor: pointer;
     transition: 0.5s all ease;
 }
 
  
 
 .footer__conatact_adresse {
     color: #fff;
     font-size: 14px;
 }
 
 .footer__menu-link {
     color: #fff;
     font-size: 14px;
 }
 
 .footer__menu-link:hover {
     color: #9ABC35;
 }
 span.footer__menu-link:hover {
    color: #fff;
}
 
 .footer__top {
     background-color: #fff;
 }
 
 .footer__bottom {
     padding: 15px 0;
     background-color: #33333A;
     text-align: center;
 }
 
 .col-lg-6.order-lg-first.text-center.text-lg-left .footer__copyright {
     width: 131px;
     display: block;
 }
 
 .footer__copyright,
 .footer__copyright p {
     font-size: 14px;
     color: #fff;
 }
 
 .footer .pt_36 {
     padding-top: 36px;
 }
 
 .footer__social-link {
     display: inline-block;
     margin: 0 5px;
     transition: 0.3s all ease;
 }
 
 .footer__social-link:hover {
     transform: rotate(-360deg);
 }
 
 .footer__menu-item {
     line-height: 1.8em;
 }
 
 .footer__menu-list li:last-child a.myclass {
     position: relative;
 }
 
 footer ul.footer__menu-list li:last-child .myclass:after {
     background-image: url('../img/cartebank.png');
     background-position: center;
     background-repeat: no-repeat;
     height: 65px;
     position: absolute;
     display: block;
     content: '';
     z-index: 5;
     width: 165px;
 }
 
 .block-search {
     padding: 10px 0 9px;
     background-color: #ffffff;
     border-bottom: 1px solid #dcdcdc;
 }

 .block-search__form {
     position: relative;
     border: 4px solid #ffffff;
     border-radius: 3px;
     background-color: #f6f6f6;
     box-shadow: 0 0 1px #bbb;
     width: 100%;
     height: 44px;
     padding-left: 45px;
 }
 
 .block-search__form-input {
     font-size: 1.3rem;
     color: #292c32;
     border: none;
     width: 100%;
     height: 100%;
     background-color: #f6f6f6;
 }
 
 .block-search__form-input:-ms-input-placeholder {
     /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #676c75;
     opacity: 1;
     /* Firefox */
 }
 
 .block-search__form-input::placeholder {
     /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #676c75;
     opacity: 1;
     /* Firefox */
 }
 
 .block-search__form-input:-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: #676c75;
 }
 
 .block-search__form-input::-ms-input-placeholder {
     /* Microsoft Edge */
     color: #676c75;
 }
 
 .block-search__form-location-icon {
     position: absolute;
     left: 2px;
     top: 1px;
 }
 
 .profile_header:hover .profile_header_icon.hover,
 .profile_header:focus .profile_header_icon.hover {
     display: block;
 }
 
 .profile_header:hover .profile_header_icon.default,
 .profile_header:focus .profile_header_icon.default {
     display: none;
 }
 
 .profile_header_icon:not(.default) {
     display: none;
 }
 
 .profile_header_icon {
     margin-right: 5px;
 }
 
 .profile_header-number {
     font-family: 'Roboto', sans-serif;
     background-color: #292c32;
     font-size: 1.3rem;
     color: #ffffff;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
 }
 
 .block-search__basket:hover .block-search__basket-icon.hover,
 .block-search__basket:focus .block-search__basket-icon.hover {
     display: block;
 }
 
 .block-search__basket:hover .block-search__basket-icon.default,
 .block-search__basket:focus .block-search__basket-icon.default {
     display: none;
 }
 
 .block-search__basket-icon {
     margin-right: 5px;
     height: 32px;
 }
 
 .block-search__basket-icon:not(.default) {
     display: none;
 }
 
 .block-search__basket-price {
     color: #292c32;
 }
 
 .menu {
     /* position: relative; */
     background-color: transparent;
     z-index:750;
 }
 
 a.menu__item.uppercase.is-active {
    /* : color: #33333A; */
     font-weight: 500;
     color: #9ABC35 !important;
 }
   a.menu__item:hover,
   a.menu__item:active,
   a.menu__item:focus {
    color:#9ABC35 !important;
   }
 
    /* #block-palma-main-menu label {
        display: none;
    }*/
    
    #block-palma-main-menu #openMenu {
        display: none;
    }
  
 div#block-palma-account-menu {
     position: relative;
     width: 20px;
     height: 25px;
     padding: 5px;
     content: '';
     margin: 0 0 0 7px;
 }
 
 div#block-palma-account-menu > a {
     font-size: 0px;
     content: '.';
     padding: 1px;
 }
 
 div#block-palma-account-menu > a:after {
     background-image: url('../img/header/profile.svg');
     background-position: center;
     background-repeat: no-repeat;
     height: 27px;
     position: absolute;
     display: inline-block;
     content: '';
     z-index: 5;
     width: 32px;
     top: 0px;
     right: 0;
 }
 /* Nav Menu Essentials*/
 
 div#block-palma-account-menu ul ul li a {
     content: inherit !important;
     font-size: 12px !important;
     font-family: 'Roboto', sans-serif;
 }
 
 div#block-palma-account-menu > a:before {
     /*padding-bottom:0px;
    content: '';
    display: inline;
    width: 66px;
    border: 7px solid;
    position: absolute;
    top: 0;
    opacity: 0;
    left: -32px;*/
     padding-bottom: 0px;
     content: '';
     height: 44px;
     width: 50px;
     border: 7px solid;
     position: absolute;
     top: -12px;
     opacity: 0;
     left: -25px;
     margin: 5px;
 }
 
 .list-unstyled{
    margin-bottom:0;
}

#contact-message-feedback-form .form-group {
    float: left;
    margin-bottom: 20px;
}
  .user-logged-in div#block-palma-account-menu > a:after {
     top: 7px !important;
 }
 
 div#block-palma-account-menu ul > li > ul > li > a:after {
     background-image: none !important;
     content: normal;
 }
 
 ul#has_children ul {
     position: absolute;
     display: none;
     top: 218%;
     right:0;
     z-index: 99;
 }
 
 ul#has_children li {
     position: initial;
     white-space: nowrap;
 }
 
 ul#has_children li:hover > ul,
 ul#has_children li.sfHover > ul {
     display: block;
 }
 
 ul#has_children ul ul {
     top: 0;
     left: 100%;
 }
 
 ul#has_children ul li {
     min-width: 105px;
 }
 /* Nav Menu Arrows  */
 
 .sf-arrows .sf-with-ul {
     padding-right: 30px;
 }
 
 .sf-arrows .sf-with-ul:after {
     content: "\f107";
     position: absolute;
     right: 15px;
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
 }
 
 .sf-arrows ul .sf-with-ul:after {
     content: "\f105";
 }
 /* Nav Meu Styling */
 
 ul#has_children a {
     padding: 0 8px 10px 8px;
     text-decoration: none;
     display: inline-block;
     color: #fff;
     font-weight: 700;
     font-size: 13px;
     text-transform: uppercase;
     outline: none;
 }
 
 ul#has_children ul li:hover > a {
     color: #9ABC35;
 }
 
 ul#has_children > li {
     margin-left: 10px;
 }
 
 ul#has_children ul {
     margin: -1.52px 0 0 0;
     padding: 10px;
     box-shadow: 0px 0px 30px rgba(98, 98, 98, 0.1);
     background: #fff;
 }
 
 ul#has_children ul li {
     transition: 0.3s;
 }
 
 ul#has_children ul li a {
     padding: 6px 8px 5px;
     color: #333;
     transition: 0.3s;
     display: block;
     font-size: 13px;
     text-transform: none;
 }
 
 ul#has_children ul li:hover > a {
     color: #9ABC35;
 }
 
 ul#has_children ul ul {
     margin: 0;
 }
 
 div#block-palma-account-menu ul#has_children a.user_in {
     font-size: 0px;
     content: '.';
 }
 
 div#block-palma-account-menu ul#has_children a.user_in:before {
     padding-bottom: 34px;
     content: '';
     display: inline;
     width:66px;
     border: 10px solid;
     position: absolute;
     top:9px;
     opacity: 0;
     left: -32px;
 }
 
 div#block-palma-account-menu ul#has_children a.user_in:after {
     background-image: url(../img/header/profile.svg);
     background-position: center;
     background-repeat: no-repeat;
     height: 27px;
     position: absolute;
     display: inline-block;
     content: '';
     z-index: 5;
     width: 32px;
     top: -1px;
     right: 0;
 }


 /*

body.user_isAnonymous #block-palma-account-menu ul#has_children  {
  display:none;
}

body.user_logged_in #block-palma-account-menu > a.account-login {
  display:none;
}

 =======end===submenu======== */

 
 .menu__item {
     font-family: 'Roboto', sans-serif;
     color: #33333A;
     display: inline-block;
     padding: 0 21.5px 0 0;
     margin: 0;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 41px;
 }
 
 .menu__item:hover {
     color: #33333A;
 }
 
 .menu__item:active,
 .menu__item_active {
     color: #33333A;
     font-weight: bold;
 }
 
 .ntainer img {
     max-width: 100%;
     width: 100%;
 }
 
 .ntainer .item {
     display: block;
     margin: 15px 0;
 }
 
 .ntainer .well {
     background-color: #bada55;
     border: none;
     box-shadow: 0 20px 80px #888;
 }
 
 .ntainer .well h2 {
     font-weight: 700;
 }
 
 .category__title {
     font-size: 2.4rem;
     font-family: 'Roboto', sans-serif;
     margin-bottom: 50px;
 }
 
 .populaire {
     padding: 27px 0 35px;
     clear: both;
     overflow: hidden;
 }
 
 .populaire.populaire_archive {
     overflow: hidden;
     clear: both;
 }
 
 .populaire.populaire_archive .populaire__title {
     margin: initial;
     font-family: Helvetica, sans-serif;
     clear: both;
     overflow: hidden;
     margin-bottom: 45px;
 }
 
  #main_archiver {
     text-align:left;
  } 
 
 h2#block-numero-block-archive {
     margin-bottom: 45px;
     position: relative;
     padding: 0 11px 0 15px;
     clear: both;
     overflow: hidden;
     display: inline-block;
     font-family: Helvetica, sans-serif;
     font-size: 42px;
     min-height: 100%;
 }
 
 h2#block-numero-block-archive:after {
     content: '';
     border-left: 3px solid #9ABC35;
     position: absolute;
     height: 80%;
     right: 0;
     top: 4px;
 }
 
 h2#block-numero-block-archive:before {
     content: '';
     border-right: 3px solid #9ABC35;
     position: absolute;
     height: 80%;
     left: 0;
     top: 4px;
 }
 
 .populaire .populaire__title:after,
 .main_container .populaire__title:after {
     content: '';
     border-left: 3px solid #9ABC35;
     position: absolute;
     height: 80%;
     right: 0;
     top: 4px;
 }
 
 .populaire .populaire__title:before,
 .main_container .populaire__title:before {
     content: '';
     border-right: 3px solid #9ABC35;
     position: absolute;
     height: 80%;
     left: 0;
     top: 4px;
 }
 
 .populaire .populaire__title {
     padding: 0 26px;
     clear: both;
     overflow: hidden;
     margin: 0 auto;
     display: table;
     margin-bottom: 37px;
     position: relative;
 }
 
 .main_container .populaire__title {
     position: relative;
     padding: 0 11px 0 15px;
     margin: 30px 0 0px 0;
     clear: both;
     overflow: hidden;
     display: inline-block;
     font-family: Helvetica, sans-serif;
     font-size: 42px;
     text-transform: uppercase;
 }
 
 /* .content_title_page {
     padding-top: 47px;
 } */

 .content_interne.container #block-contact h2,
 .path-contact .content_interne.container h2 {
     margin:15px auto;
     display:table;   
     margin-bottom: 55px;
  } 

 #block-contact h2,
 .path-contact .content_interne.container h2,
 .populaire__title h1 {
     position: relative;
     padding: 0 11px 0 15px;
     clear: both;
     overflow: hidden;
     display: inline-block;
     font-family: Helvetica, sans-serif;
     font-size: 42px;
     min-height: 100%;
     text-transform: uppercase;
 }
 #block-contact h2:after,
 .path-contact .content_interne.container h2:after,
 .populaire__title h1:after {
     content: '';
     border-left: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     right: 0;
     top: 5px;
 }
 #block-contact h2:before,
 .path-contact .content_interne.container h2:before,
 .populaire__title h1:before {
     content: '';
     border-right: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     left: 0;
     top: 5px;
 }

 #block-textepagecontact {
    text-align: center;
 }
 #block-textepagecontact .content {
    text-align: left;
 }

 #block-contact .item__contenu {
    width: 53%;
}

 #block-contact .source_title {
    font-size: 19px;
    margin: 20px 0 10px;
    font-weight: normal;
    line-height: 1;
    clear: both;
    overflow: hidden;
    display: inline-block;
    text-transform: initial;
}
 div#quicktabs-home_page .quicktabs-tabs li a,
 .populaire .controls a button {
     color: #80818A;
     background-color: transparent;
     font-family: Helvetica;
     font-size: 16px;
     line-height: 19px;
     padding: 21px 26px;
     float: left;
     border: 0px solid #fff;
 }
 
 div#quicktabs-home_page {
     min-height: 400px;
     overflow: hidden;
     clear: both;
 }
 
 .js-form-item-sort-by label {
     display: none;
 }
 
 .views-element-container .js-form-item.form-item.js-form-type-select.form-item-genre.js-form-item-genre label {
     display: none;
 }
 
 .views-element-container select,
 .block-views-exposed-filter-blockkiosque-page-1 select {
     font-family: 'Roboto', sans-serif;
     border-radius: 0;
     background-color: transparent;
     border: 0px solid transparent;
 }
 
 .views-element-container header {
     position: relative;
     bottom: 60px;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 20px;
     font-family: Roboto, sans-serif;
     color: #9BA2A7;
 }
 
 select#edit-sort-by {
     position: relative;
     bottom: 43px;
     width: 15%;
     z-index: 4;
     display: none;
 }
 
 #views-exposed-form-kiosque-page-1 .block-views-exposed-filter-blockkiosque-page-1 select {
     width: 15%;
 }
 
 .block-views-exposed-filter-blockkiosque-page-1 select,
 .views-element-container select {
     width: 100%;
     padding: .4em;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     box-shadow: none;
     color: #9BA2A7;
 }
 
 /*--- Select for homepage -Genre  -*/
 form#views-exposed-form-editeurstatistic-abonnement-block-1 select, 
 form#views-exposed-form-editeurstatistic-ventre-block-1 select,
 form#views-exposed-form-statistic-abonnement-block-1 select,
 form#views-exposed-form-statistic-block-1 select,
 div#quicktabs-mabibliotheque .views-element-container .js-form-item.form-item.js-form-type-select select,
 section#block-palma-quicktabshomepage .views-element-container select#edit-genre {
     font-size: 16px;
     font-family: Helvetica, sans-serif;
     background-image: url(../img/genre.jpg);
     background-repeat: no-repeat;
     background-position: right 40%;
     padding-right: 14px;
 }

 
 /*list-kiosque_content*/
    #src_view .view.view-numero,
    #kiosque_content .view.view-kiosque  {
       width:100%;
    }    
    
    /* classification par page source */

    .journal-revue.full.clearfix.container {
        display: none;
    }

    #src_view .views-element .views-row {
        padding: 0 15px;
        display: flex;
        margin:0;
    }
    
    #src_view .views-element .views-infinite-scroll-content-wrapper.clearfix{
        display: -ms-flexbox;
        display: flex;
        margin-right: -15px;
        margin-left: -15px;
        width: 100%;
        flex-wrap: wrap;
    }

    #kiosque_content .views-element-container .views-row {
        padding: 0 15px;
        display: flex;
    }
    #kiosque_content .views-infinite-scroll-content-wrapper.clearfix,
    .view-kiosque > .view-header + .view-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    #kiosque_content .view-kiosque-recherche .views-infinite-scroll-content-wrapper.clearfix {
        padding-left: 40px;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    #kiosque_content .view-kiosque-recherche .views-infinite-scroll-content-wrapper.clearfix .views-row {
        width: 33%;
        margin: 0;
    }

    #kiosque_content .views-element-container header {
        padding-left: 13px;
    }
    
    .item_populaire:hover .item__media {
        opacity: 0.2;
        background: #f7f8fc;
    }
    
    #kiosque_content .block-views-exposed-filter-blockkiosque-page-1 select,
    #kiosque_content .views-element-container select {
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        -ms-appearance: menulist;
        -o-appearance: menulist;
        appearance: menulist;
    }
    
    .block-views-exposed-filter-blockkiosque-page-1 select:focus,
    .views-element-container select:focus {
        outline: none;
        background-color: transparent;
        border-color: transparent;
    }
    
    .views-row {
        width: 100%;
    }
    
    #block-palma-quicktabshomepage .views-row:first-child {
        margin-left: 0;
    }

  
#block-palma-quicktabshomepage  .view-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#block-palma-quicktabshomepage .main_item_biblio{
   width:100%;
}

#block-palma-quicktabshomepage .views-row {
    display: flex;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}
 
 #block-palma-quicktabshomepage .views-row .item_populaire {
     position: relative;
     width: 100%;
     float: none;
     margin-right: 0;
 }
 
 form#views-exposed-form-home-page-block-1 div#edit-actions {
     background: transparent;
 }
 
 .populaire .controls a button.active,
  div#quicktabs-home_page ul.quicktabs-tabs li.active a {
     background-color: white;
     border-bottom: 2px solid #9ABC35;
     color: #9ABC35;
 }
 
 div#quicktabs-home_page ul.quicktabs-tabs {
     clear: both;
     position: relative;
     overflow: hidden;
     width: 100%;
     border-bottom: 1px solid #DFDFDF;
 }
 
 div#edit-actions--WegeTvoEq4E {
     position: relative;
     float: right;
     bottom: 50px;
     z-index: 100;
 }
 
 .populaire .controls {
     width: 100%;
     border-bottom: 1px solid #DFDFDF;
 }
 
 #main_archiver .views-row {
     width: 24%;
     display: inline-block;
     margin-left: 1%;
 }
 
 #main_archiver .views-row:last-child {
     margin-right: 0;
 }
 
 #main_archiver .views-row:first-child {
     margin-left: 0;
 }
 
 #main_archiver .views-row .item__media img,
 .populaire .item__media img {
     box-shadow: -5px 1px 8px -2px rgba(0, 0, 0, 0.75);
     -webkit-box-shadow: -5px 1px 8px -2px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: -5px 1px 8px -2px rgba(0, 0, 0, 0.75);
 }
 
 #main_archiver .views-row .element__lien,
 .populaire .element__lien,
 .views-element-container .element__lien {
     transition: 0.3s all ease;
 }
 
 #main_archiver .views-row .populaire__content,
 .populaire .populaire__content,
 .views-element-container .populaire__content {
     font-family: 'Roboto', sans-serif;
     text-align: center;
 }
 
 .populaire__content span {
     display: block;
 }
 
 #main_archiver .views-row .populaire__content span.mag__item:nth-child(1),
 .populaire .populaire__content span.mag__item:nth-child(1) {
     opacity: 0.44;
     color: #33333A;
     font-family: 'Roboto', sans-serif;
     font-size: 10px;
     line-height: 20px;
 }

 .populaire .populaire__content span.mag__item:nth-child(2)
 #main_archiver .views-row .populaire__content span.mag__item:nth-child(2){
     color: #33333A;
     font-family: 'Roboto', sans-serif;
     font-size: 14px;
     font-weight:initial;
     line-height: 20px;
     text-transform:capitalize;
 }
 

 .populaire .populaire__content span.mag__item:nth-child(3),
 #main_archiver .views-row .populaire__content span.mag__item:nth-child(3){

    color: #33333A;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}

#main_archiver .views-row .populaire__content span.mag__item:nth-child(4),
 .populaire .populaire__content span.mag__item:nth-child(4) {
     text-transform: uppercase;
     font-family: 'Roboto', sans-serif;
     opacity: 0.53;
     color: #33333A;
     font-size: 14px;
     line-height: 25px;
 }
 
 a.loadmore-button {
     border-radius: 30px;
     border: 1px solid #fff;
     font-size: 21px;
     color: #fff;
     padding: 6px 32px;
     background-color: transparent;
     font-family: 'Helvetica';
 }
 
 .loadmore {
     text-align: center;
 }
 
 .loadmore-less {
     display: none;
 }
 
 .btn_more {
     background-color: #9ABC35;
     padding-top: 51px;
     padding-bottom: 51px;
     display: inline-block;
 }
 
 div#block-abonnementsimplenews h2 {
     font-family: 'Roboto', sans-serif;
     color: #818181;
     font-size: 29px;
     margin-bottom: 1.5rem !important;
     font-weight: normal;
 }
 
 .lanewsletter #edit-message,
 #block-abonnementsimplenews #edit-message,
 #block-simplenewssubscription #edit-message {
     color: #8a8a8a;
     font-family: Helvetica;
     font-size: 16px;
     width: 60%;
     margin: 0 auto;
     margin-bottom: 3rem !important;
 }
 
 section.join_us {
     padding: 50px 0 100px 0;
 }
 
 .join_us .parallax {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-image: url("../img/join-us-bg-img.jpg");
 }
 
 .parallax {
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 .join_us__background {
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .join_us__box {
     width: 558px;
     max-width: 100%;
     padding: 30px 20px;
     border-radius: 4px;
     background-color: #ffffff;
     box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.09);
 }
 /* slider partenaire */
 
 .flexslider_partenaire {
     margin: 0 auto;
     display: table;
 }

 .flexslider_1 .flex-direction-nav a {
     text-decoration: none;
     display: block;
     width: 70px;
     height: 70px;
     top: -15px;
 }
 .partner .flexslider_1 {
    padding: 0 20px;
    margin: 70px 0;
    clear: both;
 }
 .flexslider_1 .flex-direction-nav a.flex-prev {
    left:-100px;
 }

 .flexslider_1 .flex-direction-nav a.flex-next {
    right:-43px;
 }




 .flex-direction-nav .flex-next {
    right: 20px;
 }
 .flexslider_1 .flex-direction-nav a:before {
     background-size: 16% 32%;
     height: 70px;
     margin-left: -9px;
 }
 .flexslider_1 .flex-direction-nav a {
    background-color: rgba(0, 0, 0, 1);
 }
 .flexslider_1:hover .flex-next:hover, .flexslider_1:hover .flex-prev:hover {
    opacity: 0.7;
}
 .flexslider_1 .flex-direction-nav .flex-next,
 .flexslider_1 .flex-direction-nav .flex-prev {
     border-radius: 45px;
 }
 
 .flexslider_1 .flex-direction-nav a.flex-next:before {
     margin-right: -9px;
     transform: rotate(179deg);
     content: '';
     background-size: 16% 32%;
 }

 
 .box_title {
     color: #33333A;
     font-family: 'Roboto', sans-serif;
     font-size: 42px;
     font-weight: normal;
     margin-bottom: 35px;
     /*line-height: 60px;*/
 }
 
 .active {
     transition: 1s all ease;
 }
 
 .active .footer__menu-list .footer__conatact_adresse {
     transition: 1s all ease;
 }
 
 .element__lien:hover .item__media {
     background: transparent;
 }
 
 button:focus {
     outline: 0 none;
 }
 
 div#product-grid {
     padding-top: 34px;
 }
 
 .product-grid:after {
     display: inline-block;
     width: 100%;
 }
 
 .product-grid .mix,
 .product-grid .gap {
     display: inline-block;
 }
 
 .product-grid .mix {
     display: none;
 }
 
 .product-grid .mix:after {
     display: inline-block;
 }
 
 .product-grid .mix:before {
     display: inline-block;
 }
 
 .partner_item {
     display: inline-flex;
     clear: both;
     overflow: hidden
 }
 
 .item__join_us {
     width: 137px;
     clear: both;
     overflow: hidden;
     display: inline-flex;
     margin-right: 23px;
     height: 60px;
 }
 /** User connect ***/
 
 .nav-tabs > li {
     float: left;
     margin-bottom: -1px;
 }
 
 .nav > li {
     position: relative;
     display: block;
 }
 
 .nav-tabs > li > a {
     margin-right: 2px;
     line-height: 1.42857;
     border: 1px solid transparent;
     border-radius: 4px 4px 0 0;
 }
 
 .nav > li > a {
     position: relative;
     display: block;
     padding: 10px 15px;
 }
 
 .nav-tabs > li > a:hover {
     border-color: #eeeeee #eeeeee #ddd;
 }
 
 .nav > li > a:hover,
 .nav > li > a:focus {
     text-decoration: none;
     background-color: #eeeeee;
 }
 
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
     color: #555555;
     background-color: #fff;
     border: 1px solid #ddd;
     border-bottom-color: transparent;
     cursor: default;
 }
 
 #edit-submit {
     /* background: transparent; */
 }
 
 #user-login-form {
     padding: 100px 0;
 }
 
 #user-login-form #edit-submit {
     padding: 14px;
     cursor: pointer;
     border: 0;
 }
 
 #user-login-form #edit-actions {
     margin-top: 50px;
 }
 
 #edit-name,
 #edit-pass {
     border: 2px solid #e9eaea !important;
     border-radius: 5px;
 }
 
 .views-rows-wrapper {
     padding-top: 34px;
 }
 
 .views-rows-wrapper .row .views-row {
     width: 24%;
     margin: 0 15px 0 0;
 }
 
 .views-rows-wrapper .row {
     margin: 0;
 }
 /*
#edit-message{
    font-size: 18px;
    font-weight: 100;
    font-family: 'Muli', sans-serif;
    line-height: 1.7;
    color:white;
    padding-bottom: 54px;
    width: 52%;
    margin: 0 auto;
  }

#edit-actions{
  height: 57px;
  color: #333333;
  display: inline-block;
  padding-top:1.5px;
 }
 */
 
 #edit-name,
 #edit-pass {
     border: none 0 !important;
     border-radius: 5px;
     margin-top: 30px;
 }
 
 input[type='text'],
 input[type='password'] {
     transition: 0.2s linear;
     -webkit-transition: 0.2s linear;
     -moz-transition: 0.2s linear;
     color: #767676;
     padding-left: 1.625em;
     padding-right: 1.625em;
     height: 52px;
     width: 100%;
 }
 
 .nspart li {
     display: flex;
 }
 
 .join_us .partner__item {
     width: 137px;
     display: inline-flex;
 }
 
 .lanewsletter__title {
     font-size: 29px;
     color: #fff;
 }
 
 .lanewsletter {
     padding: 66px 0 70px 0;
     border-bottom: 1px solid #e1e4ed;
     background-color: #242626;
     clear: both;
     overflow: hidden;
 }
 
 .lanewsletter__description {
     color: #fff;
 }
 
 .lanewsletter__email {
     background-color: #ffffff;
     border: solid 1px #b5b9c6;
     color: #99a3bf;
     text-indent: 7px;
     line-height: 44px;
     box-shadow: inset 0 0 2px rgba(41, 44, 50, 0.2);
 }
  
 
 .lanewsletter__submit {
     font-family: 'Roboto', sans-serif;
     border-radius: 4px;
     color: #ffffff;
     background-color: #9abc35;
     border: none;
     cursor: pointer;
     transition: 0.3s all ease;
 }
 
 .lanewsletter__submit:hover {
     background-color: #fe4042;
 } 
 
 .navbar {
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 12px 0;
     background-color: #ffffff;
     box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 #e4e6e8;
     z-index: 10;
 }
 
 .navbar__basket:hover .navbar__basket-icon.hover,
 .navbar__basket:focus .navbar__basket-icon.hover {
     display: block;
 }
 
 .navbar__basket:hover .navbar__basket-icon.default,
 .navbar__basket:focus .navbar__basket-icon.default {
     display: none;
 }
 
 .navbar__basket-icon:not(.default) {
     display: none;
 }
 
 .navbar__account img:not(.default) {
     display: none;
 }
 
 .navbar__account.connected img.default {
     display: none;
 }
 
 .navbar__account.connected img.connected {
     display: inline-block !important;
 }
 
 .navbar__account.connected:hover img.connected,
 .navbar__account.connected:hover img.hover {
     display: none !important;
 }
 
 .navbar__account.connected:hover img.connected-hover {
     display: inline-block !important;
 }
 
 .navbar__account:hover img:not(.hover),
 .navbar__account:focus img:not(.hover) {
     display: none !important;
 }
 
 .navbar__account:hover img.hover,
 .navbar__account:focus img.hover {
     display: inline-block !important;
 }
 
 .navbar__hamburger {
     position: relative;
     top: -2px;
 }
 
 .navbar__basket-price {
     font-size: 1.2rem;
     font-family: 'Roboto', sans-serif;
     color: #292c32;
     margin-left: 5px;
 }
 
 .navbar__search img:not(.default) {
     display: none;
 }
 
 .navbar__search:hover .default {
     display: none;
 }
 
 .navbar__search:hover .hover {
     display: inline-block;
 }
 
 .side-menu {
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     width: 340px;
     max-width: 70%;
     background-color: #ffffff;
     z-index: 12;
     padding: 20px 0;
     transition: 0.3s all ease;
     transform: translate3d(-100%, 0, 0);
 }
 
 .side-menu__close {
     position: relative;
     width: 22px;
     height: 22px;
     margin: 0 0 40px 15px;
 }
 
 .side-menu__close:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 10px;
     border-top: 2px solid #292c32;
     transform: rotate(45deg);
 }
 
 .side-menu__close:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 10px;
     border-top: 2px solid #292c32;
     transform: rotate(-45deg);
 }
 
 .side-menu__placard:hover .side-menu__placard-text,
 .side-menu__placard:focus .side-menu__placard-text {
     color: #292c32;
 }
 
 .side-menu__placard:hover .side-menu__placard-number,
 .side-menu__placard:focus .side-menu__placard-number {
     background-color: #292c32;
 }
 
 .side-menu__placard:hover .side-menu__placard-icon.hover,
 .side-menu__placard:focus .side-menu__placard-icon.hover {
     display: block;
 }
 
 .side-menu__placard:hover .side-menu__placard-icon.default,
 .side-menu__placard:focus .side-menu__placard-icon.default {
     display: none;
 }
 
 .side-menu__placard-icon:not(.default) {
     display: none;
 }
 
 .side-menu__placard-icon {
     margin-right: 5px;
 }
 
 .side-menu__placard-text {
     color: #34445f;
 }
 
 .side-menu__placard-number {
     background-color: #98a3b7;
     font-size: 1.5rem;
     color: #ffffff;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
 }
 
 .side-menu__placard {
     padding-bottom: 25px;
     margin-bottom: 25px;
     border-bottom: 1px solid #e1e4ed;
 }
 
 .side-menu__item {
     font-family: 'Roboto', sans-serif;
     color: #292c32;
     padding-bottom: 18px;
 }
 
 .side-menu__item:hover {
     color: #001f7c;
 }
 
 .side-menu__item_last {
     padding-bottom: 25px;
     border-bottom: 1px solid #e1e4ed;
 }
 
 .side-menu__social-link {
     margin-right: 12px;
 }
 
 .overlay-popup {
     background-color: rgba(42, 48, 59, 0.5);
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: -1;
     transition: 0.3s opacity linear;
 }
 
 .search-popup {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #ffffff;
     z-index: 12;
     padding: 20px 0;
     transition: 0.3s all ease;
     transform: translate3d(-100%, 0, 0);
 }
 
 .search-popup .search-popup__close {
     display: inline-block;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.16);
     margin-top: -15px;
 }
 
 .search-popup .search-popup__close-cross {
     position: relative;
     width: 16px;
     height: 16px;
     display: inline-block;
 }
 
 .search-popup .search-popup__close-cross:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 10px;
     border-top: 2px solid #292c32;
     transform: rotate(45deg);
 }
 
 .search-popup .search-popup__close-cross:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 10px;
     border-top: 2px solid #292c32;
     transform: rotate(-45deg);
 }
 
 .search-popup__header {
     padding-bottom: 20px;
     margin-bottom: 16px;
     border-bottom: 1px solid #dcdcdc;
 }
 
 .block-preference {
     background-color: #f9f9f9;
     padding: 10px 0 69px;
 }
 
 .block-preference__box.boxed {
     background-color: #ffffff;
     box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.09);
     padding: 30px 24px;
 }
 
 .block-preference__box-title {
     position: relative;
     font-size: 1.3rem;
     color: #99a3bf;
 }
 
 .block-preference__box-title span {
     position: relative;
     display: inline-block;
     padding-right: 10px;
     background-color: #ffffff;
     z-index: 1;
 }
 
 .block-preference__box-title:after {
     content: "";
     position: absolute;
     left: 0;
     right: -12px;
     top: 50%;
     transform: translateY(-50%);
     border-radius: 4px;
     height: 1px;
     background-color: #d5dbe6;
     z-index: 0;
 }
 
 .block-preference__kitchen-form img:not(.default) {
     display: none;
 }
 
 .number-component {
     position: relative;
     width: auto;
     padding-left: 32px;
     padding-right: 32px;
     box-sizing: content-box;
     border: 1px solid #dcdcdc;
     border-radius: 4px;
     font-family: 'Roboto', sans-serif;
 }
 
 .number-component__button:hover {
     background-color: #f1f1f1;
 }
 
 .number-component__button.number-component__button_up {
     right: 0;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
 
 .number-component__button.number-component__button_down {
     left: 0;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }
 
 .underlined-title {
     position: relative;
     font-family: 'Roboto', sans-serif;
     font-size: 2.4rem;
     color: #292c32;
     text-align: center;
     margin-bottom: 20px;
 }
 
 .has-tooltip {
     position: relative;
 }
 
 .has-tooltip .tooltip-title {
     position: absolute;
     left: 50%;
     top: -35px;
     min-width: 50px;
     background-color: rgba(44, 50, 58, 0.8);
     color: #ffffff;
     font-size: 1.2rem;
     padding: 2px 7px;
     transform: translateX(-50%);
     text-align: center;
     border-radius: 3px;
     white-space: nowrap;
     z-index: -1;
     opacity: 0;
     display: none;
     transition: 0.3s opacity ease;
 }
 
 .has-tooltip .tooltip-title.crypto {
     white-space: normal;
     width: 170px;
     bottom: 40px;
     top: auto;
     z-index: 1;
 }
 
 .has-tooltip .tooltip-title.help {
     white-space: normal;
     width: 205px;
     padding: 4px 8px;
     bottom: 40px;
     top: auto;
     z-index: 1;
 }
 
 .has-tooltip .tooltip-title.ic-alert {
     white-space: normal;
     width: 290px;
     padding: 4px 8px;
     bottom: 40px;
     top: auto;
     z-index: 1;
 }
 
 .has-tooltip .tooltip-title:after {
     content: "";
     width: 0;
     height: 0;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-top: 7px solid rgba(44, 50, 58, 0.8);
     position: absolute;
     left: 50%;
     bottom: -7px;
     transform: translateX(-50%);
 }
 
 .has-tooltip .tooltip-title.bottom {
     top: auto;
     bottom: -15px;
     transform: translateX(-50%) translateY(100%);
 }
 
 .has-tooltip .tooltip-title.bottom.left {
     transform: translateX(0) translateY(100%);
 }
 
 .has-tooltip .tooltip-title.bottom:after {
     top: -7px;
     bottom: auto;
     border-bottom: 7px solid rgba(44, 50, 58, 0.8);
     border-top: none;
 }
 
 .has-tooltip .tooltip-title.left {
     left: 0;
     transform: translateX(0);
 }
 
 .has-tooltip .tooltip-title.left:after {
     left: 11px;
 }
 
 .has-tooltip:hover .tooltip-title {
     z-index: 1;
     opacity: 1;
     display: block;
 }
 
 .side-popup {
     background-color: #ffffff;
     position: fixed;
     max-width: 100%;
     height: 100%;
     z-index: 13;
     transition: 0.3s all linear;
     overflow: auto;
 }
 
 .side-popup:not(.centered) {
     width: 610px;
     top: 0;
     right: 0;
     transform: translateX(100%);
 }
 
 .side-popup:not(.centered).active {
     transform: translateX(0);
 }
 
 .side-popup.centered {
     left: 0;
     top: 0;
     width: 945px;
     max-width: 100%;
 }
  
 .side-popup.centered p {
     margin-bottom: 2.5rem;
     line-height: 1.6em;
     color: #000000;
 }
 
 .side-popup.centered h2 {
     margin-bottom: 2.5rem;
     font-size: 2.4rem;
     font-family: 'Roboto', sans-serif;
 }
 
 .side-popup.large {
     width: 946px;
 }
 
 .side-popup.medium {
     width: 486px;
 }
 
 .side-popup .side-popup__close {
     position: relative;
     top: 17px;
     margin-left: auto;
     margin-right: 15px;
     z-index: 10;
     width: 24px;
     height: 24px;
 }
 
 
 .side-popup .side-popup__close.absolute {
     position: absolute;
     top: 31px;
     right: 16px;
     z-index: 5;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.16);
     background-color: #ffffff;
 }

 .side-popup .side-popup__close-cross {
     position: relative;
     width: 24px;
     height: 24px;
     display: block;
     cursor: pointer;
 }
 
 .side-popup .side-popup__close-cross:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 12px;
     border-top: 2px solid #99a3bf;
     transform: rotate(45deg);
 }
 
 .side-popup .side-popup__close-cross:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 12px;
     border-top: 2px solid #99a3bf;
     transform: rotate(-45deg);
 }
 
 .side-popup .side-popup__close-cross.small {
     width: 13px;
     height: 13px;
 }
 
 .side-popup .side-popup__close-cross.small:before,
 .side-popup .side-popup__close-cross.small:after {
     top: 6.5px;
     border-color: #292c32;
 }
 
 .side-popup .side-popup__header {
     padding-top: 21px;
     padding-bottom: 21px;
     border-bottom: 1px solid #dcdcdc;
     margin-top: -40px;
 }

 .border-bottom.dashed {
     border-bottom-style: dashed !important;
     border-color: #e8eaed !important;
 }
 
 .border-width-2 {
     border-width: 2px !important;
 }
 
 .inline-list li {
     float: left;
 }
 
 .inline-list li:not(:first-child) {
     list-style: disc;
     margin-left: 3rem;
 }
 
 .list-styled {
     list-style: disc;
     margin-left: 1rem;
     padding-left: 2rem;
 }
 
 .detail-grocery-popup footer,
 .detail-recipe footer {
     position: -webkit-sticky;
     position: sticky;
     left: 0;
     bottom: 0;
     width: 100%;
     background-color: #ffffff;
     z-index: 10;
     padding-top: 1.2rem;
     padding-bottom: 1.2rem;
 }
 
 .detail-grocery-popup .footer .btn {
     width: 52px;
     height: 48px;
     padding: 0;
     -ms-flex-pack: center;
     justify-content: center;
 }
 
 .left-popover {
     position: relative;
     border-radius: 4px;
     border: 1px solid #191B23;
 }
 
 .left-popover:before {
     content: "";
     width: 16px;
     height: 16px;
     background-color: #ffffff;
     border: 1px solid #191B23;
     position: absolute;
     right: -14px;
     top: 45%;
     transform: rotate(-45deg) translateY(-50%);
 }
 
 .left-popover .inner {
     position: relative;
     border-radius: 4px;
     padding: 6px 12px;
     background-color: #191B23;
     border: 2px solid #ffffff;
 }
 
 .left-popover .inner:after {
     content: "";
     width: 0;
     height: 0;
     border-top: 8px solid transparent;
     border-left: 10px solid #191B23;
     border-bottom: 8px solid transparent;
     position: absolute;
     right: -10px;
     top: 50%;
     transform: translateY(-50%);
 }
 
 .left-popover.yellow-popover {
     background-color: #191B23;
 }
 
 .oval-referral-step {
     width: 48px;
     height: 48px;
     border: 15px solid #ffffff;
     box-sizing: content-box;
     border-radius: 40px;
 }
 
 .placard-popup__img-product {
     width: 72px;
     height: 72px;
     border: 1px solid #dcdcdc;
     border-radius: 50%;
 }
 
 .img__64 {
     width: 64px;
     height: 64px;
     overflow: hidden;
 }
 
 .img__64.round {
     border-radius: 50%;
 }
 
 .img__64.bordered {
     border: solid 1px #dcdcdc;
 }
 
 .border-bottom-7-f0f0f0 {
     border-bottom: 7px solid #f0f0f0;
 }
 
 .round {
     border-radius: 50%;
 }
 
 .round.bordered {
     border: solid 1px #dcdcdc;
 }
 
 .size__32 {
     width: 32px;
     height: 32px;
 }
 
 .size__24 {
     width: 24px;
     height: 24px;
 }
 
 .order-processing-steps {
     position: relative;
 }
 
 .order-processing-steps .round {
     position: relative;
     border: solid 2px #e6e8ed;
     background-color: #ffffff;
 }
 
 .order-processing-steps .active .round {
     border: none;
     box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16);
 }
 
 .order-processing-steps .active .round:after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #001f7c;
     transform: translate(-50%, -50%);
 }
 
 .order-processing-steps .active .step-name {
     color: #001f7c;
 }
 
 .order-processing-steps .done .round {
     border: none;
     box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16);
     background-color: #1da5ff;
 }
 
 .order-processing-steps .done .round:after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: url("../img/ic-done.svg") no-repeat;
     transform: translate(-50%, -50%);
 }
 
 .order-processing-steps:before {
     content: "";
     position: absolute;
     left: 12.5%;
     top: 15px;
     width: 75%;
     height: 2px;
     background-color: #e4e6ec;
 }
 
 .order-processing {
     background-color: #f9f9f9;
     padding-top: 24px;
     padding-bottom: 72px;
 }
 
 .wrapper-box {
     border-radius: 8px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
 }
 
 .profile {
     background-color: #f9f9f9;
     padding-top: 25px;
     padding-bottom: 25px;
 }
 
 .profile-nav ul {
     font-size: 0;
 }
 
 .profile-nav ul li a {
     color: #292c32;
     padding: 12px 0;
     display: inline-block;
     min-width: 161px;
     font-size: 1.6rem;
     border-top: 1px solid #dcdcdc;
     border-bottom: 1px solid #dcdcdc;
     border-right: 1px solid #dcdcdc;
     background-color: #ffffff;
     transition: 0.3s all ease;
 }

 .profile-nav ul li.active a,
 .profile-nav ul li:hover a {
     background-color: #001f7c;
     border-color: #001f7c !important;
     color: #ffffff;
 }
 
 .profile-nav ul li:first-child a {
     border-left: 1px solid #dcdcdc;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }
 
 .profile-nav ul li:last-child a {
     border-right: 1px solid #dcdcdc;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
 
 .profile-nav ul li:not(:last-child) a {
     border-right: 1px solid #dcdcdc;
 }
 
 .table {
     position: relative;
 }
 
 .table th {
     border-top: none;
     padding-bottom: 5px;
     padding-left: 0;
     border-bottom: 1px solid #dcdcdc;
     font-weight: normal;
 }
 
 .table td {
     padding: 1.2rem 0 1rem 0;
     vertical-align: middle;
     border-top: none;
 }
 
 .cookies {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
     z-index: 20;
     background-color: rgba(41, 44, 50, 0.9);
     font-size: 1rem;
 }
 
 .cookies a:hover {
     color: #c2c2c2;
 }
 
 .scroll-products {
     max-height: 410px;
     overflow-y: auto;
     overflow-x: hidden;
     margin-top: -63px;
     padding-top: 30px;
 }
 
 .line-through {
     position: relative;
 }
 
 .line-through:before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     margin-top: -1px;
     height: 2px;
     background-color: #96a0b4;
 }
 
 .alert {
     font-family: 'Roboto', sans-serif;
     border-radius: 4px;
     border: none;
     color: #ffffff;
     text-align: left;
     position: absolute;
     left: 0;
     right: 0;
     z-index: 10;
 }
 
 .alert:not(.bottom) {
     bottom: calc(100% + 24px);
 }
 
 .alert:not(.show) {
     display: none;
 }
 
 .alert.bottom {
     top: 100%;
 }
 
 .alert.confirm {
     padding: 24px;
 }
 
 .alert.confirm .actions .btn {
     background-color: rgba(255, 255, 255, 0.95);
     border-radius: 3px;
     padding: 2px 18px;
     font-size: 1.4rem;
 }
 
 .alert.confirm .actions .btn:hover {
     background-color: #000000;
     color: #ffffff;
 }
 
 .alert.alert-dark {
     background-color: rgba(41, 44, 50, 0.88);
 }
 
 .alert.alert-success {
     background-color: rgba(22, 211, 169, 0.88);
     padding: 12px 24px;
 }
 
 .alert.alert-danger {
     background-color: rgba(254, 64, 66, 0.88);
     padding: 12px 24px;
 }
 
 .alert .close {
     opacity: 1;
     padding: 5px;
 }
 
 .alert .close .material-icons {
     font-size: 1.6rem;
 }
 
 .alert .close:not(:disabled):not(.disabled):hover {
     color: #ffffff;
     opacity: 0.75;
 }
 
 .fade:not(.show) {
     z-index: -1;
 }
 
 .btn {
     position: relative;
     color: #ffffff;
     font-size: 1.6rem;
     padding: 12px 35px;
     border-radius: 4px;
     font-family: 'Roboto', sans-serif;
     border: none;
 }
 
 .btn.small {
     font-size: 1.2rem !important;
     padding: 7px 20px;
     font-family: 'Roboto', sans-serif;
 }
 
 .btn.medium {
     font-size: 1.2rem !important;
     padding: 10px 25px;
 }
 
 .btn.large {
     font-size: 2rem !important;
     padding: 14px 35px;
 }
 
 .btn.btn-primary:not(.inverse) {
     background-color: #001f7c;
 }
 
 .btn.btn-primary:not(.inverse):hover,
 .btn.btn-primary:not(.inverse):active {
     background-color: #292c32;
 }
 
 .btn.btn-primary.inverse {
     background-color: #292c32;
 }
 
 .btn.btn-primary.inverse:hover,
 .btn.btn-primary.inverse:active {
     background-color: #001f7c;
 }
 
 .btn.btn-success {
     background-color: #16d3a9;
     border-color: #16d3a9;
     color: #ffffff;
 }
 
 .btn.btn-success:hover,
 .btn.btn-success:active {
     background-color: #12c19a;
 }
 
 .btn.btn-grey {
     background-color: #98a1b2;
     border-color: #98a1b2;
     color: #ffffff;
 }
 
 .btn.btn-grey:hover,
 .btn.btn-grey:active {
     background-color: #676c75;
 }
 
 .btn.btn-danger {
     background-color: #fe4042;
     border-color: #fe4042;
     color: #ffffff;
 }
 
 .btn.btn-danger:hover,
 .btn.btn-danger:active {
     background-color: #d61719;
 }
 
 .btn.btn-danger.light {
     background-color: #fff2f0;
     border-color: #fff2f0;
     color: #ff543e;
 }
 
 .btn.btn-danger.light:hover,
 .btn.btn-danger.light:active {
     background-color: #ff543e;
     color: #fff2f0;
 }
 
 .btn.btn-yellow {
     background-color: #fff29c;
     border-color: #fff29c;
     color: #292c32;
 }
 
 .btn.btn-yellow:hover,
 .btn.btn-yellow:active {
     background-color: #f7d702;
 }
 
 .btn.btn-dark {
     background-color: #292c32;
     border-color: #292c32;
     color: #ffffff;
 }
 
 .btn.btn-dark:hover,
 .btn.btn-dark:active {
     background-color: #001f7c;
 }
 
 .btn.btn-white {
     background-color: transparent;
     border: 1px solid #98a3b7 !important;
     color: #2f405b;
 }
 
 .btn.btn-white:hover,
 .btn.btn-white:active {
     background-color: #98a3b7;
     color: #ffffff;
 }
 
 .btn.btn-gray {
     background-color: #98a3b7;
     color: #ffffff;
 }
 
 .btn.btn-gray:hover,
 .btn.btn-gray:active {
     background-color: #292c32;
 }
 
 .btn.btn-default {
     background-color: #e4e6ec;
     border-color: #e4e6ec;
     color: #292c32;
 }
 
 .btn.btn-default:hover,
 .btn.btn-default:active {
     background-color: #bcbdc2;
 }
 
 .btn.btn-warning {
     background-color: #fe4042;
     border-color: #fe4042;
     color: #ffffff;
 }
 
 .btn.btn-warning:hover {
     color: #fe4042;
     background-color: transparent;
 }
 
 .btn.btn-warning:active {
     background-color: rgba(254, 64, 66, 0.7);
     border-color: rgba(254, 64, 66, 0.7);
 }
 
 .btn.has-icon .material-icons,
 .btn.has-icon .icon {
     position: absolute;
     left: 10px;
     top: 50%;
     transform: translateY(-50%);
 }
 
 .btn.has-icon .material-icons.rotate180,
 .btn.has-icon .icon.rotate180 {
     transform: translateY(-50%) rotate(180deg);
 }
 
 .btn.has-icon .material-icons.rotate90,
 .btn.has-icon .icon.rotate90 {
     transform: translateY(-50%) rotate(90deg);
 }
 
 .btn.has-icon .material-icons.right,
 .btn.has-icon .icon.right {
     left: auto;
     right: 15px;
     max-width: 24px;
 }
 
 .btn.has-icon .material-icons.left,
 .btn.has-icon .icon.left {
     left: 15px;
     max-width: 24px;
 }

 
 .selectize-input {
     border: solid 1px #dcdcdc !important;
     box-shadow: none !important;
     border-radius: 4px !important;
     background-color: #fcfcfc !important;
     height: 40px !important;
     color: #292c32 !important;
     font-family: 'Roboto', sans-serif;
     font-size: 1.6rem !important;
     padding-left: 12px !important;
     padding-top: 9px !important;
 }
 
 .selectize-input.full {
     background-color: #fcfcfc;
 }
 
 .selectize-control.single .selectize-input:after {
     content: 'keyboard_arrow_down';
     font-family: "Material Icons";
     border: none;
     width: auto;
     height: auto;
     top: 37%;
     right: 6px;
     font-size: 22px;
 }
 
 .selectize-control.single .selectize-input.input-active {
     border-bottom-left-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
 }
 
 .selectize-control.single .selectize-input.input-active:after {
     content: 'keyboard_arrow_up';
 }
 
 .selectize-dropdown {
     border: solid 1px #dcdcdc !important;
 }
 
 .selectize-dropdown .option {
     font-size: 1.6rem;
     line-height: 1.6em;
     padding-top: 7px;
     padding-bottom: 7px;
 }
 
 .textfield {
     font-family: 'Roboto', sans-serif;
     border-radius: 4px;
     background-color: #fcfcfc;
     border: solid 1px #dcdcdc;
     text-indent: 12px;
     height: 40px;
     outline: none;
     color: #292c32;
 }
 
 .textfield:-ms-input-placeholder {
     /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #292c32;
     opacity: 1;
     /* Firefox */
 }
 
 .textfield::placeholder {
     /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #292c32;
     opacity: 1;
     /* Firefox */
 }
 
 .textfield:-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: #292c32;
 }
 
 .textfield::-ms-input-placeholder {
     /* Microsoft Edge */
     color: #292c32;
 }
 
 .textfield.textarea {
     min-height: 96px;
     text-indent: 0;
     padding: 12px;
     resize: none;
 }
 
 .basket__referral-form input[type=text] {
     border-radius: 4px;
     border: 1px solid #b5b9c6;
     height: 48px;
     text-indent: 16px;
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
 }
 
 .basket__referral-form input[type=text]:-ms-input-placeholder {
     /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #99a3bf;
     opacity: 1;
     /* Firefox */
 }
 
 .basket__referral-form input[type=text]::placeholder {
     /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #99a3bf;
     opacity: 1;
     /* Firefox */
 }
 
 .basket__referral-form .btn {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
 }
 
 .hero-slider {
     height: 100%;
 }
 
 .hero-slider .cat,
 .flexslider__content .cat {
     font-family: "helvetica";
     font-size: 15.36px;
     color: #fff;
     line-height: 21px;
     padding-bottom: 32px;
     clear: both;
     overflow: hidden;
     display: inline-block;
     padding: 7px 23px;
     margin-bottom: 20px;
     border-left: 3px solid #9ABC35;
     border-right: 3px solid #9ABC35;
 }
 
 .hero-slider .hero__title,
 .flexslider__content .flex__title {
     font-family: "helvetica", sans-serif;
     font-size: 77.02px;
     line-height: 70px;
     color: #fff;
     margin-left: -8px;
     letter-spacing: 0;
     clear: both;
     max-width: 100%;
     overflow: hidden;
     padding-right: 20px;
     font-weight: 500;
     text-shadow: 1px 1px 1px #333;
 }
 
 .hero-slider .owl-stage-outer,
 .hero-slider .owl-stage-outer .owl-stage,
 .hero-slider .owl-stage-outer .owl-stage .owl-item,
 .hero-slider .owl-stage-outer .owl-stage .owl-item .item {
     height: 100%;
 }
 
 .hero-slider .owl-nav [class*=owl-] {
     position: absolute;
     top: 50%;
 }
 
 .hero-slider .owl-nav [class*=owl-] i {
     font-size: 4rem;
     color: #bac0cb;
 }
 
 .hero-slider .owl-nav [class*=owl-].owl-next {
     right: 10px;
 }
 
 .hero-slider .owl-nav [class*=owl-].owl-prev {
     left: 10px;
 }
 
 .hero-slider .owl-nav [class*=owl-]:hover img {
     background-color: rgba(221, 221, 221, 0.6);
     border-radius: 4px;
 }
 
 .hero-slider .btn-light {
     background-color: #ffffff;
     color: #292c32;
     border-radius: 4px;
     border: 2px solid transparent;
 }
 
 .hero-slider .btn-light:hover {
     border-color: #ffffff;
     background-color: transparent;
     color: #ffffff;
 }
 
 .hero-slider .btn-black {
     background-color: #000000;
     color: #ffffff;
     border-radius: 4px;
     border: 2px solid transparent;
 }
 
 .hero-slider .btn-black:hover {
     border-color: #000000;
     background-color: transparent;
     color: #000000;
 }
 
 .item__ img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 a.item__ .item__no_hover {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(233, 236, 239, 0.7) none repeat scroll 0 0;
 }
 
 a.item__:hover img {
     transform: scale(1.1) rotate(0deg);
 }
 
 a.item__ img {
     transition: all 0.3s ease-in-out;
 }
 
 a.item__ .item__no_hover:hover {
     background: transparent;
 }
 
 a.item__ .item__no_hover:hover .item__title_category h4 {
     color: #fff;
     font-size: 18px;
     background: #33333A;
     border-radius: 10px;
 }
 
 a.item__ .item__title_category h4 {
     color: #33333A;
     font-size: 18px;
     background: #fff;
     border-radius: 10px;
     clear: both;
     overflow: hidden;
     display: inline;
     padding: 10px 30px;
     transition: all 0.3s ease-in-out;
 }
 
 a.item__ .item__title_category {
     position: absolute;
     top: 50%;
     margin-top: -32px;
     width: 100%;
     padding: 0 20px;
     transition: all 0.3s ease-in-out;
     text-align: center;
     text-transform: uppercase;
     font-weight: bold;
 }
 
 a.item__ .item__no_hover:after {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 90%;
     height: 90%;
     content: "";
     transform: translate(-50%, -50%);
     border: 2px solid rgba(255, 255, 255, 0.7);
 }
 
 .wrapper_contenu_list_pg .colmd4 {
     width: 100%;
     max-width: 33.333%;
     flex: 0 0 33.333333%;
 }
 /* */

 .clmd4 {
    margin-left:15px;
    position: relative;
    display: block;
    max-width:20%;
 }

 #ScrollableMake .scrollableArea {
     flex-wrap: nowrap;
     display: flex;
 }
 #ScrollableMake #makeMeScrollable  .contentDetail {
   background-color: #FFFFFF;
     box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
     padding: 14px 12px 29px 16px;
     margin-bottom: 20px;
     display: block; 
     position: absolute;  
     top: 30%;
     left: 60%;
     width:62%;
     z-index: 29;
 }
 
 #ScrollableMake #makeMeScrollabl .contentItem .item_list_pg {
    width:23%;
    z-index: 29;
}

 #ScrollableMake div.scrollingHotSpotLeftVisible {
     background-image: url(../images/arrow_left.gif);
     background-color: #fff;
     background-repeat: no-repeat;
     opacity: 0.7;
     -moz-opacity: 0.7;
     filter: alpha(opacity=7);
     zoom: 1;
 }
 
 #ScrollableMake {
     padding-left: 100px;
 }
 
 #ScrollableMake #makeMeScrollable {
     position: relative;
     height: 950px;
     width: 100%;
 }
 
 #ScrollableMake #makeMeScrollable .scrollWrapper {
     height: 100%;
     width: 100%;
 }
 
 #ScrollableMake #makeMeScrollable div.scrollableArea .colmd4 .numero_page {
     float: none;
 }
 
 #ScrollableMake #makeMeScrollable div.scrollableArea .colmd4 {
     position: relative;
     display: block;
     float: left;
     padding: 0;
     margin-right: 22px;
     width: 24.50%;
 }
 
 #ScrollableMake .colmd4 h3.label_title {
     overflow: hidden;
     clear: both;
     padding-top: 20px;
 }
 
 #ScrollableMake #makeMeScrollable .colmd4 {
     max-width: 33.333%;
     flex: 0 0 33.333333%;
     width: 33.333%;
 }
 
 #makeMeScrollable {
     width: 100%;
     height: 100%;
     position: relative;
 }
 /* Replace the last selector for the type of element you have in
   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
 
 #makeMeScrollable div.scrollableArea a.item__ {
     position: relative;
     float: left;
     margin: 0;
     padding: 0;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     user-select: none;
     overflow: hidden;
     -webkit-box-shadow: 0px 1px 13px -2px rgba(0, 0, 0, 0.79);
     box-shadow: 0px 1px 20px -2px rgba(0, 0, 0, 0.2);
 }
 
 .item__ {
     display: contents;
 }
 
 .cbox_container {
     display: flex;
     flex-flow: column wrap;
     align-content: space-between;
     height: 640px;
     border-radius: 3px;
     padding: 0 0 0 0px;
     width: 100%;
     margin: 0 auto 0px;
     counter-reset: items;
     overflow: hidden;
 }
 
 .grid {
     margin: 0 0 5px;
     padding: 19px 12px 12px;
     display: grid;
     grid-gap: 20px;
     grid-template-columns: 1fr;
     grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
     /*grid-auto-rows: minmax(50px, auto);*/
     width: 26em;
     float: left;
     height: 38rem;
 }
 
 .grid > a.item__ {
     border-radius: 3px;
     background-color: #99e9f2;
     font-size: 250%;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .grid a.item__:nth-child(1) {
     grid-row: 1 / 4;
 }
 
 .grid a.item__:nth-child(2) {
     grid-row: 4 / 6;
 }
 
 .grid:nth-child(2) > a.item__:nth-child(1),
 .grid:nth-child(6) > a.item__:nth-child(1) {
    grid-row: 1 / 5;
}

.grid:nth-child(2) > a.item__:nth-child(2),
.grid:nth-child(6) > a.item__:nth-child(2) {
    grid-row: 5 / 6;
}

.grid:nth-child(4) > a.item__:nth-child(1),
.grid:nth-child(8) > a.item__:nth-child(1) {
    grid-row: 1 / 3;
}

.grid:nth-child(4) > a.item__:nth-child(2),
.grid:nth-child(8) > a.item__:nth-child(2) {
    grid-row: 3 / 6;
}

.hide {
    display: none;
}
.toolbar .toolbar-tray,.toolbar-oriented .toolbar-bar {
    z-index: 99999 !important;
}

@media only screen and (min-width: 992px) {
    body {
        padding-top: 64px;
    }
    body.sticky-search {
        padding-top: 65px;
    }
    body.sticky-search .block-search {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 4;
        animation-name: slideInDown;
        animation-duration: .5s;
        animation-fill-mode: both;
    }
    body.sticky-search .header {
        transform: translateY(-100%);
    }
    body.sticky-menu {
        padding-top: 128px;
    }
    body.sticky-menu .menu {
        position: fixed;
        left: 0;
        right: 0;
        top: 64px;
        z-index: 3;
        animation-name: slideInDown;
        animation-duration: .5s;
        animation-fill-mode: both;
    }
     .w-lg-95 {
         width: 95%;
     }
 

    .header {
         position: fixed;
         left: 0;
         right: 0;
         top: 0;
         z-index: 199;
         padding: 18px 0 19px;
     }
     .header__brand {
        position: relative;
        top: 3px;
    }
     .hero__title {
         font-size: 3.2rem;
     }
     .footer__center {
         padding-top: 40px;
     }

     .menu {
         position: -webkit-sticky;
         position: sticky;
         top: 64px;
         z-index: 3;
         flex: 1 1 auto;
     }

     .category__title {
         font-size: 2.6rem;
     }

     .join_us__box {
         padding: 40px 70px;
     }

     .lanewsletter__email {
         border-radius: 30px;
     }

    .lanewsletter__submit {
        margin-left: -1px;
        border-radius: 30px;
    }
    .lanewsletter__submit {
        padding: 12px 0;
    }

    .navbar {
        display: none;
    }
    .side-menu {
        display: none;
    }    
    .search-popup {
        display: none;
    }
    .block-preference__box-title:after {
        right: -24px;
    }    
    .underlined-title {
        text-align: left;
    }
    .underlined-title span {
        position: relative;
        display: inline-block;
        padding-right: 10px;
        background-color: #f9f9f9;
        z-index: 1;
    }
    .underlined-title:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 5px;
        height: 1px;
        background-color: #d5dbe6;
        z-index: 0;
    }
    .side-popup.centered {
         left: 50%;
         top: 50%;
         border-radius: 8px;
         height: auto;
         max-height: 80%;
         box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.12);
         transform: translateX(-50%) translateY(-170%);
     }
     .side-popup.centered .side-popup__header {
         border-bottom: 0;
     }
     .side-popup.centered.active {
         transform: translateX(-50%) translateY(-50%);
     }

    .side-popup.large.detail-grocery-popup,
    .side-popup.large.detail-recipe {
        width: 946px;
    }    
     .side-popup .side-popup__header {
         margin-top: -24px;
     }    
     .order-processing .wrapper-box {
         margin-top: -60px;
     }    
     .profile {
         padding-top: 64px;
         padding-bottom: 64px;
     }    
     .sticky-lg {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         left: 0;
         right: 0;
         background-color: #ffffff;
     }    
    .btn-preferences {
        position: fixed;
        right: 0;
        top: 70%;
        top: calc(50% + 80px);
        z-index: 9;
        width: 60px;
        height: 60px;
        padding-top: 16px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        background-color: #ffffff;
        box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.08);
    }
     .connected_mad {
         color: #1a73e8;
         display: inline-block;
         float: right;
         line-height: 25px;
         padding-left: 8px;
         font-size: 13px;
     }
     .mw-lg-438 {
         max-width: 468px;
     }
     .pr-lg-230px {
         padding-right: 230px !important;
     }
     .pr-lg-200px {
         padding-right: 200px !important;
     }
     .pr-lg-227px {
         padding-right: 227px !important;
     }
     .pr-lg-255px {
         padding-right: 255px !important;
     }
     .pr-lg-130px {
         padding-right: 130px !important;
     }
     .pr-lg-70px {
         padding-right: 70px !important;
     }
     .pl_2 {
         padding-left: 2px;
     }
     .pr_2 {
        padding-right: 2px;
    }
     .pr_0 {
         padding-right: 0;
     }
     .pr-lg-50px {
         padding-right: 50px !important;
     }
     #block-palma-main-menu + .pr-lg-50px {
         padding-right: 20px !important;
     }
     .pr-lg-25px {
         padding-right: 25px !important;
     }
     .w-lg-50 {
         width: 50% !important;
     }
     .mt-lg-32px {
         margin-top: 3.2rem !important;
     }

     #main_archiver .container {
        padding-left: 2px;
        padding-right: 2px;
    }
 }
  
 .content_interne form#views-exposed-form-kiosque-page-1 label {
     display: none;
 }
 
 .content_interne form#views-exposed-form-kiosque-page-1 {
     width: 100%;
     text-align: right;
 }
 
 #block-formulaire-interne {
     display: none;
 }
 
 section.flexslider__content {
     overflow-y: hidden;
     position: relative;
 }
 
 .content_interne .col-md-9 form#views-exposed-form-kiosque-page-1 input#edit-search,
 .content_interne .col-md-9 form#views-exposed-form-kiosque-page-1 #edit-actions {
     display: none !important;
 }
 
 .slider-bottom-panel-two .js-form-item.form-item.js-form-type-select.form-item-sort-by.js-form-item-sort-by {
     display: none;
 }
 
 section.flexslider__content .slider-bottom-panel-two {
     width: 100%;
     position: absolute;
     bottom: 192px;
     z-index: 10;
 }
 
 .flexslider {
     width: 100%;
     margin: 0 auto;
     box-shadow: none;
     position: relative;
     height: 945px;
     border: 0;
 }
  
 
 .flexslider img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .flexslider .slides li {
     height: 945px;
 }
 
 section.flexslider__content {
     overflow-y: hidden;
     position: relative;
 }
 
 section.flexslider__content .slider-bottom-panel-two {
     width: 100%;
     position: absolute;
     bottom: 192px;
     z-index: 10;
 }
 
 .flexslider li {
     position: relative;
 }
 
 .flexslider li .meta {
     position: absolute;
     bottom: 42%;
     left: 14.5%;
     color: white;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     width: 85%;
 }
 
 
 .flexslider li .category {
     display: flex;
     flex-direction: row;
 }
 
 .flexslider li h2,
 .flexslider li .cat {
     -webkit-animation-duration: .6s;
     animation-duration: .6s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft;
 }
 
 .flexslider li.flex-active-slide .meta .cat,
 .flexslider li.flex-active-slide .meta h2,
 .flexslider li.flex-active-slide .meta .category p,
 .flexslider li.flex-active-slide .meta .category span {
     -webkit-animation-delay: .4s;
     animation-delay: .4s;
     -webkit-animation-duration: .6s;
     animation-duration: .6s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
 }
 
 .flexslider li.flex-active-slide .meta h2 {
     -webkit-animation-delay: .5s;
     animation-delay: .5s;
 }
 
 .flexslider li.flex-active-slide .meta .cat {
     -webkit-animation-delay: .6s;
     animation-delay: .6s;
 }
 
 .flex-direction-nav {
     position: absolute;
     top: 50%;
     z-index: 20;
     text-align: center;
     display: block;
     width:100%;
 }
 
 .flex-direction-nav a {
     text-decoration: none;
     display: block;
     width: 48px;
     height: 87px;
     background-color: rgba(0, 0, 0, 0.7);
     margin: -20px 0 0;
     position: absolute;
     top: 50px;
     z-index: 10;
     overflow: hidden;
     opacity: 1;
     cursor: pointer;
     color: #fff;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
 }
 
 .flex-direction-nav .flex-prev {
     text-align: left;
     left: 0px;
     border-top-left-radius: 0;
     border-top-right-radius: 43px;
     border-bottom-right-radius: 43px;
     border-bottom-left-radius: 0;
     text-indent: -999999px;
 }
 
 .flex-direction-nav .flex-next {
     text-align: right;
     right: 0px;
     border-top-left-radius: 43px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 43px;
     text-indent: -999999px;
 }
 
 .flexslider:hover .flex-prev {
     left: 0px;
 }
 
 .flexslider:hover .flex-next {
     right: 0px;
 }
 
 .flexslider:hover .flex-next:hover,
 .flexslider:hover .flex-prev:hover {
     opacity: 0.4;
 }
 
 .flex-direction-nav a:before {
     content: '';
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     top: 0;
     padding: 2px 0;
     line-height: 32px;
     background-image: url('../img/arrow_slide.png');
     background-position: center;
     background-repeat: no-repeat;
     background-size: 26% 36%;
     height: 85px;
     margin-left: -15px;
 }
 
 .flex-direction-nav a.flex-next:before {
     margin-right: -27px;
     transform: rotate(179deg);
     content: '';
     background-size: 18% 34%;
 }
 
 .block.block-simplenews {
     width: 100%;
     margin: 0 auto;
     padding: 0 20px;
     float: left;
 }
 
 .block.block-simplenews:before,
 .block.block-simplenews:after {
     content: " ";
     display: table;
 }
 
 .simplenews-subscriber-form:after {
     clear: both;
 }
 
 .simplenews-subscriber-form .block-title {
     border: none;
     margin: 0;
     width: 40%;
     margin-bottom: -20px;
     line-height: 1;
 }
 
 .simplenews-subscriber-form .block-title span {
     padding: 0;
 }
 
 .simplenews-subscriber-form .block-title span:after,
 .simplenews-subscriber-form .block-title span:before {
     display: none;
 }
 
 .simplenews-subscriber-form .description {
     display: none;
 }
 
 .simplenews-subscriber-form #edit-mail-wrapper label {
     display: none;
 }
 
 .simplenews-subscriber-form input#edit-subscribe {
     height: 45px;
 }
 
 .simplenews-subscriber-form div#edit-mail-wrapper {
     display: inline-block;
 }
 
 .js-form-item.form-item.js-form-type-email.form-item-mail-0-value.js-form-item-mail-0-value {
     float: left;
     clear: both;
     overflow: hidden;
 }
 
 .simplenews-subscriber-form #edit-mail-wrapper input.form-email {
     padding: 0 20px;
     width: 100%;
     height: 56px;
     border: none;
     margin-left: 0;
     margin: 0 auto;
     background-color: #ffffff;
     color: #8a8a8a;
     text-indent: 7px;
     line-height: 44px;
     box-shadow: inset 0 0 2px rgba(41, 44, 50, 0.2);
     border-radius: 30px;
     font-family: Helvetica, sans-serif;
    -webkit-text-fill-color:#8a8a8a !important; /* Override iOS / Android font color change */
    -webkit-opacity:1 !important; /* Override iOS opacity change affecting text & background color */
    color:#8a8a8a !important; 
 }
 
 
     .simplenews-subscriber-form #edit-mail-wrapper input.form-email {
         width: 100%;
         margin-top: 15px;
         margin-left: 0;
     }
 
 .simplenews-subscriber-form .form-actions {
     clear: both;
     overflow: hidden;
     display: inline-block;
     /*width:14%;*/
 }
 
 .simplenews-subscriber-form .form-actions input#edit-subscribe:hover,
 input#edit-unsubscribe:hover {
     background-color: rgba(154, 188, 53, 0.9);
 }
 
 .simplenews-subscriber-form .form-actions input#edit-subscribe,
 input#edit-unsubscribe {
     background: none;
     height: 56px;
     text-align: center;
     font-size: 15px;
     text-transform: uppercase;
     -webkit-transition: all 0.35s;
     -o-transition: all 0.35s;
     transition: all 0.35s;
     -moz-transition: all 0.35s;
     -ms-transition: all 0.35s;
     display: inline-block;
     position: relative;
     z-index: 2;
     font-family: Helvetica, sans-serif;
     border-radius: 30px;
     color: #ffffff;
     background-color: #9abc35;
     border: none;
     cursor: pointer;
     padding: 0 40px;
     margin-left: 8px;
     text-transform: initial;
 }


 /**____*/
 .main_container.numerokisque.main_header {
     margin-top: 0;
 }
 
 .content_interne.container.pl_2 .view-header {
     position: relative;
     bottom: 60px;
     left: -45px;
     font-size: 15px;
     color: #9BA2A7;
     text-transform: uppercase;
     text-align:left;
 }
  
 #block-palma-page-title .content {
    text-align: left;
 }

 
 .js-view-dom-id-3d31f8b07b88f7a4c5d817a44731677a7fc18c75d23db33c45ab2a88098204a4 header {
     position: initial;
 }
 /*Page-----Sidebar--All----numero*/
 
 span.facet-item__value {
     color: #9BA2A7;
     font-size: 13px;
     font-family: Roboto, sans-serif;
 }
 
 .content_interne ul.js-facets-checkbox-links:nth-child(5),
 .content_interne ul.js-facets-checkbox-links:nth-child(4),
 .content_interne ul.js-facets-checkbox-links:nth-child(3) {
     display: none;
 }
 
 .content_interne .facets-widget-checkbox input.facets-checkbox {
     display: none;
 }
 
 .content_interne .facets-widget-checkbox span.facet-item__value {
     cursor: pointer;
     user-select: none;
     transform: all 0.5s;
 }
 
 .main_bibliotheque_content div.container > div > div.views-element-container {
     min-height: 100%;
     display: none;
 }
 
 .views-element-container {
     min-height: 445px;
 }
 
 .content_interne .facets-widget-checkbox input[type="checkbox"]:checked ~ label span.facet-item__value {
     color: #33333A;
     font-weight: 500;
 }
 
 .main_wrapper .content_interne .views-element-container {
     min-height: 765px;
 }
 
 .main_wrapper .content_interne #main_archiver .views-element-container {
     min-height: 100%;
 }
 
 .content_interne .facets-widget-checkbox h3 {
     font-family: Roboto, sans-serif;
     color: #9ABC35;
     font-weight:500;
     text-transform: uppercase;
     font-size: 14px;
     position: relative;
     padding: 18px 0px 19px 0px;
     line-height: 16px;
     cursor: pointer;
 }
 
 .content_interne .facets-widget-checkbox h3:after {
     position: absolute;
     content: '';
     display: inline-block;
     background: url('../img/filterclose.jpg') no-repeat;
     height: 26px;
     width: 100%;
     right: 0;
     background-position: right top;
 }
 
 .content_interne .facets-widget-checkbox h3:before {
     border-bottom: 1px solid #eeee;
     content: '';
     position: absolute;
     display: block;
     height: 95%;
     width: 100%;
     top: 0px;
 }
 
 .content_interne .facets-widget-checkbox h3.expanded:after {
     content: '';
     position: absolute;
     background: url('../img/filteropen.jpg') no-repeat;
     right: 0;
     width: 100%;
     background-position: right top;
 }
 /* End-sidebar*/
 
 .main_full_content {
     padding:40px 0;
 }
 
 #search-btn {
     cursor: pointer;
     display: block;
     padding-top: 2px;
 }
 
 .col-lg-auto.d-none.d-lg-block.pr-lg-25px.pl-lg-0 {
     padding-top: 1px;
 }
 
 #block-boutonprofil {
     margin-top: 10px;
 }
 
 #search-overlay select#edit-sort-by,
 #search-overlay .js-form-item.form-item.js-form-type-select.form-item-sort-by.js-form-item-sort-by {
     display: none;
 }

 #search-overlay form#views-exposed-form-kiosque-recherche-page-1 button#edit-submit-kiosque,
 #search-overlay form#views-exposed-form-kiosque-page-1 button#edit-submit-kiosque {
     margin: 0;
     float: right;
     height: 64px;
     width: 100%;
     font-size: 14px;
     color: #fff;
     text-align: center;
     line-height: 42px;
 }
 #search-overlay form#views-exposed-form-kiosque-recherche-page-1 .form-control:focus
 #search-overlay form#views-exposed-form-kiosque-page-1 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border: none;
     outline: 0;
     box-shadow: none;
 }
 /*hide and show*/
 #search-overlay form#views-exposed-form-kiosque-recherche-page-1 input#edit-search
 #search-overlay form#views-exposed-form-kiosque-page-1 input#edit-search {
     display: inline-block;
     width: 88%;
     height: 64px;
     margin: 0;
     float: left;
     border-top-left-radius: 34px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 34px;
 }
 
 i#packs-close {
    position: absolute;
    right: 0;
    z-index: 2;
    margin-top: -17px;
    border-radius: 30px;
    background-color:  white;
    padding: 6px 8px;
    cursor: pointer;
    margin-right: -12px;
 }
 
 #packs-overlay,
 #search-overlay {
     display: none;
 }
 
 
 
 #packs-overlay .cardpack h2.title {
     color: #000000;
     font-family: Roboto, sans-serif;
     font-size: 15px;
     font-weight: 500;
     line-height: 18px;
     text-align: center;
     background-color: #fff;
     display: inline-block;
     width: 100%;
     margin-bottom: 13px;
 }
 
 #packs-overlay ul li {
     color: #9BA2A7;
     font-family: Roboto, sans-serif;
     font-size: 14px;
     line-height: 28px;
     text-align: center;
     text-transform: initial;
 }
 
 #packs-overlay .cardpack .nombre span.nbr {
     line-height: 79px;
     color: #9ABC35;
     font-family: 'Montserrat', sans-serif;
     font-size: 50px;
     font-weight: bold;
     line-height: 70px;
     text-align: center;
     float: left;
     margin-left: 40px;
 }
 
 #packs-overlay .cardpack .nombre {
     display: table;
     margin: 0 auto;
 }
 
 
 #packs-overlay ul, #packs-overlay p {
    height: 45%;
    text-align: justify;
    list-style: none;
    padding: 1.5rem;
    margin:22px 0;
    min-height:188px;
    overflow: hidden;
    text-align: center;
}
 #packs-overlay .cardpack .nombre span.mad {
     color: #9BA2A7;
     font-family: Roboto, sans-serif;
     font-size: 18px;
     font-weight: bold;
     line-height: 70px;
     text-align: center;
 }
 
 #packs-overlay .cardpack .nombre span.month {
     display: block;
     font-family: Roboto, sans-serif;
     font-size: 14px;
     line-height: 10px;
     text-align: center;
     color: #9BA2A7;
     text-transform: none;
 }
 
 .mysearch .block {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     overflow: auto;
     text-align: center;
     background: rgba(0, 0, 0, 0.9);
     height:100%;
     z-index: 900;
 }
 
 .mysearch .block:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
     margin-right: 0;
 }
 
 #packs-overlay .views-element-container {
     min-height: auto !important;
 }
 
 #packs-overlay .centered .views-row {
     width: auto;
     float: left;
     display: inline-block;
     padding: 0;
 }
 
 #packs-overlay .centered {
     width: 50%;
     background: #fff;
     display: inline-block;
     vertical-align: middle;
 }
 
 #search-overlay .centered {
     display: inline-block;
     vertical-align: middle;
     width: 60%;
     padding: 10px 15px;
     color: #FFF;
     border: none;
     background: transparent;
 }
 
 .mysearch .block.aboner {
     width: 100%;
     margin: 0 auto;
     background: rgba(0, 0, 0, 0.5);
 }
 
 #packs-box,
 #search-box {
     position: relative;
     width: 100%;
     margin: 0;
 }
 
 #search-form {
     height: 4em;
     border: 1px solid #999;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     background-color: #fff;
     overflow: hidden;
 }
 
 #search-text {
     font-size: 14px;
     color: #ddd;
     border-width: 0;
     background: transparent;
 }
 
 #search-box input[type="text"] {
     width: 90%;
     padding: 20px;
     color: #333;
     outline: none;
     font-size: 1.4em;
 }
 
 #search-button {
     position: absolute;
     top: 0;
     right: 0;
     height: 4.7em;
     width: 100px;
     font-size: 14px;
     color: #fff;
     text-align: center;
     line-height: 42px;
     border-width: 0;
     background-color: #4d90fe;
     -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
     border-radius: 0 2px 2px 0;
     cursor: pointer;
 }
 
 #close-btn {
     position: fixed;
     top: 1em;
     right: 2em;
     cursor: pointer;
 }
 
 #close-btn:hover {
     color: #777;
     cursor: pointer;
 }


 
 .contextual-region.view.view-packlist.view-id-packlist .view-content {
    display: flex;
    flex-wrap: wrap;
 }
 

 .main_wrapper {
     margin-top:17px;
 }
 
 div#block-messages h2.visually-hidden {
     font-size: 14px;
     font-family: 'Roboto', sans-serif;
 }
 /*breadcrumb**/
 
 .main_wrapper .breadcrumb {
     background: transparent;
     font-size: 12px;
     padding: 0;
     margin: 0;
     display: block;
     border-radius: 0;
 }
 
 .main_wrapper .breadcrumb a {
     color: #83848d;
     position: relative;
 }
 
 .main_wrapper .breadcrumb nav ol li {
     float: left;
     margin-left: 11px;
     color: #83848d;
     position: relative;
 }
 
 .main_wrapper .breadcrumb nav {
     padding-top: 6px;
     display: block;
     clear: both;
     overflow: hidden;
 }
 
 .main_wrapper .breadcrumb nav ol li:after {
     position: absolute;
     content: '/';
     color: #83848d;
     left: -8px;
     top: 0;
 }
 
 .main_wrapper .breadcrumb nav ol li:first-child {
     margin-left: 0;
 }
 
 .main_wrapper .breadcrumb nav ol li:first-child:after,
 .main_wrapper .breadcrumb nav ol li:first-child a:after {
     display: none;
 }
 
 
 .main_wrapper .breadcrumb nav ol li a:after {
     position: absolute;
     content: '/';
     color: #83848d;
     left: -8px;
 }
 
 .main_wrapper .cat__populaire {
     color: #FFFFFF;
     font-family: 'Helvetica', sans-serif;
     font-size: 12px;
     line-height: 20px;
     display: block;
     background-color: #9ABC35;
     padding: 2px 14px;
     margin-left: 1px;
 }
 
 .source {
     color: #33333A;
     font-family: 'Roboto', sans-serif;
     font-size: 23px;
     font-weight: 500;
     line-height: 25px;
     text-transform: uppercase;
 }
 
 .source_title {
     font-size: 46px;
     text-transform: uppercase;
     font-family: Helvetica;
     line-height: 1;
     clear: both;
     overflow: hidden;
     display: inline-block;
 }
 
 .typecontegory {
     padding-top: 50px;
 }
 
 .typecontegory .numero_title {
     font-size: 12px;
     color: #80818A;
     margin-top: 7px;
 }
 
 .type_contegory {
     margin-bottom: 12px;
     padding-top: 29px;
 }
 
 .contenu_detail_numero,
 .type_contegory,
 .source,
 .numero_title {
     float: left;
     padding-right: 10px;
 }
 
 .type_contegory .type {
     opacity: 0.44;
     color: #33333A;
     font-family: 'Roboto', sans-serif;
     font-size: 10px;
     line-height: 20px;
 }
 
 .main_container.numerokisque .page_title .content h1 span {
     display: block;
     font-size: 12px;
     clear: both;
     color: #8f8f95;
     margin-bottom: -3px;
     font-weight: 300;
 }
 
 a.header__search.open-form i {
     color: #33333a;
 }
 
 .main_container {
     background: #f7f8fc;
     height: 29px;
 }
 
 .main_container.numerokisque {
     background: #f7f8fc;
     height: 144px;
 }
 
 .page_title_inner h1 {
     padding: 15px 0;
     font-size: 17px;
     font-family: 'Roboto', sans-serif;
     text-transform: capitalize;
     margin-bottom: 0;
 }
 
 .content_filter_reset {
     margin: 22px 0 0px;
 }
 
 .content_filter_reset .btn_reset {
     display: inline-block;
     color: #000000;
 }
 
 .content_filter_reset .filter {
     text-transform: uppercase;
     font-size: 14px;
     font-family: Roboto, sans-serif;
     position: relative;
     padding-left: 20px;
     font-weight:bold;
 }
 
 .content_filter_reset .filter:after {
     background-image: url('../img/filter.jpg');
     background-position: center;
     background-repeat: no-repeat;
     height: 20px;
     position: relative;
     display: block;
     content: '';
     z-index: 3;
     background-size: 21% 80%;
     transform: rotate3d(0, 90, -7, 172deg);
     bottom: 21px;
     left: -46px;
     width: 70px;
 }
 
 .content_filter_reset .uncheck-all {
     color: #9BA2A7;
     font-size: 13px;
     text-transform: capitalize;
     font-family: Roboto, sans-serif;
     float: right;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     box-shadow: none;
     border: 0;
 }
 
 .content_interne form#views-exposed-form-kiosque-page-1 .js-form-item.form-item.js-form-type-textfield.form-item-search.js-form-item-search,
 .content_interne form#views-exposed-form-kiosque-page-1 #edit-actions {
     display: none;
 }
 

 .body_numero {
    font-family: Helve 
 }

 .main_full_content .item__contenu .body_numero {
    overflow: hidden;
    max-height: 300px;
    display: block;
    margin-bottom: 10px;
 }
 
 .body_numero p {
     font-family: Helvetica;
     font-size: 12px;
     color: #80818A;
     max-width: 67%;
 }
 
 .body_numero h5 {
     font-weight: 600;
     color: #83848d;
     font-size: 12px;
 }
 
 .body_numero a:hover {
     color: #fff;
 }
 
 a.pg_link_mag_art.red {
     width: 50%;
     background-color: red;
 }
 
 .pg_link_mag_art {
     width: 50%;
     background-color: #000;
     color: #fff;
     text-align: center;
     padding: 8px 0;
     height: 40px;
     font-family: Helvetica, sans-serif;
     -webkit-transition: 1s all ease;
     -o-transition: 1s all ease;
     transition: 1s all ease;
     -moz-transition: 1s all ease;
     -ms-transition: 1s all ease;
     border-radius: 30px;
     display: block;
     font-size: 16px;
 }
 
 .pg_link_mag_art:hover {
     background: #9abc35;
 }
 
 .pg_numero_content {
     overflow: hidden;
     clear: both;
 }
 
 .pg_link:hover,
 .pg_link_mag_art:hover {
     color: #fff;
 }
 
 .pg_link {
     width: 24%;
     height: 40px;
     display: inline-block;
     margin-top: 24px;
     font-size: 16px;
     font-family: 'Helvetica', sans-serif;
 }
 
 .headerbtnabonner,
 .btnabonner {
     background-color: #000 !important;
     color: #fff;
     text-align: center;
     padding: 8px 0;
     display: inline-block;
     font-family: 'Roboto', sans-serif;
     -webkit-transition: 1s all ease;
     -o-transition: 1s all ease;
     transition: 1s all ease;
     -moz-transition: 1s all ease;
     -ms-transition: 1s all ease;
     border-radius: 30px;
     margin-right: 15px;
     cursor: initial;
 }
 
 .pg_lk_price_article {
     background-color: #9abc35;
     color: #fff;
     text-align: center;
     padding: 8px 0;
     font-family: 'Roboto', sans-serif;
     -webkit-transition: 1s all ease;
     -o-transition: 1s all ease;
     transition: 1s all ease;
     -moz-transition: 1s all ease;
     -ms-transition: 1s all ease;
     border-radius: 30px;
     margin-right: 15px;
 }
 
 .pg_lk_price_article:hover {
     background: #000;
 }
 
 .pg_lk_sabonner:hover {
     background-color: #9ABC35;
     color: #fff !important;
     border: 1px solid #9ABC35;
 }
 
 button.pg_link.modalnumero:hover {
     background-color: #28a745;
     color: #FFF;
     border: 1px solid #28a745
 }
 
 button.pg_link.modalnumero {
     background-color: rgba(0, 128, 0, 1);
     color: #FFFF;
     text-align: center;
     padding: 8px 0;
     margin-right: 10px;
     font-family: 'Roboto', sans-serif;
     -webkit-transition: 1s all ease;
     -o-transition: 1s all ease;
     transition: 1s all ease;
     -moz-transition: 1s all ease;
     -ms-transition: 1s all ease;
     border-radius: 30px;
     border: 1px solid #28a745
 }
 
 .pg_lk_sabonner {
     background-color: transparent;
     color: #9ABC35;
     text-align: center;
     padding: 8px 0;
     font-family: 'Roboto', sans-serif;
     -webkit-transition: 1s all ease;
     -o-transition: 1s all ease;
     transition: 1s all ease;
     -moz-transition: 1s all ease;
     -ms-transition: 1s all ease;
     border-radius: 30px;
     border: 1px solid #9abc35;
 }
 
 #pg_numero_link {
     text-align: center;
     font-size: 14px;
     transition: all 0.5s;
     -o-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     display: inline-block;
     font-family: 'Roboto', sans-serif;
     border-radius: 30px;
     color: #cfd6db;
     border: none;
     padding: 10px 5px 0;
     text-transform: capitalize;
     width: 180px;
     height: 45px;
     background-color:#9abc35;
     color: #fff !important;
     line-height: 25px;
 }


 #pg_numero_link:hover {
    background-color: #000;
 }


 /**Page liste Article **/
 
 .page_title_inner {
     position: relative;
 }
 
 .numero_art_acheter {
     position: absolute;
     right: 0%;
     display: block;
     width: 420px;
     top: 10px;
 }
 
 .numero_art_acheter .numero_img_art {
     clear: both;
     overflow: hidden;
     padding-right: 26px;
 }
 
 .numero_art_acheter .boutton_action {
     display: inline-block;
     clear: both;
     overflow: hidden;
     margin: 0;
     padding-top: 13px;
     width: 70%;
 }

 .item__contenu {
    margin-top: 20px;
  }
 
 .numero_art_acheter .boutton_action a {
     font-family: Helvetica, sans-serif;
     color: #FFF;
     font-size: 14px;
     text-align: center;
     height: 40px;
     width:85%;
     line-height:22px;
  }
 
 .numero_art_acheter a.link_img_mini_article {
     float: left;
     padding-right: 26px;
 }
 
 .numero_art_acheter a.pg_lk_sabonner {
     margin-top: 12px;
     color: #9ABC35;
     display: block !important;
 }
 
 .wrapper_contenu_list_pg {
     padding:12px 0;
 }
 
 .wrapper_contenu_list_pg h3.titre_h3 {
     margin-bottom: 0;
     font-size: 23px;
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-weight: 500;
     line-height: inherit;
     text-transform: uppercase;
     padding-bottom: 44px;
     line-height: 25px;
 }
 
 .wrapper_contenu_list_pg {
     font-size: 13px;
     font-family: Roboto, sans-serif;
     line-height: 15px;
 }
 
 .lloi {
     height: 33px;
     border: 1px solid #979797;
     border-radius: 16.5px;
     background-color: #FFFFFF;
     color: #1974FE;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 0.74px;
     line-height: 40px;
     text-align: center;
     font-family: Roboto, sans-serif;
 }
 
 .article_page div:last-child {
     color: #1974FE;
     font-family: Roboto, sans-serif;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 0.74px;
     line-height: 40px;
     text-align: center;
     height: 40px;
     border-radius: 25px;
     background-color: #FFFFFF;
     border: 1px solid rgba(151, 151, 151, 0.17);
     width: 30%;
     margin: 0 auto 16px;
 }
 
 .article_page ul.links.inline {
     display: none;
 }
 
 .contentDetail h3 span {
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-size: 18px;
     font-weight: 500;
     line-height: 25px;
     display: block;
     text-transform: uppercase;
     padding-top: 26px;
     z-index: 2;
 }
 
 .content_det_top {
     padding-bottom: 8px;
 }
 
 .content_det_top .source {
     clear: both;
     overflow: hidden;
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-size: 18px;
     font-weight: 500;
     line-height: 25px;
 }
 
 .content_det_top .numero_title {
     opacity: 0.53;
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-size: 12px;
     line-height: 25px;
     float: right;
     text-align: right;
 }
 
 .content_det_top .cat_detail_article {
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-size: 18px;
     font-weight: 500;
 }
 
 .content_det_top .source_detail_article {
     opacity: 0.53;
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-size: 12px;
     line-height: 25px;
     text-align: center;
 }
 
 .content_det_top:after {
     content: '';
     height: 1px;
     border: 1px solid #979797;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     opacity: 0.34;
     width: 100%;
     position: absolute;
     left: 0;
     top: 50px;
 }
 
 .contentDetail .buy_article {
     height: 50px;
     background-color: #000000;
     border-radius: 25px;
     text-align: center;
     display: block;
     line-height: 50px;
     width: 45%;
     margin: 0 auto;
     color: #fff;
     font-family: Helvetica, sans-serif;
     font-size: 16px;
 }
 
 .contentDetail .article_page p {
     font-size: 13px;
     line-height: 16px;
     color: #9BA2A7;
     font-family: Roboto, sans-serif;
     max-height: 50px;
     overflow: hidden;
     padding-bottom: 23px;
 }
 
 .contentDetail {
     background-color: #FFFFFF;
     box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
     padding: 14px 12px 29px 16px;
     margin-bottom: 20px;
     display: block;
     position: absolute;
     top: 109px;
     left: 255px;
     width: 100%;
     z-index: 9;
 }
 /**deatail article***/
 
 .numero_of_article {}
 
 .numero_of_article .detail_article_numero_header {
     padding-top: 30px;
     padding-bottom: 14px;
 }
 
 .numero_of_article .numero_header_un {
     padding-left: 100px;
 }
 
 .numero_of_article {
     display: block;
 }
 
 .numero_header_un_interne .source_title {
     display: block;
 }
 
 .numero_header_img img {
     height: 156px;
     object-fit: cover;
     display: block;
 }
 
 .numero_header_un_interne .source_title .source_item {
     font-size: 80px;
     font-family: Roboto;
     color: #33333A;
     display: block;
 }
 
 .mytype {
     opacity: 0.44;
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-size: 10px;
     line-height: 20px;
     text-align: center;
 }
 
 .mycate {
     color: #FFFFFF;
     font-family: Helvetica;
     font-size: 12px;
     line-height: 20px;
     background-color: #9ABC35;
     padding: 2px 8px;
     display: table-cell;
 }
 
 .numero_header_un_interne .source_title span.title_date {
     opacity: 0.53;
     color: #33333A;
     font-family: Roboto, sans-serif;
     font-size: 16px;
     line-height: 25px;
     text-align: center;
     display: block;
     margin-top: 11px;
     text-align: center;
 }
 
 .numero_header_un a.link_back_list:after {
     background-image: url(../img/arrow-back.jpg);
     background-position: center;
     background-repeat: no-repeat;
     height: 27px;
     position: absolute;
     display: block;
     content: '';
     z-index: 2;
     left: 10px;
     width: 26px;
 }
 
 .numero_header_un .numero_header_img {
     float: left;
     clear: both;
     overflow: hidden;
     margin-right: 37px;
 }
 
 .numero_of_article .numero_header_un_interne {
     display: inline-block;
     clear: both;
     overflow: hidden;
 }
 
 .numero_of_article .numero_header_deux {
     padding-top: 25px;
 }
 
 .numero_header_deux span {
     display: inline-block;
 }
 
 .numero_header_deux span.total {
     letter-spacing: 0.74px;
     line-height: 30px;
     text-align: right;
     height: 31px;
     border-radius: 25px;
     background-color: #FFFFFF;
     border: 1px solid rgba(151, 151, 151, 0.17);
     width: auto;
     color: #1974FE;
     font-family: Roboto, sans-serif;
     font-size: 12px;
     padding-right: 9px;
     font-weight: 500;
     position: relative;
     padding-left: 40px;
 }
 
 .numero_header_deux span.total:after {
     background-image: url(../img/check.png);
     background-position: center;
     background-repeat: no-repeat;
     height: 20px;
     position: absolute;
     display: block;
     content: '';
     z-index: 2;
     left: 9px;
     top: 2px;
     width: 29px;
 }
 
 .numero_header_deux span.total_articles {
     text-transform: uppercase;
     color: #000000;
     font-size: 14px;
     font-weight: 500;
     float: right;
 }
 
 .numero_header_deux .buy_numero_article {
     height: 40px;
     background-color: #000000;
     border-radius: 25px;
     text-align: center;
     display: block;
     line-height: 40px;
     width: 100%;
     margin-top: 25px;
 }
 
 .m_auto {
     margin: 50px auto;
     display: table;
 }
 
 .numero_header_deux .buy_numero_article a {
     color: #fff;
     font-family: Helvetica, sans-serif;
     font-size: 16px;
 }
 
 .detail_article_acheter {
     background: #fff;
     line-height: 259px;
 }
 
 .content_article_visuel .price {
     display: inline-block;
     float: right;
     letter-spacing: 0.74px;
     line-height: 30px;
     text-align: right;
     height: 31px;
     border-radius: 25px;
     background-color: #FFFFFF;
     border: 1px solid rgba(151, 151, 151, 0.17);
     width: 10%;
     color: #1974FE;
     font-family: Roboto, sans-serif;
     font-size: 12px;
     padding-right: 9px;
     font-weight: 500;
     position: relative;
 }
 
 .content_article_visuel .price:after {
     background-image: url(../img/check.png);
     background-position: center;
     background-repeat: no-repeat;
     height: 18px;
     position: absolute;
     display: block;
     content: '';
     z-index: 2;
     left: 14px;
     top: 3px;
     width: 20px;
 }
 
 .content_article_visuel .title_nm {
     display: inline-block;
     font-size: 25px;
     color: #333;
     font-family: Helvetica, sans-serif;
     text-transform: uppercase;
 }
 
 .main_numero_content .numero_content {
     width: 100%;
     border-bottom: 1px solid #DFDFDF;
     display: inline-block;
 }
 
 .main_numero_content .numero_content li {
     float: left;
     margin-right: 52px;
 }
 
 .main_numero_content .numero_content li a {
     line-height: 19px;
     color: #80818A;
     font-family: Helvetica, sans-serif;
     font-size: 16px;
     padding: 8px 10px;
     background-color: transparent;
     text-align: center;
     display: block;
     transition: 0.3s all ease;
 }
 
 .main_numero_content .numero_content li a:hover {
     background-color: #000000;
     color: #fff;
 }
 
 .main_numero_content .numero_content .item_list a.active {
     font-family: Helvetica, sans-serif;
     font-size: 14px;
     line-height: 19px;
     text-align: center;
     padding: 8px 10px;
     color: #fff;
     display: block;
     text-align: center;
     background-color: #000000;
 }
 
 .no-result {
     display: block;
     padding-top: 43px;
 }
 
 .content_det_top + .label_title {
     margin-top: 25px;
     padding-top:10px;
 }
 
 #main_archiver .pg_numero_content {
     /* display: none !important; */
 }
 
 .link_img_mini_article img {
     box-shadow: 2px 2px 3px #ccc;
 }
 
 .content_article_visuel .m_auto img {
     width: 1000px !important;
     height: auto !important;
 }
 
 .bibliotheque_wrapper {
     overflow: hidden;
     clear: both;
 }
 
 .bibliotheque_wrapper .bibliotheque_header {
     overflow: hidden;
     clear: both;
     margin: 43px 0 61px 0;
 }
 
 .block-quicktabsbiblio,
 .bibliotheque_header .title_bibliotheque h1 {
     position: relative;
     padding: 0 11px 0 15px;
     clear: both;
     overflow: hidden;
     display: inline-block;
     font-family: Helvetica, sans-serif;
     font-size: 42px;
     text-transform: uppercase;
 }
 
 .bibliotheque_header .title_bibliotheque {
     float: left;
 }
 
 .block-quicktabsbiblio,
 .bibliotheque_header .title_bibliotheque h1:before {
     content: '';
     border-right: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     left: 0;
     top: 5px;
 }
 
 .bibliotheque_header .title_bibliotheque h1:after {
     content: '';
     border-left: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     right: 0;
     top: 5px;
 }
 
 .bibliotheque_title_page .nbre_achat {
     color: #9BA2A7;
     font-family: Roboto, sans-serif;
     font-size: 14px;
     display: block;
     margin-left: 15px;
     float: right;
     line-height: 51px;
 }
 /**Main-bibliotheque*/
 
 .main_bibliotheque_content .views-element-container {
     min-height: 100%;
 }
 
 .main_bibliotheque_content ul.quicktabs-tabs li {
     margin-right: 52px;
     float: left;
     padding: 0;
 }
 
 .main_bibliotheque_content ul.quicktabs-tabs {
     width: 100%;
     border-bottom: 1px solid #DFDFDF;
     overflow: hidden;
 }
 
 .main_bibliotheque_content ul.quicktabs-tabs li a {
     line-height: 19px;
     color: #80818A;
     font-family: Helvetica, sans-serif;
     font-size: 16px;
     padding: 0px 35px 20px 15px;
     background-color: transparent;
     text-align: center;
     display: block;
 }


 div#quicktabs-mabibliotheque   {
    position:relative;
} 
  
.view-id-bloc_bibliotheque > .view-content {
  display: flex;
  flex-wrap: wrap;
}
.view-id-bloc_bibliotheque > .view-content  > .col-xs-12.col-sm-6.col-lg-3 {
    padding: 0 5px;
} 

#quicktabs-mabibliotheque form.views-exposed-form.views-exposed-form {
    width: auto;
    position: absolute;
    right: 0;
    margin-top:-60px;
}

#quicktabs-mabibliotheque form#views-exposed-form-mes-abonnes-block-1 {
    width: auto;
    position: absolute;
    right: 0;
    margin-top:-60px;
}

#quicktabs-mabibliotheque label{
    display: none;
}

 div#quicktabs-mabibliotheque .main_bibliotheque_content .view-filters.form-group .js-form-item.form-item   {
    font-size: 16px;
    width: auto;
    overflow: hidden;
    clear: both; 
 }
 
  
 
 
 .main_bibliotheque_content ul.quicktabs-tabs li a:hover,
 .main_bibliotheque_content ul.quicktabs-tabs li.active a {
     border-bottom: 1px solid #9ABC35;
     color: #9ABC35;
     border-left: 0;
     padding: 0px 35px 19px 15px;
 }
 
 .main_bibliotheque_content ul.quicktabs-tabs li a.active {
     border-bottom: 1px solid #9ABC35;
     color: #9ABC35;
     border-left: 0;
     padding: 0px 35px 19px 15px;
 }
 
 .main_item_biblio {
     margin-bottom: 50px;
     width:100%;
     text-align:left;
 }
 
 .main_item_biblio .item_populaire {
     position: relative;
     width: 100%;
     background-color: #F7F8FC;
     padding-bottom: 13px;
 }
 
 .main_item_biblio .item_populaire:hover {
     background-color: rgba(247, 248, 252, 0.1);
 }
 
 .main_item_biblio .cat__populaire {
     color: #FFFFFF;
     font-family: 'Helvetica', sans-serif;
     font-size: 12px;
     line-height: 20px;
     display: inline-block;
     background-color: #9ABC35;
     padding: 2px 10px 1px 7px;
     margin-top: 21px;
     text-align: left;
     margin-left: 1px;
 }
 
 .main_item_biblio .item__media {
     text-align: center;
     height: 260px;
     width: 180px;
 }
 
 .main_item_biblio .item__media img {
     box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     -webkit-box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     object-fit: cover;
     height: 100%;
 }
 
 .main_item_biblio .item__media_content {
     position: relative;
     margin: 0 auto;
     display: table;
     padding: 20px 0 5px 0;
 }
 
 .main_item_biblio .populaire__content {
     font-family: 'Roboto', sans-serif;
     text-align: center;
     display:contents;
     width: 100%;
     max-width: max-content;
 }
 


 .main_item_biblio .item_populaire .pop_item_link {
     width: 65%;
     margin: 0 auto;
     left: 0;
     overflow: hidden;
     right: 0;
     position: absolute;
     display: block;
     font-size: 15px;
     line-height: 18px;
     text-align: center;
     color: #FFF;
     font-family: Helvetica, sans-serif;
     margin-top: 300px;
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s linear;
 }
 
 .main_item_biblio .item_populaire:hover .pop_item_link {
     margin: 55% auto;
     line-height: 45px;
     z-index: 10;
     border-radius: 25px;
     background-color: #000000;
     visibility: visible;
     opacity: 1;
 }

 .main_item_biblio .item_populaire .pop_item_link.plinfo{
    background-color:transparent;
    text-indent: -999999px; 
    color:transparent;
    margin:0 auto;
    height:100%;
  }

  .main_item_biblio .item_populaire:hover .pop_item_link.plinfo{
    background-color:transparent;
    text-indent: -999999px; 
    margin:0 auto;
    color:transparent;
    height:100%;
   }
 
   /* titre session-reference*/
   #edit-session-reference--wrapper .fieldset-legend {
    text-transform: inherit;
   }

  /* .item_populaire .pop_item_link + .item__media_content .item__media img{
        max-width: 100%;
        height: auto;
        display: block;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
  }
  
 .item_populaire .pop_item_link + .item__media_content .item__media img:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
  } */


 .main_item_biblio .biblio_action_variable {
     margin: auto 12px;
 }
 
 .main_item_biblio .populaire__content span {
     font-family: 'Roboto', sans-serif;
     text-align: center;
     color: #33333A;
 }
 
 .main_item_biblio span.mag__item:nth-child(2),
 .main_item_biblio span.mag__item:nth-child(3) {
     text-transform: uppercase;
 }
 
 .main_item_biblio span.mag__item:nth-child(1) {
     opacity: 0.44;
     font-size: 10px;
     line-height: 20px;
 }
 
 .main_item_biblio span.mag__item:nth-child(2) {
     font-size: 11px;
     font-weight:initial;
     line-height: 20px;
     text-transform:capitalize;
 }
 
 .main_item_biblio span.mag__item:nth-child(3) {
     font-size: 16px;
     font-weight:initial;
     line-height: 25px;
     font-weight:500;
     text-transform:uppercase;
 }

 .main_item_biblio span.mag__item:nth-child(4) {
    opacity: 0.53;
    font-size: 12px;
    line-height: 25px;
    text-transform:uppercase;
}


 .main_item_biblio.category span.fieldperiodicite {
     color: #FFFFFF;
     font-family: 'Helvetica', sans-serif;
     font-size: 12px;
     line-height: 20px;
     display: inline-block;
     background-color: #9ABC35;
     padding: 2px 10px 1px 7px;
     margin: 0 auto;
     text-align: center;
     display: table;
     width: auto;
 }

 /*==Biblio /Content-Item/==*/
.content_biblio_visuel .main_item_biblio {
     margin-bottom: 82px;
 }
 
.main_bibliotheque_content .more-link {
     margin: 0 auto 120px;
     display: table;
 }
 
.main_bibliotheque_content .more-link a {
     line-height: 48px;
     width: 257px;
     border: 1px solid #C7CFD5;
     font-size: 16px;
     border-radius: 24px;
     margin-bottom: 189px;
     color: #c7cfd5;
     padding: 12px 70px;
     font-weight: 400;
 }
 
 .main_bibliotheque_content .more-link a:hover {
     opacity: 0.7;
 }
 
 .content_biblio_visuel .main_item_biblio .item_populaire {
     position: relative;
     width: 100%;
     background-color: #F7F8FC;
     padding-bottom: 13px;
 }
 
 .content_biblio_visuel .main_item_biblio .item_populaire:hover {
     background-color: rgba(247, 248, 252, 0.1);
 }
 
 .content_biblio_visuel .main_item_biblio .cat__populaire {
     color: #FFFFFF;
     font-family: 'Helvetica', sans-serif;
     font-size: 12px;
     line-height: 20px;
     display: inline-block;
     background-color: #9ABC35;
     padding: 2px 10px 1px 7px;
     margin-top: 21px;
     margin-left: 1px;
 }
 
 .content_biblio_visuel .main_item_biblio .item__media {
     text-align: center;
     height: 232px;
     width: 169px;
 }
 
 .content_biblio_visuel .main_item_biblio .item__media img {
     box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     -webkit-box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     object-fit: cover;
     height: 100%;
 }
 
 .content_biblio_visuel .main_item_biblio .item__media_content {
     position: relative;
     margin: 0 auto;
     display: table;
     padding: 48px 0 19px 0;
 }
 
 .content_biblio_visuel .main_item_biblio .populaire__content {
     font-family: 'Roboto', sans-serif;
     text-align: center;
 }
 
 .content_biblio_visuel .main_item_biblio .item_populaire .pop_item_link {
     width: 65%;
     margin: 0 auto;
     left: 0;
     overflow: hidden;
     right: 0;
     position: absolute;
     display: block;
     font-size: 15px;
     line-height: 18px;
     text-align: center;
     color: #FFF;
     font-family: Helvetica, sans-serif;
     margin-top: 300px;
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s linear;
 }
 
 .content_biblio_visuel .main_item_biblio .item_populaire:hover .pop_item_link {
     margin: 55% auto;
     line-height: 45px;
     z-index: 10;
     border-radius: 25px;
     background-color: #000000;
     visibility: visible;
     opacity: 1;
 }
 
 .main_item_biblio .biblio_action_variable {
     margin: auto 12px;
 }
 
 
 .content_biblio_visuel .col-xs-12.col-sm-6.col-lg-3{
    float:left;
}
 

 .main_item_biblio .item_populaire .element__lien .biblio_action_variable span {
     font-family: Roboto, sans-serif;
 }
 
 .biblio_action_variable span.total {
     position: relative;
     letter-spacing: 0.74px;
     line-height: 30px;
     text-align: right;
     height: 31px;
     border-radius: 25px;
     background-color: #FFFFFF;
     border: 1px solid rgba(151, 151, 151, 0.17);
     width: 50%;
     color: #1974FE;
     font-size: 12px;
     padding-right: 9px;
     font-weight: 500;
     display: inline-block;
 }
 
 .element__lien .biblio_action_variable span.total:after {
     background-image: url(../img/check.png);
     background-position: center;
     background-repeat: no-repeat;
     height:22px;
     position: absolute;
     display: block;
     content:'';
     z-index:2;
     left: 5px;
     top:2px;
     width:21px;
 }
 
 .element__lien .biblio_action_variable span.item_variable {
     float: right;
     color: #33333A;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     line-height: 30px;
 }
 
 .main_wrapper .content_interne .views-element-container {
     min-height: 765px;
 }
 
 .main_wrapper .content_interne #main_archiver .views-element-container {
     min-height: 100%;
 }
 
 .content_biblio_visuel .main_item_biblio .populaire__content span {
     font-family: 'Roboto', sans-serif;
     text-align: center;
     color: #33333A;
 }
 

 .content_biblio_visuel .biblio_readmore {
     margin: 0 auto 120px;
     display: table;
 }
 
 .content_biblio_visuel .biblio_readmore a.action_btn_display {
     line-height: 48px;
     width: 257px;
     border: 1px solid #C7CFD5;
     font-size: 16px;
     border-radius: 24px;
     margin-bottom: 189px;
     color: #c7cfd5;
     padding: 12px 70px;
     font-weight: 400;
 }
 
 .content_biblio_visuel .biblio_readmore a.action_btn_display:hover {
     opacity: 0.7;
 }
 
 .content_biblio_visuel .main_item_biblio .item__media {
     text-align: center;
     height: 232px;
     width: 169px;
 }
 
 .content_biblio_visuel .main_item_biblio .item__media img {
     box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     -webkit-box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: -5px 2px 9px -2px rgba(0, 0, 0, 0.75);
     object-fit: cover;
     height: 100%;
 }
 
 .content_biblio_visuel .main_item_biblio .item__media_content {
     position: relative;
     margin: 0 auto;
     display: table;
     padding: 48px 0 19px 0;
 }
 
 .content_biblio_visuel .main_item_biblio .populaire__content {
     font-family: 'Roboto', sans-serif;
     text-align: center;
 }
 
 .content_biblio_visuel .main_item_biblio .item_populaire .pop_item_link {
     width: 65%;
     margin: 0 auto;
     left: 0;
     overflow: hidden;
     right: 0;
     position: absolute;
     display: block;
     font-size: 15px;
     line-height: 18px;
     text-align: center;
     color: #FFF;
     font-family: Helvetica, sans-serif;
     margin-top: 300px;
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s linear;
 }
 
 .content_biblio_visuel .main_item_biblio .item_populaire:hover .pop_item_link {
     margin: 55% auto;
     line-height: 45px;
     z-index: 10;
     border-radius: 25px;
     background-color: #000000;
     visibility: visible;
     opacity: 1;
 }
 
 .main_item_biblio .biblio_action_variable {
     margin: auto 12px;
 }
 
 .main_item_biblio .item_populaire .element__lien .biblio_action_variable span {
     font-family: Roboto, sans-serif;
 }
 
 .biblio_action_variable span.total {
     position: relative;
     letter-spacing: 0.74px;
     line-height: 30px;
     text-align: right;
     height: 31px;
     border-radius: 25px;
     background-color: #FFFFFF;
     border: 1px solid rgba(151, 151, 151, 0.17);
     width: 50%;
     color: #1974FE;
     font-size: 12px;
     padding-right: 9px;
     font-weight: 500;
     display: inline-block;
 }
 
 .element__lien .biblio_action_variable span.total:after {
     background-image: url(../img/check.png);
     background-position: center;
     background-repeat: no-repeat;
     height: 20px;
     position: absolute;
     display: block;
     content: '';
     z-index: 2;
     left: 5px;
     top: 2px;
     width: 29px;
 }
 
 .element__lien .biblio_action_variable span.item_variable {
     float: right;
     color: #33333A;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     line-height: 30px;
 }
 
 .main_wrapper .content_interne .views-element-container {
     min-height: 765px;
 }
 
 .main_wrapper .content_interne #main_archiver .views-element-container {
     min-height: 100%;
 }
 
 .content_biblio_visuel .main_item_biblio .populaire__content span {
     font-family: 'Roboto', sans-serif;
     text-align: center;
     color: #33333A;
 }

 .content_biblio_visuel .main_item_biblio span.mag__item:nth-child(1) {
     opacity: 0.44;
     font-size: 10px;
     line-height: 20px;
 }
 
 .content_biblio_visuel .main_item_biblio span.mag__item:nth-child(2) {
     font-size: 11px;
     font-weight: initial;
     line-height: 20px;
     text-transform: uppercase;
 }
 
 .content_biblio_visuel .main_item_biblio span.mag__item:nth-child(4) {
     opacity: 0.53;
     font-size: 13px;
     line-height: 25px;
 }
 


  
 .content_biblio_visuel .biblio_readmore {
     margin: 0 auto 120px;
     display: table;
 }
 
 .content_biblio_visuel .biblio_readmore a.action_btn_display {
     line-height: 48px;
     width: 257px;
     border: 1px solid #C7CFD5;
     font-size: 16px;
     border-radius: 24px;
     margin-bottom: 189px;
     color: #c7cfd5;
     padding: 12px 70px;
     font-weight: 400;
 }
 
 .content_biblio_visuel .biblio_readmore a.action_btn_display:hover {
     opacity: 0.7;
 }
 /**-==== Pack&Abonnement====**/
 
 .main_pack_wrapper {
     margin-top: 0;
 }
 
 .pack_content_interne .pack_wrapper .pack_header {
     min-height: 520px;
     background-color: #333;
     clear: both;
     height: 500px;
 }
 
 .pack_content_interne .pack_wrapper {
     text-align: center;
     text-transform: uppercase;
     z-index: 3;
     position:relative;
 }
 
 .pack_content_interne .pack_header {
     position: relative;
 }
 
 .pack_content_interne .pack_wrapper .pack_header img {
     object-fit: cover;
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     top:0;
     height:100%;
     width:100%;
 }

 /*Overlay for image header*/
 
 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-color: rgba(0, 0, 0, 0.5);
 }
 
 .pack_content_interne .pack_wrapper .pack_header .pack_content {
     position: absolute;
     top: 10px;
     left: 0;
     right: 0;
     margin: 70px auto 0;
     width: 100%;
     z-index: 3;
 }
 
 .pack_content_interne .pack_wrapper .pack_header .pack_content h3 {
     text-transform: initial;
     color: #FFFFFF;
     font-family: Roboto, sans-serif;
     font-size: 32px;
     font-weight: 300;
     line-height: 38px;
     text-align: center;
     margin-bottom: 17px;
     white-space: pre-line;
     width: 55%;
     margin: 0 auto 19px;
 }
 
 .pack_content_interne .pack_wrapper .pack_header .pack_content .description {
     color: #FFFFFF;
     font-family: Roboto, sans-serif;
     font-size: 15px;
     line-height: 18px;
     text-align: center;
     text-transform: initial;
 }
 


 /**Card**/
 div#item_abonnement{
    display: flex;
    flex-wrap: wrap;
    width:100%;
    max-height: 445px;
    overflow: hidden;
}

    #item_abonnement .views-row-pack {
        position:relative;
    }

 .pack_content_interne .pack_wrapper .pack_three {
     position: absolute;
     top:-80px;
     color: #fff;
     left: 0;
     right: 0;
     margin: 0 auto;
     z-index: 3;
 }
 
 #item_abonnement .views-row-pack,
 .pack_content_interne .pack_wrapper .pack_three .views-row,
 #block-blocpacketabonnenment .pack_three  .cardpack {
    width: 33%; 
    flex: 1 1;
    max-width: 100%;
 }



/**blocpacketabonnenment**/
 .pack_wrapper div#block-blocpacketabonnenment {
    position: absolute;
    top:28%;
    left:0;
    right:0;
 }
 
 .view-packlist .view-content {
     display: flex;
 }
 
 
 #item_abonnement .views-row-pack .cardpack,
 .pack_wrapper .pack_three .cardpack {
     padding-top: 25px;
     padding-bottom: 30px;
     border-left: 1px solid #C1D3D2;;
     background-color: #FFFFFF;
     width: 100%;
     padding-left: 20px;
     padding-right: 20px;
     min-height: 330px;
     height:100%;
 }

 .pack_wrapper .pack_three .cardpack:first-child {
     border-left: none;
 }
 
 .pack_wrapper .pack_three .col-md-4:nth-child(2) .cardpack {
     border-right: 0;
     border-left: 0;
 }
 
 .pack_wrapper .cardheader h2 {
     color: #9ABC35;
     font-family: Roboto, sans-serif;
     font-size: 20px;
     font-weight: 500;
     line-height: 18px;
     text-align: center;
     background-color: #fff;
     display: inline-block;
     width: 100%;
     margin:0;
     padding-bottom:13px;
 }
 
 .pack_wrapper .features li {
     color: #9BA2A7;
     font-family: Roboto, sans-serif;
     font-size: 14px;
     line-height: 28px;
     text-align: center;
     text-transform: initial;
 }
 
 .pack_wrapper .pack_three .cardpack .nombre {
     display: table;
     margin: 0 auto;
 }

 
 .view_content .pack_three .min_container .cardpack .bodyfeatures {
    padding: 2rem 0;
 }


 .view_content .pack_three .min_container .cardpack p {
        color:#9BA2A7;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        text-transform: initial;
        margin-bottom: 7px;
 }
 

 .pack_wrapper .pack_three .cardpack .nombre span.nbr {
     line-height: 79px;
     color: #9ABC35;
     font-family: 'Montserrat', sans-serif;
     font-size: 65px;
     font-weight: bold;
     line-height: 70px;
     text-align: center;
     float: left;
     margin-left: 40px;
 }
 
 .pack_wrapper .pack_three .cardpack .nombre span.mad {
     color: #9BA2A7;
     font-family: Roboto, sans-serif;
     font-size: 18px;
     font-weight: bold;
     line-height: 70px;
     text-align: center;
 }
 
 .pack_wrapper .pack_three .cardpack .nombre span.month {
     display: block;
     font-family: Roboto, sans-serif;
     font-size: 14px;
     line-height: 10px;
     text-align: center;
     color: #9BA2A7;
     text-transform: none;
 }
 
 .pack_wrapper .features {
    height: 70%;
    text-align: justify;
    list-style: none;
    margin-bottom: 4px;
 }
 
 .borderight {
     border-right: 0;
 }

 #item_abonnement .views-row-pack .cardpack,
 .view_content  .cardpack {
        position:relative;
    }

 .view_content  .cardpack .btn_choisir ,
 #item_abonnement .views-row-pack .cardpack .btn_choisir,
 #item_abonnement .views-row .cardpack .btn_choisir {
    position:absolute;
    left:0;
    right:0;
    bottom:22px;
    width:55%;
 }

  /*views-row  */
  .pack_three .cardpack .btn_choisir{
    border:1px solid #9ABC35;
  }

 #item_abonnement .views-row .cardpack .btn_choisir,
 .btn_choisir {
     display: inline-block;
     margin: 0 auto;
     border-radius: 25.5px;
     background-color: #fff;
     line-height: 41px;
     border: 1px solid #979797;
     color: #9BA2A7;
     text-decoration: none;
     font-size: 13px;
     padding: 0 50px;
     font-family: Roboto, sans-serif;
     text-transform: capitalize;
     width: auto;
 }
 
 #item_abonnement .views-row .cardpack .btn_choisir:hover,
 .btn_choisir:hover #item_abonnement .views-row .cardpack .btn_choisir:focus,
 .btn_choisir:focus {
     background-color: #000000;
     color: #fff;
 }
 
 .btn_choisir:hover,
 .btn_choisir:focus {
     background-color: #000000;
     color: #fff;
 }
 
 .pack_content_interne .pack_wrapper .pack_three .views-row:nth-child(2) .btn_choisir.active {
     background-color: #000000;
     color: #fff;
 }
 /**Content*/
 
 .content_pack_visuel {
     padding-top: 117px;
 }
 
 .container.min_container {
    width: 763px;
    display: flex;
    flex-wrap: wrap;
 }

 .pack_three .container.min_container {
    border: 1px solid #C1D3D2;
 }
 
 .content_pack_visuel .pack_title_header {
     display: table;
     margin: 0 auto;
 }
 
 .content_pack_visuel h2.title_pack {
     position: relative;
     padding: 0 11px 0 15px;
     clear: both;
     overflow: hidden;
     display: inline-block;
     font-family: Helvetica, sans-serif;
     font-size: 42px;
     text-transform: initial;
     margin-bottom: 19px;
 }
 
 .content_pack_visuel h2.title_pack:before {
     content: '';
     border-right: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     left: 0;
     top: 5px;
 }
 
 .content_pack_visuel h2.title_pack:after {
     content: '';
     border-left: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     right: 0;
     top: 5px;
 }
 
 .content_pack_visuel .inclu_span {
     height: 38px;
     color: #9ABC35;
     font-family: Roboto, sans-serif;
     font-size: 32px;
     font-weight: 300;
     line-height: 38px;
     text-align: center;
     display: block;
     margin-bottom: 57px;
     text-transform: initial;
 }
 
 .content_pack_visuel .item_list {
     color: #9BA2A7;
     font-family: Roboto;
     font-size: 14px;
     line-height: 36px;
     text-align: left;
     text-transform: initial;
     padding-left: 25px;
 }
 
 .content_pack_visuel .item_list li {
     position: relative;
 }
 
 .content_pack_visuel .item_list li:after {
     background-image: url(../img/valide.svg);
     background-position: center;
     background-repeat: no-repeat;
     height: 24px;
     position: absolute;
     display: inline-block;
     content: '';
     z-index: 1;
     width: 24px;
     left: -32px;
     top: 5px;
 }
 
 .besoin_daide {
     margin: 105px 0;
     position: relative;
 }
 
 .besoin_daide h2 {
     font-size: 32px;
     color: #9ABC35;
     font-family: Roboto;
     font-size: 32px;
     font-weight: 300;
     line-height: 38px;
     text-align: center;
     text-transform: initial;
     margin: 0 0 27px;
 }
 
 .besoin_daide h2:after {
     background-image: url(../img/aide.svg);
     background-position: center;
     background-repeat: no-repeat;
     height: 42px;
     position: absolute;
     display: inline-block;
     content: '';
     z-index: 1;
     width: 42px;
     top: -50px;
     right: 0;
     left: 0;
     margin: 0 auto;
 }
 
 .besoin_daide h2:before {
     border: 1px solid #6FB048;
     display: block;
     margin: 19px auto 11px auto;
     width: 65px;
     display: block;
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 101px;
 }
 
 .besoin_daide .line {
     border: 1px solid #6FB048;
     display: block;
     margin: 19px auto 11px auto;
     width: 65px;
 }
 
 .besoin_daide .item_paragraph {
     color: #000000;
     font-family: Roboto, sans-serif;
     font-size: 15px;
     line-height: 18px;
     text-align: center;
     margin-bottom: 44px;
     text-transform: initial;
     width: 50%;
     margin: 0 auto 44px auto;
 }
 
 .besoin_daide .support {
     color: #9ABC35;
     font-family: Roboto, sans-serif;
     font-size: 18px;
     line-height: 21px;
     text-align: center;
     text-transform: initial;
 }
 /**Moncompte**/
 
 .mon_compte_inside {
     margin-bottom: 200px;
 }
  
 
 .mon_compte_wrapper .mon_compte_header {
     padding-top: 70px;
     padding-bottom: 50px;
 }
 
 .mon_compte_wrapper .mon_compte_title_page {
     margin: 0 auto;
     display: table;
 }
 
 .mon_compte_wrapper h2.title_mon_compte {
     position: relative;
     padding: 0 50px 0 50px;
     clear: both;
     overflow: hidden;
     display: inline-block;
     font-family: Helvetica, sans-serif;
     font-size: 42px;
     text-transform: inherit;
 }
 
 .mon_compte_wrapper h2.title_mon_compte:before {
     content: '';
     border-right: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     left: 0;
     top: 5px;
 }
 
 .mon_compte_wrapper h2.title_mon_compte:after {
     content: '';
     border-left: 3px solid #9ABC35;
     position: absolute;
     height: 75%;
     right: 0;
     top: 5px;
 }
 

 
 
 .main_mon_compte_content .col-md-6 .moncompte_conn .js-form-item > div,
 .main_mon_compte_content .col-md-6 .content_compte .js-form-item > div {
     max-width:100%;
     width:100%;
 }

  #edit-account #edit-actions {
    float: right;
}
   
 .main_mon_compte_content .col-md-6 .moncompte_conn,
 .main_mon_compte_content .col-md-6 .content_compte {
     border: 1px solid #e9e7e7;
     padding: 26px 29px 12px 29px;
     min-height: 370px;
 }
 
 .main_mon_compte_content .col-md-6 h3.title_compte {
     color: #9ABC35;
     font-family: Roboto, sans-serif;
     font-size: 23px;
     font-weight: 500;
     line-height: 25px;
     text-transform: uppercase;
     margin-bottom: 13px;
 }
 
 .main_mon_compte_content .col-md-6 p {
     color: #9BA2A7;
     font-family: Roboto;
     font-size: 14px;
     letter-spacing: 0.9px;
     line-height: 18px;
 }
 
 .main_mon_compte_content .col-md-6:nth-child(1) .para_compte {
     margin-bottom: 42px;
 }
 
 #contact-message-feedback-form .creer_un_compte,
 .main_mon_compte_content .moncompte_conn .creer_un_compte,
 .main_mon_compte_content .moncompte_conn .user-register-form .au-btn,
 .main_mon_compte_content .content_compte .btnprimary {
     color: #FFFFFF !important;
     font-family: Roboto;
     font-size: 13px;
     line-height: 12px;
     text-align: center;
     border: 1px solid #979797;
     border-radius: 21px;
     background-color: #000000;
     height: 43px;
     padding: 0 60px;
     line-height: 42px;
     transition: 0.3s all ease;
     width: 272px;
     opacity: 1;
 }
 


 #contact-message-feedback-form .creer_un_compte:hover,
 .main_mon_compte_content .moncompte_conn .creer_un_compte:hover,
 .main_mon_compte_content .content_compte .btnprimary:hover {
     background-color: #9ABC35;
     border: 1px solid #9ABC35;
 }

 #contact-message-feedback-form .col-md-6.mt-4.pl-0 {
    width: 100%;
    text-align: center;
    max-width: 100%;
    flex: 0 0 100%;
 }
 #contact-message-feedback-form .col-md-6.mt-4.pl-0 #edit-submit {
    display: inline-block;
 }
 
 .main_mon_compte_content label,
 .fieldset-legend, form h4 {
     color: #3b3b3b;
     font-size: 14px;
     text-transform: uppercase;
 }
 
 .main_mon_compte_content .req_fields {
     color: #8b8b8b;
     float: right;
     font-size: 12.5px;
     text-transform: capitalize;
     font-weight: 300;
 }
 
 .main_mon_compte_content .req_fields1 {
    float: none;
    margin-top: 20px;
    display: block;
}
 
 .main_mon_compte_content input[type='email'] {
     color: #6c747d;
 }
 
 .main_mon_compte_content input {
     background-color: #f7f8fa;
     height: 40px;
     border: 1px solid #f7f8fa;
     display: block;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     margin:0;
     line-height: 1.5;
     color: #495057;
     background-clip: padding-box;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

  
 .main_mon_compte_content legend {
    margin:0;
    font-size: 14px;
}
 
 .main_mon_compte_content .form-control {
     padding: 12px 14px;
 }
 
 .main_mon_compte_content .form-control:focus {
     box-shadow: none;
     border-color: #2978ff;
 }
 
 .main_mon_compte_content .lst_pwd {
     color: #609aff;
     float: right;
     font-size: 13.5px;
     text-transform: initial;
     margin-top: 16px;
 }
 
 .main_mon_compte_content .form-group {
     margin-bottom: 20px;
     clear: both;
     color:#9ba2a7;
 }


 /***Mon Compte****/
 .detailCompte_inside {
     padding-top: 40px;
 }
 
 .detailCompte_inside .detailCompte_wrapper .contentWallet {
     border: 2px solid #f3f4f4;
     border-radius: 4px;
     height: 100%;
     padding-bottom: 0;
     display: block;
     overflow: hidden;
 }
 
 .detailCompte_inside .detailCompte_wrapper .line {
     height: 2px;
     width: 550px;
     border: 1px solid #E4E6E5;
 }
 
 .detailCompte_inside .detailCompte_wrapper .col-md-6 h3 {
     color: #9ABC35;
     font-family: Roboto, sans-serif;
     font-size: 18px;
     line-height: 21px;
     margin-bottom: 0;
 }
 
 .detailCompte_inside .detailCompte_wrapper .profil,
 .detailCompte_inside .detailCompte_wrapper .activite {
     padding: 12.5px 0 15px 25px;
     border-bottom: 2px solid #f3f4f4;
 }
 
 .detailCompte_wrapper .activite {
     margin-bottom: 75px;
 }
 
 .contentWallet .contentProfile {
     padding: 0 70px 30px;
 }
 
 .contentWallet .contentDescription {
     float: left;
     margin-left: 55px;
     margin-top:8px;
 }
 
 .contentWallet .contentDescription:nth-child(2) {
     margin-left: 90px;
     margin-top:14px;
 }
 
 .contentWallet .contentWallet .contentWllt {
     padding: 21px 65px 10px 47px;
 }
 
 .contentWallet .contentDescription .immagineprofilo {
    background-image: url(../images/avatar.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 110px;
    width: 140px;
    padding: 0 10px;
    margin:10px auto 14px;
 }

 .contentWallet .contentDescription .immagineprofilo img {
     border: 1px solid #ECECEC;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
     border-radius: 50%;
     height: inherit;
     object-fit: none;
 }
 
 .contentWallet .contentDescription .postaddr {
     padding-top:14px;
     padding-bottom: 9px;
     position: relative; 
 }
 
 .contentWallet .contentDescription .postaddr:before {
     border-bottom: 1px solid #E4E6E5;
     content: '';
     position: absolute;
     min-width: 191px;
     bottom: 0;
 }
 
 .contentWallet .contentDescription .postaddr span {
     display: block;
 }
 
 .contentWallet .contentDescription .postaddr .addrese {
     color:#999;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     font-weight:600;
     line-height: 17px;
     text-transform:capitalize;
 }
 
 .contentWallet .contentDescription .postaddr .emailWeb {
     color: #333333;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     font-weight: 600;
     line-height: 19px;
 }
 
 .contentDescription .infoWallet {
     text-align: center;
 }
 
 .contentDescription .infoWallet h4.nameWallet {
     color: #333333;
     font-family: Roboto, sans-serif;
     font-size: 19px;
     line-height: 23px;
     text-align: center;
     font-weight: 400;
     margin:20px 0 3px;
 }
 
 .contentDescription .infoWallet .desactiver  {
    color:#0465AC;
    display: block;
    border: 0;
    background: none;
    padding:0;
 }
 
 .contentDescription .btn_desactiver .modifier {
    color:#0465AC;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight:initial;
    margin:6px 0;
    display: block;
 }

 .contentDescription .infoWallet .desactiver:hover,
 .contentDescription .btn_desactiver .modifier:hover {
     text-decoration: underline;
 }
 
 .contentWallet .contentDescription .abonnement_prenium {
     padding: 7px 0;
     position: relative;
     margin-bottom:0px;
 }
 .contentWallet .contentDescription .inscription {
    padding: 7px 0;
    position: relative;
    margin-bottom:0px;
}
 .contentWallet .contentDescription .abonnement_prenium:before {
     border-bottom: 1px solid #E4E6E5;
     content: '';
     position: absolute;
     min-width: 190px;
     bottom: 0;
 }
 
 .contentWallet .contentDescription .inscription:before {
    border-bottom: 1px solid #E4E6E5;
    content: '';
    position: absolute;
    min-width: 190px;
    bottom: 0;
}

 .contentWallet .contentDescription .abonnement_prenium .abonnement {
     color: #999999;
     font-family: "Open Sans", sans-serif;
     font-size:14px;
     font-weight: 600;
     line-height: 17px;
     display: block;
     text-transform: capitalize;
 }
 
 .contentWallet .contentDescription .abonnement_prenium .premium {
     color: #333333;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     font-weight: 600;
     line-height: 19px;
     text-transform:capitalize;
 }
 
 .contentWallet .contentDescription .thegroupe {
     padding: 9px 0;
     position: relative;
 }
 
 .contentWallet .contentDescription .thegroupe:before {
     content: '';
     position: absolute;
     min-width: 190px;
     border-bottom: 1px solid #E4E6E5;
     bottom: 0;
 }
 
 .contentWallet .contentDescription .thegroupe .groupe {
     color: #999999;
     font-family: "Open Sans", sans-serif;
     font-size: 12px;
     font-weight: 600;
     line-height: 17px;
     display: block;
     text-transform: uppercase;
 }
 
 .contentWallet .contentDescription .thegroupe .space_ {
     color: #333333;
     font-family: ".SF NS Display";
     font-size: 14px;
     line-height: 17px;
 }
 
  
 .contentWallet .contentDescription .dateletter {
     color: #999999;
     font-family: "Open Sans", sans-serif;
     font-size: 12px;
     font-weight: 600;
     line-height: 17px;
     text-transform: uppercase;
 }
 
 .contentWallet .contentDescription .dateformat {
     color: #333333;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     font-weight: 600;
     line-height: 19px;
     display: block;
 }
 
 .contentWallet .contentProfile .col-md-6 span {
     display: block;
     font-size: 12px;
     line-height: 14px;
     font-family: Roboto, sans-serif;
     text-transform: uppercase;
     text-align: center;
 }
 
 .user-form input.btnprimary,
 .user-pass input.btnprimary {
     color: #FFFFFF;
     /* font-family: Roboto; */
     font-size: 13px;
     line-height: 12px;
     text-align: center;
     border: 1px solid #979797;
     border-radius: 21px;
     background-color: #000000;
     height: 43px;
     padding: 13.5px 60px;
     line-height: 15px;
     transition: 0.3s all ease;
 }
 
 .user-form input.btnprimary:hover,
 .user-pass input.btnprimary:hover {
     background-color: #9ABC35;
     border: 1px solid #9ABC35;
 }
 
 .main_mon_compte_content .col-md-6 .moncompte_conn.pass {
     min-height: 100%;
 }
  
 a.creer_un_compte {
     display: block;
     width: 270px;
 }
 
 form#user-register-form {
     margin-top: 20px;
 }
 
 form#user-register-form label {
    margin-bottom: 0.25rem;
  }

form#user-register-form .form-item-field-type label {
    margin-bottom: 7px;
}

  
  

 .user-form .js-form-type-radio {
     float: left;
     margin-bottom: 10px;
 }
 
 .user-form .js-form-type-radio label.option {
     line-height: 37px;
     margin: 0;
     margin-right: 30px;
     margin-left: 5px;
     text-transform: capitalize;
     font-size: 14px;
 }
 
 .user-form .js-form-type-radio > * {
     float: left;
     width: auto;
 }
 
 
 div#edit-field-interesse-par > div input#edit-field-interesse-par-none,
 div#edit-field-interesse-par > div input#edit-field-interesse-par-none+label {
     display: none;
 }
 
 .contentWallet .contentProfile .col-md-6:nth-child(3) .item_activite,
 .contentWallet .contentProfile .col-md-6:nth-child(4) .item_activite {
     padding-top: 25px;
 }
 
 .contentWallet .contentProfile .row .col-md-6:nth-child(4):after {
     position: absolute;
     content: '';
     border-left: 1px solid #E4E6E5;
     top: 0;
     left: -1px;
     width: 100%;
     height: 100%;
 }
 
 .contentWallet .contentProfile .col-md-6:nth-child(1) .item_activite:after {
     background-image: url(../img/diagram_n.png);
     background-position: center;
     background-repeat: no-repeat;
     height: 37px;
     width: 34px;
     top: -35px;
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     margin: 0 auto;
 }
 
 .contentWallet .contentProfile .col-md-6:nth-child(2) .item_activite:after {
     background-image: url(../img/diagram_n1.png);
     background-position: center;
     background-repeat: no-repeat;
     height: 37px;
     width: 34px;
     top: -35px;
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     margin: 0 auto;
 }
 
 .contentWallet .contentProfile .col-md-6 span.bleu {
     color: #1974FE;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     line-height: 14px;
 }
 
 .contentWallet .contentProfile .col-md-6 span.orange {
     color: #EC6D29;
 }
 
 .contentWallet .contentProfile .col-md-6 span.nbrabonner {
     color: #333333;
     font-family: 'Roboto', sans-serif;
     font-size: 24px;
     line-height: 28px;
     text-align: center;
     padding-top: 6px;
 }
 /*table.html**/
 
 .detailCompte_wrapper .contenu_table {
     padding-top: 53px;
 }
 
 .detailCompte_wrapper .detailcmpt_content li {
     float: left;
     margin-right: 52px;
 }
 
 .detailCompte_wrapper .detailcmpt_content li a {
     line-height: 19px;
     color: #252525;
     font-family: Helvetica, sans-serif;
     font-size: 16px;
     padding: 0px 35px 20px;
     background-color: transparent;
     text-align: center;
     display: block;
 }
 
 .detailcmpt_content {
     width: 100%;
     border-bottom: 1px solid #DFDFDF;
     display: inline-block;
 }
 
 .detailCompte_wrapper .detailcmpt_content li a:hover,
 .detailCompte_wrapper .detailcmpt_content li a:focus,
 .detailCompte_wrapper .detailcmpt_content li a:visited {
     border-bottom: 3px solid #9ABC35;
     color: #9ABC35;
     border-left: 0;
     padding: 0px 35px 17px;
 }
 
 .detailCompte_wrapper .detailcmpt_content li a.actif {
     border-bottom: 3px solid #9ABC35;
     color: #9ABC35;
     border-left: 0;
     padding: 0px 44px 17px;
 }
 
 table.table.tablestriped th,
 .table.table.tablestriped thead th {
     border: 0;
 }
 
 .detailCompte_wrapper .tablestriped.table td {
     text-align: left;
     color: #919da6;
     font-family: 'Roboto', sans-serif;
     font-size: 13.5px;
     line-height: 16px;
 }
 
 .detailCompte_wrapper .tablestriped.table thead tr th {
     color: #000000;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     font-weight: bold;
     letter-spacing: 1.71px;
     line-height: 14px;
     text-align: left;
     text-transform: uppercase;
     min-width: 150px;
     max-width: 100%;
 }
 
 .spnaffichage .chiffrepg1,
 .spnaffichage .affichage1 {
     color: #3f495b;
 }

  /* filtrage profil user */
    #quicktabs-statistic .view-filters.form-group {
        position: relative;
    }
   
    form#views-exposed-form-statistic-block-1 {
        position: absolute;
        right: 0px;
        top: -65px;
        width: 20%;
    }
    
    
    form#views-exposed-form-editeurstatistic-abonnement-block-1,
    form#views-exposed-form-editeurstatistic-ventre-block-1{
        position: absolute;
        right: 5px;
        top: 0px;
        width: 20%
    }



    form#views-exposed-form-statistic-abonnement-block-1{
        position: absolute;
        right: 5px;
        top: -70px;
        width: 20%
    }
    
    form#views-exposed-form-editeurstatistic-abonnement-block-1 select ,
    form#views-exposed-form-editeurstatistic-ventre-block-1 select ,
    form#views-exposed-form-statistic-abonnement-block-1 select ,
    form#views-exposed-form-statistic-block-1 select {
        font-size: 14px;
        width:90%;
    }
    
    .js-form-item.form-item.js-form-type-select.form-item-source.js-form-item-source label {
        color: #252525;
        display: inline;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        width: 50%;
    }

 
 /* */
 
 input#edit-submit-statistic {
     border: 0;
     width: 84px;
     height: 30px;
 }
 
 form#views-exposed-form-statistic-block-1 div#edit-actions {
     display: inline-block;
 }
 
 form#views-exposed-form-statistic-block- div#edit-actions input#edit-submit-statistic {
     width: 100px;
     border: black;
     height: 35px;
     font-size: 15px;
 }
 
 #quicktabs-container-statistic footer {
     float: left;
     width: 100%;
 }
 
 .detailCompte_wrapper .tablestriped.table td:nth-child(1) {
     color: #354052;
 }
 
 .detailCompte_wrapper .tablestriped.table td:nth-child(3) {
     color: #354052;
 }
 
 .spnaffichage {
     color: #AAB2C0;
     font-family: 'Roboto', sans-serif;
     font-size: 15.2px;
     line-height: 18px;
     padding-top: 100px;
     padding-bottom: 70px;
     display: inline-block;
     float: left;
 }
 
 span.lespace:last-child {
     margin: 0 34px;
     display: inline-block;
     letter-spacing: 1px;
 }
 
 .lespace {
     display: inline-block;
     margin: 0 13px;
 }
 /************* statistic ********************/



  .contenu_table ul li .nav-link.active{ 
    border-bottom: 3px solid #9ABC35;
    color: #9ABC35;
    border-left: 0;
    padding: 0px 44px 17px;
  }
 
  .contenu_table ul li a{ 
    line-height: 19px;
    color: #252525;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    padding: 0px 85px 17px;
    background-color: transparent;
    text-align: center;
    display: block;
    border-color:none;

  }
  
  .contenu_table ul li .nav-tabs .nav-link,
  .contenu_table ul li .nav-tabs .nav-link.active, 
  .contenu_table ul li .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
  }
 
  .contenu_table ul li a.active{
    transition:inherit; 
  }

  .contenu_table ul li .nav-link.active {
    border-bottom: 3px solid #9ABC35;
    color: #9ABC35;
    border-left: 0;
    padding: 0px 85px 17px;  
  }
 
 
  .contenu_table  ul.nav-tabs .nav-link {
    border: none;
  }
 
  .contenu_table ul li .nav-link.active,
  .contenu_table .nav-tabs .nav-link:hover,
  .contenu_table .nav-tabs .nav-link:focus {
    color: #9ABC35;
  }
 
  .contenu_table .nav > li > a:hover, 
  .contenu_table .nav > li > a:focus {
     text-decoration: none;
     color: #9ABC35; 
     background-color:transparent;
  }

  

 /************* statistic ********************/

 #quicktabs-stactistiqueediteur .quicktabs-tabs .active a,
 #quicktabs-stactistiqueediteur .quicktabs-tabs a:hover,
 #quicktabs-statistic .quicktabs-tabs .active a,
 #quicktabs-statistic .quicktabs-tabs a:hover {
     border-bottom: 3px solid #9ABC35;
     color: #9ABC35;
     border-left: 0;
     padding: 0px 44px 17px;
 }
 
 #quicktabs-tabpage-statistic-1 > div:last-child {
     min-height: 270px;
     padding-top: 5px;
     text-align: center;
 }
 
 #quicktabs-stactistiqueediteur .quicktabs-tabs a,
 #quicktabs-statistic .quicktabs-tabs a {
     line-height: 19px;
     color: #252525;
     font-family: Helvetica, sans-serif;
     font-size: 16px;
     padding: 0px 44px 17px;
     background-color: transparent;
     text-align: center;
     display: block;
 }
 
 #quicktabs-stactistiqueediteur ul.quicktabs-tabs li,
 #quicktabs-statistic ul.quicktabs-tabs li {
     float: left;
     margin-right: 52px;
     padding: 0;
 }
 
 #quicktabs-stactistiqueediteur ul.quicktabs-tabs,
 #quicktabs-statistic ul.quicktabs-tabs {
     display: inline-block;
     width: 100%;
     border-bottom: 1px solid #DFDFDF;
     
 }
 
 #quicktabs-container-stactistiqueediteur table.cols-2,
 #quicktabs-container-statistic table.cols-2 {
     width: 100%;
     margin-bottom: 1rem;
     color: #212529;
 }
 
 #quicktabs-container-stactistiqueediteur td.views-field.views-field-view > div,
 #quicktabs-container-statistic td.views-field.views-field-view > div {
     margin-top: -34px;
 }
 
 #quicktabs-container-stactistiqueediteur td.views-field.views-field-view table,
 #quicktabs-container-statistic td.views-field.views-field-view table {
     width: 100%;
 }
 
 th#view-field-prix-table-column {
     width: 100px;
 }
 
 #quicktabs-stactistiqueediteur #quicktabs-tabpage-stactistiqueediteur-1 .view-editeurstatistic-abonnement tr td:nth-child(6) {
     min-width:auto;
     width:100%;
 }
 
 #quicktabs-stactistiqueediteur #quicktabs-tabpage-stactistiqueediteur-1 .view-editeurstatistic-abonnement tr td:nth-child(2) {
    min-width:124px;
    width:100%;
}

 
 #quicktabs-statistic #quicktabs-tabpage-statistic-1 .view-statistic-abonnement tr td:nth-child(5) {
     min-width:196px;
 }
 
 #quicktabs-statistic #quicktabs-tabpage-statistic-1 .view-statistic-abonnement tr td:nth-child(5) {
    min-width:auto;
    width:100%;
}


 #quicktabs-container-stactistiqueediteur th,
 #quicktabs-container-statistic th {
     color: #000000;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     font-weight: bold;
     letter-spacing: 1.71px;
     line-height: 14px;
     text-align: left;
     text-transform: uppercase;
     min-width: 147px;
     max-width: 100%;
 }
 
 #quicktabs-container-stactistiqueediteur tbody td,
 #quicktabs-container-statistic tbody td {
     text-align: left;
     color: #919da6;
     font-family: 'Roboto', sans-serif;
     font-size: 13.5px;
     line-height: 16px;
     padding: 1.2rem 0 1rem 0;
     vertical-align: middle;
     border-top: none;
 }

 #quicktabs-container-stactistiqueediteur tbody td a,
 #quicktabs-container-statistic tbody td a {
     color: #0465AC;
 }
 
 #quicktabs-container-stactistiqueediteur table.cols-4 tr td.views-field.views-field-view thead,
 #quicktabs-container-statistic table.cols-4 tr td.views-field.views-field-view thead {
     visibility: hidden;
 }
 
 #quicktabs-container-stactistiqueediteur table.cols-4 tr:first-child td.views-field.views-field-view thead,
 #quicktabs-container-statistic table.cols-4 tr:first-child td.views-field.views-field-view thead {
     visibility: visible;
 }
 
 #quicktabs-container-stactistiqueediteur table.cols-4 tr td.views-field.views-field-view td,
 #quicktabs-container-statistic table.cols-4 tr td.views-field.views-field-view td {
     padding: 15px 0px;
     position: relative;
     top: 6px;
 }
 
 #quicktabs-tabpage-mabibliotheque-2,
 #quicktabs-tabpage-mabibliotheque-3,
 #quicktabs-tabpage-mabibliotheque-1,
 #quicktabs-tabpage-mabibliotheque-0 {
     min-height: 400px;
 }
 
#quicktabs-tabpage-stactistiqueediteur-0 > div:last-child ,
#quicktabs-tabpage-stactistiqueediteur-1  > div:last-child ,
#quicktabs-tabpage-statistic-0 > div:last-child,
#quicktabs-tabpage-statistic-1 > div:last-child {
    min-height: 350px;
    padding-top: 5px;
    text-align: center;
}




  
  /************* Statistic Paginnation ********************/
  
  .contenu_table .tab-content {
    padding-top:25px;
    background:#f7f8fc;
   }

  .contenu_table nav.pager {
    margin-top: 45px;
   }

  .contenu_table .pager__item {
    display: inline-block;
    margin: 0;
    padding: 0 0.4em;
    color: #757575;
    font-size: 1.08em;
    }
   
   .contenu_table .pager__items {
        clear: both;
        text-align: center;
    }
    .contenu_table   nav.pager a, 
    .contenu_table   nav.pager .link {
        text-decoration: none;
        color: #757575;
    }
   
     li.pager__item.pager__item--first,
     li.pager__item.pager__item--previous,
     li.pager__item.pager__item--last,
     li.pager__item.pager__item--next {
        display: none;
    }

    .contenu_table ul {
        margin: 0.25em 0 0em 0;
        list-style-type: disc;
        list-style-image: none;
    }

    .contenu_table  .pager__item.is-active a {
        color: #28a745;
        border-bottom-width: 3px;
        border-bottom-color: #28a745;
        font-weight:700;
    }

  .contenu_table .pager__item a:hover,
  .contenu_table .pager__item a:focus {
    color: #28a745;
    border-bottom-color: #28a745;
  }



  .contenu_table .pager__item a {
    padding: 0 5px 2px;
    transition: border-bottom-color 0.2s;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    font-weight: 600;
    line-height: 1.55em;
    -webkit-font-smoothing: antialiased;
 }
 
    .contenu_table .pager__item--next a,
    .contenu_table .pager__item--last a, 
    .contenu_table .pager__item--first a, 
    .contenu_table .pager__item--previous a {
            color: #2a678c;
        border-bottom-width: 0;
    }

  




 .message-error {
     border: 1px solid red;
     background-color: #faadad;
 }
 
 .message {
     padding: 10px 20px;
     margin-bottom: 20px;
 }
 
 .message.message-status {
     border: 1px solid green;
     background-color: #a0c8a0;
 }
 
 .message.message-warning {
     border: 1px solid #e9910e;
     background-color: #e1e188ba;
 }
 
 .js-form-item > div {
     padding: 0;
     margin: 0;
     max-width: 100%;
 }
 
 .js-form-wrapper {
     margin-bottom: 20px;
 }
 
#edit-field-type--wrapper {
    margin-bottom: 0;
}

 form .description {
     display: none;
 }
 
 input#edit-submit {
     clear: both;
     display: block;
     color: #FFFFFF;
     font-size: 13px;
     line-height: 12px;
     text-align: center;
     border: 1px solid #979797;
     border-radius: 21px;
     background-color: #000000;
     height: 43px;
     padding: 13.5px 60px;
     line-height: 16px;
     transition: 0.3s all ease;
     box-shadow: none !important;
 }
 
 .password-strength {
     display: none;
 }
 
  
 input#edit-submit:hover {
     background-color: #9ABC35;
     border: 1px solid #9ABC35;
 }
 
 
 #quicktabs-container-home_page [type="submit"] {
     display: none;
 }
 
 #quicktabs-container-home_page .view-filters {
     display: block;
 }
 
 div#quicktabs-container-chiffre_d_affaire tbody {
     display: none;
 }
 #block-quicktabsediteurstactistique {
     position: relative;
 } 
 .view-empty h3 {
     font-size: 14px;
     font-weight: normal;
 }
 
 .progress-disabled {
     float: none;
     display: inline;
 }
 
 .ajax-progress {
    float: none;
    display: inline;
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    z-index: 90;
    background: rgba(255, 255,255, 0.5);
    width: 100%;
    height: 100%;
  }
  

 .ajax-progress .throbber {
     margin: 0 auto;
     background: rgba(255, 255, 255, 0.5);
     float: none;
     display: inline-block;
     z-index:99;
     position: relative;
     top: 0px;
     bottom: 0;
     left:0;
     right:0;
     width: 100%;
     height: 100%;
 }


 
 @keyframes loader10 {
    0% {
      box-shadow: 0 25px 0 -25px #9ABC35; }
    100% {
      box-shadow: 0 25px 0 #9ABC35; } 
    }
 
 .ajax-progress::after,
 .ajax-progress::before,
 .ajax-progress .throbber::after, 
 .ajax-progress .throbber::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top:50%; 
    left:48%;
    z-index:99;
    opacity:1;
    border-radius: 50%;
    animation: loader10 0.9s ease alternate infinite;
}

.loader10::before {
    right:5%;
    animation-delay: 0.54s;
    opacity:1;
}
.ajax-progress::after,
.ajax-progress .throbber::after {
    top:50%;
    left:48%;
    animation-delay: 0.54s;
    opacity:1;
}




 
 div#block-quicktabsstatistiques .ajax-progress .throbber {
     top: 0%;
     bottom: 15%
 }
 
 .ajax-progress.ajax-progress-throbber {
     padding: 0;
 }
 
 tr .ajax-progress .throbber {
     margin: 0 2px;
 }
 
 .ajax-progress-bar {
     width: 16em;
 }
 
 .msgone.pmsg {
     top: 20%;
 }
 
 .pmsg {
     font-family: Roboto, sans-serif;
     color: white;
     position: fixed;
     z-index: 10;
     overflow: auto;
     background:orange;
     font-size: 14px;
     border-radius:15px;
     text-align: left;
     padding: 5px 25px 5px 17px;
     top: 215px;
     left: 0;
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
 }
 
 .palma_message > div {
     position: relative;
     left: 0px;
     right: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
 }
 
 .palma_message > div > div {
     font-family: Roboto, sans-serif;
     color: white;
     font-size: 25px;
     position: fixed;
     left: 0px;
     text-align: center;
     z-index: 10;
     overflow: auto;
     background: rgba(154, 188, 53, 0.8);
     margin: 55px auto 0;
     left: -5px;
     font-size: 14px;
     border-radius: 5px;
     text-align: left;
     padding: 5px 15px 5px 17px;
 }

 .palma_message > div > div:nth-child(2) {
      top: 37%;
  }

 
 .palma_message > div > div a {
     color: #fff;
     text-decoration: underline;
 }
 
 #note {
     font-family: Roboto, sans-serif;
     color: white;
     position: fixed;
     left: -3px;
     z-index: 10;
     top: 155px;
     text-transform: lowercase;
     overflow: auto;
     background: rgba(154, 188, 53, 0.8);
     margin:0px auto 0;
     font-size: 14px;
     border-radius: 5px;
     text-align: left;
     text-transform: inherit;
     padding: 5px 40px 5px 15px;
 }

 #note a {
    color: #292c32;
    text-decoration: underline;
 }

 #note a:hover {
    text-decoration: none;
 }
 
 .cssanimations.csstransforms #note {
     -webkit-transform: translateY(-50px);
     -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
     -moz-transform: translateY(-50px);
     -moz-animation: slideDown 2.5s 1.0s 1 ease forwards;
 }
 
 #close {
     position: absolute;
     right: 6px;
     top: 7px;
     height: 16px;
     width: 16px;
     text-indent: -9999px;
     background: url(../images/close.png);
     cursor: pointer;
     background-size: 100% 100%;
     border:4px solid #FFF;
     border-radius:30px;
 }
 
 .cssanimations.csstransforms #close {
     display: none;
 }
 
 @-webkit-keyframes slideDown {
     0%,
     100% {
         -webkit-transform: translateY(-50px);
     }
     10%,
     90% {
         -webkit-transform: translateY(0px);
     }
 }
 
 @-moz-keyframes slideDown {
     0%,
     100% {
         -moz-transform: translateY(-50px);
     }
     10%,
     90% {
         -moz-transform: translateY(0px);
     }
 }
 
 #confirmationModal button.btn.btn-secondary,
 #Modaldisableaccount button.btn.btn-secondary {
     font-size: 13px;
     padding: 10px 20px;
 }
 
 button.pg_link_mag_art {border: 0;}

 #confirmationModal a.btn.btn-primary,
 #Modaldisableaccount a.btn.btn-primary {
     font-size: 13px;
     background-color: #8BC34A;
     padding: 10px 20px;
 }
 
 form#user-register-form .form-group .help-block.with-errors {
     display: block;
     margin-top: 0;
     color:red !important;
 }

 form#user-register-form .form-group .pass-error, 
 form#user-register-form .form-group .pass-error2 {
     display: none;
     color:red !important;
 }

 #edit-gdpr-warning,
 #edit-field-cgdv {
    height: 22px;
 }
 form#cmi-form input#edit-submit {
     display: inline-block;
 }

 form#cmi-form #edit-amount--description {
  display:block;
  color:#b9bbc6;
  margin:17px 0 auto;

 }

 
 p.pem {
     padding: 10px 0 !important;
     margin-bottom: 0 !important;
     font-size: 14px;
     margin: 0 auto !important;
     font-weight: 500;
     min-height: auto !important;
 }


 /*all Page-numero Null class container*/
  body.page-node-type-numero .content_interne.container {
    max-width: inherit;
    padding: 0;
        margin: 0;
  }
  .content_interne.container{
    padding:45px 0;
  }
  
  .content_interne.container.pl_2 .col-md-3 {
    text-align: left;
  }
 .content_interne.container .content h1 {
    text-align: left;
  }

/*===End=body.page-node-type-numero(====*/

#user-register-form .js-form-type-radio > *{
    margin-top: -7px;
 }


 label {
    margin-bottom: 0.3rem;
}
 

.main_mon_compte_content .password-parent {
 position:relative; 
 margin-bottom:20px;
}

.main_mon_compte_content .password-parent .fa-eye::before {
    position:absolute;
    right:10px;
    top: 31px;
    font-family: FontAwesome;
    font-size: 17px;
}


 /*=======Modifier vos informations===*/




 #user-form .js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail {
    margin-top:0px;
 }


 #user-form  #edit-field-nom-wrapper,
 #user-form  #edit-field-prenom-wrapper {
    width: 50%;
    float: left;
    overflow:hidden;
 }
 #user-form #edit-field-date-de-naissance-wrapper,
 #user-form #edit-field-telephone-wrapper{
    width: 50%;
    float: left;
    overflow:hidden;
 }
 #user-form  #edit-field-d-adresse-physique-wrapper,
 #user-form  #edit-field-ville-wrapper{
    width: 50%;
    float: right;
    overflow:hidden;
 }
 #user-form #edit-field-date-de-naissance-0-value-date,
 #user-form #edit-field-ville-0-value,
 #user-form #edit-pass-pass1,
 #user-form #edit-field-nom-0-value {
    width: 95% !important;
 }


 #user-form  #edit-field-carte-wrapper input {
    display: block;
    float: right;
    width: 25%;
 }

 #user-form  #edit-field-carte-wrapper {
    width:50%;
    overflow:hidden;
    display:inline-block;
    margin-bottom: 0;
 }

 #user-form  #edit-field-carte-wrapper .button.js-form-submit.form-submit.au-btn,
 #user-form  #edit-field-photo-wrapper .button.js-form-submit.form-submit.au-btn {
    width: 110px;
    clear: both;
    display: block;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 12px;
    text-align: center;
    border: 1px solid #979797;
    border-radius: 21px;
    background-color: rgba(0, 0, 0, .5);
    height: 34px;
    padding: 0 12px;
    transition: 0.3s all ease;
    margin-top: 5px;
 }

 #user-form  #edit-field-carte-wrapper .button.js-form-submit.form-submit.au-btn:hover,
 #user-form  #edit-field-photo-wrapper .button.js-form-submit.form-submit.au-btn:hover {
    background-color:#9ABC35;
    border: 1px solid #9ABC35;
 }


 #user-form  #edit-field-carte-wrapper input ,
 #user-form  #edit-field-photo-wrapper input {

    height:43px;
    padding:9px;
   
 }


 #user-form  #edit-field-photo-wrapper{
    width:100%;
}
 #user-form  #edit-field-type-wrapper{
    width: 50%;
    float: left;
    overflow:hidden;
 }
  
 
 #user-form #edit-field-interesse-par--wrapper {
    margin-bottom:30px;
 }

 #user-form  div#edit-field-date-de-naissance-0-value {
    width: 100% !important;
 }

 #user-form  #edit-field-date-de-naissance-wrapper h4 {
    margin-bottom:9px;
    width: max-content;
}
#user-form  #user-form .js-form-wrapper.fieldgroup {
     width: 100%;
 }
 #user-form  #user-form .js-form-wrapper input[type='text'] {
     width: 100%;
 }
 .form-checkboxes input {
     display: inline-block;
     height: 27px;
     vertical-align: top;
 }
 .form-checkboxes label {
     margin-bottom: 0;
     margin-top: 3px;
 }
 #user-form label,
 #user-form h4,
 #user-form .fieldset-legend.js-form-required.form-required,
 #user-form legend {
     color: #3b3b3b;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 500;
 }
 #user-form #edit-field-interesse-par--wrapper span.fieldset-legend {
     padding-bottom: 19px;
     clear:both;
     display:block;
     text-align:left;
 }

 #user-form .js-form-item.form-item.js-form-type-select.form-item-field-pack.js-form-item-field-pack label {
     margin-right: 11px;
 }
 
 #user-form #edit-field-photo-0-remove-button {
     
        display: block;
        float: right;
        width: 25%;
 }
 
 #user-form .image-widget.js-form-managed-file.form-managed-file.clearfix {
     padding: 10px 0;
 }
 #user-form .js-form-file.form-file,
 #user-form #edit-field-photo-0-upload--NPMmFYdfwTg,
 #user-form #edit-field-carte-0-upload {
     height: 34px;
     padding: 0px;
     width: 100% !important;
     line-height: 16px;
     border: 0px solid;
 }

 #user-form input#edit-mail {
    width: 95%;
 }


#user-form #edit-submit  {
   float:right;
}



 /*Interesse-par*/
 #user-form .fieldset-wrapper{
    width:100%;
 }

 #user-form #edit-field-interesse-par label {
     display: inline-block;
     width:auto;
     padding: 0.375rem 0;
     overflow: hidden;
     clear: both;
 }

 #user-form #edit-field-interesse-par-wrapper  {
  clear: both;
 }
 
 #user-form #edit-field-interesse-par input {
    display: inline-block; 
    margin-right:12px;
    margin-top:7px;
    width:auto;
 }

 #user-form .js-form-type-radio > * {
    float: left;
    width: auto;
 }

 .js-form-item.form-item.js-form-type-password.form-item-current-pass.js-form-item-current-pass{
   float: right;
   width: 50%;
   overflow: hidden;
   margin-bottom:20px;
 }

 
 .js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail {
   float: left;
   width: 50%;
   overflow: hidden;
   margin-bottom:20px;
 }


 #edit-pass .js-form-item.form-item.js-form-type-password.form-item-pass-pass1.js-form-item-pass-pass1{
    width: 50%;
    float: left;
    overflow:hidden;
    margin-bottom:40px;
 }
 #edit-pass .js-form-item.form-item.js-form-type-password.form-item-pass-pass2.js-form-item-pass-pass2 {
    width: 50%;
    float: left;
    overflow: hidden;
    margin-bottom: 40px;
}

 #user-form #edit-pass { 
    float: right;
    width:100%;
    overflow: hidden;
    margin-bottom: 20px;
}

 #user-form .js-form-item.form-item.js-form-type-checkbox {
    float: left;
    width: 18%;
    /* margin-left:15px; */
    margin-right:15px;
 }

 .fieldset-wrapper {
    width: 50%;
 }
 
 
 #user-form #edit-field-pack {
     background-color: #f7f8fa;
      border: 1px solid #39404e;
     display: block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 #user-form input {
     width:100%; 
 } 

 #user-form input#edit-submit {
    width: 170px;
} 


/*====finish ====vos---Information*/



 /*======#user-register====*/
 form#user-register-form input#edit-field-cgdv,
 form#user-register-form input#edit-gdpr-warning {
     float: left;
 }
 .showmsg  {
   background:#0465AC;
} 


.content_interne .facets-widget-checkbox h3 {
    font-family: Roboto, sans-serif;
    color: #9ABC35;
    font-weight:500;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    padding: 18px 0px 19px 0px;
    line-height: 16px;
    cursor: pointer;
}

 #edit-field-type-etudiant.input:after {
    position: absolute;
    content: '';
    display: inline-block;
    background: url('../img/filterclose.jpg') no-repeat;
    height: 26px;
    width: 100%;
    right: 0;
    background-position: right top;
}

 #edit-field-type-etudiant.input:before {
    border-bottom: 1px solid #eeee;
    content: '';
    position: absolute;
    display: block;
    height: 95%;
    width: 100%;
    top: 0px;
}

  #edit-field-type-etudiant.input.showmsg:after {
    content: '';
    position: absolute;
    background: url('../img/filteropen.jpg') no-repeat;
    right: 0;
    width: 100%;
    background-position: right top;
}

 .spamsge { display:none;} 

/* End-sidebar*/

 form#user-register-form .fieldset-wrapper  {
     width:100%;
 } 

 form#user-register-form label.option.js-form-required.form-required {
    margin-top: 0;
    display: inline-block;
    text-transform: inherit;
    font-size: 14px;
    padding-left: 10px;
  }

 form#user-register-form .form-group div {
    display: inline-block;
    color: #9ba2a7;
    margin-bottom: 0;
  }

  #edit-actions--3 {
    margin: 30px auto 30px;
    display: block;
    clear: both;
    overflow: hidden;
  }
  
  #edit-field-type--2 div {
    margin-bottom:0;
  }

  form#user-register-form .form-group:nth-child(3) {
    margin-bottom:0px;
  }
  form#user-register-form .form-group:nth-child(3) label {
    display: block;
  }
  form#user-register-form .form-group:nth-child(3) div {
    padding-left: 0;
 }
  
 input#edit-submit--3:hover {
    background-color: #9ABC35;
    border: 1px solid #9ABC35;
 }

 #user-register-form .field--name-field-nom label:after,
 #user-register-form .field--name-field-prenom label:after {
    content: ' *';
 }


 /*=====#contact-message-Page-Contact=======*/
 #contact-message-feedback-form {
    padding:40px 0;
    text-align:left;
 }
 
 #edit-copy{
    display:none;
 }

 form#contact-message-feedback-form label{
    text-transform: uppercase;
    color:#535353;
    font-size: 14px;
    letter-spacing: 0.1px;
    line-height: 18px;
 }

  
 form#contact-message-feedback-form #edit-mail,
 form#contact-message-feedback-form #edit-name{
   color: #9ABC35;
 }
  

form#contact-message-feedback-form label {
    color: #535353 !important;
    padding-right:30px;
}

 form#contact-message-feedback-form #edit-name, 
 form#contact-message-feedback-form #edit-pass {
     margin-top:0;
 }
 
 form#contact-message-feedback-form input {
    height: 40px;
 }

 form#contact-message-feedback-form textarea{
    height:240px;
    width: 100% !important;
 }
 
 form#contact-message-feedback-form .js-form-item > div{
    max-width:100%;
 }
 
 form#contact-message-feedback-form input,
 form#contact-message-feedback-form textarea {
     background-color: #f7f8fa;
     border: 1px solid #f7f8fa;
     display: block;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-clip: padding-box;
     border-radius: 0.25rem;
     width:100%;
     outline:0;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 input.form-control:focus,
 .input:focus {
     outline:0;
     box-shadow: none;
 }

 form#contact-message-feedback-form #edit-gdpr-warning {
    float: left;
    margin-top: -10px;
    width: auto;
 }

 form#contact-message-feedback-form .option.js-form-required.form-required {
    margin-left: 13px;
    font-size: 11px;
    text-transform: unset;
 }


 form#contact-message-feedback-form .js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail {
    width: 100%;
    margin-bottom:initial;
}
   
  .top_contact{ 
    padding-bottom:27px;
  }
  .top_contact p{
    font-size: 16px;
  }

  .top_contact a.footer__menu-link{
    color:#292c32;
  }

  .top_contact a.footer__menu-link:hover{
    color:#9abc35;
  }
 
 #contact-message-feedback-form input{
    color:#535353 !important;
  }
 
 #contact-message-feedback-form .help-block.with-errors {
    color:red;
 }

.user_logged_in  form#contact-message-feedback-form #edit-mail {
    margin-left:0;
}
.user_logged_in  form#contact-message-feedback-form #edit-name {
    margin-right:0;
}

/*======Page-de-Recharge========*/
.compte_title {
   display:table;
   margin: 0 auto;
}
.compte_title{
    padding:30px 0 0 0;
 }

.compte_title .populaire__title {
    padding: 0 50px;
    margin: 30px 0 0px 0;
    clear: both;
    overflow: hidden;
    display: inline-block;
    font-family:Helvetica, sans-serif;
    font-size: 42px;
    text-transform: none;
}
 
 #cmi-form {
    margin: 0 auto;
    display: table;
    border: 1px solid #e9e7e7;
    padding:56px 20px 21px 29px;    
 }

form#cmi-form  label {
    font-size: 16px;
}

form#cmi-form .js-form-item-amount {
    width: 100%;
    text-align: left;
    
}
 
 .main_recharge {
    margin: 20em 0;
}


form#cmi-form input {
    background-color: #f7f8fa;
    height: 43px;
    border: 1px solid #f7f8fa;
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
   
form#cmi-form #edit-submit {
    color:#FFFFFF;
    font-family: Roboto;
    font-size: 13px;
    line-height: 12px;
    text-align: center;
    border: 1px solid #979797;
    border-radius: 21px;
    background-color:#000000;
    height: 43px;
    padding: 0 60px;
   transition: 0.3s all ease;
 }

 form#cmi-form #edit-submit:hover {
    background-color: #9ABC35;
    border: 1px solid #9ABC35;
}


#captcha{ 
    float: left; 
    width: 100%;
}


/*õverlay pour le homepageslider*/
/*õverlay pour le homepageslider*/
.overlay_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.3);
}


/* debut notfound  pour le homepageslider*/
#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}
#notfound {
    position: relative;
    height: 50vh;
}


.notfound .notfound-404 h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 236px;
    font-weight: 200;
    margin: 0px;
    color: #211b19;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.notfound a {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 23px;
    background: #9abc35;
    font-size: 18px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.notfound .notfound-404 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #211b19;
    background: #fff;
    padding: 10px 5px;
    margin: auto;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.notfound .notfound-404 {
    position: relative;
    height: 200px;
    margin: 0px auto 20px;
    z-index: -1;
}
/* fin notfound **/
 

.contenu_cmi{
    min-height: 500px;
    padding-bottom: 40px;
}


h4.payClass {
    position: relative;
    padding: 0 35px 0 35px;
    clear: both;
    overflow: hidden;
    display:table;
    font-family: Helvetica, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 auto 100px;
    
}



h4.payClass:before {
        content: '';
        border-right: 3px solid #9ABC35;
        position: absolute;
        height: 75%;
        left: 0;
        top: 5px;
}

h4.payClass:after {
    content: '';
    border-left: 3px solid #9ABC35;
    position: absolute;
    height: 75%;
    right: 0;
    top: 5px;
}

.credClass{
    text-align: center;
    /* color: #8a8a8a; */
    font-family: Helvetica;
    font-size:18px;
    text-align: center;
    background-color:#FFF;
    border: 1px solid #eaeaea;
    color:#9abc35;
    height: 265px;
    padding-top: 8%;
    width: 57%;
    margin: 0 auto;    
    border-radius: 5px;
    margin-bottom: 15px;

 }

/* Login */
.main_mon_compte_content .col-md-6 .content_compte h3.title_compte
{
    margin-bottom: 45px;
}

.main_mon_compte_content .col-md-6 .content_compte .para_compte {
    display: none;
}

/* Statistiques */
#quicktabs-container-statistic,
.view-editeurstatistic-ventre,
.view-editeurstatistic-abonnement {
    padding-left: 5px;
    padding-right: 5px;
}

/* message de validation - mail */
.palma_message > div > div:nth-child(2) {
    top: 6.7%;
    z-index: 9999;
    width:max-content;
}

.maillink{
    min-height:300px;
}
/* Pour la page bibliotheque */
.veuillezconnect{
    min-height:300px;
}


/* style concerne tout contenu vide depuis une vue qlq */
.tab-content .view-empty,
.empty_state {
    position: relative;
    top:42px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .tab-content .view-empty i,
  .empty_state i {
    margin: auto;
    margin-bottom: 0px;
    font-size: 90px;
    color: #ccc;
  }
  .tab-content .view-empty h3,
  .empty_state h3 {
    margin: 8px 0px;
    text-align: center;
    font-weight: normal;
    font-size:17px;
  }
  .tab-content .view-empty p,
  .empty_state p {
    font-size: 15px;
    margin: 0px;
    color: #999;
    text-align: center;
    margin:0 0 15px 0;
  }
  
  .tab-content .view-empty a ,
  .tab-content .view-empty .kisqstate ,
  .empty_state a , .empty_state .kisqstate {
    line-height: 30px;
    width: 50%;
    max-width: 200px;
    color:#0465AC;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    border: 0;
    transition: 0.3s all ease;
  }



  .tab-content .view-empty a:hover ,
  .tab-content .view-empty .kisqstate:hover ,
  .empty_state a:hover , .empty_state  .kisqstate:hover {
   border:0;
   color:#0465AC;
   text-decoration: underline;
  }

  .IconToggle {
    display: none;
  }

  .flaticon-search:before {
      font-weight: bold;
  }
/*Page recharge.html
 input#edit-amount {
     display: inline-block;
     clear: both;
     width: auto;
     color: #000;
     font-size: 13px;
     margin-right: 20px;
     line-height: 12px;
     border: 1px solid #979797;
     border-radius: 21px;
     height: 43px;
     padding: 5px 25px;
     line-height: 16px;
 }
 
 .js-form-item.form-item.js-form-type-textfield.form-item-amount.js-form-item-amount {
     display: inline-block;
 }

 **/

 .view-display-id-block_4 h2#block-numero-block-archive {
    margin: 0 auto 45px;
    display: table;
 }


 .view-display-id-block_4 .view-content,
 .view-id-kiosque_recherche .view-content {
     display: flex;
     flex-wrap: wrap;
 }

 .view-display-id-block_4 .view-content .views-row {
    width: 25%;
}

.view-id-kiosque_recherche .view-content .views-row {
    width: 33%;
    margin: 0;
}

.view-display-id-block_4 .pager__items,
.view-id-kiosque_recherche .pager__items {
    display: flex;
    justify-content: center;
}

.view-display-id-block_4 .pager__items,
.view-id-kiosque_recherche .pager__items {
    display: flex;
    justify-content: center;
}

.view-display-id-block_4 .pager__items li,
.view-id-kiosque_recherche .pager__items li {
    padding: 0 10px;
}

.view-display-id-block_4 li.pager__item.pager__item--first,
.view-display-id-block_4 li.pager__item.pager__item--previous,
.view-display-id-block_4 li.pager__item.pager__item--last,
.view-display-id-block_4 li.pager__item.pager__item--next,
.view-id-kiosque_recherche li.pager__item.pager__item--first,
.view-id-kiosque_recherche li.pager__item.pager__item--previous,
.view-id-kiosque_recherche li.pager__item.pager__item--last,
.view-id-kiosque_recherche li.pager__item.pager__item--next {
    display: block;
}

#quicktabs-tabpage-mabibliotheque-3 .views-infinite-scroll-content-wrapper {
    display: flex;
}
#quicktabs-tabpage-mabibliotheque-3 .views-infinite-scroll-content-wrapper .views-row {
    width: 25%;
}
#quicktabs-tabpage-mabibliotheque-3 .views-infinite-scroll-content-wrapper .views-row .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
}



/* .context-compte-desactiver-mon-compte */
.context-compte-desactiver-mon-compte #block-palma-content {
    min-height: 400px;
    height: auto;
}
.context-compte-desactiver-mon-compte #block-palma-content .content {
    background-color: #FFF;
    border: 1px solid #eaeaea;
    border-bottom-width: 1px;
    border-bottom-width: 2px;
    border-radius: 5px;
    font-size: 18px;
    margin:0 auto;
    margin-top: 15px;
    padding: 40px 30px;
    text-align: center;
    color: #9abc35;
    height: 260px;
    padding-top: 10%;
    width: 50%;
    display: table;
}

/*delete */
.context-packs-abonnements .main_pack_content > div > div:nth-child(1) {
    display: none;
}


/* Main min height */
.main_wrapper {
    min-height: 400px;
}

.multi-connexion .bloc-wallet {
    display: none !important;
}

.no-button {
    padding: 150px 0 0;

}

.modal {
    z-index: 999999;
}

.pager__items {
    display: flex;
    justify-content: center;
}

.pager__items li {
    padding: 3px 7px;
    margin: 0 5px;
}

.pager__items li.is-active {
    background: #F7F8FC;
}

.bibliotheque_content_interne .veuillezconnect{
    background-color: #FFF;
    border: 1px solid #eaeaea;
    border-bottom-width: 1px;
    border-bottom-width: 2px;
    border-radius: 5px;
    margin:20px auto;
    display:table;
    margin-bottom:0;
    padding:9% 30px;
    text-align: center;
    color:#292c32;
    height: 200px;
    width: 50%;
    font-size: 16px;
}

.path-kiosque .view-empty {
    background-color: #FFF;
    border: 1px solid #eaeaea;
    border-bottom-width: 1px;
    border-bottom-width: 2px;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 40px 30px;
    text-align: center;
    color:#9abc35;
    height: 375px;
    padding-top: 20%;
}

 .single_client_logo {
    height: 78px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width:88%;
    float: left;
 }



/* instagram facebook linkind  follow  */

.footer__top a.glyphicon:nth-child(2):before { padding:9px 12px; }
.glyphicon:before {
    font-size: 14px;
    color: white;
    margin-left: 0;
    background: #9abc35;
    padding:9px 10px;
    border: 1px solid #9abc35;
    border-radius: 50px;
    content: '';
}
.glyphicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

._flaticon-instagram:before { content: "\f16d"; }
._flaticon-facebook:before {  content: "\f09a"; }
._flaticon-linkedin:before {  content: "\f0e1"; }
 
.footer__top a.footer__social-link  {
  font-size:0;
}

.bloc-form-ctc {
    justify-content: center;
}
.contact-message-feedback-form .captcha {
    width: 50%;
    margin: 0 auto;
    padding: 0 9px;
}

/* Kiosque */
@media only screen and (min-width: 768px) {
    .view-kiosque.view-display-id-page_1 > .view-content > div {
        width: 50%;
    }
}
@media only screen and (min-width: 1024px) {
    .view-kiosque.view-display-id-page_1 > .view-content > div {
        width: 33%;
    }
}