html							{ overflow: auto; background-color: #efefef; }
body							{ overflow: auto; background-color: #efefef; }

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,blockquote,
form,fieldset,legend,input,button,textarea,select,option, span
table,tr,th,td,.roar-body		{ font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }

h1 		{ padding: 2px 2px 2px 10px; font-size: 16pt; text-align: left; }
h2 		{ padding: 2px 2px 2px 10px; font-size: 14pt; text-align: left; }
h3 		{ padding: 2px 2px 2px 10px; font-size: 12pt; text-align: left; }

a 		 { color: #1d96c3; text-decoration: none; }
a:hover  { color: #cc0001; text-decoration: underline; }

fieldset { border: 1px solid #a7a7a7; padding: 10px; margin-top: 10px; }
legend	 { color: #000; font-size: 12px; font-weight: bold; padding: 0px 5px; }

/* Boutons */
input[type="button"], /* Au cas où on oublie de mettre la classe 'btn' aux boutons, au */
input[type="submit"], /* moins les vrais navigateurs appliquent le style automatiquement */
button	 		{ cursor: pointer; padding: 1px 5px 2px 5px; font-size: 12px; line-height: 18px; font-weight: bold; border: 1px solid #fff; outline: 1px solid #babdb6; color: #2e3436; -moz-border-radius: 4px; -moz-outline-radius: 4px; }
/* SURVOL DE BOUTON */
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover	{ outline-color: #555753; border-color: #d3d7cf; }

/* INPUT TEXT */
input[type="text"],
input[type="password"],
textarea, select				{ font-size: 12px; color: #223C91; border: 1px solid #a7a7a7; }
/* FOCUS TEXT */
input[type="text"]:focus ,
input[type="password"]:focus,
textarea, select:focus			{ outline-color: #999; border-color: #1d96c3; }

/* TABLEAU */
table 	 { border-collapse:collapse; border-width: 0px; }
th		 { text-align: center; }
th, td	 { font-size: 10px; padding: 2px 2px; }

table.stylized					{ empty-cells: show; border-collapse: separate; background-color: #fff; border-left: 1px solid #ccc; border-right: none; border-top: 1px solid #ccc; border-bottom: 1px solid #bbb; }
table.stylized thead th,
table.stylized tfoot th			{ padding: 5px 5px 5px 12px; border-left: 1px solid #eee; border-right: 1px solid #ccc; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; font-size: 12px; }
table.stylized thead th,
table.stylized tfoot th			{ background: #1d96c3; color: #fff; }
table.stylized thead th a		{ color: #333; }
table.stylized thead th .btn,
table.stylized tfoot th .btn	{ margin: 0px; }
table.stylized tfoot th			{ border-top: 1px solid #ccc; }
table.stylized td				{ padding: 5px; border-left: none; border-right: 1px solid #ccc; border-top: 1px solid #bbb; border-bottom: none; font-size: 12px; }
table.stylized tbody tr.altRow  { background-color: #d3d7cf; }

table.nostyle,
table.nostyle td,
table.nostyle th,
table.nostyle tr                  { background: none; border: 0px; }

.clear { clear: both; }

img.png							{ }

