.menu-plain-text{
  bottom: 1.5em;
   top: auto;
   position: fixed;
   width: 34vw;
   margin-left: 33vw;
   display: flex;
   justify-content: space-evenly;
   border: 1px solid var(--fond);
   border-radius: 2em;
   padding: .4rem 0 .3rem 0;
   height: auto;
   font-size: 0.53rem;
  font-family: "BasicallySans";
  text-transform: uppercase;
}
.menulang{
  position: absolute;
top: 1.5em;
right: 1.5em;
border: 1px solid var(--fond);
border-radius: 2em;
padding: .7rem .4rem .7rem .4rem;
display: flex;
flex-direction: column;
text-align: center;
text-transform: uppercase;
font-size: 0.53rem;
font-family: "BasicallySans";
}
.menulang a:nth-child(1){
  border-bottom: 1px solid var(--fond);
  padding-bottom: .3rem;
}
.menulang a:nth-child(2){
  padding-top: .4rem;
}

menu a:hover{
  color:var(--vio);
}

#container {
           height: 100vh;
           display: flex;
           justify-content: center;
           align-items: center;
           background: rgb(2,0,36);
background: linear-gradient(0deg, var(--vio) -20%, rgba(0,212,255,0) 50%);
       }

.center+p{
  text-align: center;
}
.menu-plain-text .vio{

}
.menu-plain-text .vio:hover{
  color:var(--fond);
}

.main-plain-text{
  /* padding: 0 25vw 20em 25vw; */
  position: relative;
  max-width: 44em;
  margin: auto;
}


.colophon{
  columns: 2;
}
.main-plain-text img{
  width: 90%;
  margin: 3em auto 3em auto;
  display: block;
}
img.opening{
  margin-bottom: -1.1em ;
}
.main-plain-text *{
  box-sizing: content-box;
  line-height: 1.25;
  text-indent: 0em;
  font-family: "BasicallySerif";
  font-size: 0.8rem;
}
.preco p{
  box-sizing: content-box;
  line-height: 1.25;
  text-indent: 0em;
  font-family: "BasicallySerif";
  font-size: .8rem;
}
.main-plain-text ul{
  margin-left: 0;
  margin-top: 1em;
  list-style-type: none;
}
.main-plain-text blockquote p{
  font-family: 'BasicallySans';
  color: var(--fond);
  font-size: 1.6rem;
    line-height: 1.1;
}
.main-plain-text blockquote strong{
  display: block;
  margin-top: .3em;
  text-align: right;
  font-weight: normal;
}
.main-plain-text blockquote{
  border: 0;
  margin: 3em 0 3em 0;
  padding: 0;
}
.main-plain-text li{
  /* text-indent: -1.2em; */
/* margin-left: 1.2em; */
margin-bottom: 1em;
}
.main-plain-text li::before{
  content: '— ';
}
.main-plain-text ul:nth-of-type(1){
}
.main-plain-text ul:nth-of-type(1) li::before{
  content: '';
}
.main-plain-text ul:nth-of-type(1) li:nth-child(2n){
}
.grandtitre{
  text-align: center;
}
.order{
  display: flex;
  justify-content: space-evenly;
}
.infohide{
  display: none;
}
.main-plain-text ul:nth-of-type(2) li{
  margin-bottom: 0;
}
.order2 h3{
  display: inline-block;
}
.order2{
  position: fixed;
  bottom:1em;
  left:1em;
  width: 13em;
}
.order2>div{
  margin-top: 1.7em;
}
.order2 button span{
  font-size: 0.75rem !important;
}
.dons p{
  font-family: "BasicallySerif";
}
.via{
  margin-top: .3em;
  font-size: var(--font-base) !important;
}
.faireundon a{
  color:inherit;
}
.image-item-plaintext{
  width: 100vw;
  height: 80vh;
}
.st{
  font-size: .65rem;
}
.preco .st{
  font-size:.65rem;
  display: block;
}

.main-plain-text h1, .preco h1{
  margin: 0;
  padding: 0;
  font-family: "Ferro";
  -webkit-text-stroke: 2px var(--vio);
  font-size: 5.5rem;
  color:var(--vio);
  margin-top: .5em;
  line-height: .7;
  margin-bottom: .13em;
  text-align: center;
}
.preco h1{
  color: var(--fond);
      -webkit-text-stroke: 2px var(--fond);
      margin-bottom: .5em;
      transform: scaleY(2.5);
}
/* .main-plain-text h1:nth-of-type(1){
  font-family: "BasicallySerif";
    font-size: 5.6rem;
    -webkit-text-stroke: .14em var(--vio);
    transform: scaleY(4);
    margin-left: -.1em;
    margin-bottom: .78em;
    margin-top: 3em;
    transform-origin: center;
    font-style: italic;
    z-index: -999;
    position: relative;
} */
.main-plain-text h1:nth-of-type(7){
  font-family: 'Ferro';
    font-size: 10rem;
    -webkit-text-stroke: 2px var(--vio);
    transform: scaleX(1) scaleY(2.1);
    margin-left: -0.1em;
    margin-bottom: .39em;
    margin-top: .8em;
    transform-origin: center;
    z-index: -999;
    position: relative;
}
.preco{
  background: var(--vio);
  z-index: 9999;
  position: relative;
  text-align: center;
  margin-top: 8em;
  padding-top: 2em;
  padding-bottom: 4em;
}
.preco img{
  width: 50%;
  margin: auto;
  display: inline-block;
  margin-bottom: 0.8rem;
  z-index: 9999;
  position:relative;
}
#michauxtitre{
  font-family: "Michaux" !important;
    transform: scaleX(1.45) scaleY(6);
    margin-left: -.1em;
    margin-bottom: 1.4em;
  margin-top: 3em;
  transform-origin: center;
  z-index: -999;
  position: relative;
  color:var(--vio);
}
#michauxtitre+h3{
  color:var(--fond);
  margin-bottom: 8em;
}

.main-plain-text h1:nth-of-type(1){
  font-family: "Pira";
      font-size: 4rem;
      -webkit-text-stroke: 0px var(--vio);
      transform: scaleX(1) scaleY(3.1);
      margin-left: -.4em;
      margin-bottom: .6em;
      margin-top: 3em;
      transform-origin: center;
      z-index: -999;
      position: relative;
    }
.main-plain-text h1:nth-of-type(5){
  font-family: "Pira";
      font-size: 5rem;
      -webkit-text-stroke: 0px var(--vio);
      transform: scaleX(1) scaleY(4);
      margin-left: -.7em;
      margin-bottom: 1.2em;
      margin-top: 3.4em;
      transform-origin: center;
      z-index: -999;
      position: relative;
}
.main-plain-text h1:nth-of-type(3){
  transform: scaleY(3);
      margin-left: -.19em;
      margin-bottom: .8em;
      font-size: 5.8rem;
      margin-top: 2em;
      transform-origin: center;
      z-index: -999;
      position: relative;
      /* text-transform: uppercase;*/
}
.main-plain-text h1+h1, h6.deb{
  margin: 0;
    margin-top: 0px;
  padding: 0;
  font-family: "BasicallySans";
  letter-spacing: .1em;
  -webkit-text-stroke: 0px var(--vio);
  font-size: 0.9rem;
  color: white;
  margin-top: -0.6em;
  line-height: 2.3;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
}
.main-plain-text h2, .preco h2{
  margin: 0;
  padding: 0;
  font-family: "BasicallySans";
  font-size: 1rem;
  margin-top: 2em;
}
.main-plain-text h3, .preco h3{
  margin: 0;
  padding: 0;
  font-family: "BasicallySans";
}
.preco h3{
      line-height: 1;
}
.main-plain-text h3+h3{
  color:var(--vio);
}
.main-plain-text a{
  color:var(--vio);
}
.main-plain-text a:hover{
  color:var(--fond);
}
h3.center{
  color:var(--vio);
  text-transform: uppercase;
}
.main-plain-text button, .preco button{
  color:var(--vio);
  border: 1px solid var(--fond);
  border-radius: 2em;
  padding: .4rem .9rem .3rem .9rem;
  height: auto;
  margin-top: .3em;
  text-transform: uppercase;
}
.main-plain-text button:hover{
      color: var(--fond);
}
.preco h3+h3{
  color:var(--terne);
  font-size: 1.4em;
  text-transform: uppercase;
}
.preco button{
  margin-left: auto;
  margin-right: auto;
  color:var(--terne);
  font-size: 1.4em;
}
[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
  background:none;
  color:var(--fond);
  margin:0;
  padding:0;
}
[type="text"]:focus{
  background: none;
  color:var(--fond);
}
p+p:nth-of-type(4),p+p:nth-of-type(2){
  text-indent: 0 !important;
}
h1:nth-of-type(4){
  margin-bottom:4em !important;
}
h1+h1:nth-of-type(2){
  margin-bottom: 4em;
}
h1+h1:nth-of-type(6) {
    margin-bottom: 4em;
}
h1+h1:nth-of-type(8) {
    margin-bottom: 4em;
}
.infossup{
  position: absolute;
  top:1.5em;
  left:1.5em;
  text-align: left;
  font-family: "BasicallySans";
}
.infossup img{
  margin-bottom: .4em;
  height: 5em;
}
.infossupport{
  display: none;
}
.main-plain-text button span{
  display: block;
  font-family: "BasicallySans";
  font-size: 0.53rem;
}
.main-plain-text button{
  background: var(--terne);
}
.footer-text .footer{
  padding:0 3em 2em 3em;
  margin-top: 0;
}
.footer-text menu{
  background: var(--vio);
}
.footer-text .footer h3{
  color:var(--terne);
  font-family: "BasicallySans";
  text-transform: "uppercase";
}
.preco button span {
    display: block;
    font-family: "BasicallySans";
}
.preco button:hover {
    color: var(--fond);
}
.footer-text .narrow{
  font-family: "BasicallySerif" !important;
}
.footer-text .inside-menu{
  height: auto;
}
.preco .order{
  margin: auto;
  max-width: 66em;
  position: relative;
  text-align: center;
}
.order>div{
  width: 24em;
}
.stretch{
  transform: scaleX(1.5);
  transform-origin: center;
  color:var(--vio);
}
p+p{
  text-indent: 2em !important;
}
p:has(img)+p{
  text-indent: 0em !important;
}

.h3{
  color: var(--terne);
  font-size: 1.4em;
  text-transform: uppercase;
}
.dons{
  margin-top: 2em;
}
.barredon{

}
.dons{
  max-width: 44em;
  margin:4em auto 0 auto;
}
.dons hr{
  margin-bottom: 7em;
}





























@-webkit-keyframes rotatingAnimation {
  0% {
    transform: rotateX(16deg) translate3d(0, 0, 0px) rotateY(0deg);
  }
  100% {
    transform: rotateX(16deg) translate3d(0, 0, 0px) rotateY(360deg);
  }
}
@keyframes rotatingAnimation {
  0% {
    transform: rotateX(16deg) translate3d(0, 0, 0px) rotateY(0deg);
  }
  100% {
    transform: rotateX(16deg) translate3d(0, 0, 0px) rotateY(360deg);
  }
}
.bg {
  position: absolute;
  background: url(../../../pages/06.plain-text/pt1.jpeg) no-repeat;
  background-size: cover;
  filter: blur(15px);
  width: 100vw;
  height: 100vh;
}


.container {
  width: 100vw;
  height: 100vh;
  perspective: 1200px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 75%) center center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menulangport{
  display: none;
}

.snipcart-featured-payment-methods__title {
    padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1024px) {
    .snipcart-item-line__quantity {
        min-width: 340px;
    }
}

@media screen and (max-width: 40em) {
  body{
    padding:0;
  }
  .preco button{
    padding:.4em 1em .2em 1em
  }
  .main-plain-text img {
    width: 100%;
}
  .infossup div{
    display: none;
  }
  .infossup{
    top:1em;
    left:1em;
  }
  .infossupport{
    display: block;
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    text-align: right;
    font-family: "BasicallySans";
  }
.h3{
  font-size: 1.4em !important;
}
  .main-plain-text * {
    box-sizing: content-box;
    line-height: 1.25;
    text-indent: 0em;
    font-family: "BasicallySerif";
    font-size: 2rem;
}
.main-plain-text{
  overflow: hidden;
  padding: 0 1em 1em 1em;
}
.preco img{
  width: 100%;
}
#container {
    width: auto;
  }
  .preco h1 {
    padding-top: 1em;
    margin-bottom: 1.3em;
  }
.menu-plain-text{
  font-size: 1.7rem;
        bottom: 1em;
        left: 20vw;
        right: auto;
        width: 60vw;
        margin-left: 0;
}
.main-plain-text blockquote p {
    font-size: 2.5rem;
}

.main-plain-text h2, .preco h2 {
    font-size: 2.5rem;
}
.main-plain-text h1+h1, h6.deb{
  font-size: 1.9rem;
}
.order2{
  display: none;
}
menu:not(.footer) a:not(.vio){
  display: none;
}
.porttext{
  display: none;
}
.footer-text .footer {
    padding: 0 1em 1em 1em;
}
hr {
    margin: 7em 0 2em 0;
}

.footer-text .footer h3{
  margin-top: 1em;
}
.preco p{
  line-height: 1.25;
  text-indent: 0em;
  font-family: "BasicallySerif";
  font-size: 2rem;
}
.order>div{
  width: auto;
  margin-top: 3em;
}
.preco{
  padding: 0 1em 0 1em;
}
.preco .order{
  flex-direction: column;
}
.preco h3{
  font-size: 2.4em;
}
.menulang{
        display: none;
}
.menulangport{
  display: inline-block;
  position: absolute;
  padding: .4rem .7rem .3rem .7rem;
  border:1px solid var(--fond);
  background: var(--terne);
  border-radius: 2em;
  text-transform:uppercase;
  bottom:1em;
  left:1em;
  font-family: "BasicallySans";
  font-size: 1.7rem;
}
.menulangport:nth-of-type(1){
  right:1em;
  left:auto;
}
}