/* **********************************************************************************/
/* Elements strictement obligatoires : BODY, P, TABLE, TH, TR et TD*/
/* **********************************************************************************/

BODY    { color: #336600; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
P       { color: #336600; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
TABLE   { color: #336600; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
TH      { color: #336600; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
TR      { color: #336600; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
TD      { color: #336600; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif }
LI      { margin-left: -20px }
OL		{ margin-left:60px;}

/* **********************************************************************************/
/* Liens : pour donner couleur par defaut et soulignement eventuel */
/* **********************************************************************************/

A            { color: #336600; text-decoration: underline; }
A:hover        { color: #FF9900; text-decoration: underline }
A:link        { color: #336600; text-decoration: underline; }
/* A:active        { color: red; text-decoration: none } */
/* A:visited    { color: green; text-decoration: none } */

/* **********************************************************************************/
/* Titrage */
/* **********************************************************************************/
/* Les titrages standards HTML en H1..Hn sont codifies ici mais ils sont peu pratiques
   a disposer (du moins dans IE4 et Nav4.x). Pour plus de securite, utiliser de
   preference les Head1...Headn qui sont de simples mises en forme de polices */

H1 { font-size: 24px; font-family: tahoma, verdana, arial, sans-serif; color: #336600; margin-top: 0px; margin-bottom: 0px; }
H2 { font-size: 18px; font-family: tahoma, verdana, arial, sans-serif; color: #FF9900; margin-top: 0px; margin-bottom: 0px; }
H3 { font-size: 14px; font-family: tahoma, verdana, arial, sans-serif; color: #336600; margin-top: 0px; margin-bottom: 0px; }
H4 { font-size: 12px; font-family: tahoma, verdana, arial, sans-serif; color: #336600; margin-top: 0px; margin-bottom: 0px; }
H5 { font-size: 10px; font-family: tahoma, verdana, arial, sans-serif; color: #336600; margin-top: 0px; margin-bottom: 0px; }

/* **********************************************************************************/
/* Effets de texte habituels pour tout site, a utiliser de preference a <font> */
/* **********************************************************************************/

.Medium         { font-size: 14px; font-weight: bold; }
.Small         { font-size: 11px }
.Mini         { font-size: 10px }
.Tiny        { font-size: 9px }
.Black         { color: 000066 }
.White       { color: FFFFFF }
.Deactivated { color: CCCCCC }

/* **********************************************************************************/
/* Pour les boutons, zones texte, textarea et select afin de donner de jolis effets */
/* **********************************************************************************/
/* Utiliser CommandButton pour les boutons ; comme on ne lui a pas donne de width,
   on peut utiliser un "style={width:200;}" si on veut preciser la taille du bouton */

/* De maniere similaire, utiliser TextBox et TextareaBox pour respectivement les
   zone de texte et les text area. Neanmoins, des tailles standards sont disponibles
   si on ne veut pas ajouter des styles a chaque fois: TextBox_1, TextBox_2 et
   TextBox_3 ont respectivement des largeur standards de 100px, 1950px et 290px,
   tandis que TextareaBox_2li et TextareaBox_4li sont tous deux a 400px de largeur
   mais ont respectivement 40px et 60px en "nombre de lignes" (environ 2 lignes
   et 4 lignes respectivement). */

.CommandButton {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #CCCCCC;
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
    border-left: 2px solid #EEEEEE;
    border-top: 2px solid #EEEEEE;
    color: #000000;
    height: 20px;
    text-decoration: none;
    cursor: none }

.TextBox {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    text-decoration: none;
    cursor: none }

.TextBox_1 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 100px;
    text-decoration: none;
    cursor: none }

.TextBox_2 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 195px;
    text-decoration: none;
    cursor: none }

.TextBox_3 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 290px;
    text-decoration: none;
    cursor: none }

.TextBox_4 {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 20px;
    width: 400px;
    text-decoration: none;
    cursor: none }

.TextareaBox {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    width: 400px;
    text-decoration: none;
    cursor: none }
    
.TextareaBox_2li {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 40px;
    width: 400px;
    text-decoration: none;
    cursor: none }

.TextareaBox_4li {
    font-family: tahoma, sans-serif;
    font-size: 11px;
    background: #D6E7EF;
    border-bottom: 2px solid #AFC4D5;
    border-right: 2px solid #AFC4D5;
    border-left: 2px solid #104A7B;
    border-top: 2px solid #104A7B;
    color: #000066;
    height: 60px;
    width: 400px;
    text-decoration: none;
    cursor: none }

/* **********************************************************************************/
/* Pour les effets de bouton en relief dans les liens de menu. Doit s'utiliser avec
   les fonctions javascript btnUp(), btnHide() et btnDown() dans nos en-tetes standards */    
/* **********************************************************************************/

.NavLink    { COLOR: #000000; text-decoration: none; }
.NavUp      { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #FFFFFF #999999 #999999 #FFFFFF; PADDING: 0 1 1 1; background-color: FFFFFF; }
.NavDown    { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #999999 #FFFFFF #FFFFFF #999999; PADDING: 1 0 0 2; background-color: FFFFFF; }
.NavOff      { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; PADDING: 0 1 1 1; background-color: FFFFFF; }

A.blank { color:#FFFFFF; padding-left:25px;}
.Table1     { background-color: #ECE8D9; }
.CellFg1    { color: #5C584A; font-weight: bold; }
.CellBg2    { background-color: #FFFFFF; padding-left:5px;}