body
{
	background-color:white;
	margin-top:0px;
	margin: auto;
	padding:0px 5px 0px 5px;
}

#en_tete
{
	width:100%;
}

#en_tete #en_tete_sepp
{
	float:left;
    width:19%;
	max-width:185px;
}

#en_tete #en_tete_baobad
{
	background-color:white;
	width:81%;
	margin:auto;
	max-width:800px;
	display:flex;
}

.btn_supprimer
{
	width:20px;
}
.btn_supprimer_2
{
	width:15px;
}

.button_sans_style
{
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.pas_de_marge
{
	margin-top: 0em;
	margin-bottom: 0em;
}

.icone
{
	width:20px;
}
/* Couleur de texte */

.couleur_rouge
{
	Color: red;
}
.couleur_verte
{
	Color: green;
}

.message_vert
{
	Color: green;
	font-size: 110%;
	text-align:center;
}

.message_rouge
{
	Color: red;
	font-size: 110%;
	text-align:center;
}

.lien_sans_decoration
{
	text-decoration:none;
	Color: #2A5A88;
}

.bouton_a
{
	color : Black;
	border : 1px solid #adadad;
	border-radius: 10px;
	background-color : #EFEFEF;
	padding : 0 8px;
	cursor : pointer;
	display : inline-block;
	text-decoration : none;
}
.bouton_a:focus
{
	border-color : #0078d7;
	background-color : #e1e1e1;
	outline : none;
}
.bouton_a:hover
{
	border-color : #0078d7;
	background-color : #e5f1fb;  
	outline : none;
}

#corps .nowrap
{
	white-space: nowrap;
}

#corps fieldset
{
	margin-bottom : 2em;
	max-width:1200px;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
}

#corps .fieldset
{
	margin-bottom : 2em;
	max-width:800px;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	text-align:left;
}

#corps .fieldset_center
{
	margin-bottom : 2em;
	max-width:800px;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	text-align:center;
}

#corps legend
{
	text-align:center;
}

#corps legend h2
{
	margin-top: 0em;
	margin-bottom: 0.5em;
}

#corps legend h3
{
	margin-top: 0em;
	margin-bottom: 0.5em;
}

#corps ul
{
	text-align: center;
	padding:0px;
	margin:0px;
	list-style-position:inside;
}

#corps li
{
	padding-bottom:5px;
}

h5
{
	color:black;
	font-size: 23px;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-family: Montserrat, sans-serif;
}

#corps label
{
	font-weight: bold;
}

/* Menu_haut.php -  Menu_haut.php -  Menu_haut.php */

#menu_haut
{
	background-color:#2A5A88;
	margin: 6px auto;
	text-align:center;
	padding : 3px;
}

#menu_haut a
{
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	Color: white; /* On passe le texte en noir... */
	font-size: 18px; /* taile de la police */
	font-family: Montserrat, sans-serif;
	text-shadow: 2px 3px 3px black;
	padding : 2px 10px;
	white-space: nowrap;
}

#menu_haut a:hover
{
	background-color: #6B9ED2; 
}

#menu_haut .page_en_cours
{
	background-color: #6B9ED2; 
    text-decoration : none; /* on supprime le style par d?ut des liens (la plupart du temps = soulign?*/
	Color: white; /* On passe le texte en noir... */
	font-size: 18px; /* taile de la police */
	font-family: Montserrat, sans-serif;
	text-shadow: 2px 3px 3px black;
	padding : 2px 10px;
}

/* Menu_haut_admin.php -  Menu_haut_admin.php -  Menu_haut_admin.php */

#menu_haut_admin
{
	background-color:#A61419;
	margin: 6px auto;
	text-align:center;
	padding : 3px;
}

#menu_haut_admin a
{
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	Color: white; /* On passe le texte en noir... */
	font-size: 18px; /* taile de la police */
	font-family: Montserrat, sans-serif;
	text-shadow: 2px 3px 3px black;
	padding : 2px 10px;
	white-space: nowrap;
}

#menu_haut_admin a:hover
{
	background-color: #CC5E1B; 
}

#menu_haut_admin .page_en_cours
{
	background-color: #CC5E1B; 
    text-decoration : none; /* on supprime le style par d?ut des liens (la plupart du temps = soulign?*/
	Color: white; /* On passe le texte en noir... */
	font-size: 18px; /* taile de la police */
	font-family: Montserrat, sans-serif;
	text-shadow: 2px 3px 3px black;
	padding : 2px 10px;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* corps.php -  corps.php -  corps.php */

#corps
{
	width:100%;
	Color: black;
	font-size: 18px;
	background-color:white;
	font-family: "Times New Roman", Times, serif;
}

#corps h1
{
	margin-top: 1em;
	margin-bottom: 1em;
	Color: #2A5A88;
	text-align: center;
	font-size: 25px;
	font-family: Montserrat, sans-serif;
}

#corps h2
{
	margin-top: 1em;
	margin-bottom: 1em;
	Color: #2A5A88;
	text-align: center;
	font-size: 22px;
	font-family: Montserrat, sans-serif;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* actualites.php -  actualites.php -  actualites.php */

#corps #actualites
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
}

#corps #actualites .img_actualites_tableau
{
	width:15%;
	max-width:100px;
	vertical-align: top;
	padding: 25px 0px 25px 0px;
}

#corps #actualites .img_actualites
{
	width:95%;
	vertical-align: top;
}

#corps #actualites .commentaire_actualites
{

	text-align: center;
	vertical-align: top;
	padding: 0px 0px 25px 1%;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* staff.php -  staff.php -  staff.php */

#corps #staff
{
	margin-left: auto;
	margin-right: auto;
	max-width:965px;
}

#corps #staff a
{
	text-decoration : none;
}

#corps #staff #staff_conteneur
{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	max-width:1050px;
	display: flex;
	flex-direction: row; /*valeur par défaut. Sinon tu peux mettre column si tu veux un affichage "classique" */
	flex-wrap: wrap; /*Pour autoriser le passage à la ligne*/
	justify-content: center;
}

#corps #staff  #staff_conteneur .membre_staff
{
	width:45%;
	max-width:200px;
	background-color:white;
	margin: 1em 2% 0% 2%;
}

#corps #staff  #staff_conteneur .membre_staff_image
{
	width:100%;
}

#corps #staff #staff_conteneur .texte_staff
{
	Color: black;
	text-align: center;
	font-size: 15px;
	font-family: Snell Roundhand, cursive;
	margin-top:0;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* horaires.php -  horaires.php -  horaires.php */

#corps #horaires
{
	text-align: center;
}

#corps #horaires h4
{
	margin-top: 0em;
	margin-bottom: 0em;
	display:inline;
}

#corps #horaires #img_horaires
{
	width:35%;
	max-width:200px;
	padding:10px;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* inscriptions_adherent.php -  inscriptions_adherent.php -  inscriptions_adherent.php */

#corps #inscriptions
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
}

#corps #inscriptions .qr_code_inscription
{
	width:30%;
	max-width:300px;
}

#corps #inscriptions h3
{
	margin-top: 0px;
	margin-bottom: 0px;
	Color: black;
	text-align: center;
	font-size: 1em;
	font-family: Montserrat, sans-serif;
	display:inline;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* regle_du_badminton.php -  regle_du_badminton.php -  regle_du_badminton.php */

#corps #regle_du_badminton
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
}

#corps #regle_du_badminton h3
{
	margin-top: 0px;
	margin-bottom: 0px;
	Color: black;
	text-align: center;
	font-size: 1em;
	font-family: Montserrat, sans-serif;
	display:inline;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* galerie_photos.php -  galerie_photos.php -  galerie_photos.php */

#corps #galerie_photos
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
}

#corps #galerie_photos .images
{
	width:30%;
	margin: 0.5%;
	vertical-align: top;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* connexion.php -  connexion.php -  connexion.php */

#corps #connexion
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* inscriptions_site.php -  inscriptions_site.php -  inscriptions_site.php */

#corps #inscriptions_site
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* mon_profil.php -  mon_profil.php -  mon_profil.php */

#corps #mon_profil
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#corps #mon_profil #mon_compte
{
	text-align: left;
	max-width:800px;
	margin-left: auto;
	margin-right: auto;
}

#corps #mon_profil textarea
{
	min-width:150px;
	max-width:1200px;
	height: auto;
	line-height:1.4;
	field-sizing:content;
	text-align: center;
}

#corps #mon_profil .p_titre_input
{
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	white-space: nowrap;
}


/*----------------------Admin Adherents---------------------------*/

#corps #mon_profil #admin_adherents
{
	width:100%;
}

#corps #mon_profil #admin_adherents .imprimable_cacher
{
	display : none;
}

#corps #mon_profil #admin_adherents table
{
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
}

#corps #mon_profil #admin_adherents .titre
{
	background-color:#2A5A88;
	Color: white;
}

#corps #mon_profil #admin_adherents tr td
{
	border:2px solid black;
	padding:5px;
	text-align: center;
	white-space: nowrap;
	font-size: 80%;
}

#corps #mon_profil #admin_adherents .ligne1
{
	background-color:#DBC7AF;

}

#corps #mon_profil #admin_adherents .ligne2
{
	background-color:#87C9FF;
}

#corps #mon_profil #admin_adherents .rouge
{
	background-color:#FF6551;
}

#corps #mon_profil #admin_adherents input
{
	background: none;
	border: none;
}

#corps #mon_profil #admin_adherents select
{
	font-size: 80%;
	background: none;
	border: none;
}

/*----------------------Admin actualité---------------------------*/

#corps #mon_profil #ad_actualite  .p_bouton
{
	margin-top: 0em;
	margin-bottom: 0em;
	white-space: nowrap;
}

/*----------------------Admin partenaires---------------------------*/

#corps #mon_profil #ad_partenaires  .p_bouton
{
	margin-top: 0em;
	margin-bottom: 0em;
	white-space: nowrap;
}

/*----------------------Admin partenaires---------------------------*/

#corps #mon_profil #ad_staff span
{
	font-weight: bold;
	white-space: nowrap;
}

/*----------------------Admin galerie---------------------------*/

#corps #mon_profil #ad_galerie  .p_nom_galerie
{
	margin-top: 0em;
	margin-bottom: 0em;
	white-space: nowrap;
}

#corps #mon_profil #ad_galerie  .p_nom_galerie a
{
	text-decoration : none;
}

#corps #mon_profil #ad_galerie #ad_galerie_conteneur
{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	max-width:1050px;
	display: flex;
	flex-direction: row; /*valeur par défaut. Sinon tu peux mettre column si tu veux un affichage "classique" */
	flex-wrap: wrap; /*Pour autoriser le passage à la ligne*/
	justify-content: center;
}

#corps #mon_profil  .ad_images_div
{
	width:45%;
	max-width:200px;
	background-color:white;
	margin: 1em 2% 0% 2%;
}
#corps #mon_profil  .ad_images
{
	width:100%;
}

#corps #mon_profil .gras
{
	font-weight: bold;
	white-space: nowrap;
}
/*----------------------Admin evenements---------------------------*/

#corps #mon_profil #ad_evenements  .p_nom_evenements
{
	margin-top: 0em;
	margin-bottom: 0em;
	white-space: nowrap;
}

#corps #mon_profil #ad_evenements  .p_nom_evenements a
{
	text-decoration : none;
}

#corps #mon_profil #ad_evenements table
{
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
}

#corps #mon_profil #ad_evenements .titre
{
	background-color:#2A5A88;
	Color: white;
}

#corps #mon_profil #ad_evenements tr td
{
	border:2px solid black;
	padding:5px;
	text-align: center;
	white-space: nowrap;
	font-size: 80%;
}

#corps #mon_profil #ad_evenements .ligne1
{
	background-color:#DBC7AF;

}

#corps #mon_profil #ad_evenements .ligne2
{
	background-color:#87C9FF;
}

/*----------------------Admin image_site---------------------------*/

#corps #mon_profil #ad_images_site #ad_images_site_galerie
{
	width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:1050px;
	display: flex;
	flex-direction: row; /*valeur par défaut. Sinon tu peux mettre column si tu veux un affichage "classique" */
	flex-wrap: wrap; /*Pour autoriser le passage à la ligne*/
	justify-content: center;
}

#corps #mon_profil #ad_images_site #ad_images_site_galerie .galerie_admin
{
	width:30%;
	max-width:200px;
	margin-bottom: 1em;
}

#corps #mon_profil #ad_images_site #ad_images_site_galerie .images_admin
{
	width:70%;
	max-width:200px;
	margin: 0.5%;
	vertical-align: top;
}

#corps #mon_profil #ad_images_site #ad_images_site_galerie .images_admin_sup
{
	width:15px;
}

#corps #mon_profil #ad_images_site  .p_nom_image
{
	margin-top: 0em;
	margin-bottom: 0em;
	white-space: nowrap;
}

/*----------------------Mail/Conatct---------------------------*/

#corps #mon_profil #contact_conteneur
{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	max-width:1050px;
	display: flex;
	flex-direction: row; /*valeur par défaut. Sinon tu peux mettre column si tu veux un affichage "classique" */
	flex-wrap: wrap; /*Pour autoriser le passage à la ligne*/
	justify-content: center;
}

#corps #mon_profil  #contact_conteneur .contact
{
	background-color:white;
	margin: 1em 2% 0% 2%;
}

#corps #mon_profil #contact_conteneur span
{
	white-space: nowrap;
}

#corps #mon_profil #contact_conteneur a
{
	text-decoration:none;
}

#corps #mon_profil .mail_corps
{
	min-width:300px;
	min-height:5em;
	text-align: left;
}

/*----------------------compta---------------------------*/

#corps #mon_profil #compta_conteneur
{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	max-width:1050px;
	display: flex;
	flex-direction: row; /*valeur par défaut. Sinon tu peux mettre column si tu veux un affichage "classique" */
	flex-wrap: wrap; /*Pour autoriser le passage à la ligne*/
	justify-content: center;
}



#corps #mon_profil #admin_compta .compta_non_cloturer
{
	width:900px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	font-size: 17px;
}

#corps #mon_profil #admin_compta .compta_non_cloturer tr td
{
	border:1px solid black;
	padding:0px;
	margin:0px;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
}

#corps #mon_profil #admin_compta .text_center
{
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}

#corps #mon_profil #admin_compta .page_center
{
	text-align:center;
	padding-top:10px;
}

#corps #mon_profil #admin_compta table input
{
	background: none;
	border: none;
	text-align: center;
}

#corps #mon_profil #admin_compta table select
{
	font-size: 12px;
	background: none;
	border: none;
}

#corps #mon_profil #admin_compta table textarea
{
	font-size: 12px;
	background: none;
	border: none;
	max-width:150px;
}

#corps #mon_profil #compta_conteneur .annee_compta
{
	background-color:white;
	margin: 1em 2% 0% 2%;
	text-align: left;
}

#corps #mon_profil #admin_compta .feuille_a4
{
	width:920px;
	height:1300px;
}

#corps #mon_profil #admin_compta .compta_cloturer
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	font-size: 20px;
}

#corps #mon_profil #admin_compta .en_tete_sepp
{
	width:140px;
}

#corps #mon_profil #admin_compta .compta_cloturer .colonne1
{
	padding-left:2px;
	padding-right:2px;
	width:144px;
}

#corps #mon_profil #admin_compta .compta_cloturer .colonne2
{
	padding-left:2px;
	padding-right:2px;
	width:450px;
	font-size: 25px;
}

#corps #mon_profil #admin_compta .compta_cloturer .colonne3
{
	padding-left:2px;
	padding-right:2px;
	width:306px;
}

#corps #mon_profil #admin_compta .liste_remise
{
	width:900px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	font-size: 17px;
	table-layout:fixed;
}

#corps #mon_profil #admin_compta .liste_remise tr td
{
	border:1px solid black;
	padding:2px;
	text-align: center;
	white-space: wrap;
	font-size: 100%;
}

#corps #mon_profil #admin_compta .bordereau
{
	padding-left:2px;
	padding-right:2px;
	width:35px;
	font-weight: bold;
	text-align: center;
}

#corps #mon_profil #admin_compta .liste_remise .colonne1
{
	padding-left:2px;
	padding-right:2px;
	width:45px;
	font-weight: bold;
	text-align: center;
}

#corps #mon_profil #admin_compta .liste_remise .colonne2
{
	padding-left:2px;
	padding-right:2px;
	width:95px;
	font-size: 17px;
	font-weight: bold;
}

#corps #mon_profil #admin_compta .liste_remise .colonne3
{
	padding-left:2px;
	padding-right:2px;
	width:160px;
	font-weight: bold;
}

#corps #mon_profil #admin_compta .liste_remise .colonne4
{
	padding-left:2px;
	padding-right:2px;
	width:220px;
	font-weight: bold;
}

#corps #mon_profil #admin_compta .liste_remise .colonne5
{
	padding-left:2px;
	padding-right:2px;
	width:95px;
	font-weight: bold;
}

#corps #mon_profil #admin_compta .liste_remise .colonne6
{
	padding-left:2px;
	padding-right:2px;
	width:285px;
	font-weight: bold;
}

#corps #mon_profil #admin_compta .checkbox
{
	width:14px;
}

#corps #mon_profil #admin_compta .text_left
{
	text-align: left;
}

/*----------------------compteur---------------------------*/

#corps #mon_profil #admin_compteurs table
{
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
}

#corps #mon_profil #admin_compteurs tr td
{
	border:1px solid black;
	padding:5px;
	text-align: center;
	white-space: nowrap;
	font-size: 80%;
}

#corps #mon_profil #admin_compteurs .td_sans_bordure
{
	border:0px solid black;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

/* pied_de_pages.php -  pied_de_pages.php -  pied_de_pages.php */

#pied_de_page
{
	margin-left: auto;
	margin-right: auto;
	max-width:1200px;
	clear:both;
}

#pied_de_page #titre_sepp
{
	float:left;
	width:25%;
	Color: #2A5A88;
	text-align: center;
	font-size: 25px;
	font-family: Montserrat, sans-serif;
	margin-top: 0em;
	margin-bottom: 0px;
}

#pied_de_page #titre_partenaires
{
	width:75%;
	Color: #2A5A88;
	text-align: center;
	font-size: 25px;
	font-family: Montserrat, sans-serif;
	margin-left:25%;
	margin-top: 1em;
	margin-bottom: 0px;

}

#pied_de_page .div_partenaires_sepp
{
	width:100%;
	margin:0 auto;
	display:flex;
}

#pied_de_page .div_partenaires_sepp .partenaires_sepp
{
	width:25%;
	max-width:300px;
	padding:10px 0px 10px 0px;
	background-color:white;
	text-align: center;
	margin: 10px auto;
}

#pied_de_page .div_partenaires
{
	width:100%;
	margin:0 auto;
	display:flex;
}

#pied_de_page .div_partenaires .partenaires
{
	width:25%;
	max-width:300px;
	padding:10px 0px 10px 0px;
	background-color:white;
	text-align: center;
	margin: 10px auto;
}

#pied_de_page .div_partenaires .partenaire_image
{
	width:60%;
}

#pied_de_page .div_partenaires .reseau_sociaux
{
	width:30px;
	height:30px;
}

#pied_de_page .div_partenaires .texte_partenaires
{
	Color: black;
	font-size: 15px;
	font-family: Open Sans Bold;
}

/* fin - fin - fin - fin - fin - fin - fin - fin - fin - fin */

.truc1{
    display:none;
}
.truc2{
    display:none;
}

.clicker {
width:100px;
height:100px;
background-color:blue;
outline:none;
cursor:pointer;
}

.hiddendiv{
display:none;
height:200px;
background-color:green;
}

.clicker:focus + .hiddendiv{
display:block;
}