body {/*page avec titre*/
	/* color:Black ;  */
	/* background-color:#EDEEEE; */
	border:0;
}
/* mise en forme    point (.)= class   dièze (#)= id*/

 .tooltip {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
	background-color: #f44336;
	color: white;
	border-radius: 5px;
	z-index: 1000;
}

select:not(.sel), input 
{
	font-size:1.1em ;
	/*height:1.3em ;		height:1.5em ;	*/
	margin-top: 0.1em;
	 padding-right: 0.5em; 
	/* padding-left: 0.3em; */
	/* text-align:center; */
	/* height:auto; */
}

button{
	padding:0.3em;
}

#div_listes	{
	display: flex;
}


/* style de gestion_adherents_gnf_pdo.php  */
.message
{
	min-height:1.2em;
	padding:0.3em;
	font-size:1.2em;
}
td
{
	padding-right:0;
	padding-left:0;
}
tr 
{
	text-align:right;
}
th{
	text-align:center;
}

#table_activite input
{
	font-size:1em ;
	height:1.5em ;	
	/* margin: 0.3em; */
	/* text-align:center; */
	/* height:auto; */
}
.colonne_droite{
		font-size:1.2em ;
/* border:solid 4px bleu ; */
}
#flex_adherents_admin{
	border:2px solid red;
	display: flex;
} 
#gestion_adherents_admin_gauche{
	border:1px solid blue;
	width:55% ;
	display: flex;
	flex-direction: column;	
}
	#coordonnees_disabled{
		/* border:1px solid blue; */
		/* width:50%; */
		display: flex;
		flex-wrap:wrap;
		/* flex-direction: column;	 */
	}
		#id_adherent,#coor_adherent{
			background-color:pink;
		}
	/* les id de gestion_adherent_gnf_pdo_admin.php*/
		#id_adherent, #id_adherent2{
			width:1.5em;
		margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
		}
		#civilite{
			width: 4.4em;
		}
		#civilite2{
			width: 4.2em;
		margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
		}
		#nom,#prenom,#nom_naissance{
			width:7.5em;
		margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
		}
		#date_modification,#date_adhesion,#date_naissance,#date_certificat_medical, #valide_certificat,#valide_certificat_an{
			width:5em;
		margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
		}
	#div_coordonnees{
		/* border:4px solid pink; */
		display: flex;
		/* flex-direction: column;	 */
	}

	
		#div_input_adresse{
			border:1px solid blue;
			/* width:50% ; */
			display: flex;
			flex-direction: column;	
		}
			#adresse
			{
				/* width:374px; */
				height:60px;
				margin:4px;
			}
			#code_postal
			{
				width:3em;
				margin:4px;
			}
			#ville
			{
				/* width: 8em; */
				margin:4px;
				text-transform: uppercase;				
			}

		#communication{
			border:1px solid blue;
			/* width:50% ; */
			display: flex;
			flex-direction: column;		
		}
			#fixe{
				width: 7em;
				/* margin-bottom:2px;margin-top:2px; */
			}
			#portable{
				width: 7em;
				/* margin-bottom:2px;margin-top:2px;		 */
			}
			#mail{
				width: 14em;
				/* margin-bottom:2px;margin-top:2px;		 */
			}
			#avoir{
				width:3em;
				/* margin:4px; */
			}


	.div_gauche_large{
		border:1px solid blue;
		/* width:50% ; */
		display: flex;
		/* flex-direction: column;		 */
		}
	
		#div_input_medical{
		/* border:1px solid red; */
		/* width:50% ; */
		display: flex;
		flex-direction: column;		
		}
		#div_input_modifier{
		border:1px solid red;
		/* width:50% ; */
		display: flex;
		flex-direction: column;		
		}
		/*création d'un bouton avec retour à la ligne la lageur width est obligatoire */
			#bt_modifier{
				width: 7em;
			}
			.btn_wrap {
			display: flex;
			flex-wrap: wrap;
			/* width: 80px; */
			border:black 1px solid;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;	
			background: linear-gradient( black, #707070);
			box-shadow: 2px 2px 0px #aaa;
			font-size:1.2em ;
			color : white;
			text-align:center;	
			margin:0.3em;
			padding:0.3em;
			}
			.btn_wrap:hover{ /*bouton survolé*/
				cursor:pointer;
				box-shadow: 6px 6px 0px #aaa;
			}
		/******************************************************/

	#div_button_choix_activite{
		border:2px solid blue;
			display: flex;
	/* flex-direction: column;		 */
	}
		#chk_semaine_restante{
			vertical-align:middle;
		}

	#commentaire{
		width:500px;
		height:20px
		/* margin-left:5px; */
	}


#gestion_adherents_admin_droit{
	border:1px solid blue;
	width:45%;
	display: flex;
	flex-direction: column;	
}


	
/*-- en une seule règle --*/
/*les inputs disabled sont grisés ainsi que les select 
sauf les input disabled de la classe "no_disabled" (utilisé dans des tableaux administration)*/
:not(.no_disabled input):disabled,select:disabled {
  background: #aaa;
}

/* style de gestion_administration.php  */


#flex-administration{/*gestion_administration.php  */
	/* border:2px solid blue; */
	display: flex;
	flex-direction: column;	/* Valeur par défaut */	
}
	
#frm_selection_saison{/*gestion_administration.php*/
	border:red 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	margin:0.3em;
	padding-left:0.3em;
}

 #submit-btn {
	display: none; /* Masquer le bouton par défaut */
}

#regulation
{
	/* height:20px; */
}

@media screen and (max-width: 1210px) {
	#flex_adherents_admin { 
		/* width:75%; */
		flex-direction:column;
	}
	#inscription_pdo_gauche{/*inscription_pdo.php  */
		width:100%;
	}
	#coordonnees_disabled{
		/* width:50%; */
		display: flex;
		flex-direction: column;
	}
	#div_coordonnees{
		/* width:50%; */
		display: flex;
		flex-direction: column;
	}
	#div_input_adresse{
		width:100%;
	}
	
	#conteneur_droit{/*inscription_pdo.php  */
		width:100%;
	}
	#conteneur_gauche_droit{
		width:100% ;
	}
	#div_gauche_large
		{
		flex-direction: column;		
		}

}


.info_date_certificat span {  display:none;}
.info_date_certificat:hover {z-index:25; background-color:#ff0}
.info_date_certificat {z-index:24;	position:relative;}
.info_date_certificat:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

.info_questionnaire_chk span {  display:none;}
.info_questionnaire_chk:hover {z-index:25; background-color:#ff0}
.info_questionnaire_chk {z-index:24;	position:relative;}
.info_questionnaire_chk:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }
 
.info_saison_certificat span {  display:none;}
.info_saison_certificat:hover {z-index:25; background-color:#ff0}
.info_saison_certificat {z-index:24;	position:relative;}
.info_saison_certificat:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

.info_supprime_cours span {  display:none;}
.info_supprime_cours:hover {z-index:25; background-color:#ff0}
.info_supprime_cours {z-index:24;	position:relative;}
.info_supprime_cours:hover span{
  display:block;
  position:absolute;
  top:2em; right:2em; width:50em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

.info_enregistre_salaire span {  display:none;}
.info_enregistre_salaire:hover {z-index:25; background-color:#ff0}
.info_enregistre_salaire {z-index:24;	position:relative;}
.info_enregistre_salaire:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:15em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }