@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	overflow: auto;
}
body {
	background-color: #662F1D;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #666666;
}
#corps {
	height: 540px;
	background-color: #FFFFFF;
	background-image: url(img/vagues.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
}
#bas {
	background-image: url(img/bas.jpg);
	height: 118px;
	background-repeat: no-repeat;
	background-position: top;
}

#flashcontent {
	height: 20%;
	font-family:arial;
	font-size:12px;
}
#logo {
	position: absolute;
	width: 274px;
	height: 77px;
	left: 22px;
	top: 0px;
}


.index_flash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration:none;
}
#nav {
	position: absolute;
	width: 347px;
	height: 19px;
	left: 0;
	top: 463px;
	background-color: #662F1D;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.nav {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.nav a:link, .nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.nav a:hover {
	color: #EB0762;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.navoff {
	text-decoration: none;
	color: #EB0762;
}


#adresse {
	position: absolute;
	width: 722px;
	height: 45px;
	left: 0;
	top: 493px;
	padding-left: 20px;
}

.adresse {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #662F1D;
	text-decoration: none;
}
.adresse a:link, .adresse a:visited {
	color: #662F1D;
	text-decoration: none;
	font-weight: bold;
}
.adresse a:hover {
	color: #EB0762;
	font-weight: bold;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EB0762;
}
#texte {
	position: absolute;
	width: 235px;
	height: 412px;
	left: 730px;
	top: 44px;
}
.texte {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
}
.texte a:link, .texte a:visited {
	text-decoration: none;
	color: #333333;
}
.texte a:hover {
	text-decoration: none;
	color: #B41845;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B41845;
}



.index_flash a:link, .index_flash a:visited {
	font-weight:bold;
	color: #333333;
	text-decoration:none;
}	
.index_flash a:hover {
	color: #000000;
	text-decoration:none;
}
h1 {
	color:#8F1B1B;
	font-size:24px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#resa {
	position: absolute;
	width: 850px;
	height: 30px;
	left: 141px;
	top: -20px;
	text-align: right;
	background-color: #026B5C;
}
#photos {
	height: 370px;
	width: 710px;
	position: absolute;
	top: 91px;
	left: 0px;
}
#vagues {
	background-image: url(img/vagues.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 711px;
	height: 139px;
	left: 0px;
	top: 322px;
	z-index: 200;
	background-position: left top;
}


.resa {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EAA600;
	text-decoration: none;
	font-weight: bold;
}
.resa a:link, .resa a:visited {
	color: #EAA600;
	text-decoration: none;
}
.resa a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006F58;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #421433;
}

.mentions {
	color: #000000;
	text-align: justify;
	font-weight: normal;
	font-size: 11px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.mentions a:link, .mentions a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}
.mentions a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
}
.viamichelin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.viamichelin a:link, .viamichelin a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.viamichelin a:hover {
	text-decoration: none;
	color: #FFFF00;
}

.viamichelinrollover a {
	display:block;
	width: 120px;
	height: 15px;
	background: url("./img/viamichelin.png") 0 0 no-repeat;
}
.viamichelinrollover a:hover {
	background-position: 0 -15px;
}
.imprimerplans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #553A41;
	text-decoration: none;
	font-weight: bold;
}
.imprimerplans a:link, .imprimerplans a:visited {
	color: #553A41;
	text-decoration: none;
}
.imprimerplans a:hover {
	color: #26333B;
	text-decoration: none;
}

#hotel_retour {
	background-image: url(img/fermer.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	left: 470px;
	top: 2px;
}
#hotel_retour:hover {
	background-image: url(img/fermer.png);
	background-position: 0px -18px;
	background-repeat: no-repeat;
}
/***************/
/* PAGES HOTEL */
/***************/
.hotel_titre {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #33473E;
	text-decoration: none;
}
.hotel_texte {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
.hotel_texte a:link, .hotel_texte a:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.hotel_texte a:hover {
	color: #F3BF00;
	text-decoration: none;
}
.hotel_tableau_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006F58;
	background-color: #D3D3D3;
	padding: 4px;
	margin-top: 5px;
}
.hotel_tableau_texte {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding: 4px;
}
.hotel_dispo_champs{
	border:#999999 1px solid;
	padding:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(img/hotel_ombre_champs.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.hotel_calendrier_bordure {
	background-color:#666666;
}
.hotel_calendrier_annees {
	background-color:#E1E1E1;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.hotel_calendrier_mois {
	background-color:#666666;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.hotel_calendrier_jours {
	background-color:#EAEAEA;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


.absmiddle {
	vertical-align:middle;
	margin-bottom:.25em;
	border:0px;
}
#informations {
	height: 411px;
	width: 969px;
	position: absolute;
	top: 71px;
	left: 21px;
}
#acces {
	height: 401px;
	width: 969px;
	position: absolute;
	top: 72px;
	left: 21px;
}
#contact {
	height: 401px;
	width: 890px;
	position: absolute;
	top: 72px;
	left: 0px;
	background-image: url(img/comfort.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 50px;
	padding-left: 50px;
}
#index_adresse {
	position: absolute;
	width: 499px;
	height: 91px;
	left: 3px;
	top: 317px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#index {
	position: absolute;
	width: 740px;
	height: 173px;
	left: 0;
	top: 141px;
}
#index_corps {
	height: 506px;
	background-image: url(img/index.png);
	background-repeat: no-repeat;
	position: relative;
	width: 742px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}