body {
    font-size: 11pt; 
    background: lightgray;
}

body {
    --paged-layout: booklet;
    line-height: 1.4; 
    font-family:'redaction10';
}

@font-face {
    src: url('webfonts/Redaction_10-Regular.woff2');
    font-family: 'redaction10';
}
@font-face {
    src: url('webfonts/Redaction_35-Bold.woff2');
    font-family: 'redaction35';
}


@page {
    size: 210mm 297mm;
    margin: 8mm;
}

@page :left {

    @bottom-left {
        content: counter(page);
        position: relative;
        font-size: 10em;
        color: rgba(211, 211, 211, 0.813);
        top: -0.5em;
        font-weight: bold;

    }
    
}

@page :right {
  
    @bottom-right {
        content: counter(page);
        position: relative;
        font-size: 10em;
        color: rgba(211, 211, 211, 0.813);
        top: -0.5em;
        font-weight: bold;
    }
.bloctexte {
        position: relative; left: 54.8%;
    }
    .titre2 {
      position: relative; left: 40%;
    }
}

@page:first {
  @bottom-right {
    content: ''
  }
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
}


.couverture {
    page: macouverture;
    color: black;
    break-before: page;
    align-items: center;
}

.bloctexte {
    width: 50%;
}
.titreposition {
position: relative;
width: 50%;
 top: 0%;
 left: 50%;
 height: 100%;
 overflow: hidden;
       
}

.colophonhaut {
    position: relative; 
    width: 45%;
    text-align: center;
    font-family: 'redaction35';
}

.titre2 {
  width: 50%;
  font-family: 'redaction35';
  
}
.titre {
  font-family: 'redaction35';
}

.colophonbas {
    position: relative; 
    width: 45%;
    text-align: center;
    font-family: 'redaction35';
    margin-top: 120%;
}
.pol2 {
  font-family: 'redaction35';
}
.pagevide{
  break-before: page;
  break-after: page;
}
.imagetitre {
  position: absolute;
  width: 255mm;
  transform: rotate(-90deg);
  left: -45%;
  top: 16%;
}
p{
  text-align: left;
}
.gaza {
  break-before: page;
}
.imagesoustitre {
  position: relative;
  width:90mm;
  left: 54.7%;
  top: 21.5%;
}
.imagesoustitre1 {
  /* position: absolute; */
  width:90mm;
  right: 50%;
  top: 0%;
}
.map {
  width: 100%;
}
.imagetitre2 {
  position: absolute;
  width: 255mm;
  transform: rotate(-90deg);
  top: 40%;
}

.couvertureglobal {
    display: flex;
    width: 194mm; 
    height: 100%; 
}
.couv-gauche
{
    width: 50%;
    height: 281mm;
}
.couv-droite {
    width: 50%;
    height: 281mm;}

.couv-img
{
max-width: 100%;
height: 100%;
object-fit: cover;

}

.colophon-img {
max-width: 100%;
height: 100%;
}

.pageintro { 
  margin-right: 1cm;
}
.pageecocidaire {
  margin-right: 1cm;
}
.pagemadagascar {
    margin-right: 1cm;
   

}

.pagerdc {
    margin-right: 1cm;
}

.pagegaza {
    margin-right: 1cm;
}

.dessins .images {
    break-before: page;
    position: relative;
    width: 100%;
    height: 29.7cm;
}

.illustration1,
.illustration2 {
    width: 50%;
    height: 100%;
    object-fit: cover;
    position: relative;
}


.illustration1 {
    margin-left: 50%; 
}


.illustration2 {
    margin-right: 50%; 
}

.taille {
  font-size: 8pt;
}
.grostitre {
  right: 20%;
}