a#pres {
    pointer-events: none;
}
/************/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
## Superfish
## Mobile navigation
--------------------------------------------------*/
#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:"Karla", 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: 'Playwrite RO';
    src: url('../fonts/PlaywriteRO-Regular.woff2') format('woff2'),
        url('../fonts/PlaywriteRO-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Playwrite RO';
    src: url('../fonts/PlaywriteRO-Light.woff2') format('woff2'),
        url('../fonts/PlaywriteRO-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Playwrite RO';
    src: url('../fonts/PlaywriteRO-ExtraLight.woff2') format('woff2'),
        url('../fonts/PlaywriteRO-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Playwrite RO';
    src: url('../fonts/PlaywriteRO-Thin.woff2') format('woff2'),
        url('../fonts/PlaywriteRO-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Karla';
    src: url('../fonts/Karla-Medium.woff2') format('woff2'),
        url('../fonts/Karla-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Karla';
    src: url('../fonts/Karla-Regular.woff2') format('woff2'),
        url('../fonts/Karla-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Karla';
    src: url('../fonts/Karla-Italic.woff2') format('woff2'),
        url('../fonts/Karla-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Karla';
    src: url('../Karla-Light.woff2') format('woff2'),
        url('../Karla-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/DancingScript-Regular.woff2') format('woff2'),
        url('../fonts/DancingScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dancing Script';
    src: url('../fonts/DancingScript-Medium.woff2') format('woff2'),
        url('../fonts/DancingScript-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

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

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

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

@font-face {
    font-family: 'Mrs Saint Delafield';
    src: url('../fonts/MrsSaintDelafield-Regular.woff2') format('woff2'),
        url('../fonts/MrsSaintDelafield-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------
# 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: #ffffff;
    color: #141414;
    font-family:"Karla", sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}

a {
  color: #a4293d;
  text-decoration: underline;
  transition: all .4s;
}
a:active, a:hover, a:focus {
  color: #a4293d;
  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: "Playwrite RO", cursive;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 400;
    color: #838383;
    margin: 0;
    font-style: italic; 
}
h1 {
  font-size: 38px;
}
h2 {
  font-size:30px;
}
h3 {
  font-size: 25px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}
hr {
  border-color: #a4293d;
}
/****************/

/* *** 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: #a4293d #cccccc;
            padding-right: 15px;
            min-height: 30vh;
            max-height: 80vh;
        }
.box_popup_homepage .content .contenu .bouton-fermer{
  			margin: 15px auto 0 auto;
            background: #a4293d;
            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;
}




/***********/
/*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:#a4293d !important;
  color: white !important;

}
header.top {
    position: relative;
 
   
}
/*

header.top .container-fluid {
    max-width: 1570px;
}
*/

.header-vcard{
    position: relative;
    background: #000000;
    padding: 8px 0 ;
}

.header-vcard .adr {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    
    padding-left: 26px;
    background: url(../images/icon-map.png)no-repeat left center;
}

.header-vcard .vcard{
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    grid-gap: 20px;
    align-items: center;
}
.header-vcard .vcard .footer-tel{
    order: 1;
}
.header-vcard .vcard .tel {
    padding-left: 26px;
    background: url(../images/icon-tel.png)no-repeat left center ;
}
.header-vcard .vcard .tel a {
    
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none !important;
   
}
.header-vcard .vcard .tel a:hover {
    color:  #a4293d;
}

/************** 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;
       right: 15px;
    top: 23px;
}
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: 26px;
    width: 26px;
    font-size: 0;
    border: none;
    margin: 0;
    padding: 0;
    background: url(../images/icon-search-h.png) no-repeat left 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:"Karla", 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 .search-button {
    float: none;
    padding: 5px 0 5px 20px;
    margin-right: 8px;
    height: auto;
    position: re;
    width: auto;
    background: url(../images/icon-search.png) no-repeat left 5px;
    cursor: pointer;
    color: #fff;
    font-size: 0;
    /* margin-top: 15px; */
    left: 0;
    z-index: 1;
}
header.top .search-button:hover {
    background: url(../images/icon-search-h.png) no-repeat left 5px;
}

.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:white;
     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:white;
     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:white;
     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:white;
     opacity:1;
}
/***********/
#Shop div#Sidebar {
    position: fixed !important;
    right: -350px;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 300px !important;
    padding: 20px;
    background: #f2f2f2!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: #a4293d url(../images/icon-close.png) center no-repeat!important;
    display: block!important;
    transition: background .4s!important;
    font-family:"Karla", sans-serif !important;
    color: transparent!important;
    
}
#Shop div#Sidebar .caddy-close span:hover{
        background-color: # !important;
    }
/********/
.grid-topbar {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: start;
    max-width: 135px;
    position: relative;
    margin-top: 0;
    margin-right: 0;
    /* margin-left: 40px; */
    justify-items: center;
    margin: 0 auto;
}
.topbar .shopheader{
    line-height: 21px!important;
    height: 21px!important;
    display: grid;
    grid-template-columns: auto auto auto;
}
.topbar .WishlistButton {
    border-left: none!important;
    padding-right: 0px!important;
    margin-right: 10px!important;
    padding-left: 0!important;
    border-left: none !important;
    border-right: none !important;
    margin-top: 5px;
    /* display: none !important; */
    height: 23px;
}
.topbar .WishlistButton a{
    font-family:"Karla", sans-serif!important;
    font-size: 0px!important;
    color: white!important;
    padding-left: 0!important;
    font-weight: 400!important;
    }
.topbar .WishlistButton a:hover{
        color: #282828!important;
    
}
.topbar .WishlistButton a::before {
    content: ""!important;
    background: url(../images/icon-wishlist.png) no-repeat center top;
    width: 31px;
    height: 27px;
    margin-left: 7px!important;
    margin-top: -6px!important;
    padding: 0 !important;
}
.topbar .WishlistButton a:hover::before{
    background: url(../images/icon-wishlist-h.png) no-repeat center top;
}
/*---*/
.topbar .account{
    order: -1;
    margin-left: 7px;
}
.topbar .account ul li a{
    position: relative;
    font-family:"Karla", 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: #282828!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/icon-compte.png) no-repeat center top;
    width: 18px;
    height: 22px;
    padding: 0!important;
    margin-right: 10px;
    margin-top: 0!important;
}
.topbar .account ul li a:hover::before{
    background: url(../images/icon-compte-h.png) no-repeat center top;
}

.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 #a4293d!important;
    background: rgba(255,255,255,0.88)!important;
    padding: 15px 20px 20px!important;
    color: #282828!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:"Karla", 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: #a4293d;
    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:"Karla", 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:"Karla", sans-serif!important;
    color: #282828!important;
    transition: border-color .4s;
}
.topbar .toplogin #user-login input.field:focus {
    border-color: #a4293d;
}
.topbar .toplogin #user-login a.Send, section.content-page form#user-new-password .primaryAction.disabled{
    display: block;
    width: 100%;
    border: none;
    background: #a4293d !important;
    color: #fff !important;
    font-family:"Karla", 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: #838383 !important;
    color:white!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: 7px!important;
    margin-left: 0px!important;
    margin-top: 0;
}
.topbar .caddy-button .iconcaddy::before{
    content: ""!important;
    background: url(../images/icon-panier.png) no-repeat center top;
    width: 20px;
    height: 22px;
    margin-top: 1px;
}
.topbar .caddy-button .iconcaddy:hover::before{
    background: url(../images/icon-panier-h.png) no-repeat center top;
}
.topbar .caddy-button .iconcaddy{
    font-size: 0!important;
}
.topbar .caddy-button #CaddyCount{
    color: #fff !important;
    font-size: 12px!important;
    font-family:"Karla", sans-serif!important;
    right: 0px!important;
    top: -7px!important;
}
.topbar .toplogin a.registrate, .topbar .toplogin a.forgot, .toplogin .separator{
    font-size: 15px;
    color: #282828;
}
/***************/
.bg-header-top {
    position: relative;
    padding: 10px 0;
    background: #000;
}
/**********************/
/*header.top  .container {
    max-width: 1503px;
    width: 100%;
    margin: 0 auto;
}*/
header.top .grid-header {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: end;
    grid-gap: 10px;
    margin-top: 0;
    max-width: 1140px;
    /*padding: 21px 0 23px;*/
  padding: 10px 0 ;
    border-bottom: 1px solid #838383;
    /*margin: 0 auto 31px;*/
  margin: 0 auto 10px;
}
header.top .grid-header .grid-header-info{
    display: grid;
    grid-template-columns: auto auto; 
    justify-content: space-between;
    align-items: center;
  gap:58px
}
header.top .grid-header .tel {
    padding: 15px 27px 14px 63px;
    background: #a4293d url(../images/tel.png) no-repeat left 31px center;
    height: 53px;
    border-radius: 27px;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 700;
    transition: 0.4s all;
    transition: all .4s;
}

header.top .grid-header .tel a {
    color: white;
    font-size: 15px;
    text-decoration: none;
}
header.top .grid-header .tel a:hover {
  color:#fff;
}
header.top .grid-header .tel:hover  {
  transition: all .4s;
    transform:scale(.9);
}
header.top .grid-header .call-to-action {
    position: relative;
    display: table;
    font-family: "Karla", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 53px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    padding: 0 25px 0 0;
    width: 267px;
    height: 53px;
    background: #838383 url(../images/cta.png)no-repeat right 28px center;
    pointer-events: auto;
    border-radius: 53px;
    margin: 0 auto 0;
    transition: all .4s;
}
header.top .grid-header .call-to-action p{
    margin: 0;
}
header.top .grid-header .call-to-action:hover {
  transition: all .4s;
    transform:scale(.9);
}
.nav.nav1 li#menu_5, .nav.nav1 li#menu_2, .nav.nav1 li#menu_3,
.nav.nav1 li#menu_15, .nav.nav1 li#menu_16, .nav.nav1 li#menu_17, .nav.nav1 li#menu_18,
.nav.nav1 li#menu_19,.nav.nav1 li#menu_21 {
    display: none;
}
/*.nav.nav2 li#menu_20, .nav.nav2 li#menu_7, .nav.nav2 li#menu_1{
    display: none;
}*/
/********************/
.middle-part {
    position: relative;
    background: #838383;
    padding: 17px 0 ;
  color:white
}
.middle-part .grid-header-middel{
    display: grid;
    grid-template-columns: auto auto; 
    justify-content: space-between;
    align-items: center;
}
.middle-part .adr {
    padding: 0 0 0 30px;
    background: url(../images/maps.png)no-repeat left;
}
.middle-part .adr .street-address {
    display: inline-block;
}
.middle-part .tel {
    padding: 0 0 0 30px;
    background: url(../images/tel.png)no-repeat left;
}

.middle-part .tel a {
    color: white;
    font-size: 16px;
    text-decoration: none;
}
.middle-part .tel a:hover {
  color:#bda097;
}
/****************************************/
header.top nav.mobile-nav{
      display:block;
      align-items:center;
      color: white!important;
      background: #838383;
      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: #a4293d!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;
    height: auto!important;
}


.is-sticky nav.main-nav .sf-menu {
    display: table;
    margin: 0 auto;
}
/************/

.header-top {
    position: relative;
    background: #000000;
}


header.top .header-grid {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    grid-gap: 10px;
    height: auto;
  text-align: center;
}
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 nav.mobile-nav {
  display: none;
}
header.top div#logo {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 auto 12px;
    padding: 0;
    width: 100%;
}
section.banner .marketing-wrapper div#logo img {
	max-width: 100%;
}
header.top div#logo img {
    position: relative;
    z-index: 10;
    max-width: 100%;
    width: auto;
}
header.top div#sticky-wrapper:not(.is-sticky) nav.main-nav {
    margin-top:0;
}

section.banner {
      position: relative;
    margin: 0;
    height: 911px;
    background: #fafafa;
    height: calc(100vh - 132px);
    min-height: 600px;
}
.diy-slideshow figure img {
 
    object-position: top;
}
section.banner > div {
    height: 100%;
}
section.banner .marketing-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top:27px;
    text-align: center;
  height: auto;
}
   section.banner .marketing-wrapper .container {
        display: table;
        margin: 0 auto;
        max-width: 720px;
    }
 section.banner .marketing-wrapper div#logo {
    text-align: right;
   margin-bottom: 30px;
}

header.top.header-interne section.banner{
  height: auto;
}
header.top.header-interne .marketing-wrapper {
    margin: 20px auto;
    top: 0;
    transform: none !important;
    position: relative;
}
header.top.header-interne section.banner .marketing-wrapper1 {
    position: relative !important;
}
header.top.header-interne .marketing-wrapper div#logo img {
    max-width: 220px;
}

.diy-slideshow {
    position: absolute !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: visible !important;

}
.diy-slideshow:before {
    position: absolute;
    content: "";
    inset: 0;
    background: url(../images/before-slider.png) repeat-x top center;
    pointer-events: none;
    z-index: 2;
}
.diy-slideshow:before {

}
section.banner:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 84px;
    content: "";
    background: url(../images/bottom-slider.png)no-repeat bottom center;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2;
}
.diy-slideshow figure, .diy-slideshow figure img {

}

.diy-slideshow .next, .diy-slideshow .prev {
    color: transparent !important;
    font-size: 0 !important;
    height: 24px;
    width: 48px;
    border-radius: 0% !important;
    opacity: 1 !important;
    transform: none !important;
    padding: 0 !important;
/*    margin-top: -112px;*/
}
.diy-slideshow .prev {
    background: url(../images/slick-prev.png) no-repeat center top  !important;
    left: 72px !important;
}
.diy-slideshow .next {
    background: url(../images/slick-next.png) no-repeat center top  !important;
    right: 72px !important;
}
.diy-slideshow .prev:hover, .diy-slideshow .next:hover {
    opacity: 0.65 !important;
}




.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 {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    background: rgb(235 235 235 /90%);
    left: 0;
    right: 0;
    width: auto!important;
    box-shadow: 0 0 20px black;
      display: block;
    z-index: 100;

}
/*header.top div#sticky-wrapper {
    height: auto !important;
}*/
.is-sticky nav.main-nav .grid-header {
    padding: 0 0 10px;
    margin: 0 auto 10px;
}
.is-sticky nav.main-nav div#logo {
    margin: 0 auto;
    max-width: 140px;
}
.header-top{
    position: relative;
}
.marketing-wrapper1 {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    background: rgb(235 235 235 /60%);
   /* padding-bottom: 26px;   */ /*min-height: 195px;*/
   padding-bottom: 10px; 
}
/*************/
.marketing-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -13px;
    text-align: center;
}
.marketing-wrapper .title {
    /*font-weight: 400;
    font-size: 70px;
    color: #838383;
    font-family: "Mrs Saint Delafield", cursive;
    line-height: 85px;*/
  
      font-weight: 400;
    font-size: 35px;
  line-height: 55px;
    color: #838383;
    font-style: italic;
 font-family: "Playwrite RO", cursive;
  
    /* text-shadow: 0 0 57px rgb(40 40 40 /80%),0 0 57px rgb(40 40 40 /80%); */
}
.marketing-wrapper .title span {
    display: block;
      color: #a4293d;
}
.marketing-wrapper .call-to-action {
    position: relative;
    display: table;
    font-family:"Karla", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 81px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    padding: 0 42px 0 0;
    width: 244px;
    height: 81px;
    background: #a4293d url(../images/cta.png)no-repeat right 75px center;
    pointer-events: auto;
    border-radius: 81px;
    margin: 0 auto 0;
    transition: all .4s;
}
.marketing-wrapper .call-to-action p{
    margin: 0;
}
.marketing-wrapper .call-to-action:hover {
  transition: all .4s;
    transform:scale(.9);
}

/******************* flottant *******************/


header.top .networks_linking {
    text-align: center;
    float: none;
    margin: -12px 0 0;
    display: table;
    line-height: 16px;
}
header.top .networks_linking a {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 0%;
    color: #fff;
    background: transparent!important;
    font-size: 18px;
    margin: 0 5px ;
    line-height: 16px;
    pointer-events: auto;
    position: relative;
    transition: all .4s;
}

.fa-facebook-f::before, .fa-facebook::before {
    content: "\f39e"!important;
}

header.top .fa-google:before{
    display: none;
}  
header.top .networks_linking a.networks_google{
    background: url(../images/google.png) no-repeat center!important;
    float: right;
}
header.top .networks_linking a.networks_google:hover{
    background-image: url(../images/google.png) !important;
 
}
header.top .networks_linking a:hover{

  transform:scale(.9);
    transition: all .4s;
}
header.top .fa {
    font-weight: 300!important;
}

/***************************header-interne**********************************/
header.top.header-interne {
  /*  border-bottom: 2px solid #838383;*/
}

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

section.content {
  position: relative;
  padding: 70px 0;
}

section.content article {
    position: relative;
/*    z-index: 1;*/
}
section.content h1 {
    position: relative;
    margin: 0 0 33px !important;
    padding: 0px 0 0 !important;
}

section.content.home-content h1:before {
  margin:0 auto !important;
}
.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: #f2f2f2;
    padding: 15px;
    border-radius: 20px;
    box-shadow: 0 0 0 2px rgb(0 0 0 / 18%);
    margin: 0 0 20px;
    /* text-align: left; */
}
.content .box-dark {
    background: #a4293d;
    color: #fff;
    box-shadow: 0 0 0 2px rgb(227 182 182);
    padding: 15px;
    /* border-radius: 0; */
    border-radius: 20px;
    /* box-shadow: 0 0 0 7px rgb(0 0 0 / 47%); */
    margin: 0 0 20px;
    /* text-align: left;*/
}
 
.content .box-dark h3{
   color: #fff;
}
.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: #fff;
  text-align: left;
  color: #282828;
  padding: 15px;
  border-left: 7px solid #a4293d;
  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;
}

/**********************************************************************************************************************************************************************************************/
section.content.home-content {
    position: relative;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
   /* padding: 135px 0 131px;*/
  padding: 50px 0;
    text-align: center;
    color: white;
}
section.content.home-content h1 {
    position: relative;
    margin-bottom: 30px;
    color:white
}
section.content.home-content h2 {
    color:white
}
section.content.home-content .img-bloc {
    display: table;
    margin: 45px auto 0;
}

section.content.home-content .bloc2 {
    margin: 0 0 30px;
}
section.content.home-content .bloc1 .grid-home {
    display: grid;
    grid-template-columns: auto 45.8% ;
    grid-gap: 162px;
    clear: both;
    position: relative;
}
section.content.home-content .bloc2 .grid-home {
    display: grid;
    grid-template-columns: 46%  auto;
    grid-gap: 85px;
    clear: both;
    position: relative;
    align-items: center;
}
section.content.home-content .content-home {
    padding:0 0 0;
}
section.content.home-content .photo-home img {
    transition: all .4s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    border-radius: 50%;
    border:15px solid #838383;
        box-shadow: 0 0 76px rgb(0 0 0 / 7%);

}
section.content.home-content .grid-home .photo-home {
    position: relative;
    /*height: 100%;*/
}
section.content.home-content .grid-home .photo-home:after {
    position: absolute;
    content: "";
    left: -67px;
    bottom: 46px;
    background: url('../images/left-img.png') no-repeat bottom left;
    background-size: contain;
    height: 137px;
    max-width: 180px;
    width: 20vw;
    z-index: -1;
}
section.content.home-content .bloc1 .grid-home .photo-home {order:2}
section.content.home-content  .grid-home .photo-home > div:first-child {
    position: relative;
    /* height: 100%; */
    width: 100%;
}
section.content.home-content  ul {
    text-align: left;
    margin: 0 auto;
    display: table;
}
section.content.home-content .box-light {
    background: rgb(255 255 255  / 5%);
    box-shadow: 0 0 0 2px rgb(164 41 61 / 50%);
}
/********************************************************************************************************************************/
/************************************************************************************************/
section.content-cta {
    position: relative;
    padding: 282px 0 210px;
    background: url(../images/bg.jpg) no-repeat  center fixed ;
    background-size: cover;
    z-index: 1;
    color: #fff;
    text-align: center;
}

section.content-cta:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgb(40 40 40 / 59%);
    z-index: -1;
}
section.content-cta:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/top-section.png) no-repeat center top;
    background-size: 100% 100%;
    pointer-events: none;
    height: 199px;
}


/*
section.content-cta .container {
    width: 100%;
    max-width: 915px;
}*/
section.content-cta h2{
    color: white;
    margin: 0 0 27px;
      font-size: 66px;
}
section.content-cta h3{
    color: white;
    margin: 0 0 0;
      font-size: 30px;
}
/****************************************************************/
section.content.second {
 
  position: relative;
  padding: 94px 0 0px;
    background: #838383;
  margin: 0!important;
   
}

section.content.second h2 {
  position: relative;
  margin: 0px 0 30px;
   
}

section.content.second .home-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 ;
    align-items: flex-start;
    
    z-index: 1;
}

section.content.second .home-grid:not(:last-child) {
    margin-bottom: 0px;
}

section.content.second .content-text {
    
        position: relative;
    padding: 0 ;
    margin: 0 -25px 0 0;
    }

section.content.second .content-text.content-text2 {
           order: 1;
           padding: 0;
           margin: 140px 0 0 -25px;
    }



section.content.second .home-photo {
    position: relative;
   height: 100%;
    z-index: 2;
    margin: 0px 0px -134px 105px;
}
section.content.second .home-photo:before {
    content: "";
    position: absolute;
    bottom: -106px ;
    left : -75px;
    width : 226px;
    height : 301px;
    background : url(../images/after-ill2.png)no-repeat left bottom;
    background-size : contain;
    
}



section.content.second .home-photo.home-photo2 {
    position: relative;
    order: -1;
    margin: 0px 105px 0px 0px;
}

section.content.second .home-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:  center;
    
}
section.content.second .readmore{
  position: relative;
  
  border-radius: 0px;
  background: url(../images/icon-readmore.png)no-repeat right center;
  color: #141414;
  text-transform: uppercase;
  font-family:"Karla", sans-serif;
  text-decoration: none;
  font-weight: 300;
  font-size: 16px;

  margin: 30px 0 50px;
  padding: 0 34px 0 0;
  display: table;
}
section.content.second .readmore:hover{
    background: url(../images/icon-readmore.png)no-repeat right center;
    color: #a4293d;
}


/*********/
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:"Karla", 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: 'Cormorant', 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:"Karla", 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;
}
/******************** boxs ******************/
section.boxs {
    position: relative;
    text-align: center;
  /*  padding:121px 0 171px;*/
  padding: 70px 0;
    z-index: 1;

   background: #ebebeb  url(../images/right-box.png) no-repeat bottom right;
}
section.boxs:before {
    content: "";
    position: absolute;
   /* bottom: 0;*/
      bottom: -110px;
    background: url(../images/left-box.png) no-repeat bottom left;
    left: 0;
    max-width: 244px;
    height: 712px;
    width: 15vw;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

section.boxs:after {
    content: "";
    position: absolute;
    top: -156px;
    background: url(../images/right-footer.png) no-repeat top right;
    z-index: -1;
    right: 0;
    max-width: 253px;
    height: 278px;
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
section.boxs .container {
    max-width: 1180px;
    width: 100%;
}
section.boxs article {
    position: relative;
    z-index: 1
}
section.boxs h2 {
    margin-top: 0px;
  /*  padding-bottom: 48px;*/
      padding-bottom: 15px;
    margin-bottom: 0px;
  text-align: center;
      color: #a4293d;
}
section.boxs .slick-slider {
    margin: 0 -6px!important;
}
section.boxs .slick-slide {
    margin: 0 6px!important;
}
section.boxs .bx-all {
    margin: 0;
}
section.boxs .bx-home {
    position: relative;
    z-index: 1;
    margin: 0;
 /*   padding: 74px 28px 49px;*/
  padding:  30px;
    transition: 0.4s all;
    background: transparent;
    border-radius: 20px;
}
section.boxs .bx-home:hover{
	background : #a4293d;
	color : #fff;
}
section.boxs .bx-home .img-box {
    position: relative !important;
    display: table;
    margin: 0 auto 47px;
    max-width: 133px;
}
section.boxs .bx-home .img-box img{
    position: relative;
    transition: 0.4s all;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:  50%
}
section.boxs .bx-home .img-box:before {
    position: absolute;
    inset: -22px;
    content: "";
    border-radius: 0;
    background: url(../images/box.png)no-repeat center;
    z-index: 1;
}
section.boxs .bx-home:hover .img-box:before {
    background:  url(../images/box-h.png)no-repeat center;
}
section.boxs .bx-home .text-bx{
    position: relative;
    transition: 0.4s all;
    padding:;
}
section.boxs .bx-home .bx-text h4 {
    color: #838383;
     font-size: 25px;
    display: grid;
    position: relative;
      align-items: start;
      margin-bottom: 0
}

section.boxs  .bx-home:hover .bx-text h4 {
    color: #fff;
	
}
section.boxs  .bx-home .desc{
	margin-bottom: 10px;
	position : relative;
}

section.boxs  .bx-home:hover .desc{
	color : #fff;
}
section.boxs .bx-home .bx-text .readmore {
    margin-top: 20px;
    background: #a4293d url(../images/btn.png) no-repeat right 35px center;
    padding: 8px 60px 12px 36px;
    font-size: 13px;
    max-width: 156px;
    height: 44px;
    color: white;
    border-radius: 30px;
    display: inline-block !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
}
section.boxs .bx-home:hover .bx-text .readmore {
    background-color: #838383;
}

section.boxs  .bx-home .link{
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            opacity: 0;
            z-index: 3;
}

section.boxs .slick-dots li{
    width: 10px;
    height: 10px; 
    margin: 0 8px;
      background: transparent;
}

section.boxs .slick-dots {
    position: absolute;
  /*  bottom: -68px;*/
  bottom: -40px;
    text-align: center;
}
section.boxs .slick-dots li button{
    position: relative;
}
section.boxs .slick-dots li button:before{
    font-size: 14px;
    background: transparent;
    border: 1px solid #141414;
    width: 14px;
    height: 14px; 
    content: ""!important;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
section.boxs .slick-dots li.slick-active button:before,section.boxs .slick-dots li button:before{
    opacity: 1;
}
section.boxs .slick-dots li.slick-active button:before{
    background: #141414;
    width: 14px;
    height: 14px;
    font-size: 14px;
}

section.boxs .bx-home .link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    border-radius: 20px;
    z-index: 2
}
/*****************************************************************************************************/
section.content.first {
  position: relative;
  background: #ebebeb;
 /* padding: 126px 0 117px;*/
      padding: 50px 0;
      text-align: center;
}
section.content.first:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    background: url(../images/left-first.png) no-repeat bottom left;
    z-index: -1;
    left: 0;
    max-width: 214px;
    /* height: 712px; */
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
section.content.first:before {
    content: "";
    position: absolute;
    bottom:0;
    background: url(../images/right-first.png) no-repeat bottom right;
   /* z-index: -1;*/
    right: 0;
    max-width: 212px;
    height: 542px;
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
section.content.first h2 {
    position: relative;
    margin-bottom: 18px;
}
section.content.first .img-bloc {
    display: table;
    margin: 45px auto 0;
}
section.content.first .bloc1 .grid-home {
    display: grid;
    grid-template-columns: auto 44.2%;
    grid-gap: 76px;
    clear: both;
    position: relative;
}
section.content.first .content-home {
    padding: 46px 0 37px;
}
section.content.first .photo-home img {
    transition: all .4s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    border-radius: 20px

}
section.content.first .grid-home .photo-home {
    position: relative;
    height: 100%;
}
section.content.first .bloc1 .grid-home .photo-home {order:2}
section.content.first  .grid-home .photo-home > div:first-child {
    position: absolute;
    height: 100%;
    width: 100%;
}
section.content.first a.readmore {
    margin: 42px auto 0;
}
/*****************************************************************************************************/
/******************************************************************
                                modules
*******************************************************************/

section.modules {
    position: relative;
    padding: 163px 0 65px;
    background-size: cover;
    text-align: center;
    background:#a4293d;
    background-size: cover;
}
section.modules:before {
    content: "";
    position: absolute;
    top:0;
    background: url(../images/left-act.png) no-repeat top left;
    left: 0;
    max-width: 406px;
    height: 366px;
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
section.modules:after {
    content: "";
    position: absolute;
    bottom:0;
    background: url(../images/right-act.png) no-repeat bottom right;
    right: 0;
    max-width: 534px;
    height: 385px;
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
section.modules .actus {
    position: relative;
  max-width:100%;
  width:100%;
    margin:0 auto
}

section.modules .container {
    position: relative;
    z-index: 1;
  /*  width: 100%;
    max-width: 1410px;*/
}
section.modules article.box-actualite {
   /* max-width: 1288px;
    margin-left: auto;*/
}
section.modules .slick-track {
    padding: 0 0 0 ;
}

section.modules .news-text {
    margin:17px 0 0 0;
    padding: 0px;
    text-align: center;
    max-width:425px;
    /* margin-left: auto; */
}
section.modules h2 {
    position: relative;
    margin-bottom:30px;
    color: white
}

section.modules .img-news-home {
    position: relative;
    z-index: 1;
    margin: 0 0 0 auto;
    display: block;


}


section.modules #NewsSlider .NewsItem img.img-news-list {
    position: relative;
    object-fit: cover;
    display: block;
    width: 100% !important;
    max-width:512px !important;
    border-radius: 30px;
    margin: 0px;
    height:412px;


}

section.modules #NewsSlider .NewsItem img.img-news-list.img-defaut {
    object-fit: scale-down !important;
    background: #f2f2f2 ;
}

section.modules #NewsSlider .NewsItem {
    border-top: none;

    color: #fff;
    padding: 0 !important;
    box-shadow: none;
    margin: 0;

}
section.modules .news-title {
    margin-bottom: 8px;
}
section.modules h5 {
    font-size:18px;
    font-weight:700;
    color:#fff;
    text-transform: none;
      margin-top: 0;
}

section.modules .news-title br, section.content .news-title br {
    display: none;
}





section.modules  .news-title a {
    line-height: 24px;
    font-size: 18px !important;
    font-weight: 700;
    font-family:"Karla", sans-serif;
    color: #fff !important;
    text-decoration: none;
              display: inline-block;
      text-transform: none;
    
}

section.modules .date {
    line-height: 24px;
    font-size: 18px !important;
    font-weight: 700;
    font-family:"Karla", sans-serif;
    color: #fff !important;
    display: inline-block;
    margin-bottom: 0;
    

}


section.page-content .news-title {
    text-transform: inherit;
}


article .news-title a {
    display: block;
    text-decoration: none!important;
    color: #fff;
}

section.modules .NewsMasonry .NewsItem p {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family:"Karla", sans-serif;
    color: #fff !important;
    width: 100%;

}
section.modules .NewsMasonry .NewsItem .readmore {
    position: relative;
    display: inline-block;
    color: #838383;
    padding: 0 31px 0 0;
    background: #fff url(../images/btn-act.png) no-repeat right 63px center;
    text-decoration: none!important;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    text-transform: none;
    line-height: 67px;
    margin: 19px auto 0;
    min-width: 203px;
    border-radius: 67px;
    transition: all .4s;
    box-sizing: border-box;
    font-family:"Karla", sans-serif;
  letter-spacing:0.08em
}
section.modules .NewsMasonry .NewsItem .readmore:hover{
    /*color: #fff;
    background-color: #a4293d;*/
  transition: all .4s;
  transform:scale(.9);
}

section.modules .slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 35px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width:33%;
}
section.modules ul.slick-dots li {
    padding: 0;
    background-image: none;
    margin: 0 4px;
    height: 14px;
    width: 14px;
    display:inline-block;
    border-radius: 50%;
}


section.modules .slick-dots li button {
    height: 14px;
    width: 14px;
}

section.modules .slick-dots li button {
    border: 1px solid #fff;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0px;
    cursor: pointer;
/*    transform: translate(50%, 50%);*/
    border-radius: 50%;
  
}
section.modules .slick-dots li button:before{
    font-size: 0;
}


section.modules .slick-dots li.slick-active button {
    background: #fff;
}

/************************/
section.modules .slick-prev, section.modules .slick-next {
    top: inherit;
    width: 53px !important;
    height: 27px !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    left: 38% !important;
    right: 0;
    bottom: 257px !important;
    transform: none !important;
    margin-top: 0 !important;
}
section.modules .slick-prev {
    margin-left: -60px;
    background: url(../images/prev.png) center no-repeat !important;
    z-index: 1;
}
section.modules .slick-next {
    margin-left: 15px;
    background:  url(../images/next.png) center no-repeat !important;

}
section.modules .slick-prev:before, section.modules .slick-next:before {
display:none !important;
}


section.modules .slick-prev:hover {
    background:  url(../images/prev.png) center no-repeat !important;
  opacity:.5 !important
}
section.modules .slick-next:hover {
    background:  url(../images/next.png) center no-repeat !important;
  opacity:.5 !important
}

/*******************************************************************************************************************/
/****************** news ************/
section.news {
  position: relative;
  padding: 0 40px 0px;
  text-align: center;
}
section.news.news-home {
  padding: 50px 48px 80px;
  background: transparent;
  background-size: cover;
}
section.news.news-home h2{
    position: relative;
    padding: 0px 0 20px;
    margin: 0 0 60px;
    display: grid;
    color: #a4293d;
    font-size: 47px;
}
section.news.news-home h2:before {
    content: "";
    position: absolute;
    width: 53px;
    height: 11px;
    background: #191919;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -6px;
}
section.news.news-home h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 235px;
    height: 1px;
    background: #191919;
    z-index: -1;
}
.newsTemplate section.news {
  padding-top: 0;
}
section.news #AllNews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
section.news #AllNews figure.Item {
  position: relative;
  background: #f2f2f2;
  color: #fff;
  display: grid  !important;
  grid-template-rows: 300px 1fr;
  text-align: left;
}

section.news #AllNews figure.Item .photo {
  transition: opacity .6s;
}
section.news #AllNews figure.Item:hover .photo {
  opacity: 1;
}
section.news #AllNews figure.Item .photo.nophoto {
}
section.news #AllNews figure.Item .photo.nophoto img {
  object-fit: scale-down;
  object-position: center 80px;
}
section.news #AllNews figure.Item:hover .photo.nophoto {
}
section.news #AllNews figure.Item .photo img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
section.news #AllNews figure.Item figcaption {
  z-index: 10;
  background: rgba(0,0,0,.85);
  padding: 0px;
}
section.news #AllNews figure.Item figcaption .text-news {
    padding: 38px 20px 0px;
}
section.news #AllNews figure.Item:hover figcaption {
/*  background: rgba(143,113,102,.9);*/
}
section.news #AllNews figure.Item figcaption h3 {
  margin: 0 0 25px;
  color: #fff;
}
section.news #AllNews figure.Item figcaption h3 span {
  font-family: 'Cormorant', sans-serif;
  font-size: 38px;
  line-height: 1.2em;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
  display: inline-block;
  border-bottom: 1px solid #fff;
}
section.news #AllNews figure.Item:hover figcaption h3 span{
    color: #a4293d;
}
section.news #AllNews figure.Item figcaption h3 span:last-child {
  font-family: "Karla", sans-serif;
    text-transform: none;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0;
    border: none;
}
section.news #AllNews figure.Item figcaption p{
  font-family:"Karla", sans-serif;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0em;
  color: white;
}
section.news #AllNews figure.Item figcaption a.button {
    position: relative;
      display: inline-block;
    font-family: "Karla", sans-serif;
    font-size: 25px;
    font-weight: 400;
    background: transparent;
    text-transform: none;
    color: #fff;
    padding: 13px 28px;
    text-decoration: none;
    margin-top: 40px;
    /* letter-spacing: 0.05em; */
    /* border: 2px solid #a4293d; */
}
section.news #AllNews figure.Item figcaption a.button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 159px;
    height: 1px;
    background: #a4293d;
}
section.news #AllNews figure.Item:hover figcaption a.button:before {
    width: 100%;
    transition: 0.4s all;
}
section.news #AllNews figure.Item figcaption a.button::after {
  /* content: '';*/
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
section.news #AllNews figure.Item:hover figcaption a.button {
  color: #a4293d;
    width: 100%;
    transition: 0.4s all;
/*  background: #241e20;*/
}
section.news.news-home #AllNews {
  display: block;
}
section.news.news-home .slick-slide {
  margin: 0 17px;
}
section.news.news-home .slick-dots li{
  width: 12px;
  height: 12px; 
  margin: 0 4px;
}
section.news.news-home .slick-dots{
  position: absolute;
  bottom: -40px;
  margin: 0;
}
section.news.news-home .slick-dots li button:before{
  font-size: 12px;
  background: transparent;
  border: 1px solid #a4293d;
  width: 12px;
  height: 12px; 
  content: ""!important;
  border-radius: 50%;
}
section.news.news-home .slick-dots li.slick-active button:before,section.news.news-home .slick-dots li button:before{
  opacity: 1;
}
section.news.news-home .slick-dots li.slick-active button:before{
  background: #a4293d;
}

/***************************************************
CSS Contact
*********** ****************************************/
.content-page .gdpr_policy {
  line-height: 28px;
}
article .contactForm {
  margin-top: 0;
  margin-bottom: 0;
  color: #30292a;
}
.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:"Karla", 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: #a4293d !important;
}
.contactForm .contact-field-item .contact-field-element .form-field:focus {
  background: white;
  border-color: #a4293d;
  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: #a4293d;
  -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: #a4293d;
}

.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;
}

/***slid-interne*/
section.content .gal-slid{
  	margin: 0 0 50px;
}
section.content .gal-slid .slick-slider {
       margin-bottom: 0!important;
       min-height: auto !important;
       display: block!important;
}
section.content .gal-slid .slick-dots {
    bottom: -35px!important;
}

section.content article div.text-resize .gal-slid ul li {
    padding-left: 0;
    margin-left: 0;
    background: none !important;
  	pointer-events: all !important;
}
section.content .gal-slid .highslide-gallery .highslideContainer {
      float: left;
      padding: 0;
}
section.content .gal-slid .highslide-gallery .highslideContainer a.highslide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;	
  	  border-radius:20px;
}
section.content .gal-slid .highslide-gallery .highslideContainer a.highslide {
    border: none;
  border-radius:20px;
}
section.content .gal-slid .mcePxmGallery .highslide-gallery *{
  	pointer-events: none;
}
section.content .gal-slid .mcePxmGallery .highslide-gallery .highslideContainer a.highslide .highslide-caption{
  	  display: none!important;
}

section.content .gal-slid .mcePxmGallery .highslide-gallery .highslideContainer a.highslide::before {
   	  display: none!important;
}
section.content .gal-slid .highslide-gallery .highslideContainer a.highslide img {
    height: 280px;
}
.gal-slid .mcePxmGallery .highslide-gallery .highslideContainer {
    height: 280px;
}
.gal-slid.gal1 .mcePxmGallery .highslide-gallery .highslideContainer a.highslide img {
    height: 340px;
}
.gal-slid.gal1 .mcePxmGallery .highslide-gallery .highslideContainer {
    height: 340px;
}

/********************************************************************************************************************************************/
section.pictos {
    position: relative;
    text-align: center;
    padding: 117px 0 74px;
    background: url(../images/bg-box.jpg) no-repeat top center;
    background-size: cover;
    z-index: 1;
}

section.pictos h2 {
      color: #fff;
    text-align: center;
    margin-bottom: 95px;
    font-size: 44px;
}

section.pictos .slick-slider {
    margin: 0  -15px!important;
    
}

section.pictos .bx-all {
    margin: 0 15px;
}

section.pictos .bx-home {
    position: relative;
    z-index: 1;
    margin: 0px auto;

    overflow: hidden;
}

section.pictos .bx-home .text-bx {
    position: relative;
    padding: 0px ;
    text-align: center;
   
    transition: 0.4s all;
}

section.pictos .bx-home h2 {
    color: #fff;
    font-size: 25px;
     margin-bottom: 0;
}
section.pictos .bx-home .img-box {
    position: relative;
    width: 141px;
    height: 140px;
    /*display: table;*/
    margin: 0 auto 59px;
  border-radius:5px;
  border:5px solid white;
  background-color:#838383 !important
}

section.pictos .bx-home:hover .img-box {

  background-color:#a4293d !important
}
section.pictos .bx-home .img-box.img-box1 {
    background: url(../images/icon1.png) no-repeat center;
}

section.pictos .bx-home .img-box.img-box2 {
    background: url(../images/icon2.png) no-repeat center;
}

section.pictos .bx-home .img-box.img-box3 {
    background: url(../images/icon3.png) no-repeat center;
}

section.pictos .bx-home .img-box.img-box4 {
    background: url(../images/icon4.png) no-repeat center;
}
/*--------------------------------------------------
# pictos slick 
--------------------------------------------------*/
section.pictos .slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -40px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}
section.pictos ul.slick-dots li {
    padding: 0;
    background-image: none;
    margin: 0 4px;
    height: 14px;
    width: 14px;
    display:inline-block;
    border-radius: 50%;
}


section.pictos .slick-dots li button {
    height: 14px;
    width: 14px;
}

section.pictos .slick-dots li button {
    border: 1px solid #fff;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0px;
    cursor: pointer;
/*    transform: translate(50%, 50%);*/
    border-radius: 50%;
  
}
section.pictos .slick-dots li button:before{
    font-size: 0;
}


section.pictos .slick-dots li.slick-active button {
    background: #fff;
}
/*--------------------------------------------------
# gallery
--------------------------------------------------*/
/*****gallery******/
section.gallery-home {
    position: relative;
  /*  padding: 79px 0 135px;*/
      padding: 70px 0;
    background: url(../images/bg.jpg)no-repeat center;
    background-size: cover;
    text-align: center;
    color: white;
}
section.gallery-home h2{
margin-bottom: 40px;
  
}
section.gallery-home .container-fluid {
    max-width: 1436px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}
section.gallery-home .holder{
    display: none;
}
section.gallery-home #galhome .imgthumbpos {
    padding: 0;
      margin: 10px 0;
    float: none;
    opacity: 1!important;
    display: inline-block !important;
}
section.gallery-home #galhome .highslideContainer a.highslide img {
  /*  width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;*/
      width: 100%;
  height: 310px;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
}
section.gallery-home #galhome a.highslide {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    position: relative;
    text-decoration: none;
    outline: none;
    margin: 50px 0;
  	transition: all .4s;
}

section.gallery-home #galhome .highslideContainer {
    height: auto;
      position: relative;
}
section.gallery-home .holder.top.topgalhome{
  	display:none;
}

section.gallery-home #galhome .highslideContainer::after {
    content: "";
    position: absolute;
    top: 0px;
    right: -40px;
    left: -40px;
    bottom: 0px;

    box-shadow: 0 0 76px rgb(0 0 0 / 7%);
    transform: scale(0,0);
    transition: all .4s,font-size 0s;
    border-radius: 50%;
    width: auto;
    height: auto;
    pointer-events: none;
}
section.gallery-home #galhome .highslideContainer:hover::after,section.gallery-home #galhome .highslideContainer:hover::after {
    transform: scale(1,1);
      background: rgb(164 41 61 / 70%);
    background-size: 100% 100%;
    border: 15px solid #838383;
}
/*
section.gallery-home .highslide-gallery .highslideContainer a.highslide::before,
section.gallery-home .highslide-gallery .highslideContainer a.highslide::after{
    display: none;
}*/
section.gallery-home .highslide-gallery .highslideContainer a.highslide:hover {
    transform: scale(1.12, 1.2);
}
section.gallery-home .highslide-gallery .highslideContainer a.highslide:hover img {
    opacity: 1;
    height: 100%;
  /*  filter: grayscale(1) !important;*/
}
section.gallery-home #galhome .highslideContainer::before {
    content: "";
    position: absolute;
    top: 0px;
    right: -40px;
    left: -40px;
    bottom: 0px;
    box-shadow: 0 0 7px 3px rgb(0 0 0 /17%);
      transform: scale(0,0);
      border-radius: 50%;
}
section.gallery-home #galhome .highslideContainer:hover::before {
    transform: scale(1,1);
}
section.gallery-home .slick-initialized .slick-slide {
    margin: 0 50px;
}
section.gallery-home .slick-slider {
    margin: 0 -45px;
  min-height: 100% !important;
    display: block;
}

section.gallery-home .slick-dots{
     position: absolute;
    bottom: -47px;
    margin: 0;
}
section.gallery-home .slick-dots li{
    width: 14px;
    height: 14px; 
    margin: 0 12px;
}
section.gallery-home .slick-dots li button:before{
    font-size: 18px;
    background: transparent;
    border: 1px solid white;
    width: 14px;
    height: 14px; 
    content: ""!important;
    border-radius: 50%;
}
section.gallery-home .slick-dots li.slick-active button:before,section.gallery-home .slick-dots li button:before{
    opacity: 1;
}
section.gallery-home .slick-dots li.slick-active button:before{
    background: white;
}

/**********marques************/
section.marques {
    position: relative;
   /* padding: 109px 0 115px;*/
  padding: 70px 0;
    text-align: center;
    z-index: 1;
}
section.marques:before {
    content: "";
    position: absolute;
    top: -197px;
    background: url(../images/left-gal.png) no-repeat top left;
    z-index: -1;
    left: 0;
    max-width: 215px;
    height: 233px;
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
section.marques h2 {
    margin: 0 auto 26px;
      color: #a4293d;
}
section.marques .slick-slider img{
    background: #fff;
    margin: 0 auto;
    width: 100%;
    height: 149px;
    object-fit: scale-down;
  border:1px solid rgb(0 0 0 /17%)
}
section.marques .slick-slider .img-all{
    margin: 0 10px;
}
section.marques .slick-slider{
    margin: 0 -10px!important;
}
/*--------------------------------------------------
# marques slick 
--------------------------------------------------*/
section.marques .slick-dots li{
    width: 10px;
    height: 10px; 
    margin: 0 8px;
      background: transparent;
}

section.marques .slick-dots {
    position: absolute;
    bottom: -30px;
    text-align: center;
}
section.marques .slick-dots li button{
    position: relative;
}
section.marques .slick-dots li button:before{
    font-size: 14px;
    background: transparent;
    border: 1px solid #141414;
    width: 14px;
    height: 14px; 
    content: ""!important;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
section.marques .slick-dots li.slick-active button:before,section.marques .slick-dots li button:before{
    opacity: 1;
}
section.marques .slick-dots li.slick-active button:before{
    background: #141414;
    width: 14px;
    height: 14px;
    font-size: 14px;
}

/*----------------- footer -----------------*/

footer.footer.footer-interne {
    border-top: 2px solid #a4293d;
}
/*
footer.footer.footer-interne:before{
    display: none;
}
*/
.footer {
    position: relative;
  /*  padding: 115px 0 103px;*/
  padding: 50px 0;
    z-index: 1;
    background: #ebebeb;
    background-size: cover;
    border-bottom: 21px solid #a4293d;
}
.footer:before {
    content: "";
    position: absolute;
    top: -56px;
    background: url(../images/right-footer.png) no-repeat top right;
    z-index: -1;
    right: 0;
    max-width: 253px;
    height: 278px;
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
.footer:after {
    content: "";
    position: absolute;
    top: 0;
    background: url(../images/right-footer1.png) no-repeat top right;
    z-index: -1;
    right: 0;
    max-width: 234px;
    height: 288px;
    width: 24vw;
    background-size: contain;
    pointer-events: none;
}
/*-

.footer .container {
    width: 100%;
    max-width: 1320px;
}*/

div#log-footer {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.footer div#log-footer img {
      max-width: 100%;
}
.footer .grid-footer {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.footer .footer-card .adr, .footer .vcard .adr {
    position: relative;
    line-height: 24px;
    font-size: 15px;
    color: #141414;
    font-weight: 400;
    font-family: "Karla", sans-serif;
    padding: 16px 0 15px 106px;
    background: url(../images/maps-f.png)no-repeat left;
    /* margin: 8px 0 0; */
}
.footer .footer-card .footer-tel, .footer .vcard .footer-tel {
    font-size: 15px;
    color: #141414;
    font-family:"Karla", sans-serif;
    line-height:79px;
    position: relative;
    padding: 0 0 0 106px;
    background: url(../images/tel-f.png)no-repeat left center;
    display: grid;
    align-items: center;
    margin-top:34px;
    margin-bottom: 0;
}

.footer .footer-card .tel a, .footer .vcard .tel a{
  color: #141414;
   font-weight: 700;
  text-decoration: none;
}
.footer .footer-card .tel a:hover, .footer .vcard .tel a:hover{
  color: #a4293d;
}
.footer .horaires {
    position: relative;
    line-height: 24px;
    font-size: 15px;
    color: #141414;
    font-weight: 400;
    font-family: "Karla", sans-serif;
    padding-left: 106px;
    background: url(../images/hor-f.png)no-repeat left 2px;
    margin: 0 0 28px;
}
.footer .horaires p{
    margin: 0;
}
.footer  .social{
}

.footer .networks_linking {
    text-align: center;
    float: none;
    margin: 0 0 0;
    display: table;
}
.footer .networks_linking a {
    display: inline-block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    color: #fff !important;
    background: #a4293d!important;
    font-size: 16px;
    margin: 0 3px;
    line-height: 52px;
    pointer-events: auto;
    position: relative;

}
.footer .fa-google:before{
    content: "" !important;
    font-size: 0;
    position : absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/google-f.png) no-repeat center!important;
    background-size: contain;
}  
.footer .networks_linking a.networks_google{
    float : right;
    background: #a4293d url(../images/icon-google-f.png) no-repeat center!important; 
}
.footer .networks_linking a.networks_google:hover{
    background: #838383 url(../images/icon-google-f-h.png) no-repeat center!important;
}

.footer .networks_linking a:hover{
    transition: 0.3s all;
    transform: scale(1);
      color: #fff !important;
    background: #838383  !important;
}
.footer .fa {
    font-weight: 300!important;
}
.footer .btn-net {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 66px;
    margin-right: -85px;
    align-items: center;
}
.footer .call-to-action {
    position: relative;
    display: table;
    font-family: "Mrs Saint Delafield", cursive;
    font-weight: 600;
    font-size: 26px;
    line-height: 60px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    padding:0;
    width:198px;
    height: 60px;
    background:  #a4293d;
    pointer-events: auto;
    border-radius: 60px;
    margin: 0 auto;
  transition: all .4s;
  letter-spacing:0.06em
}
.footer .call-to-action p{
    margin: 0;
}
.footer .call-to-action:hover {
  transition: all .4s;
    transform:scale(.9);
}


/*********** footer **********/
/*********/
.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: #a4293d;
  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: #838383;
    text-align: center;
   color: #fff!important;
}
.footer-nav p{
  font-size: 16px;
  padding: 10px 0;
    margin: 0;
}
.footer-nav a{

   color: #fff!important;
}
/****** cookies *****/
.btn-gdpr:hover{
  background: #a4293d !important;
    color: #fff !important;
}
.btn-gdpr:hover .btn-agree:hover, .btn-gdpr:hover .btn-params:hover{
  background: #a4293d !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 .networks_linking {
    text-align: center;
    float: none;
    margin: 0px 0 ;
    display: inline-block;
}
section.content .social .networks_linking a {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff !important;
    background: #a4293d !important;
    font-size: 16px;
    margin: 0 3px;
    line-height: 42px;
    pointer-events: auto;
    position: relative;

}
section.content .social .networks_linking a .fa-google:before{
    content: "" !important;
    font-size: 0;
    position : absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/google-f.png) no-repeat center!important;
    background-size: contain;
} 
/*
section.content .social .fa-google:before{
    display: none;
} 

section.content .social .networks_linking a.networks_google{
    background:  url(../images/icon-google-f.png) no-repeat center!important;
    float: right;
}
section.content .social .networks_linking a.networks_google:hover{
    background: #838383 url(../images/icon-google-f.png) no-repeat center!important;
}*/

section.content .social .networks_linking a:hover{
    transition: 0.3s all;
    transform: scale(1);
      color: #fff !important;
    background: #838383 !important;
}
section.content .social .fa {
    font-weight: 300!important;
}

section.content a.readmore {
    color: white;
    text-decoration: none;
    padding: 0 34px 0 0;
    background: #a4293d url(../images/btn.png) no-repeat right 28px center;
    display: table;
    margin: 48px auto 0;
    text-align: center;
    border-radius: 53px;
    max-width: 187px;
    width: 100%;
    height: 53px;
    line-height: 53px;
    text-transform: uppercase;
    transition: 0.3s all;
    font-weight: 500;
}
section.content a.readmore:hover {
transform: scale(0.9);
      transition: 0.3s all;
}
section.content a.readmore.readmore1 {
    background-image: none !important;
    padding: 0 !important;
}
section.content.content-pag p, section.content.page-content p,
section.content.content-pag li, section.content.page-content li{
    text-align: justify;
}
/*#Shop div#ShopContent #article-content h1#Title {
    display: none;
}*/
/******* 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: #30292a; 
}


.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: #30292a;
}
.guestbook-score .gb-rating :checked ~ label::after{
  color: #a4293d !important;
}
section.content .gb-entry-score{
  font-size: 18px;
  color: #a4293d;
}
/*
.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: #f2f2f2;
  padding: 0px;
  margin-bottom: 10px;
  border-bottom: 2px solid #a4293d;
}
section.content .guestbook-messages .gb-content .gb-entry>div {
	padding: 10px;
}
section.content .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 4px !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: #282828;
        font-size: 0px;
}
/****/
div#galinterne {
  display: block;
}
div#galinterne a.highslide img {
    object-fit: scale-down !important;

}
div#galinterne a.highslide {
  padding: 0;
}
div#galinterne .imgthumbpos{
  padding: 0;
}
div#galinterne .slick-prev:before {
  content: "" !important;
  background: url(../images/slick-prev-a.png) no-repeat center center;
}
div#galinterne .slick-next:before {
  content: "" !important;
  background: url(../images/slick-next-a.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:60px;
  transform: translateX(-50%);
  background: #838383;
    border: 2px solid #fff;
}
a#scrollTopBtn:hover {
  background: #a4293d;
}
.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap *{
  box-sizing: content-box;
}.fa-level-up:before {
    content: "\f148" !important;
}
/************ intenre *************/
section.content.content-pag .grid-part {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 50px;
    margin-bottom: 30px;
}
section.content.content-pag .grid-part.part2 {
  grid-template-columns: 3fr 2fr;
}
section.content.content-pag .grid-part .img-grid {
    position: relative;
}
section.content.content-pag .grid-part.part2 .img-grid {
  order: 2;
}
section.content.content-pag .grid-part .img-grid img {
   
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius:10px;
    position: absolute;
}
section.content.content-pag .grid-part .txt-grid {
    padding: 30px 0;
}
.img-grid.large img {
     object-fit: scale-down !important;
}
/********** provider *********/
section.content .show {
    margin-top: 30px!important;
}
.has-error .form-control {
    border-color: #a4293d !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: #a4293d!important;
}
.cat-block .buttonCategory.active {
    background: #a4293d!important;
    color:white!important;
}
.serv-block .buttonService.active {
    background-color: #30292a!important;
}

.serv-block .buttonService:hover {
    background-color: #a4293d!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: #a4293d!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;
}
#Shop div#ShopContent #article-content #CatSubCats li .ProdItem .ProdPhoto.level1 {
	width: 100%;
	height: 330px;
	display: block;
	box-shadow: 0 0 0 1px #eee;
	margin: 5px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	text-decoration: none;
	position: relative;
	transition: all .4s;
}
#Shop div#ShopContent #article-content #CatSubCats li .ProdItem .ProdPhoto.level1 .nailthumb-container {
	width: 100% !important;
	height: 100% !important;
}
#Shop div#ShopContent #article-content #CatSubCats li .ProdItem img {
	object-fit: scale-down !important;
	background: #fff;
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## 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;
/*    position: inherit;*/
}

.sf-menu a {
  display: block;
  position: relative;
}
a#boutique {
    pointer-events: none;
}
.sf-menu a {
    font-weight: 700;
    padding: 11px 7px;
    text-decoration: none;
    color: #141414;
    text-transform: uppercase;
    line-height: 1em;
    font-family:"Karla", sans-serif;
    font-size: 16px;
}



.sf-menu > li:last-child a,.sf-menu > li#menu_5 a,.sf-menu > li#menu_21 a {
    padding-right: 0;
}
.sf-menu > li:first-child a,.sf-menu > li#menu_2 a{
    padding-left: 0;
}
.sf-menu li {
  white-space: nowrap;
}
.sf-menu > li {
  margin: 0px ;
}
.sf-menu > li > a {
  position: relative;
  z-index: 1;
}
.sf-menu > li > a::before {
/*  content: '';*/
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: -2px;
    right: 0;
    margin: 0 auto;
  height: 3px;
  width: 0px;
  display: inline-block;
  background: #a4293d;
  /*    transform: translateY(-50%);*/
  transition: transform .4s;
}
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a, .sf-menu > li.selected > a, .sf-menu > li.active > a {
    color: #a4293d;
}
.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: translate(-50%, -50%) rotate(45deg) scale(1);*/
  width: 18px;
}

.sf-menu li a:hover,
.sf-menu li.sfHover a, .sf-menu li.selected a, .sf-menu li.active a {
  color: #a4293d;
}
.sf-menu ul {
	background: #838383;
	padding: 15px 20px;
	min-width: 200px;
	    text-align: left;
    left: 50%;
    transform: translate(-50%);
}
.sf-menu ul li ul {
    right: -220px;
    padding: 10px;
    left: inherit;
    transform: none;
    top: 0;
}
.sf-menu ul li .sf-with-ul::after {
    top: 50%;
    bottom: inherit;
    right: 0;
    left: inherit;
    text-align: right;
    transform: translate(0, -50%) rotate(-90deg);
}
.sf-menu ul a {
    font-weight: normal;
    text-transform: none;
    color: #fff !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: #a4293d !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);
}

/*** 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: 700;
    margin-left: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    bottom: -4px;
}
/*--------------------------------------------------
## 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: #000;
  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: 10px;
  /*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,.mobile-menu .selected{
  background: #a4293d;
}
.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;
}

.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:#a4293d;
    text-align: center;
}
.etabs .tab.actived h4, .etabs .tab.actived .h4 {
    background: #838383;
        color: white !important;
}
.tab a img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover;
    margin: 0 !important;
    /* background: #a4293d; */
    border: 3px solid #a4293d;
    border-radius: 5px;
}

.etabs .tab:hover h3, .etabs .tab:hover h4, .etabs .tab:hover .h3, .etabs .tab:hover .h4 {
    background: #838383;
    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% ;}
section.content.content-pag .photo-slider {
    position: relative;
    height: 350px;
    margin: 20px 0 40px;
    background: url(../images/restaurant.jpg)no-repeat center fixed;
    background-size: cover;
}
section.marques.marques-interne {
    padding: 0 0 50px;
}
section.marques.marques-interne .slick-dots {
    bottom: -35px;
}


.cat .box-light {
    text-align: center;
}
a#prestations {
    pointer-events: none;
}
.mapmarche iframe {
    display: block;
    margin-top: -70px;
    height: 480px;
    border: 0;
}
.mapmarche {
    position: relative;
    overflow: hidden;
}

#Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li {
	float: none !important;
	display: inline-block !important;
	padding: 0;
}
/*********************************************************************/
.flottant.fixed-top {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99999;
  transform:translateY(-50%);
}

.flottant.fixed-top .reseaux-fixes {
    text-align: center;
    float: right;
    margin: 0;
    display: grid;
}
.flottant.fixed-top .networks_linking {
    text-align: center;
    float: right;
    margin: 0;
    display: grid;
}
.flottant.fixed-top .networks_linking a,.flottant .tel-pl,.flottant .mail-pl {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px 0px  0 25px;
    margin: 0px;

    color: #fff;
    background: #a4293d!important;
    border: none;
    font-size: 17px;
    margin: 0 0px 9px ;
    line-height: 50px;
    pointer-events: auto;
    position: relative;
}/*
.flottant.fixed-top a.networks_google{

    order: 3
}

.flottant.fixed-top .fa-google:before{
    display: none;
}  
.flottant .tel-pl {
    background: #a4293d url(../images/tel-pl.png)no-repeat center !important;
}*/
.flottant.fixed-top a.networks_google{
    /*background: #a4293d url(../images/google-pl.png) no-repeat center!important;*/
    order: 3
}

.flottant.fixed-top .networks_linking a:hover,.flottant .tel-pl:hover{
    background-color: #838383 !important;
    color: #fff !important;
}
.flottant.fixed-top .fa {
    font-weight: 300!important;
}

.flottant .telephone-pl>a,.flottant .mail-pl>a {
    display: block;
    height: 100%;
    width: 100%;
}
.flottant .mail-pl a, .flottant .telephone-pl a {
    display: block;
    font-size: 0
}  
.plugins {
   /* position: absolute;
    top: 0;
    right: 0;*/
    color: white;
 /*   margin-top: -264px;*/
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2em;
    text-transform: uppercase;
    cursor: pointer;
    background: #a4293d;
    border-radius: 0;
    width: 50px;
    height: 229px;
    font-family:"Karla", sans-serif;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    padding: 8px;
    pointer-events: all;
    letter-spacing: 0em;
}
.plugins .tel-cell {
transform: rotate(270deg);
    white-space: nowrap;
}
.plugins span.txt {
    margin-left: -190px;
    text-transform: none;
}
.plugins span.txt a {
	position: relative;
	text-decoration: none;
    text-transform: uppercase;
	color: white;
	font-size: 20px;
}
.plugins:hover span.txt a {
    color: white;
    text-decoration: none;

}
.plugins:hover, div#plugin1:hover {
    color: white;
background:#838383 ;
}
/********************************************************************************************************************************************************************/
/*****************************table*****************************/
/*************************/
table {
    background-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table-content td {
    padding: 5px 10px;
    border: 1px solid rgb(0 0 0 /10%);

}
table.table-content {
    width: 100%;
    margin-bottom: 20px;
    background: rgb(0 0 0 /10%);
}
table.table-vin td:nth-child(2) {
    width: 90px;
    font-weight: 700;
    text-align: center;
}
table.table-vin td:last-child {
    width: 25%;
}
.table-content tr:first-child {
    background: #a4293d !important;
    color: white!important;
  text-transform:none !important;
  font-size:18px;
  text-align:center;
}
.table-content tr:first-child h4 {
    color: white!important;
    margin: 0;
}
.table-content tr:first-child h4 strong {
    font-weight: 400;
}
.table-content tr:first-child td p,.table-content tr:first-child td h2,.table-content tr:first-child td h3 {
    color: white!important;
}
table.table-responsive.table-content td p {
    margin: 0;
}
.table-content td:first-child {
    /*width: 40%;*/
}
.table-content td:last-child {
   text-align:center;

}
.table-content tr:hover {
    background:  rgb(164 41 61 /20%);
}
.table-content .readmore{padding:0 !important ;
background-image:none!important;
margin:0 auto!important;}

.wpb_wrapper table {
    margin: 0 auto 30px;
}
.wpb_wrapper table th, .wpb_wrapper table td {
    padding: 10px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    border-color: #eee;
}
.wpb_wrapper table th {
    font-weight: 700;
    background: #f9f9f9;
    box-shadow: inset 0px 4px 3px -2px rgba(0, 0, 0, .04);
}
.mobile-menu ul ul {
    display: none;
    padding-left: 20px; /* Optionnel : Pour décaler les sous-menus */
}

/* Animation pour afficher/masquer le sous-menu */
.mobile-menu ul li.active > ul {
    display: block; /* Afficher le sous-menu lorsque le parent est actif */
}
.mobile-menu ul li .arrow {
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #fff;
    margin-bottom: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;
    position: absolute;
    right: 10px;
    top: 18px;
      transform: rotate(180deg); /* Flèche vers le haut */
}
.mobile-menu li{
  position:relative;
}
.mobile-menu a#menu-corps {
    margin-right: 26px;
}

/* Masquer les sous-menus par défaut */
.mobile-menu ul ul {
    display: none;
    padding-left: 20px;
}

/* Affichage du sous-menu quand l'élément parent a la classe "active" */
.mobile-menu ul li.active > ul {
    display: block;
    transition: all 0.3s ease;
}

/**********************************/
@media only screen and (max-height : 700px) {
div#logo img {
 
    max-height: 250px;
}
  section.banner .marketing-wrapper {

            top: 50px;
        transform: none;
   
}

}
@media only screen and (max-width : 1199.98px) {
  .is-sticky nav.main-nav div#logo {
    display: none;
}
  header.top .grid-header {

    grid-template-columns: auto;
    justify-content: center;
    align-items: center;

    justify-items: center;
 /*   padding-bottom: 0;*/
}
.nav.nav2 li#menu_20, .nav.nav2 li#menu_7, .nav.nav2 li#menu_1{
   display: inline-block;
}
   .nav.nav1 {
    display: none !important;
} 
  .sf-menu > li#menu_5:before {
    display: block;
}
    section.content {
        padding: 70px 0 60px;
    }
  header.top div#sticky-wrapper:not(.is-sticky) nav.main-nav {
    margin-top: 0;
}
  .marketing-wrapper3 {
    right: 0;
}
.nav2 .sf-menu a {
    padding: 11px 4px;
    letter-spacing: 0;
    font-size: 13px;
}
  .sf-menu > li#menu_2 a {
    padding-left: 4px;
}
  .sf-menu > li#menu_5 a ,.sf-menu > li#menu_21 a{
    padding-right: 4px;
}
.nav.nav2 {
	text-align: center;
}
   .marketing-wrapper-top:after {
    background-size: auto;
    bottom: -71px;
}
.marketing-wrapper-top {
    padding: 12px 0 15px;
}

  section.content.home-content:before,
section.content.home-content:after {
  opacity:.2
}
section.content.first {
    padding: 50px 0;
}
    .topbar .shopheader {
        margin-left: 0 !important;
    }
    .content.home-content #Shop div#ShopContent #ShopContent {
        padding: 50px 0 30px;
    }
   section.content.home-content .bloc2 .grid-home {
    grid-template-columns: 40%  auto;
    grid-gap: 50px;
}
  section.content.home-content {
/*    padding: 60px 0 0px;*/
     padding: 50px 0 ;
  }
 
section.boxs:before,section.boxs:after {
   opacity: .2;
}
section.gallery-home #galhome a.highslide {
    margin: 40px 0;
}
  section.gallery-home .highslide-gallery .highslideContainer a.highslide:hover {
    transform: scale(1.2, 1.2);
}
  section.gallery-home .slick-dots {
    bottom: -30px;
}
  section.marques {
    padding: 50px 0 60px;
}
  .footer:before {
    opacity: .3;
}
    section.pictos {
        padding: 50px 0;
    }
 section.content-wrapper.content.webshop-content.home-content.produit-part {

    padding: 50px 0 110px;

}
  section.modules:before,section.modules:after {
    opacity:.2
}

  section.boxs {
        padding: 50px 0 50px;
       
    }
  section.boxs .slick-dots {

    bottom: -30px;

}
  section.maps-footer-part {
    height: 300px;
}
  section.formhome {
    padding: 50px 0;
}
  section.modules .slick-dots {
    width: 50%;
}
  section.content-cta {
    padding: 200px 0 50px;
}

section.modules {
    padding: 50px 0 25px;
}
  section.avis article.box-avis-part {
    padding: 50px 0;

}
    section.gallery-home {
        padding: 50px 0  ;
    }

  section.news #AllNews {
    grid-template-columns: repeat(2, 1fr);
  }
.footer {
    padding: 50px 0;
}
section.banner:before {
    background-size: auto;
}
}
@media only screen and (max-width : 991.98px) {
  
  section.banner .marketing-wrapper div#logo {
    text-align: center;
  }
  
.marketing-wrapper1 {
    padding-bottom: 0;
  min-height: 100px;
}
  header.top .grid-header {
    border-bottom: none;
    margin: 0 auto 20px;
}
  .is-sticky nav.main-nav .grid-header {
    display: none;
}
  section.banner {
  height:750px;
}
section.banner.small{
  height:650px;
}
  .middle-part {
    text-align: center;
}
  .middle-part .grid-header-middel {
    display: block;
}
  header.top .grid-header {

    padding-bottom: 0;
}
.middle-part .adr {
    padding: 22px 0 0 0;
    background-position: top center;
}
  .middle-part .tel {
    padding: 22px 0 0 0;
    background-position: top center;
    margin-top: 10px;
}
  .marketing-wrapper-top .grid-header-top {
    grid-template-columns: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
}
  .marketing-wrapper-top .grid-header-top .adr,.marketing-wrapper-top .grid-header-top .header-tel {

    padding: 22px 0 0 0;
    background-position: top center;
}
  header.top .networks_linking {

    margin: 0px auto;

  }
   .marketing-wrapper:before {
      background-size: auto;
  }
    .header-vcard .vcard {
        grid-template-columns: 1fr;
        grid-gap: 10px;
        text-align: center;
    }
 

   section.boxs .bx-home {
    padding: 40px 15px 20px;
}
   	section.content.home-content:before, section.content.home-content:after {
        width: 100px;
    }
  
    .call-to-action {
        margin: 0 auto;
        display: table;
    }
   
    .marketing-wrapper .grid-header {
      
        grid-template-columns: 1fr;
       
    }
    .marketing-wrapper .grid-header:before{
        display: none;
    }

  .is-sticky nav.main-nav {
    padding: 0;
    box-shadow: none;
}
    header.top nav.mobile-nav{
        display: block;
        border: 2px solid #fff;
        position: fixed;
        right: 10px;
        top: 10px;
    }
    
    header.top div.nav/*, div#sticky-wrapper:not(.is-sticky) nav.main-nav*/ {
        display: none;
    }
    header.top div#sticky-wrapper.is-sticky nav.mobile-nav {
        top: 10px;

    }

  header.top .header-grid nav.mobile-nav {
    display: inline-block;
    text-align: right;
    font-size: 2em;
  }
 
section.content.home-content .bloc1 .grid-home,section.content.home-content .bloc2 .grid-home {
    display: block;

}
section.content.home-content .bloc1 {
    margin: 0 0 30px;
}
section.content.home-content .content-home {
    padding: 0;
}
section.content.home-content  .grid-home .photo-home > div:first-child {
    position: relative;

}
section.content.home-content .grid-home .photo-home {

    display: table;
    margin: 0 auto 30px;
    max-width: 480px;
}
  section.content.first .bloc1 .grid-home,section.content.first .bloc2 .grid-home {
    display: block;

}
section.content.first .bloc1 {
    margin: 0 0 30px;
}
section.content.first .content-home {
    padding: 0;
}
section.content.first  .grid-home .photo-home > div:first-child {
    position: relative;

}
section.content.first .grid-home .photo-home {

    display: table;
    margin: 0 auto 30px;
    max-width: 480px;
}
     /**********************************************/
  .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items, .bx-mois #Items {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-flow: row wrap!important;
    flex-flow: row wrap!important;
    margin: 0 -1.5%!important;
}
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem, .bx-mois #Items .ProdItem {
    -webkit-flex: 0 0 31.3% !important;
    flex: 0 0 31.3% !important;
    margin: 10px 1% !important;
    width: 31.3%!important;
} 

  section.news #AllNews figure.Item figcaption {
/*    padding: 45px 20px 24px;*/
  }
    section.news #AllNews figure.Item figcaption .text-news {
        padding: 38px 10px 0px;
    }
    section.news #AllNews figure.Item {
        grid-template-rows: 300px 1fr;
    }
  
      
section.content.first .grid-content-part {

    grid-template-columns: auto;
    gap: 20px;
}
  section.content-cta h3 {

    font-size: 22px;
}
 section.content-cta h2 {

    font-size: 45px;
}
   /******************/

section.avis .avis-grid {
    display: block;
}
section.avis  .photo-avis > div:first-of-type {
    position: relative;
}
section.avis .avis-grid .photo-avis {
    max-width: 480px;
    margin: 0 auto 30px;
}
section.avis article.box-avis-part {
    padding: 0;
}
    section.avis .slick-prev{
    top: inherit!important;
    left:50% !important;
    bottom: -145px!important;
      margin-left:-70px!important
}
 section.avis .slick-next {
    top: inherit!important;
    left: 50% !important;
    bottom: -145px!important;
    margin-left:15px!important

}
  section.avis h2 {
    text-align: center;
}
  section.avis .guestbook-messages .gb-content .gb-entry .gb-info {

    margin: 51px auto 0;
}
  section.avis .guestbook-messages .gb-content .gb-entry {

    text-align: center;
}
  section.avis a.lireplus {
    margin: 41px auto 0;
}
  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 {
    text-align: center;
}
  section.avis .guestbook-messages .gb-content .gb-entry .gb-info {
    width: 100%;
}
  section.avis .guestbook-messages .gb-content .gb-entry:before {
    right: 0;
    left: 0;
    margin: 0 auto;
}
  /******************/
  /*****/
section.modules {
    padding: 50px 0 90px;

}
  section.modules #NewsSlider .NewsItem img.img-news-list {
   /* max-width: 467px !important;
    height: 467px !important;*/
    margin:0px auto ;
}

  section.modules .img-news-home {
    margin: 0 auto 30px;
    display: table;
}
section.modules #NewsSlider .slick-dots, .itemSlider .slick-dots {
    bottom: -41px;
    left: 0px;
    width: 100%;
    right: 0;
    text-align: center;
    max-width: 100% !important;
}
  section.modules .news-text {
    max-width: 100%;
    text-align: center;
    margin: 50px 0 0 0;
}
  section.modules .NewsMasonry .NewsItem .readmore {
    margin: 33px auto 0;
}
    section.modules .slick-prev{
    top: inherit!important;
    left:50% !important;
    bottom: -65px!important;
      margin-left:-70px!important
}
 section.modules .slick-next {
    top: inherit!important;
    left: 50% !important;
    bottom: -65px!important;
    margin-left:15px!important

}
  /*******/
  
  .formhome h2{
    text-align: center;
  }
  /*.footer .networks_linking {

    margin: 0 auto 10px;

}*/
  .footer-maps {

    height: 250px;

}
  .footer {
      
    text-align: center;
  }
    .footer .footer-card {
        margin: 0;
    }
    .footer .footer-card .footer-tel, .footer .vcard .footer-tel, .footer .footer-card .adr, .footer .vcard .adr, .footer .horaires {
        padding:85px 0 0;
        background-position: center top;
        text-align: center;
    }
.footer .btn-net {
    margin: 0 auto;
    justify-content: center;
}
    .footer .footer-card.card1 {
        order: 0;
    }
    
    .footer .footer-card .footer-tel{
        line-height: 24px;
    }
   
    .footer .networks_linking {
    margin: 0 auto;
}
    .footer .grid-footer {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

  section.content.content-pag .grid-part {
    display: block;
  }
section.content.content-pag .grid-part .img-grid img, .image-left {
    display: block;
    margin: 0 auto 20px;
    max-width: 480px;
    height: 300px;
    position: relative !important;
          float: none;
}
  section.content.content-pag .grid-part .txt-grid {
    padding: 0;
}
    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;
    }
   
    
   section.content-cta::after {
	background-size: auto 100%;
	background-position: right top;
	height: 120px;
} 

  section.marques .slick-dots {

    bottom: -26px;

}
  .wpb_wrapper table {
	margin: 0 auto 30px;
	width: 100% !important;
	display: block;
	overflow-y: scroll;
}
  div#sticky-wrapper {
    height: auto !important;
}
}
@media only screen and (max-width : 767.98px) {
  header.top .grid-header .tel {
	display: table;
	margin: 0 auto;
}
  header.top .grid-header .grid-header-info {
    grid-template-columns: auto;
    gap: 20px;
}
.marketing-wrapper .title {
   font-size: 24px;
        line-height: 45px;
}
.middle-part .adr .street-address {
    display: block;
}
  .middle-part .adr sep {
    display: none;
}
    span.street-address {
        display: block;
    }
    span.street-address+sep {
        display: none;
    }
    .content ul.bottom {
        margin-bottom: 0;
    }
  
    ul.etabs {
        grid-template-columns: repeat(2,1fr);
    }
    .middle-part {
       
        padding: 20px 0;
    }

    .topbar .shopheader > div{
        float: left !important;
    }
   .marketing-wrapper2 {
        top: 100px;
        transform: none;
      
        margin: 0 auto;
        
    }
  .marketing-wrapper3 {
      left: 0;
      top: unset;
      transform: none;
      bottom: 40px; 
      z-index: 1;
  }
  
/*
  .grid-topbar {
    grid-template-columns: 1fr;
    text-align: center;
    grid-gap: 15px;
  }
*/
  .top-header.interne .grid-topbar {
    grid-template-columns: 1fr;
  }
  .top-header .topbar {
    float: none;
  }
  .topbar .shopheader{
    margin: 0 auto!important;
    display: grid !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;
}*/
    .content.webshop-content.home-content .btn-bloc-grid {
    grid-template-columns: auto;
}
   
  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;
  }

  .contactForm .gdpr_policy label {
    display: inline !important;
  }

  /*********************************/
  section.avis {
    padding: 50px 0 85px;
}
  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 {
    text-align: center;
}
  section.avis .slick-slider {
    padding: 0 0;
}
  section.avis .guestbook-messages .gb-content .gb-entry .gb-info {
    width: 100%;
}
  section.avis .guestbook-messages .gb-content .gb-entry:before {
    right: 0;
    left: 0;
    margin: 0 auto;
}
section.avis .slick-next {
    right: inherit;
    top: inherit;
    left: 50%;
        width: 66px;
        height: 45px;
    margin: 0 0 0 15px;
    bottom: -190px;
}
  section.avis .slick-prev {
    left: 50%;
    top: inherit;
        width: 66px;
        height: 45px;
    margin: 0 0 0 -70px;
    bottom: -190px;
}
  /********************************/
  .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name {

    float: none !important;
}
  .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name {

    float: none !important;
}
  section.avis .fa-calendar:before, section.avis .fa-clock-o:before {
    content: " ";
    margin: 0;
}

  section.modules .news-title sep {
    display: none;
}
 
  section.modules .box-actualite .news-title a, section.modules .box-actualite .date {

    display: block;
}
  section.modules .box-actualite span.sep {
    display: none;
}
  section.content  .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name, section.content  .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
    display: block;
}
    section.content .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
    float: none;
    margin-left: 0;
}
section.content .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-date{
    margin-left: 0;
}
  section.content .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name {
    float: none;
}
 div#contact-field-id_mail.two-column {
    padding-left: 0;
}
  .contactForm .two-column:nth-child(odd) {
    padding-left: 0;
}
  .contactForm .two-column:nth-child(even) {
    padding-right: 0;
}
  section.avis .fa-calendar:before, section.avis .fa-clock-o:before {
    content: " ";
}
  
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 !important;
    display: block;
}  
  section.content.content-pag .grid-part.part2 .img-grid iframe {
    height: 400px;
}
  .guestbook-form form.contactForm .two-column {
    width: 100%;

    float: none;
}
  .formhome form.contactForm .cols {
    display: block;
 
}
  .formhome .contactForm .gdpr_policy {
    margin: 20px auto;
    text-align: center;
    float: none;
}
  .formhome .contactForm .contact-submit {
    float: none;
    clear: both;
    text-align: center;
    margin: 18px auto 0;
}
     .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items, .bx-mois #Items   {
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 15px;
           margin: 0 !important;
    }
     .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem, .bx-mois #Items .ProdItem  {
    width: 100%!important;
}
}
@media only screen and (max-width : 480px) {/*(max-width : 

  575.98px) {*/
  section.content.home-content .photo-home img {
	width: 100% !important;
}
  header.top .grid-header .call-to-action {
	width: 250px;
	background-position: right 22px center;
}
.marketing-wrapper .title {
           font-size: 22px;
        line-height: 38px;
}
section.content a.readmore{
      font-size: 13px;
  }
    .contactForm .form-submit-button {
        padding: 12px 20px!important;
    }
    .header-vcard {
        padding: 48px 0 8px;
    }
   
    span.street-address+sep {
        display: none;
    }
    span.street-address {
        display: block;
    }
    ul.etabs {
        grid-template-columns: repeat(1,1fr);
    }
    section.content-cta h2 {
    font-size: 24px;
}    section.content-cta h3 {
  font-size: 17px;}
    section.modules #NewsSlider .NewsItem img.img-news-list {

    min-height: 250px;

}
  .footer .networks_linking {

    margin: 0 auto;
}
  .footer .btn-net {

    grid-template-columns: auto;

}
.marketing-wrapper-top {
    padding: 47px 0 15px;
}

  section.boxs .slick-next, section.boxs .slick-prev, section.modules .slick-next, section.modules .slick-prev {
        margin-top: 0;
        top: unset;
        bottom: -65px;
		left : 50%;
    	right : unset;
    }
   section.boxs .slick-next, section.modules .slick-next{
     	margin-left : 5px;
  }
   section.boxs .slick-prev, section.modules .slick-prev{
     	margin-left : -45px;
  }
  section.modules .slick-next, section.modules .slick-prev{
    bottom : -100px;
  }
  section.modules .box-actualite {
    min-height: 382px;
    padding: 43px 10px 10px;
}





section.gallery-home h2, section.pictos h2 {
    font-size: 33px;
}

/*
  .marketing-wrapper1 {
    top: 80%;
  }
*/
  .topbar .toplogin::after{
    right: 50%!important;
      margin-right: -20px;
  }
  .topbar .toplogin{
    margin-right: -110px !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;
  }
    section.avis h1 {
        font-size: 40px;
    }
    
    .gb-page-content.gb-page-content-0.slick-initialized.slick-slider .slick-slide {
        margin: 0;
    }
/*
  .content.webshop-content.home-content .readmore {
    width: 240px;
  }
*/
section.boxs h2, section.marques h2 {
    font-size:45px;
}
 section.boxs .bx-home .bx-text h4 {
    font-size: 40px;
}   
 /* section.content .contactForm .g-recaptcha {
    -webkit-transform: scale(.76);
    transform: scale(.76);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }*/
  .footer .footer-logo {
    max-width: 100%;
  }
  header.top div#logo img {
    max-width: 100%;
  }
  
/*
    section.modules .box-actualite .news-title a, section.modules .box-actualite .date {
        line-height: 23px;
        font-size: 15px;
        letter-spacing: 0.03em;
    }
    section.modules .box-actualite .news-title {
        min-height: 84px;
    }
    section.modules .box-actualite .NewsItem-text {
        padding: 50px 3px 75px;
    }
    section.modules .box-actualite .NewsMasonry .NewsItem p {
        margin: 0 auto 23px;
        min-height: 84px;
    }
*/
    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;
  }  
  
  section.news #AllNews figure.Item figcaption {
    padding: 40px 15px 50px;
  }
  input[type=file] {
    font-size: 12px;
  }
    
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 35px;
  }
    h3 {
    font-size: 30px;
  }
     #Shop div#Sidebar, #Shop div#Sidebar.active{
        max-width: 280px!important;
    }
  .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items, .bx-mois #Items   {
        grid-template-columns: repeat(1, 1fr);
  }
}