html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video {
  height: auto;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* COLOR */
.index > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contact, footer ul, .sitemap, .data_privacy, .legal_mentions, .alert, .faq, .documentation, .simulator, .offre .modalites, .offre .exit, .offre .abondement, .offre .advantages, .offre .who_participate, .offre .header_offer, .offre_cal, .home, header .ct__banner, header nav, .filAriane {
  width: 100%;
  max-width: 1440px;
  margin: auto;
}

header .ct__banner div:first-child > a {
  display: block;
  background-color: #B98135;
  width: fit-content;
  border-radius: 8rem;
  padding: 0.8rem 1.6rem;
  font-size: 2rem;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "LOREAL-Essentielle-Black", "Arial", sans-serif;
  text-decoration: none;
  position: relative;
}

@font-face {
  font-family: "LOREAL-Essentielle-Black";
  src: url("webfonts/LOREAL-Essentielle-Black.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-Black.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Essentielle-BlackItalic";
  src: url("webfonts/LOREAL-Essentielle-BlackItalic.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Essentielle-Bold";
  src: url("webfonts/LOREAL-Essentielle-Bold.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Essentielle-BoldItalic";
  src: url("webfonts/LOREAL-Essentielle-BoldItalic.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Essentielle-Italic";
  src: url("webfonts/LOREAL-Essentielle-Italic.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Essentielle-Light";
  src: url("webfonts/LOREAL-Essentielle-Light.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-Light.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Essentielle-LightItalic";
  src: url("webfonts/LOREAL-Essentielle-LightItalic.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Essentielle-Regular";
  src: url("webfonts/LOREAL-Essentielle-Regular.woff2") format("woff2"), url("webfonts/LOREAL-Essentielle-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Heritage-Regular";
  src: url("webfonts/LOREAL-Heritage-Regular.woff2") format("woff2"), url("webfonts/LOREAL-Heritage-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Royale-Bold";
  src: url("webfonts/LOREAL-Royale-Bold.woff2") format("woff2"), url("webfonts/LOREAL-Royale-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "LOREAL-Royale-Regular";
  src: url("webfonts/LOREAL-Royale-Regular.woff2") format("woff2"), url("webfonts/LOREAL-Royale-Regular.ttf") format("truetype");
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}

main {
  flex: 1;
}

.hors-ecran {
  position: absolute;
  left: -99999rem;
}

.hide {
  display: none;
}

sup {
  font-size: 0.8rem;
}

.evitement {
  z-index: 10000;
  top: 0;
  position: fixed;
  overflow: hidden;
  width: 1px;
  height: 1px;
  display: inline-block;
  white-space: nowrap;
}
.evitement:focus {
  width: fit-content;
  height: fit-content;
}

.filAriane {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.filAriane ul {
  display: flex;
  gap: 1rem;
  font-size: 1.1rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.filAriane ul a {
  color: #3D3D3D;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}

h1, h2, .title {
  color: #583B50;
  font-size: 4.2rem;
  font-family: "LOREAL-Royale-Bold", "Arial", sans-serif;
}

strong {
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-weight: normal;
}

p, li, td {
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
  font-size: 1.4rem;
  color: #3D3D3D;
}

.index {
  width: 100%;
  height: 100vh;
  background: url("https://invest-assets.loreal.com/xnet/2026/images/index__map.svg") no-repeat top left;
  background-size: cover;
}
.index > div {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  width: 100%;
}
.index h1 {
  font-family: "LOREAL-Essentielle-Regular", "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
}
.index h2 {
  font-family: "LOREAL-Royale-Regular", "Arial", sans-serif;
  font-weight: 700;
  font-size: 4.2rem;
}
.index .list__select_regions {
  display: flex;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  max-width: 1040px;
}
.index .list__select_regions li:focus-within .sublist__select_country {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index .list__select_regions button {
  width: 126px;
  padding: 0.8rem;
  border: 1px solid #3D3D3D;
  background-color: #ffffff;
  display: block;
  text-align: center;
  line-height: 1.6rem;
  font-size: 1.6rem;
  cursor: pointer;
  color: #3D3D3D;
  transition: 0.2s ease-out;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.index .list__select_regions button:hover, .index .list__select_regions button:focus-within {
  background-color: #3D3D3D;
  color: #ffffff;
  font-weight: 900;
}
.index .list__select_regions .sublist__select_country {
  display: none;
  gap: 4rem;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  padding: 4rem;
  width: 100%;
  max-width: 1040px;
  margin-top: 4rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.index .list__select_regions .sublist__select_country li {
  text-align: center;
}
.index .list__select_regions .sublist__select_country a {
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
  font-size: 1.6rem;
  color: #3D3D3D;
  text-decoration: none;
}
.index .list__select_regions .sublist__select_country a::after {
  content: "";
  display: block;
  width: 0px;
  height: 1px;
  background-color: #000000;
  margin: auto;
  transition: 0.3s ease;
}
.index .list__select_regions .sublist__select_country a:hover {
  color: #000000;
  font-weight: 700;
}
.index .list__select_regions .sublist__select_country a:hover::after {
  width: 100%;
}

header #menu__toggle, header #menu__btn {
  display: none;
}
header .prixSous {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
header nav {
  padding: 2.4rem 10rem;
  display: flex;
  align-items: center;
  gap: 9.4rem;
}
header nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}
header nav ul li:nth-child(7) {
  background-color: #583B50;
  padding: 0.8rem 1.6rem;
  text-align: center;
  border-radius: 1.6rem;
}
header nav ul li:nth-child(7) a {
  color: #ffffff;
}
header nav ul a {
  font-family: "LOREAL-Essentielle-Regular", "Arial", sans-serif;
  font-size: 1.4rem;
  text-decoration: none;
  color: #000000;
}
header nav ul a:hover {
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
header nav ul a.active {
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
header .ct__banner {
  display: flex;
  align-items: stretch;
}
header .ct__banner div:first-child {
  padding: 2rem 4rem 2rem 10rem;
  background-color: #583B50;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
header .ct__banner div:first-child span {
  display: block;
}
header .ct__banner div:first-child span:nth-child(1) {
  font-family: "LOREAL-Essentielle-Black", "Arial", sans-serif;
  color: #ffffff;
  font-size: 3.2rem;
}
header .ct__banner div:first-child span:nth-child(2) {
  font-family: "LOREAL-Essentielle-Black", "Arial", sans-serif;
  color: #B98135;
  font-size: 2.4rem;
}
header .ct__banner div:first-child span:nth-child(3) {
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #ffffff;
  font-size: 2.4rem;
}
header .ct__banner div:first-child > a {
  margin-top: 1rem;
}
header .ct__banner div:last-child {
  background: url("https://invest-assets.loreal.com/xnet/2026/images/bannieres_site/banner_loreal_perene.jpg") no-repeat center;
  background-size: cover;
  width: 100%;
  min-height: 300px;
}

.home {
  padding: 4rem 20rem;
}
.home .ct_video_ceo {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-top: 4rem;
  flex-direction: column;
}
.home .ct_video_ceo div:first-child {
  width: 50%;
}
.home .ct_video_ceo div:last-child {
  background-color: #F5F5F5;
  padding: 4rem;
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
  color: #3D3D3D;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.home .ct_video_ceo div:last-child blockquote {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.offre_cal {
  background-color: #F5F5F5;
  padding: 4rem 20rem;
  display: flex;
  align-items: flex-start;
  gap: 8rem;
}
.offre_cal > div {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.offre_cal > div > ul {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.offre_cal > div > ul li {
  width: calc(50% - 4rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.offre_cal > div > ul li strong {
  font-size: 1.6rem;
}
.offre_cal > div > ul li img {
  display: block;
  margin: auto;
}
.offre_cal > div > ul li:last-child {
  width: 100%;
}
.offre_cal > div > ul li:last-child > a {
  background-color: #583B50;
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  border-radius: 8rem;
}
.offre_cal > div > ul li p {
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.offre_cal > div > ul li > a {
  display: block;
  padding: 0.8rem 1.6rem;
  color: #ffffff;
  border-radius: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.6rem;
  background-color: #583B50;
  width: fit-content;
  margin: auto;
  text-decoration: none;
}
.offre_cal .calendar > ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.offre_cal .calendar > ul > li:before {
  content: "";
  width: 1px;
  background-color: #CDC4BA;
  height: 100%;
  position: absolute;
  left: 0;
}
.offre_cal .calendar > ul > li::after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #AF542B;
  position: absolute;
  left: -6px;
  top: 0;
}
.offre_cal .calendar > ul > li:nth-child(even)::after {
  background-color: #583B50;
}
.offre_cal .calendar > ul li {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  text-align: left;
  width: 100%;
  position: relative;
  padding-left: 3.2rem;
}
.offre_cal .calendar > ul li h2 {
  background-color: #B98135;
  padding: 0.4rem 0.8rem;
  color: #ffffff;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.4rem;
  width: fit-content;
  text-transform: uppercase;
}
.offre_cal .calendar > ul li h3 {
  color: #B98135;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.6rem;
}
.offre_cal .calendar > ul li p, .offre_cal .calendar > ul li li {
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.offre_cal .calendar > ul li:nth-child(even) h2 {
  background-color: #583B50;
}
.offre_cal .calendar > ul li:nth-child(even) h3 {
  color: #583B50;
}
.offre_cal .calendar > ul li a {
  margin: unset;
  background-color: unset;
  border: 1px solid #583B50;
  border-radius: 80px;
  color: #583B50;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 2rem;
}
.offre_cal .calendar .calendar_item strong {
  color: #583B50;
}
.offre_cal .calendar .calendar_item li {
  display: list-item;
  list-style-type: disc;
  padding-left: 0;
  margin-left: 34px;
}

.offre {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.offre .header_offer {
  padding: 4rem 20rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.offre .header_offer > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.offre .who_participate {
  padding: 0rem 20rem;
  display: flex;
  gap: 4rem;
  align-items: center;
}
.offre .who_participate > div:first-child {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offre .who_participate > div:last-child {
  background-color: #583B50;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.offre .who_participate > div:last-child strong, .offre .who_participate > div:last-child p, .offre .who_participate > div:last-child li {
  color: #ffffff;
}
.offre .who_participate > div:last-child li {
  list-style: disc;
  margin-left: 2rem;
}
.offre .advantages {
  padding: 4rem 20rem;
  background-color: #F5F5F5;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 2rem;
}
.offre .advantages > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  justify-content: space-between;
}
.offre .advantages > ul > li {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: calc(50% - 2rem);
  padding: 4rem;
  background-color: rgba(173, 119, 112, 0.2);
}
.offre .advantages > ul > li strong {
  color: #B98135;
}
.offre .advantages > ul > li li {
  list-style: disc;
  margin-left: 2rem;
}
.offre .abondement {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding: 4rem 20rem;
}
.offre .abondement .rule {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding: 4rem;
  background-color: #F5F5F5;
}
.offre .abondement .rule > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4rem;
}
.offre .abondement .rule > div > div:first-child {
  display: flex;
  gap: 0.4rem;
}
.offre .abondement .rule > div > div:first-child > div {
  width: 33%;
}
.offre .abondement .rule > div > div:first-child .separator_rule {
  width: 16px;
  background-color: #583B50;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
.offre .abondement .rule > div > div:first-child h3 {
  padding: 1rem;
  text-align: center;
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  border-top: 1px solid #3D3D3D;
  border-left: 1px solid #3D3D3D;
  border-right: 1px solid #3D3D3D;
  height: 75px;
}
.offre .abondement .rule > div > div:first-child ul {
  border: 1px solid #3D3D3D;
}
.offre .abondement .rule > div > div:first-child ul li {
  background-color: #ffffff;
  text-align: center;
  padding: 0.4rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
.offre .abondement .rule > div > div:first-child ul .rule__important {
  background: rgba(173, 119, 112, 0.2);
  color: #AD7770;
}
.offre .abondement .rule .rule__info_abn {
  background-color: #583B50;
  padding: 4rem;
  text-align: center;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  width: 300px;
}
.offre .abondement .rule .rule__info_abn img {
  display: block;
  margin: auto;
}
.offre .abondement .rule .rule__info_abn p {
  color: #ffffff;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
.offre .abdn_uk .rule > div > div:first-child {
  width: 70%;
}
.offre .abdn_uk .rule > div > div:first-child > div {
  width: 50%;
}
.offre .abdn_uk .rule > div > div:first-child h3 {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offre .fisc_fav {
  display: flex;
  gap: 4rem;
}
.offre .fisc_fav div:first-child {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.offre .fisc_fav div > ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.offre .fisc_fav div > ul > li {
  background-color: #AD7770;
  padding: 2rem;
  color: #ffffff;
}
.offre .fisc_fav div > ul > li strong, .offre .fisc_fav div > ul > li p {
  color: #ffffff;
}
.offre .fisc_fav div > ul > li li {
  color: #ffffff;
  margin-left: 2rem;
  list-style: disc;
}
.offre .fisc_fav div:last-child {
  background-color: #B98135;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 470px;
}
.offre .fisc_fav div:last-child h3 {
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #ffffff;
}
.offre .fisc_fav div:last-child p {
  color: #ffffff;
}
.offre p, .offre li {
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
  color: #3D3D3D;
}
.offre p strong, .offre li strong {
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
.offre p em, .offre li em {
  font-size: 1rem;
  display: block;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
  line-height: 1rem;
  font-style: normal;
}
.offre .exit {
  padding: 4rem 20rem;
  background: rgba(173, 119, 112, 0.2);
  display: flex;
  align-items: flex-start;
  gap: 4rem;
}
.offre .exit h2 {
  background-color: #583B50;
  padding: 1rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  margin-bottom: 2rem;
  width: fit-content;
}
.offre .exit ol li {
  list-style-type: initial;
  margin-top: 0.5rem;
  color: #583B50;
  list-style: decimal;
  margin-left: 20px;
}
.offre .exit ol li strong, .offre .exit ol li p {
  color: #583B50;
}
.offre .exit div:last-child {
  border: 1px solid #3D3D3D;
  padding: 1rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.offre .modalites {
  padding: 4rem 20rem;
  display: flex;
  align-items: center;
  gap: 4rem;
}
.offre .modalites h2 {
  font-size: 3.5rem;
}
.offre .modalites > div:first-child {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.offre .modalites > div:first-child ul {
  display: flex;
  gap: 10px;
}
.offre .modalites > div:first-child ul li {
  width: 100%;
}
.offre .modalites > div:first-child ul li img {
  display: block;
  margin: auto;
}
.offre .modalites > div:first-child ul li span:not(.highlightCorrection) {
  display: block;
  padding: 1rem;
  background-color: #583B50;
  color: #ffffff;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.6rem;
  text-align: center;
}
.offre .modalites > div:first-child ul li p {
  text-align: center;
  padding: 2rem;
  color: #AF542B;
  background-color: #F5F5F5;
}
.offre .combien_investir {
  background-color: #583B50;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.offre .combien_investir p {
  color: #ffffff;
  font-size: 1.4rem;
}
.offre .comment_souscrire {
  background-color: #583B50;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 300px;
}
.offre .comment_souscrire p, .offre .comment_souscrire li {
  color: #ffffff;
}
.offre .comment_souscrire li {
  margin-left: 20px;
}
.offre .comment_souscrire a {
  display: block;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 80px;
  background-color: #B98135;
  font-size: 2rem;
  color: #ffffff;
  text-decoration: none;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
.offre .comment_souscrire em {
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  font-style: normal;
}

.simulator {
  padding: 4rem 0;
}
.simulator h1 {
  padding-left: 20rem;
  padding-bottom: 4rem;
}
.simulator table {
  width: 100%;
}
.simulator > div {
  display: flex;
}
.simulator > div > div:last-child {
  background-color: #F5F5F5;
  padding: 2rem 10rem;
  width: 100%;
}
.simulator table tr td:first-child {
  width: 75%;
}
.simulator table tr td:first-child a {
  color: #3D3D3D;
}
.simulator .titre_page_rouge {
  color: #583B50;
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  background-color: #ffffff;
  padding-bottom: 0rem;
}
.simulator input[type=text] {
  text-align: center;
}
.simulator .champ_in {
  background-color: #ffffff;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.4rem;
  padding: 0.4rem;
  color: #AD7770;
  border: 0;
  border-radius: 0.4rem;
}
.simulator .noinput {
  background-color: transparent;
  border: 0;
  color: #ffffff;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.simulator .sim__footer_calc tr {
  height: 100%;
}
.simulator .sim__footer_calc tr > td {
  width: 48% !important;
  height: 100%;
}
.simulator .sim__footer_calc tr > td table {
  height: 100%;
}
.simulator .sim__footer_calc tr > td table td {
  text-align: center !important;
}
.simulator .sim__footer_calc tr > td table td .noinput {
  font-size: 2.2rem;
  font-family: "LOREAL-Royale-Bold", "Arial", sans-serif;
}
.simulator .sim__footer_bg_purple {
  background-color: #583B50;
}
.simulator .ct_tab_sim {
  padding: 2rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.simulator .sim__bg_grey {
  border-radius: 0.2rem;
}
.simulator .sim__bg_grey tr td {
  background-color: #E9E6E1;
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #583B50;
  padding: 1rem;
}
.simulator .sim__bg_grey tr td:last-child {
  text-align: right;
}
.simulator .sim__bg_grey tr td em {
  font-size: 1rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.simulator .sim__bg_grey tr td .noinput {
  color: #583B50;
}
.simulator .sim__bg_purple {
  border-radius: 0.2rem;
  margin-top: 1rem;
}
.simulator .sim__bg_purple tr td {
  background-color: #583B50;
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #ffffff;
  padding: 1rem;
}
.simulator .sim__bg_purple tr td:last-child {
  text-align: right;
}
.simulator .sim__bg_purple tr td em {
  font-size: 1rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.simulator .sim__bg_gold {
  border-radius: 0.2rem;
}
.simulator .sim__bg_gold tr td {
  background-color: #B98135;
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #ffffff;
  padding: 1rem;
}
.simulator .sim__bg_gold tr td:last-child {
  text-align: right;
}
.simulator .sim__bg_gold tr td p {
  color: #ffffff;
}
.simulator .sim__bg_gold tr td em {
  font-size: 1rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.simulator .sim__bg_ocre_light {
  border-radius: 0.2rem;
}
.simulator .sim__bg_ocre_light tr td {
  background-color: #D5BD9B;
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #ffffff;
  padding: 1rem;
}
.simulator .sim__bg_ocre_light tr td:last-child {
  text-align: right;
}
.simulator .sim__bg_ocre_light tr td em {
  font-size: 1rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}
.simulator .sim__bg_orange {
  border-radius: 0.2rem;
}
.simulator .sim__bg_orange tr td {
  background-color: #AD7770;
  font-size: 1.4rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #ffffff;
  padding: 1rem;
}
.simulator .sim__bg_orange tr td:last-child {
  text-align: right;
}
.simulator .sim__bg_orange tr td em {
  font-size: 1rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}

.documentation {
  padding: 4rem 20rem;
}
.documentation ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.documentation ul li {
  display: flex;
  gap: 1rem;
  align-items: center;
  background-color: #E9E6E1;
  padding: 1rem;
  border-radius: 0.8rem;
  width: 100%;
}
.documentation ul li span {
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  display: block;
  width: 100%;
}
.documentation ul li em {
  font-size: 1rem;
}
.documentation ul li a {
  font-size: 1.4rem;
  white-space: nowrap;
  color: #000000;
  text-decoration: none;
  display: block;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  background-color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  color: #583B50;
}
.documentation ul li a:last-child {
  background-color: #B98135;
  color: #ffffff;
}

.faq {
  padding: 4rem 20rem;
}
.faq button {
  color: #583B50;
  width: 100%;
  font-size: 1.6rem;
  font-style: normal;
  display: block;
  border: 1px solid #583B50;
  background: #F5F5F5;
  padding: 0.8rem;
  text-align: left;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  margin-top: 1rem;
  transition: 0.2s ease;
}
.faq button:focus-within {
  background-color: #583B50;
  color: #ffffff;
}
.faq button:focus-within + .reponse {
  display: block;
}
.faq .reponse {
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
  color: #583B50;
  padding: 1.6rem;
  font-size: 1.4rem;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  display: none;
}
.faq .ct_faq {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
}

.alert {
  padding: 4rem 20rem;
}
.alert .error_form {
  padding: 3rem;
  margin-bottom: 4rem;
  background-color: #fd5858;
}
.alert .error_form p {
  color: #ffffff;
}
.alert > div {
  background-color: #F5F5F5;
  padding: 4rem;
  margin-top: 4rem;
}
.alert > div form label {
  font-size: 1.2rem;
  color: #583B50;
  font-family: "LOREAL-Essentielle-Regular", "Arial", sans-serif;
}
.alert > div form strong, .alert > div form strong > p {
  font-size: 1.6rem;
  color: #583B50;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
}
.alert > div form {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.alert > div form div {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.data_privacy, .legal_mentions {
  padding: 4rem 20rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.data_privacy h2, .legal_mentions h2 {
  font-size: 1.8rem;
}
.data_privacy ul > li, .legal_mentions ul > li {
  list-style-type: disc;
}
.data_privacy li, .legal_mentions li {
  margin-left: 2rem;
}
.data_privacy table, .legal_mentions table {
  border: 1px solid #3D3D3D;
}
.data_privacy th, .legal_mentions th {
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.6rem;
  background-color: #F5F5F5;
}
.data_privacy td, .data_privacy th, .legal_mentions td, .legal_mentions th {
  vertical-align: top;
  padding: 1rem;
  border: 1px solid #3D3D3D;
}

.sitemap {
  padding: 4rem 20rem;
}
.sitemap ul {
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sitemap ul li {
  list-style-type: disc;
}
.sitemap ul a {
  color: #3D3D3D;
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}

.legal_mentions {
  padding: 4rem 20rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.legal_mentions p {
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
}

footer {
  border-top: 1px solid rgba(61, 61, 61, 0.5);
}
footer ul {
  padding: 2rem 14rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer ul li, footer ul a {
  font-size: 1rem;
  color: #3D3D3D;
  font-family: "LOREAL-Essentielle-Light", "Arial", sans-serif;
  text-decoration: none;
}

.fisc_fav_inter {
  display: flex;
  gap: 4rem;
}
.fisc_fav_inter div:last-child ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.fisc_fav_inter div:last-child ul li {
  width: 100%;
}
.fisc_fav_inter div:last-child ul li img {
  display: block;
  margin: auto;
}
.fisc_fav_inter div:last-child ul li span {
  display: block;
  padding: 1rem;
  background-color: #AF542B;
  color: #ffffff;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  font-size: 1.6rem;
  text-align: center;
}
.fisc_fav_inter div:last-child ul li p {
  text-align: center;
  background-color: #F5F5F5;
  padding: 2rem;
  color: #AF542B;
}
.fisc_fav_inter div:last-child div {
  background-color: #AF542B;
  margin-top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 2rem;
}
.fisc_fav_inter div:last-child div p {
  color: #ffffff;
}
.fisc_fav_inter div:first-child {
  background-color: #B98135;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 700px;
  width: 100%;
}
.fisc_fav_inter div:first-child h3 {
  font-size: 1.6rem;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #ffffff;
}
.fisc_fav_inter div:first-child p {
  color: #ffffff;
}
.fisc_fav_inter div:first-child li {
  color: #ffffff;
}

.contact {
  padding: 4rem 20rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blk_offer_uk {
  background-color: #F5F5F5;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blk_offer_uk ul {
  display: flex;
  gap: 20px;
}
.blk_offer_uk ul li {
  width: 100%;
  background-color: #EEE9EB;
  padding: 10px;
  font-size: 16px;
  font-family: "LOREAL-Essentielle-Bold", "Arial", sans-serif;
  color: #B98135;
}

.bg--grey {
  background-color: #F5F5F5;
}

/*# sourceMappingURL=styles.css.map */