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

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

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

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

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

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

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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



/*--------------------------------------------------
# General
--------------------------------------------------*/


header.top .logo img, .logo-footer img {
    animation: mymove 3s infinite;
   max-width: 100%;
}
@keyframes mymove {
  50% {    filter: drop-shadow(2px 4px 6px rgba(0 0 0 /30%));}
}
html, body {
  height: auto !important;
  min-height: 100%;
  overflow: visible !important;
  scroll-behavior: auto !important; /* désactive le smooth natif pour laisser Lenis gérer */
}


body {
  background: #fff ;
    background-size: cover;
  color: #4C6168;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight:400;
}
a {
  color: #5EC45B;
  text-decoration: underline;
  transition: all .4s;
}
a:active, a:hover, a:focus {
  color: #5EC45B;
  text-decoration: none;
}
article ul li {
  background: url(../images/bullet.png) no-repeat left 6px;
  line-height: inherit;
  padding-left: 20px;
  list-style: none;
  margin-left: -20px;
}
.image-right {
  float: right;
  margin: 0 0 15px 25px;
}
.image-left {
  float: left;
  margin: 0 25px 15px 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.2em;
  font-family: 'Open Sans';
  font-weight:700;
  margin: 0 0 20px;
color: #5EC45B;
  text-transform : none;
}
h1, .h1 {
  font-size: 60px;
color: #4C6168;
}
h2, .h2 {
  font-size: 38px; 
}
h3, .h3 {
  font-size: 25px;
}
h4, .h4 {
  font-size: 23px;
}
h5, .h5 {
  font-size: 21px;
}
h6, .h6 {
  font-size: 19px;
}

hr {
  border-color: #4C6168;
}
p {
  margin: 0 0 1.2em;
}
.table-style {
  position: relative;
}
.table-style th {
  background: #f2f2f2;
}
.table-style th,
.table-style td {
  border: 1px solid #ccc;
  padding: 2px 5px;
}

.btn-gdpr {
  background: #4C6168!important;
  color: #fff !important;
}
.btn-gdpr:hover {
  background: #1D1D1B!important;
  color: #fff !important;
}

/*--------------------------------------------------*/

.animate.clip_ltr,.animate.clip_rtl,.animate.clip_ttb{transition:clip-path .8s ease-out}
.animate.clip_ttb{clip-path:inset(0 0 100% 0)}
.animate.clip_rtl{clip-path:inset(0 0 0 100%)}
.animate.clip_ltr{clip-path:inset(0 100% 0 0)}
.animate.delay-1500{transition-delay:1.25s}
.animate.delay-500{transition-delay:.5s}
.animate.delay-250{transition-delay:250ms}
.animate.clip_ltr.play,.animate.clip_rtl.play,.animate.clip_ttb.play{clip-path:inset(-1px -1px -1px -1px)}
/*---------------------------------------------------- CSS - part  --------------------------------------------------*/

.flottant {
    position: fixed;
      top: 50%;
    transform: translate(0, -50%);
    right:25px;
    z-index: 20;
}
 .flottant .networks_linking a {
  display: block;
  width: 55px;
  height: 55px;
  border-radius:50%;
  color: #fff;
background: #5EC45B!important;
  font-size: 30px;
  margin: 0 0 17px ;
  line-height: 55px;
  pointer-events: auto;
  position: relative;
  border:0;
       text-align: center;
}
.flottant  .networks_linking a:hover{
   transform-style: preserve-3d;
    animation: rotate3D 5s linear infinite;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
.is-sticky nav.main-nav .nav-wrapper,.pageTemplate div#sticky-wrapper nav.main-nav .nav-wrapper{
  align-items:center
}

/*--------------------------------------------------*/




@keyframes rotate3D {
    0% {
        transform: rotateY(0deg) rotateX(0deg);
    }
    50% {
        transform: rotateY(180deg) rotateX(0deg);
    }
    100% {
        transform: rotateY(360deg) rotateX(0deg);
    }
}

/*--------------------------------------------------*/

body {
  position: relative;
}
header.top{
  position:relative;
}

 .container-fluid {
    max-width: 1634px;
}
header.top .banner div#bg-slideshow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

section.banner.small div#bg-slideshow:before {
    position: absolute;
    content: "";
    inset: 0;
    background: rgb(0 0 0 /30%);
    z-index: 2;
}
header.top .banner .diy-slideshow.fade figure {
  left: 0%;
  right: 0;
  width: auto;
  height: auto;
  top: 0;
  bottom: 0;
}
section.banner {
   height: 910px;
    position: relative;
} 
.bg-head {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;   
}
.bg-head .bg-top {
       position: relative;
      padding: 11px 0 19px 30px; 
      border-left: 1px solid rgba(0 0 0 / 5%);
}
.bg-head .bg-top:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 100vw;
    z-index: -1; 
}
header .bx-flx {
    display: flex;
    grid-gap: 26px;
    justify-content: space-between;
  align-items: center;
}


header.top .logo {
 
}
header.top .logo img {
    max-width: 100%; 
}  
.bg-head .tel a{
    padding: 10px 18px 10px 69px;
    font-size: 26px; 
    color: #FFFFFF; 
    background: #5EC45B;
      text-decoration : none; 
   display: inline-block;
    position: relative;
    font-weight: 700;
    border-radius: 36px;
    line-height: normal;
}
.bg-head .tel a:hover{
    background: #7CD479;
}
.bg-head .tel a:before {
   content: "";
    position: absolute;
    left: 18px;
   top: 50%;
    transform: translate(0,-50%);
    width: 36px;
    height:36px;  
     background: url(../images/tel-icon.png) no-repeat left center ;
    transition: all .4s;
} 
.bg-head .tel a:hover:before {
      transform: translate(0,-50%)  rotate(15deg);
}
.bg-head .bx-page {
      position: relative;
    display: inline-block;  
       padding: 21px 0 23px 39px;
      width: 100%;
      border-bottom: 1px solid rgba(0 0 0 / 5%);
    border-left: 1px solid rgba(0 0 0 / 5%);
    border-radius: 0px 0px 0px 36px;
}
.bg-head .bx-page:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background: #F1F1F1;
    width: 100vw;
    z-index: -1;
    border-radius: 0px 0px 0px 36px;
}
header.top .bg-head .bx-grid {
    display: grid;
    grid-template-columns: auto auto ;
    justify-content: space-between;
      align-items: center;
}
header.top .bg-head a.readmore {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
 letter-spacing: 0.61px;
      line-height: normal;
    position: relative;
    padding: 10px 18px;
    border-radius: 36px; 
      font-weight: 700;
    background: linear-gradient(to right, #5EC45B 50%, #4C6168 50%) no-repeat;
  background-size: 200% 100%; /* Double the width to hide the colored part initially */
  background-position: 100% 0; /* Position to the right to hide the colored part */
  transition: background-position 0.4s ease-out; 
}
header.top .bg-head a.readmore:hover{
  background-position: 0 0;
}
 @keyframes flicker-shadow {
  
0% {
    box-shadow: 0 0 5px rgba(240 225 171 / 50%);
}
50% {
    box-shadow: 0 0 10px rgb(240 225 171 / 67%);
}
100% {
    box-shadow: 0 0 5px rgba(240 225 171 / 50%);
}
}



/*--------------------------------------------------*/

 li#menu_1, li#menu_8, li#menu_9, li#menu_10 {
    position: absolute;
    top: -114px; 
       margin: 0;
}
li#menu_15 {
    margin-left: 0;
}
li#menu_1 {
    right: 342px;
}
li#menu_8 {
    right: 202px;
}
li#menu_9 {
    right: 118px;
}
li#menu_10 {
    right: 0;
}
li#menu_1 a, li#menu_8 a, li#menu_9 a, li#menu_10 a {
    font-size: 18px;
}

header.top nav.main-nav{
  position:relative;
  z-index:inherit;
  transition:background .4s,
    box-shadow .4s;
  text-align: center;
      margin-top: 0;
}
 
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{position:relative;white-space:nowrap}

.sf-menu>li{
  font-size:0;
  display:inline-block;
  padding:0;
}
.mobile-menu a,.sf-menu a,.sf-menu li.sfHover>ul,.sf-menu li:hover>ul{
  display:block
}
ul.sf-menu {
    display: flex;
      align-items: center;
}
/*.is-sticky nav.main-nav ul.sf-menu {
    margin: 0 auto;
    display: inline-block;
}*/
.sf-menu > li {
    position : relative;
    margin: 0px 25px;
    padding: 0 ;
}
.sf-menu a {
    position: relative;
    padding: 5px 0;
    font-weight: 700;
    font-size: 22px; 
color: #4C6168;
    text-transform: none;
    text-decoration: none; 
line-height: normal;
      font-family: "Open Sans", sans-serif;
}


.sf-menu li a:hover, .sf-menu li.active>a, .sf-menu li.selected>a, .sf-menu li.sfHover>a{
  color:#5EC45B; 
}
.sf-menu ul{
  position:absolute;top:100%;left:0;z-index:99;
  background: rgba(0 0 0 /53%);
  padding: 32px 40px;
  min-width: 220px;
  text-align: left;
    margin-top: 0;
  border-left: 1px solid #4C6168;
}
.sf-menu ul a {
  font-weight: normal;
  text-transform: none;
  color: #4C6168 !important;
    font-size: 14px;
    letter-spacing: 0.48px;
  padding: 10px 0!important;
  transition: color .4s, padding .4s
}
.sf-menu ul a:hover,
.sf-menu ul .selected a, .sf-menu ul .active a {
  color: #fff !important;
}

/*--------------------------------------------------*/

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
  content: '\f107';
  font-family: 'FontAwesome';
  font-size: .9em;
  line-height: 1em;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  transition: color .4s;
   display: none;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul::after,
.sf-arrows > .sfHover > .sf-with-ul::after,
.sf-arrows > .selected > .sf-with-ul::after,
.sf-arrows > .active > .sf-with-ul::after {
  color: #fff;
}

nav.main-nav .mobile-nav{
  display:none;
  text-align:right;
  align-self:center
}
nav.main-nav .mobile-nav a{
  display:inline-block;
  text-decoration:none;
  text-transform:uppercase;
  color:#222;
  line-height:40px;
  font-size:24px
}
nav.main-nav .mobile-nav i.fa{
  background:#4C6168;
  text-align:center;
  color:#fff;
  width:40px;
  line-height:40px;
  border-radius:0;
  display:inline-block
}


/*--------------------------------------------------*/



.marketing-wrapper {
    position: absolute;
    width: 100%;
    top: 0; 
    z-index: 1;
}
.marketing-wrapper .bx-grid {
    display: flex;
    justify-content: space-between;
}
.marketing-wrapper .bx-title {
    position: relative;
      height: min-content;
       padding: 306px 0 91px 137px;
}
.marketing-wrapper .bx-title:before {
    position: absolute;
    content: "";
    right: -297px;
    top: 0;
    bottom: 0;
    background: rgba(94 196 91/90%);
    width: 100vw;
    z-index: -1;
    border-radius: 0px 0px 200px 0px;
}
.marketing-wrapper .bx-title h2 {
    color: #fff;
    margin: 0;
    font-size: 60px;
      max-width: 640px;
  line-height: normal;
}
.marketing-wrapper .bx-title h2 span.txt {
    display: block;
    font-size: 25px;
}



/*.........................................................*/

section.formhome{
    position: relative;
    padding: 41px;
 max-width: 786px;
    width: 100%;
    z-index: 1;
      backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
      margin-top: 271px;
}
section.formhome:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  background: #F1F1F1 0% 0% no-repeat padding-box;
border-radius: 26px;
opacity: 1;
    opacity: .5;
    z-index: -1;
}
section.formhome .contactForm .contact-field-legend{
    display: block;
     padding-bottom: 14px;
    position: relative;
    font-size: 25px;
    color:#4C6168; 
      border: 0;
      margin: 15px 0 0;
}
section.formhome form#contactForm_2 {
    width: 100%; 
} 
section.formhome  .contactForm .contact-field-item{ 
    padding: 0;
    float: left;
    width: 47.8%;
  margin: 0 30px 14px 0;
      clear: none;
}
section.formhome .contactForm .fullwidth {
    width: 100%!important;
}
section.formhome .contactForm div#contact-field-id_address_1, section.formhome .contactForm div#contact-field-id_phone_1, section.formhome .contactForm div#contact-field-id_number_1 {
    margin-right: 0;
}
section.formhome h2{
    padding-bottom: 14px;
    position: relative;
    font-size: 25px;
    color:#4C6168; 
}
section.content .contactForm .contact-field-item .contact-field-element .form-field {
    font-size: 16px;
  outline:none;
}
section.formhome .contactForm, section.formhome .contactForm .contact-field-item .contact-field-element {
    color: #4C6168;
}
section.formhome .contactForm div#contact-field-id_checkboxes_1 {
    padding: 0;
}
section.formhome .contactForm div#contact-field-id_checkboxes_1 label.contact-field-label {
 
  font-weight:700;
}
section.formhome .contactForm .contact-field-item .contact-field-element .form-field{
    height: 59px;
    font-size: 16px;
    background:#fff;
    color:#4C6168;
   border-radius: 36px;
    font-weight: 700;
    border: 0;
        padding: 13px 23px;
}

section.formhome .gdpr_policy{
 position: relative;
    font-size: 17px;
    color:#4C6168;
    font-weight: 400;
    clear: both; 
    line-height: 28px;
    text-decoration: none; 
}
section.formhome .label{
font-weight: 400;
}
section.formhome div#contact-field-id_select_1 .contact-field-label {
    display: none !important;
}
section.formhome .contactForm .gdpr_policy label{
position: relative;
    font-weight: 400;
    
}
section.formhome .gdpr_policy a{
     color:#4C6168;
    text-decoration: none;
}
section.formhome .gdpr_policy a:hover{
      text-decoration:underline; 
}
section.formhome .contactForm .g-recaptcha {
    float: none;
    margin: 0; 
}
section.formhome .contactForm .contact-submit {
    float: none; 
  margin: 15px auto 0;
    display: table;
}
section.formhome .contact-submit .form-submit-button {
    position: relative; 
    display: inline-block;
    text-transform: none; 
    font-size: 26px;
    color:#FFFFFF!important;
    font-weight: 700;
    line-height: normal;
    padding: 10px 18px!important;
    float: none;
    border-radius: 36px; 
    background: #5EC45B!important;
}
section.formhome .contactForm .form-submit-button:hover{
    background:#000!important;
}
form.contactForm label {
    padding: 0;
}
.contactForm, .contactForm .contact-field-item .contact-field-element{
font-size: 15px;
}
section.formhome .contactForm .contact-field-item .contact-field-element .form-field::-webkit-input-placeholder,
section.formhome .contactForm .contact-field-item .contact-field-element .form-field::-webkit-input-placeholder,
section.formhome .contactForm .contact-field-item .contact-field-element .form-field::-webkit-input-placeholder,section.formhome article form#form-nl .txtbox-long::-webkit-input-placeholder{
color: #4C6168;
 opacity:1;
}
section.formhome .contactForm .contact-field-item .contact-field-element .form-field:-moz-placeholder,/* Firefox 18- */ 
section.formhome .contactForm .contact-field-item .contact-field-element .form-field:-moz-placeholder,
section.formhome .contactForm .contact-field-item .contact-field-element .form-field:-moz-placeholder,section.formhome article form#form-nl .txtbox-long:-moz-placeholder/* Firefox 18- */ {
color: #4C6168;
 opacity:1;
}
section.formhome .contactForm .contact-field-item .contact-field-element .form-field::-moz-placeholder,/* Firefox 19+ */
section.formhome .contactForm .contact-field-item .contact-field-element .form-field::-moz-placeholder,
section.formhome .contactForm .contact-field-item .contact-field-element .form-field::-moz-placeholder,section.formhome article form#form-nl .txtbox-long::-moz-placeholder/* Firefox 19+ */ {
color: #4C6168;
 opacity:1;
}
section.formhome .contactForm .contact-field-item .contact-field-element .form-field:-ms-input-placeholder, 
section.formhome .contactForm .contact-field-item .contact-field-element .form-field:-ms-input-placeholder,
section.formhome .contactForm .contact-field-item .contact-field-element .form-field:-ms-input-placeholder,section.formhome article form#form-nl .txtbox-long:-ms-input-placeholder{
color: #4C6168;
 opacity:1;
}
.contactForm .contact-field-item .contact-field-element ul.list-checkbox-wrap, .contactForm .contact-field-item .contact-field-element ul.list-checkbox-wrap li.contact-field-option, .contactForm .contact-field-item .contact-field-element ul.list-radio-wrap, .contactForm .contact-field-item .contact-field-element ul.list-radio-wrap li.contact-field-option{
    margin: 5px 10px 0 0!important;
    background: none;
    display: block;
}
.contactForm .contact-field-item .contact-field-element ul.list-checkbox-wrap li.contact-field-option .form-field-checkbox, .contactForm .contact-field-item .contact-field-element ul.list-radio-wrap li.contact-field-option .form-field-radio {
    margin: 0!important;
    display: inline-block;
}
.contactForm .contact-field-item .contact-field-element ul.list-checkbox-wrap li.contact-field-option label, .contactForm .contact-field-item .contact-field-element ul.list-radio-wrap li.contact-field-option label{
    display: inline-block;
    line-height: 15px;
}
section.formhome  form.contactForm input[type=radio], section.formhome  form.contactForm input[type=checkbox] {
    margin: 6px 5px 0 0;
    }

/*--------------------------------------------------*/

article.content ul{list-style:disc;margin-left:0;padding:0}
article.content ul li{position:relative;margin-left:1em;padding-right:1em}
article.content ul ul{list-style-type:circle}
article.content .table-style{position:relative}
article.content .table-style th{background:#f2f2f2}

 
/*--------------------------------------------------
# content home
--------------------------------------------------*/
.content.home-content {
    position: relative;
    padding: 98px 0 100px;
      text-align: center;
      background: rgba(76 97 104/6%);
      font-weight: 600;
}
.content.home-content .container-fluid, section.content.first .container-fluid, section.content.third .container-fluid, section.boxes .container-fluid, section.faq .container-fluid, footer.bottom .container-fluid{
    max-width: 1370px;
}
.content.home-content p {
    margin: 23px 0;
}
 .content.home-content .bx-grid{
     display: grid;
    grid-template-columns: 22% 55% 21.5%;
    grid-gap: 10px;
}
 .content.home-content .bx-img {
    max-width: 191px;
       margin: auto;
}
.content.home-content .bx-img img {
    border-radius: 50%;
}
section.home-content .bx-txt {
    padding-top: 68px;
}
section.home-content .bx-icon {
    display: flex;
    flex-direction: column;
    grid-gap: 123px;
}
section.home-content .bx-icon.i-right {
    align-items: end;
}
 section.home-content .icon{ 
    transition: all .9s;
}
@keyframes slideInFromBottomRight {
  from {
    bottom: -100px;
    right: -100px;
  }
  to {
    bottom: 20px; /* Final position from bottom */
    right: 20px;  /* Final position from right */
  }
}
section.home-content .icon1 {
 margin-left: 91px;
  
  animation-name: slideInFromBottomRight;
  animation-duration: 4s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; /* Keep the final state */
}
section.home-content .icon1.active {
    margin-left: 111px;
    margin-top: 20px; 
}
section.home-content .icon2 {
 margin-left: 0;
  
  animation-name: slideInFromBottomRight;
  animation-duration: 4s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; /* Keep the final state */
}
section.home-content .icon2.active {
    margin-left: 20px;
    margin-top: 20px; 
}
section.home-content .icon3 {
 margin-left: 109px;
  
  animation-name: slideInFromBottomRight;
  animation-duration: 4s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; /* Keep the final state */
}
section.home-content .icon3.active {
    margin-left:89px;
    margin-top: -20px; 
}
section.home-content .icon4 {
 margin-right: 91px;
    animation: slideInFromRight 2s forwards;
}
section.home-content .icon4.active {
    margin-right: 111px;
    margin-top: 20px; 
}
section.home-content .icon5 {
 margin-right: 0;
    animation: slideInFromRight 2s forwards;
}
section.home-content .icon5.active {
    margin-right: 20px;
    margin-top: 20px; 
}
section.home-content .icon6 {
 margin-right: 109px;
    animation: slideInFromRight 2s forwards;
}
section.home-content .icon6.active {
    margin-right: 89px;
    margin-top: -20px; 
}
@keyframes slideInFromRight {
  0% {
    right: -100%; /* Start off-screen to the right */
  }
  100% {
    right: 0; /* End at its intended position */
  }
}

section.home-content article.content h1 {
    position: relative;
    margin-bottom: 23px; 
      max-width: 750px;
    display: inline-block;
}
 


section.content.first {
    padding: 89px 0 95px;
}
section.content.first .bx-flx {
    display: flex;
    grid-gap: 30px;
}
section.content.first .bx-left, section.content.first .bx-txt {
    width: 50%;
}
section.content.first .bx-txt ul {
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    display: flex;
    flex-direction: column;
    grid-gap: 31px;
      margin-top: 98px;
}
section.content.first .bx-txt  ul li {
    background: url(../images/bullet1.png) no-repeat left center;
    padding-left: 96px; 
    margin-left: 0;
    min-height: 64px;
    display: flex;
    align-items: center;
}
section.content.first h2 {
    margin-bottom: 153px;
}
section.content.first .bx-img {
    float: left;
    position: relative;
}
section.content.first .bx-img:before {
    content: "";
    position: absolute;
    right: 59px;
    top: 22px;
width: 190px;
height: 190px;
  opacity: 0.86;
    background: #5EC45B;
    transition: all .4s;
      z-index: -1;
    border-radius: 50%;
}
section.content.first:hover .bx-img:before {
  width: 358px;
height: 358px;
    right: -25px;
    top:-60px;
}
 


section.content.second {
    padding: 36px 0 27px;
}
section.content.second article.content {
    background: #4C6168 0% 0% no-repeat padding-box;
    border-radius: 40px;
    color: #fff;
      padding: 140px 134px 153px;
}
section.content.second .bx-flx {
      display: flex;
    justify-content: space-between;
      align-items: start;
      transition: all .4s;
}
section.content.second .bx-flx .bx-left {
    width: 50%;
    text-align: center;
      transition: all .4s;
  opacity: .5;
}
section.content.second article.content.active .bx-flx .bx-left {
  opacity: 1;
}
section.content.second .bx-flx .bx-right {
    width: 49%;
      transition: all .4s;
}
section.content.second article.content.active .bx-flx .bx-right {
     margin-top: 56px;
}
section.content.second h2 {
    margin-bottom: 30px;
}
section.content.second .bx-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 10px;
      transition: all .4s;
}
section.content.second article.content.active .bx-grid {
  grid-gap: 47px 10px;
}
section.content.second .bx-grid .bx-home {
    position: relative;
}
section.content.second .bx-grid .icon {
    width: 137px;
    height: 137px;
    display: inline-block;
    border-radius: 50%;
      transition: all .4s;
}
section.content.second .bx-grid .bx-home:hover .icon {
    transform: scale(1.08);
}
section.content.second .bx-grid .bx-home .icon.icon1 {
    background: #fff url(../images/icon1-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home .icon.icon2 {
    background: #fff url(../images/icon2-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home .icon.icon3 {
    background: #fff url(../images/icon3-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home .icon.icon4 {
    background: #fff url(../images/icon4-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home .icon.icon5 {
    background: #fff url(../images/icon6-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home .icon.icon6 {
    background: #fff url(../images/icon5-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home:hover .icon.icon1 {
    background: #D6ECCB url(../images/icon1-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home:hover .icon.icon2 {
    background: #D6ECCB url(../images/icon2-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home:hover .icon.icon3 {
    background: #D6ECCB url(../images/icon3-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home:hover .icon.icon4 {
    background: #D6ECCB url(../images/icon4-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home:hover .icon.icon5 {
    background: #D6ECCB url(../images/icon6-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home:hover .icon.icon6 {
    background: #D6ECCB url(../images/icon5-second.png) no-repeat center;
}
section.content.second .bx-grid .bx-home h3 {
    font-size: 22px;
    color: #fff;
    margin: 20px 0 0;
}
section.content.second .readmore{
      background: linear-gradient(to right, #000 50%, #5EC45B 50%) no-repeat;
      background-size: 200% 100%;
    background-position: 100% 0;
}
a.link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0;
}



section.content.third {
    padding: 191px 0;
     background:  url(../images/slid.png) no-repeat center fixed;
   background-size: cover;
}
section.content.third .bx-txt {
    padding: 70px 137px 70px 0;
    position: relative;
    z-index: 1;
    max-width: 1066px;
}
section.content.third .bx-txt:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 100vw;
    z-index: -1;
  border-radius: 0px 30px 30px 0px;
}



section.boxes {
    padding: 85px 0 93px;
     background: rgba(0 0 0/5%);
      text-align: center;
}
section.boxes h2 {
    font-size: 60px;
    color: #4C6168;
      line-height: normal;
    margin-bottom: 39px;
}
section.boxes h2 span.txt {
    display: block;
    font-size: 30px;
}
section.boxes h3 {
    font-size: 38px;
    margin-bottom: 39px;
    line-height: normal;
}
section.boxes h3 span.txt {
    display: block;
    font-size: 18px;
}
section.boxes .counter-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
}
section.boxes .bx-txt p.numeros {
    font-size: 80px;
    font-weight: 400;
    line-height: normal;
    color: #4C6168;
    margin: 0;
}
section.boxes p.paises {
    font-size: 18px; 
    margin: 17px 0 0;
}
section.boxes .bx-flx {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
      position: relative;
}
section.boxes .bx-flx:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 80px;
    background: #707070;
    pointer-events: none;
}
section.boxes .bx-home {
    position: relative;
    padding: 38px 41px;
    background: #fff;
    border-radius: 20px;
}
section.boxes h4 {
    font-size: 25px;
    color: #4C6168;
    margin-bottom: 56px;
}
section.boxes .bx-top {
    margin-bottom: 61px;
}



/***********************slick dots*******************************/
.slick-dots{
    position: absolute;
    list-style: none;
    padding: 0;
    text-align: center;
  	right:0;
  	left:0;
    bottom: -55px!important;
    z-index: 2;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    height: 11px!important;
    width: 20px!important;
    padding: 0;
    cursor: pointer;
    margin: 0px 5px;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height:11px!important;
    width: 11px!important;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
    cursor: pointer;
  -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
}
.slick-dots li.slick-active button:before{
    color: transparent;
    background:#4C6168!important;
  	border: none;
    opacity: 1!important;
}
.slick-dots li button:before{
    background: #fff!important;
    border: none;
    display: block;
    height: 19px!important;
    width: 19px!important;
    content: '' !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1!important;
    color: transparent;
    cursor: pointer;
}

/*--------------------------------------------------*/

 
section.content .readmore , .content-avis .readmore{
     font-size: 18px;
    font-weight: 700;
    text-decoration : none;
letter-spacing: 0.61px;
color: #FFFFFF;
    text-transform: none;
    position: relative; 
background:#5EC45B;
    display: inline-block;
    transition: all .4s;
 padding: 10px 18px;
    border-radius: 36px;
    line-height: normal;
      font-family: "Open Sans", sans-serif;
    background: linear-gradient(to right, #4C6168 50%, #5EC45B 50%) no-repeat;
  background-size: 200% 100%; /* Double the width to hide the colored part initially */
  background-position: 100% 0; /* Position to the right to hide the colored part */
  transition: background-position 0.4s ease-out; 
}
section.content .readmore:hover,.content-avis .readmore:hover{
  background-position: 0 0;
} 
.slick-dots li button:hover, .slick-dots li.slick-active button {
    color: transparent!important;
}





/***************************************************
				Avis home Css
***************************************************/
section.content-avis {
    position: relative;
    padding: 90px 0 141px;
  padding: 70px 0 ;
    background: #5EC45B; 
    z-index: 1;
   }  
.content-avis .readmore {
    background: #4c6168;
    margin: 90px auto 0;
    display: table;
}
.content-avis .readmore:hover{
  opacity:0.8;
}
   section.content-avis h2{
        font-size: 60px;
        padding: 0 0 30px 0;
        color:#fff;
         text-align: center;
    }
  section.content-avis #Guestbook {
        clear: both;
    } 

section.content-avis .avis #Guestbook .guestbook-messages {
    margin-top: 0;
}
section.content-avis .avis .guestbook-form, section.content-avis .avis #Guestbook .guestbook-messages .gb-score, section.content-avis .avis #Guestbook .guestbook-messages .gb-count{
    display: none;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
    padding: 0 0  2px;
    float: none;
    clear: none;
    position: relative;
    /*display: none;*/
  }  
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time:before{
        content: " - ";
        padding-right: 2px;
        display: none;
    }

section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info{
 
    margin:0 0 20px; 
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-message{
    padding-top: 0;
    margin-top: 0;
    color:#ffffff;
    font-size: 14px; 
    display: inline-block;
    margin: 23px 0 0; 
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a{
    color:#fff!important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1; 
    font-style: normal;
    text-decoration: none !important;
    text-transform: none; 
    display: block;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time{
  
    font-size: 14px;
    font-weight: 400;
    line-height: 1; 
    font-style: normal;
    text-decoration: none !important;
    text-transform: none;
    margin: 0; 
    position: absolute;
    top: 30px;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date {
    margin: 0 0 2px;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-date>i,
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-time>i
{
    display: none;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-date-time-before{
    display: inline-block;
    text-transform: lowercase;
    vertical-align: top;
    display: none;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a{
    vertical-align: top;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name{
    line-height: 1;
    padding-left: 1px;
      float: none;
  margin-bottom: 10px;
      margin-top: 21px;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time .gb-time {
    margin-left: 1px;
    display: none;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score {
   /* position: absolute;
        top: inherit;
    bottom: 18px;
    left: 50%;
    transform: translate(-50%);*/
    white-space: nowrap;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score>strong{
    display: none;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score .fullStar, section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score .emptyStar {
     font-size: 28px;
    margin: 0 5px;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score .fullStar{
    color:transparent;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry {
    padding: 0;
    margin: 0 13px;
    border: none;
   color:white;
  position: relative;
    background:none;
   border:0;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry>div{
  position: relative;
    background: rgba(255 255 255 /12%);
  border: 1px solid rgba(112 112 112 /12%);
border-radius: 25px;
    padding: 30px;
      display: inline-block;
    width: 100%;
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score .fa-star:before{
    color:#FFF831; 
}
section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score .emptyStar .fa-star-o:before {
    opacity: 1; 
 color:#FFF831; 
}
section.content-avis .avis #Guestbook .slick-slider {
    padding: 0;
    margin: 0;
}
section.content-avis .avis #Guestbook .slick-dots{
    bottom:-50px;
    margin: 0;
        text-align: center;
}
section.content-avis  ul.slick-dots li {
    padding: 0;
    background-image: none;
    margin: 0;
    height: 12px;
    width: 35px!important;
}
section.content-avis .slick-dots li button {
    height: 14px;
    width: 14px;
}
section.content-avis .slick-dots li button:hover, section.content-avis .slick-dots li.slick-active button{
 color: transparent!important;
}
section.content-avis .slick-dots li button:before {
    font-size:21px;
    line-height: 21px;
    opacity: 1;
    color: transparent;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    background: rgba(255 255 255 /38%)!important;
    border: 0;
}
section.content-avis .slick-dots li.slick-active button:before {
    background:#fff!important;
    opacity: 1;
}
/*--------------------------------------------------
# Page avis client
--------------------------------------------------*/
.content .guestbook-messages{
    margin-top: 40px;
}
.content .gb-page-content {
    display: block !important;
}
.content div#Guestbook {
    position: relative;
    display: inline-block;
    width: 100%;
}
.guestbook-score .gb-rating{
    vertical-align: middle;
    display: inline-block;
}
.content .guestbook-score .gb-rating label {
      position: relative;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin: 0 5px 0 0;
    font-size: 0px;
    height: 25px;
    line-height: 1;
}
.content .guestbook-score .gb-rating label:after{
    color: #fff;
    content: '\f006';
    font-size: 20px;
    transition: color .4s;
    font-family: "FontAwesome";
}
.content .guestbook-score .gb-rating :checked ~ label::after {
    color: #fff;
    content: '\f005';
    font-family:"FontAwesome";
}
.content .gb-entry-score .fullStar, .gb-entry-score .emptyStar {
    color: #5ec45b;
}
.content .fa.fa-star-o:before{
      content: "\f006";
}
.content .guestbook-messages .gb-content .gb-entry {
    border-color: none;
    background: #ffffff;
    box-shadow: none;
    padding: 15px;
    margin-top: 15px;
    position: relative;
    border-bottom: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    border-image-source: linear-gradient(to right , #646464, #4c6168) !important;
    border-image-slice: 1;
    border-width: 4px;
}
.content .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a {
    color: #5ec45b;
    text-decoration: none;
}
.content .guestbook-messages .gb-content .gb-entry .gb-info {
    border-bottom: none;
}

.gb-entry-score {
    position: relative;
    right: 0;
    top: 0;
    margin-right: 0;
}
.content .guestbook-messages .gb-content .gb-entry .gb-info {
    border-bottom: none;
}
form.contactForm .two-column {
    display: inline-block;
    width: 49.7%;
}
form.contactForm #contact-field-id_mail {
    float: right;
}
/******************************************/

section.modules{
   position: relative;
    padding: 93px 0 0;
    color: #fff;
}
section.modules .slick-list {
    padding: 0 ;
    margin: 0 -51px;
}
section.modules article.box-actualite{
position: relative;
    background: #4C6168 ;
border-radius: 40px;
    padding: 80px 137px 149px ;
}
section.modules h2 {
    position: relative;
    margin: 0 0 30px;
    text-align: center;
      font-size: 60px;
    color: #fff;
} 
section.modules h5.news-title br {
    display: none;
}
section.modules .box-actualite .news-title{
   padding-bottom:0;
}
section.modules .box-actualite .news-title a {  
    font-size: 25px;
    color:#FFFFFF!important;
    font-weight: 600;
    text-transform: none;
    text-decoration: none!important;
    transition: 0.3s all;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    line-height: 34px;
}
section.modules .box-actualite .date, section.modules article #AllNews .NewsItem .date, section.modules article #NewsItems .NewsItem .date, section.modules article .NewsMasonry .NewsItem .date{
   font-size:25px;
    font-weight:300;
    line-height: 34px;
    color:#fff!important;
     text-transform: none;
    margin: 20px 0 ;
      font-family: 'Open Sans', sans-serif;
     display: block;
    position: relative; 
}
section.modules .box-actualite .date:before{
    /*content: "-";*/
    position: absolute;
    left: 0;
}
section.modules  #NewsSlider .NewsItem{
    margin: 0 51px;
    transition: 0.3s all;
    position: relative;
}
section.modules #NewsSlider .NewsItem .photo-news { 
    height: 291px;
    position: relative;
    border-radius: 20px;
      overflow: hidden;
}
section.modules .box-actualite #NewsSlider .NewsItem img.img-news-list{
    display: block;
    float: none;
    margin: 0;
        max-width: 100%!important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: inherit;
  background: #fff;
   border-radius: 20px;

} 
section.modules .box-actualite #NewsSlider .NewsItem:hover img.img-news-list{
    transition: all .4s;
    transform: scale(1.2);
}
section.modules .box-actualite #NewsSlider .NewsItem img.img-news-list.img-defaut {
    object-fit: scale-down;
      padding: 10px;
}
section.modules #NewsSlider .NewsItem .News-blc {
    padding: 0;
}
section.modules .slick-slider {
    margin: auto;
}
section.modules .box-actualite .NewsMasonry .NewsItem p {
    line-height: 33px;
    font-size: 18px;
    font-weight: 300;
    color: #fff!important;
    transition: 0.3s all;
    margin-bottom: 18px;
      max-width: 409px;
display: none;
}
section.modules .box-actualite .NewsMasonry .NewsItem .readmore {
    font-size: 20px;
    font-weight:300;
    text-decoration: underline;
    color: #fff;
    text-transform: none;
    position: relative;
    background: none;
    border:0;
    border-radius: 0;
    display: inline-block;
    transition: all .4s;
    padding: 0;
    line-height: normal;  
    font-family: 'Open Sans', sans-serif; 
} 
section.modules .box-actualite #NewsSlider .slick-dots li, .itemSlider .slick-dots li{
    width:35px!important; 
      margin: 0;
  background: none;
    padding: 0;
}
section.modules .slick-slider, section.modules #NewsSlider, section.modules .itemSlider {
    margin-bottom: 0;
}
section.modules .slick-dots{
    list-style: none;
    padding: 0;
    text-align: center;
       bottom: -60px !important;
    margin: 0;
}
.slick-dots li button:hover, .slick-dots li.slick-active button  {
  border: 0!important;
}
section.modules .box-actualite  #NewsSlider .slick-dots li.slick-active button:before, section.modules  .itemSlider .slick-dots li.slick-active button:before{
    color: transparent;
    background:#fff!important;
}
section.modules .box-actualite #NewsSlider .slick-dots li button:before, section.modules .itemSlider .slick-dots li button:before{
    color: transparent;
    font-size: 21px;
    background:rgba(255 255 255 /38%)!important;
    border-radius: 50%;
    border: 0;
    width: 21px;
    height:21px;
      line-height: 21px;
    opacity: 1!important;
}
.NewsMasonry.NewsMasonry.news-page span {
    display: none;
}
section.modules .box-actualite #NewsSlider .NewsItem img.img-news-list.default {
    object-fit: scale-down;
    padding: 10px;
    background: #fff;
}
section.modules .slick-prev, section.modules .slick-next{
   height: 45px;
    width: 22px;
    opacity: 1!important;
    top: inherit;
    transform: none;
    bottom: 0;
    right: inherit;
      left: 50%;
    transform: translate(-50%);
}
section.modules .slick-next {
   margin-left: 42px;
}
section.modules .slick-prev:before {
    background: url(../images/slik1.png) no-repeat center ;
    display: inline-block;
    height: 45px;
    width: 22px;
        color: transparent;
    opacity: 1;
}
section.modules .slick-next:before {
    background: url(../images/slik2.png) no-repeat center;
    display: inline-block;
   height: 45px;
    width: 22px;
        color: transparent;
    opacity: 1;
}
section.modules #NewsSlider .NewsItem a.link {
    position: absolute;
    inset: 0;
    font-size: 0;
}
section.modules article.box-actualite > div.red {
    display: table;
    margin: 76px auto 0;
} 
/*--------------------------------------------------*/


img.img-news  {
    float: right;
    margin: 0 0px 15px 25px;
    max-height: 170px;border-radius: 15px;
}
article .news-title a{
    text-decoration: none!important;
}
section.content article .NewsMasonry {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 51px 33px;
}
section.content article .NewsMasonry .NewsItem {
    position: relative !important;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 0 !important;
    left: 0 !important;
    border: none;
} 
section.content article .NewsMasonry .NewsItem .photo-news { 
    position: relative; 
    transition: box-shadow .4s;
    height: 291px;
      overflow: hidden;
    border-radius: 20px 20px 0px 0px;
}
section.content article .NewsMasonry .NewsItem .photo-news img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
      max-height: 100%;
  margin:0;
border-radius: 20px 20px 0px 0px;

} 
section.content article .NewsMasonry .NewsItem:hover img.img-news-list{
    transition: all .4s;
    transform: scale(1.2);
}
section.content article .NewsMasonry .NewsItem .photo-news img.img-news-list.img-defaut {
    object-fit: scale-down !important;
    background: #F1F1F1;
    padding:  10px;
}
section.content article .NewsMasonry .NewsItem .News-blc {  
    padding:  20px;
}
section.content article .NewsMasonry .NewsItem .News-blc h5.news-title.box3 {
    margin: 0 0 10px;
}
section.content article .NewsMasonry .NewsItem .News-blc h5 a {
    font-size: 20px;
    color:#4C6168!important;
    font-weight: 600;
    text-transform: none;
    text-decoration: none!important;
    transition: 0.3s all;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    line-height: 27px;
} 
article #AllNews .NewsItem .date, article #NewsItems .NewsItem .date, article .NewsMasonry .NewsItem .date{
  font-size:18px;
    font-weight:300;
    line-height: 24px;
    color:#4C6168!important;
     text-transform: none;
    margin: 0 0 10px;
      font-family: 'Open Sans', sans-serif;
     display: block;
    position: relative; 
}
section.content article .NewsMasonry .NewsItem .readmore{
    font-size: 20px;
    font-weight:300;
    text-decoration: underline;
    color: #4C6168;
    text-transform: none;
    position: relative;
    background: none;
    border:0;
    border-radius: 0;
    display: inline-block;
    transition: all .4s;
    padding: 0;
    line-height: normal;  
    font-family: 'Open Sans', sans-serif; 
}
 
/****** */
.backbtn {
    clear: both;
}
 

/*--------------------------------------------------*/

.backbtn {
    clear: both;
}
.backbtn {
    background: url(../images/back.png) no-repeat center center !important;
    width: 36px !important;
    height: 36px !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    padding: 0 !important;
    margin:4px 0 0 !important;
}
.backbtn:hover {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
/*--------------------------------------------------*/
 

section.faq {
    position: relative;
    padding: 69px 0 103px;
}
section.faq .menu-accordion {
    max-width: 792px; 
}
section.faq  .img-position {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    overflow: hidden; 
    margin-left: 152px;
    right: 0;
}
section.faq .img-position img {
    width: 100%;
    height: 100%;
      object-fit: cover;
    object-position: right top;
  border-radius: 0px 0px 0px 200px;
}
article.box-faq {
    position: relative;
}
section.faq h2 {
    font-size: 60px;
    text-align: center;
    line-height: normal;
    color: #4C6168;
    margin-bottom: 71px;
}
section.faq h2 span.txt {
    display: block;
    font-size: 30px;
}

/******* Accordion *******/

.menu-accordion .NewsItem:not(:last-child) {
    margin: 0 0 30px;
}
.box_acc {
  padding:  0 ;
  margin:0;
  .transition(@effect);
  position: relative; 
  width: 100%;
}
.box_acc:hover { 
  cursor: pointer; 
}
.box_acc h3 { 
  font-size:20px;
  color:#4C6168;
  margin: 0 ; 
padding: 14px 77px 14px 48px;
    border-bottom: 0;
    text-transform: none;
    position: relative;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 40px;
      line-height: 50px;
}
.box_acc.opendiv h3 {
    color: #5EC45B;
      transition: all .4s;
}
.box_acc h3:before {
    content: "";
    position: absolute;
    top: 25px;
    right: 40px; 
   background: url(../images/flch.png) no-repeat center;
      width: 31px;
    transition: all .4s;
    height: 29px;
}
.box_acc.opendiv h3:before {
  transform: rotate(180deg); 
}
.box_acc.opendiv:before {
right: 5px;
}
.show_me_acc { 
  display: none;
  padding:0 0 26px;
  margin: 20px 0 0;
border-bottom: none;
    font-size:16px;
}
.show_me_acc p {
  -webkit-margin-before: 0;
  margin: 0;
  padding: 0;
}
 



/**footer**/
footer.bottom {
    position: relative;
    padding:48px 0 41px;
    background: rgba(48 58 61/8%); 
     color: #4C6168; 
  font-size:14px; 
    line-height: 19px;
}  
footer.bottom .bx-grid {
    display: grid;
    justify-content: space-between;
    grid-template-columns: auto auto auto auto auto ;
  gap:10px;
      align-items: start;
} 
footer.bottom .logo-footer img{
  	max-width:100%;
}
.logo-footer.resp {
      display: none;
    text-align: center;
    margin-bottom: 30px;
}
footer.bottom .tel  {
    position: relative;
    margin: 20px 0 0;
    font-weight: 700; 
    font-size: 20px;
}
footer.bottom .adr a, footer.bottom .tel a {
    text-decoration: none !important;
    color:#4C6168; 
}
footer.bottom .adr a:hover, footer.bottom .tel a:hover {
    color: #5EC45B;
}  
footer.bottom .hor p {
    margin: 0  ;
}
.fa.fa-level-up::before {
	content: "\f148" !important;
}
footer.bottom h4 { 
    font-size: 18px;
    margin: 0 0 10px;
}
footer.bottom .bx-lien ul {
    padding: 0;
    margin: 0;
}
footer.bottom .bx-lien ul li {
    background: none;
    margin: 0;
    padding: 0;
}
footer.bottom .bx-lien a {
    display: block;  
    color: #4C6168;
    text-decoration: none;
}
footer.bottom .bx-lien a:hover {
    color: #5EC45B;
} 
footer.bottom .bx-sertif p {
    max-width: 287px;
    margin: 22px 0 0;
}

/*--------------------------------------------------*/

.bande-bas {
    position: relative;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    background: #4C6168;
    font-size: 16px;
    line-height: 28px;
}
.bande-bas a {
  color: #fff;
  text-decoration: underline;

}
.bande-bas a:hover {
  text-decoration: none;
}
#_atssh{
    display: none;
}


/************************************************************
					# page contact
*************************************************************/
 
section.content.content-pag.contact-interne .grid-form-part.contentForm {
    display: grid;
    grid-template-columns: 368px auto;
    gap: 30px; 
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part {
    order: -1;
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part .maps-formulaire {
    margin: 0 0 35px;
    mix-blend-mode: luminosity;
    border-radius: 10px;
    overflow: hidden;
    height: 284px;
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part .maps-formulaire .box_googlemapsv2 {
    display: block;
    height: 100%;
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part h2{ 
      margin: 0 0 15px; 
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part h5 {
    font-size: 16px;
    color: #4C6168;
    margin: 0 0 15px;
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part .tel {
    margin: 15px 0;
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part .adr a, section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part .tel.work a.phone-number {
    color: #4C6168; 
    text-decoration: none;
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part .adr a:hover, section.content.content-pag.contact-interne .grid-form-part.contentForm .vCard-part .tel.work a.phone-number:hover {
    color: #5EC45B;

}
section.content.content-pag.contact-interne .formulaire-bg {
    background: #4C6168;
    border-radius: 20px;
    padding: 50px;
}
section.content.content-pag.contact-interne .grid-form-part.contentForm .formulaire-part h2 {
    margin: 0 0 30px; 
}
section.content.content-pag.contact-interne .contactForm .contact-field-item .contact-field-element .form-field {
    outline: none !important;
}

 


/*--------------------------------------------------*/
 
#_atssh{
    display: none;
}
/*********************************************************/

/*--------------------------------------------------*/


/*--------------------------------------------------*/

.box-light {
  background: none;
  border:2px solid #4C6168;
  padding: 15px 15px 10px;
  margin: 0 0 20px;
  border-radius: 40px;
}
.box-dark {
  background: #282828;
  padding: 15px 15px 10px;
  margin: 0 0 20px;
  color:white
}
.col-md-8.col-md-push-4 h3{margin-top:0}
.vCard .box-light h5{margin:0 0 3px}
.vCard .box-light{margin-top:11px; text-align-last: left;}

/*--------------------------------------------------*/
a#scrollTopBtn {
    bottom: 55px;
    left: inherit;
    right: 7% !important;
    margin: 0;
    padding: 6px 15px 1px;
    background: #4C6168;
    border-radius: 0;
    font-size: 30px;
    line-height: 1;
    box-shadow: 0 5px 30px rgb(255 255 255 / 50%);
    transition: background .4s, box-shadow .4s;
    transform: translateX(50%);
}
a#scrollTopBtn:hover{
  background:#5EC45B;
  box-shadow:0 5px 30px rgba(0,0,0,.5)
}
a#scrollTopBtn i.fa::before{
  content:'\f0d8';
  color: #fff;
}
.cookieinfo a.cookieinfo-close{
  border-radius:3px!important;
  text-transform:uppercase;
  font-size:.9em;
  padding:5px 15px!important
}


/*--------------------------------------------------
## 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: #ccc;
  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: #fff;
}
/* Menu */
.menu-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 280px;
  height: 100%;
  background: #282828;
  box-shadow: 0 0 20px rgba(0,0,0,.8);
  padding: 40px 20px 20px;
  transform: translateX(-110vw);
  transition: transform 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
  transform: translateX(500px);
}
.mobile-menu > ul {
  display: block;
  transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
  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: 15px;
  line-height: 1.5em;
}
.mobile-menu ul ul {
  background: rgba(0,0,0,.15);
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
  border-top: none;
}
.mobile-menu li {
  padding: 0px 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: 'FontAwesome';
  position: absolute;
  color: rgba(255,255,255,.5);
  z-index: 5;
  left: 10px;
}
.mobile-menu a {
    padding: 5px;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: color .4s, background .4s;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.mobile-menu a:hover, .mobile-menu li.selected>a, .mobile-menu li.active>a {
  color: #fff;
  background: #4C6168;
}
.mobile-menu li li a {
  padding-left: 25px;
}
/* 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 {
  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 {
  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);
}
.fullsite {
  position: relative;
  overflow: hidden;
}
article.content img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/*--------------------------------------------------
mise en page
--------------------------------------------------*/

section.page-content {
  padding: 70px 0;
}
 
section.page-content ul, section.page-content ol {
 
  margin: 0 auto 10px;
}
section.page-content .networks_linking {
    display: table;
}
section.page-content .networks_linking a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #4C6168 !important;
    color: #fff;
    text-align-last: center;
    text-decoration: none;
    margin: 0 4px;
}
section.page-content .networks_linking .fa-twitter:before {
    content: "\e61b";
    font-family: "Font Awesome 6 Brands" !important;
}
section.page-content .networks_linking a:hover {
  background: #1D1D1B!important;
}
section.page-content .bx-grid-page {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 30px;
}
section.page-content .bx-grid-page.g1 .bx-img {
  order: 2;

}
section.page-content .bx-grid-page img {
  width: 100%;
  height: 100%;
  object-fit: cover;
      border-radius: 40px;
}
section.page-content .bx-grid-page .bx-img img {
  position: absolute;
}
section.page-content .bx-grid-page .img1 {
    height: 250px;
}
section.page-content .bx-grid-page .bx-txt {
  padding: 40px 0 0;
}


/*search*/

.webshopTemplate .ui-autocomplete {
        z-index: 10000 !important;
    }
.webshopTemplate .ui-autocomplete li a {
    color: #000 !important;
}
.webshopTemplate .ui-autocomplete li a:hover,.webshopTemplate .ui-autocomplete li a#ui-active-menuitem{
        background:#2e2b2c !important;
        color: white !important;
  
}

/************** top bar *****************/

 
#Shop div#ShopContent {
    padding: 0;
}
#Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title {
        text-align: left;
    }
#Shop div#ShopContent #wishlistEmptyBlock {
        display: none;
}
#Shop div#Head{
    display: none!important;
} 

/***************************************************
		onglets page menu CSS
***************************************************/
section.content .text-resize .slider_gallery {
	width: 100%;
	display: block;
	margin: 0;
    padding: 0px;
    overflow: hidden;
  }
	section.content .text-resize .slider_gallery li {
		display: inline-block;
		background: transparent !important;
		padding: 0px !important;
    	margin: 0px 0 10px 0 !important;
        cursor: pointer;
      }
        section.content .text-resize .slider_gallery li::before{
            display: none;
        }
    	section.content .text-resize .slider_gallery li a {
 padding: 15px 15px !important;
    color: white;
    border-radius: 15px;
    display: inline-block;
    text-decoration: none;
    font-size: 1.14em;
    background: #282828;
    transition: 0.4s all;
    	}	
	

section.content .text-resize .slider_gallery li:hover a{
    text-decoration: none;
    color: white;
    background-color:#4C6168 !important;
   
}

section.content .text-resize .box_gallery {
	display: none;
	background-color: none;
	padding: 0;
	overflow: hidden;
  }
	section.content .text-resize .box_gallery p {
		text-align: left;
	}
   section.content .text-resize .box_gallery h2{
       text-align: center;
    padding: 10px 0 10px 0;
    margin: 10px 0 20px 0;
    background: #fff;
    line-height: 1;
    border-radius: 45px;
    }
   section.content .text-resize .box_gallery h3{
        text-align: left;
    }
.contactForm .contact-field-legend{
	display : none;
}
.contactForm fieldset.cols{
	display : grid;
  	grid-template-columns : repeat(2, 1fr);
  	grid-gap : 0 15px;
}

div#sticky-wrapper {
    height: auto !important;
}


table.table-bordered.table-responsive.table-hover {
    width: 100%;
 margin-bottom: 20px;
}
table.table-bordered td p {
    margin-bottom: 0;
}
table.table-bordered.table-responsive.table-hover th, table.table-bordered.table-responsive.table-hover td {
    padding: 7px 10px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #1D1D1B;
}
.table-hover>tbody>tr:hover {
    background-color: #000;
}
/*table, th, td {
  border: 1px solid #1D1D1B;
  border-collapse: collapse;
}*/


/*******************************/
/***/
table.table-responsive.table-content {
    border-radius: 10px;
    margin: 30px 0;
    border: none;
    border-collapse: inherit;
    width: 100%;
}
.table-content td {
    border: none;
    padding: 10px 0;
    border-bottom: 1px solid #4C6168;
}
.table-content td:last-child {
    text-align: right;
    font-weight: 700;
    width: 15%;
}
/*.table-content td:first-child {
    border-right: 2px solid #F9CF00;
}*/
/*.table-content tr td.bottom*/.tab-part h2{
    border-right: none;
    text-align: center;
    color: #5EC45B;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 400;
    background: #4C6168;
    border-radius: 5px;
  padding:10px 10px
}
.table-content tr:last-child > td {
    border-bottom: 0;
}
 
#sdgdpr_modal_body a, #cookieabout_prompt_content a {
    text-decoration: underline;
    color: #000;
}
#sdgdpr_modal_body a:hover, #cookieabout_prompt_content a:hover {
    text-decoration: underline;
    color: #555;
}
.btn-gdpr {
    text-decoration: none !important;
}

/*--------------------------------------------------*/
.modal-body{
  color:#282828;
}
 
section.banner.small {
    height: 837px ;
}
.interne-content {
    position: absolute;
    top: 297px;
    left: 0;
    right: 0;
    z-index: 2;
    color: white;
    font-size: 16px;
  
}
.interne-content .container {
    width: 100%;
    max-width: 1371px;

} 
.txt-interne {
    position: relative;
}
.interne-content .container .txt-interne p{
    max-width: 930px;
}
.interne-content .container .txt-interne a{
    color: white;
}
.interne-content div#Breadcrumbs {
    font-size: 18px;
    margin-bottom: 7px;
   color: white;
}
.interne-content div#Breadcrumbs:before {
    position: relative;
    content: "Nos formations   >   ";
}
.interne-content .bloc-h1 {
    position: relative;
     padding-bottom: 44px;
    margin-bottom: 48px;
}
.interne-content .bloc-h1:before {
    background: rgba(94, 196, 91, 1) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 200px 0px;
    opacity: 0.9;
    position: absolute;
    right: 150px;
    bottom: 0;
    top: -69vh;
    content: "";
    z-index: -1;
    width: 100vw;
}

.interne-content .title-top {
    font-size: 18px;
    margin-bottom: 7px;
    color: white;
}
.interne-content h1 {
    color: white;
    font-size: 50px;
    margin: 0;
    position: relative;
      max-width: 929px;
    width: 100%;
}
.interne-content .container .txt-interne .readmore-btn {
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    padding: 13px 17px 13px 21px;
    border-radius: 36px;
    background: #fff;
    font-weight: 600;
    color: #5EC45B !important;
    margin-top: 34px;
    display: flex;
    max-width: 218px;
    gap: 10px;
    position: relative;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: all;
}
.interne-content .container .txt-interne .readmore-btn:after {
       position: relative;
  background:url(../images/btn-cat.png)no-repeat center;
  height:17px;
  width:17px;
  content: "";
  display: inline-block;
      transition: all .3s;
}
.interne-content .container .txt-interne .readmore-btn:hover{
background:#F2F2F2;
      transition: all .4s;
}
.interne-content .container .txt-interne .readmore-btn:hover:after {
    transition: all .3s;
    transform: rotate(90deg);
}
.interne-content .container .txt-interne.habilitations:before {
    position: absolute;
    right: 0;
    bottom: -154px;
    content: "";
    max-width: 181px;
    width:100%;
    height: 370px;
    background: url(../images/bg-hab.png) no-repeat bottom right;
  background-size:contain;
}
.interne-content .container .txt-interne.inc:before {
    position: absolute;
    right: -45px;
    bottom: -47%;
    content: "";
    max-width: 282px;
  width:100%;
    height: 370px;
    background: url(../images/inc.png) no-repeat bottom right;
  background-size:contain;
}
.interne-content .container .txt-interne.sst:before {
    position: absolute;
    right: -95px;
    bottom:-144px;
    content: "";
    max-width: 424px;
  width:100%;
    height: 370px;
    background: url(../images/sst.png) no-repeat bottom right;
  background-size:contain;
}
.interne-content .container .txt-interne.gestes:before {
    position: absolute;
    right: 0;
    bottom:-124px;
    content: "";
    max-width: 305px;
  width:100%;
    height: 309px;
    background: url(../images/gestes.png) no-repeat bottom right;
  background-size:contain;
}
.interne-content .container .txt-interne.pcs:before {
    position: absolute;
    right: -95px;
       bottom: -58px;
    content: "";
    max-width: 388px;
  width:100%;
    height: 224px;
    background: url(../images/pcs.png) no-repeat bottom right;
  background-size:contain;
}
.interne-content .container .txt-interne.charge:before {
    position: absolute;
     right: 127px;
    bottom: -100px;
    content: "";
    max-width: 158px;
  width:100%;
    height: 321px;
    background: url(../images/charge.png) no-repeat bottom right;
  background-size:contain;
}
/*****************/
section.page-content.content.cat-interne {
    padding: 85px 0 53px;
}
section.page-content.content .readmore-prod {
    float: right;
    margin-right: 25px;
    width: auto;
    color: #5ec45b;
    font-weight: 700;
      display: flex;
    gap: 5px;
      position: relative;
      align-content: center;
    justify-content: center;
    align-items: center;
}
section.page-content.content .readmore-prod:before {
       position: relative;
  background:url(../images/btn-prod.png)no-repeat center;
  height:21px;
  width:21px;
  content: "";
  display: inline-block;
      transition: all .3s;
  
}

.webshopArticleTemplate section.banner.small {
    height: auto;
}
.webshopArticleTemplate div#bg-slideshow, .webshopArticleTemplate .interne-content {
    display: none;
}
.webshopArticleTemplate section.page-content.content {
    padding: 0 0 50px;
}


/* -- */
#consent_wrapper_about {
    overflow: hidden;
}
#consent_wrapper_about #cookieabout_prompt_content {
    max-height: calc(95vh - 100px);
    overflow-y: auto;
}

section.page-content.content .guestbook-form {
    background: #4c6168;
    padding: 30px;
    color: #fff;
    border-radius: 15px;
}
/* -- */
@media only screen and (max-width :1799px) {
 .marketing-wrapper .bx-title { 
    padding: 306px 0 91px 120px;
}
 section.content.second article.content { 
    padding: 140px 120px 153px;
} 
  .sf-menu > li {
	margin: 0px 20px;
}
  
}
@media only screen and (max-width :1599px) {
   
   /* .sf-menu > li { 
    margin: 0px 8px;
  }*/
  .sf-menu a { 
    font-size: 20px;
  }
      .marketing-wrapper .bx-title {
        padding: 306px 0 91px;
    }
  .marketing-wrapper .bx-title h2 { 
    font-size: 50px;
  }
  .marketing-wrapper .bx-title h2 span.txt { 
    font-size: 22px;
}
  h1, .h1 {
    font-size: 55px;
  }
  section.content.first {
    padding: 70px 0;
}
  section.content.second {
    padding: 0 0 27px;
}
  section.content.second article.content { 
    padding: 70px 15px;
}
  section.content.third {
    padding: 100px 0;
  }
  section.modules #NewsSlider .NewsItem {
    margin: 0 25px;
  }
  section.modules .slick-list { 
    margin: 0 -25px;
}
  .interne-content .container .txt-interne.inc:before , .interne-content .container .txt-interne.sst:before, .interne-content .container .txt-interne.pcs:before{ 
    right: 0;
  }
  .bg-head .container-fluid {
	max-width: 1398px;
}
    li#menu_10 {
    right: 0px;
}
  li#menu_9 {
    right: 120px;
}
  li#menu_8 {
    right: 200px;
}
  li#menu_1 {
    right: 320px;
}
   .sf-menu a {
        font-size: 16px;
    }
}
@media only screen and (max-width :1399px) {
	  .bg-head .bx-page { 
    padding: 21px 0 23px 15px;
  }
 
  .sf-menu > li {
        margin: 0px 13px;
    }
  .bg-head .tel a { 
    font-size: 24px;
  }

  header.top .bg-head a.readmore { 
    font-size: 17px;
  }
  section.formhome .contactForm .contact-field-item { 
    width: 47.3%;
  }
  section.formhome { 
    padding: 40px 15px;
    max-width: 650px;
  }
      .marketing-wrapper .bx-title h2 {
        font-size: 45px;
    }
      .marketing-wrapper .bx-title h2 span.txt {
        font-size: 20px;
    }
  section.content.first .bx-txt ul {
    font-size: 18px; 
    grid-gap: 20px;
    margin-top: 50px;
}
  h2, .h2 {
    font-size: 35px;
}
  section.modules article.box-actualite { 
    padding: 70px 15px 100px;
}
  section.modules .slick-list { 
    margin: 0;
}
  section.faq .menu-accordion {
    max-width: 600px;
}
  .box_acc h3 {
    font-size: 18px; 
    padding: 23px 70px 23px 14px;
    line-height: normal;
}
  .box_acc h3:before { 
    right: 20px;
  }
  section.faq .img-position { 
    margin-left: 45px;
  }
  
   .bg-head .container-fluid {
	max-width: 1200px;
}
  
  
}
@media only screen and (max-width :1199px) {
   
  .flottant {
	top: 40%;
	right: 0;
	z-index: 105;
}
  .flottant .networks_linking a {
	width: 48px;
	height: 48px;
	margin: 0 0 8px;
	line-height: 48px;
}
  header.top .bg-head .bx-grid .slide-right {
	position: absolute;
	right: 0;
	top: -50px;
}
  /*header .bx-flx { 
    flex-direction: column;
}*/
  header.top .bg-head .bx-grid {
    display: flex;
    flex-direction: column;
    grid-gap: 25px; 
}
  .bg-head .bg-top { 
    padding: 11px 0 70px 15px;
}
  li#menu_1, li#menu_8, li#menu_9, li#menu_10 { 
    top: -70px;
    margin: 0;
    left: 50%;
    transform: translate(-50%);
    right: auto !important;
}
  li#menu_1 { 
        margin-left: -120px;
    }
      li#menu_8 { 
        margin-left: -30px;
    }
      li#menu_9 { 
        margin-left: 50px;
    }
  li#menu_10 { 
        margin-left: 120px;
    }
  section.banner {
    height: auto;
  }
  .marketing-wrapper .bx-grid {
    display: block;
  }
  header.top .banner div#bg-slideshow {
    height: 700px;
            position: relative;
}
  .marketing-wrapper .bx-title:before { 
    right: 0;
  }
      .marketing-wrapper .bx-title {
               padding:70px 0;
        height: inherit;
    }
  .marketing-wrapper .bx-title h2 { 
        max-width: 98%;
    }
  .marketing-wrapper .bx-title h2 span.txt{
    max-width: 90%;
  }
      section.formhome { 
        max-width: 100%;
                margin: 40px 0;
    }
  .marketing-wrapper {
    position: relative;
    clear: both;
  }
  section.formhome .contactForm .contact-field-item {
        width: 48.3%;
    }
      h2, .h2 {
        font-size: 30px;
    }
  h1, .h1 , .interne-content h1{
        font-size: 40px;
    }
  section.content.first:hover .bx-img:before {
    width: 300px;
    height: 300px;
        right: 0;
  }
  section.content.first .bx-txt ul li { 
    padding-left: 80px;
  }
  section.content.third .bx-txt {
    padding: 70px 15px 70px 0;
  }
  section.boxes h2, section.content-avis h2, section.faq h2, section.modules h2 {
    font-size: 40px;
  }
  section.boxes .bx-home { 
    padding: 30px 15px;
  }
  section.boxes .bx-txt p.numeros {
    font-size: 55px;
  }
  section.faq .img-position {
        position: relative;
        margin: 0 auto 30px;
        left: 0;
            height: 400px;
    }
  section.faq .img-position img { 
    object-position: center;
  }
      section.faq .menu-accordion {
        max-width: 100%;
    }
  .logo-footer.nrml {
      display: none;
  }
    .logo-footer.resp {
            display: table;
        margin: 0 auto 30px;
  }
  footer.bottom .bx-grid {
    grid-template-columns: auto auto auto auto ;
  }
   
   /************************************************************
					# page contact
*************************************************************/ 
  
  section.content.content-pag.contact-interne  .grid-form-part.contentForm {
    grid-template-columns: 300px auto;
}
 
    
  .interne-content {
    position: relative;
    top: 0;
    clear: both;
          background: #E5E5E5;
        color:#4C6168;
        padding: 0 0 40px;
    }
  section.banner.small {
    height: auto;
}
  
  .interne-content .bloc-h1:before { 
    right: 0; 
    top: 0;
  }
  .interne-content .bloc-h1 { 
    padding: 44px 15px 44px 0;
  }
 .interne-content .container .txt-interne a {
    color: #5EC45B;
}
  
  .webshopArticleTemplate header.top { 
    min-height: 269px; 
}
 
  .interne-content .container .txt-interne:before{ 
    display: none;
}
  
}
@media only screen and (max-width :991px) {
  .flottant .networks_linking a {
	width: 40px;
	height: 40px;
	margin: 0 0 5px;
	line-height: 40px;font-size: 24px;
}
    header.top .bg-head .bx-grid .slide-right {
	position: relative;
	right: auto;
	top: auto;
}
  header.top .bg-head .bx-grid {
	display: flex;
	flex-direction: inherit;
	grid-gap: 25px;
}
   nav.main-nav .nav-bar {
    display: none;
}
    nav.main-nav .mobile-nav {
    display: inline-block;
    }
 
h1, .h1, .interne-content h1 {
  font-size: 34px;
}
h2, .h2 {
  font-size: 30px;
}
h3, .h3 {
  font-size:27px;
}
h4, .h4 {
  font-size: 25px;
}
h5, .h5 {
  font-size: 23px;
}
h6, .h6 {
  font-size: 21px;
}
   
       .bg-head .bg-top {
        padding: 11px 0 20px 15px;
    }
  .bg-head {
        position: relative!important;
    /* height: 226px; */
    top: 0;
    bottom: inherit!important;
  }
  .nav-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
  .webshopArticleTemplate section.banner.small .nav-wrapper {
    position: relative;
}
  header.top .is-sticky nav.main-nav {
    position: fixed!important;
    top: 0!important; 
    background: #F1F1F1!important; 
    padding: 10px 0!important;
    width: 100%!important;
          border: 0;z-index: 100 !important;
    margin: 0;
            left: 0;
        right: 0;
} 
      header.top .banner div#bg-slideshow {
        height: 500px;
  }
  section.formhome .contactForm .contact-field-item {
        width: 47.8%;
    }
  section.home-content .icon1 {
    margin-left: 40px;
  }
 section.home-content .icon img {
          max-height: 50px;
        max-width: 50px;
  }
  section.home-content .icon1.active {
    margin-left: 50px;
  }
  section.home-content .icon4 {
    margin-right: 40px;
  }
  section.home-content .icon4.active {
    margin-right: 50px;
  }
  section.home-content .bx-txt {
    padding-top: 0;
}
  section.content.first .bx-flx {
    display: block;
  }
  section.content.first .bx-left, section.content.first .bx-txt {
    width: 100%;
}
  section.content.first .bx-img {
    float: none;
    margin: 0 auto 30px;
  }
  section.content.first h2 {
    margin-bottom: 70px;
}
  section.content.second .bx-flx {
    display: block;
  }
  section.content.second .bx-flx .bx-left {
    width: 100%;
  }
  section.content.second .bx-flx .bx-right {
    width: 100%;
  }
  section.boxes .counter-grid { 
    grid-template-columns: repeat(1, 1fr);
  }
      section.boxes .bx-home { 
        max-width: 600px;
                width: 100%;
        margin: auto;
    }
  footer.bottom .bx-grid {
    display: block;
}
  footer.bottom {
    padding: 50px 0;
    text-align: center; 
} 
  
  footer.bottom .bx-hor {
    margin-top: 15px;
}
 footer.bottom .bx-sertif>div {
    margin: 20px auto 0;
    display: table;
}
  footer.bottom .bx-sertif p { 
    display: inline-block;
}
  
     /**********************************************/
  .content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-flow: row wrap!important;
    flex-flow: row wrap!important;
    margin: 0 -1.5%!important;
}
.content.webshop-content.home-content #Shop div#ShopContent #article-content #Products #Items .ProdItem {
    -webkit-flex: 0 0 48% !important;
    flex: 0 0 48% !important;
    margin: 10px 1% !important;
    width: 48%!important;
  	
} 
 section.page-content .bx-grid-page {
      display: block;
    }
 section.page-content .bx-grid-page .bx-img img {
           position: relative;
      height: 300px !important;
  }
  section.page-content .bx-grid-page .img1 {
    max-width: 300px;
    margin: auto;
}
   
/************************************************************
					# page contact
*************************************************************/ 
  section.content.content-pag.contact-interne .formulaire-bg { 
    padding: 30px 15px;
}
  section.content.content-pag.contact-interne  .grid-form-part.contentForm {
    grid-template-columns:  auto;
}
  section.content.content-pag.contact-interne  .grid-form-part.contentForm .vCard-part {
    order: inherit;
}
  
 section.page-content.content .grid-part.part2.part-groupe .txt-grid {
      padding: 0 0;
  }
  section.page-content.content .grid-part {
      display: block;
    }
  section.page-content.content .grid-part .img-grid img {
      display: block;
      margin: 0 auto 20px;
      max-width: 480px;
      height: 300px;
      position: relative !important;
  }
  section.content article .NewsMasonry { 
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 33px;
}
  
  .webshopArticleTemplate header.top {
        min-height: auto;
    }
  .webshopArticleTemplate .bg-head {
        position: relative !important;
    }
}
@media only screen and (max-width :767px){
     header .bx-flx { 
    flex-direction: column;
}
  .bg-head .tel a {
    font-size: 20px;
  }
.contactForm fieldset.cols,.formhome form.contactForm .cols{
  display : block;
  }
 header.top .bg-head a.readmore {
	font-size: 17px;
	letter-spacing: 0;
}
      section.formhome .contactForm .contact-field-item {
        width: 100%;
    }
  section.formhome .gdpr_policy { 
    font-size: 15px;
  }
  section.home-content .bx-icon {
    display: none;
  }
  .content.home-content .bx-grid {
    display: block;
  }
      section.content.first:hover .bx-img:before {
        width: 250px;
        height: 250px; 
        top: -30px;
    }
  section.content.second .bx-grid { 
    grid-template-columns: repeat(2, 1fr);
  }
    section.boxes h2, section.content-avis h2, section.faq h2, section.modules h2 {
        font-size: 30px;
    }
  .marketing-wrapper .bx-title {
	padding: 20px 0;
	height: inherit;
}
  section.boxes h2 span.txt , section.faq h2 span.txt{ 
    font-size: 25px;
}
  section.boxes h3 {
    font-size: 28px;
  }
  section.boxes h4 {
    font-size: 22px;
  }
  section.modules #NewsSlider .NewsItem {
        margin: 0 15px;
    }
  section.content-avis .avis #Guestbook .guestbook-messages .gb-content .gb-entry>div { 
    padding: 30px 15px;
  }
  
   
  /****************************************/

  article img.image-right, article img.image-left, img.img-responsive.img-news, img.img-news, article .NewsMasonry .NewsItem img.img-news-list {
    display: block;
    float: none;
    margin: 10px auto;
    left : 0;
    right: 0;
  }
  .box-border-left ul, .box-border-right ul ,  .box-light ul {
    margin-bottom: 0;
  }
  .fancybox.fancy-news {
    display: table;
    margin: 0 auto;
  }
  img.img-news-list {
    display: block;
    float: none !important;
    margin: 0 auto 15px auto !important;
    max-width: 100% !important;
  }
   
 
      /*avis*/
  section.content .guestbook-form div#contact-field-id_mail {
    float: none;
    padding-left: 0;
  }
  .guestbook-form form.contactForm .two-column {
    display: inline-block;
    width: 100%;
  }
  .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
    float: none !important;
    clear: both !important;
  }
  .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name{
    float: none;
  }
  section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name a, section.avis .guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time{
    float: none;
            display: block;
        text-align: left;
  }
   
.marketing-wrapper .bx-title:before, .interne-content .bloc-h1:before { 
    border-radius: 0px 0px 100px 0px;
}
  
  
}

@media only screen and (max-width :480px){
 
  
      .bg-head .tel a {
        font-size: 20px;
    }
      header.top .bg-head a.readmore {
        font-size: 13px;
    }
      header.top .banner div#bg-slideshow {
        height: 500px;
    }
      .marketing-wrapper .bx-title h2 {
        font-size: 30px;
    }
  .marketing-wrapper .bx-title:before { 
    border-radius: 0px 0px 50px 0px;
}
      .marketing-wrapper .bx-title {
        padding: 50px 0;
  }
      section.formhome .gdpr_policy {
        font-size: 14px;
    }
      h1, .h1, .interne-content h1 {
        font-size: 30px;
    }
  section.content.first .bx-img:before { 
    right: 45px;
    top: 0;
    width: 100px;
    height: 100px;
  }
      section.content.first .bx-txt ul li {
        padding-left: 25px;
        background: url(../images/bullet.png) no-repeat left center;
        min-height: inherit;
    }
      section.content.first .bx-txt ul {
        font-size: 16px;
  }
      section.content.second .bx-grid {
        grid-template-columns: repeat(1, 1fr);
    }
      h2, .h2 {
        font-size: 28px;
    }
  section.content .readmore {
    font-size: 15px; 
        padding: 10px 12px;
    letter-spacing: normal;
  }
      section.boxes h2, section.content-avis h2, section.faq h2, section.modules h2 {
        font-size: 28px;
    }
  section.boxes h2 span.txt, section.faq h2 span.txt {
        font-size: 20px;
    }
  section.boxes h3 {
        font-size: 25px;
    }
      section.boxes h4 {
        font-size: 18px;
    }
  section.boxes .bx-flx {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
}
  section.boxes .bx-flx:before { 
    width: 80px;
    height: 1px;
  }
  section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score .fullStar, section.content-avis .avis #Guestbook .guestbook-messages .gb-entry-score .emptyStar {
    font-size: 20px;
  }
      section.modules article.box-actualite {
        padding: 70px 5px 100px;
    }
  section.modules #NewsSlider .NewsItem .photo-news {
    height: 200px;
  }
      .box_acc h3:before { 
        background: url(../images/flch.png) no-repeat center;
        background-size: contain;
        width: 20px;
    }
  .box_acc h3 { 
        padding: 23px 50px 23px 14px;
  }
  section.faq .img-position { 
        height: 300px;
    }
  section.faq .img-position img { 
    border-radius: 0px 0px 0px 100px;
}
  .interne-content .bloc-h1:before { 
    border-radius: 0px 0px 50px 0px;
  }
  
/*************************/
  
  .contactForm .gdpr_policy label {
    display: inline!important;
  }

 
/************************************************************
					# page contact
*************************************************************/ 
   section.content.content-pag.contact-interne  .grid-form-part.contentForm .vCard-part h2 {
    font-size: 19px;
} 
 section.content .contactForm .g-recaptcha {
    -webkit-transform: scale(.7)!important;
    transform: scale(.7)!important;
  }
 
}
@media only screen and (max-width :360px){
header.top .bg-head .bx-grid {
	display: flex;
	flex-direction: column;
	grid-gap: 15px;
}
}

.gb-google-reviews, .gb-date-time .btn {
	display: none!important;
}