/* Style general */
	object[type="application/x-shockwave-flash"] { 
			-moz-user-focus: ignore; 
	}
	.gwt-DialogBox {
		z-index: 20;
	}
	.clickable {
		color: blue;
		text-decoration: underline;
		cursor: pointer;
	}
	.button {
		background-image: url('../default/images/btn-search.png');
		border: none;
		height: 22px;
		width: 89px;
		font-weight: bold;
	}

	/* popup javascript */
		/* contenu de la fenetre popup */
		.popup { 
			display: none;
			font-size:14px;
			color:black;
		}
		.popup-inner-small {
			text-align:left;
			overflow: auto;
			width:400px;
			height:350px;
		}
		.popup-inner-big {
			text-align:left;
			overflow: auto;
			width:600px;
			height:400px;
		}
		/* label pour afficher la fenetre popup */
		.popup-label { 
			color: blue;
			text-decoration: underline;
			cursor: pointer;
		}
	/* /popup javascript */

	body {
		font-family: "Trebuchet MS";
		/* font-family: Verdana, Arial, Helvetica, sans-serif; */
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		color: black;
	}

	img {
		border: none;
	}

	h2 {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 5px;
		color: #704b05;
	}

	h3 {
		width: 97%;
	}


	h2.reservation {
		font-family: "Times New Roman", Times, serif;
		font-size: 25px;
		margin-top: 10px;
		margin-bottom: 10px;
	}


/* /Style general */

/* Composants */

	/* RechercheReservation */
		.module-reservation {
			position: relative;
			font-size: 11px;
			font-family: arial;
			height: 220px;
			width: 240px;
			color: black;
		}

		.module-reservation .TDatePicker_default {
			z-index: 1000;
		}

		.module-reservation h2 {
			height: 47px;
			width: 203px;
		}
		.module-reservation select,
		.module-reservation input {
			font-size: 11px;
			width: 111px;
		}
		.module-reservation select {
			border: black solid 1px;
		}
		.module-reservation .btn-search {
			margin-left: 117px;
			margin-top: 15px;
			margin-bottom: 15px;
			width: 89px;
			height: 22px;
			font-weight:bold;
			background-image: url('../default/images/btn-search.png');
			border:none;
		}
		.module-reservation .msg-erreur {
			width: 210px;
		}

		.module-reservation table {
			border-spacing: 0;
		}
	/* /RechercheReservation */

	/* DispoTarif */
		.dispotarif h2 {
			margin-top: 22px;
		}
		.dispotarif table {
			border-spacing: 0 25px;
		}
		.dispotarif th {
			border-spacing: 0;
			font-size: 13px;
			font-weight: normal;
		}
		.dispotarif th.colonne-nomhotel {
			text-align: left;
		}
		.dispotarif .borderspacing4ie {
			height: 50px; /* remplace le border-spacing non suporter par ie6 */
		}

		.dispotarif .colonne-nomhotel {
			width: 185px;
			color: #704B05;
			font-size: 14px;
			font-weight: bold;
			font-family: "Trebuchet MS";
			text-decoration: underline;
		}

		.dispotarif .colonne-nomchambre {
			font-size: 13px;
			font-weight: bold;
			font-family: "times new roman";
			text-align: left;
		}

		.dispotarif .colonne-prixpublic {
			width: 110px;
			border-left: black dashed 1px;
			text-align: center;
		}
		.dispotarif td.colonne-prixpublic {
			font-size: 15px;
		}

		.dispotarif .colonne-date {
			width: 402px; 
		}

		.dispotarif .cellule-date {
			float: left;
			width: 57px;
			font-size: 13px;
			text-align: center;
			/* border: gray dotted thin;
			border-width: thin 0 thin 0; */
		}
		.dispotarif .cellule-date .prix {
			color: red;
		}
		.dispotarif .informations {
			background-color: #fff1d4;	
			padding: 10px;
		}
		.dispotarif .selectionner-tout:before {
			content: url('puce-selectionner-tout.png');
		}
		.dispotarif .selectionner-tout {
			float: right;
			clear: both;
			margin-top: 5px;
		}
		.dispotarif .selectionner-tout a {
			text-decoration: none;
			color: black;
		}
	/* /DispoTarif */

	/* ResumeSejour */
		.resume-sejour {
			background-image: url('bg-resumesejour.png');
			background-position: right top;
			background-repeat: no-repeat;
			font-size: 12px;
		}
		.resume-sejour .recapitulatif td {
			font-size: 13px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-spacing: 20px;
		}
		.resume-sejour .info-perso td {
		}
		.resume-sejour h2 {
			padding: 20px 0;
		}
		.resume-sejour h2, h3, h4 {
			color: #8A6D32;
		}
		.resume-sejour h3 {
			font-size: 20px!important;
			color: #694a07 !important;
			margin: 20px 0 !important;
			font-weight: normal;
			font-family: "Times New Roman", Times, serif;
		}
		.resume-sejour .explication-cartecredit {
			margin: 2px;
		}
		.resume-sejour .explication-cartecredit span {
			margin-bottom: 6px;
			margin-left: 2px;
			margin-right: 2px;
		}
		.resume-sejour .explication-cartecredit img {
			position: relative;
			display: inline;
			top: 7px;
		}
		.resume-sejour .recapitulatif .prix {
			text-align: right;
		}
		.resume-sejour #conditions-validator {
			margin-left: 420px;
		}
		.resume-sejour #accepter-conditions {
			position: absolute;
			top: 10px;
			left: 420px;
		}
		.resume-sejour .btn-valider {
			position: absolute;
			top: 20px;
			left: 600px; 
			width: 89px;
			height: 22px;
			font-weight: bold;
			font-size: 13px;
			margin-bottom: 10px;
			background-image: url('../default/images/btn-search.png');
			border:none;
		}
	/* /ResumeSejour */

	/* ResumeMerci */
		#resume-merci {
			float: left;
			margin-top: 100px;
			width: 700px;	
		}
	/* /ResumeMerci */

/* /Composants */


/* Layouts */
	/* MainLayout */
	#doc {
		position: relative;
		margin: 0 auto; 
		height: 735px;
		width: 1040px;
		background-image: url('calque1-1040x735.png');
	}
	#doc-inner {
		position: absolute;
		top: 10px;
		left: 13px;
		height: 706px;
		width: 1012px;
	}
		#logo {
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: 1;
		}

		/* Menus */
		#menu-lang,
		#menu-main {
			margin: 0;
		}
		#menu-lang {
			position: absolute;
			top: 5px;
			right: 0px;
		}
		#menu-lang li {
			margin: 0 9px;
			display: inline;
		}
		#menu-main {
			position: absolute;
			top: 32px;
			padding: 0 !important;
			padding-left: 0px !important;
			height: 43px;
		}
		#menu-main li {
			float: left;
			list-style-type: none;
			margin: 0px;
		}
		#menu-main li a {
			display: block;
			line-height: 43px;
			text-decoration: none;
                        color : black;
		}
		#nav-1 {
			width: 100px;
		}
		#nav-2 {
			width: 157px;
		}
		#nav-3 {
			width: 245px;
		}
		#nav-4 {
			width: 233px;
		}
		#nav-5 {
			width: 131px;
		}
		#nav-6 {
			width: 146px;
		}
		/* /menu */

	#mentions-legales {
		width: 1020px;
		margin-top: 735px;
		margin: 0 auto;
		text-align: right;
	}

	/* ReservationLayout */
	#main-background {
		position: absolute;
		top: 75px;
		bottom: 0px;
		height: 630px;
		width: 100%;
	}
	#bg-dispotarif {
		height: 100%;
		width: 100%;
		background-image: url('bg-dispotarif.png');
		background-position: top right;
		background-repeat: no-repeat;
	}
	#sidebar {
		position: absolute;
		top: 142px;
		left: 0px;
		bottom: 0px;
		width: 253px;
		height: 564px; /* pour ie6 sinon bottom: 0px suffit */
	}
	#main {
		position: absolute;
		bottom: 0px;
		right: 0px;
		height: 629px;
		width: 757px;
		overflow: auto;
	}
	#vertical-bar {
		position: absolute;
		top: 85px;
		bottom: 13px;
		left: 223px;
		width: 0px;
		border: #E39B09 solid 1px;
	}

		/* dispotarif */
			#main-dispotarif {
				height: 490px;
				overflow: auto;
			}
			.btn-reserver-top, 
			.btn-reserver-bottom {
				width: 89px;
				height:22px;
				font-weight: bold;
				font-size: 13px;
				padding-bottom: 9px;
				background-image: url('../default/images/btn-search.png');
				border:none;
			}
			.btn-reserver-top {
			}
			.btn-reserver-bottom {
				position: absolute;
				right: 40px;
				bottom: 10px;
			}
			#convertisseur {
				position: absolute;
				right: 40px;
				top: 20px;
				text-align: center;
			}
		/* /dispotarif */

		/* recherche reservation */
			.module-reservation {
				position: absolute;
				left: 5px;
			}
			#cartes-acceptees {
				font-weight: bold;
				font-size: 14px;
				position: absolute;
				left: 14px;
				bottom: 25px;
			}
		/* /recherche reservation */
	/* /RechercheReservationLayout */


	/* Layout */
		#background {
			position:absolute;
			top: 75px;
			left:0px;
			height:580px;
		}
		#scrollnews {
			position:absolute; 
			top: 10px;
			left:120px;
			width:650px;
			overflow:hidden; 
		}
		#sidebarleft {
			position:absolute;
			top: 135px;
			height: 550px;
			width: 240px;
		}
		#mainright {
			position:absolute;
			top: 75px;
			width:630px;
		}
		#text {
			position: absolute;
			top: 75px;
			left: 265px;
			width: 290px; 
			height: 550px;
		}
		#photos {
			position: absolute;
			top: 75px;
			left: 530px;
		}
		#photosbottom {
			position: absolute;
			bottom: 0px;
		}
		#menulogos {
			position: absolute;
			top: 90px;
			left: 305px;
		}
		#logohotel {
			position: absolute;
			top: 115px;
			left: 201px;
		}

		/* Layout Style */
		#sidebarleft .module-reservation { 
			left: 18px;
		}
		#sidebarleft .tree-menu-hotel {
			margin-top: 18px;
			margin-left: 18px;
		}
		#text {
			text-align: justify;
			font-size: 11px;
		}
		#text h2 {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		#text p {
			width: 220px;
		}
	/* /Layout */

/* /Layouts */

/* Pages */
		/* Home (utilise mainlayout) */
		#background .home {
			background-image: url('../default/images/accueil/bg.jpg');
			background-repeat: no-repeat;
			height: 632px;
			width: 1012px;
		}
		#menu-accueil {
			position: absolute;
			top: 75px;
			left: 356px;
		}
		#text-accueil {
			position: absolute;
			top: 160px;
			left: 250px;
			font-size: 11px;
			color: #775613;
		}
		#text-accueil p {
			margin:0;
			margin-top: 10px;
		}
		#banquet-img-accueil {
			position: absolute;
			top: 523px;
			left: 579px;
		}
		#banquet-txt-accueil {
			position: absolute;
			top: 540px;
			left: 750px;
		}
			
		/* Hotel et HotelChambre */
		#background .hotel {
			background-image: url('../default/images/hotels/hotel-bg.png'); 
			background-repeat: no-repeat;
			height: 631px;
			width: 1012px;
		}
		#photosbottom .hotel {
			background-repeat: no-repeat;
			height: 233px;
			width: 743px;
		}
		#text .hotel {
			padding-top: 55px;
		}
		#text .hotel #sandbag-1 {
			float: left;
			height: 80px;
			width: 35px;
		}
		#text .hotel .description {
			width: 220px;
			color: #775613;
		}
		/* HotelPhotos */
		#background .hotelphotos {
			background-image: url('../default/images/hotels/bg-photos.png'); 
			background-repeat: no-repeat;
			height: 631px;
			width: 1013px;
		}

		/* Banquet et conference (utilise MainLayout) */
		#background .banquet {
			background-image: url('../default/images/banquets/bg.jpg');
			height: 633px;
			width: 1013px;
		}

		/* FormBanquets */
		#background .formbanquets {
			background-image: url('../default/images/banquets/form-bg.png');
			background-repeat: no-repeat;
			height: 637px;
			width: 1013px;
		}
		#formbanquets-renseignements {
			position:absolute;
			top:40px;
			left:700px;
		}
		#formbanquets-form-1 {
			position: absolute;
			top: 250px;
			left: 55px;
			width: 560px;
			margin: 0px;
			color: black;
			border-spacing: 4px;
		}
		#formbanquets-form-1 [type='text'] {
			width: 100%;
		}
		#formbanquets-form-2 {
			position: absolute;
			top: 280px;
			left: 660px;
			width: 300px;
			margin: 0px;
			color: black;
		}
		#formbanquets-titre {
			position:absolute;
			top: 155px;
			left: 300px;
			line-height: 20px;
		}

		/* Contact */
		#background .contact {
			background-image: url('../default/images/bg-contact.jpg');
			background-repeat: no-repeat;
			height: 633px;
			width: 1013px;
		}
		#contact-titre {
			position: absolute;
			top: 290px;
			left: 205px;
		}
		#contact-titre p {
			color: #78787a;
			font-size: 11px;	
		}
                #contact-titre2  {
                        position: absolute;
                        width: 525px;
                        color: #000;
			font-size: 11px;
                        top: 135px;
			left: 4px;
                        text-align: justify;
		}
                #contact-titre3 {
			position: absolute;
			top: 90px;
			left: 155px;
		}
		#contact-form {
			position: absolute;
			top: 190px;
			left: 30px;
			color: black;
			font-size: 11px;
		}
		#contact-form .txt-colonne {
			width: 250px;
			font-size: 16px;
		}
		#contact-form [type='text'] {
			width: 100%;
		}
		#contact-form .button {
			float: right;
		}
		#contact-titre th {
			position: left;
		}
		
		/* Actualites */
		#background .actualites {
			background-image: url('../default/images/actualites/bg.png');
			height: 633px;
			width: 1012px;
		}
		#text .actualites h3 {
			font-size: 14px;
			text-align: left;
			margin-top: 4px;
		}
		#text .actualites p {
			color: black;
			margin-bottom: 1px;
		}
		#actualites-image1,
		#actualites-image2,
		#actualites-image3 {
			position: absolute;
			height: 105px;
			width: 136px;
		}
		.actualites-image img,
		.actualites-image div {
			position: absolute;
		}	
		.actualites-cadregros {
			height: 291px;
			width: 382px;
		}
		.actualites-cadrepetit {
			height: 105px;
			width: 136px;
		}
		#actualites-image0 {
			position: absolute;
			top: 60px;
			left: 0px;
			height: 279px;
			width: 375px;
		}
		#actualites-text0 {
			position: relative;
			left: 400px;
			margin-top: 20px;
		}
		#actualites-text0 h3,
		#actualites-text0 a,
		#actualites-text0 p {
			width: 325px;
			text-decoration:none;
			color:#000;
		}
		#actualites-text1,
		#actualites-text2, 
		#actualites-text3 {
			width: 200px;
		}
		#actualites-image1 {
			top: 365px;
			left: 12px;
		}
		#actualites-text1 {
			position: absolute;
			top: 365px;
			left: 150px;
		}
		#actualites-image2 {
			top: 365px;
			left: 375px;
		}
		#actualites-text2 {
			position: absolute;
			top: 365px;
			left: 513px;
		}
		#actualites-image3 {
			top: 500px;
			left: 12px;
		}
		#actualites-text3 {
			position: absolute;
			top: 500px;
			left: 150px;
		}
		#actualites-autres {
			position: absolute;
			top: 500px;
			left: 375px;
			width: 355px;
			margin-left: 3px;
		}
		
		/* NouvelleCaledonie */
		#text .nouvellecaledonie h2 {
			margin: 0;
			padding: 0;
			margin-top: 20px;
		}

		#text .nouvellecaledonie p,
		#text .nouvellecaledonie li {
			color: #775613;
		}
/* /Pages */