.nerion-soft,
.nerion-soft2 {
  flex-direction: column;
  align-items: flex-start;
}
.nerion-soft {
  width: 100%;
  height: 8998px;
  position: relative;
  background-color: var(--color-grey-11);
  overflow: hidden;
  display: flex;
  gap: 0.1px;
  line-height: normal;
  letter-spacing: normal;
}
.nerion-soft2 {
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-150);
  color: var(--color-white-solid);
  font-family: K2D;
}
.header,
.nerion-soft2,
.unsummarized {
  align-self: stretch;
  display: flex;
}
.unsummarized {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.header {
  backdrop-filter: blur(12px);
  background-color: var(--color-grey-11-85);
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-18) 35px var(--padding-18) var(--padding-36);
  gap: var(--gap-20);
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: center;
  font-size: var(--font-size-11);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-1);
}
.ilan-bargain-accueil {
  height: 50px;
  width: 50px;
  position: relative;
  object-fit: cover;
  cursor: pointer;
}
.navigation-principale {
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--item-spacing-xxs);
  text-align: left;
  font-size: var(--font-size-13);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-1);
}
.component-8 {
  align-self: stretch;
  border-radius: var(--br-999);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7px var(--padding-16) 8.1px;
}
.text {
  position: relative;
  letter-spacing: var(--letter-spacing-0-13);
  line-height: var(--lh-20_2);
  font-weight: var(--font-weight-500);
  color: inherit;
  text-decoration: none;
}
.divheader-actions {
  gap: var(--item-spacing-8);
}
.component-9,
.divheader-actions,
.spanlang-text {
  display: flex;
  align-items: center;
}
.component-9 {
  height: 38px;
  width: 38px;
  border-radius: var(--br-999);
  border: var(--border-1);
  box-sizing: border-box;
  justify-content: center;
}
.spanlang-text {
  flex-direction: column;
}
.language-details {
  position: relative;
  letter-spacing: var(--letter-spacing-0-44);
  font-weight: var(--font-weight-600);
}
.component-11 {
  height: 38px;
  width: 38px;
  position: relative;
  border-radius: var(--br-999);
  border: var(--border-1);
  box-sizing: border-box;
}
.component-1 {
  position: absolute;
  top: 11px;
  left: 11px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.vector-icon,
.vector-icon2 {
  max-width: 100%;
  max-height: 100%;
}
.vector-icon {
  position: absolute;
  height: 33.13%;
  width: 33.13%;
  top: 33.13%;
  right: 33.75%;
  bottom: 33.75%;
  left: 33.13%;
  overflow: hidden;
}
.vector-icon2 {
  height: 83.13%;
  width: 83.13%;
  top: 8.13%;
  right: 8.75%;
  bottom: 8.75%;
  left: 8.13%;
  z-index: 1;
}
.component-10,
.vector-icon2,
.vector-icon3 {
  position: absolute;
  overflow: hidden;
}
.component-10 {
  top: 23px;
  left: 15px;
  width: 8px;
  height: 8px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  opacity: var(--opacity-0);
  z-index: 2;
}
.vector-icon3 {
  height: 75%;
  width: 75%;
  top: 12.5%;
  right: 12.5%;
  bottom: 12.5%;
  left: 12.5%;
  max-width: 100%;
  max-height: 100%;
  transform: rotate(90deg);
}
.case-hero {
  align-self: stretch;
  border-bottom: 1px solid var(--color-white-solid);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 160px var(--padding-36) 50px;
  gap: var(--item-spacing-m);
  max-width: 100%;
  z-index: 2;
  margin-top: -87px;
  position: relative;
}
.component-2 {
  cursor: pointer;
  border: var(--border-1);
  padding: var(--padding-10) var(--padding-20);
  background-color: transparent;
  border-radius: var(--br-999);
  display: flex;
  align-items: center;
  gap: var(--item-spacing-10);
}
.component-12 {
  height: 14px;
  width: 14px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.vector-icon4 {
  position: absolute;
  height: 58.57%;
  width: 58.57%;
  top: 20.71%;
  right: 20.71%;
  bottom: 20.71%;
  left: 20.71%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.span {
  height: 20.1px;
  width: 107.5px;
  position: relative;
}
.text5 {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: var(--font-size-13);
  line-height: var(--lh-20_2);
  font-weight: var(--font-weight-500);
  font-family: var(--font-family-Font-1);
  color: var(--color-grey-60);
  text-align: left;
  display: flex;
  align-items: center;
  width: 108.2px;
  text-decoration: none;
}
.titre {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.nerion-soft3 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--font-size-150);
  font-family: inherit;
}
.nerion {
  line-height: var(--lh-150);
}
.nerion2 {
  letter-spacing: -3px;
}
.nerion2,
.soft,
.span2 {
  line-height: var(--lh-150);
}
.span2 {
  letter-spacing: -6px;
}
.soft {
  font-weight: 500;
  color: var(--color-yellow-50);
}
.divcase-meta-bar,
.spancase-chip {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.divcase-meta-bar {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0 var(--item-spacing-12);
  font-size: var(--item-spacing-12);
  color: var(--color-grey-60);
  font-family: var(--font-family-Font-1);
}
.spancase-chip {
  cursor: pointer;
  border: var(--stroke-weight-1) solid var(--color-yellow-50);
  padding: var(--padding-9) var(--padding-15);
  background-color: var(--color-yellow-50);
  border-radius: var(--br-999);
  flex-direction: column;
}
.spancase-chip:hover {
  background-color: var(--color-gold);
  border: var(--stroke-weight-1) solid var(--color-gold);
  box-sizing: border-box;
}
.tude-de-cas {
  position: relative;
  font-size: var(--item-spacing-12);
  letter-spacing: var(--letter-spacing-0-48);
  line-height: var(--line-height-18-6);
  font-family: var(--font-family-Font-1);
  color: var(--color-grey-11);
  text-align: left;
}
.spancase-chip2 {
  align-self: stretch;
  border-radius: var(--br-999);
  border: var(--border-1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-9) 13px var(--padding-9) var(--padding-14);
}
.identitvisuelle {
  position: relative;
  letter-spacing: var(--letter-spacing-0-48);
  line-height: var(--line-height-18-6);
  font-weight: var(--font-weight-500);
}
.spancase-chip3 {
  align-self: stretch;
  border-radius: var(--br-999);
  border: var(--border-1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-9) var(--padding-15);
}
.detail-projet,
.texte-explicatif {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.detail-projet {
  align-self: stretch;
  border-top: 1px solid var(--color-white-solid);
  box-sizing: border-box;
  justify-content: space-between;
  padding: 48px var(--padding-0) var(--padding-0);
  gap: var(--gap-20);
  text-align: left;
  font-size: var(--font-size-17);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-1);
}
.texte-explicatif {
  justify-content: center;
}
.cration-de-lintgralit {
  width: 644px;
  position: relative;
  line-height: var(--lh-26_4);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.detail-projet2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-40);
  max-width: 100%;
  font-size: var(--font-size-11);
  color: var(--color-grey-60);
}
.divreveal-block {
  height: 53.3px;
  width: var(--width-345_6);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 1.3px;
  box-sizing: border-box;
  gap: var(--item-spacing-8);
  max-width: 100%;
}
.divval,
.rle {
  align-self: stretch;
}
.rle {
  position: relative;
  letter-spacing: var(--letter-spacing-1-98);
  line-height: var(--font-size-17);
  text-transform: uppercase;
}
.divval {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-17);
  color: var(--color-white-solid);
}
.contexte,
.direction-artistique {
  align-self: stretch;
  position: relative;
}
.direction-artistique {
  line-height: var(--lh-26_4);
  font-weight: var(--font-weight-500);
}
.contexte {
  border-bottom: var(--border-1);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-100) var(--padding-40);
  z-index: 2;
  margin-top: -0.4px;
}
.contexte,
.divchapter-head,
.divchapter-head-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.divchapter-head-parent {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-50);
}
.divchapter-head {
  width: var(--width-1840);
  justify-content: space-between;
  gap: var(--gap-20);
  min-height: var(--min-h-100);
  text-align: left;
  font-size: var(--font-size-14);
  color: var(--color-yellow-50);
  font-family: var(--font-family-Font-3);
}
.divchapter-num {
  height: 65.5px;
  width: var(--width-200);
  gap: 5.5px;
}
.divchapter-num,
.h2chapter-title,
.span4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.span4 {
  align-self: stretch;
  height: 38px;
}
.h2chapter-title {
  height: var(--height-67_2);
  width: var(--width-1600);
  overflow: hidden;
  flex-shrink: 0;
  padding: var(--padding-5_1) var(--padding-0) var(--padding-6_1);
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--font-size-56);
  color: var(--color-white-solid);
}
.objectifs-contraintes {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-68);
  line-height: var(--font-size-56);
  font-weight: var(--font-weight-6001);
  font-family: inherit;
}
.divprose,
.divprose-wrapper,
.p {
  display: flex;
  align-items: flex-start;
}
.divprose-wrapper {
  width: 1240px;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--color-white-solid);
  font-family: K2D;
}
.divprose,
.p {
  flex-direction: column;
}
.divprose {
  justify-content: center;
  gap: 15px;
  max-width: var(--width-760);
}
.p {
  width: 760px;
}
.durant-un-stage-container {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.03px;
  line-height: var(--line-height-26-4);
}
.durant-un-stage {
  line-height: var(--lh-26_4);
}
.jai-t-en-container {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-26-4);
}
.da-couleurs,
.divchapter-head-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.da-couleurs {
  border-bottom: var(--border-1);
  box-sizing: border-box;
  align-items: flex-start;
  padding: var(--padding-100) var(--padding-40);
  z-index: 1;
  text-align: left;
  font-size: var(--font-size-161);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-1);
}
.divchapter-head-group {
  align-items: flex-end;
  gap: var(--gap-50);
}
.divchapter-num2 {
  height: 44px;
  width: var(--width-200);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hittin-riyadh-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  max-width: 100%;
}
.divchapter-prose,
.hittin-riyadh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hittin-riyadh {
  width: 1520px;
  gap: var(--gap-40);
  max-width: 100%;
}
.divchapter-prose {
  width: 100%;
  max-width: var(--width-7601);
}
.le-choix-des {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-26-41);
}
.couleur,
.divswatch {
  display: flex;
  max-width: 100%;
}
.couleur {
  align-self: stretch;
  align-items: center;
  gap: var(--gap-40);
}
.divswatch {
  height: 350px;
  width: var(--width-350);
  border-radius: var(--br-18);
  background-color: var(--color-azure-61);
  border: var(--border-1);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-22) var(--padding-22);
  position: relative;
  isolation: isolate;
  text-align: left;
  font-size: var(--font-size-28);
  color: var(--color-grey-11);
  font-family: var(--font-family-Font-1);
}
.ba7bc,
.spanhex {
  align-self: stretch;
}
.spanhex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 0;
}
.ba7bc {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-0-28);
  line-height: var(--line-height-43-4);
  font-weight: var(--font-weight-700);
  font-family: inherit;
}
.spannamemargin {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-4) var(--padding-0) var(--padding-0);
  z-index: 1;
  font-size: var(--font-size-141);
}
.bleu-principal {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-21-71);
}
.spanratio {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3_5) var(--padding-8) var(--padding-3_5)
    var(--padding-9);
  background-color: var(--color-white-85);
  margin: 0 !important;
  position: absolute;
  top: 23px;
  left: 23px;
  border-radius: var(--br-999);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
}
.spanratio:hover {
  background-color: var(--color-gainsboro);
}
.primary {
  position: relative;
  font-size: var(--font-size-11);
  letter-spacing: var(--letter-spacing-0-88);
  line-height: var(--font-size-17);
  font-weight: var(--font-weight-600);
  font-family: var(--font-family-Font-1);
  color: var(--color-grey-11);
  text-align: left;
}
.divswatch2,
.spanratio2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.divswatch2 {
  height: 350px;
  width: var(--width-350);
  border-radius: var(--br-18);
  background-color: var(--color-cyan-70);
  border: var(--border-1);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-22) var(--padding-22);
  position: relative;
  isolation: isolate;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-28);
  color: var(--color-grey-11);
  font-family: var(--font-family-Font-1);
}
.spanratio2 {
  margin: 0 !important;
  position: absolute;
  top: 23px;
  left: 23px;
  border-radius: var(--br-999);
  background-color: var(--color-white-85);
  padding: var(--padding-3_5) var(--padding-8) var(--padding-3_5)
    var(--padding-9);
  z-index: 2;
  font-size: var(--font-size-11);
}
.light {
  position: relative;
  letter-spacing: var(--letter-spacing-0-88);
  line-height: var(--font-size-17);
  font-weight: var(--font-weight-600);
}
.divswatch3,
.divswatch4 {
  height: 350px;
  width: var(--width-350);
  border-radius: var(--br-18);
  background-color: var(--color-spring-green-79);
  border: var(--border-1);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-22) var(--padding-22);
  position: relative;
  isolation: isolate;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-28);
  color: var(--color-grey-11);
  font-family: var(--font-family-Font-1);
}
.divswatch4 {
  background-color: var(--color-azure-62);
}
.spanratio4 {
  margin: 0 !important;
  position: absolute;
  top: 23px;
  left: 23px;
  border-radius: var(--br-999);
  background-color: var(--color-white-85);
  display: flex;
  padding: var(--padding-3_5) var(--padding-10);
  z-index: 2;
  font-size: var(--font-size-11);
}
.spanratio4,
.typographie,
.typographie-parent {
  flex-direction: column;
  align-items: flex-start;
}
.typographie-parent {
  align-self: stretch;
  display: flex;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--color-white-solid);
  font-family: K2D;
}
.typographie {
  border-bottom: var(--border-1);
  box-sizing: border-box;
  padding: var(--padding-100) var(--padding-40);
  z-index: 1;
}
.divchapter-head3,
.typographie,
.typography-details {
  align-self: stretch;
  display: flex;
  max-width: 100%;
}
.typography-details {
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-50);
}
.divchapter-head3 {
  height: var(--height-100);
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-20);
  text-align: left;
  font-size: var(--font-size-14);
  color: var(--color-yellow-50);
  font-family: var(--font-family-Font-3);
}
.divchapter-num3 {
  height: var(--height-22);
  width: var(--width-200);
}
.divchapter-num3,
.p-parent,
.p3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-parent {
  width: var(--width-1600);
  gap: var(--gap-40);
  max-width: 100%;
}
.p3 {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) 0.6px;
}
.pour-les-polices-container {
  position: relative;
  line-height: var(--line-height-26-4);
}
.type-specification {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--gap-20);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-111);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-3);
}
.component-14,
.divtypo-spec,
.divtypo-spec-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.component-14 {
  width: 790px;
  border-radius: var(--br-22);
  background-color: var(--color-grey-16);
  border: var(--border-1);
  box-sizing: border-box;
  padding: 35px var(--padding-36);
  max-width: 100%;
}
.divtypo-spec,
.divtypo-spec-parent {
  align-self: stretch;
}
.divtypo-spec-parent {
  gap: var(--gap-40);
}
.divtypo-spec {
  color: var(--color-grey-60);
}
.display-titres {
  position: relative;
  letter-spacing: var(--letter-spacing-1-981);
  line-height: var(--line-height-17);
  text-transform: uppercase;
}
.divtypo-sample {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-64);
}
.colo-pro {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-28);
  line-height: var(--line-height-60-8);
  font-weight: var(--font-weight-4001);
  font-family: inherit;
}
.div,
.divtypo-name {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.div {
  font-size: var(--font-size-18);
}
.divtypo-name {
  padding: var(--padding-0) var(--padding-0) 0.9px;
}
.gomtrique-chaleureuse {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-0-18);
  line-height: var(--line-height-27-9);
  font-weight: var(--font-weight-6001);
}
.divtypo-desc {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-14);
  color: var(--color-grey-60);
}
.grosse-graisse-style {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-21);
}
.divtypo-sample2 {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) 0.8px;
  font-size: var(--font-size-64);
}
.divchapter-num4,
.divtypo-sample2,
.recherches {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.recherches {
  align-self: stretch;
  border-bottom: var(--border-1);
  box-sizing: border-box;
  padding: var(--padding-100) var(--padding-40);
  max-width: 100%;
  z-index: 2;
  margin-top: -0.3px;
  position: relative;
}
.divchapter-num4 {
  height: 87.3px;
  width: var(--width-200);
  gap: 5.3px;
}
.les-recherches {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-2-52);
  line-height: var(--line-height-21-7);
  text-transform: uppercase;
  font-weight: var(--font-weight-6001);
}
.piste-logo-parent {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-30) 28px;
  max-width: 100%;
}
.component-3,
.piste-logo,
.piste-logo-parent {
  display: flex;
  align-items: flex-start;
}
.piste-logo {
  width: 786px;
  flex-direction: column;
}
.component-3 {
  align-self: stretch;
  height: 500px;
  border-radius: var(--br-25) var(--br-25) var(--br-0) var(--br-0);
  background-color: var(--color-white-solid);
  border-top: 1px solid var(--color-darkslategray);
  border-right: var(--border-11);
  border-left: var(--border-12);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  justify-content: center;
  padding: var(--padding-42) var(--padding-20) 43.4px 21px;
}
.logo-plumeau-numrique {
  width: 442.7px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.divtrack-body {
  align-self: stretch;
  border-radius: var(--br-0) var(--br-0) var(--br-25) var(--br-25);
  background-color: var(--color-grey-16);
  border-right: var(--border-11);
  border-bottom: 1px solid var(--color-darkslategray);
  border-left: var(--border-12);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-28) var(--padding-29) var(--padding-26);
  gap: var(--line-height-11);
  text-align: left;
  font-size: var(--font-size-111);
  color: var(--color-grey-60);
  font-family: var(--font-family-Font-3);
}
.piste-01 {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-1-981);
  line-height: var(--line-height-17);
  text-transform: uppercase;
}
.divtrack-name {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-26);
  color: var(--color-white-solid);
}
.le-plumeau-numrique {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-0-52);
  line-height: var(--line-height-27-3);
  font-weight: var(--font-weight-6001);
  font-family: inherit;
}
.divtrack-desc {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-14);
}
.inspir-directement-dun {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-21-7);
}
.component-32 {
  align-self: stretch;
  height: 500px;
  border-radius: var(--br-25) var(--br-25) var(--br-0) var(--br-0);
  background-color: var(--color-white-solid);
  border-top: 1px solid var(--color-darkslategray);
  border-right: var(--border-11);
  border-left: var(--border-12);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-29) var(--padding-20) 31.6px;
}
.logo-n-maison {
  width: 437.4px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.component-33 {
  align-self: stretch;
  height: 500px;
  border-radius: var(--br-25) var(--br-25) var(--br-0) var(--br-0);
  background-color: var(--color-white-solid);
  border-top: 1px solid var(--color-darkslategray);
  border-right: var(--border-11);
  border-left: var(--border-12);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-42) var(--padding-20) 43.4px;
}
.logo-renard-agile {
  width: 492px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.component-34,
.enclosure-wrapper,
.piste-logo4 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.piste-logo4 {
  width: 786px;
  flex-direction: column;
}
.component-34,
.enclosure-wrapper {
  box-sizing: border-box;
}
.component-34 {
  align-self: stretch;
  height: 500px;
  border-radius: var(--br-25) var(--br-25) var(--br-0) var(--br-0);
  background-color: var(--color-steelblue);
  border-top: 1px solid var(--color-yellow-50);
  border-right: 1px solid var(--color-yellow-50);
  border-left: 1px solid var(--color-yellow-50);
  overflow: hidden;
  flex-shrink: 0;
  padding: var(--padding-18) var(--padding-19) var(--padding-0) 203px;
  gap: 94px;
  text-align: left;
  font-size: var(--font-size-11);
  color: var(--color-grey-11);
  font-family: var(--font-family-Font-1);
}
.enclosure-wrapper {
  flex-direction: column;
  padding: 88px var(--padding-0) var(--padding-0);
}
.enclosure-icon {
  width: 377px;
  height: 392px;
  position: relative;
}
.spantrack-retained {
  border-radius: var(--br-999);
  background-color: var(--color-yellow-50);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-5_5) var(--padding-9) 5.6px var(--padding-11);
}
.choix-finale {
  position: relative;
  letter-spacing: var(--letter-spacing-0-66);
  line-height: var(--font-size-17);
}
.divtrack-body4,
.divtrack-name4,
.volution-mascotte {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.divtrack-body4 {
  border-radius: var(--br-0) var(--br-0) var(--br-25) var(--br-25);
  background-color: var(--color-grey-16);
  border-right: 1px solid var(--color-yellow-50);
  border-bottom: 1px solid var(--color-yellow-50);
  border-left: 1px solid var(--color-yellow-50);
  padding: var(--padding-28) var(--padding-29) var(--padding-26);
  gap: var(--line-height-11);
  text-align: left;
  font-size: var(--font-size-111);
  color: var(--color-grey-60);
  font-family: var(--font-family-Font-3);
}
.divtrack-name4,
.volution-mascotte {
  font-size: var(--font-size-26);
  color: var(--color-yellow-50);
}
.volution-mascotte {
  border-bottom: var(--border-1);
  box-sizing: border-box;
  padding: var(--padding-100) var(--padding-40);
  max-width: 100%;
  z-index: 3;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--color-white-solid);
  font-family: K2D;
}
.au-del-du-logo {
  position: relative;
  letter-spacing: var(--letter-spacing-2-52);
  line-height: var(--line-height-21-7);
  text-transform: uppercase;
  font-weight: var(--font-weight-6001);
}
.visualization,
.visualization-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.visualization-wrapper {
  width: var(--width-1840);
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) var(--padding-0) 24px;
  box-sizing: border-box;
}
.visualization {
  width: 1364px;
  flex-direction: column;
  gap: var(--gap-40);
}
.illustration-layer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.le-choix-du-container {
  width: 924px;
  position: relative;
  line-height: var(--line-height-26-4);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.le-choix-du-container2 {
  width: 100%;
}
.expression,
.expression-parent {
  align-self: stretch;
  display: flex;
  max-width: 100%;
}
.expression-parent {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-30);
  font-size: var(--font-size-12);
  color: var(--color-grey-11);
  font-family: var(--font-family-Font-3);
}
.expression {
  align-items: center;
  justify-content: center;
  gap: 100px;
}
.ours-cool,
.ours-cool-wrapper {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.ours-cool {
  height: 388px;
  width: 388px;
  border-radius: var(--br-24);
  background-color: var(--color-azure-61);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  padding: 98px var(--padding-19) var(--padding-19);
  gap: 52px;
  max-width: 100%;
}
.ours-cool-wrapper {
  width: var(--width-350);
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
}
.ours-cool-icon {
  height: 191px;
  width: 164px;
  position: relative;
}
.spanmascot-tag {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5_5) var(--padding-10) 5.6px var(--padding-11);
  background-color: var(--color-grey-11-851);
  border-radius: var(--br-999);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
}
.spanmascot-tag4:hover,
.spanmascot-tag:hover {
  background-color: var(--color-dimgray);
}
.pose-hero {
  position: relative;
  font-size: var(--font-size-111);
  letter-spacing: var(--letter-spacing-1-1);
  line-height: var(--line-height-17);
  text-transform: uppercase;
  font-weight: var(--font-weight-6001);
  font-family: var(--font-family-Font-3);
  color: var(--color-white-solid);
  text-align: left;
}
.ours-coucou-wrapper {
  width: var(--width-350);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) 21px var(--padding-0) var(--padding-20);
  box-sizing: border-box;
}
.ours-coucou-icon {
  height: 191px;
  width: 131px;
  position: relative;
}
.ours-loupe {
  height: 388px;
  width: 388px;
  border-radius: var(--br-24);
  background-color: var(--color-azure-61);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 95px 131px var(--padding-19) var(--padding-19);
  box-sizing: border-box;
  gap: 48px;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-111);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-3);
}
.ours-loupe-icon {
  width: 127px;
  height: 198px;
  position: relative;
}
.spanmascot-tag-wrapper,
.spanmascot-tag3 {
  width: 238px;
  display: flex;
  align-items: flex-start;
}
.spanmascot-tag3 {
  width: 135px;
  border-radius: var(--br-999);
  background-color: var(--color-grey-11-851);
  flex-direction: column;
  padding: var(--padding-5_5) var(--padding-10) 5.6px var(--padding-11);
  box-sizing: border-box;
}
.pose-recherche {
  position: relative;
  letter-spacing: var(--letter-spacing-1-1);
  line-height: var(--line-height-17);
  text-transform: uppercase;
  font-weight: var(--font-weight-6001);
}
.divmascot-poses {
  align-self: stretch;
  height: 688px;
  border-radius: var(--br-24);
  background-color: var(--color-grey-97);
  border: var(--border-1);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 21px var(--padding-18) 17px;
  position: relative;
  isolation: isolate;
  gap: 583px;
  max-width: 100%;
}
.pose-ours-1 {
  width: 1173px;
  position: absolute;
  margin: 0 !important;
  top: 45px;
  left: 95px;
  max-height: 100%;
  object-fit: cover;
}
.spanmascot-poses-tag,
.surrounding-parts {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.surrounding-parts {
  width: 1326px;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-4);
  max-width: 100%;
}
.spanmascot-poses-tag {
  width: 106px;
  border-radius: var(--br-999);
  background-color: var(--color-yellow-50);
  flex-direction: column;
  padding: var(--padding-8) var(--padding-14) var(--padding-8) var(--padding-15);
}
.poses {
  position: relative;
  letter-spacing: var(--letter-spacing-1-2);
  line-height: var(--line-height-18-61);
}
.spanmascot-tag4 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5_5) var(--padding-11) var(--padding-5_5)
    var(--padding-12);
  background-color: var(--color-grey-11-851);
  border-radius: var(--br-999);
  display: flex;
  align-items: flex-start;
  z-index: 1;
}
.poses-ours {
  height: 17px;
  width: 79px;
  position: relative;
  font-size: var(--font-size-111);
  letter-spacing: var(--letter-spacing-1-1);
  line-height: var(--line-height-17);
  text-transform: uppercase;
  font-weight: var(--font-weight-6001);
  font-family: var(--font-family-Font-3);
  color: var(--color-white-solid);
  text-align: left;
  display: inline-block;
}
.rseaux-sociaux {
  align-self: stretch;
  border-bottom: var(--border-1);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-100) var(--padding-40);
  gap: var(--opacity-50);
  max-width: 100%;
  z-index: 4;
}
.divchapter-head6 {
  align-self: stretch;
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 107.56199645996094px;
  gap: var(--gap-40);
  overflow: auto;
  text-align: left;
  font-size: var(--font-size-14);
  color: var(--color-yellow-50);
  font-family: var(--font-family-Font-3);
}
.divchapter-num6,
.h2chapter-title6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: 1;
  grid-row: 1;
}
.h2chapter-title6 {
  overflow: hidden;
  padding: var(--padding-5_1) var(--padding-0) var(--padding-6_1);
  grid-column: 2;
  font-size: var(--font-size-56);
  color: var(--color-white-solid);
}
.divchapter-body {
  align-self: stretch;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 604.343994140625px;
  gap: var(--gap-40);
  max-width: 100%;
  overflow: auto;
}
.div3,
.divprose2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.div3 {
  width: var(--width-1600);
  gap: var(--gap-40);
  max-width: 100%;
  grid-column: 2;
  grid-row: 1;
}
.divprose2 {
  width: 760px;
  gap: var(--item-spacing-16-9);
  max-width: var(--width-760);
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--color-white-solid);
  font-family: K2D;
}
.divtemplates {
  align-self: stretch;
  height: 388px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(312px, 1fr));
  grid-template-rows: 388px;
  gap: var(--gap-16);
}
.component-17 {
  border-radius: var(--br-18);
  background-color: var(--color-grey-16);
  border: var(--border-1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  isolation: isolate;
  grid-column: 1;
  grid-row: 1;
  text-align: left;
  font-size: var(--font-size-12);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-3);
}
.template-annonce-icon {
  align-self: stretch;
  height: 386px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 0;
}
.divtpl-label {
  width: calc(100% - 2px);
  margin: 0 !important;
  position: absolute;
  right: 1px;
  bottom: -7.4px;
  left: 1px;
  background: var(--gradient-1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-16);
  box-sizing: border-box;
  opacity: var(--opacity-0);
  z-index: 1;
  flex-shrink: 0;
}
.statement-type {
  position: relative;
  letter-spacing: var(--letter-spacing-1-2);
  line-height: var(--line-height-18-61);
  text-transform: uppercase;
  font-weight: var(--font-weight-6001);
}
.component-172,
.component-173 {
  border-radius: var(--br-18);
  background-color: var(--color-grey-16);
  border: var(--border-1);
  overflow: hidden;
  justify-content: center;
  position: relative;
  isolation: isolate;
  grid-row: 1;
  text-align: left;
  font-size: var(--font-size-12);
  color: var(--color-white-solid);
}
.component-172 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: 2;
  font-family: var(--font-family-Font-3);
}
.component-173 {
  grid-column: 3;
}
.component-173,
.component-174,
.final-stage {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: var(--font-family-Font-3);
}
.component-174 {
  border-radius: var(--br-18);
  background-color: var(--color-grey-16);
  border: var(--border-1);
  overflow: hidden;
  justify-content: center;
  position: relative;
  isolation: isolate;
  grid-column: 4;
  grid-row: 1;
  text-align: left;
  font-size: var(--font-size-12);
  color: var(--color-white-solid);
}
.final-stage {
  border-bottom: var(--border-1);
  padding: var(--padding-80) 280px 78px;
  z-index: 5;
  text-align: center;
  font-size: var(--font-size-14);
  color: var(--color-yellow-50);
}
.bilan,
.grer-un-projet {
  display: flex;
  align-items: center;
}
.bilan {
  width: 1360px;
  flex: 1;
  border-radius: var(--br-32);
  background-color: var(--color-grey-16);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-30) var(--padding-40);
  box-sizing: border-box;
  gap: var(--item-spacing-20);
}
.grer-un-projet {
  margin: 0;
  width: 1280px;
  position: relative;
  font-size: var(--fs-24);
  font-weight: var(--font-weight-5001);
  font-family: inherit;
  color: var(--color-white-solid);
  justify-content: center;
}
.autres-projets {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-100) var(--padding-40);
  box-sizing: border-box;
  gap: var(--gap-50);
  max-width: 100%;
  z-index: 6;
  text-align: left;
  font-size: var(--font-size-17);
  color: var(--color-grey-11);
  font-family: var(--font-family-Font-1);
}
.divother-projects-eyebrow,
.eyebrow-caption {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.eyebrow-caption {
  flex-direction: column;
  gap: 10px;
  text-align: left;
  font-size: var(--font-size-11);
  color: var(--color-grey-60);
  font-family: var(--font-family-Font-1);
}
.divother-projects-eyebrow {
  height: 17px;
}
.continuer-la-visite {
  height: 17px;
  width: var(--width-1840);
  position: relative;
  letter-spacing: var(--letter-spacing-1-98);
  line-height: var(--font-size-17);
  text-transform: uppercase;
  font-weight: var(--font-weight-500);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.h2other-projects-title {
  align-self: stretch;
  height: 81px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-9);
  box-sizing: border-box;
  font-size: var(--font-size-72);
  color: var(--color-white-solid);
}
.autres-projets2 {
  margin: 0;
  height: 72px;
  width: var(--width-1840);
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-44);
  line-height: var(--font-size-72);
  font-weight: var(--font-weight-700);
  font-family: inherit;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.divother-projects-grid {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-end;
  gap: var(--gap-50);
  max-width: 100%;
}
.component-4,
.divmini-card-thumbmargin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.component-4 {
  height: 412.9px;
  width: 448.5px;
  border-radius: var(--br-18);
  background-color: var(--color-grey-16);
  border: var(--border-1);
  box-sizing: border-box;
  padding: var(--padding-12) var(--padding-12) var(--padding-18);
  max-width: 100%;
  cursor: pointer;
  text-align: left;
  font-size: var(--font-size-10-5);
  color: var(--color-grey-60);
  font-family: var(--font-family-Font-1);
}
.divmini-card-thumbmargin {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) var(--padding-14);
}
.divmini-card-thumb-icon {
  align-self: stretch;
  border-radius: var(--br-12);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.divmini-card-meta,
.divmini-card-metamargin {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-6);
}
.divmini-card-meta {
  padding: var(--padding-0) var(--padding-8);
}
.ux-ui {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-1-26);
  line-height: 16.3px;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
}
.divmini-card-name {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-8);
  font-size: var(--font-size-17);
  color: var(--color-white-solid);
}
.cooked {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-0-17);
  line-height: var(--lh-26_4);
  font-weight: var(--font-weight-600);
  color: inherit;
  text-decoration: none;
}
.component-42,
.divmini-card-thumbmargin2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.component-42 {
  height: 412.9px;
  width: 448.5px;
  border-radius: var(--br-18);
  background-color: var(--color-grey-16);
  border: var(--border-1);
  box-sizing: border-box;
  padding: var(--padding-12) var(--padding-12) var(--padding-18);
  max-width: 100%;
  cursor: pointer;
  text-align: left;
  font-size: var(--font-size-30);
  color: var(--color-white-95);
  font-family: var(--font-family-Font-1);
}
.divmini-card-thumbmargin2 {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) var(--padding-14);
  text-align: center;
}
.divmini-card-thumb,
.divmini-card-thumb-placeholde {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.divmini-card-thumb {
  border-radius: var(--br-12);
  overflow: hidden;
}
.divmini-card-thumb-placeholde {
  flex: 1;
  background: linear-gradient(
    126.87deg,
    var(--color-grey-10),
    var(--color-orange-23)
  );
  padding: 134.2px var(--padding-16) 135.7px;
  box-sizing: border-box;
  max-width: 100%;
}
.hunter-x-rp {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-0-3);
  line-height: var(--line-height-46-5);
  font-weight: var(--font-weight-700);
  font-family: inherit;
  text-shadow: var(--text-shadow-1);
}
.divmini-card-metamargin2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-6);
  font-size: var(--font-size-10-5);
  color: var(--color-grey-60);
}
.divmini-card-thumb-placeholde2 {
  align-self: stretch;
  flex: 1;
  background: linear-gradient(
    126.87deg,
    var(--color-azure-36),
    var(--color-azure-53)
  );
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 134.2px var(--padding-16) 135.7px;
  box-sizing: border-box;
  max-width: 100%;
}
.component-5 {
  height: var(--height-100);
  width: var(--width-200);
  border-radius: var(--br-18);
  background-color: var(--color-yellow-50);
  border: var(--stroke-weight-1) solid var(--color-yellow-50);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-18) var(--padding-9) var(--padding-8);
  gap: 12px;
  cursor: pointer;
}
.spanmini-card-cta-label-wrapper {
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-14);
}
.spanmini-card-cta-label,
.spanmini-card-cta-label-wrapper {
  display: flex;
  align-items: flex-start;
}
.content-marker {
  height: 27px;
  width: 152px;
  position: relative;
  letter-spacing: var(--letter-spacing-0-17);
  line-height: var(--lh-26_4);
  font-weight: var(--font-weight-600);
  color: inherit;
  display: inline-block;
  text-decoration: none;
}
.svgmini-card-cta-arrowmargin {
  display: flex;
  align-items: flex-start;
  padding: 0.1px var(--padding-0) 0.9px;
}
.component-13 {
  height: 30px;
  width: 30px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.indicator-style-icon {
  position: absolute;
  height: 41.67%;
  width: 41.67%;
  top: 29.33%;
  right: 29%;
  bottom: 29%;
  left: 29.33%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  filter: brightness(0);
}
.next-project {
  align-self: stretch;
  border-bottom: var(--border-1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-40) var(--padding-100);
  z-index: 7;
  text-align: left;
  font-size: var(--font-size-111);
  color: var(--color-grey-60);
  font-family: var(--font-family-Font-3);
}
.component-18 {
  align-self: stretch;
  min-height: 155px;
  border-radius: var(--br-24);
  background-color: var(--color-grey-16);
  border: var(--border-1);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: var(--padding-40);
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.div4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-xs);
  flex: 1;
  min-width: 0;
}
.projet-suivant {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-1-981);
  line-height: var(--line-height-17);
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
}
.divnext-name {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-48);
  color: var(--color-white-solid);
}
.cooked-branding {
  margin: 0;
  width: auto;
  max-width: 100%;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-441);
  line-height: var(--font-size-48);
  font-weight: var(--font-weight-6001);
  font-family: inherit;
  display: flex;
  align-items: center;
}
.divnext-arrow {
  width: 64px;
  height: 64px;
  border-radius: var(--br-32);
  background-color: var(--color-yellow-50);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
}
.component-44 {
  width: 22px;
  height: var(--height-22);
  position: relative;
  overflow: hidden;
}
.orient-icon {
  position: absolute;
  height: 41.82%;
  width: 41.82%;
  top: 29.09%;
  right: 29.09%;
  bottom: 29.09%;
  left: 29.09%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.footer {
  align-self: stretch;
  background-color: var(--color-grey-14);
  border-top: var(--border-1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px var(--padding-36) var(--padding-30);
  z-index: 8;
  text-align: left;
  font-size: var(--font-size-13);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-1);
}
.divfooter-top {
  align-self: stretch;
  border-bottom: var(--border-1);
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-template-rows: 170.89100646972656px;
  gap: var(--gap-40);
  padding-bottom: var(--padding-40);
  overflow: auto;
}
.divfooter-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 60.7px;
  gap: 22.1px;
  grid-column: 1;
  grid-row: 1;
  flex-shrink: 0;
  font-size: var(--font-size-141);
  color: var(--color-grey-60);
}
.alogo-icon {
  width: 44px;
  height: 44px;
  object-fit: cover;
  cursor: pointer;
}
.p6 {
  width: 360px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: var(--width-360);
}
.uxui-designer-bas {
  position: relative;
  line-height: var(--line-height-21-71);
}
.divfooter-col {
  width: var(--width-345_6);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--font-size-161);
  grid-column: 2;
  grid-row: 1;
  flex-shrink: 0;
}
.navigation {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-0-78);
  line-height: var(--lh-20_2);
  font-weight: var(--font-weight-600);
}
.li,
.ul {
  align-self: stretch;
  flex-direction: column;
}
.ul {
  display: flex;
  align-items: flex-start;
  font-size: var(--font-size-141);
  color: var(--color-grey-60);
}
.li {
  padding: var(--padding-6) var(--padding-0);
}
.component-7,
.divfooter-col2,
.li {
  display: flex;
  align-items: flex-start;
}
.component-7 {
  align-self: stretch;
}
.divfooter-col2 {
  width: var(--width-345_6);
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) 33.7px;
  box-sizing: border-box;
  gap: var(--font-size-161);
  grid-column: 3;
  grid-row: 1;
  flex-shrink: 0;
}
.sign-content {
  flex: 1;
  position: relative;
  line-height: var(--line-height-21-71);
  color: inherit;
  text-decoration: none;
}
.divfooter-col3 {
  width: var(--width-345_6);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 33.7px;
  box-sizing: border-box;
  gap: var(--font-size-161);
  grid-column: 4;
  grid-row: 1;
  flex-shrink: 0;
}
.divfooter-bottom,
.span7 {
  align-self: stretch;
  display: flex;
}
.divfooter-bottom {
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 25px var(--padding-0) var(--padding-0);
  gap: 0 var(--gap-20);
  z-index: 2;
  color: var(--color-grey-60);
}
.span7 {
  align-items: flex-end;
  padding: var(--padding-0) var(--padding-0) 0.1px var(--padding-0);
}
.design-et-cod,
.ilan-bargain {
  height: 21px;
  width: 247.2px;
  position: relative;
  line-height: var(--lh-20_2);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.design-et-cod {
  width: 322.1px;
}
@media screen and (max-width: 1890px) {
  .nerion-soft {
    height: auto;
  }
  .detail-projet {
    flex-wrap: wrap;
  }
  .divchapter-head-parent {
    height: auto;
  }
  .divchapter-head {
    flex-wrap: wrap;
  }
  .divchapter-head-group {
    height: auto;
  }
  .couleur {
    flex-wrap: wrap;
  }
  .divchapter-head3 {
    height: auto;
    flex-wrap: wrap;
  }
  .expression,
  .type-specification {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1425px) {
  .detail-projet2 {
    flex-wrap: wrap;
  }
  .divchapter-head-parent {
    height: auto;
  }
  .divchapter-head {
    flex-wrap: wrap;
  }
  .divchapter-head-group {
    height: auto;
  }
  .hittin-riyadh-wrapper {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }
  .divchapter-head3 {
    height: auto;
    flex-wrap: wrap;
  }
  .recherches,
  .volution-mascotte {
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }
  .volution-mascotte {
    padding-top: var(--padding-65);
  }
  .divmascot-poses {
    gap: 291px;
  }
  .rseaux-sociaux {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }
  .final-stage {
    padding-left: 140px;
    padding-right: 140px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 950px) {
  .case-hero {
    gap: var(--gap-16);
    padding-bottom: 32px;
    box-sizing: border-box;
  }
  .nerion-soft3 {
    font-size: 60px;
    line-height: 90px;
  }
  .detail-projet2 {
    gap: var(--gap-20);
  }
  .contexte {
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }
  .divchapter-head-parent {
    height: auto;
    gap: var(--gap-25);
  }
  .divchapter-head {
    flex-wrap: wrap;
  }
  .objectifs-contraintes {
    font-size: var(--fs-45);
    line-height: var(--lh-45);
  }
  .divprose {
    max-width: 100%;
  }
  .da-couleurs {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }
  .divchapter-head-group {
    height: auto;
    gap: var(--gap-25);
  }
  .hittin-riyadh {
    gap: var(--gap-20);
  }
  .divchapter-prose {
    max-width: 100%;
  }
  .couleur {
    gap: var(--gap-20);
  }
  .typographie {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }
  .typography-details {
    gap: var(--gap-25);
  }
  .divchapter-head3 {
    height: auto;
    flex-wrap: wrap;
  }
  .divtypo-spec-parent,
  .p-parent {
    gap: var(--gap-20);
  }
  .colo-pro {
    font-size: 51px;
    line-height: 49px;
  }
  .recherches {
    padding-bottom: var(--padding-42);
    box-sizing: border-box;
  }
  .component-3 {
    padding-bottom: var(--padding-28);
  }
  .component-3,
  .component-32,
  .component-33 {
    padding-top: var(--padding-100);
    box-sizing: border-box;
  }
  .component-32 {
    padding-bottom: 21px;
  }
  .component-33 {
    padding-bottom: var(--padding-28);
  }
  .component-34 {
    height: auto;
    gap: 47px;
    flex-wrap: wrap;
    padding-left: 101px;
    box-sizing: border-box;
  }
  .enclosure-wrapper,
  .volution-mascotte {
    padding-top: var(--padding-100);
    box-sizing: border-box;
  }
  .volution-mascotte {
    padding-top: var(--padding-42);
    padding-bottom: var(--padding-42);
  }
  .visualization {
    gap: var(--gap-20);
  }
  .expression {
    gap: var(--gap-50);
  }
  .divmascot-poses {
    gap: 146px;
  }
  .rseaux-sociaux {
    gap: var(--gap-25);
    padding-top: var(--padding-42);
    padding-bottom: var(--padding-42);
    box-sizing: border-box;
  }
  .divprose2 {
    max-width: 100%;
  }
  .final-stage {
    padding-left: 70px;
    padding-right: 70px;
    box-sizing: border-box;
  }
  .autres-projets {
    gap: var(--gap-25);
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }
  .autres-projets2 {
    font-size: 58px;
    line-height: 58px;
  }
  .divother-projects-grid {
    gap: var(--gap-25);
  }
  .hunter-x-rp {
    font-size: var(--fs-24);
    line-height: 37px;
  }
}
@media screen and (max-width: 450px) {
  .navigation-principale {
    display: none;
  }
  .nerion-soft3 {
    font-size: 37px;
    line-height: 60px;
  }
  .divchapter-head-parent {
    height: auto;
  }
  .divchapter-head {
    flex-wrap: wrap;
  }
  .objectifs-contraintes {
    font-size: var(--fs-34);
    line-height: var(--lh-34);
  }
  .da-couleurs {
    padding-top: var(--padding-42);
    padding-bottom: var(--padding-42);
    box-sizing: border-box;
  }
  .divchapter-head-group {
    height: auto;
  }
  .ba7bc {
    font-size: var(--fs-22);
    line-height: 35px;
  }
  .divchapter-head3 {
    height: auto;
    flex-wrap: wrap;
  }
  .colo-pro {
    font-size: 38px;
    line-height: var(--lh-36);
  }
  .recherches {
    padding-bottom: 27px;
    box-sizing: border-box;
  }
  .le-plumeau-numrique {
    font-size: 21px;
    line-height: var(--lh-22);
  }
  .component-34 {
    gap: 23px;
    padding-left: var(--padding-20);
    box-sizing: border-box;
  }
  .volution-mascotte {
    padding-top: 27px;
    padding-bottom: 27px;
    box-sizing: border-box;
  }
  .expression {
    gap: var(--gap-25);
  }
  .ours-cool,
  .ours-loupe {
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .ours-cool {
    gap: var(--gap-26);
    padding-top: var(--padding-64);
  }
  .ours-loupe {
    gap: 24px;
    padding-top: 62px;
    padding-right: var(--padding-20);
  }
  .divmascot-poses {
    gap: 73px;
  }
  .final-stage {
    padding-top: 52px;
    padding-bottom: 51px;
    box-sizing: border-box;
  }
  .grer-un-projet {
    font-size: 19px;
  }
  .autres-projets {
    padding-top: var(--padding-42);
    padding-bottom: var(--padding-42);
    box-sizing: border-box;
  }
  .autres-projets2 {
    font-size: 43px;
    line-height: 43px;
  }
  .hunter-x-rp {
    font-size: var(--fs-18);
    line-height: var(--lh-28);
  }
}