@charset "UTF-8";
@import url(//db.onlinewebfonts.com/c/21ad5cd61109b5225629213c756ce76e?family=Triptych-Italic);
@import url(//db.onlinewebfonts.com/c/0a3bec83f44b0dc2c15772d7242d845b?family=Triptych-Roman);
@import url(https://fonts.googleapis.com/css?family=Barlow:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Fanwood+Text:regular,italic);
@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:regular,italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Rammetto+One:regular);
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911:regular);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Marhey:300,regular,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Mono:100,200,300,regular,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:100,200,300,regular,500,600,700,100italic,200italic,300italic,italic,500italic,600italic,700italic);
@font-face {
  font-family: Impact;
  src: url("../../0.font.cyl.selection/impact.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: segoeLight;
  src: url("../../0.font.cyl.selection/segoeuil.ttf") format("truetype");
  font-weight: regular;
  font-style: normal;
}
@font-face {
  font-family: dejavuSansMono;
  src: url("../../0.font.cyl.selection/dejavuSansMono.ttf") format("truetype");
  font-weight: regular;
  font-style: normal;
}
@font-face {
  font-family: mogilte;
  src: url("../../0.font.cyl.selection/mogilte.otf") format("truetype");
  font-weight: regular;
  font-style: normal;
}
body {
  margin: 20px;
  background-color: #DDDDDD;
  color: #333333;
}

.cadre {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.ensemble {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 300px;
  padding: 7px 15px;
  text-align: justify;
  background: #EEEEEE;
  border: 3px solid #CCCCCC;
  border-radius: 15px;
  box-shadow: 3px 3px #CCCCCC;
}

.unTitre {
  margin-bottom: 10px;
  font-family: "Impact";
  font-size: 3em;
  font-weight: 900;
  text-transform: uppercase;
}

.unTexte1 {
  margin-bottom: 15px;
  font-family: "Triptych Italic";
  font-size: 0.8em;
  font-weight: 400;
  font-style: italic;
}

.unTexte2 {
  margin-bottom: 10px;
  font-family: "Triptych Roman";
  font-size: 0.8em;
  font-weight: 400;
}

.deuxTitre {
  margin-bottom: 10px;
  font-family: "Barlow";
  font-size: 3em;
  font-weight: 900;
  text-transform: uppercase;
}

.deuxTexte1 {
  margin-bottom: 15px;
  font-family: "Fanwood Text";
  font-size: 0.9em;
  font-weight: 400;
}

.deuxTexte2 {
  margin-bottom: 20px;
  font-family: "Quattrocento";
  font-size: 0.8em;
  font-weight: 400;
}

.troisTitre {
  margin-bottom: 10px;
  font-family: "Rammetto One";
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1em;
  text-transform: uppercase;
}

.troisTexte {
  margin-bottom: 20px;
  font-family: "Montserrat";
  font-size: 0.8em;
  font-weight: 400;
}

.quatreTitre {
  margin-bottom: 10px;
  font-family: "Goudy Bookletter 1911";
  font-size: 3em;
  font-weight: 900;
  line-height: 1em;
  text-transform: uppercase;
}

.quatreTexte {
  margin-bottom: 20px;
  font-family: "Noto Sans";
  font-size: 0.8em;
  font-weight: 400;
}

.cinqTitre {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Marhey";
  font-size: 3em;
  font-weight: 900;
  text-transform: uppercase;
  transform: skewY(6deg);
}

.cinqTexte {
  margin-bottom: 20px;
  font-family: "Montserrat";
  font-size: 0.8em;
  font-weight: 400;
  transform: skewY(6deg);
}

.sousEnsemble2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 300px;
  padding: 0px;
  text-align: justify;
  border: 0px solid red;
}

.sousEnsemble3 {
  width: 250px;
}

.sousensemble4 {
  align-self: flex-end;
  margin-right: 0px;
  width: auto;
}

.cercle {
  position: absolute;
  top: 1303px;
  left: 1092px;
  width: 50px;
  height: 50px;
  content: "";
  color: #FF850C;
  background: #DDDDDD;
  border: 6px solid #CCCCCC;
  border-radius: 50%;
}

.sixTitre {
  margin: 30px 0px;
  font-family: "Barlow Condensed";
  font-size: 4em;
  font-weight: 900;
  font-style: italic;
  writing-mode: vertical-lr;
  line-height: 0.4em;
  z-index: 2;
}

.sixTitre2 {
  margin: -20px 0px 10px;
  font-family: "segoeLight";
  font-size: 2.5em;
  color: #CCCCCC;
  text-align: center;
}

.sixTexte1 {
  clear: sideways;
  margin-bottom: 15px;
  font-family: "dejavuSansMono";
  font-size: 0.7em;
  font-weight: 400;
}

.sixTexte2 {
  margin-bottom: 20px;
  font-family: "Noto Sans Mono";
  font-size: 0.7em;
  font-weight: 400;
}

.sixTexte3 {
  margin-bottom: 20px;
  font-family: "segoeLight";
  font-size: 0.7em;
  font-weight: 100;
}

.septTitre {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: "mogilte";
  font-size: 3.5em;
  font-weight: 900;
  line-height: 1em;
}

.septTexte {
  margin-bottom: 20px;
  font-family: "Lato";
  font-size: 0.8em;
  font-weight: 400;
}

.huitTitre {
  margin-bottom: 30px;
  font-family: "mogilte";
  font-size: 2.8em;
  font-weight: 900;
  line-height: 1em;
}

.neufTitre {
  margin-bottom: 30px;
  font-family: "mogilte";
  font-size: 3em;
  font-weight: 900;
  line-height: 1em;
}

b {
  display: block;
  margin-bottom: -10px;
}

.disc {
  margin-bottom: 40px;
  position: relative;
  top: 10px;
  left: 140px;
  width: 20px;
  height: 20px;
  content: "";
  color: #FF850C;
  background: #CCCCCC;
  border: 3px solid #333333;
  border-radius: 50%;
}

.texte0 {
  margin-top: 0px;
  margin-bottom: 30px;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1em;
}

.texte0::before {
  white-space: pre;
  content: "ABCDEFGHIJKLMNOPQRSTUVWXYZ\a abcdefghijklmnopqrstuvwxyz\a\aÀÂÉÈÊËÎÏÔÙÛÜŸÇÆŒ\aàâéèêëîïôùûüÿçæœ\a\a 0123456789\a_.·;:¨°!°";
  line-height: 1em;
}

.unTexte0 {
  font-family: "Impact";
}

.deuxTexte0 {
  font-family: "Barlow";
  font-weight: 800;
}

.troisTexte0 {
  font-family: "Rammetto One";
  font-size: 0.7em;
}

.quatreTexte0 {
  font-family: "Goudy Bookletter 1911";
  font-weight: 600;
}

.cinqTexte0 {
  font-family: "Marhey";
  font-size: 0.7em;
  font-weight: 800;
}

.cinqTexte1 {
  transform: skewY(0deg);
}

.sixTexte0 {
  font-family: "Barlow Condensed";
  font-weight: 800;
  font-style: italic;
}

.septTexte0 {
  font-family: "mogilte";
  font-size: 0.7em;
  font-weight: 400;
}

.septTexte0::after {
  margin-bottom: 40px;
  white-space: pre;
  content: "\f000\f001\f002\f003\f004\f005\f006\f007\f008\f009\f00a\f00b\f00c\a\f00d\f00e\f00f\f010\f011\f012\f013\f014\f015\f016\f017\f018\f019  \a\a\f01a\f01b\f01c\f01d\f01e\f01f\f020\f021\f022\f023\f024\f025\f026\a\f027\f028\f029\f02a\f02b\f02c\f02d\f02e\a\a\f02f\f030\f031\f032\f033\f034\f035\f036\a\f037\f038\f039\f03a\f03b\f03c";
  font-size: 1.6em;
  font-weight: 400;
  letter-spacing: 0.3em;
  line-height: 1.1em;
}

.septTexte1 {
  font-family: "Lato";
  font-size: 0.7em;
  font-weight: 400;
}

.huitTexte0 {
  font-family: "mogilte";
  font-size: 0.7em;
  font-weight: 800;
}

.neufTexte0 {
  font-family: "mogilte";
  font-size: 0.7em;
  font-weight: 800;
}

.disc2 {
  left: 142px;
  width: 17px;
  height: 17px;
  border-radius: 0%;
}

.code {
  bottom: 10px;
  margin-top: 20px;
  font-family: "Roboto Mono";
  font-size: 0.6em;
  overflow-wrap: break-word;
  text-align: left;
}

a {
  color: #333333;
  text-decoration: none;
}

/*# sourceMappingURL=style.css.map */