html,body {
background-color: #778899; /* couleur de fond */
margin:0px 0px 0px 0px; /* marges haut droite bas gauche*/
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
scrollbar-face-color: #FFFFFF; 
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #333333; 
scrollbar-darkshadow-color: #333333; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #333333;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
background-color:transparent;
margin-left:0px;
margin-right:0px;
margin: 0;
}

a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: bold;
color: #0000FF;
background-color:transparent;
text-decoration:none;
}
a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: bold;
color: #0000FF;
background-color:transparent;
text-decoration:none;
}
a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: bold;
color: #0000FF;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: bold;
color: #9DA13B;
background-color:transparent;
text-decoration:underline;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight: lighter;
text-align: center;
color: #FF0000;
background-color:transparent;
}

.txt1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #FF0000;
background-color:transparent;
}

.txt2 {
font-family: Courier New;
font-size: 100%;
font-weight: bold;
color: #9DA13B;
background-color:transparent;
}

.remarque {
border-style: none none none double;
border-left-width: 4px;
border-color: #333333;
padding-left: 5px;
}

.bande1 {
position: absolute;
left: 0;
height: 28px;
width: 100%;
align: center;
background-color: #FFFFFF;
text-align: right;
border-bottom: 2px solid #333333;
z-index: 4;
}

.titre {
margin-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
width: 640;
color: #FF9933;
filter: shadow(color:#333333);
}

.hab {
position: absolute;
left: 70px;
height: 30px;
width: 127px;
background-color: #FFFFFF;
text-align: left;
padding: 4px;
border-right: 2px solid #333333;
}

.out {
position: absolute;
left: 0;
height: 30px;
width: 70px;
background-color: #FFFFFF;
text-align: left;
padding: 4px;
border-right: 2px solid #333333;
}

.bande2 {
margin-left: 195px;
height: 32px;
background-color: #FFFFFF;
border-bottom: 2px solid #333333;
}

.frame {
padding: 5px
position: absolute;
top: 32px;
margin-left: 195px;
width: auto;
height: 87%;
background-color:#FFFFFF;
border-left: 2px solid #333333;
border-bottom: 2px solid #333333;
overflow: auto;
z-index: 3;
}

.redaction {
background-color: #FFFFFF;
width: 95%;
text-align: left;
}

.lettres {
position: absolute;
top: 32px;
left:0;
background-color:#DDDDDD;
padding:3px;
width:195px;
z-index: 2;
}

.mots {
position: absolute;
top: 96px;
left:0;
background-color:#DDDDDD;
padding:3px;
width:195px;
z-index: 1;
}

label {
font-family: Arial, Helvetica, sans-serif;
}

select, option {
background-color: #FFFFFF;
color: #FF0000;
font-weight: bold;
z-index: 2;
}

option:hover {
background-color: #FF0000;
color: FFFFFF;
}

.select2, .option2 {
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
}