html, body {
   margin: auto;
   color: rgb(69,69,69);
   margin-bottom: 25px;
   background: url(images/fond.png) top repeat-x rgb(246,247,246);
}


#menu { 
   margin: auto;
   height: 22px;
   padding-top: 6px;
   font: 15px "Arial", sans-serif;
   font-weight: bold;
   text-align: center;
   background: url(images/menu.png) bottom center repeat-x rgb(210,210,210);
   border-bottom: 1px solid rgb(190,190,190);
}


#menu a {
   font: 13px "Times", serif;
   color: rgb(69,69,69);
   text-decoration: none;
   padding: 35px;
}


#menu a:hover, #menu a:focus, #menu a:active {
   font: 13px "Times", serif;
   color: rgb(0,160,200);
   text-decoration: none;
}


#bg {
   position: relative;
   margin: auto;
   background: url(images/brothers.jpg) top center no-repeat;
}


#container {
   width: 900px;
   position: relative;
   margin: auto;
   font: 12px "Arial", sans-serif;
   color: rgb(210,210,210); 
}


#top {
   top: 300px;
   left: 515px;
   width: 370px;
   height: 266px;
   position: absolute;
   text-align: justify;
   font: 12px "Arial", sans-serif;
   text-align: justify;
   color: rgb(59,59,59);
}


#top h2 {
   font: 13px "Arial", sans-serif;
   text-align: left;
   color: rgb(36,36,36);
}


#top a {
   font: 12px "Arial", sans-serif;
   color: rgb(0,160,200);
   font-weight: bold;
   text-decoration: none;
   padding: 5px;
}


#top a:hover, #top a:focus, #top a:active {
   font: 12px "Arial", sans-serif;
   color: rgb(214,214,0);
   font-weight: bold;
   text-decoration: none;
}


#topage {
   width: 350px;
   height: 520px;
   position: relative;
   text-align: left;
   margin-bottom: 20px;
   padding-top: 30px;
   font: 12px "Arial", sans-serif; 
   text-align: justify; 
   color: rgb(210,210,210);
}


#topage h1 {
   font: 13px "Arial", sans-serif;
   text-align: justify;
   color: rgb(255,255,255);   
}


#nze {
   position: absolute;
   top: 281px;
   left: 382px;
   width: 109px;
   height: 300px;
   color: rgb(210,210,210);
}


#event {
   position: absolute;
   top: 428px;
   left: 0px;
   width: 500px;
   height: 300px;
}


#poppyevent {
   position: absolute;
   top: 220px;
   left: 809px;
   width: 130px;
   height: 130px;
}


#contain {
   width: 900px;
   margin: auto;
   position: relative;
   font: 12px "Arial", sans-serif;
}


#page { 
   width: 860px;
   height: 120px;
   position: relative;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 10px;
   padding-bottom: 15px;
   font: 12px "Arial", sans-serif;
   color: rgb(210,210,210);
   text-align: justify;
}


#page h1 {
   font: 15px "Arial", sans-serif;
   text-align: left;
   color: rgb(255,255,255);
}


#page h2 {
   font: 13px "Arial", sans-serif;
   text-align: left;
   color: rgb(255,255,255);
}


#page h3 {
   font: 12px "Arial", sans-serif;
   text-align: center;
   color: rgb(255,255,255);
}


#page a {
   font: 12px "Arial", sans-serif;
   color: rgb(0,160,200);
   font-weight: bold;
   text-decoration: none;
   padding: 5px;
}


#page a:hover, #page a:focus, #page a:active {
   font: 12px "Arial", sans-serif;
   color: rgb(214,214,0);
   font-weight: bold;
   text-decoration: none;
}


#box3 {
   position: absolute;
   top: 30px;
   left: 0px;
   width: 275px;
   height: 110px;
   color: rgb(210,210,210);
   padding: 10px; 
   background: url(images/wood.png) center;
   border-top: 3px solid rgb(190,190,190);
   -moz-border-radius: 0px 0px 10px 10px;
   -webkit-border-radius: 0px 0px 10px 10px;
   border-radius: 0px 0px 10px 10px; 
   -webkit-box-shadow: 0px 4px 12px #555;
   -moz-box-shadow: 0px 4px 12px #555;
   box-shadow: 0px 4px 12px #555;
}


#box4 {
   position: absolute;
   top: 30px;
   left: 301px;
   width: 275px;
   height: 110px;
   color: rgb(210,210,210);
   padding: 10px; 
   background: url(images/wood.png) center;
   border-top: 3px solid rgb(190,190,190);
   -moz-border-radius: 0px 0px 10px 10px;
   -webkit-border-radius: 0px 0px 10px 10px;
   border-radius: 0px 0px 10px 10px; 
   -webkit-box-shadow: 0px 4px 12px #555;
   -moz-box-shadow: 0px 4px 12px #555;
   box-shadow: 0px 4px 12px #555;
}


#box5 {
   position: absolute;
   top: 30px;
   left: 602px;
   width: 275px;
   height: 110px;
   color: rgb(210,210,210);
   padding: 10px; 
   background: url(images/wood.png) center;
   border-top: 3px solid rgb(190,190,190);
   -moz-border-radius: 0px 0px 10px 10px;
   -webkit-border-radius: 0px 0px 10px 10px;
   border-radius: 0px 0px 10px 10px; 
   -webkit-box-shadow: 0px 4px 12px #555;
   -moz-box-shadow: 0px 4px 12px #555;
   box-shadow: 0px 4px 12px #555;
}


#foot { 
   width: 900px;
   height: 10px;
}


#footer { 
   width: 895px;
   padding-left: 5px;
   padding-top: 5px;
   font: 12px "Arial", sans-serif;
   color: rgb(190,190,190);
   margin-top: 17px;
}


#footer a {
   font: 11px "Arial", sans-serif;
   font-weight: bold;
   color: rgb(69,69,69);
   text-decoration: none;
   padding: 10px;
}


#footer a:hover, #footer a:focus, #footer a:active {
   font: 11px "Arial", sans-serif;
   font-weight: bold;
   color: rgb(0,160,200);
   text-decoration: none;
}


table {
   margin: auto;
   border-collapse: collapse;
   width: 100%;
   height: 266px;
}


th {
   font: 13px "Arial", sans-serif;
   font-weight: bold;
   text-align: left;
   padding: 5px;
   border-bottom: 1px dotted rgb(190,190,190);
}


td {
   vertical-align: middle;  
   font: 12px "Arial", sans-serif;
   text-align: justify;
   color: rgb(59,59,59);
   padding: 5px;
}
