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

/* class speciale pour le body si ce n'est pas la page pano. */
.index {
	background: #80A3D6;
}

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

/* titre de la page */
#titlecontainer {
	width: 974px;
	border-collapse: collapse;
    margin : 0px;
    height : 71px;
    background: transparent url(../imagesclients/vendeedesiles.png) no-repeat scroll center top;
}

#titlecontainer td {
	vertical-align: middle;
}

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

#title {
    display : none;
	text-align: center;
	font-weight:bold ;
	color: #039;
	font-weight:bold;
	font-size: 1.5em;
}

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

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

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

#histoimg {
	width:160px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}
#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: #395da7;
}

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

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

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

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

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

#meteotitle {
	width: 100%;
	text-align:center;
	/*text-decoration: underline;*/
	color: white;
	font-weight:bold;
	background:#108760;
	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: #f2e0b4;
	text-align:justify;
	padding:5px;
	margin-left: 2px;
	margin-right: 5px;
/*
    border-left : 1px solid white;
    border-top : 1px solid white;
*/

    border-left : 1px solid #f2e0b4;
    border-top : 1px solid #f2e0b4;

}

#vuetexte a, a:visited, a:hover {
	color: #395da7;
}


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

/* div contenant le code applet */
#vueapplet {
	background: white;
/* 	border:1px solid #f2e0b4; */
	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: white;
	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;
}

#zoom {
	text-align:center;
}

#zoom a {
	font-size: 10px;
	color: white;
	text-decoration: none;
}

#zoom a:hover {
	text-decoration: none;
}

#zoom img {
    border : 0px;
    border : none;
    vertical-align: middle;
}