:root{
  --rouge: #b7130f;
  --bleu: #013c73;
  --gris: #fafafa;

  --padding: 3.5vw;
  --margin: 5vw;
  --megaspace: calc(var(--margin)*2);
}


/* DESKTOP */
@media only screen and (min-width: 1600px) {
  :root{
    --padding: 40px;
    --margin: 80px;
  }
}

/* ###################################################################################################
##
## TYPO3 LAYOUTS (full, medium etc)
##
################################################################################################### */
.frame-layout-400{
  width: unset;
  margin-left: var(--negativeMarginForFull);
  margin-right: var(--negativeMarginForFull);
}

.frame-layout-100{
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.frame-layout-200{
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.frame-layout-300{
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.frame-layout-700{
  max-width: 85vw;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}