/* CSS Document */

body{
	background-color:#472313;
	font-family:verdana;
}

#global{
	width:986px;
	margin:auto;
	padding:0;
	background-color:#e4e4e4;
}

.clear {
	clear:both;
	height:0;
}

img{
	border:0;
}

/*bandeau*/

#entete{
	width:986px;
	height:181px;
	margin:0;
	padding:0;
	background-image:url(images/bg-entete.jpg);
	background-repeat:no-repeat;
}

#logis{
	float:left;
	margin:18px 0 0 21px;
	padding:0;
	display:inline;
	width:119px;
	height:163px;
}

#logis ul{
	display:inline;
	margin:7px 0 0 0;
	padding:0;
}

#logis li{
	margin:5px 0 0 0;
	padding:0;
	font-size:11px;
	color:#4d4d4d;
	list-style:square inside;
}

#logis li a{
	text-decoration:none;
	color:#4d4d4d;
}

#logis li a:hover{
	text-decoration:underline;
	color:#4d4d4d;
}

#logo{
	float:left;
	margin:17px 0 0 139px;
	padding:0;
	width:451px;
	height:110px;
	display:inline;
}

#drapeaux{
	float:left;
	margin:6px 0 0 0px;
	padding:0;
	height:12px;
	display:inline;
}

#drapeaux ul{
	margin:0;
	padding:0;
}

#drapeaux li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#telechargement{
	float:right;
	margin:5px 30px 0 0;
	padding:0;
	display:inline;
}

#telechargement ul{
	display:inline;
	margin:00;
	padding:0;
}

#telechargement li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	font-size:11px;
	color:#4d4d4d;
	list-style:square inside;
}

#telechargement li a{
	text-decoration:none;
	color:#4d4d4d;
}

#telechargement li a:hover{
	text-decoration:underline;
	color:#4d4d4d;
}

#menu{
	float:right;
	width:160px;
	margin:12px 15px 0 0;
	padding:0;
	/*height:12px;*/
	display:inline;
	color:#4d4d4d;
	font-family:Trebuchet MS;
	font-size:12px;
	text-transform:uppercase;
	list-style-image:url(images/puce.gif);
}

#menu ul{
	margin:0;
	padding:0 5px 0 0;
}

#menu li{
	margin:0;
	padding:0;
}

#menu li a{
	text-decoration:none;
	color:#4d4d4d;
}

#menu li a:hover{
	background-color:#c8c8c8;
}

#titre-entete{
	float:left;
	margin:16px 0 0 95px;
	padding:0;
	width:520px;
	display:inline;
}

#titre-entete p{
	font-family:Trebuchet MS;
	color:#636363;
	font-size:16px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

#promos{
	width:165px;
	height:41px;
	float:right;
	margin:7px 25px 0 0;
	padding:0;
	display:inline;
}

#promos a:hover{
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}

/*bandeau*/

#contenu{
	width:944px;
	margin:0;
	padding:0 21px 20px 21px;
	background-image:url(images/bordure-droite.gif);
	background-position:right;
	background-repeat:repeat-y;
}

#contenu p{
	font-size:12px;
	color:#4d4d4d;
}

#contenu a{
	text-decoration:none;
	color:#4d4d4d;
}

#cadre-bandeau{
	width:944px;
	height:339px;
	margin:0;
	padding:0;
}

#bandeauGauche{
	float:left;
	width:637px;
	height:339px;
	margin:0;
	padding:0;
}

#bandeauDroite{
	float:left;
	width:300px;
	height:339px;
	margin:0;
	padding:0 7px 0 0;
	background-image:url(images/bg-bandeau-droite.jpg);
	background-repeat:no-repeat;
}

#bandeauDroite h1{
	font-family:Times New Roman;
	font-size:30px;
	color:#472313;
	margin:45px 0 0 27px;
	padding:0;
	text-transform:uppercase;
}

#bandeauDroite p{
	font-size:11px;
	color:#4d4d4d;
	margin:10px 0 0 27px;
	padding:0;
}

#bandeauDroite span{
	font-size:18px;
	font-weight:bold;
	color:#472313;	
}

#bandeauDroite a{
	color:#4d4d4d;
}

#actus{
	width:934px;
	margin:0 0 10px 0;
	padding:2px;
	background-color:#c8d018;
}

#actus p{
	font-size:13px;
	color:#472313;
	margin:0;
	padding:0;
}

.categorie{
	width:204px;
	margin:0 40px 0 0;
	padding:0;
	float:left;
}

.categorie a:hover{
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

.categorie h2{
	font-family:Trebuchet MS;
	font-size:13px;
	text-transform:uppercase;
	color:#4d4d4d;
	margin:0 0 3px 0;
	padding:0;
}

.categorie h2 a{
	text-decoration:none;
	color:#4d4d4d;
}

.categorie-reservation{
	width:204px;
	margin:0;
	padding:0;
	float:left;
}

.categorie-reservation h2{
	font-family:Trebuchet MS;
	font-size:13px;
	text-transform:uppercase;
	color:#4d4d4d;
	margin:0 0 3px 0;
	padding:0;
}

.categorie-reservation h2 a{
	text-decoration:none;
	color:#4d4d4d;
}

.categorie-reservation a:hover{
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

/*pied*/

#pied{
	width:986px;
/*	height:65px;*/
	margin:0;
	padding:10px 0 0 0;
	background-image:url(images/bg-pied.gif);
	background-repeat:no-repeat;
	position: relative;
}

a#facebook{
	 margin:10px 0 0 20px;
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
	float:left;
	display:block;
}

a#facebook:hover{
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

#coordonnees{
	float:left;
	margin:0 0 0 21px;
	padding:0;
	display:inline;
}

#coordonnees p{
	font-size:11px;
	color:#4d4d4d;
	margin:10px 0 0 0;
	padding:0;
	margin:0;
}

#coordonnees a{
	color:#4d4d4d;
}

#liens{
	float:right;
	margin:0 21px 0 0;
	padding:0 0 20px 0;
	display:inline;
}

#liens ul{
	display:inline;
	margin:0;
	padding:0;
}

#liens li{
	margin:0;
	padding:0;
	font-size:11px;
	color:#4d4d4d;
	list-style:square;
}

#liens li a{
	text-decoration:none;
	color:#4d4d4d;
}

#liens li a:hover{
	text-decoration:underline;
	color:#4d4d4d;
}

#ombre-bas{
	width:986px;
	height:7px;
	background-image:url(images/ombre-bas.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*page*/

.h2-situation{
	width:255px;
	border-bottom: solid 2px #c5bdba;
	font-family:Verdana;
	font-size:16px;
	color:#472313;
	text-transform:uppercase;
	padding:0 0 3px 25px;
}

.h2-tarifs{
	width:448px;
	border-bottom: solid 2px #c5bdba;
	font-family:Verdana;
	font-size:16px;
	color:#472313;
	text-transform:uppercase;
	padding:0 0 3px 25px;
	margin-top: 30px;
}

.h2-chambres{
	width:220px;
	border-bottom: solid 2px #c5bdba;
	font-family:Verdana;
	font-size:16px;
	color:#472313;
	text-transform:uppercase;
	padding:0 0 3px 25px;
}

.h2-mentions{
	width:180px;
	border-bottom: solid 2px #c5bdba;
	font-family:Verdana;
	font-size:16px;
	color:#472313;
	text-transform:uppercase;
	padding:0 0 3px 25px;
}

.h2-reservation{
	width:320px;
	border-bottom: solid 2px #c5bdba;
	font-family:Verdana;
	font-size:16px;
	color:#472313;
	text-transform:uppercase;
	padding:0 0 3px 25px;
}

.h2-pano{
	border-bottom: solid 2px #c5bdba;
	font-family:Verdana;
	font-size:16px;
	color:#472313;
	text-transform:uppercase;
	padding:0 0 3px 25px;
}

#googleMap{
	width:583px;
	height:439px;
	margin:0;
	padding:0;
	float:right;
	border: solid 1px #999999;
}

#promoBandeau{
	width:262px;
	height:119px;
	background-image:url(images/bg-promo.jpg);
	background-repeat:no-repeat;
	margin:70px 0 0 10px;
	padding:10px 15px 5px 5px;
	float:left;
	display:inline;
}

#promoBandeau h3{
	margin:10px 0 10px 0;
	padding:0;
	text-transform:uppercase;
	color:#d54a0d;
	font-size:16px;
	text-align:center;
}

#promoBandeau p{
	margin:0;
	padding:0;
	color:#472313;
	font-size:12px;
	text-align:center;
}

#promoBandeau span{
	font-size:14px;
}

#diapoBandeau{
	width:262px;
	height:119px;
	margin:40px 0 0 15px;
	padding:0;
	float:left;
	display:inline;
	text-align:center;
}

#diapoBandeau p{
	font-size:11px;
	margin:0;
	padding:0;
}

#diapoBandeau a{
	text-decoration:none;
	color:#4d4d4d;
}

#diapoBandeau a:hover{
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}

#diapoBandeau h3{
	margin:0 0 5px 0;
	padding:0;
	text-transform:uppercase;
	color:#d54a0d;
	font-size:10px;
	text-align:center;
}

#logo-reservation{
	float:right;
	margin:10px 15px 0 0;
	padding:0;
	display:inline;
}

.cadreChambres1{
	float:left;
	margin:15px 0 0 70px;
	padding:0;
	display:inline;
	text-align:center;
}

.cadreChambres2{
	float:left;
	margin:0px 0 0 140px;
	padding:0;
	display:inline;
	text-align:center;
}

.cadreChambres3{
	float:left;
	margin:40px 0 0 70px;
	padding:0;
	display:inline;
	width:405px;
}

.cadreChambres3 p{
	color:#472313;
	font-size:11px;
	font-style:italic;
	margin:1px 0 5px 0;
	padding:0;
}

.cadreChambres4{
	float:left;
	margin:40px 0 0 35px;
	padding:0;
	display:inline;
	width:380px;
	text-align:center;
}

#chambresSup{
	margin-top: 20px;
}

#options{
	margin-top: 40px;
}

#options div{
	float: left;
	width: 400px;
}

#options div.clear{
	float: none;
}

#optionsAnimaux{
	padding: 20px 0 0 100px;
}

#tableauBlanc ul{
	color:#4d4d4d;
	font-size:12px;
	margin:0;
	padding:10px;
	text-align:left;
}

#tableauBlanc li{
	list-style:square;
	list-style-position:inside;
	margin-bottom:5px;
}

#tableauBlanc li span{
	color:#FFFFFF;
	background-color:#e05010;
	padding:1px;
}


#tableauBlanc li span a{
	color:#FFFFFF;
	text-decoration:none;
	font-style:italic;
}


#diaporama{
	float:right;
	width:618px;

	background-image:url(images/bg-diaporama.gif);
	background-repeat:no-repeat;
	background-position: top left;
	margin:0 0 0 40px;
	padding:18px 0 0 0;
	
}

#diaporama img{
	margin:0 0 80px 11px;
}

#imprimer-plan{
	width:195px;
	height:25px;
	background-color:#FFFFFF;
	margin:0 0 10px 60px;
	padding:0;
	float:left;
	display:inline;
}

#imprimer-plan p{
	margin:2px 0 0 0;
	padding:3px;
}

#imprimer-plan img{
	margin:0 5px 0 2px;
}

#imprimer-plan a{
	color:#472313;
}

#reservation{
	background-color:#FFF;
	width:938px;
}

/*tableau*/

table {
	margin:0;
	font-family:verdana;
	font-size:12px;
	border-collapse:collapse;
}

th {
	background-color:#472313;
	color:#FFFFFF;
	padding:8px 10px 5px 10px;
	text-align:left;

}
td {
	background-color:#f6f6f6;
	padding:8px 10px 5px 10px;
	color:#4d4d4d;
	border-bottom:solid 1px #e4e4e4;
}


.celluleGrise{
	background-color:#c6c5c5;
	text-align:center;
}

.celluleGrise span{
	font-size:10px;
}

caption{
	color:#472313;
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
}

/*tableau*/

/*reservation*/
#reservation{
	font-size: 12px;
	padding: 11px 26px;
	width: 884px;
}

#reservation form{
	position: relative;
	zoom: 1;
}

#reservation label{
	float: left;
	padding: 2px 5px 0 0;
	width: 110px;
}

#reservation h3{
	color: #472313;
	font-size: 100%;
}

#reservation h3 sub{
	font-size: 180%;
}

#reservation input{
	background: #f6f3f3;
	border: 1px solid #8a6c6c;
	float: left;
	margin-bottom: 5px;
	width: 111px;
}

#reservation input.radio{
	background: none;
	border: 0;
	width: 12px;
}

#reservation input.envoyer{
	border: 0;
	float: none;
	height: 39px;
	margin: 20px 0 0 30px;
	width: 177px;
}

#nb_personnes_boite{
	left: 300px;
	position: absolute;
	top: 10px;
}

#nb_personnes_boite label{
	width: 150px;
}

#reservation h4{
	color: #4d4d4d;
	font-size: 100%;
	padding-left: 48px;
	text-transform: uppercase;
}

#boiteDateArrive, #boiteDateDepart{
	float: left;
	padding-left: 20px;
	width: 280px;
}

#reservation table.chambres{
	margin-bottom: 30px;
	width: 604px;
}

#reservation table.chambres th{
	font-size: 100%;
	text-transform: uppercase;
}

.table-chambre th span{
	font-size: 80%;
}

#reservation table.chambres td{
	color: #472313;
	background: #fff;
	border-bottom: 1px solid #8a6c6c;
	text-align: center;
}

#reservation table.chambres td.premiereCol{
	text-align: left;
	text-transform: uppercase;
}

#reservation table.chambres td.premiereCol span{
	display: block;
	text-transform: none;
}

#reservation textarea{
	background: #f6f3f3;
	border: 1px solid #8a6c6c;
	height: 64px;
	width: 170px;
}

#coordonneesGauche{
	float: left;
	width: 283px;
}

#coordonneesDroite{
	float: left;
	width: 293px;
}

.champsObligatoires{
	color: #8a6c6c;
	font-style: italic;
	margin: 0 0 0 200px;
}

#formGauche{
	float: left;
	width: 604px;
}

#formDroite{
	float: left;
	padding-left: 24px;
	width: 256px;
}

#formDroite h4{
	margin: 100px 0 0 0;
	padding: 0;
}

p.adresse{
	font-size: 90%;
	margin: 0 0 153px;
	position: relative;
}

p.adresse img{
	position: absolute;
	top: -10px;
	right: 0;
}

#contenu p.adresse a{
	color: #de4a01;
}

.beige, .beige2{
	background: #eee;
	color: #472313;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
}

.beige2{
	background: #d4d4d4;
}

.beige strong, .beige2 strong{
	display: block;
	margin-bottom: 10px;
}

.alignGauche{
	padding-left: 20px;
	text-align: left;
}

.alignGauche p{
	text-transform: uppercase;
}
/*reservation*/

p#taxeSejour{
	border:1px solid #472313;
	padding:5px;
	width:770px;
	margin:10px auto;
	text-align:center;
}

p#taxeSejour a, p#taxeSejourEn a{
	color:#e35a00;
}

p#taxeSejour a:hover, p#taxeSejourEn a:hover{
	text-decoration:underline;
}

p#taxeSejourEn{
	border:1px solid #472313;
	padding:5px;
	width:770px;
	margin:10px auto;
	text-align:center;
}


#iphone {
	position: absolute;
	bottom: 0;
	left: 450px;
	background: url(images/iphone.png) no-repeat center left;
	padding: 0 0 0 85px;
	height: 53px;
	color: #4D4D4D;
	font-size: 11px;
	line-height: 53px;
	text-decoration: none;
}

#iphone:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);	
}