body {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #000;
	/*background-color: #395da7;*/
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(../imagesclients/meribelchaudannepiscine/tramefond.gif);
	background-repeat: repeat;
}



/* class speciale pour le body si ce n'est pas la page pano. */
.index {
}

/* container global */
#global {
	width: 845px; /* google: 740 */
	border: 1px solid #b6945f;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	padding-bottom: 10px;
	background-color: white;
}

/* titre de la page */
#titlecontainer {
	width: 100%;
	border-collapse: collapse;
	background-image: url(../imagesclients/meribelchaudannepiscine/header.jpg);
  height: 80px;
  /*width: 845px;*/

}

#titlecontainer td {
	vertical-align: middle;
}

#titlecontainer a,#titlecontainer img{
	border: 0;
}

#title {
	text-align: center;
	font-weight:bold ;
	color: #039;
	font-weight:bold;
	padding: 10px;
	font-size: 0px;
}

/* controle de la frame panoramique */
#iframecontrols {
	padding-top: 5px;
	padding-bottom: 2px;

s; 	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b6945f;
}

#iframecontrols table {
	width:120px;
	margin-left:auto;
	margin-right: auto;
}

/* frame panoramique */
#panoframe {
	background-color: #e9dfcf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b6945f;
}

/* partie textuelle, container global */
#colcontainer {
	border-collapse: collapse;
	width: 100%;
}

#colleft {
	width: 174px;
}

#colleft, #colright {
	vertical-align: top;
}

/* colonne de gauche => acces a l'historique */
#histocontainer {
	margin-top:5px;
	margin-left: 5px;
	margin-right: 2px;
	padding-bottom: 2px;
	height:190px;
	text-align: center;
	background-image: url(../imagesclients/meribelchaudannepiscine/menu_der.jpg);
	border-top-color: #b6945f;
	border-right-color: #b6945f;
	border-bottom-color: #b6945f;
	border-left-color: #b6945f;
}

/* image affichee et son container pour eviter le probleme du "saut"
 * lors du changement d'image
 */
#histoimgcontainer {
	height: 120px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#histoimg {
	width:160px;
	height:120px;
	margin-left: auto;
	margin-right: auto;
}
/*
#histolink {
	color: white;
	font-family: Verdana,Arial,Helvetica;
	font-size: 12px;
	border: 0;
}
*/
#histoselect {
	width: 100%;
}

#histoactions {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

#histoactions td {
	width: 50%;
	padding: 0px;
	margin: 0px;
}

#histoactions a,a:hover {
	color: #FFFFFF;
}

#histotitle {
	color: #b6945f;
	font-weight:bold;
	margin-bottom: 2px;
	background-color: #e9dfcf;
}

#histozoom {
	display: none;
	z-index: 10;
	position: absolute;
	overflow: auto;
	background-color: #e9dfcf;
}

#histozoom img {
	border: 1px solid black;
}

/* colonne de gauche => meteo */
#meteocontainer {
	background-color: #F2F5F7;
	margin-top:6px;
	margin-right: 2px;
	margin-left: 5px;
	color: #FFFFFF;
	background-image: url(../imagesclients/meribelchaudannepiscine/menu_der.jpg);
	height: 145px;
	border-top-color: #b6945f;
	border-right-color: #b6945f;
	border-bottom-color: #b6945f;
	border-left-color: #b6945f;
	background-position: bottom;
}

#meteocontainer p {
	margin-left: 3px;
	margin-right: 3px;
}

#meteotitle {
	width: 100%;
	text-align:center;
	/*text-decoration: underline;*/
	color: #b6945f;
	font-weight:bold;
	background:#e9dfcf;
	margin:0;
}

#meteodate {
	/*border: 1px solid red;*/
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}

#marees {
	width: 100%;
	/*border: 1px solid #d2e4fc;*/
	border-collapse: collapse;
	text-align: center;
}

/* descriptif de la vue, du texte */
#vuetexte {
	margin-top: 5px;
	background:#F2F5F7;
	border: 0px solid #b6945f;
	text-align:justify;
	padding:5px;
	margin-left: 2px;
	margin-right: 5px;

  /*width: 609px;*/
  /*margin-left: 3px;
  margin-top: 3px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #e9dfcf;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
}

/* titre de la vue, son nom */
#vuetitle {
	color: #b6945f;
	font-weight:bold;
	margin-bottom: 6px;
	background-color: #e9dfcf;
	
}

/* div contenant le code applet */
#vueapplet {
	border:1px solid #b6945f;
	text-align: center;
	/*padding: 2px;*/
	margin-top: 6px;
	margin-left: 2px;
	margin-right: 5px;
	padding-bottom: 6px;
	background-color: #FFFFFF;
}

#otherformat a,a:hover {
	color: #b6945f;
}

/* section techno en bas de page */
#techno {
	text-align:right;
	margin-right: 4px;
	margin-left: auto;
	margin-right: auto;
	width: 845px;
}

#techno a {
	font-size: 10px;
	color: #b6945f;
	text-decoration: none;
}

#techno a:hover {
	text-decoration: underline;
}

/* specifique page contenant le pano et affichee dans l'iframe */
.area {
	CLEAR: left;
	border: #ff0000 thin dashed;
	FLOAT: left;
	OVERFLOW: visible;
	POSITION: absolute;
	Z-INDEX: 2;
	text-decoration: none;
	margin: 0px;
}

.area2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	OVERFLOW: visible;
	POSITION: absolute;
	Z-INDEX: 1;
}

.libelle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff0000;
	padding-left: 2px;
	padding-right: 2px;
}

.area span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff0000;
	border: 0px;
	float: left;
	text-decoration: none;
}

/* definition specifique au select de la page pano */
#panoselect {
	position: fixed;
	left:0;
	top:241px;
}

/*/////////////////////////////////////////////////////// */
/*////////////////////RAJOUT THURIA///////////////////// */
/*/////////////////////////////////////////////////////// */

.adresse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}