@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
* { font-family: 'Roboto', sans-serif; font-size: 100%; color:#000000; margin: 0px; padding: 0px; }

/* Classe par défaut pour les elements HTML */
BODY { background-color: #dcdcdc; }
IMG { cursor: pointer; }
TABLE { border-collapse: collapse; }
TD { border: 1px solid grey; padding:3px; }
SELECT { border: 1px solid #bebebe; padding: 5px; margin-right:10px; box-shadow:1px 1px 2px #c0c0c0 inset; }
OPTION { padding: 2px; }


input[type=text], [type=password] { 
	border: 1px solid #cacaca; padding: 5px; margin-right:10px; box-shadow:1px 1px 2px #c0c0c0 inset;
}
input[type=button], input[type=submit], input[type=reset] {
	background-color: #cacaca; border: none; color: black; padding: 8px 16px; cursor: pointer; border-radius: 5px;
}
input[type=button]:hover, input[type=submit], input[type=reset] {
	background-color: #729fcf;
}

/* Classe pour l'interface globale */
#IdZoneWork { background: white; clear: both; }
#IdTitreModule { padding: 8px; font-size:120%; font-weight: 600; color: white; background: #293C55; }

/* Classe pour l'affichage sous forme de liste (span dans un div scrollable verticalement) */
.IdDeroule { display: block; margin: 4px 2px 0px 10px; padding: 5px; border: 1px solid #729FCF; border-radius: 3px; background: #729FCF; color: white; }


/* Classe de cellule pour formulaire */
.frmlabel { background: #B5B2B2; padding: 3px; font-weight: 600; text-align: right; }
.frminput { padding: 3px; }
.frmbutton { border: 0px; padding: 15px 3px 3px 3px; text-align: right; }

/* Classe de cellule pour tableau de liste */
.tdtitreflat { 
	border: 1px solid #bebebe; 
	background: #DBDBDB; 
	padding: 8px; 
	font-size: 110%;
}
.tdcorpsflat {
	border: 1px solid #bebebe;
	background: #ffffff;
	padding: 8px;
	font-weight: 400;
	font-size: 100%;
}
.tdcorpsderoule {
	border: 1px solid #729FCF; 
	border-radius: 3px; 
	background: #729FCF; 
	color: rgb(45, 45, 45);
	padding: 4px;
	font-weight: 400;
	font-size: 100%;
}