@charset "utf-8";
body {
	width: 1000px;
	height: 600px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ABC3AB;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: left; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background-image: url(../images/fond-olive.png);
}
.CollapsiblePanel {
	position:relative;
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
	width: 110px;
	left: 30px;
	top: 120px;
}
.CollapsiblePanel-diaporama {
	position:relative;
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
	width: 90px;
	left: 0px;
	top: 150px;
}
.oneColFixCtr #container {
	width: 780px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	height: 600px; /* hauteur fixée du cadre actif*/
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	font-size: small;
}

#horizon	
	{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: invisible;
	display: block;
	font-size: large;
	}
	
#contenu	
	{
	position: absolute;
	top: -300px;  /* mettre comme valeur moitié de la hauteur du cadre actif */
	left: 10%;
	visibility: visible;
	color: olivedrab;
	}
	
#olive	/* rameau olivier */
	{
	position: absolute;
	top: 0px; 
	left: -12%;
	visibility: visible;
	z-index: 10;
	}
	
/* emplacements images */

#photo-accueil	
	{
	position: absolute;
	top: 120px;
	left: 250px;
	width: 503px;
	height: 350px;
	background-color:#060;
	visibility: visible;
	z-index: 1;
	}
	
#photo-hotes	
	{
	position: absolute;
	top: 120px;
	left: 250px;
	width: 503px;
	height: 350px;
	background-color:#060;
	visibility: visible;
	z-index: 1;
	}
	
#photo-tourisme	
	{
	position: absolute;
	top: 120px;
	left: 250px;
	width: 500px;
	height: 347px;
	background-color:#060;
	visibility: visible;
	z-index: 1;
	}
	
#ecran-tarifs	
	{
	position: absolute;
	top: 180px;
	left: 250px;
	width: 503px;
	height: 318px;
	visibility: visible;
	z-index: 1;
	}
	
	
#ecran-liens	
	{
	position: absolute;
	top: 120px;
	left: 250px;
	padding-left: 40px;
	width: 460px;
	height: 390px;
	background-color:#fff;
	visibility: visible;
	z-index: 1;
	}
		
	
#itineraire	
	{
	position: absolute;
	top: 120px;
	right: 5%;
	width: 503px;
	height: 350px;
	background-color:#060;
	visibility: visible;
	z-index: 2;
	}
	
#situation
	{
	position: absolute;
	top: 120px;
	right: 5%;
	width: 503px;
	height: 350px;
	background-color:#000;
	visibility: visible;
	z-index: 1;
	}
	
.description-pieces   /* textes descriptifs des pièces de l'appart */	
		{
	position: absolute;
	top: 120px;
	right: 4%;
	width: 442px;
	height: 288px;
	visibility: hidden;
	z-index: 3;		
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	font-style: normal;
	background-color:#ffffff;
	color: #000066;
	text-decoration: none;
	padding: 30px;

	}

#cuisine
	{

	}

#salon
	{

	}

#sdb
	{

	}

#chambre
	{

	}
	
/* image titre en cursif */

#image-titre	
	{
	position: absolute;
	top: 10px;  
	right: 25%;
	width: 440px;
	height: 60px;
	background-image: url(../images/closdulevant2.png);
	visibility: visible;
	}
	
/* espaces textes */

#texte
		{
	position: absolute;
	top: 462px;
	left: 24px;
	visibility: visible;
	width: 748px;
	height: 133px;
	text-align: left;
	}
	
#texte2
		{
	position: absolute;
	top: 570px;
	left: 595px;
	visibility: visible;
	width: 138px;
	height: 18px;
	text-align: center;
	color: #339999;
	font-size: xx-small;
	}
	

#texte3
		{
	position: absolute;
	top: 477px;
	left: 246px;
	visibility: visible;
	width: 501px;
	height: 18px;
	text-align: left;
	color: #339999;
	font-size: xx-small;
	}
	
#texte-cartes
		{
	position: absolute;
	top: 486px;
	left: 594px;
	visibility: visible;
	width: 138px;
	height: 26px;
	text-align: center;
	color: #339999;
	font-size: xx-small;
	}
		
#texte-hotes
		{
	position: absolute;
	top: 481px;
	left: 272px;
	visibility: visible;
	width: 457px;
	height: 100px;
	text-align: center;
	}

#texte-liens
		{
	position: absolute;
	top: 520px;
	left: 280px;
	visibility: visible;
	width: 450px;
	height: 69px;
	text-align: center;
	}

#texte-intro  /* texte page d'accueil */	
		{
	position: absolute;
	top: 470px;
	left: 34px;
	visibility: visible;
	width: 722px;
	height: 120px;
	text-align: left;
	}
	
#menu-carte
		{
	position: absolute;
	top: 482px;
	left: 236px;
	visibility: visible;
	width: 340px;
	height: 35px;
	text-align: center;
	}
	
#texte-tourisme
		{
	position: absolute;
	top: 480px;
	left: 170px;
	visibility: visible;
	width: 596px;
	height: 110px;
	text-align: left;
	}
	
#liste-communes
		{
	position: absolute;
	top: 475px;
	left: 18px;
	visibility: visible;
	width: 141px;
	height: 144px;
	text-align: left;
	font-size:xx-small;
	color:#900;
	}
	
#activités
		{
	position: absolute;
	top: 428px;
	left: 17px;
	visibility: visible;
	width: 200px;
	height: 48px;
	text-align: left;
	font-size: small;
	}

#pieces      /* imagettes dans photos-location.html */	
		{
	position: absolute;
	top: 494px;
	left: 30px;
	visibility: visible;
	width: 600px;
	height: 21px;
	text-align: center;
	}

/* propriétés liens textuels */	

a:link, a:visited
	{
		color: #339999;
		text-decoration: none;
	}
	
a:hover
	{
	color: red;
	text-decoration: none;
	}
	
/* classe titre avec titre invisible pour référencement */	

.titre {
	font-size: 45px;
	font-style: italic;
	color: darkolivegreen;
	text-align: center;
	visibility: hidden;	
}

/* propriété des sous paragraphes de niveau 3 */	

h3 {
	font-size: medium;
	text-align: left;
}

/* texte disant de zoomer sur carte googlemap */	

.legende {
	font-size: xx-small;
	text-align: center;
}

/* logo en grand dans page leclosdulevant.html */	

#logo-entree {
	position: absolute;
	top: 50px;
	left: 60px;
	visibility: visible;
	width: 651px;
	height: 501px;
	visibility: visible;	
}

#diaporama {
	position: absolute;
	top: 120px;
	left: 130px;
	visibility: visible;
	width: 640px;
	height: 480px;
	visibility: visible;	
}

/* compteur */	

#compteur
		{
	position: absolute;
	top: 425px;
	left: 34px;
	visibility: visible;
	width: 90px;
	height: 48px;
	text-align: left;
	font-size: small;
	color: #666;
	}

#musique
		{
	position: absolute;
	top: 80px;
	left: 155px;
	text-align: left;
	font-size: xx-small;
	}

/* pubs destinées a être supprimées */		

#lebest
		{
	position: absolute;
	top: 10px;
	left: 40px;
	visibility: visible;
	font-size: xx-small;
	}
	
#pub
		{
	position: absolute;
	top: 484px;
	left: 64px;
	visibility: visible;
	width: 130px;
	height: 18px;
	text-align: center;
	color: #339999;
	font-size: xx-small;
	}
#comparelenet
		{
	position: absolute;
	top: 537px;
	left: 64px;
	visibility: visible;
	height: 35px;
	text-align: center;
	color: #339999;
	font-size: xx-small;
	width: 131px;
	}