@font-face { font-family: 'reglo'; src: url('fonts/Reglo/reglo-bold-webfont.eot'); src: url('fonts/Reglo/reglo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Reglo/reglo-bold-webfont.woff2') format('woff2'), url('fonts/Reglo/reglo-bold-webfont.woff') format('woff'), url('fonts/Reglo/reglo-bold-webfont.ttf') format('truetype'), url('fonts/Reglo/reglo-bold-webfont.svg#reglobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vollkorn'; src: url('fonts/volkorn/vollkorn-bold-webfont.woff2') format('woff2'), url('fonts/volkorn/vollkorn-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'vollkorn'; src: url('fonts/volkorn/vollkorn-bolditalic-webfont.woff2') format('woff2'), url('fonts/volkorn/vollkorn-bolditalic-webfont.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'vollkorn'; src: url('fonts/volkorn/vollkorn-italic-webfont.woff2') format('woff2'), url('fonts/volkorn/vollkorn-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'vollkorn'; src: url('fonts/volkorn/vollkorn-regular-webfont.woff2') format('woff2'), url('fonts/volkorn/vollkorn-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body{ width: 100%; margin:0; color:#000; } h1, h2, h3, h4, h5, h6{ } a{color:#000;} ul{margin:0;} li{list-style:none;} img{width:100%;} .toPrint header{ page-break-after: always; } .toPrint header .randomWord{ font-family: "reglo", sans-serif; font-size: 280px; color: rgb(255, 0, 0); position: absolute; word-break: break-all; word-wrap: break-word; top:-1.5cm; text-transform: uppercase; font-weight: bold; text-align: center; left:50%; transform: translateX(-50%); width: 16cm; z-index: -1; line-height: 0.9; } .toPrint header .title{ font-family: "reglo", sans-serif; color: rgb(0, 0, 255); border: 3px solid blue; padding: 0.5cm; background-color: #FFF; margin-top: 1cm; width: 5.5cm; } .toPrint header h1,h2,h3, h4{ font-family: "reglo", sans-serif; font-weight: normal; margin:0; /* text-align: center;*/ } .toPrint header h1{ font-size: 38px; line-height: 1; margin: 0.5cm 0 2cm 0; /* margin-top:1cm; text-transform: uppercase;*/ } .toPrint header h2{ /*//font-size: 20px;*/ } .toPrint .page-titre{ padding-top: 1cm; width: 5.5cm; page-break-before: always; page-break-after: always; } .toPrint .page-titre h1{ font-family: "reglo", sans-serif ; font-size: 38px; line-height: 1; } .toPrint .k{ page-break-after: avoid; margin-top: 1cm; } .toPrint .k h3{ font-family: "reglo", sans-serif; text-align: left; text-transform: uppercase; font-size: 15px; width: 3cm; margin-left: 6cm; } .toPrint .v{ page-break-after: always; width: 6cm; margin-top: 0.5cm; /*border-left: 3px solid yellow;*/ /* padding-left: 0.2cm; margin-left: 0.2cm;*/ } .toPrint .v p{ font-size: 11px } .toPrint p{ font-family: 'vollkorn', Georgia, serif; margin: 0; margin-bottom: 1cm; padding:0; line-height: 1; font-size: 11px; } footer, .last-page{ page-break-before: always; } footer { width: 6cm; padding-top: 1cm; } .toPrint footer p{ font-family: "reglo", sans-serif !important; line-height: 1.3 ; font-size: 11pt; } .last-page{ position: absolute; top:-1.5cm; left:-1.5cm; height: 16cm; width: 12cm; background: rgb(252,0,0); } .blank-page{ /*page-break-before: always;*/ page-break-after: always; } /*.last-page .image-wrapper{ } .last-page .image-wrapper:before{ content: ""; display: block; position: absolute; top:0cm; left:0cm; height: 16cm; width: 12cm; opacity: 0.5; background: rgb(252,0,0); }*/ /*.last-page img{ width: 100%; }*/