body {
	margin: 0;
	padding: 0;

	background-color: #a8bc5b;
	background-image: url(/images/fond-site.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#page {
	position: relative;
	margin: auto;

	width: 990px;
	padding-bottom: 20px;
	/*padding-top: 133px;*/
	margin-top : 40px;
}


#photo-entete {
	height: 194px;
	width: 729px;
	background-image: url('/images/fond-haut.gif');
	background-repeat: no-repeat;
}

#coche-blanche {
	background-color: #fff;
	
	position: absolute;
	left: 412px;
	top: 162px;
	width: 171px;
	height: 16px;
	z-index: 9000;
}


/*--------------------------------------------------------------------
/* ENTĘTE
/**/

#entete {
	position: relative;
	width: 990px;
	height: 162px;
	color: #fff;
}

#entete a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;

}

#entete a:hover {
	text-decoration: underline;
}

#entete .droite {
	float: right;

}

#entete .gauche {
	float: left;

}

#entete #logo {
	position: absolute;
	left: 411px;
}

#entete #logo img {
	border : 0;
	
}


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

#menu img {
	border: 0;
}

#menu_accueil {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 120px;
	width: 114px;
}

#menu_muinicipalite {
	position: absolute;
	bottom: 0;
	left: 114px;
	height: 120px;
	width: 134px;
}

#menu_loisirs {
	position: absolute;
	bottom: 0;
	left: 248px;
	height: 120px;
	width: 163px;
}

#menu_citoyens {
	position: absolute;
	bottom: 0;
	left: 582px;
	height: 120px;
	width: 105px;
}

#menu_nouveaux {
	position: absolute;
	bottom: 0;
	left: 687px;
	height: 120px;
	width: 162px;
}

#menu_environnement {
	position: absolute;
	bottom: 0;
	left: 849px;
	height: 120px;
	width: 142px;
}


#menu .fade {

}

#menu .fade div {
	position: absolute;
	top: 6px;
	left: 0;
}


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

#principal {
	min-height: 557px;
	background-color: #fff;
	padding-top: 16px;
}

* html #principal {
	height: 557px;
}


#cote-gauche {
	float: left;
	width: 217px;
	padding-left: 23px;
}


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

#menu-gauche {
	padding-bottom: 25px;
}

#menu-gauche a:hover{
	color: #a8bc5b;
}

#menu-gauche a {
	font-size: 15px;
	padding-top: 8px;
	padding-bottom: 4px;
	text-decoration: none;
	display: block;
	width: 150px;
	color: #174681;
	/*height: 25px;*/
	border-top: 1px solid #a8bc5b;
}

#menu-gauche .actif {
	color: #a8bc5b !important;
}

#menu-gauche .premierMenu {
	border:0 !important;

}

#menu-gauche .dernierSousMenu {
	padding-bottom: 4px !important;
}

#menu-gauche .sous_menu {
	font-size: 12px;
	padding: 0;
	padding-left: 8px;
	background-image: url(/images/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	text-decoration: none;
	display: block;
	padding-bottom: 4px !important;
	color: #174681;
	/*height: 25px;*/
	border: 0;
}


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

#contenu {
	float: right;
	width: 729px;
	padding-right: 15px;
	padding-bottom: 20px;
}



/*--------------------------------------------------------------------
/* PRINCIPAL (ACCUEIL)
/**/

#principal-accueil {
	z-index: 8000;
	position: relative;
	min-height: 557px;
	padding-top: 30px;
	background-image: url(/images/fond-accueil.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	/*background-color: #4f93d0;*/
	background-color : #5794cb;
	
}

* html #principal-accueil {
	height: 557px;
}

#cote-calendrier {
	float: left;
	width: 275px;
	padding-left: 23px;
	min-height: 1px;
}

#calendrier {
	margin-bottom: 2px;
}


.bloc_bleu_petit {
	background-color: #2b64aa;
	width: 180px;
	padding: 10px;
	padding-bottom: 30px;
	color: #fff;
	font-size: 12px;
	position: relative;
	margin-bottom: 10px;
}

.bloc_bleu_petit_plus {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.bloc_bleu_petit_plus img {
	border: 0;
}

.bloc_bleu {
	background-color: #2b64aa;
	width: 225px;
	padding: 10px;
	padding-bottom: 30px;
	color: #fff;
	font-size: 14px;
	position: relative;
	margin-bottom: 10px;
}

.bloc_bleu_plus {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.bloc_bleu_plus img {
	border: 0;
}

.bloc_vert {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 30px;
	background-color: #7b9904;
	width: 225px;
	
	color: #fff;
	font-size: 14px;
}

.bloc_vert_plus {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.bloc_vert_plus img {
	border: 0;
}

#cote_a_surveiller {
	float: right;
	width: 250px;
	min-height: 1px;
	padding-right: 23px;
}


/*--------------------------------------------------------------------
/* CONTENU (ACCUEIL)
/**/

#contenu-accueil {
	float: left;
	width: 398px;
	color: #fff;
	font-size: 14px;

	padding-bottom : 250px;

	line-height : 1.5em;
}

#contenu-accueil h1 {
	color: #fff;
	font-size: 18px;
}

#contenu-accueil p {
	margin-top: 0;
}


/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	color: #fff;
	font-size: 11px;
	padding-top: 1em;
	padding-bottom: 1em;
}

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

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

#realisation {
	float: right;
}

#copyright {
	float: left;

}

/*--------------------------------------------------------------------
/* ALBUM PHOTOS
/**/

.lesMiniatures {
	/*margin-left : 20px;*/
	margin-top : 1em;
}

.lesMiniatures img {
	border: 0;
}

.uneMiniature {
	padding : 1px;
	border : 1px solid #999;
	background-color : #fafaff;

	margin-right : 10px;
	margin-bottom : 10px;

	float : left;

	text-align : center;
}

.uneMiniature img {
	/*margin-bottom : 4px;*/
}

.barreLiensPages {
	text-align : center;

	margin-top : 1em;
	margin-bottom : 1em;
}

.barreLiensPages .pageEnCours {
	font-weight : bold;
}