* {
padding: 0;
margin: 0 auto;
text-align:center;
}
* html #container {
height: 100%;
}
html {
overflow-y: scroll;
}
html, body {
min-height: 100%;
}
body {
background-image:url(images/bgHead.gif);
background-repeat:repeat-x;
text-align:center;
padding: 0;
margin: 0;
}
#container{
width: 940px;
margin: 0 auto;
padding: 0;
min-height: 100%;
height: 100%;
text-align:justify;
}
#topSpot{
	min-height:20px;
	max-height:20px;
	}
#unTopSpot{
	min-height:20px;
	max-height:20px;
}
#head{
width:100%;
height: 120px;
}
#foot {
clear:both;
}
#foot{
background-image:url(images/bgFoot.gif);		
	}
#foot{
width: 940px;
padding-top:5px;
padding-bottom:5px;
}
#menu{
width: 940px;
padding-top:5px;
padding-bottom:5px;
text-align: center;
text-decoration: none;
font-size:1em;
padding-top:3px;
margin: 0 auto;
}
#intro, #du_mois2{
padding:20px;
}
#intro{
width:800px; 
}
 #galerie{
 max-width:580px;
  }
  #lieu{
float:left;
max-width:470px;
padding: 30px;
vertical-align:middle;
}

#carte{
float:left;
padding: 30px;
vertical-align:middle;
}

#content{
	width:880px;
	padding: 30px;
	min-height: 480px;
	text-align: justified;
	}
h2{
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: left 9px top 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 14px;
	margin: 0px;
	clear: both;
	text-indent: 4px;
}

h3{
margin: 0px;
clear:both;
}
#liste li {
font-size: 1.1em;
color: #333;
list-style-position: inside;
list-style-image: url(images/puce2.gif);
text-align: justify;
line-height: 1.5em;
margin-left: 50px;
} 

 .tleft {
text-align: right;
}
.tright{
text-align: left;
}
#container:after{
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#cath{
padding:30px;
padding-bottom:100px;
min-height: 100%;
margin: 0px;
clear: both;
text-align: left;
}
#poke{
vertical-align: top;
text-align:left;
}