html { font-size:125%; }
body {background:#000000; margin:0; padding:0; font-size:50%; font-family:Arial, Helvetica, sans-serif; color:#293a3a; }
* {margin:0; padding:0;}



/*div centré dans la page*/
#main { width:934px; height:821px; margin-top:0px; background:url(images/fond.jpg) no-repeat; vertical-align:top; margin-left:auto; margin-right:auto;} 

#fond {  width:934px; height:821px; position:absolute; z-index:1; }
#flash { width:200px; height:300px; position:absolute; z-index:2; top:195px; margin-left:591px; }




/* DIVERS HACK */

.clearboth { clear:both;}
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */