form.sddlg textarea,
form.sddlg input[type="text"] {
	width:100%;
}
form.sddlg table {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse; 
	border-spacing: 0;
}
form.sddlg table label {
	font-weight:bold;
	font-size:small;
	color:#333333;
}
form.sddlg table.one-col>tbody>tr>th {
	width:100%;
	padding-top: 5px;
}
form.sddlg table.one-col>tbody>tr>td {
	width:100%;
	padding-top: 3px;
}
form.sddlg table.two-col>tbody>tr>th {
	width:25%;
	padding-top: 5px;
	text-align:right;
	padding-right:6px;
}
form.sddlg table.two-col>tbody>tr>td {
	width:75%;
	padding-top: 5px;
}
form.sddlg table input,
form.sddlg table textarea {
	box-sizing:border-box;
}
/**
 * "width:100%;" : pour forcer les SELECT2 à prendre toute la largeur disponible (sinon ils sont ratatinés à gauche)
 * DIV.select2-container contient UL..select2-choices. Je passe un max-height+overflow-auto sur le UL. Ainsi si la liste est longue seul 350px sont visible et une barre de scroll apparait
 * border qui étaient sur .choices passe sur .container pour que les bordures ne soient pas scrollées.
 */
form.sddlg table .select2-container {
	width:100%;
	border: 1px solid #aaa;
}
form.sddlg table .select2-choices {
	max-height:350px;
	overflow-y: auto;
	border: none;
}
div.ui-dialog.smaller {
	font-size: smaller;
}