/* CSS Document */
html {margin:0; padding:0}
body {margin:0; padding:0; text-align:center; background:#fff; font:normal 80%/1em arial,helvetica,sans-serif; color:#000}
form {margin:0; padding:0; border:0}

/* ============== Mise en page ============== */

#page {
	position:relative;
	width:800px;
	height:600px;
	top:2em;
	margin:0;
	padding:0;
	background:url(images2/idx_fond.jpg) left top no-repeat;
}

#image {
	position:absolute;
	width:400px;
	height:220px;
	left:390px;
	top:50px;
	z-index:50;
	border:1px solid #000;
}

#cadre {
	position:absolute;
	width:800px;
	height:600px;
	left:0;
	top:0;
	z-index:100;
	background:url(images2/idx_cadre.gif) left top no-repeat;
}

#logotxt {
	position:absolute;
	width:656px;
	height:34px;
	top:8px;
	left:9px;
	z-index:104;
	background:url(images2/idx_logotxt.jpg) left top no-repeat;
}

#logo {
	position:absolute;
	width:138px;
	height:138px;
	top:0;
	left:662px;
	z-index:105;
	background: url(images2/idx_logo.gif) left top no-repeat;
}

#fmenu {
	position:absolute;
	width:400px;
	height:61px;
	left: 390px;
	top: 246px;
	z-index:105;
	background: url(images2/idx_menu.gif) left top no-repeat;
}

#menu {
	position:absolute;
	width:400px;
	height:23px;
	top:279px;
	left:400px;
	z-index:110;
}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul {
	position: absolute;
	width: 370px;
	height: 23px;
	left: 0;
}

#menu li {
	float: right;
}

#menu a.mnu {
	display: block;
	height: 23px;
	width: 90px;
	color: #769712;
	font: 12px/20px Arial,Helvetica,Sans-Serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#menu a.mnu:hover {
	color: #fff;
}

#menu1 a.mnu {
	width: 100px !important;
}

.ssm {
	background:#fff;
	padding:0.5em;
	border:1px solid #000;
	text-align:left;
}

#smenu1 {
	position:absolute;
	width: 175px;
	z-index: 111;
	visibility: hidden;
}

#smenu2 {
	position:absolute;
	width: 175px;
	z-index: 112;
	visibility: hidden;
}

#smenu3 {
	position:absolute;
	width: 175px;
	z-index: 113;
	visibility: hidden;
}

#smenu4 {
	position:absolute;
	width: 175px;
	z-index: 114;
	visibility: hidden;
}

.ssm a {
	display:block;
	height:20px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.ssm a:hover {
	text-decoration: none;
	background:#78A980;
}

#carte {
	position:absolute;
	width:153px;
	height:203px;
	top:345px;
	left:637px;
	z-index:5;
	background:url(images2/idx_carte.gif) left top no-repeat;
	filter:Alpha(opacity=10);
	-moz-opacity:0.1;
	opacity: 0.1;
}

#axdirect {
	position:absolute;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding-top:10px;
	width:120px;
	height:105px;
	top:345px;
	left:670px;
	z-index:102;
}

#axdirect ul, #axdirect li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#axdirect ul {
	position: absolute;
	width: 120px;
	height: 105px;
	left: 0;
}

#axdirect a {
	display: block;
	height: 35px;
	width: 120px;
	color: #fff;
	font: 12px/20px Arial,Helvetica,Sans-Serif;
	padding-left: 25px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

#axdirect a:hover {
	color: #fff;
	text-decoration: underline;
}

#titUne {
	position:absolute;
	width:256px;
	height:27px;
	left:380px;
	top:318px;
	border-bottom:1px solid #5e9366;
	text-align:center;
}

.vignactu {
	horizontal-spacing:5px;
	border:0;
}

.TListe img, .TContenu img {
	border:0;
}

#textUne {
position:absolute;
width:255px;
height:215px;
left:380px;
top:345px;
padding:5px;
z-index:109;
color:#fff;
}
#textUne a {color:#fff}

#m_tourisme {
	background:url(images2/idx_ptourisme.gif) left top no-repeat;
}

#m_mediatheque {
	background:url(images2/idx_pmediatheque.gif) left top no-repeat;
}

#m_piscine {
	background:url(images2/idx_ppiscine.gif) left top no-repeat;
}

#puzzle {
	position:absolute;
	width:440px;
	height:538px;
	left:10px;
	top:50px;
	z-index:106;
}

#puzzle img {filter:chroma(color=#45794A);}

#bas {
	position: absolute;
	width:440px;
	height:25px;
	left:350px;
	top:565px;
	border-top:1px solid #5e9366;
	z-index:145;
}

#bas p {
	display: block;
	height: 25px;
	color: #fff;
	text-align:center;
}

#bas a {
	color: #fff;
	font: 11px/21px Arial,Helvetica,Sans-Serif;
	text-decoration: none;
}

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