
 body {
 background-image: url(fs.png);
 background-repeat: repeat;
 background-attachment: fixed;
 background-color: #E9E9E9;
 margin: 0px 0px 0px 0px;
 background-position: center;
}
div#page {
border: none;
}
#page{
  z-index: 20;
  background: url(band.png);
  background-repeat: no-repeat;
  background-position : top letf;
}
#headTop {
 margin: 4px 0px;
 padding: 4px 1px;
}
#headBottom {
 margin: 0px 0px 0px 0px;
}
#mainContent {
 margin: 0px 4px;
 padding:0px;
}
.htable {
 margin-bottom: 2px;
}
.htable1 {
 margin-bottom: 8px;
}
.htable2 {
 padding: 0px 2px;
}
 .header {
 background-color: #E9E9E9;
 background-position: 100% 50%;
 background-repeat: repeat-x;
}
div.logo {
  background-color: transparent;
  padding:  10px 0px 10px 10px;
  text-align: center;
}
div.banner {
  padding: 35px 10px 10px 0px;
  text-align: center;
}
 .band {
 margin-right: 6px;
}

 .headmenu {
 width: 100%;
}
div.quote {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  background: transparent url(quote.png) repeat-x;
  line-height: 33px;
}
div.quote span.cita {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #615F4E;
  font-style: normal;
  text-align: center;
  width: 100%;
  border: 0;
  margin-top: 0;
  padding: 0;
}
div.quote span.author {
 font-style: normal;
}
 .quote_left {
 background-image: url(quote_left.png);
 width: 11px; height: 33px;
 float: left;
}
 .quote_mark {
 background-image: url(quote_mark.png);
 width: 52px; height: 33px;
 float: left;
}
 .quote_right {
 background-image: url(quote_right.png);
 width: 15px; height: 33px;
 float: right;
}
div.menuIcons {
    float:left;
    width:100%;
    background:#E9E9E9 url("bg.png")
    repeat-x bottom;
    font-size:93%;
    line-height:normal;
}
div.menuIcons ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}
div.menuIcons li {
    float:left;
    background:url("cdm.png")
    no-repeat right top;
    margin:0;
    padding:0;
}
div.menuIcons li:hover {
    float:left;
    background:url("cdm_on.png")
    no-repeat right top;
    margin:0;
    padding:0;
}
div.menuIcons a {
    display:block;
    background:url("cgm.png")
    no-repeat left top;
    padding:5px 10px 5px 5px;
}
div.menuIcons a:hover {
    display:block;
    background:url("cgm_on.png")
    no-repeat left top;
    padding:5px 10px 5px 5px;
}
div.menuIcons ul li a span {
  color: #4B4A3D;
  text-decoration: none;
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
}
div.menuIcons ul li a span.current {
color: #f5182e;
  text-decoration: none;
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
  background-color: transparent;
  text-align:center;
  position: relative; top: 0px; left: 0px;
}
div.menuIcons ul li a:hover span.current {
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
  background-color: transparent;
  text-align:center;
  position: relative; top: 0px; left: 0px;
}
div.menuIcons ul li a:active span {
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
}
div.menuIcons ul li.menu_admin {
	float:right;
}
div.menuIcons ul li.menu_flags {
	float:left;
	margin-right:5px;
	text-align:center;
}
div.menuIcons ul li.menu_flags img {
	margin:0px;
}
 p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #72705C;
 margin: 0px 0px;
}
 p.box {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #72705C;
 margin: 4px;
}
 .box {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #72705C;
}
 .titre {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #615F4E;
 text-align:right;
 padding-right: 20px;
 padding-top: 8px;
 margin-bottom: 10px;
 white-space: nowrap;
}
 .titrebox {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #615F4E;
 padding-top: 0px;
 margin-bottom: 0px;
 text-align:left;
 padding-left: 35px;
 white-space: nowrap;
}
 .titrebox2 {
 font-weight: bold;
 color: #615F4E;
 text-align: center;
}
 .tbl {
 background-color: #E9E9E9;
 padding: 5px;
 text-align:left;
}
 .tblover {
 background-color: #E9E9E9;
 padding: 5px;
 text-align:left;
}
 .tblbox {
 background-color: #D8D8D1;
 padding: 4px;
 text-align:left;
}
 .tblboxover {
 background-color: #D8D8D1;
 padding: 4px;
 text-align:left;
}
 .bordure {
 border: 0px solid transparent;
}
 .forum {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #72705C;
 background-color: #CFCEC5;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
 padding: 5px;
 text-align: center;
}
tr.forum2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #72705C;
 background-color: #CFCEC5;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
 padding: 0px 5px;
}
 .forum2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #72705C;
 background-color: #CFCEC5;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
 padding: 0px 5px;
}
 .quest {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #72705C;
 background-color: #E2E1DC;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
 padding: 5px;
}
 .rep {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #72705C;
 background-color: #E2E1DC;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
 padding: 10px 5px;
}
 .bord {
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
}
.bord2 {
 border: 1px double #72705C;
}
 a {
 color: #3A3930;
 text-decoration: none;
}
 a:hover {
 color: #72705C;
 background-color: transparent;
 text-decoration: none;
}
 a.box {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #3A3930;
 text-decoration: none;
}
 a.box:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: transparent;
}
 .rubr {
 font-family: Verdana;
 font-size: 12px;
 color: #4B4A3D;
 background-color: #CFCEC5;
 font-weight: bold;
 padding: 3px 0px;
 margin: 1px;
 list-style: none;
 text-align:center;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
}
 .curr_item {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: #FEFEFE;
 padding: 0px 0px;
 margin: 1px;
 list-style: none; 
 text-align:center;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
}
 .item {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: #DFDED9;
 padding: 0px 0px;
 margin: 1px;
 list-style: none;
 text-align:center;
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 1px;
}
.pop {
  z-index: 30;
  width:auto;
  text-align:center;
}
.pop a {
 position: relative;
}
.pop span {
 display:none;
}
.pop a:hover span {
 display:block;
 position:absolute;
 top:2em;
 left:2em;
 color: #72705c;
 background-color: #E9E9E9;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 border: 1px solid #000000;
 padding: 4px;
}
 hr {
 border-style: none none dashed;
 border-color: #5a5a5a;
 border-width: 0px 0px 1px;
 height: 1px;
 width: 98%;
 visibility:hidden;
}
 ul, ol, li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#72705C;
}
 ul.art {
 font-weight: bold; padding: 0px; margin: 0px;
}
 li.art {
 font-weight: normal; list-style-type: none; padding: 0px; margin-left: 4px;
}
 dl, dd, dt, address, dir, menu, blockquote, td {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color : #72705C;
}
 h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Helvetica, sans-serif;
 color: #72705C;
}
 td.cal {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #E7E7E7;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
.cal {
 background-color: transparent;
}
 tr.cal {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: #CCCBBF;
 width: 14%;
 text-align: center;
}
 td.cals {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-image: url(button_center.gif);
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.cal0 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.cal1 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #EEEEEE;
 background-color: #C4C4BB;
 width: 14%;
 text-align: center;
}
 td.cal2 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.cal3 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: #C4C4BB;
 width: 14%;
 text-align: center;
}
 td.cal4 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.calevt {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: #C4C4BB;
 width: 14%;
 text-align: center;
}
 form {
 margin: 3px 0px;
}
 input.bouton,button {
 cursor: pointer;
 margin: 4px 0px;
 border: 0px inset;
 font-family: Arial, sans-serif;
 font-size: 10px;
 color: #72705C;
 background-image: url(bu2.png);
 background-repeat: repeat-x;
 background-color: transparent;
 height: 18px;
 margin: 0px;
 padding-top: 0px;
 vertical-align: top;
 text-decoration: none;
}
 input.bouton,button:hover {
 color:#72705C;
 background-image: url(buhover.png);
 background-repeat: repeat-x;
 background-color: transparent;
 height: 18px;
 vertical-align: top;
}
 input.texte {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 margin: 2px 0px;
 background-image: url(ft.png);
}
 select {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #72705C;
 background-color: #E9E9E9;
 margin: 4px 0px;
}
 textarea {
 background-color: #E9E9E9;
 color: #72705C;
 margin: 4px 0px;
 overflow: auto;
}
fieldset {
 border: 1px solid #72705C;
 margin: 8px;
}
legend {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #72705C;
 font-weight: bold;
}
 .top {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
 .foot {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #615F4E;
 text-align: center;
}
 .copyright {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8px;
 color: #615F4E;
 text-align: center;
}
 .timer {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: italic;
 color: #615F4E;
 text-align: center;
 padding: 6px;
}
 .clsCursor {
 cursor: pointer;
}
 .notice {
 color:red;
 background-color:yellow;
 padding:2px;
}
 .Code {
 border: #AECBED 1px solid;
 padding-right: 5px;
 padding-left: 5px;
 color: #72705C;
 font-family: Arial, sans-serif;
 font-size: 11px;
 background-color: #C4C4BB;
}
 .topl {
 background-image: url(t1.png);
 background-position: top left;
 width: 1px; height: 4px;
}
 .topc {
 background-image: url(t2.png);
 background-repeat: repeat-x;
 height: 4px;
}
 .topr {
 background-image: url(t3.png);
 background-position: top right;
 width: 1px; height: 4px;
}
 .left {
 background-image: url(t5.png);
 background-repeat: repeat-y;
 width: 1px;
}
 .right {
 background-image: url(t4.png);
 background-repeat: repeat-y;
 width: 1px;
}
 .bottoml {
 background-image: url(t6.png);
 background-position: bottom left;
 width: 1px;
 height: 1px;
}
 .bottom {
 background-image: url(t7.png);
 background-repeat: repeat-x;
 height: 1px;
}
 .bottomr {
 background-image: url(t8.png);
 background-position: bottom right;
 width: 1px;
 height: 1px;
}
