/**** **** styles généraux **** ****/

	*{
		font-family: Times, serif; 
	}
	body {
		color: black; background-color: white;
	}
	a:link, a:hover, a:visited { text-decoration:underline; }
	a:link { color: #33c; }
	a:hover { color: #119; background-color:#cfc;}
	a:visited { color: #36c; text-decoration:none;}
	
	div#page { max-width:1000px; }

/**** **** style menu gauche **** ****/

	div#barre_gauche {
		display: none;
	}

/**** **** style central **** ****/

	div#barre_centrale {
		position:absolute; left:0px; top:0px;
		/*width: 80%; min-width:150px;*/
		overflow: visible;
		padding: 0 10px 10px 10px;
		border-left: solid 1px #aaa;
	}
	p#banniere {
		font-style: italic;
		color: black;
		font-size: 120%;
	}
	h1 {
		color: #119;
		margin-left: -10px;
		text-indent: 4%;
		font-size: 140%;
		font-weight: bold;
		border-bottom: solid 1px #aaa;
	}
	h2 {
		color: #161;
		font-size: 120%;
		font-weight: normal;
		font-family: arial, sans-serif;
		width: 50%;
		border-bottom: dotted 2px #aaa;
	
	}
	h3 {
		color: #933;
		font-size: 110%;
		font-weight: bold;
		margin: 0 0 5px 0;
		border-bottom: dotted 1px #933;
	}
	h4 {
		font-size: 110%;
		font-style: italic;
		margin: 0;
	}
	p.top {
		font-size: 85%;
		text-align:center;
	}
	p.top:before {
		content: "<< ";
	}
	p.top:after {
		content: " >>";
	}
	img {
		border: solid 1px white;
	}
	img.centre {
		text-align: center;
	}

/**** **** style du pied de page **** ****/

	div.credits {
		margin: 5px 0px;
		clear: both;
		color: gray;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
	}
	div.credits hr {
		display: none;
	}
	div.credits p {
		padding: 0; margin: 0.4em 0;
		font-size: 75%;
		text-align: center;
	}	
	p.info {
		font-weight: normal;
		font-size: 115%;
		color: #b36;
		border-bottom: solid 1px #c96;
	}
	p.erreur {
		font-weight: bold;
		font-size: 115%;
		color: red;
		border-bottom: solid 1px red;
	}

/**** **** spécifique page loisirs **** ****/

	ul#loisirs {
		margin: 0; padding:0;
		list-style-type: none;
	}
	li#touriste {	padding: 5px; }
	li#culture {	padding: 5px; }
	li#sports {	padding: 5px; }
	li#divers {	padding: 5px; }

/**** **** spécifique page visite **** ****/

	a.vignette {
		float: left;
		margin: 2px; padding:3px;
		background-color:#baeaff;
		width: 205px; height: 150px;
		border: solid 1px gray;
		font-size: 85%;
		text-align: center;
		text-decoration: none;
	}
	a.vignette img {
		border: 0;
	}
	a.vignette:hover {
		background-color:#cff;
	}
	a.vignette span {
		
	}

/**** **** spécifique page réservation **** ****/

	table.tarifs {
		width: 70%;
	}
	table.reservation {
		float: left;
		/*height: 15em; */
		width: 19em;
		margin: 5px; border: solid 1px gray;
		border-spacing: 0;
		/*background-color: #c0eaff;*/
		text-align: center;
	}
	table.reservation tr td {
		padding: 3px; border-left: solid 1px #acd ;
	}
	td.titre {
		height: 0.5em;
		font-weight: bold;
		color: white;
		background-color: #333;
	}
	td.gite {
		width: 6em;
		font-weight: bold;
		color: white;
		background-color: #333;
	}
	td.sem {
		width: 1.8em;
	}
	td.dates {
		width: 4em;
	}
	td.reserve {
		background-color: #f99;
	}
	td.libre {
		/*background-color: #9f9;*/
	}