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

img {
    border: 0px;
}

.cop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
}
.f01 {
    font-family: Arial;
    font-size:10px;
    color:#000000;
    background-color:#ECECEC;
}
.f02 {

    font-family: Arial;
    font-size:10px;
    color:#000000;
    background-color:#C9C9C9;
}
.texte {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    vertical-align: top;
}
.titrenoir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #000000;
    font-weight: bold;
}
.date01 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #0033ff;
    font-weight : bold;
}
.presuiv {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #221122;
    background-color:#ffffcc;
    text-align:middle;
    font-weight : bold;
   }

.date02 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0000FF;
   }

.date03 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #0000FF;
    font-weight : bold;
}
.date04 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #0000FF;

}
.date05 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
  font-weight : bold; 
}

.date06 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;

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

}
.commentaire {
    font-family: Webdings, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #0000FF;
    font-weight : bold;
}
select.selec
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
  font-weight : bold; 
}
input.cboxa
   {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #ff0000;
  font-weight : bold; 
}


a.ltitrenoir {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
a.ltitrenoir:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
a.lbleu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003399;
    font-weight: bold;
    text-decoration: none;
}
a.lbleu:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003399;
    font-weight: bold;
    text-decoration: none;
}

.menuin {background-color:#55cc55;cursor:pointer;}
.menuout {cursor:pointer;}

a.ltop {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #552222;
    text-decoration: none;
    font-weight: bold;
}
a.menuhorizontal {
    font-family:Times New Roman,Lucida Console,Arial, Verdana, Helvetica, sans-serif;
    font-size: 24px;
    color: #990000;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
}
a.menuhorizontalbleu {
    font-family: Lucida Console,Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #0000FF;
    text-decoration: none;
    font-weight: bold;
    vertical-align: bottom;
}
a.ltop:hover {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
a.l01 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: underline;
}
a.l01:hover {

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

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF3300;
    font-weight: bold;
}
.titreclignote {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #004444;
    font-weight: bold;
}
.gris {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    font-style: italic;
}
.border1px {
    border: 1px solid #ADADAD;
}
.titregris {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
}
.titrebleu {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    font-weight: bold;
}

.tablo01 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: medium dotted #999999;
}
.divtitre {
    width: 500px;
    height: 122px;
    margin-left: auto;
    margin-right: auto;
}

.divtitre1 {
    float: left;
    width: 180px;
    height: 122px;
}

.divtitre2 {
    float: left;
    text-align:left;
    background-image: url('images/bgdiv01.gif');
    background-repeat: repeat-x;
    width: 312px;
    height: 122px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000
}
.divtitre3 {
    float: left;
    background-image: url('images/bgdiv02.gif');
    width: 8px;
    height: 122px
}
.titremeta {
    font-family: neurochrome, ReservoirGrunge, Helvetica, sans-serif;
    font-size: 30px;
    color: #0033FF;
    font-weight: bold;
}
.titremetar {
    font-family: neurochrome, ReservoirGrunge, Helvetica, sans-serif;
    font-size: 30px;
    color: #ffAAAA;    /* #ff0000; */
    font-weight: bold;
}
.titremetaj {
    font-family: neurochrome, ReservoirGrunge, Helvetica, sans-serif;
    font-size: 30px;
    color: #ffff00;
    font-weight: bold;
}
.titremetab {
    font-family: neurochrome, ReservoirGrunge, Helvetica, sans-serif;
    font-size: 30px;
    color: #aaaaFF; /* #0033FF; */
    font-weight: bold;
}
.titremetagris {
    font-family: neurochrome, ReservoirGrunge, Helvetica, sans-serif;
    font-size: 30px;
    color: #cccccc;

}