
h2{
  position: absolute;
  font-family: 'Arvo', sans-serif;
font-size: 10vw;


}

.page1 h2{
bottom : 3cm;


}

.page2 h2{
  bottom : 6.3cm;
  right: 0.5cm;
z-index: 1;


}

.page3 h2{
bottom:1.4cm;


}

.page4 h2{
  left:1.2cm;
  top:3.3cm;



}

.page5 h2{
top:10cm;
left:4cm;


}

.page6 h2{
bottom:3cm;
left:2.6cm;


}



h1 {
  text-align: left;
  page-break-before: always;


      font-family: 'Arvo', sans-serif;

font-size: 12vw;
line-height: 12vw;
margin:0;
padding:0;
}


p{
  font-family: 'Kodchasan', monospace;
text-align: justify;
font-size: 9pt;;



}

body{
}


.page img{
  position: relative;
top:7.75cm;
left:3cm;

}


.page{
  position: relative;
  height: 20cm;
  width: 100%;

}

.page h1{
  position: absolute;
top:5.25cm;
left:2.5cm;
font-size: 70pt;}


.bleu{
 background: blue;
 width:7.8cm;
 height:14cm;
 position: relative;
 margin-top: O;;
 z-index: -1;
}

.jaune{
  background: blue;
  width:10cm;
  height:11cm;
  position: relative;
  z-index: -1;
  left:2cm;

}

.noir{
  background: black;
  width:10cm;
  height:15cm;
  position: relative;
  z-index: -1;
  margin-top: 0;


}


.rouge{
 background: blue;
 width:11cm;
 height:16cm;
 position: absolute;
 margin-top: 0;
 z-index: -1;
 right:0.5cm;
}

.vert{
 background: yellow;
 width:9cm;
 height:11cm;
 position: absolute;
 margin-top: 0;
 z-index: -1;
}


.violet{
 background: yellow;
 width:10cm;
 height:14cm;
 position: absolute;
 margin-top: 0;
 z-index: -1;
 top:6cm;
}

.page1 img{
position: relative;
bottom:6cm;

}

.page1{
  position: relative;
  height: 19.5cm;
  width: 100%;

}

.page1 h1{
  position: absolute;}

  .page1 p{
position: absolute;
outline: solid blue 0.1cm;
outline-offset: 2vw;
width:80%;
bottom:1cm;
left:1.5cm;}

.page1 img{
  position: absolute;

  width:80%;
  left: 3cm;
  top:7.2cm;

}


.page2 {
position: relative;
height: 20cm;
width: 100%;

}


.page2 img{
position :absolute;
width:73%;
bottom : 6cm;




}

.page2 p{
position: absolute;
width:75%;
left:2cm;
outline: solid blue 0.1cm;
padding:0.2cm;
background:white;
bottom:2cm;

}


.page2 h1 {
position : absolute;
}

.page3 {
position: relative;
height: 19cm;
width: 100%;

}


.page3 img{
position :absolute;
width:73%;
right:0.5cm;
bottom:2.6cm;


}

.page3 p{
position: absolute;
left:3cm;
color: black;
outline: solid black 0.1cm;
padding:0.2cm;
bottom:10cm;
background:white;
width: 70%;
}


.page3 h1 {
  margin-top: 0;
position : absolute;
color: white;
}

.page4 {
position: relative;
height: 20cm;
width: 100%;

}


.page4 img{
position :absolute;
top:6cm;
left:0cm;
width:85%;

}

.page4 p{
color: black;
outline: solid blue 0.1cm;
padding:0.2cm;
top:14cm;
position: relative;
width:89%;
margin: auto;
background: white;
z-index: 1;
}


.page4 h1 {
position : absolute;

}


.page5 {
  position: relative;
  height: 13cm;
  width: 100%;

}


.page5 img{
position :absolute;
left:7cm;
top:6cm;
width:40%;

}

.page5 p{
  color: black;
  outline: solid yellow 0.1cm;
  padding:0.2cm;
  top:13cm;
  position: relative;
  width:90%;
  margin: auto;
}


.page5 h1 {
position : absolute;

}

.page6 {
  position: relative;
  height: 20cm;
  width: 100%;

}


.page6 img{
position :absolute;
width:55%;
top:14.5cm;
left:5.5cm;}

.page6 p{
  color: black;
  outline: solid black 0.1cm;
  padding:0.2cm;
  position: relative;
  width:90%;
  margin: auto;
  top:10cm;
  background: white;
}


.page6 h1 {
position : absolute;

}
