body {
    font-family: 'Calibri', sans-serif; /* Définit Calibri comme la police par défaut */
    font-size: 16px; /* Définit la taille de police par défaut à 11px */
}

.page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Cela aide à distribuer l'espace entre les éléments enfants */
    width: 210mm;
    height: 300mm;
    margin: auto; /* Ceci centre la page, mais vous aviez déjà 10px 10px 10px 10px qui ajoute une marge sur tous les côtés */
}

.zone {
    box-sizing: border-box;
    padding: 1px; /* Petite marge intérieure */
    /*border: 1px solid #000; /* Pour visualiser les zones */
    margin: 1px; /* Ajoute un petit espace entre les zones */
}

/* texte en bleu */
.t-r-j p{
    color: red;
    background-color: yellow;
}

.mail{
    color: blue;
    font-weight: bold;
}

/*  zone TOP  */
.top {
    display: flex;
    height: 13%;
    width: 100%;
}

.top-gauche{
    width: 24%;
    height: auto;
    display: flex;
    align-items: center; /* Centre verticalement */
    justify-content: left; /* Centre horizontalement */
}

.top-gauche img{
    width: 149px;
    height: 128px; 
    max-width: 100%; /* S'assure que l'image ne dépasse pas le div conteneur */
    max-height: 100%; /* Optionnel, pour contrôler la hauteur de l'image */
    margin-right: 150px;
}


.top-droite{
    width: 24%;
    height: auto;
    display: flex;
    align-items: center; /* Centre verticalement */
    justify-content: right; /* Centre horizontalement */
}

.top-droite img{
    width: 100%;
    height: 100%; 
    max-width: 100%; /* S'assure que l'image ne dépasse pas le div conteneur */
    max-height: 100%; /* Optionnel, pour contrôler la hauteur de l'image */
    margin-left: 150px;
}


.top-centre{
    width: 52%;
    height: auto;
    display: flex;
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    font-size: 20px;
    font-weight: bold;
}


/*  zone Titre  */
.titre {
    width: 100%;
    height: 8%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 24px;
    text-decoration: underline;
}

.titre p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 5px 0; /* Ajustez selon le besoin pour l'espacement vertical */
}


/*  zone joueur titre + info + adresse  */
.titre-joueur {
    width: 100%;
    height: 3.5%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

.infos-joueur p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 5px 0; /* Ajustez selon le besoin pour l'espacement vertical */
}

.infos-joueur {
    height: 8.5%;
    width: 100%;
    display: flex;
    align-items: left; 
    justify-content: top; 
}

.infos-joueur-gauche {
    width: 50%;
    height: auto;
    align-items: left; 
    justify-content: top; 
}

.infos-joueur-gauche p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 5px 0; /* Ajustez selon le besoin pour l'espacement vertical */
}

.infos-joueur-droite {
    width: 50%;
    height: auto;
    align-items: left; 
    justify-content: top; 
}

.infos-joueur-droite p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 5px 0; /* Ajustez selon le besoin pour l'espacement vertical */
}

.infos-joueur-adresse {
    height: 6%;
    width: 100%;
    align-items: left; 
    justify-content: top; 
}

/*  zone parent  */
.titre-parent {
    width: 100%;
    height: 3.5%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

.infos-parent {
    height: 22%;
    width: 100%;
    display: flex;
    align-items: left; 
    justify-content: top; 
}

.infos-parent p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 6px 0; /* Ajustez selon le besoin pour l'espacement vertical */
}

.infos-parent-gauche {
    height: auto;
    width: 50%;
    align-items: left; 
    justify-content: top; 
}

.infos-parent-droite {
    height: auto;
    width: 50%;
    align-items: left; 
    justify-content: top; 
}


/*  zone medical  */
.titre-medical {
    height: 3.5%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

.infos-medical {
    height: 12%;
    width: 100%;
    align-items: left; 
    justify-content: top; 
}


/*  zone image  */
.titre-image {
    height: 3.5%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

.infos-image {
    height: 6%;
    width: 100%;
    align-items: left; 
    justify-content: top; 
}


/*  zone footer  */
.footer {
    height: 7%;
    width: 100%;
    margin-top: auto;
    text-align: center;
    font-size: 12px;
}

.footer p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 5px 0; /* Ajustez selon le besoin pour l'espacement vertical */
}




/*  perte titre + texte  */
.titre-perte {
    height: 5%;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

.titre-perte p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 25px; /* Ajustez selon le besoin pour l'espacement vertical */
}

.infos-perte {
    height: 5%;
    width: 100%;
    align-items: left; 
    justify-content: center; 
}

.infos-perte p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 0px; /* Ajustez selon le besoin pour l'espacement vertical */
}


/*  prise taille titre + pointure + grille + pack precedent  */
.titre-prise-taille {
    height: 5%;
    width: 100%;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

.titre-prise-taille p {
    margin: 0; /* Supprimer les marges par défaut des paragraphes */
    padding: 28px; /* Ajustez selon le besoin pour l'espacement vertical */
}

.type-pointure {
    height: 4%;
    width: 100%;
    display: flex;
    align-items: center; /* Assure l'alignement vertical au centre */
    justify-content: space-between; /* Ajusté pour placer les éléments sur les côtés opposés */
    margin: 10px 0;
}

.type-gauche {
    width: 29%; /* Largeur du conteneur gauche */
    height: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Distribue uniformément les éléments à l'intérieur */
    font-size: 16px;
}

.gauche {
    flex: 1; /* Permet aux éléments de remplir l'espace disponible */
    text-align: center;
}

.gauche p {
    margin: 0;
    border: 1px solid #000;
    padding: 5px;
}

.zoneMorte1 {
    flex-grow: 1; /* Permet à la zone morte de remplir l'espace disponible */
}

.pointure {
    width: 30%;
    display: flex;
    justify-content: space-between;
}

.textePointure {
    width: 70%; /* 70% de la largeur du conteneur .pointure */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
}

.textePointure p {
    margin: 0;
    padding: 5px;
    font-size: 16px;
}

.reponsePointure {
    width: 30%; /* 30% de la largeur du conteneur .pointure */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 1px solid #000;
}

.tableauPriseTaille {
    height: 10%;
    width: 100%;
    align-items: left; 
    justify-content: center; 
    display: flex;
}

table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid black;
    padding: 5px;
    text-align: center;
    height: 5px;
}
th {
    background-color: #f2f2f2;
}


th:first-child, td:first-child {
    width: 14%; /* Largeur de la première colonne */
    text-align: left;
}
th:not(:first-child), td:not(:first-child) {
    width: 7%; /* Largeur des autres colonnes */
}

.packPrecedent {
    height: 2.5%;
    width: 100%;
    align-items: left; 
    justify-content: top; 
    display: flex;
    margin-top: 5px;
}

.titrePackPrecedent{
    height: auto;
    width: 43%;
    align-items: left; 
    justify-content: center; 
}

.choixPackPrecedent{
    height: auto;
    width: 25%;
    align-items: center; 
    justify-content: center; 
}

.zoneMorte2{
    height: 2%;
    width: 45%;
    align-items: center; 
    justify-content: center; 
}

.zoneMorte3{
    height: 8%;
    width: 45%;
    align-items: center;
    justify-content: center;
}

/*  prise taille delegue + grille + infospris  */
.titre-prise-taille-delegue {
    height: auto;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 5px;
}


.tableauPriseTailleDelegue {
    height: 25%;
    width: 100%;
    align-items: left; 
    justify-content: top; 
    display: flex;
}

.remarquePrix{
    height: 10%;
    width: 100%;
    align-items: left; 
    justify-content: top; 
}

/*  zone signature  */
.signature {
    height: 10%;
    width: 100%;
    margin-top: auto;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}