@charset "ISO-8859-1";
/*
Theme Name: Material 3 for Wordpress
Theme URI: https://m3.vole.photos/
Author: YJ Studio Jean F. Vole
Author URI: https://jf.vole.photos/
Description: Un theme Material Design 3 
Requires at least: 6.0.0
Tested up to: 6.0.0
Requires PHP: 7.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yjstwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Material Design WordPress Theme, (C) 2022 Jean F. Vole
Material Design is distributed under the terms of the GNU GPL.
*/
:root {
	--md-sys-color-thumbnail-container: rgba(255, 255, 255, 0.5);
	--md-sys-color-on-thumbnail-container: #ffffff;
	--md-sys-color-on-surface-08: rgb(28, 27, 30, 0.08);
	--md-sys-color-on-surface-12: rgb(28, 27, 30, 0.12);
	--md-sys-color-on-surface-16: rgb(28, 27, 30, 0.16);
	--md-sys-color-on-surface-38: rgb(28, 27, 30, 0.38);
	--md-card-border-radius: 12px;
	--md-card-border-width: 14px;
	--md-card-padding: 1em;
	--md-heading-padding: 0.25em 0.5em; /* Padding pour les heading avec background*/
	--md-content-card-gap: 0.5em;
	--md-content-card-border-radius: 0.5em;
	--md-content-card-border-width: 1em;
	--md-content-card-padding: 1em;
	--md-content-card-padding-top-bottom: 0.5em;
	--md-layout-gap: 1em;
}

.wp-block-post-content>.wp-block-spacer:not(:last-child) {
	margin-bottom: 0 !important;
}

.has-md-primary-container-background-color {
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
}

.has-md-primary-background-color {
	color: var(--md-sys-color-on-primary);
	background-color: var(--md-sys-color-primary);
}

.has-md-secondary-container-background-color {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
}

.has-md-secondary-background-color {
	color: var(--md-sys-color-on-secondary);
	background-color: var(--md-sys-color-secondary);
}

.has-md-tertiary-container-background-color {
	color: var(--md-sys-color-on-tertiary-container);
	background-color: var(--md-sys-color-tertiary-container);
}

.has-md-tertiary-background-color {
	color: var(--md-sys-color-on-tertiary);
	background-color: var(--md-sys-color-tertiary);
}

.has-md-surface-background-color {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
}

.has-md-surface-variant-background-color {
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
}

@media only screen and (max-width: 599px) {
	:root {
		--md-layout-margin: 8px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 839px) {
	:root {
		--md-layout-margin: 12px;
	}
}

@media only screen and (min-width: 839px) {
	:root {
		--md-layout-margin: 32px;
	}
}

body {
	margin: 0 auto;
	padding: 0;
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	font-family: var(--md-sys-typescale-body-medium-font-family-name);
	font-style: var(--md-sys-typescale-body-medium-font-family-style);
	font-weight: var(--md-sys-typescale-body-medium-font-weight);
	font-size: var(--md-sys-typescale-body-medium-font-size);
	letter-spacing: var(--md-sys-typescale-body-medium-tracking);
	line-height: var(--md-sys-typescale-body-medium-height);
	text-transform: var(--md-sys-typescale-body-medium-text-transform);
	text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
}

#body-wrapper
{
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
}
/************************************************************************
 * Le Style c'est background; color, border et élévation 
 ************************************************************************/

/* Style */
.md-style-outlined {
	outline: 1px solid var(--md-sys-color-outline);
}

/* 
 * Couleurs 
 */

/* surface */
.md-colors-surface {
	color: var(--md-sys-color-primary);
	background-color: var(--md-sys-color-surface);
}

.md-colors-surface-variant {
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
}

.md-colors-on-surface-variant {
	color: var(--md-sys-color-on-surface-variant);
}

.md-colors-primary {
	color: var(--md-sys-color-on-primary);
	background-color: var(--md-sys-color-primary);
}

.md-colors-primary-container {
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
}

.md-colors-on-primary-container {
	color: var(--md-sys-color-primary-container);
	background-color: var(--md-sys-color-on-primary-container);
}

.md-colors-secondary {
	color: var(--md-sys-color-on-secondary);
	background-color: var(--md-sys-color-secondary);
}

.md-colors-secondary-container {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
}

.md-colors-tertiary {
	color: var(--md-sys-color-on-tertiary);
	background-color: var(--md-sys-color-tertiary);
}

.md-colors-tertiary-container {
	color: var(--md-sys-color-on-tertiary-container);
	background-color: var(--md-sys-color-tertiary-container);
}

/* Elevations */
.md-card .md-menu, .md-card .md-menu:hover {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0);
	border: thin solid rgba(0, 0, 0, 0);
}

.md-elevation-level0 {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0);
	border: thin solid rgba(0, 0, 0, 0);
}

.md-elevation-level1, .md-elevation-level0:not(.md-disabled):hover {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
	border: thin solid rgba(0, 0, 0, 0.25);
}

.md-elevation-level2, .md-elevation-level1:not(.md-disabled):hover {
	box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.25);
	border: thin solid rgba(0, 0, 0, 0.25);
}

.md-elevation-level3, .md-elevation-level2:not(.md-disabled):hover {
	box-shadow: 1px 3px 1px 0px rgba(0, 0, 0, 0.25);
	border: thin solid rgba(0, 0, 0, 0.25);
}

.md-elevation-level4, .md-elevation-level3:not(.md-disabled):hover {
	box-shadow: 1px 4px 1px 0px rgba(0, 0, 0, 0.25);
	border: thin solid rgba(0, 0, 0, 0.25);
}

.md-elevation-level5, .md-elevation-level4:not(.md-disabled):hover {
	box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.25);
	border: thin solid rgba(0, 0, 0, 0.25);
}

.md-elevation-level5:not(.md-disabled):hover {
	box-shadow: 1px 6px 1px 0px rgba(0, 0, 0, 0.25);
	border: thin solid rgba(0, 0, 0, 0.25);
}

/*
 * Disabled
 */
.md-disabled>.md-state-layer {
	background-color: rgba(0, 0, 0, 8%);
	opacity: 38%;
}

.md-colors-surface.md-disabled>.md-state-layer>* {
	color: var(--md-sys-color-on-surface);
}

/*
 * :focus et :focus-visible
 */
.md-button:not(.md-disabled):focus-visible, .md-fab:not(.md-disabled):focus-visible,
	.md-menu-item:not(.md-disabled):focus-visible {
	color: var(--md-sys-color-on-surface-38);
	outline: none;
}

.md-button:not(.md-disabled):focus>.md-state-layer, .md-button:not(.md-disabled):focus-visible>.md-state-layer,
	.md-fab:not(.md-disabled):focus .md-state-layer, .md-fab:not(.md-disabled):focus-visible .md-state-layer,
	.md-menu-item:not(.md-disabled):focus>.md-state-layer, .md-menu-item:not(.md-disabled):focus-visible>.md-state-layer
	{
	background-color: var(--md-sys-color-on-surface-12);
	color: var(--md-sys-color-on-surface);
}

/************************************************************************
 * Chaque composant a des particularité en dehors du style 
 ************************************************************************/
.md-state-layer {
	margin: 0px;
	padding: 0px;
	height: 100%; /* C'est pour l'alignement des boutons en bas des card*/
}

/************************************************************************
 * Topbar 
 ************************************************************************/
.md-topbar, .md-topbar>.mad-state-layer>* {
	margin: 0px;
}

.md-topbar-trailing.md-with-icons {
	display: flex;
	gap: 4px;
	/* le padding entre icone est de 24dp le bouton fait 20px avec un padding de 10px soit 2*10px + 4px*/
}

/* Top Bar center-aligned */
.md-topbar-center-aligned>.md-state-layer {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: center;
	height: 64px; /* hauteur du composant total 64dp */
}

.md-topbar-center-aligned.md-without-icon>.md-state-layer {
	padding: 20px 16px;
}

.md-topbar-center-aligned.md-with-icon>.md-state-layer {
	padding: 12px 8px;
}

.md-topbar-center-aligned .md-topbar-headline {
	width: 100%;
	font-family: var(--md-sys-typescale-title-large-font-family-name);
	font-style: var(--md-sys-typescale-title-large-font-family-style);
	font-weight: var(--md-sys-typescale-title-large-font-weight);
	font-size: var(--md-sys-typescale-title-large-font-size);
	letter-spacing: var(--md-sys-typescale-title-large-tracking);
	line-height: var(--md-sys-typescale-title-large-height);
	text-transform: var(--md-sys-typescale-title-large-text-transform);
	text-decoration: var(--md-sys-typescale-title-large-text-decoration);
	text-align: center;
}

.md-topbar-small>.md-state-layer {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: center;
	height: 64px; /* hauteur du composant total 64dp */
}

.md-topbar-small.md-without-icon.md-without-trailing {
	padding: 19px 16px;
}

.md-topbar-small.md-with-icon.md-with-trailing>.md-state-layer {
	padding: 12px 8px;
}

.md-topbar-small.md-without-icon.md-with-trailing>.md-state-layer {
	padding: 12px 8px 12px 16px;
}

.md-topbar-small.md-with-icon.md-without-trailing>.md-state-layer {
	padding: 12px 16px 12px 8px;
}

.md-topbar-small .md-topbar-headline {
	width: 100%;
	font-family: var(--md-sys-typescale-title-large-font-family-name);
	font-style: var(--md-sys-typescale-title-large-font-family-style);
	font-weight: var(--md-sys-typescale-title-large-font-weight);
	font-size: var(--md-sys-typescale-title-large-font-size);
	letter-spacing: var(--md-sys-typescale-title-large-tracking);
	line-height: var(--md-sys-typescale-title-large-height);
	text-transform: var(--md-sys-typescale-title-large-text-transform);
	text-decoration: var(--md-sys-typescale-title-large-text-decoration);
	text-align: left;
}

.md-topbar-medium>.md-state-layer {
	padding: 12px 8px 28px 8px;
	height: 72px; /* hauteur du composant total 112dp */
	display: grid;
	grid-template-areas: "topbar-nav-icon topbar-trailing"
		"topbar-headline topbar-headline";
}

.md-topbar-medium .md-topbar-icon {
	grid-area: topbar-nav-icon;
}

.md-topbar-medium .md-topbar-headline {
	grid-area: topbar-headline;
	place-self: end left;
	width: 100%;
	margin: 0 0 0 8px;
	font-family: var(--md-sys-typescale-headline-small-font-family-name);
	font-style: var(--md-sys-typescale-headline-small-font-family-style);
	font-weight: var(--md-sys-typescale-headline-small-font-weight);
	font-size: var(--md-sys-typescale-headline-small-font-size);
	letter-spacing: var(--md-sys-typescale-headline-small-tracking);
	line-height: var(--md-sys-typescale-headline-small-height);
	text-transform: var(--md-sys-typescale-headline-small-text-transform);
	text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
	text-align: left;
}

.md-topbar-medium .md-topbar-trailing {
	grid-area: topbar-trailing;
	justify-self: flex-end;
}

.md-topbar-large>.md-state-layer {
	padding: 12px 8px 28px 8px;
	height: 112px; /* hauteur du composant total 152dp */
	display: grid;
	grid-template-areas: "topbar-nav-icon topbar-trailing"
		"topbar-headline topbar-headline";
}

.md-topbar-large .md-topbar-icon {
	grid-area: topbar-nav-icon;
}

.md-topbar-large .md-topbar-headline {
	grid-area: topbar-headline;
	place-self: end left;
	width: 100%;
	margin: 0 0 0 8px;
	font-family: var(--md-sys-typescale-headline-medium-font-family-name);
	font-style: var(--md-sys-typescale-headline-medium-font-family-style);
	font-weight: var(--md-sys-typescale-headline-medium-font-weight);
	font-size: var(--md-sys-typescale-headline-medium-font-size);
	letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
	line-height: var(--md-sys-typescale-headline-medium-height);
	text-transform: var(--md-sys-typescale-headline-medium-text-transform);
	text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
	text-align: left;
}

.md-topbar-large .md-topbar-trailing {
	grid-area: topbar-trailing;
	justify-self: flex-end;
}

/* Button */
.md-button, .md-nav-item { /* button container */
	display: inline-block;
	border-radius: 99px;
	font-family: var(--md-sys-typescale-label-large-font-family-name);
	font-style: var(--md-sys-typescale-label-large-font-family-style);
	font-weight: var(--md-sys-typescale-label-large-font-weight);
	font-size: var(--md-sys-typescale-label-large-font-size);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	line-height: var(--md-sys-typescale-label-large-height);
	text-transform: var(--md-sys-typescale-label-large-text-transform);
	text-decoration: var(--md-sys-typescale-label-large-text-decoration);
	text-align: center;
	vertical-align: middle;
}

.md-button>.md-state-layer, .md-nav-item>.md-state-layer, .md-card .md-button>.md-state-layer
	{ /* button container */
	display: flex;
	gap: 8px;
	padding: 0 12px;
	align-items: center;
	justify-content: center;
	border-radius: 99px;
	height: 40px;
	/*	width: fit-content; */
}

.md-button.md-icon-only>.md-state-layer {
	padding: 0px;
	width: 40px;
}

.md-button.md-icon-only .md-icon {
	max-height: 24px;
	max-width: 24px;
}

.md-button.md-with-icon .md-icon {
	height: 18px;
	width: 18px;
	font-size: 18px;
}

.md-button.md-with-icon .md-state-layer {
	padding-right: 16px;
}

.md-button .md-text {
	word-break: break-word;
	width: 100%;
	min-width: 16px;
	text-align: center;
}

.md-rail-item .md-button .md-text {
	text-align: left;
}

/* Fab */
.md-fab { /* button container */
	display: inline-block;
	font-family: var(--md-sys-typescale-label-large-font-family-name);
	font-style: var(--md-sys-typescale-label-large-font-family-style);
	font-weight: var(--md-sys-typescale-label-large-font-weight);
	font-size: var(--md-sys-typescale-label-large-font-size);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	line-height: var(--md-sys-typescale-label-large-height);
	text-transform: var(--md-sys-typescale-label-large-text-transform);
	text-decoration: var(--md-sys-typescale-label-large-text-decoration);
	text-align: center;
	word-break: break-word;
	vertical-align: middle;
}

.md-fab .md-state-layer { /* button container */
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.md-fab.md-small-fab, .md-fab.md-small-fab .md-state-layer {
	border-radius: 12px;
	height: 40px;
}

.md-fab.md-medium-fab, .md-fab.md-medium-fab .md-state-layer {
	border-radius: 16px;
	height: 56px;
}

.md-fab.md-large-fab, .md-fab.md-large-fab .md-state-layer {
	border-radius: 28px;
	height: 96px;
}

.md-fab.md-small-fab.md-icon-only .md-state-layer {
	padding: 0px;
	width: 40px;
}

.md-fab.md-medium-fab.md-icon-only .md-state-layer {
	padding: 0px;
	width: 56px;
}

.md-fab.md-large-fab.md-icon-only .md-state-layer {
	padding: 0px;
	width: 96px;
}

.md-fab.md-icon-only .md-icon {
	height: 24px;
	width: 24px;
}

.md-fab.md-large-fab.md-icon-only .md-icon {
	height: 36px;
	width: 36px;
	font-size: 36px;
}

.md-fab .md-text {
	word-break: break-word;
	width: fit-content;
}

/* Extended Fab */
.md-extended-fab { /* button container */
	display: inline-block;
	font-family: var(--md-sys-typescale-label-large-font-family-name);
	font-style: var(--md-sys-typescale-label-large-font-family-style);
	font-weight: var(--md-sys-typescale-label-large-font-weight);
	font-size: var(--md-sys-typescale-label-large-font-size);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	line-height: var(--md-sys-typescale-label-large-height);
	text-transform: var(--md-sys-typescale-label-large-text-transform);
	text-decoration: var(--md-sys-typescale-label-large-text-decoration);
	text-align: center;
	word-break: break-word;
	vertical-align: middle;
	border-radius: 16px;
}

.md-extended-fab .md-state-layer { /* button container */
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	border-radius: 16px;
	height: 56px;
}

.md-extended-fab .md-icon {
	height: 24px;
	width: 24px;
}

.md-extended-fab.md-icon-only .md-state-layer {
	padding: 0px;
}

.md-extended-fab .md-text {
	word-break: break-word;
	width: fit-content;
}

/* Chip */
.md-chip { /* button container */
	display: inline-block;
	border-radius: 8px;
	font-family: var(--md-sys-typescale-label-large-font-family-name);
	font-style: var(--md-sys-typescale-label-large-font-family-style);
	font-weight: var(--md-sys-typescale-label-large-font-weight);
	font-size: var(--md-sys-typescale-label-large-font-size);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	line-height: var(--md-sys-typescale-label-large-height);
	text-transform: var(--md-sys-typescale-label-large-text-transform);
	text-decoration: var(--md-sys-typescale-label-large-text-decoration);
	text-align: center;
	vertical-align: middle;
}

.md-chip>.md-state-layer, .md-card .md-chip>.md-state-layer {
	/* button container */
	display: flex;
	gap: 8px;
	padding: 0 16px;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	height: 32px;
	width: fit-content;
}

.md-chip.md-icon-only>.md-state-layer {
	padding: 0px;
	width: 40px;
}

.md-chip.md-icon-only .md-icon {
	max-height: 24px;
	max-width: 24px;
}

.md-chip.md-with-icon .md-icon {
	height: 18px;
	width: 18px;
	font-size: 18px;
}

.md-chip.md-with-icon .md-state-layer {
	padding-left: 8px;
}

.md-chip .md-text {
	word-break: break-word;
	width: 100%;
	text-align: justify;
}

.md-chips-container {
	display: flex;
	gap: 8px;
}

.md-chips-container>* {
	margin: 8px 0;
}

/* 
 * Card & has-background 
 */
.md-card { /* button container */
	display: block;
	border-radius: var(--md-card-border-radius);
	border-left-width: var(--md-card-border-width);
}

.md-card>.md-state-layer { /* card container */
	border-radius: var(--md-card-border-radius);
}

.md-card.md-padding>.md-state-layer { /* card container */
	padding: var(--md-card-padding);
}

h1 {
	font-family: var(--md-sys-typescale-headline-large-font-family-name);
	font-style: var(--md-sys-typescale-headline-large-font-family-style);
	font-weight: var(--md-sys-typescale-headline-large-font-weight);
	font-size: var(--md-sys-typescale-headline-large-font-size);
	letter-spacing: var(--md-sys-typescale-headline-large-tracking);
	line-height: var(--md-sys-typescale-headline-large-height);
	text-transform: var(--md-sys-typescale-headline-large-text-transform);
	text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
}

h2, ul>li {
	font-family: var(--md-sys-typescale-headline-medium-font-family-name);
	font-style: var(--md-sys-typescale-headline-medium-font-family-style);
	font-weight: var(--md-sys-typescale-headline-medium-font-weight);
	font-size: var(--md-sys-typescale-headline-medium-font-size);
	letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
	line-height: var(--md-sys-typescale-headline-medium-height);
	text-transform: var(--md-sys-typescale-headline-medium-text-transform);
	text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
}

h3 {
	font-family: var(--md-sys-typescale-headline-small-font-family-name);
	font-style: var(--md-sys-typescale-headline-small-font-family-style);
	font-weight: var(--md-sys-typescale-headline-small-font-weight);
	font-size: var(--md-sys-typescale-headline-small-font-size);
	letter-spacing: var(--md-sys-typescale-headline-small-tracking);
	line-height: var(--md-sys-typescale-headline-small-height);
	text-transform: var(--md-sys-typescale-headline-small-text-transform);
	text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
}

h4 {
	font-family: var(--md-sys-typescale-title-large-font-family-name);
	font-style: var(--md-sys-typescale-title-large-font-family-style);
	font-weight: var(--md-sys-typescale-title-large-font-weight);
	font-size: var(--md-sys-typescale-title-large-font-size);
	letter-spacing: var(--md-sys-typescale-title-large-tracking);
	line-height: var(--md-sys-typescale-title-large-height);
	text-transform: var(--md-sys-typescale-title-large-text-transform);
	text-decoration: var(--md-sys-typescale-title-large-text-decoration);
	}

h5, ul>li {
	font-family: var(--md-sys-typescale-title-medium-font-family-name);
	font-style: var(--md-sys-typescale-title-medium-font-family-style);
	font-weight: var(--md-sys-typescale-title-medium-font-weight);
	font-size: var(--md-sys-typescale-title-medium-font-size);
	letter-spacing: var(--md-sys-typescale-title-medium-tracking);
	line-height: var(--md-sys-typescale-title-medium-height);
	text-transform: var(--md-sys-typescale-title-medium-text-transform);
	text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
}

h6, ul ul>li {
	font-family: var(--md-sys-typescale-title-small-font-family-name);
	font-style: var(--md-sys-typescale-title-small-font-family-style);
	font-weight: var(--md-sys-typescale-title-small-font-weight);
	font-size: var(--md-sys-typescale-title-small-font-size);
	letter-spacing: var(--md-sys-typescale-title-small-tracking);
	line-height: var(--md-sys-typescale-title-small-height);
	text-transform: var(--md-sys-typescale-title-small-text-transform);
	text-decoration: var(--md-sys-typescale-title-small-text-decoration);
}

ul ul ul>li {
	font-family: var(--md-sys-typescale-label-large-font-family-name);
	font-style: var(--md-sys-typescale-label-large-font-family-style);
	font-weight: var(--md-sys-typescale-label-large-font-weight);
	font-size: var(--md-sys-typescale-label-large-font-size);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	line-height: var(--md-sys-typescale-label-large-height);
	text-transform: var(--md-sys-typescale-label-large-text-transform);
	text-decoration: var(--md-sys-typescale-label-large-text-decoration);
}

/* Tooltip */
.md-with-tooltip {
	position: relative;
	display: inline-block;
}

.md-with-tooltip .md-tooltip {
	display: none;
	width: max-content;
	border-radius: 99px;
	padding: 12px;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 40px;
}

.md-with-tooltip:hover .md-tooltip {
	display: block;
}

/* Menus */
.md-with-menu {
	position: relative;
}

.md-with-menu:hover>.md-menu, .md-with-menu:focus>.md-menu,
	.md-with-menu:hover>.md-submenu, .md-with-menu:focus>.md-submenu {
	display: block;
}

.md-with-menu .md-menu {
	display: none;
	/* Position the tooltip */
	position: absolute;
	z-index: 2;
	top: 30px;
	right: 8px;
}

.md-menu {
	font-family: var(--md-sys-typescale-label-large-font-family-name);
	font-style: var(--md-sys-typescale-label-large-font-family-style);
	font-weight: var(--md-sys-typescale-label-large-font-weight);
	font-size: var(--md-sys-typescale-label-large-font-size);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	line-height: var(--md-sys-typescale-label-large-height);
	text-transform: var(--md-sys-typescale-label-large-text-transform);
	text-decoration: var(--md-sys-typescale-label-large-text-decoration);
}

.md-menu, .md-submenu {
	width: max-content;
	border-radius: 8px;
	border: 1px solid;
	padding: 8px 0;
	margin: 0px;
}

.md-menu-item {
	position: relative;
}

.md-menu-item .md-text {
	word-break: break-word;
	width: 100%;
	text-align: justify;
}

.md-menu-item>.md-state-layer {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 12px 12px;
}

.md-menu-item>.md-submenu {
	display: none;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 38px;
	right: 12px;
}

.md-left-menu.md-menu, .md-left-menu .md-submenu {
	width: 300px;
}

.md-left-menu .md-menu-item>.md-submenu {
	top: -8px;
	right: 280px;
}

.md-menu-item:hover>.md-submenu, .md-menu-item:focus>.md-submenu {
	display: block;
}

.md-menu-item.md-with-menu {
	cursor: pointer;
}

.md-menu-item.md-divider {
	padding: 7.5px 0;
	display: block;
}

.md-menu-item.md-divider span {
	border-bottom: 1px solid;
	display: block;
}

.md-menu-item.md-divider>* {
	padding: 0;
	margin: 0;
}

/* Primary Tabs */
.md-primary-tabs {
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 64px;
	width: min-content;
	margin: auto;
	border-bottom: var(--md-sys-color-surface-variant) 1px solid;
	font-family: var(--md-sys-typescale-title-small-font-family-name);
	font-style: var(--md-sys-typescale-title-small-font-family-style);
	font-weight: var(--md-sys-typescale-title-small-font-weight);
	font-size: var(--md-sys-typescale-title-small-font-size);
	letter-spacing: var(--md-sys-typescale-title-small-letter-spacing);
	line-height: var(--md-sys-typescale-title-small-line-height);
	text-transform: var(--md-sys-typescale-title-small-text-transform);
	text-decoration: var(--md-sys-typescale-title-small-text-decoration);
}

.md-tab-item {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	flex: 1 1 0px;
}

.md-tab-item>.md-state-layer {
	display: flex;
	flex-direction: column;
	gap: 0;
	align-items: center;
	padding: 10px 12px 10px 12px;
	min-width: fit-content;
}

.md-tab-item.md-disabled {
	color: var(--md-sys-color-primary);
}

.md-tab-item.md-disabled>.md-state-layer {
	background-color: inherit;
	opacity: inherit;
}

.md-primary-tabs .md-tab-item.md-disabled>.md-state-layer {
	border-bottom: 3px solid var(--md-sys-color-primary);
	padding-bottom: 7px;
}

.md-tab-item .md-text {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 20px;
}

@media only screen and (max-width: 599px) {
	.md-tab-item .md-text {
		display: none;
	}
}

.md-tab-item .md-icon {
	width: 24px;
	height: 24px;
}

/*
 * Navigation Rail
 */
.md-navigation-rail {
	display: flex;
	flex-direction: column;
	gap: 0px;
	justify-items: center;
	align-items: center;
	width: 80px;
}

.md-navigation-rail>:first-child {
	margin: 24px 0;
}

.md-nav-item { /* button container */
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
}

.md-nav-item>.md-state-layer {
	flex-direction: column;
	height: 56px;
	width: 32px;
}

.md-nav-item.md-disabled {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

.md-nav-item.md-disabled>.md-state-layer {
	background-color: inherit;
	opacity: inherit;
}

.md-nav-item.md-with-tooltip .md-tooltip {
	top: 8px;
	left: 56px
}

/*
 * List
 */
.md-list {
	padding: 8px 0px;
}

.md-list-item {
	background-color: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	border-bottom: 1px solid var(--md-sys-color-surface-variant);
	margin: 3.5px 0;
}

.md-list-item .md-state-layer {
	padding-left: 16px;
	padding-right: 24px;
}

.md-list-item.with-leading-image.with-trailing-icon .md-state-layer {
	display: grid;
	grid-template-columns: 56px auto 24px;
	gap: 16px;
}

.md-list-item.with-trailing-icon .md-state-layer {
	display: grid;
	grid-template-columns: auto 24px;
	gap: 16px;
}

.md-list-item.md-list-item-1-line .md-state-layer, .md-list-item.md-list-item-2-line .md-state-layer
	{
	padding-top: 8px;
	padding-bottom: 8px;
}

.md-list-item.md-list-item-3-line .md-state-layer {
	padding-top: 12px;
	padding-bottom: 12px;
}

.md-list-item .md-list-leading-image {
	height: 56px;
	width: 56px;
	background-position: center;
	background-size: contain;
}

.md-list-item .md-list-headline {
	display: block;
	overflow: hidden;
	height: 22.5px;
	margin: 0px;
	color: var(--md-sys-color-on-surface);
	font-family: var(--md-sys-typescale-body-large-font-family-name);
	font-style: var(--md-sys-typescale-body-large-font-family-style);
	font-weight: var(--md-sys-typescale-body-large-font-weight);
	font-size: var(--md-sys-typescale-body-large-font-size);
	letter-spacing: var(--md-sys-typescale-body-large-tracking);
	line-height: var(--md-sys-typescale-body-large-height);
	text-transform: var(--md-sys-typescale-body-large-text-transform);
	text-decoration: var(--md-sys-typescale-body-large-text-decoration);
}

.md-list-item .md-list-supporting-text {
	overflow: hidden;
	text-overflow: ellipsis;
	/* 2lignes max affichées */
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color: var(--md-sys-color-on-surface-variant);
	margin: 0px;
	font-family: var(--md-sys-typescale-body-medium-font-family-name);
	font-style: var(--md-sys-typescale-body-medium-font-family-style);
	font-weight: var(--md-sys-typescale-body-medium-font-weight);
	font-size: var(--md-sys-typescale-body-medium-font-size);
	letter-spacing: var(--md-sys-typescale-body-medium-tracking);
	line-height: var(--md-sys-typescale-body-medium-height);
	text-transform: var(--md-sys-typescale-body-medium-text-transform);
	text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
}

.md-list-item .md-list-trailing-icon {
	color: var(--md-sys-color-on-surface-variant);
	align-self: flex-start;
	margin-left: auto;
	align-self: center;
}

/*
 * Navigation Drawer
 */
.md-navigation-drawer-wrapper {
	position: absolute;
}

.md-navigation-drawer {
	position: fixed;
	top: 0px;
	min-height: 100vh;
	width: 80px;
}

.admin-bar .md-navigation-drawer {
	min-height: calc(100vh - 32px);
}

@media only screen and (max-width: 782px) {
	.admin-bar .md-navigation-drawer>.md-state-layer {
		padding: 68px 0; /* 56 + 12*/
	}
	
	.admin-bar .md-navigation-drawer-submenu {
		min-height: calc(100vh - ( 2 * 12px) - 56px);	
	}
}

@media only screen and (min-width: 782px) {
	.admin-bar .md-navigation-drawer>.md-state-layer {
		padding: 44px 0; /* 32 + 12*/
	}
	.admin-bar .md-navigation-drawer-submenu {
		min-height: calc(100vh - ( 2 * 12px) - 32px);	
	}
}

.md-navigation-drawer>.md-state-layer {
	display: flex;
	flex-flow: column;
	gap: 12px;
	justify-items: center;
	align-items: center;
	width: 80px;
	padding: 12px 0; /*32 */
}

.md-navigation-drawer>.md-state-layer {
	min-height: calc(100vh - ( 2 * 12px));
}

.admin-bar .md-navigation-drawer>.md-state-layer {
	min-height: calc(100vh - 28px - ( 2 * 12px));
}

.md-navigation-drawer .md-rail-item {
	display: flex;
	flex-flow: column;
	gap: 4px
}

.md-navigation-drawer .md-rail-item.md-at-end {
	margin-top: auto;
}

.md-navigation-drawer .md-rail-item .md-button.md-icon-only,
	.md-navigation-drawer .md-rail-item .md-button.md-icon-only>.md-state-layer
	{
	width: 56px;
	height: 32px;
}

.md-navigation-drawer .md-rail-item.md-icon-only .md-button.md-icon-only,
	.md-navigation-drawer .md-rail-item.md-icon-only .md-button.md-icon-only>.md-state-layer
	{
	width: 40px;
	height: 40px;
}

.md-navigation-drawer .md-rail-item .md-text {
	width: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: var(--md-sys-typescale-title-small-font-family-name);
	font-style: var(--md-sys-typescale-title-small-font-family-style);
	font-weight: var(--md-sys-typescale-title-small-font-weight);
	font-size: var(--md-sys-typescale-title-small-font-size);
	letter-spacing: var(--md-sys-typescale-title-small-tracking);
	line-height: var(--md-sys-typescale-title-small-height);
	text-transform: var(--md-sys-typescale-title-small-text-transform);
	text-decoration: var(--md-sys-typescale-title-small-text-decoration);
}

.md-navigation-drawer-submenu {
	position: relative;
	top: 0px;
	left: 80px;
	display: flex;
	flex-flow: column;
	gap: 12px;
	width: max-content;
	padding: 12px 12px 12px 0;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
	border-bottom-right-radius: 24px;
	border-top-right-radius: 24px;
	min-height: calc(100vh - ( 2 * 12px));
	z-index: 1000;
}

/*
.admin-bar .md-navigation-drawer-submenu {
 	min-height: calc( 100vh - 28px - ( 2 * 12px) );
 	z-index: 1000;
}*/
.md-rail-item .md-rail-subitem {
	margin-top: 12px;
	margin-left: 12px;
}

.md-rail-item .md-button {
	width: 100%;
}

/********************************************
 *
 * WORDPRESS - Block et mise en page
 *  
 ********************************************/

/*
 * Blocks wordpress in .wp-block-post-content
 *  
 */
:where(.is-root-container) {
	padding: var(--md-card-padding) !important;
}

.wp-block-post-content>*
{
	overflow: hidden;
}

/* Margin bottom */
.wp-block-post-content>*:not(div.wp-block-image):not(:last-child)
	{
	margin: 0 0 var(--md-content-card-gap) 0;
}

.wp-block-post-content>*
{
	overflow: hidden;
}

.is-root-container>*:not(div.wp-block-image):not(:last-child) {
	margin: var(--md-content-card-gap) !important;
	overflow: hidden !important;
}

/*
 * Tous les blocks de premier niveau ont les bords arrondis. Mais on ne le voit pas
 * Tout les block dans un group qui n'est que un arrangement decoratif 
 */
.wp-block-post-content>*:not(.wp-block-gallery:not(.has-background)):not(.wp-block-group:not(.has-background)):not(.wp-block-columns:not(.has-background)),
	.wp-block-group>*:not(.wp-block-gallery:not(.has-background)):not(.wp-block-group:not(.has-background)):not(.wp-block-columns:not(.has-background)),
	.wp-block-image, .wp-block-heading {
	border-color: var(--md-sys-color-secondary);
	border-radius: var(--md-content-card-border-radius);
	border-style: solid;
	border-width: 0px;
}

.has-inline-color {
	font-style: italic;
	font-weight: bold;
}

/*
 * BLOCKS AVEC Border a gauche
 * - Background en couleur
 */
.wp-block-post-content .has-background:not(.wp-block-gallery,
	.wp-block-details), .wp-block-post-content>:where(ul, ol,
	.wp-block-footnotes, .wp-block-calendar, .wp-block-quote,
	.wp-block-pullquote) {
	border-left-width: var(--md-content-card-border-radius) !important;
	padding: var(--md-content-card-padding-top-bottom)
		var(--md-content-card-padding) var(--md-content-card-padding-top-bottom) var(--md-content-card-padding-top-bottom) !important;
	border-radius: var(--md-content-card-border-radius);}

.wp-block-post-content > .has-background:not(.wp-block-gallery,
	.wp-block-details), .wp-block-post-content>:where(ul, ol,
	.wp-block-footnotes, .wp-block-calendar, .wp-block-quote,
	.wp-block-pullquote) {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25) !important;
	}
/*
 * BLOCKS AVEC Border a gauche
 * - Background en couleur
 * - SANS padding
 */
.wp-block-post-content>.wp-block-media-text, .wp-block-post-content>.wp-block-file,
	.wp-block-table, .wp-block-details {
	border-left-width: var(--md-content-card-border-radius) !important;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25) !important;
}

/*
 * Alignement  
 */
.wp-block-post-content .aligncenter {
	margin-right: auto !important;
	margin-left: auto !important;
}

@media only screen and (max-width: 781.9px) {
	.wp-block-post-content .alignright, .wp-block-post-content .alignleft {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

@media only screen and (min-width: 782px) {
	.wp-block-post-content .alignright {
		float: right;
		margin-left: var(--md-content-card-gap) !important;
	}
	.wp-block-post-content .alignleft {
		float: left;
		margin-right: var(--md-content-card-gap) !important;
	}
}

/* wp:heading */
.wp-block-post-content *:where(h2, h3):not(.has-background),
	.wp-block-post-content *:where(h2, h3).block-editor-rich-text__editable:not(.has-background)
	{
	color: var(--md-sys-color-on-primary);
	background-color: var(--md-sys-color-primary);
}

.wp-block-post-content *:where(h4, h5, h6):not(.has-background) {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
	padding: var(--md-heading-padding) !important;
}

/* --BEFORE-- */
.main-content *:not(.dashicons-before):before, .wp-block-post-content *:not(.dashicons-before):before
	{
	font-family: 'Material Symbols Outlined';
	font-weight: bold;
	font-style: normal;
	padding-right: 0.25em;
	vertical-align: text-top;
}

.wp-block-post-content :where(details>summary:first-of-type, ul) {
	list-style: none;
}

.wp-block-post-content details>summary:first-of-type:before {
	content: '\e944';
}

.wp-block-post-content h2::before {
	content: '\e39e';
}

.wp-block-post-content h2, .wp-block-post-content .wp-block-group h4 {
	padding: var(--md-heading-padding);
}

.wp-block-post-content h3::before {
	content: '\e061';
}

.wp-block-post-content h3 {
	padding: var(--md-heading-padding);
}

.wp-block-post-content li:before {
	content: '\e5ca';
}

.wp-block-post-content a {
	text-decoration: underline dashed;
	color: inherit;
}

.wp-block-post-content>.wp-block-footnotes {
	font-style: italic;
	font-size: smaller;
}

/* primary */
.md-colors-primary-container.md-curent {
	color: var(--md-sys-color-primary-container);
	background-color: var(--md-sys-color-primary);
}

.md-colors-secondary-container.md-curent {
	color: var(--md-sys-color-secondary-container);
	background-color: var(--md-sys-color-secondary);
}

.md-colors-tertiary-container.md-curent {
	color: var(--md-sys-color-tertiary-container);
	background-color: var(--md-sys-color-tertiary);
}

/* wp:paragraph */
.wp-block-post-content p {
	text-align: justify;
	margin: 0;
	font-family: var(--md-sys-typescale-body-large-font-family-name);
	font-style: var(--md-sys-typescale-body-large-font-family-style);
	font-weight: var(--md-sys-typescale-body-large-font-weight);
	font-size: var(--md-sys-typescale-body-large-font-size);
	letter-spacing: var(--md-sys-typescale-body-large-tracking);
	line-height: var(--md-sys-typescale-body-large-height);
	text-transform: var(--md-sys-typescale-body-large-text-transform);
	text-decoration: var(--md-sys-typescale-body-large-text-decoration);
}

/* wp-block-image */
/* uniquement premier niveau et dans une gallery */
.wp-block-image, .wp-block-video {
	/*width: fit-content; ATTENTION LA LARGEUR EST FIXEE PAR LA TAILLE DU BLOCK*/
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25) !important;
	color: var(--md-sys-color-on-surface-container);
	background-color: var(--md-sys-color-surface-container);
}

.wp-block-image.is-page {
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-inverse-primary);
}

.wp-block-image.is-private {
	color: var(--md-sys-color-on-error);
	background-color: var(--md-sys-color-error);
}

.wp-block-image.is-attachment, .wp-block-image.is-post-image, .wp-block-image.is-post-gallery {
	color: var(--md-sys-color-on-primary-container);
	background-color: var(--md-sys-color-primary-container);
}

.wp-block-image.is-draft, .wp-block-image.is-pending, .wp-block-image.is-future {
	color: var(--md-sys-color-on-error-container);
	background-color: var(--md-sys-color-error-container);
}

.wp-block-cover {
	width: 100%;
}

.wp-block-cover .wp-block-heading {
	color: var(--md-sys-color-on-primary);
    background: linear-gradient(0deg, var(--md-sys-color-primary), #fff6);
    border-radius: var(--md-card-border-radius);
    margin: 0;
}

.wp-block-cover a, .wp-block-media-text a {
	text-decoration: inherit;
}
.wp-block-post-content>.wp-block-image, .wp-block-post-content>.wp-block-video
	{
	display: flex;
	flex-direction: column;
	width: fit-content;
}

.wp-block-image:not(.is-style-rounded) img, .wp-block-video:not(.is-style-rounded) video, .wp-block-gallery .wp-block-image:not(.is-style-rounded) img
	{
	border-radius: var(--md-content-card-border-radius);
}

.wp-block-image :is(figcaption), .wp-block-video :is(figcaption)  {
	margin: 0px !important;
	padding: var(--md-content-card-padding-top-bottom)
		var(--md-content-card-padding) !important;
	text-align: right !important;
	font-size: smaller !important;
	font-style: italic !important;
	overflow-wrap: break-word;
	border-bottom-left-radius: var(--md-content-card-border-radius);
	border-bottom-right-radius: var(--md-content-card-border-radius);
}

figcaption {
	display: flex !important;
	flex-direction: column;
	gap: 0.5em;;
}

figcaption :is( code, ul) 
{
	text-align: left !important;
	font-style: normal !important;
	overflow-wrap: break-word;
}

.wp-block-image * 
{
 	margin: 0; 
}
.wp-block-image :is(figcaption) p {
	margin: var(--md-content-card-padding-top-bottom) 0 0 0;
}

.wp-block-column img {
	width: auto !important;
}

/* .wp-block-gallery */
.wp-block-gallery figure.wp-block-image figcaption {
	border-radius: var(--md-content-card-border-radius);
	height: auto;
}

.wp-block-post-content .jv-block-footer.alignleft,
	.wp-block-post-content .jv-block-footer.alignright {
	margin-bottom: 0 !important;
}

.wp-block-post-content .wp-block-image .alignleft {
	margin: 0 var(--md-content-card-gap) var(--md-content-card-gap) 0;
}

.wp-block-post-content .wp-block-image .alignright {
	margin: 0 0 var(--md-content-card-gap) var(--md-content-card-gap);
}

.wp-block-post-content .wp-block-gallery {
	padding: 0 2px 2px 0; /* Place de l'ombre*/
}

.wp-block-post-content .wp-block-gallery.alignleft {
	float: left;
	margin: 0 var(--md-content-card-gap) var(--md-content-card-gap) 0
		!important;
}

.wp-block-post-content .wp-block-gallery.alignright {
	float: right;
	margin: 0 0 var(--md-content-card-gap) var(--md-content-card-gap)
		!important;
}

/* wp:list */
.wp-block-post-content>ul, .wp-block-post-content>ol {
	padding-top: var(--md-content-card-padding);
	font-style: italic;
}

.wp-block-post-content ul, .wp-block-post-content ol {
	padding-left: var(--md-content-card-padding);
	font-style: italic;
}

.wp-block-quote, .wp-block-pullquote {
	background-color: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	border-left-color: var(--md-sys-color-tertiary);
	padding: var(--md-content-card-padding);
	border-radius: var(--md-content-card-border-radius);
}

.wp-block-quote, .wp-block-pullquote, .wp-block-quote *,
	.wp-block-pullquote * {
	font-style: italic !important;
	font-size: small !important;
	line-height: inherit !important;
}

.wp-block-pullquote cite {
	color: var(--md-sys-color-on-tertiary-container);
	display: block;
	text-align: right;
}

.wp-block-verse {
	font-style: italic;
	font-family: cursive;
}

.wp-block-quote p:before, .wp-block-pullquote p:before {
	content: '\e244';
}

.wp-block-post-content .wp-block-quote>*, .wp-block-post-content .wp-block-pullquote>*
	{
	display: block;
}

.wp-block-post-content>.wp-block-quote *:not(:last-child),
	.wp-block-post-content>.wp-block-pullquote *:not(:last-child) {
	margin-bottom: var(--md-content-card-padding-top-bottom);
}

.wp-block-post-content li:not(:last-of-type) {
	padding-bottom: var(--md-content-card-padding-top-bottom);
}

/* wp:columns */
@media only screen and (max-width: 599px) {
	.wp-block-columns {
		display: flex !important;
		flex-flow: column !important;
		gap: var(--md-card-padding) !important;
	}
}

@media only screen and (min-width: 600px) {
	.wp-block-columns {
		display: flex !important;
		flex-flow: row !important;
		gap: var(--md-content-card-padding);
	}
}

.wp-block-columns.has-background {
	padding: var(--md-content-card-padding);
}

.wp-block-column>* {
	margin: 0;
}

.wp-block-columns .wp-block-column {
	display: flex;
	flex-flow: column;
	gap: var(--md-content-card-padding);
}

.wp-block-columns .wp-block-column:not(:first-child):not(:last-child) {
	align-items: center;
}

/* .wp-block-columns .wp-block-column:first-child {
	align-items: flex-start;
}
.wp-block-columns .wp-block-column:last-child {
	align-items: flex-end;
}
 */

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}

.wp-block-embed.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
	border-radius: var(--md-content-card-border-radius);
}

.archive-excerpt-video .wp-block-embed iframe {
	border-radius: inherit;
	border-top-left-radius: var(--md-card-border-radius);
	border-top-right-radius: var(--md-card-border-radius);
}

/*
 * --wp-block-group-- 
 */
.wp-block-group {
	align-items: unset;
	gap: var(--md-content-card-gap) !important;
}

/* les block dans un groups sans background sont avec arrondi et avec une ombre*/
.wp-block-group:not(.has-background)>.has-background {
	border-radius: var(--md-content-card-radius);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
}

.wp-block-group:not(.has-background) {
	border-color: var(--md-sys-color-secondary) !important;
}

.wp-block-group .wp-block-group__inner-container {
	display: flex;
	flex-flow: column;
	gap: var(--md-content-card-padding);
	padding: var(--md-content-card-padding);
	font-family: var(--md-sys-typescale-body-medium-font-family-name);
	font-style: var(--md-sys-typescale-body-medium-font-family-style);
	font-weight: var(--md-sys-typescale-body-medium-font-weight);
	font-size: var(--md-sys-typescale-body-medium-font-size);
	letter-spacing: var(--md-sys-typescale-body-medium-tracking);
	line-height: var(--md-sys-typescale-body-medium-height);
	text-transform: var(--md-sys-typescale-body-medium-text-transform);
	text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
}

.wp-block-group>.wp-block-columns>*:first-child p {
	margin-left: var(--md-content-card-padding);
}

@media only screen and (max-width: 599.99px) {
	.wp-block-group.is-layout-grid {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (min-width: 600px) and (max-width: 839.99px) {
	.wp-block-group.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (min-width: 840px) {
	.wp-block-group.is-layout-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.wp-block-group .wp-block-group__inner-container>* {
	margin: 0 0 0 0 !important;
}

/*
 * Les WP Media Text 
 */
.wp-block-media-text>.wp-block-media-text__content {
	padding: var(--md-content-card-padding);
	display: flex;
	flex-direction: column;
	gap: var(--md-content-card-padding);
}

.wp-block-media-text>.wp-block-media-text__content>* {
	margin: 0px
}

/*
 * Les WP Block file 
 */
.wp-block-file:not(a) {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-end;
	gap: var(--md-content-card-padding);
}

.wp-block-file.is-file-gpx {
	flex-direction: column;
}

.wp-block-file.is-file-gpx {
	flex-direction: column;
}

.leaflet {
	min-height: 200px;
	max-height: 50vh;
}

.leaflet-container {
	min-height: 200px;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25) !important;
	border-radius: var(--md-content-card-border-radius) !important;
}

.wp-block-file>*:not(.leaflet-container) {
	margin: 0 0 var(--md-content-card-padding) 0;
}

.wp-block-file>*:last-child:not(.leaflet-container) {
	margin-right: var(--md-content-card-padding);
}

/* Il y a une bordure de 4px a gauche */
.wp-block-post-content>.wp-block-file.is-file-gpx>.leaflet-container {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.wp-block-post-content>.wp-block-file.is-file-gpx>.leaflet-container:not(:last-child)
	{
	border-bottom-right-radius: 0 !important;
}

.wp-block-post-content>.wp-block-file.is-file-gpx>.leaflet-container:last-child
	{
	
}

@media ( orientation : landscape) {
	.wp-block-file.is-file-gpx {
		min-width: 33%;
	}
}

@media ( orientation : portrait) {
	.wp-block-file.is-file-gpx {
		width: 100%;
	}
}

.wp-block-buttons {
	margin: 0;
}
.wp-block-buttons>.wp-block-button a{
	margin-bottom: var(--md-content-card-padding-top-bottom);
	color: var(--md-sys-color-on-secondary-container) !important;
	background-color: var(--md-sys-color-secondary-container) !important;
	width: auto;
}

.wp-block-button a, .wp-block-file>a {
	padding: 0.25em 1em; /* Padding pour les bouttons*/
	border-radius: 99px;
	width: fit-content;
	min-height: calc(var(--md-content-card-padding)* 2);
	align-self: flex-end;
	font-family: var(--md-sys-typescale-label-large-font-family-name);
	font-style: var(--md-sys-typescale-label-large-font-family-style);
	font-weight: var(--md-sys-typescale-label-large-font-weight);
	font-size: var(--md-sys-typescale-label-large-font-size);
	letter-spacing: var(--md-sys-typescale-label-large-tracking);
	line-height: var(--md-sys-typescale-label-large-height);
	text-transform: var(--md-sys-typescale-label-large-text-transform);
	text-decoration: var(--md-sys-typescale-label-large-text-decoration);
	text-align: center;
	align-content: center;
	box-sizing: unset;
}

.wp-block-file>a {
	color: var(--md-sys-color-on-primary) !important;
	background-color: var(--md-sys-color-primary) !important;
}

.wp-block-file__button.wp-element-button {
	font-family: 'dashicons';
	content: "\f316";
}

.wp-block-file>a:not(:first-of-type):before {
	font-family: 'Material Symbols Outlined';
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	padding-right: var(--md-content-card-padding);
	vertical-align: middle;
	content: '\f090';
}

/* Dans l'editeur de wordpress */
.wp-block-post-content.block-editor-block-list__layout>* {
	margin-bottom: calc(var(--md-card-padding)* 2) !important;
}

.wp-block-post-content.block-editor-block-list__layout>* {
	background-color: rgba(0, 0, 0, 0.1);
}

.wp-block-post-content.block-editor-block-list__layout .wp-block-file {
	background: var(--md-sys-color-warning-container);
	color: var(--md-sys-color-on-warning-container);
	border-color: var(--md-sys-color-on-warning-container);
	border-radius: var(--md-card-border-radius);
	padding: var(--md-card-padding);
}

.wp-block-post-content .wp-block-code, .wp-block-post-content .wp-block-preformatted,
	.wp-block-post-content .wp-block-verse {
	color: var(--md-sys-color-on-surface-container);
	background-color: var(--md-sys-color-surface-container);
	border-color: var(--md-sys-color-on-surface-container);
	border-radius: calc(var(--md-card-border-radius)/2);
	padding: calc(var(--md-card-padding)/2);
	margin-right: calc(var(--md-card-padding)* 2) !important;
	margin-left: calc(var(--md-card-padding)* 2) !important;
}

.wp-block-post-content>.wp-block-table {
	color: var(--md-sys-color-on-surface-container);
	background-color: var(--md-sys-color-surface-container);
}

.wp-block-post-content>.wp-block-table tr td {
	border: 0px solid rgba(0, 0, 0, 0.25);
}

.wp-block-post-content>.wp-block-table td {
	padding: var(--md-content-card-padding-top-bottom) var(--md-content-card-padding);
}

.wp-block-post-content>.wp-block-table tr:not(:last-of-type) td {
	border-bottom-width: thin;
}

.wp-block-details.has-background {
	padding: 0 !important;
}

.wp-block-details>* {
	padding: calc(var(--md-content-card-padding)/1.5)
		var(--md-content-card-padding) !important;
}

.wp-block-details *:not(summary) {
	margin: 0 !important;
}

.wp-block-details:not(.has-background) summary {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
}

.wp-block-post-content>.wp-block-calendar {
	color: var(--md-sys-color-on-surface-container);
	background-color: var(--md-sys-color-surface-container);
}

.wp-block-post-content>.wp-block-calendar caption,
	.wp-block-post-content>.wp-block-calendar nav {
	padding: var(--md-card-padding);
}

.wp-block-post-content>.wp-block-calendar caption {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
}

.wp-block-post-content table thead th, .wp-block-post-content>.wp-block-calendar nav
	{
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-variant);
}

.instagram-media {
	max-width: inherit !important;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25) !important;
	border: inherit !important;
	border-radius: var(--md-content-card-border-radius) !important;
}