* { margin: 0; }
html, body { height: 100%; }

body {
	background: url(../img/bg/body.gif) repeat-x #91c100;
	font: 13px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	}

a { text-decoration: none; }
h1, h2 { font-size: 36px; margin: 0 0 10px; clear: both; }
h2 { font-size: 32px; color: #457500; }
h3 { font-size: 14px; color: #457500; }
input, select, textarea { font: 13px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; }

#container {
	width: 960px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
    margin: 0 auto -68px;
    }

#header {
	width: 960px;
    height: 240px;
    }
    #header a.logo { width: 433px; height: 167px; margin: 40px 0 0; background: url(../img/bg/logo.jpg); float: left; text-indent: -9999px; }
    #header ul { padding: 29px 0 0; list-style: none; font-size: 18px; float: right; }
    #header li { float: left; }
    #header li a { color: #fff; float: left; cursor: pointer; }
    #header li a span { height: 35px; padding: 10px 15px 0; float: left; }
    #header li a:hover { background: url(../img/bg/menu-left.png) left; color: #457500; }
    #header li a:hover span { background: url(../img/bg/menu-right.png) no-repeat right; }

#content {
	width: 960px;
    padding: 0 0 40px;
    line-height: 24px;
    text-align: justify;
    overflow: hidden;
	}
    #content p { margin: 0 0 20px; }
    #content ol { padding: 0 0 20px 40px; }
    
    #restaurant { list-style: none; margin: 0 0 0 10px; padding: 0; }
    #restaurant li { padding: 0 0 5px 30px; display: block; } 
    #restaurant span { font-weight: bold; }
    #restaurant a { display: block; }
    #restaurant img { float: right; padding: 10px; border: 1px solid #bbb; margin: 0 0 10px 10px; background: #dfdfdf; }
    
    .datum { float: left; font-weight: bold; display: inline; }
    
#left {
	width: 640px;
    margin: 0 40px 0 0;
	float: left;
	}
    #left a { color: #457500; border-bottom: 1px solid #bbb; }
    #left a:hover { background: #eee; border-bottom: 1px solid #aaa; color: #000; }
    
    #left_top { width: 640px; height: 49px; background: url(../img/bg/content-top.jpg); }
    #left_page { width: 560px; padding: 0 40px; background: url(../img/bg/content.gif); overflow: hidden; }
    #left_bottom { width: 640px; height: 51px; background: url(../img/bg/content-bottom.jpg); }
    
    #slideshow { width: 560px; height: 292px; margin: 0 0 20px; position: relative; }
    #slideshow #text { width: 500px; padding: 0 30px; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 100; }
    
    #left .itemleft { width: 550px; padding: 0 40px 0 0; float: left; }
    #left .itemleft .date { height: 21px; padding: 0 0 5px 30px; display: block; background: url(../img/icons/clock.gif) no-repeat left; }
    #left .itemleft p a { width: 550px; display: block; }
    
    #left .form { width: 518px; padding: 20px; background: #eff2e2; border: 1px solid #ccc; overflow: hidden; }
    #left .form label { cursor: pointer; }
    #left .form input { width: 180px; padding: 5px; border: 1px dashed #797f5e; }
    #left .form input:focus, #left .form textarea:focus { border: 1px solid #797f5e; }
    #left .form textarea { width: 360px; height: 180px; padding: 5px; border: 1px dashed #797f5e; }
    #left .form .btn { width: auto; border: 1px solid #797f5e; cursor: pointer; }
    #left .form .btn:hover { background: #fff; }
    #left .form span { color: #de0000; }
    
    #left .foto { float: left; padding: 10px; border: 1px solid #bbb; margin: 0 10px 10px 0; background: #dfdfdf; }

#right {
	width: 280px;
    color: #253700;
	float: left;
	}
    #right a { border-bottom: 1px solid #bfe129; color: #000; }
    #right a:hover { background: #457500; border-bottom: 1px solid #fff; color: #fff; }
    
    #right .item { width: 210px; padding: 0 35px; margin: 0 0 40px; background: url(../img/bg/right-item.gif); overflow: hidden; position: relative; }
    #right .item .img { width: 80px; height: 79px; background: url(../img/icons/enveloppe.gif); position: absolute; right: 0; top: 0; }
    #right .item address { padding: 0 0 20px 40px; }
    #right .item .type { width: 40px; font-weight: bold; float: left; }
    #right .item .value { width: 170px; float: left; }
    #right .item .top { width: 280px; height: 20px; margin: 0 -35px; background: url(../img/bg/right-item-top.gif); }
    #right .item .bottom { width: 280px; height: 21px; margin: 0 -35px; background: url(../img/bg/right-item-bottom.gif); clear: both; }
    #right .item iframe { border: 1px solid #000; padding: 1px; margin: 0 0 20px; background: #fff; overflow: hidden; }

    #right .copy { font-size: 12px; line-height: 22px; color: #fff; }
    #right .copy a { color: #fff; }
    #right .copy a:hover { background: #bfe129; border-bottom: 1px solid #bfe129; color: #253700; }

#footer {
	width: 100%;
    height: 68px;
    background: url(../img/bg/footer.jpg) top;
	}

.push { height: 68px; }
.break { width: 100%; height: 40px; clear: both; }