<!-- .slide: data-background-video="https://videos.ahp-numerique.fr/download/streaming-playlists/hls/videos/6daec21d-d099-4c19-aa0c-3b47357f66eb-1080-fragmented.mp4" data-background-color="#000000" -->
---
<!-- .slide: data-background="http://www.humanisti.ca/wp-content/uploads/2015/02/humanistica-logo.gif" ; data-background-size="15%" ; data-background-position="top 20px right 20px" -->
<!-- .slide: data-background-color="#f4f4f4" -->
<div style="width:92%; margin:auto; margin-top:40px;">
<table style="width:100%; border:none; border-collapse:collapse;">
<tr>
<!-- Colonne principale -->
<td style="width:72%; vertical-align:top; border:none; padding-right:18px;">
<!-- Bloc laboratoire -->
<div style="background:white; border-left:8px solid #4cb5ae; border-radius:12px; padding:25px; color:#333; font-family:Arial,sans-serif; text-align:left;">
<div style="font-size:18px; font-weight:bold; color:#4cb5ae; text-transform:uppercase; margin-bottom:18px; letter-spacing:1px;">
Organisateur
</div>
<table style="width:100%; border:none; border-collapse:collapse;">
<tr>
<td style="vertical-align:top; border:none;">
<h2 style="margin:0; color:#42313a; font-size:1.15em; line-height:1.15;">
Archives Henri-Poincaré
</h2>
<div style="margin-top:12px; color:#6c2d2c; font-weight:bold; line-height:1.35; font-size:0.72em;">
Philosophie et Recherches sur les Sciences et les Technologies
</div>
</td>
<td style="width:120px; text-align:right; vertical-align:top; border:none;">
<img
src="https://codimd.math.cnrs.fr/uploads/upload_30bfa87436b70e250a96c2d229354056.png"
style="width:90px; max-width:none; border:none; box-shadow:none; background:none;"
>
</td>
</tr>
</table>
<div style="margin-top:22px; line-height:1.7;">
<span style="display:inline-block; background:#4cb5ae; color:white; padding:6px 12px; border-radius:18px; margin:4px; font-size:0.55em; font-weight:bold;">
UMR 7117
</span>
<span style="display:inline-block; background:#f1dcc9; padding:6px 12px; border-radius:18px; margin:4px; font-size:0.55em;">
CNRS · Université de Strasbourg · Université de Lorraine
</span>
</div>
</div>
<!-- Bloc PAN -->
<div style="margin-top:20px; background:white; border-left:8px solid #6c2d2c; border-radius:12px; padding:22px; color:#333; font-family:Arial,sans-serif; text-align:left;">
<div style="font-size:18px; font-weight:bold; color:#6c2d2c; text-transform:uppercase; margin-bottom:16px; letter-spacing:1px;">
PAN — Pôle Archives Numériques
</div>
<div style="margin-top:12px; color:#444; line-height:1.5; font-size:0.60em;">
Exploitation et édition numérique de fonds d’archives, création de plateformes et développement d'applications pour la recherche.
</div>
<div style="margin-top:18px;">
<a
href="https://pan.archivespoincare.fr/"
style="display:inline-block; background:#6c2d2c; color:white; text-decoration:none; padding:8px 14px; border-radius:8px; font-size:0.52em;"
>
https://pan.archivespoincare.fr
</a>
</div>
</div>
</td>
<!-- Colonne droite -->
<td style="width:28%; vertical-align:middle; text-align:center; border:none;">
<img
src="https://codimd.math.cnrs.fr/uploads/upload_65af125d143e061962cade39c8732d49.png"
style="max-width:100%; max-height:500px; border:none; box-shadow:none; background:none; border-radius:10px;"
>
</td>
</tr>
</table>
</div>
---
<!-- Bloc Lieu -->
<div style="margin-top:20px; background:white; border-left:8px solid #3d5a80; border-radius:12px; padding:22px; color:#333; font-family:Arial,sans-serif; text-align:left;">
<div style="font-size:18px; font-weight:bold; color:#3d5a80; text-transform:uppercase; margin-bottom:16px; letter-spacing:1px;">
Le Lieu
</div>
<h3 style="margin:0; color:#42313a; font-size:0.9em; line-height:1.2;">
Institut des sciences du Digital, Management et Cognition
</h3>
<div style="margin-top:18px; text-align:center;">
<img
src="https://idmc.univ-lorraine.fr/wp-content/uploads/2019/06/idmc-facade-desilles.jpg"
style="width:100%; max-width:900px; max-height:420px; object-fit:cover; border:none; box-shadow:none; background:none; border-radius:12px;"
>
</div>
</div>
---
<!-- Bloc Thèmes -->
<div style="margin-top:20px; background:white; border-left:8px solid #8d6a9f; border-radius:12px; padding:28px; color:#333; font-family:Arial,sans-serif; text-align:left;">
<div style="text-align:center; font-size:25px; font-weight:bold; color:#8d6a9f; text-transform:uppercase; margin-bottom:35px; letter-spacing:1px;">
Thèmes
</div>
<div style="text-align:center; font-size:1.40em; font-weight:bold; color:#42313a; line-height:1.15;">
Patrimoine & Durabilité
</div>
</div>
<!-- Bloc Programme DOS -->
<div style="margin-top:20px; background:white; border-left:8px solid #2a9d8f; border-radius:12px; padding:26px; color:#333; font-family:Arial,sans-serif; text-align:left;">
<table style="width:100%; border:none; border-collapse:collapse;">
<tr>
<!-- Texte -->
<td style="width:75%; vertical-align:top; border:none; padding-right:20px;">
<div style="font-size:18px; font-weight:bold; color:#2a9d8f; text-transform:uppercase; margin-bottom:18px; letter-spacing:1px;">
Programme DOS — Durabilité des Outils en SHS
</div>
<div style="margin-top:14px; color:#444; line-height:1.5; font-size:0.62em;">
Programme transversal pour la durabilité et l’interopérabilité des outils de recherche en SHS.
</div>
<div style="margin-top:18px;">
<a
href="https://doi.org/10.34816/6WHT-5J70"
style="display:inline-block; background:#2a9d8f; color:white; text-decoration:none; padding:8px 14px; border-radius:8px; font-size:0.52em;"
>
https://doi.org/10.34816/6WHT-5J70
</a>
</div>
</td>
<!-- QR Code -->
<td style="width:25%; vertical-align:middle; text-align:center; border:none;">
<img
src="https://api.qrserver.com/v1/create-qr-code/?size=220x220&data=https://doi.org/10.34816/6WHT-5J70"
style="width:150px; border:none; box-shadow:none; background:none;"
>
</td>
</tr>
</table>
</div>
---
<style>
/* Utiliser la police Marianne */
.reveal {
font-family: 'Marianne' ; font-size: 1.8em;
}
.reveal h1 {
font-size: 2em;
position: relative;
}
/* Aligner les listes à puce à gauche avec une marge de 15px */
.reveal ul {
list-style-position: outside;
margin-left: 10px;
}
/* Aligner les titres de diapositives à gauche
.reveal .slides section {
text-align: left; margin-top: 30px;
}
*/
/* Numéro de diapositive en bas à gauche avec le titre du diaporama */
.reveal .slide-number {
position: fixed;
bottom: 10px;
left: 15px;
color: #888; /* Couleur grise */
font-size: 0.5em;
background: none; /* Pas de fond */
z-index: 1000;
}
/* Barre de progression plus épaisse en rouge avec fond gris */
.reveal .progress {
height: 8px; /* Hauteur de la barre */
background: #ccc; /* Fond gris */
}
.reveal .progress span {
background: #ff0000; /* Couleur rouge */
}
/* Changer la couleur de survol des liens */
.reveal a:hover {
color: #ff0000; /* Couleur rouge lors du survol */
}
/* Ajouter une bordure grise très fine autour des images */
.reveal .slides img {
border: 1px solid #ccc; /* Bordure grise de 1 pixel */
/* box-shadow: none; /*Supprimer l'ombre (si elle est appliquée) */
}
</style>