body {
    --yellow:#F5A055;
    --brown: #472A13;
    --camel: #E7DAC5;
    --txt-color:#211F20;
    --bg-light-grey:#F5F5F5;
}

a.btn-primary {
  background-color: var(--yellow);
  padding: 8px 24px;
  color: white;
  font-weight: 500;
  border-radius: 2px;
  text-transform: uppercase;
}


/* CSS utilisé par le site et Netadmin */
.liste-etapes {
  display: flex;
  gap: 32px;
  flex-direction: column;
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
}
.chips {
    width: fit-content;
    margin: 0 auto 32px;
    max-width: 1200px;
}
.chips ul {
    padding: 0px;
}
.container.chips li {
  font-weight: 500;
}
.col-2.etape .col-d {
  padding: 0 32px;
  width: 80%;
}
.etapes.container h2 {
  width: 1200px;
  margin: 0 auto 32px;
  max-width: 100%;
}
.chips ul {
  padding: 0px;
}
.chips li {
  margin: 24px 0;
  display: flex;
  gap: 16px;
}
.col-2.etape .col-g{
  display: flex;
}
.col-2.etape .col-g img{
  width: 100%;
  border-radius: 4px 0 0 4px;
}
.col-2.etape {
    background: #F6F6F6;
    border-radius: 6px;
    border: 4px solid var(--yellow);
    box-shadow: 8px 8px 0px 0px var(--brown);
    display: flex;
    align-items: center;
}