#header { width: 100%; height: 100px; background: url(images/top.png) repeat-x; } #header h1 { margin-top: 27px; margin-left:65px; width: 330px; height: 155px; font-size: 1px; text-indent: -9999px; background: url(images/logo.png) no-repeat left top; float: left; } #footer h1 { margin-top: 4px; margin-left:100px; font-family: Times New Roman, Times, serif; font-size: 12px; color: #ffffff; float: left; } .texte { font-family: Times New Roman, Times, serif; font-size: 21px; color: #A6A8AB; } .texte_footer { font-family: Times New Roman, Times, serif; font-size: 12px; color: #ffffff; } * {margin:0;padding:0;} html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #main {overflow:auto; padding-bottom: 25px;} #content { margin-left:100px; } #footer {position: relative; margin-top: -25px; height: 25px; clear:both; background: url(images/bottom.png) repeat-x; } a:link { color: #A6A8AB; text-decoration: none; } a:visited { color: #A6A8AB; text-decoration: none; } a:hover { color: #CCCCCC; background-color: #4D4D4D; text-decoration: none; } a:active { color: #333333; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } #left_ { position:absolute; left:100px; top:275px; width:241px; height:226px; } #title_ { position:absolute; left:100px; top:275px; width:380px; height:226px; } #line_ { position:absolute; left:480px; top:275px; width:3px; height:226px; } #empty_ { position:absolute; left:483px; top:275px; width:57px; height:226px; } #right_ { position:absolute; left:540px; top:275px; width:260px; height:226px; } /* IMPORTANT You also need to include this conditional style in the of your HTML file */