html, body {
	width:100%;
	height:100%;
	font-size:11px;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	color:#ffffff;
	background-color: #122752;
}

.Erreur {
	color:#c80000;
}


span.vtop1 { position:relative;	top:1px; }
span.vtop2 { position:relative;	top:2px; }
span.vtop3 { position:relative;	top:3px; }
span.vtop4 { position:relative;	top:4px; }
span.vtop5 { position:relative;	top:5px; }
span.vtop6 { position:relative;	top:6px; }
span.vtop7 { position:relative;	top:7px; }
span.vtop8 { position:relative;	top:8px; }
span.vtop9 { position:relative;	top:9px; }
span.vtop10 { position:relative;	top:10px; }

span.vtop-1 {	position:relative; top:-1px; }
span.vtop-2 { position:relative; top:-2px; }
span.vtop-3 {	position:relative; top:-3px; }
span.vtop-4 {	position:relative; top:-4px; }
span.vtop-5 { position:relative; top:-5px; }
span.vtop-6 { position:relative; top:-6px; }
span.vtop-7 { position:relative; top:-7px; }
span.vtop-8 { position:relative; top:-8px; }
span.vtop-9 { position:relative; top:-9px; }
span.vtop-10 { position:relative; top:-10px; }


div.clearer {	
	clear:both;
	font-size:1px;	
	height:10px;
}

ul {
	padding-left: 20px;
}

ul li {
	line-height: 18px;
	padding: 2px;
}

#BodyTable {
	width:1184px;
	height:100%;
	background:url('../images/body_bg.jpg') repeat-y top left;
}

#BodyTableHeader {
	width:1184px;
	height:100%;
	background:url('../images/header_bg.jpg') no-repeat top left;
	padding-left:113px;
}

#Header {
	height:136px;
	position:relative;
}

#HeaderLogo {
	position:relative;
	float:left;
	top:22px;
}

#HeaderNavigation {
	position:relative;
	float:left;
	left:50px;
	top:44px;
	background:url('../images/top_nav_bg.png') no-repeat top left;
	width:493px;
	height:43px;
	text-align:center;
	padding:13px;
}

#HeaderNavigationTable {
	width:460px;
	font-size:13px;
	font-weight:bold;
}

#HeaderVilleReims {
	position:relative;
	float:left;
	left:60px;
	top:22px;
}



span.BigTitle {
	font-size:22px;
}

span.MiddleTitle {
	font-size:18px;
}

span.SubTitle {
	font-size:13px;
	color:#999999;
}


table.ContentCadre {
	color:#333333;
}

input {
   font-family: Arial, Verdana;
   font-size: 11px;
   background-color: #F7F7F7;
   border: 1px solid #d3d4cc;
   outline: none;
   position:relative;
   height:18px
}
input:focus {
   background-color: #FFF;
   border: 1px solid #b6b7b1;
   outline: none;
}

select {
   font-family: Arial, Verdana;
   font-size: 11px;
   background-color: #F7F7F7;
   border: 1px solid #d3d4cc;
   outline: none;
   position:relative;
   height:18px
}

textarea {
   font-family: Arial, Verdana;
   font-size: 11px;
   background-color: #F7F7F7;
   border: 1px solid #d3d4cc;
   outline: none;
   position:relative;
}
textarea:focus {
   background-color: #FFF;
   border: 1px solid #b6b7b1;
   outline: none;
}
input .submit {
   font-size: 11px;
}
input.submit:hover {
   font-size: 15px;
}
h1 {
	font-size: 22px;
	
	color:#333333;
}
h1 a {
	color:#063B7A;
}
h2 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	
}
p {
	margin:10px;
	margin-left:0;
}
hr {
	border:0;
	background:#bbbbbb;
	height: 1px;
	color:#bbbbbb;	
	margin-bottom:10px !important;
}
button {
	cursor:pointer;
   font-family: Arial, Tahoma, Verdana;
   font-size: 11px;
   height:25px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   border: 1px solid #2f3849;   
   color:#ffffff;
   background-color:#293b61;   
}
button:hover {
   font-family: Arial, Tahoma, Verdana;
   font-size: 11px;   
   border: 1px solid #2f3849;   
   color:#ffffff;
   background-color:#293b61;   
   cursor : pointer;
}

a.copyright {font-size:11px; color:#ffffff; text-decoration:none;}
a.copyright :hover{text-decoration:none;}

a.TopNav {
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

a.TopNav:hover {
	text-decoration:underline;
}

a.BlueLink{ font-weight:bold; color:#6B9FC6;text-decoration:none; }
a.BlueLink:hover{ color:#6B9FC6;}

img.cadre {
	border:1px solid #999999;
}

/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */
#calendrier {
	width:238px;
	margin: 0 auto;
}
.calendrier_mois{
	height:21px;
	color:#122752;
	font-weight:bold;
	margin: 0;
	padding:0 0 10px 0;
	text-align:center;
}

#current_month_year {
	padding-top:3px;
}

#last_year {float:left;cursor:pointer;height:21px;width:21px;background:url('../images/calendar_last_year.gif') no-repeat;margin-right:5px;margin-left:5px;line-height:0;font-size: 1px;}
#last_month {float:left;cursor:pointer;height:21px;width:21px;background:url('../images/calendar_last_month.gif') no-repeat;line-height:0;font-size: 1px;}
#next_month {float:right;cursor:pointer;height:21px;width:21px;background:url('../images/calendar_next_month.gif') no-repeat;line-height:0;font-size: 1px;}
#next_year {float:right;cursor:pointer;height:21px;width:21px;background:url('../images/calendar_next_year.gif') no-repeat;margin-left:5px;margin-right:5px;line-height:0;font-size: 1px;}

.libelle{
	font-weight:normal;
	text-align:center;
	color:#FFF;
	border:1px solid #122752;
	background:#122752;
	height:20px;
	padding-top:4px;
}

.libelletd{
	font-weight:normal;
	text-align:center;
	color:#FFF;
	border:1px solid #122752;
	background:#122752;
	height:20px;
}

.ligne{
	height:20px;
	padding-top:4px;
	text-align:center;
}
.ligne td{
	width:14%;
}
.itemCurrentItem {
	color:#122752;
	font-weight:bold;
}
.itemSelectedItem {
	background:#122752;
	color:#FFF;
	font-weight:bold;
	border:1px solid #122752;
	height:20px;
}	
.itemSelectedItem a{	color:#FFFFFF; text-decoration:none;}	
.itemSelectedItem a:hover .date{background:#ffffff; color:#122752; height:16px; padding-top:3px}

.itemCurrentSelectedItem {
	background:#990000;
	color:#FFF;
	font-weight:bold;
	border:1px solid #660000;
	border-top:1px solid #BB0000;
	border-left:1px solid #BB0000;
}	
.itemCurrentSelectedItem a{	color:#FFFFFF;}	
.itemCurrentSelectedItem a:hover .date{background:#BB0000;}

/* Drop Down */
.ui-dropdownchecklist {
	height: 20px;
	border: 1px solid #C9CAC2;
	border-right: 0;	
	background: #fff url('../images/dropdown.png') no-repeat center right;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active {
	background-image: url('../images/dropdown_hover.png');
	border-color: #C9CAC2;
}

.ui-dropdownchecklist-text {
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding-left:3px;
	margin-right: 17px; /* background dropdown.png image */
	position:relative;
	top:-3px;
	color:#333333;
}

.ui-dropdownchecklist-input{
	margin-left:3px;
	margin-right:3px;
	position:relative;
	top:3px;
}

.ui-dropdownchecklist-dropcontainer {
	background-color: #fff;
	border: 1px solid #C9CAC2;
	position:relative;
	top:-1px;
	width:300px;
}

.ui-dropdownchecklist-item {
	border: 1px solid #ffffff;
}

.ui-dropdownchecklist-item-hover {
	background-color: #E5E5DB;
	border: 1px solid #d1d1c7;
}


.ui-dropdownchecklist-item-disabled label {
	color: #ccc;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
	
}

.ui-dropdownchecklist-group {
	font-weight: bold;	
}

.ui-dropdownchecklist-indent {
	padding-left: 20px;
}