*{margin:0;padding:0}body {background:url('images/bg_header.jpg') repeat-x top}
body{background-color:#fbf2e6;font:14px sans-serif;}img { border-color:#BD520E; }

h1{margin: -9px 0 5px 0;text-align:center;color:#9a5523;font-size:15px;}
#a2{margin: 0 auto;width:700px;height:60px;font:11px sans-serif;font-weight:lighter}
a.acueil{position:absolute;top:5px; left:5px}
.menu1 {margin: 0 auto;width:550px;}
.menu1 a:link,.menu1 a:visited {color: #70360f;display:block;height:25px;background:url(images/buton-top.jpg) center top}
.menu1 li a:hover {background:url(images/hov.buton-top.jpg) top center}

.menu2 {margin: 0 auto;height:50px;width:400px;position:absolute;top:40px}
.menu2 a:link,.menu2 a:visited { font-weight:200;color: #884e28;background: url(images/zakladka3.jpg) no-repeat bottom;}
.menu2 a:hover {color: #5a2e11;background: url(images/zakladka2.jpg) no-repeat center;}
.menu2 a.active {color: #5f2a06;background: url(images/zakladka2.jpg) no-repeat bottom;margin-top:3px}

#pas1{margin: 0px auto -40px auto;width:850px;background: url(images/leonardo3.jpg) no-repeat center top; padding-bottom:60px;min-height:380px}
#pas1 p.gallery a {margin:0px 9px}
#pas1.gal p.gallery a {margin:0px 27px}

#pas2{margin: 0px auto -40px auto;height:340px;width:680px;background: url(images/tlo-contact.jpg) no-repeat top;padding:40px 40px 60px 20px;color:#575757}

#fl{float:left;margin:50px 0 -50px 99px;line-height:50px;font-size:90%}
#fr {float:right;font-size:90%;margin-right:30px}
.fl{float:left}.fr{float:right}

a:link {color:#BD520E;text-decoration: none;text-shadow: #fff 2px 2px 2px;}
a:hover, a:active {color: #d79f79;text-shadow: #fff 2px 2px 2px;}
a:visited {color: #BD520E;text-decoration: none;text-shadow: #fff -2px 2px 2px;}

ul, ul li {display: block;list-style: none}
ul li {float: left;width: 130px;}
ul a:link, ul a:visited {text-decoration: none;display: block;text-align: center;padding: 5px 0;font-weight: bold;}
ul a:hover {color: #ccc}

#construction {margin:10px auto 10px 60px; font-size: 95%}
img.con{margin: 10px auto 10px 25px;}
#box{border:solid #BD520E 1px;margin:5px 5px; padding:20px 10px;background-color:#fdf8f1;font-size:85%}
#box p{margin: 0px 0 0 -30px;}
#box p a{margin: 0}
#box h3{margin: -9px 0 5px 0;text-align:center;color:#9a5523}
#box .classement {float:right;line-height:12px;position:relative}
input, textarea, select {border:1px solid #ccc;color:#575757}
input.bot {margin:-20px 0 0 10px;background: url(images/ok.png);height:22px;width:22px;border:none}
#box .portes {float:right;line-height:12px;}
#header { position:relative; margin:0 auto; width:780px; height:169px; }
#header a img { border:none; }
#portes{margin:0 5px 5px 40px;font-size:110%}
#portes img{border:0}


#nav { position:absolute; right:0; bottom:0; list-style:none; }
#nav li { float:left}
#nav li a { display:block; padding:0;margin:0;height:35px}
#nav li a strong { display:none}
#nav li a.galerie { width:83px; background:url(images/galerie.jpg); }
#nav li a.entreprise { width:110px; background:url(images/entreprise.jpg); }
#nav li a.question { width:120px; background:url(images/question.jpg); }
#nav li a.contact { width:120px; background:url(images/contact.jpg); }
#nav li a.galerie:hover { width:83px; background:url(images/hov.galerie.jpg); }
#nav li a.entreprise:hover { width:110px; background:url(images/hov.entreprise.jpg); }
#nav li a.question:hover { width:120px; background:url(images/hov.question.jpg); }
#nav li a.contact:hover { width:103px; background:url(images/hov.contact.jpg); }

#footer {margin-top:10px;height:50px;background: url(images/footer.jpg) repeat-x left top;text-align: center; padding-top:30px;font-size:90%}