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

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

b{ font-size: 110%; }

/* ====================================================================
BEGIN PAGE LAYOUT
-------------------------------------------------------------------- */

#thepage { width: 1060px; margin: 5px auto 0 auto; }
.ie6 #thepage { width: 1076px; margin: 5px auto 0 auto; }
.opera #thepage { width: 1068px; margin: 5px auto 0 auto; }
.webkit #thepage { width: 1068px; margin: 5px auto 0 auto; } 

/* browser hack  */
.gecko #thepageleft { float: left;  width: 135px;	margin-top: 168px; text-align: left; font-size: 12px; font-weight: bold; }
.ie #thepageleft { float: left;  width: 135px;	margin-top: 160px; text-align: left; font-size: 12px; font-weight: bold; }
.webkit #thepageleft { display: block; float: left;  width: 135px;	margin: 160px 0 0 0; text-align: left; font-size: 12px; font-weight: bold; }
.opera #thepageleft { display: block; float: left;  width: 135px;	margin: 160px 0 0 0; text-align: left; font-size: 12px; font-weight: bold; }

#thepagecent { float: left; width: 770px; margin: 0 8px 0 8px; }
.webkit #thepagecent { display: block; float: left; width: 770px; margin: 0 8px 0 0; }
.opera #thepagecent { display: block; float: left; width: 770px; margin: 0 8px 0 0; }

.gecko #thepageright {	float: right;   width: 135px;	margin-top: 168px;  text-align: left; font-size: 12px;	font-weight: bold; }
.ie #thepageright {	float: right;   width: 135px;	margin-top: 160px;  text-align: left; font-size: 12px;	font-weight: bold; }
.webkit #thepageright {	display: block; float: right;   width: 135px;	margin: 160px 20px 0 0;  text-align: left; font-size: 12px;	font-weight: bold; }
.opera #thepageright {	display: block; float: right;   width: 135px;	margin: 160px 20px 0 0;  text-align: left; font-size: 12px;	font-weight: bold; }
/* ====================================================================
END PAGE LAYOUT
-------------------------------------------------------------------- */
/* ====================================================================
BEGIN HEADER LAYOUT
-------------------------------------------------------------------- */

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

#logo { width: 380px; height: 23px; margin: 8px auto; text-align: center; border: none; }

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

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

#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; }
/* ====================================================================
END HEADER LAYOUT
-------------------------------------------------------------------- */
/* ====================================================================
BEGIN MAIN LAYOUT
-------------------------------------------------------------------- */

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

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

.ajax { font-weight: bold; }

#ajaxuvword { color: blue;}

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

.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; }

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

.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; }

/* ====================================================================
BEGIN MAIN 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; }

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

.colcontentleft { background: yellow; }

#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; }

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

/* ====================================================================
END MAIN COLUMNS LAYOUT
-------------------------------------------------------------------- */
/* ====================================================================
END MAIN LAYOUT
-------------------------------------------------------------------- */
/* ====================================================================
BEGIN MENU COLUMNS LAYOUT
-------------------------------------------------------------------- */

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

#previs { width: 100px; margin :5px auto; }

#counter { padding-top: 20px; }
/* ====================================================================
END MENU COLUMNS LAYOUT
-------------------------------------------------------------------- */

.yellow { color: yellow; }

.red { color: red; }

.hide { visibility: hidden; }

.display{ /* trick for the SEOs  */ 	display: none; }
/* ====================================================================
BEGIN LINK_FRIENDS  PAGE
-------------------------------------------------------------------- */

.descript { color: #996633; font-size: 1.2em; text-align: center; font-weight: bold; margin: 20px 0 20px 0;}

p#title { color: blue; font-size: 1.3em; text-align: center; font-weight: bold; }

p.links { margin: 10px 0 10px 0 }

/* ====================================================================
END LINK_FRIENDS  PAGE
-------------------------------------------------------------------- */

/*============== A VOIR ==================================*/
/* .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;  */ }


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