body {
	background-color: #669B53; margin: 0;
	text-align: center;
	}

img
	{
	border: 0;
	}
	
.body, td {
	font-family:verdana, arial, helvetica;
	font-size:14px; font-weight: bold; color: #336622;
	}

.body {background-color: #D0F0D0; width:960px;margin-left:auto;margin-right:auto;}
.body {
	text-align: left;
	display: inline-block;
	}

.head {background: url(images/bando.png); height: 255px; position:relative;margin-left:auto;margin-right:auto;}
.logo {left:0;top:10px;position:absolute;}
.coords {left: 10px;top: 140px;position:absolute;color: #FAFF9F}
.coords a{color: #FFFA9F}
.coords a:active,.coords a:visited,.coords a:hover{color: #FFFAC0}

.giteslogo {
	display: block; position: absolute; top: 80px; left: 760px; width: 200px;
	text-align: center;
	}
.whereami {
	display: block; position: relative; top: 40px; left: 760px; width: 200px;
	border-top: 1px solid #66539B;
	border-bottom: 1px solid #66539B;
	color: #336622;
	background-color: #D0F0D0;
	text-align: center;
	}
	
.menu, .tarifs th {
	padding: 4px;
	border-top: 1px solid #66539B;
	border-bottom: 1px solid #66539B;
	background-color: #FAFF9F;
	text-align: center;
	}
	
.title {
	margin-top: 6px;
	text-align: center;
	font-size:17px; font-weight: 900; color: #330044;
	}

.title div {
	display:block;
	position:relative;
	width: 100px;
	margin: 0;
	text-align: left;
	font-size:14px; font-weight: 900;
	}

a {
	text-decoration: underline 1px dotted;
	color:#332266;
	}
a:active, a:visited {
	text-decoration: underline 1px dotted;
	color :#553399;
	}
a:hover {
	text-decoration: underline 1px dotted;
	color: #553399;
	}

div {font-family:verdana, arial, helvetica; font-size:14px; font-weight: bold; color:  #336622;}

td.menu {font-size:12px;}
.chap {font-family:arial, helvetica;font-size:18px;color:#faff9f}
td.chap {text-align: center; padding-left:10px; padding-right:10px; background-color: #669b53}

td.val,th.val {text-align: left; padding-left:4px; padding-right:4px; background-color: #669b53}
td.valh,th.valh {text-align: left; padding-left:4px; padding-right:4px; background-color: #ffbbbb}
td.valm,th.valm {text-align: left; padding-left:4px; padding-right:4px; background-color: #ddbbdd}
td.valb,th.valb {text-align: left; padding-left:4px; padding-right:4px; background-color: #bbbbff}
li.val {text-align: left; padding-left:4px; padding-right:4px; font-family:verdana, arial, helvetica;font-size:14px;}

.tarifs 
	{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	background-color: #ddffc8;
	}
	
.tarifs td, .tarifs th
	{
	text-align: center;
	padding: 2px;
	border: 1px solid black;
	}
	
.tarifs td
	{
	font-weight: 600;
	}
.tarifs .val {background-color: #ddc8ff;}
.tarifs .valh {background-color: #eeffd8; color: #66213a}
.tarifs .valm {background-color: #eeffd8; color: #662166}
.tarifs .valb {background-color: #eeffd8; color: #3a2166}

#tourisme li.val {color:#faff9f}

#homepics
	{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	}
	
#homepics td.vspace
	{
	border-left: 1px solid black;
	border-right: 1px solid black;
	height: 24px;
	}
	
#homepics .picplace
	{
	background: #D0E0F0;
	padding:0;
	border: 1px solid black;
	}
	
#homepics .picplace a
	{
	display: block;
	position: absolute;
	padding:3px;
	border: 0;
	font-size: 20px;
	text-decoration: none;
	border-top: 1px solid #66539B;
	border-bottom: 1px solid #66539B;
	color:#332266;
	background-color: #D0F0D0;
	margin-top: 10px;
	margin-left: 10px;
	}
	
#homepics .picplace a:hover
	{
	border-top: 1px solid #553399;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	color :#553399;
	background-color: #D0F0D0;
	margin-top: 8px;
	margin-left: 8px;
	}
	