body {
	font-family: Verdana,Arial,Helvetica;
	font-size: 12px;
	color: #000;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background: purple;
}

/* class speciale pour le body si ce n'est pas la page pano. */
.index {
	background:white;
        background-image:url(/imagesclients/gavarnie/hiver_fond.gif);
        background-position: center center;
        background-repeat:repeat-y;
        margin-right: -70px;
        margin-top: -10px;
}

/* container global */
#global {
	width: 973px; /* google: 740 */
	border: 1px solid white;
	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: transparent url(../imagesclients/gavarnie/logo_gavarnie.jpg) no-repeat scroll center top;
        height: 100px;
}

#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: 1.5em;
}

/* controle de la frame panoramique */
#iframecontrols {
	padding-top: 5px;
	padding-bottom: 2px;
	border-top:1px solid #D2E4FC;
	background: purple;
        padding: 0px;
}

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

/* frame panoramique */
#panoframe {
	border-bottom:1px solid #D2E4FC;
}

/* 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;
	background:purple;
	border:1px solid #D2E4FC;
	text-align: center;
}

/* 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: white;
}

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

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

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

/* colonne de gauche => meteo */
#meteocontainer {
	color: white;
	margin-top:6px;
	margin-right: 2px;
	margin-left: 5px; /* pour avoir 6 au final */
	background:purple;
	border:1px solid #D2E4FC;
}

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

#meteotitle {
	width: 100%;
	text-align:center;
	color: white;
	font-weight:bold;
	background:#FF9933;
	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:1px solid #D2E4FC;
	text-align:justify;
	padding:5px;
	margin-left: 2px;
	margin-right: 5px;
	
}

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

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

#otherformat a,a:hover {
	color: #395da7;
}

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

#techno a {
	font-size: 10px;
	color: #395da7;
	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;
}