body,html {

}

body {
	margin : 0;
	padding : 0;

	background-color : #476481;
	background-image : url(../images/page_fond.gif);

	text-align : center;
}

#page {
	width : 713px;

	margin-left : auto;
	margin-right : auto;
	margin-bottom : 10px;
	margin-top : 10px;

	background-color : #ffffff;
	border : 1px solid #0C3359;

	text-align : left;
}

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

#entete {
	position : relative;
	z-index : 200;

	width : 713px;
	height : 338px;

	background-image : url(../images/entete_fond.jpg);
	background-repeat : no-repeat;
}

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

	position : absolute;

	width : 375px;
	height : 42px;

	left : 318px;
	top : 25px;

	background-image : url(../images/entete_mot.gif);
	background-repeat : no-repeat;

	overflow : hidden;
	text-indent : -9000px;
	line-height : 0;
	font-size : 0;
}

#entete #photos {
	position : absolute;

	width : 597px;
	height : 102px;

	left : 136px;
	top : 74px;

	background-image : url(../images/entete_photos.jpg);
	background-repeat : no-repeat;
}

#entete #armoiries {
	position : absolute;

	width : 337px;
	height : 167px;

	left : -17px;
	top : 35px;

	background-image : url(../images/entete_armoiries.gif);
	background-repeat : no-repeat;
}

/*--------------------------------------------------------------------
/* RECHERCHE
/**/

#recherche {
	position : absolute;
	left : 537px;
	top : 240px;
}

#recherche form {
	margin : 0;
	padding : 0;
}

#recherche form input {
	border : 1px solid #000;
	font-size : 8pt;
	width : 140px;
	font-family : arial,helvetica,sans-serif;
	color : #999;
	background-color : #fff;
	background-image : url(../images/loupe.gif);
	background-repeat : no-repeat;
	padding-left : 25px;
	padding-top : 1px;
	padding-bottom : 1px;
}

/*--------------------------------------------------------------------
/* MENU2
/**/

#menu2 {
	position : absolute;

	width : 577px;
	height : 30px;

	left : 152px;
	top : 178px;
}

#menu2 a {
	display : block;
	margin-top : 2px;
	float : left;

	color : #E4EDF5;
	text-decoration : none;
	font-size : 10pt;
	font-weight : bold;
}

#menu2 a:hover {
	color : #ffffff;

	text-decoration : none;
}

#menu2 .separateur {
	width : 6px;
	height : 22px;

	background-image : url(../images/menu2_separateur.gif);
	background-repeat : no-repeat;
	background-position : center;

	display : block;
	text-indent : -9000px;
	line-height : 0;
	overflow : hidden;
	float : left;

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


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

#menu {
	position : absolute;

	width : 750px;
	height : 34px;

	left : -18px;
	top : 273px;

	padding-left : 19px;

	background-image : url(../images/menu_fond.gif);
	background-repeat : no-repeat;
}

#menu a {
	display : block;
	text-indent : -9000px;
	overflow : hidden;
	line-height : 0;
	text-decoration : none;

	float : left;
}

#menu .separateur {
	width : 6px;
	height : 6px;

	background-image : url(../images/menu_separateur.gif);
	background-repeat : no-repeat;

	display : block;
	text-indent : -9000px;
	overflow : hidden;
	line-height : 0;
	float : left;

	margin-top : 14px;
}

#menu #menu_accueil {
	width : 51px;
	height : 16px;

	margin-right : 5px;
	margin-top : 10px;
	
	background-image : url(../images/menu_accueil.gif);
	background-repeat : no-repeat;
}

#menu #menu_notre_municipalite {
	width : 81px;
	height : 26px;

	margin-left : 5px;
	margin-right : 10px;
	margin-top : 5px;
	
	background-image : url(../images/menu_notre_municipalite.gif);
	background-repeat : no-repeat;
}

#menu #menu_avis_et_communiques {
	width : 95px;
	height : 26px;

	margin-left : 6px;
	margin-right : 4px;
	margin-top : 5px;
	
	background-image : url(../images/menu_avis_et_communiques.gif);
	background-repeat : no-repeat;
}


#menu #menu_loisirs_et_culture {
	width : 64px;
	height : 26px;

	margin-left : 8px;
	margin-right : 6px;
	margin-top : 5px;
	
	background-image : url(../images/menu_loisirs_et_culture.gif);
	background-repeat : no-repeat;
}


#menu #menu_reglements_et_permis {
	width : 83px;
	height : 26px;

	margin-left : 4px;
	margin-right : 7px;
	margin-top : 5px;
	
	background-image : url(../images/menu_reglements_et_politiques.gif);
	background-repeat : no-repeat;
}


#menu #menu_tourisme {
	width : 65px;
	height : 16px;

	margin-left : 7px;
	margin-right : 8px;
	margin-top : 10px;
	
	background-image : url(../images/menu_tourisme.gif);
	background-repeat : no-repeat;
}


#menu #menu_localisation {
	width : 79px;
	height : 16px;

	margin-left : 8px;
	margin-right : 9px;
	margin-top : 10px;
	
	background-image : url(../images/menu_localisation.gif);
	background-repeat : no-repeat;
}


#menu #menu_emploi {
	width : 50px;
	height : 16px;

	margin-left : 10px;
	margin-top : 10px;
	
	background-image : url(../images/menu_emploi.gif);
	background-repeat : no-repeat;
}

/*--------------------------------------------------------------------
/* MENU DÉROULANT
/**/

.sousMenu {
	font-size : 9pt;
	font-weight : bold;

	width : 200px;
	/*width : expression(this.offsetWidth > 200 ? "200px" : "auto");*/

	position : absolute;
	z-index : 201;

	border-top : 2px solid #9B4214;

	/*display : none;*/

	margin : 0;
	padding : 0;
	list-style-type : none;
}

.sousMenu li { position : relative; }
* html .sousMenu li { display : inline; }

.sousMenu .lien {
	color : #ffffff;

	display : block;
	text-decoration : none;
	padding : 5px 20px;

	border : 1px solid #0C3359;

	position : relative;

	background-color : #07447C;

	filter : alpha(opacity=90);
	opacity : 0.9;
	-moz-opacity : 0.9;

	height : 100%;

	cursor : default;
}

.sousMenu .lien:hover {
	background-color : #8CB1D4;
	color : #000000;

	background-image : url(../images/arrow_black.gif);
	background-repeat : no-repeat;
	background-position : 5px center;

	/*opacity : 1.00;
	filter : alpha(opacity=100);
	-moz-opacity : 1.0;*/
}

.sousMenu .lienActif {
	background-color : #8CB1D4;
	color : #000000;

	background-image : url(../images/arrow_black.gif);
	background-repeat : no-repeat;
	background-position : 5px center;

	/*opacity : 1.00;
	filter : alpha(opacity=100);
	-moz-opacity : 1.0;*/
}

.sousSousMenu {
	font-size : 7pt;
	position : absolute;
	z-index : 203;
	width : 200px;
	display : none;

	top : 0px;

	margin : 0;
	padding : 0;

	list-style-type : none;
}

* html .sousSousMenu li { display:inline; }

.sousSousMenu .lien {
	background-color : #2666A1;
	border-top : 0px;
}

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

#principal {
	/*position : relative;*/

	/*width : 713px;*/
	/*min-height : 551px;
	_height : 551px;*/

	margin-top : 4px;
	padding-left : 56px;

	background-image : url(../images/principal_fond.png);
	background-repeat : no-repeat;
}

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

#contenu {
	position : relative;
	float : left;

	width : 600px;

	min-height : 400px;

	margin-bottom : 10px;
	margin-top : 90px;

	padding-left : 0px;

	/*overflow-x : hidden;*/

	text-align : justify;
}

* html #contenu {
	height : 400px;
}

#page_1 #contenu {
	width : 415px;
}

#contenu h2 {
	font-family : arial,helvetica,sans-serif;
	color : #07447C;

	font-size : x-large;
	line-height : 100%;
	text-align : left;
	font-weight : bold;
	
	padding : 0;
	margin : 0;
	margin-top : 10px;
	margin-bottom : 20px;
}

/*--------------------------------------------------------------------
/* ONGLET
/**/

#onglet {
	position : absolute;
	z-index : 100;

	height : 44px;
	width : 633px;

	left : -16px;
	top : -55px;

	background-image : url(../images/onglet_fond.gif);
	background-repeat : repeat-x;
	background-position : left bottom;
}

#page_1 #onglet {
	width : 431px;
}

#onglet h1 {
	font-family : arial,verdana,helvetica,sans-serif;
	margin : 0;
	padding : 0;

	height : 28px;
	padding-top : 16px;
	padding-left : 10px;
	
	font-size : 14pt;
	line-height : 100%;
	font-weight : bold;
	color : #C2CCD5;

	background-image : url(../images/onglet_centre.gif);
	background-repeat : repeat-x;

	float : left;
}

#onglet_gauche {
	background-image : url(../images/onglet_gauche.gif);
	background-repeat : no-repeat;

	width : 21px;
	height : 44px;

	float : left;
}

#onglet_droite {
	background-image : url(../images/onglet_droite.gif);
	background-repeat : no-repeat;

	width : 38px;
	height : 44px;

	float : left;
}

/*--------------------------------------------------------------------
/* CADRE DROIT
/**/

#cadre_droit {
	float : left;
	width : 188px;

	margin-left : 10px;
	margin-top : 76px;

	display : none;
}

#page_1 #cadre_droit {
	display : block;
}

/*--------------------------------------------------------------------
/* METEO
/**/

#meteo {
	font-family : arial,verdana,helvetica,sans-serif;

	position : relative;

	width : 182px;
	height : 21px;

	background-image : url(../images/meteo_fond.gif);
	background-repeat : no-repeat;
}

#meteo h1 {
	position : absolute;
	top : -24px;
	right : -5px;

	background-image : url(../images/tripuce.gif);
	background-repeat : no-repeat;
	background-position : 5px center;

	color : #0C3359;
	font-size : 18pt;
	font-weight : bold;

	padding : 0;
	margin : 0;

	padding-left : 22px;
}

#meteo #temperature {
	position : absolute;
	right : 5px;
	top : 2px;

	font-size : 11pt;
	color : #ffffff;
	font-weight : bold;
}

#meteo #conditions {
	position : absolute;
	left : 33px;
	top : -15px;

	width : 49px;
	height : 49px;
}

/*--------------------------------------------------------------------
/* A SURVEILLER
/**/

#a_surveiller {
	width : 188px;

	margin-top : 30px;
}

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

	height : 33px;
	width : 188px;

	background-image : url(../images/asurveiller_haut.gif);
	background-repeat : no-repeat;

	line-height : 0;
	text-indent : -9000px;
	overflow : hidden;
	font-size : 0;
}

#a_surveiller-contenu {
	width : 168px;
	min-height : 150px;

	background-color : #0C3359;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
}

* html #a_surveiller-contenu {
	height : 150px;
}

#a_surveiller-bas {
	width : 188px;
	height : 9px;

	background-image : url(../images/asurveiller_bas.gif);
	background-repeat : no-repeat;
}


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

#liens_rapides {
	font-family : arial,verdana,helvetica,sans-serif;

	width : 177px;
	margin-top : 10px;
	margin-left : 8px;
}

#liens_rapides h1 {
	background-image : url(../images/tripuce.gif);
	background-repeat : no-repeat;
	background-position : 5px center;


	color : #0C3359;
	font-size : 18pt;
	font-weight : bold;

	padding : 0;
	margin : 0;

	padding-left : 22px;
	margin-bottom : 10px;
}

#liens_rapides a {
	display : block;
	width : 144px;
	height : 32px;

	color : #E4EDF5;
	text-decoration : none;
	font-size : 10pt;
	font-weight : bold;

	text-align : right;

	padding-top : 15px;
	padding-right : 33px;

	margin-bottom : 13px;
}



#liens_rapides-conseil {
	background-image : url(../images/liensrapides_conseil.gif);
}

#liens_rapides-bibliotheque {
	background-image : url(../images/liensrapides_bibliotheque.gif);
}

#liens_rapides-valreas {
	background-image : url(../images/liensrapides_valreas.gif);
}

#liens_rapides-taxes {
	background-image : url(../images/liensrapides_taxes.gif);
}

#liens_rapides-infolettre {
	background-image : url(../images/liensrapides_infolettre.gif);
}

#liens_rapides-contrat{
	background-image : url(../images/liensrapides_contrat.gif);
	font-size:10.4px !important;
}

#liens_rapides a:hover {
	/*text-decoration : underline;*/
	/*color : #E4EDF5;*/
	color : #ffffff;

	background-position : left bottom;
}

#liens_rapides .separateur {
	display : none;
}

/*--------------------------------------------------------------------
/* PIED DE PAGE
/**/

#pied {
	position : relative;

	width : 713px;
	height : 20px;

	background-image : url(../images/pied_fond.png);
	background-repeat : no-repeat;
	background-position : -2px 0;
	background-color : #08294D;

	clear : both;
}

#pied #liens {
	position : absolute;
	top : 2px;
	left : 10px;
}

#pied #liens a {
	color : #E4EDF5;
	font-size : 10pt;
	font-weight : bold;
	text-decoration : none;

	display : block;
	float : left;
}

#pied #liens a:hover {
	color : #ffffff;
	/*color : #E4EDF5;*/
	/*text-decoration : underline;*/
}

#pied #liens .separateur {
	width : 5px;
	height : 6px;

	background-image : url(../images/liens_separateur.gif);
	background-repeat : no-repeat;

	display : block;
	text-indent : -9000px;
	overflow : hidden;
	line-height : 0;
	float : left;

	margin-top : 6px;
	margin-left : 10px;
	margin-right : 10px;
}

#pied #copyrights {
	position : absolute;
	top : 30px;
	left : 10px;

	font-size : 8pt;
	color : #ffffff;
	padding-bottom : 10px;
}

#pied #conception {
	position : absolute;
	top : 30px;
	right : 10px;

	font-size : 8pt;
	color : #ffffff;
	padding-bottom : 10px;
}

#pied #copyrights a,
#pied #conception a {
	color : #fff;
	text-decoration : none;
}

#pied #copyrights a:hover,
#pied #conception a:hover {
	text-decoration : underline;
}

#pied #date {
	position : absolute;
	top : 2px;
	right : 10px;
	text-align : right;

	color : #ffffff;
	font-size : 10pt;
	font-weight : bold;
}

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

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

	position : absolute;
	z-index : 130;
	top : -55px;
	right : -16px;
}

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

	float : left;
	margin-left : 20px;
}

#outils #outils-imprimer,
#outils #outils-imprimer a {
	display : block;

	width : 25px;
	height : 28px;
	background-image : url(../images/outils-imprimer.gif);
	text-indent : -9000px;
	overflow : hidden;
}

#outils #outils-envoyerUnAmi,
#outils #outils-envoyerUnAmi a {
	display : block;

	width : 39px;
	height : 28px;
	background-image : url(../images/outils-envoyerUnAmi.gif);
	text-indent : -9000px;
	overflow : hidden;
}

/*--------------------------------------------------------------------
/* HAUT DE PAGE
/**/

#hautDePage {
	text-align : right;
}

.petitEgal{
	background-color:#133459;
	border:0px;
}