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

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

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

h1 { font-size: 32px!important; color: #000;}
h3 { color: #889259;font-size: 24px!important;}
p {color: #000;}
a { color: #889259;}
a:hover { color: #D6BEB8; transition: all 0.4s ease-out;}


.container-perso {
    width: 80%!important;
	 margin: 0 auto;
  }

.fz20 { font-size: 20px!important;}
.fz48 { font-size: 48px!important; font-weight: 700;}
.fz56 { font-size: 56px!important; font-weight: 700;}
.mt-22 {margin-top: 22px!important;}
.mt-42 {margin-top: 42px!important;}
.mt-50 {margin-top: 50px!important;}
.mt-54 {margin-top: 54px!important;}
.mt-60 {margin-top: 60px!important;}
.mt-100 {margin-top: 100px!important;}
.mt-140 {margin-top: 140px!important;}
.mt-182 {margin-top: 182px!important;}

.mb-70 { margin-bottom: 70px;}

.mt-neg-10 { margin-top: -10px!important;}
.mt-neg-15 { margin-top: -15px!important;}
.fl-droite { float: right!important;}
.mt-logo { margin-top: 40px;}
.padd-bt { padding-left: 60px!important; padding-right: 60px!important;}

.pt-05 { padding-top: 05px!important;}
.pt-60 { padding-top: 60px!important;}
.pb-60 { padding-bottom: 60px!important;}

.bord-r10 { border-radius: 10px;}

li::marker { color: #D6BEB8; }
li {
    margin-bottom: 15px; /* Ajustez cette valeur selon la quantité d'espace désirée */
}

.back-blanc { background-color: #ffffff!important; padding-left: 20px;padding-right: 20px; padding-top: 06px;padding-bottom: 06px;}
.back-blanc2 { background-color: #ffffff!important; padding-left: 20px;padding-right: 20px; padding-top: 06px;padding-bottom: 06px; border: solid 1px #889259;}

.vert {background: linear-gradient(to bottom, #889259 76%, #fff 24%);}
.bg-droite { padding-bottom: 100px; }
.vert-titre { color: #889259; font-size: 22px; margin-top: 80px;}
.bord-arr { border-radius: 10px;}
.noir { color: #000!important;}
.prix { color: #D6BEB8; font-size: 24px; text-align: center; margin-top: 30px; margin-bottom: 30px;}
.pt-20 { padding-top: 20px!important;}

.btn-blanc { background-color: #ffffff; color: #889259; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; text-decoration: none; border-radius: 5px; border: solid 2px #889259;}
.btn-blanc:hover { background-color: #889259; color: #ffffff;border: solid 2px #ffffff; transition: all 0.4s ease-out;}

.btn-vert { background-color: #889259; color: #ffffff; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; text-decoration: none; border-radius: 5px; border: solid 2px #ffffff;}
.btn-vert:hover { background-color: #ffffff; color: #889259;border: solid 2px #889259; transition: all 0.4s ease-out;}

.btn-rose { background-color: #D6BEB8; color: #fff; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; text-decoration: none; border-radius: 5px; border: solid 2px #D6BEB8; font-weight: 700;}
.btn-rose:hover { background-color: #fff; color: #D6BEB8;border: solid 2px #D6BEB8; transition: all 0.4s ease-out;}

.btn-rose2 { background-color: #fff; color: #D6BEB8; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; text-decoration: none; border-radius: 5px; border: solid 2px #D6BEB8;}
.btn-rose2:hover { background-color: #D6BEB8; color: #fff;border: solid 2px #D6BEB8; transition: all 0.4s ease-out;}



.bk-gris {
	background-color: #F2F4F2!important;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}

.bk-rose {
	background-color: #D6BEB8!important;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	
}

.pad-rose { padding-top: 60px; padding-bottom: 60px; padding-left: 05px; padding-right: 05px; color: #fff!important;}



.col { background-clip: content-box;}

.demo a {
  z-index: 2;
  display: inline-block;
  color: #000;
  font: normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
  position: relative;
}

.demo a:hover {
  opacity: .5;
}

#section02 a span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #D6BEB8;
  position: relative;
  box-sizing: border-box;
	padding-bottom: 10px;
}

#section02 a span::after {
  content: '';
  width: 24px;
  height: 24px;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 {
	color: #000000;
}

#section03 p {
	color: #000000;
}


.offres { border: solid 2px #889259; padding-bottom: 40px; margin: 15px;}
.offres-mobile { border: solid 2px #fff; padding-bottom: 40px; margin: 15px;}

/* Carousel */

.prec-suiv {
	padding: 05px 20px 01px 20px;
	background-color: #889259 ;
	border: solid 1px #889259 ;
	color: #fff;
	margin-right: 20px;
}

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

}

.disp-inline { display: inline-block;}
.fz50 { font-size: 50px;}


 .offre-lancement {
	background-color: #889259; /* Couleur de fond vert */
    color: #fff!important; /* Couleur du texte */
	 margin-top: 15px;
	 margin-bottom: 15px;
}

.offre-inter {
	text-align: center;
}

.offre-inter h3 {
	font-size: 22px!important;
}
.offre-inter p {
	line-height: 36px!important;
	color: #fff!important;
}

.outside-right {
    position: relative;
    right: -190px; /* Ajustez cette valeur selon la quantité que vous voulez que l'image sorte du conteneur */
}

.centered-div {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      padding-top: 20px;
	padding-bottom: 20px;
	 padding-left: 60px;
	padding-right: 60px;
	width: 55%;
    }

.marg-bl-gris { margin-top: 310px;}
.marg-bl-gris p { line-height: 24px!important;}

.pos-photo {position:absolute; bottom:0;right:60%;}


@media (max-width: 1200px) {
.bg-droite {background-image: none;  padding-bottom: 30px; }
.outside-right {
        right: -20px; /* Ajustez cette valeur pour les écrans moyens */
    }
}

@media (max-width: 992px) {

	.mt-logo { margin-top: 40px;}
	.offres {margin: 80px 0 0 0 ;}
	.pt-60 { padding-top: 30px!important;}
	.pb-60 { padding-bottom: 30px!important;}
	 .offre-lancement {
	background-color: #889259; /* Couleur de fond vert */
	 padding-top: 20px; /* Ajuster la valeur selon votre besoin */
    padding-bottom: 20px; /* Ajuster la valeur selon votre besoin */
    margin-top: 80px; /* Décalage négatif pour que le fond dépasse vers le haut */
    margin-bottom: 0; /* Décalage négatif pour que le fond dépasse vers le bas */
    color: #fff; /* Couleur du texte */
}
	
.centered-div {
      position: absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      padding-top: 20px;
	padding-bottom: 20px;
	 padding-left: 30px;
	padding-right: 30px;
	width: 85%;
    }
	
	.marg-bl-gris { margin-top: 330px;}
	
	h1 { font-size: 26px!important;}
	
	.outside-right {
        right: -15px; /* Ajustez cette valeur pour les petits écrans */
    }
	
	.vert-titre { color: #889259; font-size: 22px; margin-top: 30px;}
	.padd-bt { padding-left: 130px!important; padding-right: 130px!important;}
}