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

	*{
		font-family: Times, serif;
	}
	body {
		margin: 0; padding: 0;
		background-color: #cef;
	}
	a:link { color: #33c; text-decoration: none;}
	a:hover { color: #119; background-color: #cfc; text-decoration: underline;}
	a:visited { color: #36c; text-decoration: none;}
	a:visited:hover { text-decoration: underline; }

	div#page { max-width:1000px; }

	.clear {
		clear: both;
	}
	
	.petit {
		font-size: 90%;
	}
	.grand {
		font-size: 110%;
	}
	a.externe {
		padding-right: 17px;
		background: url(./images/lien_externe.png) top right no-repeat;
	}

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

	div#barre_gauche {
		position: relative; left: 0px; top: 20px;
		width: 200px;
		text-align: center;
	}
	div#haut {
		background-image: url(./images/gauche-haut.gif);
		background-repeat: no-repeat;
		/*height: 28px;*/
		color: #119;
		/*border: solid 1px red;*/
		padding: 0 10px;
	}
	div#haut h1 {
		font-weight: bold;
		font-size: 100%;
		padding: 0.4em 0; margin: 0;
		/*border: solid 1px green;*/
	}
	div#haut h1	a:link { color: #119; text-decoration: none;}
	div#haut h1 a:hover { color: #33c; /*background-color: #6AD686;*/ text-decoration: underline;}
	div#haut h1 a:visited { color: #119; text-decoration: none;}
	div#haut h1 a:visited:hover { text-decoration: underline; }
	
	div#haut p {
		font-size: 100%;
		padding: 0; margin: 0; /*margin-bottom: 10px;/**/
	}
	div#milieu{
		padding: 10px 5px;
		background-image: url(./images/gauche-milieu.gif);
		background-repeat: repeat-y;
	}
	div#milieu p{
		text-align: left;
		margin: 1em 0.1em 0.5em 0;	
	}
	div#milieu img{
		text-align: center; vertical-align:-2px; border:0;
	}
	div#bas {
		background-image: url(./images/gauche-bas.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		text-align: left;
		padding: 0.2em 10px 1em 10px ;
		/*height: 60px;*/
	}
	div#bas p {
		margin: 0; padding: 0;
		font-size: 85%;
	}
	ul.menu {
		text-indent: 0;
		text-align: left;
		margin:0; padding:0 0 0 1.1em;
		/*list-style-type: circle;/**/
	}
	ul.menu li {
		list-style-type: square;/**/
		margin: 0;
		padding: 0 0 0 0em;
	}
	ul.menu li a {
		display: block;
		width: 160px;
		margin: 0 0 0 -1.1em;
		padding: 0 0 0 1.1em;
		border-bottom: dotted 1px gray;
	}
	ul.menu li a:hover {
		background-color: #cfc;
		border-bottom: solid 1px gray;
		text-decoration: none;
	}

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

	div#barre_centrale {
		position:absolute; left: 207px; top:20px;
		/*width: 80%; min-width:150px;*/
		overflow: visible;
		padding: 0 10px 10px 10px;
		border-left: solid 1px #aaa;
	}
	p#banniere {
		/*width: 400px;*/
		font-style: italic;
		color: black;
		font-size: 120%;
		/*border: solid 1px red;*/
	}
	p#banniere marquee {
		/*width: 300px;
		border: dotted 1px blue;*/
	}
	div#barre_centrale h1 {
		color: #119;
		margin-left: -10px; margin-bottom:0;
		padding: 0;
		text-indent: 4%;
		font-size: 140%;
		font-weight: bold;
		border-bottom: solid 1px #aaa;
	}
	div#barre_centrale p.langues {
		margin-top: 0;
		padding-top: 0;
		text-align: right;/**/
		/*margin-left: -10px; text-indent: 4%;/**/
	}
	div#barre_centrale h2 {
		color: #161;
		font-size: 120%;
		font-weight: normal;
		font-family: arial, sans-serif;
		width: 50%;
		border-bottom: dotted 2px #aaa;
		clear: both;	
		padding-top: 0.5em;
	}
	div#barre_centrale h3 {
		color: #933;
		font-size: 110%;
		font-weight: bold;
		margin: 0 0 5px 0;
		border-bottom: dotted 1px #933;
		clear: both;
	}
	div#barre_centrale h4 {
		font-size: 110%;
		font-style: italic;
		margin: 0;
	}
	div#barre_centrale p.top {
		font-size: 85%;
		text-align:center;
	}
	div#barre_centrale p.top:before {
		content: "↑ ";
	}
	div#barre_centrale p.top:after {
		content: " ↑";
	}
	div#barre_centrale img {
		border: solid 1px white;
	}
	div#barre_centrale img.centre {
		text-align: center;
	}
	blockquote {
		/*font-family: monospace; font-size: 100%;/**/
		margin-top: 0.3em;
	}
	blockquote p {
		margin: 0; padding: 0;
	}
	
/**** **** style du pied de page **** ****/

	div.credits {
		margin: 5px 0px;
		clear: both;
		color: gray;
		border-top: solid 1px white;
		border-bottom: solid 1px white;
	}
	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 {	background-color: #dff; padding: 5px; margin: 10px;}
	li#culture {	background-color: #eef; padding: 5px; margin: 10px; }
	li#sports {	background-color: #efe; padding: 5px; margin: 10px; }
	li#divers {	background-color: #fee; padding: 5px; margin: 10px; }

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

	div#barre_centrale a.vignette {
		float: left;
		margin: 2px; /*margin-bottom: 7px;*/ padding:3px;
		background-color:#baeaff;
		width: 205px; height: 150px;
		border: solid 1px gray;
		font-size: 85%;
		text-align: center;
		text-decoration: none;
	}
	div#barre_centrale a.vignette img {
		border: 0;
	}
	div#barre_centrale a.vignette:hover {
		background-color:#d9ffff;
	}
	div#barre_centrale a.vignette span {
		
	}
	
	div#barre_centrale div.decoup {
		margin: 0;
		/*border: solid 1px red;/**/
	}
	div#barre_centrale div.decoup a {
		margin: 10px 0px;
		display: block;
	}
	div#barre_centrale div.decoup span {
		display: none;
	}
	div#barre_centrale div.decoup a#decoup1 {
		float: left;
		height: 250px; width: 40px;
		background: url(./images/gite-vue-globale-decoup1.jpg) 0 0 no-repeat;
	}
	div#barre_centrale div.decoup a#decoup2 {
		float: left;
		height: 250px; width: 296px;
		background: url(./images/gite-vue-globale-decoup2.jpg) 0 0 no-repeat;
	}
	div#barre_centrale div.decoup a#decoup2:hover {
		background: gray url(./images/gite-vue-globale-decoup2.jpg) 0 -250px no-repeat;
	}
	div#barre_centrale div.decoup a#decoup3 {
		float: left;
		height: 250px; width: 180px;
		background: gray url(./images/gite-vue-globale-decoup3.jpg) 0 0 no-repeat;
	}
	div#barre_centrale div.decoup a#decoup3:hover {
		background: gray url(./images/gite-vue-globale-decoup3.jpg) 0 -250px no-repeat;
	}
	div#barre_centrale div.decoup a#decoup4 {
		float: left;
		height: 250px; width: 84px;
		background: url(./images/gite-vue-globale-decoup4.jpg) 0 0 no-repeat;
	}


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

	table.tarifs {
		width: 70%;
		border: solid 1px gray;
		text-align: center;
		border-collapse: collapse;
	}
	table.tarifs td {
		border: solid 1px gray;
	}
	table.tarifs td.vide {
		border: 0;
	}


	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 ;
	}
	table.reservation td.titre {
		height: 0.5em;
		font-weight: bold;
		color: white;
		background-color: #333;
	}
	table.reservation td.gite {
		width: 6em;
		font-weight: bold;
		color: white;
		background-color: #333;
	}
	table.reservation td.sem {
		/*width: 1.8em;/**/
	}
	table.reservation td.dates {
		/*width: 4em;/**/
		/*font-size: 85%;/**/
	}
	table.reservation td.reserve {
		background-color: #f99;
	}
	table.reservation td.libre {
		background-color: #9f9;
	}

/* **** spécifique page contact **** */

	form fieldset p {
		margin: 0;
	}

	form fieldset p label {
		display: block;
		float: left;
		width: 12em;/**/
		text-align: center;
		padding: 0 0.2em;
	}