@import url(reset.css);

/** General typo */

a:link{
	text-decoration: none;
	color: #851819;
}
a:visited{
	text-decoration: none;
	color: #7b2f30;
}
a:hover, a:focus{
	text-decoration: underline;
}
a:active{
	color: #ac2425;
}

.r span{
	margin-left: -9000px;
}

abbr{
	font-variant: small-caps;
	font-size: 120%;
}

body{
/*	background-color: #fffdec;*/ /* Looked good on a Mac */
	background-color: #FEFCEB;	/*** COLOR ***/
	color: #333;
	font-family: Constantia, Georgia, "Times New Toman", serif;
	line-height: 200%; /* 2 */
}

/* General typo **/

/** General layout */

#wrap{
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#header{
	position: relative;
	margin-top: 10px;
	margin-left: 675px;
	width: 245px;
}

#minilogo{
	background-image: url(images/minilogo.png);
	background-repeat: no-repeat; 
	height: 30px;
	display: block;
}

#flags{
	margin: 10px 30px;
	padding: 0;
	height: 20px;
}

#flags img{
	float: right;
	width: 16px;
	height: 12px;
	margin-left: 10px;
}

div#nav{
	position: absolute;
	text-align: left;
	top:	119px; /* Anciennement : 220px. 119 : aligné sur le bas de la photo d'accueil */
	right:	 40px;
	width:	180px;
}
#nav ul, .admin ul.tdm{
	list-style-type: none;
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
}
#nav li, .admin .tdm li{
	margin-left: .5em;
	margin-bottom: 1.4em;
	line-height: 150%;
}
#nav a:link{

}
#nav a:visited{
	
}
#nav a:hover/* , #nav li:hover a */{
	text-decoration: none;
	color: #c02000;
}
#nav a:active, #nav li:hover a:active{
	text-decoration: none;
	color: #e51717;
}
#nav .amp{
	font-family: "GillSans-Light";
}

#infos{
	border-top: solid 1px #999;
	margin: 2.75em 0 0 .5em;
	padding-top: 1em;
}

#minicarte{
	float: left;
/*	z-index: -1;
	position: absolute; */
	width: 32px;
	height: 32px;
	background: url(images/minifrance.png) no-repeat;
	padding-right: 3px;
}

#infos_texte div, #infos_texte p, #infos_texte noscript{
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
	line-height: 120%;
	font-size: 80%;
	margin-bottom: .75em;
}
#infos_texte div{ /* Mis un div pour que le noscript valide */
	clear: both;
}

#infos_texte p.name_tag{
	color: #544;
	font-style: italic;
	font-size: 100%;
	line-height: 110%;
}

#main{
	position: relative;
	width: 590px;
/*	background-color: #f4f1e2; */ /* Looked good on a Mac */
/*	background-color: #E9E6D2; */ /* darker, if necessary */
	background-color: #EFECD5;	/*** COLOR ***/
	margin-top: 15px;
	margin-left: 85px;
}

#logo{
	display: none;
}

#titre_section{
	font-size: 200%;
	margin: 15px 0;
	text-align: center;
}

#gate{
	position: absolute;
	top: -73px;
	left: 201px;
	background: url(images/grille.png) no-repeat;
	width: 188px;
	height: 76px;
}

#leaf{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#content{
	padding: 10px;
}

#text p{
	margin-bottom: .75em;
	font-size: 110%;
}

#tortillon{
	/*background: url(images/tortillon.png) no-repeat;
	   width: 149px;
	   height: 40px;*/
	background: url(images/logoFacade.png) no-repeat; /* plutôt que logoFacadeSombre.png */
	width: 207px;
	height: 75px;
	margin: 1.75em auto 1.5em auto;
	clear: both;
}

#notice{
/*	display: none;	*/ /* For Scriptaculous compatibility */
	z-index: 100;
	position: absolute;
	width: 482px;
	height: 188px;
	bottom: -45px;
	left: 52%;
	z-index: 100;
	background: url(images/construction.png) no-repeat;
}
#notice p{
	position: absolute;
	bottom: 40px;
	font-size: 95%;
	line-height: 150%;
	padding: 0 40px 0 90px;
	height: 7em;
}
#notice p em{
	font-weight: bold;
	font-size: 105%;
	display: block;
	margin-bottom: .3em;	
}

#bas-droite{
	display: none; /* A voir */
	position: absolute;
	right: -8px;
	bottom: -12px;
	width: 25px;
	height: 30px;
	background: url(images/feuille-b-d.png) no-repeat;
}

#copyright{
	margin: 2em 0 0 1.5em;
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
	font-size: 80%;
}
h3{
	margin-top: .5em;
	font-weight: normal;
	border-bottom: #999 solid 2px;
	font-size: 110%;
	padding-bottom: 0px;
	margin-bottom: 10px;
	clear: both;
}

/* General layout **/

/** Page d'accueil */

#accueil #logo{
	position: relative;
	display: block;
	height: 120px;
	width: 400px;
	top: 20px;
	background: url(images/logo.png) no-repeat;
	margin: 0 auto 20px auto;
}

#accueil #titre_section{
	display: none;
}

#accueil #photo{
/*	  background-image: url(images/photo.png);*/
	background-image: url(images/facade_grille.png);
	height: 225px;
	border: 1px white solid;
	border-left: none;
	border-right: none;
}

#accueil #text a:link, #accueil #text a:visited{
/*	background-color: #fffdf0; */ /* Looked good on a Mac */
	background-color: #FEFCEB;	/*** COLOR ***/
	color: #789325; /* vert jaune */
/*	color: #46762A;*/ /* vert sombre */
	padding: 1px;
}
#accueil #text a:visited{
	color: #93B52F; /* vert jaune */
/*	color: #376F2E;*/		/* vert sombre */
}
#accueil #text a:hover, #accueil #text a:focus{
	text-decoration: none;
	color: #e51717;
}
#accueil #text a:active{
	background-color: white;
}

/* Page d'accueil **/

/** Visite et activités */

div.tdm, ul.tdm{
	background-color: #fffdf0;
	width: 90%;
	margin: 0 auto 1em auto;
	padding: 2px 1em;
	overflow: auto;
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
	font-size: 90%;
	line-height: 150%;
	text-align: center;
}

/*.tdm li{
	display: inline;
	padding: 3px;
	float: left;
}*/
.tdm a:link, .tdm a:visited{
	color: #789325;
	padding: 1px;
}
.tdm a:hover, .tdm a:focus{
	text-decoration: none;
	color: #e51717;
}
.tdm a:active{
	color: #CB6062;
}

#galerie h3 a{
	float: right;
	font-size: 80%;
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
}

#galerie dt{
	clear: both;
/*	width: 300px;*/
	margin-left: 35px;
}
#galerie dt.item_title{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333;
}
#galerie dt img{
	border: 1px solid white;
	margin-bottom: 4px;
	height: 192px;
	width: 256px;
}
#galerie dd{
	float: right;
	width: 260px;
	padding-right: 5px;
	margin-top: -213px; /* hauteur de l'image + marge en bas de l'image + bordure */
	line-height: 150%;
}
#galerie dd.nophoto{
	float: none;
	width: 525px;
	margin: 0 0 .5em 35px;
}

#galerie dd ul{
	list-style: disc ;
	margin-bottom: .75em;
	font-size: 110%;
}
#galerie dd blockquote{
	background-color: #fffdf0;
	font-size: 90%;
	padding: .75em 1em .1em;
	margin: 0 1em 1em;
	line-height: 175%;
}

#activites dd.nophoto p{
    font-size: 100%;
}

#activites #galerie dd blockquote{
    font-size: 95%;
}

/* Visite **/

/** Diaporama */

#photos #thumbs{
	position: relative;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#photos #thumbs li{
	display: inline;
	margin: 2px;
}

#photos #thumbs .pagination{
	clear: both;
	position: absolute;
	right: 10px;
	bottom: 0;
}

#photos .pagination a, #photos .pagination strong, #photos #viewer .nav-controls a{
	margin-right: .5em;
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
}

#photos #thumbs img{
	height: 75px;
	width: 100px;
	border: white 2px solid;
	padding: 1px;
	background-color: #FEFCEB;
/*	margin-bottom: 4px;*/
}
#photos #thumbs li.selected img{
	border-color: #3672C7;
}

#photos #viewer{
	clear: both;	
/*	min-height: 300px;*/
}
#photos #viewer #image img{
	width: 568px;
	border: white 1px solid;
}

#photos #viewer .nav-controls a{
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
	margin: 0 .25em;
}
#photos #viewer .nav-controls .prev{
	float: left;
}
#photos #viewer .nav-controls .next{
	float: right;
}

#photos #img_title{
	text-align: center;
}
#photos #desc{
	clear: both;
	background-color: #fffdf0;
/*	padding: 0.75em 1em;*/	/* Indent plutôt que padding pour que le div collapse s'il est vide. Attention si texte long ! */
	text-indent: .75em;
	margin: 1em;	
}

/* Diaporama **/

/** Réservations */

#resa h4{
	font-weight: normal;
	margin: .5em .75em .25em .75em;
	line-height: 150%;
	font-size: 105%;
	font-style: italic;
}

#resa img.in-logo{
    float: right;
/*    border: solid 1px #999;*/
    margin-left: 3px;
}

#resa .center-logo {
	text-align:center;
}

#resa blockquote{
	background-color: #fffdf0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	padding: 0.75em 1em;
	margin: 0 1em;
	line-height: 175%;
}

#resa blockquote a{
	font-weight: bold;
}

#resa #calendriers{
	width: 538px;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 150%;
	clear: both;
}

#resa div.cal{
	float: left;
	width: 12em;
	height: 13em;
	margin: .5em;
	padding: .5em;
	line-height: 140%;
	background-color: #fffdf0;
}
#resa .cal table{
	width: 100%;
}
#resa .cal th{
	padding-bottom: 3px;
}
#resa .cal td{
	margin-top: 5px;
	text-align: right;
	padding: 1px 3px 1px 0;
}
#resa .cal .weekdays, .cal td.calendarToday{
	font-weight: bold;
}
#resa .cal .dis, #resa .cal .res, #resa .cal .past{
	color: #851214;
/*	color: #666;*/
}
#resa .cal .res{
	font-weight: bold;
	background-color: #E1CDC4;
}
#resa .cal td.calendarToday{
	color: #2060A8;
}

#resa div #legende{
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 175%;
	font-size: 90%;
	padding: .75em 1em;
}

#resa #legende strong{
	color: #851214;
}

#resa form{
	line-height: 1;
	background-color: #fffdf0;
	padding: .25em .5em .25em 15px;
	margin: 0 .5em;
}

#resa form div.group{
	clear: both;
}
#resa form div.item{
	line-height: 100%;
	float: left;
	margin-right: 10px;
	margin-bottom: .5em;
}
#resa form div.item, #resa form div input{
	width: 200px;
}
#resa form div.s, #resa form div.s input{
	width: 100px;
}
#resa form div.m, #resa form div.m input{
	width: 255px;
}
#resa form div.mm, #resa form div.mm input{
	width: 310px;
}
#resa form div.l, #resa form div.l input{
	width: 520px;
}
#resa form div input.right{
    float: right;
    width: 6em;
}

#resa form label{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 150%;
	margin-left: .25em;
}

#resa p.section{
	clear: both;
	font-family: Helvetica, Arial, sans-serif;	  
	padding-top: 1em;
	margin-bottom: 0;
	font-size: 80%;
	line-height: 150%;
	font-weight: bold;
}
#resa p.section:after{
	content: ' :';
}

#resa textarea{
	clear: both;
	width: 520px;

}

#resa p.sub{
/*	border-top: #ccc dashed 1px;*/
	margin: 0;
	line-height: 175%;
}
#resa p.sub em{
	font-family: Helvetica, Arial, sans-serif;	  
	font-size: 75%;
	color: #999;
}
#resa input.btn{
/*  position: absolute;
    right: 12px;
    top: 6px; */
    float: right;
    margin-top: 7px;
    z-index: 100;
}

#resa_form .invalid{
	border: 2px solid;
	border-color: red;
}

#resa .discret{
	font: bold 10px/18px Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#555;
	margin-top:1em;
	text-align:center;
	border-top: 1px solid #999;
	padding-top:.5em;
	width:75%;
	margin: 1em auto 0 auto;
}

/* Réservations **/

/** Gestion du formulaire */

#contact_form #text{
	min-height: 190px;
}

#contact_form div#form_data{
	background-color: #fffdf0;
	padding: .25em .5em .25em 15px;
	margin: 0 .5em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 150%;
}

#contact_form div#form_data dt{
    clear: both;
	float: left;
	width: 10em;
	font-weight: bold;
	text-align: right;
}
#contact_form div#form_data dt:after{
	content: " :";
}
#contact_form div#form_data dd{
	margin-left: 11em;
	margin-bottom: 1em;
}

#contact_form hr{
	height: 1px;
	border-style: solid none none none;
	border-color: #999;
}

/* Gestion du formulaire **/

/** Accès */

#acces #text div{
	font-size: 90%;
}

#acces #cartes-div ul{
	padding: 10px 5px 0 5px;
}

#acces #cartes-div ul li{
	float: left;
	height: 200px;
	width: 185px;
	line-height: 150%;
	text-align: center;
}
#acces #cartes-div img{
	width: 150px;
	height: 150px;
	border: 1px solid #999;
}

#acces #google-maps{
	position: relative;
	background-color: #fffdf0;
	width: 23em;
	padding: .5em;
}

#acces #maps-input{
	width: 11em;
	float: left;
}
#acces #maps-submit{
	float: right;
	margin-right: .5em;
}

/* Accès **/

/** 404 */

#error404 #minilogo{
	width: 245px;
	margin: 3em auto 0 auto;
	position: relative;
}

#error404 #main{
	position: relative;
	width: 500px;
	margin: 2em auto;
	padding: 2em;
}
#error404 #main div:first-child{
	margin-bottom: 2em;
}
#error404 p{
	margin-left: 2em;
}
#error404 .sorry{
	font-style: italic;
	font-size: 200%;
	margin-left: 0;
}
#error404 a{
	font-family: "Gill Sans", "Gill Sans MT", GillSansMT, Calibri, Verdana, sans-serif;
}
#error404 #err{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 300%;
	color: #FEFCEB;
}

/* 404 **/

/** Misc */

td.fancyTitle{
	line-height: 150%;
	vertical-align: middle;
}

.clearer{
	clear: both;
}

/* Misc **/