html, body, #IDsuperMap {
	height: 100%;
	width: 100%;
	position: absolute;
	font-family: 'Marianne-regular', Arial, Helvetica, sans-serif !important;
}


/* 
#goTo {
	cursor: pointer;
	margin-top:10px;
	right:45px;
	z-index: 1000;
	display: block;
	position: absolute;
	font-family: 'Marianne',sans-serif;
	font-weight: bolder;
	border: none;
	height: 30px;
	border-color: transparent;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.45);
	outline: none;
	transition: .2s ease-in-out;
} */

#logo-anct-petit {
	position: absolute;
	height: 30px;
}

/* -------------------------------------------------------------------------- */
/*                                    SIDEBAR                                 */
/* -------------------------------------------------------------------------- */


#sidebar {
	position: absolute;

}

#sidebar .leaflet-sidebar-close{
	position:absolute;
	top:0;
    width: 40px !important;
    height: 40px !important;
	text-align:center;
	cursor:pointer
}
#sidebar .leaflet-sidebar-left .leaflet-sidebar-close{right:0}
#sidebar .leaflet-sidebar-right .leaflet-sidebar-close{left:0}


/*bar tabs*/
.leaflet-sidebar-tabs {
	background-color: #313778;
	background: linear-gradient(180deg, #313778 0%, rgb(169, 173, 214) 100%);
	box-shadow: 2px 0px 2px 0px #656565;
}

.leaflet-sidebar-tabs > ul > li {
	color: white;
}

/*changment de couleur quand clic*/
.leaflet-sidebar-tabs > ul > li.active, .leaflet-sidebar-tabs > ul > li.active:hover {
	background-color: rgb(249, 249, 251);
	color: #313778;
	border-left: solid 3px #F2CB27;
}

.tab-name {
	position: absolute;
	display: none;
	z-index: 10000;
	left: 50px;
	background: rgba(0,0,0,.8) !important;
	font-family: 'Marianne-Bold';
	font-size: .9rem;
	text-transform: uppercase;
	text-align: center;
	color: white !important;
	width: 100px;
	border-radius: 3px;
}


.leaflet-sidebar-header {
	margin: 0px 10px 0px 5px;
	padding:0px 10px 0px 5px;
	font-family: 'Marianne', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	height: auto;
	color: #313778;
	background-color: white;
}

.leaflet-sidebar-pane{
	padding:0px 0px 0px 5px;
}


/* -------------------------------------------------------------------------- */
/*                                  Content SIDEBAR                           */
/* -------------------------------------------------------------------------- */

.panel-content {
	margin: 0px 10px 0px 10px; 
	width: auto; 
}

.content-titre-explication p {
	margin: 0px 10px 0px 0px;
	padding-right: 5px;
	font-family: "Marianne-Bold", sans-serif; 
	font-size: 10px; 
	color: gray;
	
}

/* ------------------------------Fonds carto----------------------------------*/

.form-check-label {
	font-family: "Marianne", sans-serif;

}

/* --------------------------------Legende--------------------------------*/

#legend {
	display: block;
	margin-right: 15px;
}

#title-legend-1{
	font-family: "Marianne", sans-serif; /* Utilise la police Marianne ou une police sans-serif de secours */
	font-size: 18px; /* Taille de police 10 pixels */
	color: #313778; /* Couleur de police bleue */
}



/* Personnalisation du style de l'élément rétractable */
details {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	margin: 10px 0;
}

/* Personnalisation du style de l'étiquette de résumé */
summary {
cursor: pointer;
font-family: "Marianne", sans-serif;
font-weight: 500;
}

/* Bouton clear legende*/

#clear-legend-button {
	font-family: "Marianne", sans-serif; /* Utilise la police Marianne ou une police sans-serif de secours */
	font-size: 14px; /* Taille de police 10 pixels */
	border-radius: 4px; /* Bords arrondis */
	border:none;
	background-color: #616DAF; /* Fond bleu */
	color: white; /* Texte en blanc */
	padding: 5px 10px; /* Marge interne pour un meilleur aspect */
	margin: 5px 5px 15px 5px  ;
	cursor: pointer; /* Curseur en main pour indiquer un bouton cliquable */

}


/* -------------------------------------------------------------------------- */
/*                                   CARD                              		  */
/* -------------------------------------------------------------------------- */
#card-sidebar{
	margin: 0px 0px 15px 0px;
	border-radius: 10px;
}


#card {
	margin: 10px 0px 10px 0px;
	border-radius: 10px;
	display: none;
	background-color: white; 
	color: #313778;
	padding: 0px; /* Espace intérieur autour du contenu */
	border: 2px solid rgba(0, 0, 0, 0.125); 
	font-family: 'Marianne-Bold', sans-serif;
	word-wrap: break-word; /*comment couper le mot*/
}

.card-header:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.card-header {
	background-color: #398373;
	margin-bottom: 0;
	border-radius: 10px;
	padding: 0.5rem 1rem;
	border-bottom: 2px solid rgba(0,0,0,.125);

}

.card-body {
	flex: 1 1 auto;
	padding: 0.5rem 0.5rem;
}

.title-card-header{
	font-family:'Marianne', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	font-size: 1.6em;
	margin-top: 0;
	margin-bottom: 0rem;
	
}

/* Sous-titre de la card*/
.title-card-body {
	font-family: 'Marianne', sans-serif; /* Police de caractères Marianne */
	color: #313778;
	font-size: 12px;
	font-weight: bold;
	margin-top: .2rem;
	margin-bottom: 0rem;
}


/* --------------------------------BOUTON RETOUR------------------------------ */

#bnt-retour {
	font-family: "Marianne", sans-serif; /* Utilise la police Marianne ou une police sans-serif de secours */
	font-size: 14px; /* Taille de police 10 pixels */
	font-weight: 400;
	border-radius: 4px; /* Bords arrondis */
	background-color: #398373; /* Fond bleu */
	color: white; /* Texte en blanc */
	padding: 5px 10px; /* Marge interne pour un meilleur aspect */
	cursor: pointer; /* Curseur en main pour indiquer un bouton cliquable */
	display: none;
	border:none;
}



/* -------------------------------- HOME ------------------------------ */


/* -------------------------------- EN SAVOIR PLUS ------------------------------ */
#logo {
	margin-top: 8px;
	margin-bottom: 10px;
}
.apropos-text-anct {
	font-family:"Marianne-Regular", sans-serif;
	font-size: 12px;
	text-align: left;
}
.apropos-text-anct p {
	margin-bottom: 10px;
	margin-right: 10px;
	font-family: "Marianne-Bold", sans-serif; 
	font-size: 12px; 
	color: gray;
}


.apropos-realisation p {
	margin-bottom: 0px;
	margin-right: 20px;
	font-family: "Marianne-Bold", sans-serif; 
	font-size: 12px; 
	color: gray;
}

.apropos-technologie p {
	margin-bottom: 0px;
	margin-right: 20px;
	font-family: "Marianne-Bold", sans-serif; 
	font-size: 12px; 
	color: gray;
}

.text-info-home  {
	margin: 10px 0px 10px 0px;

}

.text-info-home p {
	font-family: "Marianne-Bold", sans-serif; 
	font-size: 12px; 
	color: gray;
}




/* -------------------------------- INFORMATION UTILISATION ------------------------------ */


#conseil-utilisation{
	margin-right: 15px;
}

#aide-recherche h1 {
	font-family:"Marianne", sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: 500;
	margin: 10px 5px 5px 0px ;

}

#aide-print h1 {
	font-family:"Marianne", sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: 500;
	margin: 10px 5px 5px 0px ;

}


/* -------------------------------- RECHERCHE PAR DEPARTEMENT ------------------------------ */
.leaflet-control-search .search-input {
    width: 200px;
}


/* -------------------------------- LEGENDE ACTIVE ------------------------------ */

#legende-active{
	background-color: white;
	color: gray;
	padding: 5px;
	display: block;
	position: absolute;
	margin-top:80px;
	right:10px;
	z-index: 1000;
	border-radius: 4px;
	border: 1px solid #ccc;

}

.legend-item {
	margin: 5px; /* Définissez vos marges selon vos besoins */
	font-family:"Marianne-Bold", sans-serif;
	font-size:12px; 
	font-weight: 300;
}



.info-notice {
	background-color: #e6f7ff; /* Bleu clair en fond */
	padding: 10px;
	border: none; /* Aucun contour */
	margin-top: 10px;
	padding: 0px 5px 5px 5px ;
	margin: 0px 10px 5px 5px ;
}

.info-notice p {
	margin: 0;
	padding: 10px 0 5px 0;
	color: #313778; /* Bleu foncé pour le texte */
	font-family: 'Marianne', sans-serif;
	font-size: 9px;
}

.text-info-home {
    display: inline-block;
    border-left: 2px solid rgb(57, 131, 115); /* Ajoute une bordure rouge à gauche du span */
    padding-left: 10px; /* Ajuste l'espace à gauche de la bordure */
}
  

.highlighted-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px; /* Ajuste l'espace en dessous de la phrase */
    cursor: pointer; /* Change le curseur pour indiquer que c'est cliquable */
	color:rgb(57, 131, 115);
	font-family:'Marianne', sans-serif ;
	font-size: 10px;
}