/* =========================================================================
   Variables globales
   ========================================================================= */

:root {
	--color-nav: #333333;
	--font-body: "Raleway", sans-serif;
	--font-heading: "Nunito", sans-serif;
}

/* Typo globale : texte / UI = Raleway, titres = Nunito */
body {
	font-family: var(--font-body) !important;
}

a,
button,
input,
textarea,
select,
label,
p,
li,
td,
th,
span {
	font-family: inherit !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading) !important;
}

/* =========================================================================
   Base
   ========================================================================= */

.site-main {
	min-height: 50vh;
}

/* Sur desktop, main doit couvrir le footer fixe (z-index: 0) et
   rester au-dessus du voile de dévoilement (z-index: 5). */
@media (min-width: 1024px) {
	.site-main {
		position: relative;
		z-index: 10;
		background: #ffffff;
	}
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* =========================================================================
   Contenu WYSIWYG
   ========================================================================= */

.entry-content > *:not(.alignwide):not(.alignfull) {
	max-width: 760px;
	margin-inline: auto;
	padding-inline: 1.5rem;
}

.entry-content > .alignwide {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 1.5rem;
}

.entry-content {
	min-width: 0;
}

.entry-content > .alignfull {
	max-width: none;
	overflow-x: clip;
}

.entry-content > * + * {
	margin-top: 1.5rem;
}



@media (max-width: 1024px) {
	.table-scroll-mobile {
	  display: block !important;
	  overflow-x: auto !important;
	  white-space: nowrap !important;
	}
	.table-scroll-mobile table {
	  table-layout: auto !important;
	  width: 100% !important;
	}
  }