body {
  margin: 0;
  padding: 0;
  background-color: #697fc6;
  font-family: "copropole-black-italic", serif;
  position: relative;
}


/* Logo fixé en haut à droite */
.logo-fixe {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 80px;
  height: auto;
  z-index: 1000;
}

/* Contenu texte avec marge à droite pour ne pas recouvrir le logo */
.contenu {
  background-color: #fff;
  max-width: 900px;
  margin: 5rem auto;
  padding: 2rem;
box-shadow: 0 12px 24px rgba(0, 0, 0, 10.25);
border-radius: 10px;
  position: relative;
  z-index: 2; /* doit être au-dessus du logo */
    font-family: "copropole-italic", serif;
}

/* Lien discret mais visible */
.mail {
  text-decoration: none;
  color: inherit;
  border-bottom: 1px dotted #888;
}

.mail:hover {
  border-bottom: 1px solid #000;
  cursor: pointer;
}

.signature-blanche {
  text-align: right;
  font-size: 1.2rem;
  margin-top: 3rem;
  margin-bottom: 0;
  color: #444;
  font-style: italic;
}

.signature-blanche {
  text-align: right;
  font-size: 1.2rem;
  margin-top: 3rem;
  margin-bottom: 0;
  color: #444;
  font-style: italic;
}

.signature-blanche a {
  color: inherit;
  text-decoration: none;
  font-style: inherit;
  cursor: pointer;
}

.signature-blanche a::after {
  content: " ✉️";
  font-style: normal;
  opacity: 0.6;
  margin-left: 6px;
}

/* Plus de soulignement au survol */
.signature-blanche a:hover {
  text-decoration: none;
}
@font-face {
   font-family: 'copropole-regular';
   src: url('../font/copropole-regular.woff2') format('woff2'),
        url('../font/copropole-regular.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;
}
@font-face {
   font-family: 'copropole-light';
   src: url('../font/copropole-light.woff2') format('woff2'),
	      url('../font/copropole-light.woff') format('woff');
}

@font-face {
   font-family: 'copropole-bold';
   src: url('../font/copropole-bold.woff2') format('woff2'),
        url('../font/copropole-bold.woff') format('woff');
}
@font-face {
   font-family: 'copropole-bold-italic';
   src: url('../font/copropole-bold-italic.woff2') format('woff2'),
        url('../font/copropole-bold-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-black';
   src: url('../font/copropole-black.woff2') format('woff2'),
        url('../font/copropole-black.woff') format('woff');
}
@font-face {
   font-family: 'copropole-black-italic';
   src: url('../font/copropole-black-italic.woff2') format('woff2'),
        url('../font/copropole-black-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-medium';
   src: url('../font/copropole-medium.woff2') format('woff2'),
        url('../font/copropole-medium.woff') format('woff');
}
@font-face {
   font-family: 'copropole-medium-italic';
   src: url('../font/copropole-medium-italic.woff2') format('woff2'),
        url('../font/copropole-medium-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-italic';
   src: url('../font/copropole-italic.woff2') format('woff2'),
        url('../font/copropole-italic.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;
}
@font-face {
   font-family: 'copropole-light';
   src: url('../font/copropole-light.woff2') format('woff2'),
        url('../font/copropole-light.woff') format('woff');
}
@font-face {
   font-family: 'copropole-light-italic';
   src: url('../font/copropole-light-italic.woff2') format('woff2'),
        url('../font/copropole-light-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-extra-light';
   src: url('../font/copropole-extra-light.woff2') format('woff2'),
        url('../font/copropole-extra-light.woff') format('woff');
}
@font-face {
   font-family: 'copropole-extra-light-italic';
   src: url('../font/copropole-extra-light-italic.woff2') format('woff2'),
        url('../font/copropole-extra-light-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-extrabold';
   src: url('../font/copropole-extrabold.woff2') format('woff2'),
        url('../font/copropole-extrabold.woff') format('woff');
}
@font-face {
   font-family: 'copropole-extrabold-italic';
   src: url('../font/copropole-extrabold-italic.woff2') format('woff2'),
        url('../font/copropole-extrabold-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-bold-italic';
   src: url('../font/copropole-bold-italic.woff2') format('woff2'),
        url('../font/copropole-bold-italic.woff') format('woff');
}

@font-face {
   font-family: 'copropole-medium-italic';
   src: url('../font/copropole-medium-italic.woff2') format('woff2'),
        url('../font/copropole-medium-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-thin-italic';
   src: url('../font/copropole-thin-italic.woff2') format('woff2'),
        url('../font/copropole-thin-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-thin';
   src: url('../font/copropole-thin.woff2') format('woff2'),
        url('../font/copropole-thin.woff') format('woff');
}
@font-face {
   font-family: 'copropole-semibold-italic';
   src: url('../font/copropole-semibold-italic.woff2') format('woff2'),
        url('../font/copropole-semibold-italic.woff') format('woff');
}
@font-face {
   font-family: 'copropole-semibold';
   src: url('../font/copropole-semibold.woff2') format('woff2'),
        url('../font/copropole-semibold.woff') format('woff');
}