.source {
    display: block;
    position: relative;
    FONT-FAMILY: "Courier New";
    FONT-SIZE: 12px;
    color: #062A4E;
    background-color: #FFFFFF;
    border : 1px solid #666666;
    width: 90%;
    left: 5%;
    padding: 5px;
    text-indent: 0px;
}

.source_bad {
    display: block;
    position: relative;
    FONT-FAMILY: "Courier New";
    FONT-SIZE: 12px;
    color: #062A4E;
    background-color: #FFFFFF;
    border : 1px dashed #FF0000;
    width: 90%;
    left: 5%;
    padding: 5px;
    text-indent: 0px;
}

.algo {
    display: block;
    position: relative;
    FONT-FAMILY: "Courier New";
    FONT-SIZE: 12px;
    color: #062A4E;
    background-color: #FFFFFF;
    border : 1px solid #AA00FF;
    width: 90%;
    left: 5%;
    padding: 5px;
    text-indent: 0px;
}

.source_complet{
    display: block;
    position: relative;
    FONT-SIZE: xx-small;
    color: #000000;
    FONT-FAMILY: verdana;
    border : 0px solid #666666 align:right;
    font-variant: small-caps;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    vertical-align: middle;
    width: 90%;
    left: 5%;
    text-indent: 0px;
}


tt {
       font-size: 12px;
       font-style: normal;
       FONT-FAMILY: "Courier New";
       text-align: left;
}
       
tt.keyword {
       color: #0000FF;
}

tt.operator {
       font-weight: bold;
       color: #808000;
}

tt.number {
       color: #800000;
}

tt.preproc {
       color: #008080;
       font-weight: bold;
}

tt.comment {
       color: #008000;
}

tt.string {
       color: #800000;
}

tt.parenthese1 {
       font-weight: bold;
       color: #800080;
}

tt.parenthese2 {
       font-weight: bold;
       color: #0080CC;
}

tt.parenthese3 {
       font-weight: bold;
       color: #FF8080;
}

tt.parenthese4 {
       font-weight: bold;
       color: #008000;
}