/*------------------------------------*\
    $SOMMAIRE
\*------------------------------------*/
/**
 * DEFAULT..........Initialisation du document
 * HIDE.............Masquer le superflux
 * STRUCTURE........Correction de mise en page
 * TABLE............Style des tableaux
 */





/*------------------------------------*\
    $DEFAULT
\*------------------------------------*/

body {
    background-color: #fff!important;
    color: #000!important;
    font-family: serif;
    font-size: 12pt;
    margin: auto!important;
    width: auto!important;
}

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
    color: #000!important;
    margin: auto!important;
}

.print {
    display: block; /* affichage des éléments de classe print */
}

.no-print {
    display: none; /* masquer des éléments */
}

p, blockquote {
    orphans: 3; /* pas de ligne seule en bas */
    widows: 3; /* pas de ligne seule en haut */
}

blockquote, ul, ol {
    page-break-inside: avoid; /* pas de coupure dans ces élements */
}

/* chaque titre commence sur une nouvelle page
h1 {
    page-break-before: always;
}
*/

h1, h2, h3, caption {
    page-break-after: avoid; /* pas de saut après ces éléments */
}

a {
    color: #000!important;
    text-decoration: underline!important;
}

/* affichage des URL des liens
a[href]:after {
content: " (" attr(href) ")";
}
*/





/*------------------------------------*\
    $HIDE
\*------------------------------------*/


.premium__wrapper {
    background-image: none;
}





/*------------------------------------*\
    $STRUCTURE
\*------------------------------------*/


.header:after {
    border: 1px dotted #000;
    content: 'Merci d\'avoir imprimé cette page. N\'hésitez pas à revenir sur JeChange pour faire encore plus d\'économies sur vos factures courantes.';
    display: block;
    font-size: 12pt;
    font-weight: bold;
    margin: 1em 0;
    padding: 0.5em;
    text-decoration: none !important;
}

/* Forcer affichage service résiliation */

.paiement  .resilier {
    display: block !important;
}





/*------------------------------------*\
    $TABLE
\*------------------------------------*/

.table {
    width: 99%;
}

.table,
.table th,
.table td {
    border: 1px solid #000;
    border-collapse: collapse;
    padding: 0.5em;
}

.table .inputs,
.table .actions,
.table tfoot {
    display: none;
}

.table--offers-resume.feature-label,
.table--offers-details .feature-label {
    width: 25%;
}

.table--offers-resume.col,
.table--offers-details .col {
    width: 25%;
}

div[id^="toggle"] {
    display: block !important;
}

#height-fixer {
    height: 0 !important;
}