/*
Wireframe: 07
Version: 1.0
Update: 2020.03.03
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
## Superfish
## Mobile navigation
--------------------------------------------------*/
section.bg-vide  div#bg-slideshow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
      height: auto !important;
}
section.bg-vide div#bg-slideshow figure {
    margin: 0 !important;
}
/**************/
#ProdNav {
  height: 30px;
  margin-bottom: 10px;
}
.block-center-page {
  text-align: center;
  display: table;
  margin: 0 auto;
}
.block-center-page  ul {
  text-align: left;
  margin: 0 auto !important;
  display: table;
}


.message-header{
  text-align: center;
  font-family: "Titillium Web", sans-serif;
  font-style: italic;
  color: #000000;
  background: #e9e4de;
  padding: 5px 70px;
  font-size: 18px;
}
.message-header p{
  margin-bottom: 0;
}

.fullsite {
    overflow: hidden;
}
/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Italic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Black.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Light.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-LightItalic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-BoldItalic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-ExtraLight.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}


/*--------------------------------------------------
# General
--------------------------------------------------*/
.row.equalheight {
  display: flex;
  flex-wrap: wrap;
}
.row.equalheight > [class*='col-'] {
  /* display: flex; */
  flex-direction: column;
}
/********/
input, button, textarea, a {
  outline: none !important;
}

body {
    position: relative;
    background: #04050a;
    color: #ffffff;
    font-family: "Titillium Web", sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}


a {
  color: #04c709;
  text-decoration: underline;
  transition: all .4s;
}
a:active, a:hover, a:focus {
  color: #04c709;
  text-decoration: none;
}

.image-right {
  float: right;
  margin: 0 0 20px 30px;
}
.image-left {
  float: left;
  margin: 0 30px 20px 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Titillium Web", sans-serif;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 300;
    color: #ffffff;
  margin: 0;
}
h1 {
  font-size: 60px;
}
h2 {
  font-size: 50px;
}
h3 {
  font-size: 40px;
}
h4 {
  font-size: 30px;
}
h5 {
  font-size: 28px;
}
h6 {
  font-size: 24px;
}
hr {
  border-color: #04c709;
}
/****************/

/* *** pop-up *** */

/*
.box_popup_homepage {
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10000;
    position: fixed;
    display: none;
    height: 100vh;
}
.box_popup_homepage .content {
        width: 90vw;
        max-width: 1200px;
        height: auto;
        background-color: #ffffff;
        margin: 5vh auto;
        padding: 5vh 15px 5vh 30px;
        position: relative;
        text-align: justify;
        z-index: 0;
        -webkit-box-shadow: 0 0 30px 0 #000000;
		box-shadow: 0 0 30px 0 #000000;
        overflow: visible;
    }
.box_popup_homepage .content .contenu{
            overflow-y: auto;
            overflow-x: hidden;
            scrollbar-width: thin;
            scrollbar-color: #04c709 #cccccc;
            padding-right: 15px;
            min-height: 30vh;
            max-height: 80vh;
        }
.box_popup_homepage .content .contenu .bouton-fermer{
  			margin: 15px auto 0 auto;
            background: #04c709;
            color: #ffffff;
            display: inline-block;
            padding: 10px 30px;
  			text-decoration: none;
  			font-size: 20px;
}
.box_popup_homepage .content .contenu .bouton-fermer:hover{
  			background: #000000;
            color: #ffffff;
}
.box_popup_homepage .content h1, 
.box_popup_homepage .content h2, 
.box_popup_homepage .content h3, 
.box_popup_homepage .content h4, 
.box_popup_homepage .content h5, 
.box_popup_homepage .content h6{
            margin-bottom: 1em;
        }
.box_popup_homepage .content p{
            margin-bottom: 1em;
        }
.box_popup_homepage .content > .bouton-fermer{
            position: absolute;
            top: -9px;
            right: -7px;
            font-size: 36px;
            z-index: 1;
            cursor: pointer;
            &:hover{
                color: #000000;
            }
        }
.box_popup_homepage .content #NewsSlider{
  text-align: center;
}
.box_popup_homepage .content #NewsSlider .photo img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 45vh;
  object-fit: cover;
  margin-bottom: 15px;
}


*/

.box_popup_homepage {
    width: 100vw;
 
    background-color: rgba(0,0,0,0.3);
    z-index: 10000;
    position: fixed;
    display: none;
    height: 100vh;
  top:0;
}

.box_popup_homepage .content {
    width: 90vw;
    max-width: 1200px;
    height: auto;
    background-color: #000;
    margin: 5vh auto;
    padding: 5vh 15px 5vh 30px;
    position: relative;
    text-align: justify;
    z-index: 0;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
    overflow: visible
}

.box_popup_homepage .content .contenu {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #433e40 #fff;
    padding-right: 15px;
    min-height: 15vh;
    text-align: center
}

.box_popup_homepage .content .readmore {
    color: #fff;
    border: solid 1px #fff;
    padding: 20px
}

.box_popup_homepage .content .readmore:hover {
    text-decoration: none;
    opacity: 0.5
}

.box_popup_homepage .content h1,.box_popup_homepage .content h2,.box_popup_homepage .content h3,.box_popup_homepage .content h4,.box_popup_homepage .content h5,.box_popup_homepage .content h6 {
    margin-bottom: 1em
}

.box_popup_homepage .content p {
    margin-bottom: 1em
}

.box_popup_homepage .content .bouton-fermer {
    position: absolute;
    top: -9px;
    right: -7px;
    font-size: 36px;
    z-index: 1;
    cursor: pointer
}

.box_popup_homepage .content .bouton-fermer:hover {
    color: #4a4d52
}

.popup-overlay {
    visibility: hidden;
    position: fixed;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1000;
    top: 0
}

.popup-content {
    position: absolute;
    max-width: 807px;
    width: 100%;
    left: 50%;
    top: 50%;
    padding: 0;
    visibility: hidden;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #000;
    padding: 44px 130px 44px;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,0.14);
    -moz-box-shadow: 0 0 10px 0 rgba(255,255,255,0.14);
    box-shadow: 0 0 10px 0 rgba(255,255,255,0.14)
}

.popup-content h2 {
    font-size: 26px;
    margin-bottom: 23px
}

img.logo-popup {
    margin-bottom: 24px;
  max-width: 200px;
}

.popup-overlay.active {
    visibility: visible
}

.popup-content.active {
    visibility: visible
}

div.btn-wrap {
    display: table;
    margin: 22px auto 0;
    max-width: 530px;
    width: 100%
}

div.btn-wrap a.btn-popup.btn1 {
    float: left;
    display: inline-block;
    width: 236px;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    line-height: 58px;
    border: 1px solid #fff;
    color: white;
    transition: none;
    text-decoration: none;
    text-transform: uppercase;
  opacity: 1;
}

div.btn-wrap a.btn-popup.btn1:hover {
    background: #0443ff;
    border: 1px solid transparent
}

div.btn-wrap a.btn-popup.btn2 {
    float: right;
    display: inline-block;
    width: 276px;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    line-height: 58px;
    background: #fff;
    color: #0a0a0a;
    transition: none;
    text-decoration: none;
    text-transform: uppercase
}

div.btn-wrap a.btn-popup.btn2:hover {
    background: #04c709
}

div.btn-popup {
    max-width: 75px;
    cursor: pointer;
    font-size: 18px;
    color: #433e40
}

div.btn-popup .pop-btn {
    text-transform: uppercase
}

div.btn-popup:hover,div.btn-popup a:hover {
    color: #fff;
    text-decoration: none!important
}

/***********/
/*search*/

.webshopTemplate .ui-autocomplete {
  z-index: 10000 !important;
}
.webshopTemplate .ui-autocomplete li a{
  color: #282828 !important;

}
.webshopTemplate .ui-autocomplete li a:hover,.webshopTemplate .ui-autocomplete li a#ui-active-menuitem{
  background:#04c709 !important;
  color: white !important;

}
header.top {
    position: relative;
/*    clip-path: polygon(0 0, 100% 0, 100% 100%, 8.23% 100%, 0 79.13%);*/
}

header.top:before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    max-width: 1357px;
    height: 729px;
    background: url(../images/top-header.png)no-repeat top left;
    background-size: contain;
    opacity: .33;
    width: 71vw;
}
.marketing-wrapper .container-fluid {
    max-width: 1540px;
    margin: 0 auto;
}
/************** top bar *****************/

header.top .SearchButton {
    display: inline-block;
    margin-top: 0;
    width: 100%;
   /* max-width: 200px;*/
      max-width: 176px;
    float: right;
    display: flex;
    grid-gap: 20px;
  position: absolute;
   
}
header.top .search-contact {
  	position: relative;
   /* font-size: 27px;*/
  font-size: 14px;
    color: #fff;
    text-decoration: none !important;
}
header.top .search-contact:hover {
  color: #fff;
  opacity: 0.85;
}
header.top .searchForm{
    position: relative;
    width: 100%;
    margin-top: 0;
}
.search-popup .searchForm .container-Search {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}
.search-popup .searchForm .labrel-search {
        display: none;
    }
.search-popup .searchForm input#BtnSearch {
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 0;
    height: 20px;
    width: 20px;
    font-size: 0;
    border: none;
    margin: 0;
    padding: 0;
    background: url(../images/search.png) no-repeat center ;
    outline: none !important;
}
.search-popup .searchForm input#tags {
    font-size: 15px;
    border: none !important;
    background: transparent !important;
    padding: 0;
    margin: 0;
    height: 47px;
    width: 450px;
    outline: none !important;
    font-family: "Titillium Web", sans-serif;
    font-weight: 400;
    color: white;
    border-bottom: 1px solid #ccc !important;
}
.search-popup .searchForm input#tags:focus {
  border-bottom-color:white !important;
}

/* ---- */
header.top .SearchButton {
    float: none;
    padding: 7px 20px 7px 56px;
    margin-right: 0;
    height: auto;
    position: relative;
    width: auto;
    background: #fff url(../images/search-h.png) no-repeat center left 20px;
    cursor: pointer;
    color: #000;
    border-radius: 0%;
    font-size: 15px;
    margin: 15px auto;
    /* height: 20px; */
    display: block;
    /* width: 20px; */
    max-width: 500px;
    border-radius: 50px;
}
header.top .search-button:hover {
    
}
.searchForm input#tags {
    font-size: 15px;
    border: none !important;
    background: transparent !important;
    padding: 4px 5px 7px 35px;
    margin: 0;
    width: 100%;
    outline: none !important;
    color: #282828;
    font-weight: 400;
    /* letter-spacing: 0.025em; */
}
.searchForm  input#BtnSearch {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 8px;
    height: 20px;
    width: 20px;
    font-size: 0;
    border: none;
    margin: 0;
    padding: 0;
    background: url(../images/icon-search-h.png) no-repeat left center;
    outline: none !important;
}
header.top .SearchButton label.labrel-search {
    display: none;
}
.search-popup .search-popup-close i.fas {
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
}
header.top  .search-button:hover {
  cursor: pointer;
  opacity : 0.85;
}

.search-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.85);
    opacity: 0;
    z-index: 100;
    transition: opacity .6s;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-popup.active {
    opacity: 1;
    pointer-events: all;
}
.search-popup .searchForm {
    transform: scale(.9);
    transition: transform .6s;
}
.search-popup .searchForm {
    transform: scale(1);
}

.search-popup .searchForm #searchcatalog {
    position: relative;
}


.search-popup .search-popup-close {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    font-size: 2em;
    line-height: 1em;
    transition: color .6s, transform .6s;
    cursor: pointer;
}
.search-popup .search-popup-close:hover {
    color: transparent;
    transform: rotate(90deg);
}
header.top div#sticky-wrapper.is-sticky nav.main-nav .sf-arrows .sf-with-ul::after {
/*    color: #282828;*/
}
/* ----- */
.search-popup .searchForm input#tags::-webkit-input-placeholder,
.search-popup .searchForm input#tags::-webkit-input-placeholder,
.search-popup .searchForm input#tags::-webkit-input-placeholder,article form#form-nl .txtbox-long::-webkit-input-placeholder{
     color:#000;
     opacity:1;
}
.search-popup .searchForm input#tags:-moz-placeholder,/* Firefox 18- */ 
.search-popup .searchForm input#tags:-moz-placeholder,
.search-popup .searchForm input#tags:-moz-placeholder,article form#form-nl .txtbox-long:-moz-placeholder/* Firefox 18- */ {
     color:#000;
     opacity:1;
}
.search-popup .searchForm input#tags::-moz-placeholder,/* Firefox 19+ */
.search-popup .searchForm input#tags::-moz-placeholder,
.search-popup .searchForm input#tags::-moz-placeholder,article form#form-nl .txtbox-long::-moz-placeholder/* Firefox 19+ */ {
     color:#000;
     opacity:1;
}
.search-popup .searchForm input#tags:-ms-input-placeholder, 
.search-popup .searchForm input#tags:-ms-input-placeholder,
.search-popup .searchForm input#tags:-ms-input-placeholder,article form#form-nl .txtbox-long:-ms-input-placeholder{
     color:#000;
     opacity:1;
}
/***********/
#Shop div#Sidebar {
    position: fixed !important;
    right: -350px;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 300px !important;
    padding: 20px;
    background: white!important;
    color: #282828!important;
    z-index: 120;
    transition: all .4s;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    float: none !important;
}

#Shop div#Sidebar.active {
    right: 0;
}

#Shop div#Sidebar.active {
    z-index: 1000;
}

#Shop div#Sidebar .caddy-close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 1;
}

#Shop div#Sidebar .caddy-close span {
    width: 30px!important;
    height: 30px!important;
    background: #04c709 url(../images/icon-close.png) center no-repeat!important;
    display: block!important;
    transition: background .4s!important;
    font-family: "Titillium Web", sans-serif !important;
    color: transparent!important;
    
}
#Shop div#Sidebar .caddy-close span:hover{
        background-color: #282828 !important;
    }
/********/
.grid-topbar {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: end;
    align-items: start;
    max-width: 145px;
    position: relative;
    margin-top: 0;
    /*margin: 72px auto 0;*/
  margin: 72px 0 0 0;
  float: right;
}
.topbar .shopheader {
    line-height: 32px!important;
    height: 32px!important;
}
.topbar .WishlistButton {
    border-left: none!important;
    padding-right: 0px!important;
    margin-right: 0px!important;
    padding-left: 0!important;
    margin-left:5px !important;
    border-right: none !important;
    margin-top: 0px;
  left: 68px;
    position: relative;
    display: none !important; 
}
.topbar .WishlistButton a{
    font-family: "Titillium Web", sans-serif!important;
    font-size: 0px!important;
    color: white!important;
    padding-left: 0!important;
    font-weight: 400!important;
    }
.topbar .WishlistButton a:hover{
        color: white!important;
    
}
.topbar .WishlistButton a::before {
    content: ""!important;
    background: url(../images/wish.png) no-repeat center ;
    width: 22px;
    height: 20px;
    border-radius: 0%;
    margin-right: 8px!important;
    margin-top: 2px!important;
    padding: 0 !important;
}
.topbar .WishlistButton a:hover::before{
    background: url(../images/wish-h.png) no-repeat center top ;
}
/*---*/
.topbar .account ul li a{
    position: relative;
    font-family: "Titillium Web", sans-serif!important;
    font-weight: 400!important;
    font-size: 0px!important;
    color: white!important;
    padding-left: 3px!important;
    border-left: none;
    border-right: none;
    }
    .topbar .account ul li a:hover{
        color: #fff!important;
    
}
.topbar .account ul li a::after{
/*    content: ""!important;*/
    position: absolute;
    border: 1px solid rgb(255 255 255/33%);
    top: 7px;
    bottom: 2px;
    left: -1px;
    right: -1px;
    border-top: none;
    border-bottom: none;
}
.topbar .account ul li a::before {
    content: ""!important;
    background: url(../images/compte.png) no-repeat center;
    width: 33px;
    height: 37px;
    padding: 0!important;
    margin-right: 9px;
    margin-top: 2px!important;
    border-radius: 0%;
}
.topbar .account ul li a:hover::before{
    background: url(../images/compte-h.png) no-repeat center ;
}
.topbar .account {

    
}
.topbar .toplogin {
    z-index: 110!important;
    position: absolute!important;
    right: -10px!important;
    top: 100%!important;
    margin-top: 2px!important;
    width: 250px!important;
    border: 2px solid #04c709!important;
    background: rgba(180,180,180,0.88)!important;
    padding: 15px 20px 20px!important;
    color: #fff!important;
    text-align: center;
    box-shadow: 0px 2px 8px 1px rgba(255,255,255,0.88)!important;
    transition: all .4s ease-out 1s!important;
    opacity: 0;
    transform: translateY(15px)!important;
    font-size:14px!important;
    font-family: "Titillium Web", sans-serif !important;
}
.topbar .toplogin.active {
    transition: all .4s;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}
.topbar .toplogin::after {
    content: '';
    position: absolute;
    right: 30px;
    top: -7px;
    border: 5px solid transparent;
    border-top: 0;
    border-bottom-color: #dedede;
}
.topbar .toplogin a {
    color: #000000 !important;
    margin-top: 10px!important;
}
.topbar .toplogin a.registrate,
.topbar .toplogin a.forgot {
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    font-size: 17px;
}
.topbar .toplogin h2 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    font-family: "Titillium Web", sans-serif;
}
.topbar .toplogin #user-login input.field {
    display: block;
    width: 100%;
    margin: 5px 0;
    border: 1px solid #dedede!important;
    background: white!important;
    padding: 5px 10px!important;
    font-size: 13px!important;
    line-height: 30px!important;
    height: auto!important;
    font-family: "Titillium Web", sans-serif!important;
    color: #282828!important;
    transition: border-color .4s;
}
.topbar .toplogin #user-login input.field:focus {
    border-color: #04c709;
}
.topbar .toplogin #user-login a.Send, section.content-page form#user-new-password .primaryAction.disabled{
    display: block;
    width: 100%;
    border: none;
    background: #04c709 !important;
    color: #fff !important;
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    font-weight:400;
    line-height: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 7px!important;
    transition: color .4s;
}
.topbar .toplogin #user-login a.Send span {
    display: none;
}
section.content-page form#user-new-password .primaryAction.disabled{
    width: 170px!important;
}
.topbar .toplogin #user-login a.Send:hover, section.content-page form#user-new-password .primaryAction.disabled:hover {
    background: #fff !important;
    color:#000!important;
}
.topbar .toplogin #user-login .LoggedIn {
    text-align: right
}
.topbar .toplogin #user-login .LoggedIn small {
    font-size: 13px;
}
/*---*/
.topbar .caddy-button{
    border-left: none!important;
    padding-left: 10px!important;
    margin-left: 0px!important;
    margin-top: 0;
}
.topbar .caddy-button .iconcaddy::before {
    content: ""!important;
    background: url(../images/panier.png) no-repeat center;
    width: 34px;
    height: 37px;
    margin-top: 1px;
    border-radius: 0%;
}
.topbar .caddy-button .iconcaddy:hover::before{
    background: url(../images/panier-h.png) no-repeat center ;
}
.topbar .caddy-button .iconcaddy{
    font-size: 0!important;
}
.topbar .caddy-button #CaddyCount{
    color: #282828 !important;
    font-size: 10px!important;
    font-family: "Titillium Web", sans-serif!important;
    right: 5px!important;
    top: 0px!important;
    background: #fff;
    padding: 0px 3px;
    border-radius: 50%;
    min-width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}
.topbar .toplogin a.registrate, .topbar .toplogin a.forgot, .toplogin .separator{
    font-size: 19px;
    color: #04c709;
}
/********************/
.middle-part {
    position: relative;
    background: #d98964;
    padding: 31px 0 35px;
}
.middle-part .grid-header{
    display: grid;
    grid-template-columns: auto auto; 
    justify-content: space-between;
    align-items: center;
}

.nav{
      justify-content: center;
  }

header.top nav.mobile-nav{
      display:block;
      align-items:center;
      color: white!important;
      background: #04c709;
      padding: 0;
      border-radius: 0%;

      font-size: 26px;
      width: 48px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      z-index: 100;
      text-decoration: none;
    position: relative;
    display: none;

    
    }
header.top nav.mobile-nav>a{
    color: #fff !important;
    display: block;
}
    header.top nav.mobile-nav:hover{
      background-color: #0443ff!important;
     
   }
header.top div#sticky-wrapper.is-sticky nav.mobile-nav{
    top: 0;
    margin: 0 auto;
    height: 0;
    font-size: 0px;
}

.is-sticky {
    float: none!important;

}

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

.header-top {
    position: relative;
}

header.top .header-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-gap: 10px;
    height: auto;
    text-align: center;
    justify-content: space-between;
}
header.top .header-grid .header-left {
    text-align: left;
}
header.top .header-grid .header-center {
    text-align: center;
}
header.top .header-grid .header-center .logo a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
}
header.top .header-grid .header-center .logo a svg {
  height: 50px;
  margin-bottom: 5px;
}
header.top .header-grid .header-center .logo a span {
  position: relative;
  padding-top: 5px;
  display: inline-block;
}
header.top .header-grid .header-center .logo a span::before {
  content: '';
  position: absolute;
  left: 5px;
  right: 5px;
  top: 0;
  height: 1px;
  display: block;
  background: #b5a46d;
}
header.top .header-grid .header-right {
  text-align: right;
}
header.top .header-grid .part-right {
  text-align: right;
}

header.top .header-grid nav.mobile-nav {
  display: none;
}
header.top div#logo {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 62px auto 24px;
    padding: 0;
    width: 100%;
    z-index: 10;
}
header.top div#logo img{
    max-width: 100%;
    height: auto;
}

section.banner {
    position: relative;

    margin: 0;
    height: 970px;
}

section.banner.small {

  height: 970px;
}
header.top .banner div#bg-slideshow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
header.top .banner div#bg-slideshow:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url(../images/before-slider.png)no-repeat center ;
	background-size: cover;
	z-index: 2;
}


.camera_wrap .camera_pag .camera_pag_ul {
    text-align: right !important;
}
.camera_pag {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    left: unset;
    right: -240px;
    bottom: unset !important;
    margin: auto;
}

.camera_wrap .camera_pag .camera_pag_ul li {
    border-radius: 50% !important;
    cursor: pointer;
    display: block !important;
    width: 27px !important;
    height: 27px !important;
    position: relative;
    text-indent: -9999px;
    margin: 0px 4px !important;
    background: transparent !important;
    transition: all 0.4s;
    border: 2px solid transparent!important;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
	    border-color: #b68818  !important;
    background: transparent !important;
 width: 27px !important;
    height:27px !important;
    border-radius: 50% !important;
}
.camera_wrap .camera_pag .camera_pag_ul li>span {
    overflow: hidden;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
 width: 9px !important;
    transform: translate(-50%,-50%) !important;
    height:9px !important;
    background: #b68818 !important;
    transition: all 0.4s;
    border-radius: 50% !important;
}
/***********/

.is-sticky nav.main-nav {
    margin: 0;
    background: rgb(0 0 0/90%);
    z-index: 99;
    left: 0;
    right: 0;
    width: auto!important;
    text-align: center;
    box-shadow: 0 0 30px rgb(255 255 255 /50%);
    padding: 5px 0;
}
.header-top{
    position: relative;
}

.marketing-wrapper {
position: relative;
   
}
.marketing-wrapper .grid-header {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    align-items: start;
    grid-gap: 10px;
}

.marketing-wrapper2 {
    position: absolute;
     top: 22px; 
    left: 0;
    width: 100%;
    /* transform: translateY(-50%); */
}
.marketing-wrapper2 .container-fluid{
    max-width: 1745px;
    margin: 0 auto;
}
.marketing-wrapper .adr {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    
    padding: 8px 0 8px 64px;
    background: url(../images/icon-map.png)no-repeat left center;
}
.marketing-wrapper .footer-tel .tel {
    padding: 8px 0 8px 63px;
    background: url(../images/icon-tel.png)no-repeat left center;
}
.marketing-wrapper .footer-tel .tel a {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none !important;
    vertical-align: middle;
}
.marketing-wrapper .footer-tel .tel a:hover {
    color: #000;
}
/*
.marketing-wrapper2 .horaires p {
    margin: 0;
}

*/

.marketing-wrapper3 {
    position: absolute;
    bottom: -30px;
    left: 122px;
    width: 88px;
    text-align: left;
    z-index: 1;
}
.marketing-wrapper3:before {
    content: "";
    position: absolute;
    top: -204px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/before-arrow-bottom.png)no-repeat center top;
    width: 2px ;
    height: 193px;
}
.marketing-wrapper3 .header-scroll-arrow {
	animation: float 5s ease-in-out infinite;
	cursor: pointer;
}
.marketing-wrapper3 .header-scroll-arrow:hover {
	  opacity: 0.7;
}
/******************* flottant *******************/

header.top  span.title-soc {
    font-size: 15px;
    vertical-align: text-bottom;
    margin-right: 7px;
    color: #fff;
}

header.top .networks_linking {
    text-align: center;
    float: none;
    margin: 0px 0 ;
    display: inline-block;
}
/*
header.top .networks_linking a {
    display: inline-block;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    color: #282828;
    background: #f3e8d4!important;
    font-size: 28px;
    margin: 0 6px ;
    line-height: 53px;
    pointer-events: auto;
    position: relative;
}
*/
header.top .social {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 0;
    color: #04c708;
    font-family: "Titillium Web", sans-serif;
    text-transform: uppercase;
    align-content: center;
    margin-top: 61px;
  max-width: 312px;
}
header.top .networks_linking a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background: #0443ff!important;
    font-size: 19px;
    margin: 0 5px;
    line-height: 50px;
    pointer-events: auto;
    border: none;
    position: relative;
  vertical-align: top;
}


header.top .fa-google:before{
    /* display: none; */
}  
header.top a.networks_google{
    /* background:#0443ff  url(../images/google.png) no-repeat center!important; */
    float: right;
}
header.top a.networks_google:hover{
    /* background-image: url(../images/google.png) !important; */
 
}
header.top a.networks_snapchat{
    /* background:#0443ff  url(../images/snap.png) no-repeat center!important; */
    font-size: 26px;
}
header.top a.networks_whatsapp{
    /* background:#0443ff  url(../images/whats.png) no-repeat center!important; */
    font-size: 23px;
}
header.top .networks_linking a:hover{
    background-color: #04c709 !important;
    border-color: #fff !important;
    color: #fff !important;
}
header.top .networks_linking:first-child a.networks_google ,header.top .networks_linking:last-child a.networks_instagram,header.top .networks_linking:last-child a.networks_facebook{
    display: none;
}
header.top .fa {
    font-weight: 300!important;
}
a.networks_snapchat i.fa::before, a.networks_whatsapp .fa-whatsapp::before{
	/* content: "" !important; */
}
.call-to-action {
    display: inline-block;
    cursor: pointer;
    width: auto;
    height: auto;
    font-size: 16px;
    font-family: 'Audiowide', sans-serif;
    line-height: 24px;
    font-weight: 400;
    border-radius: 0px;
    color: #fff !important;
    background: #04c709 ;
    padding: 21px 28px 20px;
    border: none;
    text-transform: none;
    margin: 0 0 ;
    letter-spacing: 0.05em;
    float: none;
    text-decoration: none;
    clip-path: polygon(28px 0%, 100% 0, calc(100% - 28px) 100%, 0% 100%);
}
.call-to-action p{
    margin: 0;
}
.call-to-action:hover {
    background-color: #808080;
}

/*--------------------------------------------------
# content
--------------------------------------------------*/

section.content {
  position: relative;

  padding: 60px 0 100px;

}

section.content article {
    position: relative;
/*    z-index: 1;*/
}
.content h1 {
  position: relative;
  margin: 0 0 30px;
   
}
/*
.content h1:before {
    content: "";
    position: absolute;
    width: 126px;
    height: 24px;
    background: url(../images/bg-h1.png)no-repeat left top;
    left: 0;
    top: 0px;
}
*/
.content h2, .content h3, .content h4, .content h5, .content h6 {
  margin: 0 0 20px;
  
}
.block1 .tel, .block2 .tel {
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
}
.block1 .tel a, .block2 .tel a {
  color:#000;
  text-decoration: none !important;
}
.block2 {
  padding: 30px;
  background: #c6b2ab;
}
.block1 {
  padding: 30px;
  background: #e9e4de;
}
.block1 .adr, .block2 .adr {
  margin-bottom: 10px;
}
.block1 h3, .block2 h3 {
  margin-bottom: 30px;
}
.block1 img.img-responsive, .block2 img.img-responsive {
  max-width: 100%;
  height: auto;
  width: 100%;
  object-fit: cover;
  max-height: 300px;
}
.content p {
  margin: 0 0 20px;
    letter-spacing: 0.015em;
}
.content p strong {
    font-weight: 600;
}
.content ul {
  list-style: outside disc;
  margin-left: 0;
  padding: 0;
}
.content ul li {
  position: relative;
  left: 1em;
  margin-left: 1em;
  padding-right: 1em;
}
.content ul ul {
  list-style-type: circle;
}
.content .table-style {
  position: relative;
}
.content .table-style th {
  background: #eee;
}
.content .table-style th,
.content .table-style td {
  border: 1px solid #999;
  padding: 2px 5px;
}
.content .box-light {
  background: #282828;
  padding: 15px;
  border-radius: 0;
  /*box-shadow: 0 0 0 7px rgb(255 255 255 / 47%);*/
  margin: 0 0 20px;
  text-align: left;
}
.content .box-dark {
  background: #fff;
    color: #000;
  padding: 15px;
  border-radius: 0;
/*  box-shadow: 0 0 0 7px rgb(0 0 0 / 47%);*/
  margin: 0 0 20px;
/*  text-align: left;*/
}
.content .box-light a{
  color: #04c709;
}
.content .box-light a:hover{
  color: #ffffff;
}
 

.content ul {
  padding-left: 20px;
}
.content ul li {
  background: url(../images/bullet.png) no-repeat left 6px;
  line-height: inherit;
  padding-left: 25px;
  list-style: none;
  margin-left: -20px;
}
.box-border-left {
  background: #282828;
  text-align: left;
  color: #fff;
  padding: 15px;
  border-left: 7px solid #04c709;
  margin: 0 0 20px;
}
.puce {
  margin-bottom: 10px;
}
.puce ul {
  margin: 0;
}
main.content-wrapper.content.webshop-content.page-content {
  padding: 50px 0;
  position: relative;
}

/*--------------------------------------------------
# general home shop 
--------------------------------------------------*/
.content.home-content #Shop div#ShopContent #article-content div#CatContent.contenu li{
  background: url(../images/bullet.png) no-repeat left 5px!important;
  line-height: inherit!important;
  padding-left: 20px!important;
  list-style: none!important;
  margin-left: -20px!important;
  text-align: center;
}
.content.home-content>.container {
  width: 100% !important;
  padding: 0 !important;
}
.content.home-content>.container>article {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.content.home-content #Breadcrumbs {
  display: none !important;
}
.content.home-content #Shop {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.content.home-content #Shop div#ShopContent.fullwidth {
  width: 100%;
  max-width: none;
  float: none;
  padding: 0;
}
/********************/
.bg2 {
    position: relative;
}
.bg2:after {
    position: absolute;
    right: 0;
    content: "";
    top: -328px;
    max-width: 1379px;
    height: 1296px;
    background: url(../images/right-marque.png) no-repeat top right;
    background-size: contain;
    opacity: 1;
    width: 73vw;
    z-index: -1;
}
.bg2:before {
    position: absolute;
    left: 0;
    content: "";
    bottom: 0;
    max-width: 1357px;
    height: 937px;
    background: url(../images/left-avis.png) no-repeat bottom left;
    background-size: contain;
    opacity: .33;
    width: 71vw;

}
/********************/
.bg1 {
    position: relative;
}
.bg1:before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
   bottom:0;
  right:0;
    background: url(../images/left-content.png)no-repeat center ;
    background-size: cover;
    opacity: 1;

}
/*--------------------------------------------------
# content home
--------------------------------------------------*/
.content.home-content {
  position: relative;
  background: none;
  padding: 0;
}
.content.home-content:before,.content.home-content:after{
  display: none;
}
.content.home-content #Shop div#ShopContent #article-content div#CatContent {
  z-index: 1;
  position: relative;
  padding:169px 0 205px;
  margin: 0!important;
}

.content.home-content #Shop div#ShopContent #article-content div#CatContent .container {
    width: 100%;
    max-width: 1285px;
}
.content.home-content  #Shop div#ShopContent #article-content div#CatContent h1 {
    margin-bottom: 46px;
  font-size: 50px;
}
.content.home-content  #Shop div#ShopContent #article-content div#CatContent h1 small{
  font-size: 36px;
  line-height: 1.2em;
  display: block;
}

.content.home-content  #Shop div#ShopContent #article-content div#CatContent .bloc2 {
    margin: 0 0 ;
}
.grid-home.professionnel{
  border: solid 1px #04c709;
  -webkit-box-shadow: 0 0 30px 0 #04c709;
  box-shadow: 0 0 30px 0 #04c709;
  padding-left: 40px;
}
.grid-home.professionnel h2{
  color: #04c709;
}
.grid-home {
    display: grid;
    grid-template-columns: 35.6% auto;
    /*grid-gap: 111px;*/
  grid-gap: 5%;
    clear: both;
    position: relative;
  margin-bottom: 60px;
}
.bloc1 .grid-home {
    grid-template-columns: auto 35.6%;
}
.bloc1 .grid-home .photo-home{
  order: 2;
}
.bloc1 .grid-home .content-home{
  order: 1;
}
.grid-home .content-home {
    padding: 40px 0;
}
.grid-home .photo-home img {
    transition: all .4s;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: relative;
}
.grid-home .photo-home {
    position: relative;
    height: 100%;
}
.grid-home .photo-home:before {
    border-radius: 0;
    position: absolute;
    content: "";
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0px;
    top: 0px;
    background-color: #ff1bec;
    opacity: .21;
    filter: blur(170px);
}

.grid-home .photo-home > div {
    margin-bottom: 0;
    position: absolute;
    width:100%;
      height: 100%;
}

.reseaux-accueil{
  font-size: 54px;
}

/*--------------------------------------------------
# produits home 
--------------------------------------------------*/
.content.home-content #Shop div#ShopContent #ShopContent {
  position: relative;
  width: 100%;
  border-top: none;

  padding: 93px 0 113px;
  text-align: center;

}
.content.home-content #Shop div#ShopContent #ShopContent:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/bg-prod.png)no-repeat center ;
    background-size: cover;
    opacity: .33;
    pointer-events: none;
}
.content.home-content #Shop div#ShopContent #ShopContent .container {

    max-width: 1585px;
    width: 100%;

}

.content.home-content #Shop div#ShopContent #ShopContent #Products{
  position: relative;
  z-index: 1;
}
#Shop div#ShopContent {
  padding: 0;
}
#Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title {
  text-align: left;
}
#Shop div#ShopContent #wishlistEmptyBlock {
  display: none;
}
#Shop div#Head{
  display: none!important;
}
.home-content #Shop div#ShopContent #article-content #Products form#categoryArticles-pager #ProdNav #catalogDisplayOrder {
  display: none;
}
.content.home-content #Shop div#ShopContent #ShopContent #Products h2 {
  margin: 0 0 77px;
  display: grid;
  color: #fff;
  border: none;
}

.content.home-content #Shop div#ShopContent #ShopContent #Products h1:before {
    display: none;
}

.content.webshop-content.home-content .readmore{
  position: relative;
  height: 65px;
  border-radius: 0px;
  background: #04c709;
  color: #fff;
  text-transform: uppercase;
  font-family: "Titillium Web", sans-serif;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 65px;
  /* margin-top: 50px;*/
  margin-top: 20px;
  padding: 0 10px;
  width: 217px;
  display: inline-block;
    clip-path: polygon(20px 0%, 100% 0, calc(100% - 20px) 100%, 0% 100%);
}
.content.webshop-content.home-content .readmore:hover{
  color: #fff;
  background: #808080;
}

.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items{
  display: block !important;	
  margin: 0 -14px !important;
}
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .slick-slide{
  margin: 0 14px;
}
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem {
  -webkit-flex: none!important;
  flex: none!important;
  margin: 0px 0 0 !important; 
}
.content.home-content #Shop div#ShopContent #ShopContent #Products div#subArticlesPagerHeader {
  display: none !important;
}

.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto, .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container{
  height: auto!important;
}

.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container img.nailthumb-image,
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container::before{
    background-color: #ffffff;
  height: 439px!important;
  border: none !important;

}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem{
    background: transparent !important;
}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem:after{
    content: "";
    position: absolute;
    top: 0px;
    height: 439px;
/*    bottom: -26px;*/
    left: 0px;
    right: 0px;
    border: 10px solid #f7f7f7;
   /* background: rgb(0 0 0/59%) url(../images/icon-panier.png)no-repeat center;*/
    opacity: 0;
    transform: scale(0,0);
    transition: 0.4s all;
    pointer-events: none;
}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover:after{
    opacity: 1;
    transform: scale(1,1);
    transition: 0.4s all;
}
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title {
    margin-top: 0px !important;
    padding: 17px 100px 4px 0!important;
    text-transform: uppercase !important;
    background: transparent!important;
    font-size: 16px!important;
    letter-spacing: 0!important;
    font-weight: 400!important;
    text-align: left!important;
    color: #fff !important;
    
/*    text-transform: none !important;*/
    
}
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover > a .nailthumb-container span.nailthumb-title {
    color: #fff !important;
    }
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice{
        
    padding: 21px 0 0 15px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    text-align: right!important;
    letter-spacing: 0em;
    position: absolute !important;
    width: 50%;
    right: 0;
    bottom: 3px;
}
/*
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ordering{
    display: none !important;
}
*/
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering {
   
    
    position: absolute !important;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0px;
}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a {
    text-transform: uppercase;
    padding: 14px 15px 0!important;
    color: #ffff!important;
    font-size: 0px!important;
    font-weight: 400!important;
    text-align: right!important;
    letter-spacing: 0.025em;
    background: transparent !important;
    min-height: 58px;
}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ProdPrice{
    color: #fff !important;
/*    display: none !important;*/
}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice s{
    color: #fff !important;
}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ProdPrice s{
    color: #fff !important;
}
/*
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 376px;
    background: rgb(222 0 63/70%);
    transform: scale(0,0);
    transition: 0.4s all;
}
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover > a .nailthumb-container:after{
    transform: scale(1,1);
    transition: 0.4s all;
}
*/
.content.webshop-content.home-content  #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover{
        -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background: transparent!important;
    color: #04c709!important;
}
/*--------------------------------------------------
# produits slick 
--------------------------------------------------*/
#Shop div#ShopContent #article-content #Products #Items .slick-prev:before, #Shop div#ShopContent #article-content #Products #Items .slick-next:before {
  position: absolute;
  content: '';
  width: 58px;
  height: 58px;
  font-family: inherit;
/*  left: 0;*/
/*  top: inherit;*/
  color: transparent;
/*  margin-top: 0;*/
  /*  bottom: -40px;*/
/*  bottom: -80px;*/
    transform: translate(-50%, -50%);
    opacity: 1 !important;
}
#Shop div#ShopContent #article-content #Products #Items .slick-next:before {
  background: url(../images/slick-next.png) no-repeat center center;
  font-size: 58px;
}
#Shop div#ShopContent #article-content #Products #Items .slick-prev:before {
  background: url(../images/slick-prev.png) no-repeat center center;
  font-size: 58px;
}
#Shop div#ShopContent #article-content #Products #Items .slick-next:hover:before, #Shop div#ShopContent #article-content #Products #Items .slick-prev:hover:before  {
  opacity: 0.6 !important;
}
#Shop div#ShopContent #article-content #Products #Items .slick-next, #Shop div#ShopContent #article-content #Products #Items .slick-prev {
  margin-top: 0;
  width: 58px;
  height: 58px;
     opacity: 1 !important;
}
#Shop div#ShopContent #article-content #Products #Items .slick-prev {
  left: -120px;
/*
  top: inherit;
  bottom: 0;
*/
/*  margin-left: -30px;*/
}
#Shop div#ShopContent #article-content #Products #Items .slick-next {
  right: -120px;
/*
  left: 50%;
  top: inherit;
  bottom: 0;
  margin-left: 5px;
*/
}

#Shop div#ShopContent #article-content #Products #Items .slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -60px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}
#Shop div#ShopContent #article-content #Products #Items ul.slick-dots li {
    padding: 0;
    background-image: none;
    margin: 0 4px;
    height: 27px;
    width: 27px;
    display:inline-block;
    border-radius: 50%;
}


#Shop div#ShopContent #article-content #Products #Items .slick-dots li button {
    height: 27px;
    width: 27px;
}

#Shop div#ShopContent #article-content #Products #Items .slick-dots li button {
    border: 2px solid transparent;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
/*    transform: translate(50%, 50%);*/
    border-radius: 50%;
}

#Shop div#ShopContent #article-content #Products #Items .slick-dots li button:before {
    content:"";
    position:absolute;
    font-size: 0;
    line-height: 0;
    opacity: 1;
    background: #04c709;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    color: transparent;
    opacity: 1;
    top: 50%;
	left: 50%;
	transform:  translate(-50%,-50%)
}


#Shop div#ShopContent #article-content #Products #Items .slick-dots li.slick-active button {
    border-color: #04c709;
}

/*********/
main.content-wrapper {
  position: relative;
  padding: 50px 0;
}
main.content-wrapper header.page-title {
  margin-bottom: 30px;
}
main.content-wrapper header.page-title h1 {
  margin: 0;
}
main.content-wrapper header.page-title h1 span {
  font-family: "Titillium Web", sans-serif;
  font-size: .4em;
  line-height: 2em;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid #b5a46d;
}
main.content-wrapper header.page-title h1 span:last-child {
  font-family: 'Audiowide', sans-serif;
  text-transform: none;
  font-weight: normal;
  font-size: 1.15em;
  line-height: 1.5em;
  letter-spacing: 0;
  border: none;
}
article.content::after {
  content: '';
  display: block;
  clear: both;
}
article.content h1, article.content h2, article.content h3, article.content h4, article.content h5, article.content h6 {
}
article.content p {
  margin: 0 0 20px;
}
article.content ul {
  list-style: outside disc;
  margin-left: 0;
  padding: 0;
}
article.content ul li {
  position: relative;
  left: 1em;
  margin-left: 1em;
  padding-right: 1em;
}
article.content ul ul {
  list-style-type: circle;
}
article.content img.image-right,
article.content img.image-left {
}
article.content .table-style {
  position: relative;
}
article.content .table-style th {
  background: #eee;
}
article.content .table-style th,
article.content .table-style td {
  border: 1px solid #999;
  padding: 2px 5px;
}
article.content .contact-info {
  margin-top: 35px;
  font-size: 1.1em;
  line-height: 1.7em;
}
article.content .contact-info strong {
  font-size: .8em;
  text-transform: uppercase;
  display: inline-block;
  margin: 5px 0;
}
article.content .contact-info i {
  -webkit-text-stroke: 1px #b5a46d;
  -webkit-text-fill-color: white;
}
article.content .contact-info .phone-responsive {
  display: none;
}
article.content .contact-info .containerOpening {
  display: flex;
  justify-content: center;
}
article.content .contact-info .containerOpening .openingLine {
  margin: 0 20px;
}
article.content .contact-info .containerOpening .openingLine .openingDay {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .8em;
}

.homeTemplate .spacer {
  height: 522px;
  min-height: 200px;
  background: #fff url(../images/photo-spacer.jpg) center no-repeat ;
  background-size: cover;
  /*font-size: .8em;*/
}
.newsTemplate .spacer {
  height: 50px;
}

section.boxes {
  padding: 50px 0;
}
section.boxes .boxes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
section.boxes .boxes-grid i.fas {
  -webkit-text-stroke: 1px #b5a46d;
  -webkit-text-fill-color: white;
}
section.boxes .boxes-grid h5 {
  text-transform: uppercase;
  font-family: "Titillium Web", sans-serif;
  font-weight: bold;
  font-size: 1em;
  margin: 20px 0;
}

section.newsletter {
  position: relative;
  background: #000;
  padding: 50px 0;
  color: #fff;
}
section.newsletter h4 {
  margin: 0 0 30px;
  font-size: 2em;
}
section.newsletter a {
  color: #fff;
}

/***************************************************
CSS Contact
*********** ****************************************/
.content-page .gdpr_policy {
  line-height: 28px;
}
article .contactForm {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.contactForm .contact-field-item {
  width: 100%;
}
.guestbook-form .contactForm .contact-field-item,
.contactForm .contact-field-item.fullwidth {
  width: auto;
}
.contactForm .contact-field-item .contact-field-element .form-field {
  background: white!important;
  border: 1px solid #505050 !important;
  color: #30292a;
  line-height: 25px;
  padding: 8px 15px;
  height: 44px;
  outline: none;
  font-family: "Titillium Web", sans-serif;
  -webkit-transition: color .4s, background .4s, border-color .4s;
  -o-transition: color .4s, background .4s, border-color .4s;
  transition: color .4s, background .4s, border-color .4s;
}
.contactForm .contact-field-item .contact-field-element textarea.form-field {
  height: 115px;
}
.contactForm .contact-field-item .contact-field-element .form-field:hover{
  border-color: #04c709 !important;
}
.contactForm .contact-field-item .contact-field-element .form-field:focus {
  background: white;
  border-color: #04c709;
  color: #30292a;
}
.contactForm.submitted .contact-field-item .contact-field-element .form-field:invalid , .provi-field:invalid{
  border-color: red;
  box-shadow: none;
}
.contactForm .contact-field-item{
  margin-bottom: 7px;
}
.contactForm .g-recaptcha {
  float: none;
  margin-top: 5px;
}
.contactForm .contact-submit {
  float: none;
}
.contactForm .form-submit-button {
  font-weight: 400;
  line-height: 25px;
  color: white;
  padding: 12px 40px!important;
  background: #04c709;
  -webkit-transition: background .4s;
  -o-transition: background .4s;
  transition: background .4s;
  border-radius: 0;
  border: 0;
  outline: none !important;
}
.contactForm .form-submit-button:hover {
  color: white;
  background: #04c709;
}

.contactForm .gdpr_policy {
  margin: 2px 0;
  line-height: 25px;
  display: table;
}    
.contactForm .gdpr_policy input[type=checkbox] {
  line-height: 25px;
  min-height: 25px;
  margin: 0 8px 0 0;
  display: table-cell;
  vertical-align: middle;
}
.contactForm .gdpr_policy label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 2px 0;
  margin: 0;
  display: table-cell !important;
  vertical-align: top;
  line-height: 30px;
}
.contactForm .contact-field-item .contact-field-element .form-field::-webkit-input-placeholder{
  color: #30292a;
  opacity:1;
}
.contactForm .contact-field-item .contact-field-element .form-field:-moz-placeholder{
  color: #30292a;
  opacity:1;
}
.contactForm .contact-field-item .contact-field-element .form-field::-moz-placeholder{
  color: #30292a;
  opacity:1;
}
.contactForm .contact-field-item .contact-field-element .form-field:-ms-input-placeholder{
  color: #30292a;
  opacity:1;
}
.contactForm .contact-field-item .contact-field-label .contact-field-req-symbol, .contactForm .contact-field-error{
  color: #30292a;
}
.contactForm #contact-captcha-error {
  margin-top: 0;
}
.contactForm .contact-field-item .contact-field-element select.form-field {
  padding: 9px 15px;
  height: 44px;
}
section.content .contactForm .gdpr_policy label{
  line-height: 25px;
}
/*************** modules homepage ******************/


/****************** avis ***********************/
section.avis {
	position: relative;
	padding: 185px 0 55px;
    
}




section.avis .container {
/*    width: auto;*/
/*    max-width: 1374px;*/
}

section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a{
    position: relative;
}
section.avis h2 {
    color: #fff;
    position: relative;
    padding: 0;
    margin: 171px 0 27px;
}

section.avis .gb-entry-score strong {
    display: none;
}
section.avis .fa-calendar:before,section.avis .fa-clock-o:before {
    content: "";
}
section.avis .gb-entry-score {
    position: absolute;
    display: inline-block;
    font-size: 21px;
    height: 21px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    clear: both;
}
section.avis .gb-entry-score .fullStar, section.avis .gb-entry-score .emptyStar {
    display: inline-block;
    width: 21px;
    height: 21px;
    padding: 0;
    float: none;
    margin: 0 1px;
    text-align: center;
    color: #04c709;
}
section.content article div#Guestbook .gb-entry-score .fullStar, section.content article div#Guestbook .gb-entry-score .emptyStar{
    display: inline-block;
    width: 21px;
    height: 21px;
    padding: 0;
    float: none;
    margin: 0 0 0px;
    text-align: left;
    color: #04c709;
    line-height: 20px;
}
section.avis .gb-entry-score .emptySta .fa-star-o:before {
    color: #04c709;
}
section.content article div#Guestbook .gb-entry-score .emptyStar .fa-star-o:before{
    color: #04c709;
}
.gb-entry-score strong {
    vertical-align: middle;
}

article div#Guestbook .gb-entry-score .fullStar, article div#Guestbook .gb-entry-score .emptyStar{
    float: none!important;
    font-size: 22px;
    vertical-align: middle;
}

section.avis .guestbook-messages{
    padding: 0;
    margin-top: 0;
}
section.avis .guestbook-messages .gb-content .gb-entry{
    border-bottom: none;
    height: auto!important;
}
section.avis .guestbook-messages .gb-content .gb-entry{
    padding: 0;
    margin: 0!important;
}
section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name{
    float: none;
    display: inline!important;
}
section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a, section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
    color: #fff;
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-transform: none;
    text-decoration: none;
    display: inline;
    float: none !important;
}
section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-time, section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-date {
    margin-left: 0;
}
section.avis .slick-slider{
    margin-bottom: 0px!important;
}
section.avis .lireplus {
    position: relative;
    display: inline-block;
    color: #fff;
    background: url(../images/btn.png)no-repeat right center;
    text-decoration: none!important;
    font-family: "Titillium Web", sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-align: left;
    text-transform: uppercase;
    line-height: 50px;
    transition: all .4s;
    padding: 0 0;
    margin: 25px 0 0;
    min-width: 213px;
    letter-spacing: 0.04em;
}
section.avis .lireplus:hover{

                  transition: all .4s;
        transform: scale(.8);
    color: #fff;
    text-decoration: none;
}


.guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-time{
    display: none;
}
section.avis .fa-star-o:before{
    content: "\f006"!important;
    color: #04c709;
    font-size: 22px;
}

section.avis .fa-calendar:before {
    content: "-";
}
article div#Guestbook .gb-entry-score .fullStar, article div#Guestbook .gb-entry-score .emptyStar {
    float: none!important;
    font-size: 22px;
    vertical-align: middle;
}
section.content .text-resize .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time{
    font-weight: 400;
}
section.content .text-resize .gb-info {
    margin-bottom: 0;
}
section.avis .guestbook-messages {
    padding: 0;
}
section.avis .guestbook-messages .gb-content .gb-entry {
    padding: 0;
    margin-right: 0;
    position: relative;
}
section.avis .guestbook-messages .gb-content .gb-entry .gb-message{
    position: relative;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    font-size: 17px;
    width: 100%;
    padding: 0;
    margin: 9px 0 0 ;
} 



section.avis .img-avis {
    border-radius: 0;
    position: relative;
    margin: 0 -191px 0 auto;

}
/*section.avis .img-avis:before {
    content: "";
    inset: 0;
    position: absolute;
    background: url(../images/border-avis.png)no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
    pointer-events: none;
}*/
/*section.avis .img-avis:after {
    content: "";
    left: 33%;
    right: 0;
    bottom: -41px;
    margin: 0 auto;
    position: absolute;
    background: url(../images/img-avis.png)no-repeat bottom center;
    max-width: 310px;
    height: 214px;
    width: 17vw;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}*/
.link {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 1;
}
section.avis .img-avis img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    -webkit-mask-image: url(../images/avis.png);
    mask-image: url(../images/avis.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
section.avis .slick-slider{
    margin-bottom: 0px!important;
}
section.avis .guestbook-messages .gb-content .gb-entry .gb-info{
    width: auto;
    padding: 0;
    color: #fff;
    margin: 49px 0 0;
    text-transform: none;
}
section.avis .guestbook-form, section.avis .guestbook-messages .gb-score, section.avis .guestbook-messages .gb-count, section.avis #Guestbook .guestbook-messages .gb-pagination {
    display: none !important;
}
section.avis .slick-dots li{
    width: 12px;
    height: 12px; 
    margin: 0 5px !important;
}
section.avis .slick-dots{
     position: absolute;
    bottom: -180px;
    margin: 0;
    text-align: left;
}
section.avis .slick-dots li button{
    border: none;
}
section.avis .slick-dots li button:before{
    font-size: 12px;
    background: transparent;
    border: 2px solid #04c709;
    width: 12px;
    height: 12px; 
    content: ""!important;
    border-radius: 50%;
}
section.avis .slick-dots li.slick-active button:before,section.avis .slick-dots li button:before{
    opacity: 1;
}
section.avis .slick-dots li.slick-active button:before{
    background: #04c709;
}
/******* avis ******/

/*******/
section.avis .slick-prev:before, section.avis .slick-next:before {
  position: absolute;
  content: '';
  width: 64px;
  height: 50px;
  font-family: inherit;
  left: 0;
  top: inherit;
  color: transparent;
  margin-top: 0;

    opacity: 1 !important;
}
section.avis .slick-next:before {
  background: url(../images/next.png) no-repeat center center;
  font-size: 50px;
}
section.avis .slick-prev:before {
  background: url(../images/prev.png) no-repeat center center;
  font-size: 50px;
}
section.avis .slick-next:hover:before {
  background: url(../images/next-h.png) no-repeat center center;

}
section.avis .slick-prev:hover:before {
  background: url(../images/prev-h.png) no-repeat center center;

}
section.avis .slick-next, section.avis .slick-prev {
    width: 64px;
    height: 50px;
    opacity: 1 !important;
    bottom: -52px;
    transform: none;
}
section.avis .slick-prev {
  left: auto;
  top: inherit;
  right: 0;
  margin-right: 80px;
    z-index: 1;
}
section.avis .slick-next {
  right: 0;
  left: auto;
  top: inherit;

  margin-right: 0;
}

/**********marques************/
section.marques {
    position: relative;
    padding: 0px 0 120px  ;
    text-align: center;
}

section.marques h2 {

    margin: 0 auto 83px;
    color: #fff;
    position: relative;
}
section.marques .slick-slider img{
    border: 1px solid white;
    background: transparent;
    margin: 0 auto;
    width: 100%;
    height: 117px;
    object-fit: scale-down;
/*        padding: 5px ;*/
}
section.marques .slick-slider .slick-slide{
    margin: 0 26px;
}
section.marques .slick-slider{
    margin: 0 -26px!important;
}
/*--------------------------------------------------
# marques slick 
--------------------------------------------------*/

/*******/
section.marques .slick-prev:before, section.marques .slick-next:before {
  position: absolute;
  content: '';
  width: 64px;
  height: 50px;
  font-family: inherit;
  left: 0;
  top: inherit;
  color: transparent;
  margin-top: 0;

    opacity: 1 !important;
}
section.marques .slick-next:before {
  background: url(../images/next.png) no-repeat center center;
  font-size: 50px;
}
section.marques .slick-prev:before {
  background: url(../images/prev.png) no-repeat center center;
  font-size: 50px;
}
section.marques .slick-next:hover:before {
  background: url(../images/next-h.png) no-repeat center center;

}
section.marques .slick-prev:hover:before {
  background: url(../images/prev-h.png) no-repeat center center;

}
  
section.marques .slick-next, section.marques .slick-prev {
  width: 64px;
  height: 50px;
     opacity: 1 !important;
    bottom: -114px;
}
section.marques .slick-prev {
  left: 50%;
  top: inherit;

  margin-left: -69px;
    z-index: 1;
}
section.marques .slick-next {
  right: unset;
  left: 50%;
  top: inherit;

  margin-left: 13px;
}

/*********** footer **********/

section.content p, section.content li {
    text-align: justify;
}
/*----------------- footer -----------------*/
/*
.footer-interne{
          border-top: 3px solid #04c709;
}
*/
.footer {
  position: relative;

  padding: 67px 0 43px;

}
.footer:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
       z-index: -1; 
    top: 0;
    background: url(../images/footer.png)no-repeat center bottom;
    background-size: cover;

  opacity:.39;
    pointer-events: none;
}

/*.footer .map {
border: 1px solid #000;
padding: 10px;
}*/

.footer .grid-footer {
    position: relative;
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  justify-content: space-between;
    grid-gap: 10px;
}

.footer .footer-card .adr, .footer .vcard .adr{
  position: relative;
  line-height: 26px;
  font-size: 17px;
  color: #fff;
  font-weight:300;
  font-family: "Titillium Web", sans-serif;
    padding: 2px 0 2px 81px;
    background: url(../images/maps-f.png)no-repeat left center;
    margin-bottom: 9px;
/*    margin: 8px 0 0;*/
}

.footer .footer-card .footer-tel, .footer .vcard .footer-tel{
  font-size: 16px;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  line-height: 56px;
  position: relative;
    padding-left: 81px;
    background: url(../images/tel-f.png)no-repeat left center;
}

.footer .footer-card .tel a, .footer .vcard .tel a{
  color: #fff;
  text-decoration: none;
}
.footer .footer-card .tel a:hover, .footer .vcard .tel a:hover{
  color: #04c709;
}
.footer .hor{
  font-size: 16px;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  line-height: 26px;
  position: relative;
    padding-left: 81px;
    background: url(../images/hor-f.png)no-repeat left 0px;

}
/*
.footer .horaires{
  position: relative;
  line-height: 24px;
  font-size: 15px;
  color: #282828;
  font-weight: 400;
  font-family: "Titillium Web", sans-serif;
    padding-left: 34px;
    background: url(../images/icon-hor-f.png)no-repeat left 3px;
    margin: 40px 0 0;
}
.footer .horaires p{
    margin-bottom: 0;
}
*/
.footer .social-part{
    display: table;
    margin: 0 auto 0
}
.footer .social {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 0;
    color: #04c708;
    font-family: "Titillium Web", sans-serif;
    text-transform: uppercase;
    align-content: center;
    margin-top: 44px;
}
.footer .networks_linking a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background: #0443ff!important;
    font-size: 19px;
    margin: 0 5px;
    line-height: 50px;
    pointer-events: auto;
    border: none;
    position: relative;
  text-align:center;
    vertical-align: middle;
}


.footer .fa-google:before{
    /* display: none; */
}  
.footer a.networks_google{
    /* background:#0443ff  url(../images/google.png) no-repeat center!important; */
    float: right;
}
.footer a.networks_google:hover{
    /* background-image: url(../images/google.png) !important; */
 
}
.footer a.networks_snapchat{
    /* background:#0443ff  url(../images/snap.png) no-repeat center!important; */
    font-size: 26px;
}
.footer a.networks_whatsapp{
    /* background:#0443ff  url(../images/whats.png) no-repeat center!important; */
    font-size: 23px;
}
.footer .networks_linking a:hover{
    background-color: #04c709 !important;
    border-color: #fff !important;
    color: #fff !important;
}
.footer .networks_linking:first-child a.networks_google ,.footer .networks_linking:last-child a.networks_instagram,.footer .networks_linking:last-child a.networks_facebook{
    display: none;
}  
.footer .fa {
    font-weight: 300!important;
}





/*
.footer .fa-google:before{
    display: none;
} 
*/
/*************/
/*
section.maps {
    position: relative;
    height: 317px;
}
section.maps iframe, section.maps .box_googlemapsv2{
    display: block;
    height: 100%;
    margin-top: -62px;
    border: none !important;
}
*/
/*********/
.footer-nav div#ContainerBlockSocial .title {
  display: none;
}

/*/social*/
.footer-nav div#ContainerBlockSocial .title {
  display: none;
}
.footer-nav div#ContainerBlockSocial {
  font-size: 18px!important;
  float: none;
  clear: both;
  margin-top: 10px;
  text-align: center;
  display: block;
}
.footer-nav div#ContainerBlockSocial>span {
  display: none;
}
.footer-nav .addthis_32x32_style .dummy .at300bs,.footer-nav .addthis_32x32_style .at300bs, .footer-nav .addthis_32x32_style .at15t {
  overflow: hidden;
  height: 22px !important;
  width: 22px !important;
  background: transparent!important;
  line-height: 22px !important;
  display: inline-block!important;
  text-align: center!important;
}
#ContainerBlockSocial .at300b .at300bs:after{
  -webkit-transition: all .4s,font-size 0s;
  -o-transition: all .4s,font-size 0s;
  transition: all .4s,font-size 0s;
  color: #04c709;
  font-family: 'FontAwesome';
}
.footer-nav .addthis_default_style .addthis_separator, .footer-nav .addthis_default_style .at300b,.footer-nav .addthis_default_style .at300bo, .footer-nav .addthis_default_style .at300m, .footer-nav .addthis_default_style .at300bs{
  float: none!important;
}
.footer-nav .addthis_default_style .at300b, .footer-nav .addthis_default_style .at300bo, .footer-nav .addthis_default_style .at300m {
  padding: 0 7px!important;
}
.footer-nav .addthis_32x32_style .at15t_email::after {
  content: '\f0e0' !important;
}
.footer-nav .addthis_32x32_style .at15t_facebook::after {
  content: '\f09a' !important;
}
.footer-nav .addthis_32x32_style .at15t_twitter::after {
  content: '\f099' !important;
}
.footer-nav .addthis_32x32_style .at15t_linkedin::after {
  content: '\f0e1' !important;
}

.footer-nav .addthis_32x32_style .at300bs:hover:after{
  color: #282828!important;
}
.footer-nav .addthis_32x32_style .dummy .at300bs:hover, .footer-nav .addthis_32x32_style .at300bs:hover, .footer-nav .addthis_32x32_style .at15t:hover{
  opacity: 1!important;
}

/*mentions-footer*/
.footer-nav {
  background: #282828;
  text-align: center;
}
.footer-nav p{
  font-size: 16px;
  padding: 10px 0;

}
.footer-nav .parts>* {
    display: inline-block;
}
.footer-nav .parts .part1{
    padding: 0 40px;
}
.footer-nav .parts .part1 a{
    color: #fff;
    text-decoration: none !important;
}
.footer-nav .parts .part1 a:hover{
    color: #04c709;
}
/****** cookies *****/
.btn-gdpr:hover{
  background: #04c709 !important;
    color: #fff !important;
}
.btn-gdpr:hover .btn-agree:hover, .btn-gdpr:hover .btn-params:hover{
  background: #04c709 !important;
    color: #fff !important;
}
/************* map cliquable ************/
section.content .maps {
	position: relative;
}
section.content .maps a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
  	font-size: 0;
  	z-index: 3;
}
/*********** interne ************/
img.img-news {
  float: right;
  margin: 0 0px 15px 25px;
  max-height: 170px;
}
section.content .social {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
}
section.content .social .networks_linking {
  text-align: center;
  float: none;
  margin: 10px 0 0;
  display: table;
}


section.content .social .networks_linking a {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #04c709 !important;
	color: #fff !important;
	font-size: 17px;
	margin: 0 2px;
	line-height: 34px;
	border: 1px solid #04c709;
	pointer-events: auto;
	vertical-align: middle;
}
section.content .social .fa {
    font-weight: 300!important;
}

section.content .social a.networks_google{
    /* background: #04c709 url(../images/google.png) no-repeat center!important; */
    float: right;
      /* background-size: contain !important; */
}
section.content .social a.networks_google:hover{
/*    background-image: url(../images/icon-google-f-h.png)!important;*/
}
section.content .social a.networks_snapchat{
    /* background:#04c709  url(../images/snap.png) no-repeat center!important; */
    font-size:23px;
        /*background-size: contain !important;*/
}
section.content .social a.networks_whatsapp{
    /* background:#04c709  url(../images/whats.png) no-repeat center!important; */
    font-size:21px;
       /* background-size: contain !important;*/
}
section.content .social .networks_linking a:hover{
    background-color: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
     /* background-size: contain !important;*/
}


section.content .social .fa-google:before{
    /* display: none; */
} 
.btn-red {
    display: grid;
    grid-template-columns:repeat(6,1fr);
    justify-content: center;
    gap: 30px;
}
section.content a.readmore {
    color: white;
    text-decoration: none;
    padding: 12px 12px;
    background: #04c709;
    display: grid;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    align-items: center;
}
section.content a.readmore:hover {

  background: #808080;
}
/**********/
form#user-login, form#user-login *,
#extranetContent, #extranetContent *,
form#user-new-password, form#user-new-password * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Login form */
section.content .page form#user-login {
	position: relative;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
section.content .page form#user-login h2 {
	display: none;
}
section.content .page form#user-login .login-count input {
	float: left;
	width: 49%;
	margin: 0 0 5px;
	padding: 8px;
	background: #f2f2f2;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
section.content .page form#user-login .login-count input:focus {
	background: #e6e6e6;
	border-color: #ccc;
	color: #777;
}
section.content .page form#user-login .login-count input[type=password] {
	float: right;
}
section.content .page form#user-login .login-count a.Send {
	display: block;
	clear: both;
	cursor: pointer;
	width: 100%;
	margin: 5px 0;
	background: #808080;
	border-radius: 3px;
	color: #fff;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
section.content .page form#user-login .login-count a.Send:hover {
	background: #444;
}
section.content .page form#user-login #extranetLoginErrors {
	font-weight: bold;
}
section.content .page form#user-login #extranetLoginErrors ul, form#user-login #extranetLoginErrors ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
section.content .page form#user-login #extranetLoginErrors ul {
	background: #c00;
	display: block;
	padding: 5px;
	border-radius: 3px;
	color: #fff;
}
section.content .page form#user-login a.registrate, form#user-login a.forgot {
	display: inline-block;
	margin: 5px;
}

/* Registration form */
section.content .page #extranetContent {
	position: relative;
}
section.content .page #extranetContent h1#Title {
	margin-bottom: 10px;
	padding-bottom: 0;
}
section.content .page #extranetContent #ProdContent {
	width: 50%;
}
section.content .page #extranetContent #ProdContent .lineRegister {
	display: block;
	padding-bottom: 5px;
}
section.content .page #extranetContent #ProdContent .lineRegister:after {
	content: '';
	display: block;
	clear: both;
}
section.content .page #extranetContent #ProdContent .lineRegister label.labelRegister {
	display: block;
	width: 100%;
	float: none;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	padding: 8px 0;
}
section.content .page #extranetContent #ProdContent .lineRegister input.inputRegister, section.content .page #extranetContent #ProdContent .lineRegister input {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    padding: 8px;
    background: #f2f2f2;
    border: 1px solid #ddd;
  color : #222;
    border-radius: 3px;
    font-family: "Titillium Web", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
	display: block;
	width: 65%;
	float: left;
	margin: 0;
	padding: 8px;
	background: #f2f2f2;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
section.content .page #extranetContent #ProdContent .lineRegister input.inputRegister:focus {
	background: #e6e6e6;
	border-color: #ccc;
	color: #777;
}
section.content .page #extranetContent #ProdContent a.send {
	display: block;
	clear: both;
	cursor: pointer;
	width: 100%;
	text-align: center;
	margin: 5px 0;
	background: #808080;
	border-radius: 3px;
	color: #fff;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
      height: auto;
}
section.content .page #extranetContent #ProdContent a.send:hover {
	background: #444;
}
section.content .page #extranetContent #ProdContent .required {
	display: block;
	text-align: right;
}

/* Lost password */
section.content .page form#user-new-password {
	position: relative;
	width: 50%;
}
section.content .page form#user-new-password .ctrlHolder {
	padding-bottom: 5px;
}
section.content .page form#user-new-password .ctrlHolder:after {
	content: '';
	display: block;
	clear: both;
}
section.content .page form#user-new-password label {
	display: block;
	width: 35%;
	float: left;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	padding: 8px 0;
}
section.content .page form#user-new-password label.error {
	color: #c00;
	float: none;
	width: auto;
	clear: both;
	padding: 0;
}
section.content .page form#user-new-password label em {
	display: none;
}
section.content .page form#user-new-password input {
	display: block;
	width: 65%;
	float: left;
	margin: 0;
	padding: 8px;
	background: #f2f2f2;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
section.content .page form#user-new-password input:focus {
	background: #e6e6e6;
	border-color: #ccc;
	color: #777;
}
section.content .page form#user-new-password button {
	display: block;
	clear: both;
	cursor: pointer;
	width: 100%;
	text-align: center;
	margin: 5px 0;
	background: #808080;
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-family: "Titillium Web", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
section.content .page form#user-new-password button:hover {
	background: #444;
}
.topbar .toplogin div#user-login a {
    color: #000 !important;
}
/***********/
/******* avis interne *********/
.guestbook-score .gb-rating label:after {
  font-size: 20px !important;
}
.guestbook-score .gb-rating label {
  font-size: 0;
}
section.content .gb-page-content.gb-page-content-0{
  display: block !important;
}
section.content .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a {
  color: #808080; 
}


.guestbook-form form.contactForm .two-column{
  width: 50%;
  clear: none;
  float: left;
}
section.content .guestbook-form div#contact-field-id_mail {
  float: right;
  padding-left: 2px;
}
.guestbook-score .gb-rating {
  vertical-align: middle;
}
.guestbook-score .gb-rating label::after{
  color: #fff;
}
.guestbook-score .gb-rating :checked ~ label::after{
  color: #04c709 !important;
}
section.content .gb-entry-score{
  font-size: 18px;
  color: #04c709;
}
.fa-star-o:before {
  content: "\f006" !important;
}
section.content .gb-info {
  margin-bottom: 8px;
  font-size: 16px;
}
section.content .guestbook-messages .gb-content .gb-entry{
  background: #282828;
  padding: 0px;
  margin-bottom: 10px;
  border-bottom: 2px solid #04c709;
}
section.content .guestbook-messages .gb-content .gb-entry>div {
	padding: 10px;
}
.gb-page-content.gb-page-content-0.slick-initialized.slick-slider .slick-slide {
    margin: 0  10px;
}
section.content ul.slick-dots {
    display: block !important;
}
section.content ul.slick-dots li{
        margin: 0 !important;
        background-image: none !important;
    padding: 0;
    }
section.content ul.slick-dots li button:before, section.content ul.slick-dots li.slick-active button:before{
        color: #fff;
        font-size: 30px;
}
/****/
div#galinterne {
  display: block;
}
div#galinterne a.highslide {
  padding: 0;
}
div#galinterne .imgthumbpos{
  padding: 0;
}
div#galinterne .slick-prev:before {
  content: "" !important;
  background: url(../images/slick-prev.png) no-repeat center center;
}
div#galinterne .slick-next:before {
  content: "" !important;
  background: url(../images/slick-next.png) no-repeat center center;
}
div#galinterne  .slick-next , div#galinterne  .slick-prev{
  width: 10px;
}
div#galinterne  .slick-next {
  right: -15px;
}
div#galinterne  .slick-prev {
  left: -15px;
}
div#galinterne .slick-prev:before, div#galinterne .slick-next:before{

  width: 10px;
  height: 20px;
  display: block;
  background-size: contain;

}
div#galinterne .slick-slide {
  margin: 0 5px;
}
/**********/
section.footer-form {
  position: relative;
  background: #333 url(../images/bg-footer-form.jpg) center no-repeat fixed;
  background-size: cover;
  padding: 100px 0;
  color: #fff;
}
section.footer-form::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.7);
}
section.footer-form .container {
  position: relative;
}
section.footer-form h4 {
  margin: 0 100px 50px;
  font-size: 2em;
}
section.footer-form a {
  color: #fff;
}

footer.bottom {
  background: #000;
  color: #fff;
  padding: 70px 50px;
}
footer.bottom a {
  color: #fff;
}
footer.bottom a:hover {
  color: #b5a46d;
}
footer.bottom .footer-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  grid-gap: 50px;
}
footer.bottom .footer-grid .footer-left {
  text-align: left;
}
footer.bottom .footer-grid .footer-left .address .phone-responsive {
  display: none;
}
footer.bottom .footer-grid .footer-left .networks {
}
footer.bottom .footer-grid .footer-left .networks a {
  border-radius: 0;
  width: auto;
  background: none;
  color: #ccc;
  margin-right: 10px;
}
footer.bottom .footer-grid .footer-left .networks a.networks_facebook:hover {
  color: #3b5998;
}
footer.bottom .footer-grid .footer-left .networks a.networks_twitter:hover {
  color: #1da1f2;
}
footer.bottom .footer-grid .footer-left .networks a.networks_instagram:hover {
  color: #c32aa3;
}
footer.bottom .footer-grid .footer-left .networks a.networks_pinterest:hover {
  color: #bd081c;
}
footer.bottom .footer-grid .footer-left .networks a.networks_linkedin:hover {
  color: #007bb5;
}
footer.bottom .footer-grid .footer-left .networks a.networks_tripadvisor:hover {
  color: #00af87;
}
footer.bottom .footer-grid .footer-left .networks a.networks_youtube:hover {
  color: #ff0000;
}
footer.bottom .footer-grid .footer-center {
  text-align: center;
}
footer.bottom .footer-grid .footer-center .logo a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
}
footer.bottom .footer-grid .footer-center .logo a svg {
  height: 50px;
  color: white;
  fill: currentColor;
  margin-bottom: 5px;
  transition: color .4s;
}
footer.bottom .footer-grid .footer-center .logo a:hover svg {
  color: #b5a46d;
}
footer.bottom .footer-grid .footer-center .logo a span {
  position: relative;
  padding-top: 5px;
  display: inline-block;
}
footer.bottom .footer-grid .footer-center .logo a span::before {
  content: '';
  position: absolute;
  left: 5px;
  right: 5px;
  top: 0;
  height: 1px;
  display: block;
  background: #b5a46d;
}
footer.bottom .footer-grid .footer-right {
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
}
footer.bottom .footer-grid .footer-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
footer.bottom .footer-grid .footer-right ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
footer.bottom .footer-grid .footer-right a {
  display: inline-block;
  margin-left: 10px;
  text-decoration: none;
}
footer.bottom .footer-grid .footer-right nav.language {
  margin-top: 10px;
}

a#scrollTopBtn {
  border-radius: 0;
  right: auto;
  left:50%;
  bottom: 55px;
      transform: translateX(-50%);
  background: #04c709;
    color: #fff;
}
a#scrollTopBtn:hover {
  background: #808080;
}
.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap *{
  box-sizing: content-box;
}
/************ intenre *************/
section.content.content-pag .grid-part {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 20px;
  margin-bottom: 30px;
}
section.content.content-pag .grid-part.part2 {
  grid-template-columns: 2fr 1fr;
}
section.content.content-pag .grid-part.part2 .img-grid {
  order: 2;
}
section.content.content-pag .grid-part .img-grid img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}
section.content.content-pag p{
    text-align: justify;
}
/********** provider *********/
section.content .show {
    margin-top: 30px!important;
}
.has-error .form-control {
    border-color: #04c709 !important;
}
.has-error .form-control:focus {
    border-color: #30292a!important;
    -webkit-box-shadow: inset 0 1px 1px rgb(40 40 40 /80%), rgb(40 40 40 /80%)!important;
    box-shadow: inset 0 1px 1px rgb(40 40 40 /80%), rgb(40 40 40 /80%)!important;
}
.cat-block .buttonCategory {
    color: white!important;
    background-color: #30292a!important;
}
.cat-block .buttonCategory:hover {
    background: #04c709!important;
}
.cat-block .buttonCategory.active {
    background: #04c709!important;
    color:white!important;
}
.serv-block .buttonService.active {
    background-color: #30292a!important;
}

.serv-block .buttonService:hover {
    background-color: #04c709!important;
}
.serv-block .buttonService {
    color: white!important;
    background-color: #30292a!important;
}
.right-block .workers-list .workers-title {
    color: #30292a!important;
}
.form-control {
    height: 2em!important;
    padding: 4px 12px!important;
}
.checkoutBtn:hover {
    background: #30292a!important;
}
.checkoutBtn {
    background: #04c709!important;
    color: white!important;
    padding: 8px 15px !important;
    border-radius: 0!important;
}
.reservationPersonal .rowPersonal input[type="text"], .reservationPersonal .rowPersonal input[type="password"] {
    margin: 0 0 5px!important;
}

section.content .provi-field, .reservationPersonal #email {
    border: 1px solid black!important;
    height: 40px!important;
}
section.content #comment {
    height: 150px!important;
}
.checkoutBtn.big {
    opacity: 1 !important;
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

section.content .contactForm .contact-field-legend{
    display: none;
}
section.content .contactForm fieldset.cols{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 10px;
}
/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  /*float: left;*/
  display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu {
  /*display: flex;*/
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}
.sf-menu a {
    font-weight: 400;
    padding: 26px 0 ;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
	font-family: "Titillium Web", sans-serif;
    font-size: 24px;
}

.sf-menu li {
  white-space: nowrap;
}
.sf-menu > li {
  margin: 0px ;
 padding: 0 13px ;
}
.sf-menu > li:last-child {
    padding-right: 0;
}
.sf-menu > li:first-child {
    padding-left: 0;
}
.sf-menu > li > a {
  position: relative;
  z-index: 1;
}
.sf-menu > li > a::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0px;
    right: 0;
    margin: 0 auto;
  height: 12px;
  width: 12px;
  display: inline-block;
  background: #04c709;
  transform:   scale(0);
  transition: all .4s;
  border-radius:50%
}
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a, .sf-menu > li.selected > a, .sf-menu > li.active > a {
  border-color: #282828;
}
.sf-menu > li > a:hover:before,
.sf-menu > li.sfHover > a:before, .sf-menu > li.selected > a:before, .sf-menu > li.active > a:before {
  transform: scale(1);
  transition: all .4s;
}
.sf-menu ul {
  background: #000;
  padding: 15px 20px;
  min-width: 200px;
  text-align: left;
    margin-top: 5px;
}
.sf-menu ul a {
  font-weight: normal;
  text-transform: none;
  color: #e9e4de !important;
  padding: .5em 1.5em .5em 1em;
  transition: color .4s, padding .4s
}
.sf-menu ul a:hover,
.sf-menu ul .selected a, .sf-menu ul .active a {
  color: #04c709 !important;
  padding-right: 1em;
  padding-left: 1.5em;
}
.sf-menu ul a:hover::before,
.sf-menu ul .selected a::before, .sf-menu ul .active a::before {
  transform: translateY(-50%) rotate(-45deg) scale(1);
}
.sf-menu li a:hover,
.sf-menu li.sfHover a, .sf-menu li.selected a, .sf-menu li.active a {
  color: #fff;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    bottom: 12px;
}

/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  transform: translate3d(100%,0,0);
  transition: opacity 0.4s, transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 1em;
  font-size: 0.75em;
  border: none;
  background: transparent;
  color: transparent;
}
.close-button::before,
.close-button::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #fff;
  transition: background .4s;
}
.close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
  background: #000;
}
/* Menu */
.menu-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 260px;
  height: 100%;
  background: #020202;
  box-shadow: 0 0 20px rgba(0,0,0,.8);
  padding: 40px 20px 20px;
  transform: translateX(-100vw);
  transition: transform 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
  transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
  display: block;
  transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
  transition: transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: .75em;
  letter-spacing: 0.2em;
}
.mobile-menu ul ul {
  font-size: 1em;
  background: rgba(0,0,0,.15);
  margin-top: 5px;
  margin-bottom: -5px;
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
  border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li {
  padding: 5px 0;
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
  position: relative;
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
  content: '\f105';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  color: rgba(255,255,255,.5);
  z-index: 5;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-menu a {
  text-transform: uppercase;
  padding: 5px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
  background: #04c709;
}
.mobile-menu li li a {
  padding-left: 25px;
}
/* Language menu */
.mobile-menu .language {
  text-align: center;
  margin-top: 15px;
}
.mobile-menu .language a {
  text-transform: uppercase;
  padding: 5px 10px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
/* Shown menu */
.show-menu .menu-wrap {
  transform: translate3d(0,0,0);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transform: translate3d(0,0,0);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transition-duration: 0.9s;
}
.show-menu .site-overlay {
  opacity: 1;
  transition: opacity 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transform: translate3d(0,0,0);
}

#Shop div#ShopContent #article-content #Products #Items .ProdItem img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
#Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdNoPhoto img{
  object-fit:scale-down;
}
.fa-level-up:before {
  content: "\f148" !important;
}
.middle-part .grid-header .nav {
    width: 58px;
}
/******************/
ul.etabs {
    width: 100%;
    display: grid;
    margin: 10px 0 30px 0 !important;
    padding: 0px !important;
    overflow: hidden;
    text-align: center;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
.etabs .tab, .page-content #Shop #CatContent .etabs .tab {
    position: relative;
    display: block;
    background: transparent !important;
    padding: 0px !important;
    margin: 0!important;
    -webkit-transition: all .4s,font-size 0s;
    -o-transition: all .4s,font-size 0s;
    transition: all .4s,font-size 0s;
    left: 0;
}
.tab a {
    color: white;
    line-height: 2.2em;
    font-size: 16px;
    display: block;
    cursor: pointer;
    text-decoration: none;
}


.etabs .tab h4, .etabs .tab .h4 {
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 88%;
    margin: 0;
    color:white !important;
    padding: 10px 5px;
    font-size: 16px;
    margin-top: 0;
    background: rgb(193 93 6/50%);
    text-align: center;
}
.etabs .tab.actived h4, .etabs .tab.actived .h4 {
    background: #282828;
        color: white !important;
}
.tab a img {
    width: 100% !important;
    height: 210px !important;
    object-fit: scale-down;
    margin: 0 !important;
    /* background: #04c709; */
    border: 3px solid #04c709;
    border-radius: 5px;
}

.etabs .tab:hover h3, .etabs .tab:hover h4, .etabs .tab:hover .h3, .etabs .tab:hover .h4 {
    background: #282828;
    text-shadow: none;
    color: white !important;
}
.contenus-etabs {
    padding: 20px;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.5);
    box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.5);
    margin-bottom: 20px;
    height: auto!important;
    clear: both;
    display: none;
    background: rgba(255,255,255,0.3);
}
.contenus-etabs h2{
     text-align: left;
/*
    padding-bottom: 15px;
    margin-bottom: 10px;
*/
    position: relative;
}


.contenus-etabs h5{text-align: left;line-height: 40px;}

.contenus-etabs{width: 100% ;}
select {
    color: #000;
}
section.content-pag .bx-grid-location{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
        margin-bottom: 30px;
align-items: center;
}
section.content-pag .bx-grid-location .bx-img {
    position: relative;
}
section.content-pag .bx-grid-location .bx-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

table.table-bordered.table-responsive.table-hover {
    width: 100%;
 margin-bottom: 20px;
}
table.table-bordered td p {
    margin-bottom: 0;
}
table.table-bordered.table-responsive.table-hover th, table.table-bordered.table-responsive.table-hover td {
    padding: 7px 10px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #04c709 !important;
}
.table-bordered>thead>tr>th {
    background: #04c709;
}
.table-bordered tr:hover td{
    background-color: rgb(0 0 0/50%);
}
.table tr td:last-child {
    width: 20%;
}
/*table, th, td {
  border: 1px solid #fff;
  border-collapse: collapse;
}*/
/*
header.top.header-interne section.banner{
    height: auto;
}
header.top.header-interne div#logo {
    margin: 20px auto ;
}
header.top.header-interne .marketing-wrapper2{
    position: relative;
    top: 0;
    padding-top: 20px;
    
}*/
#Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li{
  display:inline-block!important;
}
nav.main-nav {
    width: 100% !important;
    text-align: center;
}

section.bg-vide {
margin: 40px 0;
    background: url(../images/bg-vide.jpg) no-repeat center fixed;
    text-align: center;
    background-size: cover;
    padding: 100px 0;
      position: relative;
}
section.bg-vide:before {
    position: absolute;
  content:"";
  inset:0;
  opacity:.9;
  background:black
}
section.bg-vide .container{
	position:relative;
}
@media only screen and (max-width : 1400px) {
.sf-menu a {

    font-size: 19px;
}
}
@media only screen and (max-width : 1199.98px) {
  
  header.top .networks_linking a {
	width: 44px;
	height: 44px;
	margin: 0 3px;
	line-height: 44px;
}
  header.top .social {
	max-width: 260px;
}
  /*.sf-menu {
	display: table;
	margin: 0 auto;
}*/
   /* .grid-topbar {
        max-width: 206px;
    }
    .marketing-wrapper .grid-header, header.top .header-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .marketing-wrapper .adr, .marketing-wrapper .footer-tel .tel{
        padding: 40px 0 0;
        background-position: center top;
    }
    .grid-topbar {
        margin: 0 auto 20px;
    }
*/
  .sf-menu > li {

    padding: 0 5px;
}
  .sf-menu a {
    font-size: 18px;
}
    .call-to-action {
        display: table;
        margin: 0 auto 30px;
    }
    
    section.banner {
        height: 600px;
    }
    .camera_pag {
        right: -70px;
    }
  /*header.top .header-grid {
  grid-template-columns: auto 1fr;
}
  header.top .header-grid .header-left,
  header.top .header-grid .header-right {
  display: none;
}
  header.top .header-grid nav.mobile-nav {
  display: inline-block;
  text-align: right;
  font-size: 2em;
}*/
    .topbar .shopheader {
        margin-left: 0 !important;
    }
    
  section.content.content-home {
/*    padding: 60px 0 0px;*/
  }
  .content.home-content #Shop div#ShopContent #article-content div#CatContent {
    padding: 50px 0;
}
  .grid-home .content-home {
    padding: 0;
}content.home-content  #Shop div#ShopContent #article-content div#CatContent {
    padding: 50px 0 30px;
  }
   .content.home-content  #Shop div#ShopContent #article-content div#CatContent .home-photo.home-photo2 {
        margin: 0 80px 0 0;
    }
  .content.home-content #Shop div#ShopContent #ShopContent {
    padding: 50px 0 80px;
  }.content.webshop-content.home-content .readmore {
    margin-top: 70px;
  }
    .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .slick-slide {
        margin: 0 10px;
    }
    .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items{
      margin: 0 -10px !important;
    }
section.avis .img-avis {

    margin: 0 auto;
}
  section.avis h2 {

    margin: 20px 0 27px;
}
   
  #Shop div#ShopContent #article-content #Products #Items .slick-prev:before, #Shop div#ShopContent #article-content #Products #Items .slick-next:before {
    bottom: -60px;
  }
  
  .homeTemplate .spacer {
    height: 350px;
  }
  section.boxs {
        padding: 50px 0 50px;
       
    }
    section.boxs .bx-home .desc {
        padding: 0 0px;
    }
    section.content.first {
        padding: 49px 0 50px;
    }
    section.content.second {
        padding: 50px 0;
    }
    section.content.first .home-photo {
        margin: 0px 0 0 70px;
    }
    section.modules {
        padding: 50px 0;
    }
    section.photo-spacer {
        height: 350px;
    
    }
    section.pictos {
        padding: 50px 0;
    }
    section.pictos .text-bx h2 {
        font-size: 19px;
    }
  section.news.news-home {
    padding: 50px 20px ;
  }    
  section.news.news-home h1 {
    margin-bottom: 30px;
  }
  section.news #AllNews {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer {
    padding: 40px 0;
  }
    .formhome {
        padding: 50px 0;
    }
    section.avis {
        padding: 50px 0;
      
    }
    section.content .page form#user-login {
	width: 100%;
}
  section.content .page #extranetContent #ProdContent, section.content .page form#user-new-password {
	width: 100%;
}
}
@media only screen and (max-width : 991.98px) {
  
  .col-md-4{
    width: 100%;
  }
  
  .popup-content {
        max-width:700px;
        padding: 44px 50px 44px
    }

    div.btn-wrap a.btn-popup.btn1 {
        width: 226px
    }

    div.btn-wrap a.btn-popup.btn2 {
        width: 266px
    }
.btn-red {

    grid-template-columns: repeat(3,1fr);

}
.grid-topbar {
    justify-content: center;
    max-width: 142px;
      margin: 30px auto 0;
}
header.top .social {
	justify-items: center;
	justify-content: center;
	margin: 20px auto 0;
}
  .mark2_plugin{
    line-height: 30px;
        width: 30px;
    font-size: 13px;
  }
    .marketing-wrapper .grid-header {
      
        display: block;
       
    }
    .marketing-wrapper .grid-header:before{
        display: none;
    }
/*
    .grid-topbar {
        
        margin: 0 auto;
    }
*/
    header.top nav.mobile-nav{
        display: block;
        border: 2px solid #fff;
        position: fixed;
        left: 10px;
        top: 10px;
    }
    .grid-topbar {
      margin: 0;
      position: absolute;
      top: 0;
      right: 0;
  }
    
    div#sticky-wrapper:not(.is-sticky) nav.main-nav {
        display: none;
    }
    header.top div#sticky-wrapper.is-sticky nav.mobile-nav {
        top: 10px;

    }
    
    .content.home-content  #Shop div#ShopContent #article-content div#CatContent .home-grid , section.content.first .home-grid{
        display: block;
    }
    .content.home-content  #Shop div#ShopContent #article-content div#CatContent .home-photo img, section.content.first .home-photo img {
/*        width: 350px;*/
/*        width: 100%;*/
/*        height: 350px;*/
      
    }
    .content.home-content  #Shop div#ShopContent #article-content div#CatContent .home-photo, .content.home-content  #Shop div#ShopContent #article-content div#CatContent .home-photo.home-photo2,
    section.content.first .home-photo, section.content.first .home-photo.home-photo2{
        display: table;
        margin: 20px auto ;
    }
    
    .content.home-content  #Shop div#ShopContent #article-content div#CatContent .content-text.content-text2, .content.home-content  #Shop div#ShopContent #article-content div#CatContent .content-text, 
    section.content.first .content-text.content-text2, section.content.first .content-text{
        margin: 0;
    }
  .block1 img.img-responsive, .block2 img.img-responsive {
    max-width: 300px;
    display: table;
    margin: 15px auto;
    height: auto;
    width: 100%;
    object-fit: cover;
    max-height: 300px;
  }
  .block2,  .block1 {

    text-align: center;
  }

  .marketing-wrapper1 {
/*    top: 70%;*/

  }
    section.icons .bx-home {
        max-width: 338px;
    }


  header.top .header-grid .part-right {
    text-align: center;
  }

  header.top .header-grid .header-left,
  header.top .header-grid .header-right {
    display: none;
  }
  header.top .header-grid nav.mobile-nav {
    display: inline-block;
    text-align: right;
    font-size: 2em;
  }

  section.modules {
        padding: 50px 0 20px;
    }
    section.modules .img-position {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 400px;
        height: 350px;
        margin-left: 0;
        /* width: 570px; */
        margin: 0 auto;
    }
    
     .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items {
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 15px;
    }
    .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items {
        margin: 0 !important;
    }
       /* --- */
   
  .grid-home{
    display: flex;
    flex-direction: column;
  }
  .grid-home .photo-home{
    order: 2;
  }
  .grid-home .content-home{
    order: 1;
    padding-bottom: 30px;
  }
  .grid-home .photo-home > div{
    position: relative;
  }
  
  .grid-home.professionnel{
    padding: 0;
  }
  .grid-home.professionnel .content-home{
    padding: 30px;
  }
  
  .homeTemplate .spacer {
    height: 300px;
  }
section.avis .img-avis {
    margin: 0 auto 50px;
    display: table;
    max-width: 480px;
}
  section.news #AllNews figure.Item figcaption {
/*    padding: 45px 20px 24px;*/
  }
    section.news #AllNews figure.Item figcaption .text-news {
        padding: 38px 20px 0px;
    }
    section.news #AllNews figure.Item {
        grid-template-rows: 300px 1fr;
    }
  section.content.content-home h1 {
    padding-top: 0;
  }
    .formhome .contactForm .gdpr_policy label {
        font-size: 12px;
    }

  .footer {
      
    text-align: center;
  }
    .footer .footer-card {
        order: 0;
    }
    .footer .footer-card .footer-tel, .footer .vcard .footer-tel, .footer .footer-card .adr, .footer .vcard .adr, .footer .horaires , .footer .hor{
        padding: 60px 0 0;
        background-position: center top;
        text-align: center;
        margin-top: 10px;
    }
   
    .footer .grid-footer {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    
/*
    section.maps{
        position: relative;
        margin: 0 0 30px;
        height: 250px;
        left: 0;
    }
*/
  section.content.content-pag .grid-part {
    display: block;
  }
  section.content.content-pag .grid-part .img-grid img {
    display: table;
    margin: 0 auto 20px;
    max-width: 35%;
    height: 200px;
  }
    header.top div.nav , div#sticky-wrapper:not(.is-sticky) nav.main-nav {
        height: auto;
    }
    div#sticky-wrapper:not(.is-sticky) nav.main-nav{
/*        padding-bottom: 10px;*/
    }
    header.top div#sticky-wrapper.is-sticky nav.mobile-nav {
        height: auto;
        font-size: 30px;
    }
    div#sticky-wrapper nav.main-nav .sf-menu{
        display: none !important;
    }
    
    header.top div#sticky-wrapper.is-sticky nav.mobile-nav>a {
        display: block;
    }
 
    
    
 /* .grid-topbar {
    margin-right: 40px;
  }

  div.nav {
    display: none;
  }
*/
  /*header.top nav.mobile-nav{
    display:block;
    align-items:center;
    color: white!important;
    border: 1px solid white;
    background: #04c709;
    padding: 0;
    border-radius: 0;
    position: fixed;
    right: 10px;
    top: 10px;
    font-size: 22px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    z-index: 100;
    text-decoration: none;
  }
  header.top nav.mobile-nav a{
    color: white!important;
  }

  header.top nav.mobile-nav:hover{
    background: #282828;
  }*/
    section.pictos .pictos-grid {
        grid-template-columns: repeat(3, 1fr);
    }
   .content.home-content #Shop div#ShopContent #ShopContent .container {
       padding: 0 15px;
    }
    section.boxs .boxs-slider {
        width: 100%;
        display: block;
        table-layout: unset;
        margin: 0;
        padding: 0;
    }

   
}
@media only screen and (max-width : 767.98px) {
  .popup-content {
        max-width:98%;
        padding: 20px
    }

    div.btn-wrap a.btn-popup.btn1 {
        width: 180px
    }

    div.btn-wrap a.btn-popup.btn2 {
        width: 220px
    }

    .popup-content h2 {
        font-size: 22px
    }

    div.btn-wrap {
        max-width: 420px
    }

  .btn-red {

    grid-template-columns: repeat(2,1fr);

}
  header.top div#logo {
	margin: 20px auto 24px;
	max-width: 130px;
	text-align: center;
	display: table;
}
  header.top .social {
	display: none;
}

  #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li{
  display:block!important;
}
  	section.content-pag .bx-grid-location {
      grid-template-columns: 1fr;
    }
    section.content .contactForm fieldset.cols{
        grid-template-columns:  1fr;
    }
   
    .content ul.bottom {
        margin-bottom: 0;
    }
    ul.etabs {
        grid-template-columns: repeat(2,1fr);
    }
    .middle-part {
       
        padding: 20px 0;
    }
/*
    .marketing-wrapper {
        top: 50px;
        text-align: center;
    }
*/
  section.avis {

    text-align: center;
} 
  section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a, section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
    display: block;
}
  section.avis .fa-calendar:before{    display: none;}
section.avis .slick-prev {
    left: 50%;
    right: 0;
    margin-left: -80px;
}
  section.avis .slick-next {
    left: 50%;
    right: 0;
    margin-left: 0;
}
section.avis .slick-next, section.avis .slick-prev {
    bottom: -114px;
}
  section.avis {
    padding: 50px 0 90px;
}
  
    section.news.news-home {
        padding: 50px 0px;
    }
 
  .grid-topbar {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  .top-header.interne .grid-topbar {
    grid-template-columns: 1fr;
  }
  .top-header .topbar {
    float: none;
  }
  .topbar .shopheader{
    margin: 0 auto!important;
  }
  .image-right,
  .image-left {
    float: none;
    margin: 20px auto;
    display: block;
    max-width: 100%;
    height: auto;
  }
  /*header.top .header-grid nav.mobile-nav {
  display: inline-block;
  text-align: right;
  font-size: 2em;
}*/
  
    
  section.news #AllNews {
    grid-template-columns: 1fr;
  }
  section.news #AllNews figure.Item {
    grid-template-rows: 200px 1fr;
  }
  
  section.content.content-pag .grid-part .img-grid img {
    max-width: 400px;
  }
  img.img-news {
    float: none;
    max-width: 100%;
    display: table;
    margin: 0 auto 20px;
  }
.diy-slideshow {
    height: 400px;
    }
/*
  section.banner {
    height: 450px;
  }
  section.banner.small {
    height: 400px;
  }
*/
    section.content.first .home-photo .img-grid {
        position: relative;
        top: 0;
        transform: none;
        margin: 0 auto;
        left: 0;
    }
    section.pictos .text-bx h2 {
        font-size: 17px;
    }
    .formhome form.contactForm .cols {
        grid-template-columns: repeat(1,1fr);
    }
    .formhome .contactForm .contact-submit {
        float: none;
       
    }
    .footer-nav .parts .part1 {
        padding: 0 4px;
    }
  /*avis*/
  section.content .guestbook-form div#contact-field-id_mail {
    float: none;
    padding-left: 0;
  }
  .guestbook-form form.contactForm .two-column {
    display: inline-block;
    width: 100%;
  }
  .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
    float: none !important;
    clear: both !important;
  }
  .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name{
    float: none;
  }
  section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a, section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time{
    float: none;
  }
  .contactForm .gdpr_policy label {
    display: inline !important;
  }
  
    .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items {
        grid-template-columns: repeat(2,1fr);
    }
}
@media only screen and (max-width : 480px) {/*(max-width : 

  575.98px) {*/
  
  div.btn-wrap {
        max-width:100%
    }

    div.btn-wrap a.btn-popup.btn2 {
        float: none;
        display: block;
        width: 100%
    }

    div.btn-wrap a.btn-popup.btn1 {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 15px
    }
    .btn-red {

    grid-template-columns: repeat(1,1fr);

}
  .searchForm input#tags {

	padding: 4px 5px 7px 5px;
}
  header.top div#logo {
	max-width: 70px;
}
  .topbar .caddy-button .iconcaddy::before {
	width: 25px;
	height: 25px;
	background-size: contain;
}
  .topbar .caddy-button .iconcaddy:hover::before {
	background-size: contain;
}
  .topbar .account ul li a::before {
	width: 25px;
	height: 25px;
	margin-right: 0;
	background-size: contain;
}
   .topbar .account ul li a:hover::before {
	background-size: contain;
}
  header.top .social {
	margin: 65px auto 0;
}
  header.top .networks_linking a {
    width: 39px;
    height: 39px;
    font-size: 17px;
    line-height: 39px;
}
    .footer .networks_linking a {
	width: 39px;
	height: 39px;
	font-size: 17px;
	line-height: 39px;
	vertical-align: middle;
}

  
      form#user-login {
		width: auto;
	}
	#extranetContent #ProdContent {
		width: auto;
	}
	#extranetContent #ProdContent .lineRegister label.labelRegister,
	#extranetContent #ProdContent .lineRegister input.inputRegister {
		width: 100%;
		float: none;
	}
	form#user-new-password {
		width: auto;
	}
  .topbar .shopheader > div {
	float: left !important;
}
    span.street-address {
        display: block;
    }
     span.street-address+sep, .marketing-wrapper .footer-tel .tel a+sep {
        display: none;
    }
    .marketing-wrapper .footer-tel .tel a{
        display: table;
        margin: 0 auto;
    }
    ul.etabs {
        grid-template-columns: repeat(1,1fr);
    }
    .call-to-action {
        padding: 20px 16px;
    }
    .content.webshop-content.home-content .readmore {
        font-size: 14px;
    }
    .banner #slideshow:before {
        top: -15px;
        left: -10px;
        right: -10px;
    }
    .camera_pag {
        right: -44px;
    }
    .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items {
        grid-template-columns: repeat(1,1fr);
    }

   .banner #slideshow {
        max-width: none;
        margin-left: 0;
        left: 15px;
        right: 40px;
        height: 350px;
    }
/*
    section.banner, section.banner.small {
        padding-top: 400px;
    }
*/
    section.banner:before {
        opacity: 0.3;
    }
/*
  .marketing-wrapper1 {
    top: 80%;
  }
*/
  
  .topbar .WishlistButton a{
    font-size: 0!important;
  }
  .topbar .WishlistButton {
        /* padding-right: 10px!important; */
/*        margin-right: 49px!important;*/
        /* border-right: none!important; */
    }
  .topbar .caddy-button {
    margin-left: 0px!important;
    border-left: none!important;
/*    padding-left: 13px!important;*/
  }
  .topbar .caddy-button .iconcaddy{
    height: 41px!important;
  }
  .topbar .account ul li a{
    font-size: 0!important;
  }
  .topbar .toplogin::after{
    right: 50%!important;
  }
  .topbar .toplogin{
    margin-right: -62px !important;
    right: 50%!important;
  }
  .top-header .shopheader > div {
    float: none!important;
    display: inline-block!important;
    vertical-align: bottom!important;
  }
  #Shop div#Sidebar, #Shop div#Sidebar.active{
    max-width: 280px!important;
  }

  
    .content.home-content  #Shop div#ShopContent #article-content div#CatContent:before {
        opacity: 0.2;
    }
  .content.webshop-content.home-content .readmore {
    width: 240px;
  }
    .formhome .img-contact {
        max-width: 250px;
    }
    .formhome:before, .formhome:after {
        height: 325px;
    }
   
  .content.home-content #Shop div#ShopContent #ShopContent #Products h1 {
    font-size: 30px;
  }

  .footer .footer-logo {
    max-width: 100%;
  }

    section.news.news-home h2 {
        font-size: 37px;
    }
  section.news #AllNews figure.Item figcaption h3 span:last-child {
    font-size: 27px;
  }
  section.news.news-home {
    padding: 50px 5px ;
  }
  section.news {
    padding: 0 15px 0px;
  }  
  .formhome .titre-form h2 {
    font-size: 35px;
  }
  section.news #AllNews figure.Item figcaption {
    padding: 40px 15px 50px;
  }
  input[type=file] {
    font-size: 12px;
  }
    .formhome h1 {
        font-size: 50px;
    }
    section.boxs h1, section.marques h1,section.avis h1 {
    font-size: 34px;
    }
    section.gallery-home h1 {
        font-size: 33px;
    }
    section.boxs .all-box {
        margin: 0;
    }
    .content.home-content  #Shop div#ShopContent #article-content div#CatContent .home-photo img, section.content.first .home-photo img {
        max-width: 240px;
    }
    section.modules .img-position {
        width: 250px;
        height: 300px;
    }
    section.pictos .pictos-grid {
        grid-template-columns: 1fr;
    }
    section.pictos .bx-home.bx-bottom {
        margin-top: 0;
    }
    section.avis .img-avis img {
        max-width: 250px;
    }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 30px;
  }
    h3 {
    font-size: 28px;
  }
   .content.home-content #Shop div#ShopContent #article-content div#CatContent .img-bloc .img02, .content.home-content #Shop div#ShopContent #article-content div#CatContent .img-bloc.bloc1 .img02 {
    position: relative;
    bottom: inherit;
    margin: 10px auto;
    display: table;
  }
  .content.home-content #Shop div#ShopContent #article-content div#CatContent .img-bloc.bloc1 .img01, .content.home-content #Shop div#ShopContent #article-content div#CatContent .img-bloc .img01 {
    float: none;
    margin: 0 auto;
    display: table;
  }
  .content.first .img-bloc .img02, .content.first .img-bloc.bloc1 .img02 {
    position: relative;
    bottom: inherit;
    margin: 10px auto;
    display: table;
  }
  .content.first .img-bloc.bloc1 .img01, .content.first .img-bloc .img01 {
    float: none;
    margin: 0 auto;
    display: table;
  }
}