/*=========================*
 | 1. Variables / Palettes |
 *=========================*/
:root{	
	/*----------*
	 | Palettes |
	 *----------*/
	 
	/* Identité */
	--primaire: #003366;
	/*--secondaire: #0073e6;*/
	--secondaire: #ffebcd;
	--accent: #cc6600;

	/* Interaction */
	--survol: #0055aa;
	--actif: #002244;
	--focus: #0073e6;

	/* Texte */
	--texte: #333333;
	--texte-attenue: #666666;
	--texte-clair: #ffffff;

	/* Fond */
	--fond-neutre-attenue: #ffffff;
	--fond-neutre: #f5f5f5;
	--fond-neutre-accentue: #e0e0e0;

	--fond-transparent: rgba(255, 255, 255, 0.96);

	--fond-attenue: #F0F5F9;
	--fond: #eef5fb;
	--fond-accentue: #d9e5f2;

	/* Bordures */
	--bordure: #cccccc;
	--bordure-douce: #dddddd;
	--bordure-primaire: rgba(0, 51, 102, 0.18);

	/* Ombres */
	--ombre: rgba(0, 0, 0, 0.08);
	--ombre-forte: rgba(0, 0, 0, 0.15);

	/* États */
	--succes: #2e7d32;
	--erreur: #c62828;
	--alerte: #8a4b00;
	--info: #0073e6;

	/* Fonds des états */
	--succes-fond: #edf7ed;
	--erreur-fond: #fdeeee;
	--alerte-fond: #fff4d6;
	--info-fond: #eef5fb;

	/* Désactivé */
	--desactive-fond: #eeeeee;
	--desactive-texte: #666666;

	/* Palette neutres */
	--blanc: #ffffff;
	--gris-clair: #d9d9d9;
	--gris: #7a7a7a;
	--gris-fonce: #3f3f3f;
	--noir: #1f1f1f;

	/* Palette couleurs */
	--rouge-clair: #e89a8d;
	--rouge: #d65c4a;
	--rouge-fonce: #a33f32;

	--orange-clair: #f3b77a;
	--orange: #e58a35;
	--orange-fonce: #b66321;

	--jaune-clair: #f3db8c;
	--jaune: #d9b83f;
	--jaune-fonce: #a78a26;

	--vert-clair: #a8cf91;
	--vert: #6fa650;
	--vert-fonce: #4d7837;

	--turquoise-clair: #9fd2c8;
	--turquoise: #4fa99b;
	--turquoise-fonce: #347a70;

	--cyan-clair: #9ed5dd;
	--cyan: #4fa9b8;
	--cyan-fonce: #367986;

	--bleu-clair: #9fc4e3;
	--bleu: #4f8fc2;
	--bleu-fonce: #35658e;

	--indigo-clair: #a8aed6;
	--indigo: #6974b5;
	--indigo-fonce: #4a5388;

	--violet-clair: #c4a6d5;
	--violet: #9569b2;
	--violet-fonce: #694982;

	--rose-clair: #dca5be;
	--rose: #c06d96;
	--rose-fonce: #8e4b6e;

	--marron-clair: #c5a58f;
	--marron: #936b55;
	--marron-fonce: #684a3a;

	--beige-clair: #f1e8d5;
	--beige: #d8c5a5;
	--beige-fonce: #a99574;

	/* Palette métalliques */
	--argent-clair: #d9dde1;
	--argent: #a7adb3;
	--argent-fonce: #737a80;

	--acier-clair: #c8d0d5;
	--acier: #8a969e;
	--acier-fonce: #59656d;

	--or-clair: #e4cd87;
	--or: #c29d42;
	--or-fonce: #8d712d;

	--cuivre-clair: #d7a17e;
	--cuivre: #b87333;
	--cuivre-fonce: #7a4a24;

	--bronze-clair: #c69a63;
	--bronze: #9b6b32;
	--bronze-fonce: #68451f;
	
	
	/*------------*
	 | Dimensions |
	 *------------*/	 
	/* 1 colonne */
	--lrg-1c-1: 440px;
	--lrg-1c-2: 620px;
	--lrg-1c-3: 800px;
	--lrg-1c-4: 980px;
	--lrg-1c-5: 1160px;
	--lrg-1c-6: 1220px;
	--lrg-1c-7: 1280px;
	--lrg-1c-8: 1340px;
	--lrg-1c-9: 1400px;

	/* 2 colonnes égales */
	--lrg-2c-1: 580px;
	--lrg-2c-2: 720px;
	--lrg-2c-3: 860px;
	--lrg-2c-4: 1000px;
	--lrg-2c-5: 1140px;
	--lrg-2c-6: 1200px;
	--lrg-2c-7: 1260px;
	--lrg-2c-8: 1320px;
	--lrg-2c-9: 1380px;

	/* Fixe / libre */
	--lrg-fl-1: 320px;
	--lrg-fl-2: 460px;
	--lrg-fl-3: 600px;
	--lrg-fl-4: 740px;
	--lrg-fl-5: 880px;
	--lrg-fl-6: 940px;
	--lrg-fl-7: 1000px;
	--lrg-fl-8: 1060px;
	--lrg-fl-9: 1120px;

	/* Petite / grande */
	--lrg-pg-1: 820px;
	--lrg-pg-2: 900px;
	--lrg-pg-3: 980px;
	--lrg-pg-4: 1060px;
	--lrg-pg-5: 1140px;
	--lrg-pg-6: 1200px;
	--lrg-pg-7: 1260px;
	--lrg-pg-8: 1320px;
	--lrg-pg-9: 1380px;

	/* 3 colonnes */
	--lrg-3c-1: 880px;
	--lrg-3c-2: 940px;
	--lrg-3c-3: 1000px;
	--lrg-3c-4: 1060px;
	--lrg-3c-5: 1120px;
	--lrg-3c-6: 1180px;
	--lrg-3c-7: 1240px;
	--lrg-3c-8: 1300px;
	--lrg-3c-9: 1360px;

	/*--------*
	 | Styles |
	 *--------*/
	--stl-mrg: 20px;
	--stl-pdg: 20px;
	--stl-spc: 20px;
	--stl-rds: 8px;

	--stl-cln-f: 260px;
	--stl-cln-l: 1fr;
	--stl-cln-p: 1fr;
	--stl-cln-g: 2fr;
}


/*============*
 | 2. Polices |
 *============*/
@font-face{
	font-family: NonBreakingSpaceOverride;
	src: url('../css/fonts/NonBreakingSpaceOverride.woff2') format('woff2');
}

@font-face{
	font-family: 'Inter var';
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	src: url('../css/fonts/Inter-upright-var.woff2') format('woff2');
}

@font-face{
	font-family: 'Inter var';
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
	src: url('../css/fonts/Inter-italic-var.woff2') format('woff2');
}


/*==========*
 | 3. Reset |
 *==========*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/*===========*
 | 4. Global |
 *===========*/
html,
body{
	height: 100%;
}

body{
	position: relative;
	display: flex;
	flex-direction: column;
	padding-top: 90px;
	font-family: 'Inter var', 'Segoe UI Emoji', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	background-color: var(--fond-neutre);
	color: var(--texte);
}

main{
	position: relative;
	isolation: isolate;
	margin: 0;
	padding: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.emj{
	font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
    font-weight:400;
    font-style:normal;
    line-height:1;
}


/*===========*
 | 5. Header |
 *===========*/
.hdr{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	width: 100%;
	min-height: 90px;
	padding: 5px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--primaire);
	color: var(--blanc);
	box-shadow: 0 2px 8px var(--ombre-forte);
}

.hdr-left,
.hdr-right{
	display: flex;
	align-items: center;
}

.hdr-right{
	flex: 1;
	justify-content: flex-end;
	gap: 15px;
}

/* Logo */
.hdr img{
	width: 80px;
	height: 80px;
	margin-right: 10px;
	padding: 5px;
	background-color: var(--blanc);
	border-radius: 5px;
	object-fit: contain;
}

/* Menu */
.hdr-mnu ul{ list-style: none; }

.hdr-mnu ul li{
	display: inline-block;
	margin-right: 15px;
}

.hdr-mnu ul li:last-child{ margin-right: 0; }

.hdr-mnu a{
	position: relative;
	display: inline-block;
	padding: 8px 2px;

	color: var(--blanc);
	font-weight: bold;
	text-decoration: none;
}

.hdr-mnu a::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 2px;
	width: 0;
	height: 2px;
	background-color: var(--blanc);
	transform: translateX(-50%);
	transition: width .2s ease;
}

.hdr-mnu a:hover::after{ width: 100%; }

/* Recherche */
#hdr-rch-tgl{ display: none; }

.hdr-rch{
	display: none;
	align-items: center;
	width: 300px;
	max-width: 60%;
}

.hdr-rch-inp{
	flex: 1;
	min-width: 0;
	padding: 0.5em 0.75em;
	border: 1px solid var(--bordure);
	font-size: 1rem;
	color: var(--texte);
	background-color: var(--fond-neutre-attenue);
}

.hdr-rch-ico{
	display: inline-block;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 2px solid rgba(255, 255, 255, 0.4);
	cursor: pointer;
	font-size: 1.4rem;
	color: var(--blanc);
}

.hdr-rch-ico::before{
	content: '🔍';
	display: inline-block;
	width: 1.6rem;
	text-align: center;
}

#hdr-rch-tgl:checked ~ .hdr-mnu{ display: none; }

#hdr-rch-tgl:checked ~ .hdr-rch{ display: flex; }

#hdr-rch-tgl:checked ~ .hdr-rch-ico::before{ content: '✖'; }


/*==========*
 | 6. Corps |
 *==========*/
.crp{
	position: relative;
	isolation: isolate;
	width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

/* Module */
.pge-h1{
	width: 100%;
	padding: 0 0 10px 0;
	background-color: var(--primaire);
	color: var(--blanc);
	text-align: center;
	font-weight: bold;
}

.pge{
	position: relative;
	isolation: isolate;
	width: 100%;
	flex: 1;
	overflow: clip;
	font-size: 1rem;
	line-height: 1.65;
}

.pge::before{
	content: "";
	position: sticky;
	top: 90px;
	z-index: -1;
	display: block;
	width: 100%;
	height: calc(100vh - 90px);
	margin-bottom: calc(90px - 100vh);
	background-color: var(--fond-neutre);
	background-image: url("../img/fnd/2.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1920px auto;
	pointer-events: none;
}

/**********
 * Titres *
 **********/
.pge h2,
.pge h3,
.pge h4,
.pge h5,
.pge h6{
	line-height: 1.25;
}

.pge h2{
	margin: 2.25rem 0 1rem 0;
	padding-bottom: .5rem;
	border-bottom: 2px solid var(--bordure-primaire);
	color: var(--primaire);
	font-size: 1.7rem;
	font-weight: 750;
}

.pge h2:first-child{
	margin-top: 0;
}

.pge h3{
	margin: 2rem 0 .75rem 0;
	color: var(--primaire);
	font-size: 1.3rem;
	font-weight: 700;
}

.pge h4{
	margin: 1.75rem 0 .65rem 0;
	color: var(--accent);
	font-size: 1.1rem;
	font-weight: 700;
}

.pge h5{
	margin: 1.5rem 0 .6rem 0;
	color: var(--texte);
	font-size: 1rem;
	font-weight: 700;
}

.pge h6{
	margin: 1.5rem 0 .6rem 0;
	color: var(--texte-attenue);
	font-size: .95rem;
	font-weight: 700;
}


/*********
 * Texte *
 *********/
.pge p{
	margin: 0 0 1rem 0;
}

.pge strong{
	font-weight: 700;
}

.pge em{
	font-style: italic;
}

.pge mark{
	padding: .05em .25em;
	background-color: var(--alerte-fond);
	color: var(--texte);
	border-radius: 3px;
}

.pge small{
	color: var(--texte-attenue);
}

.pge sub,
.pge sup{
	font-size: .75em;
}


/*********
 * Liens *
 *********/
.pge a{
	color: var(--focus);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .15em;
}

.pge a:visited{
	color: var(--actif);
}

.pge a:hover{
	color: var(--survol);
	text-decoration-thickness: 2px;
}

.pge a:focus-visible{
	outline: 2px solid var(--focus);
	outline-offset: 2px;
	border-radius: 2px;
}


/**********
 * Listes *
 **********/
.pge ul,
.pge ol{
	margin: 0 0 1.25rem 1.75rem;
	padding-left: .5rem;
}

.pge li{
	padding-left: .15rem;
}

.pge li + li{
	margin-top: .35rem;
}

.pge li > ul,
.pge li > ol{
	margin-top: .4rem;
	margin-bottom: .4rem;
}

.pge dl{
	margin: 0 0 1.25rem 0;
}

.pge dt{
	margin-top: .8rem;

	color: var(--primaire);
	font-weight: 700;
}

.pge dt:first-child{
	margin-top: 0;
}

.pge dd{
	margin: .2rem 0 0 1.25rem;
	color: var(--texte-attenue);
}


/*******************
 * Images / Médias *
 *******************/
.pge img,
.pge video,
.pge canvas,
.pge svg,
.pge iframe{
	max-width: 100%;
	height: auto;
}

.pge figure{
	margin: 1.5rem 0;
	padding: 1rem;
	background-color: var(--fond-attenue);
	border: 1px solid var(--bordure-douce);
	border-radius: var(--stl-rds);
	text-align: center;
}

.pge figure img{
	display: block;
	margin: 0 auto;
}

.pge figcaption{
	margin-top: .75rem;
	color: var(--texte-attenue);
	font-size: .9rem;
	font-style: italic;
}


/************
 * Citation *
 ************/
.pge blockquote{
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
	background-color: var(--fond-attenue);
	border-left: 4px solid var(--accent);
	border-radius: 0 var(--stl-rds) var(--stl-rds) 0;
}

.pge blockquote p{
	margin-bottom: .75rem;
}

.pge cite{
	display: block;
	color: var(--texte-attenue);
	font-size: .9rem;
	font-style: italic;
}


/***********
 * Tableau *
 ***********/
.pge table{
	width: 100%;
	margin: 1.25rem 0 1.75rem 0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: var(--fond-neutre-attenue);
}

.pge caption{
	margin-bottom: .6rem;
	color: var(--texte-attenue);
	font-weight: 600;
	text-align: left;
}

.pge th,
.pge td{
	padding: .65rem .8rem;
	border: 1px solid var(--bordure);
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
}

.pge thead th{
	background-color: var(--primaire);
	color: var(--texte-clair);
	font-weight: 700;
}

.pge tbody tr:nth-child(even){
	background-color: var(--fond-attenue);
}

.pge tbody tr:hover{
	background-color: var(--fond-accentue);
}

.pge tfoot th{
	background-color: var(--fond-neutre-accentue);
	color: var(--texte);
	font-weight: 700;
}


/**************
 * Formulaire *
 **************/
.pge form{
	margin: 1.25rem 0 1.75rem 0;
}

.pge fieldset{
	padding: 1.25rem;
	background-color: var(--fond-attenue);
	border: 1px solid var(--bordure);
	border-radius: var(--stl-rds);
}

.pge legend{
	padding: 0 .5rem;
	color: var(--primaire);
	font-weight: 700;
}

.pge label{
	display: inline-block;
	margin-bottom: .3rem;
	font-weight: 600;
}

.pge input,
.pge select,
.pge textarea{
	width: min(100%, 36rem);
	max-width: 100%;
	padding: .6rem .75rem;
	background-color: var(--fond-neutre-attenue);
	color: var(--texte);
	border: 1px solid var(--bordure);
	border-radius: 4px;
	font: inherit;
}

.pge textarea{
	min-height: 8rem;
	resize: vertical;
}

.pge input:focus,
.pge select:focus,
.pge textarea:focus{
	outline: 2px solid var(--focus);
	outline-offset: 1px;
	border-color: var(--focus);
}

.pge input[readonly],
.pge textarea[readonly]{
	background-color: var(--desactive-fond);
	color: var(--desactive-texte);
}

.pge input:disabled,
.pge select:disabled,
.pge textarea:disabled{
	background-color: var(--desactive-fond);
	color: var(--desactive-texte);
	cursor: not-allowed;
	opacity: .75;
}

.pge input[type="checkbox"],
.pge input[type="radio"]{
	width: auto;
	padding: 0;

	accent-color: var(--primaire);
}

.pge input[type="range"]{
	width: min(100%, 24rem);
	padding: 0;

	accent-color: var(--primaire);
}


/********************
 * Boutons standards *
 ********************/
.pge button:not([class]){
	display: inline-block;
	margin: .25rem .4rem .25rem 0;
	padding: .55rem 1rem;
	background-color: var(--primaire);
	color: var(--texte-clair);
	border: 0;
	border-radius: 4px;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.pge button:not([class]):hover{
	background-color: var(--survol);
}

.pge button:not([class]):active{
	background-color: var(--actif);
}

.pge button:not([class]):focus-visible{
	outline: 2px solid var(--focus);
	outline-offset: 2px;
}

.pge button:not([class]):disabled{
	background-color: var(--desactive-fond);
	color: var(--desactive-texte);
	cursor: not-allowed;
	opacity: .75;
}


/***********
 * Détails *
 ***********/
.pge details{
	margin: 1.25rem 0;
	padding: .8rem 1rem;
	background-color: var(--fond-attenue);
	border: 1px solid var(--bordure-douce);
	border-radius: var(--stl-rds);
}

.pge summary{
	color: var(--primaire);
	font-weight: 700;
	cursor: pointer;
}

.pge details[open] summary{
	margin-bottom: .75rem;
}

.pge details p:last-child{
	margin-bottom: 0;
}


/********
 * Code *
 ********/
.pge code{
	padding: .1em .35em;
	background-color: var(--fond-neutre-accentue);
	border-radius: 3px;
	font-family: Consolas, "Courier New", monospace;
	font-size: .9em;
}

.pge pre{
	max-width: 100%;
	margin: 1.25rem 0 1.5rem 0;
	padding: 1rem;
	overflow: auto;
	background-color: var(--noir);
	color: var(--texte-clair);
	border-radius: var(--stl-rds);
	line-height: 1.5;
}

.pge pre code{
	padding: 0;
	background-color: transparent;
	color: inherit;
	border-radius: 0;
}

.pge kbd{
	padding: .15em .4em;
	background-color: var(--gris-fonce);
	color: var(--texte-clair);
	border-radius: 3px;
	font-family: Consolas, "Courier New", monospace;
	font-size: .85em;
}


/***************
 * Indicateurs *
 ***************/
.pge progress,
.pge meter{
	width: min(100%, 24rem);
	height: 1rem;
	vertical-align: middle;
	accent-color: var(--primaire);
}


/**********
 * Divers *
 **********/
.pge hr{
	margin: 2rem 0;
	border: 0;
	border-top: 1px solid var(--bordure);
}

.pge address{
	margin-top: 1.5rem;
	padding: .75rem 1rem;
	background-color: var(--fond-attenue);
	border-left: 3px solid var(--bordure-primaire);
	border-radius: 0 4px 4px 0;
	color: var(--texte-attenue);
	font-style: normal;
	line-height: 1.6;
}


/*===========*
 | 7. Footer |
 *===========*/
.ftr{
	background-color: var(--primaire);
	color: var(--blanc);
	padding: 5px 20px;
	flex-shrink: 0;
}

/* Menu */
.ftr-mnu ul{ list-style: none; }

.ftr-mnu ul li{
	display: inline-block;
	margin-left: 15px;
}

.ftr-mnu ul li:first-child{ margin-left: 0; }

.ftr-mnu a{
	position: relative;
	display: inline-block;
	padding: 8px 2px;

	color: var(--blanc);
	font-weight: bold;
	text-decoration: none;
}

.ftr-mnu a::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 2px;

	width: 0;
	height: 2px;

	background-color: var(--blanc);
	transform: translateX(-50%);
	transition: width .2s ease;
}

.ftr-mnu a:hover::after{ width: 100%; }

/* Copyright */
.ftr-cpr{
	margin: 12px 0 0 0;
	font-size: 0.60em;
	font-weight: bold;
}

.ftr-cpr a{
	color: var(--blanc);
	text-decoration: none;
}

.ftr-cpr a:hover{ text-decoration: underline; }


/*=======================*
 | 8. Composants Globaux |
 *=======================*/

/* Bouton */
.btn,
.btn0{
	display: inline-block;
	margin: 10px 5px;
	padding: 8px 16px;
	border-radius: 4px;
	font-family: inherit;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
	background-color: var(--primaire);
	color: var(--blanc);
}

.btn:hover{ background-color: var(--survol); }

.btn:active{ background-color: var(--actif); }

.btn:focus{
	outline: 2px solid var(--focus);
	outline-offset: 2px;
}

.btn0{
	pointer-events: none;
	opacity: .6;
}

a.btn,
a.btn:visited,
a.btn:hover,
a.btn:active,
a.btn0,
a.btn0:visited{
	color: var(--blanc);
	-webkit-user-select: none;
	user-select: none;
	text-decoration: none;
}

button.btn,
button.btn0{
	border: none;
	cursor: pointer;
}

button.btn0{ cursor: default; }

/* Saisie */
.inp{
	position: relative;
	margin: 1em 0;
	text-align: left;
}

.inp input[readonly],
.inp select[readonly],
.inp textarea[readonly]{
	background-color: var(--desactive-fond);
	color: var(--desactive-texte);
	cursor: not-allowed;
	font-style: italic;
}

.inp input ~ label::before,
.inp textarea ~ label::before,
.inp select ~ label::before{
	content: "📝 ";
	font-size: 0.9em;
}

.inp input[readonly] ~ label::before,
.inp select[readonly] ~ label::before,
.inp textarea[readonly] ~ label::before{
	content: "🔒 ";
	color: var(--gris);
}

.inp input[required] ~ label::before,
.inp select[required] ~ label::before,
.inp textarea[required] ~ label::before{
	content: '❌ ';
	color: var(--erreur);
}

.inp input[required]:valid ~ label::before,
.inp select[required]:valid ~ label::before,
.inp textarea[required]:valid ~ label::before{
	content: '✅ ';
	color: var(--succes);
}

.inp label{
	position: absolute;
	top: 20px;
	left: 15px;
	padding: 0 4px;
	pointer-events: none;
	transition: 0.2s;
	background-color: var(--fond-neutre-attenue);
	color: var(--texte-attenue);
}

.inp input,
.inp select,
.inp textarea{
	width: 100%;
	padding: 20px 15px 10px 15px;
	background-color: var(--fond-neutre);
	border: 1px solid var(--bordure);
	color: var(--texte);
	border-radius: 4px;
	font-size: 1em;
	box-sizing: border-box;
}

.inp select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D'0%200%204%205'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20fill%3D'%23333'%20d%3D'M2%200L0%202h4L2%200zm0%205l2-2H0l2%202z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 12px 12px;
}

.inp input:focus ~ label,
.inp input:not(:placeholder-shown) ~ label,
.inp select:focus ~ label,
.inp select:valid ~ label,
.inp textarea:focus ~ label,
.inp textarea:not(:placeholder-shown) ~ label{
	top: 3px;
	font-size: 0.75em;
	color: var(--primaire);
}

.inp textarea{
	min-height: 10em;
	resize: none;
}

/* Autres */
p.msg-err{ color: var(--erreur); }