/*===========================================================*/
/*          CSS page written by Guy de LEVIS MIREPOIX        */
/*            For http://meteo.delevis.net                   */
/*                    August 2008                            */
/*===========================================================*/

body{ font-family: Arial, Helvetica, sans-serif; text-align: center; background : #FFFFFF url('../picts/bg_arc.jpg') repeat fixed; }

b{ font-size: 110%; }

.hide { visibility: hidden; }

#main {
background: url('../picts/bu_actu.jpg') no-repeat scroll  white left top ;
border-collapse: collapse; border: 5px maroon double;
margin:0 auto 0 auto;  width: 750px; height: 500px; text-align: left;
}

.ajax { font-weight: bold; }

#ajaxuvword { color: blue;}

#station { width: 750px; margin: 5px auto 0 auto; text-align: center; color: blue; font-weight: bold; font-size: 28px; }

#logo { width: 450px; margin: 8px auto 8px auto; text-align: center; border:0 white none; }

.sun { width: 750px; margin: 5px auto 5px auto; text-align: center; font-size: 12px;
border:0 white none; font-weight: bold; color: #0a5998;
}

.logohref { border: 0 white solid; }

#sundifference { color: blue; font-weight: bold; }

.address { height: 60px; text-align: center; color: yellow; /* #0000FF;  */ }

.address h2 { margin: 0; padding-top: 8px; }

.address h3 { margin: 0; padding-top: 5px; color: #FFFF99/* #0066FF;  */ }

#saintDay { padding: 0 0 5px 0; font-weight: bold; color: #996633; }

#dicton { width: 750px; padding: 0 0 5px 0; font-size: small; font-style: italic; font-weight: bold; color:  blue; }

#tempact { height: 40px; font-weight: bold; padding-top: 10px; padding-left: 8px; margin-left: 8px; }

.ie .tempactlie { padding: -6px 0 0 0; margin: -6px 0 0 0; }  /* Hack for IE  */

.tempactl {
width: 195px;
float: left;
line-height: 50px;
font-size: 48px;
color: white;
padding-left: 5px;
border-bottom: medium white solid;
border-left: medium white solid;

}

.tempactm {
width: 210px;
float: left;
line-height: 25px;
color: red;
padding-left: 10px;
border-bottom: medium white solid;
border-left: medium white solid;
}

#tempactm  span{ color: yellow; }

.tempactr { width: 75px; float: left; line-height: 25px; color: yellow;
padding-left: 10px; border-bottom: medium white solid; border-left: medium white solid;
}


/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

* { margin: 0; padding: 0 } /* Hack To set IE & Firefox equql  */

#content{ width: 750px; margin-top: 10px; padding-top: 10px; }

#colleft { float: left; width: 140px; margin-top: 8px; color: blue; text-align: center; line-height: 28px; font-size: 18px; }

#colmid { float: left; width: 175px; margin-top: 8px; line-height: 28px; 	color: #800000;	}
	
#colmidr { float: left; width: 205px; margin-top: 8px; line-height: 28px; color: #800000;}

#colright {float: left; margin-top: 8px; width: 230px; line-height: 28px; }
/* ====================================================================
END COLUMNS LAYOUT
-------------------------------------------------------------------- */

#counter { margin-left: 5px;}

#previs { margin : -25px auto 10px 20px; }

.yellow { color: yellow; }

.red { color: red; }

.colcontent{ margin: 6px; /*Margins for inner DIV inside each column (to provide padding)*/
		margin-top: 0; }

.colcontentleft { background: yellow; }

.colcontentwindmax { color: red; }

#footer{ clear: left; width: 100%; height: 85px; color: #FFF; text-align: center; font-size: 12px; padding: 15px 0 4px 0; }

#stats { font-size: 18px; font-weight: bold; }

#barostr { font-size: 18px; font-weight: bold; }

#thepage { width: 1050px; margin: 5px auto 0 auto; }

#thepagecent { float: left; width: 750px; padding-left: 20px; }

#thepageleft { float: left; width: 130px;	margin-top: 80px; text-align: left; font-size: 12px; font-weight: bold; }

#thepageright {	float: right;	width: 130px;	margin-top: 80px; text-align: left; font-size: 12px;	font-weight: bold; }

.menutitle { width: 130px; margin: 0 auto; font-size: 18px; font-weight: bold;	color: blue; text-align: center; }

#disclaim { width: 750px; margin: 0 auto; font-size:11px; font-weight: bold; text-align:center; color:red; }

.display{ /* trick for the SEOs  */ 	display: none; }