123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645 |
- :root {
- --cols: 8;
- --rows: 8;
- --guts: 4mm;
- }
- @page {
- size: 165mm 230mm;
- margin-top: 16mm;
- margin-bottom: 16mm;
- bleed: 0mm;
- color: black;
- marks: crop;
- }
- @page:left {
- margin-left: 16mm;
- margin-right: 8mm;
- @left-middle {
- content: counter(page);
- display: flex;
- justify-content: center;
- align-items: center;
- font-family: 'Ortica';
- font-weight: bold;
- font-size: 8pt;
- height: 30mm;
- }
- @left-top {
- content: '';
- white-space: nowrap;
- font-family: 'Ortica';
- font-weight: lighter;
- font-size: 7pt;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-start;
- text-align: right;
- }
- @left-bottom {
- content: '';
- white-space: nowrap;
- font-family: 'Ortica';
- font-weight: lighter;
- font-size: 7pt;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-end;
- }
- }
- .pagedjs_margin-left-top div, .pagedjs_margin-left-bottom div {
- display: block;
- min-width: max-content;
- transform: rotate(-90deg);
- }
- @page:right {
- margin-left: 8mm;
- margin-right: 16mm;
- }
- .pagedjs_first_page {
- background-image: url(../assets/bruit_couv.png), linear-gradient(to left,
- #5595a1 0%,
- #5f9796 14%,
- #65998d 28%,
- #6f9b80 42%,
- #799e75 57%,
- #83a16b 71%,
- #8ba460 85%);
- }
- .pagedjs_first_page img[alt="img_couv"] {
- position: absolute;
- width: 80mm;
- left: 34.5mm;
- top: 10mm;
- }
- .pagedjs_first_page img[alt="logo_rivage"] {
- position: absolute;
- width: 30mm;
- bottom: 0;
- left: 59.5mm;
- }
- .pagedjs_first_page h2 {
- position: absolute;
- font-size: 36pt;
- font-weight: bold;
- left: -8mm;
- width: 165mm;
- top: 73mm;
- line-height: 1.1 !important;
- }
- .pagedjs_first_page .free {
- margin: 0;
- text-align: center;
- font-family: 'Ortica';
- font-weight: bold;
- color: white;
- font-size: 10pt;
- line-height: 1.3;
- position: absolute;
- padding: 0;
- margin-left: -8mm;
- width: 165mm;
- top: 110mm;
- }
- .pagedjs_first_page .free p {
- margin-top: 0;
- margin-bottom: 0;
- }
- .last-page {
- /* background-image: url(../assets/bruit_couv.png), linear-gradient(to left,
- #95a358 0%,
- #9ca151 14%,
- #a59d4a 28%,
- #af9944 42%,
- #b8963d 57%,
- #c19238 71%,
- #cb8e31 85%); */
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .last-page .has-children div h3,
- .last-page .has-children div div {
- display: none;
- }
- .last-page .has-children div p {
- width: 75%;
- padding-bottom: 20mm;
- font-size: 11pt;
- color: white;
- line-height: 1.5;
- }
- body {
- font-family: 'Public';
- }
- #chargement {
- position: fixed;
- background-color: chocolate;
- padding: 5px;
- color: white;
- top: 10px;
- left: 10px;
- opacity: 1;
- transition: opacity 0.3s ease-out;
- z-index: 9999;
- }
- a {
- text-decoration: underline;
- }
- h2 {
- font-family: 'Ortica';
- font-weight: lighter;
- padding: 0 8%;
- font-size: 24pt;
- break-before: left;
- color: white;
- margin: 0;
- line-height: 1.2 !important;
- text-align: center;
- }
- .partie_cover_page:first-child {
- background-color: #4a90b2;
- }
- .partie_cover_page_right {
- background-color: #4a90b2;
- }
- .partie_cover_page .pagedjs_page_content > div {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .partie_count {
- font-size: 55pt;
- color: white;
- font-family: 'Ortica';
- font-weight: bold;
- width: 100%;
- text-align: center;
- line-height: 1;
- margin-bottom: 33pt;
- }
- h3 {
- break-before: left;
- font-family: 'Ortica';
- font-weight: lighter;
- font-size: 28pt;
- line-height: 1.3;
- margin: 0;
- width: 60%;
- }
- h3 .gros-chiffre {
- font-size: 54pt;
- font-family: 'Ortica';
- font-weight: bold;
- margin-bottom: -5mm;
- }
- h4 {
- break-before: left;
- margin-top: 0;
- font-size: 16pt;
- line-height: 1.1;
- color: black;
- font-family: 'Ortica';
- font-weight: bold;
- }
- .breakbefore {
- break-before: page;
- }
- .breakafter {
- break-after: page;
- }
- .moment {
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- display: block;
- font-size: 11pt;
- font-weight: bold;
- line-height: 1.1; /* LA IL FAUT AJUSTER CF TEMPS 14 */
- }
- .moment + .moment {
- margin-bottom: 14pt;
- }
- .moment .first-letter {
- font-size: 18pt;
- }
- .temps {
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- font-size: 9pt;
- margin-top: -1pt;
- margin-bottom: 8pt;
- font-weight: 500;
- }
- .temps:before {
- content: "> ";
- }
- .labeur, .free, .free_left, .citation {
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- line-height: 12pt;
- font-size: 9pt;
- text-align: justify;
- hyphens: none;
- }
- .labeur {
- text-align: left;
- }
- .free, .free_left {
- margin-bottom: 12px;
- text-align: left;
- }
- .free_left {
- padding-left: 0;
- }
- .citation {
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols) + 6.5mm);
- text-align: justify;
- padding-right: 16mm;
- hyphens: auto;
- font-style: italic;
- }
- .citation .guillement_ouvrant {
- position: absolute;
- font-size: 58pt;
- margin-left: -15mm;
- margin-top: 5mm;
- }
- .citation .guillement_fermant {
- position: absolute;
- font-size: 58pt;
- right: 3mm;
- }
- .citation ul {
- padding: 0;
- }
- .labeur p:before {
- content: '+ ';
- font-weight: bold;
- }
- .labeur li {
- margin-bottom: 4pt;
- }
- .labeur li:before {
- content: '× ';
- font-weight: bold;
- }
- .labeur ul {
- list-style: none;
- padding-left: 6mm;
- }
- .pilote {
- font-family: 'Novel';
- font-weight: normal;
- font-size: 11pt;
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- text-align: left;
- line-height: 1.55;
- }
- .latour, .lampe,
- .latour_nohead, .lampe_nohead {
- font-family: 'Novel';
- font-weight: normal;
- margin-top: 5mm !important;
- margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- margin-right: -16mm;
- margin-bottom: 5mm;
- line-height: 12pt;
- font-size: 8pt;
- padding-right: 23mm;
- width: 142mm;
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- padding-bottom: 8mm;
- padding-top: 8mm;
- background-color: beige;
- max-height: 198mm;
- }
- .pagedjs_page_content section div div div div:first-child:is(.latour),
- .pagedjs_page_content section div div div div:nth-child(2):is(.latour[data-split-from]) {
- margin-top: 0mm !important;
- }
- .pagedjs_page_content section div div div div:last-child:is(.latour) {
- margin-bottom: 0mm !important;
- }
- .latour p:last-of-type,
- .lampe p:last-of-type,
- .latour_nohead p:last-of-type,
- .lampe_nohead p:last-of-type {
- padding-bottom: 0;
- margin-bottom: 0;
- }
- .latour ul, .latour ol,
- .lampe ul, .lampe ol,
- .latour_nohead ul, .latour_nohead ol,
- .lampe_nohead ul, .lampe_nohead ol {
- padding-left: 0;
- list-style-position: inside;
- }
- .encart-split {
- position: absolute;
- margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- background-color: beige;
- }
- .pagedjs_left_page .latour, .pagedjs_left_page .lampe,
- .pagedjs_left_page .latour_nohead, .pagedjs_left_page .lampe_nohead {
- padding-right: 10mm;
- width: 128.375mm;
- }
- .encart-header {
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-bottom: 3mm;
- font-weight: bold;
- }
- .encart-header img:first-of-type {
- margin-top: 1mm;
- margin-right: 2mm;
- width: 8mm;
- }
- .bibliographie {
- column-count: 2;
- column-gap: var(--guts);
- column-fill: auto;
- line-height: 12pt;
- font-size: 9pt;
- font-weight: bold;
- z-index: 1;
- position: relative;
- }
- .bibliographie a {
- word-break: break-all;
- }
- img {
- width: 100%;
- }
- .imgsmall,
- .imgsmall_bottom {
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- }
- .imgsmallsmall {
- padding-left: calc((var(--pagedjs-pagebox-width) / var(--cols)) + 10mm);
- }
- .imgsmall_bottom {
- break-after: page;
- }
- .imgsmall img,
- .imgsmall_bottom img {
- width: 100%;
- }
- .fullpage2imgs {
- width: 140mm;
- height: 210mm;
- padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
- }
- .fullpageimage {
- margin-top: -22mm;
- margin-left: -10mm;
- width: 171mm;
- height: 230mm;
- }
- .bottomimg {
- width: 100%;
- break-after: page;
- }
- .bottomimg img {
- height: 100%;
- }
- .tripleimgs,
- .tripleimgs_bottom {
- break-before: page;
- break-after: page
- }
- .tripleimgs img:nth-of-type(2),
- .tripleimgs_bottom img:first-of-type {
- width: calc(50% - 2mm);
- margin-right: 4mm;
- }
- .tripleimgs img:last-of-type,
- .tripleimgs_bottom img:nth-of-type(2) {
- width: calc(50% - 2mm);
- }
- .tripleimgs2,
- .tripleimgs2_bottom {
- break-before: page;
- break-after: page
- }
- .tripleimgs2 img:nth-of-type(2),
- .tripleimgs2_bottom img:first-of-type {
- width: calc(37.5% - 2mm);
- margin-right: 4mm;
- }
- .tripleimgs2 img:last-of-type,
- .tripleimgs2_bottom img:nth-of-type(2) {
- width: calc(62.5% - 2mm);
- }
- .imgfullspreadleft,
- .imgfullspreadright,
- .imgfullspreadright_bleedtop,
- .imgfullspreadright_bleed,
- .doublepage_bigleft,
- .doublepage_bigright {
- break-before: left;
- break-after: left;
- width: 149mm;
- overflow: hidden;
- }
- .imgfullspreadright_bleedtop {
- margin-top: -22mm;
- height: 220mm;
- }
- .imgfullspreadright_bleed {
- margin-top: -22mm;
- height: 242mm;
- }
- .imgfullspreadleft img,
- .imgfullspreadright img {
- height: 198mm;
- width: auto;
- }
- .imgfullspreadright_bleedtop img {
- height: 220mm;
- width: auto;
- }
- .imgfullspreadright_bleed img {
- height: 242mm;
- width: auto;
- }
- .imgfullspreadleft-right {
- width: 149mm;
- overflow: hidden;
- margin-left: -16mm;
- }
- .imgfullspreadright-right {
- width: 143mm;
- margin-left: -8mm;
- overflow: hidden;
- display: flex;
- justify-content: flex-end;
- }
- .imgfullspreadright_bleedtop-right, .imgfullspreadright_bleed-right {
- width: 173mm;
- height: 220mm !important;
- margin-top: -22mm;
- margin-left: -8mm;
- overflow: hidden;
- display: flex;
- justify-content: flex-end;
- }
- .imgfullspreadright_bleed-right, .imgfullspreadright_bleed-right img {
- height: 242mm !important;
- }
- .imgfullspreadright_bleedtop-right img, .imgfullspreadright_bleed-right img {
- height: 220mm;
- width: auto;
- }
- .imgfullspreadright-right img {
- height: 198mm;
- width: auto;
- }
- .imgfullspreadleft-right img {
- height: 198mm;
- width: auto;
- margin-left: -141mm;
- }
- .doublepage_bigleft,
- .doublepage_bigright {
- height: 128mm !important;
- }
- .doublepage_bigleft img,
- .doublepage_bigright img {
- height: 100%;
- width: auto;
- }
- .overflow_bigimgleft,
- .overflow_bigimgright {
- height: 128mm !important;
- }
- .overflow_bigimgleft {
- margin-left: -157mm;
- }
- .overflow_bigimgright {
- display: flex;
- justify-content: flex-end;
- }
- .doublepage_bigright img {
- margin-left: 106mm;
- }
- .overflow_bigimgleft img,
- .overflow_bigimgright img {
- height: 100%;
- width: auto;
- }
- .dp_sm_img {
- position: absolute;
- width: calc((var(--pagedjs-pagebox-width) / var(--cols)) * 4);
- height: 71mm !important;
- }
- .pagedjs_right_page .dp_sm_img {
- right: 0;
- }
- .pagedjs_left_page .dp_sm_img {
- left: 0;
- }
- .dp_sm_img img {
- position: absolute;
- bottom: 0;
- width: 100%;
- }
|