/*  -------------------------------------------------------------
    * Filename:         layout.css
    * Version:          1.3
-------------------------------------------------------------- */

html, body{width: 100%; height: 100%;}
#bg1, #bg2, #bg3{position: absolute; width: 100%; /* min-height: 100%; height: auto !important; height: 100%; */}
#mh1{ width: 960px; margin: 0 auto;}
#bg1{z-index: 1;}
#bg2{z-index: 2;}
#bg3{z-index: 3; margin: 0 auto;}
#header, #content{margin: 0 auto;}
#container, #container-trees{position: relative; z-index: 4; width: 100%; margin: 0 auto; text-align: left;}
#push{clear: both; position: relative; z-index: -1;}
#wrap-footer{position: relative; z-index: 4; width: 100%; text-align: center;}
#fwrap1{position: absolute; z-index: -3; left: 0; width: 100%;}
#fwrap2{position: absolute; z-index: -2; left: 0; width: 100%;}
#fwrap3{position: absolute; z-index: -1; left: 0;}
#footer{margin: 0 auto;}
#footer .ref{clear: both; text-align: center;}


#trees-outer{width: 960px; height: 305px; position: absolute; margin: 0 auto; left: 0; top: -245px; background:  #D4D0C8 url(../images/charte/trees-bg.png) no-repeat left top; z-index: 0;}
#content{ top: 100px; z-index: 100; }