@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: 20px 1%; 
	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: 8px 0px; 
	border: 1px solid black;
}
div.sous_menu__block_bas{
	display: block; 
	position: relative; 
	float: left; 
	width: 100%; 
	height: 421px; 
	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;
}

/* ------------------------------------ */
/* 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: 277px; 
	text-align: center; 
	font-size: 13px; 
	margin: 10px 74px;
}
div.annee_par_categorie__capsule_droite{
	display: block; 
	position: relative; 
	float: left; 
	width: 594px; 
	text-align: center; 
	font-size: 13px; 
	margin: 10px 88px;
}
span.annee_par_categorie{
	display: block; 
	position: relative; 
	float: left; 
	width: 100% ; 
	text-align: left; 
	font-size: 16px; 
	margin: 0px 0px 10px 0px;
}
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;
}





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