ul#navonglets { text-align: right; list-style-type: none; margin: 30px 0 0 0; padding: 0; height: 25px; border-bottom: 1px solid #545454 }
ul#navonglets li { color: #fff; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 15px; text-transform: uppercase; display: inline; margin: 0; padding: 0; width: 5px }
ul#navonglets li a { color: #fff; text-decoration: none; display: block; margin: 4px 5px 2px 0; padding: 3px 7px; position: relative; z-index: 1; top: 1px; border-top: 1px solid #545454; border-right: 1px solid #545454; border-left: 1px solid #545454; display: inline }
ul#navonglets li a:hover { color: #fff; text-decoration: none; margin: 0 5px 2px 0; padding: 4px 7px 5px; position: relative; z-index: 1; top: 1px; border-top: 1px solid #545454; border-right: 1px solid #545454; border-left: 1px solid #545454; display: inline }

#navonglets #opt1 { background-color: #0b4885 }
#navonglets #opt2 { background-color: #297ebf }
#navonglets #opt3 { background-color: #ffb710 }
#navonglets #opt4 { background-color: #ff7e00 }
#navonglets #opt5 { background-color: #7fad30 }
#navonglets #opt6 { background-color: #a755be }
#navonglets #opt7 { background-color: #e33e71 }
#navonglets a.select { margin: 0 5px 0 0; padding: 5px 7px 6px; position: relative; z-index: 1; top: 1px }
#navonglets a.select:hover { margin: 0 5px 0 0; padding: 5px 7px 6px; position: relative; z-index: 1; top: 1px }

#barrecouleuropt0 { font-size: 0; line-height: 0; background-color: #959594; height: 6px; clear: both }
#barrecouleuropt1 { font-size: 0; line-height: 0; background-color: #0b4885; height: 6px; clear: both }
#barrecouleuropt2 { font-size: 0; line-height: 0; background-color: #297ebf; height: 6px; clear: both }
#barrecouleuropt3 { background-color: #ffb710; font-size: 0; line-height: 0; height: 6px; clear: both }
#barrecouleuropt4 { background-color: #ff7e00; font-size: 0; line-height: 0; height: 6px; clear: both }
#barrecouleuropt5 { background-color: #7fad30; font-size: 0; line-height: 0; height: 6px; clear: both }
#barrecouleuropt6 { background-color: #a755be; font-size: 0; line-height: 0; height: 6px; clear: both }
#barrecouleuropt7 { background-color: #e33e71; font-size: 0; line-height: 0; height: 6px; clear: both }
table,tr{width:100%}
td, th{vertical-align:top;text-align:left}
table,tr,td,div{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border:none}
H1.liste{color:#0b4885;font-size:24px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border:none}
H2.liste{color:#0b4885;font-size:16px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border:none}
#titre{font-weight:bold;font-size:32px;color:#0b4885}
textarea{width:400px;height:100px}
.titreligne{font-weight:bold}
label{font-weight:bold}
input{font-weight:normal}
label input{padding-left:50px}

#ds_conclass{width:200px}
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */