html { font-size:125%; }
body { margin:0; padding:0; font-size:50%; font-family:Arial, Helvetica, sans-serif; color:#293a3a;background:url(../images/bg_repeat.jpg) repeat-x  #0b1d2a;  }
* {margin:0; padding:0;}



#main { width:1150px; height:737px; margin-top:0px; vertical-align:top; } 

#fond {  width:1150px; height:737px; position:absolute; z-index:1; }
#flash { width:200px; height:300px; position:absolute; z-index:2; top:10px; margin-left:815px; }




/* 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 */