/* organisation spatiale */

@page
{
    size: A4 portrait;
    margin: 1cm;
}


body
{
    font-family: Serif;
    font-size: 11pt;
    background-color: white;
    display: grid;
    grid-template-areas:
        'entete'
            'beneficiaire'
            'donateur'
            'versements'
            'signature';
}

#entete
{
    grid-area: entete;
    width: 100%;
}

#logoCerfa
{
    line-height: 40px;
    width: 100px;
    background-color: rgb(0, 0, 128);
    border-radius : 50%;
    text-align : center;
    margin : 2mm;
}

.centre
{
    display : inline-block;
    vertical-align : middle;
    line-height: 20px;  /* moitié de la hauteur du logo */
    color : white;
    font-weight: bold;
    font-size : 14pt;
}

#numCerfa
{
    width: 100px;       /* largeur du logo */
    text-align: center;
}

#titre
{
    margin : 0 4cm 0 4cm;
    text-align : center;
    font-size : 14pt;
    font-weight: bold;
}

#articles
{
    margin : 0 4cm 0 4cm;       /* idem titre */
    text-align : center;
}

#numRecu
{
    text-align : right;
/*    display : inline;*/
}

#beneficiaire
{
    grid-area: beneficiaire;
    width: 100%;
}

#donateur
{
    grid-area: donateur;
    width: 100%;
}

#versements
{
    grid-area: versements;
    width: 100%;
}

#final
{
    grid-area: signature;
    width: 100%;
}

.rubrique
{
    background-color : rgb(200, 200, 250);
    padding : 2mm;
}

.cartouche
{
    margin : 2mm auto;
    padding : 0 1mm;
    border : 1px solid rgb(0, 0, 128);
    border-radius : 8px;
}

.titre, .important
{
    font-weight:bold;
}

#signature
{
    display: block;
    width : 7cm;
    margin: 0 auto;
    padding-bottom : 2mm;
}

#fonction
{
    text-align : center;
    padding-bottom : 0.5cm;
}