@page {
    size: A4 portrait;
    margin-top: 25mm;
    margin-left: 25mm;
    margin-bottom: 20mm;
}

@media print {
    body {
        display: block !important;
        margin: 0 auto;
    }
    .pdf_button { display: none !important;}
    .sectionbreak { display: none }
    /*.footer { display:block !important;}*/

}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* PDF */

.pdf_button {
    display: block;
    width: 300px;
    height: 25px;
    border: 1px rgb(230, 68, 21) solid;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    background-color: white;
}

.pdf_button:hover {
    background-color: rgb(230,230,230);
}

.sectionbreak {
    width: 100%;
    border-top: 1px rgb(100,100,100) solid;
    margin-top: 80px;
    margin-bottom: 80px;
}

.footer {
    display: none;
    position: fixed;
    bottom: 0mm;
    width: 100%;
  }

/* TEXTE */

p {
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(230, 68, 21);
    font-size: 12pt;
    margin-top: 1px;
    margin-bottom: 1px;
}

p.titre {
    font-weight: bold;
    font-size: 40pt;
    padding-top: 20px;
    padding-bottom: 5px;
    text-align: center;
}

p.sous_titre {
    text-align: center;
    font-size: 22pt;
    padding-bottom: 20px;
    color: black;
}

p.note_titre {
    text-align: center;
    font-size: 14pt;
    font-style: italic;
    color: rgb(120, 120, 120);
    padding-bottom: 20px;
}

p.titre_code_1 {
    font-weight: bold;
    font-size: 16pt;
    text-align: center;
    margin-bottom: 50px
}

p.titre_code_2 {
    font-weight: bold;
    font-size: 14pt;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 100%;
    text-align: left;
    border-top: 2px rgb(230, 68, 21) solid;
    grid-row: 1;
    grid-column: 1/3;
}


p.note_code {
    color: rgb(150, 150, 150);
    font-style: italic;
    margin-bottom: 15px;
}

p.label {
    color: black;
    margin-left: 5px;
}

p.toc_titre {
    text-align: center;
    font-size: 16pt;
    padding-bottom: 60px;
    color: black;
}

p.toc_codes_1 {
    font-size: 22pt;
    padding-bottom: 15px;
    font-weight: bold;
    width: 100%;
}

p.toc_codes_1 > a {
    color: black;
    font-size: 16pt;
    font-weight: normal;
}

/* BANNIERE */

img.logo_aqc {
    position: absolute;
    left: 30px;
    top: 30px;
    max-width: 8%;
    min-width: 80px;
}

/* CONTENEURS */
div.ctn_noms {
    page-break-after: always;
    break-after: always;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.ctn_noms_e_f {
    width:100%
}

div.ctn_code_2 {
    page-break-inside: avoid;
    break-inside: avoid;
    width: 100%;
    display: grid;
    grid-template-columns: 48% 48%;
    grid-template-rows: max-content auto;
    column-gap: 4%;
    row-gap: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px rgb(230, 68, 21) solid;
}

div.ctn_code_2:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

div.ctn_code_3 {
    grid-row: 2;
    grid-column: 1;
}

div.ctn_code_3:last-child {
    grid-column: 2;
}

div.code_label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
}

div.code_label:first-child {
    grid-row: 1;
    grid-column: 1;
}

div.code_label:last-child {
    grid-row: 1;
    grid-column: 2;
}