* {
	box-sizing : border-box;
}

@font-face {
	font-family	 : "Din";
	src: url("fonts/DIN-Bold.ttf");
	font-weight  : bold;
}

@font-face {
	font-family	 : "Din";
	src: url("fonts/DIN.ttf");
	font-weight  : normal;
}

@font-face {
	font-family	 : "Din";
	src: url("fonts/DIN-Medium.ttf");
	font-weight  : 500;
}

@font-face {
	font-family	 : "Futura XBlkCn BT";
	src: url("fonts/Futura-XBlkCn-ExtraBlack.ttf");
	font-weight  : normal;
}
/**************************************************************CSS PAR DEFAUT SELON BALISE***************************************/
html, body {
	font-family			: Din;
	font-weight			: normal;
	font-size   	    : 12px;
	margin				: 0;
	padding				: 0;
	background-color 	: #FFFFFF;
}

table, td, p {
	margin				: 0px;
	padding 			: 0px;
	border  			: none;
}

img { border : none; }

button, ul {
	margin	  			: 0;
	padding    			: 0;
	background 			: none;
	border 	   			: none;
}

input {	margin : 0; }

fieldset {
	margin  			: 0;
	padding 			: 0;
}

a { color : inherit; }
.flex { display : flex; }
.end { justify-content : end; }
.aligncenter { align-items :center; }
.between { justify-content : space-between; }

.left { text-align : left; }
.center { text-align : center; }
.right { text-align : right; }

.italic { font-style : italic; }
.bold { font-weight : bold; }

.bg_grey { background-color : #F8F8F8; }

/**************************************************************EN TETE DU SITE***************************************/
#entete { background-color : #0B3A6A; }

.ent_gen {
	margin 					: auto;
	display 				: flex;
    justify-content 		: space-around;
	height 					: 100%;
}

.ent_soc {
	display 			: flex;
	align-items 		: center;
}

.ent_soc a {
	color 			: #FFFFFF;
	font-family 	: Futura XBlkCn BT;
	text-decoration : none;
}

.ent_men { display 	: flex; }

.menu, .menu_sel { 
	color 					: #FFFFFF; 
	display 				: flex;
	justify-content 		: center;
	align-items 			: center;
}

.menu div, .menu_sel div {
	display 		: inline-block;
	text-align 		: left;
	font-weight 	: bold;
	text-decoration : none;
	cursor			: pointer;
}

.menu_sel { background-color : #52c6b0; }

#menu_mob { display : none; }

.ent_men span {
	display 	: block;
	font-weight : normal;
}

.ent_men a { text-decoration : none; }

.ent_rec { 
	display : flex; 
	display	: -webkit-box;
	display	: -webkit-flex;
	display	: -ms-flexbox;
}

.ent_rec > div { background-color : #3E77A8; }

.ent_rec div:nth-child(2) { 
	background-color : #FF6060; 
	text-align 		 : center;
}

.ent_rec div:nth-child(3) { background-color : #52C6B0; }

.ent_lan { display 	: flex; }

.ent_lan a { 
	font-weight		: bold; 
	text-decoration : none; 
	color			: #FFFFFF;
}

.ent_lan img { object-fit 	: contain; }
	
.men_ssmenu {
	background-color 	: #3E77A8;
	position			: relative;
	z-index				: 15;
	display 			: none;
}

.men_ssmenu div { border-bottom : solid 1px #0B3A6A; }

.men_ssmenu div a {
	color 			: #FFFFFF;
	text-transform 	: uppercase;
	font-weight 	: bold;
	cursor 			: pointer;
}

.men_ssmenu div a:hover { color : #0B3A6A; }

/**********************************************************POSITIONNEMENT DE LA PAGE***********************************/
#page { 
	margin		  : auto;
}

.bg_page {
	background-repeat 	: no-repeat;
	background-position : center left;
	background-size 	: 100% auto;
	height 				: 750px;
}

.bg_page > div {
	background-color : rgb(255,255,255,0.8);
	padding-bottom 	 : 50px; 
	height			 : 100%;
	overflow-y		 : scroll; 
}

.pag_img_ent { 
	background-size 	: 100% auto;
	background-repeat 	: no-repeat;
}

#page .pag_img_ent img {
	width  : 100%;
	height : auto;
}

#page .pag_det_men { margin : auto; }

#page .pag_det_men, #page .pag_det_men a { color : #6E6E6E; }

#page h1 {
	font-weight : bold;
	text-align 	: center;
}

#page .pag_int_txt { 
	margin 		: auto; 
	text-align 	: justify;
}

.titre_left { text-align : left; }
.titre_right { text-align : right; }

.titre_left, .titre_right {
	font-weight  : bold;	
	border-style : solid;
	border-width : 0px 0px 5px 0px;
}

.bleu { border-color : #3E77A8; }
.rouge { border-color : #FD6060; }
.vert { border-color : #52C6B0; }
/******************************************************GENERALITES*********************************************/
.generalites > div:nth-child(1) { float : left; }

/******************************************************HISTORIQUE*********************************************/
.histo_flex {
	display 	: flex;
	align-items : center;
}

.histo_gauche > div:nth-child(1) { text-align : center; }
.histo_droite > div:nth-child(2) { text-align : center; }

.histo_lgv {
	text-align 	: center;
	font-weight	: bold;
}

.histo_eglise { 
	display : block;
	margin	: auto;
}

.grid_maire { 
	display					: grid;
	grid-template-columns 	: 1fr 1fr;
	grid-gap				: 0px 20px;
}

.grid_maire div:nth-child(odd) { text-align : right; }

.grid_maire div:nth-child(even) { font-style : italic; }

/***************************************************.****NVX HABITANTS******************************************/
.nvx_hab ul { 
	list-style-type : disc; 
	display			: inline-block;
	text-align 		: left;
	font-weight		: bold;
}

.nvx_hab ul li::marker { color : #3E77A8; }

.nvx_hab_liste li { font-weight : normal; }

.nvx_hab_bienvenue {
	font-weight : bold;
	text-align  : center;
}
/**************************************************DEMARCHES********************************************/
.dem_gauche, .dem_droite { 
	display 	: flex; 
	align-items : center;
	margin		: auto;
}

.dem_gauche > div { text-align : center; }
.dem_droite > div { text-align : center; }

.dem_droite ul, .dem_gauche ul { 
	list-style-type : disc; 
	display			: inline-block;
	text-align 		: left;
}

.dem_droite ul li::marker, .dem_gauche ul li::marker { color : #3E77A8; } 

.dem_liste ul { 
	list-style-type : disc; 
	display			: inline-block;
	text-align 		: left;
}

.dem_liste ul li::marker { color : #3E77A8; }

/*****************************************CONSEIL MUNICIPAL****************************************/
.conseil_flex { display : flex; }

.conseil_flex > div:nth-child(1) { 
	font-style : italic; 
	font-weight : bold; 
	text-align : center;
}

/*****************************************COMMISSIONS****************************************/
.commission .com_flex { 
	display : flex;
	align-items : center;	
}

/*****************************************CMJE****************************************/
.conseil_enf, .conseil_enf_maire {
	display 		: flex;
	flex-wrap 		: wrap;
	justify-content : center;
}

.conseil_enf > div, .conseil_enf_maire > div { text-align : center; }	
/**********************************************************LES ELUS*********************************************/
.grid_elu {
	display					: grid;
	grid-template-rows		: auto;
	grid-auto-rows 			: auto;
}

.grid_elu img { width : 100%; }

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

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

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

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

.autres_elus .flex { 
	justify-content : space-around; 
	align-items 	: center;
}

.autres_elus .flex_end { 
	display 		: flex;
	justify-content : end; 
}
/*****************************************SERVICES****************************************/
.services {
	display 		: flex;
	flex-wrap 		: wrap;
	justify-content : center;
}

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

/*****************************************SANTE****************************************/
.pro_sante {
	display 		: flex;
	justify-content : center;
	align-items 	: center; 
}

.pro_sante ul { list-style-type : none; }


.pro_sante > div:nth-child(2) > ul li {
	display 	: flex;
	align-items : center;
}

.pro_sante > div:nth-child(2) > ul li::before {
	display				: inline-block;
	position			: relative;
	content				: "";
	background-repeat	: no-repeat;
	background-size		: contain;
}

.pro_sante > div:nth-child(2) ul li.nom { font-style : italic; }
.pro_sante > div:nth-child(2) ul li.adresse::before { background-image : url("images/ico_adresse.svg"); }
.pro_sante > div:nth-child(2) ul li.tel::before { background-image : url("images/ico_tel.svg"); }
.pro_sante > div:nth-child(2) ul li.site::before { background-image : url("images/ico_site.svg"); }

/**********************************************************GENDARMERIE*********************************************/
.gendarmerie {
	display : flex;
	justify-content : space-around;
}

.gendarmerie ul { list-style-type : none; }

.gendarmerie > div ul li::before {
	display				: inline-block;
	position			: relative;
	content				: "";
	background-repeat	: no-repeat;
	background-size		: contain;
}

.gendarmerie > div ul li.adresse::before { background-image : url("images/ico_adresse.svg"); }
.gendarmerie > div ul li.tel::before { background-image : url("images/ico_tel.svg"); }
.gendarmerie > div ul li.hor::before { background-image : url("images/ico_heure.svg"); }

/**********************************************************BIBLIO*********************************************/
.biblio {
	display 		: flex;
	justify-content : space-around;
	align-items 	: center;
}

/**********************************************************PAGE ACCUEIL*********************************************/
.carrousel {
	position 	: relative;
	margin		: auto;
}

.car_img { display : none; }

.car_img img { object-fit 	: cover; }

.car_puce { position 	: absolute; }

.car_puce_rd {
	cursor				: pointer;
	background-color	: #0B3A6A;
	border				: solid 3px #FFFFFF;
	border-radius		: 50%;
	display				: inline-block;
	transition			: background-color 0.6s ease;
}

.active, .car_puce_rd:hover { 
	background-color	: #FFFFFF;
	border				: solid 3px #0B3A6A;	
}
	
.car_anim {
  -webkit-animation-name		: fade;
  -webkit-animation-duration	: 1.5s;
  animation-name				: fade;
  animation-duration			: 1.5s;
}

@-webkit-keyframes fade {
  from 	{opacity: .4}
  to 	{opacity: 1}
}

@keyframes fade {
  from 	{opacity: .4}
  to 	{opacity: 1}
}

.car_txt { 
	position			: absolute;
	display 			: none;
	background-color 	: #FFFFFF;
	border-radius 		: 14px;
	opacity 			: 0.52;
}

.car_txt_titre {
	font-weight : bold;
	color		: #0B3A6A;
}

.car_txt_descr {
	color		: #0B3A6A;
	font-weight	: normal;
}

.menu_rapide {
	position 			: absolute;
	background-color  	: rgba(255,255,255,0.75);
	border-radius		: 8px;
}

.men_rap_titre {
	display 		: flex;
	justify-content : space-between;
	align-items 	: center;
}

.men_rap_tit_trait {
	border 			: solid 1px #F5F5F5;
	border-radius 	: 10px;
}

.men_rap_tit_txt { font-weight : bold; }

.men_rap {
	display 		: flex;
	flex-wrap 		: wrap;
	justify-content : space-between;
}

.men_rap_carre {
	display 		: flex;
	flex-direction	: column;
	justify-content : space-between;
	border			: 3px solid #F5F5F5;
	border-radius	: 10px;
	text-align 		: center;
	font-weight		: 500;
	text-transform 	: uppercase;
}

.men_rap a { 
	display			: block;
	text-decoration : none; 
}

.acc_titre {
	font-weight : bold;
	text-align 	: center;
}

.acc_message {
	font-weight : 500;
	text-align 	: center;
}

.acc_actu { background-color : #F8F8F8; }

.acc_actu_bg {
	background-image 	: url("images/bandeau_marche.jpg");
	background-position : top left;
	background-repeat 	: no-repeat;
}

.acc_actu_titre {
	font-weight : bold;
	text-align  : right;
}

.acc_actu_int { 
	display 		: flex; 
	align-items 	: flex-end;
	justify-content : space-between;
}

.acc_actu_tte {
	text-decoration : underline;
	font-weight 	: bold;
}

.acc_actu_tte a { color : #000000; }

.acc_actu_int .act_bloc { 
	display 		: flex; 
	justify-content : space-between;
}

.acc_actu_int .act_bloc .act_int { background-color : #FFFFFF; }


.acc_actu_int .act_bloc .act_int > div:nth-child(1) {  /*Affichage de la date*/
	font-weight : bold;
	color 		: #939393;
	text-align  : center;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(2) {
	color : #FFFFFF;
	font-weight : bold;
	text-align : center;
}

.acc_actu_int .act_bloc .act_int:nth-child(1) > div:nth-child(2) {
	background-color : #FD6060;
}

.acc_actu_int .act_bloc .act_int:nth-child(2) > div:nth-child(2) {
	background-color : #3E77A8;
}

.acc_actu_int .act_bloc .act_int:nth-child(3) > div:nth-child(2) {
	background-color : #52C6B0;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(3) {
	font-weight : 500;
	text-align : center;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(4) {
	font-weight : bold;
	text-transform : uppercase;
	text-decoration : underline;
	text-align 		: right;
}

.acc_actu_int .act_bloc .act_int > div:nth-child(4) a {
	color : #000000;
} 

/**********************************************************SALLE***********************************************/
.sal_princ {
	display 		: flex;
	justify-content : center;
	align-items 	: center;
	font-weight		: 500;
}

.sal_princ img { border-radius : 10px; }

.sal_tarifs { font-weight : 500; }

.sal_tarifs table {
	margin 			: auto;
	border-collapse : collapse;
}

.sal_tarifs table caption, .sal_tarifs table th {
	background-color 	: #0B3A6A;
	color				: white;
	border 			 	: solid 1px #D4D4D4;
	font-weight			: bold;
}

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

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

.dispo_titre {
	font-weight			: bold;
	text-align 			: center;
}

.dispo_cal { text-align : center; }

.cal_inter {
	display 		: flex;
	justify-content : center;
	align-items		: center;
}

.cal_inter object { height : 100%; }

/*.form_res {
	margin-bottom 			: 50px;
	display 	  			: grid;
	grid-template-column 	: max-content;
	justify-content 		: center;
}

.form_res > div {
	align-self 		: center;
	justify-self 	: left;
}

.form_res > div:nth-child(5) {
	place-self : center;
}*/

/***************************************************************CALENDRIER***********************************/
#obj_cal1, #obj_cal2 { 
	height 	: 280px; 
	width	: 287px;
}

.legende, .legende_adm { 
	display			: flex;
	justify-content : center;
	align-items 	: center;
}

.legende_adm > div { display : flex; }

.legende > div > div:nth-child(1), .legende_adm > div > div:nth-child(1) {
	width  			: 20px;
	height 			: 20px;
	margin-right 	: 10px;
}


.legende > div:nth-child(1) > div, .indisponible { background-color : #D4D4D4; }
.legende > div:nth-child(2) > div, .disponible { background-color : #CCFFCC; }
.legende > div:nth-child(3) > div, .reserve { background-color : #FF8888; }

.legende > div:nth-child(n+2), .legende_adm > div:nth-child(n+2) { margin-left : 15px; }

.legende_adm > div:nth-child(1) > div:nth-child(1) { background-color : #CCFFCC; }
.legende_adm > div:nth-child(2) > div:nth-child(1), .en_attente { background-color : #FFCD9B; }
.legende_adm > div:nth-child(3) > div:nth-child(1), .reserve_int { background-color : #FF8888; }
.legende_adm > div:nth-child(4) > div:nth-child(1), .reserve_ext { background-color : #CB97FF; }

.calendrier {
	width 		: 287px;
	color		: #0B3A6A;
	font-size	: 15px;
}

.cal_titre {
	background-color : #0B3A6A;
	color 			 : white;
	padding			 : 5px 5px;
	font-size 		 : 18px;
	height			 : 40px;
}

.cal_titre input {
	border 		: none;
	background 	: none;
	color 		: white;
	padding		: 0px;
	font-size	: 18px;
}

.cal_titre div:nth-child(2) {
	flex 		: 1;
	text-align 	: center;
}

.cal_titre, .cal_sem, .cal_ligne {
	display 		: flex;
	justify-content : center;
	align-items 	: center;
}

.cal_sem { height : 30px; }

.cal_ligne {
	border-style : solid;
	border-color : #ECECEC;
	border-width : 2px 0px 0px 2px;
}

.calendrier div.cal_ligne:last-child { border-bottom : solid 2px #ECECEC; }

.cal_sem div {
	width 		: 41px;
	text-align 	: center;
	font-size	: 12px;
	margin		: 5px 0px;	
}

.cal_jour_prec, .cal_jour_suiv { color : #F2F2F2; }

.cal_jour_sel {
	color 				: white;
	background-color 	: #0B3A6A;
}

.cal_jour, .cal_jour_prec, .cal_jour_suiv {
	width 			: 41px;
	height 			: 30px;
	display 		: flex;
	justify-content : center;
	align-items 	: center;
	border-right 	: solid 2px #ECECEC;
}

/**********************************************************ASSO***********************************************/
.asso {
  display 		: grid;
  align-items	: center;
}

.asso > div:nth-child(odd) { text-align : center; }

.asso ul { list-style-type: none;	}

.asso ul li::before {
	display				: inline-block;
	position			: relative;
	content				: "";
	background-repeat	: no-repeat;
	background-size		: contain;
}

.asso ul li.nom { font-weight : bold; }
.asso ul li.president { font-style : italic; }

.asso ul li.adresse::before { background-image	: url("images/ico_adresse.svg"); }
.asso ul li.tel::before { background-image	: url("images/ico_tel.svg"); }
.asso ul li.mail::before { background-image	: url("images/ico_mail.svg"); }
.asso ul li.site::before { background-image	: url("images/ico_site.svg"); }
.asso ul li.facebook::before { background-image	: url("images/logo_facebook.jpg"); }

/****************************************************PUBLICATIONS***********************************************/
.pub {
	display 		: flex;
	justify-content : space-around;
}

.pub_int_type, .pub_anc_doc { 
	display 		: flex;
	flex-direction 	: column; 
}

.pub_int_type > div:not(.pub_anc_doc, .pub_btn_plus), .pub_anc_doc > div:not(.pub_btn_moins) { 
	display 	: flex; 
	align-items : center;
}

.pub_anc_doc { display : none; }

.pub_btn_plus, .pub_btn_moins { text-align : center; }

.pub_btn_plus button, .pub_btn_moins button { 
	font-size		: inherit;
	text-decoration	: underline;
	cursor			: pointer;
	line-height		: normal;
	font-family		: Din;
	font-weight		: normal;
}

/*********************************************************PIED DU SITE****************************************/
#pied1 { background-color 	: #DEF0F3 ; }				

.pie1_gen { 
	background-image	: url("images/pie_carte.png");
	background-repeat	: no-repeat;
	background-position	: right top;
	display				: flex; 
	justify-content 	: start;
	margin				: auto;
}

.pie1_cte { height : 100%; }

.pie1_cte img {
	height 		: 100%;
	object-fit 	: contain;
}

.pie1_adr > div:nth-child(1), .pie1_hor > div:nth-child(1) { font-weight : bold; }

.pie1_adr ul, .pie1_hor ul { list-style-type: none;	}

.pie1_adr ul li { 
	display 	: flex;
	align-items : center;
	font-weight : 500; 
}

.pie1_adr ul li, .pie1_hor ul li { font-weight 	: 500; }

.pie1_adr ul li a { 
	text-decoration : none;
	color 			: #000000;
}

.pie1_adr ul li::before {
	display				: inline-block;
	position			: relative;
	content				: "";
	background-repeat	: no-repeat;
	background-size		: contain;
}

.pie1_adr ul li:nth-child(1)::before { background-image	: url("images/ico_adresse.svg"); }

.pie1_adr ul li:nth-child(2)::before { background-image	: url("images/ico_tel.svg"); }

.pie1_adr ul li:nth-child(3)::before { background-image	: url("images/ico_mail.svg"); }

.pie1_adr ul li:nth-child(4)::before { background-image	: url("images/logo_facebook.jpg"); }

.pie1_adr li span, .pie1_hor li span { display 	: block; }

.pie1_hor ul li::before {
	display				: inline-block;
	position			: relative;
	content				: "\2022";
}

#pied2 { background-color : #0B3A6A; }

.pie2_gen { 
	display 		: flex; 
	justify-content : center;
	align-items 	: center;
	color			: #FFFFFF;
	letter-spacing	: 0px;
	margin			: auto;
}

.pie2_gen a {
	text-decoration : none;
	color			: #FFFFFF;
	letter-spacing	: 0px;
}

.pie2_gen a:hover { text-decoration : underline; }

/*********************************************************PLAN SITE********************************************/
.plan_site > div:not(.ss_menu) { 
	font-weight : bold; 
	color : #0B3A6A;
}

/*********************************************************FLECHES********************************************/
#fleche {
	position 			: fixed;
	bottom 	 			: 20px;
	right 	 			: 2%;
	z-index	 			: 1;
	background-color 	: #FFFFFF;
	border-radius 		: 20px;
	border 				: solid 2px #0B3A6A;
	padding				: 10px;
	display				: none;
}

#fleche a {
	display 		: flex;
	display			: -webkit-box;
	display			: -webkit-flex;
	display			: -ms-flexbox;
	align-items 	: center;
	color 			: #0B3A6A;
	text-decoration : none;
}

#fleche a img { margin-right : 10px; }

/*********************************************************ERREUR********************************************/
.error {
	display 		: flex;
	justify-content : space-around;
	align-items 	: center;
	width 			: 86%;
	height 			: 100%;
	margin 			: auto;
}

.error_img { width : 57%; }

.error_img img { width : 100%; }

.error_txt { width : 32%; }

.error_txt > div:nth-child(1), .error_txt > div:nth-child(2) { font-weight 	: bold; }

.error_txt > div:nth-child(4) {
	display 		: flex;
	justify-content : space-between;
}

.error_txt > div:nth-child(4) a  {
	color 			: #0B3A6A;											
	font-weight 	: bold;
	text-decoration : none;
}

.error_txt > div:nth-child(4) div {
	border-bottom 	: solid 2px #0B3A6A;							
	padding 		: 2px 0px;
}
/*********************************************************LOGIN***********************************************************************/
.login {
	border 			: solid 2px #0B3A6A;						
	border-radius 	: 25px;
}

.login span { 
	display 	: block; 
	text-align 	: center;
}

.login > div:nth-child(1) {
	background-color : #0B3A6A;								
	border-radius 	 : 25px 25px 0px 0px;
	font-weight 	 : bold;
	text-align		 : center;
	color 			 : #FFFFFF;								
	display			 : flex;
	justify-content	 : center;
	align-items 	 : center;
}

.login > div:nth-child(n+2) {
	font-weight		: 500;
	font-stretch	: normal;
	font-style		: normal;
	letter-spacing	: normal;
	color			: #000000;
	margin			: auto;
}

.login input[type=submit] {
	background-color 	: #0B3A6A;										
	box-shadow 			: 0 1px 3px 0 rgba(0,0,0,0.1);
	border				: solid 1px #0B3A6A;						
	font-weight			: bold;
	color				: #FFFFFF;
	border-radius 		: 3px;
}

.login a {
	color			: black;
	text-decoration : underline;
	color			: #0B3A6A;						
	font-weight 	: bold;
}

.login a:hover { text-decoration : none; }

.login_input { position : relative }

.login_submit { text-align 	: right; }

.login input:not([type='submit']){
	border			: solid 1px #D7D7D7;
	border-radius	: 3px;
}

.pswd_eye, .pswd_mail, .pswd_cadenas { 
	position 			: absolute; 
	background-color 	: #FFFFFF;
}

.login_cpte > div { 
	display 		: flex;
	justify-content : flex-end;
}

.login a[href*="logout"] { 
	background-color 	: #0B3A6A;									
	box-shadow 			: 0 1px 3px 0 rgba(0,0,0,0.1);
	border				: solid 1px #0B3A6A;						
	font-weight			: bold;
	color				: #FFFFFF;
	border-radius 		: 3px;	
	text-decoration 	: none;
	display				: flex;
}

.login a[href*="logout"]:before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	background-image	: url("images/deconnexion.png");
}

/************************************ESPACE CLIENT********************************************/
.esp_cli { margin : auto; }

.esp_cli_chemin a { 
	text-decoration : none; 
	color			: inherit; 
}

.esp_cli_titre { 
	display 		: flex;
	justify-content : space-between;
	font-weight		: bold;
}

.esp_cli_titre a {
	text-decoration : none;
	color 			: inherit;
	display			: flex;
	align-items 	: center;
	cursor			: pointer;
}
	
.esp_cli_titre a::before {
	position			: relative;
	content 		 	: "";
	background-repeat	: no-repeat;
	background-size		: contain;
	width				: 20px;
	height				: 20px;
	margin-right		: 10px;
	margin-top			: 1px;
	background-image	: url("images/deconnexion.png");	
}

.esp_cli_menu { 
	display			: grid; 
	justify-content : center;
}

.esp_cli_men_lien { 
	text-decoration : none; 
	color 			: inherit;
}

.esp_cli_men_lien:hover { background-color : #52c6b0; }

.esp_cli_men_int {
	border-radius 	: 8px;
	border			: solid 1px #727272;					/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => 727272, mod : 0) */	box-shadow		: 7px 10px 20px 0 rgba(0, 0, 0, 0.16);
	text-align		: center;
	display			: grid;
	align-items		: center;
}

.esp_cli_men_int > div:first-child {
	grid-column : 1 / 2;
	grid-row 	: 1 / 3;
}

.esp_cli_men_int > div:nth-child(2) {
	grid-column : 2 / 3;
	grid-row 	: 1 / 2;
	font-weight : bold;
}

.esp_cli_men_int > div:nth-child(3) {
	grid-column : 2 / 3;
	grid-row 	: 2 / 3;
	font-style 	: italic;
}

.etat_reservation, .etat_documents, .etat_actu, .etat_association {
	display 		: flex;
	justify-content : center;
}

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

.adm_retour a, .adm_button button, .adm_button a { 
  display			: flex;
  justify-content	: center;
  align-items		: center;
  border-radius		: 20px;
  border-style		: solid;
  border-color		: #0B3A6A;
  background-color	: #0B3A6A;
  text-decoration	: none;
  color				: #FFFFFF;
  cursor 			: pointer;
}

.adm_retour a::before, .adm_button button::before {
  position			: relative;
  content			: "";
  background-repeat	: no-repeat;
  background-size	: contain;
}

.adm_retour a::before { background-image : url("images/icone_retour.png"); }
.adm_reserv button::before { background-image: url("images/icone_aj_reservation.png"); }
.adm_doc button::before { background-image: url("images/icone_aj_documents.png"); }
.adm_ass button::before { background-image: url("images/icone_aj_documents.png"); }
.adm_act button::before { background-image: url("images/icone_aj_documents.png"); }
  
.adm_filtre > form > div:nth-child(n+1) { background-color : #d7d7d7; }

.adm_filtre > form > div > label:first-child { 
	font-weight : bold;
	display 	: block;
}

.adm_filtre > form > div:first-child { 
	border-radius 	: 10px 10px 0px 0px;
	font-weight		: bold;
	text-align		: center;
}

.adm_filtre > form > div:first-child > div:nth-child(2) { display : none; } 

.adm_filtre > form > div:last-child {
	border-radius 	: 0px 0px 10px 10px;
	text-align 		: center;
}

.adm_filtre input[type="checkbox"] { display : none; }

.adm_filtre input[type="checkbox"]+label { display : inline-block; }

.adm_filtre input[type="checkbox"] + label::before {
	content				: '';
	border				: solid 1px #727272;	
	background-color 	: #FFFFFF;
}

.adm_filtre input[type="checkbox"]:checked + label::before { background-color 	: #0b3a6a; }

.adm_filtre input[type="submit"] {
	border 			: solid 1px #0b3a6a;					
	background 		: none;
	color 			: #0b3a6a;							
	border-radius 	: 15px;
	font-weight 	: bold;
	cursor			: pointer;
}

.gestion_enregistrement { margin : auto; }

.gestion_enregistrement > div { display : flex; }

.gestion_enregistrement label {
	display 		: flex;
	justify-content : end;
	align-items 	: center;
	text-align 		: right;
}

.gestion_enregistrement label[for="res:commentaires"], 
.gestion_enregistrement label[for="doc:description"],
.gestion_enregistrement label[for="act:texte"] { align-items : start; }

.gestion_enregistrement input:not(.err_input), select:not(.err_input), textarea:not(.err_input) { border : 2px solid #969696; }

.err_input { border : 2px solid red; }

.gestion_enregistrement input, .gestion_enregistrement textarea {
	border-radius		: 15px;
	background-color	: #FFFFFF;	
	text-indent 		: 10px;	
}

.gestion_enregistrement input[type=file]::file-selector-button {
	border-color 		: #0B3A6A;
	background-color 	: #0B3A6A;
	color				: #fff;
	cursor				: pointer;
	font-family			: Din;
}

.gestion_enregistrement select {
	border-radius		: 15px;
	background-color	: #FFFFFF;
}

.gestion_enregistrement .separateur { 
	font-style 		: italic; 
	justify-content : end;
}

.gest_enr_submit { 
	width 		: 80%;
	margin 		: auto;
	text-align 	: center; 
}

.gest_enr_submit input { 
	background-color	: #0B3A6A;
	text-transform		: uppercase;
	cursor				: pointer;
	letter-spacing		: 1px;
	border-radius		: 3px;
	border				: none;
	color				: #FFFFFF;
}

.txt_error { display : none; }

.file_error { 
	color   	: #FF0000; 
	display 	: flex;
	align-items : center;
}

.editeur {
	
}

.edi_toolbar {
	display 	: flex;
	flex-wrap 	: wrap;
}

.edi_toolbar > div:nth-child(1), .edi_toolbar > div:nth-child(2), .edi_toolbar > div:nth-child(3), .edi_toolbar > div:nth-child(4),
.edi_toolbar > div:nth-child(5), .edi_toolbar > div:nth-child(n+9) { 
	display : none; 
}

.edi_toolbar > div:last-child { display : none; }

/****************************************ETATS******************************************************/
.etat_gen div {
	text-align 	: center;
}

.etat_gen table { 
	margin 			: auto; 
	border-collapse : separate;
	width			: 100%;
}

.etat_gen table thead {
	background-color : #727272;						/*UpdateCss:SetCssColor cl_ton1*/

 /* (cl_ton1 => 727272, mod : 0) */	color			 : #FFFFFF;
}

.etat_gen th { 
	font-weight : bold; 
	white-space	: nowrap;
	text-align  : center;
}

.etat_gen th a {
	text-decoration  : none;
	color			 : #FFFFFF;
}

.etat_gen tbody tr:nth-child(2n) { background-color : #E2E5EA; }

.etat_gen td a { color : #000000; }

.etat_gen button {
	display				: inline-flex;
	align-items			: center;
	cursor				: pointer;
	border				: none;
	cursor 				: pointer;
}

.etat_gen button:before { 
	position			: relative;
	content				: "";
	background-repeat	: no-repeat;
	background-size		: contain;
}

.etat_gen button.btn_modifier:before { 	background-image : url("images/ico_modifier.png"); }
.etat_gen button.btn_valider:before { 	background-image : url("images/ico_valider.png"); }
.etat_gen button.btn_supprimer:before { 	background-image : url("images/ico_supprimer.png"); }