body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	margin: 25px 0 0 0;
	padding: 0;
	background-color: #cccc99;
}



/* /////////////////////////// */
/* //// REDEFINITION TAG //// */

/* // lien par defaut // */

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #660000;
	outline: none;
}

div, form, img, ul, li {
	margin: 0;
	padding: 0;
	border: none;
}

td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

input[type="submit"] {
	cursor: pointer;
}

input[type="reset"] {
	cursor: pointer;
}


/* ////////////////////// */
/* //// STYLES TYPO //// */

.normal {
	font-weight: normal;
}

.gras {
	font-weight: bold;
}

.gras_capital {
	font-weight: bold;
	text-transform: uppercase;
}

.gras_italique {
	font-style: italic;
	font-weight: bold;
}

.gras_10_blanc {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.capital {
	text-transform: uppercase;
}

.italique {
	font-style: italic;
}

.corpsNul {
	font-size: 1px;
}

.enLigne {
	display: inline;
}

.finfloat {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	overflow: auto;
	visibility: hidden;
	display: block;
}

.fin_float {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	overflow: auto;
	visibility: hidden;
	display: block;
}



#conteneur {
	position: relative;
	width: 790px;
	text-align: left;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}




/* /////////////// */
/* //// PAGE //// */

.barre {
	background-color: #cccc99;
}

.bt_haut {
	float: left;
	width: 365px;
	height: 65px;
	margin: 0;
	padding: 0 0 0 35px;
}

html:not([lang*=""]) .bt_haut {
	width: 330px;
}

.bt_haut img {
	vertical-align: top;
	margin: 15px 7px 0 0;
	padding: 0;
}

.logo {
	float: left;
	width: 185px;
	text-align: right;
}

.trophe1 {
	float: left;
	width: 130px;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	color: #205267;
	margin: 16px 0 0 0;
	padding: 0;
}

.trophe1 a:link, .trophe1 a:visited {
	color: #205267;
	text-decoration: none;
	margin: 0;
	padding: 2px 18px 1px 0;
	background-position: right top;
	background-image: url(une_popups/trophees_06/fond_index.gif);
	background-repeat: no-repeat;
}

.trophe1 a:hover {
	color: #cc0000;
}

.trophe2 {
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	color: #center;
	margin: 6px 0 0 0;
	padding: 0;
}

.trophe2 a:link, .trophe2 a:visited {
	color: #00469f;
	text-decoration: none;
	margin: 0;
	padding: 1px 60px 1px 0;
	background-position: right top;
	background-image: url(une_popups/ville_internet/fond_index.gif);
	background-repeat: no-repeat;
}

.trophe2 a:hover {
	color: #cc0000;
}


.bt_droite {
	float: left;
	width: 220px;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #569394;
	margin: 5px 10px 0 0;
	padding: 0;
}

.bt_droite ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.bt_droite li {
	display: inline;
}

.bt_droite ul li a {
	display: block;
	color: #569394;
	text-decoration: none;
	margin: 0;
	padding: 0 0 3px 0;
}

.bt_droite ul li a:hover, .bt_droite ul li a.active {
	color: #000000;
}


.bt_droite ul .telecharger a {
	display: block;
	color: #f17918;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 0;
}

.bt_droite ul .telecharger a:hover, .bt_droite ul .telecharger a.active {
	color: #000000;
}


.bt_droite ul .marche a {
	display: block;
	color: #63b0d3;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 0;
}

.bt_droite ul .marche a:hover, .bt_droite ul .marche a.active {
	color: #000000;
}



.bandeau_img {
	clear: both;
}

.barre_menu_ht {
	margin: 5px 20px 14px 35px;
}

.barre_menu_ht ul {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	padding: 5px 0 5px 0;
	margin: 0;
	background-color: #dfdfdf;
}

.barre_menu_ht ul li {
	display: inline;
	margin: 0;
}

.barre_menu_ht ul li a:link, .barre_menu_ht ul li a:visited {
	color: #333333;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0 0 0 0;
	border-right: 2px solid #ffffff;
	background-color: #dfdfdf;
}

.barre_menu_ht ul li a:hover {
	color: #660000;
	background-color: #f3f3f3;
}

.barre_menu_ht ul li.pas_barre a {
	border-right: 2px solid #dfdfdf;
}

.barre_menu_ht ul li.tel a:link, .barre_menu_ht ul li.tel a:visited {
	background-position: 5px 3px;
	background-image: url(images/index/mairie_tel_fond.gif);
	background-repeat: no-repeat;
	padding: 5px 8px 5px 25px;
}




ul.barre_menu_bas {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	padding: 5px 0 5px 10px;
	margin: 15px 10px 0 10px;
	background-color: #bcdad8;
}

ul.barre_menu_bas li {
	display: inline;
	margin: 0;
}

ul.barre_menu_bas li a:link, ul.barre_menu_bas li a:visited {
	color: #333333;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0;
	border-right: 2px solid #ffffff;
	background-color: #bcdad8;
}

ul.barre_menu_bas li a:hover {
	color: #660000;
	background-color: #dbe6e5;
}

ul.barre_menu_bas li.pas_barre a {
	border-right: 2px solid #bcdad8;
}






#menu {
	width: 790px;
	height: 100px;
	font-size: 10px;
	margin: 0 0 40px 0;
	padding: 0;
	background-position: left top;
	background-image: url(images/index/menu_fond.gif);
	background-repeat: no-repeat;
}

#nav, #nav ul {
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
}

#nav .mairie_pratique {
	z-index: 3;
	position: absolute;
	top: 330px;
	left: 110px;
}

#nav .guide_droits {
	z-index: 3;
	position: absolute;
	top: 330px;
	left: 270px;
}

#nav .plan_ville {
	z-index: 3;
	position: absolute;
	top: 330px;
	left: 460px;
}

#recherche {
	position: absolute;
	top: 340px;
	left: 570px;
}

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

#recherche input.rech_chps {
	width: 100px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #660000;
	margin: 0 8px 0 0;
	padding: 1px 4px 2px 4px;
	border-top: 1px solid #bd7f29;
	border-right: 1px solid #e4b676;
	border-bottom: 1px solid #e4b676;
	border-left: 1px solid #bd7f29;
	background-color: #f0e3ce;
}


#nav .decouvre_ville {
	z-index: 2;
	position: absolute;
	top: 370px;
	left: 70px;
}

#nav .culture {
	z-index: 2;
	position: absolute;
	top: 370px;
	left: 230px;
}

#nav .urbanisme {
	z-index: 2;
	position: absolute;
	top: 370px;
	left: 330px;
}

#nav .citoyen {
	z-index: 2;
	position: absolute;
	top: 370px;
	left: 465px;
}

#nav .municipal {
	z-index: 2;
	position: absolute;
	top: 370px;
	left: 600px;
}

#nav .quotidien {
	z-index: 1;
	position: absolute;
	top: 400px;
	left: 80px;
}

#nav .sport {
	z-index: 1;
	position: absolute;
	top: 400px;
	left: 200px;
}

#nav .actu {
	z-index: 1;
	position: absolute;
	top: 400px;
	left: 275px;
}

#nav .economie {
	z-index: 1;
	position: absolute;
	top: 400px;
	left: 370px;
}

#nav .durable {
	z-index: 1;
	position: absolute;
	top: 400px;
	left: 520px;
}


#nav a {
	display: block;
	/*width: 10em;*/
	/*w\idth: 6em;*/
	color: #404040;
	text-decoration: none;
}


#nav a:hover {
	color: #660000;
}

#nav ul a {
	background-position: left 5px;
	background-image: url(images/commun_page/menu/puce.gif);
	background-repeat: no-repeat;
	margin: 0 0 3px 10px;
	padding: 1px 15px 1px 8px;
}

#nav li {
	margin: 0;
	padding: 0;
	/*width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	margin: 0;
	padding: 4px 0 7px 0;
}

#nav .ligne1_fond {
	background-color: #d9d9d9;
}

#nav .ligne1_niv2_fond {
	background-color: #e6e6e6;
}

#nav .ligne2_fond {
	background-color: #d9d9d9;
}

#nav .ligne2_niv2_fond {
	background-color: #e6e6e6;
}

#nav .ligne3_fond {
	background-color: #d9d9d9;
}

#nav .ligne2_niv3_fond {
	background-color: #e6e6e6;
}

#nav li li {
	/*padding-right: 1em;*/
	width: 150px;
}

/*#nav li ul a {
	width: 13em;
	w\idth: 9em;
}*/

#nav li ul ul {
	margin: -22px 0 0 140px;
	padding-top: 7px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	color: #660000;
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	color: #660000;
	left: auto;
}

#nav ul li:hover, #nav ul li.sfhover {
	color: #660000;
	background: #f3f3f3;
}

/* fin navigation haut */






/* les rdv */

.rdv_titre {
	font-size: 9px;
	color: #666666;
	text-transform: uppercase;
	margin: 0 0 4px 0;
	padding: 0;
}

.rdv_ouest {
	font-size: 9px;
	font-weight: bold;
	color: #009999;
	margin: 0 0 3px 0;
	padding: 0;
}

.rdv_ouest a:link, .rdv_ouest a:visited {
	display: block;
	width: 140px;
	color: #009999;
	text-decoration: none;
	margin: 0;
	padding: 1px 5px 1px 0;
	background-color: #cccccc;
}

.rdv_ouest a:hover {
	color: #cccccc;
	background-color: #009999;
}

.rdv_egalfm {
	font-size: 9px;
	font-weight: bold;
	color: #cc0066;
	margin: 0 0 3px 0;
	padding: 0;
}

.rdv_egalfm a:link, .rdv_egalfm a:visited {
	display: block;
	width: 140px;
	color: #cc0066;
	text-decoration: none;
	margin: 0;
	padding: 1px 5px 1px 0;
	background-color: #cccccc;
}

.rdv_egalfm a:hover {
	color: #cccccc;
	background-color: #cc0066;
}

.rdv_apus {
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 3px 0;
	padding: 0;
}

.rdv_apus a:link, .rdv_apus a:visited {
	display: block;
	width: 140px;
	color: #333333;
	text-decoration: none;
	margin: 0;
	padding: 1px 5px 1px 0;
	background-color: #cccccc;
}

.rdv_apus a:hover {
	color: #cccccc;
	background-color: #333333;
}

.rdv_devdur {
	font-size: 9px;
	font-weight: bold;
	color: #009933;
	margin: 0 0 3px 0;
	padding: 0;
}

.rdv_devdur a:link, .rdv_devdur a:visited {
	display: block;
	width: 140px;
	color: #009933;
	text-decoration: none;
	margin: 0;
	padding: 1px 5px 1px 0;
	background-color: #cccccc;
}

.rdv_devdur a:hover {
	color: #cccccc;
	background-color: #009933;
}


.rdv_anru {
	font-size: 9px;
	font-weight: bold;
	color: #eb4a0f;
	margin: 8px 0 0 0;
	padding: 0;
}

.rdv_anru a:link, .rdv_anru a:visited {
	display: block;
	width: 140px;
	color: #eb4a0f;
	text-decoration: none;
	margin: 0;
	padding: 1px 5px 1px 0;
	background-color: #cccccc;
}

.rdv_anru a:hover {
	color: #cccccc;
	background-color: #eb4a0f;
}


.newsletter {
	font-size: 10px;
	font-weight: bold;
	color: #ad4443;
	text-align: left;
	margin: 14px 0 0 0;
	padding: 0;
}

.newsletter a:link, .newsletter a:visited {
	display: block;
	color: #ad4443;
	text-decoration: none;
	margin: 0;
	padding: 4px 0 5px 23px;
	background-position: left -9px;
	background-image: url(images/accueil/newsletter_fond.gif);
	background-repeat: no-repeat;
}

.newsletter a:hover {
	color: #74a5bc;
	background-position: left -69px;
	background-image: url(images/accueil/newsletter_fond.gif);
	background-repeat: no-repeat;
}


/* infos editeur */

.infos_editeur {
	font-size: 9px;
	color: #660000;
	text-align: right;
	margin: 0;
	padding: 5px 10px 0 0;
	background-color: #cccc99;
}

.infos_editeur ul {
	font-size: 10px;
	line-height: 12px;
	color: #660000;
	list-style: none;
}

.infos_editeur ul li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
	border-right: 1px solid #994949;
}

.infos_editeur ul li a:link, .infos_editeur ul li a:visited {
	color: #660000;
	text-decoration: none;
}

.infos_editeur ul li a:hover {
	color: #000000;
	text-decoration: underline;
}