/* Règle @media screen CSS2 */
/* @media screen
{                       */

body 
{
font-family:Verdana;
margin:0px;
}

.MultilineOverflowHidden        
/* Masque la barre de défilement dans un TexBox multiline */
{
    overflow:hidden;
    }
    
    
    
/* Aide */

.TitreNiveau1DesPagesDaide
{   
    font-weight:bold;
    font-size:medium;
    }

.TitreNiveau2DesPagesDaide
{   
    font-weight:bold;
    font-size:small;    
    font-style:italic;
    }
    
 .TitreNiveau3DesPagesDaide
{   
    font-weight:bold;
    font-size:small;    
    }
   

.AideSurPage                 /* Messages d'aide directement sur la page */
{
    color:Green;
    }

.nowrap
    { white-space: nowrap }
    
.CentrerLeTexte
{ text-align:center
}
    

/* Zone Bannière */

#table_header
{
border-bottom-width: 3px;
border-top-width : 0px;
border-right-width: 0px;
border-left-width: 0px;
border-style: solid;
border-color: #FF9900;                      /* Orangé */
border-collapse: collapse;

margin-left:10px; 
margin-bottom:10px;
margin-top:10px;
margin-right:10px;


background-color: #FFFFFF;                  /* Blanc */
}
    
 #LogoHeader
 {
    font-weight: bold;
    font-size:x-large;
    font-family:Verdana;
    }
    
 #LienDuLogo
 /* Neutralisation de l'aspect hyperlink */
 {
     color:#339933;                         /* Vert */
     text-decoration:none;
     }


/* Liste déroulante pour le choix de la langue */
#ListeDesLangues
{
    position: inherit;
    left:10px;
    top:65px;
    z-index:1;
    /* z-index:1 positionne la liste au dessus de la page maître */    
    }

/* Liste déroulante pour le choix de la langue dans le répertoire "epos" */
#ListeDesLanguesEpos
{
    position:absolute ;
    left:8px;
    top:5px;
    z-index:1;
    /* z-index:1 positionne la liste au dessus de la page maître */    
    }

    
     
#CadreLoginStatus   /* Texte d'état et bouton de connexion */
{
border-width: 1px; 
border-style: solid;
border-color: #999999;
border-collapse: collapse;
padding: 5px;
}


#divBoutonDeConnexion
/* z-index:1 positionne le conteneur au dessus de la page maître */    
{
    z-index:1;    
    }


/* Ligne horizontale marquant une fin de page */
.LigneDePagination
{
    width:100%;
    color:#999999;      /* Gris */
    }


/* Messages d'information à l'utilisateur */
.MessagesUtilisateur
{   
    color: Red; 
    border-left-width:thick; 
    white-space:nowrap;
    }
 
.MessageAvecTexteEnRouge
{   
    color: Red; 
    }
 
 
 /* CORPS DE PAGE*/

 
 /* S'applique au <DIV> contenant la zone du menu  */  
 #ZoneMenu
 {
    border-right:solid 1px;
    border-right-color:#CCCCCC;
    
    border-top : solid 1px;
    border-top-color:#CCCCCC;
    
    font-size: small ;
    vertical-align:top;
    background-color:#F0F0F0;
    /* margin-left  :  10px ; */
    margin-right : 5px;
    
    }

#contenu
{
    width:100%;
    vertical-align:top;
    
    border-top : solid 1px;
    border-top-color:#CCCCCC;
    }
  
    
#TableCelluleContenu
{
    width:100%;
 }

.footer
{
 margin-left:auto;
 margin-right:auto;
 width:100%;
 
 border-top:solid 1px;
 border-top-color:#CCCCCC;
 
 text-align:center;
 font-size:xx-small;
 vertical-align: middle;
}

 /* TABLES */  
 
 /* Bordures de table ou de cellule de couleur noire */
 
.bordure_top
{
border-color: #000000;
border-top-style: solid;
border-top-width: 1px;
border-collapse:collapse
}

.bordure_bottom
{
border-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse:collapse
}

.bordure_bottom_Noire
{
border-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse:collapse
}

.bordure_gauche
{border-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-collapse:collapse
}

.bordure_droite
{
    border-color: #000000;
    border-right-style: solid;
    border-right-width: 1px;
    border-collapse:collapse
    }


.bordure_pourtour 
{
border-width: 1px;
border-style: solid;
border-color: #000000;
border-collapse: collapse
}

/* Bordure grises */

 /* Blanc = #FFFFFF
    Gris 1 = #CCCCCC
    Gris 2 = #999999 
    Gris 3 = #666666
    Gris 4 = #333333    
    Noir = #000000

    Gris background = #F0F0F0
*/


/* Bordures Gris 1 */
.BordureGaucheGris1
{border-color: #CCCCCC;
border-left-style: solid;
border-left-width: 1px;
border-collapse:collapse
}

.BordureDroiteGris1
{
border-color: #CCCCCC;
border-right-style: solid;
border-right-width: 1px;
border-collapse:collapse
} 

.BordureDroitePointilleGris1
{
border-color: #CCCCCC;
border-right-style: dotted;
border-right-width: 1px;
border-collapse:collapse
} 




.BordureTopGris1
{
border-color: #CCCCCC;
border-top-style: solid;
border-top-width: 1px;
border-collapse:collapse
}

.BordureBottomGris1
{
border-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse:collapse
}

.BordurePourtourGris1 
{
border-color: #CCCCCC;
border-width: 1px;
border-style: solid;
border-collapse: collapse
}

.BordureDroiteEtBasGris1
{
    border-color: #CCCCCC;
    border-collapse:collapse;
    
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.TableStandard
{
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse; 
    
    background-color:White;    
    }

.TablePourtourOrange
{
    border-color: #FF9900;      /* Teinte de la ligne horizontale du header */
    border-style: solid;
    border-collapse: collapse;
    
    background-color:White;    
    }

.TableAplatGris
{
    border-color: #CCCCCC;        
    border-collapse:collapse; 
    border-width:1px;
    border-style:solid;
        
    background-color:#F0F0F0;       
    }
    
.TableAplatVert
{
    border-color: #009900;        
    border-collapse:collapse; 
    border-width:2px;
    border-style:solid;
        
    background-color:#CCFFCC;       
    }
    
    

/* Bordures Gris 2 */
.BordureGaucheGrise
{border-color: #999999;
border-left-style: solid;
border-left-width: 1px;
border-collapse:collapse
}

.BordureDroiteGrise
{
border-color: #999999;
border-right-style: solid;
border-right-width: 1px;
border-collapse:collapse
} 
    


.BordureTopOrange
{
border-color: #FF9900;
border-top-style: solid;
border-top-width: 1px;
border-collapse:collapse
}

.BordureDroiteOrange
{
    border-color: #FF9900;
    border-right-style: solid;
    border-right-width: 1px;
    border-collapse:collapse
    } 

.BordureGaucheOrange
{
    border-color: #FF9900;
    border-left-style: solid;
    border-left-width: 1px;
    border-collapse:collapse; 
    }
    
.BordureBottomOrange
{
border-bottom-color: #FF9900;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse:collapse
}
    

.bordurePourtourOrange 
{
border-color: #FF9900;                   /* Orangé */    
border-width: 1px;
border-style: solid;
border-collapse: collapse;
}

.BordurePourtourGrise
{
border-color: Gray; 
border-width: 1px;
border-style: solid;
border-collapse: collapse;
}

.BordurePourtourNoire
{
border-color: Black; 
border-width: 1px;
border-style: solid;
border-collapse: collapse;
}


/* BOUTONS */

.BoutonsDeFormulaireSpecifiques1
/* Utilisé par: LoginStatus */
{ 
    background-color: #6666FF;
    border-color: Silver;            
    border-style: outset;   
    border-width: 2px;
    font-family: Verdana; 
    font-weight:bold;
    color: #FFFFFF;                     /* Texte blanc */
    }



.BoutonsDeFormulaireBleus
{ 
    background-color: #6666FF;
    border-color: Silver;            
    border-style: outset;   
    border-width: 2px;
    font-family: Verdana; 
    font-weight:bold;
    color: #FFFFFF;                     /* Texte blanc */
    }

/*              --- + clair -->
Bleu 0 (RGB)    0000FF  3333FF  6666FF  9999FF  CCCCFF
     1          0000CC  3333CC  6666CC  9999CC
     2          000099  333399  666699
     3          000066  333366
     4          000033
Noir            000000
*/



/* Elément DIV (correspondant à un contrôle serveur Panel) */

.StyleDuMessageDeRetourUtilisateur
{
    background-color:Transparent; 
    color:Red;
    border-color:Gray;
    border-width:0px;
    border-style:Solid;
    padding-left:5px;       /* Introduit une marge intérieure à gauche */
    padding-right:5px;      /* et à droite du texte du message. */
    }

/* FORMULAIRES */
.StyleDuTexteDuTitre
{
    white-space: nowrap;                 /* Pas de retour à la ligne automatique */
    font-weight: bold; 
    color: White; 
    background-color: #FF9900;          /* Orangé */
}

.StyleBoutonsFormulaire
{ 
    background-color: #F0F0F0;
    border-color: #CCCCCC;
    border-style: outset;   
    border-width: 1px;
    font-family: Verdana; 
    font-weight:bold;
    }
    
    
.StyleBoutonsWizard
{ 
    background-color: #F0F0F0; 
    color:Black;
    border-color: #CCCCCC;
    border-style: outset;   
    border-width: 1px;
    font-family: Verdana; 
    text-decoration:none; 
    font-weight:bold;  
    text-align:center;
    }
    
    
.style_formulaires
{
    background-color:#FFFFCC;               /* Jaune */
    border-color:#FFCC00;                   /* Orangé */
    border-width:1px;
    border-style:solid;

    font-size:small; 
    color:#000000
    }
    
.InputRightAlign
{
    text-align: right
    }
    
.LabelTextLeftAlign
{
    text-align:left
    }
    
    
/* GRIDVIEWS */

.GridViewStyle
{   
    border-collapse:collapse; 
    border-width:1px;
    border-style:solid;
    margin:0px;
    background-color: White;
    border-color: Gray;    
    }


.GridViewStyleDefaut
{   
    border-collapse:collapse; 
    border-width:1px;
    border-style:solid;
    margin:0px;
    background-color: Transparent;
    border-color: #CCCCCC;        
    }


.GridViewStyleAplatBlanc
{   
    
    border-color: #CCCCCC;        
    border-collapse:collapse; 
    border-width:1px;
    border-style:solid;
    
    margin:0px;
    background-color: White;
    }

.GridViewStyleAplatGris
{
    border-color: #CCCCCC;        
    border-collapse:collapse; 
    border-width:1px;
    border-style:solid;
        
    margin:0px;        
    background-color:#F0F0F0;      /*Gris background = #F0F0F0 */  
    }



.GridViewTextStyle
{ 
    font-size:small;
    background-color:White;
    color:#333333;              /* Couleur du texte: gris-foncé */    
    }

.HeaderTextStyle
{
     background-color:#CC0000;
     font-weight:bold;
     color:White;
    }

.PagerTextStyle
{
     background-color:#FFFFCC; 
     font-weight:bold;
     color:#990000;
    }

/* DETAILSVIEW */
.DetailsViewStyle
{   
    border-collapse:collapse; 
    border-width:1px;
    border-style:solid;
    margin:0px;
    background-color: White;
    border-color: Gray;        
    }
    
.DetailsViewStyleAplatGris
{
    border-color: #CCCCCC;        
    border-collapse:collapse; 
    border-width:1px;
    border-style:solid;  
    
    margin:0px;
    
    background-color:#F0F0F0;           /*Gris background = #F0F0F0 */

    }
    

.DetailsViewStyleDeLaPageDeContenu
{
    background-color: White;
    border-color: Gray;
    border-style: Solid;   
    border-width: 1px;
    }

.DetailsViewInvisible
{
    background-color: White;
    border-style: Solid;   
    border-width: 0px;
    }



.StyleTitreDeRubrique
{ 
    background-color: White;
    border-color: #996600;
    border-style: Solid;   
    border-width: 1px;
    font-family: Verdana; 
    font-weight:bold; 
    font-style:italic;
    color: #996600;
    }


/* PAGES D'AIDE */    
.StyleDesPagesAide
{
    background-color:#F7F6F3;
    border-color:#CCCCCC;
    border-width:1px;
    border-style:solid;
    padding:5px;
    font-size:small; 
    color:#000000
    }
    
.BoutonFermerLaPageDaide
{
    background-color: #F0F0F0;
    border-color: #CCCCCC;
    border-style: outset;   
    border-width: 1px;
    font-family: Verdana; 
    font-weight:bold;
    
    float:right;
    }        
    
    
.BoutonFermerLaFenetre
{
    background-color: #F0F0F0;
    border-color: #CCCCCC;
    border-style: outset;   
    border-width: 1px;
    font-family: Verdana; 
    font-weight:bold;
    
    float:right;    
    }        
    
.BoutonImprimerLaFenetre
{
    background-color: #F0F0F0;
    border-color: #CCCCCC;
    border-style: outset;   
    border-width: 1px;
    font-family: Verdana; 
    font-weight:bold;
    
    float:right;    
    }        
    
    
/* Fin de la règle @media screen */
/* }        */



/* Règle @media print CSS2 */
/*@media print
{
    
    }       */