body {
 margin: 2px 0px 10px 0px;
 background-color: #F7F0E2;
 /*scrollbar-base-color: #F7F0E2;
 scrollbar-arrow-color: #000000;*/
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

 .header {
 background-color: #F7F0E2;
 background-position: 100% 50%;
 background-repeat: repeat-x;
}

 .logo {
 background-color: transparent;
 padding: 0px;
 text-align: left;
}

 .banner {
 background-image: url(bkg_banner.png);
 background-repeat: no-repeat;
 background-position: center;
 padding: 17px;
 text-align: right;
}
 
 .quote {
 margin: 5px 0px 5px;
 width: 100%;
}

 .headmenu { 
 width: 100%;
}

 p {
 margin: 4px 0px;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 p.box {
 margin: 4px;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 .box {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 .titre {
 padding: 4px;
 margin-bottom: 16px;
 white-space: nowrap;
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 font-weight: bold;
}

 .titrebox {
 padding: 4px;
 margin-bottom: 14px;
 white-space: nowrap;
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 font-weight: bold;
}

 .titrebox2 {
 color: #FFFFFF;
 font-weight: bold;
 text-align: center;
}

 .cita {
 background-color: transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
 color: #E1E1E1;
 text-align: left;
 margin-top: 5px;
 width:100%;
}
 #quote_left {
 background-image: url(quote_left.png);
 width: 10px; height: 28px;
 float: left;
}
 #quote_mark {
 background-image: url(quote_mark.png);
 width: 140px; height: 28px;
 float: left;
}
 #quote_title {
 background-image: url(quote.png);
 background-repeat: repeat-x;
 width: 100%; height: 28px;
}
 #quote_side {
 background-image: none;
 width: 40px; height: 28px;
 float: left;
}
 #quote_right {
 background-image: url(quote_right.png);
 width: 10px; height: 28px;
 float: right;
}
 .htable {
 margin-bottom: 8px;
}

 .tbl {
 padding: 5px;
 background-color: #F7F0E2;
}

 .tblover {
 padding: 5px;
 background-color: #F7F0E2;
}

 .htable1 {
 margin-bottom: 8px;
}

 .tblbox {
 padding: 4px;
 background-color: #F7F0E2;
}

 .tblboxover {
 padding: 4px;
 background-color: #F7F0E2;
}

 .bordure {
 border: 0px solid #F7F0E2;
}

 .forum {
 padding: 5px;
 background-color: #3F85A2;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: center;
 font-weight: bold;
}

 .forum2 {
 padding: 0px 5px;
 background-color: #5C9BB5;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 .quest {
 padding: 5px;
 background-color: #5C9BB5;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 .rep {
 padding: 10px 5px;
 background-image: url(fond6.gif);
 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 .bord {
 border: 1px solid #000000;
}

 a {
 color: #000000;
 text-decoration: none;
}

 a:hover {
 color: #000000;
 text-decoration: underline overline;
}

 a.box {
 color: #000000;
 text-decoration: none;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
}

 a.box:hover {
 color: #000000;
 text-decoration: underline overline;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
}

 td.menu {
 margin-top: 2px;
 padding: 13px 8px;
 white-space: nowrap;
 text-align: center;
 font-weight: bold;
}

 a.menu {
 color: #000000;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, sans-serif;
}

 a.menu:hover {
 color: #000000;
 text-decoration: underline overline;
 font-size: 12px;
 font-family: Arial, sans-serif;
}

 hr {
 border-style: none none dashed;
 border-color: #000000;
 border-width: 0px 0px 1px;
 height: 1px;
 width: 98%;
}

 ul, ol, li {
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color:#000000;
}
 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-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color : #000000;
}

 h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 td.cal0 {
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #EEEEEE;
 background-color: #F7F0E2;
 background-image: url(button_center.png);
 width: 14%;
 text-align: center;
}

 td.cal1 {
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #FFFFFF;
 background-color: #5C9BB5;
 width: 14%;
 text-align: center;
}

 td.cal2 {
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #000000;
 background-color: #F7F0E2;
 width: 14%;
 text-align: center;
}

 td.cal3 {
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #000000;
 background-color: #3F85A2;
 width: 14%;
 text-align: center;
}

 td.cal4 {
 font-size: 11px;
 font-family: Arial, sans-serif;
 font-weight: bold;
 color: #000000;
 background-color: #F7F0E2;
 width: 14%;
 text-decoration: underline;
 text-align: center;
}

td.calevt {
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #EEEEEE;
 background-color: #3F85A2;
 width: 14%;
 text-align: center;
}

 tr.vdev {
 background-color: #3F85A2;
}

 tr.vdevtr {
 background-color: #3F85A2;
}

 body.vdev {
 margin-left: 10px;
 font-family: Arial, sans-serif;
 font-size: 12px;
 background-color: #E7E7F7;
}

 body.vdevdialog {
 margin-left: 0px;
 font-family: Arial, sans-serif;
 font-size: 12px;
 background-color: #E7E7F7;
}

 select.vdev {
 font-family: Arial, sans-serif;
 font-size: 12px;
 height: 22px;
 background-color: #3F85A2;
 color: #000080;
}

 input.vdev {
 font-family: Arial, sans-serif;
 font-size: 12px;
 height: 22px;
 background-color: #000000;
 color: #000080;
}

 input.vdevx {
 font-family: Arial, sans-serif;
 font-size: 12px;
 height: 22px;
 background-color: #E7E7F7;
 color: #FF0080;
}

 form {
 margin: 3px 0px;
}

 input.bouton {
 margin: 4px 0px;
 color: #FFFFFF;
 border: 0px inset #FFFFFF;
 background-color: #FFFFFF;
 font-size: 11px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 height: 22px;
 margin: 0px;
 padding-top: 0px;
 vertical-align: top;
 text-decoration: none;
 background-image: url(button_center.png);
 background-repeat: repeat-x;
 font-size: 10px;
}

 input.texte {
 margin: 2px 0px;
 background-color: #FFFFFF;
 font-size: 11px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 color: #000000;
}

 select {
 margin: 4px 0px;
 color: #000000;
 background-color: #FFFFFF;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-size: 11px;
}

 textarea {
 margin: 4px 0px;
 color: #000000;
 background-color: #FFFFFF;
 overflow: auto;
}

.compteur {
 font-family: Times New Roman, Times, serif;
 font-size: 40px;
 font-style: italic;
 text-align: center;
 color: #999999;
}

.top {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 text-align: center;
}

 .copyright {
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: center;
}

 .timer {
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 font-style: italic;
 color: #000000;
 text-align: center;
}

.foot {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center; 
 color: #000000;
}