* {
	margin: 0;
	padding: 0;
}

/* @group Hacks */

.clearfix { display: inline-block;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.spacer {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	border: none;
}
/* @end */

body {
	text-align: center;
	color: #373d44;
	background: #7e8c9b url(../img/bodybg.gif) repeat-x;
	font: 13px Georgia, "Times New Roman", Times, serif;
}

.left {
	float: left;
}

.right {
	float: right;
}

img {
	display: block;
}

img, a img {
	border: none;
}

a {
	color: #ffffff;
}

a:hover {
	color: #008bcc;
}

p {
	margin: .4em 0 .6em;
}

#header,
#content .wrapper,
#footer .wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 140px;
	padding-top: 20px;
	background: url(../img/chataignier.gif) no-repeat right 12px;
}

#header div.logo,
#header div.logo a {
	display: block;
	width: 424px;
	height: 92px;
	font-size: 1px;
	text-indent: -5000px;
	background: url(../img/le-chataignier.gif) no-repeat;
}

div.version {
	margin-top: 18px;
	line-height: 28px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

#lang {
	float: left;
	margin-left: 1.5em;
	padding-left: 2.5em;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
}

#lang.en {
	background-image: url('../img/en.gif');
}

#lang.fr {
	background-image: url('../img/fr.gif');
}

#lang a {
	font-weight: normal;
}

#lang a:hover {
	color: #373d44;	
}

#header p.telephone {
	float: right;
	margin: 0;
	font-size: 1.25em;
	color: #fff;
}

#content {

	background-color: #77a5d1;
}

#content .wrapper {
	padding: 30px 0;
	background: url(../img/la-roberderie.png) no-repeat right bottom;
}

#subcol {
	float: left;
	width: 250px;
}

#maincol {
	float: right;
	width: 680px;
}

#maincol h1 {
	color: #fff;
	font-size: 1.6em;
	margin-bottom: .6em;
	font-weight: normal;
}

#maincol h2 {
	color: #000;
	font-size: 1.4em;
	font-weight: normal;
}

#maincol ul {
	margin-left: 1.7em;
}

#menu,
#submenu li {
	list-style: none;
}

.menu li {
	font-size: 1.3em;
}

.menu li,
.menu li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.menu li a {
	padding: .5em 1em;
}

#menu {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #c5dbed;
}

#menu a:hover,
#menu .current a {
	color: #7e8c9b;
	background-color: #f4f8fb;
}

#submenu a:hover,
#submenu .current a {
	text-decoration: underline;
}

#submenu li li {
	font-size: .8em;
}

#submenu li li a {
	color: #c5dbed;
	padding: 0 1.5em;
}

#footer {
	padding: 1.5em 0;
	font-size: .9em;
	background-color: #689ec8;
}

#footer div.col {
	float: left;
	width: 300px;
	margin-right: 20px;
}

#footer div.col#pratique {
	float: right;
	margin-right: 0;
}

#footer div.col h4 {
	color: #fff;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 1em;
}

#footer div.col ul {
	margin-left: 1.7em;
	margin-bottom: 1.5em;
}

#footer div.col .clearfix li {
	list-style: none;
	float: left;
	margin: 0 1em;
}

#footer div.col li {
	margin: .5em 0;
}

#footer,
#footer a {
	color: #c5dbed;
}

#footer #legal,
#footer #legal a {
	color: #365369;
	font: .95em Arial, Helvetica, Geneva, sans-serif;
}

#footer .right {
	text-align: right;
}


#maincol div.left {
	width: 250px;
}

#maincol div.right {
	width: 400px;
}

#intro,
.intro {
	font-size: 1.2em;
}

ul.tabs li {
	list-style: none;
}

ul.tabs h3 {
	font-weight: normal;
}

div.right h2 {
	margin-bottom: 1em;
	color: #fff;
	font-size: 1.4em;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}

ul.tabs li h3 a {
	display: block;
	padding: .5em 1em;
	color: #7e8c9b;
	background-color: #c9daeb;
	font-size: 1.2em;
	text-decoration: none;

}
ul.tabs li h3 a:hover,
ul.tabs li.current h3 a {
	background-color: #fff;
}

hr {
	display: none;
}

.partenaires li {
	float: left;
	width: 100px;
}

div.hr {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #c5dbed;
}

ol.carte-cadeau {
	margin: 0em 0 2em 3em;
}

ol.carte-cadeau li {
	color: #fff;
	font-size: 2em;
}

ol.carte-cadeau li p {
	font-size: .7em;
}

p.note {
	font-size: .9em;
	font-style: italic;
}

.home #photo,
.diaporama,
#map {
	border: 5px solid #fff;
	width: 400px;
	height: 300px;
}

.home #photo {
	width: 670px;
	height: 500px;
}

img.photo,
.gallery img {
	border: .5em solid #fff;
}

#suite, #chambre {
	width: 400px;
	border: 5px solid #fff;
}

#maincol .description div.facts.right {
	color: #fff;
	width: 220px;
}

.description div.facts.right li {
	margin: .7em 0;
	font-size: 1.2em;
}

div.more {
	display: none;
	margin: .5em 1em;
}

p.centered {
	color: #000;
	font-size: 1.1em;
	text-align: center;
}

table.form td {
	padding: .5em;
	color: #fff;
	vertical-align: text-top;
}

table.form label,
table.form input,
table.form textarea,
table.form select {
	display: block;
}

table.form label.box,
table.form input.box {
	display: inline;
}

table.tarif,
table.tarif th,
table.tarif td {
	border: 2px solid #fff;
	border-collapse: collapse;
}

table.tarif th,
table.tarif td {
	padding: .4em;
}

table.tarif thead th {
	text-align: center;
	background-color: #fff;
}

table.tarif thead th img {
	margin: .4em 0;
}

table.tarif tbody tr {
	background-color: #c9daeb;
}

table.tarif tbody td {
	text-align: center;
	font-size: 1.3em;
}

form.reservation label {
	font-size: 1.2em;
}

form.reservation input,
form.reservation select,
form.reservation textarea {
	font-size: 1.2em;
}

input.submit,
a.reservation {
	display: block;
	margin: .4em 0;
	padding: .4em;
	
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #3a4766;
	border: 2px solid #fff;
}

input.submit:hover,
a.reservation:hover {
	background-color: #80a215;
}

p.more {
	font-size: 1.2em;
	text-align: right;
}

p.more,
p.more a {
	color: #fff;
}

ul.gallery li {
	list-style: none;
	float: left;
	width: 340px;
	padding: 1em 0;
	text-align: center;
}

.caption {
	text-align: center;
	font-size: 1.2em;
}

.caption,
.caption a {
	color: #fff;
}

#footer div.partenaires {
	width: 280px;
	height: 85px;
}

/*#activites-sportives-touraine,*/

#sorties-nature-touraine {
	background-image: url(../img/nature.jpg);
}

#activites-tourisme-touraine {
	background-image: url(../img/chateaux.jpg);
}

#gastronomie-chambre-hotes-tours {
	background-image: url(../img/gastronomie.jpg);
}

div#sorties-nature-touraine.more,
div#activites-tourisme-touraine.more,
div#gastronomie-chambre-hotes-tours.more {
	background-repeat: no-repeat;
	padding-right: 90px;
	background-position: right top;
}
