body {
	background-image: url(images/monde.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

.m_onglet1_off {
	background-image: url(images/o1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.m_onglet1_on {
	background-image: url(images/s1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.m_onglet_off {
	background-image: url(images/o.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.m_onglet_on {
	background-image: url(images/s.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.m_onglet_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.m_bar1_off {
	background-image: url(images/b1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.m_bar1_on {
	background-image: url(images/bs1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.m_bar_off {
	background-image: url(images/b.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.m_bar_on {
	background-image: url(images/bs.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.m_bar_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

.cadre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	background-color: #F6F7FA;
	padding: 20px;
	border: solid 1px #666666;
}

.c_top {
	background-image: url(images/ctop.gif);
}

.c_left {
	background-image: url(images/cleft.gif);
}

.c_right {
	background-image: url(images/cright.gif);
}

.c_bottom {
	background-image: url(images/cbottom.gif);
}

.c_top_black {
	background-image: url(images/ctop_black.gif);
}

.c_left_black {
	background-image: url(images/cleft_black.gif);
}

.c_right_black {
	background-image: url(images/cright_black.gif);
}

.c_bottom_black {
	background-image: url(images/cbottom_black.gif);
}

.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-align: center;
	margin-top: 25px;
}

.titre_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center
}

.titre_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-align: center
}

.gros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000000;
}

.titre_moyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.titre_moyen_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.moyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

.moyen_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #888888;
}

.moyen_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

.normal td {
	padding: .2rem 0;
}

.normal_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

.petit_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #AAAAAA;
}

.list_odd {
	background-color: #F6F7FA
}

.list_even {
	background-color: #CCCCCC
}

.me_recu {
	background-color: #80FF80
}

.me_encours {
	background-color: #FFFF80
}

.me_echec {
	background-color: #FF8080
}

.cel_border {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC
}

.tab_border {
	border-style: solid;
	border-width: 1px;
	border-color: #000000
}

a {
	color: #0E5EC2
}

a:hover {
	color: #00328D
}

.msgboxNoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.msgboxBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.msgboxGrisFon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5555AA;
}

.userbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #555555;
}

.champ_gris {
	background-color: #BBBBBB;
}

.bouton_icone {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 40px;
}

.bouton_calendrier {
	background-color: transparent;
	border-style: none;
}

.lien_stock {
	color: black;
	text-decoration: none;
}

/*
 Couleur de l'entete du tableau
 */
.gd_tableau thead th {
	background-color: #022737;
	color: #FFFFFF;
}

/*
 Chaque statut a une couleur differente
 */
.sans_statut td {
	background-color: #F6F7FF;
	/* Surtout utile pour la page container.php */
}

.statut_arrive td {
	background-color: #CCCCCC;
}

.statut_entrepot td {
	background-color: #8AC5FF;
}

.statut_attente_de_reception td {
	background-color: #FFFFFF;
}

.statut_prevu_depart td {
	background-color: #FFFF9F;
}

.statut_flottant td {
	background-color: #C6C6FF;
}

/*region Form Layout*/
.form-layout {
	display: flex;
	flex-direction: column;
	width: min-content;
}

.form-layout > div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 5px;
}

.form-layout > div.form-layout-merge {
	justify-content: space-around;
}

.form-layout > div > label {
	width: max-content;
	margin-right: 10px;
}

/*endregion*/