Note d'intention mise en page : 

L'ouvrage porte une critique du patriarcat, nous avons choisi d’y inclure des images qui mettent en avant des traits considérés comme des symboles de la masculinité, allant de photos de culturistes à des images floues d’organes génitaux masculins. Nous avons opté pour des nuances de vert dans la mise en page, comme sur la couverture l’ouvrage original.

Ce pads contient des codes CSS et des fichiers source, vous trouverez la mise en page ici : 
https://drive.google.com/file/d/1uqiUQ5JD-By-Iy3zJa0re7s_u3B8qF-i/view?usp=sharing (partage public)

/*DIMENSION ET FOLIO*/
p
@page{
    size: 10.5cm 19cm;
    
}

@page:right{
    margin-left: 3.5cm;
    margin-right:2cm;
    @bottom-right{
	content: counter(page);
	}
	
}

@page:left{
    margin-right:3.5cm;
    margin-left:2cm;
    @bottom-left{
	content: counter(page);
	}
}

@page (4) {
    background-image: url(https://zupimages.net/up/24/45/l6pp.png)
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 25% 75%;
  opacity: 0.5;
}

@page {
    background-image: url(https://zupimages.net/up/24/45/hcfc.png);
   background-size: cover;
   background-position: 10% 60%;
  opacity: 0.9;
  content: counter(@page);
}

@page:left{
margin-left: 15mm;
margin-right: 10mm;
margin-top: 17mm;
margin-bottom: 17mm;
    }

@page:right{
margin-right: 15mm;
margin-left: 10mm;
margin-top: 17mm;
margin-bottom: 17mm;
    }

.partie{ padding-buttom: 30px;
}

 /*COUV*/
 .catalogage p { display : none; }
.titre_livre {
    font-family: "WonderType";
    text-transform: uppercase;
    font-size: 50pt;
    margin-top: -9pt;
    color: white;

}
.auteur {
    margin-top: -50pt;
    }
.editeur { 
    display: grid;
    justify-content: center;
    margin-top: 105pt;
    }
    
.sous_titre_livre {
    font-size: 11pt;
    }
    
    @page:nth(1) {
        
        background-image : url(https://i.pinimg.com/736x/10/62/14/10621430c8fa5980112c50913d7d0d6c.jpg);
        background-size: cover;
        background repeat:  no-repoeat;
        }
    
    
    

 /*SOMMAIRE*/
@page :first { 
}
.titre_sommaire{
    page-break-before: always;
}
.sommaire{
margin-top: 15px;
}

.titre_sommaire{
    font-family:"Adelphe";
    font-size: 30px;
    }

.sommaire{ 
color: black;
font-family;"Adelphe-FlorealRegular":
    }

a { color: black;
text-decoration: none;
}

.pre-001{
    font-family:"Adelphe";
    }

/*SUPPRESSION FOLIO*/

@page:first{
        @bottom-right{
	content: " ";
	}
	    
 /*FONTS*/
 
@font-face {
    font-family: "Adelphe-FlorealRegular";
    src:  url('https://workshops.luuse.fun/_24-11-la-piraterie-commence-ici/CDN/fonts/Adelphe-FlorealRegular.otf');
}
@font-face {
    font-family: "Venus+Cormier";
    src: url('https://workshops.luuse.fun/_24-11-la-piraterie-commence-ici/CDN/fonts/Venus+Cormier.otf');
}
@font-face {
    font-family: "WonderType";
    src: url('https://workshops.luuse.fun/_24-11-la-piraterie-commence-ici/CDN/fonts/WonderType-Regular.otf');
    }

@font-face {
    font-family: "JRUG_PUNK";
    src: url('https://workshops.luuse.fun/_24-11-la-piraterie-commence-ici/CDN/fonts/JRUG_PUNK.otf');
}

@font-face {
    font-family: "Syne-ExtraBold";
    src: url('https://workshops.luuse.fun/_24-11-la-piraterie-commence-ici/CDN/fonts/Syne-ExtraBold.otf');
}

 /*TITRES*/
 
h1 {
   font-family: "JRUG_PUNK";
   text-transform: uppercase;
   transform: rotate(0deg);
   overflow-wrap:anywhere;
   margin-top: 5%;
   font-size: 26pt;
 page-break-before: always;
   
}

h2 {
   font-family: "WonderType";
   text-transform: uppercase;
   font-size: 30pt;
   page-break-after: always;
   page-break-before: always;
   overflow-wrap: anywhere;
   text-align: end;
   margin-top: 30mm;
   }
    
h3 {
   font-family: serif;
   text-transform: uppercase;
   font-size: 11pt;

   }
   
 /*TEXTE*/
p {
    font-family: "Adelphe-FlorealRegular";
    letter-spacing: 0.4mm;
    text-indent: 10%;
    text-align: justify;
    font-size: 11pt;
    hyphens: auto;
    word-break: break-all;
}

@page:first{
    margin: 4mm;
        @bottom-right{
	content: " ";
	}
    }

    /*
    LIENS :
        
    https://usemodify.com/fonts/punk-nova/
    https://usemodify.com/fonts/jrug-punk/
    https://typotheque.genderfluid.space/fr/fontes/nudles
    https://iframefonts.gumroad.com/l/aalto-display-font
    https://rajputrajesh-448.gumroad.com/l/MangoGrotesque     https://docs.google.com/document/d/1tlBr_hX6WHOVtVpJDtznlWMLG81QUBPxnB4MJatMag0/edit?usp=sharing dossier https://drive.google.com/drive/folders/1KKP-0WIBjSPgJQSwcc7rB1lArOyHabQX?usp=sharing 
    https://usemodify.com/fonts/isobare/
    https://usemodify.com/fonts/wontertype/
    https://usemodify.com/fonts/avara/
    https://usemodify.com/fonts/wondertype/
    https://pads.erg.be/p/couv_on_ne_nait_pas_mec
    */



/*
    background-image: url("https://zupimages.net/up/24/45/hcfc.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 25% 75%;
   opacity: 0.5;
   */