/*Code page accueil */

.page-d-accueil {
  padding-top: 40px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
img.rectangle-150 {
  width: 104%;
}
.page-d-accueil .div {
    /* overflow: hidden; */
    width: 1366px;
    /* height: 6539px; */
    position: relative;
}

.page-d-accueil .overlap {
    position: relative;
    width: 1366px;
    height: 92px;
    top: 249px;
    left: 0px;
}


.page-d-accueil .rectangle {
  position: absolute;
  width: 1366px;
  height: 105px;
  top: 0;
  left: 0;
  transform: rotate(180deg);
  background: linear-gradient(
    180deg,
    rgba(202, 255, 208, 1) 100%,
    rgba(255, 255, 255, 1) 0%
  );
}

.page-d-accueil .groupe {
  position: absolute;
  width: 1139px;
  /* height: 57px; */
  top: 6px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 30px;
  font-size: 28px;
  left: 107px;
  background-size: 100% 100%;
}

.page-d-accueil .overlap-group {
  position: absolute;
  width: 1370px;
  height: 1364px;
  top: 502px;
  left: -4px;
}

.page-d-accueil .rectangle-2 {
  position: absolute;
  width: 1366px;
  height: 73px;
  top: 7px;
  left: 4px;
  background-color: #e6e6e6;
}

.page-d-accueil .text-wrapper {
  position: absolute;
  top: 15px;
  left: 124px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  color: #000000;
  font-size: 50px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: 56.3px;
  white-space: nowrap;
  text-transform: uppercase;
}

.page-d-accueil .groupe-wrapper {
  position: absolute;
  width: 650px;
  height: 637px;
  top: 96px;
  left: 53px;

  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .groupe-2 {
  position: relative;
  width: 620px;
  height: 607px;
  top: 8px;
  left: 8px;

  background-size: 100% 100%;
}

.page-d-accueil .rectangle-3 {
  position: absolute;
  width: 626px;
  height: 613px;
  top: 101px;
  left: 58px;
  border-radius: 32.75px;
  border: 6px solid;
  border-color: #50902f;
}

.page-d-accueil .rectangle-4 {
  position: absolute;
  width: 614px;
  height: 86px;
  top: 557px;
  left: 63px;
  background-color: #006837;
  opacity: 0.86;
}

.page-d-accueil .rectangle-5 {
  position: absolute;
  width: 614px;
  height: 97px;
  top: 460px;
  left: 63px;
  background: linear-gradient(
    180deg,
    rgba(140, 198, 63, 1) 100%,
    rgba(81, 145, 48, 1) 0%
  );
  opacity: 0.81;
}

.page-d-accueil .CONVENTION-DE-b-LE {
  top: 165px;
  left: 183px;
  position: absolute;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  line-height: normal;
}

.page-d-accueil .CONVENTION-DE-b-LE-2 {
  position: absolute;
  top: 162px;
  left: 180px;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  line-height: normal;
}

.page-d-accueil .rectangle-6 {
  position: absolute;
  width: 620px;
  height: 104px;
  top: 355px;
  left: 61px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 100%,
    rgba(255, 255, 255, 1) 62%,
    rgba(255, 255, 255, 1) 48%,
    rgba(255, 255, 255, 1) 37%,
    rgba(255, 255, 255, 0) 0%
  );
}

.page-d-accueil .groupe-3 {
  position: absolute;
  width: 134px;
  height: 93px;
  top: 361px;
  left: 295px;
  background-image: url(img/groupe-712.png);
  background-size: 100% 100%;
}

.page-d-accueil .sur-le-contr-le-des {
  position: absolute;
  top: 476px;
  left: 65px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 19.9px;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: normal;
}

.page-d-accueil .p {
  position: absolute;
  top: 474px;
  left: 64px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 19.9px;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: normal;
}

.page-d-accueil .adoption-mars {
  position: absolute;
  top: 571px;
  left: 140px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 26.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26.7px;
  text-transform: uppercase;
}

.page-d-accueil .span {
  color: #ffffff;
  line-height: 26.8px;
}

.page-d-accueil .text-wrapper-2 {
  color: #1d1d1b;
  line-height: 26.8px;
}

.page-d-accueil .div-wrapper {
  position: absolute;
  width: 650px;
  height: 637px;
  top: 96px;
  left: 694px;
  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .groupe-4 {
  position: relative;
  width: 620px;
  height: 607px;
  top: 8px;
  left: 8px;

  background-size: 100% 100%;
}

.page-d-accueil .rectangle-7 {
  position: absolute;
  width: 626px;
  height: 613px;
  top: 101px;
  left: 698px;
  border-radius: 32.75px;
  border: 6px solid;
  border-color: #f15a24;
}

.page-d-accueil .rectangle-8 {
  position: absolute;
  width: 620px;
  height: 104px;
  top: 355px;
  left: 702px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 100%,
    rgba(255, 255, 255, 1) 62%,
    rgba(255, 255, 255, 1) 48%,
    rgba(255, 255, 255, 1) 37%,
    rgba(255, 255, 255, 0) 0%
  );
}

.page-d-accueil .rectangle-9 {
  position: absolute;
  width: 620px;
  height: 97px;
  top: 460px;
  left: 702px;
  background-color: #f15a24;
  opacity: 0.8;
}

.page-d-accueil .rectangle-10 {
  position: absolute;
  width: 614px;
  height: 86px;
  top: 557px;
  left: 703px;
  background-color: #b72b00;
  opacity: 0.84;
}

.page-d-accueil .img {
  position: absolute;
  width: 123px;
  height: 99px;
  top: 359px;
  left: 951px;
  object-fit: cover;
}

.page-d-accueil .text-wrapper-3 {
  position: absolute;
  top: 490px;
  left: 717px;
  -webkit-text-stroke: 0.3px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 21.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase;

  white-space: nowrap;
}

.page-d-accueil .text-wrapper-4 {
  position: absolute;
  top: 487px;
  left: 715px;
  -webkit-text-stroke: 0.3px #ffffff;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 21.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-d-accueil .CONVENTION-DE {
  position: absolute;
  top: 165px;
  left: 819px;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  line-height: normal;
}

.page-d-accueil .CONVENTION-DE-2 {
  position: absolute;
  top: 162px;
  left: 816px;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  line-height: normal;
}

.page-d-accueil .adoption-mai {
  position: absolute;
  top: 569px;
  left: 794px;
  text-transform: uppercase;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 26.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26.8px;
}

.page-d-accueil .groupe-5 {
  position: absolute;
  width: 650px;
  height: 638px;
  top: 726px;
  left: 694px;

  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .groupe-6 {
  position: relative;
  width: 620px;
  height: 607px;
  top: 8px;
  left: 8px;

  background-size: 100% 100%;
}

.page-d-accueil .rectangle-11 {
  position: absolute;
  width: 620px;
  height: 97px;
  top: 1079px;
  left: 703px;
  background-color: #d4b22e;
  opacity: 0.6;
}

.page-d-accueil .rectangle-12 {
  position: absolute;
  width: 620px;
  height: 104px;
  top: 974px;
  left: 702px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 100%,
    rgba(255, 255, 255, 1) 62%,
    rgba(255, 255, 255, 1) 48%,
    rgba(255, 255, 255, 1) 37%,
    rgba(255, 255, 255, 0) 0%
  );
}

.page-d-accueil .rectangle-13 {
  position: absolute;
  width: 622px;
  height: 87px;
  top: 1176px;
  left: 700px;
  background-color: #a57e00;
  opacity: 0.8;
}

.page-d-accueil .rectangle-14 {
  position: absolute;
  width: 179px;
  height: 78px;
  top: 988px;
  left: 922px;
  object-fit: cover;
}

.page-d-accueil .text-wrapper-5 {
  position: absolute;
  top: 1098px;
  left: 793px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 50.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  text-transform: uppercase;
}

.page-d-accueil .text-wrapper-6 {
  position: absolute;
  top: 1096px;
  left: 790px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 50.8px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.page-d-accueil .CONVENTION-DE-3 {
  top: 772px;
  left: 819px;
  position: absolute;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  line-height: normal;
  text-transform: uppercase;
}

.page-d-accueil .CONVENTION-DE-4 {
  position: absolute;
  top: 768px;
  left: 816px;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  text-transform: uppercase;
  line-height: normal;
}

.page-d-accueil .text-wrapper-7 {
  position: absolute;
  top: 1205px;
  left: 835px;
  text-transform: uppercase;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 26.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26.8px;
  white-space: nowrap;
}

.page-d-accueil .rectangle-15 {
  position: absolute;
  width: 626px;
  height: 613px;
  top: 732px;
  left: 697px;
  border-radius: 32.75px;
  border: 6px solid;
  border-color: #d4b22e;
}
.CONVENTION-DE-3,
.CONVENTION-DE-4 {
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.page-d-accueil .groupe-7 {
  position: absolute;
  width: 650px;
  height: 638px;
  top: 726px;
  left: 54px;

  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .groupe-8 {
  position: relative;
  width: 620px;
  height: 607px;
  top: 8px;
  left: 8px;

  background-size: 100% 100%;
}

.page-d-accueil .rectangle-16 {
  position: absolute;
  width: 620px;
  height: 97px;
  top: 1079px;
  left: 62px;
  background-color: #29abe2;
  opacity: 0.8;
}

.page-d-accueil .rectangle-17 {
  position: absolute;
  width: 620px;
  height: 104px;
  top: 974px;
  left: 61px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 100%,
    rgba(255, 255, 255, 1) 62%,
    rgba(255, 255, 255, 1) 48%,
    rgba(255, 255, 255, 1) 37%,
    rgba(255, 255, 255, 0) 0%
  );
}

.page-d-accueil .rectangle-18 {
  position: absolute;
  width: 625px;
  height: 86px;
  top: 1176px;
  left: 59px;
  background-color: #0071bc;
  opacity: 0.8;
}

.page-d-accueil .CONVENTION-DE-5 {
  top: 764px;
  left: 183px;
  position: absolute;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  line-height: normal;
}

.page-d-accueil .CONVENTION-DE-6 {
  position: absolute;
  top: 760px;
  left: 180px;
  -webkit-text-stroke: 0.51px #000000;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 100px;
  text-align: center;
  letter-spacing: 2.35px;
  line-height: normal;
}

.page-d-accueil .sur-LA-PROC-dure-de {
  position: absolute;
  top: 1084px;
  left: 72px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
  text-transform: uppercase;
}

.page-d-accueil .sur-LA-PROC-dure-de-2 {
  position: absolute;
  top: 1083px;
  left: 70px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
  text-transform: uppercase;
}

.page-d-accueil .rectangle-19 {
  position: absolute;
  width: 98px;
  height: 82px;
  top: 986px;
  left: 321px;
  object-fit: cover;
}

.page-d-accueil .adoption {
  position: absolute;
  top: 1189px;
  left: 115px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 26.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26.8px;
  text-transform: uppercase;
}

.page-d-accueil .rectangle-20 {
  position: absolute;
  width: 626px;
  height: 613px;
  top: 732px;
  left: 59px;
  border-radius: 32.75px;
  border: 6px solid;
  border-color: #29abe2;
}

.page-d-accueil .rectangle-21 {
  position: absolute;
  width: 94px;
  height: 299px;
  top: 1px;
  left: 2px;
  background-color: #000000;
  border-radius: 0px 20.92px 0px 20.92px;
  box-shadow: 7.5px 7.5px 2.68px #0000008c;
}

.page-d-accueil .rectangle-22 {
  position: absolute;
  width: 98px;
  height: 302px;
  top: 0;
  left: 0;
  border-radius: 0px 20.98px 0px 20.98px;
  border: 3.22px solid;
  border-color: #ffffff;
}

.page-d-accueil .overlap-wrapper {
  position: absolute;
  width: 50px;
  height: 77px;
  top: 23px;
  left: 24px;
}

.page-d-accueil .overlap-2 {
  position: relative;
  height: 77px;
}

.page-d-accueil .trac {
  position: absolute;
  width: 49px;
  height: 68px;
  top: 1px;
  left: 1px;
}

.page-d-accueil .trac-2 {
  position: absolute;
  width: 50px;
  height: 70px;
  top: 0;
  left: 0;
}

.page-d-accueil .trac-3 {
  position: absolute;
  width: 11px;
  height: 61px;
  top: 1px;
  left: 1px;
}

.page-d-accueil .trac-4 {
  position: absolute;
  width: 13px;
  height: 63px;
  top: 0;
  left: 0;
}

.page-d-accueil .trac-5 {
  position: absolute;
  width: 49px;
  height: 14px;
  top: 55px;
  left: 1px;
}

.page-d-accueil .trac-6 {
  position: absolute;
  width: 50px;
  height: 16px;
  top: 54px;
  left: 0;
}

.page-d-accueil .groupe-9 {
  position: absolute;
  width: 41px;
  height: 2px;
  top: 61px;
  left: 10px;
}

.page-d-accueil .trac-7 {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 62px;
  left: 18px;
}

.page-d-accueil .trac-8 {
  position: absolute;
  width: 12px;
  height: 16px;
  top: 61px;
  left: 17px;
}

.page-d-accueil .rectangle-23 {
  position: absolute;
  width: 18px;
  height: 13px;
  top: 17px;
  left: 22px;
  background-color: #000000;
}

.page-d-accueil .trac-9 {
  position: absolute;
  width: 20px;
  height: 15px;
  top: 16px;
  left: 21px;
}

.page-d-accueil .overlap-group-wrapper {
  position: absolute;
  width: 60px;
  height: 58px;
  top: 129px;
  left: 20px;
}

.page-d-accueil .overlap-group-2 {
  position: relative;
  height: 58px;
}

.page-d-accueil .trac-10 {
  position: absolute;
  width: 44px;
  height: 25px;
  top: 2px;
  left: 15px;
}

.page-d-accueil .trac-11 {
  position: absolute;
  width: 53px;
  height: 46px;
  top: 12px;
  left: 1px;
}

.page-d-accueil .element-chat-wrapper {
  position: absolute;
  width: 60px;
  height: 58px;
  top: 0;
  left: 0;
}

.page-d-accueil .element-chat-wrapper:hover,
.page-d-accueil .groupe-11:hover,
.page-d-accueil .overlap-2:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.page-d-accueil .element-chat-wrapper {
  position: relative;
}

.page-d-accueil .element-chat-wrapper,
.page-d-accueil .overlap-2,
.page-d-accueil .groupe-11-link {
  position: relative;
}

/* Hover states */
.page-d-accueil .groupe-11-link:hover::after,
.page-d-accueil .element-chat-wrapper:hover::after,
.page-d-accueil .overlap-2:hover::after {
  opacity: 1;
}

/* Tooltip for element-chat-wrapper */
.page-d-accueil .element-chat-wrapper::after {
  content: "Coordonnées de demandeur";
  position: absolute;
  bottom: 100%;
  left: 170%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Tooltip for overlap-2 */
.page-d-accueil .overlap-2::after {
  content: "Bibliothèque";
  position: absolute;
  bottom: 100%;
  left: 90%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.page-d-accueil .groupe-11-link::after {
  content: "Formulaires";
  position: absolute;
  top: 180px;
  margin-left: 290% !important;

  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.page-d-accueil .element-chat {
  height: 58px;
}

.page-d-accueil .groupe-10 {
  width: 60px;
  height: 58px;
}

.page-d-accueil .ellipse {
  left: 18px;
  position: absolute;
  width: 5px;
  height: 5px;
  top: 27px;
  background-color: #ffffff;
  border-radius: 2.52px;
}

.page-d-accueil .ellipse-2 {
  left: 25px;
  position: absolute;
  width: 5px;
  height: 5px;
  top: 27px;
  background-color: #ffffff;
  border-radius: 2.52px;
}

.page-d-accueil .ellipse-3 {
  left: 33px;
  position: absolute;
  width: 5px;
  height: 5px;
  top: 27px;
  background-color: #ffffff;
  border-radius: 2.52px;
}

.page-d-accueil .groupe-11 {
  position: absolute;
  width: 57px;
  height: 72px;
  top: 207px;
  left: 20px;
}

.page-d-accueil .overlap-3 {
  position: absolute;
  width: 1366px;
  height: 73px;
  top: 1932px;
  left: 1px;
  background-color: #e6e6e6;
}

.page-d-accueil .text-wrapper-8 {
  position: absolute;
  top: 7px;
  left: 57px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 50px;
  text-align: center;
  letter-spacing: 0;
  line-height: 56.3px;
  white-space: nowrap;
}

.page-d-accueil .overlap-4 {
  position: absolute;
  width: 1366px;
  height: 73px;
  top: 2592px;
  left: 1px;
  background-color: #e6e6e6;
}

.page-d-accueil .groupe-12 {
  position: relative;
  width: 100%;
  height: 36px;
  top: 3px;
  left: 114px;
  font-size: 50px;
  background-size: 100% 100%;
}

.page-d-accueil .overlap-5 {
  position: absolute;
  width: 1368px;
  height: 124px;
  top: 3967px;
  left: 1px;
}
.page-d-accueil .overlap-50 {
    position: relative;
    width: 1366px;
    height: 124px;
    top: -150px;
    left: 0px;
}
.page-d-accueil .img-wrapper {
  position: absolute;
  width: 1368px;
  height: 124px;
  top: 0;
  left: 0;
}

.page-d-accueil .groupe-13 {
  position: absolute;
  width: 1365px;
  height: 124px;
  top: 0;
  left: 0;
}
.page-d-accueil .groupe-013 {
  position: absolute;
  width: 1365px;
  height: 124px;
  top: 0;
  left: 0;
}
.page-d-accueil .rectangle-24 {
  position: absolute;
  width: 1366px;
  height: 124px;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.6;
}

.page-d-accueil .groupe-14 {
  position: absolute;
  width: 587px;
  height: 83px;
  top: 12px;
  left: 51px;
}

.page-d-accueil .text-wrapper-9 {
  position: absolute;
  top: 19px;
  left: 85px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 75px;
  letter-spacing: 0;
  line-height: 90px;
  white-space: nowrap;
}

.page-d-accueil .overlap-6 {
  width: 1192px;
  height: 97px;
  top: 4126px;
  left: 88px;
  border-radius: 10.81px;
  margin-bottom: 15px;
}

.page-d-accueil .rectangle-25 {
  position: absolute;
  width: 1190px;
  height: 97px;
  top: 0;
  left: 0;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-15 {
  position: absolute;
  width: 431px;
  height: 54px;
  top: 16px;
  left: 36px;
}

.page-d-accueil .trac-12 {
  position: absolute;
  width: 63px;
  height: 44px;
  top: 30px;
  left: 1092px;
}

.page-d-accueil .text-wrapper-10 {
  position: absolute;
  top: 8px;
  left: 25px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 60.6px;
  letter-spacing: 0;
  line-height: 72.7px;
  white-space: nowrap;
}

.page-d-accueil .overlap-7 {
  width: 1192px;
  height: 97px;
  top: 4240px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-16 {
  position: absolute;
  width: 70px;
  height: 44px;
  top: 27px;
  left: 43px;
}

.page-d-accueil .trac-13 {
  top: 31px;
  position: absolute;
  width: 63px;
  height: 44px;
  left: 1092px;
}

.page-d-accueil .overlap-8 {
  width: 1192px;
  height: 97px;
  top: 4354px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-17 {
  position: absolute;
  width: 142px;
  height: 54px;
  top: 18px;
  left: 43px;
}

.page-d-accueil .trac-14 {
  top: 29px;
  position: absolute;
  width: 63px;
  height: 44px;
  left: 1092px;
}

.page-d-accueil .overlap-9 {
  width: 1192px;
  height: 97px;
  top: 4468px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-18 {
  position: absolute;
  width: 356px;
  height: 54px;
  top: 18px;
  left: 43px;
}

.page-d-accueil .overlap-10 {
  width: 1192px;
  height: 97px;
  top: 4582px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-19 {
  position: absolute;
  width: 125px;
  height: 44px;
  top: 26px;
  left: 42px;
}

.page-d-accueil .trac-15 {
  top: 27px;
  position: absolute;
  width: 63px;
  height: 44px;
  left: 1092px;
}

.page-d-accueil .overlap-11 {
  position: relative;
  width: 1368px;
  height: 124px;
     top: -183%;
    left: -157px;
}

.page-d-accueil .overlap-12 {
  width: 1192px;
  height: 97px;
  top: 5043px;
  left: 88px;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-21 {
  position: absolute;
  width: 559px;
  height: 54px;
  top: 16px;
  left: 39px;
}

.page-d-accueil .overlap-13 {
  width: 1192px;
  height: 97px;
  top: 5157px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-22 {
  position: absolute;
  width: 785px;
  height: 54px;
  top: 17px;
  left: 43px;
}

.page-d-accueil .overlap-14 {
  width: 1192px;
  height: 97px;
  top: 5271px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-23 {
  position: absolute;
  width: 960px;
  height: 54px;
  top: 18px;
  left: 42px;
}

.page-d-accueil .overlap-15 {
  width: 1192px;
  height: 97px;
  top: 5389px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-24 {
  position: absolute;
  width: 594px;
  height: 44px;
  top: 28px;
  left: 43px;
}

.page-d-accueil .overlap-16 {
  width: 1192px;
  height: 97px;
  top: 5507px;
  left: 88px;
  background-color: #cccccc;
  border-radius: 10.81px;
}

.page-d-accueil .groupe-25 {
  position: absolute;
  width: 381px;
  height: 44px;
  top: 26px;
  left: 42px;
}

.page-d-accueil .overlap-17 {
  position: absolute;
  width: 1367px;
  height: 728px;
  top: 5728px;
  left: 1px;
}

.page-d-accueil .rectangle-26 {
  position: absolute;
  width: 1366px;
  height: 720px;
  top: 0;
  left: 0;
  background-color: #eaeaea;
}

.page-d-accueil .trac-16 {
  position: absolute;
  width: 513px;
  height: 324px;
  top: 308px;
  left: 481px;
}

.page-d-accueil .trac-17 {
  position: absolute;
  width: 485px;
  height: 277px;
  top: 316px;
  left: 384px;
}

.page-d-accueil .trac-18 {
  position: absolute;
  width: 485px;
  height: 277px;
  top: 227px;
  left: 473px;
}

.page-d-accueil .trac-19 {
  position: absolute;
  width: 65px;
  height: 62px;
  top: 220px;
  left: 375px;
}

.page-d-accueil .trac-20 {
  position: absolute;
  width: 65px;
  height: 62px;
  top: 536px;
  left: 904px;
}

.page-d-accueil .groupe-26 {
  position: absolute;
  width: 433px;
  height: 113px;
  top: 336px;
  left: 448px;
  background-image: url(img/groupe-801.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-27 {
  position: absolute;
  width: 225px;
  height: 29px;
  top: 472px;
  left: 556px;
  background-image: url(img/groupe-807.png);
  background-size: 100% 100%;
}

.page-d-accueil .trac-21 {
  position: absolute;
  width: 36px;
  height: 62px;
  top: 381px;
  left: 248px;
}

.page-d-accueil .trac-22 {
  position: absolute;
  width: 36px;
  height: 62px;
  top: 381px;
  left: 1085px;
}

.page-d-accueil .trac-23 {
  position: absolute;
  width: 16px;
  height: 20px;
  top: 637px;
  left: 608px;
}

.page-d-accueil .rectangle-27 {
  position: absolute;
  width: 8px;
  height: 11px;
  top: 647px;
  left: 601px;
  border-radius: 0.71px 0.71px 0.71px 0.71px;
  border: 1.1px solid;
  border-color: #1a294a;
}

.page-d-accueil .trac-24 {
  position: absolute;
  width: 3px;
  height: 2px;
  top: 654px;
  left: 604px;
}

.page-d-accueil .trac-25 {
  position: absolute;
  width: 281px;
  height: 55px;
  top: 609px;
  left: 1086px;
}

.page-d-accueil .trac-26 {
  position: absolute;
  width: 343px;
  height: 62px;
  top: 658px;
  left: 1024px;
}

.page-d-accueil .groupe-28 {
  position: absolute;
  width: 163px;
  height: 29px;
  top: 622px;
  left: 1152px;
  background-size: 100% 100%;
}

.page-d-accueil .groupe-00 {
  width: 212px;
  height: 41px;
  top: 622px;
  left: 1152px;
  position: absolute;
  background-color: #0071bc;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 27px;
}

.page-d-accueil .groupe-29 {
  position: absolute;
  width: 36px;
  height: 67px;
  top: 661px;
  left: 1319px;
  background-image: url(img/groupe-825.png);
  background-size: 100% 100%;
}

.page-d-accueil .text-wrapper-11 {
  position: absolute;
  top: 633px;
  left: 662px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 23.4px;
  letter-spacing: 0;
  line-height: 28.1px;
  white-space: nowrap;
}

.page-d-accueil .rectangle-28 {
  position: absolute;
  width: 500px;
  height: 114px;
  top: 0;
  left: 0;
  background-color: #000000;
  border-radius: 0px 0px 0px 41.46px;
}

.page-d-accueil .groupe-30 {
  position: absolute;
  width: 80px;
  height: 59px;
  top: 23px;
  left: 52px;
}

.page-d-accueil .text-wrapper-12 {
  position: absolute;
  top: 21px;
  left: 150px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 54.2px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.page-d-accueil .groupe-31 {
  position: absolute;
  width: 160px;
  height: 41px;
  top: 670px;
  left: 1142px;
}

.page-d-accueil .overlap-18 {
  position: absolute;
  width: 1366px;
  height: 178px;
  top: 0;
  left: 1px;
}

.page-d-accueil .groupe-32 {
  position: absolute;
  width: 1366px;
  height: 175px;
  top: 2px;
  left: 0;
}

.page-d-accueil .groupe-33 {
  position: absolute;
  width: 1365px;
  height: 175px;
  top: 0;
  left: 0;
}

.page-d-accueil .rectangle-29 {
  position: absolute;
  width: 1366px;
  height: 178px;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.45;
}

.page-d-accueil .group {
  position: absolute;
  width: 903px;
  height: 153px;
  top: 7px;
  left: 235px;
  text-transform: uppercase;
}

.page-d-accueil .overlap-group-3 {
  position: relative;
  width: 895px;
  height: 153px;
}

.page-d-accueil .text-wrapper-13 {
  position: absolute;
  top: 69px;
  left: 0px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #9b9700;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 83.7px;
  white-space: nowrap;
}

.page-d-accueil .gestion {
  position: absolute;
  top: 2px;
  left: 15px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #9b9700;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 83.7px;
  white-space: nowrap;
}

.page-d-accueil .gestion-2 {
  position: absolute;
  top: 0;
  left: 15px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 83.7px;
  white-space: nowrap;
}

.page-d-accueil .text-wrapper-14 {
  position: absolute;
  top: 67px;
  left: 0px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 83.7px;
  white-space: nowrap;
}

.page-d-accueil .overlap-19 {
  position: absolute;
  width: 1366px;
  height: 124px;
  top: 196px;
  left: 1px;
}

.page-d-accueil .groupe-34 {
  position: absolute;
  width: 1366px;
  height: 124px;
  top: 0;
  left: 0;
}

.page-d-accueil .groupe-35 {
  position: absolute;
  width: 1366px;
  height: 124px;
  top: 0;
  left: 0;
  opacity: 0.76;
}

.page-d-accueil .groupe-36 {
  position: relative;
  height: 124px;
}

.page-d-accueil .text-wrapper-15 {
  position: absolute;
  top: 27px;
  left: 280px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 45px;
  letter-spacing: 0;
  line-height: 60px;
  white-space: nowrap;
}

.page-d-accueil .la-gestion-wrapper {
  position: absolute;
  width: 1114px;
  height: 126px;
  top: 347px;
  left: 125px;
  background-color: #caffd0;
  border-radius: 22.47px;
}

.page-d-accueil .la-gestion {
  position: relative;
  top: 30px;
  left: 30px;
  font-family: "Bitter";
  font-weight: 400;
  color: #000000;
  font-size: 33px;
  text-align: center;
  letter-spacing: 0;
  line-height: 36px;
}

.page-d-accueil .les-points-focaux-wrapper {
  position: absolute;
  width: 1366px;
  height: 105px;
  top: 2690px;
  left: 1px;
  background-color: #caffd0;
}

.page-d-accueil .les-points-focaux {
  position: absolute;
  top: 16px;
  left: 116px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 36px;
}

.page-d-accueil .groupe-37 {
  position: absolute;
  width: 1229px;
  height: 488px;
  top: 2053px;
  left: 69px;
}

.page-d-accueil .overlap-20 {
  position: relative;
  height: 488px;
}

.page-d-accueil .rectangle-30 {
  position: absolute;
  width: 212px;
  height: 192px;
  top: 0;
  left: 61px;
  background-color: #006837;
  border-radius: 16.87px;
  opacity: 0.3;
}

.page-d-accueil .rectangle-31 {
  position: absolute;
  width: 212px;
  height: 192px;
  top: 0;
  left: 361px;
  background-color: #f15a24;
  border-radius: 16.87px;
  opacity: 0.3;
}

.page-d-accueil .rectangle-32 {
  position: absolute;
  width: 212px;
  height: 192px;
  top: 0;
  left: 657px;
  background-color: #29abe2;
  border-radius: 16.87px;
  opacity: 0.3;
}

.page-d-accueil .rectangle-33 {
  position: absolute;
  width: 212px;
  height: 192px;
  top: 0;
  left: 963px;
  background-color: #d4b22e;
  border-radius: 16.87px;
  opacity: 0.3;
}

.page-d-accueil .groupe-38 {
  position: absolute;
  width: 174px;
  height: 66px;
  top: 115px;
  left: 676px;
  background-image: url(img/groupe-1211.png);
  background-size: 100% 100%;
}

.page-d-accueil .rectangle-34 {
  position: absolute;
  width: 98px;
  height: 82px;
  top: 3px;
  left: 712px;
  object-fit: cover;
}

.page-d-accueil .groupe-39 {
  position: absolute;
  width: 126px;
  height: 56px;
  top: 18px;
  left: 996px;
}

.page-d-accueil .groupe-40 {
  position: absolute;
  width: 160px;
  height: 66px;
  top: 114px;
  left: 989px;
  background-image: url(img/groupe-1214.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-41 {
  position: absolute;
  width: 197px;
  height: 45px;
  top: 224px;
  left: 48px;
  background-image: url(img/groupe-1216.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-42 {
  position: absolute;
  width: 249px;
  height: 37px;
  top: 290px;
  left: 47px;
  background-image: url(img/groupe-1218.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-43 {
  position: absolute;
  width: 240px;
  height: 37px;
  top: 229px;
  left: 350px;
  background-image: url(img/groupe-1220.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-44 {
  position: absolute;
  width: 235px;
  height: 37px;
  top: 287px;
  left: 350px;
  background-image: url(img/groupe-1222.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-45 {
  position: absolute;
  width: 229px;
  height: 37px;
  top: 346px;
  left: 350px;
  background-image: url(img/groupe-1224.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-46 {
  position: absolute;
  width: 97px;
  height: 37px;
  top: 230px;
  left: 941px;
  background-image: url(img/groupe-1226.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-47 {
  position: absolute;
  width: 235px;
  height: 37px;
  top: 286px;
  left: 943px;
  background-image: url(img/groupe-1228.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-48 {
  position: absolute;
  width: 256px;
  height: 57px;
  top: 230px;
  left: 638px;
  background-image: url(img/groupe-1230.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-49 {
  position: absolute;
  width: 235px;
  height: 54px;
  top: 304px;
  left: 639px;
  background-image: url(img/groupe-1232.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-50 {
  position: absolute;
  width: 109px;
  height: 40px;
  top: 378px;
  left: 639px;
  background-image: url(img/groupe-1234.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-51 {
  position: absolute;
  width: 176px;
  height: 66px;
  top: 115px;
  left: 381px;
  background-image: url(img/groupe-1236.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-52 {
  position: absolute;
  width: 1229px;
  height: 400px;
  top: 88px;
  left: 0;
}

.page-d-accueil .overlap-group-4 {
  position: relative;
  height: 400px;
}

.page-d-accueil .groupe-53 {
  position: absolute;
  width: 1210px;
  height: 400px;
  top: 0;
  left: 9px;
}

.page-d-accueil .groupe-54 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 200px;
  left: 1201px;
  background-color: #003347;
  border-radius: 14.09px;
}

.page-d-accueil .groupe-55 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 172px;
  left: 0;
  background-color: #003347;
  border-radius: 14.09px;
}

.page-d-accueil .groupe-56 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 200px;
  left: 0;
  background-color: #003347;
  border-radius: 14.09px;
}

.page-d-accueil .groupe-57 {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 172px;
  left: 1201px;
  background-color: #003347;
  border-radius: 14.09px;
}

.page-d-accueil .groupe-58 {
  position: absolute;
  width: 145px;
  height: 66px;
  top: 115px;
  left: 89px;
}

.page-d-accueil .groupe-59 {
  position: absolute;
  width: 108px;
  height: 75px;
  top: 7px;
  left: 112px;
  background-image: url(img/groupe-1247.png);
  background-size: 100% 100%;
}

.page-d-accueil .rectangle-35 {
  position: absolute;
  width: 95px;
  height: 76px;
  top: 6px;
  left: 416px;
  object-fit: cover;
}

.page-d-accueil .rectangle-36 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 238px;
  left: 32px;
  background-color: #006837;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-37 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 300px;
  left: 32px;
  background-color: #006837;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-38 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 235px;
  left: 338px;
  background-color: #f15a24;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-39 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 291px;
  left: 338px;
  background-color: #f15a24;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-40 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 352px;
  left: 338px;
  background-color: #f15a24;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-41 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 240px;
  left: 626px;
  background-color: #29abe2;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-42 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 314px;
  left: 626px;
  background-color: #29abe2;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-43 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 388px;
  left: 626px;
  background-color: #29abe2;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-44 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 241px;
  left: 928px;
  background-color: #d3b129;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .rectangle-45 {
  position: absolute;
  width: 9px;
  height: 5px;
  top: 295px;
  left: 928px;
  background-color: #d3b129;
  border-radius: 1.86px;
  transform: rotate(-90deg);
}

.page-d-accueil .groupe-60 {
  position: absolute;
  width: 999px;
  height: 1048px;
  top: 2861px;
  left: 184px;
}

.page-d-accueil .overlap-21 {
  position: absolute;
  width: 999px;
  height: 491px;
  top: 0;
  left: 0;
}

.page-d-accueil .groupe-61 {
  position: absolute;
  width: 375px;
  height: 470px;
  top: 10px;
  left: 73px;

  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .trac-27 {
  position: absolute;
  width: 541px;
  height: 722px;
  top: -123px;
  left: -4%;
}

.page-d-accueil .trac-00 {
  position: absolute;
}

.page-d-accueil .trac-29 {
  position: absolute;
  width: 520px;
  height: 491px;
  top: 0;
  left: 479px;
}

.page-d-accueil .trac-30 {
  position: absolute;
  width: 441px;
  height: 480px;
  top: 5px;
  left: 518px;
}

.page-d-accueil .groupe-63 {
  position: absolute;
  width: 375px;
  height: 470px;
  top: 10px;
  left: 551px;
  background-image: url(img/rectangle-960.png);
  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .groupe-64 {
  position: absolute;
  width: 376px;
  height: 471px;
  top: 10px;
  left: 551px;
  background-image: url(img/groupe-1258.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-65 {
  position: absolute;
  width: 187px;
  height: 91px;
  top: 59px;
  left: 167px;
}

.page-d-accueil .rectangle-46 {
  position: absolute;
  width: 375px;
  height: 470px;
  top: 10px;
  background: rgba(0, 0, 0, 0.5);
  left: 552px;
  border-radius: 49.16px 49.16px 49.16px 49.16px;
  opacity: 0.9;
}

.page-d-accueil .rectangle-47 {
  position: absolute;
  width: 354px;
  height: 447px;
  top: 10px;
  background: rgba(0, 0, 0, 0.5);
  left: 70px;
  border-radius: 49.16px 49.16px 49.16px 49.16px;
  opacity: 0.91;
}

.page-d-accueil .groupe-66 {
  position: absolute;
  width: 219px;
  height: 104px;
  top: 338px;
  left: 630px;
}

.page-d-accueil .groupe-67 {
  position: absolute;
  width: 219px;
  height: 70px;
  top: 34px;
  left: 0;
}

.page-d-accueil .groupe-68 {
  position: absolute;
  width: 80px;
  height: 24px;
  top: 0;
  left: 76px;
}

.page-d-accueil .groupe-69 {
  position: absolute;
  width: 227px;
  height: 91px;
  top: 59px;
  left: 631px;
}

.page-d-accueil .overlap-22 {
  position: relative;
  height: 91px;
}

.page-d-accueil .groupe-70 {
  position: absolute;
  width: 226px;
  height: 90px;
  top: 1px;
  left: 1px;
}

.page-d-accueil .groupe-71 {
  position: absolute;
  width: 226px;
  height: 90px;
  top: 0;
  left: 0;
}

.page-d-accueil .groupe-72 {
  position: absolute;
  width: 219px;
  height: 105px;
  top: 337px;
  left: 151px;
}

.page-d-accueil .groupe-73 {
  position: absolute;
  width: 219px;
  height: 70px;
  top: 35px;
  left: 0;
}

.page-d-accueil .groupe-74 {
  position: absolute;
  width: 187px;
  height: 91px;
  top: 58px;
  left: 166px;
}

.page-d-accueil .groupe-75 {
  position: absolute;
  width: 266px;
  height: 80px;
  top: 220px;
  left: 126px;
}

.page-d-accueil .groupe-76 {
  position: absolute;
  width: 244px;
  height: 98px;
  top: 211px;
  left: 614px;
}

.page-d-accueil .overlap-23 {
  position: absolute;
  width: 999px;
  height: 491px;
  top: 557px;
  left: 0;
}

.page-d-accueil .groupe-77 {
  position: absolute;
  width: 375px;
  height: 470px;
  top: 10px;
  left: 73px;
  background-image: url(img/rectangle-961.png);
  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .rectangle-48 {
  position: absolute;
  width: 337px;
  height: 437px;
  top: 27px;
  left: 92px;
  background-color: #ffffff;
  border-radius: 49.09px 49.09px 49.09px 49.09px;
}

.page-d-accueil .groupe-78 {
  position: absolute;
  width: 375px;
  height: 470px;
  top: 10px;
  left: 551px;
  background-image: url(img/rectangle-963.png);
  background-size: cover;
  background-position: 50% 50%;
}

.page-d-accueil .rectangle-49 {
  position: absolute;
  width: 377px;
  height: 474px;
  top: 9px;
  left: 551px;
  background-image: url(img/groupe-1256.png);
  background-size: 100% 100%;
}
.rectangle-49 {
  position: absolute;
  width: 377px;
  height: 474px;
  top: 9px;
  left: 551px;
  background-image: url("img/groupe-1256.png");
  background-size: 100% 100%;
  background-position: center;
  border-radius: 15px;
  overflow: hidden;
}
.overlay-gradient {
  position: absolute;
  inset: 0;

  z-index: 0;
  border-radius: inherit;
}

.contact-overlay {
  position: relative;
  z-index: 2;
  line-height: 1.2;
  top: 53%;
  left: 20px;
  right: 20px;
  color: white;
  font-family: Arial, sans-serif;
}

.contact-overlay-1 {
  position: relative;
  z-index: 2;
  line-height: 1.2;
  top: 45%;
  left: 20px;
  right: 20px;
  color: white;
  font-family: Arial, sans-serif;
}

.contact-overlay h3 {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.subtitle {
  font-size: 16px;
  text-align: center;
  margin-bottom: 50px;
}

.not-assigned {
  color: #d8af4d;
}

.contact-title {
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  margin-top: -39px;
}
.page-d-accueil .groupe-79 {
  position: absolute;
  width: 373px;
  height: 471px;
  top: 9px;
  left: 75px;
  background-image: url(img/groupe-1260.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-80 {
  position: absolute;
  width: 337px;
  height: 437px;
  top: 26px;
  left: 91px;
  background-image: url(img/groupe-1260.png);
  background-size: 100% 100%;
}

.page-d-accueil .rectangle-50 {
  position: absolute;
  width: 376px;
  height: 473px;
  top: 10px;
  left: 551px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 49.16px 49.16px 49.16px 49.16px;
  /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 100%, rgba(29, 29, 27, 0.9) 59%, rgba(0, 0, 0, 1) 22%, rgba(29, 29, 27, 0.9) 0%); */
  opacity: 0.8;
}

.page-d-accueil .rectangle-51 {
  position: absolute;
  width: 373px;
  height: 470px;
  top: 8px;
  background: rgba(0, 0, 0, 0.5);
  left: 74px;
  border-radius: 49.16px 49.16px 49.16px 49.16px;
  opacity: 0.9;
}
.rectangle-51 {
  position: absolute;
  width: 338px;
  height: 437px;
  top: 3050px; /* adapte selon ta maquette */
  left: 120px;
  background-image: url("img/rotterdam.png"); /* remplace avec le bon chemin */
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.rectangle-51 .overlay-gradient-51 {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 100%,
    rgba(29, 29, 27, 0.898039) 59.5%,
    #000000 21.51%,
    rgba(29, 29, 27, 0.898039) 0%
  );
  z-index: 1;
  border-radius: inherit;
}

.rectangle-51 .contact-overlay-51 {
  position: relative;
  z-index: 2;
  width: 90%;
  top: 32%;
  left: 15px;
  right: 22px;
  color: white;
}

.rectangle-51 .contact-overlay-51 h3 {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.rectangle-51 .subtitle-51 {
  font-size: 14px;
  margin-bottom: 36px;
  line-height: 1.1;
}

.rectangle-51 .highlight-blue {
  color: #1caeff;
}

.rectangle-51 .highlight-cyan {
  color: #00ffff;
}

.rectangle-51 .contact-title-51 {
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  margin-top: -45px;
}

.page-d-accueil .groupe-81 {
  position: absolute;
  width: 219px;
  height: 107px;
  top: 341px;
  left: 634px;
}

.page-d-accueil .groupe-82 {
  position: absolute;
  width: 219px;
  height: 70px;
  top: 37px;
  left: 0;
}

.page-d-accueil .groupe-83 {
  position: absolute;
  width: 80px;
  height: 24px;
  top: 0;
  left: 71px;
}

.page-d-accueil .groupe-84 {
  position: absolute;
  width: 165px;
  height: 38px;
  top: 226px;
  left: 657px;
}

.page-d-accueil .groupe-85 {
  position: absolute;
  width: 188px;
  height: 79px;
  top: 67px;
  left: 654px;
}

.page-d-accueil .overlap-group-5 {
  position: relative;
  width: 189px;
  height: 79px;
}

.page-d-accueil .groupe-86 {
  position: absolute;
  width: 187px;
  height: 77px;
  top: 2px;
  left: 1px;
  background-image: url(img/groupe-1267.png);
  background-size: 100% 100%;
}

.page-d-accueil .groupe-87 {
  position: absolute;
  width: 187px;
  height: 77px;
  top: 0;
  left: 0;
  background-image: url(img/groupe-1269.png);
  background-size: 100% 100%;
}

.page-d-accueil .trac-31 {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 168px;
  left: 123px;
}

.page-d-accueil .trac-32 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 164px;
  left: 129px;
}

.page-d-accueil .trac-33 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 166px;
  left: 138px;
}

.page-d-accueil .trac-34 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 164px;
  left: 144px;
}

.page-d-accueil .trac-35 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 166px;
  left: 149px;
}

.page-d-accueil .trac-36 {
  position: absolute;
  width: 3px;
  height: 7px;
  top: 166px;
  left: 157px;
}

.page-d-accueil .trac-37 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 164px;
  left: 161px;
}

.page-d-accueil .trac-38 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 164px;
  left: 163px;
}

.page-d-accueil .trac-39 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 164px;
  left: 168px;
}

.page-d-accueil .trac-40 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 164px;
  left: 178px;
}

.page-d-accueil .trac-41 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 166px;
  left: 186px;
}

.page-d-accueil .trac-42 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 164px;
  left: 192px;
}

.page-d-accueil .trac-43 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 164px;
  left: 197px;
}

.page-d-accueil .trac-44 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 166px;
  left: 200px;
}

.page-d-accueil .trac-45 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 166px;
  left: 207px;
}

.page-d-accueil .trac-46 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 166px;
  left: 214px;
}

.page-d-accueil .trac-47 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 163px;
  left: 221px;
}

.page-d-accueil .trac-48 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 166px;
  left: 224px;
}

.page-d-accueil .trac-49 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 164px;
  left: 233px;
}

.page-d-accueil .trac-50 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 164px;
  left: 242px;
}

.page-d-accueil .trac-51 {
  position: absolute;
  width: 4px;
  height: 7px;
  top: 166px;
  left: 248px;
}

.page-d-accueil .trac-52 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 164px;
  left: 254px;
}

.page-d-accueil .trac-53 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 166px;
  left: 257px;
}

.page-d-accueil .trac-54 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 166px;
  left: 264px;
}

.page-d-accueil .trac-55 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 164px;
  left: 271px;
}

.page-d-accueil .trac-56 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 166px;
  left: 278px;
}

.page-d-accueil .trac-57 {
  position: absolute;
  width: 3px;
  height: 11px;
  top: 163px;
  left: 287px;
}

.page-d-accueil .trac-58 {
  position: absolute;
  width: 5px;
  height: 9px;
  top: 164px;
  left: 291px;
}

.page-d-accueil .trac-59 {
  position: absolute;
  width: 3px;
  height: 7px;
  top: 166px;
  left: 298px;
}

.page-d-accueil .trac-60 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 166px;
  left: 302px;
}

.page-d-accueil .trac-61 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 163px;
  left: 309px;
}

.page-d-accueil .trac-62 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 166px;
  left: 317px;
}

.page-d-accueil .trac-63 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 164px;
  left: 324px;
}

.page-d-accueil .trac-64 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 164px;
  left: 326px;
}

.page-d-accueil .trac-65 {
  position: absolute;
  width: 4px;
  height: 7px;
  top: 166px;
  left: 331px;
}

.page-d-accueil .trac-66 {
  position: absolute;
  width: 5px;
  height: 9px;
  top: 163px;
  left: 345px;
}

.page-d-accueil .trac-67 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 164px;
  left: 353px;
}

.page-d-accueil .trac-68 {
  position: absolute;
  width: 9px;
  height: 7px;
  top: 166px;
  left: 356px;
}

.page-d-accueil .trac-69 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 164px;
  left: 367px;
}

.page-d-accueil .trac-70 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 166px;
  left: 369px;
}

.page-d-accueil .trac-71 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 166px;
  left: 377px;
}

.page-d-accueil .trac-72 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 166px;
  left: 384px;
}

.page-d-accueil .trac-73 {
  position: absolute;
  width: 4px;
  height: 7px;
  top: 166px;
  left: 391px;
}

.page-d-accueil .trac-74 {
  position: absolute;
  width: 3px;
  height: 11px;
  top: 163px;
  left: 395px;
}

.page-d-accueil .groupe-88 {
  position: absolute;
  width: 49px;
  height: 11px;
  top: 179px;
  left: 156px;
}

.page-d-accueil .groupe-89 {
  position: absolute;
  width: 159px;
  height: 9px;
  top: 179px;
  left: 210px;
}

.page-d-accueil .groupe-90 {
  position: absolute;
  width: 232px;
  height: 9px;
  top: 195px;
  left: 146px;
}

.page-d-accueil .groupe-91 {
  position: absolute;
  width: 95px;
  height: 9px;
  top: 226px;
  left: 152px;
}

.page-d-accueil .groupe-92 {
  position: absolute;
  width: 118px;
  height: 9px;
  top: 226px;
  left: 251px;
}

.page-d-accueil .trac-75 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 242px;
  left: 141px;
}

.page-d-accueil .trac-76 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 144px;
}

.page-d-accueil .trac-77 {
  position: absolute;
  width: 5px;
  height: 9px;
  top: 243px;
  left: 153px;
}

.page-d-accueil .trac-78 {
  position: absolute;
  width: 3px;
  height: 7px;
  top: 245px;
  left: 160px;
}

.page-d-accueil .trac-79 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 164px;
}

.page-d-accueil .trac-80 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 243px;
  left: 171px;
}

.page-d-accueil .trac-81 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 175px;
}

.page-d-accueil .trac-82 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 243px;
  left: 188px;
}

.page-d-accueil .trac-83 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 243px;
  left: 193px;
}

.page-d-accueil .trac-84 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 195px;
}

.page-d-accueil .trac-85 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 203px;
}

.page-d-accueil .trac-86 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 213px;
}

.page-d-accueil .trac-87 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 243px;
  left: 219px;
}

.page-d-accueil .trac-88 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 242px;
  left: 226px;
}

.page-d-accueil .trac-89 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 234px;
}

.page-d-accueil .trac-90 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 242px;
  left: 244px;
}

.page-d-accueil .trac-91 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 182px;
}

.page-d-accueil .trac-92 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 251px;
}

.page-d-accueil .trac-93 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 259px;
}

.page-d-accueil .trac-94 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 243px;
  left: 266px;
}

.page-d-accueil .trac-95 {
  position: absolute;
  width: 3px;
  height: 7px;
  top: 245px;
  left: 271px;
}

.page-d-accueil .trac-96 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 242px;
  left: 274px;
}

.page-d-accueil .trac-97 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 242px;
  left: 282px;
}

.page-d-accueil .trac-98 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 285px;
}

.page-d-accueil .trac-99 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 242px;
  left: 294px;
}

.page-d-accueil .trac-100 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 301px;
}

.page-d-accueil .trac-101 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 242px;
  left: 311px;
}

.page-d-accueil .trac-102 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 314px;
}

.page-d-accueil .trac-103 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 242px;
  left: 323px;
}

.page-d-accueil .trac-104 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 332px;
}

.page-d-accueil .trac-105 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 245px;
  left: 339px;
}

.page-d-accueil .trac-106 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 242px;
  left: 346px;
}

.page-d-accueil .trac-107 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 243px;
  left: 349px;
}

.page-d-accueil .trac-108 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 243px;
  left: 352px;
}

.page-d-accueil .trac-109 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 242px;
  left: 356px;
}

.page-d-accueil .trac-110 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 242px;
  left: 365px;
}

.page-d-accueil .trac-111 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 245px;
  left: 373px;
}

.page-d-accueil .trac-112 {
  position: absolute;
  width: 4px;
  height: 7px;
  top: 245px;
  left: 379px;
}

.page-d-accueil .trac-113 {
  position: absolute;
  width: 5px;
  height: 9px;
  top: 258px;
  left: 159px;
}

.page-d-accueil .trac-114 {
  position: absolute;
  width: 3px;
  height: 7px;
  top: 261px;
  left: 166px;
}

.page-d-accueil .trac-115 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 261px;
  left: 169px;
}

.page-d-accueil .trac-116 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 258px;
  left: 177px;
}

.page-d-accueil .trac-117 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 261px;
  left: 185px;
}

.page-d-accueil .trac-118 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 258px;
  left: 192px;
}

.page-d-accueil .trac-119 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 259px;
  left: 194px;
}

.page-d-accueil .trac-120 {
  position: absolute;
  width: 4px;
  height: 7px;
  top: 261px;
  left: 199px;
}

.page-d-accueil .trac-121 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 258px;
  left: 207px;
}

.page-d-accueil .trac-122 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 261px;
  left: 215px;
}

.page-d-accueil .trac-123 {
  position: absolute;
  width: 3px;
  height: 7px;
  top: 261px;
  left: 222px;
}

.page-d-accueil .trac-124 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 258px;
  left: 227px;
}

.page-d-accueil .trac-125 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 261px;
  left: 235px;
}

.page-d-accueil .trac-126 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 258px;
  left: 243px;
}

.page-d-accueil .trac-127 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 261px;
  left: 245px;
}

.page-d-accueil .trac-128 {
  position: absolute;
  width: 4px;
  height: 7px;
  top: 261px;
  left: 252px;
}

.page-d-accueil .trac-129 {
  position: absolute;
  width: 3px;
  height: 7px;
  top: 261px;
  left: 260px;
}

.page-d-accueil .trac-130 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 261px;
  left: 264px;
}

.page-d-accueil .trac-131 {
  position: absolute;
  width: 1px;
  height: 9px;
  top: 258px;
  left: 271px;
}

.page-d-accueil .trac-132 {
  position: absolute;
  width: 6px;
  height: 7px;
  top: 261px;
  left: 274px;
}

.page-d-accueil .trac-133 {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 261px;
  left: 280px;
}

.page-d-accueil .trac-134 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 261px;
  left: 287px;
}

.page-d-accueil .trac-135 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 261px;
  left: 293px;
}

.page-d-accueil .trac-136 {
  position: absolute;
  width: 4px;
  height: 8px;
  top: 259px;
  left: 300px;
}

.page-d-accueil .trac-137 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 258px;
  left: 307px;
}

.page-d-accueil .trac-138 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 261px;
  left: 315px;
}

.page-d-accueil .trac-139 {
  position: absolute;
  width: 9px;
  height: 9px;
  top: 258px;
  left: 325px;
}

.page-d-accueil .trac-140 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 258px;
  left: 335px;
}

.page-d-accueil .trac-141 {
  position: absolute;
  width: 6px;
  height: 9px;
  top: 258px;
  left: 344px;
}

.page-d-accueil .trac-142 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 258px;
  left: 351px;
}

.page-d-accueil .trac-143 {
  position: absolute;
  width: 5px;
  height: 9px;
  top: 258px;
  left: 359px;
}

.page-d-accueil .trac-144 {
  position: absolute;
  width: 2px;
  height: 2px;
  top: 266px;
  left: 364px;
}

.page-d-accueil .groupe-93 {
  position: absolute;
  width: 177px;
  height: 11px;
  top: 289px;
  left: 145px;
}

.page-d-accueil .groupe-94 {
  position: absolute;
  width: 50px;
  height: 9px;
  top: 290px;
  left: 327px;
}

.page-d-accueil .groupe-95 {
  position: absolute;
  width: 247px;
  height: 25px;
  top: 305px;
  left: 139px;
}

.page-d-accueil .groupe-96 {
  position: absolute;
  width: 219px;
  height: 100px;
  top: 348px;
  left: 151px;
}

.page-d-accueil .groupe-97 {
  position: absolute;
  width: 219px;
  height: 70px;
  top: 30px;
  left: 0;
}

.page-d-accueil .groupe-98 {
  position: absolute;
  width: 209px;
  height: 84px;
  top: 60px;
  left: 156px;
}

.page-d-accueil .overlap-24 {
  position: relative;
  height: 84px;
}

.page-d-accueil .groupe-99 {
  position: absolute;
  width: 208px;
  height: 83px;
  top: 1px;
  left: 1px;
}

.page-d-accueil .groupe-100 {
  position: absolute;
  width: 208px;
  height: 83px;
  top: 0;
  left: 0;
}

.page-d-accueil .groupe-101 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 165px;
  left: 339px;
}

.page-d-accueil .groupe-102 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 229px;
  left: 215px;
}

.page-d-accueil .groupe-103 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 181px;
  left: 231px;
}

.page-d-accueil .groupe-104 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 228px;
  left: 273px;
}

.page-d-accueil .groupe-105 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 261px;
  left: 229px;
}

.page-d-accueil .groupe-106 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 292px;
  left: 232px;
}

.page-d-accueil .groupe-107 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 292px;
  left: 349px;
}

.page-d-accueil .groupe-108 {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 292px;
  left: 266px;
}

/*end page accueil style*/

/* Corrige les problèmes d'accordéon hors du flux normal */
#customAccordion1,
#customAccordion2 {
  position: relative !important;
  z-index: 2;
  display: block;
  margin-top: 358px;
  scroll-margin-top: 150px;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: #ffffff00 !important;
  border: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}

.accordion-body {
  background: #ffffff;
}
.accordion-body {
  font-size: 18px;
  text-align: justify;
  color: #474747;
}
.accordion-item {
  background-color: transparent;
  border: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:focus {
  background-color: rgb(255, 255, 255) !important;
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem; /* tu peux ajuster la taille ici */
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("img/trac--21578.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.2s ease-in-out;
}

#customAccordion {
  margin-top: 70%;
}

section#legal-section2 {
  margin-top: -118%;
}

.accordion-button {
  position: relative;
  display: inline-grid !important;
  align-items: center;
  width: 100%;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: white !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--bs-accordion-border-color);
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-item {
  border: none !important;
  margin-bottom: 10px; /* facultatif : espace entre les éléments */
  background-color: transparent;
}

.accordion-button::after {
  display: none !important;
}

div#customAccordion,
#customAccordion1,
#customAccordion2 {
  display: flex;
  align-content: space-around;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  flex-direction: row;
}
.trac-00 {
  width: 90%;
  left: 30%;
  height: 722px;
  top: -115px;
}

.trac-030 {
  position: absolute;
  width: 90%;
  height: 722px;
  top: -110px;
  left: 298px;
}

.trac-031 {
  position: absolute;
  width: 90%;
  height: 722px;
  top: -110px;
  left: -20%;
}

.rectangle-46 {
  position: absolute;
  width: 338px;
  height: 437px;
  top: 3074px;
  left: 986px;
  background-image: url("img/stockholm.png");
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.rectangle-46 .overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 100%,
    rgba(29, 29, 27, 0.898039) 59.5%,
    #000000 21.51%,
    rgba(29, 29, 27, 0.898039) 0%
  );
  z-index: 1;
  border-radius: inherit;
}

.rectangle-46 .contact-overlay {
  position: absolute;
  z-index: 2;
  top: 177px;
  left: 20px;
  right: 20px;
  color: white;
}

.rectangle-46 .contact-overlay h3 {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.rectangle-46 .subtitle {
  font-size: 14px;
  margin-bottom: 3px;
  line-height: 1.4;
}

.rectangle-46 .highlight-orange {
  color: #ff931e;
}

.rectangle-46 .contact-title {
  font-weight: bold;
  margin-top: 10px;
}

.highlight-orange1 {
  color: #f39322;
}

.light-grey-white {
  color: #ffffff;
  font-size: 21px;
}
/**********************DEBUT  Page bibliothque-accueil.html **************/
.bibliothque-accueil {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.bibliothque-accueil .div-wrapper {
  background-color: #ffffff;
  overflow: hidden;
  width: 1366px;
  height: 768px;
}

.bibliothque-accueil .overlap-group-2 {
  position: relative;
  height: 768px;
}

.bibliothque-accueil .groupe {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
}

.bibliothque-accueil .rectangle-12 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
  background-color: #f0f8fc;
  opacity: 0.9;
}

.bibliothque-accueil .text-wrapper-11 {
  position: absolute;
  top: 21px;
  left: 106px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 93.8px;
  letter-spacing: 0;
  line-height: 112.6px;
  white-space: nowrap;
}

.bibliothque-accueil .rectangle-13 {
  position: absolute;
  width: 97px;
  height: 10px;
  top: 92px;
  left: 0;
  background-color: #f7931e;
}

.bibliothque-accueil .rectangle-14 {
  position: absolute;
  width: 877px;
  height: 10px;
  top: 92px;
  left: 489px;
  background-color: #f7931e;
}

.bibliothque-accueil .groupe-2 {
  position: absolute;
  width: 592px;
  height: 161px;
  top: 431px;
  left: 83px;
}

.bibliothque-accueil .rectangle-15 {
  position: absolute;
  width: 594px;
  height: 163px;
  top: 242px;
  left: 708px;
  background-color: #000000;
  border-radius: 15.39px;
  border: 2px solid;
  border-color: #f7931e;
  opacity: 0.7;
}

.bibliothque-accueil .groupe-3 {
  position: absolute;
  width: 592px;
  height: 161px;
  top: 243px;
  left: 709px;
}

.bibliothque-accueil .rectangle-16 {
  position: absolute;
  width: 594px;
  height: 163px;
  top: 242px;
  left: 708px;
  background-color: #000000;
  border-radius: 15.39px;
  border: 2px solid;
  border-color: #f7931e;
  opacity: 0.94;
}

.bibliothque-accueil .rectangle-17 {
  position: absolute;
  width: 597px;
  height: 166px;
  top: 240px;
  left: 706px;
  border-radius: 15.39px;
  border: 5px solid;
  border-color: #f7931e;
}

.bibliothque-accueil .groupe-4 {
  position: absolute;
  width: 592px;
  height: 161px;
  top: 243px;
  left: 83px;
}

.bibliothque-accueil .rectangle-18 {
  position: absolute;
  width: 594px;
  height: 163px;
  top: 242px;
  left: 82px;
  background-color: #000000;
  border-radius: 15.39px;
  border: 2px solid;
  border-color: #f7931e;
  opacity: 0.94;
}

.bibliothque-accueil .rectangle-18 {
    position: absolute;
    width: 594px;
    height: 77px;
    top: 242px;
    left: 82px;
    background-color: #dbd7d7;
    border-radius: 15.39px;
    border: 2px solid;
    border-color: #f7931e;
    opacity: 0.94;
}

.bibliothque-accueil .text-wrapper-12 {
  position: absolute;
  top: 269px;
  left: 879px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 77.5px;
  letter-spacing: 0;
  line-height: 93px;
  white-space: nowrap;
}

.bibliothque-accueil .rectangle-19 {
  position: absolute;
  width: 597px;
  height: 166px;
  top: 240px;
  left: 80px;
  border-radius: 15.39px;
  border: 5px solid;
  border-color: #f7931e;
}

.bibliothque-accueil .rectangle-20 {
  position: absolute;
  width: 594px;
  height: 163px;
  top: 430px;
  left: 82px;
  background-color: #000000;
  border-radius: 15.39px;
  border: 2px solid;
  border-color: #f7931e;
  opacity: 0.94;
}

.bibliothque-accueil .publications {
  position: absolute;
  top: 439px;
  left: 225px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 76px;
  text-align: center;
  letter-spacing: 0;
  line-height: 70px;
}

.bibliothque-accueil .rectangle-21 {
  position: absolute;
  width: 597px;
  height: 166px;
  top: 428px;
  left: 80px;
  border-radius: 15.39px;
  border: 5px solid;
  border-color: #f7931e;
}

.bibliothque-accueil .text-wrapper-13 {
  position: absolute;
  top: 269px;
  left: 252px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 77.5px;
  letter-spacing: 0;
  line-height: 93px;
  white-space: nowrap;
}

.bibliothque-accueil .text-wrapper-130 {
    position: absolute;
    top: 269px;
    font-family: 'BigNoodleTitling', Helvetica, sans-serif !important;
    font-weight: 400;
    color: #29abe2;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 93px;
    white-space: nowrap;
}
.bibliothque-accueil .text-wrapper-131 {
    position: absolute;
    top: 332px;
    font-family: 'BigNoodleTitling', Helvetica, sans-serif !important;
    font-weight: 400;
    color: #d2b029;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 93px;
    white-space: nowrap;
}
.bibliothque-accueil .text-wrapper-132 {
    position: absolute;
    top: 396px;
    font-family: 'BigNoodleTitling', Helvetica, sans-serif !important;
    font-weight: 400;
    color: #f57f34;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 93px;
    white-space: nowrap;
}
.bibliothque-accueil .text-wrapper-133 {
    position: absolute;
    top: 459px;
    font-family: 'BigNoodleTitling', Helvetica, sans-serif !important;
    font-weight: 400;
    color: #51912f;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 93px;
    white-space: nowrap;
}
.bibliothque-accueil .text-wrapper-134 {
    position: absolute;
    top: 517px;
    font-family: 'BigNoodleTitling', Helvetica, sans-serif !important;
    font-weight: 400;
    color: #334c40;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 93px;
    white-space: nowrap;
}

.bibliothque-accueil .text-wrapper-135 {
    position: absolute;
    top: 580px;
    font-family: 'BigNoodleTitling', Helvetica, sans-serif !important;
    font-weight: 400;
    color: #7f7f7fbf;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 93px;
    white-space: nowrap;
}


.bibliothque-accueil .element {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 685px;
  left: 1274px;
  object-fit: cover;
}

.bibliothque-accueil .groupe-5 {
  position: absolute;
  width: 592px;
  height: 161px;
  top: 431px;
  left: 709px;
  background-image: url(img/groupe-676.png);
  background-size: 100% 100%;
}

.bibliothque-accueil .rectangle-22 {
  position: absolute;
  width: 594px;
  height: 163px;
  top: 430px;
  left: 708px;
  background-color: #000000;
  border-radius: 15.39px;
  border: 2px solid;
  border-color: #f7931e;
  opacity: 0.94;
}

.bibliothque-accueil .text-wrapper-14 {
  position: absolute;
  top: 467px;
  left: 876px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 76px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.bibliothque-accueil .rectangle-23 {
  position: absolute;
  width: 597px;
  height: 166px;
  top: 428px;
  left: 706px;
  border-radius: 15.39px;
  border: 5px solid;
  border-color: #f7931e;
}

.bibliothque-accueil {
  display: flex;
  justify-content: center;
  align-items: center; /* centre verticalement */
  width: 100%;
  height: 100vh; /* prend toute la hauteur de la fenêtre */
  background-color: #fff;
}

.bibliothque-accueil .div-wrapper {
  position: relative;
  width: 90%;
  max-width: 1366px; /* pour rester fidèle à votre maquette */
  aspect-ratio: 1366 / 768; /* conserve les proportions */
  overflow: hidden;
}

.card-btn {
  display: block; /* ou inline-block si besoin */
  transition: transform 0.4s ease; /* durée et timing à ajuster */
}

.card-btn:hover {
  transform: translateY(-8px); /* monte de 8px au survol */
}

/* Styles des textes */
.text-wrapper-44 {
  font-family: "BigNoodleTitling-Regular", Helvetica;
  color: #fff;
  font-size: 76px;
  line-height: 70px;
  text-align: center;
}

/* --- Responsive Mobile --- */

@media (max-width: 768px) {
  /* 1) Passe le wrapper en flow normal et supprime le taille fixe */
  .bibliothque-accueil,
  .bibliothque-accueil .div-wrapper {
    position: static !important;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    height: auto !important;
    padding: 1rem 0;
    aspect-ratio: auto !important;
    overflow: visible;
  }

  /* 2) Chaque bouton s'empile, prend 90% de la largeur */
  .bibliothque-accueil .card-btn {
    position: static !important;
    display: block;
    width: 90%;
    max-width: 400px;
    margin: 0.75rem 0;
    overflow: visible;
  }

  /* 3) Affiche les "rectangles" sous forme de blocs responsives */
  .card-btn .rectangle-16,
  .card-btn .rectangle-18,
  .card-btn .rectangle-20,
  .card-btn .rectangle-22 {
    position: static !important;
    height: 100px;
    width: 100% !important;
    aspect-ratio: 594 / 163; /* conserve le ratio d'origine */
    background-color: #000 !important;
    border-radius: 15.39px !important;
    border: 2px solid #f7931e !important;
    opacity: 0.94 !important;
    margin: 0 auto;
  }

  /* 4) Centre le texte par-dessus son rectangle */

    .card-btn .text-wrapper-12 {
      top: 40% !important;
      z-index: 1;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      margin: 0 !important;
      white-space: normal;
      font-size: 2.5rem;
      line-height: 1.2;
      text-align: center;
    }
  


    .card-btn .text-wrapper-13 {
      top: 27% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      margin: 0 !important;
      white-space: normal;
      z-index: 1;
      font-size: 2.5rem;
      line-height: 1.2;
      text-align: center;
    }
  



    .card-btn .text-wrapper-44 {
      top: 30pc !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      margin: 0 !important;
      white-space: normal;
      font-size: 2.5rem;
      line-height: 1.1;
      text-align: center;
    }
  
  /* 5) Replace l'icône home sous les boutons */
  .bibliothque-accueil .home-link {
    position: static !important;
    margin-top: 1rem;
  }

  .bibliothque-accueil .element {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 86% !important;
    object-fit: cover;
  }

      .card-btn .text-wrapper-14 {
      top: 68% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      margin: 0 !important;
      white-space: normal;
      font-size: 2.5rem;
      line-height: 1.1;
      text-align: center;
    }


      #actualites-section .card {
    margin-left: auto;
    margin-right: auto;
  }
}

/********************** FIN bibliothque-accueil.html **************/

/********************** debut  BIB Actualités - évènements **************/
.BIB-actualits-screen {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 3%;
}

.BIB-actualits-screen .BIB-actualits-2 {
  background-color: #ffffff;
  overflow: hidden;
  width: 1366px;
  height: 768px;
}

.BIB-actualits-screen .overlap-group-4 {
  position: relative;
  height: 768px;
}

.BIB-actualits-screen .groupe-22 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
}

.BIB-actualits-screen .rectangle-35 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
  background-color: #f0f8fc;
  opacity: 0.9;
}

.BIB-actualits-screen .text-wrapper-8 {
  position: absolute;
  top: 21px;
  left: 106px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 93.8px;
  letter-spacing: 0;
  line-height: 112.6px;
  white-space: nowrap;
}

.BIB-actualits-screen .rectangle-36 {
  position: absolute;
  width: 97px;
  height: 10px;
  top: 92px;
  left: 0;
  background-color: #f7931e;
}

.BIB-actualits-screen .rectangle-37 {
  position: absolute;
  width: 21px;
  height: 10px;
  top: 92px;
  left: 487px;
  background-color: #f7931e;
  border-radius: 5px;
}

.BIB-actualits-screen .rectangle-38 {
  position: absolute;
  width: 654px;
  height: 10px;
  top: 92px;
  left: 712px;
  background-color: #f7931e;
}

.BIB-actualits-screen .rectangle-39 {
  position: absolute;
  width: 212px;
  height: 65px;
  top: 63px;
  left: 502px;
  background-color: #fdd6a9;
  border-radius: 4.85px;
}

.BIB-actualits-screen .rectangle-40 {
  position: absolute;
  width: 188px;
  height: 58px;
  top: 67px;
  left: 725px;
  background-color: #fdd6a9;
  border-radius: 4.85px;
}

.BIB-actualits-screen .rectangle-41 {
  position: absolute;
  width: 188px;
  height: 58px;
  top: 67px;
  left: 927px;
  background-color: #fdd6a9;
  border-radius: 4.85px;
}

.BIB-actualits-screen .text-wrapper-9 {
  position: absolute;
  top: 67px;
  left: 549px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 31px;
  letter-spacing: 0;
  line-height: 61.2px;
  white-space: nowrap;
}

.BIB-actualits-screen .text-wrapper-09 {
  top: 64px;
  left: 753px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 61.2px;
  white-space: nowrap;
}
.BIB-actualits-screen .text-wrapper-08 {
  top: 64px;
  left: 753px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 61.2px;
  white-space: nowrap;
}
.BIB-actualits-screen .text-wrapper-10 {
  position: absolute;
  top: 701px;
  left: 1073px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 61.2px;
  white-space: nowrap;
}

.BIB-actualits-screen .rectangle-42 {
  position: absolute;
  width: 301px;
  height: 220px;
  top: 280px;
  left: 136px;
  background-color: #ffffff;
  border-radius: 13.89px;
  border: 1.18px solid;
  border-color: #cccccc;
  box-shadow: 3.43px 3.43px 1.23px #00000059;
}

.BIB-actualits-screen .rectangle-43 {
  position: absolute;
  width: 301px;
  height: 220px;
  top: 280px;
  left: 936px;
  background-color: #ffffff;
  border-radius: 13.89px;
  border: 1.18px solid;
  border-color: #cccccc;
  box-shadow: 3.43px 3.43px 1.23px #00000059;
}

.BIB-actualits-screen .groupe-23 {
  position: absolute;
  width: 72px;
  height: 54px;
  top: 131px;
  left: 1262px;
  background-image: url(img/trac--16262.svg);
  background-size: 100% 100%;
}

.BIB-actualits-screen .trac-5 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 17px;
  left: 32px;
}

.BIB-actualits-screen .rectangle-44 {
  position: absolute;
  width: 369px;
  height: 269px;
  top: 255px;
  left: 718px;
  background-color: #ffffff;
  border-radius: 17.05px;
  border: 1.44px solid;
  border-color: #cccccc;
  box-shadow: 4.21px 4.21px 1.51px #00000059;
}

.BIB-actualits-screen .groupe-24 {
  position: absolute;
  width: 300px;
  height: 218px;
  top: 280px;
  left: 937px;
  background-image: url(img/groupe-333.png);
  background-size: 100% 100%;
}

.BIB-actualits-screen .rectangle-45 {
  position: absolute;
  width: 301px;
  height: 220px;
  top: 279px;
  left: 936px;
  background-color: #000000;
  border-radius: 13.89px;
  border: 1.44px solid;
  border-color: #f7931e;
  box-shadow: 3.43px 3.43px 1.23px #00000059;
  opacity: 0.65;
}

.BIB-actualits-screen .methode-et-technique {
  position: absolute;
  top: 409px;
  left: 977px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 35.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.BIB-actualits-screen .groupe-25 {
  position: absolute;
  width: 300px;
  height: 218px;
  top: 280px;
  left: 137px;
  background-image: url(img/groupe-336.png);
  background-size: 100% 100%;
}

.BIB-actualits-screen .rectangle-46 {
  position: absolute;
  width: 301px;
  height: 220px;
  top: 279px;
  left: 136px;
  background-color: #000000;
  border-radius: 13.89px;
  border: 1.44px solid;
  border-color: #f7931e;
  box-shadow: 3.43px 3.43px 1.23px #00000059;
  opacity: 0.65;
}

.BIB-actualits-screen .lancement-projets-de {
  position: absolute;
  top: 394px;
  left: 160px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 27.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.BIB-actualits-screen .rectangle-47 {
  position: absolute;
  width: 369px;
  height: 269px;
  top: 255px;
  left: 278px;
  background-color: #ffffff;
  border-radius: 17.05px;
  border: 1.44px solid;
  border-color: #cccccc;
  box-shadow: 4.21px 4.21px 1.51px #00000059;
}

.BIB-actualits-screen .groupe-26 {
  position: absolute;
  width: 368px;
  height: 268px;
  top: 255px;
  left: 279px;
  background-image: url(img/groupe-339.png);
  background-size: 100% 100%;
}

.BIB-actualits-screen .rectangle-48 {
  position: absolute;
  width: 369px;
  height: 269px;
  top: 255px;
  left: 278px;
  border-radius: 17.05px;
  border: 1.44px solid;
  border-color: #cccccc;
  box-shadow: 4.21px 4.21px 1.51px #00000059;
}

.BIB-actualits-screen .rectangle-49 {
  position: absolute;
  width: 369px;
  height: 269px;
  top: 255px;
  left: 278px;
  background-color: #000000;
  border-radius: 17.05px;
  border: 1.44px solid;
  border-color: #f7931e;
  box-shadow: 4.21px 4.21px 1.51px #00000059;
  opacity: 0.4;
}

.BIB-actualits-screen .text-wrapper-11 {
  position: absolute;
  top: 455px;
  left: 313px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 43px;
  letter-spacing: 0;
  line-height: 51.6px;
  white-space: nowrap;
}

.BIB-actualits-screen .rectangle-50 {
  position: absolute;
  width: 369px;
  height: 269px;
  top: 255px;
  left: 718px;
  border-radius: 17.05px;
  border: 1.44px solid;
  border-color: #cccccc;
  box-shadow: 4.21px 4.21px 1.51px #00000059;
}

.BIB-actualits-screen .groupe-27 {
  position: absolute;
  width: 368px;
  height: 268px;
  top: 256px;
  left: 718px;

  background-size: 100% 100%;
}

.BIB-actualits-screen .rectangle-51 {
  position: absolute;
  width: 369px;
  height: 269px;
  top: 254px;
  left: 718px;
  background-color: #000000;
  border-radius: 17.05px;
  border: 1.44px solid;
  border-color: #f7931e;
  box-shadow: 4.21px 4.21px 1.51px #00000059;
  opacity: 0.65;
}

.BIB-actualits-screen .experience-r-alis-es {
  position: absolute;
  top: 416px;
  left: 796px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 43px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.BIB-actualits-screen .groupe-28 {
  position: absolute;
  width: 441px;
  height: 321px;
  top: 230px;
  left: 462px;
  background-image: url(img/groupe-345.png);
  background-size: 100% 100%;
}

.BIB-actualits-screen .rectangle-52 {
  position: absolute;
  width: 442px;
  height: 322px;
  top: 230px;
  left: 462px;
  background-color: #000000;
  border-radius: 20.42px;
  border: 1.44px solid;
  border-color: #f7931e;
  box-shadow: 5.05px 5.05px 1.8px #00000059;
  opacity: 0.4;
}

.BIB-actualits-screen .rectangle-53 {
  position: absolute;
  width: 442px;
  height: 322px;
  top: 230px;
  left: 462px;
  border-radius: 20.42px;
  border: 1.44px solid;
  border-color: #f7931e;
  box-shadow: 5.05px 5.05px 1.8px #00000059;
}

.BIB-actualits-screen .manififestations {
  position: absolute;
  top: 383px;
  left: 535px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 51px;
  text-align: center;
  letter-spacing: 0;
  line-height: 51px;
}

.BIB-actualits-screen .span {
  line-height: 50px;
}

.BIB-actualits-screen .text-wrapper-12 {
  font-size: 41px;
  line-height: 50px;
}

.BIB-actualits-screen .trac-6 {
  width: 23px;
  height: 38px;
  top: 369px;
  left: 100%;
}

.BIB-actualits-screen .trac-7 {
  position: absolute;
  width: 23px;
  height: 38px;
  top: 369px;
  left: 59px;
}

.BIB-actualits-screen .groupe-29 {
  position: absolute;
  width: 142px;
  font-size: 31px;
  height: 36px;
  font-family: "BigNoodleTitling", Helvetica, sans-serif !important;
  top: 81px;
  left: 761px;
  background-size: 100% 100%;
}

.BIB-actualits-screen .groupe-30 {
  position: absolute;
  width: 129px;
  height: 36px;
  top: 82px;
  font-size: 31px;
  left: 956px;
  background-size: 100% 100%;
}

/* =============================
   Liens de votre nav (texte bleu)
   ============================= */
.nav-link {
  text-decoration: none; /* supprime le soulignement */
}

.nav-link .groupe-29,
.nav-link .groupe-30 {
  color: black; /* bleu par défaut */
}

.nav-link:hover .groupe-29,
.nav-link:hover .groupe-30 {
  color: black; /* bleu foncé au hover */
}

img.trac-06 {
  height: 25px;
}
img.trac-07 {
  height: 25px;
}

/********************** FIN  BIB Actualités - évènements **************/

/********************** Debut   BIB Actualités - Nouveautés **************/
.BIB-actualits {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.BIB-actualits .div-wrapper {
  background-color: #ffffff;
  overflow: hidden;
  width: 1366px;
  height: 767px;
}

.BIB-actualits .overlap-group-3 {
  height: 769px;
}

.BIB-actualits .img-wrapper {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
}

.BIB-actualits .groupe-15 {
  position: absolute;
  width: 1366px;
  height: 767px;
  top: 0;
  left: 0;
}

.BIB-actualits .rectangle-20 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 1px;
  background-color: #f0f8fc;
  opacity: 0.9;
}

.BIB-actualits .trac-wrapper {
  position: absolute;
  width: 72px;
  height: 54px;
  top: 131px;
  left: 1262px;
  background-image: url(img/trac--15980.svg);
  background-size: 100% 100%;
}

.BIB-actualits .trac {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 17px;
  left: 32px;
}

.BIB-actualits .rectangle-21 {
  position: absolute;
  width: 918px;
  height: 69px;
  top: 222px;
  left: 224px;
  background-color: #000000;
  border-radius: 14.83px 14.83px 0px 0px;
  border: 0.7px solid;
  border-color: #cccccc;
  opacity: 0.7;
}

.BIB-actualits .rectangle-22 {
  position: absolute;
  width: 918px;
  height: 69px;
  top: 557px;
  left: 224px;
  background-color: #ffffff;
  border-radius: 14.83px 14.83px 0px 0px;
  border: 0.7px solid;
  border-color: #cccccc;
  transform: rotate(180deg);
  opacity: 0.17;
}

.BIB-actualits .rectangle-23 {
  position: absolute;
  width: 918px;
  height: 69px;
  top: 288px;
  left: 224px;
  background-color: #ffffff;
  border: 0.7px solid;
  border-color: #cccccc;
  opacity: 0.17;
}

.BIB-actualits .rectangle-24 {
  position: absolute;
  width: 918px;
  height: 69px;
  top: 355px;
  left: 224px;
  background-color: #000000;
  border: 0.7px solid;
  border-color: #cccccc;
  opacity: 0.7;
}

.BIB-actualits .rectangle-25 {
  position: absolute;
  width: 918px;
  height: 69px;
  top: 422px;
  left: 224px;
  background-color: #ffffff;
  border: 0.7px solid;
  border-color: #cccccc;
  opacity: 0.17;
}

.BIB-actualits .rectangle-26 {
  position: absolute;
  width: 918px;
  height: 69px;
  top: 489px;
  left: 224px;
  background-color: #000000;
  border: 0.7px solid;
  border-color: #cccccc;
  opacity: 0.7;
}

.BIB-actualits .groupe-16 {
  position: absolute;
  width: 324px;
  height: 31px;
  top: 243px;
  left: 261px;
}

.BIB-actualits .groupe-17 {
  position: absolute;
  width: 100%;
  height: 31px;
  top: 313px;
  left: 261px;
}

.BIB-actualits .groupe-18 {
  position: absolute;
  width: 567px;
  height: 29px;
  top: 375px;
  left: 264px;
  background-size: 100% 100%;
}

.BIB-actualits .groupe-19 {
  position: absolute;
  width: 722px;
  height: 22px;
  top: 448px;
  left: 261px;
}

.BIB-actualits .groupe-20 {
  position: absolute;
  width: 722px;
  height: 22px;
  top: 516px;
  left: 261px;
}

.BIB-actualits .groupe-21 {
  position: absolute;
  width: 722px;
  height: 22px;
  top: 578px;
  left: 261px;
}

.BIB-actualits .rectangle-27 {
  position: absolute;
  width: 919px;
  height: 467px;
  top: 221px;
  left: 224px;
  border-radius: 13.46px;
  border: 2.89px solid;
  border-color: #000000;
}

.BIB-actualits .text-wrapper {
  position: absolute;
  top: 21px;
  left: 106px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 93.8px;
  letter-spacing: 0;
  line-height: 112.6px;
  white-space: nowrap;
}

.BIB-actualits .rectangle-28 {
  position: absolute;
  width: 97px;
  height: 10px;
  top: 92px;
  left: 0;
  background-color: #f7931e;
}

.BIB-actualits .rectangle-29 {
  position: absolute;
  width: 37px;
  height: 10px;
  top: 92px;
  left: 487px;
  background-color: #f7931e;
  border-radius: 5px;
}

.BIB-actualits .rectangle-30 {
  position: absolute;
  width: 673px;
  height: 10px;
  top: 92px;
  left: 693px;
  background-color: #f7931e;
}

.BIB-actualits .rectangle-31 {
  position: absolute;
  width: 212px;
  height: 65px;
  top: 63px;
  left: 936px;
  background-color: #fdd6a9;
  border-radius: 4.85px;
}

.BIB-actualits .rectangle-32 {
  position: absolute;
  width: 188px;
  height: 58px;
  top: 67px;
  left: 514px;
  background-color: #fdd6a9;
  border-radius: 4.85px;
}

.BIB-actualits .text-wrapper-2 {
  position: absolute;
  top: 71px;
  left: 539px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.BIB-actualits .groupe-22 {
  position: absolute;
  width: 129px;
  height: 36px;
  top: 76px;
  left: 977px;
  background-image: url(img/groupe-364.png);
  background-size: 100% 100%;
}

.BIB-actualits .rectangle-33 {
  position: absolute;
  width: 212px;
  height: 65px;
  top: 62px;
  left: 716px;
  background-color: #f7931e;
  border-radius: 4.85px;
}

.BIB-actualits .groupe-23 {
  position: absolute;
  width: 180px;
  height: 45px;
  top: 70px;
  left: 732px;
  background-image: url(img/groupe-350.png);
  background-size: 100% 100%;
}

.descrip-org {
  font-size: 14px !important;
  color: #f39322;
}
.light-grey {
  color: black;
  font-size: 21px;
}

button:focus {
  background-color: #444 !important;
}

#actualites-section .card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

#actualites-section .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

#actualites-section .card-body {
  padding: 20px;
  width: 100%;
  height: 190px;
  align-content: space-evenly;
  margin: 40px;
}

#actualites-section .card-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

#actualites-section .card-text {
  font-size: 15px;
  width: auto;
  margin-bottom: 30px;
}

#actualites-section .btn {
  font-size: 0.9rem;
  padding: 6px 14px;
  border-radius: 4px;
}


.row-s {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  display: ruby;
}

.col-md-6.mb-4 {
  margin-left: 7%;
  width: 42%;
}

.btn {
  text-decoration: none;
  color: #fff;
  background-color: #be996ed4 !important;
  text-align: center;
  letter-spacing: 0.5px;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  cursor: pointer;
}
/********************** FIN  BIB Actualités - Nouveautés **************/

/********************** Debut publication scientifiques  ******************/
.BIB-publications {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.BIB-publications .overlap-group-wrapper-2 {
  background-color: #ffffff;
  overflow: hidden;
  width: 1366px;
  height: 768px;
}

.BIB-publications .overlap-group-3 {
  position: relative;
  height: 769px;
}

.BIB-publications .groupe-6 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
}

.BIB-publications .rectangle-24 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
  background-color: #f0f8fc;
  opacity: 0.9;
}

.BIB-publications .text-wrapper-15 {
  position: absolute;
  top: 21px;
  left: 106px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 93.8px;
  letter-spacing: 0;
  line-height: 112.6px;
  white-space: nowrap;
}

.BIB-publications .rectangle-25 {
  position: absolute;
  width: 97px;
  height: 10px;
  top: 92px;
  left: 0;
  background-color: #f7931e;
}

.BIB-publications .rectangle-26 {
  position: absolute;
  width: 21px;
  height: 10px;
  top: 92px;
  left: 487px;
  background-color: #f7931e;
  border-radius: 5px;
}

.BIB-publications .rectangle-27 {
  position: absolute;
  width: 654px;
  height: 10px;
  top: 92px;
  left: 712px;
  background-color: #f7931e;
}

.BIB-publications .rectangle-28 {
  position: absolute;
  width: 450px;
  height: 65px;
  top: 63px;
  left: 502px;
  background-color: #f7931e;
  border-radius: 7.06px;
}

.BIB-publications .trac-wrapper {
  position: absolute;
  width: 72px;
  height: 54px;
  top: 132px;
  left: 1262px;
  background-image: url(img/trac--16262.svg);
  background-size: 100% 100%;
}

.BIB-publications .trac-6 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 17px;
  left: 32px;
}

.BIB-publications .text-wrapper-16 {
  top: 62px;
  left: 517px;
  color: #000000;
  font-size: 51px;
  line-height: 61.2px;
  white-space: nowrap;
  position: absolute;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.BIB-publications .groupe-7 {
  position: absolute;
  width: 352px;
  height: 372px;
  top: 258px;
  left: 120px;

  background-size: 100% 100%;
}

.BIB-publications .rectangle-29 {
  position: absolute;
  width: 354px;
  height: 374px;
  top: 257px;
  left: 119px;
  background-color: #000000;
  border-radius: 19.66px;
  border: 1.66px solid;
  border-color: #cccccc;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
  opacity: 0.5;
}

.BIB-publications .rectangle-30 {
  position: absolute;
  width: 355px;
  height: 375px;
  top: 257px;
  left: 118px;
  border-radius: 19.66px;
  border: 3px solid;
  border-color: #ffffff;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
}

.BIB-publications .rectangle-31 {
  position: absolute;
  width: 354px;
  height: 109px;
  top: 522px;
  left: 119px;
  background-color: #000000;
  border-radius: 0px 0px 19.66px 19.66px;
  border: 1.66px solid;
  border-color: #cccccc;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
  opacity: 0.5;
}

.BIB-publications .title-publications {
  top: 533px;
  left: 152px;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.BIB-publications .groupe-8 {
  position: absolute;
  width: 352px;
  height: 372px;
  top: 258px;
  left: 506px;
  background-size: 100% 100%;
}

.BIB-publications .rectangle-32 {
  position: absolute;
  width: 354px;
  height: 374px;
  top: 257px;
  left: 506px;
  background-color: #000000;
  border-radius: 19.66px;
  border: 1.66px solid;
  border-color: #cccccc;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
  opacity: 0.5;
}

.BIB-publications .rectangle-33 {
  position: absolute;
  width: 354px;
  height: 109px;
  top: 522px;
  left: 505px;
  background-color: #000000;
  border-radius: 0px 0px 19.66px 19.66px;
  border: 1.66px solid;
  border-color: #cccccc;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
  opacity: 0.5;
}

.BIB-publications .publications-2 {
  top: 533px;
  left: 538px;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.BIB-publications .groupe-9 {
  position: absolute;
  width: 352px;
  height: 372px;
  top: 258px;
  left: 894px;

  background-size: 100% 100%;
}

.BIB-publications .rectangle-34 {
  position: absolute;
  width: 354px;
  height: 374px;
  top: 257px;
  left: 893px;
  background-color: #000000;
  border-radius: 19.66px;
  border: 1.66px solid;
  border-color: #cccccc;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
  opacity: 0.5;
}

.BIB-publications .rectangle-35 {
  position: absolute;
  width: 354px;
  height: 109px;
  top: 522px;
  left: 893px;
  background-color: #000000;
  border-radius: 0px 0px 19.66px 19.66px;
  border: 1.66px solid;
  border-color: #cccccc;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
  opacity: 0.5;
}

.BIB-publications .publications-3 {
  position: absolute;
  top: 533px;
  left: 920px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 30px;
}

.BIB-publications .rectangle-36 {
  width: 355px;
  height: 375px;
  top: 257px;
  left: 504px;
  border-radius: 19.66px;
  border: 3px solid;
  border-color: #ffffff;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
}

.BIB-publications .rectangle-37 {
  position: absolute;
  width: 355px;
  height: 375px;
  top: 257px;
  left: 892px;
  border-radius: 19.66px;
  border: 3px solid;
  border-color: #ffffff;
  box-shadow: 4.86px 4.86px 1.74px #00000059;
}

/********************** FIN Debut publication scientifiques  **************/

/********************** Debut BIB STATISTIQUES  ******************/
.BIB-statistiques {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.BIB-statistiques .overlap-group-wrapper {
  background-color: #ffffff;
  overflow: hidden;
  width: 1366px;
  height: 768px;
}

.BIB-statistiques .overlap-group {
  position: relative;
  height: 769px;
}

.BIB-statistiques .groupe {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
}

.BIB-statistiques .rectangle {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.9;
}

.BIB-statistiques .text-wrapper {
  position: absolute;
  top: 21px;
  left: 106px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 93.8px;
  letter-spacing: 0;
  line-height: 112.6px;
  white-space: nowrap;
}

.BIB-statistiques .div {
  position: absolute;
  width: 97px;
  height: 10px;
  top: 92px;
  left: 0;
  background-color: #f7931e;
}

.BIB-statistiques .rectangle-2 {
  position: absolute;
  width: 877px;
  height: 10px;
  top: 92px;
  left: 489px;
  background-color: #f7931e;
  border-radius: 3.3px 0px 3.3px 0px;
}

.BIB-statistiques .rectangle-3 {
  position: absolute;
  width: 368px;
  height: 65px;
  top: 63px;
  left: 524px;
  background-color: #f7931e;
  border-radius: 6.39px;
}

.BIB-statistiques .text-wrapper-2 {
  position: absolute;
  top: 63px;
  left: 540px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 51px;
  letter-spacing: 0;
  line-height: 61.2px;
  white-space: nowrap;
}

.BIB-statistiques .img {
  position: absolute;
  width: 433px;
  height: 490px;
  top: 175px;
  left: 451px;
}

.BIB-statistiques .groupe-2 {
  position: absolute;
  width: 336px;
  height: 168px;
  top: 319px;
  left: 937px;
}

.BIB-statistiques .trac {
  position: absolute;
  width: 23px;
  height: 41px;
  top: 395px;
  left: 1307px;
}

.BIB-statistiques .trac-2 {
  position: absolute;
  width: 23px;
  height: 41px;
  top: 395px;
  left: 25px;
}

.BIB-statistiques .text-wrapper-3 {
  position: absolute;
  top: 501px;
  left: 1067px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 36.1px;
  white-space: nowrap;
}

.BIB-statistiques .text-wrapper-5 {
  position: absolute;
  top: 674px;
  left: 602px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 57.6px;
  white-space: nowrap;
}

.BIB-statistiques .groupe-3 {
  position: absolute;
  width: 338px;
  height: 172px;
  top: 315px;
  left: 81px;
}

.BIB-statistiques .trac-wrapper {
  position: absolute;
  width: 72px;
  height: 54px;
  top: 132px;
  left: 1262px;
  background-image: url(img/trac--16262.svg);
  background-size: 100% 100%;
}

.BIB-statistiques .trac-3 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 17px;
  left: 32px;
}

/********************** FIN BIB STATISTIQUES   ******************/

/********************** Debut BIB STATISTIQUES   ******************/
.BIB-formations {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.BIB-formations .overlap-wrapper {
  background-color: #ffffff;
  overflow: hidden;
  width: 1366px;
  height: 768px;
}

.BIB-formations .overlap {
  position: relative;
  height: 768px;
}

.BIB-formations .groupe-10 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
}

.BIB-formations .rectangle-38 {
  position: absolute;
  width: 1366px;
  height: 768px;
  top: 0;
  left: 0;
  background-color: #f0f8fc;
  opacity: 0.9;
}

.BIB-formations .text-wrapper-17 {
  position: absolute;
  top: 21px;
  left: 106px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 93.8px;
  letter-spacing: 0;
  line-height: 112.6px;
  white-space: nowrap;
}

.BIB-formations .rectangle-39 {
  position: absolute;
  width: 97px;
  height: 10px;
  top: 92px;
  left: 0;
  background-color: #f7931e;
}

.BIB-formations .rectangle-40 {
  position: absolute;
  width: 21px;
  height: 10px;
  top: 92px;
  left: 487px;
  background-color: #f7931e;
  border-radius: 5px;
}

.BIB-formations .rectangle-41 {
  position: absolute;
  width: 654px;
  height: 10px;
  top: 92px;
  left: 712px;
  background-color: #f7931e;
}

.BIB-formations .rectangle-42 {
  position: absolute;
  width: 212px;
  height: 65px;
  top: 63px;
  left: 502px;
  background-color: #f7931e;
  border-radius: 4.85px;
}

.BIB-formations .text-wrapper-18 {
  position: absolute;
  top: 62px;
  left: 516px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 51px;
  letter-spacing: 0;
  line-height: 61.2px;
  white-space: nowrap;
}

.BIB-formations .img-wrapper {
  position: absolute;
  width: 72px;
  height: 54px;
  top: 131px;
  left: 1262px;
  background-image: url(img/trac--16262.svg);
  background-size: 100% 100%;
}

.BIB-formations .trac-7 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 17px;
  left: 32px;
}

.BIB-formations .rectangle-43 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 505px;
  background-color: #ffffff;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #cccccc;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .rectangle-44 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 893px;
  background-color: #ffffff;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #cccccc;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .rectangle-45 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 446px;
  left: 119px;
  background-color: #ffffff;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #cccccc;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .rectangle-46 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 446px;
  left: 506px;
  background-color: #ffffff;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #cccccc;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .rectangle-47 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 446px;
  left: 893px;
  background-color: #ffffff;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #cccccc;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .groupe-11 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 222px;
  left: 120px;
  background-image: url(img/groupe-375.png);
  background-size: 100% 100%;
}

.BIB-formations .rectangle-48 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 119px;
  background-color: #000000;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #ffffff;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
  opacity: 0.7;
}

.BIB-formations .rectangle-049 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 119px;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #f15a24;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .aux-technologies-de {
  position: absolute;
  top: 301px;
  left: 141px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.BIB-formations .text-wrapper-19 {
  color: #ffffff;
}

.BIB-formations .text-wrapper-20 {
  color: #ff9520;
}

.BIB-formations .text-wrapper-21 {
  color: #f7931e;
}

.BIB-formations .groupe-12 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 222px;
  left: 506px;

  background-size: 100% 100%;
}

.BIB-formations .rectangle-50 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 504px;
  background-color: #000000;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #ffffff;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
  opacity: 0.7;
}

.BIB-formations .rectangle-51 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 504px;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #f15a24;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .a-la-gestion {
  position: absolute;
  top: 304px;
  left: 550px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.BIB-formations .groupe-13 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 222px;
  left: 894px;
  background-size: 100% 100%;
}

.BIB-formations .rectangle-52 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 893px;
  background-color: #000000;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #ffffff;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
  opacity: 0.7;
}

.BIB-formations .rectangle-53 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 221px;
  left: 893px;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #f15a24;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .a-la-detection-et-l {
  position: absolute;
  top: 301px;
  left: 913px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.BIB-formations .groupe-14 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 447px;
  left: 120px;
  background-size: 100% 100%;
}

.BIB-formations .groupe-15 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 447px;
  left: 120px;
}

.BIB-formations .overlap-group-4 {
  position: relative;
  width: 354px;
  height: 201px;
  top: -1px;
  left: -1px;
  border-radius: 14.42px;
}

.BIB-formations .rectangle-54 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 0;
  left: 0;
  background-color: #000000;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #ffffff;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
  opacity: 0.5;
}

.BIB-formations .rectangle-55 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 0;
  left: 0;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #f15a24;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
}

.BIB-formations .a-la-protection {
  position: absolute;
  top: 515px;
  left: 172px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.BIB-formations .groupe-16 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 447px;
  left: 506px;
  background-size: 100% 100%;
}

.BIB-formations .groupe-17 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 447px;
  left: 507px;
}

.BIB-formations .rectangle-56 {
  position: absolute;
  width: 354px;
  height: 201px;
  top: 0;
  left: 0;
  background-color: #000000;
  border-radius: 14.42px;
  border: 1.22px solid;
  border-color: #ffffff;
  box-shadow: 3.57px 3.57px 1.27px #00000059;
  opacity: 0.7;
}

.BIB-formations .a-la-maitrise-des {
  position: absolute;
  top: 503px;
  left: 541px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.BIB-formations .groupe-18 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 447px;
  left: 894px;
  background-size: 100% 100%;
}

.BIB-formations .groupe-19 {
  position: absolute;
  width: 352px;
  height: 200px;
  top: 447px;
  left: 894px;
}

.BIB-formations .stages-de-formation {
  position: absolute;
  top: 499px;
  left: 913px;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

/********************** FIN BIB STATISTIQUES   ******************/

/*****************Debut cordonnées demandeur ***********/
.coordonnes-du {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.coordonnes-du .overlap-group-wrapper {
  background-color: #ffffff;
  width: 1366px;
  height: 882px;
}

.coordonnes-du .overlap-group {
  position: relative;
  height: 882px;
  background-size: 100% 100%;
}

.coordonnes-du .rectangle {
  position: absolute;
  width: 1366px;
  height: 882px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.65;
}

.coordonnes-du .div {
  position: absolute;
  width: 594px;
  height: 94px;
  top: 46px;
  left: 386px;
  border-radius: 15.98px;
  border: 2px solid;
  border-color: #ff1572;
  background: #ff1572;
  background: linear-gradient(
    177deg,
    rgba(255, 21, 114, 1) 0%,
    rgba(255, 58, 117, 1) 0%,
    rgba(254, 147, 126, 1) 43%,
    rgba(254, 176, 129, 1) 72%,
    rgba(254, 193, 131, 1) 88%,
    rgba(254, 168, 128, 1) 100%
  );
}

.coordonnes-du .rectangle-2 {
  position: absolute;
  width: 238px;
  height: 75px;
  top: 749px;
  left: 1055px;
  border-radius: 9.15px;
  background: #ff1572;
  background: linear-gradient(
    177deg,
    rgba(255, 21, 114, 1) 0%,
    rgba(255, 58, 117, 1) 0%,
    rgba(254, 147, 126, 1) 43%,
    rgba(254, 176, 129, 1) 72%,
    rgba(254, 193, 131, 1) 88%,
    rgba(254, 168, 128, 1) 100%
  );
}

.coordonnes-du .rectangle-3 {
  position: absolute;
  width: 401px;
  height: 77px;
  top: 184px;
  left: 71px;
  background-color: #e2e2e2;
  border-radius: 4.98px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .rectangle-4 {
  position: absolute;
  width: 401px;
  height: 77px;
  top: 184px;
  left: 482px;
  background-color: #e2e2e2;
  border-radius: 4.98px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .rectangle-5 {
  position: absolute;
  width: 401px;
  height: 77px;
  top: 184px;
  left: 894px;
  background-color: #e2e2e2;
  border-radius: 4.98px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .rectangle-6 {
  position: absolute;
  width: 401px;
  height: 77px;
  top: 378px;
  left: 479px;
  background-color: #e2e2e2;
  border-radius: 4.98px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .rectangle-7 {
  position: absolute;
  width: 401px;
  height: 77px;
  top: 378px;
  left: 891px;
  background-color: #e2e2e2;
  border-radius: 4.98px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .rectangle-8 {
  position: absolute;
  width: 1223px;
  height: 246px;
  top: 470px;
  left: 71px;
  background-color: #e2e2e2;
  border-radius: 8.73px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .text-wrapper {
  position: relative;
  top: 11%;
  left: 5%;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 61.7px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.coordonnes-du .text-wrapper-2 {
  position: relative;
  top: 2px;
  left: 0%;
  font-family: "BigNoodleTitling-Regular", Helvetica;
  font-weight: 400;
  color: white;
  font-size: 61.7px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.coordonnes-du .text-wrapper-3 {
  position: absolute;
  top: 201px;
  left: 99px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 31.8px;
  letter-spacing: 0;
  line-height: 38.2px;
  white-space: nowrap;
}

.coordonnes-du .echanges-et-partages {
  position: absolute;
  top: 489px;
  left: 95px;
  opacity: 0.26;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #393939;
  font-size: 31px;
  letter-spacing: 0;
  line-height: 31px;
}

.coordonnes-du .span {
  line-height: 37.2px;
}

.coordonnes-du .text-wrapper-4 {
  font-size: 25px;
  line-height: 37.2px;
}

.coordonnes-du .trac {
  position: absolute;
  width: 41px;
  height: 27px;
  top: 210px;
  left: 407px;
}

.coordonnes-du .rectangle-9 {
  position: absolute;
  width: 401px;
  height: 77px;
  top: 378px;
  left: 71px;
  background-color: #e2e2e2;
  border-radius: 4.98px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .text-wrapper-5 {
  position: absolute;
  top: 401px;
  left: 92px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 26px;
  white-space: nowrap;
}

.coordonnes-du .text-wrapper-6 {
  position: absolute;
  top: 395px;
  left: 916px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 31.8px;
  letter-spacing: 0;
  line-height: 38.2px;
  white-space: nowrap;
}

.coordonnes-du .adresse-mail {
  position: absolute;
  top: 395px;
  left: 516px;
  opacity: 0.3;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ff1d25;
  font-size: 31px;
  letter-spacing: 0;
  line-height: 37.2px;
  white-space: nowrap;
}

.coordonnes-du .rectangle-10 {
  position: relative;
  width: 604px;
  height: 77px;
  top: 282px;
  left: 71px;
  background-color: #e2e2e2;
  border-radius: 6.11px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .rectangle-11 {
  position: absolute;
  width: 604px;
  height: 77px;
  top: 282px;
  left: 691px;
  background-color: #e2e2e2;
  border-radius: 6.11px;
  border: 2px solid;
  border-color: #707070;
}

.coordonnes-du .img {
  position: absolute;
  width: 41px;
  height: 27px;
  top: 308px;
  left: 1223px;
}

.coordonnes-du .text-wrapper-7 {
  position: absolute;
  top: 200px;
  left: 502px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 31.8px;
  letter-spacing: 0;
  line-height: 38.2px;
  white-space: nowrap;
}

.coordonnes-du .trac-2 {
  position: absolute;
  width: 41px;
  height: 27px;
  top: 210px;
  left: 818px;
}

.coordonnes-du .trac-3 {
  position: absolute;
  width: 41px;
  height: 27px;
  top: 210px;
  left: 1232px;
}

.coordonnes-du .trac-4 {
  position: absolute;
  width: 41px;
  height: 27px;
  top: 405px;
  left: 1232px;
}

.coordonnes-du .text-wrapper-8 {
  position: absolute;
  top: 200px;
  left: 913px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 31.8px;
  letter-spacing: 0;
  line-height: 38.2px;
  white-space: nowrap;
}

.coordonnes-du .ligne {
  top: 294px;
  left: 86px;
  position: absolute;
  width: 1px;
  height: 51px;
}

.coordonnes-du .ligne-2 {
  top: 391px;
  left: 504px;
  position: absolute;
  width: 1px;
  height: 51px;
}

.coordonnes-du .ligne-3 {
  top: 490px;
  left: 88px;
  position: absolute;
  width: 1px;
  height: 51px;
}

.coordonnes-du .text-wrapper-9 {
  position: absolute;
  top: 300px;
  left: 95px;
  opacity: 0.3;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ff1d25;
  font-size: 31px;
  letter-spacing: 0;
  line-height: 37.2px;
  white-space: nowrap;
}

.coordonnes-du .text-wrapper-10 {
  position: absolute;
  top: 297px;
  left: 707px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 31.8px;
  letter-spacing: 0;
  line-height: 38.2px;
  white-space: nowrap;
}

.coordonnes-du .trac-5 {
  position: absolute;
  width: 53px;
  height: 52px;
  top: 391px;
  left: 401px;
}

.coordonnes-du .rectangle-2 {
  cursor: pointer;
}

.coordonnes-du .rectangle-2:hover {
  opacity: 0.9;
}

/** etait dans code html ***/
.select-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.custom-select {
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 25px;
  font-family: "Inter", Helvetica;
  border: none;
  border-radius: 4px;
  appearance: none;
  cursor: pointer;
  background-color: #e2e2e2;
}
::placeholder {
  color: #000; /* ou #000 si tu veux le même noir */
  font-size: 25px;
  font-family: "Inter", Helvetica;
}
.rectangle-8 .custom-textarea::placeholder {
  color: rgba(0, 0, 0, 0.2); /* ou 0.0 pour totalement transparent */
}
.dropdown-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 18px;
  pointer-events: none;
  transform: translateY(-50%);
}

.datepicker-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.custom-input {
  width: 100%;
  height: 100%;
  padding: 15px 45px 15px 20px;
  /* right padding pour laisser la place à l'icône */
  font-size: 18px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  box-sizing: border-box;
}

.calendar-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  pointer-events: none;
  /* pour que le clic passe au champ */
  opacity: 0.6;
}

.custom-textarea {
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  font-size: 18px;
  border: none;
  border-radius: 6px;
  resize: none;
  background-color: transparent;
  box-sizing: border-box;
}

/**************** fin cordonnées demandeur **************************/

/**************** Début  Liste de Documents  **************************/
.formulaires-liste {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}

.formulaires-liste .overlap-wrapper-2 {
  background-color: #ffffff;
  width: 1366px;
  height: 2395px;
}

.formulaires-liste .overlap-2 {
  position: relative;
  height: 2394px;
}

.formulaires-liste .rectangle-57 {
  position: absolute;
  width: 1366px;
  height: 911px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.formulaires-liste .rectangle-58 {
  position: absolute;
  width: 1366px;
  height: 911px;
  top: 0;
  left: 0;
  background-color: #f3fbff;
  opacity: 0.9;
}

.formulaires-liste .groupe-20 {
  position: absolute;
  width: 1366px;
  height: 585px;
  top: 1809px;
  left: 0;
  background-image: url(img/groupe-901.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-59 {
  position: absolute;
  width: 1366px;
  height: 585px;
  top: 1809px;
  left: 0;
  background-color: #f3fbff;
  opacity: 0.9;
}

.formulaires-liste .rectangle-60 {
  position: absolute;
  width: 1366px;
  height: 911px;
  top: 911px;
  left: 0;
  object-fit: cover;
}

.formulaires-liste .rectangle-61 {
  position: absolute;
  width: 1366px;
  height: 911px;
  top: 912px;
  left: 0;
  background-color: #f3fbff;
  transform: rotate(180deg);
  opacity: 0.9;
}

.formulaires-liste .groupe-21 {
  position: absolute;
  width: 355px;
  height: 67px;
  top: 27px;
  font-size: 90px;
  color: #f15a24;
  left: 111px;
}

.formulaires-liste .rectangle-62 {
  position: absolute;
  width: 97px;
  height: 10px;
  top: 92px;
  left: 0;
  transform: rotate(180deg);
  background: #ff4a4a;
  background: linear-gradient(
    7deg,
    rgba(255, 74, 74, 1) 0%,
    rgba(255, 107, 88, 1) 0%,
    rgba(255, 191, 122, 1) 100%,
    rgba(247, 147, 30, 1) 100%
  );
}

.formulaires-liste .rectangle-63 {
  position: absolute;
  width: 877px;
  height: 10px;
  top: 92px;
  left: 489px;
  background: #ff4a4a;
  background: linear-gradient(
    7deg,
    rgba(255, 74, 74, 1) 0%,
    rgba(255, 107, 88, 1) 0%,
    rgba(255, 191, 122, 1) 100%,
    rgba(247, 147, 30, 1) 100%
  );
}

.formulaires-liste .rectangle-64 {
  position: absolute;
  width: 611px;
  height: 1193px;
  top: 348px;
  left: 693px;
  background-color: #ffffff;
  border-radius: 18.35px;
  border: 1.79px solid;
  border-color: #707070;
  box-shadow: 3px 4px 1px #00000040;
}

.formulaires-liste .rectangle-65 {
  position: absolute;
  width: 613px;
  height: 1195px;
  top: 348px;
  left: 692px;
  border-radius: 18.35px;
  border: 3.74px solid;
  border-color: #707070;
}

.formulaires-liste .groupe-22 {
  position: absolute;
  width: 456px;
  height: 27px;
  top: 599px;
  left: 773px;
}

.formulaires-liste .rectangle-66 {
  position: absolute;
  width: 575px;
  height: 70px;
  top: 739px;
  left: 710px;
  background-color: #f4d8b0;
  border-radius: 6.59px;
}

.formulaires-liste .rectangle-67 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 739px;
  left: 1256px;
  background-color: #d8ad73;
  border-radius: 3.37px 0px 3.37px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .groupe-23 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 762px;
  left: 1264px;
  background-image: url(img/groupe-931.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-68 {
  position: absolute;
  width: 575px;
  height: 70px;
  top: 660px;
  left: 710px;
  background-color: #e8b4b1;
  border-radius: 6.64px;
}

.formulaires-liste .rectangle-69 {
  position: absolute;
  width: 575px;
  height: 70px;
  top: 818px;
  left: 710px;
  background-color: #fbfac8;
  border-radius: 6.67px;
}

.formulaires-liste .rectangle-70 {
  position: absolute;
  width: 575px;
  height: 92px;
  top: 1261px;
  left: 710px;
  background-color: #a0d9f3;
  border-radius: 6.73px;
}

.formulaires-liste .rectangle-71 {
  position: absolute;
  width: 575px;
  height: 39px;
  top: 1361px;
  left: 710px;
  background-color: #97b0dc;
  border-radius: 4.86px;
}

.formulaires-liste .rectangle-72 {
  position: absolute;
  width: 575px;
  height: 160px;
  top: 898px;
  left: 710px;
  background-color: #e1edc9;
  border-radius: 6.44px;
}

.formulaires-liste .rectangle-73 {
  position: absolute;
  width: 575px;
  height: 184px;
  top: 1067px;
  left: 710px;
  background-color: #c3e8f3;
  border-radius: 6.74px;
}

.formulaires-liste .rectangle-74 {
  position: absolute;
  width: 575px;
  height: 108px;
  top: 1410px;
  left: 710px;
  background-color: #a7b7ce;
  border-radius: 6.42px;
}

.formulaires-liste .rectangle-75 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 660px;
  left: 1256px;
  background-color: #ce9291;
  border-radius: 3.37px 0px 3.37px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .groupe-24 {
  position: absolute;
  width: 13px;
  height: 22px;
  top: 683px;
  left: 1265px;
  background-image: url(img/groupe-933.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-76 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 818px;
  left: 1256px;
  background-color: #d3cf89;
  border-radius: 3.37px 0px 3.37px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .rectangle-77 {
  position: absolute;
  width: 29px;
  height: 92px;
  top: 1261px;
  left: 1256px;
  background-color: #006487;
  border-radius: 3.85px 0px 3.85px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .rectangle-78 {
  position: absolute;
  width: 29px;
  height: 108px;
  top: 1410px;
  left: 1256px;
  background-color: #4e77a8;
  border-radius: 4.17px 0px 4.17px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .rectangle-79 {
  position: absolute;
  width: 29px;
  height: 39px;
  top: 1361px;
  left: 1256px;
  background-color: #194482;
  border-radius: 2.52px 0px 2.52px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .groupe-25 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 842px;
  left: 1264px;
  background-image: url(img/groupe-935.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-26 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 1294px;
  left: 1264px;
  background-image: url(img/groupe-937.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-27 {
  position: absolute;
  width: 15px;
  height: 22px;
  top: 1454px;
  left: 1264px;
  background-image: url(img/groupe-939.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-28 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 1371px;
  left: 1264px;
  background-image: url(img/groupe-941.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-29 {
  position: absolute;
  width: 100%;
  height: 15px;
  top: 720px;
  left: 872px;

  background-size: 100% 100%;
}

.formulaires-liste .groupe-30 {
  position: relative;
  width: 100%;
  height: 15px;
  top: 765px;
  left: 845px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-31 {
  position: absolute;
  width: 472px;
  height: 15px;
  top: 850px;
  left: 772px;
  direction: rtl;
}

.formulaires-liste .groupe-32 {
  position: absolute;
  width: 458px;
  height: 17px;
  top: 845px;
  left: 785px;
}

.formulaires-liste .groupe-33 {
  position: absolute;
  width: 489px;
  height: 15px;
  top: 962px;
  left: 751px;
}

.formulaires-liste .groupe-37 {
  position: absolute;
  width: 345px;
  height: 14px;
  top: 1397px;
  left: 895px;
}

.formulaires-liste .groupe-39 {
  position: absolute;
  width: 480px;
  height: 15px;
  top: 1447px;
  left: 763px;
}

.formulaires-liste .groupe-42 {
  position: absolute;
  width: 392px;
  height: 15px;
  top: 1308px;
  left: 849px;
}

.formulaires-liste .groupe-45 {
  position: relative;
  width: 478px;
  height: 17px;
  top: 1127px;
  left: 760px;
}

.formulaires-liste .groupe-47 {
  position: absolute;
  width: 403px;
  height: 15px;
  top: 864px;
  left: 841px;
}

.formulaires-liste .rectangle-80 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 739px;
  left: 710px;
  background-color: #e5b77a;
  border-radius: 3.37px 0px 3.37px 0px;
}

.formulaires-liste .rectangle-81 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 818px;
  left: 710px;
  background-color: #d3cf89;
  border-radius: 3.37px 0px 3.37px 0px;
}

.formulaires-liste .groupe-48 {
  position: absolute;
  width: 18px;
  height: 23px;
  top: 831px;
  left: 715px;
}

.formulaires-liste .overlap-3 {
  position: relative;
  height: 23px;
}

.formulaires-liste .groupe-49 {
  position: absolute;
  width: 18px;
  height: 23px;
  top: 0;
  left: 0;
}

.formulaires-liste .groupe-50 {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 16px;
  left: 0;
}

.formulaires-liste .overlap-group-5 {
  position: relative;
  height: 3px;
}

.formulaires-liste .ellipse {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 0;
  left: 0;
  background-color: #00a099;
  border-radius: 1.4px;
}

.formulaires-liste .trac-8 {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 0;
  left: 0;
}

.formulaires-liste .groupe-51 {
  position: absolute;
  width: 17px;
  height: 23px;
  top: 0;
  left: 1px;
}

.formulaires-liste .groupe-52 {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 0;
  left: 12px;
}

.formulaires-liste .groupe-53 {
  position: absolute;
  width: 17px;
  height: 8px;
  top: 9px;
  left: 0;
}

.formulaires-liste .groupe-54 {
  position: absolute;
  width: 15px;
  height: 4px;
  top: 11px;
  left: 2px;
}

.formulaires-liste .rectangle-82 {
  position: absolute;
  width: 29px;
  height: 160px;
  top: 898px;
  left: 1256px;
  background-color: #cee88e;
  border-radius: 5.09px 0px 5.09px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .rectangle-83 {
  position: absolute;
  width: 29px;
  height: 184px;
  top: 1067px;
  left: 1256px;
  background-color: #207c91;
  border-radius: 5.46px 0px 5.46px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .groupe-57 {
  position: absolute;
  width: 16px;
  height: 22px;
  top: 964px;
  left: 1263px;
  background-image: url(img/groupe-975.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-58 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 1147px;
  left: 1264px;
  background-image: url(img/groupe-977.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-84 {
  position: absolute;
  width: 575px;
  height: 160px;
  top: 376px;
  left: 711px;
  background-color: #ffffff;
  border-radius: 7.53px;
  box-shadow: 2.8px 3.74px 0.93px #00000040;
}

.formulaires-liste .groupe-59 {
  position: relative;
  width: 425px;
  height: 20px;
  font-weight: 600;
  color: #f15a24;
  top: 386px;
  left: 804px;
}

.formulaires-liste .groupe-60 {
  position: absolute;
  width: 145px;
  height: 19px;
  top: 418px;
  left: 929px;
}

.formulaires-liste .groupe-61 {
  position: absolute;
  width: 496px;
  height: 18px;
  top: 454px;
  left: 751px;
}

.formulaires-liste .groupe-62 {
  position: absolute;
  width: 489px;
  height: 16px;
  top: 479px;
  left: 753px;
}

.formulaires-liste .rectangle-85 {
  position: absolute;
  width: 1366px;
  height: 145px;
  top: 173px;
  left: 0;
  transform: rotate(180deg);
  background: #ff4a4a;
  background: linear-gradient(
    7deg,
    rgba(255, 74, 74, 1) 0%,
    rgba(255, 107, 88, 1) 0%,
    rgba(255, 191, 122, 1) 100%,
    rgba(247, 147, 30, 1) 100%
  );
  opacity: 0.3;
}

.formulaires-liste .groupe-64 {
  position: relative;
  width: 867px;
  height: 116px;
  top: 177px;
  font-size: 58px;
  text-align: center;
  left: 245px;
}

.formulaires-liste .rectangle-86 {
  position: absolute;
  width: 613px;
  height: 672px;
  top: 1565px;
  left: 692px;
  background-color: #ffffff;
  border-radius: 13.76px;
  border: 3.74px solid;
  border-color: #707070;
}

.formulaires-liste .groupe-66 {
  position: absolute;
  width: 529px;
  height: 59px;
  top: 1854px;
  left: 736px;
}

.formulaires-liste .groupe-67 {
  position: absolute;
  width: 529px;
  height: 17px;
  top: 0;
  left: 0;

  background-size: 100% 100%;
}

.formulaires-liste .groupe-68 {
  position: absolute;
  width: 507px;
  height: 18px;
  top: 21px;
  left: 8px;
  background-image: url(img/groupe-995.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-69 {
  position: absolute;
  width: 131px;
  height: 14px;
  top: 44px;
  left: 197px;
  background-image: url(img/groupe-997.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-87 {
  position: absolute;
  width: 610px;
  height: 200px;
  top: 1622px;
  left: 693px;
  background-color: #ffffff;
  box-shadow: 2.44px 3.26px 0.81px #00000040;
  opacity: 0.38;
}

.formulaires-liste .groupe-70 {
  position: absolute;
  width: 87px;
  height: 18px;
  top: 1592px;
  left: 1190px;
}

.formulaires-liste .groupe-71 {
  position: relative;
  width: 437px;
  height: 20px;
  top: 1537px;
  left: 840px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-72 {
  position: relative;
  width: 565px;
  height: 18px;
  top: 1603px;
  left: 715px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-73 {
  position: relative;
  width: 574px;
  height: 20px;
  top: 1680px;
  left: 705px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-74 {
  position: absolute;
  width: 578px;
  height: 20px;
  top: 1733px;
  left: 701px;
  background-image: url(img/groupe-1007.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-75 {
  position: absolute;
  width: 574px;
  height: 20px;
  top: 1754px;
  left: 707px;
  background-image: url(img/groupe-1009.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-76 {
  position: absolute;
  width: 523px;
  height: 17px;
  top: 1779px;
  left: 757px;
  background-image: url(img/groupe-1011.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-77 {
  position: absolute;
  width: 159px;
  height: 18px;
  top: 1684px;
  left: 1121px;
}

.formulaires-liste .ellipse-2 {
  top: 1643px;
  left: 1286px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .ellipse-3 {
  top: 1694px;
  left: 1286px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .ellipse-4 {
  top: 1755px;
  left: 1286px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .rectangle-88 {
  position: absolute;
  width: 610px;
  height: 211px;
  top: 1982px;
  left: 693px;
  background-color: #ffffff;
  box-shadow: 2.51px 3.34px 0.84px #00000040;
  opacity: 0.38;
}

.formulaires-liste .ellipse-5 {
  top: 1986px;
  left: 1286px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .groupe-78 {
  position: absolute;
  width: 556px;
  height: 15px;
  top: 1982px;
  left: 721px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-81 {
  position: relative;
  width: 554px;
  height: 15px;
  top: 1981px;
  left: 725px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-82 {
  position: absolute;
  width: 557px;
  height: 15px;
  top: 2090px;
  left: 722px;
}

.formulaires-liste .groupe-83 {
  position: absolute;
  width: 542px;
  height: 20px;
  top: 2108px;
  left: 737px;
}

.formulaires-liste .groupe-84 {
  position: absolute;
  width: 559px;
  height: 17px;
  top: 2130px;
  left: 720px;
}

.formulaires-liste .groupe-85 {
  position: absolute;
  width: 363px;
  height: 17px;
  top: 2152px;
  left: 916px;
}

.formulaires-liste .groupe-86 {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 2072px;
  left: 1286px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .rectangle-89 {
  position: absolute;
  width: 613px;
  height: 672px;
  top: 1565px;
  left: 692px;
  border-radius: 13.76px;
  border: 3px solid;
  border-color: #707070;
}

.formulaires-liste .groupe-wrapper {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 859px;
  left: 718px;
  background-image: url(img/groupe-1027.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-87 {
  position: absolute;
  width: 8px;
  height: 7px;
  top: 4px;
  left: 4px;
}

.formulaires-liste .groupe-88 {
  position: absolute;
  width: 18px;
  height: 23px;
  top: 752px;
  left: 715px;
}

.formulaires-liste .groupe-89 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 780px;
  left: 718px;
  background-image: url(img/groupe-1037.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-90 {
  position: absolute;
  width: 3px;
  height: 71px;
  top: 660px;
  left: 1253px;
  background-color: #ffffff;
}

.formulaires-liste .rectangle-91 {
  position: absolute;
  width: 3px;
  height: 73px;
  top: 738px;
  left: 1253px;
  background-color: #ffffff;
}

.formulaires-liste .rectangle-92 {
  position: absolute;
  width: 3px;
  height: 73px;
  top: 817px;
  left: 1253px;
  background-color: #ffffff;
}

.formulaires-liste .rectangle-93 {
  position: absolute;
  width: 3px;
  height: 165px;
  top: 894px;
  left: 1253px;
  background-color: #ffffff;
}

.formulaires-liste .rectangle-94 {
  position: absolute;
  width: 3px;
  height: 97px;
  top: 1258px;
  left: 1253px;
  background-color: #ffffff;
}

.formulaires-liste .rectangle-95 {
  position: absolute;
  width: 3px;
  height: 162px;
  top: 1357px;
  left: 1253px;
  background-color: #ffffff;
}

.formulaires-liste .rectangle-96 {
  position: absolute;
  width: 3px;
  height: 188px;
  top: 1064px;
  left: 1253px;
  background-color: #ffffff;
}

.formulaires-liste .element-2 {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 2283px;
  left: 1230px;
  object-fit: cover;
}

.formulaires-liste .groupe-90 {
  position: absolute;
  width: 611px;
  height: 2002px;
  top: 350px;
  left: 48px;
}

.formulaires-liste .overlap-4 {
  position: absolute;
  width: 613px;
  height: 787px;
  top: 1216px;
  left: 0;
  background-color: #ffffff;
  border-radius: 14.9px;
  border: 3.08px solid;
  border-color: #707070;
}

.formulaires-liste .groupe-91 {
  position: absolute;
  width: 537px;
  height: 68px;
  top: 398px;
  left: 30px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-92 {
  position: absolute;
  width: 35px;
  height: 13px;
  top: 27px;
  left: 25px;
}

.formulaires-liste .rectangle-97 {
  position: absolute;
  width: 610px;
  height: 332px;
  top: 51px;
  left: -3px;
  background-color: #ffffff;
  box-shadow: 3.15px 4.19px 1.05px #00000040;
  opacity: 0.38;
}

.formulaires-liste .rectangle-98 {
  position: absolute;
  width: 610px;
  height: 274px;
  top: 481px;
  left: -3px;
  background-color: #ffffff;
  transform: rotate(180deg);
  box-shadow: 3px 4px 1px #00000040;
  opacity: 0.3;
}

.formulaires-liste .groupe-93 {
  position: absolute;
  width: 546px;
  height: 299px;
  top: 60px;
  left: 40px;
  background-size: 100% 100%;
}

.formulaires-liste .groupe-94 {
  position: relative;
  width: 547px;
  height: 248px;
  top: 493px;
  left: 40px;

  background-size: 100% 100%;
}

.formulaires-liste .rectangle-99 {
  position: absolute;
  width: 613px;
  height: 787px;
  top: -3px;
  left: -3px;
  border-radius: 14.9px;
  border: 3.08px solid;
  border-color: #707070;
}

.formulaires-liste .ellipse-6 {
  top: 65px;
  left: 22px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .ellipse-7 {
  top: 119px;
  left: 22px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .ellipse-8 {
  top: 190px;
  left: 22px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .ellipse-9 {
  top: 498px;
  left: 27px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .ellipse-10 {
  top: 624px;
  left: 23px;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #f15a24;
  border-radius: 3px;
}

.formulaires-liste .overlap-5 {
  position: absolute;
  width: 614px;
  height: 1195px;
  top: -1px;
  left: -2px;
  border-radius: 18.36px;
}

.formulaires-liste .rectangle-100 {
  position: absolute;
  width: 575px;
  height: 160px;
  top: 28px;
  left: 22px;
  background-color: #ffffff;
  border-radius: 7.53px;
  box-shadow: 2.8px 3.74px 0.93px #00000040;
}

.formulaires-liste .rectangle-101 {
  position: absolute;
  width: 611px;
  height: 1193px;
  top: 0;
  left: 1px;
  background-color: #ffffff;
  border-radius: 18.35px;
  border: 3.74px solid;
  border-color: #707070;
  box-shadow: 3px 4px 1px #00000040;
}

.formulaires-liste .rectangle-102 {
  position: absolute;
  width: 575px;
  height: 70px;
  top: 391px;
  left: 19px;
  background-color: #f4d8b0;
  border-radius: 6.59px;
}

.formulaires-liste .rectangle-103 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 391px;
  left: 19px;
  background-color: #d8ad73;
  border-radius: 3.37px 0px 3.37px 0px;
}

.formulaires-liste .groupe-95 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 414px;
  left: 27px;
  background-image: url(img/groupe-1310.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-104 {
  position: absolute;
  width: 575px;
  height: 70px;
  top: 312px;
  left: 19px;
  background-color: #e8b4b1;
  border-radius: 6.64px;
}

.formulaires-liste .groupe-96 {
  position: relative;
  width: 499px;
  height: 50px;
  top: 346px;
  left: 56px;
}

.formulaires-liste .groupe-97 {
  position: relative;
  width: 465px;
  height: 29px;
  top: 436px;
  left: 56px;
}

.formulaires-liste .rectangle-105 {
  position: absolute;
  width: 575px;
  height: 70px;
  top: 470px;
  left: 19px;
  background-color: #fbfac8;
  border-radius: 6.67px;
}

.formulaires-liste .rectangle-106 {
  position: absolute;
  width: 575px;
  height: 92px;
  top: 912px;
  left: 19px;
  background-color: #a0d9f3;
  border-radius: 6.73px;
}

.formulaires-liste .rectangle-107 {
  position: absolute;
  width: 575px;
  height: 39px;
  top: 1013px;
  left: 19px;
  background-color: #97b0dc;
  border-radius: 4.86px;
}

.formulaires-liste .rectangle-108 {
  position: absolute;
  width: 575px;
  height: 160px;
  top: 550px;
  left: 19px;
  background-color: #e1edc9;
  border-radius: 6.44px;
}

.formulaires-liste .rectangle-109 {
  position: absolute;
  width: 575px;
  height: 184px;
  top: 719px;
  left: 19px;
  background-color: #c3e8f3;
  border-radius: 6.74px;
}

.formulaires-liste .groupe-98 {
  position: absolute;
  width: 469px;
  height: 14px;
  top: 532px;
  left: 57px;
}

.formulaires-liste .groupe-99 {
  position: absolute;
  width: 513px;
  height: 122px;
  top: 596px;
  left: 55px;
}

.formulaires-liste .groupe-100 {
  position: absolute;
  width: 515px;
  height: 158px;
  top: 772px;
  left: 56px;
}

.formulaires-liste .groupe-101 {
  position: relative;
  width: 516px;
  height: 50px;
  top: 964px;
  left: 57px;
}

.formulaires-liste .rectangle-110 {
  position: absolute;
  width: 575px;
  height: 108px;
  top: 1062px;
  left: 19px;
  background-color: #a7b7ce;
  border-radius: 6.42px;
}

.formulaires-liste .groupe-102 {
  position: absolute;
  width: 505px;
  height: 86px;
  top: 1107px;
  left: 56px;
}

.formulaires-liste .groupe-103 {
  position: absolute;
  width: 486px;
  height: 14px;
  top: 1060px;
  left: 56px;
}

.formulaires-liste .rectangle-111 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 312px;
  left: 19px;
  background-color: #ce9291;
  border-radius: 3.37px 0px 3.37px 0px;
}

.formulaires-liste .groupe-104 {
  position: absolute;
  width: 13px;
  height: 22px;
  top: 335px;
  left: 28px;
  background-image: url(img/groupe-1320.png);
  background-size: 100% 100%;
}

.formulaires-liste .rectangle-112 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 470px;
  left: 19px;
  background-color: #d3cf89;
  border-radius: 3.37px 0px 3.37px 0px;
}

.formulaires-liste .rectangle-113 {
  position: absolute;
  width: 29px;
  height: 92px;
  top: 912px;
  left: 19px;
  background-color: #006487;
  border-radius: 3.85px 0px 3.85px 0px;
}

.formulaires-liste .rectangle-114 {
  position: absolute;
  width: 29px;
  height: 108px;
  top: 1062px;
  left: 19px;
  background-color: #4e77a8;
  border-radius: 4.17px 0px 4.17px 0px;
}

.formulaires-liste .rectangle-115 {
  position: absolute;
  width: 29px;
  height: 39px;
  top: 1013px;
  left: 19px;
  background-color: #194482;
  border-radius: 2.52px 0px 2.52px 0px;
}

.formulaires-liste .rectangle-116 {
  position: absolute;
  width: 29px;
  height: 160px;
  top: 550px;
  left: 19px;
  background-color: #cee88e;
  border-radius: 5.09px 0px 5.09px 0px;
}

.formulaires-liste .rectangle-117 {
  position: absolute;
  width: 29px;
  height: 184px;
  top: 719px;
  left: 19px;
  background-color: #207c91;
  border-radius: 5.46px 0px 5.46px 0px;
}

.formulaires-liste .groupe-105 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 494px;
  left: 27px;
  background-image: url(img/groupe-1322.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-106 {
  position: absolute;
  width: 16px;
  height: 22px;
  top: 616px;
  left: 26px;
  background-image: url(img/groupe-1324.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-107 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 799px;
  left: 27px;
  background-image: url(img/groupe-1326.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-108 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 947px;
  left: 26px;
  background-image: url(img/groupe-1328.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-109 {
  position: absolute;
  width: 15px;
  height: 22px;
  top: 1106px;
  left: 26px;
  background-image: url(img/groupe-1330.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-110 {
  position: absolute;
  width: 14px;
  height: 22px;
  top: 1024px;
  left: 26px;
  background-image: url(img/groupe-1332.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-111 {
  position: absolute;
  width: 433px;
  height: 39px;
  top: 249px;
  left: 90px;
}

.formulaires-liste .groupe-112 {
  position: absolute;
  width: 434px;
  height: 40px;
  top: 0;
  left: 0;
}

.formulaires-liste .rectangle-118 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 391px;
  left: 565px;
  background-color: #e5b77a;
  border-radius: 3.37px 0px 3.37px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .rectangle-119 {
  position: absolute;
  width: 29px;
  height: 70px;
  top: 470px;
  left: 565px;
  background-color: #d3cf89;
  border-radius: 3.37px 0px 3.37px 0px;
  transform: rotate(180deg);
}

.formulaires-liste .rectangle-121 {
  position: absolute;
  width: 575px;
  height: 160px;
  top: 28px;
  left: 19px;
  background-color: #ffffff;
  border-radius: 7.53px;
  box-shadow: 2.8px 3.74px 0.93px #00000040;
}

.formulaires-liste .groupe-113 {
  position: absolute;
  width: 18px;
  height: 23px;
  top: 404px;
  left: 570px;
}

.formulaires-liste .groupe-114 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 432px;
  left: 572px;
  background-image: url(img/groupe-1348.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-115 {
  position: absolute;
  width: 18px;
  height: 23px;
  top: 483px;
  left: 570px;
}

.formulaires-liste .groupe-116 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 511px;
  left: 572px;
  background-image: url(img/groupe-1358.png);
  background-size: 100% 100%;
}

.formulaires-liste .groupe-117 {
  position: relative;
  width: 513px;
  height: 86px;
  top: 86px;
  left: 50px;
}

.formulaires-liste .groupe-118 {
  position: relative;
  width: 499px;
  height: 33px;
  top: -51px;
  font-weight: 600;
  left: 60px;
  color: #f15a24;
}

.formulaires-liste .rectangle-122 {
  position: absolute;
  width: 3px;
  height: 459px;
  top: 713px;
  left: 48px;
  background-color: #ffffff;
}

.formulaires-liste .rectangle-123 {
  position: absolute;
  width: 3px;
  height: 461px;
  top: 310px;
  left: 48px;
  background-color: #ffffff;
}

.contenu-g {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #2c2c2cd1;
  text-align: justify;
  line-height: 1.4;
}

.contenu-g1 {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #2c2c2cd1;
  text-align: justify;
  line-height: 1.4;
}
.contenu-important {
  font-family: "Inter", sans-serif;
  color: red;
  font-size: 13px;
  text-align: center;
  line-height: 1.4;
}
/**************** fin cordonnées demandeur **************************/

/**************** Début Minamata **************************/
.convention-de {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.convention-de .div-2 {
  background-color: #ffffff;
  width: 1366px;
  height: 1391px;
  position: relative;
}

.convention-de .rectangle-15 {
  position: absolute;
  width: 66px;
  height: 66px;
  top: 1258px;
  left: 1236px;
  object-fit: cover;
}
.convention-de .rectangle-015 {
  position: absolute;
  width: 66px;
  height: 66px;
  top: 1428px;
  left: 1236px;
  object-fit: cover;
}

.convention-de .rectangle-16 {
  position: absolute;
  width: 81px;
  height: 81px;
  top: 36px;
  left: 41px;
  object-fit: cover;
}

.convention-de .overlap-group-3 {
  position: absolute;
  width: 1290px;
  height: 82px;
  top: 140px;
  left: 38px;
}

.convention-de .rectangle-17 {
  position: absolute;
  width: 1289px;
  height: 81px;
  top: 0;
  left: 0;
  background-color: #008d36;
  border-radius: 9.6px;
  border: 1px solid;
  opacity: 0.2;
}
.convention-de .rectangle-0017 {
  position: absolute;
  width: 1289px;
  height: 104px;
  top: 0;
  left: 0;
  background-color: #008d36;
  border-radius: 9.6px;
  border: 1px solid;
  opacity: 0.2;
}
.convention-de .rectangle-18 {
  position: absolute;
  width: 1289px;
  height: 81px;
  top: 0;
  left: 0;
  border-radius: 9.6px;
  border: 3px solid;
  border-color: #008d36;
}

.convention-de .rectangle-0018 {
  position: absolute;
  width: 1289px;
  height: 104px;
  top: 0;
  left: 0;
  border-radius: 9.6px;
  border: 3px solid;
  border-color: #008d36;
}

.convention-de .groupe-7 {
  position: relative;
  width: 864px;
  height: 44px;
  font-size: 58px;
  top: 12px;
  text-align: center;
  left: 208px;
  color: #334c40;
  background-size: 100% 100%;
}
.convention-de .groupe-007 {
  position: relative;
  width: 864px;
  height: 44px;
  font-size: 29px;
  top: 12px;
  text-align: center;
  left: 208px;
  color: #334c40;
  background-size: 100% 100%;
}

.convention-de .overlap {
  position: absolute;
  width: 642px;
  height: 311px;
  top: 670px;
  left: 37px;
}

.convention-de .rectangle-19 {
  position: absolute;
  width: 639px;
  height: 283px;
  top: 28px;
  left: 1px;
  background-color: #d0afce;
  border-radius: 7.68px;
  border: 1.65px solid;
  opacity: 0.25;
}

.convention-de .rectangle-20 {
  position: absolute;
  width: 637px;
  height: 281px;
  top: 29px;
  left: 2px;
  border-radius: 7.68px;
  border: 2px solid;
  border-color: #c490c2;
}

.convention-de .rectangle-21 {
  position: absolute;
  width: 642px;
  height: 59px;
  top: 0;
  left: 0;
  background-color: #c490c2;
  border-radius: 5.33px;
  border: 3px solid;
}

.convention-de .groupe-8 {
  position: absolute;
  width: 590px;
  height: 180px;
  top: 55px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.3;
}

.convention-de .groupe-9 {
  position: relative;
  width: 564px;
  height: 22px;
  top: 19px;
  font-size: 30px;
  left: 38px;
  color: white;
  background-size: 100% 100%;
}

.convention-de .overlap-2 {
  position: absolute;
  width: 642px;
  height: 331px;
  top: 328px;
  left: 37px;
}

.convention-de .rectangle-22 {
  position: absolute;
  width: 635px;
  height: 300px;
  top: 30px;
  left: 3px;
  background-color: #c76565;
  border-radius: 7.97px;
  opacity: 0.25;
}

.convention-de .rectangle-23 {
  position: absolute;
  width: 637px;
  height: 302px;
  top: 29px;
  left: 2px;
  border-radius: 7.96px;
  border: 2px solid;
  border-color: #c76565;
}

.convention-de .rectangle-24 {
  position: absolute;
  width: 642px;
  height: 59px;
  top: 0;
  left: 0;
  background-color: #c76565;
  border-radius: 5.33px;
  border: 3px solid;
}

.convention-de .groupe-10 {
  position: relative;
  width: 214px;
  height: 24px;
  font-size: 32px;
  color: white;
  top: 14px;
  left: 186px;
}

.convention-de .groupe-11 {
  position: absolute;
  width: 597px;
  height: 205px;
  font-family: "Inter", sans-serif;
  top: 81px;
  left: 17px;
  line-height: 20.3px;
}
.convention-de .groupe-0011 {
  position: absolute;
  width: 597px;
  height: 205px;
  font-family: "Inter", sans-serif;
  top: 64px;
  left: 17px;
  line-height: 20.3px;
}
.convention-de .overlap-3 {
  position: absolute;
  width: 557px;
  height: 152px;
  top: 993px;
  left: 405px;
}

.convention-de .rectangle-25 {
  position: absolute;
  width: 553px;
  height: 123px;
  top: 29px;
  left: 2px;
  background-color: #e3b78e;
  border-radius: 4.75px;
  opacity: 0.25;
}
.convention-de .rectangle-0025 {
  position: absolute;
  width: 581px;
  height: 321px;
  top: 29px;
  left: 2px;
  background-color: #e3b78e;
  border-radius: 4.75px;
  opacity: 0.25;
}
.convention-de .rectangle-025 {
  position: absolute;
  width: 632px;
  height: 275px;
  top: 29px;
  left: -65%;
  background-color: #e3b78e;
  border-radius: 4.75px;
  opacity: 0.25;
}

.convention-de .rectangle-26 {
  position: absolute;
  width: 554px;
  height: 124px;
  top: 29px;
  left: 1px;
  border-radius: 4.75px;
  border: 1.02px solid;
  border-color: #e3b78e;
}
.convention-de .rectangle-0026 {
  position: absolute;
  width: 583px;
  height: 321px;
  top: 29px;
  left: 1px;
  border-radius: 4.75px;
  border: 1.02px solid;
  border-color: #e3b78e;
}

.convention-de .rectangle-026 {
  position: absolute;
  width: 632px;
  height: 275px;
  top: 29px;
  left: -65%;
  border-radius: 4.75px;
  border: 1.02px solid;
  border-color: #e3b78e;
}

.convention-de .rectangle-27 {
  position: absolute;
  width: 556px;
  height: 57px;
  top: 0;
  left: 0;
  background-color: #e3b78e;
  border-radius: 4.97px;
  border: 1.69px solid;
}
.convention-de .rectangle-0027 {
  position: absolute;
  width: 585px;
  height: 57px;
  top: 0;
  left: 0;
  background-color: #e3b78e;
  border-radius: 4.97px;
  border: 1.69px solid;
}
.convention-de .rectangle-027 {
  position: absolute;
  width: 632px;
  height: 57px;
  top: 0;
  left: -65%;
  background-color: #e3b78e;
  border-radius: 4.97px;
  border: 1.69px solid;
}

.convention-de .groupe-12 {
  position: relative;
  width: 100%;
  height: 51px;
  top: 70px;
  left: 21px;
  font-family: "Inter", sans-serif;
  background-size: 100% 100%;
}

.convention-de .groupe-012 {
  position: relative;
  width: 100%;
  height: 51px;
  top: 70px;
  left: -62%;
  font-family: "Inter", sans-serif;
  background-size: 100% 100%;
}

.convention-de .groupe-13 {
  position: absolute;
  width: 350px;
  height: 22px;
  top: 18px;
  color: white;
  font-size: 30px;
  left: 104px;
  background-size: 100% 100%;
}
.convention-de .groupe-013 {
  position: absolute;
  width: 350px;
  height: 22px;
  top: 18px;
  color: white;
  font-size: 30px;
  left: -45%;
  background-size: 100% 100%;
}
.convention-de .overlap-4 {
  position: absolute;
  width: 642px;
  height: 331px;
  top: 328px;
  left: 687px;
}

.convention-de .rectangle-28 {
  position: absolute;
  width: 635px;
  height: 300px;
  top: 30px;
  left: 3px;
  background-color: #317f9d;
  border-radius: 7.97px;
  opacity: 0.25;
}

.convention-de .rectangle-29 {
  position: absolute;
  width: 637px;
  height: 302px;
  top: 29px;
  left: 2px;
  border-radius: 7.96px;
  border: 2px solid;
  border-color: #034964;
}

.convention-de .rectangle-30 {
  position: absolute;
  width: 642px;
  height: 59px;
  top: 0;
  left: 0;
  background-color: #034964;
  border-radius: 5.33px;
  border: 3px solid;
}

.convention-de .groupe-14 {
  position: relative;
  width: 256px;
  height: 24px;
  top: 17px;
  color: white;
  font-size: 32px;
  left: 199px;
  background-size: 100% 100%;
}

.convention-de .groupe-15 {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.3;
  position: absolute;
  width: 586px;
  height: 235px;
  top: 48px;
  left: 25px;
  background-size: 100% 100%;
}
.convention-de .groupe-015 {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.9;
  position: absolute;
  width: 586px;
  height: 235px;
  top: 48px;
  left: 25px;
  background-size: 100% 100%;
}

.convention-de .overlap-5 {
  position: absolute;
  width: 642px;
  height: 311px;
  top: 670px;
  left: 687px;
}

.convention-de .rectangle-31 {
  position: absolute;
  width: 637px;
  height: 281px;
  top: 29px;
  left: 2px;
  border-radius: 7.68px;
  border: 1.65px solid;
  border-color: #334c40;
}

.convention-de .rectangle-31 {
  position: absolute;
  width: 637px;
  height: 282px;
  top: 29px;
  left: 2px;
  border-radius: 7.68px;
  border: 1.65px solid;
  border-color: #334c40;
}
.convention-de .rectangle-32 {
  position: absolute;
  width: 639px;
  height: 281px;
  top: 30px;
  left: 1px;
  background-color: #334c40;
  border-radius: 7.65px;
  border: 2px solid;
  opacity: 0.25;
}
.convention-de .rectangle-032 {
  position: absolute;
  width: 639px;
  height: 352px;
  top: 30px;
  left: 1px;
  background-color: #334c40;
  border-radius: 7.65px;
  border: 2px solid;
  opacity: 0.25;
}

.convention-de .rectangle-33 {
  position: absolute;
  width: 642px;
  height: 59px;
  top: 0;
  left: 0;
  background-color: #334c40;
  border-radius: 5.33px;
  border: 3px solid;
}

.convention-de .groupe-16 {
  position: absolute;
  width: 535px;
  height: 209px;
  top: 57px;
  left: 26px;
  background-size: 100% 100%;
  line-height: 1.1;
  font-family: "Inter", sans-serif;
}
.convention-de .groupe-0016 {
  position: absolute;
  width: 535px;
  height: 209px;
  top: 57px;
  left: 26px;
  background-size: 100% 100%;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
}

.convention-de .groupe-17 {
  position: relative;
  width: 510px;
  height: 27px;
  top: 12px;
  font-size: 30px;
  color: white;
  left: 79px;
  background-size: 100% 100%;
}

.convention-de .overlap-6 {
  position: absolute;
  width: 1030px;
  height: 68px;
  top: 1171px;
  left: 168px;
}

.convention-de .overlap-006 {
  position: absolute;
  width: 1030px;
  height: 68px;
  top: 100%;
  left: 168px;
}
Terminé .convention-de .groupe-18 {
  position: absolute;
  width: 31px;
  height: 45px;
  top: 23px;
  left: 988px;
  background-image: url(img/groupe-1203.png);
  background-size: 100% 100%;
}

.convention-de .groupe-19 {
  position: absolute;
  width: 24px;
  height: 39px;
  top: 3px;
  left: 3px;
}

.convention-de .groupe-20 {
  position: absolute;
  width: 897px;
  height: 19px;
  top: 16px;
  left: 58px;

  background-size: 100% 100%;
}

.convention-de .groupe-21 {
  position: relative;
  width: 141px;
  height: 60px;
  top: 248px;
  font-size: 65px;
  left: 612px;
  color: #3e7c5d;
  background-size: 100% 100%;
}

.groupe-20 {
  transition: transform 0.3s ease;
}

a:hover .groupe-20 {
  transform: scale(1.05); /* Zoom in by 5% */
}

/**************** fin Minamata **************************/

/**************** debut  conv  bale **************************/

/**************** debut  conv  stockholm herite bale  **************************/
.pdfbutton {
  display: block;

  color: #080d1696;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  font-family: monospace;
  padding: 20px;
  background-color: #ffbfab;
  border-radius: 10px;
}

.groupe-0240 {
  position: relative;
  width: 943px;
  height: 100px;
  top: 22px;
  text-align: center;
  color: #334c40;
  font-size: 36px;
  left: 172px;
  background-size: 100% 100%;
}

ol,
ul {
  /*list-style: disc;
    margin: 0px 9px;
        width: 100%;*/
}

.pdfbutton:hover {
  transform: scale(1.05); /* 👈 léger zoom du texte */
}
/**************** fin  conv  stockholm herite bale  **************************/

.groupe-024 {
  position: relative;
  width: 943px;
  height: 100px;
  top: 6px;
  text-align: center;
  color: #334c40;
  font-size: 36px;
  left: 172px;
  background-size: 100% 100%;
}

.groupe-0016 {
  position: absolute;
  width: 535px;
  height: 209px;
  top: 57px;
  left: 26px;
  background-size: 100% 100%;
  line-height: 1.8;
  font-family: "Inter", sans-serif;
}

/**************** fin conv bale **************************/

/* =============== mobile responsive =============== */
/* mobile page accueil */

@media (max-width: 768px) {
  .page-d-accueil .text-wrapper-15 {
    position: relative;
    top: 11px;
    left: 12px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 60px;
    white-space: nowrap;
  }

  .page-d-accueil .groupe-13 {
    position: absolute;
    width: 1365px;
    height: 124px;
    top: -19px;
    left: 0;
    display: none;
  }

  .page-d-accueil .groupe-013 {
    position: absolute;
    width: 1365px;
    height: 124px;
    top: -19px;
    left: 0;
  }
  .page-d-accueil .text-wrapper-14 {
    position: absolute;
    top: 67px;
    left: 0px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 27px;
    letter-spacing: 0;
    line-height: 83.7px;
    white-space: nowrap;
  }
  .page-d-accueil .text-wrapper-13 {
    position: relative;
    top: 69px;
    left: 1px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #9b9700;
    font-size: 27px;
    letter-spacing: 0;
    line-height: 83.7px;
    white-space: nowrap;
  }
  .page-d-accueil .gestion {
    position: absolute;
    top: 22px;
    left: 1px;

    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #9b9700;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 83.7px;
    white-space: nowrap;
  }
  .page-d-accueil .gestion-2 {
    position: absolute;
    top: 22px;
    left: -1px;

    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 83.7px;
    white-space: nowrap;
  }

  .page-d-accueil .overlap-group-3 {
    position: relative;
    width: 895px;
    height: 153px;
    left: -25%;
  }

  .page-d-accueil .div {
    background-color: #ffffff;
    overflow: hidden;
    width: 1369px;
    left: -2%;
    height: 9000px;
  }

  .page-d-accueil .la-gestion-wrapper {
    position: absolute;
    width: 351px;
    height: 175px;
    top: 317px;
    left: 13px;
    background-color: #caffd0;
    border-radius: 22.47px;
  }

  .page-d-accueil .la-gestion {
    position: relative;
    top: 20px;
    width: 95%;
    left: 10px;
    font-family: "Bitter";
    font-weight: 400;
    color: #000000;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 36px;
  }

  .page-d-accueil .rectangle-3 {
    position: absolute;
    width: 21%;
    height: 397px;
    top: 103px;
    left: 32px;
    border-radius: 32.75px;
    border: 6px solid;
    border-color: #50902f;
  }

  .page-d-accueil .CONVENTION-DE-b-LE-2 {
    position: absolute;
    top: 162px;
    left: 112px;
    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    line-height: normal;
  }

  .page-d-accueil .CONVENTION-DE-b-LE {
    top: 165px;
    left: 114px;
    position: absolute;
    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    line-height: normal;
  }

  .page-d-accueil .groupe-2 {
    position: relative;
    width: 43%;
    height: 387px;
    top: 13px;
    left: -15px;
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-3 {
    position: absolute;
    width: 40px;
    height: 35px;
    top: 257px;
    left: 167px;
    background-image: url(img/groupe-712.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .rectangle-5 {
    position: absolute;
    width: 284px;
    height: 69px;
    top: 314px;
    left: 33px;
    background: linear-gradient(
      180deg,
      rgba(140, 198, 63, 1) 100%,
      rgba(81, 145, 48, 1) 0%
    );
    opacity: 0.81;
  }
  .page-d-accueil .rectangle-4 {
    position: absolute;
    width: 284px;
    height: 69px;
    top: 382px;
    left: 33px;
    background-color: #006837;
    opacity: 0.86;
  }

  .page-d-accueil .p {
    position: absolute;
    top: 322px;
    left: 29px;
    width: 22%;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: normal;
  }

  .page-d-accueil .sur-le-contr-le-des {
    position: absolute;
    top: 321px;
    left: 30px;
    width: 22%;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: normal;
  }

  .page-d-accueil .adoption-mars {
    position: absolute;
    top: 321px;
    left: 30px;
    width: 22%;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: 26.7px;
    text-transform: uppercase;
  }
  .page-d-accueil .adoption-mars {
    position: absolute;
    top: 392px;
    left: 26px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .page-d-accueil .rectangle-7 {
    position: relative;
    width: 21%;
    height: 397px;
    top: 38%;
    left: 32px;
    border-radius: 32.75px;
    border: 6px solid;
    border-color: #f15a24;
  }

  .page-d-accueil .groupe-4 {
    position: relative;
    width: 277px;
    height: 385px;
    top: 428px;
    left: -101%;
    background-size: 100% 100%;
  }

  .page-d-accueil .rectangle-20 {
    position: absolute;
    width: 21%;
    height: 397px;
    top: 941px;
    left: 32px;
    border-radius: 32.75px;
    border: 6px solid;
    border-color: #29abe2;
  }

  .page-d-accueil .groupe-8 {
    position: relative;
    width: 21%;
    height: 397px;
    top: 941px;
    left: -102%;
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-8 {
    position: relative;
    width: 43%;
    height: 385px;
    top: 221px;
    left: -3%;
    background-size: 100% 100%;
  }

  .page-d-accueil .rectangle-15 {
    position: absolute;
    width: 21%;
    height: 397px;
    left: 32px;
    top: 100%;
    border-radius: 32.75px;
    border: 6px solid;
    border-color: #d4b22e;
  }

  .page-d-accueil .CONVENTION-DE-2 {
    position: absolute;
    top: 41%;
    left: 79px;

    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    line-height: normal;
  }
  .page-d-accueil .CONVENTION-DE {
    position: absolute;
    top: 41%;
    left: 82px;
    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    line-height: normal;
  }

  .page-d-accueil .rectangle-9 {
    position: absolute;
    width: 284px;
    height: 69px;

    top: 704px;
    left: 34px;
    background-color: #f15a24;
    opacity: 0.8;
  }
  .page-d-accueil .rectangle-10 {
    position: absolute;
    width: 284px;
    height: 69px;

    top: 773px;
    left: 34px;
    background-color: #b72b00;
    opacity: 0.84;
  }

  .page-d-accueil .text-wrapper-4 {
    position: absolute;
    top: 716px;
    left: 54px;
    width: 250px; /* ou adapte à ton rectangle */
    -webkit-text-stroke: 0.3px #ffffff;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.4;
    text-transform: uppercase;
    white-space: normal; /* permet le retour à la ligne */
    overflow-wrap: break-word; /* force la coupure de mot si besoin */
  }

  .page-d-accueil .text-wrapper-3 {
    position: absolute;
    top: 716px;
    left: 55px;
    width: 250px;
    -webkit-text-stroke: 0.3px #ffffff;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.4;
    text-transform: uppercase;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .page-d-accueil .adoption-mai {
    position: absolute;
    top: 772px;
    left: 67px;
    text-transform: uppercase;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: 26.8px;
  }

  .page-d-accueil .CONVENTION-DE-6 {
    position: absolute;
    top: 958px;
    left: 79px;
    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    line-height: normal;
  }

  .page-d-accueil .CONVENTION-DE-5 {
    top: 958px;
    left: 81px;
    position: absolute;
    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    line-height: normal;
  }

  .page-d-accueil .rectangle-16 {
    position: absolute;
    width: 279px;
    height: 156px;
    top: 1096px;
    left: 35px;
    background-color: #29abe2;
    opacity: 0.8;
  }

  .page-d-accueil .rectangle-18 {
    position: absolute;
    width: 279px;
    height: 69px;
    top: 1249px;
    left: 34px;
    background-color: #0071bc;
    opacity: 0.8;
  }

  .page-d-accueil .sur-LA-PROC-dure-de {
    position: absolute;
    top: 1096px;
    left: 38px;
    width: 270px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
  }

  .page-d-accueil .sur-LA-PROC-dure-de-2 {
    position: absolute;
    width: 270px;
    top: 1096px;
    left: 39px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
  }

  .page-d-accueil .adoption {
    position: absolute;
    top: 1257px;
    left: 46px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: 26.8px;
    text-transform: uppercase;
  }
  .page-d-accueil .img {
    position: absolute;
    width: 71px;
    height: 56px;
    top: 638px;
    left: 139px;
    object-fit: cover;
  }

  .page-d-accueil .rectangle-19 {
    position: absolute;
    width: 60px;
    height: 46px;
    top: 1044px;
    left: 141px;
    object-fit: cover;
  }

  .page-d-accueil .groupe-6 {
    position: relative;
    width: 277px;
    height: 385px;
    top: 101%;
    left: -101%;
    background-size: 100% 100%;
  }

  .page-d-accueil .CONVENTION-DE-4 {
    position: absolute;
    top: 102%;
    left: 84px;
    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    text-transform: uppercase;
    line-height: normal;
  }
  .page-d-accueil .CONVENTION-DE-3 {
    position: absolute;
    top: 102%;
    left: 85px;
    -webkit-text-stroke: 0.51px #000000;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    letter-spacing: 2.35px;
    text-transform: uppercase;
    line-height: normal;
  }

  .page-d-accueil .rectangle-14 {
    position: absolute;
    width: 179px;
    height: 63px;
    top: 109%;
    left: 81px;
    object-fit: cover;
  }
  .page-d-accueil .rectangle-11 {
    position: absolute;
    width: 277px;
    height: 69px;
    top: 117%;
    left: 38px;
    background-color: #d4b22e;
    opacity: 0.6;
  }

  .page-d-accueil .rectangle-13 {
    position: absolute;
    width: 277px;
    height: 69px;
    top: 122%;
    left: 38px;
    background-color: #a57e00;
    opacity: 0.8;
  }

  .page-d-accueil .text-wrapper-7 {
    position: absolute;
    top: 124%;
    left: 75px;
    text-transform: uppercase;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: 26.8px;
    white-space: nowrap;
  }

  .page-d-accueil .text-wrapper-6 {
    position: absolute;
    top: 119%;
    left: 95px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  .page-d-accueil .text-wrapper-5 {
    position: absolute;
    top: 119%;
    left: 96px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }

  .page-d-accueil {
    padding-top: 40px;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: -56px -10px;
    min-width: 110%;
  }

  .page-d-accueil .rectangle-21 {
    position: absolute;
    width: 73px;
    height: 276px;
    top: -14px;
    left: 141px;
    transform: rotate(90deg);
    background-color: #000000;
    border-radius: 0px 20.92px 0px 20.92px;
    box-shadow: 7.5px 7.5px 2.68px #0000008c;
  }

  .page-d-accueil .rectangle-22 {
    position: absolute;
    width: 73px;
    height: 276px;
    top: -15px;
    left: 141px;
    transform: rotate(90deg);
    border-radius: 0px 20.98px 0px 20.98px;
    border: 3.22px solid;
    border-color: #ffffff;
  }

  .page-d-accueil .groupe-11 {
    position: absolute;
    width: 40px;
    height: 48px;
    top: -302px;
    left: 251px;
  }

  .page-d-accueil .trac-11 {
    display: none;
  }

  .page-d-accueil .trac-10 {
    display: none;
  }
  .page-d-accueil .element-chat-wrapper {
    position: absolute;
    width: 47px;
    height: 58px;
    top: -20px;
    left: 107%;
  }

  .page-d-accueil .ellipse-3 {
    left: 91px;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    background-color: #ffffff;
    border-radius: 2.52px;
  }

  .page-d-accueil .ellipse-2 {
    left: 83px;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    background-color: #ffffff;
    border-radius: 2.52px;
  }

  .page-d-accueil .ellipse {
    left: 75px;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    background-color: #ffffff;
    border-radius: 2.52px;
  }

  img.rectangle-150 {
    width: 67%;
    margin-top: 142%;
    margin-left: 77%;
  }

  .page-d-accueil .text-wrapper {
    position: absolute;
    top: 15px;
    left: 19px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
    line-height: 56.3px;
    white-space: nowrap;
    text-transform: uppercase;
  }

  .page-d-accueil .text-wrapper-8 {
    position: absolute;
    top: 7px;
    left: 50px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 22px;
    text-align: center;
    letter-spacing: 0;
    line-height: 56.3px;
    white-space: nowrap;
  }

  .page-d-accueil .rectangle-30 {
    position: absolute;
    width: 156px;
    height: 175px;
    top: -78px;
    left: 37px;
    background-color: #006837;
    border-radius: 16.87px;
    opacity: 0.3;
  }

  .page-d-accueil .rectangle-31 {
    position: absolute;
    width: 156px;
    height: 175px;
    top: 343px;
    left: 37px;
    background-color: #f15a24;
    border-radius: 16.87px;
    opacity: 0.3;
  }

  .page-d-accueil .rectangle-32 {
    position: absolute;
    width: 156px;
    height: 175px;
    top: 160%;
    left: 37px;
    background-color: #29abe2;
    border-radius: 16.87px;
    opacity: 0.3;
  }

  .page-d-accueil .rectangle-33 {
    position: absolute;
    width: 156px;
    height: 175px;
    top: 255%;
    left: 37px;
    background-color: #d4b22e;
    border-radius: 16.87px;
    opacity: 0.3;
  }

  .page-d-accueil .groupe-59 {
    position: absolute;
    width: 79px;
    height: 63px;
    top: -48px;
    left: 75px;
    background-image: url(img/groupe-1247.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-59 {
    position: absolute;
    width: 79px;
    height: 63px;
    top: -70px;
    left: 75px;
    background-image: url(img/groupe-1247.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .rectangle-38 {
    position: absolute;
    width: 9px;
    height: 5px;

    top: 112%;
    left: -17px;
    background-color: #f15a24;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .rectangle-39 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 127%;
    left: -17px;
    background-color: #f15a24;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .rectangle-40 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 142%;
    left: -17px;
    background-color: #f15a24;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .rectangle-41 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 204%;
    left: -17px;
    background-color: #29abe2;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .rectangle-42 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 220%;
    left: -17px;
    background-color: #29abe2;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .rectangle-43 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 236%;
    left: -17px;
    background-color: #29abe2;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .groupe-58 {
    position: absolute;
    width: 118px;
    height: 40px;
    /* font-size: 4% !important; */
    top: 27px;
    left: 58px;
  }
  .page-d-accueil .groupe-51 {
    position: absolute;
    width: 118px;
    height: 40px;
    top: 91%;
    left: 58px;
    background-image: url(img/groupe-1236.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-38 {
    position: absolute;
    width: 118px;
    height: 40px;
    top: 183%;
    left: 58px;
    background-image: url(img/groupe-1211.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-40 {
    position: absolute;
    width: 118px;
    height: 40px;
    top: 275%;
    left: 58px;
    background-image: url(img/groupe-1214.png);
    background-size: 100% 100%;
  }

  .containers {
    border-radius: 172px;
    border-color: red;
    border: 5px solid #003b4a;
    border-radius: 30px;
    margin-left: -34px;
    margin-top: 105px;
    width: 24%;
    height: 339px;
  }
  .containers1 {
    border-radius: 172px;
    border-color: red;
    border: 5px solid #003b4a;
    border-radius: 30px;
    margin-left: -34px;
    margin-top: 104px;
    width: 24%;
    height: 339px;
  }

  .containers2 {
    border-radius: 172px;
    border-color: red;
    border: 5px solid #003b4a;
    border-radius: 30px;
    margin-left: -34px;
    margin-top: 9px;
    width: 24%;
    height: 339px;
  }
  .containers3 {
    border-radius: 172px;
    border-color: red;
    border: 5px solid #003b4a;
    border-radius: 30px;
    margin-left: -34px;
    margin-top: 84px;
    width: 24%;
    height: 339px;
  }

  .page-d-accueil .rectangle-35 {
    position: absolute;
    width: 95px;
    height: 76px;
    top: 70%;
    left: 60px;
    object-fit: cover;
  }

  .page-d-accueil .rectangle-34 {
    position: absolute;
    width: 89px;
    height: 68px;
    top: 162%;
    left: 71px;
    object-fit: cover;
  }
  .page-d-accueil .groupe-39 {
    position: absolute;
    width: 105px;
    height: 49px;
    top: 258%;
    left: 53px;
  }
  .page-d-accueil .groupe-53 {
    position: absolute;
    width: 1210px;
    height: 400px;
    top: 0;
    left: 9px;
    display: none;
  }

  .page-d-accueil .groupe-52 {
    position: absolute;
    width: 1229px;
    height: 400px;
    top: -8px;
    left: -45px;
    display: none;
  }

  .page-d-accueil .rectangle-36 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 153px;
    left: -13px;
    background-color: #006837;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .groupe-41 {
    position: absolute;
    width: 197px;
    height: 45px;
    top: 140px;
    left: 5px;
    background-image: url(img/groupe-1216.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .rectangle-37 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 236px;
    left: -13px;
    background-color: #006837;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .groupe-42 {
    position: absolute;
    width: 249px;
    height: 37px;
    top: 222px;
    left: 4px;
    background-image: url(img/groupe-1218.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-43 {
    position: absolute;
    width: 240px;
    height: 37px;
    top: 110%;
    left: 5px;
    background-image: url(img/groupe-1220.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-44 {
    position: absolute;
    width: 235px;
    height: 37px;
    top: 126%;
    left: 5px;
    background-image: url(img/groupe-1222.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-45 {
    position: absolute;
    width: 235px;
    height: 37px;
    top: 141%;
    left: 5px;
    background-image: url(img/groupe-1224.png);
    background-size: 100% 100%;
  }
  .page-d-accueil .groupe-48 {
    position: absolute;
    width: 256px;
    height: 57px;
    top: 203%;
    left: -2px;
    background-image: url(img/groupe-1230.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-49 {
    position: absolute;
    width: 256px;
    height: 57px;
    top: 218%;
    left: -2px;
    background-image: url(img/groupe-1232.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-50 {
    position: absolute;
    width: 109px;
    height: 40px;
    top: 235%;
    left: 1px;
    background-image: url(img/groupe-1234.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-46 {
    position: absolute;
    width: 97px;
    height: 37px;
    top: 298%;
    left: 1px;
    background-image: url(img/groupe-1226.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-47 {
    position: absolute;
    width: 235px;
    height: 37px;
    top: 312%;
    left: 1px;
    background-image: url(img/groupe-1228.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .rectangle-45 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 314%;
    left: -18px;
    background-color: #d3b129;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }
  .page-d-accueil .rectangle-44 {
    position: absolute;
    width: 9px;
    height: 5px;
    top: 300%;
    left: -18px;
    background-color: #d3b129;
    border-radius: 1.86px;
    transform: rotate(-90deg);
  }

  .page-d-accueil .overlap-5 {
    position: absolute;
    width: 1368px;
    height: 124px;
    top: 72%;
    left: 1px;
  }

  .page-d-accueil .groupe-12 {
    position: relative;
    width: 100%;
    height: 36px;
    top: 15px;
    left: 37px;
    font-size: 27px;
    background-size: 100% 100%;
  }

  .page-d-accueil .les-points-focaux {
    position: absolute;
    top: -1px;
    left: 11px;
    width: 25%;
    font-family: "Inter", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 17px;
    text-align: center;
    letter-spacing: 0;
    line-height: 36px;
  }

  /***Card colors***/

  .page-d-accueil .rectangle-47 {
    position: absolute;
    width: 229px;
    height: 428px;
    top: -209%;
    background: rgba(0, 0, 0, 0.5);
    left: -105px;
    border-radius: 49.16px 49.16px 49.16px 49.16px;
    opacity: 0.91;
  }

  .page-d-accueil .groupe-74 {
    position: absolute;
    width: 187px;
    height: 91px;
    top: -199%;
    left: -79px;
  }

  .page-d-accueil .groupe-65 {
    position: absolute;
    width: 187px;
    height: 91px;
    top: -199%;
    left: -76px;
  }

  .page-d-accueil .trac-27 {
    position: absolute;
    /* width: 449px; */
    width: 468px;
    transform: rotate(152deg);
    height: 669px;
    /* height: 722px; */
    top: -231%;
    left: -216px;
  }

  img.trac-28 {
    position: absolute;
    /* width: 449px; */
    width: 461px;
    height: 379px;
    /* height: 722px; */
    transform: rotate(176deg);
    top: -196%;
    left: -224px;
  }

  .subtitle {
    font-size: 14px;
    width: 100%;
    margin-left: -16px;
    text-align: center;
    margin-bottom: 50px;
  }

  .contact-title {
    text-align: center;
    font-size: 19px;
    margin-left: -41px;
    font-weight: bold;
    margin-top: -39px;
  }

  .page-d-accueil .overlap {
    position: absolute;
    width: 1366px;
    height: 105px;
    top: 463pc;
    left: 1px;
  }

  .page-d-accueil .rectangle-46 {
    position: absolute;
    width: 229px;
    height: 454px;
    left: -94px !important;
    top: -108%;
    background: rgba(0, 0, 0, 0.5);
    left: 552px;
    border-radius: 40.16px 39.16px 44.16px 36.16px;
    opacity: 0.9;
  }

  .page-d-accueil .groupe-64 {
    position: absolute;
    width: 229px;
    height: 458px;

    left: -94px !important;
    top: -108%;
    background-image: url(img/groupe-1258.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-71 {
    position: absolute;
    width: 187px;

    height: 90px;
    top: -609%;
    font-size: 18px !important;
    left: -308%;
  }

  .page-d-accueil .groupe-70 {
    position: absolute;
    width: 187px;

    height: 90px;
    top: -609%;
    font-size: 18px !important;
    left: -309%;
  }
  .rectangle-46 .contact-overlay {
    position: absolute;
    z-index: 2;
    top: 177px;
    left: 20px;
    line-height: 12px;
    right: 20px;
    color: white;
  }

  .trac-030 {
    position: absolute;
    width: 54%;
    height: 714px;
    top: -135%;
    left: -26%;
  }

  .page-d-accueil .groupe-14 {
    position: absolute;
    width: 587px;
    height: 83px;
    top: 12px;
    left: 51px;
    display: none;
  }

  .page-d-accueil .overlap-4 {
    position: absolute;
    width: 100%;
    height: 73px;
    top: 258pc;
    left: 1px;
    background-color: #e6e6e6;
  }

  .page-d-accueil .les-points-focaux-wrapper {
    position: absolute;
    width: 1366px;
    height: 105px;
    top: 262pc;
    left: 1px;
    background-color: #caffd0;
  }

  .page-d-accueil .rectangle-51 {
    position: absolute;
    width: 229px;
    height: 454px;
    top: -113%;
    background: rgba(0, 0, 0, 0.5);
    left: -94px;
    border-radius: 49.16px 49.16px 49.16px 49.16px;
    opacity: 0.9;
  }

  .page-d-accueil .groupe-79 {
    position: absolute;
    width: 229px;
    height: 454px;
    top: -113%;
    left: -94px;
    background-image: url(img/groupe-1260.png);
    background-size: 100% 100%;
  }

  .trac-031 {
    position: absolute;
    width: 54%;
    height: 722px;
    top: -135%;
    left: -26%;
  }

  .page-d-accueil .groupe-100 {
    position: absolute;
    width: 208px;
    height: 83px;
    top: -694%;
    left: -113%;
  }
  .page-d-accueil .groupe-99 {
    position: absolute;
    width: 208px;
    height: 83px;
    top: -694%;
    left: -114%;
  }

  .page-d-accueil .rectangle-51 {
    position: absolute;
    width: 229px;
    height: 454px;
    top: -113%;
    background: rgba(0, 0, 0, 0.5);
    line-height: 10.3px;
    left: -94px;
    border-radius: 49.16px 49.16px 49.16px 49.16px;
    opacity: 0.9;
  }

  .page-d-accueil .groupe-77 {
    position: absolute;
    width: 375px;
    height: 470px;
    top: 10px;
    left: 73px;
    /* background-image: url(img/rectangle-961.png); */
    background-size: cover;
    background-position: 50% 50%;
    display: none;
  }

  .trac-00 {
    width: 54%;
    height: 722px;
    top: -25%;
    left: -26%;
  }

  .page-d-accueil .rectangle-49 {
    position: absolute;
    width: 229px;
    height: 454px;
    top: 9px;
    left: -10%;
    background-image: url(img/groupe-1256.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-80 {
    position: absolute;
    width: 337px;
    height: 437px;
    top: 26px;
    left: 91px;
    display: none;
    background-size: 100% 100%;
  }
  .page-d-accueil .rectangle-50 {
    position: absolute;
    width: 229px;
    height: 459px;
    top: 8px;
    left: -101px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 46.16px 41.16px 49.16px 49.16px;
    opacity: 0.8;
  }

  .page-d-accueil .groupe-86 {
    position: absolute;
    width: 187px;
    height: 77px;
    top: -32%;
    left: -387%;
    background-image: url(img/groupe-1267.png);
    background-size: 100% 100%;
  }

  .page-d-accueil .groupe-87 {
    position: absolute;
    width: 187px;
    height: 77px;
    top: -32%;
    left: -386%;
    background-image: url(img/groupe-1269.png);
    background-size: 100% 100%;
  }

  .page-d-accueil-wrapper {
    position: relative;
    min-height: 100vh;
    overflow: hidden; /* Pour éviter débordements visuels */
  }

  .page-d-accueil .text-wrapper-9 {
    position: absolute;
    top: 18px;
    left: 11px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 90px;
    white-space: nowrap;
  }

  div#customAccordion1 {
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 840%;
    align-items: baseline;
    flex-direction: row;
  }

  .page-d-accueil .overlap-7 {
    width: 353px;
    height: 97px;
    top: 4240px;
    left: 88px;
    background-color: #cccccc;
    border-radius: 10.81px;
  }
  .accordion-item {
    width: 350px;
  }

  /** acordion item **/

  .page-d-accueil .rectangle-25 {
    position: absolute;
    width: 355px;
    height: 97px;
    top: 0;
    left: 0;
    background-color: #cccccc;
    border-radius: 10.81px;
  }

  .page-d-accueil .overlap-7,
  .page-d-accueil .overlap-8,
  .page-d-accueil .overlap-9,
  .page-d-accueil .overlap-10,
  .page-d-accueil .overlap-13,
  .page-d-accueil .overlap-14,
  .page-d-accueil .overlap-15,
  .page-d-accueil .overlap-16,
  .page-d-accueil .rectangle-25 {
    width: 357px !important;
    /* max-width: 100%; */
    margin: 0 auto;
  }

  .page-d-accueil .groupe {
    position: absolute;
    width: 25%;
    font-family: "Inter", Helvetica;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 36px;
    top: 6px;
    left: 11px;
  }

  .page-d-accueil .rectangle {
    position: absolute;
    width: 1388px;
    height: 173px;
    top: 0;
    left: 0;
    transform: rotate(180deg);
    background: linear-gradient(
      180deg,
      rgba(202, 255, 208, 1) 100%,
      rgba(255, 255, 255, 1) 0%
    );
  }

  .page-d-accueil .trac-12,
  .page-d-accueil .trac-13,
  .page-d-accueil .trac-14,
  .page-d-accueil .trac-15,
  .page-d-accueil .trac-16 {
    position: absolute;
    top: 31px;
    left: 92%;
    width: 25px;
    height: 44px;
  }

  .page-d-accueil .rectangle-26 {
    position: absolute;
    width: 370px;
    height: 814px;
    top: -515%;
    left: 1px;
    background-color: #eaeaea;
  }

  .page-d-accueil .rectangle-28 {
    position: absolute;
    width: 227px;
    height: 70px;
    top: -515%;
    left: 1px;
    background-color: #000000;
    border-radius: 0px 0px 0px 41.46px;
  }

  .page-d-accueil .text-wrapper-12 {
    position: absolute;
    /* top: 21px; */
    top: -512%;
    left: 96px;
    /* left: 150px; */
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 28px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  .page-d-accueil .groupe-30 {
    position: absolute;
    width: 64px;
    height: 41px;
    top: -513%;
    left: 16px;
  }

  .page-d-accueil .trac-17 {
    position: absolute;
    width: 332px;
    height: 277px;
    top: -462%;
    left: 11px;
  }

  .page-d-accueil .trac-18 {
    position: absolute;
    width: 332px;
    height: 277px;
    top: -486%;
    left: 17px;
  }
  .page-d-accueil .trac-19 {
    position: absolute;
    width: 35px;
    height: 62px;
    top: -479%;
    left: 10px;
  }

  .carousel-container {
    position: relative !important;
    width: 22% !important;
    top: -474% !important;
    padding: 40px 0 !important;
    left: 31px !important;
    margin: inherit !important;
  }

  .slick-next-custom {
    right: 66px;
    height: 35px;
    top: 103% !important;
  }

  .slick-prev-custom {
    left: 59px;
    height: 35px;
    top: 103% !important;
  }

  .quote-box {
    background-color: white;

    font-size: 15px !important;
    border-left: 16px solid black !important;
    border-radius: 10px !important;
    margin: 0px auto !important;
    height: 266px !important;
    margin-top: 17px o !important;
    width: 100% !important;
    text-align: left o !important;
    line-height: 1.6 o !important;
  }

  .page-d-accueil .groupe-00 {
    width: 212px;
    height: 41px;
    top: -416%;
    left: 148px;
    position: absolute;
    background-color: #0071bc;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 27px;
  }

  .page-d-accueil .groupe-31 {
    position: absolute;
    width: 160px;
    height: 41px;
    top: -410%;
    left: 148px;
  }

  .page-d-accueil .text-wrapper-10 {
    position: absolute;
    top: 8px;
    left: 4px;
    font-family: "Inter", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 72.7px;
    white-space: nowrap;
  }

  .page-d-accueil .overlap-11 {
    position: absolute;
    width: 1368px;
    height: 124px;
    top: 81%;
    /* background: red; */
    left: 1px;
  }

  .page-d-accueil .overlap-17 {
    position: absolute;
    width: 1367px;
    height: 728px;
    top: 746pc;
    left: 1px;
  }

  .page-d-accueil .groupe-60 {
    position: absolute;
    width: 999px;
    height: 1048px;
    top: 60%;
    left: 170px;
  }

  .page-d-accueil .overlap-20 {
    position: relative;
    height: 488px;
    top: 81%;
  }

  .page-d-accueil .overlap-3 {
    position: absolute;
    width: 100%;
    height: 73px;
    top: 143pc;
    left: 1px;
  }

  #customAccordion {
    margin-top: 74% !important;
  }

  div#customAccordion,
  #customAccordion1 {
    display: block !important;
    margin-left: -16% !important;
    /* align-content: space-around; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    /* align-items: baseline; */
    /* flex-direction: row; */
  }
  .accordion-body {
    font-size: 25px;
    box-sizing: border-box;
    background: #ffffff;
    overflow: hidden;
    text-align: justify;
    zoom: 60%;
    position: absolute;
    width: 36%;
    color: #474747;
    z-index: 3;
    background-color: #ffffff;
  }
  #customAccordion2 {
    display: block !important;
    /* align-content: space-around; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    /* align-items: baseline; */
    /* flex-direction: row; */
  }

  /**fin accueil responsive */

  /** bibliotheque  responsive */

  .bibliothque-accueil .text-wrapper-11 {
    position: absolute;
    top: 29px;
    left: 37px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 51px;
    letter-spacing: 0;
    line-height: 112.6px;
    white-space: nowrap;
  }

  .bibliothque-accueil .rectangle-13 {
    position: absolute;
    width: 97px;
    height: 10px;
    top: 92px;
    left: -62px;
    background-color: #f7931e;
  }

  .bibliothque-accueil .rectangle-14 {
    position: absolute;
    width: 118px;
    height: 10px;
    top: 93px;
    left: 240px;
    background-color: #f7931e;
  }

  .bibliothque-accueil .rectangle-12 {
    position: absolute;
    width: 357px;
    height: 880px;
    top: 0;
    left: 0;
    background-color: #f0f8fc;
    opacity: 0.9;
  }
  .bibliothque-accueil .element2 {
    position: absolute;
    /* width: 64px; */
    height: 64px;
    left: 70% !important;
    top: 84%;
    object-fit: cover;
  }

  .bibliothque-accueil .groupe {
    position: absolute;
    width: 357px;
    height: 880px;
    top: 0;
    left: 0;
  }

  /** fin bibliotheque  responsive */

  /** début  bibliotheque screen  responsive */

  .BIB-actualits-screen {
        background-color: #ffffff;
        display: flex
;
        position: relative;
        width: 121%;
        margin-left: -8%;
        padding: 3%;
  }


  .BIB-actualits-screen .rectangle-35 {
    position: absolute;
    width: 1366px;
    height: 842px;
    top: -20px;
    left: 0;
    background-color: #f0f8fc;
    opacity: 0.9;
}

.BIB-actualits-screen .groupe-22 {
    position: absolute;
    width: 1450px;
    height: 863px;
    top: -11px;
    left: 0;
}
.BIB-actualits-screen .BIB-actualits-2 {
    background-color: #ffffff;
    overflow: hidden;
    width: 1366px;
    margin-top: -7%;
    height: 842px;
}
.BIB-actualits-screen .groupe-23 {
    position: absolute;
    width: 71px;
    height: 53px;
    top: -9px;
    left: 76%;
    background-image: url(img/trac--16262.svg);
    /* background-size: 100% 100%; */
}


  .BIB-actualits-screen .rectangle-36 {
    position: absolute;
    width: 45px;
    height: 10px;
    top: 92px;
    left: 0;
    background-color: #f7931e;
  }

  .BIB-actualits-screen .text-wrapper-8 {
    position: absolute;
    top: 33px;
    left: 48px;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 39px;
    letter-spacing: 0;
    line-height: 112.6px;
    white-space: nowrap;
  }

  .BIB-actualits-screen .text-wrapper-9 {
    position: absolute;
    top: 118px;
    left: 18px;
    color: #000000;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 61.2px;
    white-space: nowrap;
  }

  .BIB-actualits-screen .rectangle-39 {
    position: absolute;
    width: 111px;
    height: 52px;
    top: 122px;
    left: 4px;
    background-color: #fdd6a9;
    border-radius: 4.85px;
  }

  .BIB-actualits-screen .rectangle-40 {
    position: absolute;
    width: 111px;
    height: 52px;
    top: 121px;
    left: 117px;
    background-color: #fdd6a9;
    border-radius: 4.85px;
  }

  .BIB-actualits-screen .rectangle-41 {
    position: absolute;
    width: 108px;
    height: 52px;
    top: 121px;
    left: 231px;
    background-color: #fdd6a9;
    border-radius: 4.85px;
  }

  .BIB-actualits-screen .groupe-29 {
    position: absolute;
    width: 142px;
    font-size: 24px;
    height: 36px;
    font-family: "BigNoodleTitling", Helvetica, sans-serif !important;
    top: 136px;
    left: 128px;
    background-size: 100% 100%;
  }

  .BIB-actualits-screen .groupe-30 {
    position: absolute;
    width: 129px;
    height: 36px;
    top: 136px;
    font-size: 24px;
    left: 246px;
    background-size: 100% 100%;
  }

  .BIB-actualits-screen .text-wrapper-10 {
    position: absolute;
    top: 688px !important;
    left: 38%;
    font-family: "BigNoodleTitling-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 61.2px;
    white-space: nowrap;
  }

  .carousel {
    overflow: hidden !important;
    position: relative !important;
    top: 193px !important;
    width: 100% !important;
    height: 400px !important;
    perspective: 120px !important;
    transform-style: preserve-3d !important;
    transform-origin: 0% 50% !important;
  }

  .carousel .carousel-item {
    width: 300px !important;
    left: 0% !important;
    height: 100% !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 !important;
    border-radius: 15px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

/*************************************fin mobile **********/
.min-title {
    color: #0d6efd !important;
}


/*news modifications*/

img.element2 {
      width: 6%;
    margin-left: 88%;
    margin-top: 44%;
    position: relative;
}

img.element3 {
    width: 5%;
    margin-left: 6%;
    margin-top: 50%;
    position: relative;
}