@font-face {
  font-family: 'GeoMed';
  src: url('../../prez/css/fonts//geomanist-medium-webfont.woff2') format('woff2'),
	 url('../../prez/css/fonts//geomanist-medium-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'GeoMed';
  src: url('../../prez/css/fonts//geomanist-medium-italic-webfont.woff2') format('woff2'),
		 url('../../prez/css/fonts//geomanist-medium-italic-webfont.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

/* Geomanist Book (used for h4 and h6) */

@font-face {
  font-family: 'GeoBook';
  src: url('../../prez/css/fonts//geomanist-book-webfont.woff2') format('woff2'),
	 url('../../prez/css/fonts//geomanist-book-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GeoBook';
  src: url('../../prez/css/fonts//geomanist-book-italic-webfont.woff2') format('woff2'),
		 url('../../prez/css/fonts//geomanist-book-italic-webfont.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}

html, body {
  height: 100%; 
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

body{
	background:#a0b1bd;
}

h1, h2 {
    font-family: GeoMed, Verdana, sans-serif;
}
.wrapper {
}

.wrapper main{
  width: auto; 
	text-align: center; 
}

.able-wrapper{margin:auto}

nav{
	position:absolute;
	right:10px;
	top:10px;
}

nav a{
	background-color:#0b1b34;
	color:#fff;
	padding:3px 5px 4px 5px;
	text-decoration:none;
}

h1{
	color:#0b1b34;
}

a.link{color:#000}
.toggle-source-button {
  font-size: 14px;
  padding: 6px 12px;
  margin-left: 10px;
}

.videos {
  display: flex; /* Utilisation de Flexbox */
  justify-content: space-between; /* Espacement entre les blocs */
  align-items: flex-start; /* Aligner les blocs en haut */
  gap: 20px; /* Espacement entre les blocs (optionnel) */
}

.video-block {
  flex: 1; /* Assure que les blocs prennent une largeur égale */
  max-width: 50%; /* Limite la largeur à 50% pour chaque bloc */
  box-sizing: border-box; /* Inclut les bordures/marges dans la largeur totale */
}

.video-block video {
  width: 100%; /* Assure que la vidéo s'adapte à la largeur du bloc */
}

.video-js .vjs-big-play-button{
  display:none;
}

:not(.vjs-has-started) .vjs-control-bar {
  display: flex;
}