/* ATTENTION : NE PAS METTRE D'ACCENTS MEME DANS LES COMMENTAIRES A CAUSE DE IE6 */
/* MAPPAGE */
	/* NOTA1 : map-mainmenu est en id, car "#map-mainmenu input:checked ~ ul#aire-navigation" ne fonctionne pas en class, et donc creation map-ersatz 
	/* NOTA2 : il y a un .map-mainmenu et un .map-entete specifiques pour IE6 dans styleSetup() */
	#map-mainmenu { position: fixed; width:100%; top: 0; left: 0; margin:0; padding:0; z-index:9999; background-color:#FFFFFF; }
	.map-entete, .map-sousmenu, .map-bandeau, .map-contenu { position:relative; margin:0; /*margin-top: 3em;*/ /*width:auto;*/ }
	.map-entete { padding:.4em 0; z-index:110; }
	.map-sousmenu { padding:.2em ; background-color:#CECECE; z-index:9998;/* etain oxyde */ }
	.map-contenu { padding:0; }
	.map-bandeau { padding:.2em; }
	/* Menu ersatz, permet de garder la position du menu quelque soit la taille de la fenetre, puisque l'appel du menu est fait en fin de page */
	#map-ersatz{ position: relative; width:100%; top:0; left:0; margin:0; z-index:0; padding:0; /*background-color:#FFFFFF;*/ }
	@media only screen and (min-width:761px) {
		/*.map-contenu { padding:.4em; }*/
		}
/* MENU PRINCIPAL DEROULANT (ORDI et MOBILE) */
	/* Aire de navigation (de base : bouton mobile ; gestion media : menu fixe pour ordinateur */
		#mobile-checkbox { display:inline-block; position:absolute; *top:0; left:0; height:2.2em; width:2.2em; cursor: pointer;
			opacity: 0; /* hide this */ z-index: 2; /* and place it over the hamburger */ -webkit-touch-callout: none; }
			/* masque le bouton input et le positionne au dessus de l'image */
			/* necessite de declaere widht et height, pourquoi ? */
		#aire-navigation, #ersatz-navigation { /*float: left;*/ position: absolute; left:0; top:2.35em; margin:0; } /* float:left permet le float-right des autres */
		#aire-navigation { background-color:#D0D0D0;} /* Pour IE<9, obsoletes et marginaux, qui ne comprennent pas la ligne suivante */
		#aire-navigation { width:100vw; height:100vh; background-color:#D0D0D0; } /* Pour IE<9, obsoletes et marginaux, qui ne comprennent pas la ligne suivante */
		#aire-navigation { background-color:rgba(192,192,192,.6); }
		#map-mainmenu ul#aire-navigation { display:none; }
		#map-ersatz ul#ersatz-navigation { display:none; }
		#map-mainmenu input:checked ~ ul#aire-navigation { display:initial; }
		#map-ersatz input:checked ~ ul#ersatz-navigation { display:initial; }
	/* Aires parametres et recherche */
		.aire-parametres { float:right; }
		.aire-searching { float:right; }
		.aire-searching form { height:2.2em; padding-top:0; }
	/* Boutons menu mixte (par defaut vertical pour mobile, avec media query horizontal pour ordi) */
		.nav-mixte { background-color:transparent; } /* motif prioritaire par rapport a misselyn.css et geneal.css */
		.nav-mixte a, .nav-mixte a:link, .nav-mixte a:visited { height:1.2em; padding:.5em .3em; } /* 1.2 = environ height a par defaut */
		.nav-mixte a, .nav-mixte a:link, .nav-mixte a:visited { min-width:12em; } /* mobile seulement */
		.nav-mixte a, .nav-mixte a:link, .nav-mixte a:visited { color:#FFFFFF; font-weight:bold; } /* pour eviter le format "a" general */
		.nav-mixte li { display:block; } /* mobile seulement */
		.nav-mixte li { max-width:12.6em; } /* mobile seulement (mais pas grave pour ordi), pour eviter de prendre toute la largeur de l'ecran */
		/*.nav-mixte li { height:2.2em; } */
		.nav-mixte li ul { margin-top:-2.2em; margin-left:11em; } /* mobile seulement, 2.2 = height li */
		.nav-mixte li ul { padding:0; } /* evite deplacement de ul vers la droite, meme si parametre en debut de css, incomprehensible */
		.nav-mixte li ul li { display:block; }
		.nav-mixte li ul li a { width:12em; } /* sous-menu vertical de largeur fixe */
		.nav-mixte li { border-bottom:.15em solid #FFFFFF; }
		@media only screen and (min-width:761px) {
			.nav-mixte li { display:inline-block; *zoom: 1; *display:inline; }
			.nav-mixte li a, .nav-mixte li a:link, .nav-mixte li a:visited { min-width:1em; } /* nav-mixte a ne fonctionne pas */
			.nav-mixte li ul { margin-top:.1em; margin-left:0; }
				/* 0.10 = initialement 0.15 = border-bottom li, pas toujours optimal car systeme transforme en px et parfois trop grand donc ul est zappé */
			/*.nav-mixte li { height:2.2em; min-width:0; min-width:none; }*/
			}
	/* Boutons menu horizontal (idem nav-mixte en mode ordi ecran large) */
		.nav-horiz { background-color:transparent; }
		.nav-horiz a, .nav-horiz a:link, .nav-horiz a:visited { height:1.2em; padding:.5em .3em; }
		.nav-horiz a, .nav-horiz a:link, .nav-horiz a:visited { color:#FFFFFF; font-weight:bold; }
		.nav-horiz li { display:inline-block; *zoom: 1; *display:inline; } 
		.nav-horiz li ul { margin-top:0.1em; margin-left:0; }
		.nav-horiz li ul { padding:0; }
		.nav-horiz li ul li { display:block; }
		.nav-horiz li ul li a { width:12em; }
		.nav-horiz li { border-bottom:.15em solid #FFFFFF; }
	/* Icones specifiques du menu principal */
		.swapmenu-icone { vertical-align:top; margin:-.3em; height:1.6em; }
		.mainmenu-icone { /*display:inline-block;*/ vertical-align:top; margin:-.5em 0; height:2.2em; } /* margin .-.5em compense le padding de a */
		.mainmenu-champ { margin:-.2em 0 0 0; padding:.2em; border:1px solid #A0A0A0; border-radius:.3em; background-color:#FFFFFF; width:9em; }
			/* similaire a champ-09, mais avec un margin-top different */
/* MENU PRINCIPAL DEROULANT - BOUTONS SPECIAUX */
	/* Position du bouton burger */
	.nav-mobile-image { display:inline-block; position:absolute; top:0; left:0; /*vertical-align: top; margin:0;*/ height:2.2em; }
/* MENU PRINCIPAL DEROULANT, CHAPITRE, SECTION (couleurs du menu Magaly legerement modifiees)
	tous les themes sont repris dans la classe des albums
	background-color = couleur de base dans https://gradients.app = luminosité initiale
		.theme:background-color = theme, couleur de fond pour entete, menu principal et menu deroulant (pour les colorier differemment =>  li.theme et ul.theme)
		.theme a:hover = couleur de fond du menu au survol (pour les colorier differemment =>  .theme a:hover et .theme li a:hover)
		li.theme:hover => bouton principal quand la souris pointe sur le sous-menu, apres .theme a:hover
		chapitre:color et section:color legerement plus fonces que background-color
		chapitre:background-color toujours tres clair
									base		menu=		hover		police		bg-color
	Accueil				Orange		#DF7404		lum600		lum450		nuance+2	nuance+15
	Genealogie 			Vert		#088B08		lum700		lum550		nuance+3	teinte+15
	Albums 				Bleu		#0432B4		lum600		lum400		nuance+3	teinte+15
	Francis et Pascale	Violet		#8804B0		lum600		lum400		nuance+3	teinte+15
	Evènements			Rose		#DF04A8		lum600		lum400		(NA)		(NA)
	Societe				Turquoise	#18888D		lum700		lum600		nuance+3	teinte+15
	Recherche			Marron		#B40430		lum600		lum500		nuance+1	teinte+15
	Membre				Or			#E0D028		lum500		lum350		(gris)		(bouton)
	Parametres			Gris		#606060		lum600		lum400		(NA)		(NA)
	Carnet				Rose		#DF04A8		lum600		(NA)		nuance+2	teinte+155
	Triste				Anthracite	#303030 	lum800		lum500		nuance+0	(NA)	*/
/* MENU PRINCIPAL DEROULANT */
	/* 	Accueil */
		.theme-accueil, .theme-accueil ul li  { color:#FFFFFF; background-color:#DF7404; }
		.theme-accueil a:hover { background-color:#FB9A34; }
	/* 	Genealogie */
		.theme-geneal, .theme-geneal ul li { color:#FFFFFF; background-color:#088B08; }
		.theme-geneal ul li.externe { background-color:#A0A0A0; }
		.theme-geneal a:hover { background-color:#0DD30D; }
	/* 	Albums */
		.theme-album, .theme-album ul li { color:#FFFFFF; background-color:#0432B4; }
		.theme-album ul li.carnet { background-color:#DF04A8; }
		.theme-album a:hover { color:#FFFFFF; background-color:#245CFA; }
		.theme-album ul li.carnet a:hover { background-color:#FC4DD0; }
	/* 	Francis et Pascale */
		.theme-frapas, .theme-frapas ul li { color:#FFFFFF; background-color:#8804B0; }
		.theme-frapas ul li.externe { background-color:#A0A0A0; }
		.theme-frapas a:hover { color:#FFFFFF; background-color:#C720FA; }
	/* 	Evenements 
		.theme-events, .theme-events ul li { color:#FFFFFF; background-color:#DF04A8; }
		.theme-events ul li.triste { background-color:#303030; }
		.theme-events a:hover { background-color:#FC4DD0; }
		.theme-events ul li.triste a:hover { background-color:#7D7D7D; }/**/
	/* 	Societe */ /* AUtres essais 6398AB 4D7D8E */
		.theme-societe, .theme-societe ul li { color:#FFFFFF; background-color:#18888D; }
		.theme-societe ul li.triste { background-color:#303030; }
		.theme-societe a:hover { background-color:#1FB2B9; }
		.theme-societe ul li.triste a:hover { background-color:#7D7D7D; }
	/* 	Recherche */
		.theme-recherche, .theme-recherche ul li { color:#FFFFFF; background-color:#B40430; }
		.theme-recherche a:hover { background-color:#E6053D; }
	/* 	Membre */
		.theme-membre, .theme-membre ul li { color:#000000; background-color:#E0D028; } /* D7DF01 jusque decembre 2024 */
		.theme-membre a, .theme-membre a:link, .theme-membre a:visited { color:#000000; } /* a rajouter parce que couleur blanche par defaut dans mainmenu */
		.theme-membre a:hover { background-color:#EADC6B; } /* F7FE2E jusque decembre 2024 */
	/* 	Parametres - Gris */
		.theme-param { color:#FFFFFF; background-color:#FFFFFF;}
		.theme-param ul li { color:#FFFFFF; background-color:#606060;}
		.theme-param a:hover { background-color:#939393; }
	/*	Ersatz - Transparent */
		.theme-ersatz { color:transparent; background-color:transparent; }
/* MENU PRINCIPAL DEROULANT - SPECIAL APPAREILS */
	.aire-parametres li ul li.ecran-large { display:none; } /* ne fonctionne pas si uniquement .ecran-large */
	.aire-parametres li a.ecran-large { display:none; }
	@media only screen and (min-width:761px) {
		.nav-mobile-image { display:none; }
		#mobile-checkbox { display:none; }
		#map-mainmenu ul#aire-navigation, #map-ersatz ul#ersatz-navigation { display:initial; }
		#aire-navigation, #ersatz-navigation { position:static; margin:0; background-color:transparent; width:auto; height:auto; overflow:hidden; }
		.aire-parametres li ul li.ecran-large  { display:block; } /* pas de contraire a display:none */
		.aire-parametres li a.ecran-large { display:inline-block; }
		.aire-parametres li a.ecran-etroit { display:none; }
		}
/* POLICES - CHAPITRES ET SECTIONS */
	.chapitre-accueil, .chapitre-geneal, .chapitre-album, .chapitre-frapas, .chapitre-societe, .chapitre-recherche, .chapitre-membre, .chapitre-carnet, .chapitre-triste, .chapitre-noir
		{ margin-top:1em; padding:.3em; text-align:center; }
	.section-accueil, .section-geneal, .section-album, .section-frapas, .section-societe, .section-recherche, .section-membre, .section-noir
		{ margin-top:1em; margin-bottom:.5em; text-underline-position:under; text-underline-offset:.1em; }
	/* 	Accueil */
		.chapitre-accueil { background-color:#FBEBE1; color:#C56604; border:solid .15em #C56604; }
		.section-accueil { color:#C56604; text-decoration:underline solid #C56604 0.15em;}
		.italique-accueil { color:#C56604; font-style:italic; } /* couleur idem chapitre-accueil et section-accueil */
	/* 	Genealogie */
		.chapitre-geneal { background-color:#E2F1E2; color:#077207; border:solid .15em #077207; }
		.section-geneal { color:#077207; text-decoration:underline solid #077207 0.15em;}
	/* 	Albums */
		.chapitre-album { background-color:#E1E7F6; color:#032994; border:solid .15em #032994; }
		.section-album { color:#032994; text-decoration:underline solid #032994 0.15em;}
	/* 	Francis et Pascale */
		.chapitre-frapas { background-color:#F1E1F6; color:#700391; border:solid .15em #700391; }
		.section-frapas { color:#700391; text-decoration:underline solid #700391 0.15em;}
	/* 	Evènements */
		.theme-carnet { color:#FFFFFF; background-color:#DF04A8; }
		.chapitre-carnet { background-color:#FCE8F7; color:#C50494; border:solid .15em #C50494; }
		.section-carnet { margin-top:1em; color:#C50494; font-style:italic; }
		.theme-triste { color:#FFFFFF; background-color:#303030; }
		.chapitre-triste  { background-color:#E7E7E7; color:#303030; border:solid .15em #303030; }
	/* 	Societe */
		.chapitre-societe { background-color:#E1E7F6; color:#15787C; border:solid .15em #407074; }
		.section-societe { color:#407074; text-decoration:underline solid #407074 0.15em;}
	/* 	Recherche */
		.chapitre-recherche { background-color:#F6E1E7; color:#A9042D; border:solid .15em #A9042D; }
		.section-recherche { color:#15787C; text-decoration:underline solid #A9042D 0.15em;}
	/* 	Membre */
		.chapitre-membre { background-color:#F8E8B0; color:#404040; border:solid .15em #404040; } /* bgc idem boutons submit cancel */
		.section-membre { color:#404040; text-decoration:underline solid #404040 0.15em;} /* gris fonce */
	/* Generique */
		.chapitre-noir { background-color:#E7E7E7; color:#303030; border:solid .15em #303030; }
		.section-noir { color:#303030; text-decoration:underline solid #303030 0.15em;}