@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Saira+Extra+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*---------------------------------
     TOUTES ZONES                  
     Déclarations générales        
---------------------------------*/


:root {
	--police-taille-base:.75rem;
	--police-taille-tableaux: .75rem;
	--police-taille-tit5: calc( var(--police-taille-base) - 1pt);
	--police-taille-tit4: var(--police-taille-base);
	--police-taille-tit3: calc( var(--police-taille-base) + 1pt);
	--police-taille-tit2: calc( var(--police-taille-base) + 2pt);
	--police-taille-tit1: calc( var(--police-taille-base) + 3pt);

	--coul-jaun3: #e2fcb9;
	--coul-jaun4: #abe254;
	--coul-jaun5: #97c63c;

	--coul-vertbleu: #63f4ab;

	--coul-vertclai: #008000;
	--coul-vertcomp: #007000;
	--coul-vertfond: #006000;
	--coul-vertstit: #005000;
	--coul-verttitr: #004000;
	--coul-vertbord: #003000;

/*	--coul-fondmenu: #008000;
	--coul-fondsomm: #006000; */

	--coul-vert0: #CFC;
	--coul-vert1: #7F7;
	--coul-vert2: #5F5;
	--coul-vert3: #AEA;
	--coul-vert5: #7C7;
	--coul-vert7: #360;

	--coul-moduleECO:	#99FF99;
	--coul-moduleBAS:	#19E54C;
	--coul-moduleMOY:	#3DA3BF;
	--coul-moduleHAU:	#3366FF;
	--coul-moduleEXT:	#6633BB;
	--coul-moduleRES:	#C0C0C0;
	--coul-moduleSPE:	#CC0099;

	--coul-tit-edition: #82C46C;
	--coul-tit-variante: #A5D152;
	--coul-tit-titre:		#B0F2B6;
	--coul-tit-info: 		#B0F2B6;
	--coul-tit-fabric: 	#689D71;
	--coul-tit-video:		#85C17E;
	--coul-tit-menuj:		#f7f719;
	--coul-tit-menur:		#FF9999;
	--coul-tit-bordure: #dddddd #888888 #888888 #dddddd;

	--coul-lien-normal:	DodgerBlue;
	--coul-lien-local: 	LimeGreen;
	--coul-lien-wiki: 	LightSlateGray;
	--coul-lien-bgg: 		CornflowerBlue;

}

.TailleTitre1 { font-size: var(--police-taille-tit1); }
.TailleTitre2 { font-size: var(--police-taille-tit2); }
.TailleTitre3 { font-size: var(--police-taille-tit3); }
.TailleTitre4 { font-size: var(--police-taille-tit4); }
.TailleTitre5 { font-size: var(--police-taille-tit5); }

/*-----------------------------------------
   Styles generaux
-----------------------------------------*/
/* scrollbar styling standard version */
/* scrollbar styling non-standard version */
/*chrome*/
html::-webkit-scrollbar {
  width: .2rem;
	background:#006000;
}
html::-webkit-scrollbar-thumb {
    background:#008000;
}

/* scrollbar styling standard version FIREFOX*/
html {
  scrollbar-color:#008000 rgba(0,0,0,.1);
  scrollbar-width: none;
	-webkit-scrollbar-color:#008000 rgba(0,0,0,.1);
	-webkit-scrollbar-width: none;
}

body,
p,
td {
	font-family: Verdana, Arial;
	font-size: var(--police-taille-base);
	font-weight:normal;
}

a {
	text-decoration: none;
	font-weight: inherit;
	color: inherit;
}

abbr {
	text-decoration: none;
	border-bottom: 2px dotted red;
	padding-bottom:.05em;
	font-weight: inherit;
	cursor: help;
}


/*-----------------------------------------
   Divers styles utilis�s partout
-----------------------------------------*/

span.eme {
	font-size: 75%; vertical-align: 30%;
}
img.opacite, a.opacite {
	filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
img.opacitefixe {
	filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;
}
a.opacite:hover, img.opacite:hover {
	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}

.RobotoCondensed {
	font-family: 'Roboto Condensed';
}

div.datecalendrier {
	/* pour sommaire et infobulle */
	text-align:center;
	width:100%;
	font-size:var(--police-taille-tit1);
	font-weight:bold;
	color:white;
	text-shadow: -0.03em -0.03em 0.1em grey, 0.03em 0.03em 0.1em black;
}


/*----------------------------------
   Icones  SVG
----------------------------------*/
.svg-lit {
	height: 4.5em;
	padding: .5em .5em .5em 0
}
.svg-sdb {
	height: 2.5em;
	padding: .5em .2em .5em 0
}


.svg-icon {
  height: 1.8em;
	width: 1.8em;
}

img.svgico {
	width: 40px;
	height: 40px;
}
img.svgicodist {
	width: 40px;
	height: 40px;
	margin-left: -13px;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: darkgreen;
}

.svg-middle {
	vertical-align:middle;
}

.svg-icon circle {
  stroke: darkgreen;
  stroke-width: 1;
}

.svg-icon-carte,
.svg-icon-texte {
  height: 1em;
	vertical-align:text-top;
	padding:0;
	margin:0 -.1em 0 -.1em;
}

.svg-exposant {
	height: .6em;
	width: .6em;
	vertical-align: text-top;
	padding: 0;
}

.svg14 {
  height: 1.4em;
	width: 1.4em;
}

.icone-liste {
  height: 1.4em;
	width: 1.4em;
	vertical-align:middle;
	margin-right:1em;
}

.icone-mini {
  height: 1.4em;
	width: 1.4em;
	vertical-align:middle;
	margin: 0 .5em .3em .5em;
}

.calfond {
	background-image:url(icones/SVG_cal_fond.svg);
	position: relative;
  top: 0:
  left: 0:
  width: 48px;
  height: 60px;
}

img.drapeau_lien {
	width: 18px;
	vertical-align: middle;
	margin: 0 0.3em;
}
img.drapeau_listepreparation {
	vertical-align:middle;
	width:20px;
}

img.SVG_12 { vertical-align:middle; width:12px; }
img.SVG_14 { vertical-align:middle; width:14px; }
img.SVG_16 { vertical-align:middle; width:16px; }
img.SVG_18 { vertical-align:middle; width:18px; }
img.SVG_20 { vertical-align:middle; width:20px; }
img.SVG_24 { vertical-align:middle; width:24px; }
img.SVG_30 { vertical-align:middle; width:30px; }
img.SVG_36 { vertical-align:middle; width:36px; }
img.SVG_40 { vertical-align:middle; width:40px; }
img.SVG_50 { vertical-align:middle; width:50px; }
img.SVG_60 { vertical-align:middle; width:60px; }
img.SVG_70 { vertical-align:middle; width:70px; }
img.SVG_80 { vertical-align:middle; width:80px; }
img.SVG_90 { vertical-align:middle; width:90px; }
img.SVG_100 { vertical-align:middle; width:100px; }

img.SVG_padding { padding: 0 .1em .3em 0; }
img.SVG_padding_small { padding: 0 .1em .1em 0; }

img.SVG_base_12 { vertical-align:baseline; width:12px; }
img.SVG_base_14 { vertical-align:baseline; width:14px; }
img.SVG_base_16 { vertical-align:baseline; width:16px; }
img.SVG_base_18 { vertical-align:baseline; width:18px; }
img.SVG_base_20 { vertical-align:baseline; width:20px; }
img.SVG_base_24 { vertical-align:baseline; width:24px; }
img.SVG_base_30 { vertical-align:baseline; width:30px; }
img.SVG_base_36 { vertical-align:baseline; width:36px; }
img.SVG_base_40 { vertical-align:baseline; width:40px; }
img.SVG_base_50 { vertical-align:baseline; width:50px; }
img.SVG_base_60 { vertical-align:baseline; width:60px; }
img.SVG_base_70 { vertical-align:baseline; width:70px; }
img.SVG_base_80 { vertical-align:baseline; width:80px; }
img.SVG_base_90 { vertical-align:baseline; width:90px; }
img.SVG_base_100 { vertical-align:baseline; width:100px; }

img.SVG_margedroitemoins { margin-right:-5px; }
img.SVG_legendecalendrier { vertical-align:middle; width:120px; margin-right:0px; }
img.SVG_legendecalendrierlarge { vertical-align:middle; width:360px; margin:10px 0 0 10px;  }

img.SVG_espaceavant { display:inline; padding-left:.5em; }

img.SVG_plusmoins { vertical-align:absmiddle; float: right; height:18px; }




/********************************************************************************************/


/*--------------------------------------------------------------------------------------------
                              ZONE SOMMAIRE ET ZONE MENU HAUT
--------------------------------------------------------------------------------------------*/


/*------------------------------------------
      ZONE SOMMAIRE ET ZONE MENU HAUT
      body et styles généraux
------------------------------------------*/

.MENUCADREHAUT,
.MENUSOMMAIRE {
	font-family: Verdana, Arial;
	font-size: var(--police-taille-base);
	color: white;
	margin: 0px;/*responsive 0px 50px;*/
 	/*overflow: hidden;monique responsive*/
	width:100%;
	height:100%;
}
.MENUSOMMAIRE {
	background-color: var(--coul-fondsomm);
	color: white;
}
.MENUCADREHAUT/*monique header*/
{
	background-color: var(--coul-fondmenu);
	height: auto;/*130px;*/
	margin:0;
}

.MENUCADREHAUT p,
.MENUSOMMAIRE p {
	margin: 0px;
}

/*------------------------------------------
      ZONE MENU
       zone de recherche et icones
------------------------------------------*/

/* LOGO CARRÉ */

.MENUCADREHAUT div.zone00 {
	position:absolute;
	text-align:center;
	top: 10px;
	left: 4px;
	width:100px;
}

/* FACEBOOK COURRIEL RSS (zone0b) ET ADMIN (zone0a) */

.MENUCADREHAUT div.zone0a {
	border:0px;
  position:absolute;
	text-align:left;
	top: 10px;
	right: 214px;
}
.MENUCADREHAUT div.zone0b {
	position:absolute;
	top: 10px;
	right: 10px;
}
.MENUCADREHAUT div.zone0a img,
.MENUCADREHAUT div.zone0b img {
	width:46px;
	height:46px;
	margin_left: 6px;
}



/* ZONE DE RECHERCHE DANS LE MENU */
/* ZONE DE RECHERCHE DANS TRI/RECHERCHE */

.MENUCADREHAUT div.RECHMENU {
	border:0px;
	position:absolute;
	top: 70px;
	left: 124px;
}
.MENUSOMMAIRE div.RECHMENU {
	border:0px;
	position:absolute;
	top: 8px;
	left: 20px;
}

.MENUCADREHAUT #searchbarloupe,
.MENUSOMMAIRE #searchbarloupe {
	background-color: var(--coul-jaun3);
	border-radius: 6px;
	height:30px;
    width:342px;/*monique*/
}
.MENUSOMMAIRE #searchbarloupe {
    width:402px;/*monique*/
}

.MENUCADREHAUT #searchbarloupe #id,
.MENUCADREHAUT #searchbarloupe #search,
.MENUSOMMAIRE #searchbarloupe #id,
.MENUSOMMAIRE #searchbarloupe #search {
	background: none;
	position: absolute;
	right: 62px;
	border: none;
	color: black;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 150%;
	height: 26px;
	line-height: 26px;
	width: 270px;
}
.MENUSOMMAIRE #searchbarloupe #id,
.MENUSOMMAIRE #searchbarloupe #search {
	font-size: 115%;
	right: 72px;
	width: 320px;
}


.MENUCADREHAUT #searchbarloupe #Oktit,
.MENUSOMMAIRE #searchbarloupe #Oktit{
	background: transparent url('/icones/SVG_D_loupe.svg') no-repeat top left;
	background-size: 24px;
	border:none;
	height:24px;
	position: absolute;
	right: 35px;
	margin-top:3px;
	height:24px;
	width:24px;
	cursor:pointer;
}
.MENUSOMMAIRE #searchbarloupe #Oktit{
	right: 35px;
}

.MENUCADREHAUT #searchbarloupe #Resettit{
	background: transparent url('/icones/SVG_D_gomme.svg') no-repeat top left;
}

.MENUSOMMAIRE #searchbarloupe #Resettit{
	background: transparent url('/icones/SVG_D_reload.svg') no-repeat top left;
}

.MENUCADREHAUT #searchbarloupe #Resettit,
.MENUSOMMAIRE #searchbarloupe #Resettit{
	background-size: 24px;
	border:none;
	position: absolute;
	right: 5px;
	margin-top:3px;
	height:24px;
	width:24px;
	cursor:pointer;
}




/*     BOUTONS DE MENU     */
/*bonton fin d eliste*/
#loader_message .btn
{
	/*text-align:center;
	vertical-align:middle;
	background-color:#030;
	background: linear-gradient( #060, #030);
	border-radius: 6px;
	color:white;
	margin-top:1rem;*/
	display:none;
}

/*rajout de la balise nav qui contient le menu*/
#navigation-site/*monique*/
{
display: flex;
flex-wrap: wrap;/*retour à la ligne inverse*/
justify-content: center;
}


.menu-toggle {
	position: absolute;
	top:110px;
	left:0px;
	display: flex;
	flex-wrap: wrap; /*retour à la ligne*/
	justify-content: center;
}

.zone { border:1px white solid; }

.MENUCADREHAUT div.zone01,
.MENUCADREHAUT div.zone02,
.MENUCADREHAUT div.zone03 {
	width: 474px;
	margin-left: 3px;
}


.MENUCADREHAUT div.menu-toggle h1 {
	text-align: center;
	background: linear-gradient( var(--coul-fondsomm), var(--coul-fondmenu));
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size:140%; /*responsive120%;*/
	font-style:italic;
	font-weight: 300;
	text-align:center;
	padding: 8px 0 4px 0;
	border-radius: 10px 10px 0 0;
	margin:8px 6px 4px 6px;
}

/*monique/
.MENUCADREHAUT div.zone01 { left:244px; }
.MENUCADREHAUT div.zone02 { left:488px; }
.MENUCADREHAUT div.zone03 { left:732px; }
*/

.MENUCADREHAUT .bouton a,
.MENUCADREHAUT .bouton span.invalide {
	display:block;
	width:148px;/*responsive113px;*/
	height:24px;/*responsive16px;*/
	line-height:24px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 140%;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	background-color:#030;
	background: linear-gradient( #006000, #003000);
	border-radius: 6px;
	color:white;
	text-decoration: none;
	float:left;
	margin:0px 0px 5px 8px;
	overflow: hidden;
  text-overflow: ellipsis;
	text-overflow-ellipsis: '�';
}

.MENUCADREHAUT .bouton a img,
.MENUCADREHAUT .bouton span.invalide img {
	width: 14px;
	float:left;
	margin: 5px 0 0 6px;
}
.MENUCADREHAUT .bouton a img.imgvide,
.MENUCADREHAUT .bouton span.invalide img.imgvide {
	width: 14px;
	float:right;
	margin: 5px 6px 0 0;
}


.MENUCADREHAUT .bouton a[target~=principal] {
	background-color:#393;
	background:linear-gradient( white, white, lightgrey );
	color:black;
}


.MENUCADREHAUT .bouton a:hover {
	background-color:#393;
	background:linear-gradient( #9F9, #6C6);
	color:black;
}

.MENUCADREHAUT .bouton a:active {
	background-color:#393;
	background:linear-gradient( #9F9, #6C6);
	color:black;
	box-shadow: 1px 1px 10px black inset,
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

.MENUCADREHAUT #minibouton a {
	width:70px;
}
.MENUCADREHAUT #microbouton a,
.MENUCADREHAUT #microbouton a:active,
.MENUCADREHAUT #microbouton a:hover {
	width: 46px;
	height: 46px;
	line-height: 46px;
	margin:4px 0px 0px 6px;
}

.MENUCADREHAUT #bouton_01, .MENUCADREHAUT #bouton_02, .MENUCADREHAUT #bouton_03,
.MENUCADREHAUT #bouton_04, .MENUCADREHAUT #bouton_05, .MENUCADREHAUT #bouton_06,
.MENUCADREHAUT #bouton_07, .MENUCADREHAUT #bouton_08, .MENUCADREHAUT #bouton_09,
.MENUCADREHAUT #bouton_11, .MENUCADREHAUT #bouton_12, .MENUCADREHAUT #bouton_13,
.MENUCADREHAUT #bouton_14, .MENUCADREHAUT #bouton_15, .MENUCADREHAUT #bouton_16,
.MENUCADREHAUT #bouton_17, .MENUCADREHAUT #bouton_18, .MENUCADREHAUT #bouton_19 {
	background-size: 46px;
	border:none;
}
.MENUCADREHAUT #bouton_01 { background-image: url("/icones/SVG_TRI_az_bouton.svg"); }
.MENUCADREHAUT #bouton_02 { background-image: url("/icones/SVG_TRI_portrait_bouton.svg"); }
.MENUCADREHAUT #bouton_03 { background-image: url("/icones/SVG_TRI_editeur_bouton.svg"); }
.MENUCADREHAUT #bouton_04 { background-image: url("/icones/SVG_TRI_1_bouton.svg"); }
.MENUCADREHAUT #bouton_05 { background-image: url("/icones/SVG_TRI_2_bouton.svg"); }
.MENUCADREHAUT #bouton_06 { background-image: url("/icones/SVG_TRI_3_bouton.svg"); }
.MENUCADREHAUT #bouton_07 { background-image: url("/icones/SVG_TRI_5_bouton.svg"); }
.MENUCADREHAUT #bouton_08 { background-image: url("/icones/SVG_TRI_prix_bouton.svg"); }
.MENUCADREHAUT #bouton_09 { background-image: url("/icones/SVG_TRI_annee_bouton.svg"); }

.MENUCADREHAUT #bouton_11 { background-image: url("/icones/SVG_TRI_alaune_bouton.svg"); }
.MENUCADREHAUT #bouton_12 { background-image: url("/icones/SVG_TRI_coeur_bouton.svg"); }
.MENUCADREHAUT #bouton_13 { background-image: url("/icones/SVG_TRI_multiprime_bouton.svg"); }
.MENUCADREHAUT #bouton_14 { background-image: url("/icones/SVG_TRI_adeux_bouton.svg"); }
.MENUCADREHAUT #bouton_15 { background-image: url("/icones/SVG_TRI_combinatoire_bouton.svg"); }
.MENUCADREHAUT #bouton_16 { background-image: url("/icones/SVG_TRI_traditionnel_bouton.svg"); }
.MENUCADREHAUT #bouton_17 { background-image: url("/icones/SVG_TRI_afabriquer_bouton.svg"); }
.MENUCADREHAUT #bouton_18 { background-image: url("/icones/SVG_TRI_ressource_bouton.svg"); }
.MENUCADREHAUT #bouton_19 { background-image: url("/icones/SVG_TRI_info_bouton.svg"); }

.MENUCADREHAUT .bouton span.invalide {
	color:grey;
}

.MENUCADREHAUT div.zone02 table {
	position:relative;
	float:left;
	margin-left:3px;
	width: 468px;
	padding: 0;
	border-spacing: 0;
}
.MENUCADREHAUT div.zone02 td {
	width:52px;
	text-align: center;
	padding-top: -3px;
	padding: 0;
	font-family:'Saira Extra Condensed';
	font-family:'Roboto Condensed';
	font-size: 10px;
	line-height: 12px;
	vertical-align: top;
	color: white;
	font-weight:300;
}

/*------------------------------------------
      ZONE SOMMAIRE
      titres et sous-titres
------------------------------------------*/

/*   NOUVEAUX ENTETES    */

.MENUSOMMAIRE * {
	font-family:'Roboto', Verdana, Arial;
}

.MENUSOMMAIRE div.test {
	height:100%;
	width:100%;
	background-color:inherit;
	overflow:hidden;
}
.MENUSOMMAIRE div.entete {
	position:absolute;
	left:10px;/* 5px responsive 230px;*/
	top: 5px;
	width: 440px;
	_width:438px;
	overflow:hidden;
	border-width:0 2px 1px .5px;
	border-style:solid;
	border-color: var(--coul-vertbord);
	border-radius: 8px;
	background-color: var(--coul-vertfond);
}

.MENUSOMMAIRE div.entetechapeau,
.MENUSOMMAIRE div.enteteimage,
.MENUSOMMAIRE div.entetelibelle,
.MENUSOMMAIRE div.entetecomplement,
.MENUSOMMAIRE div.entetetitreannee,
.MENUSOMMAIRE div.entetetexteannee {
	position:absolute;
	left:0px;
	width:100%;/*responsive 210px;*/
	display:table;
	text-align:center;
	vertical-align:middle;
	padding:0 0px; /* 0 10px;responsive*/
	color:white;
}
.MENUSOMMAIRE div.entetechapeau,
.MENUSOMMAIRE div.entetetitreannee {
	font-size:var(--police-taille-tit2);
	color: var(--coul-vert5);
	font-weight:normal;
	background-color: var(--coul-verttitr);
}
.MENUSOMMAIRE div.enteteimage {
	font-size: var(--police-taille-tit1);
	line-height: var(--police-taille-tit1);
}
.MENUSOMMAIRE div.entetelibelle,
.MENUSOMMAIRE div.enteteressource {
	font-size: 1.6em;
}
.MENUSOMMAIRE div.entetelibelle *::first-letter {
	text-transform: capitalize;
}
.MENUSOMMAIRE div.entetecomplement {
	background-color: var(--coul-vertcomp);
	font-size: var(--police-taille-tit2);
}
.MENUSOMMAIRE div.entetecomplement img {
	width: 24px;
	height: 24px;
}
.MENUSOMMAIRE div.entetetexteannee {
	background-color: var(--coul-vertcomp);
	text-align: left;
	padding-left: 14px;
}
.MENUSOMMAIRE div.entetetexteannee a {
	padding: 0 .5em;
	font-size: 12px;
	line-height: 12px;
}

.MENUSOMMAIRE div.entetechapeau span,
.MENUSOMMAIRE div.enteteimage span,
.MENUSOMMAIRE div.entetelibelle span,
.MENUSOMMAIRE div.entetecomplement span,
.MENUSOMMAIRE div.entetetitreannee span,
.MENUSOMMAIRE div.entetetexteannee span {
	display: table-cell;
	vertical-align:middle;
}

.MENUSOMMAIRE div.enteteimage span.entete_recherche {
	line-height:1.5em;
}
.MENUSOMMAIRE div.entetelibelle span.entete_cellulelogo {
	position:relative;
	width:50px;
	height:50px;
	padding:0 10px 0 10px;
}
.MENUSOMMAIRE div.entetelibelle span.entete_celluletitre {
	position:relative;
	width:100%;
	left:0px;
	padding:0 10px 0 10px;
	line-height:1.2em;
}

.MENUSOMMAIRE div.enteteressource {
	padding:0;
}

.MENUSOMMAIRE div.menu {
	/* le nom "menu" est utilise par javascript FH */
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
	height:97%;/*pour pas que les listes collent au bottom*/
	overflow: auto;
/*padding-right: 15px; /* 04/12  pour cacher la barre de defilement Il faut varier cette variable en fonction du navigateur utilisé (la barre de défilement n'a pas toujours la même largeur) */
}
/*ascenseur pour les listes CHROME*/
.MENUSOMMAIRE div.menu::-webkit-scrollbar {
  width: 20px;
	background:#006000;
}
.MENUSOMMAIRE div.menu::-webkit-scrollbar-thumb {
		border-radius:20px;
		background-color: #FFF;
		background-image: -webkit-linear-gradient(top,
							  #33dc33 0%,
							  #1faf1f 15%,
							  #008000 100%);
}



.MENUSOMMAIRE h3 {
	margin: 1em 10px .4em 10px;
	background-color: var(--coul-verttitr);
  font-size: 150%;
}

.MENUSOMMAIRE h4 {
	margin: .4em 10px .2em 10px;
	background-color: var(--coul-vertstit);
  font-size: 125%;
}

.MENUSOMMAIRE h3,
.MENUSOMMAIRE h4 {
	width: 436px;
	_width:432px;
	color:white;
	border-color: var(--coul-verttitr);
	font-weight:normal;
	text-align:center;
	padding: .3em 0;
	border-width: 0 2 2 0;
	border-style: none solid solid none;
	border-radius: 12px;
}

.MENUSOMMAIRE p.explications {
	font-family:'Roboto', Verdana, Arial;
	font-size:1.20em;
	font-weight:200;
	text-align: left;
	padding: 5px 10px;
	margin: 0 10px ;
	background-color: var(--coul-verttitr);
}


/*   Lettre de rupture dans les sommaires */

.MENUSOMMAIRE div.ovale {
	display:table;
	position:relative;
	left:50%;
}
.MENUSOMMAIRE div.ovale button {
	border:none;
	padding:4px 0 4px 0;
	border-radius:50%;
	background:#030;
	background-image:radial-gradient(#040, #050);
	font-size:1.5em;
	color: white;
	width:160px;
	height:2em;
	margin:5px 0 5px -50px;
}
.MENUSOMMAIRE div.ovale *::first-letter {
	text-transform: capitalize;
}



/*--------------------------------
            SCROLL
--------------------------------*/

.MENUSOMMAIRE div.scroll {
	position:absolute;
	left:0px;/*responsive*/
	width:480px;/*responsive230px;*/
	overflow:hidden;

}
.MENUSOMMAIRE div.mobile {
	position:absolute;
	left:5px;
	width:230px;
	overflow:scroll;
}
.MENUSOMMAIRE div.bouton01, div.bouton02, div.bouton03, div.bouton04 {
	position:absolute;
	height:17px;
	width:113px;
	overflow:hidden;
}
.MENUSOMMAIRE div.bouton92 {
	position:absolute;
	height:17px;
	width:79px;
	overflow:hidden;
}
.MENUSOMMAIRE div.bouton01, div.bouton02, div.bouton92 { top:0px; }
.MENUSOMMAIRE div.bouton03, div.bouton04 { bottom:0px; }
.MENUSOMMAIRE div.bouton02, div.bouton03 { left:0px; }
.MENUSOMMAIRE div.bouton92 { left:34px; }
.MENUSOMMAIRE div.bouton01, div.bouton04 { right:0px; }


/*------------------------------------
      LIGNE SOMMAIRE :
          LIGNE JEU
          LIGNE AUTEUR
          LIGNE EDITEUR  etc.
-------------------------------------*/


.LIGNESOMMAIRE p {
	background-repeat: no-repeat;
	margin: 0 0 3px .5em ;
	padding-left: 38px;
	padding-right: 6px;
	width:inherit;;
	background-size: 1.2em ;
	background-repeat: no-repeat;
	background-position: left 10px top 0px;
	font-weight:300;
	font-size:1.4em ;
}

.LIGNESOMMAIRE a {
	position:relative;
	width:inherit;
	display: inline-block;
	padding-left: 12px;
	text-indent: -10px;
	border-bottom: 1px solid #006600;
}

.LIGNESOMMAIRE a:hover {
	background-color: #003300;
	border-bottom: 1px solid #009900;
}

.LIGNESOMMAIRE p.italique a {
	font-style: italic;
	color: #ccc;
	font-weight:100;
}


.LIGNESOMMAIRE p.etoile_3 		{ background-image: url('/icones/SVG_etoile_3.svg'); }
.LIGNESOMMAIRE p.etoile_4 		{ background-image: url('/icones/SVG_etoile_4.svg'); }
.LIGNESOMMAIRE p.etoile_5 		{ background-image: url('/icones/SVG_etoile_5.svg'); }
.LIGNESOMMAIRE p.etoile_6 		{ background-image: url('/icones/SVG_etoile_6.svg'); }
.LIGNESOMMAIRE p.etoile_a 		{ background-image: url('/icones/SVG_etoile_a.svg'); }
.LIGNESOMMAIRE p.etoile_b 		{ background-image: url('/icones/SVG_etoile_b.svg'); }
.LIGNESOMMAIRE p.etoile_l 		{ background-image: url('/icones/SVG_etoile_l.svg'); }
.LIGNESOMMAIRE p.etoile_c 		{ background-image: url('/icones/SVG_etoile_c.svg'); }
.LIGNESOMMAIRE p.etoile_s 		{ background-image: url('/icones/SVG_etoile_s.svg'); }
.LIGNESOMMAIRE p.etoile_f 		{ background-image: url('/icones/SVG_etoile_f.svg'); }
.LIGNESOMMAIRE p.etoile_z 		{ background-image: url('/icones/SVG_etoile_z.svg'); }
.LIGNESOMMAIRE p.etoile_n 		{ background-image: url('/icones/SVG_etoile_n.svg'); }

.LIGNESOMMAIRE p.tri_1 			{ background-image: url('/icones/SVG_TRI_1.svg'); }
.LIGNESOMMAIRE p.tri_2 			{ background-image: url('/icones/SVG_TRI_2.svg'); }
.LIGNESOMMAIRE p.tri_3 			{ background-image: url('/icones/SVG_TRI_3.svg'); }
.LIGNESOMMAIRE p.tri_4 			{ background-image: url('/icones/SVG_TRI_4.svg'); }
.LIGNESOMMAIRE p.tri_5 			{ background-image: url('/icones/SVG_TRI_5.svg'); }

.LIGNESOMMAIRE p.tri_auteur	{ background-image: url('/icones/SVG_TRI_portrait.svg'); }
.LIGNESOMMAIRE p.tri_autoui	{ background-image: url('/icones/SVG_TRI_portrait_oui.svg'); }
.LIGNESOMMAIRE p.tri_autnon	{ background-image: url('/icones/SVG_TRI_portrait_non.svg'); }
.LIGNESOMMAIRE p.tri_editeur	{ background-image: url('/icones/SVG_TRI_editeur.svg'); }
.LIGNESOMMAIRE p.tri_liste		{ background-image: url('/icones/SVG_TRI_liste.svg'); }
.LIGNESOMMAIRE p.tri_az			{ background-image: url('/icones/SVG_TRI_az.svg'); }
.LIGNESOMMAIRE p.tri_annee		{ background-image: url('/icones/SVG_TRI_annee.svg'); }
.LIGNESOMMAIRE p.tri_prix		{ background-image: url('/icones/SVG_TRI_prix.svg'); }

.LIGNESOMMAIRE p.objet_bgg 	{ background-image: url('/icones/SVG_FAV_boardgamegeek.svg'); }
.LIGNESOMMAIRE p.objet_wik 	{ background-image: url('/icones/SVG_FAV_wikipedia.svg'); }
.LIGNESOMMAIRE p.objet_lien	{ background-image: url('/icones/SVG_FAV_lien.svg'); }

.LIGNESOMMAIRE .nomlong,
.COUSINAGE .nomlong{
	/* mise en finesses de la précision "nomlong" dans une ligne de titre ou une liste de parenté */
	font-weight:200;
	font-size:80%;
	font-style:italic;
	margin-left:1em;
}

/******************************************************************************************************/


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

                                       ZONE PRINCIPALE monique

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


body {/*monique*/
    margin: 0;
}


#principal,#sommaire, #logo{	/*iframe pas de bordure  monique*/
	border:none;
}


/*----------------------------------------------------------------------------------
                                                                                    
                                       ZONE PRINCIPALE                              
                                                                                    
----------------------------------------------------------------------------------*/


/*--------------------------------
     ZONE PRINCIPALE              
     GENERAL                      
--------------------------------*/

.PAGEPRINCIPALE * {
	font-family: 'Roboto', Verdana, Arial;
	--police-taille-base: .85rem;
	--police-taille-tableaux: .85rem;
	--police-taille-tit5: calc( var(--police-taille-base) - 1pt);
	--police-taille-tit4: var(--police-taille-base);
	--police-taille-tit3: calc( var(--police-taille-base) + 1pt);
	--police-taille-tit2: calc( var(--police-taille-base) + 2pt);
	--police-taille-tit1: calc( var(--police-taille-base) + 3pt);
}

.PAGEPRINCIPALE body {
	font-size: var(--police-taille-base);
	background-color: white;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 0px;
}


.PAGEPRINCIPALE h2,
.PAGEPRINCIPALE h3,
.PAGEPRINCIPALE h4,
.PAGEPRINCIPALE h5 {
	margin-top: 1em;
	margin-bottom: .5em;
	clear: both;
}
.PAGEPRINCIPALE h2.minitop,
.PAGEPRINCIPALE h3.minitop,
.PAGEPRINCIPALE h4.minitop,
.PAGEPRINCIPALE h5.minitop {
	margin-top: .2em;
}

.PAGEPRINCIPALE h1 { font-size: var(--police-taille-tit1); margin: 0; padding: 0; }
.PAGEPRINCIPALE h2 { font-size: var(--police-taille-tit2); }
.PAGEPRINCIPALE h3 { font-size: var(--police-taille-tit3); }
.PAGEPRINCIPALE h4 { font-size: var(--police-taille-tit4); }
.PAGEPRINCIPALE h5 { font-size: var(--police-taille-tit5); }

.PAGEPRINCIPALE a:hover { text-decoration: none; }

.ancre { scroll-margin-top: 77px; }


/*--------------------------------
     ZONE PRINCIPALE              
     DIV CHRONIQUE                
--------------------------------*/

.PAGEPRINCIPALE .chronique { margin: 15px 0 30px 30px; }

/*--------------------------------
     ZONE PRINCIPALE              
     TABLEAUX INFOBULLE           
--------------------------------*/

.PAGEPRINCIPALE table.infobulleverte {
	width: 244px;
	border: none;
	border-spacing: 0; 
	border-radius: 6px;
	background-color: green;
	padding: 5px 0 5px 0;
	margin-bottom: .5em;
	text-align:center;
}
.PAGEPRINCIPALE td.infobulletitre {
	color: white;
	font-weight:bold;
	text-align:center;
}

.PAGEPRINCIPALE table.infobulletexte {
	width: 244px;
	border: none;
	border-spacing: 0; 
	border-radius: 6px;
	background-color: white;
	padding: 5px;
	margin-top: .5em;
	text-align:left;
}
/*--------------------------------
     ZONE PRINCIPALE              
     LIENS                        
--------------------------------*/

.PAGEPRINCIPALE a {
	text-decoration: none;
	font-weight: inherit;
	color: inherit;
	padding-bottom:.07em;
	border-bottom: .1em dotted var(--coul-lien-normal);
}
.PAGEPRINCIPALE a:hover {
	border-bottom:none; background: linear-gradient(to top, var(--coul-lien-normal), transparent);;
}

.PAGEPRINCIPALE a[target="_blank"],
.PAGEPRINCIPALE a.web {
	border-bottom: .1em dotted var(--coul-lien-normal); 
}

.PAGEPRINCIPALE .SIGNATURE a,
.PAGEPRINCIPALE .SIGNATURE a[target="_blank"],
.PAGEPRINCIPALE .SIGNATURE a.web {
	border-bottom: none; 
}
.PAGEPRINCIPALE a[target="_blank"]:hover,
.PAGEPRINCIPALE a.web:hover { 
	border-bottom:none; background: linear-gradient(to top, var(--coul-lien-normal), transparent); 
}

.PAGEPRINCIPALE a.jeuxsoc { border-bottom: .1em dotted var(--coul-lien-local); }
.PAGEPRINCIPALE a.jeuxsoc:hover { border-bottom:none; background: linear-gradient(to top, var(--coul-lien-local), transparent); }
.PAGEPRINCIPALE a.insecable { white-space:nowrap; }

.PAGEPRINCIPALE .SIGNATURE a.jeuxsoc { border-bottom: none; }
.PAGEPRINCIPALE .SIGNATURE a.jeuxsoc:hover { border-bottom:none; background: linear-gradient(to top, var(--coul-lien-local), transparent); }

.PAGEPRINCIPALE a.wikipedia 			{ border-bottom: .1em dotted var(--coul-lien-wiki); }
.PAGEPRINCIPALE a.wikipedia:hover { border-bottom:none; background: linear-gradient(to top, var(--coul-lien-wiki), transparent); }

.PAGEPRINCIPALE a.bgg 			{ border-bottom: .1em dotted var(--coul-lien-bgg); }
.PAGEPRINCIPALE a.bgg:hover { border-bottom:none; background: linear-gradient(to top, var(--coul-lien-bgg), transparent); }

.PAGEPRINCIPALE a.sansdeco,
.PAGEPRINCIPALE a.sansdeco:link,
.PAGEPRINCIPALE a.sansdeco:hover,
.PAGEPRINCIPALE .PASDEDECO a,
.PAGEPRINCIPALE .PASDEDECO a:visited,
.PAGEPRINCIPALE .PASDEDECO a:link,
.PAGEPRINCIPALE .PASDEDECO a:hover {
	text-decoration: none;
	background: none;
	border: none;
}

.PAGEPRINCIPALE a.sanssoulignement,
.PAGEPRINCIPALE a.sanssoulignement:link,
.PAGEPRINCIPALE a.sanssoulignement:hover {
	text-decoration: none;
	border: none;
}

/*--------------------------------
     ZONE PRINCIPALE              
     CORPSDETEXTE                 
--------------------------------*/

.PAGEPRINCIPALE .CORPSDETEXTE {
}

.PAGEPRINCIPALE .CORPSDETEXTE p,
.PAGEPRINCIPALE .CORPSDETEXTE li,
.PAGEPRINCIPALE .CORPSDETEXTE dd,
.PAGEPRINCIPALE .CORPSDETEXTE dt {
	font-size: calc(var(--police-taille-base) + 1pt);
	hyphens: auto;
}
.PAGEPRINCIPALE .CORPSDETEXTE img[align=right] { margin: 0 0 1em 1em; }
.PAGEPRINCIPALE .CORPSDETEXTE img[align=left] { margin: 0 1em 1em 0; }

/*------------------------------------------
      ZONE PRINCIPALE                       
      Listes sans puces mais avec icones    
------------------------------------------*/
																					
.PAGEPRINCIPALE ul.sanspuce { padding-left:2em; list-style:none; }
.PAGEPRINCIPALE img.retraitdroit { padding-right: .75em; }

/*------------------------------------------
      ZONE PRINCIPALE                       
      BANDEAUX ARRONDIS                     
------------------------------------------*/

.PAGEPRINCIPALE * {
	font-family: 'Roboto', Arial, Verdana;
	--police-taille-base: .9rem;
	--police-taille-tableaux: .9rem;
	--police-taille-tit5: calc( var(--police-taille-base) - 1pt);
	--police-taille-tit4: var(--police-taille-base);
	--police-taille-tit3: calc( var(--police-taille-base) + 1pt);
	--police-taille-tit2: calc( var(--police-taille-base) + 2pt);
	--police-taille-tit1: calc( var(--police-taille-base) + 3pt);
}

.PAGEPRINCIPALE h2.titre,
.PAGEPRINCIPALE h2.video,
.PAGEPRINCIPALE h2.edition,
.PAGEPRINCIPALE h2.menuj,
.PAGEPRINCIPALE h2.menur,
.PAGEPRINCIPALE h2.variante,
.PAGEPRINCIPALE h2.fabric,
.PAGEPRINCIPALE h2.info {
	width: calc(420px - 16px);
	_width: 420px;
	padding: 3px 4px 3px 10px;
	border-width: 1px 1px 1.5px 1px;
	border-style: solid;
	color: black;
	border-radius: 6px;	
	border-color: var(--coul-tit-bordure);
}

.PAGEPRINCIPALE h2.edition 	{	background-color: var(--coul-tit-edition); }
.PAGEPRINCIPALE h2.variante	{	background-color: var(--coul-tit-variante); }
.PAGEPRINCIPALE h2.titre		{	background-color: var(--coul-tit-titre); }
.PAGEPRINCIPALE h2.info 		{	background-color: var(--coul-tit-info); }
.PAGEPRINCIPALE h2.fabric 	{	background-color: var(--coul-tit-fabric); }
.PAGEPRINCIPALE h2.video		{	background-color: var(--coul-tit-video); }
.PAGEPRINCIPALE h2.menuj		{	background-color: var(--coul-tit-menuj); }
.PAGEPRINCIPALE h2.menur		{	background-color: var(--coul-tit-menur); }

.PAGEPRINCIPALE h2.mince		{	width: 378px; }

.PAGEPRINCIPALE h3.titrevertjaune, 
.PAGEPRINCIPALE h3.titrevertpale, 
.PAGEPRINCIPALE h3.titrevertclair, 
.PAGEPRINCIPALE h3.titrevertfonce, 
.PAGEPRINCIPALE h3.titrenoir, 
.PAGEPRINCIPALE h5.titresignets,
.PAGEPRINCIPALE h3.titretexteediteur {
	width: calc(420px - 4px - 10px);
	_width: 420px;
	padding: 3px 4px 3px 10px;
	margin-bottom: 0;
	border-radius: 6px 6px 0 0;
}
.PAGEPRINCIPALE h3.radiuscomplet {
	border-radius: 6px;
}
.PAGEPRINCIPALE h3.titrevertjaune, 
.PAGEPRINCIPALE h3.titrevertpale, 
.PAGEPRINCIPALE h3.titrevertclair, 
.PAGEPRINCIPALE h5.titresignets {
	color: black;
}
.PAGEPRINCIPALE h5.titresignets {
	border-radius: 6px;
}
.PAGEPRINCIPALE h3.titrevertfonce, 
.PAGEPRINCIPALE h3.titrenoir,
.PAGEPRINCIPALE h3.titretexteediteur {
	color: white;
}
.PAGEPRINCIPALE h3.titretexteediteur {
	padding: 1px 4px 1px 10px;
	font-style:italic;
	font-weight:normal;
	background-color: var(--coul-jaun5)
}
.PAGEPRINCIPALE h3.titretexteediteur::before {
	content: "Présentation par l'éditeur";
}


.PAGEPRINCIPALE div.fondedition, 
.PAGEPRINCIPALE div.fondvertjaune, 
.PAGEPRINCIPALE div.fondvertpale, 
.PAGEPRINCIPALE div.fondvertclair, 
.PAGEPRINCIPALE div.fondvertfonce, 
.PAGEPRINCIPALE div.fondnoir {
	width: 408px;
	_width: 420px;
	border-width: 2px;
	border-style: solid;
	margin: 0 0 6px 0;
	padding: 0 4px 0 4px;
	border-radius: 0 0 6px 6px;
}

.PAGEPRINCIPALE div.fondtexteediteur {
	width: 390px;
	_width: 420px;
	border-width: 3px;
	border-style: solid;
	margin: 0 0 6px 0;
	padding: 0 13px 0 13px;
	border-radius: 0 0 6px 6px;
	border-color: var(--coul-jaun5); padding-top:0; padding-bottom:.5em; display:table-cell;
}

.PAGEPRINCIPALE div.interieurboite {
	transform: scale(-0.5,-0.5);
}

.PAGEPRINCIPALE div.fondedition { 
	/* pour mettre une bordure sur les boites dépliantes */
	border-top: none;
	border-color: var(--coul-tit-edition); padding: 4px; 
	margin-top:-12px;
	z-index:500;
}

.PAGEPRINCIPALE div.fondedition p,
.PAGEPRINCIPALE div.fondedition h2,
.PAGEPRINCIPALE div.fondedition h3 { 
	padding: 0 .8em;
}
.PAGEPRINCIPALE div.fondedition ol,
.PAGEPRINCIPALE div.fondedition ul { 
	padding: 0 .8em 0 2em;
}

.PAGEPRINCIPALE div.baseboite { 
	/* pour accueillir le moins en bas des boites dépliantes */
	height: 22px; 
	line-height: 22px; 
	margin-bottom: -2px; 
	border-radius: 0 0 5px 5px;
}


.PAGEPRINCIPALE h3.titrevertjaune { background-color: var(--coul-jaun5); }
.PAGEPRINCIPALE div.fondvertjaune { border-color: var(--coul-jaun5); padding-top:.8em; padding-bottom:.6em; display:table-cell; }

.PAGEPRINCIPALE h3.titrevertpale { background-color: var(--coul-vert1); }
.PAGEPRINCIPALE div.fondvertpale { border-color: var(--coul-vert1); }

.PAGEPRINCIPALE h3.titrevertclair { background-color: var(--coul-vert5); }
.PAGEPRINCIPALE div.fondvertclair { border-color: var(--coul-vert5); padding: 4px; }

.PAGEPRINCIPALE h3.titrevertfonce { background-color: var(--coul-vert7); font-style:italic; }
.PAGEPRINCIPALE div.fondvertfonce { border-color: var(--coul-vert7); padding: 4px; }

.PAGEPRINCIPALE h3.titrenoir { background-color:#333; }
.PAGEPRINCIPALE div.fondnoir { border-color: #333; padding: 4px; }

.PAGEPRINCIPALE h5.titresignets {
	text-align:center;
	font-style:normal;
	font-weight:normal;
	background-color: #DDD;
	margin: 5px 0 5px 0;
}

.PAGEPRINCIPALE #TITRE_SELECTION {
	/* sous-titres dans les sélections */
	background: var(--coul-vert3);
	color : black;
	font-weight: bold;
	padding : 3px;
	text-align : center;
	margin: 2px;
	border-radius: 3px;
}

.PAGEPRINCIPALE .TableauInterne {
	/* police plus petite */
	font-size: var(--police-taille-tableaux);
}

.PAGEPRINCIPALE .TableauInterne td {
	text-align:left;
	vertical-align:top;
}

.PAGEPRINCIPALE input[list="MultiCritere"],
.PAGEPRINCIPALE input[list="JeuxDeLaBase"] {
	border: 1px solid #ffcc00;
	background: #f0ffcf;
	font-size: 100%;
	padding: 2px 5px;
	margin-bottom:3px;
	width: 360px;
}
.PAGEPRINCIPALE input[list="JeuxDeLaBase"] {
	width: 260px;
}
.PAGEPRINCIPALE .champ410 {
	/* ne fonctionne pas avec le select */
	width:410px;
	_width:410px;
	min-width:410px;
}
.PAGEPRINCIPALE .champ360 {
	/* ne fonctionne pas avec le select */
	width:360px;
	_width:360px;
	min-width:360px;
}
.PAGEPRINCIPALE .champ260{
	/* ne fonctionne pas avec le select */
	width:260px;
	_width:260px;
	min-width:260px;
}
.PAGEPRINCIPALE .champ100{
	/* ne fonctionne pas avec le select */
	width:100px;
	_width:100px;
	min-width:100px;
}

.PAGEPRINCIPALE .100p100 {
	font-size:100%;
}

.PAGEPRINCIPALE input[list="MultiCritere"]::placeholder,
.PAGEPRINCIPALE input[list="JeuxDeLaBase"]::placeholder,
.PAGEPRINCIPALE #formulairemulti #titre_jeu::placeholder,
.PAGEPRINCIPALE #formulairemulti #memo_jeu::placeholder {
	font-style: italic;
	color: #91a368;
	font-size:90%;
}

.PAGEPRINCIPALE #formulairemulti #titre_jeu,
.PAGEPRINCIPALE #formulairemulti #memo_jeu {
	font-size: 100%;
	width: 360px;
	_width: 360px;
}

/*-----------------------------------------
      ZONE PRINCIPALE                      
      BOUTONS DU PAVÉ ESCALE À JEUX        
-----------------------------------------*/

.PAGEPRINCIPALE .bouton_menueaj a {
	display:block;
	width:193px;
	height:20px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient( var(--coul-jaun3), var(--coul-jaun4) );
	border-radius: 6px;
	color:black;
	text-decoration:none;
	float:left;
	margin:1px 4px 4px 5px;
	overflow: hidden;
  text-overflow: ellipsis;
	text-overflow-ellipsis: '…';
}
.PAGEPRINCIPALE a.bouton_EAJMENU {
	display:block;
	width:193px;
	height:20px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient( var(--coul-jaun3), var(--coul-jaun4) );
	border-radius: 6px;
	color:black;
	text-decoration:none;
	float:left;
	margin:1px 4px 4px 5px;
	overflow: hidden;
  text-overflow: ellipsis;
	text-overflow-ellipsis: '…';
}

.PAGEPRINCIPALE a.bouton_EAJSIGNATURE {
	width:205px;
	height:24px;
	line-height:24px;
	font-family:'Roboto Condensed';
	text-align:left;
	vertical-align:middle;
	padding-left: .3em;
	margin:1px 0 4px 0;
}

.PAGEPRINCIPALE a.bouton_EAJMENU:hover {
	background: linear-gradient( var(--coul-jaun4), var(--coul-jaun5) );
}
.PAGEPRINCIPALE a.bouton_EAJMENU:active {
	background: linear-gradient( var(--coul-jaun4), var(--coul-jaun5) );
	box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

/*-----------------------------------------
      ZONE PRINCIPALE                      
      CALENDRIER                           
-----------------------------------------*/

.PAGEPRINCIPALE td.calendrier_jour,
.PAGEPRINCIPALE td.calendrier_jour_02,
.PAGEPRINCIPALE td.calendrier_jour_03,
.PAGEPRINCIPALE td.calendrier_jour_10 {
	width:48px;
	text-align:center;
	vertical-align:middle;
	font-size: var(--police-taille-tit1);
	text-shadow: -0.03em -0.03em 0.1em white, 0.03em 0.03em 0.1em #333;
}
.PAGEPRINCIPALE td.calendrier_legende {
	width:42px;
	text-align:center;
	vertical-align:middle;
}
.PAGEPRINCIPALE td.calendrier_borddroit {
	width:4px;
}
.PAGEPRINCIPALE td.calendrier_fondjaune{
	background-color:#FFCC00;
}

.PAGEPRINCIPALE td.calendrier_jour {
	height:24px;
	font-size: var(--police-taille-tit1);
	background-color:#FFCC00;
	vertical-align:top;
}

.PAGEPRINCIPALE td.calendrier_jour_02 { height:11px; }
.PAGEPRINCIPALE td.calendrier_jour_03 { height:13px; }
.PAGEPRINCIPALE td.calendrier_jour_10 { height:36px; }

.PAGEPRINCIPALE td.calendrier_mois {
	text-align: center;
	font-style:italic;
	font-weight:bold;
	vertical-align:bottom;
	height:24px;
	font-size: var(--police-taille-tit1);
	background-color:#FFCC00;
	border-radius: 20px 20px 0 0;
}

.PAGEPRINCIPALE td.calendrier_sepa {
	height:7px;
}

.PAGEPRINCIPALE .zonecal40 {
	background-color: white;
	width:32px;
	font-family:'Roboto Condensed';
	border: 1px solid grey;
}

.PAGEPRINCIPALE .zonefondcal {
	background-color: white;
	width:64px;
	font-family:'Roboto Condensed';
	border: 1px solid grey;
}

.PAGEPRINCIPALE .zonecal450 {
	background-color: white;
	width:244px;
	font-family:'Roboto Condensed';
	border: 1px solid grey;
}

.PAGEPRINCIPALE .zonecalweekend {
	background-color: #FC6;
}

.PAGEPRINCIPALE .zonecalmois {
	background-color: #F6A;
	width:64px;
	font-family:'Roboto Condensed';
	border: 1px solid grey;
}

/*-----------------------------------------
      ZONE PRINCIPALE                      
      bazar divers                         
-----------------------------------------*/


.PAGEPRINCIPALE table.jeu {
	width: 420px;
	border: 0px;
}

.PAGEPRINCIPALE table.jeu_modif {
	width: 880px;
	border: 0px;
}
.PAGEPRINCIPALE tr.MASQUE, 
.PAGEPRINCIPALE td.MASQUE {
	display:none;
}
.PAGEPRINCIPALE tr.MASQUE td {
	background-color:#E8CDF5;
}
.PAGEPRINCIPALE td.tit {
	height: 90px;
	vertical-align: top;
}
.PAGEPRINCIPALE td.tit img {
	vertical-align: text-top;
	border: 0px;
}

.PAGEPRINCIPALE p.legendeimage {
	text-align:center;
	font-style:italic;
	font-size:.9em;
}


/************************************************/
/*    Tableau tableauFH et myTable  (listes)    */
/************************************************/

.PAGEPRINCIPALE #tableauFH {
	margin-left:-30px;
	margin-top:30px;
}
.PAGEPRINCIPALE #tableauFH table.jeu {
	margin-left:28px;
}
.PAGEPRINCIPALE #myTable * {
	font-family:'Roboto Condensed';
}

/************************************************/
/*    libelles et valeurs de debut_chronique    */
/************************************************/

.PAGEPRINCIPALE tr.rupture5 { height:5px; }
.PAGEPRINCIPALE tr.rupture3 { height:3px; }

.PAGEPRINCIPALE td.lib, 
.PAGEPRINCIPALE td.lib_auteur,
.PAGEPRINCIPALE td.lib_officiel, 
.PAGEPRINCIPALE td.lib_ressource, 
.PAGEPRINCIPALE td.lib_prix,
.PAGEPRINCIPALE td.lib_petit {
	font-family: 'Roboto Condensed', Verdana, Arial;
	font-weight:300;
	width: 157px;		/* FH 20241019 ancienne valeur 177 */
	color: black;
	padding-top:0.2em;
	padding-bottom:0.2em;
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
	border-width: 1px 0 1px 1px;
	border-style: solid none solid solid;
	border-radius: 6px 0 0 6px;
}
.PAGEPRINCIPALE td.lib_petit {
	width: 120px;
}
.PAGEPRINCIPALE td.val,
.PAGEPRINCIPALE td.val_auteur, 
.PAGEPRINCIPALE td.val_officiel,
.PAGEPRINCIPALE td.val_ressource,
.PAGEPRINCIPALE td.val_prix,
.PAGEPRINCIPALE td.val_grand {
	font-weight:400;
	width: 258px;		/* FH 20241019 ancienne valeur 177 */
	padding-top:0.2em;
	padding-bottom:0.2em;
	text-align: left;
	vertical-align: top;
	border-width: 1px 1px 1px 0;
	border-style: solid solid solid none;
	border-radius: 0 6px 6px 0;
}
.PAGEPRINCIPALE td.val_grand {
	width: 300px;
}
.PAGEPRINCIPALE td.lib, 
.PAGEPRINCIPALE td.val {
	border-style: none;
}

.PAGEPRINCIPALE td.lib_prix,
.PAGEPRINCIPALE td.val_prix {
	background-color: #FFFFDF;
	border-color: #FBE2AA #C58714 #C58714 #FBE2AA;
}
.PAGEPRINCIPALE td.lib_officiel,
.PAGEPRINCIPALE td.val_officiel {
	background-color: #BAD7B3;
	border-color: #ADCFD1 #006666 #006666 #ADCFD1;
}
.PAGEPRINCIPALE td.lib_ressource,
.PAGEPRINCIPALE td.val_ressource {
	background-color: var(--coul-vert0);
	border-color: #CBE4D7 #339966 #339966 #CBE4D7 ;
}
.PAGEPRINCIPALE td.lib_auteur,
.PAGEPRINCIPALE td.val_auteur {
	background-color: #FAEAA9;
	border-color: #FBE2AA #C58714 #C58714 #FBE2AA;
}


/***************************************/



.PAGEPRINCIPALE td.lib_a {
	background: #FFEAFF;
	border-top:1px solid #FBE2AA;
	border-bottom:1px solid #C58714;
	border-left:1px solid #C58714;
	width: 126px;
	color: rgb(64,64,64);
	text-align: right;
	vertical-align: top;
	color: #000000;
	padding: 0.4em 10px 0.2em 3px;
	margin-right: 10px;
}
.PAGEPRINCIPALE td.lib_a2 {
	background: #CC99FF;
	border-top:1px solid #FBE2AA;
	border-bottom:1px solid #C58714;
	border-left:1px solid #C58714;
	width: 126px;
	color: rgb(64,64,64);
	text-align: right;
	vertical-align: top;
	color: #000000;
	padding: 0.4em 10px 0.2em 3px;
	margin-right: 10px;
}
.PAGEPRINCIPALE td.val_a {
	background: #FFEAFF;
	border-top:1px solid #FBE2AA;
	border-bottom:1px solid #C58714;
	width: 420px;
	text-align: left;
	vertical-align: top;
	border-right:1px solid #FBE2AA;
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 0.2em;
}
.PAGEPRINCIPALE td.val_a2 {
	background: #CC99FF;
	border-top:1px solid #FBE2AA;
	border-bottom:1px solid #C58714;
	width: 420px;
	text-align: left;
	vertical-align: top;
	border-right:1px solid #FBE2AA;
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 0.2em;
}
.PAGEPRINCIPALE td.val_adroite {
	text-align:right;
}

.PAGEPRINCIPALE td.padplus {
	padding-top: .15em;
}
.PAGEPRINCIPALE td.largeurlibre {
	width: auto;
}
.PAGEPRINCIPALE td.voi {
	width: 240px;
	text-align: left;
}
.PAGEPRINCIPALE td.txt {
	text-align: justify;
	vertical-align: top;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
}
.PAGEPRINCIPALE td.txt p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
.PAGEPRINCIPALE td.txt ul, 
.PAGEPRINCIPALE td.txt ol {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0em;
	margin-bottom: 0;
}

/*------------------------------------------
      ZONE PRINCIPALE                       
      Listes à puces sans retrait           
------------------------------------------*/
																					
.PAGEPRINCIPALE td.txt ul.sansretrait {
	margin-top: -.75em;
	padding-left:1.5em;
}

.PAGEPRINCIPALE td.txt a {
	font-weight:500;
}

.PAGEPRINCIPALE .monbloc {
    display: inline-block;
    width: 210px;
    border: 0;
    vertical-align: top;
}
.PAGEPRINCIPALE div.monbloc100 {
    display: inline-block;
    width: 110px;
    border: 0;
    vertical-align: top;
}
.PAGEPRINCIPALE div.monbloc420 {
    display: inline-block;
    width: 420px;
    border: 0;
    vertical-align: top;
}


/*********   OVER    **********/

.PAGEPRINCIPALE p.over_logo {
	background:#FFFFFF;
	border: 0;
	text-align: left;
	margin: 0 0 3px 0;
	padding: 0;
}
.PAGEPRINCIPALE div.over_auteur,
.PAGEPRINCIPALE div.over_lien {
	width: 236px;
	text-align: left;
	margin: 0px;
	padding: 0.2em 3px 0.2em 3px;
}
.PAGEPRINCIPALE div.over_auteur {
	background: #FDF4D0;
	border-top:1px solid #FBE2AA;
	border-bottom:1px solid #C58714;
	border-right:1px solid #FBE2AA;
	border-left:1px solid #C58714;
}
.PAGEPRINCIPALE div.over_lien {
	background: #D6FDC8;
	border-top:1px solid #BFF99D;
	border-right:1px solid #BFF99D;
	border-bottom:1px solid #690;
	border-left:1px solid #690;
	margin-top: 6px;
}
.PAGEPRINCIPALE div.over_auteur p, 
.PAGEPRINCIPALE div.over_lien p, 
.PAGEPRINCIPALE div.over_center table, 
.PAGEPRINCIPALE table.over_center p {
	margin: 0px;
	padding: 0px;
}
.PAGEPRINCIPALE p.over_center, 
.PAGEPRINCIPALE div.over_center, 
.PAGEPRINCIPALE table.over_center {
	text-align: center;
	margin: 1px;
	padding: 0.2em 3px 0.2em 3px;
}
.PAGEPRINCIPALE p.over_left {
	text-align: left;
	margin: 1px;
	padding: 0.2em 3px 0.2em 3px;
}
.PAGEPRINCIPALE div.hautbasdemiligne {
	margin: 0.5em 0 0.5em 0;
}
/*********   FIN OVER    **********/

.PAGEPRINCIPALE td.txt img {
	border: 0px;
}

/*---------------------------------------------------------*/
/*                        ANCRES                           */
/*---------------------------------------------------------*/


/*-------------------------- DIV -----------------------*/

.PAGEPRINCIPALE span.erreur404 {
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFF33;
}
.PAGEPRINCIPALE span.rouge,
.PAGEPRINCIPALE span.rougegras {
	color: #CC0000;
}
.PAGEPRINCIPALE span.rougegras {
	font-weight:bold;
}
.PAGEPRINCIPALE span.carte {				/* Utilisé pour dessiner des cartes dans les présentation */
	font-weight: bold;
	padding: 3px;
	font-family: "Courier New", Courier, monospace;
	font-size: 150%;
	line-height: normal;
	border-top: thin solid #D4D4D4;
	border-right: thin solid #D4D4D4;
	border-bottom: thin solid #999999;
	border-left: thin solid #999999;
	border-radius: 4px;
	display: inline-block;
	background-color:#FFB;
	margin: 1px;
}
.PAGEPRINCIPALE div.cartes, 
.PAGEPRINCIPALE p.cartes {
	display:block;
	margin-bottom:5px;
	margin-top:5px;
}
.PAGEPRINCIPALE .gras_bleu, 
.PAGEPRINCIPALE .gras_roug, 
.PAGEPRINCIPALE .gras_vert, 
.PAGEPRINCIPALE .gras_noir {
	font-weight: bold;
	font-size: large;
}
.PAGEPRINCIPALE .gras_bleu { color: #0000CC; }
.PAGEPRINCIPALE .gras_roug { color: #CC0000; }
.PAGEPRINCIPALE .gras_vert { color: #339900; }
.PAGEPRINCIPALE .gras_noir { color: #000000; }

.PAGEPRINCIPALE .couleur_pale { color: #666; }

.PAGEPRINCIPALE td.grise {
	background: #CCCCCC;
}
.PAGEPRINCIPALE td.grise2 {
	background: #EEEEEE;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 6px;
}
.PAGEPRINCIPALE td.grise3 {
	background:#CCC;
	padding: 3px;
	font-size: 100%;
	text-align: center;
}
.PAGEPRINCIPALE td.blanche2 {
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 6px;
}

.PAGEPRINCIPALE td.jaunefond { background-color: #FFFFEE; }
.PAGEPRINCIPALE td.orangefond { background-color: #FDE293; }
.PAGEPRINCIPALE td.dorefond { background-color:#FFCC33;; }
.PAGEPRINCIPALE td.jaunefond,
.PAGEPRINCIPALE td.orangefond, 
.PAGEPRINCIPALE td.dorefond { padding: 0 .5em .5em .5em; }
.PAGEPRINCIPALE td.jaunehaut,
.PAGEPRINCIPALE td.jaunecomplet { border-top: medium solid #FFCC00;; }
.PAGEPRINCIPALE td.jaunegauche,
.PAGEPRINCIPALE td.jaunecomplet {border-left: medium solid #FFCC00;; }
.PAGEPRINCIPALE td.jaunebas,
.PAGEPRINCIPALE td.jaunecomplet { border-bottom: medium solid #FFCC00;; }
.PAGEPRINCIPALE td.jaunedroit,
.PAGEPRINCIPALE td.jaunecomplet { border-right: medium solid #FFCC00;; }


.PAGEPRINCIPALE td.et0, 
.PAGEPRINCIPALE td.etdroit0, 
.PAGEPRINCIPALE td.etgauch0, 
.PAGEPRINCIPALE td.et, 
.PAGEPRINCIPALE td.et2, 
.PAGEPRINCIPALE td.etdroit, 
.PAGEPRINCIPALE td.etdroit2, 
.PAGEPRINCIPALE td.etdroitb, 
.PAGEPRINCIPALE td.etgauch, 
.PAGEPRINCIPALE td.etgauch2, 
.PAGEPRINCIPALE td.etgauchb, 
.PAGEPRINCIPALE td.etdouble0, 
.PAGEPRINCIPALE td.etdoubleb {
	background: #FFFFEE;
}
.PAGEPRINCIPALE td.et, 
.PAGEPRINCIPALE td.et2, 
.PAGEPRINCIPALE td.etdroit, 
.PAGEPRINCIPALE td.etdroit2, 
.PAGEPRINCIPALE td.etgauch, 
.PAGEPRINCIPALE td.etgauch2 {
	border-top: medium solid #FFCC00;
}
.PAGEPRINCIPALE td.et2, 
.PAGEPRINCIPALE td.etdroit2, 
.PAGEPRINCIPALE td.etgauch2, 
.PAGEPRINCIPALE td.etdroitb, 
.PAGEPRINCIPALE td.etgauchb, 
.PAGEPRINCIPALE td.etdoubleb {
	border-bottom: medium solid #FFCC00;
}
.PAGEPRINCIPALE td.etdroit, 
.PAGEPRINCIPALE td.etdroit0, 
.PAGEPRINCIPALE td.etdroit2, 
.PAGEPRINCIPALE td.etdroitb, 
.PAGEPRINCIPALE td.etdouble0, 
.PAGEPRINCIPALE td.etdoubleb {
	border-right: medium solid #FFCC00;
}
.PAGEPRINCIPALE td.etgauch, 
.PAGEPRINCIPALE td.etgauch0, 
.PAGEPRINCIPALE td.etgauch2, 
.PAGEPRINCIPALE td.etgauchb, 
.PAGEPRINCIPALE td.etdouble0, 
.PAGEPRINCIPALE td.etdoubleb {
	border-left: medium solid #FFCC00;
}
.PAGEPRINCIPALE td.cellule_fond_vert {
	background-color: #33CC00;
	height: 32px;
	width: 32px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #990000;
}
.PAGEPRINCIPALE td.noirbd {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

/* FORMULAIRE */

.PAGEPRINCIPALE .zoneform {
	color : navy;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: thin solid #FF3399;
	margin-bottom:3px;
}
.PAGEPRINCIPALE .zoneformmini {
	font-size: 9px;
}
.PAGEPRINCIPALE .zoneformO {
	color : navy;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #FC3;
	margin-bottom:3px;
	font-size: 95%;
}
.PAGEPRINCIPALE .zoneform11 {
	color : #000;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-bottom:0px;
	border: 1px inset #999;
}
.PAGEPRINCIPALE .zonemembreta {
	width:96%;
	background-color: white;
	font-size:11px;
	border: 1px solid #999;
}
.PAGEPRINCIPALE .zonecorrection {
	width:96%;
	background-color: #FCF;
	font-size:11px;
	padding:2px;
	border: 1px solid #999;
}
.PAGEPRINCIPALE .zonemembreij1 {
	background-color: white;
	font-size:11px;
	width:52px;
	border: 1px solid #999;
	padding: 0 3px 0 3px;
}
.PAGEPRINCIPALE .zonemembreij2 {
	background-color:#DDD;
	font-size:11px;
	width:140px;
	border: 1px solid #999;
	padding: 0 3px 0 3px;
}
.PAGEPRINCIPALE .zonemembreiv2 {
	background-color: white;
	font-size:11px;
	width:140px;
	border: 1px solid #999;
	padding: 0 3px 0 3px;
}

.PAGEPRINCIPALE .RobotoCondensed {		/* pour les zones de saisies particulièrement longues */
	font-family: 'Roboto Condensed';
	font-size: 85%;
}
.PAGEPRINCIPALE .RobotoCondensed95 {		/* pour les zones de saisies particulièrement longues */
	font-family: 'Roboto Condensed';
	font-size: 95%;
}
.PAGEPRINCIPALE .RobotoCondensed100 {		/* pour les zones de saisies particulièrement longues */
	font-family: 'Roboto Condensed';
}

.PAGEPRINCIPALE .SairaCondensed,
.PAGEPRINCIPALE .SairaCondensed * {		/* pour les zones de saisies particulièrement longues */
	font-family: 'Saira Extra Condensed';
	font-weight:300;
}

.PAGEPRINCIPALE .jolibouton_rouge,
.PAGEPRINCIPALE .jolibouton_vert,
.PAGEPRINCIPALE .jolibouton_gris,
.PAGEPRINCIPALE .jolibouton_fonce {
    border: none;
    line-height: 1.6em;
    padding: 0 1em;
    font-size: 1em;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: .6em;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}
.PAGEPRINCIPALE .jolibouton_principal {
    line-height: 2em;
    font-size: 1.4em;
}
.PAGEPRINCIPALE .jolibouton_vert {
    background-color: rgba(0, 220, 0, 1);
}
.PAGEPRINCIPALE .jolibouton_fonce{
    background-color: rgba(120, 120, 120, 1);
}
.PAGEPRINCIPALE .jolibouton_gris {
    background-color: rgba(220, 220, 220, 1);
    color: #000;
    text-shadow: none;
}
.PAGEPRINCIPALE .jolibouton_rouge:hover {
    background-color: rgba(255, 0, 0, 1);
}
.PAGEPRINCIPALE .jolibouton_vert:hover {
    background-color: rgba(0, 255, 0, 1);
}
.PAGEPRINCIPALE .jolibouton_fonce:hover {
    background-color: rgba(155, 155, 155, 1);
}
.PAGEPRINCIPALE .jolibouton_gris:hover {
    background-color: rgba(196, 196, 196, 1);
}

.PAGEPRINCIPALE .jolibouton_rouge:active,
.PAGEPRINCIPALE .jolibouton_vert:active,
.PAGEPRINCIPALE .jolibouton_gris:active,
.PAGEPRINCIPALE .jolibouton_fonce:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

.PAGEPRINCIPALE .jolibouton_rouge:focus,
.PAGEPRINCIPALE .jolibouton_vert:focus,
.PAGEPRINCIPALE .jolibouton_gris:focus,
.PAGEPRINCIPALE .jolibouton_fonce:focus,
.PAGEPRINCIPALE .jolibouton_principal:focus {
    outline-width: 0;;
}


/* Le div a scroller */

.PAGEPRINCIPALE input.quoidoncok2 {
	background-color: #B5DEAA;
	color: #000000;
	font-size:smaller;
	font-weight: normal;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0;
	border-color: #006600;
	margin: 0 0 4px 0;
	padding: 1px 4px 1px 4px;
	border-radius: 3px;
}

/*-----------------------------------------
      ZONE PRINCIPALE                      
      Tarifs de location                   
-----------------------------------------*/

.PAGEPRINCIPALE .tarifECO { background-color: var(--coul-moduleECO); text-align:center; color: black; font-family:'Roboto Condensed';}
.PAGEPRINCIPALE .tarifBAS { background-color: var(--coul-moduleBAS); text-align:center; color: black; font-family:'Roboto Condensed'; }
.PAGEPRINCIPALE .tarifMOY { background-color: var(--coul-moduleMOY); text-align:center; color: black; font-family:'Roboto Condensed'; }
.PAGEPRINCIPALE .tarifHAU { background-color: var(--coul-moduleHAU); text-align:center; color: white; font-family:'Roboto Condensed'; }
.PAGEPRINCIPALE .tarifEXT { background-color: var(--coul-moduleEXT); text-align:center; color: white; font-family:'Roboto Condensed'; }
.PAGEPRINCIPALE .tarifSPE { background-color: var(--coul-moduleSPE); text-align:center; color: white; font-family:'Roboto Condensed'; }

.PAGEPRINCIPALE .legendeECO { background-color: var(--coul-moduleECO); padding:0 4px; color: black; }
.PAGEPRINCIPALE .legendeBAS { background-color: var(--coul-moduleBAS); padding:0 4px; color: black; }
.PAGEPRINCIPALE .legendeMOY { background-color: var(--coul-moduleMOY); padding:0 4px; color: black; }
.PAGEPRINCIPALE .legendeHAU { background-color: var(--coul-moduleHAU); padding:0 4px; color: white; }
.PAGEPRINCIPALE .legendeEXT { background-color: var(--coul-moduleEXT); padding:0 4px; color: white; }
.PAGEPRINCIPALE .legendeRES { background-color: var(--coul-moduleRES); padding:0 4px; color: black; }

.PAGEPRINCIPALE .casetarif {
	font-size: 95%;
	font-family:'Roboto Condensed';
	vertical-align:middle;
	text-align:center;
	background-color: white;
}

/*-----------------------------------------
      ZONE PRINCIPALE                      
      formulaire de réseravation           
-----------------------------------------*/

.PAGEPRINCIPALE #formresa .libresa {
	font-family:'Roboto Condensed';
	font-weight:600;
}

.PAGEPRINCIPALE #formresa .resalarge,
.PAGEPRINCIPALE #formresa .resalarge {
	width: 280px;
}

.PAGEPRINCIPALE #formresa .resacourt {
	width: 180px;
}
.PAGEPRINCIPALE #formresa .resadate {
	width: 120px;
}








/* SCIENCE ET VIE */

.SCIENCEETVIE {
	/* police plus petite */
	font-size: var(--police-taille-tableaux);
}


.SCIENCEETVIE h1 {
	font-size: 14pt;
	text-align: center;
}
.SCIENCEETVIE h1.gauche {
	text-align: left;
}
.SCIENCEETVIE h2.sev {
	font-size: 8pt;
	/*	width: 527px; */
	width: 406px;
	background-color: #DBDBDB;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 0;
	border-left: 1px solid #CCCCCC;
	margin-bottom: 0em;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.SCIENCEETVIE p, .SCIENCEETVIE td, .SCIENCEETVIE ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.SCIENCEETVIE p.photo {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}
.SCIENCEETVIE p.i, .SCIENCEETVIE td.i, .SCIENCEETVIE li.i {
	font-style: italic
}
.SCIENCEETVIE p.j {
	text-align: justify;
	margin-top: 4px
}
.SCIENCEETVIE ul.zero {
	margin-left: -14px;
}
.SCIENCEETVIE a {
	text-decoration: none;
}
.SCIENCEETVIE table {
	font-size: 8.5pt;
	width: 420px;
	border: 0px;
}
.SCIENCEETVIE table table {
	font-size: var(--police-taille-tableaux);
	width: auto;
	border: 0px;
}
.SCIENCEETVIE table table td {
	width: 196;
}
.SCIENCEETVIE table table table td {
	width: auto;
}
.SCIENCEETVIE table.jeu {
	font-size: var(--police-taille-tableaux);
	width: 420px;
	border: 0px;
}
.SCIENCEETVIE table.jeu tr, .SCIENCEETVIE table.jeu td, .SCIENCEETVIE table.jeu p, .SCIENCEETVIE table.jeu a {
	margin: 0px;
	padding: 0px;
	font-size: var(--police-taille-tableaux);
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0
}
.SCIENCEETVIE table.hasard {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 10px;
	width: 200px;
}
.SCIENCEETVIE tr.MASQUE, .SCIENCEETVIE td.MASQUE {
	display:none;
}
.SCIENCEETVIE tr.MASQUE td {
	background-color:#E8CDF5;
}
.SCIENCEETVIE p.photo img {
	width:190px;
	height:auto;
}

/******************************/
/* ANCIEN STYLE t****sorter   */
/* NOUVEAU STYLE maptitetable */
/******************************/

table.maptitetable {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: auto;
	text-align: left;
}
table.maptitetable thead tr th,
table.maptitetable tfoot tr th {
	background-color: #C2E9A9;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.maptitetable thead tr .header {
	background-image: url(bg_05.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	cursor: pointer;
}
table.maptitetable tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.maptitetable thead tr .headerSortUp {
	background-image: url(asc_05.gif);
}
table.maptitetable thead tr .headerSortDown {
	background-image: url(desc_05.gif);
}
table.maptitetable thead tr .headerSortDown,
table.maptitetable thead tr .headerSortUp {
	background-color: #8dbdd8;
}

/*****************************/
/*  JQUERY EZPZ  (INFOBULLE  */
/*****************************/

.PAGEPRINCIPALE .tooltip-content, 
.PAGEPRINCIPALE .annee-content, 
.PAGEPRINCIPALE .auteur-content, 
.PAGEPRINCIPALE .editeur-content, 
.PAGEPRINCIPALE .collection-content, 
.PAGEPRINCIPALE .tri-content, 
.PAGEPRINCIPALE .prix-content {
	display: none;        /* required */
	position: absolute;   /* required */
	margin-left: -100px;
	font-size: inherit;
	padding: 4px;
	background-color: white;
	z-index: 2000;
	border: 1px solid green;
	border-radius: 10px;
	
}

/*  FIN JQUERY EZPZ  */


/*****************************/
/*  IMPRESSION               */
/*****************************/

h2.liaison,
h3.liaison {
	  break-after: avoid-column;
  /* Pour Firefox : */
  page-break-after: avoid;
  /* Pour WebKit : */
  -webkit-column-break-after: avoid;
	margin-top:0;
}

@media print {
  /* les styles d'impression commencent ici */
	.PAGEPRINCIPALE a.jeuxsoc { border-bottom: none; }
}