@font-face { font-family: 'Ubuntu'; src: url('/assets/fonts/Ubuntu-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: 'Ubuntu'; src: url('/assets/fonts/Ubuntu-Medium.ttf') format('truetype');  font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Ubuntu'; src: url('/assets/fonts/Ubuntu-Bold.ttf') format('truetype');    font-weight: 700; font-style: normal; font-display: swap;}

:root { --bg: #f1e1d9;  --bleu: #044471; --rouge:#e83e4c; --fonce:#8c8480; }



body 				{ font-family: 'Ubuntu', sans-serif!important; background-color: var(--bg); color: #212529; }
a, button 			{ transition-duration:0.3s; }
h1, h2, h3, h4 		{ font-weight: 700; }
strong 				{ font-weight: 500; }

#logo-txt 			{ max-width:600px; width: 100%; display: block; margin: auto;}
#logo-illus 		{ max-width:900px; width: 100%; }

.br-25, .br			{ border-radius:25px; }
.bg-bleu			{ background-color:var(--bleu); color:#fff; }

.modal-content 		{ background-color: var(--bg); }
.modal-header 		{ background-color:var(--bleu); color:#fff ; }
.modal-dialog-scrollable .modal-content { border-radius: 25px; }


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ======= HOME ======= HOME ======= HOME ======= HOME ======== HOME ======= HOME ======= HOME ======= HOME =======  HOME =======  HOME =======  HOME ======= HOME ======= */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#homesvgmap svg { fill: var(--bleu)!important; transition:duration:0.3s; color:var(--bleu)!important; }
#homesvgmap svg path { fill: var(--bleu)!important; }
#homesvgmap svg path:hover { fill: var(--rouge)!important; }

#homesvgmap svg a:hover { fill: var(--rouge); }


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ========== COMMUNES ======= COMMUNES ======= COMMUNES ======= COMMUNES ======== COMMUNES ======= COMMUNES ======= COMMUNES ======= COMMUNES ======= COMMUNES ========== */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.communes h1 					{ color: var(--bleu); }
.photos-communes img 			{ display: block; width: 100%; object-fit: cover; height: 400px; }

.fiche-intro 					{ list-style:none; padding-left:0px!important; }
.fiche-intro li 				{ font-size:1.4rem; color:var(--bleu); }
.fiche-intro li span 			{ font-size:1.5rem; color:var(--bleu); font-weight: 700; }
.fiche-intro li span a			{ color:var(--bleu); text-decoration:none; }

.fiche-intro li a:hover 		{ color:var(--rouge); }
.commune-introduction			{ font-size:1.08rem; }

.bloc-commune-intro 			{ border-radius:25px; text-align:center; height:160px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:-8px; margin-bottom:25px; }
.bloc-commune-intro img 		{ height:auto; max-width:100px; margin-bottom:15px; }

.bloc-commune-intro.bloc-1 img 	{ height:auto; max-width:100px; margin-bottom:15px; }
.bloc-commune-intro.bloc-2 img 	{ height:auto; max-width:50px; margin-bottom:15px; }
.bloc-commune-intro.bloc-3 img 	{ height:auto; max-width:50px; margin-bottom:15px; }


.bloc-commune-intro span 		{ display:block; }
.bloc-commune-intro span.text-1 { font-size:0.7rem; color:var(--bg); }
.bloc-commune-intro span.text-2 { font-size:1.4rem; font-weight:700; }
.bloc-commune-intro span.text-3 a { font-size:0.7rem; color:var(--bg); text-decoration:none; }
.bloc-commune-intro span.text-3 a:hover { color:var(--rouge); }


#map { margin-bottom:4rem; border-radius:25px; border: solid 10px var(--bleu); }


.bloc-commune 			{ border-radius:25px; text-align:center; height:160px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:-8px; margin-bottom:25px; transition-duration:0.3s; }
.bloc-commune img 		{ height:auto; max-width:100px; margin-bottom:15px; }
.bloc-commune span 			{ display:block; }
.bloc-commune .text-1 	{ font-size:0.7rem; color:var(--bg); }
.bloc-commune .text-2 	{ font-size:1.4rem; font-weight:700; }
.bloc-commune .text-3 a { font-size:0.7rem; color:var(--bg); text-decoration:none; }
.bloc-commune .text-3 a:hover { color:var(--rouge); }

.bloc-communes-adjacentes 			{ height:auto!important; }

.bloc-communes-adjacentes .text-1	{ font-size:1.0rem; color:#fff; font-weight:800;); }
.bloc-communes-adjacentes a 		{ font-size:0.9rem; text-decoration:none; color:var(--bg); }
.bloc-communes-adjacentes a:hover { color:var(--rouge); }

.bloc-commune-modal				{ cursor:pointer; }
.bloc-commune-modal:hover 		{ background-color: var(--rouge)!important; }
#commercesList 					{ overflow-y:scroll; border-radius: 25px; margin-bottom:6rem; list-style:none; padding:5px; }
#commercesList li				{ padding:5px 10px 15px 10px; }
#commercesList  .commerce-nom	{ color:var(--bleu); font-size:1.2rem; font-weight:700; margin-bottom:0.3rem; } 
#commercesList 	a				{ color:var(--bleu); }
#commercesList  a:hover			{ color:var(--rouge); } 
#commercesList  small			{ font-style:italic; } 




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ======= CLASSEMENTS ======= CLASSEMENTS ======= CLASSEMENTS ======= CLASSEMENTS ======= CLASSEMENTS ======= CLASSEMENTS ======= CLASSEMENTS ======= CLASSEMENTS ======= */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.classement-form-select { background-color:var(--bleu); color:#fff; width: 100%; padding: 10px 5px; border-radius:15px; }
	



.classement td.commune a { color: var(--bleu); text-decoration:none; font-weight:700; }
.classement td.commune a:hover  { color: var(--rouge); }
thead tr th:first-child { border-top-left-radius: 25px; }
thead tr th:last-child { border-top-right-radius: 25px; }


.departement ul a { color: var(--bleu); text-decoration:none; font-weight:700; }
.departement ul a:hover { color: var(--rouge); }