/* CSS Document */
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
}
     
a:link {
color: #666666;
}

a:hover {
color: #000000;
}

#container { 
margin-left: auto; margin-right:auto;width:1000px; text-align:left; position:relative; 
}

#banniere {
position:absolute;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND:  url(images/banniere.jpg);  no-repeat-x; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 1024px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 126px;
}

#banniere2 {
position:absolute;
BACKGROUND:  url(images/banniere2.jpg);no-repeat-x; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 1024px; PADDING-TOP: 0px;  TOP: 126px; HEIGHT: 203px;
}

#moulin {
position:absolute;
left:0px;
top: 126px;
z-index:6;
}

#p1 {
position:absolute;
top: 160px;
left: 255px;
z-index:7;
}

#p2 {
position:absolute;
top: 160px;
left: 510px;
z-index:8;
}

#p3 {
position:absolute;
top: 160px;
left: 765px;
z-index:9;
}

#t1 {
position:absolute;
top:165px;
left:260px;
z-index:60;
}

#t2 {
position:absolute;
top:165px;
left:515px;
z-index:61;
}

#t3 {
position:absolute;
top:165px;
left:770px;
z-index:62;
}

#fond {
position:absolute;
top:329px;
left:0px;
}

#titre_moulin {
position:absolute;
top: 332px;
left: 5px;
}

#texte1 {
	position:absolute;
	color:#666666;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
    padding-right:5px;
	left:265px;
	top:215px;

}
#plan {
	float:left;
	top:380px;
	left:295px;
	z-index:200;
}
#bas1 {
position:absolute;
	left:455px;
	top:460px;
	width:11px;
	height:13px;
	z-index:25;
}

#haut1 {
position:absolute;
	left:470px;
	top:460px;
	width:11px;
	height:13px;
	z-index:26;
}


#texte2 {
color:#666666;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:5px;
		
}
#supporttexte3 {
	position:relative;
	color:#666666;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	width:228px;
	height:464px;
	z-index:10;
}
#bas {
position:absolute;
	left:725px;
	top:572px;
	width:11px;
	height:13px;
	z-index:27;
}

#haut {
position:absolute;
	left:710px;
	top:572px;
	width:11px;
	height:13px;
	z-index:28;
}

#bas3 {
position:absolute;
	left:980px;
	top:689px;
	width:11px;
	height:13px;
	z-index:29;
}

#haut3 {
position:absolute;
	left:967px;
	top:689px;
	width:11px;
	height:13px;
	z-index:30;
}



#croix {
float:left;
	margin-right:4px;
	z-index:99;
}



#mecanisme {
	float:left;
	margin-right:4px;
	z-index:10;
}

#rouet {
text-align:center;
}

#fond_galerie {
position:absolute;
top: 550px;
left: 20px;
}

#galerie1 {
position:absolute;
top: 557px;
left: 28px;
z-index:20;
}
#galerie2 {
position:absolute;
top: 557px;
left: 139px;
z-index:21;
}
#galerie3 {
position:absolute;
top: 636px;
left: 28px;
z-index:22;
}
#galerie4 {
position:absolute;
top: 636px;
left: 139px;
z-index:23;
}

#titre_galerie {
position:absolute;
top: 720px;
left: 85px;
}

#copyright {
position:absolute;
top: 750px;
left: 790px;
z-index:15;
}

dl,dt,dd,ul,li{
margin:0;
padding:0;
list-style-type:none;
}


#menu {
position:absolute;
top:0px;
left:0px;
z-index:500;
width:100%;
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: left;
font-weight: 400;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid  #CCCCCC;
margin-top:115px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
background-color:#f6f4f2;
}
#menu li {
text-align: left;
margin-left:5px;
}
#menu li a, #menu dt a {
color:#666666;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color: #000000;
}
#smenu1 {
position:absolute;
top:18px;
left:570px;
width:140px;
}
#smenu2 {
position:absolute;
top:18px;
left:720px;
width:140px;
}
#smenu3 {
position:absolute;
top:18px;
left:870px;
width:140px;
}