body {
	color: #FFFFFF;
	background: #7c7e89 url(../images/bg.gif) 50% 0 repeat-y;
}

#container { width: 771px; font-size: 0.7em; line-height: 120%; }

#header { 
	position: relative; height: 194px;
	text-align: left;
	background: url(../images/content-bg.jpg) no-repeat 100% 194px; }

#header .utilz { position: absolute; top: 115px; left: 645px; width: 115px; }
#header .utilz UL { list-style-type: none; margin: 0; padding: 0; font-size: 95%; font-weight: bold; letter-spacing: 0.1em; }
#header .utilz LI { }
#header .utilz LI A { color: #FFFFFF; text-decoration: none; display: block; height: 17px; background: url(../images/utilz_menu_li-bg.gif) no-repeat 0 0; padding: 3px 0 2px 30px; }
#header .utilz LI A:hover { color: #FFFFFF; text-decoration: none; background-position: 0 -22px; }

#rowmiddle { position: relative; }

#columnleft {
	float: left;
	width: 197px;
	background: url(../images/columnleft-bg.gif) repeat-y 0 0;
}

#columnleft { 
	position: absolute; top: 0; left: 0; width: 197px; z-index: 25;
	background: url(../images/columnleft-bg.gif) repeat-y 0 0;
}

#columnleft .menu { position: relative; margin: 45px 0 0 1px; font-size: 95%; font-weight: bold; text-transform: uppercase; } 
#columnleft .menu UL { position: relative; list-style-type: none; font-size: 110%; padding: 3px 0 1px 0; background: #E41B0A url(../images/columnleft_menu-bg.gif) repeat-y 0 0; }
#columnleft .menu LI { position: relative; margin: 0 0 3px 0; padding: 0; }
#columnleft .menu LI A { display: block; width: 100%; color: #FFFFFF; text-decoration: none; background: url(../images/columnleft_menu_li-bg.jpg) no-repeat 0 100%; }
#columnleft .menu LI A:hover { background-position: -196px 100%; }
#columnleft .menu LI A SPAN { display: block; padding: 10px 12px 10px 20px; }

#columnleft .menu LI:hover UL, #columnleft .menu LI.hover UL { display: block; }
#columnleft .menu UL UL { 
	display: none; 
	position: absolute; top: -3px; left: 100%; z-index: 50; width: 290px;
	font-size: 90%;
	background: #E2E0E2;
}
#columnleft .menu LI LI { border: none; }
#columnleft .menu LI LI A { background-image: url(../images/columnleft_menu_lili-bg.jpg); }
#columnleft .menu LI LI A:hover { background-position: -290px 100%; }
#columnleft .menu LI LI A SPAN { padding: 5px 12px 5px 20px; }

#content {
	position: relative;
	background: url(../images/content-bg.jpg) no-repeat 0 0;
	margin-left: 198px;
}

#content .content {
	position: relative; 
	margin: 0 1px 0 0; padding: 35px 35px 25px 45px;
	text-align: justify;
}

#footer {
	clear: both; padding: 15px 15px 15px 212px;
}

#footer .links UL { list-style-type: none; margin: 0; padding: 0; }
#footer .links LI { float: left; margin: 0 5px 0 0; padding: 0 0 0 5px; border-left: 1px solid #FFFFFF; }
#footer .links LI.first { border: none; }
#footer .links LI A { color: #FFFFFF; text-decoration: none; }
#footer .links LI A:hover { text-decoration: underline; }
#footer .links UL.top { float: right; }
#footer .links UL.top LI { border: none; }

H1, H2, H3, H4, H5 { text-align: left; }

/*H1 {
	position: relative;
	font-size: 250%; text-transform: uppercase; line-height: 130%;
	margin: 25px 0;
}
H1.main { margin-top: 0; margin-left: -25px; }*/

H1, H2 {
	color: #FFCC33;
	margin-top: 10px; margin-left: -25px; padding: 5px 0 0 25px;
	background: url(../images/h2-fleche.gif) no-repeat 0 0;
	font-size: 140%; text-transform: uppercase;
}

H3 { font-size: 125%; margin: 25px 0 8px 0; }

.small { font-size: 80%; }

A { color: #EDB10F; }
A:hover { color: #EDB10F; }

UL { list-style-type: square; padding-left: 15px; font-size: 110%; line-height: 120%; }
LI { margin-bottom: 5px; }
UL A { color: #FFFFFF; text-decoration: none; }
UL A:hover { text-decoration: underline; }

.note { line-height: 120%; }

TABLE, TH, TD { border-width: 2px; border-color: #7C7E89; font-size: 0.9em; }
TABLE { width: 100%; font-size: 110%; background: #F9AD26 url(../images/content_thead_tr-bg.gif) no-repeat 100% 0;  }
TH, TD { padding: 12px; }
THEAD TH { font-size: 1em; color: #7A0E04; text-transform: uppercase; }
TBODY TH { color: #46494F; font-size: 120%; background-color: #E2E0E2; }
TD { background-color: #7A0E04; }
TD UL { list-style-type: square; padding-left: 15px; font-size: 100%; }

TABLE.miseenpage { border: none; background: none; margin: 0 0 0 -25px; width: 517px; }
TABLE.miseenpage TD { border: none; vertical-align: top; background-color: transparent; padding: 0 0 0 20px; text-align: justify; }
TABLE.miseenpage TD.image { padding: 0; }

TABLE.engins { margin-left: -25px; background: none; }
TABLE.engins TD { 
	background-color: transparent; 
	padding: 0 15px 0 0;
	border-bottom: 15px solid #7C7E89;
}
TABLE.engins H3 { 
	text-transform: uppercase; 
	margin: 0; padding: 8px 10px 5px 10px;
	background: url(../images/engins_nom-bg.jpg) repeat-y 0 0
}

UL.plandecours { list-style-type: none; padding-left: 0; font-weight: bold; }
UL.plandecours LI { 
	color: #EA1907; background: #F8AC26 url(../images/plandecours_li-bg.jpg) repeat-y 100% 0;
	margin: 0 0 5px 0; padding: 2px 12px;
}

#container.admission #content .content { background: url(../images/admission.jpg) no-repeat 0 100%; padding-bottom: 575px; }
#container.financement #content .content { background: url(../images/financement.jpg) no-repeat 100% 100%; padding-bottom: 375px; }
#container.motorises #content .content { background: url(../images/motorises.jpg) no-repeat 0 100%; padding-bottom: 525px; }

.xmap UL { font-size: 105%; font-weight: bold; }
.xmap UL UL { font-size: 100%; font-weight: normal; margin-top: 2px; }
.xmap LI LI { margin-bottom: 2px; }