body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FAEBCA;
	margin: 0px;
	padding: 0px;
}
table.fondmairie {
	background-image: url(images/fond-mairie.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
td.m1a {
	background-image: url(images/m1a.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}
td.m2a, td.m3a, td.m4a, td.m5a, td.m6a  {

	background-image: url(images/m2a.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}
a.menu {
	color: #000000;
	text-decoration: none;
}
table.bgris {
	border: 1px solid #6B6B6B;
}
a.page {
	color: #6B6B6B;
	text-decoration: none;
}
a.page:hover {
	color: #DA6464;
}
td.m1b {
	background-image: url(images/m1b.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}
td.m2b {
	background-image: url(images/m2b.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}

td.m3b {
	background-image: url(images/m3b.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}
td.m4b {
	background-image: url(images/m4b.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}
td.m5b {
	background-image: url(images/m5b.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}
td.m6b {
	background-image: url(images/m2b.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 8px;
}



#globalIndex{
	width:621px;
	margin:auto;
}

#actualite{
	float:left;
	width:429px;
	margin:20px 52px 0 0;
}

#actualite h1{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#ce2323;
	margin:0;
	padding:0;
	background-image:url(images/liseret-actualites.gif);
	background-repeat:no-repeat;
	background-position:80px 11px;
}

#actualite ul{
	padding:0 0 0 0;
	margin-left:20px;
	list-style:square;
}

#actualite ul li{
	margin:0 0 12px 0;
}

#contact{
	float:left;
	width:140px;
	margin:20px 0 0 0;
}

#contact h1{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#ce2323;
	margin:0 0 18px 0;
	padding:0;
	background-image:url(images/liseret-actualites.gif);
	background-repeat:no-repeat;
	background-position:58px 11px;
}

.clear{
	clear:both;
	height:1px;
}
/*************************	FENETRE MODALE	******************/

#repere{
	position:absolute;
	z-index:99;
	right:0;
	bottom:0;
	width:1px;
	height:1px;
}

#masque{
	position:absolute;
	display:none;
	background-color:#000;
	z-index:80;
	top:0;
	left:0;
	width:1px;
	height:1px;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;
}

#fenetreModale2{
	width:500px;
	height:500px;
	position:fixed;
	z-index:90;
	display:none;
	left:0;
	top:0;
	background-color: #000;
	border:1px solid #9c8e7f;
}
.fenetreModaleHaut2{
	background: #fff;
	padding-top: 2px;
}
#fenetreModale2 .fenetreModaleHaut2 p{
	margin:0;
	padding:5px 0 5px 0;
}
.fermerFenetre2{
	display:inline;
	float: right;
	width:17px;
	height:19px;
	text-align:center;
	text-decoration:none;
	font-size:120%;
	color:#fff;
	margin:3px 10px 0 0;
	background-color:#57656f;
}

.fermerFenetre2:hover{
	background-color:#fff;
	color:#9c8e7f;
}

#fenetreModale2 p{
	margin:12px 0 27px 0;
	padding:0 0 5px 0;
	text-align:center;
	font-size:110%;
	font-weight: bold;
	/*color:#57656f;*/
	color:#c41319;
	border-bottom:1px solid #666;
}

#fenetreInfos2{
	margin:10px auto;
	width: 520px;
}

#fenetreInfos2 #fenetreFlash{
	width:420px;
	margin:20px auto 0 auto;
}

#fenetreInfos2 img{
	margin:5px 5px 5px 0;
}

#fenetreInfos2 a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#fermerImageModale2{
	color: #5f5f5f;
	display: block;
	margin: 0 0 0 478px;
	text-decoration: none;
	width: 50px;
}

/*************************	FENETRE MODALE	******************/
/*diaporama scrollable*/
.diaporama{
	/*display:block;
	clear:both;*/
	width: 742px;
}
.scrollable {
	background:url(/images/h300.png) repeat-x;
	border:0px solid #ccc;
	float:left;	
	height:120px;
	margin:0 5px 0 0;
	overflow:hidden;
	position:relative;
	width: 665px;
}
.scrollable .items {
	/*width:20000em;*/
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
.scrollable a {
	float:left;
	margin:20px 5px 20px 1px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:130px;
	height:92px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable img{
	border: 0;
	width:130px;
	height:92px;
}

.scrollable .active {
	border:2px solid #000;
	z-index:5000;
	position:relative;
}

#zoom{
	z-index: 20000;
}


a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px 0 0;
	cursor:pointer;
	font-size:1px;
}

a.right 						{ background-position: 0 -30px; clear:right; margin-right: 0px;}


a.left							{ background-position:-30px 0px; clear:right; margin-left: 0px; } 
a.left:active					{ background-position:-30px -60px; }

a.up, a.down					{ background:url(images/vert_large.png) no-repeat; float: none; margin: 10px 50px;}

a.up:hover, a.left:hover  		{ background-position:-30px 0; }
a.up:active  					{ background-position:-60px 0; }

a.down 							{ background-position: 0 -30px; }
a.down:hover, a.right:hover  	{ background-position:-30px -30px; }
a.down:active, a.right:active  	{ background-position:-60px -30px; } 


a.disabled						{ visibility:hidden !important;}	
/*diaporama scrollable*/
/* Diaporama Produits spas */
#cadreVignettesDiaporama{
	margin:0;
	padding:0 0 20px 20px;
}
.vignette{
	float:left;
	width:103px;
	margin:7px 20px 0 0;
	padding:0 0 0 3px;
}

.vignette a{
	text-decoration:none;
	color:#0f218b;
	font-size:90%;
	font-weight:bold;
	border:none;
}

.vignette a:hover{
	color:#ff4800;
}

.vignette a.vignetteActive{
	color:#ff4800;
}

.vignette a.vignetteActive:hover{
	color:#ff4800;
}

.vignette a img{
	filter:alpha(opacity=20); 
	-moz-opacity:0.2; 
	opacity:0.2;
}

.vignette a:hover img{
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity:0.7;
}

.vignette a.vignetteActive img{
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}

.vignette a.vignetteActive:hover img{
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}
/***************************/