/* FEUILLE DE STYLE 2026 */

body			{	width:100%;
				margin: 0;
				padding: 0;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size:16px;	}
h1			{	font-size:30px;
				line-height:1.2;	}
h2			{	font-size:25px;
				line-height:1.2;	}
h3			{	font-size:20px;
				line-height:1.2;	}
p			{	font-size:20px;
				line-height:1.2;	}

.f-grand		{	font-size:25px;	}
.f-tres-grand		{	font-size:35px;	}

.fc_blanc		{	color:#FFFFFF;	}
.fc_noir		{	color:#000000;	}
.fc_gris_fonce		{	color:#424242;	}
.fc_gris		{	color:#9E9E9E;	}
.fc_gris_clair		{	color:#EEEEEE;	}
.fc_vert_fonce		{	color:#1B5E20;	}
.fc_vert		{	color:#7CB342;	}
.fc_vert_clair		{	color:#C8E6C9;	}
.fc_bleu_fonce		{	color:#1565C0;	}
.fc_bleu_tres_fonce	{	color:#0D47A1;	}
.fc_bleu		{	color:#42A5F5;	}
.fc_bleu_clair		{	color:#B3E5FC;	}
.fc_rouge_fonce		{	color:#D32F2F;	}
.fc_rouge		{	color:#FF0000;	}
.fc_rouge_clair		{	color:#FFCDD2;	}
.fc_jaune		{	color:#FFF176;	}
.fc_orange		{	color:#FFCC80;	}

.bg_blanc		{	background-color:#FFFFFF;	}
.bg_noir		{	background-color:#000000;	}
.bg_gris_fonce		{	background-color:#424242;	}
.bg_gris		{	background-color:#9E9E9E;	}
.bg_gris_clair		{	background-color:#EEEEEE;	}
.bg_gris_chaud		{	background-color:#BCAAA4;	}
.bg_vert_fonce		{	background-color:#1B5E20;	}
.bg_vert		{	background-color:#7CB342;	}
.bg_vert_clair		{	background-color:#C8E6C9;	}
.bg_bleu_fonce		{	background-color:#1565C0;	}
.bg_bleu_tres_fonce	{	background-color:#0D47A1;	}
.bg_bleu		{	background-color:#42A5F5;	}
.bg_bleu_clair		{	background-color:#B3E5FC;	}
.bg_rouge_fonce		{	background-color:#D32F2F;	}
.bg_rouge		{	background-color:#FF0000;	}
.bg_rouge_clair		{	background-color:#FFCDD2;	}
.bg_jaune		{	background-color:#FFF176;	}
.bg_jaune_clair		{	background-color:#FFE082;	}
.bg_orange		{	background-color:#FFCC80;	}
.bg_orange_clair	{	background-color:#FFCC80;	}
.bg_saumon		{	background-color:#FFAB91;	}

a			{	text-decoration:none;
				color:#1B5E20;	}
a:hover			{	text-decoration:underline;
				color:#7CB342;	}

/* TÊTIÈRE */

.header			{	position: sticky;
				top: 0;
				width: 100%;
				margin: 0 0 0 0;
				display:flex;
				flex-direction:column;
				gap:0;
				padding:0;
				justify-content:center;	}
.header1,
.header2		{	width:100%;
				display:flex;
				justify-content:space-between;
				gap:20px;
				align-items:center;
				margin:auto;
				padding:0;
				background-color:white;	}
.logo			{	height:130px;
				margin-left:0;		}
.logo img		{	height:100%;		}
.nom1			{	margin-left:auto;
				font-size: 1.6rem;	}
.mobile-br		{	display:none;		}
.rub1			{	display:flex;
				justify-content:right;
				align-items:center;
				gap:15px;	}
.menu1			{	background-color:#FFF;
				display:flex;
				align-items:center;
				margin:10px;		}
.form-nav		{	float:left;
				justify-content:center;
				border: 0;
				border-radius:999px;
				padding:4px 10px;
				margin:10px 0 10px 10px;
				font-weight:bold;
				font-size:18px;		}
.menu1 a		{	color:#FFF;		}
.menu1 a:hover		{	color:#FFF176;		}

.nom2			{	display:none;		}
.menu2			{	display:none;		}
.rub2			{	display:none;		}

.dropdown-menu		{	display: none;
				position: absolute;
				top: calc(100% + 10px);
				left: 0;
				background: white;
				border: 1px solid #ddd;
				box-shadow: 0 5px 15px rgba(0,0,0,0.08);
				z-index: 1000;		}
.dropdown-rub		{	display: none;
				position: absolute;
				top: calc(100% + 10px);
				right: 0;
				background: white;
				border: 1px solid #ddd;
				box-shadow: 0 5px 15px rgba(0,0,0,0.08);
				z-index: 1000;		}


@media (max-width: 768px)
{	.header		{	width:95%;
				margin:auto;		}
	.logo		{	width=95%;
				height:fit-content;
				margin:0 auto;		}
	.logo img	{	width:100%;		}
	.header1	{	width:100%;
				height:fit-content;
				margin:0 auto;		}
	.nom1		{	display:none;		}
	.rub1		{	display:none;		}
	.header2	{	width:100%;
				margin:0 auto;
				display:flex;
				justify-content:center;
				align-items:center;	}
	.menu1		{	display:none;		}
	.menu2		{	display:block;		}
	.form-nav 	{	width:100%;
				text-align:left;
				background:none;
				margin:0;
				padding:0;		}
	.nom2		{	display:block;
				font-size:20px;		}
	.mobile-br	{	display:inline;		}
	.rub2		{	display:block;
				margin-left:auto;	}
	.toggle-btn	{	font-size: 0.9rem;
				padding: 6px 8px;	}
	.dropdown-menu	{	font-size: 0.9rem;	}
	.dropdown-rub	{	font-size: 0.9rem;	}
	.dropdown-menu.open{	display:flex;
				flex-direction:column;
				gap:10px;
				width:fit-content;
				background-color:#757575;
				border-radius:10px;
				padding:10px;		}
	.dropdown-rub.open{	display:flex;
				flex-direction:column;
				gap:10px;
				width:fit-content;
				background-color:#FFF;
				border-radius:10px;
				padding:10px;
				color:white;
				text-align:right;	}
	.dropdown-menu.open{	float:left;
				margin-left:5px;	}
	.dropdown-menu.open a	{	color:white;
				text-decoration:none;	}
	.dropdown-rub.open{	float:right;
				justify-content:right;
				margin-right:5px;
						}
	.dropdown-rub.open a{	color:#757575;
				text-decoration:none;	}	}






.scroll-container	{	width: 100%;
				margin:0;
				padding:5px;
				overflow: hidden;	}

.scroll-text		{	display: inline-block;
				white-space: nowrap;
				padding-left: 100%;
				animation: scroll 25s linear infinite;
				font-weight: bold;	}

@keyframes scroll	{
		from	{	transform: translateX(0);	}
		to	{	transform: translateX(-100%);	}	}

.encart-accueil		{	width:100%;
				margin:0 auto 15px auto;
				padding:30px;
				box-sizing: border-box;
				border-radius:8px;		}
@media (max-width: 768px)
{	.encart-accueil	{	width:90%;
				padding:20px;
				flex:none;	}	}

.form1			{	background-color:#1E88E5;
				color:#FFFFFF;
				height:14px;
				border: 0 solid #ccc;
				border-radius:999px;
				padding:0 6px 0 6px;
				margin:2px 2px 2px 2px;		}

.form_01		{	justify-content:center;
				border:0;
				border-radius:999px;
				padding:4px 10px;	}
.couv			{	width:100%;
				margin:0;		}

.actualite		{	display: flex;
				flex-wrap: nowrap;
				overflow-x: auto;
				width: 100%;
				gap: 15px;		}

.accueil		{	flex: 0 0 auto;
				width: 300px;
				height: 220px;
				border-radius:8px;
				padding:15px;
				box-sizing: border-box;
				background-color:#FBE9E7;
				overflow:auto;	}


.accueil2		{	flex: 0 0 auto;
				width: 300px;
				border-radius:8px;
				padding:15px;
				box-sizing: border-box;
				background-color:#FBE9E7;	}
.acc-titre		{	width:100%;
				height:25px;
				padding-left:5px;
				text-align:left;	}

.acc-contenu		{	width:100%;
				height:155px;
				margin-top:auto;
				display:flex;		}
.acc-illust		{	min-width:25%;
				max-width:40%;
				height:100%;
				border-radius:4px;
				display:flex;
				align-items:center;
				overflow:hidden;	}
.acc-illust img		{	max-width:95%;
				max-height:95%;
				object-fit:contain;	}
.acc-text		{	margin-left:auto;
				padding:5px;
				text-align:left;
				overflow-y:auto;	}




@media (max-width: 768px)
{	.couv		{	width:95%;
				margin:auto;		}
	.actualite	{	flex-direction:column;
				overflow-x:visible;	}
	.accueil	{	width:95%;
				margin:auto;
				flex:none;		}
	.accueil2	{	width:95%;
				margin:auto;		}	}

.choix-annee-contenant	{	background-color:#FFF;
				display:flex;
				justify-content:flex-end;
				flex-wrap:wrap;
				width:95%;
				gap:15px;
				padding:0 20px 0 0;
				margin:0 0 20px auto;		}
.choix-annee-contenant a
			{	color:#FFF;		}
.choix-annee-contenant a:hover
			{	color:#FFF176;		}
.form_02		{	float:right;
				justify-content:center;
				font-size:20px;
				border:0;
				border-radius:999px;
				padding:4px 10px;	}


@media (max-width: 768px)
{	.choix-annee-contenant
			{	justify-content:center;
				flex-wrap: wrap;
				gap:8px;	}
	.form_02	{	font-size:16px;
				padding:2px 5px;	}	}	


.page-programme		{	display: flex;
				flex-wrap: nowrap;
				overflow-x: auto;
				width: 100%;
				gap: 15px;		}

.event			{	flex: 0 0 auto;
				width: 300px;
				border-radius:15px;
				padding:20px;
				box-sizing: border-box;
				overflow:auto;		}
@media (max-width: 768px)
{	.page-programme	{	flex-direction:column;
				overflow-x:visible;	}
	.event		{	width:95%;
				margin:auto;
				flex:none;		}	}

.tooltip		{	position: relative;
				text-decoration: none;	}

.tooltip-text		{	visibility: hidden;
				opacity: 0;
				position: absolute;
				bottom: 125%;
				left: 50%;
				transform: translateX(-50%);
				background: #2f7d32;
				color: #fff;
				padding: 6px 10px;
				border-radius: 4px;
				font-size: 12px;
				white-space: nowrap;
				transition: opacity 0.2s ease;
				z-index: 10;	}

.tooltip:hover .tooltip-text
			{	visibility: visible;
				opacity: 1;	}

/* BUREAU ET CONSEIL DES SAGES */

.conseil		{	width:100%;
				margin:auto;
				display:flex;
				flex-wrap:wrap;
				justify-content:center;
				margin-bottom:10px;	}
.conseil-membre		{	width:20%;
				height:135px;
				display:flex;
				border-radius:10px;
				margin:10px;	}
.cm-photo		{	heigth:100%;
				border-radius:10px;
				padding:5px;	}
.cm-info		{	padding:10px;	}

@media (max-width: 768px)
{	.conseil	{	flex-direction:column;
				gap:10px;	}
	.conseil-membre	{	width:95%;
				margin:auto;	}	}

/* À PROPOS D'EUROGREEN */

.regles			{	width:80%;
				margin:auto;
				text-align:justify;	}
.regles-renvoi		{	column-count:3;
				column-gap:20px;	}
.regles-ancre		{	scroll-margin-top: 150px;	}
@media (max-width: 768px)
{	.regles		{	width:90%;	}
	.regles-renvoi	{	column-count:1;	}
	.regles-ancre	{	scroll-margin-top: 220px;}	}

.result			{	width:100%;
				margin:auto;
				display:flex;
				flex-wrap:wrap;
				justify-content:center;		}
.compet			{	width:17%;
				height:135px;
				display:flex;
				border-radius:10px;
				margin:10px;
				padding:10px;		}
.compet a		{	display: block;		}
@media (max-width: 768px)
{	.result		{	flex-direction:column;
				gap:10px;	}
	.compet		{	width:90%;
				margin:auto;	}	}

.photo			{	width:100%;
				margin:auto;
				display:flex;
				flex-wrap:wrap;
				justify-content:center;	}
.photo-event		{	width:20%;
				height:135px;
				display:flex;
				justify-content:space-between;
				align-items:center;
				border-radius:10px;
				margin:10px;
				padding:5px;	}
.photo-info		{	padding:10px;	}
.photo-mini		{	heigth:100%;
				border-radius:10px;
				padding:5px;	}


@media (max-width: 768px)
{	.photo		{	flex-direction:column;
				gap:10px;	}
	.photo-event	{	width:95%;
				margin:auto;	}	}
.galerie		{	max-width:100%;
				display:flex;
				justify-content:center;
				position: relative;	}
.galerie img		{	height:600px;
				width:auto;		}
.galerie button		{	position: absolute;
				top: 50%;
				transform: translateY(-50%);
				background: rgba(0,0,0,.4);
				color: white;
				border: none;
				padding: 10px 15px;
				cursor: pointer;
				font-size: 22px;	}
.prev			{	left: 10px;		}
.next			{	right: 10px;		}
.galerie-cde		{	width:100%;
				display:flex;
				justify-content:center;
				margin:auto;		}
@media (max-width: 768px)
{	.galerie img	{	width:90%;
				height:auto;		}	}



.trombi-tete		{	width:100%;
				display:flex;
				padding:10px 0;		}
.tt			{	padding:0 20px;		}

.trombi			{	width:55%;
				margin:auto;		}
.trombi-membre		{	width:100%;
				display:flex;
				justify-content:left;
				margin:15px 0 0 0;
				border-radius:10px;	}
.trombi-membre-nvx	{	width:100%;
				display:flex;
				justify-content:left;
				margin:15px 0 0 0;
				border-radius:10px;	}
.trombi-membre-nvx h2	{	margin:0;	}

.trombi-photo		{	width:160px;
				height:200px;
				display:flex;
				justify-content:center;
				align-items:center;	}
.trombi-photo img	{	width:95%;
				height:95%;
				object-fit:cover;
				border-radius:10px;	}
.trombi-info		{	flex:1;
				display:flex;
				flex-direction:column;
				padding:10px 10px 0 10px;	}
.trombi-id		{	display:flex;
				justify-content:space-between;
				width:100%;
				box-sizing:border-box;	}
.trombi-id h2,
.trombi-id h3		{	margin: 0;		}
.trombi-info-10		{	display:flex;
				justify-content:left;	}
.trombi-info-11		{	padding-top:10px;
				width:30%;	}	
.trombi-info-12		{	padding-top:10px;
				width:30%;	}
.trombi-info-13		{	display:block;	}

@media (max-width: 768px)
{	.trombi		{	width:95%;	}
	.trombi-id h2	{	font-size:20px;	}
	.trombi-id h3	{	font-size:16px;	}
	.trombi-id	{	flex-direction:column;	}
	.trombi-tete	{	flex-direction:column;
				text-align:right;	}
	.trombi-photo	{	width:120px;
				height:150px;
				flex-shrink:0;	}
	.trombi-info-11	{	padding:0;
				width:auto;	}
	.trombi-info-12	{	display:none;	}
	.email		{	overflow-wrap:anywhere;	}
	.trombi-membre-nvx{	flex-direction:column;	}	}

/* UGOLF */

.ugolf-titre		{	width:100%;
				text-align:center;	}

.ugolf			{	width:100%;
				display:flex;
				justify-content:center;
				flex-wrap:wrap;
				gap:15px;
				text-align:center;	}
.formule		{	width:20%;
				padding:20px;
				border-radius:15px;	}
.ugolf-txt		{	width:45%;
				margin:auto;
				text-align:left;	}

@media (max-width: 768px)
{	.ugolf-titre	{	width:90%;
				margin:auto;	}
	.ugolf-titre h1	{	font-size:25px;	}
	.ugolf-titre img{	width:90%;	}
	.ugolf		{	flex-direction:column;	}
	.formule	{	width:85%;
				margin:auto;	}
	.ugolf-txt	{	width:90%;
				margin:auto;	}	}

/* PARTENAIRES */

.partner-titre		{	width:100%;
				text-align:center;	}
.partner		{	width:100%;
				display:flex;
				justify-content:center;
				flex-wrap:wrap;
				gap:15px;		}
.partner-detail		{	width:25%;
				text-align:center;
				border-radius:15px;	}
.partner-detail img	{	max-width: 90%;		}
@media (max-width: 768px)
{	.partner	{	flex-direction:column;	}
	.partner-detail	{	width:90%;
				margin:auto;		}	}

/* MON COMPTE */

.compte			{	width:100%;
				display:flex;
				justify-content:center;
				flex-wrap:wrap;
				gap:15px;		}
.compte-info		{	width:35%;
				height:550px;
				padding:20px;
				border-radius:15px;	}
.tabdefil2		{	height:550px;
				overflow-y:auto;	}
.tabdefil2 thead	{	position:sticky;
				top:0;
				z-index:1;		}
@media (max-width: 768px)
{	.compte		{	flex-direction:column;	}
	.compte-info	{	width:90%;
				margin:auto;		}
	.compte-info table{	width:95%;
				margin:auto;		}	}

/* FACEBOOK */

.fb			{	width:80%;
				margin:auto;		}
@media (max-width: 768px)
{	.fb		{	width:80%;		}	}

		
/* EVENT PRESENTATION */

.pres		{	width:100%;
			margin:0;
			padding:0 10px;
			display:flex;
			justify-content:center;
			gap:5px;
			align-items:top;	}
.pres-photo	{	border:1px solid #000;
			border-radius:20px;
			overflow:hidden;	}
.pres-photo img	{	width:100%;
			height:100%;
			object-fit:cover;	}
.pres-info	{	border:1px solid #000;
			border-radius:20px;
			padding:15px;		}
.pres-insc	{	border:1px solid #000;
			border-radius:20px;
			padding:15px;
			overflow-x: auto;	}
.pres-photo,
.pres-info	{	flex:1;
			box-sizing:border-box;	}
.pres-insc	{	flex:1.5;
			box-sizing:border-box;	}

@media (max-width: 768px)
{	.pres		{	width:95%;
				margin:auto;
				flex-direction:column;	}
	.pres-photo	{	width:100%;	}
	.pres-info	{	width:100%;	}
	.pres-insc	{	width:100%;	}	}

/* LISTE PARTICIPANTS À UN ÉVÈNEMENT */

.etat		{	width:100%;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 1rem;
			padding:0 20px;
					}
.etat-pres	{	flex:1;
			min-width:30%;
			max-width:30%;
			max-height:600px;
			overflow-y:auto;
			border-radius:20px;
			border: 1px solid #000;
			padding:10px;		}
.etat-photo	{	width:100%;
			margin:auto;
			border-radius:20px;
			overflow:hidden;	}
.etat-photo img	{	width:100%;
			height:auto;
			display:block;
			object-fit:contain;	}
.etat-list	{	flex:2;
			padding:10px;
			height:600px;
			
			overflow:auto;
			min-width:0;
			border:1px solid #000;
			border-radius:20px;
			-webkit-overflow-scrolling:touch;	}
.etat-list table{	width:100%;		}

@media (max-width: 1300px)
{	.etat		{	width:100%;
				flex-direction:column;
				padding:0;
				overflow-x:hidden;
				align-items:center;	}
	.etat-pres	{	width:95%;
				max-width:95%;
				margin:auto;
				max-height:none;
				box-sizing:border-box;	}
	.etat-list	{	width:95vw;
				max-width:95vw;
				min-width:95vw;
				margin:0 auto;
				overflow-x:auto;
				overflow-y:hidden;
				margin:auto;
				-webkit-overflow-scrolling:touch;
				height:auto;
				box-sizing:border-box;	}
	.etat-list table{	min-width:900px;
				width:max-content;	}	}

/* LOGIN */

.log		{	width:30%;
			margin:auto;
			text-align:center;	}
.log img	{	width:100%;		}
.form_log	{	justify-content:center;
			border:0;
			border-radius:999px;
			padding:8px 20px;
			font-size:25px;	}

@media (max-width: 768px)
{	.log	{	width:95%;
			margin:auto;		}
	.log p	{	font-size:10px;		}	}

/* NIVEAU DE JEU */

.man-hdc	{	width:40%;
			margin:auto;
			text-align:center;	}
.hdc-modif	{	width:100%;		}

@media (max-width: 768px)
{	.man-hdc	{	width:95%;
				margin:auto;		}	}

/* DEMANDE DE PARRAINAGE */

.parrain	{	width:100%;
			display:flex;
			justify-content:center;
			padding:0 10px;
			gap:10px;
			box-sizing:border-box;	}
.par-info	{	flex:1;
			padding:15px;
			border-radius:20px;
			box-sizing:border-box;		}
.quest		{	width:95%;
			margin:auto;
			display:flex;
			justify-content:center;
			align-items:center;
			box-sizing:border-box;	}
.rep1		{	flex:1;
			text-align:left;
			box-sizing:border-box;	}
.rep2		{	flex:2.5;
			text-align:left;
			box-sizing:border-box;	}
.brief		{	width:95%;
			height:300px;		}

@media (max-width: 768px)
{	.parrain	{	flex-direction:column;
					}
	.par-info	{	width:95%;
				margin:auto;
				gap:25px;
				border:1px solid #000;		}
	.quest		{	width:100%;
				flex-direction:column;
				text-align:left;
						}
	.rep1		{	width:100%;
				text-align:left;		}
	.rep2		{	width:100%;
				text-align:left;		}	}

/* KIVEUJOUER */

.kiveujouer	{	width:fit-content;
			max-height:550px;
			margin:auto;
			padding:20px;
			overflow-y:auto;
			overflow-x:hidden;
			border:1px solid #000;
			border-radius:20px;	}
.kiveujouer table{	
			border-collapse:collapse;		}
.kiveujouer thead{	text-align:center;	}
.kiveujouer td	{	white-space: nowrap; /* empêche le retour à la ligne */
			padding:0 8px;		}

@media (max-width: 768px)
{	.kiveujouer	{	width:95%;
				margin:auto;	}