#skiptomain { display: none; }

#nav { background:#e1e0dc url(/images/bodyback.png); box-shadow:0px 2px 4px rgba(0,0,0,0.1); float:left; width:100%; position:fixed; z-index:9; }
#nav ul, #nav li { display:inline-block; margin:0; padding:0; }
#nav a { display:block; padding:.9em 1.5em; font-size:1em; font-family:'Oswald'; font-weight:300; color:#000; }
#nav a:hover {  color:#ed1518; }
#nav a.active, #nav a.active:hover { background:#fff; color:#000; }
#nav a.button { color:#fff; padding:.6em .75em; }

/*	########################################################################################################################	*/

#wrapper
	{
	width: 100%;
	position: relative;
	background: var(--fnd_inact);
	}

/*	########################################################################################################################	*/

#headcontainer
	{
	z-index: 9;
	width: 100%;
	min-height: 90px;
	text-align: center;
	/*	max-height: 150px;	*/
	background-color: var(--fnd_tete);
	/*	background-image:url("../images/entete_2.jpg");	*/
	/*	background-position: top;						*/
	/*	background-repeat: no-repeat;					*/
	/*	background-attachment:fixed;					*/
	/*	background-size: auto;							*/
	}

header
	{
	max-width: 100%;
	color: var(--txt_norma);
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	letter-spacing: 0em;
	font-size: 1.6em;
	font-style: normal;
	line-height: 1.8;
	/*	padding-top: 10px;	*/
	}

header h1
	{
	font-family: "Amatic SC", sans-serif;
	font-size: 2.0em;
	font-weight: 700;
	font-style: normal;
	}

header a,
header a:link,
header a:visited
	{
	color: #000080;
	font-weight:normal;
	text-decoration:underline;
	}

header a:hover
	{
	color:#FFFF99;
	font-weight:normal;
	background-color:none;
	text-decoration:underline;
	}

header a:active
	{
	color:#FFFFFF;
	font-weight:normal;
	background-color:transparent;
	text-decoration:none;
	}

header a.button { font-size:1.5em; margin:2em 0 1.5em 0; }

/*	########################################################################################################################	*/

#menucontainer
	{
	z-index: 9;
	text-align: center;
	width: 100%;		/*	100%	*/
	max-height: 42px;
	background: var(--fnd_inact);
	/*	border-top: solid 1px var(--txt_inact);		*/
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	}

/*	########################################################################################################################	*/

.twitter-share-button { margin-top:.5em; }

/*	########################################################################################################################	*/

#maincontentcontainer
	{
	box-sizing: border-box;
	width: 96%;
	margin: 10px auto 10px auto;
	padding: 0 20px;
	min-height: 300px;
	background: var(--fnd_moycl);
	border-radius: 20px;
	}

/*	########################################	  MAIN CONTENT 	  ########################################################	*/

.maincontent
	{
	z-index: 1;
	max-width: 100%;
	clear: both;

	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 1.0em;
	color: var(--txt_norma);

	margin: 0 auto;
	line-height: 1.6em;
	position: relative;
	background-repeat: no-repeat;
	border-top-style: solid;
	}

/*	------------------------------------------------------------------------------------------------------------------------	*/

/*	.maincontent .microline		*/
/*	{							*/
/*	height: 10px;				*/
/*	overflow: hidden;			*/
/*	}							*/



.maincontent .lignoriz
	{
	width: 100%;
	display: flex;
	flex-direction: row;	/* Aligne horizontalement */
	flex-wrap: nowrap;		/* Empêche le retour à la ligne */
	overflow-x: auto;		/* Permet le scroll horizontal si nécessaire */
	}

.maincontent .box,
.maincontent .box a,
.maincontent .box a:link,
.maincontent .box a:visited
	{
	display: block;
	/*	min-width: 100px;		/* Largeur minimale pour chaque box */
	flex: 0 0 auto;			/* Empêche la réduction automatique */
	/*	margin-right: 10px;			*/
	/*	background: #eee;			*/
	/*	padding-left: 5px;			*/
	/*	color: var(--txt_norma);	*/
	box-sizing: border-box;
	}



.maincontent .microline
	{
	line-height: 10px;
	}

.maincontent .microline div
	{
	/*	min-height: 20 !important;	*/
	min-height: 10px !important;
	max-height: 10px !important;
	padding: 0;
	margin: 0;
	}

.maincontent .microline p
	{
	font-size: 0.1em;
	/*	line-height: 20px !important;	*/
	line-height: 10px !important;
	margin: 0;
	padding: 0;
	}

.maincontent .microline .moyen
	{
	font-size: 0.1em;
	/*	line-height: 20px !important;	*/
	line-height: 10px !important;
	display: inline;
	}



.maincontent .miniline
	{
	line-height: normal;
	}

.maincontent .miniline div
	{
	/*	min-height: 20 !important;	*/
	min-height: 1.2em !important;
	/*	padding: 0;	*/
	/*	margin: 0;	*/
	}

.maincontent .miniline p
	{
	font-size: 0.8em;
	/*	line-height: 20px !important;	*/
	line-height: 1.2em !important;
	/*	margin: 0;	*/
	/*	padding: 0;	*/
	}

.maincontent .miniline .moyen
	{
	font-size: 0.6em;
	/*	line-height: 20px !important;	*/
	line-height: 1.2em !important;
	display: inline;
	}



.maincontent .mandatory
	{
	font-weight:bold;
	color:var(--txt_titre);
	}

.maincontent .mandalegende
	{
	font-weight:bold;
	color:var(--txt_titre);
	}

.maincontent .visi
	{
	color:var(--txt_rollo);
	}

.maincontent a:link, .maincontent a:visited
	{
	color: var(--txt_linka);
	font-style: bold;
	text-decoration: none;
	}

.maincontent a:hover
	{
	color: var(--txt_norma);
	font-weight:bold;
	text-decoration:underline;
	}

.maincontent a:active
	{
	color: var(--txt_actif);
	font-weight:bold;
	text-decoration:none;
	}

.maincontent h1
	{
	color: var(--txt_titre);
	font-family: "Belleza", sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0em;

	padding-top: 10px;
	}

.maincontent h2
	{
	color: var(--txt_ciell);
	font-family: "Belleza", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: 0em;
	padding-top: 10px;
	}
.maincontent h2 a
	{
	text-decoration:normal;
	text-align: center;
	}
.maincontent h2 a:hover
	{
	text-decoration:underline;
	text-align: center;
	}
.maincontent h2.ciel
	{
	color: var(--txt_ciell);
	}
.maincontent h2.menth
	{
	color: var(--txt_menth);
	}


.maincontent h3
	{
	color: var(--txt_rollo);
	font-family: "Belleza", sans-serif;
	font-size: 1.0em;
	font-weight: 700;
	font-style: bold;
	line-height: 1.0;
	letter-spacing: 0em;

	padding-top: 10px;
	text-align: center;
	}

.maincontent h4
	{
	color: var(--txt_rollo);
	font-family: "Belleza", sans-serif;
	font-size: 0.7em;
	font-weight: 700;
	font-style: normal;
	line-height: 0.7;
	letter-spacing: 0em;

	padding-top: 10px;
	}

.maincontent ul
	{
	padding-left: 30px;
	}

.maincontent hr
	{
	border-top: 1px solid var(--fnd_inact);
	/*	max-width: 80%;		*/
	/*	margin-left: 10%;	*/
	/*	margin-right: 10%;	*/
	}

/*	------------------------------------------------------------------------------------------------------------------------	*/

.maincontent .titre-clair
	{
	font-size:1.0em;
	color: var(--txt_actif);
	font-weight:bold;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px  1px 0 rgba(0, 0, 0, 0.3), 1px  1px 0 rgba(0, 0, 0, 0.3);
	text-align:center;
	padding-top: 8px;
	}

.maincontent .maxcol
	{
	background: var(--fnd_inact);
	font-size:0.8em;
	color: var(--txt_titcol);
	font-weight:bold;
	text-align:center;
	padding-top: 8px;
	min-height: 40px;
	}

.maincontent .titcoloff
	{
	background: var(--fnd_degbas);
	font-size:0.8em;
	color: var(--txt_titcol);
	font-weight:bold;
	text-align:center;
	padding-top: 5px;
	}

.maincontent .titcol
	{
	/*	line-height: 35px;	*/
	background: var(--fnd_inact);
	font-size:0.8em;
	color: var(--txt_titcol);
	font-weight:bold;
	text-align:center;
	padding-top: 5px;
	}
.maincontent .titcol a,
.maincontent .titcol a:visited
	{
	color: var(--txt_titcol);
	text-decoration: none;
	font-weight: bold;
	}
.maincontent .titcol a:hover
	{
	color: var(--txt_titcol);
	text-decoration:underline;
	font-weight:bold;
	text-align:center;
	}

.maincontent .titcol hr
	{
	border-top: 2px solid var(--fnd_deghaut);
	}

.maincontent .titcolyel
	{
	background: var(--fnd_inact);
	font-size:0.8em;
	color: var(--txt_yello);
	font-weight:bold;
	text-align:center;
	padding-top: 5px;
	}
.maincontent .titcolyel a,
.maincontent .titcolyel a:visited
	{
	color: var(--txt_yello);
	text-decoration: none;
	font-weight: bold;
	}
.maincontent .titcolyel a:hover
	{
	color: var(--txt_yello);
	text-decoration:underline;
	font-weight:bold;
	text-align:center;
	}

.maincontent .titcolec
	{
	background: var(--fnd_special);
	font-size:0.8em;
	color: var(--txt_titcol);
	font-weight:bold;
	text-align:center;
	padding-top: 5px;
	}

.maincontent .stotcol
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_deghaut);
	font-size:0.8em;
	color: var(--txt_titcol);
	font-weight:bold;
	text-align:right;
	padding-right: 10px;
	}

.maincontent .stotcolyel
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_deghaut);
	font-size:0.8em;
	color: var(--txt_yello);
	font-weight:bold;
	text-align:right;
	padding-right: 10px;
	}

.maincontent .sstotcol
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_trame);
	font-size:0.8em;
	color: var(--txt_titcol);
	font-weight:bold;
	text-align:right;
	padding-right: 10px;
	}

.maincontent .sstotcolyel
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_trame);
	font-size:0.8em;
	color: var(--txt_yello);
	font-weight:bold;
	text-align:right;
	padding-right: 10px;
	}

.maincontent .totcol
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_inact);
	font-size: 1em;
	color: var(--txt_titcol);
	font-weight:normal;
	text-align:right;
	padding-right: 10px;
	padding-bottom: 4px;
	}

.maincontent .totcolbary
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_inact);
	font-size: 1em;
	color: var(--txt_titcol);
	font-weight:normal;
	text-align:center;
	/*	padding-right: 10px;	*/
	padding-bottom: 4px;
	}

.maincontent .totcolmin
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_inact);
	font-size: 0.8em;
	color: var(--txt_titcol);
	font-weight:normal;
	text-align:right;
	padding-right: 10px;
	padding-bottom: 4px;
	}

.maincontent .totcolyelmin
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_inact);
	font-size: 0.8em;
	color: var(--txt_yello);
	font-weight:normal;
	text-align:right;
	padding-right: 10px;
	padding-bottom: 4px;
	}

.maincontent .totcolyel
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_inact);
	font-size: 1em;
	color: var(--txt_yello);
	font-weight:normal;
	text-align:right;
	padding-right: 10px;
	padding-bottom: 4px;
	}

.maincontent .totcolec
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_special);
	font-size: 1em;
	color: var(--txt_titcol);
	font-weight:normal;
	text-align:right;
	padding-right: 10px;
	padding-bottom: 4px;
	}

.maincontent .totcolecyel
	{
	border-top: 1px solid var(--txt_inact); /* Bordure grise en haut */
	background: var(--fnd_special);
	font-size: 1em;
	color: var(--txt_yello);
	font-weight:normal;
	text-align:right;
	padding-right: 10px;
	padding-bottom: 4px;
	}

.maincontent .marge
	{
	margin-left: 20px;
	height: 30px; /* ou moins */
	padding: 0;
	display: flex;
	align-items: center; /* centre verticalement la case */
	overflow: hidden;
	}

/*	------------------------------------------------------------------------------------------------------------------------	*/

.maincontent .btlink
	{
	}
.maincontent .btlink a,
.maincontent .btlink a:visited
	{
	height:30px;
	padding-top: 5px;
	width: 90%;
	margin: auto;
	margin-bottom: 5px;
	text-decoration:none;
	text-align:center;
	vertical-align: middle;
	font-size:12pt;
	color: var(--txt_bouto);
	border-radius: 17px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: -o-linear-gradient(top,		var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	background: linear-gradient(to bottom,	var(--fnd_deghaut) 0%,	var(--fnd_degbas) 100%);
	display: block;
	}

.maincontent .btlink a:hover
	{
	text-decoration:none;
	color: var(--txt_rover);
	font-weight:normal;
	border-radius: 17px;
	background: var(--fnd_inact);
	background: -webkit-linear-gradient(top,var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: -o-linear-gradient(top,		var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	background: linear-gradient(to bottom,	var(--fnd_degbas) 0%,	var(--fnd_deghaut) 100%);
	}

.maincontent .btlinkrose
	{
	}

.maincontent .btlinkrose a,
.maincontent .btlinkrose a:visited
	{
	height:30px;
	padding-top: 5px;
	width: 80%;
	margin: auto;
	margin-bottom: 5px;
	text-decoration:none;
	text-align:center;
	vertical-align: middle;
	font-size:12pt;
	color: var(--fnd_error);
	border-radius: 17px;
	background: #660099;
	background: -webkit-linear-gradient(top,var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: -o-linear-gradient(top,		var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	background: linear-gradient(to bottom,	var(--fnd_speclair) 0%,	var(--fnd_spefonce) 100%);
	display: block;
	}

.maincontent .btlinkrose a:hover
	{
	text-decoration:none;
	color: var(--txt_rover);
	font-weight:normal;
	border-radius: 17px;
	background: #660099;
	background: -webkit-linear-gradient(top,var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -ms-linear-gradient(top,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -moz-linear-gradient(top,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: -o-linear-gradient(top,		var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	background: linear-gradient(to bottom,	var(--fnd_spefonce) 0%,	var(--fnd_speclair) 100%);
	}



.maincontent .pavegris
	{
	background: var(--fnd_fonce);
	padding:10px;
	text-align:justify;
	}

.maincontent .pavetransp
	{
	padding:10px;
	text-align:justify;
	}

.maincontent .paveblanc
	{
	background: var(--fnd_clair);
	padding:10px;
	text-align:justify;
	}

.maincontent .paverose
	{
	background: var(--fnd_error);
	padding:10px;
	text-align:justify;
	}

.maincontent .pavemauve
	{
	background: var(--fnd_mauve);
	padding:10px;
	text-align:justify;
	}

.maincontent .pavebleu
	{
	margin: 5px;
	background: var(--fnd_inact);
	border-radius: 10px;
	padding:10px;
	color: var(--txt_inact);
	text-align:justify;
	line-height: 1.00em;
	}

.maincontent .pavebleu input[type="checkbox"]
	{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	transform: scale(1.2); /* Réduit la taille visuelle */
	}

.maincontent .capatar
	{
	background: var(--fnd_tarif);
	padding:10px;
	text-align:justify;
	}

.maincontent .capamax
	{
	background: var(--fnd_maxim);
	padding:10px;
	text-align:justify;
	}

.maincontent .cadrefilles
	{
	margin: 1px;
	padding-left: 5px;
	border-width: 1px;
	border-style: solid; 
	border-color: var(--txt_ciell);
	background: var(--fnd_stabbleu);
	}

.maincontent .cadrepossibles
	{
	margin: 1px;
	padding-left: 5px;
	border-width: 1px;
	border-style: solid; 
	border-color: var(--txt_menth);
	background: var(--fnd_stabvert);
	}



/*	------------------------------------------------------------------------------------------------------------------------	*/

.maincontent input[type=date]
	{
	padding: 4px 0px 4px 0px;
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	}

.maincontent .input-champ
	{
	width: 100%;
	max-width: 98%;
	font-size: clamp(11px, 2vw, 14px);
	padding: 0.5em 0.5em;
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	box-sizing: border-box;
	}

.maincontent .input-unite
	{
	width: 75%;
	max-width: 98%;
	font-size: clamp(11px, 2vw, 14px);
	padding: 0.5em 0.5em;
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	box-sizing: border-box;
	}

.maincontent .input-fifty
	{
	width: 50%;
	max-width: 98%;
	font-size: clamp(11px, 2vw, 14px);
	padding: 0.5em 0.5em;
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	box-sizing: border-box;
	}

.maincontent .input-mini
	{
	width: 25%;
	max-width: 98%;
	font-size: clamp(11px, 2vw, 14px);
	padding: 0.5em 0.5em;
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	box-sizing: border-box;
	}

.maincontent select
	{
	width: auto;
	max-width: 98%;
	font-size: clamp(11px, 2vw, 14px);
	padding: 0.4em 0.5em;
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	box-sizing: border-box;
	}

.maincontent .zone-texte
	{
	width: 100%;
	max-width: 98%;
	height: 100px;
	resize: vertical; /* ou none / both */
	font-size: clamp(11px, 2vw, 14px);
	padding: 0.2em 0.5em;
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	box-sizing: border-box;
	}

.maincontent .select-rsp
	{
	width: 100%;
	max-width: 98%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

/*	########################################################################################################################	*/

#footercontainer
	{
	z-index: 9;
	width: 96%;
	min-height: 100px;
	text-align: center;
	background: var(--fnd_inact);
	margin: 10px auto 10px auto;
	border-radius: 20px;
	}

footer
	{
	padding-top: 30px;
	max-width: 100%;
	min-height: 100px;
	clear: both;
	margin: 0 auto;
	background: var(--fnd_inact);

	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 1em;
	color: var(--txt_discr);

	line-height: 1.6;
	}

footer h1
	{
	color: var(--txt_inact);
	font-family: "Roboto", sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	font-style: normal;
	}

footer h2
	{
	color: var(--txt_inact);
	font-family: "Roboto", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	font-style: normal;
	}

footer .titre
	{
	color: var(--txt_inact);
	font-size: 1.1em;
	font-weight: 300;
	font-style: normal;
	}

footer a,
footer a:link,
footer a:visited
	{
	color: var(--txt_actif);
	letter-spacing: 0.1em;
	font-weight:normal;
	font-style: normal;
	text-decoration:none;
	}

footer a:hover
	{
	color: var(--txt_rover);	
	font-weight:normal;
	background-color:none;
	text-decoration:underline;
	}

footer a:active
	{
	color: var(--txt_inact);	
	font-weight:normal;
	background-color:transparent;
	text-decoration:none;
	}