html, body { 
	background-color: #ffffff; color: #111111;
	font-family: Univers, "Helvetica Neue", Helvetica, Arial, Monaco, sans-serif;
	font-weight: normal; 
	font-size: 0.85em; line-height: 1.3em;
}
img, a { border: 0px; }
a { color: #111; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
h1, h2, h3, h4, h5, p { margin: 10px 0px; padding: 0px; }
.petit { font-size: 0.9em; }
html, body { 
	margin: 0px; padding: 0px; 
	text-align: center; overflow: auto; overflow-x: hidden;

}

div { border: 0px solid #f00; overflow: hidden; }

#tot { border: 1px solid #333;
	position: relative; visibility: visible; 
	width: 396px; height: 890px; height: auto; top: 0px; margin: 0px auto;
	background: #FFB10F;
}
/* --------------- */
#meteo { 
	position: relative; visibility: visible; 
	width: 396px; height: 396px; top: 0px; left: 0px; z-index: 0;
	text-align: justify; 
}
#foto01 { 
	position: absolute; visibility: visible; 
	width: 132px; height: 265px; top: 132px; left: 0px; z-index: 0;
	background-color: #FFc957;
}
#bloc { 
	position: absolute; visibility: visible; 
	width: 265px; height: 265px; top: 132px; left: 132px; z-index: 0;
	background-color: #ffb10f;  
}
#meteo p { margin: 0px; padding: 25px 35px 5px 25px; }

/* ---- scroller --- */

html, div {
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #ffb10f;
	scrollbar-highlight-color: #ffd887;
	scrollbar-face-color: #ffd887;
	scrollbar-shadow-color: #ffb10f;
	scrollbar-darkshadow-color: #ffd887;
	scrollbar-track-color: #ffd887;
}