/* --- PAGE D'ACCUEIL --- */

#bloc1 {
  position: relative;
  padding-top: var(--LF100);
  padding-bottom: var(--LF050);
  background-size: cover;
  background-position: center center;
  color: #fff;
}
#bloc1:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 10rem;
  background-color: #fff;
  clip-path: polygon(0% 0%, 50% 50%, 100% 0, 100% 100%, 0 100%);
}
#bloc1 h1 {
  color: #fff;
  text-align: center;
}
.bloc1_sous-titre {
  margin-top: var(--LF020);
  font-size: var(--LF019);
  font-weight: 500;
  text-align: center;
}
.bloc1_ctas {
  gap: var(--LF020);
  justify-content: center;
  margin-top: var(--LF020);
}
.bloc1_arguments {
  gap: var(--LF016);
  justify-content: center;
  margin-top: var(--LF020);
}
.argument {
  gap: var(--LF008);
}
.argument svg {
  width: var(--LF014);
  height: auto;
  fill: #fff;
}
.bloc1_reassurances {
  position: relative;
  gap: var(--LF040);
  justify-content: center;
  margin-top: var(--LF100);
}
.reassurance {
  width: 11.375rem;
  padding: var(--LF020);
  background-color: #fff;
  border-radius: var(--LF006);
  font-size: var(--LF024);
  font-weight: 600;
  color: var(--LFcol02);
  text-align: center;
  box-shadow: 0px 0px var(--LF005) 0px rgba(0, 0, 0, 0.5);
}
.reassurance-picto svg {
  width: auto;
  height: var(--LF040);
  fill: var(--LFcol02);
}

#bloc2 {
  align-items: center;
  justify-content: space-between;
}
.bloc2-left {
  width: 60%;
}
.bloc2-left img {
  -webkit-mask-image: url(../img/masque.png);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
}
.bloc2-right {
  width: 37.95%;
}
.bloc2-right-cta {
  margin-top: var(--LF030);
}

#bloc3 {
  position: relative;
  background-size: cover;
  background-position: center center;
}
#bloc3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--LFcol02);
  opacity: 0.5;
}
#bloc3 .inner {
  position: relative;
  gap: var(--LF020);
}
.bloc3-reassurance {
  width: calc(25% - var(--LF015));
  padding: var(--LF015);
  background-color: #fff;
  border-radius: var(--LF010);
  color: var(--LFcol02);
}
.bloc3-reassurance-picto {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--LF055);
}
.bloc3-reassurance-picto svg {
  width: auto;
  height: var(--LF050);
  fill: var(--LFcol02);
}
.bloc3-reassurance-titre {
  margin-top: var(--LF020);
  font-size: var(--LF040);
  font-weight: 600;
  text-align: center;
}
.bloc3-reassurance-texte {
  font-weight: 500;
  text-align: center;
}

.bloc4-left-cta {
  justify-content: center;
  margin-top: var(--LF030);
}
.bloc4-liste {
  gap: var(--LF020);
  justify-content: center;
  margin-top: var(--LF050);
}
.bloc4-etape {
  width: calc(33.333% - var(--LF030));
  padding: var(--LF030) var(--LF040);
  border: var(--LF001) solid var(--LFcol02);
}
.bloc4-etape-nb span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--LF058);
  height: var(--LF058);
  background-color: var(--LFcol02);
  border-radius: var(--LF100);
  font-size: var(--LF040);
  font-weight: 600;
  color: #fff;
}
.bloc4-etape-titre {
  margin-top: var(--LF020);
  padding-bottom: var(--LF020);
  border-bottom: var(--LF001) solid var(--LFcol04);
}
.bloc4-etape-texte {
  margin-top: var(--LF020);
}

#bloc5 {
  position: relative;
  background-size: cover;
  background-position: center center;
}
#bloc5:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(89deg, #ffffff 0%, #7a7a7a 100%);
  opacity: 0.3;
}
#bloc5 .inner {
  position: relative;
}
#bloc5 .inner h2 {
  position: relative;
  width: 100%;
  padding-bottom: var(--LF030);
}
#bloc5 .inner h2:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: calc(50% - 10rem);
  width: 20rem;
  height: var(--LF001);
  background-color: var(--LFcol04);
}
.bloc5-form {
  width: 33.53%;
}

#bloc6 h2 {
  position: relative;
  width: 100%;
  padding-bottom: var(--LF030);
}
#bloc6 h2:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: calc(50% - 10rem);
  width: 20rem;
  height: var(--LF001);
  background-color: var(--LFcol04);
}
.bloc6-services {
  gap: var(--LF030);
}
.bloc6-service {
  width: calc(33.333% - var(--LF020));
  padding: var(--LF020);
  background-color: #fff;
  border-radius: var(--LF010);
  box-shadow: 0px 0px var(--LF005) 0px rgba(0, 0, 0, 0.5);
}
.bloc6-service-picto {
  align-items: center;
  justify-content: center;
}
.bloc6-service-picto svg {
  width: auto;
  height: var(--LF055);
  fill: var(--LFcol02);
}
.bloc6-service-titre {
  margin-top: var(--LF028);
}
.bloc6-service-texte {
  margin-top: var(--LF020);
}