.drapeau {
  display:none;
}

body {
  background-color: black;

}


.tete {
  height: 100%;

  break-before: page;
  width: 100%;
  max-width: 4000px;
  height: 1000px;
  margin: 0px auto;
position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(9, 150px);

}

    #cover {
        break-after: left;

    }
#titreglob {
grid-column: 2/7;
grid-row: 2/4;


}
#titreglob p {
font-family: 'HEretica';
font-size: 150px;
margin: 0px;
text-align: center;

}
#titreglob:hover {
  color: white;
  transition: linear 1s;
}

#titrelivre {
grid-column: 3/6;
grid-row: 8;

}
#titrelivre p {
font-family: 'Terminal Grotesque Open';
font-size: 30px;
line-height: 10px;
margin: 0px;
text-align: center;

}

#creditlivre {
grid-column: 3/6;
grid-row: 1;


}
#creditlivre p {
font-family: 'Terminal Grotesque Open';
font-size: 8px;

margin: 0px;
text-align: center;
line-height: 5px;
}
#creditlivre:hover {
  color: white;
  transition: linear 0.2s;
}
  #couverture2 {
    grid-column: 2/7;
    grid-row: 4/7;


  }
  #couverture1 {
    display:none;
  }


    /* SECTION BREAKS -------------------------------- */

    .page {
        break-before: page;
        width: 100%;
        max-width: 4000px;
        height: 1000px;
        margin: 0px auto;
        position: relative;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(9, 600px);
    }

    #page1-p1 {
grid-column: 3/6;
grid-row: 3/5;


    }
#page1-p1 p {
font-family: 'Terminal Grotesque Open';
  font-size: 50px;
  margin: 0px;
text-align: left;
}
#page1-p:hover {
  color: white;
  transition: linear 0.2s;
}
#page1-p2 {
grid-column: 6/end;
grid-row: 1/7;


}
#page1-p2 p {
font-family: 'Terminal Grotesque Open';
font-size: 65px;
margin: 0px;

}
#page1-p3 {
grid-column: 5/end;
grid-row: 7/9;

}
#page1-p3 p {
font-family: 'Terminal Grotesque Open';
font-size: 75px;
writing-mode: vertical-rl;
margin: 0px;


}
#page1-p4 {
grid-column: 1/5;
grid-row: 7/end;

transform: rotate(0.5turn);

}
#page1-p4 p {
font-family: 'Terminal Grotesque Open';
font-size: 105px;
margin: 0px;



}
#page1-p5 {
grid-column: 1/3;
grid-row: 4/7;
}
#page1-p5 p {
font-family: 'Terminal Grotesque Open';
font-size: 52px;
writing-mode: vertical-rl;
transform: rotate(0.5turn);
margin: 0px;

}
#page1-p6 {
grid-column: 4/6;
grid-row: 5/7;



}
#page1-p6 p {
font-family: 'Terminal Grotesque Open';
font-size: 55px;
margin: 0px;


}
#photop1-1 {
  grid-column: 4;
  grid-row: 2;
width: 100%;
height: 100%;
}


#page2-p1 {
grid-column: 1/5;
grid-row: 5/7;



}
#page2-p1 p {
font-family: 'Terminal Grotesque Open';
font-size: 55px;
margin: 0px;


}

#page2-p2 {
grid-column: 5/end;
grid-row: 6/8;
}
#page2-p2 p {
font-family: 'Terminal Grotesque Open';
font-size: 40px;
margin: 0px;

writing-mode: vertical-rl;

}
#page2-p3 {
grid-column: 1/6;
grid-row: 9;

}
#page2-p3 p {
font-family: 'Terminal Grotesque Open';
font-size: 50px;
margin: 0px;

transform: rotate(0.5turn);

}
#page2-p4 {
grid-column: 1/5;
grid-row: 7/9;

}
#page2-p4 p {
font-family: 'Terminal Grotesque Open';
font-size: 50px;
margin: 0px;

writing-mode: vertical-rl;
transform: rotate(0.5turn);

}
#page2-p5 {
grid-column: 2/4;
grid-row: 1/5;

}
#page2-p5 p {
font-family: 'Terminal Grotesque Open';
font-size: 42px;
margin: 0px;

writing-mode: vertical-rl;
transform: rotate(0.5turn);

}
#page2-p6 {
grid-column: 4/end;
grid-row: 3/5;
}
#page2-p6 p {
font-family: 'Terminal Grotesque Open';
font-size: 62px;
margin: 0px;

}
#page2-p7 {
grid-column: 5/end;
grid-row: 1/3;

}
#page2-p7 p {
font-family: 'Terminal Grotesque Open';
font-size: 67px;
margin: 0px;

}
#photop2-1 {
  grid-column: 5;
  grid-row: 8;
width: 100%;
height: 100%;
transform: rotate(0.5turn);
}
#page3-p1 {
grid-column: 2;
grid-row: 1/5;

}

#page3-p1 p {
font-family: 'Terminal Grotesque Open';
font-size: 42px;
margin: 0px;

}

#page3-p2 {
grid-column: 3/6;
grid-row: 1/4;

}
#page3-p2 p {
font-family: 'Terminal Grotesque Open';
font-size: 92px;
margin: 0px;

writing-mode: vertical-rl;
}

#page3-p3 {
grid-column: 6/end;
grid-row: 2/4;

}

#page3-p3 p {
font-family: 'Terminal Grotesque Open';
font-size: 50px;
margin: 0px;

writing-mode: vertical-rl;
}

#page3-p4 {
grid-column: 4/end;
grid-row: 4/6;

}

#page3-p4 p {
font-family: 'Terminal Grotesque Open';
font-size: 50px;
margin: 0px;
transform: rotate(0.5turn);

}
#page3-p5 {
grid-column: 1/4;
grid-row: 5;

}

#page3-p5 p {
font-family: 'Terminal Grotesque Open';
font-size: 55px;
margin: 0px;
writing-mode: vertical-rl;
transform: rotate(0.5turn);

}
#page3-p6 {
grid-column: 2/6;
grid-row: 6/8;

}

#page3-p6 p {
font-family: 'Terminal Grotesque Open';
font-size: 92px;
margin: 0px;
writing-mode: vertical-rl;
transform: rotate(0.5turn);

}
#page3-p7 {
grid-column: 1/6;
grid-row: 8;

}

#page3-p7 p {
font-family: 'Terminal Grotesque Open';
font-size: 50px;
margin: 0px;
transform: rotate(0.5turn);

}
#page3-p8 {
grid-column: 6/end;
grid-row: 7/end;

}

#page3-p8 p {
font-family: 'Terminal Grotesque Open';
font-size: 92px;
margin: 0px;
transform: rotate(0.5turn);
}
#photop3-1 {
  grid-column: 6/end;
  grid-row: 6;
width: 100%;
height: 100%;
transform: rotate(0.5turn);
}
#page4-p1 {
grid-column: 1/7;
grid-row: 9;

}

#page4-p1 p {
font-family: 'Terminal Grotesque Open';
font-size: 70px;
margin: 0px;
transform: rotate(0.5turn);
}
#page4-p2 {
grid-column: 2/7;
grid-row: 6/9;

}

#page4-p2 p {
font-family: 'Terminal Grotesque Open';
font-size: 127px;
margin: 0px;
writing-mode: vertical-rl;
}
#page4-p3 {
grid-column: 4/end;
grid-row: 4/6;

}

#page4-p3 p {
font-family: 'Terminal Grotesque Open';
font-size: 75px;
margin: 0px;

}
#page4-p4 {
grid-column: 1/4;
grid-row: 4;

}

#page4-p4 p {
font-family: 'Terminal Grotesque Open';
font-size: 40px;
margin: 0px;
writing-mode: vertical-rl;
transform: rotate(0.5turn);
}
#page4-p5 {
grid-column: 2/4;
grid-row: 2/4;

}

#page4-p5 p {
font-family: 'Terminal Grotesque Open';
font-size: 41px;
margin: 0px;
writing-mode: vertical-rl;
transform: rotate(0.5turn);
}
#page4-p6 {
grid-column: 4/7;
grid-row: 1/3;

}

#page4-p6 p {
font-family: 'Terminal Grotesque Open';
font-size: 50px;
margin: 0px;
}
#photop4-1 {
  grid-column: 4/7;
  grid-row: 3;
width: 100%;
height: 100%;

}

#titrelivre:hover,
#page1-p1:hover,
#page1-p2:hover,
#page1-p3:hover,
#page1-p4:hover,
#page1-p5:hover,
#page1-p6:hover,
#page2-p1:hover,
#page2-p2:hover,
#page2-p3:hover,
#page2-p4:hover,
#page2-p5:hover,
#page2-p6:hover,
#page2-p7:hover,
#page3-p1:hover,
#page3-p2:hover,
#page3-p3:hover,
#page3-p4:hover,
#page3-p5:hover,
#page3-p6:hover,
#page3-p7:hover,
#page3-p8:hover,
#page4-p1:hover,
#page4-p2:hover,
#page4-p3:hover,
#page4-p4:hover,
#page4-p5:hover,
#page4-p6:hover {
  color: white;
  transition: linear 0.2s;
}
    /* CONTENT --------------------------------------- */

    figure, img{
        width: 100%;
    }