/**************************************************************EN TETE DU SITE***********************************************************************/
/*Définit la hauteur de l'entête*/
#entete { height : 90px; }

.ent_gen { width : 100%; }

.ent_soc a {
	font-size 	: 27px;
	line-height : 38px;
}

.ent_soc img { width : 70px; }

.ent_men, .ent_rec, .ent_lan { display : none; }

.ico_menu_mob {
	display			: block;
	flex			: 1;
	text-align 		: right;
	padding-top		: 25px;
	margin-right 	: 5px;
}

.ico_menu_mob button {
	cursor 			: pointer;
	height 			: 55px;
	border-radius 	: 0px;
	font-size 		: 1.25rem;
	line-height		: 1;
	padding 		: 9px;
	background		: none;
}

.ico_menu_mob span {
	background-image	: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	content 			: "";	
	display 			: inline-block;
	width 				: 37.5px;
	height 				: 37.5px;
	vertical-align 		: middle;
}

#menu_mob {
	display 			: none;
	position 			: absolute;
	background-color 	: #0B3A6A;
	width				: 100%;
	top 				: 90px;
	padding		 		: 25px;
}

#menu_mob > div:nth-child(1) { width : 100%; }

#menu_mob .menu_princ { 
	color 			: #FFFFFF; 
	display			: flex;
	justify-content : start;
	align-items 	: center;
	line-height 	: 25px;
	font-size		: 20px;
}

#menu_mob > div:nth-child(n+2) { margin-top : 20px; }

#menu_mob .menu_princ div {
	display 		: inline-block;
	width			: 100%;
	text-align 		: left;
	font-weight 	: bold;
	text-decoration : none;
	cursor			: pointer;
}

#menu_mob .menu_princ span img {
	height 			: 8px;
	margin-left 	: 11px;
	margin-bottom 	: 2px;
}

#menu_mob .ssmen_mob { 
	display 		: none; 
	color 			: #FFFFFF;
	font-size 		: 16px;
	line-height		: 1.5;
}

#menu_mob .ssmen_mob > div { padding-left : 40px; }
#menu_mob .ssmen_mob > div:nth-child(1) { margin-top : 20px; }
#menu_mob .ssmen_mob > div:nth-child(n+2) { margin-top : 5px; }
#menu_mob .ssmen_mob > div:last-child { 
	padding-bottom 	: 5px;
	border-bottom 	: solid 1px #FFFFFF; 
}

#menu_mob .ssmen_mob a {
	color 			: #FFFFFF;
	text-decoration : none;
}

/**********************************************************PAGE ACCUEIL***********************************************************************/
.carrousel { width : 100%; }

.car_img { 
	width 	: 100%;
	height 	: 250px
}

.car_img img {
	width 		: 100%;
	height 		: 100%;
}

.car_puce { 
	top 		: 217px; 
	left 		: 50%;
	transform 	: translate(-50%);
}

.car_puce_rd {
	height			: 17px;
	width			: 17px;
	margin			: 0 2px;
	margin-bottom	: 3px;
}

.active {
	height			: 23px;
	width			: 23px;
	margin-bottom 	: 0px;
}
	
.menu_rapide {
	position : static;
	width 	 : 100%;
}

.men_rap_titre { margin : 34px 35px 41px 35px; }

.men_rap_tit_trait {
	width 	: 123px;
	height 	: 1px;
}

.men_rap_tit_txt {
	font-size 	: 19px;
	line-height : 21px;
	text-align  : center;
}

.men_rap { 
	margin 			: 0px 35px 23px 35px; 
	justify-content : center;
	gap 			: 10px;
}

.men_rap_carre a {
	width 		: 185px;
	height 		: 142px;	
}

.men_rap_carre {
	width 		: 189px;
	height 		: 142px;
	font-size 	: 13px;
	line-height : 17px;
	padding		: 20px 8px;
}

.men_rap_carre img {
	width 		: 64px;
	height 		: 43px;
	object-fit 	: contain;
}

.acc_titre {
	font-size 	: 25px;
	line-height : 50px;
	margin-top 	: 30px;
}

.acc_message {
	font-size 	: 20px;
	line-height : 35px;
	margin 		: 40px auto 60px auto;
	width 		: 80%;	
}

.acc_actu_bg {
	background-size 	: 100%, auto, contain;
	padding-top			: 10px;
	background-position : top 50px left 0px;
}

.acc_actu_titre {
	font-size 		: 25px;
	line-height 	: 32px;
	text-align		: center;
}

.acc_actu_int {  
	flex-direction 	: column-reverse;	
	margin-top 		: 150px;
	padding-bottom 	: 30px;
}

.acc_actu_int .act_bloc {
	width 		    	: 80%;
	margin				: auto;
	flex-direction  	: column;
	gap					: 20px;
	background-color 	: #F8F8F8; 
}

.acc_actu_int .act_bloc .act_int { width : 100%; }

.acc_actu_tte {
	font-size 	: 20px;
	line-height : 24px;
	margin-top 	: 10px;
	align-self 	: center;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(1) {  /*Affichage de la date*/
	font-size 	: 12px;
	line-height : 14px;
	margin-top 	: 10px;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(2) {
	font-size 		: 20px;
	line-height 	: 30px;
	margin-top 		: 20px;
	width			: 85%;
	border-radius 	: 0px 16px 16px 0px;
	height 			: 30px;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(3) {
	font-size 	: 14px;
	line-height : 25px;
	margin	 	: 15px auto 20px auto;
	width		: 80%;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(4) {
	font-size 		: 14px;
	line-height 	: 25px;
	margin-right	: 30px;
	margin-bottom 	: 20px;
}
/**********************************************************POSITIONNEMENT DE LA PAGE***********************************************************************/
#page {
	max-width	: 100%;
	min-height  : calc(100vh - 474px);				/*(minimum la hauteur restante du navigateur en retirant entete et pied)*/
}

.pag_img_ent { height : calc(100vw / (2200/814)); }

#page .pag_det_men { 
	width			: 100%;	
	padding			: 0px 3% 0px 3%;
}

#page .pag_det_men, #page .pag_det_men a { font-size : 16px; }

#page .pag_det_men img { height : 10px; }

#page h1 { font-size : 30px; }

#page .pag_int_txt {
	width			: 100%;	
	font-size 		: 15px;
	line-height 	: 30px;
}

.pag_int_txt > div:not(.dem_gauche, .dem_droite, .esp_cli, .esp_cli_ssmenu) { padding : 0px 3% 20px 3%; }

.titre_left, .titre_right { 
	width 			: 100%;
	line-height 	: 60px;
	font-size 		: 27px;
	margin-bottom 	: 20px;
}

/******************************************************GENERALITES*********************************************/
.generalites > div:nth-child(1) { margin-right : 25px; }

.generalites img { width : 300px; }

/******************************************************HISTORIQUE*********************************************/
.histo_flex { gap : 20px; }

.histo_gauche { flex-direction : column-reverse; }
	
.histo_droite { flex-direction : column; }

.histo_flex img:not(.histo_blason) { width : 80%; }

.histo_blason { width : 150px; }

.histo_eglise { width : 80%; }

.histo_lgv { font-size : 35px; }

.grid_maire { 
	margin 		: auto;
	text-align 	: left;
}

.grid_maire > div { border-bottom : solid 1px #D7D7D7; }

/*******************************************************NVX HABITANTS******************************************/
.nvx_hab ul li:nth-child(n+2) { margin-top : 15px; }

.nvx_hab ul li span { margin-left : 87px; }

.nvx_hab_liste ul { margin-left : 40px; }

.nvx_hab_bienvenue { font-size : 25px; }

/**********************************************DEMARCHES****************************************/
.dem_gauche {
	padding				: 0px 2% 20px 2%; 
	flex-direction		: column-reverse;
	align-items 		: end;
}

.dem_droite { 
	padding				: 0px 2% 20px 2%; 
	flex-direction		: column;
	align-items 		: start;
}

.dem_gauche > div { width : 100%; }
.dem_droite > div { width : 100%; }

.dem_droite img, .dem_gauche img { 
	object-fit 	: contain;
	width 		: 100px;
}

.dem_liste ul { margin-left : 40px; }

.dem_liste ul li span { margin-left : 25px; }

/*****************************************CONSEIL MUNICIPAL****************************************/
.conseil { width : 100%; }

.conseil_flex { 
	gap 			: 20px; 
	flex-direction 	: column-reverse;
}

.conseil_flex > div:nth-child(1) > img { width : 200px; }

/******************************************************ELUS*********************************************/
.grid_elu {
	grid-template-columns 	: repeat(2,1fr);
	column-gap				: 30px;
	row-gap					: 40px;
}

.grid_elu img { width : 60%; }
.grid_elu > div:nth-child(1) img { width : 55%; }

.grid_elu > div:nth-child(1) { grid-column : 1 / 3;	 }

.grid_elu > div:nth-child(14) { 
	display 		: flex;
	flex-direction 	: column-reverse;
	justify-content : center;
}

.grid_elu > div:nth-child(14) > div:nth-child(1) > div:nth-child(2) { font-style : italic; }

.grid_elu > div:nth-child(14) > div:nth-child(1) > div:nth-child(1) { font-weight : bold; }

.grid_elu > div:nth-child(15) {
	display 		: flex;
	justify-content : center;
	flex-direction  : column;
}

.grid_elu > div:nth-child(15) > div:nth-child(2) > div:nth-child(2) { font-style : italic; }

.grid_elu > div:nth-child(15) > div:nth-child(2) > div:nth-child(1) { font-weight : bold; }
.grid_elu > div:nth-child(15) > div:nth-child(2) > div:nth-child(2) { font-weight : normal; }

.autres_elus .titre_left { width : 100%; }
.autres_elus img { width : 180px; }
/*****************************************COMMISSION****************************************/
.commission .titre_left { width : 100%; }
.commission .titre_right { width : 100%; }

.commission .com_flex { 
	gap : 0 20px; 
	flex-direction : column;
}

.commission .com_flex img { width : 100px; }
/*****************************************CMJE****************************************/
.conseil_enf, .conseil_enf_maire { 
	gap 	  : 0 5%; 
	flex-wrap : wrap;
}

.conseil_enf > div, .conseil_enf_maire > div { width : 45%; }
.conseil_enf img { width : 135px; }

.conseil_enf_maire img { width : 150px; }

/*****************************************SERVICES****************************************/
.services { gap : 0px 60px; }

.services img { width : 100px; }

/**********************************************************PRO SANTE*********************************************/
.pro_sante { 
	flex-direction 	: column;
	gap 			: 20px; 
}

.pro_sante > div:nth-child(2) { 
	width : 100%; 
}

.pro_sante ul { 
	width : max-content;
	max-width : 80%;
	margin 	: auto;
}

.pro_sante img { width : 200px; }

.pro_sante > div:nth-child(2) > ul li::before {
	width			: 15px;
	height			: 15px;
	margin-right 	: 17px;
}

/**********************************************************GENDARMERIE*********************************************/
.gendarmerie { 
	flex-direction 	: column; 
	gap 			: 30px;
}

.gendarmerie > div { text-align : center; }

.gendarmerie > div ul li::before {
	width			: 15px;
	height			: 15px;
	margin-right 	: 17px;
}

/**********************************************************BIBLIO*********************************************/
.biblio { flex-direction : column; }

.biblio div { text-align : center; }

.biblio img { width : 80%; }

/**********************************************************PAGE SALLE***********************************************************************/
.sal_princ {
	padding-top : 50px;
	font-size	: 15px;
	line-height : 25px;
	flex-wrap 	: wrap;
	gap 		: 15px;
}

.sal_princ > div:nth-child(2) { width : 400px; }

.dispo_titre {
	font-size 	: 28px;
	line-height : 50px;	
}

.sal_princ img {
	height 	   : 200px;
	object-fit : contain;
}

.sal_tarifs {
	margin-top 		: 20px;
	margin-bottom 	: 50px;
	font-size		: 15px;
	line-height 	: 25px;
}

.sal_tarifs table { width : 100%; }

.sal_tarifs table caption, .sal_tarifs table td {
	padding : 5px 10px;
}

.sal_tarifs table th  { display : none; }

.sal_tarifs table tr td:nth-child(1) {
	background-color 	: #D4D4D4;
	color				: black;
	border 			 	: solid 1px #D4D4D4;
	font-weight			: bold;
	display				: block;
	text-align			: center;
}

.sal_tarifs table td {
	border 			 : solid 1px #D4D4D4;
	background-color : #FFFFFF;
	font-weight 	 : 500;
}

.sal_tarifs table tr td:nth-child(n+2) { 
	display 	: flex; 
	align-items : center;
}

.sal_tarifs table tr td:nth-child(n+2)::before {
	content	: attr(data-label);
	width 	: 50%;
}

.sal_tarifs table tr td span {
	display 	: inline-block;
	width		: 50%;
	text-align 	: center;
	font-weight : bold;
}

.cal_inter { 
	display 			  : grid; 
	grid-template-columns : 1fr 1fr;
}

.cal_inter > div:nth-child(1) {
  grid-column 	: 1/2;
  grid-row 		: 2/3;
}

.cal_inter > div:nth-child(4) {
  grid-column 	: 2/3;
  grid-row 		: 2/3;
}

.cal_inter > object:nth-child(2) {
  grid-column 	: 1/3;
  grid-row 		: 1/2;
  margin : auto;
}

.cal_inter img { height : 80px; }

.cal_inter object:nth-child(3) { display : none; }

.legende { 
	line-height 	: 15px;
	margin-bottom 	: 20px;
}

/*.form_res {
	font-size 	: 20px;
	line-height	: 25px;
}

.form_res input, .form_res select {
	font-size 	: 20px;
	line-height	: 25px;
}

.form_res div {
	margin : 10px 0px;
}*/


/**********************************************************ASSO***********************************************/
.asso {
	grid-template-columns	: 1fr;
	grid-gap				: 20px 0px;
	margin 					: auto;
}

.asso div:nth-child(odd) { 
	border-top 	: solid 2px black;
	padding-top : 10px;
}


.asso > div { text-align : center; }

.asso div:nth-child(odd) img {
	height 		: 150px;
	object-fit 	: contain;
}

.asso ul li:not(.nom, .president)::before {
	width			: 15px;
	height			: 15px;
	margin-right 	: 17px;
}

/*********************************************PUBLICATIONS***********************************************************************/
.pub { gap : 20px; }

.pub_int_type > div img { width : 50px; }

.pub_img_type { text-align : center; }

.pub_img_type img { 
	width 		: 50%;
	object-fit 	: contain; 
}

.pag_int_txt > div:not(.bg_grey) > div.pub { flex-direction : column; }

.pag_int_txt > div.bg_grey > div.pub { flex-direction : column-reverse; }

/*********************************************************PIED DU SITE***********************************************************************/
#pied1 { height	: 625px; }

.pie1_gen { 
	background-size		: 100% auto;
	background-position : right bottom;
	width				: 100%;
	height 				: 100%;
	padding-top			: 15px;
	flex-direction 		: column;
	gap					: 20px;
}

.pie1_adr { margin-left : 20px; }

.pie1_adr div:nth-child(1), .pie1_hor div:nth-child(1) {
	font-size 	: 20px;
	line-height : 22px;
}

.pie1_adr ul, .pie1_hor ul { margin-top : 10px; }

.pie1_adr li, .pie1_hor li {
	font-size		: 17px;
	line-height		: 21px;
	margin-bottom 	: 21px;
}

.pie1_adr ul li::before {
	width				: 15px;
	height				: 15px;
	margin-right 		: 17px;
}

.pie1_adr ul li:nth-child(3)::before {
	width				: 16px;
	height				: 12px;
	margin-right 		: 17px;
}

.pie1_adr li span { margin-left : 32px; }

.pie1_hor { margin-left : 20px; }

.pie1_hor ul li span { margin-left : 15px; }

.pie1_hor ul li::before {
	width				: 6px;
	height				: 6px;
	margin-right 		: 9px;
}

#pied2 { height : 50px; }

.pie2_gen {
	width			: 95%;
	font-size 		: 12px;
	line-height		: 17px;
	height			: 100%;
	gap 			: 20px;
}

.pie2_gen > div { text-align : center; }
.pie2_gen a {
	font-size 	: 12px;
	line-height	: 17px;
}

/*********************************************************PLAN SITE********************************************/
.plan_site > div:not(.ss_menu) { 
	font-size 	: 20px; 
	line-height : 40px;
	margin-top  : 20px;
}

.plan_site > div.ss_menu { 
	font-size 	: 18px; 
	margin-left : 25px;
	text-align : left;
}

/*********************************************************FLECHES********************************************/
#fleche a {
	font-size 	: 15px;
	font-weight : bold;
}

#fleche a img { height : 15px; }

.error_txt > div:nth-child(1) {
	font-size : 28px;
	margin-top : 32px;
}

/*********************************************************ERREUR***********************************************************************/
.error { flex-direction : column; }

.error_img { width : 100%; }

.error_txt { width : 100%; }

.error_txt > div:nth-child(2) { margin-top : 52px; }

.error_txt > div:nth-child(3) { margin-top : 20px; }

.error_txt > div:nth-child(4) { 
	margin-top : 30px; 
	margin-bottom : 30px; 
}

.error_txt > div:nth-child(4) a  { font-size : 16px; }

.error_txt { font-size : 18px; }

/***********************************************LOGIN***********************************************************************/
.login {
	margin 			: 50px auto;
	width 			: 95%;
}

.login > div:nth-child(1) {
	padding 		 : 0px;
	font-size 		 : 30px;
	padding			 : 10px 0px;
}

.login > div:nth-child(1) img {
	height 		 : 35px;
	margin-right : 20px;
}

.login > div:nth-child(n+2) {
	font-size 		: 16px;
	width	  		: 250px;
}

.login > div:nth-child(n+2) > div { padding : 5px 0px; }

.login > div:nth-child(2) { margin-top 		: 30px; }

.login > div:last-child { margin-bottom 	: 30px; }

.login input[type=submit] { padding	: 14px 36px; }

.login a { font-size : 12px; }

.login input[type="email"] {
	width			: 250px;
	font-size		: 16px;
	line-height		: 36px;
	padding			: 0px 0px 0px 40px;	
}

.login input[type=password], .login input[type=text] {
	width 			: 250px;
	font-size 		: 16px;
	line-height 	: 36px;
	padding			: 0px 40px 0px 40px;
}

.pswd_eye, .pswd_mail, .pswd_cadenas {
	height  			: 20px;
	top 				: 14px;
	padding				: 0px;
}

.pswd_mail { left : 10px; }

.pswd_cadenas { left : 12px; }
 
.pswd_eye { right : 10px; }

.pswd_eye img, .pswd_mail img, .pswd_cadenas img { 	height : 20px; }

.login a[href*="logout"] { 
	font-size 	: 16px;
	padding		: 14px 20px; 
	width 		: 170px;
}

.login a[href*="logout"]:before {
	width				: 17px;
	height				: 17px;
	margin-right		: 10px;
	margin-top 			: 4px;
}


/************************************ESPACE CLIENT********************************************/
.esp_cli { 
	font-size 	: 13px;
	line-height : 15px;
	padding	 	: 20px 5% 20px 5%;
}

.esp_cli_titre { 
	flex-wrap 	: wrap;
	gap 		: 10px;
	width 		: 80%; 
	margin 		: auto;
	font-size 	: 18px;
}

.esp_cli_menu {
	width 					: 90%; 
	margin 					: auto;
	grid-template-columns	: repeat(1, 100%);
	grid-gap				: 50px 50px;
	margin-top 				: 50px;
}

.esp_cli_men_int {
	height				  : 95px;
	grid-template-columns : 80px 1fr;
	padding				  : 0px 20px 0px 10px;
}

.esp_cli_men_int img { 
	object-fit  : contain;
	width 		: 65px;
}

.esp_cli_men_int > div:nth-child(2) { font-size : 17px; }

.esp_cli_ssmenu > div.dispo_cal { width : 100%; }

.adm_retour a { margin-left : 3%; }

.adm_button { 
	margin-bottom 	: 5px; 
	flex-direction 	: column;
	gap				: 10px;
}

.adm_retour a { margin-top	: 35px; }

.adm_retour a, .adm_button button {
	width		: 200px;
	font-size	: 18px;
	line-height	: 18px;
	padding		: 5px 15px;
}

.adm_button > div:first-child { display : block; }

.adm_button a {
	font-size		: 18px;
	line-height		: 18px;
	padding			: 5px 15px;
	margin-right 	: 10px;
	width			: min-content;
	margin			: auto;
}

.adm_reserv button, .adm_doc button, .adm_act button, .adm_ass button { 
	width 	: 250px; 
	margin 	: auto;
}

.adm_retour a::before, .adm_button button::before, .adm_button a > div:nth-child(1), .adm_button a > div:nth-child(1) > img  {
	width		: 17px;
	height		: 17px;
	margin-right: 10px;
}

.adm_filtre { 
	position	: absolute;
  background-color : white;
	z-index		: 3;
	left 		: 1%;
	width 		: 200px; 
	font-size 	: 14px;
	line-height : 30px;
	display 	: none;
}

.adm_filtre > form > div { 
	margin 	: 5px 0px;
	padding : 8px 10px;
}

.adm_filtre div > label:first-child { line-height : 30px; }

/***Texte filtrer par***/
.adm_filtre > form > div:first-child { 
	display 		: flex;
	justify-content : space-between;
	font-size		: 18px; 
}

.adm_filtre > form > div:first-child > div:nth-child(2) { 
	display : block; 
	height	: 25px;
	width	: 29px;
} 

.adm_filtre > form > div:first-child > div:nth-child(2) > img { 
	object-fit	: contain;
	height		: 100%;
} 


/***Input et select dans les filtres***/
.adm_filtre input[type="text"] { width : 180px; }

.adm_filtre input[type="checkbox"] + label { width : 180px; }

.adm_filtre input[type="checkbox"] + label::before {
	padding				: 0 0.6rem;
	margin-right		: 20px;
}

.adm_filtre input[type="submit"] {
	font-size	: 16px;
	line-height : 35px;
	padding		: 0px 10px; 
}

.adm_filtre input[type="submit"]:nth-child(2) { margin-left : 15px; }

.gestion_enregistrement { width : 80%; }

.gestion_enregistrement div { margin : 10px 0px; }

.gestion_enregistrement label {
	width 			: 200px;
	min-width		: 200px;
	font-size		: 20px;
	line-height		: 26px;
}

.gestion_enregistrement input, .gestion_enregistrement select { height : 41px; }

.gestion_enregistrement input[type=file] { 
	padding		: 3px 0px; 
	width 		: 500px;
}

.gestion_enregistrement textarea, .gestion_enregistrement input, .gestion_enregistrement select {	
	font-size 	: 20px;
	line-height : 20px;
}

.gestion_enregistrement .separateur { 
	font-size 	: 18px;
	line-height : 18px;
}

.gest_enr_submit input { 
	font-size	: 18px;
	line-height	: 18px;
	padding		: 18px;
}

.file_error { 
	margin-left : 10px; 
	font-size 	: 14px;
}

.legende_adm { flex-direction : column; }
/**********************************************************ETATS**********************************************************************/
.etat_gen { padding : 0px 20px; }

.etat_gen table {
	border-spacing	: 0px 5px;
	font-size 		: 14px;
	line-height	 	: 25px;
}

.etat_gen table thead { display : none; }

.etat_gen table tbody tr {
	display  		: flex;
	flex-direction 	: column;
	width 			: 100%;
	border	 		: solid 1px black;
	margin			: 10px 0px;
}

.etat_gen tbody tr td { padding: 0px 5px; }

.etat_documents .etat_gen tbody tr td:nth-child(3), .etat_actu .etat_gen tbody tr td:nth-child(2), 
.etat_reservation .etat_gen tbody tr td:nth-child(5), .etat_association .etat_gen tbody tr td:nth-child(1) { 	
	order 			      : -2; 
	padding 		      : 0px;
	background-color : #0b3a6a;					
	color			 : #FFFFFF;
	font-weight 	 : bold;
	line-height 	 : 30px;
	font-size 		 : 14px;
	text-align 		 : center;
}

.etat_gen tbody tr td:nth-child(n+1) { text-align : left; }
.etat_gen tbody tr td:last-child { text-align : center; }

.etat_gen tbody tr td:nth-child(n+1)::before  {
	content 		: attr(data-label) " : ";
	display 		: inline-block;
	width			: 90px;
	font-weight 	: bold;
}

.etat_reservation .etat_gen tbody tr td:nth-child(n+1)::before { width : 100px; }
.etat_reservation .etat_gen tbody tr td:last-child::before { width : 0px; }

.etat_documents .etat_gen tbody tr td:nth-child(3)::before, .etat_actu .etat_gen tbody tr td:nth-child(2)::before, 
.etat_reservation .etat_gen tbody tr td:nth-child(5)::before, .etat_association .etat_gen tbody tr td:nth-child(1)::before { 
	content : "";
	width 	: 0px;
}

.etat_gen tbody tr td:last-child::before { 
	content : ""; 
	width	: 0px;
}

.etat_gen button img { 
	width 			: 30px;
	height 			: 30px;
	object-fit 		: contain;
	vertical-align 	: middle;
}

.etat_gen button {
	font-size	: 18px;
	line-height	: 18px;
	padding		: 5px;
}

.etat_gen button:before {
	width		: 17px;
	height		: 17px;
	margin-right: 10px;
}

.etat_reservation, .etat_documents, .etat_actu { gap : 50px; }

.etat_reservation form div.etat_gen, .etat_documents form div.etat_gen, .etat_actu form div.etat_gen { width : 100%; }