/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete h1 {
	margin : 0;
	padding : 0;

	text-indent : -9000px;
	overflow : hidden;

	background-image : url(../images/munsar-logo.gif);

	width : 454px;
	height : 126px;

	position : absolute;
	left : 25px;
	top : 52px;
}

/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	background-image : url(../images/page-fond.jpg);
	background-repeat : no-repeat;
	background-position : left top;

	position : relative;
	z-index : 9;
	min-height : 563px;

	padding-top : 156px;
}

* html #principal {
	height : 563px;
}

#papillon {
	width : 127px;
	height : 118px;
	background-image : url(../images/papillon.jpg);

	position : absolute;
	left : 830px;
	top : 34px;
}

/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu-conteneur {
	width : 505px;
	margin-left : 258px;

	margin-bottom : 1em;

	min-height : 500px;
}


* html #contenu-conteneur {
	height : 500px;
}

#contenu {
	border-top : 1px solid #C75C19;
}

#contenu h2 {
	font-size: 16px;
	font-weight: bold;
}

#sousmenu {
	background-image : url(../images/sousmenu-fond.gif);
}

#sousmenu ul {
	margin : 0;
	padding : 0;
	margin-left : 20px;
	padding-top : 0.5em;
	padding-bottom : 1em;
	font-size : 0.85em;
	font-weight : bold;

	line-height : 1.5em;
}

#sousmenu ul ul {
	padding-top : 2px;
	padding-bottom : 0;
}

#sousmenu ul ul li {
	padding-top : 1px;
}

#sousmenu ul li {
	margin-bottom : 0.25em;
}

#sousmenu-titre {
	color : #C75C19;
	font-size : large;
}

#sousmenu ul {
	margin-left : 0;
	padding-left : 0;
	list-style-type : none;
}

#sousmenu li {
	padding-left : 20px;
	margin-bottom : 0.9em;

	background-image : url(../images/fleche.gif);
	background-repeat : no-repeat;
	background-position : 0px 3px;
}

/*--------------------------------------------------------------------
/* LIENS RAPIDES
/**/

#liens_rapides {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#liens_rapides li {
	margin : 0;
	padding : 0;

	display : block;

	text-indent : -9000px;
	overflow : hidden;

	position : absolute;
}

#liens_rapides li a {
	position : relative;
	display : block;
	height : 16px;
}

#liens_rapides-visite_virtuelle {
	left : 634px;
	top : 65px;

	width : 112px;
	height : 16px;

	background-image : url(../images/liens_rapides-visite_virtuelle.gif);
}

#liens_rapides-cartes_touristiques {
	left : 607px;
	top : 86px;

	width : 136px;
	height : 16px;

	background-image : url(../images/liens_rapides-cartes_touristiques.gif);
}

#liens_rapides-etat_des_routes {
	left : 581px;
	top : 107px;

	width : 114px;
	height : 16px;

	background-image : url(../images/liens_rapides-etat_des_routes.gif);
}

#liens_rapides-conditions_meteo {
	left : 557px;
	top : 128px;

	width : 128px;
	height : 16px;

	background-image : url(../images/liens_rapides-conditions_meteo.gif);
}

/*--------------------------------------------------------------------
/* COLONNE GAUCHE
/**/

#colonne_gauche {
	padding-left : 30px;
	float : left;
}

/*--------------------------------------------------------------------
/* COLONNE DROITE
/**/

#colonne_droite {
	padding-right : 12px;
	float : right;
	font-size: .85em;
}

#colonne_droite .photo {
	margin-bottom : 1em;
}

.logo {
	vertical-align: bottom;
}

/*--------------------------------------------------------------------
/* MENU
/**/

#menu {
	margin : 0;
	padding : 0;
	list-style-type : none;

	width : 200px;

	margin-top : 1em;
}

#menu li {
	margin-bottom : 1em;
	padding-left: 3px;

	text-transform : uppercase;
	font-weight : bold;
}

#menu li a {
	color : #047391;
	text-decoration : none;
}

#menu li a:hover {
	color : #C75C19;
	text-decoration : underline;
}

#menu ul {
	margin : 0;
	padding : 0;
	line-height : 1.5em;
	margin-top : 0.5em;

	list-style-type : none;
}

#menu ul li {
	text-transform : none;
	font-weight : bold;
	font-size : 0.85em;
	line-height : 1.25em;
	margin-bottom : 0.5em;

	padding-left : 20px;

	background-image : url(../images/fleche_bleue.gif);
	background-repeat : no-repeat;
	background-position : 0px 0px;
}

* html #menu ul li {
	background-position : 0px 1px; /* Fix pour IE */
}

.section_2 #menu-affaires_municipales .lienGrandeSection,
.section_3 #menu-patrimoine .lienGrandeSection,
.section_4 #menu-affaires .lienGrandeSection,
.section_5 #menu-citoyens .lienGrandeSection,
.section_6 #menu-loisirs_et_culture .lienGrandeSection,
.section_7 #menu-tourisme .lienGrandeSection {
	color : #C75C19;
	text-decoration : underline;
}


/*--------------------------------------------------------------------
/* PIED
/**/

#pied {	
	clear : both;
}

#pied-menu {
	margin-left : 256px;

	padding-top : 13px;
	padding-left : 69px;

	width : 559px;
	height : 23px;
	background-image : url(../images/pied-fond-accueil.gif);
}

#pied-faq {
	display : block;
	height : 14px;
	width : 23px;
	float : left;

	text-indent : -9000px;
	overflow : hidden;

	background-image : url(../images/pied-faq.gif);
}

#pied-plan_du_site {
	display : block;
	height : 14px;
	width : 80px;
	float : left;

	text-indent : -9000px;
	overflow : hidden;

	background-image : url(../images/pied-plan_du_site.gif);
}

#pied-confidentialite {
	display : block;
	height : 14px;
	width : 104px;
	float : left;

	text-indent : -9000px;
	overflow : hidden;

	background-image : url(../images/pied-confidentialite.gif);
}

#pied-liens_utiles {
	display : block;
	height : 14px;
	width : 76px;
	float : left;

	text-indent : -9000px;
	overflow : hidden;

	background-image : url(../images/pied-liens_utiles.gif);
}

#pied-contact {
	display : block;
	height : 14px;
	width : 51px;
	float : left;

	text-indent : -9000px;
	overflow : hidden;

	background-image : url(../images/pied-contact.gif);
}

#pied-menu .separateur {
	display : block;
	width : 10px;
	height : 14px;
	float : left;

	text-indent : -9000px;
	overflow : hidden;

	background-image : url(../images/pied-separateur.gif);

	margin-left : 17px;
	margin-right : 17px;
}

/*--------------------------------------------------------------------
/* OUTILS
/**/

#outils img {
	border: none;	
	vertical-align: top;
}

#outils {
	margin: 1.5em 0em 1em 0em;
	font-size: .85em;

	padding-top : 0.5em;

	border-top : 1px solid #C75C19;

	width : 505px;
	margin-left : 258px;
}

.flote-gauche {
	float: left;
}

.flote-gauche a {
	margin-right : 15px;
}

.flote-gauche img {
	margin-right : 5px;
}

.flote-droite {
	float: right;
}