/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
body, html{
  position: relative;
  margin: 0px;  
  background: #fff;
  color: #7a7a7a;
  font-family: 'Montserrat', sans-serif;

}

html {
    font-size: 100%;
}

body{
  font-size: 1rem;
}

@media (min-width: 0px) { 
  html {
    font-size: 58%;
  }
}

@media (min-width: 1200px) { 
  html {
    font-size: 80%;
  }
}

@media (min-width: 1680px) { 
  html {
    font-size: 90%;
  }
}

@media (min-width: 1901px) { 
  html {
    font-size: 100%;
  }
}

@media (min-width: 2300px) { 
  html {
    font-size: 100%;
  }
}


#header{
	background: transparent;
    border: unset;
    box-shadow: unset;
}

header.sticky{
	background: #FFF !important;
  box-shadow: 0px 3px 6px #00000029;
}

@media (max-width: 990px) {
  header.fond-blanc-menu
  {
   background: #FFF !important;
  }

  header.fond-blanc-menu .blockcart a, 
  header.fond-blanc-menu .blockcart, 
  header.fond-blanc-menu .user-info a, 
  header.fond-blanc-menu .dropdown .expand-more,
  header.fond-blanc-menu .menu-left a{
    color: #71C5E8 !important;
    line-height: 3.3rem;
  }

  header.fond-blanc-menu .blockcart a{
    font-size: 15px !important;
  }

  header.fond-blanc-menu .logo{
    display: none !important;
  }

  header.fond-blanc-menu .logo-bleu{
    display: block !important;
  }

  header.fond-blanc-menu .nav-toggle span{
    background-color: #71C5E8;
  }
}

/* menu */
.selecteur-langue .links li{
  display: inline-block;
  
}

.selecteur-langue .links li a{
  text-transform: uppercase;
}

.selecteur-langue .links li a:after{
    content: ".";
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.5rem;
}

.selecteur-langue .links li:last-child a:after{
  content: '';  
  margin-left: 0rem;
  margin-right: 0rem;
}



.collapse:not(.show){
	display: unset;
}

.logo img{
  width: 15vw;
}

@media (max-width: 990px) {
  .logo img{
      width: 28vw !important;
  }
}

@media (min-width: 991px) and (max-width: 1200px) {
  .logo img {
      width: 22vw;
  }
}

@media (min-width: 1201px) and (max-width: 1366px) {
  .logo img {
      width: 19vw;
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  .logo img {
      width: 18vw;
  }
}

@media (min-width: 1441px) and (max-width: 1680px) {
  .logo img {
      width: 15vw;
  }
}

@media (min-width: 1681px) and (max-width: 1920px) {
  .logo img {
      width: 13vw;
  }
}

@media (min-width: 1921px) and (max-width: 2180px) {
  .logo img {
      width: 11vw;
  }
}


@media (min-width: 2181px) { 
	.logo img{
	  width: 9vw;
	}
}

.menu-left{
	width: 100%;
}

#header,
#header a{
	/*color: #fff !important;	*/
	font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
}

@media (max-width: 990px){
  #header a{
    font-size: 2.7rem;
    line-height: 3.3rem;
  }
}

.blockcart a,
.blockcart,
.user-info a,
.dropdown .expand-more{
	color: #fff !important;	
}

header.sticky .blockcart a,
header.sticky .blockcart,
header.sticky .user-info a,
header.sticky .dropdown .expand-more{
	color: #71C5E8 !important;	
}

@media (max-width: 990px){
  header.sticky .blockcart a,
  header.sticky .blockcart,
  header.sticky .user-info a,
  header.sticky .dropdown .expand-more{
    line-height: 3.3rem;
  }

  #_desktop_language_selector {
      float: left;
      margin: 6px 0;
      border: 1px solid #71C5E8;
      padding: 3px;
      border-radius: 5px;      
  }

  .dropdown select{
    color: #71C5E8;
  }
}

.dropdown-item{
	color: #000 !important;		
}

.menu-left a {
  display: inline-block;
  position: relative;
  padding-bottom: 0px;
  transition: color .35s ease;
  margin-left: 2rem;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff !important;
}

header.sticky .menu-left a {
  color: #71C5E8 !important;	
}


.menu-left .current a{
	font-weight: 700 !important;
}



/*.menu-left a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    //background: $couleur1;
    transition: width .3s;
}

.menu-left a:hover::after {
    width: 100%;
    //transition: width .3s;
}*/

.nav ul,.nav ol{
  list-style: none;
}

.nav{
	width: -webkit-fit-content;
  width: -moz-fit-content;
	width: fit-content;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
    
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    width: 100%;
}

@media (max-width: 990px) {
	.nav{
		width: initial;
    	margin-left: auto;
    	margin-right: auto;
      display: block;
      padding-bottom: 0.7rem;
	}

	.menu-left a{
		margin-left: 0;
    padding-right: 0;
	}
}

header {
	position: fixed;
	top: 0;
  left: 0;  
  /*-webkit-box-shadow: 0px 9px 8px -2px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 9px 8px -2px rgba(0,0,0,0.26);
box-shadow: 0px 9px 8px -2px rgba(0,0,0,0.26);*/

  width: 100%;
 padding: .5rem 0;
  background: $blanc;
  z-index: 3000;
  will-change: transform;
  transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s;
  transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

header.sticky{
	
}

header nav .logo {
  position: absolute;
    left: 0;
    top: 50%;
    width: 8vw;
    transform: translate(1rem,-50%);
}


header nav .logo-bleu {
	display: none;
}

header.sticky nav .logo {
	display: none;
}

header.sticky nav .logo-bleu {
	display: block;
}

@media (max-width: 990px) {
  header nav .logo {
      position: unset;
    left: unset;
    top: unset;
    width: unset;
    transform: unset;
  }
}


header nav .logo:after {
  content: '';
  display: table;
  clear: both;
}

header nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

header nav ul li {
  float: none;
  margin-left: 0;
}

@media (max-width: 990px){
  header nav ul li {
    margin-bottom: 73px;/*calc(100vh/8);   */ 
  }
}

@media (min-width: 990px) {
  header nav ul li {
    float: left;
    /*margin-left: 1.3rem;*/
  }
}

@media (min-width: 991px) and (max-width: 1200px) {
  header nav ul li {
    float: left;
    //margin-left: 4rem;
  }
}

@media (min-width: 1201px) and (max-width: 1366px) {
  header nav ul li {
    float: left;
   /* margin-left: 4.1rem;*/
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  header nav ul li {
    float: left;
    /*margin-left: 4.1rem;*/
  }
}

@media (min-width: 1441px) and (max-width: 1680px) {
  header nav ul li {
    float: left;
    /*margin-left: 2.3rem;*/
  }
}

@media (min-width: 1681px) and (max-width: 1920px) {
  header nav ul li {
    float: left;
    /*margin-left: 1.5rem;*/
  }
}

@media (min-width: 1921px) and (max-width: 2180px) {
  header nav ul li {
    float: left;
    /*margin-left: 1.7rem;*/
  }
}


@media (min-width: 2181px) { 
  header nav ul li {
    float: left;
   /* margin-left: 0.6rem;*/
  }
}

header nav ul li ul {
  display: none;
}

header nav ul li:hover .fa-angle-up,
header nav ul li .fa-angle-down{
  display: none;
}

header nav ul li:hover .fa-angle-down{
  display: inline-block;
}

.menu-content-statique li .fa-angle-down{
    display: inline-block;
  }

.menu-content-statique li .fa-angle-up{
    display: none;
}

@media (max-width: 990px) {
  header nav ul li .fa-angle-down{
    display: inline-block;
  }

  header nav ul li .fa-angle-up{
    display: none;
  }
}

header nav ul li:hover ul {
  display: block;
  position: absolute;
}

@media (max-width: 990px) {
  header nav ul li ul {
    display: block;
  }

  header nav ul li:hover ul {
    display: block;
    position: relative;
  }
}

header nav ul li ul li{
  float: inherit;
 // background: $blanc;
  margin-left: 0;
  padding: 0.6rem 1.5rem 0.6rem 1.5rem;
}

header nav ul li ul li:last-child{
  //border-bottom: 0.5rem solid $couleur2;
  padding: 0.6rem 1.5rem 1.2rem 1.5rem;
}

@media (max-width: 990px) {
  header nav ul li ul li:last-child{
    border-bottom: 0 solid transparent;
    padding: 0.6rem 1.5rem 0.6rem 1.5rem;
  }
}

header nav ul li a { 
  display: block; 
}

@media (min-width: 576px) {
  header nav ul li a { 
    display: block;  padding: .425rem 0rem;
  }
}

@media (max-width: 990px) {

  ul { clear: both; }

  ul li { padding: 2rem 0 0; text-align: center;}
  ul li:last-child { padding: 2rem 0 1rem; }
}

.hide-nav {
 transform: translateY(-120% !important); -webkit-transform: translateY(-120%) !important; }

ul.menu-left {
  display: block;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 10;
}
@media (min-width: 990px) {

  ul.menu-left {
    display: block !important;
    max-height: none;
    width: -webkit-fit-content;
  width: -moz-fit-content;
      width: fit-content;
      width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
      height: fit-content;
      margin-top: auto;
      margin-bottom: auto;
      width: -webkit-fit-content;
  width: -moz-fit-content;
          width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}

ul.menu-left:before {
  content: '';
  display: table;
  clear: both;
}

ul.menu-left.collapse { max-height: 15em !important; }

@media (max-width: 990px){
  ul.menu-left.collapse {    
     /* top: 50%;
      position: absolute;
      transform: translate(0,-50%);*/
      top: 20vh;
      left: 0;
      position: absolute;
      max-height: 100vh !important;
  }
}

.nav-toggle {
  display: block;
  border-radius: 5px;
  background-color: transparent;
  float: right;
  height: 38px;
  width: 38px;
  cursor: pointer;
  padding: 6px 8px;
  position: absolute;
  right: 1rem;
  top: 2rem;  
}

.nav-toggle.open span:first-child { transform: rotate(45deg) translate(4.4px, 4.4px); }

.nav-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-toggle.open span:last-child { transform: rotate(-45deg) translate(4.4px, -4.4px); }
@media (min-width: 990px) {

  .nav-toggle { display: none; }
}

.nav-toggle span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  margin-top: 4px;
  background-color: #fff;
  transition: all .25s;
}

header.sticky .nav-toggle span{
	background-color: #71C5E8;
}


.container-user-login-shopping-cart-slecteur-langue{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translate(0,-50%);  
}

.content-user-login-shopping-cart-slecteur-langue{

}

#_desktop_user_info{
	float: left;
	margin-right: 1rem;
}

#_desktop_cart{
	float: left;
	margin-right: 1rem;
}

#_desktop_language_selector{
	float: left;	
}

.dropdown .expand-more{
	text-transform: uppercase;
}

#_desktop_language_selector .dropdown-menu{
	left: unset;
	right: 0;
}

@media (max-width: 990px) {
	.container-user-login-shopping-cart-slecteur-langue {
	    position: absolute;
	    left: 50%;
	    top: unset;
	    bottom: 12rem;
	    transform: translate(-50%,0);
	    display: none;
      width: 52%;
	}
}
/* fin menu */

#wrapper {
    /*margin-top: 88px;*/
    padding-top: 0;
    box-shadow: unset;
    background: #fff;
}

@media (max-width: 990px) {
	#wrapper{
		/*margin-top: 135px;*/
	}
}

/* banniere */

.accueil-banniere-top-container{
	position: relative;
	height: 100vh;
}
.accueil-banniere-top-content img{
	width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}

.accueil-banniere-top-content .accueil-banniere-top-content-top{
	position: absolute;
	top: 9rem;
	left: 50%;
	transform: translate(-50%,0);
  width: 100%;
}

.accueil-banniere-top-content .accueil-banniere-top-content-top h1{
	color: #fff;
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 4.1rem;
  text-shadow: 0px 3px 6px #00000033;
}

.accueil-banniere-top-content .accueil-banniere-top-content-top p{
	color: #fff;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.9rem;	
}

.accueil-banniere-top-content .accueil-banniere-top-content-bottom{
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translate(-50%,0);
}

.accueil-banniere-top-content .accueil-banniere-top-content-bottom h2{
	color: #fff;
	font-weight: 900;
	font-size: 2.1rem;
	line-height: 2.7rem;
}

.accueil-banniere-top-content .accueil-banniere-top-content-bottom p strong{
	color: #fff;
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 1.8rem;
}

.accueil-banniere-top-content .accueil-banniere-top-content-bottom p {
	color: #fff;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.8rem;
}

.accueil-banniere-top-content .accueil-banniere-top-content-bottom p a {
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.8rem;
	background: #71C5E8 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 24px #00000059;
    color: #fff;
    padding: 0.8rem 3.1rem 0.8rem 3.1rem;/*15px 80px 15px 80px;*/
    border-radius: 50px;
    margin-top: 1rem;
    display: block;
    width: -webkit-fit-content;
  	width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.accueil-banniere-top-content .accueil-banniere-top-content-bottom p:last-child:after{
	content: '';
	display: block;
	margin-left: auto;
    margin-right: auto;
    background: url('../img/chevron.png') no-repeat;
    background-size: cover;
    background-position: center;
    width: 26px;
    height: 18px;
    margin-top: 4rem;
    -webkit-animation: animation-fleche 1s infinite  alternate;
        animation: animation-fleche 1s infinite  alternate;
}

@media (max-width: 990px){
  .accueil-banniere-top-content img{
    object-position: 30%;
  }
  
  .accueil-banniere-top-content .accueil-banniere-top-content-top h1{
    margin-bottom: 1rem;
  }

  .accueil-banniere-top-content .accueil-banniere-top-content-top{
    position: absolute;
    top: 10rem;
    width: 90%;
  }
  
  .accueil-banniere-top-content .accueil-banniere-top-content-top p{
    font-size: 1.75rem;
    line-height: 2.2rem;
  }

  .accueil-banniere-top-content .accueil-banniere-top-content-bottom{
    width: 90%;
  }

  .accueil-banniere-top-content .accueil-banniere-top-content-bottom h2{
    font-size: 3.3rem;
    line-height: 4rem;
  }

  .accueil-banniere-top-content .accueil-banniere-top-content-bottom p{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .accueil-banniere-top-content .accueil-banniere-top-content-bottom p strong{
    font-size: 1.75rem;
    line-height: 2.2rem;
  }

  .accueil-banniere-top-content .accueil-banniere-top-content-bottom p a{
    margin-top: 2rem;
    font-size: 1.75rem;
    line-height: 2.2rem;
    width: 100%;
    padding: 12px 3.1rem 12px 3.1rem;/*15px 80px 15px 80px;*/
  }
}
/* fin banniere */

/*vidéo page accueil*/
.video-page-accueil-container{
  height: 100vh;
  position: relative;
}

.video-page-accueil-container .video-page-accueil-content iframe{
  width: 100% !important;
  height: 100vh !important;
}
/*fin vidéo page accueil*/

/* carrousel */

.ls-v6 .ls-nav-prev{
  background: url('../img/prev.png') no-repeat !important;
  background-size: cover !important;
  background-position: center;
  
  border: 0px solid !important;
  transition: none !important;   
  width: 35px !important;
  height: 50px !important;
  border-radius: 0px;
} 

.ls-v6 .ls-nav-next{
  background: url('../img/next.png') no-repeat !important;
  background-size: cover !important;
  background-position: center;
  
  border: 0px solid !important;
  transition: none !important;   
  width: 35px !important;
  height: 50px !important;
  border-radius: 0px;
}

@media (max-width: 990px) {
  .ls-v6 .ls-nav-prev{    
    width: 18px !important;
    height: 26px !important;
    border-radius: 0px;
  } 

  .ls-v6 .ls-nav-next{    
    width: 18px !important;
    height: 26px !important;    
  }
}

.ls-v6 .ls-nav-next:hover,
.ls-v6 .ls-nav-prev:hover{
  transform: unset !important;
}

.ls-v6 .ls-nav-next:after,
.ls-v6 .ls-nav-prev:after{
  display: none;
}

.carousel .carousel-inner{
	height: 100vh;
}

.carousel .carousel-item img {
    width: 100vw;
    max-width: unset;
    height: 100vh;
    object-fit: cover;
}

.carousel .carousel-item .caption {
    position: unset; 
    bottom: unset; 
    left: unset; 
    color: unset; 
    max-width: unset; 
}

.carousel figcaption h1{
	position: absolute;
	top: 5rem;
	left: 50%;
	transform: translate(-50%,0);
	font-family: 'Montserrat', sans-serif;
  	font-size: 3.2rem;
  	line-height: 3.7rem;
  	font-weight: 700;
  	color: #fff;
}

.carousel figcaption .carousel-descriptif-bottom{
	position: absolute;
	bottom: 3rem;
	left: 50%;
	transform: translate(-50%,0);
}

.carousel figcaption .carousel-descriptif-bottom h2{
	font-family: 'Montserrat', sans-serif;
  	font-size: 2.2rem;
  	line-height: 2.7rem;
  	font-weight: 700;
  	color: #fff;
}

.carousel figcaption .carousel-descriptif-bottom p{
	font-family: 'Montserrat', sans-serif;
  	font-size: 1.4rem;
  	line-height: 1.8rem;
  	font-weight: 700;
  	color: #fff;
}

.carousel figcaption .carousel-descriptif-bottom a:last-child{
	background: #71C5E8 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 24px #00000059;
    color: #fff;
    padding: 0.8rem 3.1rem 0.8rem 3.1rem;/*15px 45px 15px 45px;*/
    border-radius: 50px;
    margin-top: 2rem;
    display: block;
    width: -webkit-fit-content;
  	width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px){
	.carousel-control .icon-next {
	    margin-right: -10px;
	}
}

@media (max-width: 990px){
  
  .ls-wp-container .titre-carousel{
    font-size: 2.5rem !important;
    line-height: 3.3rem !important;
    left: 50% !important;
    position: absolute !important;
    top: 2rem !important;
    transform: translate(-50%);
    width: -moz-max-content !important;
    width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content !important;;    /* Firefox/Gecko */
  width: -webkit-max-content !important;
    top: -1200% !important;
  }

  .page-product .ls-wp-container .titre-carousel{
    font-size: 2.5rem !important;
    line-height: 3.3rem !important;
    left: 50% !important;
    position: absolute !important;
    top: 2rem !important;
    transform: translate(-50%);
    width: -moz-max-content !important;
    width: -moz-max-content !important;
    width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content !important;;    /* Firefox/Gecko */
  width: -webkit-max-content !important;
    top: -750% !important;
  }

  .ls-wp-container .sous-titre-carousel{
    font-size: 3.3rem !important;
    line-height: 4rem !important;
    left: 50% !important;
    position: absolute !important;
    transform: translate(-50%,0);    
    top: 900% !important;
    width: -moz-max-content !important;
    width: -moz-max-content !important;
    width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content !important;;    /* Firefox/Gecko */
  width: -webkit-max-content !important;
  }

  .ls-wp-container .texte-carousel{
    font-size: 1.5rem !important;
    line-height: 2.2rem !important;
    left: 50% !important;
    position: absolute !important;
    transform: translate(-50%,0);
    top: 1050% !important;
    width: -moz-max-content !important;
    width: -moz-max-content !important;
    width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content !important;;    /* Firefox/Gecko */
  width: -webkit-max-content !important;
  }

  .ls-wp-container .bouton-action-add-cart-container{
    font-size: 1.7rem !important;
    line-height: 2.2rem !important;
    left: 50% !important;
    position: absolute !important;
    transform: translate(-50%,0);
    top: 1300% !important;
    /*width: -moz-max-content !important;
    width: -moz-max-content !important;
    width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  width: intrinsic;          
  width: -moz-max-content !important;
  width: -webkit-max-content !important;*/
    height: -moz-fit-content !important;
    height: -webkit-fit-content !important;
    height: fit-content !important;

    text-align: center !important;
    padding: 12px 3.1rem 12px 3.1rem !important;
    border-radius: 50px !important;
  }

  .ls-wp-container .bouton-action-add-cart-container a{
    color: #fff !important;
  }
}
/* fin carrousel */

/* banniere contact*/
.accueil-banniere-top-content .contact-banniere-top-content-top{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

.accueil-banniere-top-content .contact-banniere-top-content-top img{
  width: 11.6vw;
  height: auto;
  margin-bottom: 1rem;
}

.accueil-banniere-top-content .contact-banniere-top-content-top h1{
  color: #fff;
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 4rem;
}

.accueil-banniere-top-content .contact-banniere-top-content-top p{
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.9rem;  
}

.accueil-banniere-top-content .contact-banniere-top-content-bottom{
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%,0);
}

.accueil-banniere-top-content .contact-banniere-top-content-bottom p{
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
}
.accueil-banniere-top-content .contact-banniere-top-content-bottom p:after{
  content: '';
  display: block;
  margin-left: auto;
    margin-right: auto;
    background: url('../img/chevron.png') no-repeat;
    background-size: cover;
    background-position: center;
    width: 26px;
    height: 18px;
    margin-top: 1rem;
    -webkit-animation: animation-fleche 1s infinite  alternate;
        animation: animation-fleche 1s infinite  alternate;
}

@media (max-width: 990px){
  .accueil-banniere-top-content .contact-banniere-top-content-top img{
    width: 35vw;   
  }

  .accueil-banniere-top-content .contact-banniere-top-content-top h1{
    font-size: 2.7rem;
    line-height: 3.8rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .accueil-banniere-top-content .contact-banniere-top-content-bottom p{
    font-size: 1.95rem;    
    line-height: 5rem;
  }
}
/* fin banniere contact*/

/* zone-texte ssous bannière contact*/
.contact-zone-texte-content{
  margin-bottom: 5rem;
}
.contact-zone-texte-content h2{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  width: 60%;
  color: #fff;
  font-weight: 700;
  font-size: 3.8rem;
  line-height: 4.5rem;
}

.contact-zone-texte-content p{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  width: 60%;
  color: #707070;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
}

@media (max-width: 990px){
  .contact-zone-texte-content h2 {      
      width: 90%;      
      font-size: 3.3rem;
      line-height: 4rem;
  }

  .contact-zone-texte-content p{
    width: 90%;    
    font-size: 1.75rem;
    line-height: 2.6rem;
  }
}
/* fin zone-texte ssous bannière contact*/

/* formulaire contact*/
.contact-form{
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.contact-form .titre-formulaire-contact-container{
	text-align: center;
}

.contact-form .titre-formulaire-contact-container h3{
	font-family: 'Montserrat', sans-serif;
  	font-weight: 700;
  font-size: 3.8rem;
  line-height: 4.5rem;
  	color: #71C5E8;
  	text-align: center;    
    text-transform: none;
}

.contact-form .titre-formulaire-contact-container p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.2rem;
    line-height: 2rem;
}

.contact-form .formulaire-contact{
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
    width: 30%;
}

.contact-form .formulaire-contact label{
	display: block;
	text-align: left;
}

.contact-form .formulaire-contact::placeholder{
	color: red;
}
.contact-form .formulaire-contact select,
.contact-form .formulaire-contact textarea,
.contact-form .formulaire-contact input{
	background: #fff;
	border: 1px solid #ADADAD;
	border-radius: 5px;
	font-size: 1rem;
	line-height: 1.3rem;
	color: #000000;
}

.contact-form .formulaire-contact select:focus,
.contact-form .formulaire-contact textarea:focus,
.contact-form .formulaire-contact input:focus{
	border: 1px solid #38A0DB;
	outline: unset;
}
.contact-form .formulaire-contact input[type=file]{
  width: 0;
}
.contact-form .formulaire-contact input[type=submit]{
	background: #71C5E8 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 24px #00000059;
    color: #fff;
    padding: 0.8rem 3.1rem 0.8rem 3.1rem;
    border-radius: 50px;
    border: 1px solid #71C5E8;
    margin-top: 2rem;
    display: block;
   width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    text-transform: unset;
}

@media (max-width: 990px){
  .contact-form {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }

  .contact-form .titre-formulaire-contact-container h3{
    font-size: 2.8rem;
    line-height: 3.25rem;
    margin-bottom: 2rem;
  }

  .contact-form .titre-formulaire-contact-container p{
    font-size: 1.75rem;
    line-height: 2.2rem;
  }

  .contact-form .formulaire-contact{
    width: 100%;
  }
  
  .contact-form .formulaire-contact select{
    height: 3.4rem !important;
  }

  .contact-form .formulaire-contact textarea{
    padding: 10px;
  }

  .contact-form .formulaire-contact select,
  .contact-form .formulaire-contact textarea,
  .contact-form .formulaire-contact input{
    font-size: 1.75rem;
    line-height: 1.3rem;
  }

  .contact-form .formulaire-contact input[type=submit]{
    width: 100%;
    margin-top: 3rem;
    line-height: 2.2rem;
    padding: 12px 3.1rem 12px 3.1rem;;
  }
}

/* fin formulaire contact*/

/* zone-faq*/
.faq-container{
  background: #F7FBFD;
  margin-left: 1rem;
  margin-right: 1rem;
  border: 1px solid #71C5E8;
  border-radius: 5px;
}
.faq-zone-texte-content{
  margin-bottom: 5rem;
}
.faq-zone-texte-content h2{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  margin-bottom: 3rem;
  width: 60%;
  color: #fff;
  font-weight: 700;
  font-size: 3.8rem;
  line-height: 4.5rem;
}

.faq-zone-texte-content p{
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px; 
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  
  color: #707070;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3rem;
}

.faq-zone-texte-container .heading-primary {
  font-size:2em;
  padding:2em;
  text-align:center;
}
.faq-zone-texte-container .accordion dl,
.faq-zone-texte-container .accordion-list {
   border:1px solid #ddd;
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       
     }
}
.faq-zone-texte-container .accordion dd,
.faq-zone-texte-container .accordion__panel {
  
   font-size:1em;
   line-height:1.5em; 
}
.faq-zone-texte-container .accordion p {
  padding:1em 2em 1em 2em;
}
 
.faq-zone-texte-container .accordion {
    position:relative;
    
}

.faq-zone-texte-container .accordionTitle,
.faq-zone-texte-container .accordion__Heading {
 
   text-align:center;
     font-weight:700; 
          padding:2em;
          display:block;
          text-decoration:none;
          color:#71C5E8;
         
 
  
  &:hover {
   
  }
}
.faq-zone-texte-container .accordionTitleActive, 
.faq-zone-texte-container .accordionTitle.is-expanded {
  
    &:before {
      transform:rotate(-225deg);
    }
}
.faq-zone-texte-container .accordionItem {
    height:auto;
    overflow:hidden;
    max-height:50em;
    transition:max-height 1s;   
  
     
    @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
         
    }
     
    
}
  
.faq-zone-texte-container .accordionItem.is-collapsed {
    max-height:0;
}
.faq-zone-texte-container .no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.faq-zone-texte-container .animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.faq-zone-texte-container .animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}
 
@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}
 
.faq-zone-texte-container .accordionTitle::after{
  content:'+';  
  margin-right:5px; 
      float: right;
}
 
.faq-zone-texte-container .is-collapsed::after{
  content:'-';  
  margin-right:5px; 
      float: right;
}
 
.faq-zone-texte-container dd.accordion-content {
  padding:10px;
  
}
 
.faq-zone-texte-container dd.is-collapsed {
  padding:0px!important;
}
 
.faq-zone-texte-container .accordionTitle, .accordion__Heading {
    
    text-align: left;
    font-weight: 700;
    padding: 10px;
    display: block;
    text-decoration: none;
   
   
   
}

@media (max-width: 990px){
  .faq-zone-texte-content h2 {      
      width: 90%;      
      font-size: 3.3rem;
      line-height: 4rem;
  }

  .faq-zone-texte-container .accordionTitle{
    font-size: 1.5rem;
    line-height: 2.17rem;
  }

  .faq-container {      
      margin-bottom: 2rem;
  }

  .faq-zone-texte-content p {      
      font-size: 1.75rem;
      line-height: 2.2rem;
  }

  .faq-zone-texte-container .accordionTitle::after {      
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 4rem;
  }
}
/* fin zone-faq*/

/*page cms*/
.page-content.page-cms{
  padding: 0;
}
/*fin page cms*/

/*page produit*/
.product-banniere-top-content{
  overflow-x: hidden;
}

.product-banniere-top-content img{
  width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}

.product-quantity .qty,
.product-add-to-cart .btn-touchspin{
  display: none !important;
}

.product-banniere-top-content .product-banniere-top-info-prix{
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translate(-50%,-50%);
  width: 28.8vw;
  background: #fff;
  border-radius: 20px;
  padding: 0.8rem 3.1rem 0.8rem 3.1rem;

}
@media (min-width: 991px) and (max-width: 1440px){
  .product-banniere-top-content .product-banniere-top-info-prix{
        width: 36.8vw;
  }
}
.product-banniere-top-content .product-banniere-top-info-prix img{
  width: 11.6vw;
  height: auto;
  margin-bottom: 1rem;
}

.product-banniere-top-content .product-banniere-top-info-prix h1{
  color: #71C5E8;
  font-weight: 900;
  font-size: 3rem;
  line-height: 3.5rem;
  text-align: center;
}

.product-banniere-top-content .product-banniere-top-info-prix .a-partir{
  color: #000;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 3rem;
  text-align: center;
}

.product-banniere-top-content .product-banniere-top-info-prix .product-quantity .add{
  float: unset;
  margin-right: auto;
  margin-left: auto;
}

.product-banniere-top-content .product-banniere-top-info-prix .product-price {   
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.product-banniere-top-content .product-banniere-top-info-prix .current-price{
  color: #000;
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
}

.product-banniere-top-content .product-banniere-top-info-prix .elimine{
  color: #000;
  font-weight: 700;
  font-size: 1rem;
  line-height: 3rem;
  text-align: center;
  margin-top: 1.5rem;
}

.product-banniere-top-content .product-banniere-top-info-prix .recapitulatif{  
  width: 120%;
  margin-left: -10%;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.product-banniere-top-content .product-banniere-top-info-prix .recapitulatif .container-icone{
  display: inline-block;
  width: 32.7%;
  text-align: center;
  vertical-align: middle;
  color: #707070;
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.product-banniere-top-content .product-banniere-top-info-prix .recapitulatif .container-icone:nth-child(4),
.product-banniere-top-content .product-banniere-top-info-prix .recapitulatif .container-icone:nth-child(5),
.product-banniere-top-content .product-banniere-top-info-prix .recapitulatif .container-icone:nth-child(6){
  margin-top: 2rem;
}

.product-banniere-top-content .product-banniere-top-info-prix .recapitulatif .icone{
  height: 2.1vw;
  width: auto;
  margin-bottom: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.product-banniere-top-content .product-banniere-top-info-prix .add-to-cart{
  background: #59E44D;
  color: #fff;
  box-shadow: 0px 0px 24px #00000059;
  padding: 0.8rem 3.1rem 0.8rem 3.1rem;
  border-radius: 50px;
  text-transform: unset;
      font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 700;
}


.product-banniere-top-content .product-banniere-top-info-prix p{
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.9rem;  
}

.product-banniere-top-content .product-banniere-top-content-bottom{
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%,0);
}

.product-banniere-top-content .product-banniere-top-content-bottom p{
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
}
.product-banniere-top-content .product-banniere-top-content-bottom p:after{
  content: '';
  display: block;
  margin-left: auto;
    margin-right: auto;
    background: url('../img/chevron.png') no-repeat;
    background-size: cover;
    background-position: center;
    width: 26px;
    height: 18px;
    margin-top: 1rem;
    -webkit-animation: animation-fleche 1s infinite  alternate;
        animation: animation-fleche 1s infinite  alternate;
}

.product-container .description-produit p{
  margin-top: 5rem;
  margin-bottom: 5rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.9rem;
}

.product-container .details-produit{
  padding: 0;
}

.product-container .details-produit table{
  width: 100%;
}

.product-container .details-produit table h2{
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #71C5E8;
}

.product-container .details-produit table p{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ADADAD;
}

.product-container .details-produit:first-child table tr{
  display: flex;
  flex-wrap: wrap;
}

.product-container .details-produit .specifications-techniques table tr{
  display: flex;
      flex-wrap: nowrap;
}


@media (max-width: 990px){
  .product-container .details-produit .specifications-techniques table tr{
    display: flex;
    flex-wrap: wrap;        
  }
}

.product-container .details-produit table td{
  display: block;
  position: relative;
}

.product-container .details-produit table td div{
  width: 50%;
}


.product-container .details-produit table tr:nth-child(odd) td{
  width: 47%;
}

.product-container .details-produit table tr:nth-child(odd) td:nth-child(2){
  width: 53%;
  padding-left: 3rem;
  text-align: left;  
}

.product-container .details-produit table tr:nth-child(odd) td:nth-child(2) div{  
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

.product-container .details-produit table tr:nth-child(even) td{
  width: 53%;
  padding-right: 3rem;
  text-align: left;
}

.product-container .details-produit table tr:nth-child(even) td div{
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 3rem;
}

.product-container .details-produit table tr:nth-child(even) td:nth-child(2){
  width: 47%;
  padding-right: unset;
}

.product-container .details-produit table tr td img{
  width: 100%;/*45.6vw;*/
  height: auto;
}

.bouton-action-add-cart-container a,
.bouton-action-add-cart-container a:hover{
  color: #fff;
}
.bouton-action-add-cart-container{
  box-shadow: 0px 0px 24px #00000059;
}

.product-container .details-produit table tr td .bouton-action-add-cart{
  background: #59E44D;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  box-shadow: 0px 0px 24px #00000059;
  padding: 0.8rem 3.1rem 0.8rem 3.1rem;
  border-radius: 50px;
  display: block;  
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  margin-top: 2rem;
}


.product-container .details-produit .bande-bleue-efficacite{
  background: url('../img/bande-bleue.png') no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 5rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.product-container .details-produit .bande-bleue-efficacite h2{  
  font-weight: 700;
  font-size: 3.1rem;
  line-height: 3.7rem;
  color: #fff;
}

.product-container .details-produit .bande-bleue-efficacite p{
  padding-top: 1rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #fff;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.product-container .details-produit .bande-bleue-efficacite table{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

.product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td{
  display: inline-block;
  text-align: center !important;
  color: #fff;
  width: 33.3% !important;
  vertical-align: top;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td:nth-child(1),
.product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td:nth-child(2),
.product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td:nth-child(3){
  margin-bottom: 5rem;
}

.product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td{
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2.2rem;
}

.product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td strong{
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td img{
  width: auto;
  height: 4.6vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.product-container .details-produit .bande-bleue-efficacite a{
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #71C5E8;
  background: #fff 0% 0% no-repeat padding-box;    
    padding: 0.8rem 3.1rem 0.8rem 3.1rem;;
    border-radius: 50px;
    margin-top: 1rem;
    display: block;
    width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
    margin-left: auto;
    margin-right: auto;
}

.product-container .details-produit .principe-fonctionnement{
  margin-top: 5rem;
}

.product-container .details-produit .principe-fonctionnement h2{
  font-weight: 600;
  font-size: 3.7rem;
  line-height: 4.5rem;
  color: #71C5E8;
  margin-bottom: 2rem;
}

.product-container .details-produit .principe-fonctionnement p{
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.9rem;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.product-container .details-produit .principe-fonctionnement img{
  width: 66.8vw;
  height: auto;
  margin-top: 3rem;
}

.product-container .details-produit .principe-fonctionnement table{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.product-container .details-produit .principe-fonctionnement > table > tbody > tr > td{
  display: inline-block;  
  margin-bottom: 2rem;
  width: 50% !important;
  vertical-align: top;
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.product-container .details-produit .principe-fonctionnement > table > tbody > tr > td b,
.product-container .details-produit .principe-fonctionnement > table > tbody > tr > td strong{
  color: #181317;
}

.product-container .details-produit .intersection{
  margin-top: 5rem;
}

.product-container .details-produit .intersection img{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 44.6vw;
  height: auto;
}
.product-container .details-produit .intersection .fond-bleu{
  background: #71C5E8;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.product-container .details-produit .intersection .fond-bleu h2{
  width: 50%;
  margin-left: auto;
  margin-right: auto;  
  margin-bottom: 2rem;
  color: #fff;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.8rem;
}
.product-container .details-produit .intersection .fond-bleu p{
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}

.avantages{
  margin-top: 5rem;
}

.avantages h2{
  color: #71C5E8;
  font-weight: 600;
  font-size: 3.8rem;
  line-height: 4.5rem;
}

.product-container .details-produit .avantages table{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  margin-bottom: 4rem;
}

.product-container .details-produit .avantages > table > tbody > tr > td{
  display: inline-block;  
  margin-bottom: 3rem;
  width: 33.3% !important;
  vertical-align: top;
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.9rem;
  text-align: center !important;
}

.product-container .details-produit .avantages > table > tbody > tr > td img{
  height: 4.5vw;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.product-container .details-produit .avantages .bouton-action-add-cart{
  background: #59E44D;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  box-shadow: 0px 0px 24px #00000059;
  padding: 0.8rem 3.1rem 0.8rem 3.1rem;
  border-radius: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
}

.product-container .details-produit .specifications-techniques{
  margin-top: 5rem;
  background: #ADADAD;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.product-container .details-produit .specifications-techniques h2{
  color: #fff;
  font-weight: 600;
  font-size: 3.8rem;
  line-height: 4.5rem;
}

.product-container .details-produit .specifications-techniques table{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

.product-container .details-produit .specifications-techniques > table > tbody > tr > td{
  display: inline-block;  
  margin-bottom: 3rem;
  width: 30% !important;
  vertical-align: top;
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.9rem;
  text-align: center !important;
  color: #fff;
  margin-right: 2.8rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 3rem;
}

.product-container .details-produit .specifications-techniques > table > tbody > tr > td:nth-child(3){
  margin-right: 0;
}

.product-container .details-produit .specifications-techniques > table > tbody > tr:nth-child(2) > td:nth-child(1),
.product-container .details-produit .specifications-techniques > table > tbody > tr:nth-child(2) > td:nth-child(2),
.product-container .details-produit .specifications-techniques > table > tbody > tr:nth-child(2) > td:nth-child(3){
  padding-bottom: 0;
  border-bottom: 0px solid #fff;
}

.product-container .gallery-produit{
  margin-top: 5rem;
}

.product-container .gallery-produit .gallery-produit-col{
  padding: 0;
}

.product-container .gallery-produit img{
  width: 14.6vw;
    height: 14.6vw;
    object-fit: cover;
    object-position: center;
    border: 1px solid #71C5E8;
    margin: 1rem;
}

@media (max-width: 990px){
  .product-container .gallery-produit img{
    width: 44.6vw;
    height: 44.6vw;
  }
}

.product-container .gallery-produit{
  margin-bottom: 5rem;
}

.ls-wrapper h2{
  font-weight: 700;
  font-size: 3.1rem;
  line-height: 3.7rem;  
  color: #fff;
}

.product-container .product-bande-image-banniere p{
  margin-bottom: 0;
}

.product-container .product-bande-image-banniere img{
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;    
}

.product-container .revolution-en-marche{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.product-container .revolution-en-marche h2{
  color: #71C5E8;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.8rem;
  margin-left: auto;
  margin-right: auto;
 
  width: 90%;
}

.product-container .revolution-en-marche p{
  width: 60%;
   margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-container .revolution-en-marche a:hover,
.product-container .revolution-en-marche a{
  background: #71C5E8 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 24px #00000059;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 0.8rem 3.1rem 0.8rem 3.1rem;;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  display: block;
  margin-top: 2rem;
}

@media (max-width: 990px){
  .page-product .accueil-banniere-top-container{
    height: unset;
  }

  .product-banniere-top-content img {
      width: 100%;
      height: 50vh;
      object-fit: cover;
      object-position: left;
  }

  .product-banniere-top-content .product-banniere-top-info-prix {
      position: unset;
      top: unset;
      left: unset;
      transform: unset;
      width: 90%;
      background: #fff;
      border-radius: 20px;
      padding: 0.8rem 1.4rem 0.8rem 1.4rem;
      margin-left: auto;
      margin-right: auto;
  }

  .product-banniere-top-content .product-banniere-top-content-bottom{
    display: none;
  }

  .product-banniere-top-content .product-banniere-top-info-prix h1 {
      font-size: 3.25rem;
      line-height: 4rem;
  }

  .product-banniere-top-content .product-banniere-top-info-prix .a-partir {
      font-size: 1.2rem;
      line-height: 3.4rem;
  }

  .product-banniere-top-content .product-banniere-top-info-prix .current-price {     
      font-size: 4.21rem;
      line-height: 3.9rem;      
  }

  .product-banniere-top-content .product-banniere-top-info-prix .elimine {
      font-size: 1.75rem;
      line-height: 2.2rem;
  }

  .product-banniere-top-content .product-banniere-top-info-prix .recapitulatif{
      margin-top: 3.5rem;
  }

  .product-banniere-top-content .product-banniere-top-info-prix .recapitulatif .container-icone {
      width: 49%;
      font-size: 1.3rem;
      line-height: 2.2rem;      
      margin-bottom: 2rem;
  }

  .product-banniere-top-content .product-banniere-top-info-prix .recapitulatif .icone {
      height: 11vw;          
  }

  .product-banniere-top-content .product-banniere-top-info-prix .product-quantity .add,
  .product-banniere-top-content .product-banniere-top-info-prix .add-to-cart {      
      width: 100%;
      font-size: 1.6rem;
      line-height: 2rem;  
  }

  .product-banniere-top-content .product-banniere-top-info-prix .add-to-cart {    
          padding: 12px 3.1rem 12px 3.1rem;
  }

  .product-container .description-produit p{
    margin-top: 2rem;
    font-size: 1.75rem;
    line-height: 2.6rem;
  }

  .product-container .details-produit table tr {
      display: flex;      

  }

  .product-container .details-produit table td{
    display: unset;
    position: unset;
  }

  .product-container .details-produit table td div{
    width: 100%;
  }


  .product-container .details-produit table tr:nth-child(odd) td{
    width: 100%;
    order: 1;
  }

  .product-container .details-produit table tr:nth-child(odd) td:nth-child(2){
    width: 100%;
    padding-left: unset;
    text-align: center;  
    order: 2;
  }

  .product-container .details-produit table tr:nth-child(odd) td:nth-child(2) div{  
    position: unset;
    top: unset;
    transform: unset;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;   
  }

  .product-container .details-produit table tr:nth-child(even) td{
    width: 100%;
    padding-right: unset;
    text-align: center;
    order: 2;
  }

  .product-container .details-produit table tr:nth-child(even) td div{
    position: unset;
    top: unset;
    transform: unset;
    right: unset;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .product-container .details-produit table tr:nth-child(even) td:nth-child(2){
    width: 100%;
    padding-right: unset;
    order: 1;
  }

  .product-container .details-produit table h2 {
      font-size: 2.2rem;
      line-height: 2.6rem; 
      margin-bottom: 2.5rem;     
  }

  .product-container .details-produit table p {
      font-size: 1.75rem;
      line-height: 2.19rem;      
  }

  .product-container .details-produit table tr td .bouton-action-add-cart {      
      font-size: 1.65rem;
      line-height: 2.2rem;      
      width: 100%;      
      margin-top: 4rem;
      padding: 12px 3.1rem 12px 3.1rem;
  }

  .product-container .details-produit .bande-bleue-efficacite h2 { 
      font-size: 3.3rem;
      line-height: 3.8rem;      
  }

  .product-container .details-produit .bande-bleue-efficacite p {
      padding-top: 2rem;
      font-size: 2.2rem;
      line-height: 2.6rem;
      width: 95%;      
  }

  .product-container .details-produit .bande-bleue-efficacite table {
      width: 90%;
  }

  .product-container .details-produit .bande-bleue-efficacite > table > tbody > tr{
    display: block;
  }

  .product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td{
    width: 100% !important;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 3.5rem;
  }

  .product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td img{
    height: 21vw; 
  }

  .product-container .details-produit .bande-bleue-efficacite > table > tbody > tr > td strong {      
      font-size: 2.7rem;
      line-height: 3.8rem;
  }

  .product-container .details-produit .bande-bleue-efficacite a{
    width: 90%;
    font-size: 1.65rem;
    line-height: 2.2rem;
    padding: 12px 3.1rem 12px 3.1rem;;
  }

  .product-container .details-produit .principe-fonctionnement h2 {
      font-size: 3.3rem;
      line-height: 4rem;      
  }

  .product-container .details-produit .principe-fonctionnement p {
      font-size: 1.75rem;
      line-height: 2.6rem;
      width: 90%;
  }

  .product-container .details-produit .principe-fonctionnement img{
    width: 100%;
  }

  .product-container .details-produit .principe-fonctionnement table{
    width: 90%;
  }

  .product-container .details-produit .principe-fonctionnement > table > tbody > tr > td {
      display: inline-block;      
      width: 100% !important;      
      font-size: 1.42rem;
      line-height: 2.2rem;
      text-align: center;
  }

  .product-container .details-produit .intersection img {      
      width: 100vw;
  }

  .product-container .details-produit .intersection .fond-bleu h2 {
      width: 90%;
      font-size: 3.25rem;
      line-height: 3.8rem;
      margin-bottom: 4rem;
  }

  .product-container .details-produit .intersection .fond-bleu p {
      width: 90%;
      font-size: 1.75rem;
      line-height: 2.6rem;
  }

  .avantages h2 {   
      font-size: 3.25rem;
      line-height: 4rem;
  }

  .product-container .details-produit .avantages table {
      width: 90%;
  }

  .product-container .details-produit .avantages > table > tbody > tr > td {      
      width: 100% !important;
      font-size: 2.2rem;
      line-height: 3.25rem;      
      margin-bottom: 5rem;
  }

  .product-container .details-produit .avantages > table > tbody > tr > td img {
      height: 22.5vw;
  }

  .product-container .details-produit .avantages .bouton-action-add-cart {      
      font-size: 1.65rem;
      line-height: 2.2rem;
      width: 90%;      
      text-align: center;
      margin-bottom: 8rem;
      padding: 12px 3.1rem 12px 3.1rem;;
  }

  .product-container .details-produit .specifications-techniques h2 {
      font-size: 3.25rem;
      line-height: 4rem;
  }

  .product-container .details-produit .specifications-techniques table {
      width: 90%;
  }

  .product-container .details-produit .specifications-techniques > table > tbody > tr > td {     
      width: 100% !important;
      font-size: 2.25rem;
      line-height: 3.25rem;     
      margin-right: 0;
      border-bottom: 0px solid #fff;   
      padding-bottom: 0;
  }

  .product-container .gallery-produit {
      margin-top: 1rem;
      margin-bottom: 1rem;
  }

  .product-container .product-bande-image-banniere img {
      width: 100%;
      height: 40vh;
      object-fit: cover; 
  }

  .product-container .revolution-en-marche h2 {      
      font-size: 3.25rem;
      line-height: 4rem;
      margin-bottom: 2rem;      
  }

  .product-container .revolution-en-marche p {
      width: 90%;
      font-size: 1.75rem;
      line-height: 2.6rem;
  }

  .product-container .revolution-en-marche a:hover, .product-container .revolution-en-marche a {
      font-size: 1.65rem;
      line-height: 2.2rem;
      width: 90%;
      margin-top: 3rem;
      text-align: center;
      padding: 12px 3.1rem 12px 3.1rem;
  }
}
/*page produit*/

/* bande avant footer*/
.accueil-bande-image-before-footer p{
	margin-bottom: 0;
}

.accueil-bande-image-before-footer img{
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;  
}

@media (max-width: 990px){
  .accueil-bande-image-before-footer img{
    height: 25vh;
  }
}
/* fin bande avant footer*/

/*footer*/

body#checkout #footer {
    box-shadow: unset;
    padding: unset;
    background: unset;
    color: unset;
    background: #71C5E8;
  color: #fff;
  padding-top: 0;
}

#footer{
	background: #71C5E8;
	color: #fff;
	padding-top: 0;
}

.footer-container{
	margin-top: 0;
	box-shadow: unset;
	padding-top: 0;
}

#footer img{
	width: 11.6vw;
	height: auto;
	margin-top: 3rem;
	margin-bottom: 2rem;
}

#footer h2{
	font-family: 'Montserrat', sans-serif;
  	font-size: 1.3rem;
  	line-height: 1.7rem;
  	font-weight: 700;
  	color: #fff;
}

#footer h3{
	font-family: 'Montserrat', sans-serif;
  	font-size: 1rem;
  	line-height: 1.7rem;
  	font-weight: 700;
  	color: #fff;
  	margin-top: 2rem;
}

#footer p{
	font-family: 'Montserrat', sans-serif;
  	font-size: 1rem;
  	line-height: 1.7rem;
  	font-weight: 500;
  	color: #fff;
}

#footer .links{
	margin-top: 3rem;
	margin-bottom: 1rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	width: 100%;
	text-align: center;
}

#footer .links a{
	font-family: 'Montserrat', sans-serif;
  	font-size: 0.9rem;
  	line-height: 1.7rem;
  	font-weight: 700;
  	text-decoration: underline;
  	color: #fff;
  	margin-right: 4rem;
  	margin-bottom: 1.6rem;
  	display: inline-block;
}

#footer .links a:nth-child(7),
#footer .links a:nth-child(3){	
  	margin-right: 0rem;
}

#footer .links a:nth-child(7),
#footer .links a:nth-child(5),
#footer .links a:nth-child(6){	
  	margin-bottom: 0rem;
}

#footer .copyright{
	font-family: 'Montserrat', sans-serif;
  	font-size: 0.9rem;
  	line-height: 1.7rem;
  	font-weight: 500;
  	color: #fff;
}

#footer a{
  color: #fff !important;
}

@media (max-width: 990px){
  #footer img{
    width: 35vw;
    margin-top: 8rem;
  }

  #footer h2 {    
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.75rem;
    line-height: 2.2rem;
  }

  #footer h3{
    font-size: 1rem;
    line-height: 1.7rem;
    font-weight: 700;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.75rem;
    line-height: 2.2rem;
  }

  #footer p {    
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.75rem;
    line-height: 2.2rem;
    text-align: center;
  }

  #footer .links a{
    font-size: 1.51rem;
    line-height: 2.81rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*fin footer*/

/*animation*/
@-webkit-keyframes animation-fleche {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }
    @keyframes animation-fleche {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }
/*fin animation*/

.input-group .input-group-btn>.btn[data-action=show-password]{
  background: #71C5E8;
}

.order-message-form header{
  position: initial !important;
  transform: none !important;
  -webkit-transform: none !important;
}