html {
	height: 100%;
}

body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 16px;

	color: #000;
	height:100%; /* needed for container min-height */

	background-image: url(../images/bg_site.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #fff;

	text-align: justify;
}

.middle {
	background-image: url("../images/milieu_site.jpg");
	background-position: center top;
	background-repeat: repeat-y;
	height: 100%;
	left: 50%;
	margin-left: -492px;
	position: absolute;
	width: 985px;
}

a {

	text-decoration: none;
	color: #808080;
}

a:hover {

	text-decoration: none;
	color: #444;
}

h2 {
	color: #8ac73c;
	background-image: url("../images/puce_titre.png");
	background-position: left center;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 20px;
}

h2.first {
	margin-top: 0px;
}

h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 20px;
}

p {
	margin-bottom: 10px;
}

.contenu ul {
	margin-left: 20px;
	list-style-type: none;
}

.contenu li {
	background-image: url("../images/puce_liste.png");
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
}

.clear {
	clear: both;
}

.container {
	height: auto !important;
	min-height: 100%;
	position: relative;
}

.radius4 {
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 4px;

}

.puce {
  	background-image: url("../images/puce_liste.png");
    background-position: left 4px;
    background-repeat: no-repeat;
    padding-left: 10px;
}

/* Header */
.header {
	background-image: url(../images/bg_header.png);
	background-repeat: repeat-x;

	width: 100%;
	position: relative;
	height: 468px;
}

.header-content {
	height: 162px;
	margin: 0 auto;
	position: relative;
	width: 985px;
}

.header-bandeau {
	background-image: url("../images/bandeau_vert_contenu.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	height: 307px;
}

.header-bandeau-accueil {
	background-image: url("../images/bandeau_vert.jpg");
}

/* Contenu */

.fond-contenu {
	height: 100%;
	width: 985px;
	margin-left: -490px;
	position: absolute;
	left: 50%;
}

.content {
	margin: 0 auto;
	position: relative;
	top: -308px;
	width: 985px;
}

.inner-content-top-accueil {
	height: 342px;
	margin-top: -30px;
	width: 1100px;
	margin-left: -32px;
}

.note-acceuil {
	position: absolute;
	background-image: url("../images/introduction_texte.png");
	background-repeat: no-repeat;
	width: 316px;
	height: 362px;
	z-index: 10
}

.diapo-acceuil {
	height: 300px;
	overflow: hidden;
	padding-left: 290px;
	padding-top: 34px;
	position: absolute;
	width: 730px;
	z-index: 9;
}

.diapo-acceuil .bordure-image {
	border: 1px solid #a4a891;
	width: 432px;
	overflow: hidden;
}


.inner-content {
	position: relative;
	z-index: 20;
	padding-top: 20px;
}

.inner-content-acceuil {
	background-image: none;
}

.fil-ariane {
	background-color: #68685C;
	color: #FFFFFF;
	font-style: italic;
	height: 27px;
	line-height: 27px;
	margin: 0 auto;
	padding-left: 10px;
	width: 975px;
	font-size: 12px;
}

.fil-ariane a {
	color: #fff;
}

.titre-page {
	height: 61px;
	background-repeat: no-repeat;
	line-height: 61px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding-left: 200px;
	text-shadow: 1px 1px 0 #808080;
	width: 100%;
}

/* Pied de page */
.footer {
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	height: 175px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.footer-deco-fond {
	background-image: url("../images/roseau-large.png");
	background-position: 50% bottom;
	background-repeat: no-repeat;
	bottom: 175px;
	height: 180px;
	left: 50%;
	margin-left: -549px;
	position: absolute;
	width: 1096px;
}

.footer-menu-wrapper {
	background-color: #68685c;
	width: 100%;
}

.footer-menu {
	color: #fff;
	height: 45px;
	line-height: 45px;

	width: 975px;
	margin: 0 auto;
	padding: 0 10px;
}

.footer-menu a {
	color: #fff;
	font-size: 10px;
}


.lang {
	text-align: right;
	float: right;
	line-height: 40px;
}

.lang a {
	margin-right: 10px;
}

.lang img {
	vertical-align: middle;
}

.footer-pictos {
	background-color: #fff;
	width: 985px;
	padding: 30px 0;
	margin: 0 auto;
	text-align: center;
}

.footer-pictos p {
	display: inline;
	margin: 0 5px;
}

/* Menu top */

.menu-top {
	padding-top: 26px;
	position: relative;
	z-index: 30;
}

.menu-top a {
	color: #fff;
}

.menu-top ul {
	list-style-type: none;
	margin: 0;
	float: right;
	margin-top: 86px;
}
.menu-top ul li {
	float: left;
	background-color: #8cc63e;
	height: 49px;
	margin-left: 1px;
	line-height: 49px;
	padding: 0 10px;

	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.menu-top ul li.last {
	padding-right: 0;
}

.menu-top ul li.deco {
	margin: 0;
	width: 19px;
	padding: 0;
	background-color: transparent;
	background-image: url(../images/fin_onglet_menu.png);
	background-position: right top;
}

.logo-top {
  background-image: url("../images/logo.png");
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  float: left;
  font-size: 18px;
  height: 20px;
  margin-left: 20px;
  margin-top: 15px;
  padding-left: 50px;
  padding-top: 82px;
  width: 250px;
}

/* Menu left */

.menu-left {
	float: left;
	width: 213px;
}

.menu-left a {
	color: #fff;
}

.menu-left ul {
	list-style-type: none;
	margin: 0;
}

.menu-left li a {
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 0 10px 0 50px;
	width: 153px;
}

.menu-left ul li {
	margin-top: 5px;
	background-image: url(../images/onglet_beige.png);
	background-repeat: no-repeat;
}

.menu-left ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-shadow: 1px 1px 0 #808080;
	font-size: 16px;
}

.menu-left ul li ul li {
	margin-top: 0px;
}

.menu-left ul li ul li a {
	display: block;
	background-image: none;
	background-color: #8cc63e;
	color: #000;
	height: 33px;
	line-height: 33px;
	text-shadow: 0 0 0;
	font-size: 14px;
	border-top: 1px solid white
}

.menu-left ul li ul li ul li a {
	display: block;
	background-image: none;
	background-color: #ddf211;
	color: #000;
	height: 33px;
	line-height: 33px;
	text-shadow: 0 0 0;
	font-size: 12px;
}

/* Contenu */
.contenu {
	float: right;
	width: 720px;
	margin-top: 20px;
	margin-right: 20px;
	padding-bottom: 30px;
}

/* Page index */

.index-gauche {
 	width: 300px;
	padding-right: 20px;
	border-right: 1px dotted #999;
	float: left;
	text-align: justify;
 }

.index-droite {
 	float: left;
	width: 370px;
 	padding-left: 20px;
	text-align: justify;
}

.accroche {
	font-size: 13px;
	line-height: 18px;
}

.onglet-new {
	background-image: url(../images/news-bg.png);
	background-repeat: no-repeat;
	width: 270px;
	margin-top: 25px;
	padding: 10px;
	position: relative;
}

.onglet-new-content {
  background-image: url("../images/news-bg.png");
  background-repeat: repeat-y;
  padding: 0 20px;
  width: 255px;
}

.onglet-new-top {
  background-image: url("../images/news-top.png");
  background-repeat: no-repeat;
  height: 9px;
  width: 295px;
}

.onglet-new-bottom {
  background-image: url("../images/news-bottom.png");
  background-repeat: no-repeat;
  height: 11px;
  width: 295px;
}

.onglet-new h2 {
	background-image:none;
	color: #8cc540;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
	margin-top: 0px;
}

.spacer-news {
  background-image: url("../images/news-corner.png");
  float: left;
  height: 80px;
  width: 110px;
}

.onglet-actu {
	color: #FFFFFF;
	width: 283px;
	background-image: url("../images/news_vert_bg.png");
}

.onglet-actu-top {
	background-image: url("../images/news_vert_top.png");
	background-repeat: no-repeat;
	height: 13px;
}

.onglet-actu-content {
	margin: 0 30px;
}

.onglet-actu-bottom {
	background-image: url("../images/news_vert_bottom.png");
	background-repeat: no-repeat;
	height: 50px;
}


.onglet-actu h2 {
	background-image: url("../images/puce-actus.png");
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 15px;
	margin-left: -15px;
	color: #fff;
	margin-top: 0px;
}

.index-droite ul {
	list-style-type: none;
	margin: 0;
}

.index-droite ul li:first-child {
	padding-left: 0;
	padding-top: 0px;
	margin-top: 0px;
	border: none;
}

.index-droite ul li {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #999;

	background-image: none;
	padding-left: 0;
}

.index-droite .id-titre {
	font-family: 'DakotaRegular';
	font-size: 18px;
	font-style: italic;
	color: #99c446;
	margin-bottom: 10px;
	padding-top: 5px;
}

.index-droite .id-picto {
	background-image: url("../images/ombre_vignette_accueil.png");
	background-repeat: no-repeat;
	float: left;
	height: 110px;
	padding: 10px;
	width: 110px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.index-droite .id-description {

}

/* Page contact */

#map_canvas {
	height: 300px;
	width: 490px;
	float: left;
	border: 1px solid #999;
}

.adresse-contact {
	float: left;
	margin-left: 20px;
}

.contact fieldset {
	margin-bottom: 10px;
}

.contact label {
	width: 100px;
	text-align: right;
	margin-right: 5px;
	display: block;
	float: left;
	line-height: 25px;

}
.contact input, .contact textarea {
	width: 245px;
	height: 20px;
	border: 1px solid #ccc;
	color: #444444;
	font: 14px "Trebuchet MS",Helvetica,sans-serif;
	padding: 2px;
	float: left;
}

.contact .date-pick {
	width: 150px;
}

.contact button {
  background-color: #8CC63E;
  border: 1px solid #CCCCCC;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px 10px;
  width: auto;
}

.contact textarea {
	width: 600px;
	height: 110px;
}

.contact .captcha {
	width: 710px;
}

.contact .floater {
	float: right;
}

.contact .captcha label {
	width: auto;
	line-height: 33px;
	float: left;
}

.contact .captcha input {
	width: 85px;
	margin-top: 3px;
	float: left;
}

.contact .captcha-image {
	float: left;
	margin-right: 10px;
}

.contact .captcha-image img {
	display: block;
}

.contact .captcha-image a {
	font-size: 10px;
	display: block;
	text-align: center;
}

form .obligatoire {
	font-weight: bold;
}

form .erreur {
	border: 2px solid red;
}

form .message-erreur {
	color: red;
	margin-bottom: 20px;
	font-weight: bold;
}

/* Pages de contenu */
.chapo-contenu {
	margin-bottom: 20px;
}

.description-contenu {
	margin-bottom: 20px;
}

.description-contenu ul {
	margin-bottom: 10px;
	margin-left: 20px;
}

.description-contenu ul li {
	margin-bottom: 5px;
}

.postscriptum-contenu {

}

ul.images-contenu {
	list-style-type: none;
	margin: 0;
	margin-bottom: 20px;
}

ul.images-contenu li {
	float: left;
	background-image: none;
	padding: 0;
}

ul.images-contenu li div.cadre {
	background-image: url(../images/ombre_photo_page_base1.png);
	background-position: right bottom;
	background-repeat: no-repeat;

	padding: 20px;
}

ul.images-contenu li div.cropper {
	width: 180px;
	height: 180px;
	overflow: hidden;
}

/* Diaporama produits */

.slider {
		width: 720px;
		height: 350px;
		overflow: hidden;
	}

.slider-screen {
	float: left;
}

.slider-nav {
	float: right;
	width:185px;
}

.slider .slider-image {
	background: url("../images/ombre_chambre-2.png") no-repeat scroll left top transparent;
	width: 500px;
	height: 295px;
	padding: 10px;
	position: absolute;
}

.slider .slider-image .cropper {
	width: 500px;
	height: 295px;
	overflow: hidden;
}

.slider .slider-nav-image {
	background: url("../images/ombre_chambre_small.png") no-repeat scroll left top transparent;
	height: 85px;
	padding: 10px;
	text-align: right;
	width: 165px;
	cursor: pointer;
}

.slider .slider-nav-image .cropper {
	width: 165px;
	height: 85px;
	overflow: hidden;
}

/* Page rubrique */

ul.liste-produits {
	margin: 0;
	padding: 0;
	margin-top: 40px;
}

ul.liste-produits li {
	padding: 0;
	background-image: none;
	padding-top: 10px;
	border-top: 1px dotted #cdcdcd;
	margin-top: 10px;
	width: 700px;
}

ul.liste-produits li:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.titre-produit-rubrique {
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-image: url(../images/pompon_neutre.jpg);
	line-height: 25px;
	margin-left: 240px;
	margin-bottom: 10px;
	margin-top: 5px;

}

.titre-produit-rubrique a {
	color: #8ac73e;
	font-weight: bold;
}

/* Personnalisation des couleurs */
.produit-2 {
	background-image: url(../images/pompon2.jpg);
}

.produit-2 a {
	color: #4667fe;
}

.produit-3 {
	background-image: url(../images/pompon3.jpg);
}

.produit-3 a {
	color: #fe78b7;
}

.produit-4 {
	background-image: url(../images/pompon4.jpg);
}

.produit-4 a {
	color: #f9961f;
}

.produit-5 {
	background-image: url(../images/pompon5.jpg);
}

.produit-5 a {
	color: #ff7f84;
}


.img-produit-rubrique {
	padding: 0;
	background-image: none;

	background: url("../images/ombre_presentation_deschambres.png") no-repeat scroll left top transparent;
	width: 192px;
	height: 99px;
	padding: 15px;

	margin-right: 10px;

	float: left;
}

.img-produit-rubrique .cropper {
	height: 99px;
	width: 192px;
	overflow: hidden;
}

.puce-produit-rubrique {
	float: left;
}

.voir-produit-rubrique {
	display: block;
	float: right;
}

/* Livre d'or */
.table-livre-d-or {

}

.table-livre-d-or td {
	padding: 10px;
	border-bottom: 1px dotted #cdcdcd;

}

.table-livre-d-or td:first-child {
	width: 120px;
	margin-right: 15px;
}

.table-livre-d-or th {
	padding: 10px;
	border-bottom: 1px dotted #cdcdcd;
}

/* Tarifs */

table.tarifs {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}

table.tarifs td, table.tarifs th {
	padding: 10px;
}

table.tarifs th {
	text-align: center;
}

table.tarifs .noborder {
	border: none;
}

table.tarifs td, table.tarifs th {
	border-bottom: 1px dotted #ccc;
}

table.tarifs td.indisponible {
	background-color: #eee;
}

table.tarifs td.numerique {
	text-align: center;
}

table.tarifs .borderright {
	border-right: 1px dotted #ccc;
}

table.tarifs .nom-chambre {
	font-weight: bold;
}

ul.tarifs {
	margin-left: 0px;
	margin-bottom: 20px;
}
ul.tarifs li {
	margin-left: 20px;
}

/* Disponibilités */

table.disponibilites {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}

table.disponibilites th, table.disponibilites td {
	padding: 5px;
	border: 1px dotted #ccc;
	text-align: center;
}

table.disponibilites th.jour, table.disponibilites td.jour {
	font-size: 10px;
	padding: 2px;
}

table.disponibilites td.week-end {
	background-color: #eee;
}

table.disponibilites th.left-top-cell {
	border: none;
}

table.disponibilites .capacite {
	font-size: 10px;
	color: #808080;
}

table.disponibilites .dispo {
	width: 10px;
	height: 10px;
	margin: 0 auto;
}

.etat_passee {
	background-color: #ccc;
}

.etat_disponible {
	background-color: #67e667;
}

.etat_option {
	background-color: #ff9640;
}

.etat_indisponible {
	background-color: #bf3030;
	color: #ddd;
}

table.disponibilites td.navigation {
	border: none;
}

.navigation .mois-precedent {
	float: left;
	width: 25%;
}

.navigation .mois-courant {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 49%;
}

.navigation .mois-suivant {
	float: right;
	width: 25%;
	text-align: right;
}

/* Reservations */

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

table.reservation td, table.reservation th {
 	padding: 5px;
	border-bottom: 1px dotted #ccc;
 }

.legende_dispo {
	font-size: 10px;
	text-align: right;
	margin-bottom: 20px;
	float: right;
	position: relative;
}

.legende_dispo span {
	padding: 4px;
}

 /* Divers */
.consulter-tarifs {
	float: left;
	position: relative;
}

.bouton-reserver {
  background-color: #8CC63E;
  border: 1px solid #CCCCCC;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px 10px;
}