/* marge de gauche */ 
body.n {
	font-family: verdana,helvetica;
	color: #000000; 
	background-color: #ffffff; 
	margin-left:20px; 
	margin-top:20px;
	font-size: 12px;
}
body.n1 {h2
	font-family: verdana,helvetica;
	color: #000000; 
	background-color: #ffffff; 
	margin-left:20px; 
	margin-top:20px;
	font-size: 12px;
}
body.white {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #ffffff;
	font-size: 12px;
}
body {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #ffffff;
	font-size: 12px;
}
h1 {
	font-family: verdana,helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #0D6BC3;
}
h11 {
	font-family: verdana,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #0D6BC3;
}
h12 {
	font-family: verdana,helvetica;
	font-size: 16px;
	font-weight: bold;
	background-color: #7DD3F8;
	color: #0D6BC3;
}
titre{
	font-family: verdana,helvetica;
	font-size: 16px;
	font-weight: bold;
	color: green;
}

h2 {
	font-family: verdana,helvetica;
	font-size: 16px; 
	font-weight: bold;
	color: black;
}
h3 {
	font-family: verdana,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
h4 {
	font-family: verdana,helvetica;
	color: #0D6BC3;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 40px;	
	vertical-align: top;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;	
}
h5 {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 20px;	
	vertical-align: top;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;	
}
td {
	font-family: verdana,helvetica;
	color: #000000;
	font-size: 12px;
}
a {
	font-family: verdana,helvetica;
	font-size: 12px;
}
.white {
	font-family: verdana,helvetica;
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
}
.tabval {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #ffffff;
	font-weight: plain;
	font-size: 10pt;
}
.tabhead {
	font-family: verdana,helvetica;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
}
.nh {
	font-family: verdana,helvetica;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
}
p {
	font-family: verdana,helvetica;
	color: #000000;
	font-size: 12px;
}
.navi {
	font-family: verdana,helvetica;
	background-color: #ffffff;
	font-weight: bold;
	color: #0D6BC3;
	font-size: 12px;
}
.navi2 {
	font-family: verdana,helvetica;
	background-color: #0D6BC3;
	color: #ffffff;
	font-size: 10px;
}
.small {
	font-family: verdana,helvetica;
	color: #db5902;
	font-size: 10px;
}

a.n:link:focus, a.n:visited:focus {-moz-outline:0px;}
a.n:link { font-size: 10pt; color: #0D6BC3; font-weight:bold; text-decoration:none;}
a.n:visited { font-size: 10pt; color: #0D6BC3; font-weight:normal; text-decoration:none;}
a.n:active { font-size: 10pt; color: #0D6BC3; font-weight:normal; text-decoration:none;}
a.n:hover { font-size: 10pt; background-color: #ffffff; color: #bebebe; font-weight:bold; text-decoration:none;}
a.nh:link:focus, a.nh:visited:focus {-moz-outline:0px;}

.h {
	font-family: verdana,helvetica;
	color: #3c3c5c;
	background-color: #ffffff;
	font-size: 12px;
}
.d {
	font-family: verdana,helvetica;
	color: #ffffff;
	background-color: red;
	font-size: 14px;
}
.black {
	font-family: verdana,helvetica;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}
.blue {
	font-family: verdana,helvetica;
	color: #3c3c5c;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}
.big {
	font-family: verdana,helvetica;
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

.red {
	font-family: verdana,helvetica;
	color: #ffffff;
	background-color: #df0000;
	font-weight: bold;
	font-size: 12px;
}
.red1 {
	font-family: verdana,helvetica;
	color: #ffffff;
	background-color: #df0000;
	font-weight: bold;
	font-size: 16px;
}
.green {
	font-family: verdana,helvetica;
	color: #ffffff;
	background-color: #00df00;
	font-weight: bold;
	font-size: 10px;
}

.yellow {
	font-family: verdana,helvetica;
	color: #ffffff;
	background-color: #dfdf00;
	font-weight: bold;
	font-size: 10px;
}
.textentd {
	text-align: center;
	color: #0D6BC3;
}
.textentd1 {
	text-align: left;
	color:#df0000;
}
.textentd11 {
	text-align: center;
	color:#df0000;
}
.textentd2 {
	text-align: left;
	color:#000000;
}
.textentd3 {
	text-align: center;
	font-size: 9px;	
	color:#df0000;
}
.zoom {
height:50px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:50px;
height:50px;
}
.zoom img:hover {
width:150px;
height:150px;
}

#langsel {
	font-family: verdana;
	font-size: 8px;
	vertical-align: bottom;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

#langsel div {
	float: right;
}

#langsel a {
	color: #000;	
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
}

#langsel a:hover {
	text-decoration: underline;
}
/* tableau 1 pas de bordures */
.tableau_1 {
	margin:6px;
    border-collapse: collapse;
    border: 0px solid #0D6BC3;
    border-color: #0D6BC3;
    width: 85%;
}
.tableau_1 td {
    text-align: left;
    padding: 1px;
	}

.tableau_1 .nombre {
	text-align: right;
	margin-right:3px;
	}
.tableau_1 .nombregras {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin-right:3px;
	}	
.tableau_1 .icone {
	align: center;
	padding: 3px;
	}
	
.tableau_1 tr:nth-child(even){
	background-color: #d8e9f9
	} 

.tableau_1 th {
    background-color: #ffffff;
    border: 0px solid #0D6BC3;    
    color: #0D6BC3;
}
/* tableau 1 avec bordures */

.tableau {
	margin:2px;
    border-collapse: collapse;
    border: 2px solid #0D6BC3;
    border-color: #0D6BC3;
    width: 99%;
}

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

.tableau .nombre {
	text-align: right;
	margin-right:3px;
	}
.tableau .nombregras {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin-right:3px;
	}	
.tableau .icone {
	align: center;
	padding: 3px;
	}
	
.tableau tr:nth-child(even){
	background-color: #d8e9f9
	} 

.tableau th {
    background-color: #ffffff;
    border: 2px solid #0D6BC3;    
    color: #0D6BC3;
}

/* Dépositaires ajout */

.tabadd {
    border-collapse: collapse;
    border: 2px solid #33c4ff;
    border-color: #33c4ff;
    width: 70%;
	align:center;
	cellspacing:2px;
	cellpadding:2px;
	}

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

.tabadd tr:nth-child(even){
	background-color: #c0c0c0;
	}

.tanbadd th {
    background-color: #ffffff;
    border: 2px solid #33c4ff;    
    color: #32c4ff;
	text-align: left;
    padding: 1px;
}

/* Boutons */

.bouton {
	display:table-cell;
	width:15em;
	padding:1em;
	background-color: #d8e9f9;
    border: 2px solid #0D6BC3;  
	text-align: center;
    vertical-align: middle;
    text-decoration: none;
	}
	
.bouton a:over {
	background-color: #0D6BC3;
    border: 2px solid #f7caf0;  
	}
.bouton1 {
	display:table-cell;
	width:10em;
	padding:1em;
	background-color: #d8e9f9;
    border: 2px solid #0D6BC3;  
	text-align: center;
    vertical-align: middle;
    text-decoration: none;
	}
	
.bouton1 a:over {
	background-color: #0D6BC3;
    border: 2px solid #f7caf0;  
	}
.filter-btn {
    background-color: #ddd; /* Couleur par défaut */
    border: none;
    padding: 10px;
    cursor: pointer;
}

.filter-btn.active {
    background-color: #007bff; /* Couleur lorsqu'il est actif */
    color: white;
}
#btn-add {
    background-color: #28a745; /* Vert */
    color: white;
}

#btn-add:hover {
    background-color: #218838;
}