@charset "UTF-8";
body {
	margin:0;
	padding:0;
}
a {
	outline:none;
}
#content {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 960px;
     height: 720px;
     margin-top: -360px; /* moitié de la hauteur */
     margin-left: -480px; /* moitié de la largeur */
}
#content #headerContent {
	height: 80px;
	width: 952px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFEFDD;
	text-align: right;
	padding-right: 8px;
}
#content #headerContent a {
	color:#FFEFDD;
	text-decoration:none;
}
#content #tabsContainer {
	height: 606px;
	width: 960px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.marginTop {
	height:25px;
}
/* INDEX */
#leftContainer {
	background-color:#fafbfc;
	width: 200px;
	height:340px;
	padding: 10px;
	margin-left: 30px;
	float: left;
}
.titre {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#316991;
	margin-bottom:10px;
}
.chapeau {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#316991;
	margin-bottom: 5px;
}
.txtNorm {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#316991;
	text-align: justify;
}
.txtNormHome {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#316991;
	text-align: justify;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 14px;
	padding-top: 20px;
}
#rightContainer {
	float: right;
	width: 680px;
	height:360px;
	padding-left:25px;
	text-align:left;
}
#rightContainer #galleryScroll {
	background-color: #fafbfc;
	padding: 10px;
	height: 320px;
	width: 480px;
}
.topContainer {
	height:360px;
}
#ligneHR {
	background-color: #fafbfc;
	margin:15px 30px 15px 30px;
	width:900px;
	height:2px;
}
#zoomRandom {
	width: 618px;
	margin-left:30px;
	height:128px;
	float: left;
}
#zoomRandom #randContainer {
	width:490px;
	float:left;
}
#zoomRandom #randContainer #titreRandom {
	margin-bottom:10px;
}
#zoomRandom #randContainer #txtRandom {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height:16px;
	padding-left:3px;
	color:#316991;
}
#zoomRandom #randContainer #decouvrirRandom {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#316991;
	text-align:right;
	margin-top:10px;
}
#zoomRandom #randContainer #decouvrirRandom a {
	color:#316991;
	text-decoration:none;
}
#zoomRandom #imgRand {
	float:right;
}
#zoomRandom #imgRand img {
	margin-top:5px;
	padding: 4px;
	background-color: #fafbfc;	
}

/* DOMAINE */
#leftContainerDom {
	width: 650px;
	height:355px;
	margin-left: 30px;
	float:left;
}
#bigImageDom {
	background-color: #fafbfc;
	width:640px;
	height: 340px;
}
#bigImageDom img {
	padding:10px;
}
#hoverForm {
	background-color: #fafbfc;
	width:620px;
	height:320px;
	padding:10px;
	position:absolute;
	z-index:8500;
}
#hoverIllu {
	background-color: #fafbfc;
	width:620px;
	height:320px;
	padding:10px;
	position:absolute;
	z-index:8500;
}
#rightContainerDom {
	float: right;
	width: 280px;
	height:500px;
	text-align:left;
}
#middleContainerDom {
	background-color: #fafbfc;
	width: 885px;
	height:110px;
	margin-left: 30px;
	margin-top:10px;
	padding:10px;
	float:left;
}
#leftContainerRecep {
	background-color: #fafbfc;
	width: 872px;
	height:110px;
	margin-left: 30px;
	margin-top:10px;
	padding:10px;
	float:left;
}
#rightContainerRecep {
	width: 490px;
	height:110px;
	margin-top:10px;
	padding:10px;
	float:right;
}
#ligneHR2 {
	background-color: #fafbfc;
	height:2px;
	margin-left: 22px;
	margin-right: 38px;
}
#preResa {
	margin:10px 38px 0px 18px;
}
#dlPDF {
	margin:0px 30px 0px 22px;
}
#txtResa {
	margin:5px 38px 5px 30px;
	color: #316991;
}
#calContainer{
	margin:10px 38px 10px 25px;
}
.preReserver {
	padding-left: 23px;
}
.preReserver img {
	cursor:pointer;
}
#panoRamic {
	background-color: #fafbfc;
	padding: 2px;
	margin-left: 22px;
	margin-right: 38px;
	margin-top:20px;	
}

/* CHAMBRES */
#middleContainerChambre {
	width: 640px;
	height:110px;
	margin-left: 30px;
	margin-top:10px;
	float:left;
}

#content #bottomContainer {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 24px;
	background-image: url(../_images/beige90p.png);
	background-repeat: repeat;
	color: #FFF;
	padding-left: 15px;
	height: 24px;
}
#content #bottomContainer a {
	text-decoration:none;
	color: #FFF;
}
#content #bottomContainer #linkSite {
	width: 180px;
	float: right;
}
#content #bottomContainer #linkSite a {
	text-decoration:none;
	color: #FFF;
}

.descChambre {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #316991;
	padding:10px;
}

/* RECEPTION */
#rightContainer #bigImageRecep {
	background-color: #FFEFDD;
	margin-left:10px;
	padding: 10px;
	width:460px;
}
#imgPanoScreen {
	background-color:#00CC00;
	margin-left:10px;
	margin-top:10px;
}
#imgPanoScreen #imgPano {
	float:left;
}
#imgPanoScreen #imgPano img {
	background-color: #FFEFDD;
	padding: 2px;
}
#imgPanoScreen #colonneHR {
	float:left;
	background-color: #fafbfc;
	width:2px;
	height:115px;
	margin-left: 10px;
	margin-right: 10px;
}
#pdfDownload {
	float:left;
	margin-left:20px;
	margin-right:20px;
}
#pdfExplication {
	display:block;
	width:340px;
	float: left;
}

#pdfExplication #titreExpli {
	margin-top:5px;
}

#pdfExplication #txtExpli {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #316991;
	margin-right:30px;
}


/* ENVIRONS */
#leftContainerEnviron {
	width: 540px;
	height:355px;
	margin-left: 30px;
	float:left;
}
#leftContainerEnviron #txtEnviron {
	background-color:#fafbfc;
	margin-top:20px;
	padding:10px;
	height:150px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #316991;
}
#leftContainerEnviron #map {
	width:540px;
	height:310px;
}
#rightContainerEnviron {
	float: right;
	width: 380px;
	height:310px;
}
#rightContainerEnviron #bigImageEnviron {
	background-color:#FFEFDD;
	padding:5px;
	margin-left:20px;
	margin-right:30px;
}
#rightContainerEnviron #liensUtiles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#FFFAF4;
	background-color:#316991;
	margin-top:25px;
	margin-left:20px;
	margin-right:30px;
	padding-top:5px;
	padding-left:5px;
	height:165px;
}

#returnLien {
	padding: 10px;
}
.lienVisiter {
}

.lienVisiter a {
	text-decoration:underline;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}


/* TARIFS */
#bigTAB {
	background-color:#fafbfc;
	padding:10px;
	margin-left:30px;
	margin-right:30px;
	height: 460px;
}

#bigTAB #tabHeader {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height:30px;
	margin-bottom:10px;
	margin-left:30px;
	color: #316991;
}

#bigTAB .lignesTab {
	list-style:none;
	float:none;
	margin:0;
	padding:0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #316991;
	width: 880px;
}
.verySmall {
	font-size:8px;
}
.padTab {
	padding: 12px 0px 0px 10px;
}
#bigTAB .cellulesTab {
	list-style:none;
	margin:0;
	padding:0;
	height:32px;
}

#bigTAB .cellulesTab li {
	float:left;
	display:block;
	width:292px;
	line-height:32px;
	text-align:center;
}

#bigTAB #tabFooter {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #316991;
	margin-top:15px;
}

.smallTop {
	border-top:solid 1px #316991;
}
.smallBottom {
	border-bottom:solid 1px #316991;
}
.smallLeft {
	border-left:solid 1px #316991;
}
.smallRight {
	border-right:solid 1px #316991;
}
.fondPlein {
	background-color:#e3dcd6;
}

.bigTop {
	border-top:solid 2px #316991;
}
.bigBottom {
	border-bottom:solid 2px #316991;
}
.bigLeft {
	border-left:solid 2px #316991;
}
.bigRight {
	border-right:solid 2px #316991;
}
.bottomContainer {
	height: 120px;
}
#btContainer {
	margin-left:30px;
	height:120px;
	float:left;
	width:250px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #fafbfc;
}
#meteoFlux {
	margin-left:30px;
	float: left;
	height: 143px;
	width: 180px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #316991;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #fafbfc;
}
#webcamBox {
	float: left;
	height: 143px;
	width: 172px;
	margin-left:15px;
	color: #316991;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #fafbfc;
}
.imgTitre {
	margin-bottom:15px;
}
.linkIt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #316991;
	text-decoration:none;
}
#allAppart {
	margin-left: 30px;
	float: left;
}
#allIMG li {
	margin-right: 4px;
}
#prestaBox {
	float: right;
	height: 499px;
	width: 230px;
	margin-right: 30px;
	background-color: #fafbfc;
}
.prestaTxt {
	padding-right: 10px;
	padding-left: 13px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #316991;
}
.monTableau {
	margin: 0px;
	padding: 0px;
	width: 900px;
	position: absolute;
}
.monTableau li {
}
.ligneTableau {
	display: block;
	width: 900px;
	float: left;
}
.ligneTableau li {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #316991;
	display: block;
	height: 60px;
}
.caseTab {
	width: 145px;
}
.caseTabHead {
	width: 135px;
}
.caseTabPetit{
	width: 100px;
}

.borderLeft {
	border-left:solid 1px #316991;
}
.borderLeftTrans {
	border-left:solid 1px transparent;
}

.borderRight {
	border-right:solid 1px #316991;
}
.borderRightTrans {
	border-right:solid 1px transparent;
}

.borderTop {
	border-top:solid 1px #316991;
}
.borderTopTrans {
	border-top:solid 1px transparent;
}

.borderBottom {
	border-bottom:solid 1px #316991;
}

.prix {
	font-size: 14px;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
}
.prixAdeux {
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	font-weight: bold;
}
.courtSejour {
	font-size: 10px;
	text-align: center;
	font-weight: normal;
	margin-top: 20px;
}
.date {
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
}
.ligneTableau a {
	text-decoration: none;
}
.booking a {
	text-decoration: none;
	display:block;
}
.blocCal {
	float: left;
}
.inputBT {
	color: #E8E8E8;
	background-color: #386F94;
	border: 1px solid #006;
}
.spacerDate {
	line-height: 10px;
}
.textArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.mettreLink {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #316991;
}
.smallStar {
	color: #316991;
	clear: both;
	margin-top: 340px;
	padding-top: 25px;
}
.infoObligatoire {
	color: #C00;
}
.redComp {
	color: #C00;
}
.leftContainer {
	height: 500px;
	width: 600px;
	margin-left: 15px;
	float: left;
}
.rightContainer {
	float: left;
	height: 480px;
	width: 280px;
	background-color: #fafbfc;
	margin-left: 30px;
	padding:10px;
}
.gMap {
	height: 320px;
}

.underMap {
	background-color: #fafbfc;
	margin-top:30px;
	height: 130px;
	padding:10px;
	font-size: 12px;
	color: #316991;
}
.linkMail {
	color: #316991;
	font-weight: bold;
}
#contactInfo {
	margin-top: 25px;
	font-size: 14px;
}
.itineraireFrom {
	color: #316991;
	font-weight: bold;
	text-decoration:none;
}
#itineraire {
	float: left;
	width: 200px;
	height: 130px;
}
#txtMap {
	float: left;
	width: 350px;
}
.slideshow {
	height: 340px;
	width: 630px;
}
.slideshow img {
	padding: 10px;
	background-color: #fafbfc;
	cursor:pointer;
}.legende {
	color: #F60;
	list-style-type: square;
}
#legendDate {
	margin:10px 38px 10px 40px;
}
.closeMe {
	cursor:pointer;
}
#leftSign {
	float: left;
}
#titreIndex {
	margin-bottom: 5px;
}
#accordion {
	margin:10px 0px 10px 0px;
}
#accordion h3 a {
	font-size: 11px;
	font-weight:normal;
	text-transform: uppercase;
	color: #FFF;
	display: block;
	height: 20px;
	line-height:20px;
	width: 180px;
	text-decoration:none;
	margin-bottom:2px;
	padding-left:25px;
	background-image: url(../_images/fondAccor.png);
	background-repeat: no-repeat;
}
#formMail {
	height: 230px;
}
.okReturn {
	font-size: 14px;
	font-style: italic;
	color: #393;
}
.nokReturn {
	font-size: 14px;
	font-style: italic;
	color: #C00;
}
#leftService {
	height: 503px;
	width: 490px;
	float: left;
	padding-top: 27px;
	padding-left: 36px;
	padding-right: 10px;
	color:#316991;
	font-size:12px;
}
#partBox {
	background-image: url(../_images/beige90p.png);
	background-repeat: repeat;
	padding: 10px;
	color: #FFF;
}
#partBox a {
	color:#FFF;
}#newsBox {
	height: 128px;
	width: 500px;
}
#imgNews {
	height: 128px;
	width: 171px;
	float: left;
}
#contentBox {
	height: 128px;
	width: 329px;
	float: left;
}
#titreNews {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#316991;
	padding-right: 10px;
	padding-bottom: 5px;
	font-weight: bold;
}
#txtNews {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #316991;
}
#downLoadPDF {
	height: 30px;
	width: 150px;
	position: absolute;
	left: 480px;
	top: 300px;
}
#downLoadPDF a {
	display: block;
	height: 30px;
	width: 150px;
}
#hoverComm {
	background-color: #fafbfc;
	width:620px;
	height:320px;
	padding:10px;
	position:absolute;
	z-index:8500;
}
#hoverCommCont {
	background-color: #FFF;
	height: 320px;
	width: 620px;
}
.txtBoxCom {
	margin-top: 15px;
	margin-left: 13px;
}
.leaveCom {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
.signBox {
	float: left;
	width: 300px;
	margin-top: 15px;
	margin-left: 13px;
}
.rateBox {
	float: left;
	margin-top: 15px;
	margin-left: 30px;
}
#submitBox {
	clear: left;
	margin-top: 20px;
	margin-left: 13px;
	padding-top: 20px;
}
#slideCom {
	text-decoration: underline;
	color:#316991;
}
#comBox {
	height: 360px;
	width: 650px;
	background-image: url(../_images/comBox.jpg);
	font-family: Verdana, Geneva, sans-serif;
	color: #2F6A96;
	font-size: 14px;
}
.txtCom {
	height: 200px;
}
.signatureCom {
	font-style: italic;
	height: 16px;
	font-size: 12px;
	margin-top: 15px;
}
.starYellow {
	float: left;
	height: 16px;
	width: 16px;
	background-image: url(../_script/star.gif);
	background-position: 0px bottom;
}
.bigBox {
	height: 300px;
	padding-top: 40px;
	padding-right: 80px;
	padding-left: 60px;
}
#closeMe {
	height: 15px;
	width: 15px;
	position: absolute;
	left: 910px;
	top: 170px;
	z-index: 500;
	cursor: pointer;
	background-image: url(../_images/closeMe.png);
	background-repeat: no-repeat;
}
#merciCom {
	position: absolute;
	height: 500px;
	width: 900px;
	background-image: url(../_images/hoverBlack.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 500px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

#newsBox {
	height: 340px;
	width: 630px;
	padding-left:20px;
	padding-top:20px;
	background-color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	color: #2F6A96;
	font-size: 14px;
}
.boxNews {
	margin-bottom:15px;
}
.titreNews {
	margin-bottom:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.linkAppart {
	color: #2F6A96;
	font-weight:bold;
	text-decoration:none;
}
#offreContainer {
	position: absolute;
	z-index: 15;
}
#closeMeOffre {
	height: 15px;
	width: 15px;
	position: absolute;
	left: 630px;
	top: 10px;
	z-index: 500;
	cursor: pointer;
	background-image: url(../_images/closeMe.png);
	background-repeat: no-repeat;
}
ul .loisir {
	list-style:circle;
	clear:both;
}
.loisir li {
	list-style:circle;
	clear:both;
	margin-left:15px;
}
.condition {
	width: 410px;
	font-size: 10px;
	color: #2F6A96;
	line-height:11px;
	position:absolute;
	top:550px;
	left:490px;
}
.percent {
	width: 192px;
	font-size: 10px;
	color: #2F6A96;
	line-height:11px;
	position:absolute;
	top:538px;
	left:285px;
}
#reduc {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align: center;
	padding-right:15px;
	font-size: 10px;
	color: #406d8e;
}
#navIMG {
	padding: 10px;
	height: 320px;
	width: 620px;
	position: absolute;
	z-index: 8000;
}
#prev {
	background-image: url(../_images/leftArrow.png);
	height: 320px;
	width: 100px;
	float: left;
	background-position: 6px 150px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#next {
	background-image: url(../_images/rightArrow.png);
	float: right;
	height: 290px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: 80px 150px;
	cursor: pointer;
}
#galLunch {
	float: right;
	height: 30px;
	width: 500px;
	text-align: right;
}
#galIcone {
	height: 19px;
	width: 55px;
	float: right;
	margin-right: 8px;
	cursor: pointer;
}
#galHover {
	height: 279px;
	width: 526px;
	position: absolute;
	z-index: 8550;
	background-image: url(../_images/beige90p.png);
	background-repeat: repeat;
	padding-top: 41px;
	padding-left: 94px;
}
#galHover img {
	margin: 6px 10px;
	cursor: pointer;
}
.verySmall {
	font-size: 10px;
}
#notification {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../_images/notification.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 40px;
	position: absolute;
	margin-left: 230px;
	text-align: center;
	padding-top: 6px;
	cursor: pointer;
}
.topMargin {
	margin-top: 15px;
}

