 body {
 margin: 25px 0px 25px 0px;
 background-image: url(couleur_fond_de_site.png);
 background-repeat: repeat;
 background-color: #F8F8F8;
}

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

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

 .banner {
 background-image: url();
 background-repeat: no-repeat;
 background-position: right;
 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;
 text-align: center;
}

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

.titre { 
 padding: 4px;
 white-space: nowrap;
 font-size: 17px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight: bold;
 text-align: left;
}

 .titrebox { 
 padding: 0px;
 margin-bottom: 10px;
 white-space: nowrap;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight: bold;
 text-align: left;
 padding-left: 20px;
}

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

 .cita {
 background-color: transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 text-align: center;
 margin-top: 7px;
 margin-left: 20px;
 width:100%;
}

 .htable {
 margin-bottom: 8px;
}

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

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

 .htable1 {
 margin-bottom: 0px;
}

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

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

 .bordure {
 border: 0px solid #737E9E;
}

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

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

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

 .rep {
 padding: 10px 5px;
 background-color: #F3F3F3;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 border: 1px solid #000000;
}

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

 a {
 color: #79869B;
 text-decoration: none;
}

 a:hover {
 color: #000000;
 text-decoration: none;
 position:relative;
 top:1px; left:1px;
}

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

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

 td.menu {
 margin-top: 0px;
 padding: 5px 6px;
 text-align: center;
 font-weight: bold;
 white-space: nowrap;
 padding-top:0px ;
 padding-bottom:0px;
 border: 1px solid #D6D6D6;
}

 a.menu {
 padding: 5px 6px;
 white-space: nowrap;
 float: left;
 color: #000000;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}

 a.menu:hover {
 padding: 5px 6px;
 position:relative ;
 color: #79869B;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}

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

 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: #000000;
 background-color: #F3F3F3;
 background-image: url(bouton_centre.png);
 width: 14%;
 text-align: center;
}

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

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

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

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

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

 tr.vdev {
 background-color: #009966;
}

 tr.vdevtr {
 background-color: #009966;
}

 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: #CFDDEB;
 color: #000000;
}

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

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

 form {
 margin: 3px 0px;
}

 input.bouton {
 cursor: pointer;
 margin: 4px 0px;
 color: #000000;
 border: 0px inset #000000;
 background-color: #F3F3F3;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 height: 22px;
 margin: 0px;
 padding-top: 0px;
 vertical-align: top;
 text-decoration: none;
 background-image: url(bouton_centre.png);
 background-repeat: repeat-x;
 font-size: 9px;
}

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

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

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

.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;
}

 .clsCursor {
 cursor: pointer;
}
