body
{
	background-color: #FFFFFF;
	padding: 0px;
	margin: 5px;
	font-family: Tahoma, Verdana, Arial;
	color: #616161;
}
H1
{
	font-size: 115%;
	color: #1D4A2E;
	padding: 0px;
	font-weight: bold;
}
H2
{
	font-size: 100%;
	color: #326646;
	padding: 0px;
	font-weight: bold;
}
H3
{
	font-size: 85%;
	color: #7A6A45;
	padding: 0px;
	font-weight: bold;
}
H4
{
	font-size: 80%;
	color: #929078;
	padding: 0px;
	font-weight: bold;
}
H5
{
	font-size: 77%;
	color: #7A6A45;
	padding: 0px;
	font-weight: bold;
}
H6
{
	font-size: 74%;
	color: #7A6A45;
	padding: 0px;
	font-weight: bold;
}
.titrepalegauche
{
	font-size: 90%;
	color: #F1EBE1;
	padding: 0px;
	text-transform: uppercase;
	font-weight: bold;
}

.bggauche
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.bgcentre
{
	width: 100%;
	background-color: #FFFFFF;
}
.bgdroit
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.bgindexslide
{
	background-image: url(/medias/fr/enteteindex01.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
}
.pubsindex
{
	margin-top: 2px;
	text-align: center;
}
#pubmeteo {
	background-image: url(/medias/fr/pubsousmeteo.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	padding-top: 1px;
	text-align: center;
	height: 64px;
	width: 293px;
}
A img
{
	border-width: 0px;
	border-style: none;

}

.tableprincwidth
{
	width: 100%;
}
.tabletext
{
	width: 100%;
}
.tableincontent TD
{
	padding: 0px;
	margin: 0px;

}

.bgnouvelles
{
	vertical-align: top;
	width: 150px;
	background-color: #FFFFFF;
}
.bgevenements
{
	vertical-align: top;
	width: 150px;
	background-color: #FFFFFF;
}
.bgnouvindex
{
	width: 150px;
	vertical-align: top;
	color: #616161;
	background-color: #FFFFFF;
}
.nouvindextitre
{
	font-size: 115%;
	vertical-align: top;
	color: #7A6A45;
	padding: 0px;
	font-weight: bold;
}
.bgboxdroiteindex
{
	width: 150px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.tablesindexcontent
{
	padding: 15px;
	vertical-align: top;
	width: 100%;
}

/* ---( services municipaux index )----------------------------------- */

.bgservicesindex
{
	width: 295px;
	height: 272px;
	background-image: url(/medias/communs/bgservicesindex.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
}

/* ---( loisirs index loisirs )----------------------------------- */


.bgportailtitreloisirs
{
	width: 295px;
	height: 272px;
	vertical-align: top;
	background-image: url(/medias/communs/bgportailtitreloisirs.jpg);
	background-repeat: no-repeat;
}


/* ---( sections plus consultées index )----------------------------------- */

.bgsectconsult
{
	width: 100%;
	background-image: url(/medias/communs/bgsectconsult.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	height: 236px;
}
.bgloisirsindex
{
	width: 100%;
	background-image: url(/medias/communs/bgloisirsindex.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
}
.sectconsultgauche
{
	width: 299px;
	vertical-align: top;
}
.sectconsultdroite
{
	width: 296px;
	vertical-align: top;
}

.bgloisirsindex UL, .bgloisirsindex OL
{
	font-size: 71%;
	color: #000000;
}

.bgloisirsindex LI
{
	list-style-image: url(/medias/communs/puceflechenoire.gif);
	vertical-align: middle;
}
.bgloisirsindex OL LI
{
	list-style-type: none;
}
.bgcentreinterieur a:link, .bgloisirsindex a:link{
	text-decoration:none;
	color: #146989;
	font-weight: bold;
}
.bgcentreinterieur a:visited, .bgloisirsindex a:visited{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}
.bgcentreinterieur a:hover, .bgloisirsindex a:hover{
	text-decoration:none;
	color: #AF3C27;
	font-weight: bold;
}
.bgcentreinterieur a:active, .bgloisirsindex a:active{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}


/* ---( bg centre intérieur )----------------------------------- */

.bgcentreinterieur
{
	width: 370px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.bgcentreinterieur P
{
	font-size: 71%;
	color: #386E4D;
	line-height: 140%;
}

.bgcentreinterieur UL H1
{
	font-size: 140%;
}
.bgcentreinterieur UL H2
{
	font-size: 125%;
}
.bgcentreinterieur UL H3
{
	font-size: 110%;
}

.bgcentreinterieur UL, .bgcentreinterieur OL 
{
	font-size: 11px;
	color: #386E4D;
}

.bgcentreinterieur UL LI
{
	list-style-image: url(/medias/communs/pucemenuULinterieur.gif);
}

.imgaccompagn
{
	padding: 0px;
	border: 1px solid #528265;
	display: block;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.imgsecurequipe
{
	float: left;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #FFFFFF;
	border: 1px solid #528265;
}
.imgaccompagnCD
{
	padding: 0px;
	border: 1px solid #528265;
	display: block;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.imgaccompagngauche
{
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #FFFFFF;
	border: 1px solid #528265;
}

/* ---( Footer )----------------------------------- */

#mstrFooter {
	font-size: 70%;
	color: #567864;
	padding: 0;
	clear: both;
	vertical-align: middle;
	height: 30px;
}
#mstrFooter img {
	border-style: none;
	vertical-align: middle;
}
#mstrFooter a:link{
	text-decoration:none;
	color: #326646;
	font-weight: bold;
}
#mstrFooter a:visited{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}
#mstrFooter a:hover{
	text-decoration:none;
	color: #AF3C27;
	font-weight: bold;
}
#mstrFooter a:active{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}


/* ---( Menu gauche intérieur template )----------------------------------- */

.menugaucheinterieur
{
	width: 295px;
	height: 777px;
	background-image: url(/medias/communs/bggaucheinterieur.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
}
.autourdumenu
{
	width: 100%;
	vertical-align: top;
}
div.hrdottedmenu {
	height: 15px;
	background-image: url(/medias/communs/lignemenu.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: -8px;
	margin-left: -15px;
	clear: both;
}
.menuULNiv1
{
	line-height: 150%;
	font-size: 73%;
	color: #FFFFFF;
	list-style-image: url(/medias/communs/pucemenuULNiv1.gif);
}
.menuULNiv2
{
	line-height: 150%;
	font-size: 98%;
	color: #FFFFFF;
	margin-left: -23px;
}
.menuULNiv3
{
	line-height: 150%;
	font-size: 96%;
	color: #FFFFFF;
	margin-left: -23px;
}
.menuULNiv4
{
	line-height: 150%;
	font-size: 94%;
	color: #FFFFFF;
	margin-left: -23px;
}
.plusconsult
{
	line-height: 145%;
	font-size: 71%;
	color: #FFFFFF;
	list-style-image: url(/medias/communs/puceULplusconsult.gif);
}
.actif{
	color: #E3D3A8;
	background-color: #892715;
	padding: 3px;
	margin-top: 5px;
	position: relative;
}
.menuH4
{
	font-size: 113%;
	color: #EFE6D7;
	vertical-align: top;
	padding: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}
.menuH4 a:link{
	text-decoration:none;
	color: #F0E8D1;
	font-weight: bold;
}
.menuH4 a:visited{
	text-decoration:none;
	color: #F0E8D1;
	font-weight: bold;
}
.menuH4 a:hover{
	text-decoration:none;
	color: #E3D3A8;
	font-weight: bold;
}
.menuH4 a:active{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}
.nouvellesindex{
	line-height: 150%;
	font-size: 71%;
	color: #7A6A45;
}
.arianne{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.arianne a:link, .titrenouvelles a:link, .titreliens a:link, .nouvellesindex a:link{
	text-decoration:underline;
	color: #326646;
	font-weight: bold;
}
.arianne a:visited, .titrenouvelles a:visited, .titreliens a:visited, .nouvellesindex a:visited{
	text-decoration:underline;
	color: #2C4E3C;
	font-weight: bold;
}
.arianne a:hover, .titrenouvelles a:hover, .titreliens a:hover, .nouvellesindex a:hover{
	text-decoration:underline;
	color: #AF3C27;
	font-weight: bold;
}
.arianne a:active, .titrenouvelles a:active, .titreliens a:active, .nouvellesindex a:active{
	text-decoration:underline;
	color: #000000;
	font-weight: bold;
}

.menuULNiv1 a:link{
	text-decoration:none;
	color: #F0E8D1;
	font-weight: bold;
}
.menuULNiv1 a:visited{
	text-decoration:none;
	color: #F0E8D1;
	font-weight: bold;
}
.menuULNiv1 a:hover{
	text-decoration:none;
	color: #E3D3A8;
	font-weight: bold;
}
.menuULNiv1 a:active{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}



.menuULNiv2 a:link{
	text-decoration:none;
	color: #F7F3E7;
	font-weight: bold;
}
.menuULNiv2 a:visited{
	text-decoration:none;
	color: #F7F3E7;
	font-weight: bold;
}
.menuULNiv2 a:hover{
	text-decoration:none;
	color: #E3D3A8;
	font-weight: bold;
}
.menuULNiv2 a:active{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}



.menuULNiv3 a:link{
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.menuULNiv3 a:visited{
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.menuULNiv3 a:hover{
	text-decoration:none;
	color: #E3D3A8;
	font-weight: bold;
}
.menuULNiv3 a:active{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}

.plusconsult a:link{
	text-decoration:none;
	color: #2C4E3C;
	font-weight: bold;
}
.plusconsult a:visited{
	text-decoration:none;
	color: #2C4E3C;
	font-weight: bold;
}
.plusconsult a:hover{
	text-decoration:none;
	color: #AF3C27;
	font-weight: bold;
}
.plusconsult a:active{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}

/* ---( nouvelles )----------------------------------- */

.datenouvelles{
	font-size: 80%;
	color: #2C4E3C;
	font-weight: bold;
	margin-top: -5px;
}
.titrenouvelles p
{
	font-size: 85%;
	color: #326646;
	padding: 0px;
	font-weight: bold;
}
.titreliens
{
	font-size: 80%;
	color: #326646;
	padding: 4px;
	font-weight: bold;
}
.titreliens p
{
	font-size: 85%;
	color: #326646;
	padding: 0px;
	font-weight: bold;
}
.suitepages a:link {
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.suitepages a:visited {
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.suitepages a:hover {
	text-decoration:none;
	color: #AF3C27;
	font-weight: bold;
}
.suitepages a:active {
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}
.suitepages {
	visibility: hidden;
}
.aucuneactivite
{
	font-size: 72%;
	line-height: 140%;
	color: #90B5A1;
	font-weight: bold;
	text-align: center;
}
/* ---( nouvellesindex )----------------------------------- */

.dateevenementsindex{
	font-size: 82%;
	color: #326646;
	font-weight: bold;
}
.datenouvellesindex{
	font-size: 70%;
	color: #326646;
	font-weight: bold;
}
.categevenementsindex{
	font-size: 82%;
	color: #7E6C51;
	font-weight: bold;
}
.categnouvellesindex{
	font-size: 70%;
	color: #7E6C51;
	font-weight: bold;
}
.categnouvelles{
	font-size: 80%;
	color: #326646;
	font-weight: bold;
}
.titrenouvellesindex p
{
	font-size: 83%;
	color: #A36F26;
	padding: 0px;
	font-weight: bold;
	line-height: 110%;
}
.titrenouvellesindex UL
{
	font-size: 83%;
	color: #A36F26;
	padding: 0px;
	margin-left: 15px;
	font-weight: bold;
	list-style-image: url(/medias/communs/puceULindex.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	line-height: 110%;
}
.titrenouvellesindex a:link{
	text-decoration:underline;
	color: #A36F26;
	font-weight: bold;
}
.titrenouvellesindex a:visited{
	text-decoration:underline;
	color: #C19558;
	font-weight: bold;
}
.titrenouvellesindex a:hover{
	text-decoration:underline;
	color: #7E6C51;
	font-weight: bold;
}
.titrenouvellesindex a:active{
	text-decoration:underline;
	color: #C19558;
	font-weight: bold;
}



/* ---( CSS calendrier )----------------------------------- */

.DayHeaderStyle
{
	font-size: 71%;
	color: #FFFFFF;
	text-align: center;
	background-color: #C1D7CB;
	text-transform: capitalize;
	border: 0px none #FFFFFF;
	font-weight: bold;
}
.DayStyle
{
	font-size: 71%;
	color: #83714F;
	text-align: center;
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;
	text-transform: capitalize;
	font-weight: bold;
}
.TitleStyle
{
	font-size: 73%;
	color: #FFFFFF;
	background-color: #90B5A1;
	text-transform: uppercase;
	font-weight: bold;
	height: 100%;
	border: 0px none #FFFFFF;
}
.TodayDayStyle
{
	background-color: #C1D7CB;
	font-size: 71%;
	margin: 0px;
	padding: 0px;
	border: 0px none #FFFFFF;
}


/* ---( Horaire )----------------------------------- */


.contenthoraireindex
{
	font-size: 71%;
	line-height: 140%;
	vertical-align: top;
	color: #FFFFFF;
}
.contenthoraireindex DIV
{
	font-size: 13px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 5px;
	background-color: #FFFFFF;
}
.contenthoraire
{
	font-size: 71%;
	line-height: 140%;
	color: #FFFFFF;
	vertical-align: top;
	display: block;
	margin-top: -10px;
	margin-bottom: 20px;
}
.aucuneactivite
{
	font-size: 71%;
	line-height: 140%;
	color: #574328;
}
.normal
{
	font-size: 71%;
}
.contenthoraire a:link, .contenthoraireindex a:link{
	text-decoration:none;
	color: #574328;
}
.contenthoraire a:visited, .contenthoraireindex a:visited{
	text-decoration:none;
	color: #000000;
}
.contenthoraire a:hover, .contenthoraireindex a:hover{
	text-decoration:none;
	color: #AF3C27;
}
.contenthoraire a:active, .contenthoraireindex a:active{
	text-decoration:none;
	color: #AF3C27;
}
.contentcalendrier
{
	font-size: 71%;
	color: #FFFFFF;
	background-color: #90B5A1;
	margin: 0px;
	padding: 3px;
	clear: left;
	float: left;
}
.contentcalendrier TABLE
{
}

.contentcalendrier  a:link{
	text-decoration:none;
	color: #326646;
	font-weight: bold;
}
.contentcalendrier  a:visited{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}
.contentcalendrier  a:hover{
	text-decoration:none;
	color: #AF3C27;
	font-weight: bold;
}
.contentcalendrier  a:active{
	text-decoration:none;
	color: #AF3C27;
	font-weight: bold;
}
.titreactivite{
	background-color: #C2B49A;
	padding: 5px;
	border: 1px solid #988C7B;
	font-size: 75%;
	color: #574328;
	font-weight: bold;
	text-transform: uppercase;
}
.descactivite{
	background-color: #E2DBCF;
	padding: 5px;
	font-size: 71%;
	line-height: 140%;
	color: #574328;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #988C7B;
	border-bottom-color: #988C7B;
	border-left-color: #988C7B;
}
.divactivitephotos{
	vertical-align: top;
	margin-top: 4px;
	width: 100%;
}
.spanactivitephotos{
	width: 134px;
	border: 1px solid #988C7B;
	margin-top: 4px;
	padding: 0px;
	float: left;
	margin-right: 4px;
}
.spanactivphotostitre{
	background-color: #EBE5DC;
	color: #574328;
	display: block;
	padding: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #988C7B;
	text-align: left;

}
.titreliens SPAN{
	margin-right: 6px;
	margin-top: 3px;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.souseven{
	background-color: #FFFFFF;
	padding: 6px;
}
.pourfooter{
}

/* download reader */
#dlPdf {
	visibility: hidden;
}
#dlPdf div { 	visibility: hidden; }
#dlPdf img {
	visibility: hidden;
}
/* div calendrier complet */
#dlcalcomplet {
	visibility: hidden;
}
#dlcalcomplet div { 	visibility: hidden; }

#map {
	visibility: hidden;
}
.hautpage {
	visibility: hidden;
}
.hautpagefooter {
	visibility: hidden;
}
div.hrdottedbas {
	height: 1px;
	background-image: url(/medias/communs/ligne.gif);
	background-repeat: repeat-x;
	clear: left;
	margin: 0px;
}
div.hrdottedhaut {
	height: 1px;
	background-image: url(/medias/communs/ligne.gif);
	background-repeat: repeat-x;
	clear: both;
	margin: 0px;
}
div.hrdotted {
	height: 1px;
	background-image: url(/medias/communs/ligne.gif);
	background-repeat: repeat-x;
	clear: both;
	margin: 0px;
}
div.hrdottedeven {
	height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(/medias/communs/ligne.gif);
	background-repeat: repeat-x;
}




/* ---( plan du site )----------------------------------- */

.treeview {
	margin-top: 2px;
	background-color: #FFFFFF;
	list-style-type: none;
}
	
.treeview ul { padding: 0; margin: 0; list-style-type: none; }
.treeview ul ul { margin-left: 18px; list-style-type: none; }
.treeview li { clear: both; line-height: 16px; list-style-type: none; }
.treeview label { font-weight: bold; margin: 1px 0 0 2px; list-style-type: none; }
.treeview li li * { font-weight: normal; list-style-type: none; }
.treeview img { display: inline; vertical-align: middle; list-style-type: none;  }
.treeview input, .treeview label { float: left; list-style-type: none; }
.treeview a {
	list-style-type: none;
}
.tvBtExpand, .tvBtCollapse {
	float: left;
	background: url(/medias/communs/treeview_moins.gif) center no-repeat;
	width: 16px;
	cursor: pointer;
	list-style-type: none;
}
.tvBtCollapse { background: url(/medias/communs/treeview_plus.gif) center no-repeat; list-style-type: none; }
.tvHide { display: none; list-style-type: none; }
.tvLeaf { margin-left: 18px; list-style-type: none; }


/* ---( champ requis)-----------------------------------*/
.champRequis { font-weight: bold; border-color: #B97F7F; }
.champRequis { border: 1px solid; padding: 2px; background: #FFF url(/medias/communs/required.gif) no-repeat right top; }


/* ---( CSS Jasmin )-----------------------------------*/

.petitvert{
	font-size: 71%;
	color: #386E4D;
	line-height: 140%;
}
.rouge{
	font-size: 71%;
	color: #FF0000;
	line-height: 140%;
}
.hideprint{
}

/* ------ CALENDRIER ---------------------------------*/
.cal {
	font-family: Tahoma, Verdana, Arial;
	font-size: 71%;
	font-style: normal;
	color: #574328;
	background-color: #C1D7CB;
	text-align: center;
	vertical-align: middle;
}
.calselected {
	font-family: Tahoma, Verdana, Arial;
	font-size: 71%;
	font-style: normal;
	color: #574328;
	background-color: #C1D7CB;
	text-align: center;
	vertical-align: middle;
}
.calweek {
	font-family: Tahoma, Verdana, Arial;
	font-size: 71%;
	font-style: normal;
	color: #574328;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.calweekend {
	font-family: Tahoma, Verdana, Arial;
	font-size: 71%;
	font-style: normal;
	color: #574328;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.caloff {
	font-family: Tahoma, Verdana, Arial;
	font-size: 71%;
	font-style: normal;
	color: #AEAEAE;
	background-color: #E4E4E4;
	text-align: center;
	vertical-align: middle;
}
#spanCategory {
	display: block;
	clear: left;
	float: left;
}

.titre1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 75%;
	font-style: bold;
	color: #FFFFFF;
	background-color: #90B5A1;
	text-align: center;
	vertical-align: middle;
}

.titre2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 72%;
	font-style: bold;
	color: #FFFFFF;
	background-color: #C1D7CB;
	text-align: center;
	vertical-align: middle;
}

.divCompteur {
	font-family: Courier, monospace;
	font-size: 80%;
	color: #666666;
	background-color: #C1D7CB;
	text-align: center;
	font-weight: bold;
	border: 2px inset #E0EBE5;
	padding: 5px;
	width: 20px;
	height: 20px;
	margin-left: 0px;
}