@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, p, img, ul{
	color: #000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0;
}
body {
	background-color: #243a0b;
	background-image: url(../images/fond.jpg);
	background-attachment:fixed;
}
h1 {
	font-size: 14px;
	color: #495d2f;
	padding-top: 30px;
}
#milieu  #gauche h2  {
	font-size: 12px;
	padding-top: 20px;
}
h3 { 
}
p {
	padding-top: 10px;
	text-indent: 20px;
}
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}

img  {
	border-style: none;
}
#bandeau,
#menu,
#bandeau-anime,
#pied {
	background-image: url(../images/bandeau.jpg);
	height: 79px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}
#bandeau p {
	padding-top: 100px;

}
#drapeaux {
	position: absolute;
	top: 30px;
	right: 10px;
}


#menu {
	background-image: url(../images/menu.jpg);
	background-repeat: repeat-x;
	height: 47px;
}
#menu ul {
	margin-left: 2px;
}
#menu li {
	display: inline;
	font-size: 18px;
}
#menu a {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #333333;
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	width: 164px;
	height: 46px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 46px;
	background-image: url(../images/menu-on.gif);
}
#menu a:hover,
#bienvenue #menu-bienvenue a,
#camping #menu-camping a,
#locations #menu-locations a,
#tarifs #menu-tarifs a,
#album #menu-album a,
#contact #menu-contact a
 {
	color: #000000;
	background-position: 0px -46px;
}
#bandeau-anime {
height: 331px;
position: relative;
clear: both;
background-color: #ecedee;
background-image: none;
}
#bandeau-anime #mobil-jeux {
	height: 245px;
	width: 424px;
	position: absolute;
	left: 15px;
	top: 110px;
	background-image: url(../images/mobilhome-jeux.png);
}

#milieu {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 0 20px 20px;
	background-image: url(../images/milieu.jpg);
	background-repeat: repeat-x;
}
#milieu #contenu {
	background-image: url(../images/fond-droit.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

#milieu #gauche {
	width: 640px;
	float: left;
}
#milieu #gauche #facilite {
	background-color: #FFFF99;
	display: none;
	border: 2px solid #990000;
	text-align: center;
	margin: 10px;
	padding: 5px;
}
#milieu #gauche .centre,
#milieu #gauche .droite,
#milieu #gauche .gauche {
	border: 3px solid #009900;
	margin-left: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#milieu #gauche .droite {
	float: right;
	margin-left: 10px;
}
#milieu #gauche .gauche {
	float:left;
	margin-left: 0;
	margin-right: 20px;
}
#milieu #gauche a:hover .droite,
#milieu #gauche a:hover .gauche{
	border: 3px solid #00FF00;
}
#milieu  #gauche  .image-droite  {
	float: right;
}
#milieu #gauche ul {
	padding-left: 50px;
	padding-top: 7px;
}
#milieu  #gauche  .diaporama {
	background-image: url(../images/diaporama.jpg);
	height: 150px;
	width: 225px;
	display: block;
	border: 3px solid #009900;
	margin: 20px 0 0 207px;
}
#milieu  #gauche  .diaporama:hover {
	border: 3px solid #00FF00;
	background-position: 0 -150px;
}
#milieu #gauche #camping-locations {
	padding: 20px 50px 0;
}

#milieu #gauche #camping,
#milieu  #gauche  #locations {
	background-image: url(../images/camping.jpg);
	height: 150px;
	width: 225px;
	display: block;
	border: 3px solid #009900;
}

#milieu #gauche #camping:hover,
#milieu  #gauche  #locations:hover {
	border: 3px solid #00FF00;
	background-position: 0 -150px;
}
#milieu  #gauche  #locations  {
float: right;
background-image: url(../images/locations.jpg);
}
.textindent-0 {
	text-indent: 0px;
	line-height: 18px;
}

#milieu       #contenu       #gauche       .tarifs    {
	margin-bottom: 10px;
	text-align: center;
}
#milieu #contenu #gauche table {
	/*	border-spacing: 0;*/
	border-collapse:collapse;
	margin-right: auto;
	margin-left: auto;
}
#milieu   #contenu   #gauche   table  .ligne1 {
	background-color: #FF802B;
}
#milieu   #contenu   #gauche   table  .ligne2 {
	background-color: #A8ED63;
}
#milieu   #contenu   #gauche   table  .ligne3 {
	background-color: #D5F5B4;
}

#milieu  #contenu  #gauche  table td {
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border: 1px solid #000000;
}
#milieu  #contenu  #gauche  .ouverture  {
	width: 230px;
}
#milieu #contenu #gauche .semaine {
	width: 150px;
}

#contenu #gauche .colonne3 {
	width: 150px;
}
#milieu #contenu #gauche  .colonne-gauche {
	text-align: left;
}
#milieu #contenu #gauche .colonne-droite {
	text-align: right;
}

#milieu  #gauche  .logo  {
	margin-top: 10px;
	height: 210px;
	clear: both;
}
#milieu    #gauche    .logo    ul    {
	padding-left: 50px;
	width: 120px;
	float: left;
	line-height: 38px;
}
#milieu    #gauche    .logo    .picto     {
	float: left;
	list-style: none;
	padding: 0px;
	width: 450px;
	height: 60px;
}
#milieu  #gauche  .logo  .picto  img  {
	padding-left: 10px;
}





#milieu #droit {
	float: right;
	width: 280px;
	padding: 10px;
}
#milieu #droit a:hover {
	text-decoration: none;
}
#milieu   #droit   .adresse {
	font-weight: bold;
	text-align: center;
	background-color: #e98226;
	padding: 5px;
	text-indent: 0px;
	background-image: url(../images/adresse.jpg);
	background-repeat: repeat-x;
	height: 87px;
	width: 270px;
	display: block;
	color: #FFFFFF;
}
#milieu #droit .adresse .filet {
	line-height: 0px;
	display: block;
}
#milieu        #droit        .adresse       .telephone {
	display: block;
	float: left;
	width: 30px;
	text-align: left;
	padding-left: 45px;
}
#milieu  #droit  .adresse:hover {
	text-decoration: none;
	background-image: url(../images/adresse-on.jpg);
	background-position: bottom;
}

#milieu  #droit  .encart {
	border: 1px solid #006600;
	padding: 5px;
	margin: 10px 0;
	background-color: #BBFFBB;
	position: relative;
}
#milieu    #droit  .encart h2 a,
#milieu    #droit  .encart a,
#milieu    #droit  a img {
	cursor:pointer;
}
#milieu    #droit  .encart    h2,
#milieu    #droit  .encart    h2 a,
#milieu    #droit  .encart    h2 a:hover   {
	color: #CC0000;
	font-size: 18px;
}
#milieu   #droit   .encart  p {
	text-indent: 0;
	padding-top: 4px;
	text-align: center;
}
#milieu    #droit    .encart #bulle   {
	position: absolute;
	left: -260px;
	top: -75px;
	background-color: #FFFF99;
	padding: 5px;
	width: 290px;
	border: 3px ridge #006633;
	text-align: center;
	visibility: hidden;
}

#milieu #droit img {
	border: 2px solid #FFFFFF;
}
#milieu   #droit   .telecharger-contrat  a {
	background-image: url(../images/telecharger-contrat.png);
	height: 40px;
	width: 82px;
	display: block;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 5px 12px 0 38px;
	margin: 20px 0 10px 75px;
	margin-bottom: 10px;
}
#milieu  #droit  .telecharger-contrat  a:hover {
	background-position: 0 -45px;
	color: #FFFFFF;
}
#milieu #droit #ancv-vacaf {
	padding-right: 30px;
	padding-left: 20px;
}
#milieu #droit #ancv-vacaf p {
	font-weight: bold;
	text-align: center;
	margin-top: 35px;
	padding-bottom: 10px;
	background-image: url(../images/vacaf-label-fond.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}
#milieu #droit #ancv-vacaf img {
	border-style: none;
	padding-top: 25px;
}
#milieu #droit #chien {
	margin-top: 10px;
	margin-left: 100px;
	border-style: none;
}
#milieu #droit #vacaf {
	float: right;
	margin-top: -17px;
}

.centrer       {
	text-align: center;
}
#milieu .separation {
	clear: both;
	height: 2px;
	font-size: 1px;
	width: 300px;
	border-top: 0 solid #000000;
	border-right: 0 solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 0 solid #000000;
	margin-right: auto;
	margin-left: auto;
}
#milieu .clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}
#renseignements span {
	text-align: right;
	display: block;
	width: 230px;
	float: left;
	padding-top: 4px;
	padding-right: 3px;
	font-weight: bold;
}
#renseignements p {
	margin: 0px 0px 10px;
	padding: 0px;
	text-indent: 0px;
}


#pied {
	height: 54px;
	background-image: url(../images/pied.jpg);
	line-height: 54px;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
}
s