/* ******************************* */
/* page			   	   */
/* ******************************* */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	background-color: #E5EDF3;
	background-image: url(../../share/texture/mer.jpg);
	height: 100%;
	margin-top: 2px;  
	text-align: center;
}
.conteneur{
	background-color:#FFFFFF;
	margin-right: auto;  
	margin-left: auto;
	width:800px;
	margin-bottom:10px;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	text-align:left;
}
.navigation-langue select{
	width: 100px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
}

td,th{
	font-size: 10px;
}
/* ******************************* */
/* 	Menu 			   */
/* ******************************* */

.menu dt ,.menu li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	text-align: center;
}

.menu a{
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

.menu a:hover {
	color: #000000;
	background-color:#B9DFF9 ;
}

/* ******************************* */
/* description hotel		   */
/* ******************************* */

.nom-hotel{
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #1D1965;
}
.description-hotel{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	margin-top: 10px;
	color: #000000;
	font-weight: normal;
	width: 500px;
	text-align: justify;
}

.description-hotel:first-letter{font-size:300%;float:left}

.description-hotel1 {	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	margin-top: 10px;
	color: #000000;
	width: 500px;
	text-align: justify;
}
.description-hotel2 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	margin-top: 10px;
	color: #000000;
	width: 500px;
	text-align: justify;
}
.legende_photo_hotel{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: italic;
	font-weight: bold;
}
/* ******************************* */
/* prestation hotel		   */
/* ******************************* */

.prestation-hotel {
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-right: 5px;
	width: 495px;
	margin-top: 10px;
}

.prestation-hotel table{
	width: 497px;
}
/* ligne legende */
.prestation-hotel th{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

/* ligne données */
.prestation-hotel td{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #B9DFF9;
}

/* ******************************* */
/* contact hotel		   */
/* ******************************* */

.contact-hotel{
	font-size: 10px;
	text-align: center;
}


/* ******************************* */
/* moteur recherche		   */
/* ******************************* */

.moteur{
	text-align: center;
	border: solid 1px #CCCCCC;
}

.submit{
	font-size: 11px;
	width: 150px;
	margin-top: 2px;
}

.moteur legend{
	font-size: 11px;
	color: #000000;
}
.dt{
	font-size: 11px;
	color: black;
	background-color: #FFFFFF;
	border-width: 1pt;
	border-color:#CCCCCC;
	border-style:solid; width:100px;
}


/* ******************************/
/* liste chambres		*/
/* ******************************/

.photo-chambre150{
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px;
}

.liste-hebergement{
	text-align:center;
	width: 240px;
	float: right;
}
.liste-hebergement b{
	color:#000000;
}

.titre-liste-categorie{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: middle;
	border-left-width: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-color: #FFFFFF;
	text-align: left;
}
a.nom_chambre{
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	text-decoration: underline;
	color: #1D1965;
}

a.nom_chambre:visited {
	color: #000000;
	text-decoration: underline;
}
a.nom_chambre:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
.hebergement-apartir{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
	padding-left: 10px;
	margin-bottom: 5px;
}

.heb-nom-cat{
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	color: #000000;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 10px;
	list-style-position: outside;
}
 
.heb-nom-cat:visited{
	color: #000000;
	text-decoration: underline;
}

.heb-nom-cat:hover{
	color: #FF0000;
	background-color: #FFFFFF;
}
.heb-type{
	font-style: italic;
	padding-left: 20px;
	margin-top: 5px;
}
 
.heb-dispo{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	text-align: center;
	border-color: #CCCCCC;
	border-style: solid;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: middle;
	border-left-width: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	height: auto;
	margin-left: 10px;
}

.heb-dispo:hover{
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
	background-color: #B9DFF9;
	text-align: center;
	border-color: #CCCCCC;
	border-style: solid;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: middle;
	border-left-width: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	height: auto;
	margin-left: 10px;
}
 
.heb-pas-dispo{
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
 
.heb-description{

}
 
.heb-separateur{
	color: #000000;
	height: 1px;
}

.resultat-recherche{
	background-color: #B9DFF9;
	padding: 5px;
	border-color: #CCCCCC;
	border-width: 2px;
	border-style: solid;
	width: 230px;
}

/* *****************************************************************/
/* Pour l\\\'affichage du calendrier catégorie sur page liste-formule */
/* *****************************************************************/

/* le nom des jours	*/
.c-jour{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color:#000000;
	width:25px;
	height:20px;
	border-width: 1;
	border-color: #FFFFFF;
	border-style: solid;
	text-align:center;
}

/* avant et après les jours du mois	*/
.c-out{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:25px;
	height:20px;
	border-width: 1;
	border-color: #FFFFFF;
	border-style: solid;
	text-align:center;
}

/* jour non disponible			*/
.c-off{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FF0000;
	color:#000000;
	width:25px;
	height:20px;
	border-width:1px;
	border-color: #FFFFFF;
	border-style: solid;
	text-align:center;
}
/* jour libre				*/
.c-on{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #00FF00;
	color:#000000;
	width:25px;
	height:20px;
	border-width: 1;
	border-color: #FFFFFF;
	border-style: solid;
	text-align:center;
}


/* ******************************/
/* description chambre		*/
/* ******************************/

.ombre {
  float:left;
  clear:left;
  background: url(../../share/images/ombre.png) no-repeat bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }

.boite {
background: #000000;
position:relative;
bottom:6px;
right: 6px;
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
  }


.diapo-chambre table{
	border-spacing: 0px;
	border-collapse: collapse;
}


.description-chambre{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:4px;
	padding-right:5px;
	height:385px;
	overflow:auto;
	text-align:justify;
	scrollbar-base-color:#FFFFFF;
}

.description-chambre:first-letter{
	font-size:300%;float:left
}

.nom-chambre{
	font-size:14px;
	font-family:Arial,Helvetica,sans-serif;
	height:20px;
	font-weight:bold;
	color: #1D1965;
}

.type-chambre{
	font-size:14px;
	font-family:Arial,Helvetica,sans-serif;
	height:20px;
	font-weight:bold;
	color: #1D1965;
}

/* ******************************* */
/* prestation chambre		   */
/* ******************************* */

.prestation-chambre table{
	border-color:#CCCCCC;
	border-style:solid;
	border-width: 1;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	width:96%;
}

/* ligne legende */
.prestation-chambre th{
	border-color:#CCCCCC;
	border-style:solid;
	border-width: 0;
	text-align:left;
	background-color: #B9DFF9;
}
/* ligne données */
.prestation-chambre td{
	border-color:#CCCCCC;
	border-style:solid;
	border-width: 0;
	background-color: #FFFFFF;
}
.nom-chambre{
	font-size:18px;
	font-family:Arial,Helvetica,sans-serif;
	color:#1D1965;
}

.nom-chambre select{
	font-size:10px;
}

/* ******************************* */
/* tarif chambre		   */
/* ******************************* */
.tarif-chambre{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 245px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	padding-left: 3px;
	padding-right: 3px
}
.tarif-chambre table{
	width:245px;
	padding-left:3px;
	padding-right:3px
}
.tarif-chambre th{
	background-color:#B9DFF9;
	color:#000000;
	font-size:10px;
	font-family:Arial,Helvetica,sans-serif;
	padding-left:3px;
	padding-right:3px
}
.tarif-chambre td{
	border-width:0px;
	border-color:#CCCCCC;
	border-style:solid;
	font-size: 11px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
}
.tarif-chambre select{
	font-size: 10px; 
}

/* ******************************* */
/* Formule commerciale		   */
/* ******************************* */
.offre-commerciale{
	width: 240px;
	float: right;
}
.fc-titre{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1D1965;
	font-weight: bolder;
	text-decoration: none;
	background-color: #FFFFFF;
}
.fc-formule{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1D1965;
	font-weight: bolder;
	text-decoration: none;
}
.fc-prix{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
}
.fc-description{

}
.fc-prestation{
	list-style-type: square;
	margin-left: 15px;
}
.fc-nuit{
	color: #000000;
}
.fc-capacite{

}
.fc-lien a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	background-color:#B9DFF9;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.fc-separateur{
	color: #000000;
	height: 1px;

}

a.dispo{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFCC;
	background-color:#919EA4;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

}

a.dispo:hover{
	font-weight:bold;
	text-decoration:none;
	color:#333333;
	background-color:#FFFFCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

}

.pas-dispo{
	font-weight:normal;
	text-decoration:none;
	color: #FF0000;
	background-color:#FFFFFF;

}

.categorie{
	background-color: #B9DFF9;
	padding: 10px;
}

.nav_cal_cat {
	font-weight: bold;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	color: #000000;
	font-variant: small-caps;
	margin-bottom:3px;
}

.nav_cal_cat a{
	font-weight: bold;
	color: #000000;
}

.nav_cal_cat a:hover{
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	background-color: #B9DFF9;
}

.nav_cal_cat a:visited{
	font-weight: bold;
	color: #000000;
}

/* ******************************* 	*/
/* Contact 				*/
/* ******************************* 	*/

.contact{
	width:245px;
	margin-left:0;
	border-width:0px;
	border-color:#CCCCCC;
	border-style:solid;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	padding-left:5px;
	color:#000000;
}

/* ******************************* 	*/
/* Zone bouton envoyer 			*/
/* ******************************* 	*/

.bouton{
	margin-top:5px;
}
.bouton input{
	width:245px;
}
.espacement-vide {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:2px;
	padding-right:3px;
	overflow:auto;
	scrollbar-base-color:#FFFFFF;
	width: 10px;
}


/* ******************************* 	*/
/* Diaporama	   			*/
/* ******************************* 	*/

.diaporama{
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
}

.diaporama a{
	color:#000000;
}

/* ******************************* */
/* pave selection dates 	   */
/* ******************************* */

.choix-date {
	margin-top:5px;
	margin-bottom:5px;
}

.choix-date table{
	text-align:center;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	width:245px;
	text-align:left;
}
.choix-date td{
	text-align:center;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	width:33%;
	text-align:center;
	height:20px;
}

/* ******************************* */
/* calendrier chambre		   */
/* ******************************* */

.bloc1 {
	background-color:#89989E;
	color:#FFFFFF;
	height:10px;
	width:24px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:center;
}


.bloc2 {
	background-color:#AAFFAA;
	height:10px;
	width:24px;
	font-size:10px;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	font-weight:bold;
	margin-top: 1px;
	line-height:11px;
}

.inactive {
	background-color:#AAAAAA;
	height:21px;
	width:24px;
	margin-top: 1px;
}

.res {
	background-color:#FFFF00;
	height:21px;
	width:24px;
	margin-top: 1px;
}

.occ {
	background-color:#F1C0C3;
	height:21px;
	width:24px;
	margin-top: 1px;
}

.dispo {
	background-color:#AAFFAA;
	height:21px;
	width:24px;
	margin-top: 1px;
}

.tr-gris-rouge{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#CCCCCC #FFFF00 #FFFF00 #CCCCCC;
	margin:0px 0px -13px 0px;
}
.tr-gris-rose{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#CCCCCC #F1C0C3 #F1C0C3 #CCCCCC;
	margin:0px 0px -13px 0px;
}
.tr-rouge-rose{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#FFFF00 #F1C0C3 #F1C0C3 #FFFF00;
	margin:0px 0px -13px 0px;
}
.tr-rouge-gris{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#FFFF00 #AAAAAA #AAAAAA #FFFF00;
	margin:0px 0px -13px 0px;
}
.tr-vert-gris{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#A5FFB0 #AAAAAA #AAAAAA #A5FFB0;
	margin:0px 0px -13px 0px;
}
.tr-rose-rouge{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#F1C0C3 #FFFF00 #FFFF00 #F1C0C3;
	margin:0px 0px -13px 0px;
}
.tr-rose-gris{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#F1C0C3 #AAAAAA #AAAAAA #F1C0C3 ;
	margin:0px 0px -13px 0px;
}
.tr-rouge-vert{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#FFFF00 #A6F8AE #A6F8AE #FFFF00;
	margin:-1px 0px -13px 0px;
}
.tr-vert-rouge{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#A6F8AE #FFFF00 #FFFF00 #A6F8AE;
	margin:-1px 0px -13px 0px;
}
.tr-vert-rose{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#A5FFB0 #EACCC2 #EACCC2 #A5FFB0;
	margin:0px 0px -13px 0px;
}
.tr-rose-vert{
	line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
	border-color:#F1C0C3 #A5FFB0 #A5FFB0 #F1C0C3;
	margin:0px 0px -13px 0px;
}

.semaine {
	border-width:1px;
	border-color:rgb(190,190,190);
	border-style:solid;
	color:#000000;
}

.vide {
	border-width:0px;
	border-color:rgb(190,190,190);
	border-style:solid;
	color:#CCCCCC;
	text-align:center;
}

.depart {
	border-width:1px;
	border-color:#D7857B;
	border-style:solid;
}

.arrivee {
	border-width:1px;
	border-color:#D7857B;
	border-style:solid;
	background-color: #5B5E73;
}

.today {
	border-width:2px;
	border-color:rgb(0,0,255);
	border-style:solid;
}


.jour {
	background-color:#CAD0D2;
	height:10px;
	width:10px;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	border-width:1px;
	border-color:#FFFFFF;
	border-style:solid;
	color: #384145;
}

.mois{
	background-color:#FFFFFF;
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	font-weight:bold;
	color:#000000;
	line-height:16px;
}

.fleche{
	background-color:#FFFFFF;
	text-align: center;
}

.fleche a{
	text-decoration:none;
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
}

.lc{
	text-decoration:none;
}

.fm{
	border-width:1px;
	border-color:#FFFF00;
	border-style:solid;
}

/* ******************************* 	*/
/* selection du pave arrivée ou départ	*/
/* ******************************* 	*/

.sel-on{
	background-color:#DEE0BC;
	color:#000000;
	width:245px;
}


/* ******************************* 	*/
/* selection du pave arrivée ou départ	*/
/* ******************************* 	*/

.sel-on{
	background-color:#DEE0BC;
	color:#000000;
	width:245px;
}


/* ******************************* 	*/
/* Réservation				*/
/* ******************************* 	*/

a.reservation{
	font-weight:bold;
	text-decoration:none;
	color:#FF0000;
}


.votre-sejour{
	background-color:#B9DFF9;
}
.coordonnees{
	background-color:#B9DFF9;
}
.titre-prestation{
 	background-color:#B9DFF9;
}

.detail-commande table{
	width:100%;
}
.detail-commande th{
	background-color:#FFFFFF;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
}

.detail-commande td{
	border-color:#CCCCCC;
	border-style:solid;
	border-width: 1;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
}

.detail-commande a{
	color:#000000;
}



/* ******************************* 	*/
/* formulaires				*/
/* ******************************* 	*/

.select{
	font-size:10px; 
}

input.L200 { font-family:Arial,Helvetica,sans-serif;
			font-size:11; 
			color:black;
			background-color:white;
			border-width:1px;
			border-color:#CCCCCC;
			border-style:solid;
			width:200px;
}

.ok{
font-family:Arial,Helvetica,sans-serif;
font-size:10px; 
color:black;
width:20px;
height:20px;
}

.dt{
font-family:Arial,Helvetica,sans-serif;
font-size:10px; 
color:black;
background-color:white;
width:60px;
}

/* ******************************* */
/* 	pages thématiques	   */
/* ******************************* */
.pt-titre{font-weight:bold;font-size:16px; }

/* onglets home page */
.onglet {
	margin : 0px ;
	text-align:center;
	font-size:10px;
	font-family:arial;
	background-color:#B9DFF9;
	width:90px;
	cursor:pointer;
}

.onglet-actif {
	margin : 0px ;
	border-bottom:solid 1px #FFFFFF ;
	border-top:solid 1px #CCCCCC ;
	border-left:solid 1px #CCCCCC ;
	border-right:solid 1px #CCCCCC ;
	background-color:#FFFFFF;
	text-align:center;
	font-size:10px;
	font-family:arial;
	width:90px;
	cursor:pointer;
}


.onglet a{text-decoration:none}
.onglet-actif a{text-decoration:none}
.input-ident{ font-family:Arial,Helvetica,sans-serif; font-size:11; color:black; background-color:white; border-width:1pt; border-color:rgb(153,153,153); border-style:solid; width:200px;}