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

/* class speciale pour le body si ce n'est pas la page pano. */
.index {
	/*background: #333333;*/
    background: #e7f0f9 url(../imagesclients/lesmenuires02/fond-page.jpg) top left repeat-x;
}

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

/* titre de la page */
#titlecontainer {
	width: 100%;
    margin-top: 31px;
	border-collapse: collapse;
    /*height : 120px;*/
    background: transparent;/* url(../imagesclients/lesmenuires02/fond-page.jpg) no-repeat scroll center top;*/
    padding:0px;
    margin-bottom: 20px;
}

#titlecontainer td {
	vertical-align: middle;
}

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

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

/* controle de la frame panoramique */
#iframecontrols {
    display : none;
	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 {
    display : none;
	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:white;
	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;
}
#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: #1f4885;
	font-weight:bold;
	background:#e4ebf0;
	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 */
	background:#F2F5F7;
	border:1px solid #D2E4FC;
}

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

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

#vuetexte a, a:visited, a:hover {
    color : #1f4885;
    font-weight: bold;
}


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

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