/* CSS Document */

/* ---- GENERICS SETTINGS ---- */
a, ul li a, td a {
	/* color: inherit; */
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ---- GENERICS STYLES ---- */
h1 {
	margin: 32px 28px 20px 28px;
	height: 26px;
	padding-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #C31826;
	background-image: url(../img/h1_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
}
h1 span.annee, h1 span.suffixe {
	font-size: smaller;
	color: #666666;
}

h2 {
	margin: 8px;
	font-size: 11pt;
	padding-left: 16px;
	background-position: top left;
	background-repeat: no-repeat;
}
h2.topBlocsTitle {
	margin: 0px;
	padding: 0px;
	background-image: none;
}

.gras, .plusgras {
	font-weight: bold;
	color: #333333;
}
.petit {
	font-size: 8pt
}

th {
	background-color: #ffcc66;
}
th a {
	color: #666666;
}
ul.liste_1 {
	list-style-type: disc;
	list-style-position: inside;
	color: #666666;
	margin: 4px 0px 0px 0px;
}
ul.liste_1 li {
	margin-left: 0px;
	color: #666666;
}

ul.liste_2 {
	list-style-type: disc;
	list-style-position: outside;
	color: #666666;
	margin: 4px 0px 0px 0px;
}
ul.liste_2 li {
	font-size: smaller;
	margin-left: 0px;
	color: #666666;
}

/* ---- MAINMENU BLOCS SETTINGS ---- */
#mainmenu td {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
}
#mainmenu td a {
	text-decoration: none;
	color: white;
}

/* ---- AUTOCOMPLETE STYLES ---- */
div.autocompleteContainer {
	position: relative;
	display: inline;
}
div.autocomplete {
	position: absolute;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
}
div.autocomplete ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.autocomplete ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 22px;
	cursor: pointer;
	white-space: nowrap;
}
div.autocomplete ul li.selected {
	background-color: #ffb;
}
div.autocomplete ul li span.informal {
	font-size:smaller;
}

div.autocompletetooltip {
	position: absolute;
	top: -50px;
	left: 0px;
	width: 260px;
	height: 42px;
	background-color: none;
	background-image: url(../img/tooltip_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0px;
	padding-top: 8px 0px 0px 0px;
}

/* ---- TRANSLATIONS BLOC SETTINGS ---- */
#translationsMenu {
	display: inline;
	margin: 0px;
	padding: 4px 8px 0px 0px;
	list-style-type: none;
	/*display: none;*/
}
#translationsMenu li {
	display: inline;
	padding-left: 4px;
	color: white;
	font-size: 8pt;
}
#translationsMenu a {
	text-decoration: none;
}
#translationsMenu a:hover {
	text-decoration: underline;
}

/* ---- FOOTER BLOC SETTINGS ---- */

#footerMenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footerMenu li {
	display: inline;
	padding-left: 4px;
	color: #999999;
	font-size: 8pt;
}
#footerMenu li a {
	display: inline;
	padding-left: 4px;
	color: #999999;
	font-size: 8pt;
	text-decoration: none;
}
#footerMenu li a:hover {
	text-decoration: underline;
}

/* Forms */
form {
	margin: 16px;
	padding: 16px;
	background-color:#f0f0f0;
	font-size: 8pt;
}

div.formControlContainer {
	margin: 4px 0px 0px 10px;
	font-size: 8pt;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
input.textbox {
	width: 200px;
}
textarea {
	width: 100%;
	height: 80px;
}
label {
	display: block;
	float: left;
	width: 100px;
	font-size: 8pt;
}
div.formControlContainer label {
	width: 160px;
}
/*div.formControlContainer {
	position: relative;
	height: 24px;
}*/
td.formControlContainer {
	width: 100px;
	height: 24px;
	font-size: 8pt;
}
div.formValue {
	font-size: 8pt;
}
div.formBtnContainer {
	margin: 4px 58px 0px 0px;
	text-align: right;
}
div.formErrors {
	font-size: 8pt;
	color: #FF6600;
}
/* Contact Formm */
#contactFormContainer {
	width: 500px;
}
#contactForm {
	margin: 10px;
}
#messageSubject {
	background-color: #f0f0f0;
	padding: 10px;
	font-size: 8pt;
}
#messageBodyLabel {
	float: none;
}