/* RESET ET STYLE FIXE  ****************************************************/
/* *************************************************************************/
html, body{ height:100% }
body { width:100%; margin:0; padding:0 }
a{ -webkit-transition:color 300ms ease-out; -moz-transition:color 300ms ease-out; -o-transition:color 300ms ease-out; transition:color 300ms ease-out; }
a img { border:none }
img{max-width:100%;}
ul, ol { list-style-position:inside; padding-left:15px }
menu, dir{ padding-left:15px }
blockquote p{ font-size:inherit }
table, table td, table th{ font-size:inherit; border:1px solid #7C7C7C }
main, section, article, aside, footer, header, nav, hgroup { display:block }
iframe { border:none }

.row { margin-right:0 !important; margin-left:0 !important }
.nopad{ padding-left:0; padding-right:0 }
.nopad-l{ padding-left:0 }
.nopad-r{ padding-right:0 }
.nomargin{ margin:0 }
.hide{ display:none }
.center{ text-align:center }

.link.center img {width: 140px;}
.right{ text-align:right}
.justify{ text-align:justify }
.clear:after { content:''; display:block; clear:both }
.bold{ font-weight:bold }
.underline{ text-decoration:underline }
.relative{ position:relative }
.inline-block{ display:inline-block; vertical-align:top }
.noflicker{ -webkit-transform: translateZ(0) }
.retrait{ margin-left:-15px !important; margin-right:-15px !important }
.transition{ -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; -webkit-transform:translateZ(0); }
.cover{-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size: cover !important;}
.contain{-webkit-background-size:contain !important;-moz-background-size:contain !important;-o-background-size:contain !important;background-size: contain !important;}
hr.trait { height:1px; margin:-0.5em 0; padding:0; color:#e0e0e1; background-color:#e0e0e1; border:0 }

.body-page-1 .page-contenu{ text-align:justify }
.page-contenu img{ margin:10px }

/*************************najib*****/
.tooltip .tooltip-inner{
 font-family:'Montserrat-Light', 'Trebuchet MS', Helvetica, sans-serif;
padding:3px 8px;
color:#fff; font-size:15px;
text-align:center;
background: #000;
border-radius:5px
}
.mobile-header-nav {
  min-height: 50vh;
}
.mobile-header-nav .sub-menu a {
  display: block;padding: 12px 0;
}
/**call Tracker**/
.sidebar-scroll-right .callTracker { width: 100%; height:50px; overflow: inherit;}
.callTracker{/*width: 173px; overflow: hidden;height: 33px;*/position: relative;}
.callTracker span,.callTracker a { display: inline-block;text-align: left;/*position: absolute;left: 30px;top: 0px;width: 160px;*/min-width: 145px;padding: 0;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease; height: 100%; text-decoration: none;}
.callTracker .t_phone {opacity: 0;display:none;}
.callTracker .t_affiche {cursor: pointer;}
header .callTracker span,header .callTracker a {top:5px;}
header .callTracker .t_affiche {font-size: 90%;}
.callTracker.active .t_phone {opacity: 1;display:inline-block;}
.callTracker.active .t_affiche {opacity: 0;display:none;}
.pied .callTracker a,.coordonnees .callTracker a{ position: relative;left: 0px;}
/**call Tracker**/
/* STYLE GENERAL ***********************************************************/
/* *************************************************************************/

@media (min-width: 992px){ .container { max-width:950px } }
@media (min-width: 1200px){ .container { max-width:950px } }

body {color: #ffffff;font-family: 'Montserrat-Light', 'Trebuchet MS', Helvetica, sans-serif;font-size: 16px;background:#ffffff;}
a, a:link, a:visited{color: #ffffff;text-decoration:none;}
a:hover{text-decoration:underline}
blockquote { border-color:#000000;/***color principal***/}
::selection {color: #fff;background: #3f3f3f;/***color principal***/}
::-moz-selection {color: #fff; background:#3f3f3f;/***color principal***/}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {color: #ffffff;font-family: 'HallmarkeBlackOblique';}
h1, .h1{font-size: 40px;line-height: 1;padding:0;margin-bottom: 80px;font-family: 'HallmarkeBlackOblique';}
h2, .h2{ font-size:27px }
h3, .h3{ font-size:24px }
h4, .h4{ font-size:21px }
h5, .h5{ font-size:19px }
h6, .h6{ font-size:16px }

h1 a,h1 a:visited,h1 a:link,h2 a,h2 a:visited,h2 a:link,h3 a,h3 a:visited,h3 a:link,h4 a,h4 a:visited,h4 a:link,h5 a,h5 a:visited,h5 a:link,h6 a,h6 a:visited,h6 a:link { font-size:inherit; color: inherit; font-family:inherit; text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration:underline; color: inherit;}
/* PRELOADER */
.loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 90000; }
.loader-section { position: fixed; top: 0; width: 100%; height: 100%; background: #FFF; z-index: 89999; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
.loader-section.section-right { right: 0; }
.loaded .section-right {transition: all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);  -webkit-transform: translateX(100%); transform: translateX(100%); } 
.loaded .loader {transition: all 0.4s ease-out; opacity: 0; } 
.loaded .loader-wrapper {visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.7s 1s ease-out; }
.loaded .loader-spin {opacity: 0; transition: all 0.2s ease-out; position: relative; z-index: 90000; }
.loader-spin {-webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border: 3px solid #f7f9fa; border-top: 3px solid #eebe15; border-radius: 50%; height: 55px; width: 55px; margin: auto; }
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* CORPS DE LA PAGE  *******************************************************/
/* *************************************************************************/

.main-page{ position:relative; overflow:hidden }
.tete .logo-site{ margin:0; padding:30px 0 30px 0 }
.tete .tel{font-size: 16px;color: #ffffff;font-family: 'Montserrat-Regular';background: url(../images/ico-tel.png) no-repeat 0 50%;padding: 25.5px 0;padding-left: 30px;margin: 0 0 0 21px;}
.fluid-menu{ background:#3f3f3f }
a.bouton-principal {border: 1px solid #ffffff;display: inline-block;padding: 11px 31px;font-family: 'Montserrat-Light';color: #fff;}
a.bouton-principal:hover{background:#fff; text-decoration:none; color:#222}
a.bouton-cable, a.bouton-cable:visited, a.bouton-cable:focus{
  font-size: 16px;
  background: url(../images/cable-bouton.png) no-repeat 0 0;
  padding: 16px 30px;
  background-color: transparent;
  border: 0;
  background-position: 10px 0px;
  margin-top: 11px;
  outline: 0;
  display: inline-block;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-transform: translateZ(0);
}
a.bouton-cable:hover{text-decoration:none;background-position: 0px 0px;background-color: transparent;}
.navh .menu_principal > li ul { position:absolute; top:50px; left:50%; min-width:200px; list-style:outside none; background:rgba(0,0,0,1); z-index:9999; opacity:0; filter:alpha(opacity=0); padding:10px 0;
-webkit-transform:scaleY(0) translateX(-50%); 
   -moz-transform:scaleY(0) translateX(-50%); 
     -o-transform:scaleY(0) translateX(-50%); 
  -ms-transform:scaleY(0) translateX(-50%); 
      transform:scaleY(0) translateX(-50%); 
-webkit-transform-origin:50% 0;   
   -moz-transform-origin:50% 0;    
     -o-transform-origin:50% 0; 
  -ms-transform-origin:50% 0; 
      transform-origin:50% 0; 
-webkit-transition:all 500ms ease; 
   -moz-transition:all 500ms ease; 
     -o-transition:all 500ms ease; 
  -ms-transition:all 500ms ease; 
      transition:all 500ms ease;
 }
.navh .menu_principal > li:hover ul { opacity:1; filter:alpha(opacity=100); 
-webkit-transform:scaleY(1) translateX(-50%); 
   -moz-transform:scaleY(1) translateX(-50%); 
     -o-transform:scaleY(1) translateX(-50%); 
    -ms-transform:scaleY(1) translateX(-50%); 
        transform:scaleY(1) translateX(-50%); 
}
.navh .menu_principal > li ul:before { content:''; width:0; height:0; position:absolute; color:#000; left:50%; margin-left:-4px; top:-8px; border-style:solid; border-width:0 8px 8px 8px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; }
.navh .menu_principal > li ul li { display:block; text-align:left }
.navh .menu_principal > li ul li a,
.navh .menu_principal > li ul li a:visited{ display:block; color:#fff; padding:5px 20px !important; text-transform:none; background:none; margin:0 }
.navh .menu_principal > li ul li a:hover,
.navh .menu_principal > li ul li.active a { color:#c8c8c8; background:none  }

.btn-partage{text-align:center;padding: 22px 13px 13px;background: url(../images/separation.png) no-repeat right center;}
.btn-partage .btnp{width: 30px;opacity: 0.6;height: 30px;background-repeat:no-repeat;background-position: center center;display:inline-block;transition:all 400ms ease;margin: 0 5px;}
.btn-partage .btnp:hover{opacity: 1;}
.btn-partage .btnp.btn-fb{ background-image:url(../images/ico-fb.png) }
.btn-partage .btnp.btn-insta{ background-image:url(../images/ico-insta.png) }
.btn-partage .btnp.btn-ytb{ background-image:url(../images/ico-ytb.png) }

header {
  display: inline-block;
  background: #222222;
  position: fixed;
  width: 100%;
  z-index: 11;
  height: 73px;
  padding: 0;
}
.langues {
    position: absolute;
    top: 24px;
    right: 8vw;
    display: inline-block;
    line-height: 1;
    z-index: 100;
}
.langues ul {display: flex;flex-direction: row-reverse;list-style: none;margin: 0;padding: 0;position: relative;}
.langues ul li {padding: 0 12px;line-height: 1;}
.langues ul li.language-EN {
    border-left: 1px solid #fff;
}
.langues ul li a{color: #afafaf;line-height: 1;}
.langues ul li a:hover, .langues ul li.active a{color: #ffffff; text-decoration:none}
.left-head { display: flex;}
.form-search{
    padding-top: 17px;
}
.form-search form{
    display: flex;
    justify-content: flex-end;
}
.form-search form input[type="text"] {
    background: transparent;
    box-shadow: none;
    border: 1px solid #676767;
    border-right: 0;
    padding: 7px 20px;
    padding-right: 44px;
    border-radius: 20px 0 0 20px;
}
.form-search form -ms-input-placeholder{ color:#777 !important}
.form-search form ::-webkit-input-placeholder {   color:#777 !important }    
.form-search form :-moz-placeholder {      color:#777 !important; opacity:1 !important }
.form-search form ::-moz-placeholder{ color:#777 !important}
.form-search form input[type="submit"] {
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: 1px solid #676767;
    border-left: 0;
    border-radius: 0 20px 20px 0;
    padding-right: 14px;
}
header .burger-menu {
    position: relative;
    z-index: 99;
    right: 1vw;
    top: 0;
    text-align: right;
    margin: 19px 0 16px;
}
.mobile-header-nav {
  background-color: #ffffff;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 54px;
  width: 50%;
  right: 0;
}
.mobile-header-nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav-wrap .mobile-header-nav li ul.sub-menu {  display: none;}
.mobile-header-nav > li:last-child a{ margin-top: 35px;}
.mobile-header-nav > li:last-child a:before{
  content:'';
  width:20px;
  height:20px;
  background:url(../images/ico-pdf.png);
  position: absolute;
  right: 1vw;
  top: 50%;
  margin-top: -10px;
}
.zone-catalogue ul li {  border: 0; }
.mobile-header-nav .zone-catalogue li a{
    color: #555555;
    font-size: 16px;
}
.dl-menuwrapper li.dl-back > a{
    text-shadow: none;
    font-family: 'Montserrat-Bold';
}
.mobile-header-nav .zone-catalogue li > a:hover, 
.mobile-header-nav .zone-catalogue li.active > a{
    text-shadow: 0 0 1px #000;
  background-color: #f5f5f5;
}
.mobile-header-nav .menu-item.menu-p > a,.mobile-header-nav .menu-item.menu-p > a:hover{
  font-family: 'HallmarkeBlackOblique';color:#3f3f3f;
font-size: 20px; cursor: pointer;text-shadow:none;
}
.mobile-header-nav .menu-item.menu-p > a::after {
  color: rgba(0,0,0,0.9);
  font-family: 'HallmarkeBlackOblique';
  font-size: 20px;
text-align: right;
    content: '';
    border-bottom: 2px solid 
    #3a3b3f;
    top: 50%;
    margin-top: -1px;
    right: 0.7vw;
    position: absolute;
    -webkit-animation: anim 0.5s 100ms normal cubic-bezier(.18,.89,.32,1.28) forwards;
    animation: anim 0.5s 100ms normal cubic-bezier(.18,.89,.32,1.28) forwards;
}
.mobile-header-nav .menu-item.menu-p > a { cursor: auto;}
a.lienGlossaire {text-decoration:underline;}
#map {
  height: 730px;
  width: 100%;
  background-color: grey;
}
#map .content-marker h4 {
    color: #3f3f3f;
    font-size: 16px;
}
#map .content-marker #bodyContent{
    color: #3f3f3f;
    font-size: 12px;
}
.zone-map {
    position: relative;
    display: block;
}
.search-map {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 15px 0;
    text-align: center;
}
.search-map2 {
    position: relative;
    
}
.search-map2 .btn-primary {margin-top: -5px;padding: 10px 30px; border-radius:0;}
.search-map2 form {padding: 15px 15%;}
.search-map2 form select {
    min-width: 260px;
}
.search-map form {
    display: inline-block;
    background: rgba(63, 63, 63, 0.90);
    padding: 15px;
}
.search-map form select {
    background: rgba(255, 255, 255, 0.10);
    font-size: 16px;
    padding: 10px 4vw 10px .5vw;
    border: 1px solid #fff;
    margin: 0 2px;
}
.search-map form select option {
    background: #3f3f3f;
    padding: 0px 18px 1px;
}
.search-map form button {
    position: relative;
    font-family: 'Montserrat-Light';
    font-size: 16px;
    color: #3f3f3f;
    background: #fff;
    padding: 11px 30px;
    box-shadow: none;
    border: 0;
    text-transform: uppercase;
    margin: 0 2px;
    transition: .5s;
}
.search-map form button:hover{ color: #ffffff; background: #525558;}
.mobile-header-nav li a {
  position: relative;
  color: #3f3f3f;
  font-size: 20px;
  display: inline-block;
  padding: 15px 0;
  padding-right: 2.9vw;
  text-align: right;
  text-decoration: none;
  font-family: 'Montserrat-Light';
  transition: 0.5s;
}
.mobile-header-nav li:last-child a:hover:before{animation: bounce 2.9s ease infinite;}
@keyframes bounce{
     from {top: 50%;}
     50%  {top: 30%;}
     to   {top: 50%;}
}
.mobile-header-nav > li:last-child a:hover:after{display:none;}

.mobile-header-nav >  li > a:hover, .mobile-header-nav > li.active > a {font-family: 'HallmarkeBlackOblique';transition:0.5s}
.mobile-header-nav > li > a:hover:after, .mobile-header-nav > li.active > a:after{
  content: '';
  border-bottom: 2px solid #3a3b3f;
  top: 50%;
  margin-top: -1px;
  right: 0.7vw;
  position: absolute;
  -webkit-animation: anim 0.5s 100ms normal cubic-bezier(.18,.89,.32,1.28) forwards;
  animation:anim 0.5s 100ms normal cubic-bezier(.18,.89,.32,1.28) forwards;
}
@-webkit-keyframes anim{
0% {width: 0px;}
100% {width: 1.5vw;}
}

@keyframes anim{
0% {width: 0px;}
100% {width: 1.5vw;}
}
.hamburger-menu {
  display: inline-block;
  padding-right: 0.5vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger-menu.dl-active{ position:relative; top: 8px;}
.hamburger-menu:hover {cursor: pointer;}
.hamburger-menu .menu-item {
  background: white;
  display: block;
  height: 3px;
  margin: 6px 0 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 34px;
}
.hamburger-menu.dl-active .menu-item {margin: 0 0 3px;}
.hamburger-menu.dl-active .menu-item:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 10px;
  transform-origin: 10px;
}
.hamburger-menu.dl-active .menu-item:nth-child(2) { opacity: 0;}
.hamburger-menu.dl-active .menu-item:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 8px;
          transform-origin: 8px;
}
.fluid-slider{
      position: absolute;
      top: 0px !important;
      left: 0;
      width: 100%;
      background-position: center !important;
      margin-left: 0;
      height: 100%;
      background: #3f3f3f;
      z-index: 9;
}
.fluid-slider p.logo-site {
    position: absolute;
    top: 95px;
    left: 34px;z-index: 11;
}
svg.intro {
  max-width: 800px;
  position: absolute;
  top: 70vh;
  right: 5vw;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(0, 0);
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  z-index: 10;
}
svg.intro .text {display: none;}
svg.intro .text {
  font-family: 'HallmarkeBlackOblique', sans-serif;
  text-transform: uppercase;
  display: block;
}
svg.intro .text-stroke {
  fill: none;
  stroke: #ffffff;
  stroke-width: 7px;
  stroke-dashoffset: -900;
  stroke-dasharray: 900;
  stroke-linecap: butt;
  stroke-linejoin: round;
  -webkit-animation: dash 2.5s ease-in-out forwards;
  animation: dash 2.5s ease-in-out forwards;
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, 1));
}
svg.intro .text-stroke:nth-child(1) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
svg.intro .text-stroke:nth-child(2) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
svg.intro .text-stroke-2 {
  stroke: #ffffff;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
svg.intro .text-stroke:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
svg.intro .text-stroke:nth-child(4) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

@-webkit-keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}
.bx-controls-direction{ position: relative;  left: 6vw;}
.bx-controls-direction a {width: 39px;height: 20px;opacity: .6;transition: .5s;top: initial;bottom: 17vh;margin-top: -40px;}
.bx-controls-direction a.bx-prev {background: url(../images/fleche-left.png);left: 1vw;}
.bx-controls-direction a.bx-next {background: url(../images/fleche-right.png);left: 5vw;}
.bx-controls-direction a:hover{ opacity: 1;}
.fluid-contenu{position:relative;z-index: 10;background: #3f3f3f;}
.fluid-contenu .corps{padding: 26px 0;}
.body-salepoint-list .fluid-contenu .corps{padding: 26px 0 0;}
.body-page-35 .fluid-contenu .corps article, 
.body-page-36 .fluid-contenu .corps article { padding: 80px 8% 50px;}
.body-page-35 .fluid-contenu .corps article h1, .body-page-36 .fluid-contenu .corps article h1{text-align:center;}
.item-slide { background-position: left top; background-repeat: no-repeat;}

/***********/
.block #newsletter_form{display: flex;flex-direction: row;}
.block #newsletter_form label{ font-weight:normal }
.block #newsletter_form input{border:none;border-radius: 0;}
.block #newsletter_form input[type="text"]{background: transparent;line-height:1;line-height:32px \9;padding:0px 12px;width: 85%;margin-right: 25px;border-bottom: 1px solid #333333;font-family: 'Montserrat-Italic';font-size: 14px;}
.block #newsletter_form input[type="text"]:focus{ outline: none;  border-bottom: 1px solid #3f3f3f;}
.block #newsletter_form input[type="submit"]{color:#fff;padding: 6px 10px;width: 15%;background: #3f3f3f url(../images/fleche-right.png) no-repeat center;font-size: 0;height: 50px;transition: .5s;}
.block #newsletter_form input[type="submit"]:hover{ background: #222222 url(../images/fleche-right.png) no-repeat center;}
.fluid-contenu .corps .contain-presentation {
    position: relative;
    display: flex;
    width: 100%;
    padding: 39px 8%;
    align-items: center;
}
.contain-newsletter {
    background: #fff url(../images/motif-newsletter.png) no-repeat left bottom;
    color: #3f3f3f;
    padding: 100px 60px;
}
.contain-newsletter h2 {
    color: #3f3f3f;
    font-size: 40px;
    margin-bottom: 75px;
    width: 70%;
}
.contain-newsletter .block #newsletter_form label { display: none;}
h2 .titre-secondaire, h1 .titre-secondaire, .h1 .titre-secondaire {
    display: block;
    font-family: 'Montserrat-Light';
    font-size: 20px;
    margin-bottom: 21px;
}
.bloc-nouveaute {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 10;
    background: url(../images/bg-nouveaute.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 160px 0;
}
.bloc-nouveaute #flat {overflow: hidden;padding: 29px 0 62px;}
.bloc-nouveaute #flat ul li{ width: 440px;}
.bloc-nouveaute #flat ul li .item{ background: #fff; padding: 23px 10px 50px;}
.bloc-nouveaute #flat ul li .item > a.encart-plus {
    display: block;
    padding: 23px 10px 50px;
}
.bloc-nouveaute #flat ul li .item h3{
    font-size: 30px;
    color: #3f3f3f;
    margin-bottom: 33px;
    display: block;
}
.bloc-nouveaute #flat ul li .item .show-img-flat{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 0 26px;
}
.bloc-nouveaute #flat ul li .item  a.btn-plus {
    position: relative;
    color: #3f3f3f;
    font-size: 16px;
}
.bloc-nouveaute #flat ul li .item  a.btn-plus:hover { text-decoration: none;   display: block;}
.bloc-nouveaute #flat ul li .item  a.btn-plus:after{content:'';width: 38px;height: 27px;display: inline-block;background-image: url(../images/btn-list-item.png);background-color: #3f3f3f;background-repeat: no-repeat;background-position: center center;position: relative;z-index: 1;top: 8px;right: -11px;transition: .5s;}
.bloc-nouveaute #flat ul li .item  a.btn-plus:hover:after{ right: -23px;}
.bloc-nouveaute .flipster__button--prev { left: 20%;}
.bloc-nouveaute .flipster__button--next { right: 20%;}
.bloc-nouveaute .flipster__button svg { width: 15px; stroke-width: 2px; stroke-linecap: square;}
/**********************/
.hide-print.bloc-coeur {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 10;
    padding: 140px 8% 50px;
    text-align: center;
}
.hide-print.bloc-coeur .h1{display: inline-block;position: relative;}
.hide-print.bloc-coeur .h1:before{content:'';background: url(../images/bg-titre-coeur.png);width: 107px;height: 103px;position: absolute;left: -60px;top: -22px;}
.hide-print.bloc-coeur .contain-coeur {position: relative;background: #fff url(../images/motif-favoris.png) no-repeat right bottom;padding: 40px 130px 40px;}
.hide-print.bloc-coeur .contain-coeur:before{content:'';position: absolute;bottom: 50%;margin-bottom: -200px;left: 50%;width: 1px;height: 400px;background: #9f9f9f;}
.hide-print.bloc-coeur .contain-coeur:after{
  content:'';
  width: 8px;
  height: 25px;
  background: url(../images/motif-flotte.png);
  position:absolute;
  z-index:10;
  border-radius:50px;
  bottom: 230px;
  margin-bottom: -4px;
  left: 50%;
  margin-left: -4px;
  -webkit-animation:flotte 4s ease-in-out infinite;
  -webkit-animation-fill-mode:forwards;
  -webkit-animation-delay:2s;
  -moz-animation:flotte 4s ease-in-out infinite;
  -moz-animation-fill-mode:forwards;
  -moz-animation-delay:2s;
  -o-animation:flotte 4s ease-in-out infinite;
  -o-animation-fill-mode:forwards;
  -o-animation-delay:2s;
  animation: flotte 4s ease-in-out infinite;
  animation-fill-mode:forwards;
  animation-delay:2s;
  animation-name:flotte;
}
@-webkit-keyframes flotte{
  0%{-webkit-transform:translateY(100px)}
 50%{-webkit-transform:translateY(-270px)}
 100%{-webkit-transform:translateY(100px)}
}
@-moz-keyframes flotte{
  0%{-moz-transform:translateY(100px)}
 50%{-moz-transform:translateY(-270px)}
 100%{-moz-transform:translateY(100px)}
}
@-o-keyframes flotte{
  0%{-o-transform:translateY(100px)}
 50%{-o-transform:translateY(-270px)}
 100%{-o-transform:translateY(100px)}
}
@keyframes flotte{
  0%{transform:translateY(100px)}
 50%{transform:translateY(-270px)}
 100%{transform:translateY(100px)}
}
.hide-print.bloc-coeur .contain-coeur .item {padding: 15px 7vw 40px;}
.hide-print.bloc-coeur .contain-coeur .item h3 {color: #3f3f3f;font-size: 28px;margin-bottom: 65px;height: 60px;}
.hide-print.bloc-coeur .tous-tous{ margin-top: 50px;}
.hide-print.bloc-coeur .contain-coeur .item .show-img-flat {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    min-height: 295px;
}
.hide-print.bloc-coeur .contain-coeur .item a.btn-plus {
    position: relative;
    color: #3f3f3f;
    font-size: 16px;
}
.hide-print.bloc-coeur .contain-coeur .item a.btn-plus:hover {text-decoration:none}
.hide-print.bloc-coeur .contain-coeur .item a.btn-plus:hover:after{right:-23px}
.hide-print.bloc-coeur .contain-coeur .item a.btn-plus:after {
    content: '';
    width: 38px;
    height: 27px;
    display: inline-block;
    background-image: url(../images/btn-list-item.png);
    background-color: #3f3f3f;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
    top: 8px;
    right: -11px;
    transition: .5s;
}
.hide-print.bloc-coeur .contain-coeur .owl-dots{margin-top: 65px;}
.hide-print.bloc-coeur .contain-coeur .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #bdbdbd;
    margin: 0 6px;
}
.hide-print.bloc-coeur .contain-coeur .owl-dots .owl-dot.active{ background:#3f3f3f}
/**********************/
.bloc-actualites {
    position: relative;
    display: block;
    z-index: 10;
    padding: 135px 9%;
    background: #3f3f3f;
}
.actualites .cell.photo a{display: block;}
.actualites .cell.photo.cover img { object-fit: cover;-o-object-fit: cover;min-width: 100%;min-height: 100%;width: auto;flex: 1;height: 100%;}
.actualites{display:table;width:100%;position:relative;z-index:8000;}
.actualites article {display:table;width:100%;}
.actualites .cell.texte .contenu h2{margin-bottom: 50px;}
.actualites .cell.texte .contenu h2 .titre-secondaire {font-family: 'HallmarkeBlackOblique';font-size: 16px;margin-top: 75px;text-transform: uppercase;}
.actualites:nth-child(even+1){direction:rtl}
.actualites .cell.photo{position: relative;display:table-cell;vertical-align:top;width:50%;background-position: bottom right;background-size: cover;background-repeat: no-repeat;}
.actualites .cell.photo:hover{opacity:0.95;filter:alpha(opacity=95);}
.actualites .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid #e6e6e6;}
.actualites:last-child .cell.texte{border-bottom:none;}
.actualites .cell.texte .contenu{padding: 70px 10% 70px 10%;text-align:justify;direction:ltr;}
.actualites .cell.texte .contenu .content { margin-bottom: 50px;}
.actualites a.bouton-principal:hover {text-decoration: none;color: #fff; background-position:0px 0px;}
.actualites .cell.texte .contenu ul{padding:0;margin:0;}
.actualites .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:url(../images/puce.png) no-repeat 0 9px;}
.actualites .cell.texte .contenu ul li .bouton-principal{display:block;}
.actualites a.bouton-principal, .news a.bouton-principal{
  -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; -webkit-transform:translateZ(0); 
  min-width:190px;margin: 49px 25px;font-size: 16px;background: url(../images/cable-bouton.png) no-repeat 0 0;padding: 16px 30px;border: 0; background-position:10px 0px;}
.actualites .date_post {
    font-size: 15px;
    color: #ffffff;
    font-family: 'Montserrat-Light';
    box-shadow: 0 0 5px #6d6d6d;
    padding: 5px 15px;
    display: inline-block;
    text-decoration: none;
    background: rgba(63, 63, 63, 0.90);
    margin: 10px 10px;
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.news .date-article{}
.actualites .date_post:before{content:'';width: 50px;height: 50px;background: #3f3f3f;position: absolute;bottom: -50px;left: -50px;}
.date-article span{position:relative;display:block;text-align:center;font-size: 24px;}
.date-article .time_day{color: #fff;}
.date-article .time_month{color: #fff;text-transform:uppercase;}
.date-article .time_year{color: #ffffff;}
.news .ligne-actus .date-article{margin-top:18px;margin-bottom: 18px;color: #6d6d6d;font-size: 14px;}
.news .ligne-actus .contenu-article{margin-top:0;}
.news .contenu-article{margin-top:21px;}

/* Footer */
.pied{position:relative;z-index: 10;background: #282828;}
.pied .bande1{background: #282828;border-bottom: 1px solid #474747;padding: 0 8%;}
.pied .bande2{padding: 55px 10%;}
.pied h2{color:#fff;font-size: 18px;margin-bottom: 50px;}
.pied .navf{text-align: left;}
.pied .navf .menu_footer {color:#fff;list-style-type:none;margin:0;display: inline-block;padding: 13px 0 0;}
.pied .navf .menu_footer li .sub-menu { display: none;}
.pied .navf .menu_footer li .sub-menu li{
    display: inline-block;
    width: 100%;
    background: url(../images/puce-menu-f.png) no-repeat left center;
    padding-left: 11px;
}
.pied .navf .menu_footer li .sub-menu li a{ font-size: 15px;}
.pied .navf .menu_footer li:last-child { border:none }
.pied .navf .menu_footer li a,
.pied .navf .menu_footer li a:visited{position: relative;display: block;color:inherit;text-decoration:none;padding: 3px 0;}
.pied .navf .menu_footer li a:hover {text-decoration: none;text-shadow: 0 0 3px #000, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;}

.scrollbars {height: 233px;}
.mCSB_scrollTools .mCSB_draggerRail {background-color: #ffffff;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #656565 !important;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #565656;}

.bloc-toureiffel {position: relative; text-align: right;}
.bloc-toureiffel:after {content: '';position: absolute;top: 0;right: -115px;width: 178px;height: 179px;background: url(../images/signature.png);z-index: 10;animation-name: dondur;animation-duration:3s;animation-iteration-count: infinite;animation-direction:reverse;animation-timing-function:linear;perspective:1000px;}
@keyframes dondur {
  0% {transform:rotateY(0);}
  50% {transform:rotateY(180deg);}
  100%{transform:rotateY(360deg);}
  }
.pied .menu_referencement { color:#fff; padding:15px 0 15px 0; list-style-image:none; list-style-type:none; margin:0; float:left; /* text-align:justify */  }
.pied .menu_referencement li{margin:0;}
.pied .menu_referencement li a,
.pied .menu_referencement li a:visited{color:inherit;font-size: 17px;text-decoration:none;}
.pied .menu_referencement li a:hover { text-decoration:underline }
.pied .menu_referencement li.active a:hover { cursor:default; text-decoration:none }

.pied address{ margin:0; padding:15px 0 15px 0; color:#fff;  }
.pied address p{background-repeat:no-repeat;margin: 0 0 20px;}
.pied address p.adresse{background-image:url(../images/ico-adresse.png);background-position:0 2px;padding: 0 0 10px 40px;}
.pied address p.tel.tel1{background-image: url(../images/ico-tel.png);background-position:0 2px;padding: 0 0 10px 40px;}
.pied address p.tel.tel2{background-image: url(../images/ico-tel.png);background-position:0 2px;padding: 0 0 10px 40px;}
.pied address p.fax{
    background-image: url(../images/ico-fax.png);
    background-position: 0 2px;
    padding: 0 0 10px 40px;
}
.pied address p.mail{ background-image:url(../images/ico-mail.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p a{ text-decoration:none; color:inherit }
.pied address p a:hover{ text-decoration:underline }

.pied .copyright-footer{margin: 45px 0px 0px 0px;color:#fff;font-size:10px;text-align:center;}
.pied .copyright-footer a{ color:inherit; text-decoration:none }
.pied .copyright-footer a:hover{ text-decoration:underline }

.btn-like{ text-align:center; padding:10px 0px 0px 0px }
/* SUDO SLIDER *************************************************************/
/* *************************************************************************/

.cont-slider{ position:relative;  }
.sudo-slider, 
.sudo-slider img{ width:100% }
a.sudolien.precedent,
a.sudolien.suivant{ z-index:9000; position:absolute; top:50%; display:inline-block; width:30px; height:32px; margin-top:-15px }
a.sudolien.precedent{ left:0px; background:url(../images/g.png) }
a.sudolien.suivant{ right:0px; background:url(../images/d.png) }
a.sudolien.precedent:hover,
a.sudolien.suivant:hover{ opacity:0.8 }

.cont-slider .controls{ z-index:9000; display:inline-block; position:absolute; bottom:15px; left:0; right:0; text-align:center }
.cont-slider .controls ol{ margin:0; padding:0; list-style-type:none }
.cont-slider .controls ol li{ display:inline-block }
.cont-slider .controls ol li a{ display:block; width:19px; height:19px; background:url(../images/miette.png) center center no-repeat; margin:0 2px }
.cont-slider .controls ol li.current a{ background:url(../images/miette-h.png) center center no-repeat }
.cont-slider .controls ol li a span{ display:none }

/* MODULE CONTACT  *********************************************************/
/* *************************************************************************/

/* Texte description */
.contact .description-contact{ padding:0px 0px 10px 0px }

/* Enlever padding conteneur champs */
.contact .formulaire .form-group label.col-md-4{padding-left:0 !important;padding-right:0 !important;display: none;}
.contact .formulaire .form-group div.col-md-8{padding-left:0 !important;padding-right:0 !important;width: 100%;}

 /* Style des champs */
.contact .formulaire .control-label { text-align:left !important; font-weight:normal } /* Labels */
.contact .formulaire .form-group {margin-bottom: 12px;padding:0 !important;margin-left:0 !important;margin-right:0 !important;} /* Espace entre lignes */
.contact .formulaire .form-group .form-control {background: #585858;border:1px solid #e4e5e5;box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset;border-radius:0px;width:100% !important;font-size: 13px;font-family: 'OpenSans-Regular';color: #ffffff;}
.contact .formulaire .form-group textarea.form-control{height: 117px;position:static;}
.contact .formulaire .form-group input.form-control {height: 44px;line-height:1;line-height:32px \9;padding:0px 12px;} /* Ne pas toucher le padding */
.contact .formulaire .form-group select.form-control {height: 44px;line-height:32px;padding:5px;} 

/* Captcha + Bouton submit (MODELE 2) */ 
.contact .formulaire .form-group input[name="captcha"]{ width:31% !important; height:38px !important; display:inline-block; float:none !important; margin-right:2% !important }
.contact .formulaire .form-group input[name="captcha"] + a{ width:35%; display:inline-block; margin-right:2%; }
.contact .formulaire .form-group #captcha { width:100%; height:38px !important; border-radius:0; padding:0;  }
.contact .formulaire .form-group input.btn-primary{float: right;font-size: 16px;background: url(../images/cable-bouton.png) no-repeat 0 0;padding: 16px 30px;background-color: transparent;border: 0;background-position: 10px 0px;margin-top: 11px;display: inline-block;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;-webkit-transform: translateZ(0);}
.contact .formulaire .form-group input.btn-primary:hover{text-decoration:none;background-position: 0px 0px;background-color: transparent;}
.contact .formulaire .form-group .g-recaptcha {   float: left;}
/* Texte required */
.contact .formulaire .form-actions { font-size:12px }

/* Agrandir le plan */
.contact a.btn.btn-default{ float:right }

/* Bouton submit + Agrandir le plan + bouton page erreur 404 */
.body-error404  a.btn.btn-default,
.contact .formulaire input.btn-primary,
.contact a.btn.btn-default
{padding:8px 10px;background-color: transparent;color:#fff;border-radius:0px;font-size: 14px;border:none;text-decoration:none;transition:all 400ms ease;font-family: 'Poppins-Regular';text-transform: uppercase;}

.body-error404  a.btn.btn-default:hover,
.body-error404  a.btn.btn-default:active,
.contact .formulaire input.btn-primary:hover,
.contact .formulaire input.btn-primary:active,
.contact a.btn.btn-default:hover,
.contact a.btn.btn-default:active
{ opacity:0.8; filter:alpha(opacity=80) }

/* Couleurs des placeholder */
*::-webkit-input-placeholder {   color:#fff !important }    
*:-moz-placeholder {      color:#fff !important; opacity:1 !important }  /* FF 4-18 */
*::-moz-placeholder {       color:#fff !important; opacity:1 !important }  /* FF 19+  */ 
*:-ms-input-placeholder {     color:#fff !important }              /* IE 10+  */
/* Formulaire pageseo */
.pageseo .formulaire .form-group input[name="captcha"]{ width:100% !important; margin-right:0% !important; text-align:left !important ;  }
.pageseo .formulaire .form-group input[name="captcha"] + a{ position: absolute; width:140px; top: 0; right: 0; margin-right:0px !important; }
.pageseo .formulaire .form-group input.btn-primary { margin-top: 8px; }

/* MODULE GALERIE  *********************************************************/
/* *************************************************************************/
.gallery .description-galerie{ padding: 0 0px 20px 0px; }
/* Espace entre colonnes de photos */
.gallery .ligne-photos .col-md-1,.gallery .ligne-photos .col-md-2,.gallery .ligne-photos .col-md-3,.gallery .ligne-photos .col-md-4,.gallery .ligne-photos .col-md-6{ padding-left:5px !important; padding-right:5px !important }
/* Espace gauche et droite des lignes de photos */
.gallery .ligne-photos{ margin-left:-5px !important; margin-right:-5px !important  }
.gallery .ligne-photos .propor {  width:100%;  position:relative;  margin-bottom:10px }
.gallery .ligne-photos .propor:after { padding-top: 72%; display: block; content: ''; }
.gallery .ligne-photos .propor .propor-cont{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.gallery .ligne-photos .propor .propor-cont .imagecont{ height:100%; display:block; border:1px solid #d4d4d4; width:100%; overflow:hidden; position:relative; -webkit-transform: translateZ(0) }
.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat; }
/* Effet photo */
.gallery .ligne-photos .propor  .propor-cont .imagecont .masque { display:block; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); width:100%; height:100%; background:rgba(0, 0, 0, 0.5) url('../images/ico-zoom.png') no-repeat center center }
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque { opacity:1; filter:alpha(opacity=100) }
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond{ 
-webkit-transform:scale(1.15);
   -moz-transform:scale(1.15);
     -o-transform:scale(1.15);
    -ms-transform:scale(1.15);
        transform:scale(1.15);
} 
/* GALERIE MULTIPLE */
.gallery .nav{ margin:10px 0px; padding-right:10px }
.gallery .nav li{display:inline-block;margin-bottom: 10px;}
.gallery .nav li a{background: #22222257;display:block;color:#fff;padding:10px 10px;text-align:center;border-radius:0;text-decoration:none;}
.gallery .nav li a:hover,
.gallery .nav li.active a{background: #222;color:#fff;}
.gallery .nav li.active a{ cursor: default }

.gallery .tab-content{ padding-top:10px; padding-bottom:10px; }
.gallery .tab-content h2{margin-bottom:20px;font-size: 19px;font-family: 'Montserrat-Regular';}

.gallery .onglet-tab ul {
    display: table;
    margin: 20px auto 40px;
}
.fluid-contenu .corps.container-body {
    padding-right: 8%;
    padding-left: 8%;
    padding-top: 70px;
    min-height: 530px;
}
.body-contact .fluid-contenu .corps.container-body { padding-right: 11%; padding-left: 11%;}
.fluid-contenu .corps.container-body h1, .fluid-contenu .corps.container-body .h1{ text-align: center;}
.body-page-1 .fluid-contenu .corps.container-body h1{text-align:left}
.gallery .onglet-tab ul li {display: table-cell;}
/* MODULE ACTUALITES  ******************************************************/
/* *************************************************************************/
.view .item{ border-top:1px solid #BEBEBE; padding:15px 0 0 0; margin:15px 0 0 0;  }
.view .item:first-child{ border:0; padding-top:0  }
.view .item a{  }
.view .item h3{ margin: 15px 0 5px 0; text-transform:uppercase; font-size:12px }
.view .item h3 a{  }
.view .item .date_post{  }
.view .item .plus{ text-align:right; padding-top:10px;  }
.view .item .plus a{ display:inline-block; border:1px solid #bebebe; padding:5px 15px }
.view .item .plus a:hover{ background:#ea0047; color:#fff;  }
.view .item .propor { width: 100%; position: relative }
.view .item .propor:after { padding-top:75%; display:block; content: ''; }
.view .item .propor .propor-cont{ position:absolute; top:0; bottom:0; right:0; left:0; }
.view .item .propor .imagecont{ height:100%; display:block; border:3px solid #3a3a3a; width:100%; overflow:hidden; position:relative }
.view .item .propor .imagecont .imagefond{ image-rendering: optimizeQuality;image-rendering: auto; display:block; height:100%; width:100%; overflow:hidden; background:url(../images/noPhoto.jpg) center center no-repeat; }
.view .voirtous { margin:15px 0;}
.view .voirtous a{ text-decoration:underline }
.view .voirtous a:hover{ text-decoration:underline; color:#000; }

.news .ligne-actus{ margin-left:-15px !important }
.news .ligne-actus{ margin-bottom:40px }
.news .ligne-actus.full{padding: 0 0;margin: 23px 0 !important;background: #3a3a3a;}
.news .ligne-actus.full:last-child{ border:none }
.line-actu {
    position: relative;
    display: table;
    vertical-align: middle;
    width: 100%;
}
.img-actu {
    position: relative;
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.contenu-new {
    position: relative;
    display: table-cell;
    width: 70%;
    vertical-align: top;
    padding: 30px 30px;
}
.news .date-article{margin: 0 0 30px 0;color: #909090;}
.news .contenu-article{ margin:0; text-align:justify }
.news h2,.news h3{ font-size:22px; margin-top:10px }
.news h2 a,.news h3 a{text-decoration:none;font-family: 'Montserrat-Bold';}
.news h2 a:hover,.news h3 a:hover{ text-decoration:underline }
.news .propor { width: 100%; position: relative }
.news .propor:after {padding-top:75%;display:block;content: '';}
.news .propor .propor-cont{ position:absolute; top:0; bottom:0; right:0; left:0; }
.news .propor .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;}
.news .propor .imagecont .imagefond{image-rendering: optimizeQuality;image-rendering: auto; display:block; height:100%; width:100%; overflow:hidden; background:url(../images/noPhoto.jpg) center center no-repeat; }
.news .propor .imagecont .masque { display:block; position:absolute; top:-100%; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5) url('../images/ico-zoom.png') no-repeat center center }
.news .propor .imagecont:hover .masque { top:0 }
.news .plus a {border: 1px solid #ffffff;display: inline-block;padding: 5px 15px;font-family: 'Montserrat-Light';position: absolute;right: 15px;bottom: 15px;}
.news .plus {padding-top: 35px;text-align: left;}
.news .plus a:hover {background: #ffffff none repeat scroll 0 0;color: #3f3f3f;text-decoration: none;}
.news .retour-liste{ padding:20px 0 0 0; text-align:right; }

.news .pagination{ text-align:center; padding:10px 0 0 0; display:block;  }
.news .pagination li{ display:inline-block }
.news .pagination li a{ border:none }
.news .pagination li.active a{ background:#444444; color:#fff; border:none;   }

.deux-par-ligne .news .ligne-actus.full,.deux-par-ligne .view .item {padding: 15px 1%; float:left; border:0; width: 50%;border-left:1px solid #BEBEBE;}
.deux-par-ligne .view .item:first-child {border:0;}

.news.deux-par-ligne .ligne-actus.full{ padding: 15px 1%; float:left; border:0; width: 50%;border-left:1px solid #BEBEBE;}
.news.deux-par-ligne .ligne-actus.full:nth-child(2n){ border:0;}

/* MODULE CATALOGUE / GARAGE / IMMO *****************************************/
/* *************************************************************************/
.etiquette{ position:absolute; z-index:9000; }
.etiquette.nouveaute{ background:url(../images/ico-nouveaute.png); top:5px; left:5px; width:20px; height:19px; }
.etiquette.favoris{ background:url(../images/ico-favoris.png); top:5px; right:5px; width:18px; height:15px; }
.etiquette.promotion{ background:url(../images/ico-promotion.png); bottom:5px; left:5px }
.fil-arianne{
    display: block;
    position: relative;
    margin: 10px 0 70px;
    color: #bdbdbd;
}
.fil-arianne a{color: #bdbdbd;text-decoration:none;font-size: 15px;}
.fil-arianne a:hover{ text-decoration:underline }
.fil-arianne span{color: #ffffff;}
.cat-liste .titre-liste{ background: #3f3f3f; border-radius: 3px; margin-bottom:20px }
.cat-liste .titre-liste h2{ background:none; margin:0 }
.cat-liste #filtres{ display:inline-block; padding:9px 15px; font-size:11px; text-align: right }
.cat-liste #filtres form{ display:inline-block;  }
.cat-liste #filtres form#form_ipp{ padding-right:20px  }
.cat-liste #filtres form label,
.cat-liste #filtres form b{ font-weight:normal  }
.cat-liste #filtres p{ margin:0 }
.cat-liste #filtres select{ height: 36px; line-height: 36px; padding: 7px; border: none; border-radius: 5px; } 
.cat-liste #pagination{ padding:8px 0; text-align:center }
.cat-liste #pagination ul{ margin:0; padding:0; list-style-type:none; list-style-image:none;  }
.cat-liste #pagination ul li{ display:inline-block; width:41px;  }
.cat-liste #pagination ul li a{ display:block; height:41px; line-height:41px; font-weight:bold; font-size:18px; text-decoration:none; }
.cat-liste #pagination ul li a:hover,
.cat-liste #pagination ul li.active a{ color:#fff; background:orange; }
div#sticker-sticky-wrapper { margin: 0 30px 0 0;}
.filtres-catalogue { position: relative;  display: block;  background: #fff;  padding: 23px 42px;} 
.filtres-catalogue input[type=submit]{
    color: #fff;
    width: 100%;
    margin: 15px 0 15px;
    border: 1px solid #222;
    padding: 10px 0;
    border-radius: 43px;
    transition:.5s;
    background: #222;
}
.filtres-catalogue input[type=submit]:hover, .filtres-catalogue input[type=submit]:focus{background: #fff; color:#222}
.filtres-catalogue a#clear-filter-form{
    color: #222;
    width: 100%;
    margin: 0 0 15px;
    border: 1px solid #b9b9b9;
    padding: 12px 0;
    border-radius: 43px;
    display: block;
    text-align: center;
    transition:.5s;
}
.filtres-catalogue a#clear-filter-form:hover{text-decoration:none; background:#222; color:#fff}
/* Couleurs  placeholder input catalogue */
.filtres-catalogue ::-webkit-input-placeholder {   color:#999999 !important }    
.filtres-catalogue :-moz-placeholder {      color:#999999 !important; opacity:1 !important }  /* FF 4-18 */
.filtres-catalogue ::-moz-placeholder {       color:#999999 !important; opacity:1 !important }  /* FF 19+  */ 
.filtres-catalogue :-ms-input-placeholder {     color:#999999 !important } 
.filtres-catalogue input[type=text] {
    font-style: italic;
    font-size: 14px;
    width: 100%;
    padding: 8px 10px;
    border-radius: 27px;
    background: #fff url(../images/picto-loop.png) no-repeat 95% 50%;
    border: 1px solid #d7d7d7;
    color: #222;
}
.accordion { margin: 0 auto; padding: 0;}
.accordion li {position: relative;line-height: 1;}
.accordion li .content-filtre {display: none; padding: 0 0 0;  color: #3f3f3f;}
.accordion li .content-filtre > div label{font-family: 'Montserrat-Light';color: #3f3f3f;font-weight: normal;font-size: 15px;margin-bottom: 0;padding-left: 9px;}
.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-size: 17px;
  color: #3f3f3f;
  font-family: 'HallmarkeBlackOblique';
  position: relative;
  padding: 6px 5px 5px;
  transition: .5s;
}
.accordion a:hover{background: #efefef;text-decoration: none;color: #222222;}
.accordion a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #3f3f3f;
  border-bottom: 1px solid #3f3f3f;
  position: absolute;
  right: 11px;
  content: " ";
  top: 50%;
  margin-top: -4px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion .content-filtre {
  font-size: 13px;
  font-size: 0.5125rem;
  line-height: 1.5;
  padding: 10px;
}
a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.infinite-scroll .chargement{display:none;background:url(../images/chargement.gif) no-repeat center top;height: 10px;width: 76px;position:absolute;bottom:0px;left:50%;margin-left: -38px;}
.modele-liste{ margin-left:-10px !important; margin-right:-10px !important; padding:0 }
.modele-liste .col-md-2,.modele-liste .col-md-3,.modele-liste .col-md-4,.modele-liste .col-md-6{ padding-left:10px !important; padding-right:10px !important }
.modele-liste .item{background: #ffffff;padding: 35px 10px 40px;margin-bottom:30px;position:relative;overflow:hidden;}
.modele-liste .item .div-proportionnel-item {width: 80%;position: relative;display: table;margin: 35px auto 35px;}
.modele-liste .item .div-proportionnel-item:after { padding-top:100%; display: block; content: ''; }
.modele-liste .item .div-proportionnel-item .cont-propor { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.modele-liste .item .div-proportionnel-item .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;}
.modele-liste .item .div-proportionnel-item .imagecont:hover{ opacity:0.8; filter:alpha(opacity=80);  }
.modele-liste .item .div-proportionnel-item .imagecont .imagefond{image-rendering: optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat: no-repeat;background-size: contain !important;}
.modele-liste .item .noimage{ background:#fff url(../images/noim.jpg) no-repeat center center  }
.modele-liste .item .tableau{ width:100% }
.modele-liste .item h2,
.modele-liste .item h3{margin:0;height:50px;text-align:center;padding:0;font-size: 24px;}
.modele-liste .item h2 a,
.modele-liste .item h3 a{color: #3f3f3f;}
.modele-liste .item a.lire-suite {position: relative;color:#3f3f3f;}
.modele-liste .item a.lire-suite:hover{text-decoration:none}
.modele-liste .item a.lire-suite:after{content:'';width: 38px;height: 27px;display: inline-block;background-image: url(../images/btn-list-item.png);background-color: #3f3f3f;background-repeat: no-repeat;background-position: center center;position: relative;z-index: 1;top: 8px;right: -11px;transition: .5s;}
.modele-liste .item a.lire-suite:hover:after{ right: -23px;}
.cat-produit .item-titre{font-size: 40px;margin: 0 0 41px 0;float: left;}
.cat-produit .item-date{  }
.cat-produit .item-description{font-size: 16px;text-align: justify;line-height: 1.7;}
.cat-produit .item-description ul li{ list-style-image: url(../images/liste-catalogue.png); padding-left: 0;}
.cat-produit .item-prix{ font-size: 20px; }
.cat-produit .particularites{margin: 35px 0 0;padding:0;list-style-type:none;text-align: right;}
.cat-produit .equipements ul{ margin:0; padding:0; list-style-type:none }
.cat-produit .titre-similaire{ font-size:20px; margin-bottom: 20px; color:#c90e03;text-transform:uppercase; padding: 5px 0 5px 15px; color: #fff;  }
.cat-produit .valeur-id21, .cat-produit .valeur-id24 { text-align: right; display: inline-block;}
a.pdf-btn {
    position: relative;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #fff;
    padding: 10px;
    background:transparent;
    color:#fff;
}
a.pdf-btn:hover {
    position: relative;
    display: inline-block;
    font-size: 13px;
    background:#fff;
    color:#222;
    text-decoration:none;
}
.cat-produit .cont-sliderthumb{border: 10px solid #fff;}
.cat-produit .cont-sliderthumb .div-proportionnel {  width: 100%;  position: relative;   }
.cat-produit .cont-sliderthumb .div-proportionnel:after { padding-top: 72%; display: block; content: ''; }
.cat-produit .cont-sliderthumb .div-proportionnel .cont-propor { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont{ height:100%; display:block; width:100%; overflow:hidden; position:relative; cursor:zoom-in }
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont .imagefond{image-rendering: optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat: no-repeat;background-color: #fff;}
.cat-produit .noimage{ display:block; background:#fff url(../images/noim.jpg) no-repeat center center;  width: 100%; height:400px  }
.cat-produit .sudo-slider-thumb{ padding:0 }
.cat-produit .noimage{ background:#fff url(../images/noim.jpg) no-repeat center center; background-size:auto !important  }
.cat-produit .cont-miniatures{ overflow:hidden; position:relative; margin: 10px 0 0 0 }
.cat-produit .miniatures { width:300000px }
.cat-produit .miniatures .miniature{ width:115px; float:left; margin-right: 10px }
.cat-produit .miniatures .div-proportionnel {  width: 100%;  position: relative; }
.cat-produit .miniatures .div-proportionnel:after { padding-top: 72%; display: block; content: ''; }
.cat-produit .miniatures .div-proportionnel .cont-propor { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.cat-produit .miniatures .div-proportionnel .imagecont{ height:100%; display:block; width:100%; overflow:hidden; position:relative }
.cat-produit .miniatures .div-proportionnel .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat; }
.cat-produit .cont-miniatures .precedent-miniatures{ position:absolute; top:50%; margin-top:-16px; left:15px; display:none; width:32px; height:32px; background:url(../images/ico-thumb-g.png) }
.cat-produit .cont-miniatures .suivant-miniatures{ position:absolute; top:50%; margin-top:-16px; right:15px; display:none; width:32px; height:32px; background:url(../images/ico-thumb-d.png) }
.cat-produit .cont-miniatures:hover .precedent-miniatures,
.cat-produit .cont-miniatures:hover .suivant-miniatures{ display:block }
.cat-produit .cont-sliderthumb .bx-controls-direction{left:0}
.cat-produit .cont-sliderthumb .bx-controls-direction a{ bottom: 23px; margin-top: 0;}
.cat-produit .cont-sliderthumb .bx-controls-direction a.bx-prev{background: url(../images/fleche-left2.png);}
.cat-produit .cont-sliderthumb .bx-controls-direction a.bx-next{ background: url(../images/fleche-right2.png);  left: 3.5vw;}
.cat-produit .controlsthumb{ display:inline-block; z-index:9000; position:absolute; bottom:-40px; left:0; right:0; text-align:center }
.cat-produit .controlsthumb{ display:none !important }
.cat-produit .controlsthumb ol{ margin:0; padding:0; list-style-type:none }
.cat-produit .controlsthumb ol li{ display:inline-block }
.cat-produit .controlsthumb ol li a{ display:block; width:23px; height:23px; background:url(../images/miette.png); margin:0 2px }
.cat-produit .controlsthumb ol li.current a{ background:url(../images/miette-h.png) }
.cat-produit .controlsthumb ol li a span{ display:none }
.btn_rs {
    position: relative;
    display: inline-block;
    text-align: right;
    padding: 0 18px 0;
    cursor: pointer;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: translateZ(0);
    float: right;
    z-index: 2;
}
.h2-btn-partage {
    position: relative;
    overflow: hidden;
}
.btn_rs img {
    -webkit-animation: rotation 5s infinite linear;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
.btn_rs span{
    font-style: normal;
    font-size: 18px;
    padding: 0 13px;
    line-height: 2;
}
.h2-btn-partage .btn-partage{
    display: inline-block;
    float: right;
    padding: 5px 10px;
    margin-right: -170px;
    position: relative;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -khtml-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    min-width: 110px;
    z-index: 1;
    background: transparent;
}
.h2-btn-partage .btn-partage.active{margin-right: 0;}
.picto-gamme {
    position: relative;
    display: inline-block;
    background: #fff;
    margin-top: 11px;
    width: 100%;
    padding: 0 0;
}
.gamme {
    float: right;
}
.gamme ul{
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
}
.gamme ul li {
    display: inline-block;
    color: #888;
    font-size: 13px;
    padding: 0 2px;
    width: 75px;
    text-align: center;
}
.gamme ul li:nth-child(1) span{border-top: 4px solid #888;}
.gamme ul li:nth-child(2) span{border-top: 6px solid #888;}
.gamme ul li:nth-child(3) span{border-top: 12px solid #888;}
.gamme ul li:nth-child(4) span{border-top: 17px solid #888;}
.gamme ul li span {
    width: 100%;
    display: block;
    margin-top: 5px;
}
.gamme ul li.active{color:#222}
.gamme ul li.active span {
    border-color: #222;
}
.pictos {float: left;}
.pictos img{
    width: 65px;
    height: auto;
    margin: 0 2px;
}
.node-173 table,.tableS table {width: 100%;text-align: center;}
.tableS table {text-align: left; font-size:14px;}
.node-173 table th,.tableS table th{
    background: #fff;
    color: #222;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
}
.node-173 table tr,.tableS table tr{
    height: 57px;
}
.tableS table p { margin:0 0 3px}
.node-173 table tr:nth-of-type(odd),.tableS table tr:nth-of-type(odd) {background:#2f2f2f}
.node-173 table tr td{padding: 7px 0;}
.tableS table tr td{padding: 7px 10px;word-wrap: break-word;  }
.node-173 table tr td a {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url(../images/icon-download.png) no-repeat center;
      background-size: 100%;
}
.fluid-contenu .corps .glossaire ul {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 1px solid #2f2f2f;
}
.fluid-contenu .corps .glossaire ul li{
    list-style: none;
    display: table;
    width: 100%;
    margin: 0;
    background: #3f3f3f;
}
.fluid-contenu .corps .glossaire ul li:nth-of-type(odd) {background:#2f2f2f}
.fluid-contenu .corps .glossaire ul li strong {
    display: table-cell;
    width: 20%;
    text-align: center;
    padding: 17px 6px;
    vertical-align: middle;
    border-right: 1px solid #4c4c4c;
}
.fluid-contenu .corps .glossaire ul li p{
    width: 80%;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 15px;
}
a.btn-sav{
    background: #3e3d3d url(../images/icon-download.png) no-repeat 95% 50%;
    background-size: 25px;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 20px;
    padding-right: 70px;
    display: inline-block;
    margin-top: 21px;
    font-size: 18px;
    transition:.5s
}
a.btn-sav:hover{background-color:#282828}

.body-salepoint-list .fluid-contenu .corps.container-body { min-height:770px;}
/* MENU MOBILE 3 ***********************************************************/
/* *************************************************************************/
.header-sidebars,.sidebar-left,.sidebar-right{background-color: #00000054;letter-spacing:1px;}
.sidebar-left a,.sidebar-right a,.sidebar-bottom-controls a,.contactButton,.nav-item-active,.sidebar-form label,.sidebar-send-button,.sidebar-divider-text{color:#fff!important}
.header-sidebars{height:65px;z-index:9999;position:fixed;left:0;right:0;top:0;width:100%;box-shadow:0 2px 3px 1px rgba(0,0,0,0.1)}
.header-sidebars .header-top{display:table;height:65px;width:100%}
.top-logo{display:table-cell;vertical-align:middle;position:relative;z-index:9999;text-align:center;overflow-y: hidden;}
.top-logo img{position:absolute;left: 16px;top: 6px;max-height: 76px;max-width: 129px;}
.deploy-left-sidebar{display:table-cell;background-color:#c9323b;background-size:auto 49%;background-image:url(../images/menu-mobile-3/nav.svg);background-repeat:no-repeat;height:65px;width:65px;background-position:center center}
.deploy-right-sidebar{border-left: 1px #ffffff solid;display:table-cell;background-color: #0a8382;background-size:auto 49%;background-image:url(../images/menu-mobile-3/nav.svg);background-repeat:no-repeat;height:65px;width:65px;background-position:center center;}
.deploy-right-mail{border-left: 1px #fffefe solid;display:table-cell;background-color: #0a8382;background-size:auto 49%;background-image:url(../images/menu-mobile-3/mail.svg);background-repeat:no-repeat;height:65px;width:65px;background-position:center center;position: absolute;right: 65px;top:0;}
.deploy-right-call{display:table-cell;background-color: #0a8382;background-size:auto 49%;background-image:url(../images/menu-mobile-3/telephone.svg);background-repeat:no-repeat;height:65px;width:65px;background-position:center 16px;position: absolute;right: 130px;top:0;}
.deploy-back-home{background-image:url(../images/menu-mobile-3/home.png);background-repeat:no-repeat;background-color:#f9fafc;width:50px;height:50px;background-position:center center;float:right;margin-top:-50px}
.delete-right-sidebar{display:none;background-image:url(../images/menu-mobile-3/contact.png);background-repeat:no-repeat;background-color:#f9fafc;width:50px;height:50px;background-position:center center;float:right;margin-top:-50px}
.sidebar-left{font-family:'Nunito-Regular',Helvetica!important;width:270px;position:fixed;z-index:9999;top:0;left:-270px;bottom:0;overflow:hidden;position:fixed;box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.1);}
.sidebar-scroll-left{padding-right:20px;left:0;width:310px;overflow:scroll!important;overflow-x:hidden!important;-webkit-overflow-scroll:touch!important;height:100%;background-color:#c31c26;}
.sidebar-scroll-right{width: 275px;overflow:auto !important;overflow-x:hidden!important;height:100%;background-color: #064f4e;}
.sidebar-right{font-family:'Nunito-Regular',Helvetica!important;background-repeat:repeat;position:fixed;overflow:hidden;z-index:99999;right:-280px;top:0;bottom:0;width:270px;margin-right:10px;box-shadow:-2px 0px 2px 0px rgba(0, 0, 0, 0.1);}
.sidebar-decoration{background-image:url(../images/menu-mobile-3/sidebar-deco.png);background-repeat:repeat-x;height:2px;margin-bottom:15px}
.sidebar-left a,.sidebar-right a{text-decoration:none;display:block;overflow:hidden;position:relative;color: #fff !important;z-index:1;background-color: #0a8382;}
.sidebar-header-left{height:65px;background-color:#eebe15;position:relative}
.sidebar-left-logo{max-height:75px;position:absolute;top:-2px;left:8px;margin-right:179px;}
.sidebar-right-logo{margin-left: 84px;top: 14px;right: 23px;max-width: 180px;float: inherit;max-height: 37px;position: relative;}
.close-sidebar-left{background-image:url(../images/menu-mobile-3/left-chevron.svg);background-size:45% auto;background-repeat:no-repeat;background-position:center center;height:65px;width:65px;margin-left:205px;display:block}
.sidebar-divider-text{font-size:20px;padding-top:15px;padding-left: 20px;padding-bottom:15px;margin-bottom:0;color: #eebe15 !important;background: #064f4e;}
.home-nav{background-image:url(../images/menu-mobile-3/home.png)}
.info-nav{background-image:url(../images/menu-mobile-3/infoabout.png)}
.folio-nav{background-image:url(../images/menu-mobile-3/bendedright.png)}
.mail-nav{background-image:url(../images/menu-mobile-3/mail.svg)}
.newsletter-nav{background-image:url(../images/menu-mobile-3/rss.png)}
.call-nav{background-image:url(../images/menu-mobile-3/phonehook.svg)}
.text-nav{background-image:url(../images/menu-mobile-3/speechbubble4.png)}
.facebook-nav{background-image:url(../images/menu-mobile-3/facebook.png)}
.twitter-nav{background-image:url(../images/menu-mobile-3/twitter.png)}
.sidebar-bottom-controls{background-color:#0a8382;}
.sidebar-bottom-controls p{margin-top:3px;}
.sidebar-bottom-controls a{font-size:12px;background-repeat:repeat-y;text-align:center;float:left;width:33%;line-height:10px;display:block}
.facebook-bottom{display:block;padding-top:26px;background-image:url(../images/menu-mobile-3/facebook.png);background-repeat:no-repeat;background-position:center 33px;background-size:16px 16px;height:50px;margin-top:-25px}
.twitter-bottom{display:block;background-image:url(../images/menu-mobile-3/twitter.png);background-repeat:no-repeat;background-position:center 33px;background-size:16px 16px;height:50px;margin-top:-25px}
.close-bottom-left,.close-bottom-right{display:block;padding-top:26px;background-image:url(../images/menu-mobile-3/accessdenied.png);background-repeat:no-repeat;background-position:center 33px;background-size:16px 16px;height:50px;margin-top:-25px}
.nav-item{font-size:16.2px;-webkit-tap-highlight-color:rgba(0,0,0,0);background-size:22px auto;background-color:#c9323b;height:60px;line-height:61.5px;background-repeat:no-repeat;padding-left:60px;background-position:20px center;margin-bottom:1px;}
.icon-active{position:absolute;background-image:url(../images/menu-mobile-3/left-sidebar/location.png);background-size:10px 15px;background-repeat:no-repeat;display:block;width:10px;height:15px;top:19px;left:240px}
.icon-page{position:absolute;background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png);background-size:8px 11px;background-repeat:no-repeat;display:block;width:10px;height:15px;top:19px;left:240px}
.icon-drop{position:absolute;background-image:url(../images/menu-mobile-3/left-sidebar/godrop.png);background-size:10px 8px;background-repeat:no-repeat;display:block;width:10px;height:15px;top:19px;left:239px}
.submenu a{text-shadow:0 2px 0 rgba(0,0,0,1);background-image:url(../images/menu-mobile-3/sidebar-deco.png);background-repeat:repeat-x;padding-top:12px;padding-bottom:12px;padding-left:25px;font-size:10px;color:#878787;text-transform:uppercase;font-weight:900}
.submenu a em{background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png);background-size:8px 11px;background-repeat:no-repeat;float:left;width:10px;height:15px;display:block;margin-top:5px;padding-right:35px}
.submenu a:first-child{background-image:none!important}
.submenu{display:none}
.submenu-active{display:block}
.sidebar-notifications a{margin-bottom:15px;background-repeat:no-repeat;background-position:0 center;padding-left:38px;margin-left:20px;font-size:10px;color:#878787;font-family:'Lato',sans-serif;font-weight:700;text-transform:uppercase;line-height:10px}
.sidebar-header-right{height:65px;background-color: #064f4e;position:relative;text-align: right;}
.close-sidebar-right{background-image:url(../images/menu-mobile-3/right-chevron.svg);background-size:45% auto;background-repeat:no-repeat;background-position:center center;height:65px;width:65px;margin-left:0;display:block}
.sidebar-left .close-sidebar-left, .sidebar-right .close-sidebar-right{position:absolute !important;}
.right-sidebar-copyright{margin:20px 0}
.footer-text a{padding-top:10px;font-size:10px;color:#8a8a8a}
.copyright-sidebar{font-size:10px;text-align:center;text-transform:uppercase}
.menu-mobile-dynamique{margin:0;padding:0;list-style-type:none;list-style-position:inside;list-style-image:none}
.menu-mobile-dynamique li{width:100%;margin-bottom: 1px;background: none;padding-left: 0;background: #4c4c4c;}
.menu-mobile-dynamique .sub-menu li{background-color:transparent;margin-bottom:0;border-bottom: 1px solid #0a8382;}
.menu-mobile-dynamique .sub-menu li a{height:42px;text-transform:none;}
.menu-mobile-dynamique .sub-menu{background-image: linear-gradient(to bottom, #064f4e, #064f4e);padding-top: 0;padding-bottom: 0;}
.menu-mobile-dynamique li.parent{background-image:url(../images/menu-mobile-3/left-sidebar/gopage.svg);background-position:241px 26.2px;background-repeat:no-repeat;background-size:9px auto;}
.menu-mobile-dynamique li a{display:table-cell;width:270px;vertical-align:middle;line-height:18px;font-size:16.2px;background-image:url(../images/menu-mobile-3/bendedright.svg);-webkit-tap-highlight-color:rgba(0,0,0,0);background-size:8px auto;text-transform:uppercase;color:#fff;height:60px;background-repeat:no-repeat;padding-left: 29px;background-position: 6px 20.9px;}
.menu-mobile-dynamique ul{list-style-image:none;list-style-position:inside;list-style-type:none;padding-left:0}
.menu-mobile-dynamique ul li a{background:none;color:#BEBEBE}
.small-notification p{margin:10px 13px;padding-bottom:2px;line-height:18px}
.text-input{overflow:hidden;position:relative;font-size:11px;color:#666;width:230px;margin-left:20px;height:30px;padding-left:10px;padding-right:10px;margin-bottom:10px;display:block;box-sizing:border-box;background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d}
#contactEmail{margin-bottom:-5px!important}
#contactMessage{display:none}
#contactName{display:none;margin-bottom:10px}
#left_label_name{overflow:hidden;position:relative;display:none;text-align:left;margin-left:200px;font-size:11px;color:#8c8c8c;opacity:.3;margin-top:-20px;padding-bottom:5px;margin-bottom:10px}
#name_label{overflow:hidden;position:relative;display:none;margin-top:20px;margin-left:20px;font-family:'Lato',sans-serif;font-size:12px;color:#c5c5c5}
#email_label{margin-top:20px;margin-left:20px;font-size:12px;color:#c5c5c5;display:block;overflow:hidden;position:relative}
#left_label_mail{display:block;overflow:hidden;position:relative;line-height:18px;text-align:left;margin-left:200px;font-size:11px;color:#8c8c8c;opacity:.3;font-family:'Open Sans',sans-serif;margin-top:-20px;padding-bottom:5px;margin-bottom:10px}
.contact-button-house{line-height:18px;margin-bottom:20px;font-size:11px;display:block;overflow:hidden;position:relative;vertical-align:baseline;outline:none}
.contactButton{display:block;overflow:hidden;position:relative;margin-left:20px;margin-top:30px;height:36px;font-family:'Lato',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;width:230px;background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d}
.buttonWrap{padding:10px!important;min-width:43%}
.contactSubmitButton{display:block!important;height:36px!important;margin-right:4px;float:left;margin-bottom:20px}
.contactNameField{padding-bottom:5px;font-size:12px}
.contactField{font-size:15px;overflow:hidden;position:relative;color:#fff;min-width:100%;display:block;box-sizing:border-box;height:30px;padding-left:10px;padding-right:10px;margin-bottom:10px}
.contactTextarea{font-size:15px;overflow:hidden;position:relative;color:#fff;min-width:100%;display:block;box-sizing:border-box;margin-bottom:20px;line-height:18px;height:90px;padding:9px 12px}
.menu-mobile-dynamique input{-webkit-appearance:none;border-radius:0}
.sidebar-form{display:none;margin-left:20px;width:230px;box-sizing:border-box}
.sidebar-form2{display:none}
.sidebar-form label{font-size:13px;border-radius:0!important;color:#c5c5c5;text-transform:uppercase;padding-top:10px;display:block;opacity:.8;filter:alpha(opacity=80)}
.sidebar-form label span{text-transform:lowercase;float:right;opacity:.5}
.sidebar-form input{background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d}
.sidebar-form textarea{background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d;margin-bottom:0}
.sidebar-send-button{font-size:13px;display:block;width:100%;color:#d2d2d2;font-family:'Lato',sans-serif;text-transform:uppercase;font-weight:700}
.success-subscribe{margin-top:20px;width:230px;margin-left:20px}
.sidebar-form{margin-bottom:0!important;margin-top:-10px!important}
.sidebar-form .formSuccessMessageWrap{width:230px;margin-top:20px;margin-bottom:0}
.sidebar-form .small-notification{margin-top:20px}
.sidebar-form #emailError{margin-top:20px;width:230px;margin-left:20px;border-radius:0;height:36px}
.sidebar-form #emailError p{text-align:center;color:#ff8181;margin:8px 0;display:block;background-image:none;text-transform:uppercase;padding-left:0}
.sidebar-form #emailError2{margin-top:20px;width:230px;margin-left:20px;border-radius:0;height:36px}
.sidebar-form #emailError2 p{text-align:center;color:#ff8181;margin:8px 0;display:block;background-image:none;text-transform:uppercase;padding-left:0}
.subscribe-notification{width:230px!important;margin-left:20px;border-radius:0!important;margin-bottom:-15px!important;margin-top:20px!important;background-image:none!important}
.subscribe-notification p{background-image:none!important;text-align:center;color:#ff8181!important;margin:8px 0;display:block;text-transform:uppercase;padding-left:0;margin-top:20px}
.formValidationError{margin-bottom:-15px}
.sidebar-form .formValidationError div{margin-top:20px;width:230px;border-radius:0!important;height:36px;margin-top:20px!important}
.sidebar-form .formSubmitButtonErrorsWrap{overflow:visible!important;margin-bottom:20px}
.sidebar-form .formValidationError p{text-align:center;color:#ff8181!important;margin:8px 0;display:block;background-image:none;text-transform:uppercase;padding-left:0}
.menu-mobile-dynamique label{display:block;overflow:hidden;position:relative;border:0;vertical-align:baseline;outline:none}
.red-notification{background-color:rgba(219,84,84,0.5);border-radius:5px;border:solid 1px #c24747}
.formValidationError .red-notification p{background-image:none!important;display:block!important;padding-left:0!important;text-align:center!important}
.no-bottom{margin-bottom:0!important}
.menu-mobile-dynamique .sub-menu{display:none}


/* AUTRES STYLES FIXES  ****************************************************/
/* *************************************************************************/
.copyright h2, .copyright h3 { font-size: 20px;}
/* Bouton remonter */
.remonter { position:fixed; z-index:9999; display:none; bottom:10px; right:10px; width:52px; background:rgba(0,0 ,0, 0.5); border-radius:5px }
.remonter a { display:block; padding:12px 10px; text-align:center;  }
.remonter a:hover { opacity:0.8; filter:alpha(opacity=80) }

/* Div IE <8*/
.deprecated-ie{ text-align:center; color:#000; background:#eee }
.deprecated-ie p{ line-height:30px; margin:0 }
.deprecated-ie a{ line-height:30px; font-family:"Trebuchet MS", Helvetica, arial, sans-serif; font-size:13px; color:#000; text-decoration:underline }

/* Fix pour fond noir lightbox qui n'apparait pas sur chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
.lightboxOverlay { overflow:scroll }
.lightboxOverlay::-webkit-scrollbar { width:0px }
}


.sitemap .scrollbars {
    height: 348px;
    margin-bottom: 24px;
}

.sitemap h3 {
    margin-bottom: 22px;
    font-size: 20px;
}
/* MEDIA QUERIES  **********************************************************/
/* *************************************************************************/
/* Mobile + Tablettes + Pc normal (col-xs + col-sm + col-md) */
@media (max-width: 1199px){ 
  .remonter{ display:none !important }
  .fluid-contenu .corps .contain-presentation{ padding: 39px 0;  }
  .fluid-contenu .corps.container-body{
    padding-right: 4%;
    padding-left: 4%;
  }
  .bloc-toureiffel{display: none !important}
  .pied .bande2 .col-md-2, .pied .bande2 .col-md-3, .pied .bande2 .col-md-3{width: 33%}
  .contain-newsletter{padding: 30px 60px;}
 
  }
@media (max-width: 1660px){  
  .actualites a.bouton-principal, .news a.bouton-principal{margin: 0 0} 
}
@media (max-width: 1440px){  
 .hide-print.bloc-coeur{padding: 50px 8%;}
 .hide-print.bloc-coeur .contain-coeur:after{bottom: 130px}
 .hide-print.bloc-coeur .contain-coeur{ padding: 40px 90px 40px;}
}

/* Mobile + Tablettes (col-xs + col-sm) */
@media (max-width:991px){ 
  .scrollbars2 {
    height: 450px;
}
  .container { width: 100%; } 
  .tete .logo-site{padding: 15px 0;}
  .tete .logo-site img{
    width: auto;
    height: 40px;
    max-width: initial;
  }
  .langues{right: 15vw;}
  .item-slide{ background-size: 75% auto; background-position: 0 12% !important;}
  svg.intro{top: 55vh;right: 0vw;}
  .bx-controls-direction a{bottom: 10vh}
  .bx-controls-direction a.bx-next{left: 10vw}
  .fluid-contenu .corps .contain-presentation{display: inline-block;}
  .contain-newsletter{ margin-bottom: 20px;}
  h1, .h1{
    margin-bottom: 50px;
    font-size: 36px;
  }
  .bloc-actualites{padding: 50px 2%;}
  .actualites .cell.texte .contenu{padding: 0px 3%;}
  .actualites a.bouton-principal, .news a.bouton-principal{margin: 5px 0;}
  .pied .bande2 .col-md-2, .pied .bande2 .col-md-3, .pied .bande2 .col-md-3{width: 50%}
  .pied .bande2 .col-xs-12{width: 100%}
  .pied h2{margin-bottom: 10px}
  .pied .menu_referencement li{ display:inline }
  .pied .menu_referencement li:after{ content:" - " }
  .pied .menu_referencement li:last-child:after{ content:"" }
  .filtres-catalogue { position: relative !important; margin: 0 15px 25px;}
  div#sticker-sticky-wrapper{margin: 0;}
  .hide-print.bloc-coeur .contain-coeur .item{padding: 15px 0vw 20px}
  .hide-print.bloc-coeur .contain-coeur .item h3{font-size: 22px}
  .hide-print.bloc-coeur .contain-coeur:before{ margin-bottom: -160px; height: 360px}
  .hide-print.bloc-coeur .contain-coeur:after { bottom: 170px;}
  /* Changement largeurs labels+champs contact */
  .contact .formulaire  .form-group .col-md-4 { width:100% !important }
  .contact .formulaire  .form-group .col-md-8 { width:100% !important }
  
  /* Captcha Contact */
  .contact .formulaire .form-group input[name="captcha"]{ width:100% !important; margin-right:0% !important; text-align:left !important ;  }
  .contact .formulaire .form-group input[name="captcha"] + a{ position: absolute; width:140px; top: 0; right: 0; margin-right:0px !important; }
  .contact .formulaire .form-group input.btn-primary { margin-top: 8px; }
  
  /* Forcer l'affichage des fleches de la lightbox car pas de hover sur mobile */
  .lb-prev { opacity:1 !important; background: url(../images/lightbox-g.png) left 48% no-repeat; }
  .lb-next { opacity:1 !important; background: url(../images/lightbox-d.png) right 48% no-repeat; }
  
  /* Desactiver la scrollbar personnalisee */
  .scrollbars{ width:100%; height:auto }
  .scrollbar-content { padding:0 }
   header .logo-div{ display: none }
   .modele-liste .item h2, .modele-liste .item h3{font-size: 16px;}
   .dl-menuwrapper .dl-menu{width: 380px;padding-right: 5px;margin-right: -19px;}
   .mobile-header-nav > li:last-child a:before{right: 0}
}
/* Mobile (col-xs) */
@media (max-width:767px)
{
  .body-salepoint-list .fluid-contenu .corps.container-body { min-height:auto;}
  .pad-xs{ padding-left:15px !important; padding-right:15px !important }
  .pad-xs-l{ padding-left:15px !important }
  .pad-xs-r{ padding-right:15px !important }
  .nopad-xs{ padding-left:0 !important; padding-right:0 !important }
  .nopad-xs-l{ padding-left:0 !important }
  .nopad-xs-r{ padding-right:0 !important } 
  .contain-newsletter {padding: 10px 20px;}
  .contain-newsletter h2 {
    font-size: 30px;
    margin-bottom: 35px;
    width: 100%;
  }
  .block #newsletter_form input[type="submit"]{background-size: 50%}
  .actualites .cell.texte{width: 100%;display: block;}
  .actualites .cell.photo{width: 100%;height: 400px;display: block;}
  .gamme ul li{width: 70px}
  .cat-produit .item-titre {
    font-size: 30px;
    margin: 25px 0 41px 0;
  }
  .search-map { position: relative;}
  .search-map form select { width: 100%; margin-bottom: 15px;}
  .search-map form button { width: 100%;}
  .img-actu { width: 100%; display: block;}
  .contenu-new { width: 100%; display: block;}
  h1, .h1{ font-size: 27px;}
  .bx-controls-direction a.bx-next {left: 16vw;}
  .mobile-header-nav li a{font-size: 17px}
  .mobile-header-nav > li:last-child a {
    margin-top: 13px;
    padding-right: 10vw;
}
.hide-print.bloc-coeur .contain-coeur:before, .hide-print.bloc-coeur .contain-coeur:after{display: none}
.hide-print.bloc-coeur .contain-coeur { padding: 40px 40px 40px;}
.search-map2 form {
    padding: 15px 0;
}
header{height: 64px}
header .row {
    display: flex;
    flex-wrap: wrap;
}
.form-search {
    order: 2;
    padding-top: 0;
}

.form-search form input[type="text"] {
    background: #fff;
}

.form-search form input[type="submit"] {
    padding-left: 8px;
    background: #676767;
}
/*********************** table responsive **********************************/


.tableS table {
   width: 100%;border: 0;
  }
  .tableS table thead {
    display: none;
  }
.tableS table tr {
    margin-bottom: 10px;
}
  .tableS table td {
    display: block;
    position: relative;
    padding-left: 41% !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    text-align: left !important;
  font-size: 14px;min-height: 46px;
  }
  .tableS table tr:nth-of-type(2n+1) {

}
.tableS table tr { height:auto;display: block;}
  .tableS table td:before {
    content: attr(data-th) " ";
    display: inline-block;
    background:#fff;
color:#222; text-transform:uppercase;
font-family: 'Montserrat-Bold';
    border-right: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 37%;
    max-height: 100%;

    font-size: 16px;
    font-weight: 300;
    padding-left: 13px;
    padding-top: 13px;
  }
  /*********************** table responsive **********************************/
  svg.intro {
    top: 42vh;
    right: 0vw;
}
.bx-controls-direction a {
    bottom: 36vh;
}
.fluid-contenu{margin-top:500px !important;}
.bloc-nouveaute{ padding: 10px 0;}
.hide-print.bloc-coeur { padding: 0 8%;}
}



/* Tablettes (col-sm) */
@media (min-width:768px) and (max-width:991px)
{  
.search-map2 form select {
    min-width: 207px;
    margin: 50px 0 20px;
}
  .pad-sm{ padding-left:15px !important; padding-right:15px !important }
  .pad-sm-l{ padding-left:15px !important }
  .pad-sm-r{ padding-right:15px !important }
  .nopad-sm{ padding-left:0 !important; padding-right:0 !important }
  .nopad-sm-l{ padding-left:0 !important }
  .nopad-sm-r{ padding-right:0 !important }
}
/* Pc normal (col-md) */
@media (min-width: 991px) and (max-width: 1199px) { }

/* Pc large (col-lg) */
@media (min-width: 1200px){ }
.valeur-id27, .valeur-id28{display: none !important;}svg#logo_FD{fill:#fff}svg#logo_FD{width: 150px !important;}