@font-face {
  font-family: "B.S";
  src:
    url('fonte/B.S.-Mono-Regular.woff') format('woff2 supports variations'),
    url('fonte/B.S.-Mono-Regular.woff2') format('woff2-variations');
  font-weight: 300 900;
}


@font-face {
  font-family: "enclav";
  src:
    url('fonte/EnclavAcadam-Regular.woff') format('woff2 supports variations'),
    url('fonte/EnclavAcadam-Regular.woff2') format('woff2-variations');
  font-weight: 300 900;
}

/*parametre généraux*/

h1{
  font-family: "enclav";
  font-size: 7cm;
  margin-left: -12mm;
  padding: 1cm;
  margin-top: 16mm;
   color: rgb(255, 255, 255);
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: rgb(238, 48, 255);
}


body{
  font:20px/1.1em arial, sans-serif;
  background:lightgray;
    --paged-layout: booklet; 
  margin: 0;
}

@page :first {
 
}

div{
  break-before: page;
 page-break-before: always;
}

@page {
  size: 148mm 210mm;
  margin: 0cm;
}
/* on peut également définir des comportements différents pour les 
pages de gauche et de droite ; ici, les “petits” et “grands fonds”
– marges intérieures et extérieures – sont inversés */
@page :left{
  margin: 5mm 0mm 0mm 5mm; 
}
@page :right{
  margin: 5mm 5mm 0mm 0mm;
}


/*
@page :left{ 
  @bottom-left {
    content: counter(page);
  }
}
@page :right{ 
  @bottom-right {
    content: counter(page);
  }
}
/* pas de numéro de page pour la couverture */
@page macouverture {
  @bottom-right { content: none; }
  @bottom-left { content: none; }
}

/*parametre paratagées*/

.simple{
  width: 100%;
  margin-top: 1cm;
}

.little{
  width: 6cm;
  position: absolute;
}


p{
  position: absolute;
  font-size: 12pt;
  font-family: "B.S";

}




/*pages*/

.page1{ margin-top: 1cm;
margin-bottom: 1cm;
  width: 100%;}

#text1{
  margin-top: -52.7mm;
  margin-left: 16mm ;
}
#text2{
  margin-top: 40.5mm;
  margin-left: 29mm ;
}

.semipage{

  display: flex;
  justify-content: center;
  align-items: center;

}

#page3 {
  width: 60%;
  align-items: center;
justify-content: center;
}

#page3_2{
  position: absolute;
  margin-top: 20.8cm;
  margin-left: 20.5cm;
  width: 130%;
}
#page3_3{
 width: 130%;
  margin-top: 15.1cm;
}
#page3_4{
 width: 130%;
  margin-top: 15.1cm;
  position: absolute;
  
}
#page3_5{
 width: 130%;
  margin-top: 11.7cm;
  margin-left: 8.1cm;
  position: absolute;
}


#page3_7{
 width: 130%;
  margin-top: 15.1cm;
  margin-left: -8cm;
  position: absolute;
  
}

#page3_8{
 width: 130%;
  margin-top: 11.7cm;
  margin-left: 0cm;
  position: absolute;
  
}

#page3_9{
 width: 130%;
  margin-top: 11.7cm;
  margin-left: 0cm;
  position: absolute;
  
}
#page3_10{
 width: 130%;
  margin-top: 11.7cm;
  margin-left: -14.5cm;
  position: absolute;
  
}

.page11{
  position: absolute;
  margin-left: 0.8cm ;
  margin-top: 15mm;
  width: 95%;
}
#text3{
  margin-top: 50.8mm;
  margin-left: 24mm;
}
#text4{
  margin-top: 168mm;
  margin-left: 14mm;

  position: absolute;
  max-width: 100%;
}
.fullpage{
  
  position: absolute;
  margin-top: 1cm ;
}

#page12{
   width: 205%;
  margin-left: -14.3cm;
}


#page13{
   width: 205%;
}

#page14{
  position: absolute;
  width: 140%;
  margin-left: 4.3cm;
}

#page15{
  position: absolute;
  width: 140%;
  margin-left: -98.5mm;
}

#page191{
margin-left: 7cm;
margin-top: 2cm;
}

#page192{
margin-left: 2cm;
margin-top: 15cm;
}

#page22{
  margin-left: 2cm;
margin-top: 2cm;
}

#page231{
  margin-top: 13cm;
  margin-left: 45mm;
  width: 175%;
}

#page232{
  margin-top: 13cm;
  margin-left: -100mm;
  width: 175%;
}

#page24{
   margin-top: 13cm;
  width: 80%;
}

#page242{
  position: absolute;
  margin-left: -13.5mm;
  width: 130%;
}

#page251{
  position: absolute;
  margin-left: -4.2cm;
  width: 130%;
}

#page252{

  margin-left: 8.5cm;
  margin-top: 13cm;

}

#page271{
  
  width: 200%;
  margin-top: 5cm;
}
#page272{
  
  width: 200%;
  margin-top: 123.5mm;
  margin-left: -143mm;
}
#page27{
margin-top: 46mm;
margin-left: 35mm;
 }

#page281{
  width: 165%;
  position: absolute;
  margin-top: 2cm;
  margin-left: 1cm;
}

#page282{
  width: 165%;
  position: absolute;
  margin-top: 2cm;
  margin-left: -133mm;
}

#page29{
   position: absolute;
  margin-top: 1cm;
  margin-left: 87mm;
  width: 31%;
}

#page301{
  position: absolute;
  width: 110%;
  margin-top: 1cm;
}

#page302{
  position: absolute;
  width: 110%;
  margin-top: 1cm;
  margin-left: -142mm;
}

#page31{
position: absolute;
width: 71%;
margin-top: 1cm;
margin-left: 4.1cm;
}
 
#page321{
position: absolute;
width: 200%;
margin-top: 1cm;
margin-left: 0cm;
}
#page322{
position: absolute;
width: 200%;
margin-top: 1cm;
margin-left: -143mm;
}

#page331{
  width: 200%;
  margin-top: 1cm;
}

#page332{
  width: 200%;
  margin-top: 1cm;
margin-left: -143mm;
}

#page341{
  width: 120%;
  margin-top: 9cm;
}

#page372{
  width: 120%;
  margin-left: 114mm;
  margin-top: 2cm;
  position: absolute;
}

#page343{
  width: 120%;
  margin-top: 9cm;
position: absolute;
margin-left: -143mm;
}

#page37{
  width: 120%;
  margin-left: -28mm;
  margin-top: 2cm;
  position: absolute;
}

#page38{
     width: 120%;
  margin-top: 2cm;
position: absolute;
margin-left: 0mm;
}

#page391{
  position: absolute;
  width:140% ;
  margin-top: 7cm;
  margin-left: 86mm;
}
#page382{
     width: 120%;
  margin-top: 2cm;
position: absolute;
margin-left: -143mm;
}

#page39{
  position: absolute;
  width:140% ;
  margin-top: 7cm;
  margin-left: -57mm;
}

#page40{
     width: 200%;
  margin-top: 1cm;
position: absolute;
margin-left: 0mm;
}

#page401{
     width: 200%;
  margin-top: 1cm;
position: absolute;
margin-left: -143mm;
}

#page41{
     width: 200%;
  margin-top: 1cm;
position: absolute;
margin-left: 0mm;
}

#page411{
     width: 200%;
  margin-top: 1cm;
position: absolute;
margin-left: -143mm;
}


#page431{
  width: 100%;
  margin-top: 1cm;
  position: absolute;
  margin-left: 0mm;
}

#page44{
  width: 80%;
  margin-top: 13cm;
  position: absolute;
  margin-left: 0mm;
}

#page451{
 
  margin-top: 13cm;
  position: absolute;
  margin-left: 85mm;
}

#page46{
  margin-top: 1cm;
  margin-left: 0mm;
  position: absolute;
  width: 200%;
}
#page462{
  margin-top: 1cm;
  margin-left: -142.7mm;
  position: absolute;
  width: 200%;
}

#page481{
  margin-top: 4cm;
  margin-left: 0mm;
  position: absolute;
  width: 200%;
}
#page482{
  margin-top: 4cm;
  margin-left: -142.7mm;
  position: absolute;
  width: 200%;
}

#page492{
  margin-top: 12cm;
  margin-left: 10mm;
  position: absolute;
  width: 125%;
}
#page493{
  margin-top: 2cm;
  margin-left:0mm;
  position: absolute;
}

#page491{
  margin-top: 18mm;
  margin-left: 10mm;
  position: absolute;
  width: 94%;
}

#page4922{
  margin-top: 12cm;
  margin-left: -131.7mm;
  position: absolute;
  width: 125%;
}

#page50{
  margin-top: 1cm;
  margin-left: 35mm;
  position: absolute;
  width: 150%;
}
#page501{
  margin-top: 1cm;
  margin-left: -107.7mm;
  position: absolute;
  width: 150%;
}

#page52{
  margin-top: 3cm;
  margin-left: 0mm;
  position: absolute;
  width: 100%;
}
#page51{
  margin-top: 3cm;
  margin-left: 0mm;
  position: absolute;
  width: 100%;
}

#page53{
  margin-top: 1cm;
  margin-left: 0mm;
  position: absolute;
  width: 124%;
}

#page54{
  margin-top: 13cm;
  margin-left: 0mm;
  position: absolute;
  width: 100%;
}
#page531{
  margin-top: 1cm;
  margin-left: -143mm;
  position: absolute;
  width: 124%;
}


#page55{
  margin-top: 1cm;
  margin-left: 0mm;
  position: absolute;
  width: 200%;
}
#page552{
  margin-top: 1cm;
  margin-left: -142.7mm;
  position: absolute;
  width: 200%;
}

#text5{
margin-top: 60mm;
margin-left: 5mm;
}

#text6{
margin-top: 177mm;
margin-left: 92mm;
}

#text7{
  margin-top: 177mm;
margin-left: 92mm;
}

#text8{
  margin-top: -97mm;
margin-left: 15mm;
}
#text9{
  margin-top: 14mm;
margin-left: 36mm;
}
#text10{
  margin-top: 14mm;
margin-left: 36mm;
}

#text11{
  margin-top: 0mm;
  margin-left: 15mm;
}

#text12{
  margin-top: 105mm;
  margin-left: 30mm;
}

#text13{
  margin-top: 10mm;
  margin-left: 30mm;
}

#text14{
  margin-top: 116mm;
  margin-left: 66mm;
}
#text15{
  margin-top: 96mm;
  margin-left: 66mm;
}

#text16{
  margin-top: 172mm;
  margin-left: 23mm;
}
#text17{
  margin-top: 96mm;
  margin-left: 66mm;
}

#imagine{
   margin-top: 8cm;
  margin-left: -27mm;
  position: absolute;
  width: 120%;
}

#imagine2{
  margin-top: 8cm;
  margin-left: 115mm;
  position: absolute;
  width: 120%;
}