/* fr Style vert clair et foncé */
/* en Light and dark green style */

/* Main body font choice : */
body {
	background: #EAEAE8;/* FFFFF3 - FFFFF7 */
	font-family: Arial, Helvetiva, Sans-Serif;
	font-size: 12px;
	color: black;
}
.colon {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background: #085A84;/*BLEU*/
}
.table {/*mise en forme des tables*/
	border-width: 1px;
	border-color: #A0A0A0;
	border-style: solid;
	
}
.color {/*mise en forme des tables*/
	font-size: 12px;
	text-align: left;
	color: #000000;
	background: #BEBEBE;/*fond gris*/
	border-width: 1px;
	border-color: #A0A0A0;
	border-style: solid;
}
/* Big title (on top of each page) choice : */
h1 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #306030;
}

/* Cell (almost every texts) */
td {
	font-size: 12px;

}
/* Cells headings */
th {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background: #065a7f;
}
/* Cells headings */
th1 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background: #606060;
}
/* Links on cells headings */
th a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Rollover links on cells headings */
th a:hover {
	text-decoration: underline;
	color: #F0FFD0;
}

/* Links on cells */
td a {
	text-decoration: none;
	color: #000000;
}

/* Rollover links on cells */
td a:hover {
	text-decoration: underline;
	color: #404040;
}

/* Document comments */
.comments {
	font-size: 10px;
}

/* Error messages */
.error {
	color: red;
	text-align: center;
}

/* Input text : */
.int {
	font-size: 12px;
	text-align: left;
	background: #FFF2D2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	border-width: 1px;
	border-color: #A0A0A0;
	border-style: solid;
}
/* Input text : */
.int_center {
	font-size: 12px;
	text-align: center;
	background: #FFF2D2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	border-width: 1px;
	border-color: #A0A0A0;
	border-style: solid;
}
.int_label {
	font-size: 12px;
	text-align: center;
	background: #BEBEBE;/*GRIS*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	border-width: 1px;
	border-color: #BEBEBE;
	border-style: solid;
}
.int_label_left {
	font-size: 12px;
	text-align: left;
	background: #BEBEBE;/*GRIS*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	border-width: 1px;
	border-color: #BEBEBE;
	border-style: solid;
}
.int_label_right {
	font-size: 12px;
	text-align: right;
	background: #BEBEBE;/*GRIS*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	border-width: 1px;
	border-color: #BEBEBE;
	border-style: solid;
	align: right;
}
/* Input buttons : */
.inb {
	background-color: #F0FFD0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-align: left;
}

/* Check boxes */
.inc {
	background-color: #F0FFD0;
	color: black;
	border-style: none;
}

/* AJOUT */

td {
	padding: 1px;
	text-align: left;
}

.flag {
	width: 30px;
	height: 20px;
	border: 0px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.center_radius {
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.center_radius_left {
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.center_radius_right {
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.orange {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #FF8033;
}
.right {
	text-align: right;
}

.noborder {
	border: 0px;
}

input {
	padding-left: 2px;
}

.vmiddle {
	vertical-align: middle;
}

.legende {
	vertical-align: middle;
	border: 0px;
	margin-bottom: 5px;
}

#listUsers td, #formUser td, #listRights td, #formRights td, #formConfig td, #formPass td {
	padding: 3px;
}

tr.rowhover:hover, tr.rowhover:hover td.colhover {
	background-color: #E1EFC2;
}
.button {
  display: inline-block;
  border-radius: 4px;
 	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
  background-color: #085A84;/*BLEU*/
  color: #FFFFFF;
  text-align: center;
  font-family: Arial, Helvetiva, Sans-Serif;
  font-size: 14px;
  padding: 8px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 1s;
}

.button span:after {
  content: '\00bb''\00bb''\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 1s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.element {
    font-size: 25px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
    padding: 5px;
    width: 100%;
  height: 100%;

}

.title{
font-size: 20px;
text-align: center;
font-family: Arial, Helvetiva, Sans-Serif;
font-weight: bold;
  
}

.logo img {
            max-width: 75%;
            max-height: 10%;
            display: block;
            margin: auto;

}
.cadreFiltrer {
            cursor: pointer; /* Ajoute un curseur de pointeur pour les éléments cliquables */
        }
		
 
.widget-container {
    display: flex;
    flex-wrap: nowrap; /* Empêche le retour à la ligne des éléments */
    overflow-x: auto; /* Ajout de la barre de défilement horizontale si nécessaire */
    justify-content: flex-start; /* Alignement au début de la ligne */

}

.widget {
    min-width: 180px; /* Ajustez la largeur minimale selon vos besoins */
    height: 130px;
    margin-right: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    background-color: #ffffff;
    text-align: center;
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: visible;
    display: inline-block;
}   display: inline-block;
}

	
        }

        .widget a {
            text-decoration: none;
            color: #333;
        }

        .widget img {
        width: 80%; /* Faites en sorte que l'image logo occupe 100% de la largeur du conteneur parent */
        height: auto; /* Maintient les proportions de l'image */
        max-width: 100%; /* Limite la largeur à 100% pour s'assurer que l'image ne dépasse pas la largeur du conteneur */
        /* Ajoutez d'autres styles au besoin */		
		
		
        /* Ajoutez d'autres styles au besoin */
        }
		    .widget img.bouton {
        width: 16px; /* Largeur des images view, delete, nodelete, ajustez selon vos besoins */
        height: 16px; /* Hauteur des images view, delete, nodelete, ajustez selon vos besoins */
    position: absolute;
    bottom: 5px;
    right: 5px;
	    z-index: 1;
    }
.widget_text_address {
    font-family: Arial, Helvetiva, Sans-Serif;
    font-size: 12px;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Empêche le retour à la ligne */
}