/*Class css partagées entre l'admin et le front*/

/*fonts*/
@font-face {
  font-family: 'Poppins-Black';
  src:  local('Poppins-Black'),
        url('../fonts/popins/Poppins-Black.woff2') format('woff2'),
        url('../fonts/popins/Poppins-Black.woff') format('woff');
  font-display: swap;
  unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}
@font-face {
  font-family: 'Poppins-Regular';
  src:  local('Poppins-Regular'),
        url('../fonts/popins/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/popins/Poppins-Regular.woff') format('woff');
  font-display: swap;
  unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}
@font-face {
  font-family: 'Poppins-Bold';
  src:  local('Poppins-Bold'),
        url('../fonts/popins/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/popins/Poppins-Bold.woff') format('woff');
  font-display: swap;
  unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}


/*colors*/
.white{color: white}
.bg-white{background: white}

.bg-black{background: black}
.black{color: black;}

.violet{
  color: #310439;
}
.bg-violet{
  background: #310439;
}
.bg-violet-dark{
  background: #26132D;
}
 .bg-gray{
  background: #F2F1F2;
 }

/**tips**/

/*padding*/

.no-pad-left,.no-pad-left-ipad,.no-pad-left-mobile{padding-left: 0px}
.no-pad-right,.no-pad-right-ipad,.no-pad-right-mobile{padding-right: 0px}
.no-pad-top,.no-pad-top-ipad,.no-pad-top-mobile{padding-top: 0px}
.no-pad-bottom,.no-pad-bottom-ipad,.no-pad-bottom-mobile{padding-right: 0px}
body .no-pad{padding: 0px}
.relative{position: relative}
/*margin*/
.no-marg-left,.no-marg-left-ipad,.no-marg-left-mobile{margin-left: 0px}
.no-marg-right,.no-marg-right-ipad,.no-marg-right-mobile{margin-right: 0px}
.no-marg-top,.no-marg-top-ipad,.no-marg-top-mobile{margin-top: 0px}
.no-marg-bottom,.no-marg-bottom-ipad,.no-marg-bottom-mobile{margin-right: 0px}
.no-marg{padding: 0px}
/*others tips*/
.display-none,
.display-ipad,
.display-mobile{display: none}
.display-block{display: block}
.d-flex{display: flex}
.clear{clear: both}
.text-center{text-align: center}
.text-right{text-align: right}
.text-left{text-align: left}
.float-right{float: right}
.float-left{float: left}
.no-decoration:hover,
.no-decoration{text-decoration: none}
.invisible {visibility: hidden}
.img-circle{border-radius: 50%}
.uppercase{text-transform: uppercase}
.capitalize {text-transform: capitalize}
.lowercase {text-transform: lowercase}
.hover-pointer:hover{cursor: pointer}
.img-responsive{max-width: 100%;}
@media screen and (max-width: 991px){
	.display-ipad{display: block}
	.hide-ipad{display: none}
}
@media screen and (max-width: 767px){
	.display-mobile{display: block}
  .hide-mobile{display: none!important}
}
/*Theme components*/
.radius{
  border-radius: 32px;
}
.blocs p,
footer p{
  font-size: 18px;
  font-family: 'Poppins-Regular';
  line-height: 30px;
}
footer p{
  font-size: 16px;
}
p strong, p b{
  font-family: 'Poppins-Bold';
}

body .main-title{
  font-size: 46px;
  font-family: 'Poppins-Black';
  line-height: 60px;
}
body .big-title{
  font-size: 42px;
  font-family: 'Poppins-Bold';
  line-height: 50px;
}
body .medium-title{
  font-size: 24px;
  font-family: 'Poppins-Bold';
  line-height: 35px;
}
body .bold-txt{
  font-family: 'Poppins-Bold';

}
.small-title{
}

.big-text{

}
.medium-text{

}
.small-text{

}
.cta{

}
main{
  margin: 115px 0px;
  float: left;
  width: 100%;
  margin-top: 45px;
}
/*Bloc intro*/
.bloc-intro {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 75px;
}
.bloc-intro svg{
  position: absolute;
  bottom: -145px;
  left: 0;
}
.bloc-intro svg.load{
  bottom: initial;
  top: -100px;
  right: 0;
  left: inherit;
}

.bloc-intro img{
  width: 725px;
  height: 500px;
  object-fit: cover;
  border-radius: 32px;
  margin-right: 36px;
}
.bloc-intro .content{
  width: 500px;
  position: relative;
}
.bloc-intro .medium-title{margin-bottom: 13px}

/*bloc titre*/
.bloc-titre .container{position: relative}
.bloc-titre svg{
  position: absolute;
  bottom: -29px;
  left: -145px;
}

/*bloc text*/


.blocs p a{
  font-family: 'Poppins-Bold';
  text-decoration: underline;
}
.bloc-text .medium-title{margin-bottom: 11px}
.bloc-text .content{
    position: relative;
}
.bloc-text .load{
  position: absolute;
  right: -130px;
  top: 95px;
}
/*bloc-text-img*/
.bloc-img-text .container,
.bloc-text-img .container{
  display: flex;
/* flex-wrap: wrap; */
}

.bloc-text-img .container{flex-direction: row-reverse}
.bloc-img-text .content .medium-title,
.bloc-text-img .content .medium-title{
  margin-bottom: 14px;
}
.bloc-img-text  .content,
.bloc-img-text .block-img,
.bloc-text-img .content,
.bloc-text-img .block-img{
  flex: 50%;
  width: 50%
}
.bloc-img-text .block-img img,
.bloc-text-img .block-img img{
  max-width: 100%;
}
.bloc-img-text .block-img,
.bloc-text-img .block-img{
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloc-img-text .content{padding-left: 50px}
.bloc-text-img .content{padding-right: 50px}
/*bloc-label*/
.bloc-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bloc-label .load{
  position: absolute;
  left: -100px;
  top: -70px;
}
.bloc-label > .inner{
  width: 1094px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bloc-label .inner > img{
  height: 584px;
  border-radius: 32px;
  object-fit: cover;
  width: 100%;
}

.bloc-label .content{
  padding: 40px 45px 20px 45px;
  width: 952px;
  margin-top: -120px;
  position: relative;
  border-radius: 32px;
}
.bloc-label .content img{
  max-width: 50%;
  margin-top: 10px;
}

/*contact*/
.bloc-cta{
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact .mob-flex{
  display: flex;
  align-items: center;
}
.contact{
  width: 762px;
  border-radius: 32px;
  padding: 47px 62Px 47px 42px;
  display: flex;
  align-items: center;
}
.contact svg{
  margin-right: 45px;
  transition: 1s;
}
.contact .cta{margin-left: auto}
.contact:hover svg:not(.motif){transform: translateX(20px)}
.cta{
  font-family: 'Poppins-Bold';
  font-size: 18px;
  line-height: 27px;
  padding: 13px 52px;
  border-radius: 32px;
  position: relative;
  border: none;
  outline: none;

  transition-duration: 0.5s;
transition-property: transform;
-webkit-tap-highlight-color: rgba(0,0,0,0);
transform: translateZ(0);
}
.cta:hover{
    transform: translateY(-23px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.cta.bg-white{color: #26132D}
.cta.white:hover span,
.cta.bg-white:hover span{
  color: white;
  z-index: 99;
  position: relative;
}
.cta.bg-white:hover span{color: white}
.cta,
.cta:after{
  -webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.cta::before,
.cta::after {
  background: #26132D;
  content: '';
  position: absolute;
  z-index: -1;
}
.cta:hover {color: #26132D}

.cta:hover span{color: white}

.cta {overflow: hidden}
.cta::after {
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
.cta:hover:after {
  height: 100%;
  width: 135%;
  z-index: 1;
}
.reassurance{
  display: flex;
  margin-top: 45px;
}
.reassurance .item{
  margin-right: 22px;
  padding-bottom: 50px;
  padding-top: 42px;
  padding-right: 45px;
  padding-left: 30px;
  border-radius: 32px;
  width: 222px;
}

/*adn & avantages*/
.bloc-adn > .container{position: relative}
.bloc-adn  .motif{
  position: absolute;
  right: -60px;
  top: 40px;
}
.bloc-adn  .load{
  position: absolute;
  left: 160px;
  bottom:  46px;
}
body .bloc-adn{padding-top: 75px}
.bloc-adn .item{background: #FFFFFF}
.bloc-adn .big-title{margin-bottom: 20px}
.bloc-adn .ezd-content{
  margin-top: 30px;
  margin-bottom: 90px;
}
.bloc-avantages .ezd-content{
  margin-top: 30px;
  margin-bottom: 30px;
}
.bloc-avantages .simple-cta{
  background: #f2f1f2;

}

.ezd-feature-headline {
  padding-left: var(--feat-leftpadding);
  max-width: 30rem;
  line-height: 2.15em;
}
.ezd-content{
position: relative;
}
.ezd-snapslider{
  /* overflow: hidden; */
}
.snapslider-wrapper{
  transition: 0.5s
}
.bloc-adn .snapslider-card {
  font-size: 1.25rem;
  display: block;
  width: 252px;
  margin-right: 22px;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
  scroll-snap-align: start;
}
.bloc-avantages .snapslider-card {
  display: block;
  width: 500px;
  margin-right: 19px;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.bloc-adn .snapslider-card .card-content {
  padding-bottom: 50px;
  padding-top: 42px;
  padding-right: 45px;
  padding-left: 30px;
  border-radius: 32px;
}

.bloc-adn .snapslider-card .card-content p{
  margin-top: 15px;
  font-family: 'Poppins-Bold';
  font-size: 18px;
  line-height: 30px;
}

.bloc-avantages .snapslider-card .card-content .content {
padding:  45px;
border-bottom-left-radius: 32px;
border-bottom-right-radius: 32px;
}
.bloc-avantages .snapslider-card .card-content img{
  height: 288px;
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}

 .snapslider-scroll {
  display: flex;
  flex-wrap: nowrap;
  height: auto;
  width: auto;
  /* overflow-x: scroll; */
  scroll-snap-type: x mandatory;
  scroll-padding: 0 5rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ezd-snapslider .snapslider-scroll::-webkit-scrollbar {
  display: none;
}
.cta-slide-prev{
  opacity: 0;
  position: absolute;
  left: -340px;
  bottom: 185px;
  background: none;
}
.cta-slide-next,
.cta-slide-prev{
  z-index: -99;
}
.cta-slide-next.active,
.cta-slide-prev.active{
  opacity: 1;
  z-index: 99;
}
.cta-swipe{
  outline: none;
  border: none;
}

.cta-slide-next {
  position: absolute;
  right: 80px;
  bottom: 185px;
  background: none;
  opacity: 0;
}

.simple-cta{
font-size: 18px;
font-family: 'Poppins-Bold';
line-height: 27px;
border: none;
}
.more-content{
  display: none;
  margin-bottom: 25px;
}
.bloc-avantages .medium-title{margin-bottom: 25px}
.bloc-avantages .motif{
  position: absolute;
  left: -140px;
  top: 55px;
}
.bloc-avantages .cta-slide-prev{
  bottom: inherit;
  top: 225px;
}
.bloc-avantages .cta-slide-next{
  bottom: inherit;
  top: 370px;
}



/*bloc-img-text-col*/

.bloc-img-text-col{
display: flex;
justify-content: center;
margin: 45px 0px
}
.bloc-img-text-col .col {
  width: 500px;
  min-height: 500px;
  position: relative;
  margin: 0px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 0px;
}
.bloc-img-text-col img{
  border-radius: 32px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit:cover;
}
 .col-second-color:after{
   content: "";
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
       background: #2293AD;
       border-radius: 32px;
       opacity: 0.71;
 }
 .col-main-color:after{
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: #F2F1F2;
   border-radius: 32px;
   opacity: 0.71;
 }
.bloc-img-text-col .col p{
 z-index: 9;
 position: relative;
 padding: 0px 40px;
 font-size: 30px;
 line-height: 42px;
 font-family: 'Poppins-Bold';
}


/*bloc accroche*/
.bloc-accroche{
  display: flex;
  justify-content: center;
}
.bloc-accroche  img {
  width: 100%;
  height: 584px;
  border-radius: 32px;
  object-fit: cover;
}
.bloc-accroche .inner{
  width: 1094px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
.bloc-accroche svg{
  position: absolute;
  left: 145px;
  bottom: 90px;
}
.bloc-accroche .content {
  padding: 40px 40px 20px 55px;
  width: 632px;
  margin-top: -220px;
  position: relative;
  border-radius: 32px;
  right: 75px;
}
.bloc-accroche .content p{
  margin-bottom: 20px;
  color: white;
  font-family: 'Poppins-Bold';
}

/*bloc-contact*/
.bloc-contact .medium-title{margin-bottom: 28px}
.bloc-contact > .container > svg{
  position: absolute;
  right: -100px;
  bottom: 150px;
}
.contact-card{
  display: flex;
  align-items: center;
  padding: 52px 0px;
  border-radius: 32px;
}
.contact-card  svg{margin-left: 43px}
.contact-card img{
  width: 210px;
  height: 210px;
  border-radius: 100%;
  margin-left: 47px;
  object-fit: cover;
}
.contact-card .content{margin-left: 75px}
.contact-card .name{
  font-family: 'Poppins-Regular';
  font-size: 24px;
  line-height: 36px;
}
.contact-card a{text-decoration: none!important}
.contact-card .tel,
.contact-card .tel a{
  font-size: 32px;
  line-height: 36px;
  font-family: 'Poppins-Regular';
  margin-bottom: 6px;
}
.contact-card .mail,
.contact-card .mail a{
  color: #310439;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 36px;
}
.contact-card .cta{margin-top: 18px}
/* bloc-cta */
 .bloc-cta .contact{position: relative}
 .bloc-cta .motif{
  position:absolute;
  right: -180px;
 }

/*Bloc img*/
.bloc-img .block-img{
  display: flex;
  justify-content: center;
  margin: 25px 0px;
}
.bloc-img img{max-width: 100%}



.toZoom {
  cursor: zoom-in;
  transition: 0.3s;
}

.toZoom:hover {opacity: 0.7;}

.modal {
  display: none; /* Hidden by default */
  position: fixed;; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index: 99999;
  align-items: center;
  justify-content: center;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: auto;
  max-width: 700px;
  max-height: calc( 100vh - 200px);
  object-fit: cover;
}

/* Add Animation */
.modal-content {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform: scale(0.1)}
  to {transform: scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 35px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  width: 30px;
  height: 30px;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}






@media screen and (max-width: 1700px){
  .cta-slide-prev{left: 0}
}
@media screen and (max-width: 1400px){
  .bloc-intro img{width: 600px}
}
@media screen and (max-width: 1300px){
  .block-extra-contact.active {left: calc(50% - 375px)!important}
  .bloc-intro img{
    width: 550px;
    height: 450px;
  }
  .bloc-label .content {width: 832px}
  .bloc-label > .inner,
  .bloc-accroche .inner{
    width: 950px;
  }
  .bloc-accroche svg {left: 100px}
  .bloc-avantages .motif {left: -115px}
}
@media screen and (max-width: 1200px){
  .bloc-intro img{
    width: 350px;
    height: 350px;
  }
  body .main-title {
    font-size: 38px;
    line-height: 52px;
  }
  .bloc-intro .content{width: 450px}
  body .big-title {
    font-size: 35px;
    font-family: 'Poppins-Bold';
    line-height: 45px;
  }
}
@media screen and (max-width: 991px){
  .blocs {padding: 0px 50px!important}
  .bloc-intro{flex-direction: column}
  .bloc-intro img {
    width: 350px;
    height: 280px;
    width: calc(100% - 100px);
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .container{padding: 0px}
  .bloc-adn .motif {right: 50px}
  .bloc-label > .inner, .bloc-accroche .inner {width: calc( 100% - 50px)}
  .bloc-label .content {width: 500px}
  .container {width: 100%}
  .bloc-titre svg{display: none}
  .bloc-intro svg {
    bottom: -45px;
    left: 0;
  }
  .bloc-titre svg {left: 0px}
  .bloc-intro .content {
    width: 100%;
    padding: 0px 50px;
  }
  .bloc-adn{padding-top: 50px!important}
  .bloc-img-text-col .col p {
    font-size: 18px;
    line-height: 32px;
  }
  .bloc-img-text-col .col {
    width: 50%;
    height: auto;
    margin: 0px 26px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contact {padding: 47px 35Px 47px 42px}
  .bloc-accroche img{height: 480px}
  .bloc-accroche .content {
    width: 500px;
    right: 40px;
  }
  .bloc-accroche svg {
    left: 0px;
    bottom: -30px;
  }
  .group-sub-footer,
  .col-sup,
  footer .group-col {
    padding: 0px 50px;
  }
  .contact-card img {
    width: 150px;
    height: 150px;
    margin-left: 27px;
  }
  .contact-card .content {margin-left: 35px}
  .link-sub{justify-content: center}
  footer .group-col {flex-wrap: wrap}
  .cta {padding: 13px 30px}
  .blocs p, footer p {font-size: 17px}
  nav.blocs{padding: 0px 30px!important}
  .block-extra-contact, .block-extra-contact .inner {
    width: 85%;
    left: -38%;
  }
  .block-extra-contact:hover {left: -37%}
  .block-extra-contact.active {
    right: auto;
    left: auto!important;
    margin: auto;
  }
  .block-extra-contact.active .inner{
    right: auto;
    left: 7.5%;
  }
}

@media screen and (max-width: 767px){
  .blocs{
  padding-left: 35px!important;
  padding-right: 35px!important
  }
  .bloc-intro img {
  height: 245px;
  width: 100%;
  }
  .bloc-intro .content {padding: 0px}
  body .main-title {
    font-size: 24px;
    line-height: 35px;
  }
  .bloc-intro svg.load,
  .bloc-intro svg{
    display: none;
  }
  body .big-title {
    font-size: 32px;
    line-height: 50px;
  }
  .bloc-img-text .container,
  .bloc-text-img .container {
      flex-direction: column-reverse;
  }
  .bloc-img-text .content, .bloc-img-text .block-img, .bloc-text-img .content, .bloc-text-img .block-img {
      flex: 100%;
      width: 100%;
      padding-right: 0px;
  }
   .bloc-img-text .content,
   .bloc-text-img .content{
     margin-bottom: 35px;
   }
   .bloc-img-text .content{padding-left: 0px;}
    .block-extra-contact{
      width: 100%;
      left: 0;
      bottom: -100vh;
      top: inherit;
      height: 100vh;
      border-radius: 0px;
    }
  .block-extra-contact.active {
    right: auto;
    left: auto!important;
    margin: auto;
    border-radius: 0px;
    transform: translateY(-100vh);
    }
    .block-extra-contact .inner,
    .block-extra-contact.active .inner {
      right: auto;
      left: 0!important;
    }
    .block-extra-contact:hover {left: 0}
    .block-extra-contact .inner{
      height: 100vh;
      width: 100%;
      border-radius: 0px;
    }
  .block-extra-contact .inner {padding: 55px 35px}
  .block-extra-contact .inner,
  .block-extra-contact.active .inner {
  overflow-y: scroll;
  }
  .bloc-label > .inner, .bloc-accroche .inner {width: 100%}
  .bloc-accroche img,
  .bloc-label .inner > img {
    height: 293px;
  }
  .bloc-label .content {width: calc(100% - 40px)}
  .bloc-accroche .content {
    padding: 40px 35px 20px 35px;
    width: calc(100% - 40px);
    left: auto;
    right: auto;
    margin: auto;
    margin-top: -100px;
  }
  .bloc-label .content {padding: 40px 38px 20px 38px}
  .blocs.bloc-accroche,
  .blocs.bloc-label {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  .blocs p, footer p {font-size: 18px}
  .bloc-cta  .contact {display: block}
  .contact {padding: 47px 33Px 47px 33px}
  .contact svg {
    margin-right: 20px;
    width: 23px;
  }
  .bloc-accroche svg{display: none}
  .bloc-cta .contact {text-align: center}
  .bloc-cta .medium-title{font-size: 16px}
  .contact .cta {
    margin: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 35px;
  }
  .bloc-adn .motif{display: none}
  .bloc-avantages .ezd-content,
  .bloc-adn .ezd-content {
    margin-top: 60px;
    margin-bottom: 60px;
    transform: translateX(40px)!important;
  }
  .bloc-avantages .ezd-content{
    transform: translateX(20px)!important;

  }
  .snapslider-scroll {padding-right: 20px}
  .snapslider-wrapper{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .bloc-adn .snapslider-card{width: 222px}
  .cta-slide-next,
  .cta-slide-prev{
    display: none!important
  }
  body .bloc-avantages,
  body .bloc-adn{
    padding-left: 0px!important;
    padding-right: 0px!important
  }
  .bloc-avantages > .container,
  .bloc-adn > .container{
    padding-left:  35px;
    padding-right:  35px;
  }
  .bloc-avantages .snapslider-card{width: 285px}
  .bloc-adn .load{display: none}
  .bloc-img-text-col {flex-direction: column}
  .bloc-img-text-col .col {
    padding-top: 80px;
    padding-bottom: 80px;
    width: 100%;
    margin: 0px;
    margin-bottom: 30px;
  }
  .bloc-img-text-col{margin-bottom: 30px}
  .cta {padding: 12px 40px}
  .bloc-avantages .motif{display: none}
  .contact-card {flex-direction: column}
  body .medium-title{font-size: 23px}
  .contact-card svg{display: none}
  .contact-card {padding: 40px 0px}
  .contact-card img {
    margin: 0px;
    width: 210px;
    height: 210px;
    margin-bottom: 30px;
  }
  .contact-card .content {
    margin: 0px;
    text-align: center;
  }
  .contact-card .mail a,
  .contact-card .mail{
    line-height: 28px;
  }
  .contact-card .cta {margin-top: 25px}
 footer p{font-size: 16px}
 .group-sub-footer, .col-sup, footer .group-col {padding: 0px 35px}
  footer .col {
    margin: 0px;
    margin-bottom: 60px;
    text-align: center;
    width: 100%;
  }
  footer .rs {justify-content: center}
  .group-sub-footer {
    flex-direction: column;
    text-align: center;
  }
  .group-sub-footer img {
    margin: auto;
    margin-bottom: 15px;
    width: 200px;
  }
  .sub-footer{
    margin-bottom: 80px;
    float: left;
    width: 100%;
  }
  .link-sub {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-bottom: 10px;
  }
  .link-sub li {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .bloc-avantages .snapslider-card .card-content .content {
      padding: 25px 25px;
      border-bottom-left-radius: 32px;
      border-bottom-right-radius: 32px;
  }
  .bloc-avantages .snapslider-card .card-content .content .medium-title{
    font-size: 20px;
  }
  .bloc-avantages .snapslider-card .card-content img{
    height: 230px;
  }
}
@media screen and (max-width: 370px){
  .contact svg {display: none}
  .contact .mob-flex {justify-content: center}
}
@media screen and (max-width: 330px){
  .blocs {
      padding-left: 30px!important;
      padding-right: 30px!important;
  }
}