/*design site Wissant l'Opale*/

body {
	font-family: Arial;
}
	/*image du site Wissant l'Opale  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#image1{
	position: absolute;
    left: 50px;
	top: 0px;
}
	/*image texte information  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#image2{
	position: absolute;
    left: 135px;
	top: 422px;
}
	/*image deco <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#image3{
	position: absolute;
    left: 730px;
	top: 660px;
}
	/*Acceuil   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#Accueil{
	position: absolute;
	left: 778px;
	top: 428px;
	border: 0px;
	font-family: Arial;
	font-size: 18px;
}
#Accueil a{
	color: #000080;
	text-decoration: none;
}
#Accueil a:hover{
	text-decoration: none;
	color: #5b5bae;
}

	/*La Chambre   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#Chambre{
	position: absolute;
	left: 778px;
	top: 464px;
	border: 0px;
	font-family: Arial;
	font-size: 18px;
}
#Chambre a{
	color: #000080;
	text-decoration: none;
}	
#Chambre a:hover{
	text-decoration: none;
	color: #5b5bae;
}

	/*Le tarif   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#Tarif{
	position: absolute;
	left: 778px;
	top: 500px;
	border: 0px;
	font-family: Arial;
	font-size: 18px;
}
#Tarif a{
	color: #000080;
	text-decoration: none;
}	
#Tarif a:hover{
	text-decoration: none;
	color: #5b5bae;
}

/*liens tarif ici !  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#ici{
	position: absolute;
	left: 505px;
	top: 591px;
	border: 0px;
	font-family: arial;
	font-size: 18px;
}
#ici a{
	text-decoration: none;
}	
#ici a:hover{
	text-decoration: underline;
}

	/* Galerie Photo en CSS des chambres ouououh la classe ! <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#galerie_photo1{
	position: absolute;
	width: 350px;
	left: 170px;
	top: 669px;
    	         /*largeurs augmente pour acceuillir 5 OU 6  : 50 px X 6 =300 :  images (methode pour eviter trop de changement )*/
}
#galerie_photo1 a {
	float: down;
	display: block;
	margin: 5px 5px 5px 5px;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
}
#galerie_photo1 a img {

	width: 50px;
	height: 50px;
	border: 0px;
}
#galerie_photo1 a:hover {
	border-color: #ddd;
}
#galerie_photo1 a:hover img {
	position: absolute;
	visibility:visible;
	width: 360px;
	height: 280px;
	left: 150px;
	top: 1px;      /*descente de la grande image par raport au haut de page*/
	border: 1px solid #333;
}

#galerie_photo2{
	position: absolute;
	width: 350px;
	left: 230px;
	top: 669px;
    	         /*largeurs augmente pour acceuillir 5 OU 6  : 50 px X 6 =300 :  images (methode pour eviter trop de changement )*/
}
#galerie_photo2 a {
	float: down;
	display: block;
	margin: 5px 5px 5px 5px;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
}
#galerie_photo2 a img {
	width: 50px;
	height: 50px;
	border: 0px;
}
#galerie_photo2 a:hover {
	border-color: #ddd;
}
#galerie_photo2 a:hover img {
	position: absolute;
	visibility:visible;
	width: 360px;
	height: 280px;
	left: 90px;
	top: 1px;      /*descente de la grande image par raport au haut de page*/
	border: 1px solid #333;
}

	/*L'Accès   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#Acces{
	position: absolute;
	left: 778px;
	top: 536px;
	border: 0px;
	font-family: Arial;
	font-size: 18px;
}
#Acces a{
	color: #000080;
	text-decoration: none;
}	
#Acces a:hover{
	text-decoration: none;
	color: #5b5bae;
}
	/* Google Map  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#google_map{
	position: absolute;
	left: 150px;
	top: 435px;
	border: 0px;
} 

	/*Votre réservation   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#Reservation{
	position: absolute;
	left: 778px;
	top: 572px;
	border: 0px;
	font-family: Arial;
	font-size: 18px;
}
#Reservation a{
	color: #000080;
	text-decoration: none;
}	
#Reservation a:hover{
	text-decoration: none;
	color: #5b5bae;
}

	/*English Version   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#English{
	position: absolute;
	left: 778px;
	top: 608px;
	border: 0px;
	font-family: Arial;
	font-size: 18px;
}
#English a{
	color: #000080;
	text-decoration: none;
}	
#English a:hover{
	text-decoration: none;
	color: #5b5bae;
}

	/*copyright  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#copyright{
	position: absolute;
    left: 515px;
	top: 970px;
	font-size: 12px;
}
#copyright2{
	position: absolute;
    left: 295px;
	top: 953px;
	font-size: 12px;
}
#copyright3{
	position: absolute;
    left: 515px;
	top: 1094px;
	font-size: 12px;
}
#copyright4{
	position: absolute;
    left: 295px;
	top: 1077px;
	font-size: 12px;
}