body{
	width: 760px;	
	margin: auto;
	font-family: Verdana, Arial, sans serif;
	font-size: 10pt;
}
#entete{
	width:758px;
	height:162px;
	position:absolute;
	background-image: url("../images/fond_arrondi.gif");
}
html>body #entete{
	margin-left:1px;
}
h2, h5{
	text-align:center;
	position:relative;
	top:1.5em;
	color:#ffffff;
}
h3{
	font-style:italic;
	text-align:right;
	margin-right:50px;
	position:relative;
	top:0.6em;
}
html>body h3{
	top:-1em;
}
hr{
	width:95%;
	color:rgb(31,153,17);
	background-color:rgb(31,153,17);
	position:relative;
	top:-1em;
}
html>body hr{
	top:-2em;
}
ul{
	list-style-image: url("../images/puce_marron.gif");
}

/*  -------------IMAGES-------------- */
.fondphotos{
	position:absolute;
	width:200px;
	height:100px;
	background-image: url("../images/diagonale.gif");
	background-repeat:no-repeat;
}
.fondphotos img{
	position:absolute;
	bottom:0px;
	right:0px;
	width:200px;
	height:100px;
	border:none;
}
.fondphotosbellevue{
	position:absolute;
	width:220px;
	height:160px;
	background-color: #01B800;
	/*background-image: url("../images/fondvert.gif"); */
	background-repeat:no-repeat;
}
.fondphotosbellevue img{
	position:absolute;
	bottom: 10px;
	right:10px; 
	width:200px;
	height:140px;
	border:none;
}
.fondphotosaccueil{
	position:absolute;
	width:220px;
	height:120px;
	background-color: #01B800;
	/*background-image: url("../images/diagonale.gif");*/
	background-repeat:no-repeat;
}
.fondphotosaccueil img{
	position:absolute;
	bottom: 10px;
	right: 10px;
	width:200px;
	height:100px;
	border:none;
}
.fondphotosaccueil img{
	position:absolute;
	bottom: 10px;
	right: 10px;
	width:200px;
	height:100px;
	border:none;
	left: 10px;

}

.fleche_gauche img{
	position: absolute;
	left: 230px;
	width: 40px;
	height: 20px;
	border: none;
}
.fleche_droite img{
	position: absolute;
	right: 230px;
	width: 40px;
	height: 20px;
	border: none;
}
img{
	position:absolute;
	width:200px;
	height:100px;
	border:none;
}
#pic1{
	top:30px;
	left:10px;
}
#pic2{
	top:30px;
	right:10px;
}
#ext1, #ext2, #ext3{
	right:0px;
}
#ext2{
	top:-5px;
}
#ext3{
	top:5px;
}

#pos1{
	position:absolute;
	left: 0px;	
}
#pos2{
	position:absolute;
	right: 90px;		
}
#pos3{
	position:absolute;
	top: 20px;
	right: 0px;	
}
#pos4{
	position:absolute;
	top: 40px;
	left: 100px;	
}
#pos5{
	position:absolute;
	top: 40px;	
	right: 0px;	
}



.armorvac4{
	width: 35px;
	height: 30px;
}
.armorvac5{
	position:absolute;
	top: 0px;
	width: 120px;
	height: 40px;
	z-index: 1;
}
html>body .armorvac5{
	position:absolute;
	top:-10px;
	width: 120px;
	height: 40px;
}

/*  ------Photos Bellevue -------  */
.photo_gite1_descript {
	position: absolute;
	top: 10px;
	vertical-align: bottom;
}

.photo_gite2_descript {
	position: absolute;
	top: 10px;
	vertical-align: middle;
}




/*  ------Photos RDC Kervilaouen -------  */
#salon1, #cuisine1, #sdb_bas1{
	top:0px;
	left:0px;
}
#cuisine2, #escalier, 
#salon2{
	top:10px;
	right:0px;
}

/*  ------------Photos Etage Kervilaouen ----------   */

#chb_bleue1{
	left:268px;
	top:45px;
}	
html>body #chb_bleue1{
	top:40px;
}
#chb_bleue2, #chb_jaune1{
	top:0px;
	left:10px;
}
#chb_bleue3, #chb_jaune2{
	top:0px;
	right:10px;
}
#sdb_haut{
	left:268px;
	top:315px;
}
#plan{
	width:660px;
	height:440px;
	border:none;
	top:45px;
	left:0px;
}
html>body #plan{
	top:25px;
}
#plangd{
	width:1000px;
	height:740px;
	border:none;
	top:0px;
	left:0px;
}

/* ---------------MENU---------------- */

#menu{
	position:absolute;
	top:140px;
	left:60px;
	word-spacing:30px;
	padding-left:1em;
	padding-bottom:1em;
}
html>body #menu{
	top:125px;
	left:100px;
}
#menu li{
	display:inline;
	font-weight: bold;
}
#contacts{
	word-spacing:5px;
}
#menu a{
	color: white;
	font-weight: bold;
	}
#menu a:hover{
	color:green;
	font-weight: bold;
	background-color: #F0C630; /* jaune moutarde  */
}


/*  --------------CORPS------------------  */
.titre{
	text-align: center;
}

#corps_accueil, #corps_rdc, #corps_etage, #corps_contact{
	position: absolute;
	width:760px;
	top:165px;
	padding:0px;
}
html>body #corps_accueil, #corps_rdc, #corps_etage, #corps_contact{
	top:175px;
	width:750px;
}
#corps_index{
	position: absolute;
	top:180px;
	width:760px;
	padding:0px;
}

/*  ----------------Accueil------------------- */
#corps_accueil{
}
#corps_accueil div{
	width:100%;
	margin-top:25px;
}
#corps_index div{
	width:100%;
	margin-top:25px;
}
#rdc_palais{
	position:absolute;
	top:120px;
	width: 400px;
}
#etage{
	position:absolute;
	top:370px;
	width: 400px;
}
#gite_1{	
	position:absolute;
	top:110px;
	text-align: center;
	left: 0px;	
}
html>body #gite_1{	
	position:absolute;
	top:90px;
	text-align: center;
	left: 0px;	
}
#gite_2{
	position:absolute;
	top:220px;
	text-align: center;
	left: 0px;
	width: 40%;
}
#complements{
	position:absolute;
	top:570px;
}

/* ------------------Rdc-------------------- */

#corps_rdc{
	height:430px;
}
#salon{
	width:550px;
	height:120px;
	position:absolute;
	top:45px;
	left:105px;	
}
html>body #salon{
	top:25px;
}
#cuisine {
	width:730px;
	height:120px;
	position:absolute;
	top:175px;
	left:15px;
}
html>body #cuisine{
	top:155px;
}	
#esc_sdb{
	width:650px;
	height:120px;
	position:absolute;
	top:305px;
	left:55px;
}
html>body #esc_sdb{
	top:285px;
}	
/* -----------------Etage----------------- */

#chb_bleue, #chb_jaune{
	width:730px;
	height:120px;
	position: absolute;
	left:15px;
}
#chb_bleue{
	top:120px;
}
html>body #chb_bleue{
	top:100px;
}
#chb_jaune{
	top:250px;
}
html>body #chb_jaune{
	top:230px;
}

/*  ---------------correctifs de paragraphes----------------------  */

#corps_accueil  li{
	margin-bottom:0.5em;
}
#corps_accueil  ul{
	height: 120px;
}
#corps_accueil span{
	margin:0px;
	padding:0px;
	height: 120px;
}
#corps_index span{
	margin:0px;
	padding:0px;
	height: 120px;
}
#complements{
	margin-top:0px;
	height:180px;
}
#corps_accueil .reduit {
	height: 70px;
}
#rdc_txt{
	text-align:justify;
	width:240px;
	position:absolute;
	top:20px;
	left:250px;
}
#sdb_txt{
	width:150px;
	position:absolute;
	top:80px;
	left:250px;
}
html>body #sdb_txt{
	top:80px;
}
#chb_txt{
	text-align:justify;
	width:240px;
	position:absolute;
	left:250px;
	top:60px;
}	
#sdb_haut_txt{
	width:150px;
	text-align:right;
	position:absolute;
	left:300px;
	top:30px;
}
html>body #sdb_haut_txt{
}
/*  ---------------Diverses zones----------------------  */
.underline{
	text-decoration:underline;
	position:relative;
	left:1em;
	font-style:italic;
	font-weight: bold;
	color:rgb(31,153,17);
}
#coordonnees{
	position:absolute;
	top:50px;
	right:20px;
	color: rgb(31,153,17);
	font-weight:bold;
}
#coordonnees ul{
	color: black;
	font-weight:normal;
}
#tarifs{
	position:absolute;
	top:150px;
	left:450px;
	color: rgb(31,153,17);
	font-weight:bold;
}
#tarifs table{
	color: black;
	font-weight: normal;
	text-align: center;
	border-style: solid;
	border-width: 1px;	
}
html>body #tarifs table{
	border-collapse: collapse;
}
#tarifs td{
	color: black;
	font-weight:normal;
	text-align: center;
	border: solid 1px;
}
#tarifs ul{
	color: black;
	font-weight:normal;
}
#post-it{
	position:absolute;
	top:480px;
	left:1em;
	padding-bottom:1.2em;
}
html>body #post-it{
	top:465px;
}
.basdepage{
	position: absolute;
	bottom: 0px;
	/*top: 500px;*/
	left: 200px;
	width: 400px;
	/*right: 40%;*/
	font-size: 8pt;
	color: #999999; /* gris clair */
	text-align: center;
}
html>body .basdepage{
	position: absolute;
	left: 300px;
}

.contact {
	position: absolute;
	top: 10px;
	left: 5%;
	width: 35%;
	color: black;
}
.contact a{
	display: block;
	text-decoration: underline;
	font-size: 10pt;
	color: #009965;  /* vert sombre */		
}   
.contact a:hover{
	color: blue;
	text-decoration: none;	
} 
.contact p{
	text-align: center;
}