/*<group=Header>*/

#header {
background-color: #fff;
background-image: url(../css/im/header_background.jpg);
background-repeat: repeat-x;
height: 104px;
}

#header img {
	padding: 0 10px;
}

#header h1{
 font-size: 140%;
 color: #1b61ac;
 display: block;
 text-align: left;
 padding: 0 0 0 0;
 margin: -45px 0 0 180px;
}

#header h2{
 font-size: 125%;
 color: #000;
 display: block;
 text-align: left;
 padding: 0 0 0 0;
 margin: 0px 0 0 180px;
	font-weight: normal;
}

#headerNav {
	float: right;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../css/im/header_nav.gif);
	margin-top: -85px;
	padding: 0 0 0 10px;
}

#headerNav ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#headerNav ul li {
margin: 0;
display: block;
float: left;
padding: 0 10px 1px 3px;
}

#headerNav ul li a {
color: #1860AC;
text-decoration: none;
}

#headerNav ul li a:hover {
color: #000;
text-decoration: none;
}

#headerNav ul li#actualite {
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../css/im/bullet_blue.gif);
	padding-left: 15px;
}

#headerNav ul li#accessibilite {
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../css/im/bullet_green.gif);
	padding-left: 15px;
}

#headerNav ul li#plan {
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../css/im/bullet_orange.gif);
	padding-left: 15px;
}

#headerNav ul li#rechercher {
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../css/im/bullet_violet.gif);
	padding-left: 15px;
}

#headerNav ul li#contact {
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../css/im/bullet_blue.gif);
	padding-left: 15px;
}
 
	
/*</group>*/

/*<group=Tabs>*/

#tabs { 
display: block;
	background-color: #6fb928;
	background-image: url(../css/im/white_bg.gif);
	background-repeat: repeat-x;
}

#tabs ul{
	padding: 0;
	margin: 0;
	line-height: 13px;
}

#tabs ul li { 
display: block;
margin: 0;
padding: 0;
float: left;
list-style: none;
}

#tabs ul li a {
display: block;
float: left;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 110%;
text-indent: 1px;
}

#tabs ul li a:hover {
display: block;
float: left;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 110%;

}

/*<group=Inactive icons>*/

#tabs ul li#presentation {
width: 165px;
padding: 0px 0px 0px 8px;
display: block;
float: left;
background-image: url(../css/im/tabs_presentation.jpg);
background-repeat: no-repeat;
background-position:  left;
}

#tabs ul li#presentation a {
padding: 7px 10px 8px 10px;
}

#tabs ul li#animation {
width: 115px;
padding: 0px 0px 0px 6px;
display: block;
float: left;
background: url(../css/im/tabs_animation.jpg) no-repeat right;
}

#tabs ul li#animation a {
padding: 7px 0px 8px 21px;
}

#tabs ul li#formation {
width: 110px;
padding: 0px 0px 0px 0px;	
display: block;
float: left;
background: url(../css/im/tabs_formation.jpg) repeat-x;
}

#tabs ul li#formation a {
padding: 7px 10px 8px 22px;
}
#tabs ul li#documentaire {
width: 173px;
padding: 0px 0px 0px 0px;		
	display: block;
	float: left;
	background: url(../css/im/tabs_documentaire.jpg) no-repeat left;
}

#tabs ul li#documentaire a {
padding: 7px 0px 8px 22px;
}
#tabs ul li#operation {
	width: 181px;
	padding: 0px 0px 0px 0px;		
	display: block;
	float: right;
	background: url(../css/im/tabs_operation.jpg) no-repeat right;
}

#tabs ul li#operation a {
padding: 7px 0 8px 20px;
}

/*</group>*/

/*<group=Active icons>*/

#tabs ul li.active#presentation {
width: 165px;
padding: 0px 0px 0px 8px;
display: block;
float: left;
background: url(../css/im/tabs_presentation.jpg) no-repeat left;
}

#tabs ul li.active#presentation a {
padding: 7px 10px 8px 10px;
color: #000;
}

#tabs ul li.active#animation {
width: 115px;
padding: 0px 0px 0px 6px;
display: block;
float: left;
background: url(../css/im/tabs_animation.jpg) no-repeat right;
}

#tabs ul li.active#animation a {
padding: 7px 0px 8px 21px;
color: #000;
}

#tabs ul li.active#formation {
	width: 110px;
	display: block;
	float: left;
	background: url(../css/im/tabs_formation.jpg) repeat-x;
}

#tabs ul li.active#formation a {
padding: 7px 10px 8px 22px;
color: #000;
}

#tabs ul li.active#documentaire {
	width: 173px;
	display: block;
	float: left;
	background: url(../css/im/tabs_documentaire.jpg) no-repeat right;
}

#tabs ul li.active#documentaire a {
padding: 7px 0px 8px 22px;
color: #000;
}
#tabs ul li.active#operation {
	width: 181px;
	display: block;
	float: right;
	background: url(../css/im/tabs_operation.jpg) no-repeat right
}

#tabs ul li.active#operation a {
padding: 7px 0 8px 20px;
color: #000;
}

/*</group>*/

/*</group>*/


/*<group=Nav Arborescence>*/

#nav {
	text-align: left;
	background-color: #6fb928;
	background-image: url(../css/im/white_bg.gif);
	background-repeat: repeat-x;	
}

.nav {
	background-image: url(../css/im/sidebarleft_nav.gif);
	background-position: 0px -10px;
	background-repeat: no-repeat;
	width: 168px;	
}

#navtop {
	background-image: url(../css/im/sidebarleft_nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	height: 8px;
	border-bottom: 1px solid #99CC66;	
}

#navbottom {
	background-image: url(../css/im/sidebarleft_nav.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #99CC66;
}

#nav ul li#begin {
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #99CC66;
	background-image: url(../css/im/sidebarleft_nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	height: 100%;
	border-bottom: 1px solid #99CC66;	
}

#nav ul li a {
display: block;
padding: 3px 10px 3px 10px;
color: #fff;
text-decoration: none;
font-weight: bold;
text-indent: 1px;
}


#nav ul li a:hover {
	color: #000;
}
#nav ul li#active {
	background-image: url(../css/im/sidebarleft_nav_active.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 186px;
	margin-left: -18px !important;
	margin-top: -1px;
	z-index: 100;
	position: relative;
	background-color: #e5effa;
}

#nav ul li#active ul li {
	border-bottom: 1px solid #b4d7fb;
	padding-left: 18px;
}

#nav ul li#active ul li a {
	color: #1860AC;
	font-weight: normal;	
}

#nav ul li#active a.active {
	color: #000;
	font-weight: bold;
	padding-left: 28px;
	border-bottom: 1px solid #b4d7fb;		
}

#nav ul li#active a.active:hover {
	color: #000;
	font-weight: bold;		
}

#nav ul li#active ul li a:hover {
	color: #000;	
	border-bottom:none;
	font-weight: normal;
}

#nav ul li#active ul li a.on {
	color: #000;	
	border-bottom:none;
	font-weight: normal;
}	
/*</group>*/

/*<group=Sidebar Left>*/

#sidebarLeft {
	float: left;
	width: 168px;
	padding-bottom: 15px;
}

#print_page {
	float: right;
	width: 157px;
	height: 25px;
}

#print_page p {
	font-size: 95%;
	text-align: left;
	margin: 10px 0 5px;
}

#print_page a, #print_page a:visited {
color: #1860AC;
text-decoration: none;
text-align: right;
}

#print_page a:hover {
color: #1860AC;
text-decoration: underline;
text-align: right;
}

#print_page img {
	float: left;
	margin-right: 5px;
}

#access {
	margin-top: 15px;
	color: #003300;
	font-weight: bold;
}

#access img {
	padding: 0 10px;
}

.access {
	background-image: url(../css/im/sidebarleft_access_bg.gif);
	background-position: 0px -10px;
	background-repeat: no-repeat;

}

#accesstop {
	background-image: url(../css/im/sidebarleft_access_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	height: 8px;
}

#accessbottom {
	background-image: url(../css/im/sidebarleft_access_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
}

#access p {
	margin: 0;
	padding-left: 10px;
}

#access ul {
	margin: 0;
	padding: 0;
}

#access ul li {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
	font-weight: normal;
}

#access ul li a {
display: block;
padding: 3px 0px 0px 10px;
color: #1860AC;
text-decoration: none;
font-weight: bold;
text-indent: 1px;
background-image: url(../css/im/sidebarleft_access_bullet.gif);
background-repeat: no-repeat;
background-position: 0% 7px;
}

#access ul li a:hover {
	color: #000;
}	
/*</group>*/

/*<group=Footer>*/

#footer {
	background-color: #fff;
	background-image: url(../css/im/footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 10px;
	padding-top: 60px;	
	padding-bottom: 7px;
	float: left;
	width: 760px;
}

.logo {
	width: 100px;
	height: 25px;
}

#footerNav {
	float: right;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../css/im/footer_nav.gif);
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
}

#footerNav ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footerNav ul li {
margin: 0;
display: block;
list-style: none;
float: left;
padding: 0 10px 1px 3px;
}

#footerNav ul li a {
color: #1860AC;
text-decoration: none;
}

#footerNav ul li a:hover {
color: #000;
text-decoration: none;
}

div#colophon {
	padding: 0;
	margin: 0 10px 0 0;
background-color: #aa8d6b;
}

div#colophon img {
	border-style: none;
	margin: 5px 0 0 5px;
}

div#colophon ul li {
	border-style: none;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

#lv {
	position: relative;
	top: -30px;
	z-index: 100;
	left: 645px;
}	
/*</group>*/