@CHARSET "ISO-8859-1";

*{
	padding:0;
	margin:0;
}

body{
	text-align:center;
	background-color:#AD1C29;
	color:white;
}

#global{
     position:absolute;
     left: 50%; 
     top: 0px;
     width: 780px;
     margin-left: -390px;
	 border:1px solid white;
	 background:#FFFFFF url(images/fond.jpg) repeat-y;
	 background-position:-234px;
}

/** Banniere **/

#banniere{
	text-align:left;
	display:block;
	width:768px;
	height:186px;
	background:#7B0000 url(images/banniere.jpg) no-repeat top center;
	padding: 0px 0px 0px 12px;
}

#banniere h1{
	display:block;
	background:url(../images/titre/chateaudelabarben.jpg) no-repeat;
	background-position:left 5px;
	height:60px;
	width:540px;
}

#banniere h1 .none{
	display:none;
	font-family:"Cataneo BT", "Arial", "Helvetica";
	color:#AD1C29;
	font-size:60px;
	font-weight:normal;
}

#banniere h2{
	font-family:Impact;
	font-size:36px;
	font-weight:normal;
}

#banniere p{
	font-family:Verdana;
	font-size:12px;
}

/** Menu Gauche **/

#menu_left{
	/*background-color:#8C1421;*/
	text-align:left;
	display:block;
	float:left;
	width:165px;
}

#menu_left strong{
	display:block;
	width:160px;
	font-family:Impact;
	font-size:17px;
	font-weight:normal;
	background-color:#7B0000;
	padding:4px 0px 4px 5px;
}

#menu_left strong a{
	display:block;
	width:160px;
	color:#FFFFFF;
	text-decoration:none;
}

#menu_left ul{
	margin:8px 0px 8px 20px;
}

#menu_left ul li{
	list-style-image: url(images/puce.jpg);
	color:#AD1C29;
}

#menu_left ul li a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;
}

/** Menu Droit **/

#menu_right{
	background-color:#9A927A;
	text-align:center;
	display:block;
	float:right;
	width:155px;
	margin:4px 4px 0px 0px;
}

#menu_right h3{
	display:block;
	width:inherit;
	font-family:Impact;
	font-size:19px;
	font-weight:normal;
	background-color:#FFC127;
	padding:4px 0px 4px 0px;
}

#menu_right ul{
	padding:5px 0px 15px 0px;
}

#menu_right ul li{
	list-style-type: none;
	color:#AD1C29;
}

#menu_right ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;
}

/** Contenu **/

.content{
	color:#000000;
	text-align:left;
	display:block;
	float:left;
	width:420px;
	padding:0px 0px 50px 0px;
	margin:4px 0px 0px 6px;
}

.content .title{
	display:block;
	color:#7B0000;
	font-size:36px;
	font-family:"Cataneo BT", "Arial", "Helvetica";
	font-weight:lighter;
	padding:10px 0px 10px 0px;
}

.content div.texte{
	padding:10px 0px 0px 5px;
	display:block;
	font-size:12px;
	font-family:Verdana;
	text-align:justify;
}

.content div.texte strong{
	font-size: medium;
	font-family: "Cataneo BT", "Arial", "Helvetica";
	font-weight: normal;
}

/** Tarifs **/

table.tarif{
	font-size:12px;
	font-family:Arial;
	border-left:1px solid #8C1421;
	border-top:1px solid #8C1421;
}

.tarif td{
	border-bottom:1px solid #8C1421;
}

.tarif td.periode{
	width:195px;
	color:#AD1C29;
	padding:5px 0px 5px 10px;
}

.tarif td.type{
	width:195px;
	color:#FFFFFF;
	background-color:#AD1C29;
	padding:5px 0px 5px 10px;
}

.tarif td.prix{
	width:145px;
	color:#FFFFFF;
	background-color:#AD1C29;
	padding:5px 0px 5px 60px;
}

/** Chambres **/

.chambre a.miniature,.gite a.miniature{
	text-align:center;
	display:block;
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
	border:1px solid #7B0000;
	margin:5px 8px 0px 0px;
}

.chambre a.miniature img,.gite a.miniature img{
	height:50px;
}

.chambre img,.gite img{
	border:0px;
}

.chambre div.texte,.gite div.texte{
	clear:left;
}

/** Réservation **/

.reservation form{
	clear:left;
	font-family:Arial;
	color:#7B0000;
	font-size:12px;
	font-family:Arial;
	padding-left:15px;
}

.reservation .tarif td.prix{
	padding:5px 0px 5px 20px;
}

.reservation span input, .reservation span textarea{
}

.reservation ul.saisie{
	margin-top:20px;
	clear:left;
}

.reservation ul.saisie span{
	display:block;
	float:left;
	width:80px;
}

.reservation ul.saisie input.type1{width:280px;}
.reservation ul.saisie input.type2{width:180px;}
.reservation ul.saisie textarea{width:316px;height:80px;}
.reservation ul.saisie textarea.message{height:180px;}

.reservation ul.designation{
	margin-top:20px;
}

.reservation ul.date{
	margin-top:20px;
}

.reservation ul.date li{
	display:inline;
	padding-right:10px;
}

.reservation ul.date li span, .reservation div.nbHotes span{
	padding-right:5px;
}

.reservation ul.designation li{
	display:inline;
	margin-right:20px;
}

.reservation div.nbHotes{
	display:block;
	margin-top:20px;
}

.reservation div.nbHotes input{
	width:40px;
}

.reservation li{
	padding:2px;
	list-style-type:none;
}

.reservation input[type="text"]{
	vertical-align:middle;
	width:100px;
}

.reservation input[type="radio"]{
	vertical-align:middle;
}