/* Accueil Paysages couleurs mobile */
html, body, header, footer, #content{margin:0;padding:0;border:0;vertical-align:top;}
body{margin:0;padding:0;font-family:Lucida grande,Verdana,Lucida,Helvetica,sans-serif;font-size:115%;line-height:1.6em;font-style:normal;font-weight:normal;color:#333;text-align:center;text-indent:0;background:#aaa;}
div, img, ul{margin:0;padding:0;border:0;background-color:#aaa;}
header, div, #content, footer{position:relative;visibility:visible;}
header{padding:0.7em 0;text-align:left;background:#aaa;z-index:1;}
header h1{line-height:1em; margin:0 auto; padding:0.7em 7%; vertical-align:bottom; background:#ae2;z-index:2;} /* vert jaune */
div{padding:0 7%;}
#content{min-height:36em;padding:0 1%;z-index:6;background:#aaa;}
footer{padding:0 3% 1em 3%;background:#aaa;font-size:0.9em;text-align:right;z-index:1;}
h1, h2{text-align:center;font-weight:normal;color:#851;background-color:#fff;} /* brun */
h1{font-size:1.2em;margin:0 0 0,8em 0;padding:1em 0 1em 0;}
header h1{font-size:1.4em;font-family:Georgia,Times New Roman,New York,serif;font-weight:bold;}
h2{padding:1em 0 0 0;font-size:1.1em;border:none;background:#aaa;}
p.haut{font-size:0.9em;text-align:center;border-top:1px solid #390;background-color:#aaa;}
img{width:100%;height:auto;max-width:302px;}
div img{width:30%;max-width:620px;background-color:#aaa;}
img.imag{float:left;background-color:#fff;}
header img{width:0;}
ul{list-style:none;background-color:#fff;}
ul li{padding:1em 2% 0.7em 4%;text-align:left;list-style-position:inside;list-style-image:url(i/pac-brun.gif);}
ul.petit li{font-size:0.9em;padding:0 2% 0 8%;background-color:#aaa;}
a{font-weight:normal;text-decoration:none;color:#260;} /* vert sombre */
#access a{font-weight:bold;}
header h1 a:link, header h1 a:visited{color:#260;font-weight:bold;}
a:focus, a:hover, a:active{color:#0ac;} /* bleu */
header h1 a:focus, header h1 a:hover, header h1 a:active{color:#0ac;}
hr, h2, p.haut{clear:both;}

@media screen and (min-width:900px){header h1{width:35%;font-size:1.5em;}
header h1, header img{display:inline-block;}
header img{margin:0 1%; width:100%; max-width:200px; vertical-align:bottom;}
div img{margin:0;padding:1em 1%;vertical-align:bottom;display:inline-block;}
}
@media screen and (min-width:900px) and (max-width:1299px){body{font-size:120%;}
header h1{font-size:1.6em;}
#content{margin:0 8%;}
}
@media screen and (min-width:1300px){header h1{width:25%;margin:0 1%;font-size:1.6em;}
header img{max-width:302px;}
#content{margin:0 17%;}
}
@media screen and (min-width:1300px) and (max-width:1799px){body{font-size:125%;}
}
@media screen and (min-width:1800px){header h1{width:23%;font-size:1.8em;}
#content{margin:0 22%;}
h1{font-size:1.3em;}
}
@media screen and (min-width:1800px) and (max-width:2499px){body{font-size:129%;line-height:1.5em;}
}
@media screen and (min-width:2500px){body{font-size:135%;line-height:1.4em;}
header h1{font-size:2.2em;}
#content{margin:0 26%;}
}