/*  
----------------------------------------
Copyright (c) 2024 - Vai-Natura
----------------------------------------
*/				

/* fichiers d'import */

@import url(header.css);
@import url(bottom.css);
@import url(titre.css);
@import url(contenu.css);
@import url(onglet.css);
@import url(formulaire.css);
@import url(page.css);
@import url(calendrier.css);
@import url(cadre_display.css);
@import url(view.css);

@import url(index.css);
@import url(gestion.css);
@import url(log.css);
@import url(saisi.css);

@import url(tableau.css);
@import url(historique.css);

@import url(stats.css);
@import url(stats_select.css);


@import url(leaflet.css);
@import url(MarkerCluster.css);
@import url(MarkerCluster.Default.css);
@import url(leaflet-legend.css);

*{outline: none;}

hr{clear: both;visibility: hidden;}

p{margin: 0px;padding: 0px;}

a{color: #000;text-decoration: none;cursor: pointer;font-size: 12px;}
a:hover{text-decoration: none;color:#DD4B39;}

img{border:0;}

html{width:100%;}

body
{
	/*font-family: Arial, Helvetica, sans-serifHelvetica;*/
	font-family: Roboto,Arial,sans-serif;
 	font-size: 11px;
	margin:0;
	padding:0;
/*	background-color: #000;*/
}

#contour_general
{	
	float:left;

	width: 89%;
	margin-top: 65px;
	margin-left:11%;
	
	text-align:center;
	background-color: #fff;

	overflow-y: auto;	
}

#contour_general_log
{	
	width: 100%;
	height: 96vh; 
	margin:0;
	text-align:center;
	/*background-color: #fff;*/
	
	background-image:  url(../image/fond_index.jpg);
	/*background-image:  url(../image/fond_index_HP.jpg);*/
	background-position: bottom;
	background-repeat: no-repeat;
}

#contour_affichage
{
	display:none;
	/*visibility:hidden;*/
}

#box_load
{	
	width:30%;
	font-size:14px;
	text-align:center;
	
	margin-top: 150px;
	margin-left:30%;
}

#barre
{	
	width:100%;
	height: 25px;
	
	background-color: white;
	margin-top:10px;
	 
	border-radius: 5px; /* Bordure arrondie */
    box-shadow: 1px 1px 4px #999; /* Ombre */
    overflow: hidden; /* Empêcher le débordement */
}


#pourcentage, #pourcentage_compil, #pourcentage_compress
{	
	height: 25px;
    background-color: #053B50;
    /*transition: width 0.5s ease;  Transition animée */
}


span.info
{
	float: left;
	width: 120px;
	margin: 5px 0px;
	margin-right: 40px;
	font-size: 11px;
	color: #2971A7;	
}


#options-box {
	display: none;
	width: 200px;
	height: 200px;
	background-color: #fff;
	border: 1px solid #ccc;
	position: absolute;
	top: 40px;
	right: 0;
  }


  /* Barre de défilement verticale */


/* Pour les navigateurs WebKit (Chrome, Safari) */

/* Pour Firefox */
* {
	scrollbar-width: thin; /* Largeur de la barre de défilement */
	scrollbar-color: #bdbdbd #f1f1f1; /* Couleur de la poignée et de la piste */
  }
  
/* Pour Edge (basé sur Chromium) */
/* Utilisez le préfixe -ms- */
* {
-ms-overflow-style: none; /* Désactive la barre de défilement Edge par défaut */
}

::-webkit-scrollbar {
    width: 8px; /* Largeur de la barre de défilement */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Couleur de l'arrière-plan de la barre de défilement */
}

::-webkit-scrollbar-thumb {
    background-color: #bdbdbd; /* Couleur de la poignée de la barre de défilement */
    border-radius: 5px; /* Coins arrondis de la poignée */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #bdbdbd; /* Couleur de la poignée lorsqu'elle est survolée */
}