body
{
	background-image: url('bande.png');
	background-repeat: no-repeat;
}


#container
{
	width: 760px;
	height: auto;
	position: relative;
	margin-top:30px;
    margin-left: auto;
	margin-right: auto;
}

#entete
{
	width: 760px;
	height: 60px;
}

#flags
{
	position: absolute;
	top: 40px;
	right: 10px;
}

#menu
{
	width: 195px;
	height: 295px;
	position: absolute;
	top: 68px;
	left: 75px;
}

#home
{
	width: 760px;
	height: 428px;
	position: absolute;
	top: 60px;
	background-image: url('bandeau/home.jpg');
	background-repeat: no-repeat;
}

#thevilla
{
	width: 760px;
	height: 428px;
	position: absolute;
	top: 60px;
	background-image: url('bandeau/villa.jpg');
	background-repeat: no-repeat;
}

#saquarema
{
	width: 760px;
	height: 428px;
	position: absolute;
	top: 60px;
	background-image: url('bandeau/saq.jpg');
	background-repeat: no-repeat;
}

#location
{
	width: 760px;
	height: 428px;
	position: absolute;
	top: 60px;
	background-image: url('bandeau/location.jpg');
	background-repeat: no-repeat;
}

#prices
{
	width: 760px;
	height: 428px;
	position: absolute;
	top: 60px;
	background-image: url('bandeau/price.jpg');
	background-repeat: no-repeat;
}

#contact
{
	width: 760px;
	height: 428px;
	position: absolute;
	top: 60px;
	background-image: url('bandeau/contact.jpg');
	background-repeat: no-repeat;
}

#villa
{
	width: 730px;
	height: 410px;
	position: absolute;
	top: 490px;
	padding: 15px;
	border: solid black 1px;
}

#saqdescr
{
	width: 730px;
	height: 650px;
	position: absolute;
	top: 490px;
	padding: 15px;
	border: solid black 1px;
}

#description
{
	width: 730px;
	height: 820px;
	position: absolute;
	top: 490px;
	padding: 15px;
	border: solid black 1px;
}

#loc
{
	width: 730px;
	height: 730px;
	position: absolute;
	top: 490px;
	padding: 15px;
	border: solid black 1px;
}

#rates
{
	width: 730px;
	height: 740px;
	position: absolute;
	top: 490px;
	padding: 15px;
	border: solid black 1px;
}


#pics
{
	width: 130px;
	height: auto;
	position: absolute;
	top: 0px;
	left:0px;
	padding: 15px;
}

#pics2
{
	width: 130px;
	height: auto;
	position: absolute;
	top: 0px;
	right:0px;
	padding: 15px;
}

#textarea
{
	width: 407px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 160px;
	padding: 15px;
}

#basdepage
{
	width: 730px;
	height: 30px;
	position: absolute;
	top: 930px;
	left: 0px;
	padding: 15px;
}

#basdepagedescr
{
	width: 730px;
	height: 30px;
	position: absolute;
	top: 1340px;
	left: 0px;
	padding: 15px;
}

#basdepagesaq
{
	width: 730px;
	height: 30px;
	position: absolute;
	top: 1170px;
	left: 0px;
	padding: 15px;
}

#basdepageloc
{
	width: 730px;
	height: 30px;
	position: absolute;
	top: 1250px;
	left: 0px;
	padding: 15px;
}

#basdepagerates
{
	width: 730px;
	height: 30px;
	position: absolute;
	top: 1260px;
	left: 0px;
	padding: 15px;
}

p
{
	text-align: justify;
	padding: 0;
	margin: 0;
	font-family: Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
	font-size:80%;
}

table
{
   border-collapse: collapse;
}

td.rates, th.rates
{
   border: 1px solid black;
   text-align: center;
	font-family: Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
	font-size:80%;
	padding: 5px;
	font-weight: normal;
}

img
{
	padding: 0;
	margin: 0;
	border: 0;
}

img.photo
{
	float:left;
}

img.rond
{
	float:left;
}

applet
{
	float:left;
}

ul
{
	text-align: justify;
	padding: 0;
	margin: 0;
	font-family: Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
	font-size:80%;
	list-style: circle;
}

ul.menu
{
	list-style: none;
	text-align: center;
}

ul.basdepage
{
	list-style: none;
	text-align: center;
}

ul.dist
{
	float: left;
	padding-left: 50px;
}

ul.dist2
{
	float: right;
	padding-right: 200px;
}

ul.descri
{
	padding-left: 40px;
}

a
{
	font-family: Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
	text-decoration:none;		
}

a.menu
{
	color: #89cb0c;
	font-size:150%;
}


a:hover.menu
{
	color: #FF4800;
}

a.basdepage
{
	color: #252423;
	font-size:120%;
}

a:hover.basdepage
{
	color: #FF4800;
}

a.backtop
{
	font-size: 80%;
	text-decoration:underline;
	float: right;
	color: brown;
}

h1,h2,h3,h4,h5,fieldset,button
{
	font-family: Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	border: 0;
}

 

h1
{
	color: #89cb0c;
	font-size: 200%;
}

h2
{
	color: #999999;
	font-size: 150%;
}

h3
{
	color: #FF4800;
	font-size: 100%;
}

h3.cont
{
	color: #5ec0fb;
}

h4
{
	color: #89cb0c;
	font-size: 90%;
}


/*Formulaire */

fieldset 
{
  border:none;
  margin-bottom:1em;
  width:24em;
  padding-top:1.5em;
}

select 
{
  margin-left:10em;
  margin-bottom:0;
}

fieldset#coordonnees 
{
  background: white;
  border: outset #5ec0fb;
  padding: 10px;
}

#coordonnees label 
{
  position: absolute;
  font-size: 90%;
  padding-top: .2em;
  left: 55px;
  font-family: Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
}

#coordonnees input 
{
  margin-left:10em;
  line-height:1.4em;
  margin-bottom:.2em;
}

#civilite 
{
  font-size:90%;
  font-family: Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
}

#civilite input 
{
  margin-left:10em;
}

#civilite input + input {
  margin-left:1em;
}

fieldset#message 
{
  background:white;
  border: outset #5ec0fb;
  padding:10px;
}

textarea 
{
  font:.Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
  width:28em;
}

#buttons
{
	padding-top:5px;
	padding-left: 150px;
}

#buttons input
{
  background:white;
  font: 90% Hevetica, Arial, Myriad, trebuchet, "Times New Roman", Times, serif;
  border:outset #5ec0fb;
  padding: 4px;
}