@charset "utf-8";
html {
	margin:0px;padding:0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background:url('bg.gif') repeat-x top center;
	margin:0px;padding:0px;
}

a { color:#333333; text-decoration:none; }
a:hover { color:#666666; text-decoration:underline; }

.linkb a { color:#fff; text-decoration:none; font-weight:bold; }
.linkb a:hover { color:#333333; text-decoration:none; }

.lien a { color:#ffffff; text-decoration:none; }
.lien a:hover { color:#333333; text-decoration:none; }

.liennoir a { color:#333333; text-decoration:none; }
.liennoir a:hover { color:#ffffff; text-decoration:none; }

p {
	text-align:justify;
}

#container {
	width:1000px;
	margin:auto;
	position:relative;
}

#top {
	float:left;
	width:100%;
	clear:both;
	height:146px;
	background:url('top.gif') top center no-repeat;
	position:relative;
	
}

/****************MENU TOP******************/

#menu {
	position:absolute;
	bottom:3px;
	left:185px;
}

#menu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:100%;
}

#menu li {
	width:260px; height:73px;
	text-align:center;
	list-style-type:none;
	float:left;
	text-transform:uppercase;
	letter-spacing:0px;
	margin-left:5px;
}

#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#999999;
	width:260px;height:73px;
	display:block;
	_display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
}

#menu a:hover, #menu a.active {
	color:#ffffff;
	text-decoration:none;
}

.mairie a {
	background:url('menu_mairie.gif') bottom center no-repeat;
}

.mairie a:hover, .mairie a.active {
	background:url('menu_mairie.gif') top center no-repeat;
}

.decouverte a {
	background:url('menu_decouverte.gif') bottom center no-repeat;
}

.decouverte a:hover, .decouverte a.active {
	background:url('menu_decouverte.gif') top center no-repeat;
}

.vie a {
	background:url('menu_vie.gif') bottom center no-repeat;
}

.vie a:hover, .vie a.active {
	background:url('menu_vie.gif') top center no-repeat;
}

#menu div{
	padding-top:8px;
}

/*************************MENU BOTTOM***********************/

#menu_bottom {
	float:left;
	clear:both;
	width:230px;
	margin-top:10px;
}

#menu_bottom ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:230px;
}

#menu_bottom li {
	width:230px;
	text-align:left;
	list-style-type:none;
	float:left;
	text-transform:uppercase;
	letter-spacing:0px;
	margin:2px 0px 2px 0px;
}

#menu_bottom a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#666666;
	width:230px;
	display:block;
	_display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	background:url('menuleft.gif') no-repeat top left;
}

#menu_bottom a:hover, #menu_bottom a.active {
	color:#ff9900;
	background:url('menuleft_hover.gif') no-repeat top left;
	text-decoration:none;
}

#menu_bottom div {
	padding:4px 0px 0px 20px;
}



/*************************MENU 3***********************/

#menu_3 {
	float:left;
	clear:both;
	width:190px;
	margin-top:0px;
}

#menu_3 ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:190px;
}

#menu_3 li {
	width:190px; /*height:15px;*/
	text-align:left;
	list-style-type:none;
	float:left;
	text-transform:uppercase;
	letter-spacing:0px;
	margin:2px 2px 0px 2px;
}

#menu_3 a {
	width:190px; /*height:15px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#ff9900;
	display:block;
	_display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	background: #fff;
}

#menu_3 a:hover, #menu_3 a.active {
	color:#ff9900;
	background:#666666;
	text-decoration:none;
}

#menu_3 div {
	padding:2px 5px 2px 5px;
}


/***********************************************************/

#main {
	float:left;
	width:100%;
	clear:both;
	background:#fff /*url('content_bg.gif') top center repeat-y*/;
	min-height:550x;
	_height:550px;
}

#main div.bloc_top {
	width:827px;
	_height:242px;
	min-height:242px;
	float:left;
	clear:both;
	background:url('bloc_actu.gif') no-repeat top center;
	position:relative;
}

#main div.bloc_top div.actu {
	width:300px;
	float:left; clear:both;
	text-align:justify;
	margin:20px 0px 0px 40px;
	_padding:20px 0px 0px 40px;
	_margin:0px 0px 0px 0px;
}

#main div.localisation {
	width:367px;
	float:left;
	margin:10px 0px 0px 13px;
	_margin:10px 0px 0px 0px;
	_padding:0px 0px 0px 9px;
}

#main div.localisation div.top {
	width:100%; height:43px;
	float:left; clear:both;
	background:url('top_localisation.gif') top center no-repeat;
}

#main div.localisation div.content {
	width:100%; /*height:141px;*/
	float:left; clear:both;
	background: #e5e8f4 url('content_localisation.gif') top center no-repeat;
	color:#000000;
}

#main div.localisation div.bottom {
	width:100%; height:27px;
	float:left; clear:both;
	background:url('bottom_localisation.gif') top center no-repeat;
}

#main div.edito {
	width:415px;
	float:left;
	margin:10px 0px 0px 13px;
	_margin:10px 0px 0px 0px;
	_padding:0px 0px 0px 9px;
}

#main div.edito div.titre {
	width:100%;
	float:left; clear:both;
}

#main div.edito p {
	font-size:11px;
	text-align:justify;
	margin:10px 20px 0px 20px;
	_margin:0px 0px 0px 0px;
	_padding:10px 20px 0px 20px;
}

/*#main div.meteo {
	width:147px;
	float:left;
	margin-left:13px;
	margin-top:10px;
}

#main div.meteo div.top {
	width:100%; height:43px;
	float:left; clear:both;
	background:url('top_meteo.gif') top center no-repeat;
}

#main div.meteo div.content {
	width:100%; height:141px;
	float:left; clear:both;
	background:url('content_meteo.gif') top center no-repeat;
	color:#000000;
}

#main div.meteo div.bottom {
	width:100%; height:27px;
	float:left; clear:both;
	background:url('bottom_meteo.gif') top center no-repeat;
}*/

#main div.actu_marquee {
	width:415px; height:50px;
	float:left; clear:both;
	margin:10px 0px 0px 13px;
	_margin:10px 0px 0px 5px;
	_padding:0px 0px 0px 0px;
	background:url('bg_infos.gif') top left no-repeat;
}

#main div.newsletter {
	width:372px; height:50px;
	background:url('bg_newsletter.gif') no-repeat;
	float:left;
	margin:10px 0px 0px 13px;
	_margin:10px 0px 0px 15px;
	_padding:0px 0px 0px 0px;
}

#main div.sideleft {
	width:173px;
	min-height:325px;_height:325px;
	float:left;
	background:#ffffff url('bg_sideleft.gif') top center no-repeat;
}

#main div.page {
	width:827px;
	float:left;
	background:url('content_bg.gif') top center repeat-y;
}

#bottom {
	float:left;
	width:827px;
	clear:both;
	height:64px;
	background:url('bottom.gif') bottom right no-repeat;
	position:relative;
}

#bottom div.copyright {
	position:absolute;
	right:20px; bottom:10px;
	width:600px;
	text-align:center;
	font-size:10px;
}

/*********TITRE******************/

#titre {
	width:510px;height:40px;
	float:left; clear:both;
}

.mairie {
	background:url('titre_mairieacc.gif') no-repeat top center;
}

.coustellet {
	background:url('titre_coustellet.gif') no-repeat top center;
}

.conseil {
	background:url('titre_conseil.gif') no-repeat top center;
}

.cr {
	background:url('titre_cr.gif') no-repeat top center;
}

.deliberations {
	background:url('titre_deliberations.gif') no-repeat top center;
}

.demarches {
	background:url('titre_demarches.gif') no-repeat top center;
}

.social {
	background:url('titre_social.gif') no-repeat top center;
}

.stationverte {
	background:url('titre_stationverte.gif') no-repeat top center;
}


.decouverteacc {
	background:url('titre_decouverteacc.gif') no-repeat top center;
}


.festivites {
	background:url('titre_festivites.gif') no-repeat top center;
}


.jumelage {
	background:url('titre_jumelage.gif') no-repeat top center;
}


.luberon {
	background:url('titre_luberon.gif') no-repeat top center;
}


.patrimoine {
	background:url('titre_patrimoine.gif') no-repeat top center;
}


.presentation {
	background:url('titre_presentation.gif') no-repeat top center;
}


.randonnee {
	background:url('titre_randonnee.gif') no-repeat top center;
}

.sports {
	background:url('titre_sports.gif') no-repeat top center;
}

.vieacc {
	background:url('titre_vieacc.gif') no-repeat top center;
}

.commerces {
	background:url('titre_commerces.gif') no-repeat top center;
}

.hebergement {
	background:url('titre_hebergement.gif') no-repeat top center;
}

.enfance {
	background:url('titre_enfance.gif') no-repeat top center;
}

.environnement {
	background:url('titre_environnement.gif') no-repeat top center;
}

.associations {
	background:url('titre_associations.gif') no-repeat top center;
}

.infos {
	background:url('titre_infos.gif') no-repeat top center;
}

.actualites {
	background:url('titre_actu.gif') no-repeat top center;
}

.titrecontact {
	background:url('titre_contacter.gif') no-repeat top center;
}

.legal {
	background:url('titre_legal.gif') no-repeat top center;
}

.divers {
	background:url('titre_divers.gif') no-repeat top center;
}

.cantine {
	background:url('titre_cantine.gif') no-repeat top center;
}

/* CONTACT */

div.contact form {
	margin:0; padding:0;
}

div.contact form fieldset {
	margin:0; padding:0;
	border:0;
	margin-bottom:5px;
}

div.contact form legend {
	font-size:14px;
	color:#ff9900;
	font-weight:bold;
	margin:10px;
	margin-bottom:0;
	padding:5px;
	padding-bottom:0;
	border-bottom:1px solid #ff9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

div.contact form sup {
	color:#cc0000;
}

div.contact table.inner label {
	font-weight:bold;
	/*float:left;
	width:40%;
	clear:left;*/
}

div.contact table.inner div {
	float:right;
	width:58%;
	clear:right;
}

div.contact table.inner div.clear {
	margin-bottom:10px;
	clear:both;
	width:100%;
	float:left;
}

div.contact textarea, div.contact input, div.contact select {
	/*border-width:1px;
	border-color:#666;*/
	border:1px solid #aaaaaa;
}

div.contact textarea {
	width:100%;
}

div.contact table.inner input, div.contact table.inner textarea, div.contact table.inner select {
	width:100%;
}

div.contact form input.radio {
	width:auto;
	clear:none;
}

div.contact form input.submit {
	background:url('submit.gif') no-repeat;
	border:0;
	width:200px;
	height:30px;
	color:#fff;
	font-size:14px;
}
/*****************************************************************/