body {
background-color: #7E7E7E;
color: #00CCCC;
background-image: url(/pics/background.gif);
background-repeat: repeat-y;
background-position: left;
font-family: sans-serif;
}

.titre{
color: #FFFFCC;
font-size: 1.6em;
text-align: center;
border-bottom-style: ridge;
border-bottom-width: medium;
letter-spacing: 10px;   
margin-top: 3%;
margin-bottom: 2%;
}

td.cadre {
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px none #003333;
padding: 10px;
width: 55%;
vertical-align: top;
}

td.cadre:hover { 
background: #E7E7E7;
border: 1px solid #003333;
}

h3 {
FONT-SIZE: 20px; 
COLOR: #006699; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

ul {
list-style: none;
}

li.triangle {
list-style: url(/pics/li.gif); 
}

a:link {
color: #00CCCC;
text-decoration: none;  
}

a:visited {
color: #00CCCC;
text-decoration: none;
}

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

                                        /*      ----- Login & password -----          */

.login {
padding-top: 50px;
text-align: center;
}

.data {
border: 1px inset;
background-color: #DFE0FF;
}

.valider {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
border: 1px outset;
background-color: #DFE0FF;
}