h1 {
	margin:0;
	padding:0;
	background:#616161;
	font-size:10px;
	color:#aaa;
	font-weight:normal;
	text-align:center;
	height:15px;
	line-height:15px;
}

#container {
	margin: 0 auto;
	height:200px;
	background: url(../images/interface/container.png) no-repeat center top;
	min-width:980px;
	overflow:hidden;
}

#contenu {
	width:980px;
	margin:0 auto;
	overflow:auto;
}

#nav-utilisateur {
	position:absolute;
	top:20px;
	width:670px;
	margin-left:320px;
}

input#submit-rechercher  {
	border:#ccc 1px solid;
	background:none;
	font-weight:bold;
	color:black;
	margin-top:-3px;
}

input#submit-rechercher:hover {
	color:#aaa;
	cursor:pointer;
}
/*
#extras div {
	float:left;
	height:97px;
}*/

#extras h4 {
	position:absolute;
	font-size:15px;
	color:#858585;
	padding-left:10px;
	padding-top:10px;
}

#meteo h4 {
	padding-left:100px;
	padding-top:10px;
}
#webcam, #qualite-air, #meteo, #agenda, #publications {
  float:left;
  height:97px;
}
#webcam, #qualite-air {
	width:122.5px;
}

#webcam a {
	display:block;
	background:url(../images/interface/div-webcams.png) no-repeat;
	height:97px;
	text-indent:-9999px;
}

#qualite-air a {
	display:block;
	background:url(../images/interface/div-qualite-air.png) no-repeat;
	height:97px;
	text-indent:-9999px;
}

#meteo, #agenda, #publications {
	width:245px;
	background:url(../images/interface/div-extras.png) no-repeat;
}

#agenda #agenda-tout {
	display:block;
	font-size:10px;
	padding-left:145px;
	padding-top:15px;
	position:absolute;
}

#publications h5 {
	/*position:absolute;*/
	padding-top:7px;
	padding-left:0px;
	font-weight:bold;
	font-size:12px;
}
#publications h5 p{
  width:140px;
  margin:0;
}
/*
#publications a {
	font-size:11px;
	font-weight:bold;
	display:block;
	position:absolute;
	margin-top:60px;
	margin-left:10px;
	width:15%;
}*/

#publications img {
	display:block;
	position:absolute;
	margin-left:160px;
	margin-top:10px;
}

#footer ul {
	width:980px;
	margin:0 auto;
	list-style:none;
}

#footer li {
	float:left;
}

#footer li a {
	display:block;
	text-indent:-9999px;
	height:35px;
	line-height:35px;
}

#footer li a#phototheque {
	background:url(../images/interface/li-footer-phototheque.png) no-repeat;
	width:125px;
}

#footer li a#accessibilite {
	background:url(../images/interface/li-footer-accessibilite.png) no-repeat;
	width:127px;
}

#footer li a#venir {
	background:url(../images/interface/li-footer-venir.png) no-repeat;
	width:128px;
}

#footer li a#plan-mairie {
	background:url(../images/interface/li-footer-plan-mairie.png) no-repeat;
	width:120px;
}

#footer li a#contacter {
	background:url(../images/interface/li-footer-contacter.png) no-repeat;
	width:149px;
}

#footer li a#plan-site {
	background:url(../images/interface/li-footer-plan-site.png) no-repeat;
	width:102px;
}

#footer li a#partenaires {
	background:url(../images/interface/li-footer-partenaires.png) no-repeat;
	width:131px;
}


/* STYLES PORTAIL */

#menu {
	position:absolute;
	margin:190px 0 0 0;
	width:784px;
	background:url(../images/interface/ul-menu.png) no-repeat;
	height:75px;
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/interface/menu.png) no-repeat;
	height:28px;
}

#menu li {
	text-align:center;
	margin:0;
	padding:0;
	float:left;
	width:196px;
	text-shadow:0 1px 0 #000000;
  text-indent:0;
}

#menu li  a {
	display:block;
	height:28px;
	line-height:28px;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
}

#actus {
	position:absolute;
	margin-top:260px;
	width:784px;
	background:url(../images/interface/div-actus.png) no-repeat left bottom;
	padding-left:5px;
}

#actus img.spacer-gif {
	height:0;
}

#actus div {
	float:left;
	width:196px;
}

#actus h2 {
	font-size:12px;
}

#actus h2 {
	height:20px;
	margin:-10px 0 0;
	padding-top:20px;
}
#actus p{
  margin-top:-40px;
  position:absolute;
  width:185px;
  color:white;
}

#actus .citoyen h2 {
	background:transparent url(../images/interface/h2-actus-citoyen.png) no-repeat;
	color:#4FB848;
	padding-left:60px;
}

#actus .culture h2 {
	background:transparent url(../images/interface/h2-actus-culture.png) no-repeat;
	color:#FCAF17;
	padding-left:60px;
}

#actus .sport h2 {
	background:transparent url(../images/interface/h2-actus-sport.png) no-repeat 15px;
	color:#F37042;
	padding-left:60px;
}

#actus .tourisme h2 {
	background:transparent url(../images/interface/h2-actus-tourisme.png) no-repeat scroll;
	color:#0095D9;
	padding-left:60px;
}

#actus ul {
	margin:0;
	padding:0;
	width:186px;
	height:163px;
	padding:10px;
	list-style:none;
	background:url(../images/interface/ul-actus.png) no-repeat;
  clear:both;
  border:0;
  float:none;
}

#actus li {
	border-bottom:dotted #ccc 1px;
	padding:0 0 5px 10px;
	margin:0 0 5px 0;
	width:165px;
}

#actus .citoyen li {
	background:url(../images/interface/li-actus-citoyen.png) no-repeat;
}

#actus .culture li {
	background:url(../images/interface/li-actus-culture.png) no-repeat;
}

#actus .sport li {
	background:url(../images/interface/li-actus-sport.png) no-repeat;
}

#actus .tourisme li {
	background:url(../images/interface/li-actus-tourisme.png) no-repeat;
}

#actus li.actus-toutes {
	position:absolute;
	bottom:10px;
	border:0;
	background:none;
	padding-left:0;
}

#actus .citoyen li.actus-toutes a, #actus .citoyen h3 a{
	color:#4fb848;
}

#actus .culture li.actus-toutes a, #actus .culture h3 a {
	color:#fcaf17;
}

#actus .sport li.actus-toutes a, #actus .sport h3 a {
	color:#f37042;
}

#actus .tourisme li.actus-toutes a, #actus .tourisme h3 a {
	color:#0095d9;
}
#actus li p{
  margin:0;
  font-size:12px;
}
#actus h3{
  position:absolute;
  margin:-35px 0 0 8px;
}

form#login input {
	padding:0;
	padding-left:2px;
	font-size:10px;
	width:70px;
}

form#login input[type="text"], form#login input[type="password"] {
	border:#ccc 1px solid;
	height:15px;
	line-height:15px;
}

form#login label {
	color:#858585;
	font-weight:bold;
	font-size:12px;
}

#field-login {
	width:80px;
}

#field-pass {
	width:50px;
}

input#submit-login  {
	border:none;
	background:none;
	font-weight:bold;
	color:black;
	border:#ccc 1px solid;
}

input#submit-login:hover {
	text-decoration:underline;
	color:#aaa;
	cursor:pointer;
}

a#lost-pass {
	color:black;
	font-size:10px;
}

#inscription {
	position:absolute;
	margin-top:60px;
	margin-left:400px;
	width:210px;
	height:80px;
	background:url(../images/interface/div-inscription.png) no-repeat;
}

#bt-inscription {
	display:block;
	background:url(../images/interface/bt-inscription.png) no-repeat;
	width:144px;
	height:23px;
	text-indent:-9999px;
	margin-left:25px;
	margin-top:37px;
	float:left;
}

#infos-inscription {
	display:block;
	float:left;
	margin-top:40px;
	margin-left:7px;
	font-weight:bold;
	font-size:14px;
}

#extras {
	position:absolute;
	margin-top:510px;
	height:115px;
	overflow:hidden;
	width:980px;
}

#mentions {
	color:#AAAAAA;
	font-size:10px;
	height:70px;
	margin-top:615px;
	position:absolute;
	width:980px;
}

#mentions ul {
	padding:0;
}

#mentions li {
	float:left;
	padding-right:10px;
}

#mentions li a {
	color:#aaa;
	font-weight:bold;
}

/* --- STYLES MES SERVICES --- */

#mes-services {
	position:absolute;
	margin-left:790px;
	margin-top:190px;
	width:196px;
	z-index:2;
}
#mes-services h3 {
	margin:0;
	background:url(../images/interface/h3-mes-services.png) no-repeat;
  width:180px;
  position:relative;
}
#menu-mes-services {
	background:url(../images/interface/div-mes-services.png) no-repeat left bottom;
}
#mes-services div.glossymenu {
	width:170px;
}

#mes-services h4.gap-pratique {
	border-top:dotted #ccc 1px;
}

.glossymenu{
padding: 0;
color:black;
}

.glossymenu a.menuitem{
width: 150px;
}

/* --- STYLES GAP NATURE --- */
#gap-nature {
margin-left:820px;
margin-top:330px;
position:absolute;
width:118px;
z-index:1;
}