/*-----------------------------*/
 /*     BARRE DE RECHERCHE      */
 /*-----------------------------*/
 
/* contaeneur de la barre de recherche */
#searchbar {
	background-color: #1e88e5;
	color: #fff;
	width: 100%;
	height: 100px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px groove #565656;
}

/* formulaire de recheche */
#table-searchbar {
	width: 385px;
}

/* barre de recherche */
.search-bar {
	float: left;
	width: 270px;
}

/* bouton "rechercher" */
.btn-search {
	float: right;
}

.alert-error {
	margin-left: 30%;
	margin-top: 15px;
	width: 350px;
}

 /*-----------------------------*/
 /*         HISTORIQUE          */
 /*-----------------------------*/

/* conteneur du tableau */
#historique {
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	min-height: 350px;
}

/* changement de couleur de la ligne pour une meilleure visibilité */
tbody tr:hover {
	background-color: #D8D8D8;
}

 /*-----------------------------*/
 /*     TRI DE L'HISTORIQUE     */
 /*-----------------------------*/

/* conteneur des boutons de tri */
#table-sorting {
	width: 100%;
	height: auto;
}

 /*-----------------------------*/
 /*        PAGINATION           */
 /*-----------------------------*/

/* conteneur des liens de pages */
#pages-container {
	background-color: #151515;
	width: 100%;
	height: auto;
	padding-left: 20px;
	border-bottom: 1px groove #565656;
}

 /*-----------------------------*/
 /*     FORMULAIRE D'AJOUT      */
 /*-----------------------------*/

/* formulaire champ requis */
.required-field {
	color: red;
}