body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #FFFFFF;
    background-image:url(../images/background.gif);
}

a:link, a:visited, a:active {
	color:#FF6600;
	text-decoration:none;
	font-style:normal;
}

a:hover {
	color:#FF3300;
}

div#content_sous-menu ul li a {
	text-shadow: 0px 0px 5px #fff;
}

.gras{
	font-weight:bold;
}
.centrer{
	text-align:center;
}
.message{
	text-align:center;
	font-weight:bold;
	color:#990000;
}
/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
	width:990px;
	margin:auto;
    padding:0px 1px;
}
#bordLeft{
    background: url(../images/bordLeft.gif) repeat-y left top;
}
#bordRight{
    background: url(../images/bordRight.gif) repeat-y right top;
}
.clearFloat {
	clear:both;
    font-size:0;
	line-height:0;
	height:0;
}

.asterisque {
	color:#FF0000;
}
#body{
    margin:0px 17px;
    background-color:#FFFFFF;
    background-image:  url(../images/fond_site_bottom.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom:155px;
}
/*##############################################################################
################################ Banniere ######################################
##############################################################################*/
#banniere{
    width:990px;
    height:161px;
}

	#banniereTopLeft {
		float:left;
		width:45px;
		height:12px;
		background:url(../images/header_topLeft.gif) no-repeat;
	}

	#banniereTopCenter {
		float:left;
		width:900px;
		height:12px;
		background:url(../images/bordTop.gif) repeat-x;
	}

	#banniereTopRight {
		float:left;
		width:45px;
		height:12px;
		background:url(../images/header_topRight.gif) no-repeat left top;
	}

	#banniereMiddleLeft {
		float:left;
		width:17px;
		height:149px;
		background:url(../images/header_middleLeft.gif) no-repeat left top;
	}

	#banniereLogo {
		float:left;
		width:456px;
		height:149px;
	}

	#banniereFlash {
		float:left;
		width:500px;
		height:149px;
		background:url(../images/fondFlash.gif) repeat-x;
	}

		#encartBlanc {
			position:absolute;
			width:412px;
			height:19px;
			margin-left:88px;
		}

			#encartBlancLeft {
				float:left;
				width:15px;
				height:19px;
				background:url(../images/encartBlancLeft.gif) no-repeat;
			}

			#encartBlancCenter {
				float:left;
				width:369px;
				height:19px;
				background:#FFFFFF;
				line-height:19px;
			}

				#encartBlancFete {
					color:#FF6600;
					font-weight:bold;
					margin-right:50px;
				}

				#encartBlancDate {
					color:#0066CC;
					font-weight:bold;
				}

			#encartBlandRight {
				float:left;
				width:28px;
				height:19px;
				background:url(../images/encartBlancRight.gif) no-repeat;
			}

	#banniereMiddleRight {
		float:left;
		width:17px;
		height:149px;
		background:url(../images/header_middleRight.gif) no-repeat left top;
	}

/*##############################################################################
#################################### Menu ######################################
##############################################################################*/
#menu{
    width:956px;
}
#menu .bandeauMarron{
    background-color:#cc9900;
    height:10px;
}
#menu .bas{
    margin-bottom:5px;
}
#menu .haut{
    margin-top:5px;
}
#menu .icone{
    float:left;
    margin-bottom:5px;
}
#menu .espacement{
    margin-right:3px;
}
/*##############################################################################
################################# Sous-menu ####################################
##############################################################################*/
#sous-menu{
    width:190px;
    float:left;
    padding-left:5px;
}
#sous-menu #content_sous-menu{
    padding-top:20px;
    background-image:url(../images/fond_ss_menu.gif);
}
#sous-menu ul{
    margin:0;
    padding:0px 9px;
    padding-top:10px;
}
#sous-menu ul li{
    border-top:1px black dotted;
    line-height:30px;
    background:url(../images/puce_ss_menu.gif) center left no-repeat;
    padding-left:15px;
    list-style-type:none;
}
#sous-menu #bas_sous-menu{
    height:112px;
    background:url(../images/fond_bottom_ss_menu.png) bottom no-repeat;
}

/*##############################################################################
################################## Content #####################################
##############################################################################*/
#content{
    float:left;
    padding:15px 10px;
    text-align:justify;
    width:530px;
}
#content .gros_titre{
	text-align:center;
	color:#FF6600;
	font-size:18px;
	margin-bottom:15px;
}
#content .titre{
    margin-bottom:5px;
}
#content .titre h1{
    background-color:#ffcc99;
    color:#0066ff;
    font-size:12px;
    padding:0px;
    float:left;
    margin:0;
    height:18px;
    width:450px;
	line-height:18px;
	vertical-align:middle
}
#content .titre .puce{
    margin:0px 5px;
}
#content .titre .deco{
    width:16px;
    height:18px;
    background:url(../images/deco_titre.gif);
    float:left;
}
#content .titre .fin_titre{
    float:left;
    height:5px;
    width:64px;
    margin-top:13px;
    background-color:#ffcc99;
    font-size:0px;
}
#content .texte{
	margin-bottom:20px;
}
#content .lien{
	text-align:right;
	padding-right:20px;
	padding-top:10px;
}

.lienDirect {
	margin:20px 40px;
}

.lienDirect li {
	list-style:square;
	color:#FF6600;
}

.retourHautPage {
	margin-bottom:20px;
}

/*############################## Recherche ###################################*/
#content #recherche{
    border:1px solid #CCCCCC;
    line-height:25px;
    padding:2px 15px;
    margin-bottom:15px;
}
#content #recherche label{
    color:#ff6600;
}
#content #recherche #search{
    background-color:#ffcc99;
    border:1px solid #ff9a1d;
    width:300px;
}
#content #recherche #submit{
    margin:0px 0px 0px 10px;
}
#content .resultat{
	margin-bottom:25px;
}
/*############################## Fil ariane ##################################*/
#content #fil_ariane{
    margin-bottom:15px;
}
#content #fil_ariane a{
	color:#000000;
}
/*############################# Associations #################################*/
#content .assoc{
	margin-bottom:20px;
}
#content .lienAssoc:hover{
	cursor:pointer;
}
#content #tabs{
	margin-bottom:15px;
}
/*############################# Appel offre ##################################*/
#content .listeAppelOffre{
	margin-bottom:15px;
}
/*############################ Manifestations ################################*/
#content .manif_intro {
	border:1px dashed #FF6600;
	margin-bottom:20px;
	padding:15px;
}
#content .manif_liste .manif {
	border-bottom:1px dashed #999999;
	margin-bottom:10px;
}
#content .manif_liste .manif .titre {
	float:left;
	width:400px;
}
#content .manif_liste .manif .date {
	float:right;
	font-weight:bold;
}
#content .manif_liste .manif .texte {
	color:#999999;
	margin-bottom:10px;
}
/*################################ Page ######################################*/
#content .photoGauche{
	margin:0px 5px 5px 0px;
}

#content .photoDroite{
	margin:0px 0px 5px 5px;
}
#content .photoHaut{
	text-align:center;
}
/*############################## Dossiers ###################################*/
#content .articleDossier .date{
	text-align:right;
	font-weight:bold;
}

#content .articleDossier h3{
	border-top:1px dashed #CCCCCC;
	padding-top:10px;
}
/*############################### Contact ###################################*/
.contact_photo {
	border:1px solid #CCCCCC;
	padding:10px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

.contact_fieldset {
	padding:20px 20px;
	border:1px solid #FF6600;
	margin:auto;
	width:450px;
}

.contact_legend {
	color:#FF6600;
	font-weight:bold;
	margin:0px 0px 15px -10px;
}

.contact_form label {
	display:inline;
	float:left;
	font-weight:bold;
	width:95px;
}

.contact_form input, textarea{
	background-color:#DDDDDD;
	border:1px solid #999999;
	width:340px;
	margin-bottom:1px;
}

input.contact_form_submit {
	display:block;
	margin:20px 17px 20px 40px;
	width:450px;
	color:#FF6600;
	font-weight:bold;
}

input.contact_form_submit:hover {
	background-color:#CCCCCC;
}

.asterisque {
	color:#FF0000;
}

.contact_confirm {
	color:#FF6600;
	text-align:center;
	padding:10px;
}

.contact_form_msg {
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin-left:100px;
}
/*##############################################################################
############################### Colonne droite #################################
##############################################################################*/
#colRight{
    width:206px;
    padding-right:5px;
    float:left;
    margin-top:15px;
}
#colRight #info_jour a{
	color:#000000;
}
#colRight ul#manifs li{
    list-style-type:none;
	padding-bottom:10px;
}
#colRight ul#manifs li .date{
	color:#ff6600;
	font-weight:bold;
}
#colRight .puce{
    margin-right:5px;
    margin-top:4px;
}
#colRight .pave{
    padding-bottom:15px;
}
#colRight .titleLeft{
    height:21px;
    width:10px;
    float:left;
    background:url(../images/bord_haut_gauche_col_droite.gif);
}
#colRight .titleCenter{
    width:186px;
    height:18px;
    background:url(../images/fond_col_droite.gif);
    float:left;
    color:#c63538;
    font-weight:bold;
    padding-top:3px;
    letter-spacing:-0.2px;
}
#colRight .titleRight{
    height:21px;
    width:10px;
    float:left;
    background:url(../images/bord_haut_droit_col_droite.gif);
}
#colRight .contenu{
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    width:194px;
    padding:5px;
    text-align:justify;
}
#colRight .basLeft{
    height:11px;
    width:10px;
    float:left;
    background:url(../images/bord_bas_gauche_col_droite.gif);
    font-size:0;
}
#colRight .basCenter{
    height:10px;
    width:186px;
    border-bottom:1px solid #999999;
    float:left;
    font-size:0;
}
#colRight .basRight{
    height:11px;
    width:10px;
    float:left;
    background:url(../images/bord_bas_droit_col_droite.gif);
    font-size:0;
}
/*##############################################################################
################################### Footer #####################################
##############################################################################*/
#footer{

}
#footer #footerLeft{
    background-image: url(../images/footer_gauche.png);
    float:left;
    width:45px;
    height:64px;
}
#footer #footerCenter{
    height:64px;
    width:864px;
    /*padding-top:5px;*/
    float:left;
    background: url(../images/footer_centre.gif) repeat-x bottom;
    background-color:#999999;
    color:#ffffff;
    font-weight:bold;
}
#footer #footerCenter .contenu{
    padding-top:5px;
}
#footer #footerCenter .deco_footer{
    margin-left:34px;
    margin-right:20px;
}
#footer #footerCenter a{
    color:#ffffff;
}
#footer #footerRight{
    background-image: url(../images/footer_droit.png);
    float:left;
    width:79px;
    height:64px;
}

/******************* Lire la suite **************************/
a.suite:link, a.suite:active, a.suite:visited {
	color:#ff6600;
	font-style:italic;
	font-size:11px;
	text-decoration:none;
}

a.suite:hover {
	text-decoration:underline;
}


/******************* Navigation pages **************************/
.navigationPages {
	padding-top:30px;
	text-align:center;
}
/************************** Textes **************************/
.titre {
	font-weight:bold;
	font-size:12px;
	color:#ff6600;
}

.titreParagraphe {
	font-weight:bold;
	font-size:14px;
	color:#3366ff;
	padding-bottom:10px;
}

.texteParagraphe {
	padding:0px 20px 30px 20px;
}

.lienDirect {
	margin:20px 40px;
}

.lienDirect li {
	list-style:square;
	color:#FF6600;
}

.retourHautPage {
	text-align:right;
	padding-right:20px;
}

	a.retourHautPage_lien:link, a.retourHautPage_lien:visited {
		color:#999999;
	}

	a.retourHautPage_lien:hover {
		color:#666666;
	}

/******************** Couleurs alternees *************************/

.couleur1 {
	background-color:#DAE9F5;
}

.couleur2 {
	background-color:#FFFFFF;
}

.paveColore {
	background-color:#fdd4a2;
	border:1px solid #ff6600;
}
/******************* Liste des associations *********************/
.assoc_item {
	float:left;
	width:300px;
	margin:0px 0px 30px 30px;
}

.assoc_nom {
	margin-bottom:5px;
}

a.assoc_nom_lien:link, a.assoc_nom_lien:visited {
	color:#0066FF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

a.assoc_nom_lien:hover {
	text-decoration:underline;
}

.assoc_contact {
	margin-left:35px;
}

.assoc_tel {
	margin-left:35px;
}

.assoc_email {
	margin-left:35px;
}

.assoc_photo {
	float:right;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-right:20px;
}

.assoc_diaporama_item {
	border:1px solid #999999;
	padding:2px;
	float:left;
	margin:0px 0px 10px 10px;
}

/******************* Pavé des manifestations (accueil) *********************/
.accueilManif {
	width:200px;
	margin-left:20px;
	border:1px solid #f3c995;
}

.accueilManif_titre {
	background-color:#f3c995;
	font-size:11px;
	color:#0066FF;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.accueilManif_content {
	color:#666666;
	margin:0px;
	padding:0px;
	padding-left:25px;
}

.accueilManif_content li {
	list-style-type:square;
	list-style-position:outside;
	padding:10px 5px 10px 5px;
}

.accueilManif_lien {
	display:block;
}


/******************* Edito du maire *********************/
.edito_photo {
	display:block;
	float:right;
	margin:0px 0px 5px 10px;
	padding:3px;
	border:1px solid #CCCCCC;
}


/******************* Pavé des actualités (accueil) *********************/
a.accueilActus_lien:link, a.accueilActus_lien:visited {
	display:block;
	text-decoration:none;
	line-height:20px;
}

a.accueilActus_lien:hover {
	/*background-color:#DDDDDD;*/
}


/******************* Diaporama photo *********************/
.diaporama_item {
	width:150px;
	height:180px;
	display:block;
	float:left;
	margin:0px 13px 13px 0px;
	border:1px solid #CCCCCC;
}

.diaporama_photo {
	height:150px;
	width:150px;
	text-align:center;
	vertical-align:middle;
}

.diaporama_titre {
	height:30px;
	width:150px;
	text-align:center;
	vertical-align:middle;
	background-color:#CCCCCC;
	font-size:10px;
	color:#666666;
}


/******************* Calendrier des fétes *********************/
.calendar {
	width:184px;
	border:1px solid #3399CC;
	text-align:center;

	margin-left:265px;
	left:50%;
	z-index: 500;

	position:fixed;
	top:376px;
}

.calendar_header {
	width:100%;
	/*border-bottom:1px solid #3399CC;*/
}

	.calendar_header_btn {
		width:11px;
		padding:4px;
	}

	.calendar_header_month {
		text-align:center;
	}

	a.calendar_prev:link, a.calendar_prev:visited, a.calendar_prev:active {
		background:url(../images/calendar-prev.gif) no-repeat 0px 0px;
		text-decoration:none;
		width:11px;
		height:12px;
		display:block;
	}

	a.calendar_prev:hover {
		background:url(../images/calendar-prev.gif) no-repeat 0px -12px;
	}

	a.calendar_next:link, a.calendar_next:visited, a.calendar_next:active {
		background:url(../images/calendar-next.gif) no-repeat 0px 0px;
		text-decoration:none;
		width:11px;
		height:12px;
		display:block;
	}

	a.calendar_next:hover {
		background:url(../images/calendar-next.gif) no-repeat 0px -12px;
	}

	.calendar_form select {
		background-color:#FFFFFF;
		font-size:10px;
		color:#3399CC;
	}

.calendar_body {
	margin:10px;
	margin-left:25px;
}

.calendar_body_td {
	width:21px;
	height:21px;
	text-align:center;
}

a.calendar_body_blank {
	background:url(../images/calendar-td.gif) no-repeat 0px 0px;
	width:21px;
	height:18px;
	color:#999999;
	display:block;
	text-decoration:none;
	padding-top:3px;
}

a.calendar_body_blank:hover {
	background:url(../images/calendar-td.gif) no-repeat 0px -21px;
	color:#FFFFFF;
}

a.calendar_body_valid {
	background:url(../images/calendar-valid.gif) no-repeat 0px -21px;
	width:21px;
	height:18px;
	color:#fff;
	display:block;
	text-decoration:none;
	padding-top:3px;
}

a.calendar_body_valid:hover {
	/*
	background:url(../images/calendar-valid.gif) no-repeat 0px -21px;
	color:#FFFFFF;
	*/
	text-shadow: 1px 1px 1px #000;
}

a.calendar_body_today {
	color:#FF6600;
}

.calendar_manif_liste_content {
	border:1px solid #CCCCCC;
	text-align:left;
	margin:0;
	padding:0px;
	padding-left:20px;
}

.calendar_manif_liste_content li {
	list-style-type:square;
	list-style-position:outside;
	padding:2px 5px 2px 5px;
}
/******************* Page de la liste des comptes rendus *********************/
.cm_ordreDuJour {
	padding:10px;
	border:1px dotted #999999;
	width:95%;
	margin:0px auto 40px auto;
}

	.cm_ordreDuJour_titre {
		font-size:11px;
		color:#FF6600;
		font-weight:bold;
		text-align:center;
		background-color:#DDDDDD;
		padding:3px;
	}

	.cm_ordreDuJour_nextReunion {
		color:#FF6600;
		font-weight:bold;
		padding-left:20px;
	}

	.cm_ordreDuJour_texte {
		padding-left:20px;
	}


.cm_listeComptesRendus {
	text-align:center;
}

	.cm_listeComptesRendus_titre {
		font-size:11px;
		color:#FF6600;
		font-weight:bold;
	}

	a.cm_listeComptesRendus_item0:link, a.cm_listeComptesRendus_item0:visited {
		display:block;
		/*width:80%;*/
		text-align:left;
		padding:0px 10px;
		text-decoration:none;
		margin:auto;
		background:#CCCCCC;
		line-height:20px;
	}

	a.cm_listeComptesRendus_item1:link, a.cm_listeComptesRendus_item1:visited {
		display:block;
		/*width:80%;*/
		text-align:left;
		padding:0px 10px;
		text-decoration:none;
		margin:auto;
		background:#DDDDDD;
		line-height:20px;
	}

	a.cm_listeComptesRendus_item0:hover, a.cm_listeComptesRendus_item1:hover {
		background:#FFFF99;
	}

select.form_ReunionsConseil {
	margin-left:80px;
	height:18px;
	font-size:11px;
	width:380px;
	padding:1px;
}

/*##### PAGE AGENDA ######*/
#form_agenda fieldset {
	width:350px;
	margin:auto;
	margin-top:25px;
}
#form_agenda legend {
	font-style:italic;
	font-weight:bold;
}
#form_agenda label {
	width:150px;
	display:block;
	float:left;
}

#form_agenda input, #form_agenda .input {
	width:190px;
}

#form_agenda .agenda_submit {
	margin-left:150px;
}
div#iconeMenu a { margin:0; padding:0; background:url('../images/menu_haut.png') no-repeat; display:inline-block; width:156px; height:78px; }
div#iconeMenu a.accueil { background-position:0px 0px; }
div#iconeMenu a.mairie { background-position:-160px 0px; }
div#iconeMenu a.commune { background-position:-320px 0px; }
div#iconeMenu a.services { background-position:-480px 0px; }
div#iconeMenu a.ecole { background-position:-640px 0px; }
div#iconeMenu a.associations { background-position:-800px 0px; }

div#iconeMenu a.dechets { background-position:0px -84px; }
div#iconeMenu a.act_eco { background-position:-160px -84px; }
div#iconeMenu a.dossiers { background-position:-320px -84px; }
div#iconeMenu a.marches_publics { background-position:-480px -84px; }
div#iconeMenu a.agglo { background-position:-640px -84px; }
div#iconeMenu a.numeros_utiles { background-position:-800px -84px; }