/* Style de base de la page */
    body {
      margin: 0;
      background: #f0f0f0;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Conteneur principal format A4 */
    .a4-container {
      width: 21cm;              /* Largeur d'une feuille A4 */
      min-height: 29.7cm;       /* Hauteur d'une feuille A4 */
      padding: 0.4cm;           /* Marge intérieure */
      background: white;
      box-shadow: 0 0 15px rgba(0,0,0,0.2); /* Ombre portée visible uniquement à l'écran */
      box-sizing: border-box;   /* Inclut le padding dans les dimensions */
    }

    /* Encadrement visuel pour l'écran */
    .screen-border {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 2px dashed #ccc;  /* Bordure en pointillés gris */
      pointer-events: none;     /* Permet de cliquer à travers */
    }

    /* Styles spécifiques pour l'impression */
    @media print {
      body {
        background: white !important;
      }
      
      .a4-container {
        box-shadow: none;       /* Supprime l'ombre à l'impression */
      }
      
      .screen-border {
        display: none !important;
      }

      /* Suppression de la bordure du conteneur d'image à l'impression */
      .image-container {
        border: none !important; /* Désactive complètement la bordure */
      }
    }

    /* Styles pour le texte éditable */
    [contenteditable] {
      outline: none;            /* Supprime le contour bleu au focus */
      cursor: text;             /* Curseur de texte au survol */
      min-height: 1cm;          /* Hauteur minimale pour cliquer facilement */
      margin-bottom: 0.5cm;     /* Espacement entre les éléments */
    }

    [contenteditable]:focus {
      background: #f8f8f8;      /* Fond légèrement grisé pendant l'édition */
    }

    /* Styles des titres avec Raleway Black 900 */
    h1, h2 {
      font-family: 'Raleway', sans-serif; /* Utilise la police Raleway */
      font-weight: 900;                   /* Style Black (900) */
      color: black;
      -webkit-text-fill-color: transparent; /* Remplissage transparent */
      -webkit-text-stroke-width: 3px;     /* Épaisseur du contour */
      -webkit-text-stroke-color: black;     /* Couleur du contour */
      margin: 0 0 0.5cm 0;
      letter-spacing: 0.1cm;
      line-height: 0.7;
      word-break: break-word;  /* Césure des mots longs */
    }

    h1 {
      font-size: 6cm;        /* Taille équivalente à 90pt */
    }

    h2 {
      font-size: 3cm;        /* Taille équivalente à 62pt */
      -webkit-text-stroke-width: 1px;
    }

    /* Zone pour l'image */
    .image-container {
      margin-top: 3cm;         /* Espacement depuis le texte */
      border: 2px dashed #ccc; /* Contour en pointillés (visible uniquement à l'écran) */
      min-height: 5cm;         /* Hauteur minimale */
      text-align: center;
      padding: 0cm;
      box-sizing: border-box;
    }

    .image-container img {
      max-width: 100%;         /* L'image ne dépasse pas du conteneur */
      max-height: 10cm;        /* Hauteur maximale pour l'impression */
      vertical-align: middle;
    }

    /* Classes d'alignement */
    .align-left { text-align: left; }
    .align-center { text-align: center; }
    .align-right { text-align: right; }