/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}


/* BALISES HTML */
body {
	background-color: #657b94;
	
	background-image: url(images/page_bg_body.jpg);
	background-repeat: repeat-x;
	height: 100%;
	
	padding: 6px 0px 20px 0px;
}

a img {
	border: none;
}


/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* conteneur global */
#conteneur {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 989px;
	
	z-index: 1;
	
	
	background-color: #FFFFFF;
	

	
	
}

/* BANDEAU */
#bandeau {
	width: 989px;
	height: 147px;
	position: absolute;
	top: 0px;
	left: 0px;
	
	z-index: 100;
}

/* LOGO */
h1 {
	width: 272px;
	height: 168px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	float: left;
	
	background-color: #fff;

}
h1 img {
	margin: 0px 0px 0px 0px;
}

/* Menus Hauts */
#menus {
	position: absolute;
	top: 0px;
	left: 272px;
	
	width: 717px;
	height: 252px;
	
	background-image: url(images/page_bg_menus.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
	background-color:#FFFFFF;
}

/* Menu navigation focntionnelle */

ul#nav_fonctionnelle {
	list-style-type: none;
	
	background-image: url(images/page_bg_fonctionnelle.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
	position: absolute;
	top: 73px;
	left: 0px;
	
	width:159px;
	height: 82px;
	
	padding: 13px 0px 0px 14px;
	
}
ul#nav_fonctionnelle li {
	display: inline;

}
ul#nav_fonctionnelle li a {
	display: block;
	
	line-height: 12px;
	height: 12px;
	font-size: 11px;
	background-image: url(images/puce_menu.gif);
	background-position: left;
	background-repeat: no-repeat;
	
	padding: 0px 0px 0px 20px;
	margin:  0px 0px 4px 0px!important;
	margin:  0px 0px 1px 0px;
}
ul#nav_fonctionnelle li a:hover {
	background-image: url(images/puce_menu-over.gif);
	background-position: 0.5em;
}
ul#nav_fonctionnelle li a img {
	vertical-align: middle;
}

/* Menu navigation principale */
ul#nav_principal {
	list-style-type: none;
	
	background-image: url(images/page_bg_principal.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
	position: absolute;
	top: 73px;
	left: 173px;
	
	width: 524px;
	height: 63px;
	
	padding: 9px 0px 0px 20px;
	
}

ul#nav_principal li {
	display: inline;
}

/* Menu vivre a chorges */
ul#nav_vivre {
	position: absolute;
	top: 133px;
	left: 473px;
	
	width: 244px;
	height: 119px;
	
	background-image: url(images/page_bg_nav_vivre.jpg);
	background-repeat: no-repeat;
	
	padding: 6px 0px 0px 0px;
	
	list-style-type: none;
}
ul#nav_vivre li {
	display: inline;
}
ul#nav_vivre li a {
	display: block;
	
	width: 210px;
	height: 14px;
	
	color: #9caecf;
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	
	background-image: url(images/page_bg_nav_vivre.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	
	padding: 0px 0px 0px 30px;
}
ul#nav_vivre li a:hover {
	background-image: url(images/page_bg_nav_vivre-over.gif);
	background-position: 0px;
	
	color: #FFFFFF;
}

/* RECHERCHE */
#recherche {
	position: absolute;
	top:176px;
	left: 13px;
	
	z-index: 90;

}
#recherche img, #recherche input {
	vertical-align: middle;

}
#recherche input {
	color: #407a41;
	border: 1px solid #407a41;
	width: 120px;

}

/* CHEMIN */
#block_chemin {
	position: absolute;
	top: 210px;
	left: 35px;
}

/* Titre de la page */
#bandeauh2 {
	position: absolute;
	width: 272px;
	height: 84px;
	top: 168px;
	left: 0px;
	
	background-image: url(images/page_bg_titre.jpg);
	background-repeat: no-repeat;
}


/* BLOCK CONTENU */
#block_contenu {
 	position: relative;
	top: 252px;
	left: 0px;
	background-image: url(images/page_bg_contenu.gif);
	background-repeat: repeat-y;
	
	width: 989px;
	
	margin: 0px 0px 0px 0px;
	
	z-index: 90;
 }
 
#bandeau_gauche {
 	float: left;
	width: 272px;
	background-color: #fff;
 }
 
#contenu {
 	float: left;
	background-image: url(images/page_bg_contenu_vertical.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	
	width: 717px;
	height: 456px; /* 556 */
	
	
	
 }
html>body #contenu {
 	height: auto;
	min-height: 556px;
 }
#zone_contenu {
 	margin: 12px 80px 30px 33px;
	width: 604px;
 }
 
 /* NAVIGATION */
#navigation_niv1 {
 	width: 252px;
	height: 100px;
	
	background-image: url(images/page_bg_navigation.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
	
	list-style-type: none;
	
	padding: 24px 0px 20px 20px;
	
 }
 /* Hack pour IE */
html>body #navigation_niv1 {
 		height: auto;
		min-height: 100px;
 }
 
#navigation_niv2 {	
	list-style-type: none;
	margin: 0px 0px 0px 25px;
 }
 
 #block_patrimoine_tourisme {
 	 width: 272px;
	 height: 250px;
	 background-image: url(images/page_bg_tourisme.jpg);
	 background-repeat: no-repeat;
 }
 
/* Lien tourisme */
#tourisme {
	width: 108px;
	height: 40px;
	float: left;
	display: inline;
	margin: 19px 0 0 17px;	 
}

/* Lien patrimoine */
#patrimoine {
	 width: 120px;
	 height: 40px;
	 float: left;
	 display: inline;
	 margin: 19px 0 0 0;
}


/* FOOTER */
#footer {
	width: 989px;
	height: 46px;
	
	background-image: url(images/page_bg_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* LIEN BAS DE PAGE */
ul#nav_baspage {
	text-align: right;
	margin: 9px 30px 0px 0px;
}
ul#nav_baspage li {
	display: inline;
	margin-left: 5px;
}

ul#nav_baspage li a {
	text-decoration: none;
	color: #435963;
	font-size: 95%;
}
ul#nav_baspage li a:hover {
	color: #000000;
}
ul#nav_baspage li a img {
	vertical-align: middle;
}