@charset "UTF-8";

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

/* Structure d'affichage des modules de paramêtres */
div.sous_menu__capsule_principale{
	display: block; 
	position: relative; 
	float: left; 
	width: 98%; 
	margin: 10px 1% 0px; 
	border: 1px solid black;
}
div.sous_menu__capsule_secondaire{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%;
}
div.sous_menu__block_haut{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	height: 29px; 
	padding: 5px 0px; 
	border: 1px solid black;
}
div.sous_menu__block_bas{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	height: 450px; 
	padding: 0px 0px; 
	border: 1px solid black;
}
span.sous_menu__block_haut{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	font-weight: bold; 
	text-align: center; 
	font-size: 25px;
}

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

/* ------------------------------------ */
/* Gestions des dates de permanence */
form.menu_permanence{
	width: 595px; 
	margin: 20px auto; 
	padding: 20px; 
	border: 2px solid black; 
	border-radius: 5px; 
	background-color: white;
}
div.menu_permanence_1{
	display: block; 
	position: relative; 
	width: 100%; 
	margin:  0px 0px 10px 0px;
}
div.menu_permanence_2{
	display: block; 
	position: relative; 
	width: 100%; 
	margin: 10px 0px 10px 0px;
}
div.menu_permanence_3{
	display: block; 
	position: relative; 
	width: 100%; 
	margin: 10px 0px  0px 0px;
}
input.menu_permanence_2_1{
	width: 118px; 
	height: 25px; 
	color: #000; 
	text-align: left; 
	margin: 0px 5px 10px 5px; 
	padding-left: 10px; 
	border: 1px solid #DCDCDC; 
	background-color: #f2f2f2;
}
input.menu_permanence_2_2{
	width:  48px; 
	height: 25px; 
	color: #000; 
	text-align: left; 
	margin: 0px 5px 10px 5px; 
	padding-left: 10px; 
	border: 1px solid #DCDCDC; 
	background-color: #f2f2f2;
}
input.menu_permanence_2_3{
	width: 239px; 
	height: 25px; 
	color: #000; 
	text-align: left; 
	margin: 0px 5px 10px 5px; 
	padding-left: 10px; 
	border: 1px solid #DCDCDC; 
	background-color: #f2f2f2;
}
input.menu_permanence_2_4{
	width: 573px; 
	height: 25px; 
	color: #000; 
	text-align: left; 
	margin: 0px 5px 10px 5px; 
	padding-left: 10px; 
	border: 1px solid #DCDCDC; 
	background-color: #f2f2f2;
}
table.menu_permanence{
	border-collapse: collapse; 
	border: 2px solid black; 
	margin: 20px auto; 
	background-color: white;
}
td.menu_permanence_1{
	border: 1px solid black; 
	text-align: left; 
	padding: 5px 5px 5px 10px; 
	width: 370px;
}
td.menu_permanence_2{
	border: 1px solid black; 
	text-align: right; 
	padding: 5px 10px 5px 5px; 
	width: 134px;
}
td.menu_permanence_3{
	border: 1px solid black; 
	text-align: center; 
	padding: 5px; 
	width: 39px;
}
td.menu_permanence_4{
	border: 1px solid black; 
	text-align: center; 
	padding: 5px; 
	width: 39px;
}

/* ------------------------------------ */
/* Créer une fiche "nouveau licencié(e) */
div.nouveau_licencie__capsule_primaire{
	display: block; 
	position: relative; 
	float: left; 
	width: 522px; 
	margin: 4px 37px;
}
div.nouveau_licencie__capsule_secondaire{
	display: block; 
	position: relative; 
	float: left; 
	width: 520px; 
	height: 37px; 
	margin: 7px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 5px;
}
div.nouveau_licencie__capsule_secondaire_gauche{
	display: block; 
	position: relative; 
	float: left; 
	width: 143px; 
	height: 18px; 
	margin: auto; 
	padding: 9px  0px 8px  0px; 
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 5px 0px 0px 5px; 
}
div.nouveau_licencie__capsule_secondaire_droite_0{
	display: block; 
	position: relative; 
	float: left; 
	width: 353px; 
	height: 25px; 
	margin: auto; 
	padding:  5px 10px  5px 10px; 
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 0px 0px 0px 0px; 
}
div.nouveau_licencie__capsule_secondaire_droite_1{
	display: block; 
	position: relative; 
	float: left; 
	width: 353px; 
	height: 25px; 
	margin:  0px 0px  0px 145px; 
	padding: 5px 10px 5px 10px; 
	top: -37px;
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 0px 0px 5px 0px; 
}
div.nouveau_licencie__capsule_secondaire_droite_2{
	display: block; 
	position: relative; 
	float: left; 
	width:  78px; 
	height: 25px; 
	margin: auto; 
	padding: 5px 10px 5px 10px; 
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 0px 0px 0px 0px; 
}
div.nouveau_licencie__capsule_secondaire_droite_3{
	display: block; 
	position: relative; 
	float: left; 
	width:  78px; 
	height: 25px; 
	margin: auto; 
	padding: 5px 10px 5px 10px; 
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 0px 0px 0px 0px; 
}
div.nouveau_licencie__capsule_secondaire_droite_4{
	display: block; 
	position: relative; 
	float: left; 
	width: 153px; 
	height: 25px; 
	margin: auto; 
	padding: 5px 10px 5px 10px; 
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 0px 5px 5px 0px; 
}
div.nouveau_licencie__capsule_secondaire_droite_5{
	display: block; 
	position: relative; 
	float: left; 
	width: 353px; 
	height: 25px; 
	margin: auto; 
	padding: 5px 10px 5px 10px; 
	text-align: justify; 
	border: 1px solid black; 
	border-radius: 0px 5px 5px 0px; 
}
label.nouveau_licencie{
	display: block; 
	position: relative; 
	float: left; 
	width: 95%; 
	text-align: right; 
	color: #000; 
	margin: 0px; 
	padding: 0px 5% 0px 0px;
}
input.nouveau_licencie{
	display: block; 
	position: relative; 
	float: left; 
	width: 95%; 
	height: 25px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 5%; 
	text-align: left; 
	color: #000; 
	border: 1px solid #DCDCDC; 
	border-radius: 10px;
}
select.nouveau_licencie{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	height: 25px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 5%; 
	text-align: left; 
	color: #000; 
	border: 1px solid #DCDCDC; 
	border-radius: 10px;
}
button.nouveau_licencie{
	position: relative; 
	width: 100%; 
	padding: 3px; 
	font: bold 13px Arial; 
	color: #000;
	background: #DCDCDC;
	border: 1px black solid; 
	border-radius: 8px; 
	cursor: pointer;
}
button.nouveau_licencie:hover{
	color: #fff;
	background: #6C6C6C;
}

/* ------------------------------------ */
/* Dates butoirs */
form.menu_date_butoir{
	width: 308px; 
	margin: 20px auto; 
	padding: 20px; 
	border: 2px solid black; 
	border-radius: 5px; 
	background-color: white;
}
table.menu_date_butoir{
	margin: 0px auto;
}
th.menu_date_butoir{
	border: 1px solid black; 
	text-align: center; 
	font-size: 14px;
}
td.menu_date_butoir{
	border: 1px solid black; 
	text-align: center; 
	padding: 5px 5px 5px 10px; 
	width: 165px;
}
input.menu_date_butoir{
	width: 108px; 
	height: 25px; 
	color: #000; 
	text-align: center; 
	margin: 0px 0px 0px 0px; 
	border: 1px solid #DCDCDC;
}
table.menu_date_butoir_2{
	border-collapse: collapse; 
	border: 2px solid black; 
	margin: 20px auto; 
	background-color: white;
}
th.menu_date_butoir_2{
	border: 1px solid black; 
	text-align: center; 
	font-size: 14px;
}
td.menu_date_butoir_2_1{
	border: 1px solid black; 
	text-align:  right; 
	padding: 5px 5px 5px 10px; 
	width:  25px;
}
td.menu_date_butoir_2_2{
	border: 1px solid black; 
	text-align: center; 
	padding: 5px 5px 5px  5px; 
	width: 100px;
}
td.menu_date_butoir_2_3{
	border: 1px solid black; 
	text-align: center; 
	padding: 5px 5px 5px  5px; 
	width: 100px;
}
td.menu_date_butoir_2_4{
	border: 1px solid black; 
	text-align: center; 
	padding: 5px 5px 5px  5px; 
	width:  75px;
}

/* ------------------------------------ */
/* Année par catégorie */
div.annee_par_categorie__capsule_gauche{
	display: block; 
	position: relative; 
	float: left; 
	width: 481px; 
	text-align: center; 
	font-size: 13px; 
	margin: 10px 30px;
}
div.annee_par_categorie__capsule_droite{
	display: block; 
	position: relative; 
	float: left; 
	width: 594px; 
	text-align: center; 
	font-size: 13px; 
	margin: 10px 30px;
}
span.annee_par_categorie{
	display: block; 
	position: relative; 
	float: left; 
	width: 100% ; 
	text-align: center; 
	font-size: 16px; 
	margin: 0px 0px 10px 0px;
}
div.capsule__annee_par_categorie{
	display: block; 
	position: relative; 
	float:left; 
	width: 275px; 
	margin: 0px 102px 20px; 
}
div.capsule__annee_par_categorie > a > i{
	font-size: 30px;
	margin: 0px 10px;
}
div.capsule__annee_par_categorie > a > i.red{
	color: red;
}
div.capsule__annee_par_categorie > a > i.green{
	color: green;
}
div.annee_par_categorie{
	display: block; 
	position: relative; 
	float:left; 
	width: 275px; 
	border: 1px solid black;
}
form.annee_par_categorie{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%;
}
div.annee_par_categorie__entete_01{
	display: block; 
	position: relative; 
	float:left; 
	width: 93px; 
	height: 15px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__entete_02{
	display: block; 
	position: relative; 
	float:left; 
	width: 73px; 
	height: 15px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__entete_03{
	display: block; 
	position: relative; 
	float:left; 
	width: 73px; 
	height: 15px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__form_01{
	display: block; 
	position: relative; 
	float:left; 
	width: 93px; 
	height: 25px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__form_02{
	display: block; 
	position: relative; 
	float:left; 
	width: 73px; 
	height: 25px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__form_03{
	display: block; 
	position: relative; 
	float:left; 
	width: 83px; 
	height: 25px; 
	padding: 10px 0px; 
	border: 1px solid black;
}
input.annee_par_categorie__form_01{
	width: 73px; 
	height: 25px; 
	color: #000; 
	text-align: left; 
	margin: 0px 5px 0px 5px; 
	padding-left: 10px; 
	border: 1px solid #DCDCDC;
}
input.annee_par_categorie__form_02{
	width: 53px; 
	height: 25px; 
	color: #000; 
	text-align: left; 
	margin: 0px 5px 0px 5px; 
	padding-left: 10px; 
	border: 1px solid #DCDCDC;
}
div.annee_par_categorie__listing{
	display: block; 
	position: relative; 
	float: left; 
	width: 277px; 
	text-align: center; 
	font-size: 13px; 
	margin: 10px 10px;
}
div.annee_par_categorie__listing_entete{
	display: block; 
	position: relative; 
	float:left; 
	width: 275px; 
	border: 1px solid black;
}
div.annee_par_categorie__listing_entete_01{
	display: block; 
	position: relative; 
	float:left; 
	width: 93px; 
	height: 15px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__listing_entete_02{
	display: block; 
	position: relative; 
	float:left; 
	width: 73px; 
	height: 15px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__listing_entete_03{
	display: block; 
	position: relative; 
	float:left; 
	width: 73px; 
	height: 15px; 
	padding: 10px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__listing_corps{
	display: block; 
	position: relative; 
	float:left; 
	width: 275px; 
	border: 1px solid black;
}
div.annee_par_categorie__listing_corps__capsule{
	display: block; 
	position: relative; 
	float:left; 
	width: 275px;
}
div.annee_par_categorie__listing_corps__capsule_01{
	display: block; 
	position: relative; 
	float:left; 
	width: 93px; 
	height: 16px; 
	padding: 7px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__listing_corps__capsule_02{
	display: block; 
	position: relative; 
	float:left; 
	width: 73px; 
	height: 16px; 
	padding: 7px 5px; 
	border: 1px solid black;
}
div.annee_par_categorie__listing_corps__capsule_03{
	display: block; 
	position: relative; 
	float:left; 
	width: 83px; 
	height: 30px; 
	padding: 0px 0px; 
	border: 1px solid black;
}

/* ------------------------------------ */
/* Mode de paiement */
div.mode_de_paiement__capsule_primaire_gauche{
	display: block; 
	position: relative; 
	float: left; 
	width: 576px; 
	padding: 10px; 
	border-right: 1px solid black;
	margin: 12px 0px;
}
div.mode_de_paiement__capsule_primaire_droite{
	display: block; 
	position: relative; 
	float: left; 
	width: 576px; 
	padding: 10px; 
	border-left: 1px solid black;
	margin: 12px 0px;
}
span.mode_de_paiement{
	display: block; 
	position: relative; 
	width: 96%; 
	text-align: center; 
	padding: 1%; 
	margin: 1%;
}
div.mode_de_paiement__capsule_secondaire{
	display: block; 
	position: relative; 
	float: left; 
	width: 46%; 
	padding: 1% 2%;
}
div.mode_de_paiement__capsule_checkbox_01{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	padding: 5% 0%; 
	border-bottom: 1px solid black;
}
div.mode_de_paiement__capsule_checkbox_02{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	padding: 3% 0%; 
	border-top: 1px solid black; 
	border-bottom: 1px solid black;
}
div.mode_de_paiement__capsule_checkbox_03{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	padding: 5% 0%; 
	border-top: 1px solid black;
}
form.checkbox_paiement__admin{
	padding : 5px 0px;
}
button.checkbox_paiement_ok__admin, button.checkbox_paiement_ko__admin{
	display: block;
	position: relative;
	width: 100%;
	height: 32px;
	margin: auto;
	padding: 4px 25px 5px 10px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	border: 3px solid #333;
	border-radius: 10px;
}
button.checkbox_paiement_ok__admin{
	background-color: #199B06;
	color: white;
}
button.checkbox_paiement_ko__admin{
	background-color: #e81010;
	color: white;
}
button.checkbox_paiement_ok__admin:after, button.checkbox_paiement_ko__admin:after{
	position: absolute;
	top: -10px;
	right: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	border-radius: 100%;
	border: 3px solid #333;
	z-index: 999;
}
button.checkbox_paiement_ok__admin:after{
	content: "\2713";
	background-color: #199B06;
}
button.checkbox_paiement_ko__admin:after{
	content: "\2717";
	background-color: #e81010;
}

/* ------------------------------------ */
/* Tarif réduction */
i.bouton_info_reduction{
	display: inline-block;
	line-height: 15px;
	font-size: 26px;
	margin: 2px 0px;
	color: green;
}
i.bi-info-square span.infos_bulle_info_reduction{
	position: absolute;
	margin-top: -4px;
	margin-left: 5px;
	width: 285px;
	color: #09c;
	text-align: left;
	font-size: 16px;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,.5);
	transform: scale(0) rotate(-12deg);
	transition: all .25s;
	opacity: 0;
	z-index: 1000;
}
i.bi-info-square:hover span.infos_bulle_info_reduction, i.bi-info-square:focus span.infos_bulle_info_reduction{
	transform: scale(1) rotate(0);        
	opacity: 1;
}
i.bouton_suppression_reduction{
	display: inline-block;
	line-height: 15px;
	font-size: 26px;
	margin: 2px 0px;
	color: red;
}



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