125 lines
1.6 KiB
CSS
125 lines
1.6 KiB
CSS
/* 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;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#beneficiaire
|
|
{
|
|
grid-area: beneficiaire;
|
|
}
|
|
|
|
#donateur
|
|
{
|
|
grid-area: donateur;
|
|
}
|
|
|
|
#versements
|
|
{
|
|
grid-area: versements;
|
|
}
|
|
|
|
#final
|
|
{
|
|
grid-area: signature;
|
|
}
|
|
|
|
.rubrique
|
|
{
|
|
background-color : rgb(200, 200, 250);
|
|
padding : 2mm;
|
|
}
|
|
|
|
.cartouche
|
|
{
|
|
margin : 2mm auto;
|
|
padding : 0 2mm;
|
|
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, #nom
|
|
{
|
|
text-align : center;
|
|
}
|