/**
* 2007-2025 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2025 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

/* --- SECTION PRINCIPALE --- */
/* --- SECTION PRINCIPALE --- */
.promo-section {
  background-color: #fff;
  border-radius: 12px;
  padding: 60px 30px 40px;
  text-align: center;
  max-width: 900px;
  margin: -60px auto 0;
  font-family: "Poppins", sans-serif;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  position: relative;
}

.promo-section h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #8f2a33;
  margin-bottom: 10px;
}

.promo-section h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
}

.promo-section strong {
  color: #8f2a33;
  font-weight: 700;
}
strong.yellow {
  color: #ecaa37; 
}
strong.red {
  color: #8f2a33; 
}

.promo-section p {
  font-size: 1rem;
  line-height: 1.6;
  color: #444;
  max-width: 650px;
  margin: 0 auto 20px;
}

/* --- BLOCS D'ACTIONS --- */
.promo-actions {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: nowrap;
}

.action-item {
  position: relative;
  text-align: center;
  border-radius: 12px;
  overflow: visible;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.action-item:hover {
  transform: translateY(-5px);
}

/* --- IMAGE QUI DÉPASSE DU BLOC --- */
.image-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: visible;
}

.image-wrapper img {
  width: 100%;
  height: auto;
  position: absolute;
  top: -40px; /* dépasse du bloc */
  left: 0;
}

/* --- CONTENU EN DESSOUS (fond coloré) --- */
.content {
  position: relative;
  margin-top: 100px; /* espace pour laisser dépasser l’image */
  border-radius: 50% 50% 0px 0px;
  color: #fff;
  overflow: hidden;
}

/* --- VARIANTES DE COULEUR --- */
.content.red {
  background-color: #8f2a33;
}

.content.yellow {
  background-color: #ecaa37;
}

/* --- DEMI-CERCLE --- */
.semi-circle {
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: inherit; /* même couleur que le fond */
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  z-index: 2;
}
.btn-back {
	background:#f3f1ec;
	padding: 10px 0px 0px 0px;
}
/* --- TEXTE --- */
.action-text {
  padding: 29px 34px 0px;
  position: relative;
  z-index: 3;
}

.action-text h4 {
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 600;
  color: #fff;
}

.action-text p {
  font-size: 0.95rem;
  color: #fff;
  line-height: 1.4;
}

/* --- RESPONSIVE --- */
@media (max-width: 700px) {
  .promo-actions {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .action-item {
    width: 90%;
  }

  .image-wrapper img {
    top: -30px;
  }
}
.lienhusson {
  font-weight: 700; 
  text-decoration: none;
  color: #ecab37; 
  position: relative;
  display: inline-block;
  transition: color 0.3s ease;
}

.lienhusson::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #ecaa37, #902933);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  border-radius: 2px;
}

.lienhusson:hover {
  color: #f1f0eb; 
}

.lienhusson:hover::after {
  transform: scaleX(1);
}
/*lienhusson2*/
.lienhusson2 {
  font-weight: 700; 
  text-decoration: none;
  color: #902931; 
  position: relative;
  display: inline-block;
  transition: color 0.3s ease;
}

.lienhusson2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #ecaa37, #902933);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  border-radius: 2px;
}

.lienhusson2:hover {
  color: #f1f1eb; 
}

.lienhusson2:hover::after {
  transform: scaleX(1);
}



/*Video*/
.video {
	width: 100%;
	height: 650px;
	overflow: hidden;
	position: relative;
}
.video video {
	width: 100%;
	height: auto;
	position: relative;
	top: -120px;
}