@charset "utf-8";
/* CSS Document */

/*
    Balises générales
*/

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');

body { background-color: #fff!important; color: #000!important; font-size: 1.125em!important; line-height: 1.875em!important; font-family: 'Nunito', sans-serif!important;}

h1 { font-family: 'Crimson'; font-size:28px!important; font-weight:500!important; margin: 0 0 15px 0!important; text-transform: uppercase; }
/*(correspond aux titres du header dans les bandeaux - 50px )*/

h2 { font-family: 'Montserrat', serif!important; font-size:2em!important; margin: 0 0 20px 0!important; text-transform: uppercase!important; }
/*(correspond aux titres de chaque section - 40px )*/

h3 { font-size:1.45em!important; font-weight:400!important; margin: 0 0 2.1875em 0!important;font-family: 'Montserrat', serif!important; }
/*(correspond aux titres des paragraphes des sections - 25px )*/

h4 { font-size:1.125em!important; font-weight:500!important; margin: 5 0 5em 0!important;font-family: 'Montserrat', serif!important; color: #4b6e6a; }
/*(correspond aux titres des listes des paragraphes des sections -18px )*/


p { font-size:16px!important; line-height: 1.375em!important;font-family: 'Nunito';}
/*(pour le texte courrant - 18px)*/


.tab-pane h4 { text-transform: uppercase;}
.h2-font-crimson { font-family: 'Crimson'!important; font-size:28px!important; font-weight:500!important; margin: 0 0 20px 0!important; text-transform: uppercase; }
.mb10 { margin-bottom: 10px!important}
.mt20 { margin-top: 20px!important;}
.mt80 { margin-top: 80px;}
.mt90 { margin-top: 90px;}
.mt150 { margin-top: 150px;}
.fz12 { font-size: 12px!important;}
.fz14 { font-size: 14px!important;}
.fz50 {	font-size: 50px;}
.mr5	{ margin-right: 05px;}
.ml07 { margin-left: 04px!important}
.ml20 { margin-left: 20px!important}
.ml40 { margin-left: 40px!important}
.curseur { cursor: pointer;}
.ptpb { padding-top: 50px; padding-bottom: 50px;}
.gris { color: #595959 ;}
.ombre {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.inl-block { display: inline-block!important;}
/* Boutons */

.btn-search {
    color: #000!important;
}

.material-icons {
    vertical-align: middle!important;
}

.nav-item { color:#000; text-transform: uppercase; font-size: 14px;font-family: 'Nunito', serif!important;}
.nav-link { color:#000!important;}
.nav-link.active { background-color: #4B6E6A!important; color: #fff!important;}

.relatif{
      position: relative;
 }

.hr-titre {
	margin-left: 60px!important;
    width: 60%!important;
    background-color: #000!important;
	margin-bottom: 30px;
}

.hr-titre-2 {
	margin-left: 30px!important;
    width: 40%!important;
    background-color: #000!important;
	margin-bottom: 30px;
}



.image-overlay {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* Ajoute d'autres styles si nécessaire, comme la largeur, la hauteur, etc. */
    }

.titre-slide { color: #fff;font-family: 'Montserrat', serif!important; font-size: 34px;}

.arrow {
  opacity: 0.8;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.arrow {
  position: absolute;
  left: 50%;
  margin-top: 30px;
  margin-left: -16px;
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}

.arrow:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

.bandeau-vert {
	background-color: #4B6E6A;
	padding-top: 40px;
	padding-bottom: 25px;
	color: #fff;
}

.bandeau-vert h4 {
	color: #fff!important;
	text-transform: uppercase;
	font-family: 'Crimson'!important;
	font-size: 24px!important;
}

.bandeau-vert h5 {
	text-transform: uppercase;
	font-size: 16px!important;
}

.hr-blanc {
	color: #fff!important;
	width: 25%;
	height: 2px;
}

.txt-center {
	text-align: center;
}

.hr-icone {
	width: 60%;
	color: #fff;
	margin: 0 auto; /* Pour centrer horizontalement le <hr> */
}

.bandeau-noir {
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
}


.btn-contact a {
	color: #fff!important;
	border:  solid 1px #fff!important;
	text-decoration: none!important;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.border-gauche {
	border-left: solid 1px #fff;
	padding-left: 30px;
	margin-top: -60px;
}

.fa {
	color: #fff!important;
	display: inline-block!important;
	margin-right: 20px;
}


.fa-facebook:hover {color: #4B6E68!important;transition: all 0.3s ease-out!important;}
.fa-pinterest:hover {color: #4B6E68!important;transition: all 0.3s ease-out!important;}
.fa-instagram:hover {color: #4B6E68!important;transition: all 0.3s ease-out!important;}
.fa-youtube:hover {color: #4B6E68!important;transition: all 0.3s ease-out!important;}

.bloc-footer a {
	color: #000!important;
}

.bloc-hr {
	width: 70%;
	color: #000;
	margin: 0 auto; /* Pour centrer horizontalement le <hr> */
}


.disp-inline {
	display: inline-block!important;
}

.position-bt {
	z-index:10;
	right: 0px!important;
}

.prec-suiv {
	padding: 05px 20px;
	background-color: #F5F5F5;
	border: none;
}

.prec-suiv:hover {
	background-color: #4B6E68;
	color: #fff;
	transition: all 0.4s ease-out;
}

.h1-design {font-family: 'Crimson'!important; font-size:32px!important; font-weight:500!important; margin: 0 0 30px 0!important; text-transform: uppercase; color: #fff!important;}

.h2-design {font-family: 'Montserrat', serif!important; font-size:22px!important; margin: 0 0 30px 0!important; text-transform: uppercase!important;color: #fff!important;}



/* Les cloris */

.couleurs {font-family: 'Crimson'!important; font-size:34px!important; font-weight:600!important; margin: 50px 0 10px 0!important; text-transform: uppercase;}
.nav-tabs {
	border-bottom: none!important;
}
.nav-perso { height: 45px!important; width: 45px!important; margin-right: 05px; border: none!important;transition: all 0.5s ease-out!important;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.nav-perso:hover { height: 85px!important; margin-top: -40px!important; }
.nav-perso.active { height: 85px!important;  margin-top: -40px!important;}

.nav-perso-bois {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.nav-perso-bois.active { width: 160px;}



/* Définition de l'animation "pulse" */
@keyframes pulse {
    0% {
        transform: scale(1); /* Échelle normale */
    }
    50% {
        transform: scale(1.3); /* Légère augmentation d'échelle */
    }
    100% {
        transform: scale(1); /* Retour à l'échelle normale */
    }
}

.irish-oak.pulse-stopped {
    animation: none; /* Arrête l'animation lorsque la classe pulse-stopped est présente */
}

.birch-wood {
  background-image: url('../images/design/ton_bois_bouleau.webp');
  background-size: cover; /* Ajuste la taille de l'image pour couvrir le bouton */
  background-position: center; /* Centre l'image dans le bouton */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  border: none;
  color: #fff; /* Couleur du texte */
	height: 100px;
	width: 80px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  outline: none; /* Supprime la bordure de focus par défaut */
	margin-bottom: 10px;
	transition: all 0.5s ease-out!important;

}

/* Style additionnel pour un effet de survol */
.birch-wood:hover {
  width: 160px;
}

.irish-oak {
  background-image: url('../images/design/ton-chene-irlandais.webp');
  background-size: cover; /* Ajuste la taille de l'image pour couvrir le bouton */
  background-position: center; /* Centre l'image dans le bouton */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  border: none;
  color: #fff; /* Couleur du texte */
	height: 100px;
	width: 80px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  outline: none; /* Supprime la bordure de focus par défaut */
	margin-bottom: 10px;
	transition: all 0.5s ease-out!important;
		animation: pulse 1.5s infinite;
}

/* Style additionnel pour un effet de survol */
.irish-oak:hover {
  width: 160px;
}

.golden-oak {
  background-image: url('../images/design/ton-chene-dore.webp');
  background-size: cover; /* Ajuste la taille de l'image pour couvrir le bouton */
  background-position: center; /* Centre l'image dans le bouton */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  border: none;
  color: #fff; /* Couleur du texte */
	height: 100px;
	width: 80px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  outline: none; /* Supprime la bordure de focus par défaut */
	margin-bottom: 10px;
	transition: all 0.5s ease-out!important;
}

/* Style additionnel pour un effet de survol */
.golden-oak:hover {
  width: 160px;
}

.dark-teak {
  background-image: url('../images/design/ton-teck-fonce.webp');
  background-size: cover; /* Ajuste la taille de l'image pour couvrir le bouton */
  background-position: center; /* Centre l'image dans le bouton */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  border: none;
  color: #fff; /* Couleur du texte */
	height: 100px;
	width: 80px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  outline: none; /* Supprime la bordure de focus par défaut */
	margin-bottom: 10px;
	transition: all 0.5s ease-out!important;
}

/* Style additionnel pour un effet de survol */
.dark-teak:hover {
  width: 160px;
}

.burnt-wood {
  background-image: url('../images/design/ton-bois-brule.webp');
  background-size: cover; /* Ajuste la taille de l'image pour couvrir le bouton */
  background-position: center; /* Centre l'image dans le bouton */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  border: none;
  color: #fff; /* Couleur du texte */
	height: 100px;
	width: 80px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  outline: none; /* Supprime la bordure de focus par défaut */
	margin-bottom: 10px;
		transition: all 0.5s ease-out!important;
}

/* Style additionnel pour un effet de survol */
.burnt-wood:hover {
  	width: 160px;
}

.pulse {
	animation: pulse 1.5s infinite;
}

/* Ivoir clair */

.ivoire	{ background-color: #f9e6b6!important;}


/* noir sablé */

.noir-sable	{ background-color: #2c2e31!important; animation: pulse 1.5s infinite;}	
.noir-sable.pulse-stopped {
    animation: none; /* Arrête l'animation lorsque la classe pulse-stopped est présente */
}
/* gris sablé */

.gris-sable	{ background-color: #545051!important;}	


/* rouge pourpre */
	
.rouge-pourpre	{ background-color: #690f14!important; }	

/* bleu saphir */

.bleu-saphir	{ background-color: #001745!important;}	


/* bleu gentiane */
	
.bleu-gentiane	{ background-color: #0e294b!important;}	


/* bleu pigeon */

.bleu-pigeon	{ background-color: #4d6999!important; }	


/* vert mousse */

.vert-mousse	{ background-color: #0a381f!important;}	

/* vert sapin */

.vert-sapin	{ background-color: #17291c!important;}	

/* vert pâle */

.vert-pale	{ background-color: #85a67a!important;}


/* gris beige */

.gris-beige	{ background-color: #6b6157!important;}	


/* gris anthracite */
	
.gris-anthracite	{ background-color: #262e38!important;}	


/* gris terre ombre */

.gris-terre-ombre	{ background-color: #3d3d3b!important;}

/* gris gris bleu */

.gris-bleu	{ background-color: #4d5c6b!important; }	

/* gris gris clair */

.gris-clair	{ background-color: #d4d9db!important; }	

/* gris gris quartz */

.gris-quartz	{ background-color: #615e59!important;}	

/* gris gris galet */
	
.gris-galet	{ background-color: #8f949e!important; }	

/* gris brun sépia */

.brun-sepia	{ background-color: #38261c!important; }	

/* gris brun gris */

.brun-gris	{ background-color: #2b2629!important;}	

/* Brun terre */

.brun-terre	{ background-color: #402e21!important;}	

/* gris Noir foncé */

.noir-fonce	{ background-color: #03050a!important; }

/* gris gris aluminium */

.gris-aluminium	{ background-color: #a6abb5!important;}	


/* gris grège */

.grege	{ background-color: #7d7a78!important; }

/* blanc texturé */

.blanc	{ background-color: #fff!important; }

/* mars rouille */

.mars	{ background-color: #5d3117!important;}	


.bg-gris { 
	background-color: #F5F5F5;
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 80px;
}

.bg-gris h2 {
	font-family: 'Crimson'!important;
}

.contact h1 {
	font-family: 'Crimson'!important; font-size:40px!important; font-weight:500!important; text-transform: inherit!important;
}

.contact h2 {
	font-family: 'Crimson'!important; font-size:28px!important; font-weight:500!important; text-transform: inherit!important;
}

/*---- portfolio filtrable ---*/
.gallery_product h3 { position:absolute; z-index:10; bottom:25%;opacity:0;-webkit-opacity:0; color:#fff;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center; text-transform:uppercase;}
.gallery_product:hover h3 {opacity:1;-webkit-opacity:1;transition: all 0.5s ease-out;}


.gallery_product:hover img {
  transition: filter .5s ease-in-out;
  -webkit-filter: brightness(1);
filter: brightness(1);
}
.gallery_product:hover img:hover {
  -webkit-filter: brightness(0.4);
filter: brightness(0.4);
}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}

.filter-button {
    color: #fff!important;
    background-color: #2a2a2a!important;
    padding: 10px 20px 10px 20px!important;
    font-size: 16px!important;
    border: solid 1px #2a2a2a!important;
	text-transform:uppercase;
}

.filter-button:hover {
    color: #2a2a2a!important;
    background-color: #fff!important;
    padding: 10px 20px 10px 20px!important;
    font-size: 16px!important;
    border: solid 1px #2a2a2a!important;
	transition: all 0.4s ease-out;
	cursor:pointer;
	text-decoration:none;
}

.filter-button:focus {
    color: #2a2a2a!important;
    background-color: #fff!important;
    padding: 10px 20px 10px 20px!important;
    font-size: 16px!important;
    border: solid 1px #2a2a2a!important;
}

.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

/* Menu 'les décors' de la page découvrir fresk */

.menu-filtres-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

/* Pour les tablettes, 3 éléments par rangée */
@media (max-width: 992px) { 
  .menu-filtres-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 colonnes pour les tablettes */
  }
}

/* Pour les mobiles, 2 éléments par rangée */
@media (max-width: 576px) { 
  .menu-filtres-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 colonnes pour les mobiles */
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 12px 20px 12px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #000;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}


/* Deuxième ligne du menu, portfolio filters2 */ 

.portfolio #portfolio-flters-2 {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters-2 li {
  cursor: pointer;
  display: inline-block;
  padding: 12px 20px 12px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
}

.portfolio #portfolio-flters-2 li:hover {
  color: #fff;
  background: #000;
}

.portfolio #portfolio-flters-2 li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;

}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(34, 34, 34, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #78d9cd;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 0;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #34b7a7;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #34b7a7;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(34, 34, 34, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}


/* Formulaire de contact */

.gform_description {
	display: none!important;
}

.gform-theme--framework input {
	border:none!important;
    border-bottom: 1px solid #707070!important;
}

#gform_submit_button_1 {
	background-color: #4B6E6A!important;
}

#gform_submit_button_2 {
	background-color: #4B6E6A!important;
}

#gform_submit_button_3 {
	background-color: #4B6E6A!important;
}

#gform_submit_button_4 {
	background-color: #4B6E6A!important;
}

.modal-body h4 {
	text-transform: uppercase!important;
}

/* Version responsive */


@media (max-width: 991px) {
.relatif{
	position: inherit;
 }

.image-overlay {
      position: absolute;
      top: 300px!important;
      left: 50%!important;
      /* Ajoute d'autres styles si nécessaire, comme la largeur, la hauteur, etc. */
    }
.w-macaron {
	width: 90px;	
	}	

	.w-logo {
	width: 270px;	
	}
	
	.mt-neg-30 {
		margin-top: -30px;
	}
	
	.titre-slide { color: #fff;font-family: 'Montserrat', serif!important; font-size: 24px!important;}
	
		.h1-design {font-family: 'Crimson'!important; font-size:24px!important; font-weight:500!important; margin: 0 0 30px 0!important; text-transform: uppercase; color: #fff!important;}

	.h2-design {font-family: 'Montserrat', serif!important; font-size:16px!important; margin: 0 0 30px 0!important; text-transform: uppercase!important;color: #fff!important;}
	
	.choix-couleurs {
		text-align: center!important;
	}
	
	.hr-blanc {
	color: #fff!important;
	height: 2px;
	width: 100%;
	}	
}

.btn-port {
  color: #fff!important;
  background-color:#4b6e6a!important;
  padding: 10px 20px 10px 20px!important;
 font-size: 16px!important;
 border: solid 1px #4b6e6a!important;
	text-decoration: none!important;
}

.btn-port:hover {
  color: #4b6e6a!important;
  background-color: #fff!important;
  border-color: #4b6e6a!important;
  transition: all 0.4s ease-out!important;
  text-decoration:none!important;
}

/* Le floating bar */

.floating-banner {
	font-size: 12px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 400px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  font-family: Arial, sans-serif;
}

.floating-banner h3 {
  font-size: 17px!important;
  margin-top: 0;
	margin-bottom: 15px!important;
	font-weight: 600!important;
}

.floating-banner p {
	line-height: 16px!important;
}

.contact-person {
  margin: 15px 0;
  font-size: 12px;
	line-height: 17px;
}

.cta-btn {
  display: inline-block;
  background-color: #3e5a51;
  color: white;
  text-decoration: none;     /* Supprime le soulignement */
  border: none;
  padding: 10px 15px;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  text-align: center;
	transition: background-color 0.2s ease;
}

.cta-btn:hover {
  background-color: #2f4a41; /* Optionnel : couleur un peu plus foncée au hover */
  color: white;              /* Reste blanc même au hover */
  text-decoration: none;     /* Garde le texte non souligné */
}



.close-btn {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 32px;
  height: 32px;
  background-color: #e0e0e0; /* gris par défaut */
  border: none;
  border-radius: 50%;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s ease;
}

.close-btn:hover {
  background-color: #f2f2f2; /* gris plus clair au survol */
}

.floating-banner {
  animation: slideIn 0.5s ease-out;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}