/*Font*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400i,700&subset=latin-ext');


body {
    margin-left: 200px;
    margin-right: 200px;
    font-family: Roboto;
    margin-top: 0px;
    margin-bottom: 0px;
} 

p {
    column-count: 2;
    margin-bottom: -15px;
}

h1 {
    font-family: Old Standard TT;
    font-size: 100px;
    color: #ff3131;
    align-content: center;
    text-align: center;
    line-height: 140px;
    padding-top: 40px;
    /*background: #ff3131;*/
}

/*Titres articles*/
h2 {
    font-family: Old Standard TT;
    font-size: 30px;
    color: #ff3131;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 80px;
}

hr {
    border-color: #ff3131;
    border-width: 2px;
    border-style: solid;
}

h3 {
    font-size: 26pt;
    color: #ff3131;
    font-family: Old Standard TT;
    text-align: center;
}

img {
    width: 100%;
    filter:blur(5px);
}

img:hover {
    filter: none;
}

.left {
    padding: 10px 10px 10px 0px;
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.columns {
    margin-top: 60px;
    display: flex;
}

.columns2 {
    margin-top: 30px;
    display: flex;
}

.columns3 {
    margin-top: 60px;
    display: flex;
}

.right {
    font-size: 13px;
    padding: 10px 10px 10px 20px;
    line-height: 15px;
    text-align: left;
}

.img1 {
    padding-top: 315px;
    width: 39%;

}

.img2 {
    padding-top: 248px;
    width: 39%;
}

.img3 {
    padding-top: 600px;
    width: 39%;
}

.img4 {
    padding-top: 647px;
    width: 39%;
}

.img5 {
    padding-top: 615px;
    width: 39%;
}

.img6 {
    padding-top: 482px;
    width: 39%;
}

.gardes {
    display: none;
}

.exposants {
    position: relative;
bottom: 1px;
font-size: .7em;
line-height: .7em;
vertical-align:super;
text-decoration:none;
}

.numero {
    color: white;
    font-family: Roboto;
}

.annee {
    color: #ff3131;
    font-family: Roboto;
    margin: -18px 0px 0px 12cm;
}

.annee2 {
    color: #ff3131;
    font-family: Roboto;
    margin: 0.6cm 0cm 0cm 12cm;
    position: absolute;
}

.graph {
    font-size: 13pt;
    color: #ff3131;
    margin: 30px 0px 0px 0px;
}

.display {
    height: 60px;
}


/*PRINT!!!*/
@media print {
    body {
        size: 14.8cm 21cm;
        margin:0;
        font-size: 11pt;
    }

    .couv{
        height: 18.95cm;
        background: #ff3131;
        padding: 1cm;
    }

    .couv hr{
        margin-top: 0;
    }

    .contenu{
        margin: 1cm;
    }

    .right {
        font-size: 9pt;
        transform: rotate(90deg);
        transform-origin: top left;
        left: 100px;
        text-align: right;
        position: relative;
    }

    .img1 {
        margin-top: 15px;
        width: 39%;
        padding: 20px 0px 0px 0px;
    }

    .img2 {
        margin-top: 15px;
        width: 30%;
        padding: 30px 0px 0px 0px;
    }

    .img3 {
        width: 70%;
        margin: 15px 0px 0px -50px;
        padding: 20px 0px 0px 0px;
    }

    .img4 {
        width: 70%;
        margin: 15px 0px 0px -50px;
        padding: 20px 0px 0px 0px;
    }

    .img5 {
        width: 70%;
        margin: 15px 0px 0px -50px;
        padding: 10px 0px 0px 0px;
    }

    .img6 {
        width: 60%;
        margin: -17px 0px 0px -50px;
        padding: 10px 0px 0px 0px;
    }

    .pageblanche{
        height: 20.97cm;
        margin-bottom: 0;
    }

    .garde img {
        height: 18.95cm;
        page-break-inside: avoid;
        position: relative;
    }

    .gardes {
        display: block;
    }


    h1 {
        font-size: 60pt;
        color: white;
    }

    hr {
        border-color: white;
        border-width: 2px;
        border-style: solid;
    }

    h2 {
        /*Saut de page avant h2*/
        page-break-before: always;
        font-size: 34pt;
        line-height: 60px;
        margin-bottom: 2cm;
    }

    .sanssaut {
        page-break-before: initial;
    }

    .doublearticles {
        margin: 1.3cm 0cm 0.5cm 0cm;
    }

    .longarticles {
        margin: 2cm 0cm 1cm 0cm;
    }

    h3 {
        color: white;
    }

    h1, h2, h3, h4, h5 {
        page-break-after: avoid;
    }

    img {
        page-break-inside: avoid;
        filter: none;
    }

    .pageseree {
        margin: 0; 
    }

    .baspage1 {
    margin-top: 2.15cm;
    }

    .baspage2 {
    margin-top: 2.1cm;
    }

    .baspage3 {
    margin-top: 0.2cm;
    }

    .baspage4 {
    margin-top: 0.6cm;
    }

    .baspage5 {
    margin-top: 2.4cm;
    }

    .couv4{
        height: 18.95cm;
        background: #ff3131;
        padding: 1cm;
    }

    .couv4 hr{
        margin-top: 0;
    }

    .numero {
       color: #ff3131;
        font-family: Roboto;
    }

    .blank {
        height: 2cm;
    }

    .merci {
        font-size: 50pt;
    }

}