/**
 * @file
 * Page Background Styling
 *
 * The default layout method of Zen doesn't give themers equal-height columns.
 * However, equal-height columns are difficult to achieve and totally
 * unnecessary. Instead, use the Faux Columns method described in the following
 * ALA article:
 *   http://www.alistapart.com/articles/fauxcolumns/
 */


body { background: url(../images/body-bkg-shades.png) no-repeat center top, rgb(159, 153, 143) url(../images/body-bkg-banner.png) repeat-x left top;
}

#page-wrapper {background-image:url(../images/main-bkg.jpg); background-repeat:no-repeat; background-position:center top; background-color:#e7e3de;
}

#page {
}

#header { /*background-image:url(../images/header-bkg.png); background-position: top left; background-repeat:no-repeat; */ }
/* iPhone Portrait */
@media only screen and (max-device-width:480px) and (orientation:portrait) {
#header { background-image:url(../images/header-iPhone-bkg.png); background-position: top left; background-repeat:no-repeat;}
}
/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
#header { background-image:url(../images/header-iPhone-bkg.png); background-position: top left; background-repeat:no-repeat;}
}

#header .section {
}

#main-wrapper { background-image:url(../images/main-bkg.png); background-repeat:no-repeat; background-position:left top; min-height:400px;
}

#main {
}

.region-footer {
}

#block-block-5, #block-block-7, #block-block-8, #block-panels-mini-bas-de-page-en-quatre-colonnes { background:url(../images/footer-bkg.png) no-repeat bottom left #7a756e; }
#block-block-6 { background:#000; }

.region-bottom {

}