/**
* Feuille de style pour la feuille de présence Planning v1
* @author ARE
* @category Navigation
* @package CSS
* @since 
* @version $Author: resbeut $ $Revision: 1.1 $ $Date: 2009 10:07:05 $
*/

/***************************************
*** Style pour la feuille des clients
****************************************/
body {
	background-color: #FFFFFF;
	color: #000000; 
	font-size: 8px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}
a
{
	text-decoration:none;
}

a img
{
	border:none;
}

table.sortable {
	border-spacing: 1px;
}
table.sortable td,
table.sortable thead a:hover { text-decoration: none; }
table.sortable thead th img { vertical-align: middle; }
table.sortable tbody th { }
table.sortable td.order 		{ text-align: center; }
table.sortable td.order span { float: left; display: block; width: 20px; text-align: center; }
table.sortable .pagination { display:table; padding:0;  margin:0 auto;	 }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* Partie Administrtation */
/* tableau des liste des utilisateur dans l'admin */
table.liste_user_admin {
	width: 700px;
	font-size: 8px;
	text-align: center;
	border-color: #000000;
	border-style: solid;
	border-width: 0px;
	padding-top: 0px;
	vertical-align: middle;
	padding-left: 0px;
	margin-top: 0px;
	display: block;
	position: static;
	clear: right;
	overflow: hidden;
	background-color: #D6D7D6;
	border-collapse:collapse;
}
table.liste_user_admin td {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	height: 15px;
	border-collapse:collapse;
}
table.liste_user_admin th {
	border-color: #000000;
	border-style: solid;
	font-weight: bold;
	border-width: 1px;
	height: 15px;
	border-collapse:collapse;
}
table.liste_user_admin td.blank {
	border-width: 0px;
	width: 140px;
}
table.liste_user_admin th.blank {
	border-width: 0px;
	width: 140px;
}

div#ongletnvuser {
	position:relative;
	width: 140px;
	height: 20px;
	float: left;
	line-height:15px;
	text-align:center;
	vertical-align: middle;
	display: inline;
	background: url('../images/nvtache.png');
	border: 0px black;
	border-style: none;
	border-bottom-width: 0;
}
/* tableau des liste des utilisateur dans l'admin */
table.liste_trace_admin {
	width: 100%;
	font-size: 8px;
	text-align: center;
	border-color: #000000;
	border-style: solid;
	border-width: 0px;
	padding-top: 0px;
	vertical-align: middle;
	padding-left: 0px;
	margin-top: 0px;
	display: block;
	position: static;
	clear: right;
	overflow: hidden;
	background-color: #D6D7D6;
	border-collapse:collapse;
}
table.liste_trace_admin td {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	height: 15px;
	border-collapse:collapse;
}
table.liste_trace_admin th {
	border-color: #000000;
	border-style: solid;
	font-weight: bold;
	border-width: 1px;
	height: 15px;
	border-collapse:collapse;
}

.text{
	font-size: 12px;
	font-weight : bold;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color : #000000;
	vertical-align: middle;
	text-decoration: none;
}

.textvacances{
	font-size: 10px;
	font-weight : bold;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color : #FFFFFF;
	vertical-align: middle;
	text-decoration: none;
}

.liste{
	font: 10px Verdana;
	vertical-align: middle;
	color : #000000;
	text-decoration: none;
}

.bandeau_tableau {
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	-moz-border-top-left-radius: 15px; /* Firefox */
	-webkit-border-top-left-radius: 15px; /* Safari and Chrome */
	border-top-left-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-top-right-radius: 15px; /* Firefox */
	-webkit-border-top-right-radius: 15px; /* Safari and Chrome */
	border-top-right-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow: 5px 5px 10px #000; /* Firefox */
	-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */
	box-shadow: 5px 5px 10px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
} 

.bandeau_tableau_admin {
	background-color: #708090;
	color: #000000;
	text-align:center;
	border:0px;
	font-weight:bold;
	-moz-border-top-left-radius: 15px; /* Firefox */
	-webkit-border-top-left-radius: 15px; /* Safari and Chrome */
	border-top-left-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-top-right-radius: 15px; /* Firefox */
	-webkit-border-top-right-radius: 15px; /* Safari and Chrome */
	border-top-right-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-box-shadow: 5px 5px 10px #000; /* Firefox */
	-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */
	box-shadow: 5px 5px 10px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
} 

.titre_ligne_tableau_admin {
	background-color: #FFFFFF;
	color: #000000;
	font-weight:normal;
} 

.ligne_tableau {
	background-color: #FFFFFF;
  color: #000000;
} 

.container {
	display: flex; /* Utilisation de Flexbox */
    justify-content: space-between; /* Espacement égal entre les divs */
    align-items: center; /* Alignement vertical */
}
.box {
    width: 30%; /* Chaque div prend environ 30% de la largeur du conteneur */
    padding: 10px;
    background-color: #FFFFFF;
    text-align: center;
    border: 0px solid #000;
}