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

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
    ## Superfish
    ## Mobile navigation
--------------------------------------------------*/

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

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

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

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

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

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







/*--------------------------------------------------
# General
--------------------------------------------------*/
section.box-avis img {
    margin: 50px auto 0;
    max-height: 100px;
}
#ProdNav {
  height: 30px;
  margin-bottom: 10px;
}
/******/
.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: #1a1a1a;
    font-family: 'Hind', sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

a {
    color: #287dc1;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #287dc1;
    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: 'Hind', sans-serif;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}
h1 {
    font-size: 52px;
}
h2 {
    font-size: 42px;
}
h3 {
    font-size: 34px;
}
h4 {
    font-size: 28px;
}
h5 {
    font-size: 24px;
}
h6 {
    font-size: 20px;
}
hr {
	border-color: #287dc1;
}
/***********/
/******************* flottant *******************/
.fa-tiktok:before {
    content: "\e07b";
    font-family: "Font Awesome 5 Brands";
}
.flottant {
    position: fixed;
    right: 0;
    top: 28%;
    z-index: 101;
    pointer-events: none;
}
.flottant .networks_linking {
  text-align: center;
  float: right;
  margin: 0;
  display: grid;
  clear:both;
}
.flottant .networks_linking a {
  display: block;
  width: 46px;
  height: 50px;
  border-radius: 5px 0 0 5px;
  /*background: #ff8717!important;*/
  color: #fff;
  background: #287dc1!important;
  border: none;
  font-size: 21px;
  margin: 0 0px 11px ;
  line-height: 50px;
  pointer-events: auto;
  position: relative;
}

.flottant .fa-google:before{
  display: none;
}  
.flottant a.networks_google{
  background: #eee url(../images/icon-google.png) no-repeat center!important;
   
  order: 3;
}
.flottant a.networks_google:hover{
  /*    background-image: url(../images/icon-google-h.png) !important;*/

}

.flottant .networks_linking a:hover{
  
  
  background-color: #eee !important;
  color: #fff !important;
  
}
.flottant #log-recyc a {
       display: block;
    width: 46px;
    height: 50px;
    border-radius: 5px 0 0 5px;
    margin: 0px 0 10px;
    color: #fff;
    border: none;
    font-size: 0px;
    margin: 0 0px 10px;
    line-height: 50px;
    pointer-events: auto;
    position: relative;
    /*background-size: 50px!important;*/
}
.flottant #log-recyc {
	max-width: 47px;
      clear: both;
    float: right;
}
.flottant .fa {
  font-weight: 300!important;
}
.flottant .networks_linking a.networks_facebook {
	background: #1877F2 !important;
}
.flottant .networks_linking a.networks_instagram {
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
}
.flottant .tel {
    text-align: center;
    float: right;
    margin:  0 0;
    display: grid;
    clear: both;
}
.flottant .mail {
    text-align: center;
    float: right;
    margin:  0 0;
    display: grid;
    clear: both;
}
.flottant .mail a {
       display: block;
    width: 46px;
    height: 50px;
    border-radius: 5px 0 0 5px;
    margin: 0px 0 10px;
    background: #287dc1 url(../images/icon-mail.png)no-repeat center center!important;
    color: #fff;
    border: none;
    font-size: 0px;
    margin: 0 0px 10px;
    line-height: 50px;
    pointer-events: auto;
    position: relative;
    /*background-size: 50px!important;*/
}

.flottant .tel a {
       display: block;
    width: 46px;
    height: 50px;
    border-radius: 5px 0 0 5px;
    margin: 0px 0 10px;
    background: #f9423a url(../images/icon-tel2.png)no-repeat center center!important;
    color: #fff;
    border: none;
    font-size: 0px;
    margin: 0 0px 10px;
    line-height: 50px;
    pointer-events: auto;
    position: relative;
    /*background-size: 50px!important;*/
}

.flottant .tel a:hover {
/*    background-color: #fff !important;*/
    font-size: 20px;
    width: 230px;
    padding-left: 80px;
    text-align: left;
  background: #f9423a url(../images/icon-tel2.png)no-repeat 20px center!important;
}
/****************/
/*
header.top {
    
    position: relative;
    padding: 14px 0;
    background: #287dc1;
    color: #fff;
}
*/

header.top .vcard {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    grid-gap: 15px;
    margin: 16px 0 0;
}

header.top .vcard .horaires {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-left: 68px;
    background: url(../images/icon-hor.png)no-repeat left center;
    line-height: 24px;
}
header.top .vcard .horaires p{
    margin-bottom: 0;
}
header.top .vcard .adr .locality {
    text-transform: uppercase;
}
header.top .vcard .adr {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    padding: 4px 0 4px 27px ;
    background: url(../images/icon-map.png)no-repeat left center;
    line-height: 24px;
    font-family: "Hind", sans-serif;
}
header.top .vcard .footer-tel {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    padding: 4px 0 4px 40px ;
    background: url(../images/icon-tel.png)no-repeat left center;
    line-height: 24px;
    font-family: "Hind", sans-serif;
}

header.top .vcard .tel a{
    text-decoration: none !important;
    color: #ffffff;
   
/*           display: table;*/
}
header.top .vcard .tel a:hover{
    background-color: #287dc1;
}

header.top .networks_linking {
    text-align: center;
    display: table;
    margin: 0 0 0 53px;
}

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

header.top {
    position: relative;
    
}
header.top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgb(255 255 255/90%);
    transform: translateY(-100%);
    transition: transform .6s;
    border-bottom: 2px solid #000;
}
header.top.sticky .header-center .logo a svg {
    fill: #fff;
}

header.top .container-fluid{
    max-width: 1560px;
}
header.top .header-part {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
   
.header-part.small{
      position: relative !important;
border-bottom: 3px solid #287dc1;
}


header.top  .grid-header{
    display: grid;
    grid-template-columns: auto auto;
    /*justify-content: space-between;*/
  grid-gap:30px;
    align-items: center;
}
/*
header.top.sticky a {
    color: #222222;
}
*/
header.top .header-part .footer-tel {
	order: -1;
  
    position: relative;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    padding-left: 53px;
    background: url(../images/icon-tel.png)no-repeat left center;
    color: #fff;
}

header.top .header-part  .tel a{
  color: #fff;
  text-decoration: none;
}
header.top .header-part  .tel a:hover{
  color: #287dc1;
}
header.top .header-part .horaires{
   line-height: 24px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
   padding-left: 53px;
    background: url(../images/icon-hor.png)no-repeat left 3px;
  font-family: 'Hind', sans-serif;
}
header.top .header-part .horaires p {
    margin-bottom: 0;
}
header.top.sticky {
    height: auto;
    padding: 5px 0;
}
header.top.sticky div#logo img {
    width: 140px;
}
header.top.sticky .sf-menu > li > a {
    padding: 15px 14px;
}
header.top.sticky .sf-menu > li {
    margin: 0;
}
header.top.sticky div#logo {
    margin: 0 auto;
}
header.top.sticky.sticky-appear {
    transform: translateY(0);
}
.has-lightbox header.top.sticky.sticky-appear {
    transform: translateY(-100%);
}

div#sticky-wrapper:not(.is-sticky) nav.main-nav {
/*    margin-top: 36px;*/
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
  width:100%!important;
}
header.top .header-left {
    text-align: left;
}
header.top .header-center {
    text-align: center;
}
header.top .header-center .logo a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
}
header.top .header-center .logo a svg {
    height: 50px;
    margin-bottom: 5px;
}
header.top .header-center .logo a span {
    position: relative;
    padding-top: 5px;
    display: inline-block;
}
header.top .header-center .logo a span::before {
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    top: 0;
    height: 1px;
    display: block;
    background: #d70007;
}
header.top .header-right {
    text-align: right;
}
header.top nav.mobile-nav {
    display: none;
}
header.top div#logo {
    margin: 27px auto;
    text-align: center;
    z-index: 1;
}

section.banner {
    position: relative;
    /*height: calc(100vh - 150px);*/
    margin: 0;
    height: 890px;
    overflow: hidden;
}
section.banner.small {
    height: 550px;
}
.diy-slideshow {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* margin-left: -177px; */
    /* width: 51.93%; */
    z-index: 0;
    overflow: visible !important;
}
.diy-slideshow:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/slide.png)no-repeat center top;
    z-index: 2;
    background-size: cover;
}
.diy-slideshow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 107px;
    background: url(../images/after-slide.png)no-repeat center bottom;
    z-index: 2;
    background-size: 100% 100%;
}
/*
.diy-slideshow figure{
    top: 0;
    bottom: 64px;
    left: 50%;
    margin-left: -177px;
    width: 51.93%;
}
*/
.marketing-wrapper2 {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 33%;
    text-align: center;
    transform: translateX(-50%);
/*    background: rgb(0 0 0 / 80%);*/
    
}
.marketing-wrapper .title {
    color: #fff;
    padding: 0px 0;
    line-height: 1.2em;
    font-size: 48px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
	text-transform: none;
	margin-bottom: 37px;
    text-shadow: 0 0 10px rgb(26 26 26/20%),0 0 10px rgb(26 26 26/20%);
}
.marketing-wrapper .title strong {
    font-size: 87px;
      color: #000;
    text-transform: uppercase;
    margin-top: 30px;
    display: block;
      text-shadow: none;
}
.marketing-wrapper .title p,.marketing-wrapper .argument p {
    margin: 0;
}
.marketing-wrapper .argument {
    
    color: #fff;
    padding: 0px 0;
    line-height: 1.2em;
    font-size: 33px;
    font-weight: 500;
	margin-bottom: 20px;
    text-shadow: 0 0 10px rgb(26 26 26/20%),0 0 10px rgb(26 26 26/20%);
}
.marketing-wrapper2 .title small{
    font-weight: 400;
    font-size: 100% !important;
}
.marketing-wrapper {
    position: absolute;
   /* top: 50%;*/
  top: 37.5%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
   /* margin-top: -30px;*/
    z-index: 1;
    text-align: center;
}
.marketing-wrapper1 {
    position: absolute;
   /*top: 56%;
    transform: translateY(-50%);*/
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    bottom: 37.5%;
}

.marketing-wrapper1 .cta-btns{
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 25px;
	justify-content: center;
      margin-left: 35px;
}
.call-to-action {
    position: relative;
    display: block;
    cursor: pointer;
    width: auto;
    height: auto;
    font-size: 17px;
    font-family: 'Montserrat',sans-serif;
    line-height: 25px;
    font-weight: 500;
    border-radius: 50px;
    color: #fff;
  /*  background: #cc0a10;*/
  background: #000;
   
    padding: 16px 55px 15px;
    border: none;
    margin: 10px 0 0;
    float: none;
    text-decoration: none;
  background-position: left center;
}
a.call-to-action.header-scroll-arrow{
  /* background: #287dc1;*/
   background: #fff;
  color:#000;
}
.call-to-action:hover,a.call-to-action.header-scroll-arrow:hover{
    background: url(../images/icon-cta.png)no-repeat calc(100% - 36px) center #000;
    color: white;
    padding-right: 79px;
}

.call-to-action p{
    margin: 0;
}
/************/
header.top .networks_linking {
    text-align: center;
    display: table;
    margin: 0px 0 0;
}

header.top .networks_linking a {
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin: 0px;
    background: transparent;
    color:#f9423a;
    border: 1px solid #f9423a;
    font-size: 14px;
    margin: 0 4px;
    line-height: 31px;
    
}

header.top a.networks_google  .fa-google:before {
    content: ""!important;
}
header.top a.networks_google {
    float: right;
    background:  url(../images/icon-google.png)no-repeat center!important;
}
header.top a.networks_google:hover {
    background-image:  url(../images/icon-google-h.png)!important;
}
header.top .networks_linking a:hover {
    background-color:#287dc1!important;
    border-color:#287dc1!important;
    color: white!important;
}


header.top .fa {
    font-weight: 300;
}
/***********/
.nav-bar1 .sf-menu li:nth-child(4), .nav-bar1 .sf-menu li:nth-child(5), .nav-bar1 .sf-menu li:nth-child(6) {
    display: none;
}
.nav-bar2 .sf-menu li:nth-child(1), .nav-bar2 .sf-menu li:nth-child(2), .nav-bar2 .sf-menu li:nth-child(3){
    display: none;
}

.is-sticky nav.main-nav {
      margin: 0;
    background: rgb(255 255 255/90%);
    z-index: 99;
    left: 0;
    right: 0;
    width: auto!important;
    text-align: center;
      border-bottom: 2px solid #000;
      padding:5px 0;
}


/*section.banner #Slider {
    position: relative;
    min-height: 0 !important;
}
section.banner #Slider:not(.slick-slider) {
    display: none;
}
section.banner #Slider::before,
section.banner #Slider::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #fff;
    z-index: 2;
}
section.banner #Slider::before {
    left: 0;
}
section.banner #Slider::after {
    right: 0;
}
section.banner #Slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    z-index: 10;
    background: #000;
    width: 35px;
    height: 100px;
    color: #fff;
    font-size: 0;
    transition: background .6s;
}
section.banner #Slider .slick-arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
section.banner #Slider .slick-arrow polyline {
    stroke-width: 3;
    transition: stroke-width .6s;
}
section.banner #Slider .slick-arrow:hover polyline {
    stroke-width: 6;
}
section.banner #Slider .slick-arrow:hover {
    background: #d70007;
}
section.banner #Slider .slick-arrow.slick-prev {
    left: 5px;
}
section.banner #Slider .slick-arrow.slick-next {
    right: 5px;
}
section.banner #Slider .highslideContainer {
    position: relative;
    float: none;
    padding: 0 5px;
    opacity: 1 !important;
    display: block !important;
}
section.banner #Slider .highslideContainer .highslide {
    display: block;
    overflow: hidden;
}
section.banner #Slider .highslideContainer .highslide::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
section.banner #Slider .highslideContainer .highslide img {
    width: 100%;
    height: calc(100vh - 150px);
    object-fit: cover;
    transform: scale(1);
    transition: transform .6s;
}
section.banner #Slider .highslideContainer .highslide:hover img {
    transform: scale(1.05);
}
section.banner #Slider .highslideContainer .highslide-caption {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
    padding: 40px 20px;
    display: block;
    background: #000;
    color: #fff;
    font-family: 'Hind', serif;
    font-size: 1.5em;
    text-align: center;
    transform: translateY(100%);
    transition: transform .3s;
    pointer-events: none;
}
section.banner #Slider .highslideContainer .highslide:hover ~ .highslide-caption {
    transform: translateY(0);
}
section.banner #Slider .highslideContainer .highslide-caption strong {
    display: inline-block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Hind', sans-serif;
    font-size: .6em;
}
section.banner .holder {
    display: none;
}
section.banner.small {
    background: #000;
    min-height: 300px;
}
section.banner.small #slideshow {
    height: 300px;
}
section.banner.small #slideshow figure::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
}
section.banner.small header.page-title {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
}
section.banner.small header.page-title h1 {
    margin: 0;
}
section.banner.small header.page-title h1 span {
    font-family: 'Hind', sans-serif;
    font-size: .4em;
    line-height: 2em;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #d70007;
}
section.banner.small header.page-title h1 span:last-child {
    font-family: 'Hind', serif;
    text-transform: none;
    font-weight: normal;
    font-size: 1.15em;
    line-height: 1.5em;
    letter-spacing: 0;
    border: none;
}
section.banner.small .NewsItemBackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .3;
    background: center no-repeat;
    background-size: cover;
}
section.banner.small .box_googlemapsv2 {
    height: 400px;
    opacity: .8;
    filter: grayscale(1);
    transition: filter .8s;
}
section.banner.small:hover .box_googlemapsv2 {
    filter: grayscale(0);
}
section.banner.small .box_googlemapsv2 ~ header.page-title {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    text-align: center;
    margin: 0 auto;
}
*/
section.content{
    position: relative;
  padding: 50px 0;
}

section.content article{
    position: relative;
    z-index: 1;
}
section.content p{
        margin: 0 0 1.5em;
/*    letter-spacing: 0.015em;*/
}
section.content p strong{
     font-weight: 700;
}
section.content h2, section.content h3, section.content h4, section.content h5, section.content h6{
   position: relative;
  padding-bottom: 15px;
  margin: 0;
  
}
section.content h1 {
   position: relative;
/*    padding-top: 100px;*/
   margin: 0 0 30px;
   padding-top: 65px;
    /*background: url(../images/bg-h1.png)no-repeat left top;*/
}

 section.content article  ul li {
    background: url(../images/bullet.png) no-repeat left 6px;
    line-height: inherit;
    padding-left: 20px;
    list-style: none;
    margin-left: -20px;
}
section.content  .detail-news div.text-resize ul li {
    background: url(../images/bullet.png) no-repeat left 6px!important;
    line-height: inherit;
    padding-left: 20px;
    list-style: none;
    margin-left: -20px;
}

section.content .box-light {
	
  background: #f2f2f2;
  padding: 15px;
margin: 0 0 20px;

}

section.content .box-dark {
	
 	 background: #282828;
	color: #fff;
}
.box-border-left {
background: #f2f2f2;
color: #282828;
  border-left: 8px solid #287dc1;
  padding: 15px;
margin: 0 0 20px;
  text-align: left;
}
/************** content home ***************/
section.content.content-home {
    padding: 70px 0 ;
    background: transparent;
}
section.content.content-home:before {
    content: "";
    position: absolute;
    height: 927px;
    left: 0;
    width: 460px;
    top: -32px;
    background: url(../images/before-content.png)no-repeat left top;
/*    z-index: 2;*/
    background-size: contain;
}
section.content.content-home article{
    position: relative;
     z-index: 1;
}
section.content.content-home h1{
    padding-top: 0;
    margin-bottom: 42px;
  background:transparent;
    
}
section.content.content-home .grid-content {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-gap: 20px;
    margin: 45px 0 130px;
    
}
section.content.content-home .grid-logos h5 {
    font-size: 33px;
    color: #287dc1;
    padding-bottom: 25px;
}
section.content.content-home .grid-logos .logos {
    display: grid;
    /*grid-template-columns: auto auto auto;
    grid-gap: 40px;
    align-items: center;*/
}
/***/
section.content.content-home .grid-forts .point-f:last-child {
    grid-template-columns: 265px;
}
section.content.content-home  .slick-dots {
    bottom: -38px;
}
section.content.content-home  .slick-dots li {
    padding: 0;
    background-image: none;
    margin: 0 10px;
    height: 9px;
    width: 9px;
}
section.content.content-home  .slick-dots li button {
    background: #e30613;
    height: 9px;
    width: 9px;
    padding: 0;
    border-radius: 50%;
}
section.content.content-home  .slick-dots li button:before {
    opacity: 1;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    background: transparent;
    border: 2px solid transparent;
    top: -7px;
    left: -7px;
    content: "";
}
section.content.content-home  .slick-dots li.slick-active button:before, 
section.content.content-home .slick-dots li:hover button:before {
    background: transparent !important;
    border: 2px solid #e30613;
}
section.content.content-home  .slick-dots li.slick-active button, 
section.content.content-home  .slick-dots li:hover button {
    background: #e30613;
}

/******************/
section.content.content-home .grid-forts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
   /* grid-gap: 37px 55px;*/
      grid-gap: 37px 20px;
}
section.content.content-home .grid-forts .point-f {
    display: grid;
   /* grid-template-columns: 80px 1fr;*/
      grid-template-columns: 120px 1fr;
    grid-gap: 14px;
    align-items: center;
}
section.content.content-home .grid-forts .point-f .part-nb{
    font-size: 48px;
    color: #e30613;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
        
}
section.content.content-home .grid-forts .point-f .part-txt {
    font-size: 21px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-family: "Hind", sans-serif;
    font-weight: 700;
}
section.content.content-home .home-photo.photo-equipe:before{
    display: none;
}
section.content.content-home .home-photo.photo-equipe {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 20px;
    margin: 0 35px 0 60px;
    text-align: center;
    justify-content: space-between;
}
section.content.content-home .home-photo.photo-equipe p{
    font-size: 21px;
    color: #287dc1;
    font-weight: 700;
    margin-top: 11px;
    margin-bottom: 0;
}
section.content.content-home .home-photo.photo-equipe p strong{
    text-transform: uppercase;
      display: none;
}
section.content .box-light.text-center .img-page img {
	height: 267px;
	width: 100%;
	object-fit: cover;
}
section.content .box-light.text-center h2 {
	font-size: 25px;
	margin: 15px 0;
	padding: 0;
}
section.content .box-light.text-center .readmore {
	padding: 15px 34px;
}
/**********************************************/
/*
section.content.first {
    position: relative;
    padding: 149px 0 175px;
    background: #f9423a;
    background-size: cover;
    -webkit-mask-image: url(../images/bg-section1.png);
    mask-image: url(../images/bg-section1.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
section.content.first:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right : 0;
    bottom: 0;
    background: url(../images/after-section1.png)no-repeat center fixed;
    
    background-size: cover;
}
section.content.first h2 {
   position: relative;
    color: #fff;
   margin: 0 0 24px;
    display: grid;
    padding-right: 15px;
}
section.content.first h2:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
}
section.content.first p {
    color: #fff;
    
}
section.content.first a , section.content.first a:hover{
    color: #000;
    
}
*/
section.content .home-grid {
    position: relative;
    display: grid;
    grid-template-rows: 15px 1fr 20px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0px;
    z-index: 1;
}


section.content .content-text {
        grid-row: 1 / 4;
        position: relative;
    }

section.content .content-text.content-text2 {
           order: 1;
           padding-left: 85px; 
    }
section.content .home-grid1 .content-text {
       padding-right: 85px; 
}

section.content .home-photo {
        position: relative;
        grid-row: 2 / 3;
        margin: 51px 0px 0px 37px;
    z-index: 2;
}
/*section.content .home-photo:before {
    content: "";
    position: absolute;
    top: -51px;
    right: -58px;
    left: 58px;
    bottom: 51px;
    background: #f5f5f5;
    border-radius: 40px;
}*/

section.content .home-grid1 .home-photo {
    position: relative;
    
}

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

section.content .home-grid:not(:last-child) {
    margin-bottom: 20px;
}
section.content.content-home .content-text {
    grid-row: 2 / 3;
}
section.content.content-home .home-photo {
    grid-row: 1 / 4;
}
section.content .home-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:  center;
    position: relative;
    border-radius: 40px;
    
}
section.content .video {
    position: relative;
    display: table;
    margin: 50px auto 0;
}
section.content .video iframe {
    border-radius: 40px;
}
/*
section.content.content-home article .readmore {
    padding: 15px 66px 15px 38px;
    background: #287dc1 url(../images/icon-plus.png)no-repeat 128px center;
}
section.content.content-home article .readmore:hover {

  background:#000 url(../images/icon-plus-h.png)no-repeat 128px center;
}
*/
/**************************section.services****************************/
section.services {
    position: relative;
    padding: 80px 0 60px;
    text-align: center;
    background: #f5f5f5;
}
section.services:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/bg-boxs.jpg)no-repeat center fixed;
    background-color: #f5f5f5;
    background-blend-mode: luminosity;
    opacity: 0.71;
    background-size: cover;
}
section.services h1 {
    margin: 0 0 62px;
    position: relative;
    font-size: 42px;
    color: #cc0a10;
}

section.services .grid-bx {
    position: relative;
    z-index: 2;
}
section.services .grid-bx .slick-track > div {
    margin: 0 11px;
}
section.services .grid-bx .bx {
    position: relative;
    transition: all 0.6s;
    height: 445px;
}
section.services .grid-bx a {
    text-decoration: none;
    color: #fff;
}
section.services .grid-bx .bx .text-title {
    z-index: 1;
    position: absolute;
    bottom: 26px;
    left: 24px;
    right: 24px;
    background: #0f0f0f;
    transition: all 0.6s;
    transform: translateY(0);
    border-radius: 20px;
}
section.services .grid-bx .bx:hover .text-title {
    /* display: none; */
    transform: translateY(-100px);
    opacity: 0;
}
section.services .grid-bx .bx .photo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
section.services .grid-bx .bx .photo img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}
section.services .grid-bx .bx:hover .photo img {
    border-radius: 5px;
}
section.services .grid-bx .bx a {
    text-decoration: none;
    color: #333333;
}


section.services .grid-bx .bx .text {
    opacity: 0;
    position: absolute;
    transition: all 0.6s;
    top: 23px;
    left: 24px;
    right: 24px;
    transform: translateY(-800px);
    bottom: 26px;
}
section.services .grid-bx .bx:hover .text {
    opacity: 1;
    transform: translateY(0);
}
section.services .grid-bx .bx  h2 {
    margin: 37px  0 ;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 23px;
    transition: all 0.6s;
    text-transform: none;
}

section.services .grid-bx .bx .text-title .icon-bx {
    position: absolute;
    border-radius: 50%;
    background-color: #0f0f0f;
    background-repeat: no-repeat;
    background-position: center;
    height: 118px;
    width: 118px;
    margin: auto;
    top: -84px;
    left: 0;
    right: 0;
    transition: all 0.6s;
}
section.services .grid-bx .bx.bx1 .text-title .icon-bx {
    background-image: url(../images/icon1.png);
}
section.services .grid-bx .bx.bx2 .text-title .icon-bx {
    background-image: url(../images/icon2.png);
}
section.services .grid-bx .bx.bx3 .text-title .icon-bx {
    background-image: url(../images/icon3.png);
}
section.services .grid-bx .bx .text .text-top .icon-bx {
    position: relative;
    transition: all 0.6s;
    background-repeat: no-repeat;
    background-position: center;
    height: 75px;
    width: 75px;
    margin: auto;
}
section.services .grid-bx .bx.bx1 .text .text-top .icon-bx {
    background-image: url(../images/icon1-h.png);
}
section.services .grid-bx .bx.bx2 .text .text-top .icon-bx {
    background-image: url(../images/icon2-h.png);
}
section.services .grid-bx .bx.bx3 .text .text-top .icon-bx {
    background-image: url(../images/icon3-h.png);
}
section.services .grid-bx .bx .text .text-top h2 {
    margin: 10px 0 0;
}
section.services .grid-bx .bx .text .text-top {
    position: relative;
    background: rgb(215 0 7/90%);
    padding: 42px 25px 48px;
    border-radius: 20px 20px 0 0;
}
section.services .grid-bx .bx:hover .text .text-bottom {
    position: relative;
    background: #0f0f0f;
    padding: 25px 30px 94px;
    transition: all .6s;
    height: calc( 100% - 202px);
    border-radius:  0 0 20px 20px;
}
section.services .grid-bx .bx:hover .text .text-bottom .btn-bx {
    background: #287dc1;
    display: table;
    margin: auto;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    font-weight: 500;
    font-size: 17px;
    font-family: "Montserrat", sans-serif;
    border-radius: 50px;
    padding: 9px 43px;
}
/*
section.services .grid-bx .bx:hover .text .text-bottom .btn-bx:before {
    content: "";
    position: absolute;
    background: url(../images/arrow-btn-home.png) no-repeat;
    height: 12px;
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
    right: 26px;
}
*/
section.services .grid-bx .bx:hover .text .text-bottom p {
    margin: 0;
}
/***/

section.services .slick-dots {
    bottom: -75px;
}
section.services .slick-dots li {
    padding: 0;
    background-image: none;
    margin: 0 10px;
    height: 9px;
    width: 9px;
}
section.services .slick-dots li button {
    background: #e30613;
    height: 9px;
    width: 9px;
    padding: 0;
    border-radius: 50%;
}
section.services .slick-dots li button:before {
    opacity: 1;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    background: transparent;
    border: 2px solid transparent;
    top: -7px;
    left: -7px;
    content: "";
}
section.services .slick-dots li.slick-active button:before, 
section.services .slick-dots li:hover button:before {
    background: transparent !important;
    border: 2px solid #e30613;
}
section.services .slick-dots li.slick-active button, 
section.services .slick-dots li:hover button {
    background: #e30613;
}
/**********/
section.content.first {
    position: relative;
    padding: 78px 0 80px;
}
section.content.first h1 {
    color: #e30613;
    font-size: 42px;
    text-align: center;
    margin-bottom: 45px;
    padding-top: 0;
    background: none;
    
}

/******* Accordion *******/
section.content .menu-accordion .box-light{
    background: #fff;
}
 .menu-accordion {
    border-radius: 40px;
    background: #f2f2f2;
}
 .box_acc {
  	position: relative;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(25,25,25,0.13);
    
}
 .box_acc:before {
  	position:absolute;
  	content:"";
  	top:50%;
  	transform:translateY(-50%);
  	right:42px;
  	background:url('../images/icon-plus.png') no-repeat center right;
  	width:17px;
  	height:17px;
}
 .box_acc.opendiv:before {
  	background:url('../images/icon-close.png') no-repeat center right;
  	width:17px;
  	height:17px;
}
 .box_acc:nth-last-child(2) {
    border-bottom: none;
}
 .box_acc:hover { 
    cursor: pointer; 
}
 .box_acc h3 {
    color: #1a1a1a !important;
    font-size: 19px;
    font-family: 'Montserrat', sans-serif;
    margin: 0!important;
    text-transform: uppercase;
    padding: 24px 94px 24px 52px;
}
 .box_acc.opendiv h3 {
    padding-bottom: 22px;
    padding-top: 42px;
}
 .box_acc.opendiv {
    border-bottom: none;
   
}
 .box_acc.opendiv+.show_me_acc {
    border-bottom: 1px solid rgba(25,25,25,0.13);
}
 .show_me_acc {
    display: none;
    padding: 0 94px 25px 52px;
    background: #f2f2f2;
}
 .show_me_acc p {
    -webkit-margin-before: 0;
    margin: 0;
    padding: 0;
}

/********************/
section.photo-spacer {
    position: relative;
    height: 572px;
    background: url(../images/photo-spacer.jpg)no-repeat center fixed;
    background-size: cover;
}
/*********/
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: 'Hind', sans-serif;
    font-size: .4em;
    line-height: 2em;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #d70007;
}
main.content-wrapper header.page-title h1 span:last-child {
    font-family: 'Hind', 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 #d70007;
    -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 #d70007;
    -webkit-text-fill-color: white;
}
section.boxes .boxes-grid h5 {
    text-transform: uppercase;
    font-family: 'Hind', 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;
}

/****************** modules ************/
section.news {
    position: relative;
    padding: 0 40px 0px;
    text-align: center;
}
section.news.news-home {
    padding: 90px 40px 170px;
    background: white;
    background-size: cover;
    
}
section.news.news-home h1 {
    color: #287dc1;
    margin-bottom: 58px;
}
.newsTemplate section.news {
    padding-top: 0;
}
/*section.news #AllNews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 17px;
}*/
section.news #AllNews figure.Item {
    position: relative;
    background: #d70007;
    color: #fff;
    display: grid  !important;
    grid-template-rows: 296px 1fr;
    text-align: left;
}
.NewsItem.box {
	max-width: 400px;
  position: relative;
}
.NewsMasonry {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
/*
section.news #AllNews figure.Item:before {
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(144,189,11,0.9) url(../images/after-actus.png)no-repeat center 85px;
  opacity : 0;
  transition: opacity .6s;
  z-index: 2;
  pointer-events: none;
}
section.news #AllNews figure.Item:hover:before {
  opacity : 1;
  transition: opacity .6s;
}
*/
section.news #AllNews figure.Item .photo {
    position: relative;
    transition: opacity .6s;
}
section.content article .NewsMasonry .NewsItem img.img-news-list {
  width: 100%;
  height: 322px;
  object-fit: cover;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
section.news #AllNews figure.Item .photo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0 0 0 / 42%) url(../images/after-actus.png)no-repeat center center;
    transform: scale(0,0);
    opacity: 0;
    z-index: 1;
    transition: 0.4s all;
}
section.news #AllNews figure.Item:hover .photo {
    opacity: 1;
}
section.news #AllNews figure.Item:hover .photo:before {
    opacity: 1;
    transform: scale(1,1);
}
section.news #AllNews figure.Item .photo.nophoto {
}
section.news #AllNews figure.Item .photo.nophoto img {
    object-fit: scale-down;
    object-position: center;
    background: #f2f2f2;
}
section.news #AllNews figure.Item:hover .photo.nophoto {
}
section.news #AllNews figure.Item .photo img {
    position: relative;
    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: #808080 ;
    padding: 40px 35px 48px;
}
section.news #AllNews figure.Item:hover figcaption {
  background: #404040 ;
}
section.news #AllNews figure.Item figcaption h3 {
    margin: 0 0 15px;
  color: #fff;
}
section.news #AllNews figure.Item figcaption .date{
    font-family: 'Hind', sans-serif;
        font-size: 20px;
      line-height: 24px;
      font-weight: 700;
      color: white;
}
section.news #AllNews figure.Item figcaption h3 span {
    font-family: 'Hind', sans-serif;
    font-size: 28px;
    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 figcaption h3 span:last-child {
    font-family: 'Hind', sans-serif;
    text-transform: none;
    font-weight: 400;
    font-size: 28px;
    letter-spacing: 0;
    border: none;
}
section.news #AllNews figure.Item figcaption p{
  	font-family: 'Hind', sans-serif;
	font-size: 15px;
  line-height: 24px;
  letter-spacing: 0em;
  color: white;
}
section.news #AllNews figure.Item figcaption a.button {
    display: inline-block;
    font-family: 'Hind', sans-serif;
	font-size: 15px;
    font-weight: 400;
	background: #fff;
	text-transform: uppercase;
    color: #282828;
    padding: 14px 38px 13px;
    text-decoration: none;
    margin-top: 15px;
  	letter-spacing: 0.05em;
}
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 {
    border-color: #fff;
    background: transparent;
}
*/
section.news.news-home #AllNews {
    display: block;
}
section.news.news-home .slick-slide {
    margin: 0 8px;
}
section.news.news-home .slick-dots li{
    width: 13px;
    height: 13px; 
    margin: 0 2px;
}
section.news.news-home .slick-dots{
     position: absolute;
    bottom: -62px;
    margin: 0;
}
section.news.news-home .slick-dots li button:before{
    font-size: 13px;
    background: rgb(40 40 40/40%);
    border: none;
    width: 13px;
    height: 13px; 
    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: #282828;
}
/************/

/**********marques************/
section.marques {
    position: relative;
    padding: 80px 0 90px  ;
    text-align: center;
    background: url(../images/bg-marques.jpg)no-repeat center fixed;
    background-size: cover;
}

section.marques h1 {
    font-size: 42px;
    margin: 0 auto 50px;
    color: #e30613;
    position: relative;
}
section.marques .slick-slider img{
/*    border: 1px solid rgb(0 0 0/15%);*/
    margin: 0 auto;
/*    border-radius: 10px;*/
    width: 100%;
    height: 73px;
    object-fit: scale-down;
/*        padding: 5px ;*/
}
section.marques .slick-slider .img-all{
    margin: 0 10px;
}
section.marques .slick-slider{
    margin: 0 -10px!important;
}
/*--------------------------------------------------
# marques slick 
--------------------------------------------------*/
section.marques .slick-dots li button{
    width: 10px;
    height: 10px; 
    padding: 0;
}
section.marques .slick-dots li{
    width: 10px;
    height: 10px; 
    margin: 0 5px !important;
}
section.marques .slick-dots{
     position: absolute;
    bottom: -40px;
    margin: 0;
}
section.marques .slick-dots li button:before{
    font-size: 10px;
    background: transparent;
    border: 1px solid #e30613;
    width: 10px;
    height: 10px; 
    content: ""!important;
    border-radius: 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: #e30613;
}
/*******/
section.marques .slick-prev:before, section.marques .slick-next:before {
  position: absolute;
  content: '';
  width: 17px;
  height: 31px;
  font-family: inherit;
  left: 0;
  top: inherit;
  color: transparent;
  margin-top: 0;
  bottom: -83px;
    opacity: 1 !important;
}
section.marques .slick-next:before {
  background: url(../images/slick-next-m.png) no-repeat center center;
  font-size: 31px;
}
section.marques .slick-prev:before {
  background: url(../images/slick-prev-m.png) no-repeat center center;
  font-size: 31px;
}
section.marques .slick-next:hover:before, section.marques .slick-prev:hover:before{
    opacity: 0.7 !important;
}
  
section.marques .slick-next, section.marques .slick-prev {
  width: 17px;
  height: 31px;
     opacity: 1 !important;
}
section.marques .slick-prev {
  left: 50%;
  top: inherit;
  bottom: 0;
  margin-left: -27px;
    z-index: 1;
}
section.marques .slick-next {
  right: unset;
  left: 50%;
  top: inherit;
  bottom: 0;
  margin-left: 13px;
}
/*****gallery******/
section.gallery-home{
    position: relative;
    padding: 52px 0 86px;
   overflow: hidden;
    text-align: center;
}

section.gallery-home h1 {
    font-size: 34px;
    margin: 0 auto 30px;
    color: #282828;
    position: relative;
    z-index: 0;
    text-align: center;
}

section.gallery-home .container-fluid{
    max-width: 1750px;
    margin: 0 auto;
}
section.gallery-home article{
    position: relative;
    z-index: 1;
}
section.gallery-home .holder{
    display: none;
}
section.gallery-home #galhome .imgthumbpos {
    padding: 0;
    float: none;
    opacity: 1!important;
    display: inline-block !important;
    border-radius: 30px;
}
section.gallery-home #galhome .highslideContainer a.highslide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    
}
section.gallery-home #galhome a.highslide {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    position: relative;
    text-decoration: none;
    outline: none;
    margin: 0px 0;
  	transition: all .4s;
    border-radius: 30px;
}

section.gallery-home #galhome .highslideContainer {
    position: relative;
    height: auto;
}
section.gallery-home .holder.top.topgalhome{
  	display:none;
}
/*section.gallery-home #galhome .highslideContainer::before {
    content: "";
    position: absolute;
    top: -17px;
    right: -19px;
    background: url(../images/after-img-g.png)no-repeat center;
    transform: none;
    background-size: contain;
    z-index: 1;
    width: 88px;
    height: 88px;
   
    pointer-events: none;
}
section.gallery-home #galhome .highslideContainer::after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: -19px;
    background: url(../images/before-img-g.png)no-repeat center;
    transform: none;
    background-size: contain;
    z-index: 1;
    width: 88px;
    height: 88px;
   
    pointer-events: none;
}*/
section.gallery-home #galhome .highslideContainer a.highslide::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    left: 0;
    bottom: 0px;
    background:  url(../images/icon-zoom.png)no-repeat center rgb(0 0 0/46%);
    border-radius: 30px;
    transform: scale(0,0);
    transition: all .4s,font-size 0s;
    
}

.highslide-gallery .highslideContainer a.highslide:hover img {
    opacity: 1;
}
section.gallery-home #galhome .highslideContainer a.highslide:hover::after {
    transform: scale(1,1);
}
section.gallery-home #galhome .highslideContainer:hover a.highslide{
/*
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 77.12%);
    transition: 0.4s all;
*/
}
section.gallery-home .slick-initialized .slick-slide {
    margin: 0px 20px;
    /* height: 470px; */
    padding: 0px 0 ;
}

section.gallery-home .slick-slider {
    margin: 0 -20px;
    min-height: inherit !important;
}

/*--------------------------------------------------
# gallery-home slick 
--------------------------------------------------*/
section.gallery-home .slick-dots li button{
    width: 10px;
    height: 10px; 
    padding: 0;
}
section.gallery-home .slick-dots li{
    width: 10px;
    height: 10px; 
    margin: 0 5px !important;
}
section.gallery-home .slick-dots{
     position: absolute;
    bottom: -60px;
    margin: 0;
}
section.gallery-home .slick-dots li button:before{
    font-size: 10px;
    background: transparent;
    border: 1px solid #f9423a;
    width: 10px;
    height: 10px; 
    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: #f9423a;
}
/***************************************************
				CSS Contact
*********** ****************************************/
.content-page .gdpr_policy {
    line-height: 28px;
}
article .contactForm {
    margin-top: 0;
    margin-bottom: 0;
    color: #282828;
}
.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: #282828;
    line-height: 25px;
    padding: 8px 15px;
    height: 44px;
    outline: none;
    font-family: 'Hind', 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: #d70007 !important;
}
.contactForm .contact-field-item .contact-field-element .form-field:focus {
    background: white;
    border-color: #d70007;
    color: #282828;
}
.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: #287dc1;
    -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: #d70007;
}

.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: #282828;
    opacity:1;
}
.contactForm .contact-field-item .contact-field-element .form-field:-moz-placeholder{
     color: #282828;
     opacity:1;
}
.contactForm .contact-field-item .contact-field-element .form-field::-moz-placeholder{
     color: #282828;
     opacity:1;
}
.contactForm .contact-field-item .contact-field-element .form-field:-ms-input-placeholder{
     color: #282828;
     opacity:1;
}
.contactForm .contact-field-item .contact-field-label .contact-field-req-symbol, .contactForm .contact-field-error{
    color: #282828;
}
.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;
}
/***************************************************
       formulaire de page home CSS
***************************************************/
.formhome {
    padding: 148px 0 175px ;
    position: relative;
    background: #f9423a;
    color: #fff;
    text-align: center;
    background-size: cover;
    -webkit-mask-image: url(../images/mask-form.png);
    mask-image: url(../images/mask-form.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.formhome:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right : 0;
    bottom: 0;
    background: url(../images/bg-formhome.jpg)no-repeat center fixed;
    background-blend-mode: luminosity;
    background-color: #f9423a;
    opacity: 0.15;
    background-size: cover;
    pointer-events: none;
}
.formhome:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right : 0;
    bottom: 0;
    background: url(../images/after-.formhome.png)no-repeat center fixed;
    
    background-size: cover;
    pointer-events: none;
    z-index: 0;
}
    

.formhome  h2{
    position: relative;
    font-size: 34px;
    color: #ffffff;
    text-transform: none;
    margin: 0px 0 35px;
}
.formhome .form-part{
    position: relative;
    max-width: 702px;
    margin: 0 auto;
}
.formhome .contactForm {
    margin-bottom: 0;
    margin: 0 ;
    max-width: 100%;
  display: block;
}
.formhome .contactForm fieldset{
  margin: 0;
}
.formhome .contactForm legend{
    display: none;
}
.formhome .contactForm .contact-field-item {
    line-height: 1;
    clear: both;
    margin-bottom: 14px;
}
.formhome .contactForm .contact-field-item.contact-field-type_paragraph {
    margin-bottom: 0;
    width: 100%;
}
.formhome .contactForm .contact-field-item .contact-field-element .form-field{
    background: #fff !important;
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 20px;
    height: 58px;
    outline: none!important;
    border-radius: 5px;
    font-family: 'Hind', sans-serif;
    border: none !important;
    text-align: left;
    /*letter-spacing: 0.025em;*/
}
.formhome .contactForm .contact-field-item .contact-field-element .form-field:focus{
    background: rgb(255 255 255/90%) !important;
}
.formhome .contactForm .contact-field-item .contact-field-element textarea.form-field {
    width: 100%;
    height: 77px!important;
}
.formhome .contactForm .gdpr_policy input[type=checkbox] {
    min-height: 12px;
    margin-top: 0px;
}
.formhome .contactForm .gdpr_policy {
    line-height: 24px;
	font-size: 15px;
    margin: 25px auto 5px;
	font-family: 'Hind', sans-serif;
	font-weight: 400;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    text-align: left;
}
.formhome .contactForm .gdpr_policy label{
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}
.formhome .contactForm .gdpr_policy a{
    color: #fcf3e5;
    text-decoration: underline;
    margin-left: 0px;
}
.formhome .contactForm .gdpr_policy a:hover{
    color:#fcf3e5;
    text-decoration: none;
}
.formhome .contactForm .contact-submit {
    padding: 0;
    float: none;
    clear: both;
    text-align: center;
    max-width: 254px;
    width: 100%;
    margin: 0px auto 0;
}
.formhome .contactForm .form-submit-button {
    width: 100%;
    font-weight: 800;
    font-size: 20px;
    font-family: 'Hind', sans-serif;
    height: 56px;
    line-height: 56px;
    color: #fff !important;
    -webkit-transition: all .34s,font-size 0s;
    -o-transition: all .34s,font-size 0s;
    transition: all .34s,font-size 0s;
    text-align: center;
    text-transform: none;
    padding: 0px 0 0 !important;
    background: #287dc1!important;
    border-radius: 10px !important;
  
}
.formhome .contactForm .form-submit-button:hover{
    color: #fff!important;
    background: #000 !important;
    transition: all .34s,font-size 0s;
}
.formhome .contactForm .g-recaptcha {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    height: 70px;
    float: none;
    width: auto;
    
    display: table;
    margin: 0 auto 0;
    position: relative;
}
.formhome .contactForm .contact-field-item .contact-field-element .form-field::-webkit-input-placeholder{
    color: #333333 ;
    opacity:1;
}
.formhome .contactForm .contact-field-item .contact-field-element .form-field:-moz-placeholder{
     color: #333333 ;
     opacity:1;
}
.formhome .contactForm .contact-field-item .contact-field-element .form-field::-moz-placeholder{
     color: #333333 ;
     opacity:1;
}
.formhome .contactForm .contact-field-item .contact-field-element .form-field:-ms-input-placeholder{
     color: #333333 ;
     opacity:1;
}

.contactForm .contact-field-item .contact-field-label .contact-field-req-symbol, .contactForm .contact-field-error{
    color: #333333 ;
}

.formhome form.contactForm .cols {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0 20px;
}
/*********** footer **********/
/*----------------- footer -----------------*/
.footer-interne{
        border-top: 3px solid #287dc1;
        
}
section.maps {
    position: relative;
    height: 265px;
}
section.maps .box_googlemapsv2, section.maps iframe {
    display: block;
    height: 100%;
}
.footer {
    position: relative;
    padding: 54px 0 50px;
    background: #fff;
}
/*.footer:before{
    content: "";
    position: absolute;
    top: -47px;
    right: 143px;
    background: url(../images/before-footer.png)no-repeat center;
    background-size: contain;
    width: 137px;
    height: 116px;
}*/

.footer .grid-footer {
    display: grid;
    grid-template-columns: repeat(5, auto);
    /* align-items: center; */
    justify-content: space-between;
    grid-gap: 15px;
}
.footer div#log-footer {
    margin-top: 33px;
}
.footer .footer-card .adr, .footer .vcard .adr{
    position: relative;
    line-height: 24px;
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 500;
    padding-left: 30px;
    background: url(../images/icon-map-f.png)no-repeat left 3px;
    font-family: 'Hind', sans-serif;
    margin-bottom: 13px;
}
/*
.footer .footer-card .adr .Locality, .footer .vcard .adr .Locality{
     text-transform: uppercase;
}
*/
.footer .footer-card .footer-tel, .footer .vcard .footer-tel{    
    position: relative;
    line-height: 24px;
    font-size: 19px;
    font-weight: 700;
    padding-left: 30px;
    background: url(../images/icon-tel-f.png)no-repeat left center;
    color: #1a1a1a;
}

.footer .footer-card .tel a, .footer .vcard .tel a{
  color: #1a1a1a;
  text-decoration: none;
}
.footer .footer-card .tel a:hover, .footer .vcard .tel a:hover{
  color: #e30613;
}
.footer .call-to-action {
    color: #fff;
    background: #287dc1;
    margin-top: 38px;
    padding: 14px 33px;
}
.footer .call-to-action:hover {
    background: #e30613;
}
.footer .horaires{
   position: relative;
    line-height: 24px;
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 500;
    padding-left: 30px;
    background: url(../images/icon-hor-f.png)no-repeat left 3px;
    font-family: 'Hind', sans-serif;
}
.footer .horaires p {
    margin-bottom: 0;
}
.footer .networks_linking {
    text-align: center;
    display: table;
    margin: 15px 0 0;
}

.footer .networks_linking a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e30613;
    color:#fff;
    
    font-size: 15px;
    margin: 0 4px;
    line-height: 36px;
    
}

.footer a.networks_google  .fa-google:before {
    content: ""!important;
}
.footer a.networks_google {
    
    background: #e30613 url(../images/icon-google-f.png)no-repeat center!important;
}
/*
.footer a.networks_google:hover {
    background-image:  url(../images/icon-google-f-h.png)!important;
}
*/
.footer .networks_linking a:hover {
    background-color:#1265a8!important;
  
    color: white!important;
}


.footer .fa {
    font-weight: 300;
}
.footer #log-recyc {
    width: 180px;
}
.footer .text-recyc {
    display: none;
  text-align: center;
      width: 180px;
}
div#log-recyc:hover ~ .text-recyc {
    display: block;
}
/*********/
.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 .dummy .at300bs,.footer-nav .at300bs, .footer-nav .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: #287dc1;
    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 .at15t_email::after {
    content: '\f0e0' !important;
    }
.footer-nav .at15t_facebook::after {
    content: '\f09a' !important;
    }
.footer-nav .at15t_twitter::after {
    content: '\f099' !important;
    }
.footer-nav .at15t_linkedin::after {
    content: '\f0e1' !important;
    }

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

/*mentions-footer*/
.footer-nav {
    background: #fff;
    text-align: center;
}
 .footer-nav p{
    font-size: 16px;
    padding: 10px 0;
    
}
/****** cookies *****/
.btn-gdpr:hover {
    background: #d70007 !important;
    color: white !important;
}
.btn-gdpr:hover .btn-agree:hover, .btn-gdpr:hover .btn-params:hover{
            background: #d70007 !important;
      color: white !important;
 }
/*********** interne ************/
.box-light .maps {
    position: relative;
    margin-top: 10px;
}
.box-light .maps a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 3;
}
article .readmore {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    border-radius: 0;
    color: #fff;
    padding: 15px 40px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    outline: none;
  /*  background: #287dc1 ;*/
   background: #e30613 ;
    border-radius: 50px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
article .readmore:hover {

    color: #fff;

  /*background:#d70007 ;*/
   background: #287dc1 ;
}
img.img-news {
    float: right;
    margin: 0 0px 15px 25px;
    max-height: 170px;
}

section.content .social .networks_linking {
    text-align: center;
    float: none;
    margin: 0 ;
    display: table;
}

section.content .social .networks_linking a {
    display: inline-block;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    margin: 0px;
    background: #d70007;
    color:#fff;
    font-size: 17px;
    margin: 0 4px;
    line-height: 39px;
}
section.content .social .networks_linking a:hover {
    background:#287dc1!important;
    color: white!important;
    border-color: transparent;
}

section.content .social .fa {
    font-weight: 300;
}

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


.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: #282828;
}
.guestbook-score .gb-rating :checked ~ label::after{
    color: #d70007 !important;
}
section.content .gb-entry-score{
    font-size: 18px;
    color: #d70007;
}
.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: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #d70007;
}
/**********/
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: #d70007;
}
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: #d70007;
}
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: #d70007;
}
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: 50%;
    bottom: 50px;
    transform: translateX(50%);
    background: #287dc1;
    border: 2px solid #fff;
}
a#scrollTopBtn:hover {
    background: #000;
}
/************ intenre *************/
section.content.content-pag .grid-part {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px;
    margin-bottom: 30px;
}
section.content.content-pag .grid-part.part2 {
    grid-template-columns: 2fr 1fr;
}
section.content.content-pag .grid-part.part2 .img-grid {
    order: 2;
}
section.content.content-pag .grid-part .img-grid img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    
}
section.content.content-pag .grid-part  .img-grid.img-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
div#sticky-wrapper:not(.is-sticky) nav.main-nav {
	margin-top: 30px;
}
.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;
    padding: 0 ;
}
.sf-menu > li:first-child {
    padding-left: 0 !important;
}
.sf-menu > li:last-child {
    padding-right: 0 !important;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu a {
    font-weight: 500;
    padding: 16px 8px 15px;
    text-decoration: none;
    color: #1a1a1a;
    text-transform: none;
    line-height: 1em;
    font-family: 'Hind', sans-serif;
    font-size: 14px;
    /* letter-spacing: 0.025em; */
    border-radius: 50px;
}

.sf-menu li {
	white-space: nowrap;
}
.sf-menu > li {
    margin-left: 0px;
/*    margin-bottom: 25px;*/
}
.sf-menu > li > a {
    position: relative;
    z-index: 1;
}

.sf-menu > li:not(:first-child):before {
/*    content: "";*/
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translate(0,-50%);
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 0%;
    margin-top: 0px;
}

.sf-menu > li > a::before {
/*    content: '';*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    height: 53px;
    width: 0px;
    display: inline-block;
    border-right: none;
    background: url(../images/bg-nav.png)no-repeat left center;
    border-radius: 0%;
    opacity: 0;
    transition: all .4s;
    transform: translateY(-50%);
}
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a, .sf-menu > li.selected > a, .sf-menu > li.active > a {

    color: #fff;
    background: #287dc1;
}
.sf-menu > li > a:hover:before,
.sf-menu > li.sfHover > a:before, .sf-menu > li.selected > a:before, .sf-menu > li.active > a:before {
    opacity: 1;
    
    width: 44px;
}
.sf-menu ul {
	background: #000;
	padding: 15px 20px;
	min-width: 200px;
	text-align: left;
}
.sf-menu ul a {
    font-weight: normal;
    text-transform: none;
    color: #d70007 !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: #fff !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: bold;
    margin-left: 10px;
}

/*--------------------------------------------------
## 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: #d70007;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 260px;
	height: 100%;
	background: #287dc1;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: .75em;
    letter-spacing: 0.2em;
}
.mobile-menu ul ul {
    font-size: 1em;
	background: rgba(0,0,0,.15);
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile-menu a {
    text-transform: uppercase;
	padding: 5px 10px;
	display: block;
    color: #fff;
	text-decoration: none;
	font-weight: bold;
	transition: background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	background: #000;
}
.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);
}


.fa-level-up:before {
    content: "\f148" !important;
}
/************ tabs ****************************************/
/******************/
/******************/
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;
    justify-content: center;
   
}
.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;
    
    width: 100%;
}
.tab a {
    color: white;
    line-height: 0;
    font-size: 16px;
    display: block;
    cursor: pointer;
    text-decoration: none;
}


.etabs .tab h4, .etabs .tab .h4 {
    position: absolute;
    z-index: 3;
    left: 0;
    /* transform: translate(-50%, -50%); */
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    color: white !important;
    padding: 10px 5px;
    font-size: 25px;
    margin-top: 0;
    background: rgb(0 0 0/60%);
    display: grid;
    text-align: center;
    border-radius: 5px;
    align-content: center;
  line-height: 1.5;
}
.etabs .tab.actived h4, .etabs .tab.actived .h4 {
    background: rgb(40 125 193/80%);
        color: white !important;
}
.tab a img {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover;
    margin: 0 !important;
    background: #997f4b;
    /* border: 3px solid #d9ab56; */
    border-radius: 5px;
}

.etabs .tab:hover h3, .etabs .tab:hover h4, .etabs .tab:hover .h3, .etabs .tab:hover .h4 {
    background: rgb(40 125 193/80%);
    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% ;}

/********** provider *********/
section.content .show {
    margin-top: 30px!important;
}
.has-error .form-control {
    border-color: #e30613 !important;
}
.has-error .form-control:focus {
    border-color: #287dc1!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: #287dc1!important;
}
.cat-block .buttonCategory:hover {
    background: #e30613!important;
}
.cat-block .buttonCategory.active {
    background: #e30613!important;
    color:white!important;
}
.serv-block .buttonService.active {
    background-color: #287dc1!important;
}

.serv-block .buttonService:hover {
    background-color: #e30613!important;
}
.serv-block .buttonService {
    color: white!important;
    background-color: #287dc1!important;
}
.right-block .workers-list .workers-title {
    color: #287dc1!important;
}
.form-control {
    height: 2em!important;
    padding: 4px 12px!important;
}
.checkoutBtn:hover {
    background: #287dc1!important;
}
.checkoutBtn {
    background: #e30613!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;
}

.fullsite {
        overflow: hidden;
    }


section.content .btns {
    display: grid !important;
    grid-template-columns: repeat(3, auto);
    grid-gap: 20px;
}
section.content .grid-adr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    background: #f2f2f2;
}
section.content .grid-adr .grid1{
    padding: 20px;
}
section.content .grid-adr .grid1 .adr{
  
    padding-left: 30px;
    background: url(../images/icon-map-f.png)no-repeat left 3px;
 
    margin-bottom: 13px;
}

section.content .grid-adr .grid1 .tel{    

    padding-left: 30px;
    background: url(../images/icon-tel-f.png)no-repeat left center;
    color: #1a1a1a;
}

section.content .grid-adr .grid1 .call-to-action {
    display: table;
    color: #fff;
    background: #287dc1;
    margin-top: 38px;
    padding: 14px 33px;
}
section.content .grid-adr .grid1 .call-to-action:hover {
    background: #e30613;
}
section.content .grid-adr .grid1 .horaires{
   margin-top: 20px;
    padding-left: 30px;
    background: url(../images/icon-hor-f.png)no-repeat left 3px;
}
section.content .grid-adr .grid2{
    position: relative;
}
section.content .grid-adr .grid2 .maps-interne {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
}
section.content .grid-adr .grid2 .maps-interne iframe,  section.content .grid-adr .grid2 .maps-interne .box_googlemapsv2{
    display: block;
    height: 100%;
}
section.content .wideget-contact {
    height: 370px;
    background: #808080;
    margin-bottom: 40px;
}

/***************/
.marketing-video {
position: relative;
    height: 650px;
    overflow: hidden;
    z-index: 0;
    border-radius: 40px;
}

 .marketing-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
/***************/
.pictos {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: auto;
}
.picto1 a {
    position: absolute;
    left: 29%;
    width: 130px;
    pointer-events: all;
    font-size: 0;
    height: 125px;
  /*  background: #1a151566;*/
  transition: all 0.6s;
    transform: translateY(0);
}
.picto2 a {
   position: absolute;
    left: 35.5%;
    top: 154px !important;
    width: 130px;
    pointer-events: all;
    font-size: 0;
    height: 125px;
  transition: all 0.6s;
    transform: translateY(0);
}
.picto3 a {
        position: absolute;
    left: 47.5%;
    width: 130px;
    top: 176px !important;
    pointer-events: all;
    font-size: 0;
    height: 125px;
  transition: all 0.6s;
    transform: translateY(0);
}
.picto4 a {
    position: absolute;
     left: 58%;
    top: 77px !important;
    width: 130px;
    pointer-events: all;
    font-size: 0;
    height: 125px;
  transition: all 0.6s;
    transform: translateY(0);
   
}
.picto5 a {
    position: absolute;
    left: 66%;
    top: 4px !important;
    width: 130px;
    pointer-events: all;
    font-size: 0;
    height: 125px;
    transition: all 0.6s;
    transform: translateY(0);
}
.picto1 a:hover, .picto2 a:hover, .picto3 a:hover, .picto4 a:hover, .picto5 a:hover{
box-shadow: 0 0 50px #ff0000;
    border-radius: 50%;
      transform: translateY(0px);
}

.marketing-wrapper3 {
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
    height: 62px;
    text-align: center;
    z-index: 1;
      margin-left: -3px;
    pointer-events: all;
    margin-top: -86px;
}
.marketing-wrapper3 .header-scroll-arrow {
	animation: float 5s ease-in-out infinite;
	cursor: pointer;
  z-index: 3;
}
.marketing-wrapper3 .header-scroll-arrow:hover {
	  opacity: 0.7;
}
.sans-bg section.content h1 {
    background: transparent;
    padding-top: 0;
}

@media only screen and (max-width : 1648px) {
.call-to-action {
    padding: 16px 40px 15px;
  }
  .marketing-wrapper3 {
    margin-top: -77px;
}
  .picto1 a:hover, .picto2 a:hover, .picto3 a:hover, .picto4 a:hover {
    box-shadow: none;

}
}
@media only screen and (max-width : 1530px) {
    .sf-menu a {
        padding: 16px 5px 15px;
        font-size: 11px;
    }
    section.content .home-photo:before {
        right: -18px;
    }
  .call-to-action {
    padding: 16px 30px 15px;
  }
  .marketing-wrapper1 .cta-btns {
   
    margin-left: 28px;
}
}
@media only screen and (max-width : 1199.98px) {
    /*header.top {
        grid-template-columns: auto 1fr;
    }
    header.top .header-left,
    header.top .header-right {
        display: none;
    }
    header.top nav.mobile-nav {
        display: inline-block;
        text-align: right;
        font-size: 2em;
    }*/

  header.top div#logo {
    margin: 15px auto;
 
}
    header.top .grid-header {
        grid-template-columns: 1fr;
          grid-gap: 0;
    }
     section.content.first {
        padding: 50px 0;
    }
    div#sticky-wrapper:not(.is-sticky) nav.main-nav {
        margin-top: 0;
    }
    .diy-slideshow:after{
        background-size: auto;
    }
/*
    section.banner {
        height: 505px;
        margin-top: 15px;
    }
    .diy-slideshow {
        width: 50%;
        margin-left: 0;
    }
*/
   
  section.content.content-home {
    padding: 50px 0 30px;
  }
   
    section.content.content-home .img-bloc {
        width: 515px;
    }
    section.content.first {
        padding: 89px 0 85px
    }
    section.content .home-grid1 .content-text {
        padding-right: 0;
    }
    section.content .content-text.content-text2 {
        padding-left: 0;
    }
    section.services {
        padding: 50px 0 60px 
    }
    section.boxs {
        padding: 50px 0 60px;
    }
    section.boxs:before , section.marques:before{
        opacity: 0.5;
    }
    section.marques:before {
    
        top: 40px;
    }
  section.news.news-home {
      padding: 50px 20px ;
  }    
  section.news.news-home h1 {
        margin-bottom: 30px;
    }
  section.news #AllNews {
      grid-template-columns: repeat(2, 1fr);
  }
   section.marques {
        padding: 50px 0 80px;
    }
    section.marques .slick-dots {
  
        bottom: -50px;
    }
    .formhome {
            padding: 100px 0;
        }
    .footer {
    padding: 70px 0 40px;
    }
    section.maps {
        height: 250px;
    }
    .mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground span {
       
        text-transform: none !important;
        line-height: 1.5 !important;
    }
    .footer .grid-footer {
	grid-template-columns: repeat(3, auto);
}
 .footer .text-recyc, .footer #log-recyc {
	width: 240px;
	margin: 0 auto;
}
}
@media only screen and (max-width : 991.98px) {
  .marketing-wrapper3 .header-scroll-arrow {
    width: 50%;
}
  .marketing-wrapper3 {
    margin-top: -62px;
}
 
  .call-to-action {
    padding: 16px 20px 15px;
  }
    section.content .btns {
        grid-template-columns: repeat(2, auto);
    }
    section.banner {
    
        height: 750px;
    }
    header.top div#logo {
        margin: 15px auto ;
    }
    .marketing-wrapper .title {
   
        font-size: 44px;
    }
    .marketing-wrapper .title strong {
        font-size: 71px;
    }
   
    .call-to-action {
        margin: 10px 0 0;
    }
    header.top  .grid-header {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        text-align: center;
    }
    header.top .header-part .footer-tel {
        order: 0;
    }
    header.top .header-part .footer-tel, header.top .header-part .horaires {
        padding: 20px 0 0;
        background-position: center top;
    }
  /* .marketing-wrapper {
        position: absolute;
        top: unset;
        transform: none;
        margin: 0 0 120px;
        bottom: 0;
        text-align: center;
    }*/
    ul.etabs {
        grid-template-columns: repeat(3,1fr);
    }
   ul.bottom {
        margin-bottom: 0;
    }
    header.top .vcard, header.top .vcard .grid1 {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        text-align: center;
    }
   header.top .networks_linking {
   
        margin: 0 auto;
    }
    header.top .vcard .adr, header.top .vcard .footer-tel{
        padding: 30px 0 0;
        background-position: center top;
        margin: 0;
        line-height: 24px;
    }
    div.nav {
        display: none;
    }
  	header.top nav.mobile-nav{
      display:block;
      align-items:center;
         color: white!important;
      border: 1px solid white;
         background: #287dc1;
      padding: 0;
      border-radius: 0;
      position: fixed;
      right: 10px;
      top: 10px;
      font-size: 22px;
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      z-index: 100;
      text-decoration: none;
    }
    header.top nav.mobile-nav a{
      color: white!important;
  	}

    header.top nav.mobile-nav:hover{
       background: #d70007;
    }
   
    
    header.top .header-left,
    header.top .header-right {
        display: none;
    }
/*
    header.top nav.mobile-nav {
        display: inline-block;
        text-align: right;
        font-size: 2em;
    }
*/
    section.content .home-photo:before {
        right: -18px;
        top: -18px;
    }
    section.content.content-home .grid-content {
        grid-template-columns: auto;
        justify-content: center;
        grid-gap: 50px;
        margin: 45px 0 30px;
    }
    section.content.content-home .home-photo.photo-equipe {
        grid-gap: 20px 60px;
        margin: 0 auto;
        justify-content: center;
    }
    
  	section.content.content-home .blc1, section.content.content-home .blc2, section.content.first .blc1, section.content.first .blc2 {
        margin-bottom: 0;
    }
      section.content.content-home .blc1 .text, section.content.content-home .blc2 .text, section.content.first .blc1 .text, section.content.first .blc2 .text {
        padding: 0;
    }
    section.content.content-home .img-bloc.bloc1, section.content.content-home .img-bloc, section.content.first .img-bloc.bloc1, section.content.first .img-bloc{
        float: none;
        display: table;
        margin: 0 auto 30px;
        width: 600px;
    }
    section.content.first {
        padding: 50px 0px;
        -webkit-mask-image: none;
        mask-image: none;
    }
  	section.content .home-grid {
        display: block;
    }
/*
    section.content .home-photo img {
        width: 350px;
        width: 100%;
        height: 350px;
      
    }
*/
    section.content .home-photo, section.content .home-photo.home-photo2{
        display: table;
        margin: 20px auto 0;
    }
  section.news #AllNews figure.Item figcaption {
        padding: 45px 20px 24px;
    }
    .footer .call-to-action {
   
        display: table;
        margin: 30px auto 0;
    }
   
  .footer {
      padding: 40px 0;
      text-align: center;
  }
    section.maps {
        position: relative;
        top: 0;
       
        left: 0;
        height: 250px;
        margin: 0 0 40px;
    }
    .footer .footer-card .adr, .footer .vcard .adr, .footer .footer-card .footer-tel, .footer .vcard .footer-tel, .footer .horaires {
        padding: 20px 0 0;
        background-position: center top;
    }
  
    .footer .grid-footer .grid3 {
        margin: 0;
    }
  .footer .grid-footer {
    grid-template-columns: 1fr;
    grid-gap: 20px;
          max-width: none;
      margin: 0;
  }
    .footer .networks_linking {
        margin: 12px auto 0;
    }
    section.content.content-home .blc1 .text {
        margin-left: 0;
    }
    section.content.content-home .blc2 .text {
        margin-right: 0;
    }
    section.content.content-pag .grid-part, section.content.content-pag .grid-part.part2 {
        grid-template-columns: 1fr;
    }
    section.content.content-pag .grid-part.part2 .img-grid {
        order: 0;
    }
    section.content.content-pag .grid-part .img-grid {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }
  
  .show_me_acc {
	padding: 0 30px 25px 30px;
}
  .box_acc h3 {
	padding-left: 30px;
}
}
@media only screen and (max-width : 767.98px) {
  .marketing-wrapper3 {
    margin-top: -49px;
}
  .marketing-wrapper3 .header-scroll-arrow {
    width: 40%;
}
  .marketing-wrapper1 .cta-btns {
    grid-template-columns: auto;
    grid-gap: 0;
    justify-content: center;
    margin-left: 0;
}
    section.content .grid-adr {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 200px;
    }
    section.content .btns {
        grid-template-columns: repeat(1, auto);
    }
    section.banner {
        height: 600px;
    }
   .marketing-wrapper .title {
        font-size: 27px;
    }
    .marketing-wrapper .title strong {
        font-size: 41px;
    }
    .marketing-wrapper .argument {
        font-size: 19px;
    }
    ul.etabs {
        grid-template-columns: repeat(2,1fr);
    }
    .image-right,
    .image-left {
        float: none;
        margin: 20px auto;
        display: block;
        max-width: 100%;
        height: auto;
    }
  	/*header.top nav.mobile-nav {
        display: inline-block;
        text-align: right;
        font-size: 2em;
    }*/

    section.news #AllNews {
        grid-template-columns: 1fr;
    }
    section.news #AllNews figure.Item {
        grid-template-rows: 200px 1fr;
    }
    section.content .home-photo:before {
        right: -10px;
    }
    section.content.content-home .grid-logos .logos {
 
        grid-gap: 10px;
    }
    section.content.content-home .grid-forts .point-f .part-txt {
        font-size: 17px;
    }
     .box_acc h3 {
        padding: 24px 64px 24px 15px;
    }
     .show_me_acc {
        padding: 0 15px 25px 15px;
    }
    section.content.content-home .grid-forts {
        
        grid-gap: 37px 25px;
    }
    section.content.content-home .img-bloc.bloc1, section.content.content-home .img-bloc, section.content.first .img-bloc.bloc1,  section.content.first .img-bloc{
        float: none;
        display: table;
        margin: 0 auto 30px;
        width: 450px;
    }
    .footer:before {
      
        right: 5px;
        background: url(../images/before-footer.png)no-repeat center;
        background-size: contain;
        width: 87px;
    }
   img.img-news {
      float: none;
      max-width: 100%;
      display: table;
      margin: 0 auto 20px;
  }
  
/*
    section.boxs article {
        max-width: 360px;
        margin: 0 auto;
    }
*/
   
    
/*
  	section.banner.small {
      height: 300px;
  	}
*/
     
  	.contactForm .gdpr_policy label {
        display: inline !important;
    }
}
@media only screen and (max-width : 480px) {/*(max-width : 575.98px) {*/
    header.top div#logo img{
        max-width: 100%;
    }
    ul.etabs {
    grid-template-columns: repeat(1,1fr);
}
    header.top div#logo {
        padding-right: 50px;
    }
    .marketing-wrapper .cta-btns {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .marketing-wrapper .title {
        font-size: 17px;
    }
    .marketing-wrapper .title strong {
        font-size: 25px;
        margin-top: 10px;
    }
    .marketing-wrapper .argument {
        font-size: 14px;
    }
  span.tel+sep {
        display: none;
    }
    span.tel {
        display: block;
    }
    .call-to-action {
        padding: 14px 23px;
     
    }
     .box_acc:before {
        right: 15px;
    }
     .box_acc h3 {
        padding: 24px 40px 24px 15px;
    }
     .show_me_acc {
        padding: 0 15px 25px 15px;
    }
 form.contactForm{
        overflow: hidden;
    }
    
    header.top .vcard .adr span.street-address+sep {
        display: none;
    }

    header.top .vcard .adr span.street-address {
        display: block;
    }
    section.content.content-home .grid-logos .logos {
        grid-template-columns: auto;
        justify-content: center;
        text-align: center;
    }
    section.content.content-home .home-photo.photo-equipe {
        
        grid-template-columns: auto;
      
    }
    section.content.content-home .grid-forts {
        grid-template-columns: auto;
        justify-content: center;
    }
      section.content.content-home .img-bloc.bloc1, section.content.content-home .img-bloc, section.content.first .img-bloc.bloc1, section.content.first .img-bloc {
            width: 100%;
        }
      section.content.content-home .img-bloc .img02, section.content.content-home .img-bloc.bloc1 .img02, section.content.first .img-bloc .img02, section.content.first .img-bloc.bloc1 .img02 {
        position: relative;
        bottom: inherit;
        margin: 10px auto;
        display: table;
          top: inherit;
      }
      section.content.content-home .img-bloc.bloc1 .img01, section.content.content-home .img-bloc .img01, section.content.first .img-bloc.bloc1 .img01, section.content.first .img-bloc .img01 {
        float: none;
        margin: 0 auto;
        display: table;
      }
      section.services .grid-bx .bx  h2 {
        font-size: 19px;
    }
      section.services .grid-bx .bx .text-title {
        left: 0;
        right: 0;
    }
      section.services .grid-bx .bx .text {
        left: 0;
        right: 0;
    }
      section.services .grid-bx .bx .text .text-top {
        padding: 20px 10px 18px;
    }
    section.services .grid-bx .bx:hover .text .text-bottom {
        padding: 20px 15px 94px;
        height: calc( 100% - 155px);
    }
    section.marques h1 {
        font-size: 30px;
    }
    section.gallery-home h1 {
        font-size: 32px;
    }
    .formhome h2 {
        font-size: 28px;
    }

    section.content .contactForm .g-recaptcha, section.formhome .contactForm .g-recaptcha {
        display: inline-block;
        -webkit-transform: scale(.76);
        transform: scale(.76);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    
    .contactForm .gdpr_policy label {
        display: inline !important;
    }
  	.footer .footer-logo {
      max-width: 100%;
  	}
 

  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.boxs  .bx-home .text-bx .desc {
        margin: 2px 10px 0px;
    }
  
  section.news #AllNews figure.Item figcaption {
      padding: 40px 15px 30px;
  }
    h1 {
        font-size: 32px;
    }
     h2 {
        font-size: 28px;
    }
/*
    section.content.content-home .img-bloc img {
        width: 230px;
    }
    section.content.content-home .img-bloc:before {
        width: 210px;
    }
    section.content.content-home .img-bloc {
        margin: 20px 0;
    }
*/
   .mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground span {
        line-height: 1.2em !important;
        font-size: 13px;
    }
}
#etoile {
	background: url(../images/bg-h1.png)no-repeat left top;
}