/*	-------------------------------------------------------------------	*/
/*  			Feuille de style du Portail CG54*/
					  	/* Portail DRH*/ 
/*	------------------------------------------------------------------- */


/* -------------------------- */
/* Composants HTML classiques */
/* -------------------------- */

/* liens*/
A
{
	font-weight: normal;
	font-size: 12px;
	color: #333399;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A:link  
{
    font-size: 12px;
    font-weight: normal;
    color:  #333399;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:    underline;
}
/* liens visités*/
A:visited   
{
    
    font-size: 12px;
    font-weight: normal;
    color:  #6f1287;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:    underline;
}
/* liens actifs*/
A:active    {
    font-size: 12px;
    font-weight: normal;
    color:  #333399;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:    none;
}
/* liens ouverts*/
A:hover 
{
	font-size: 12px;
    font-weight: normal;
    color:  #FF6600;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:   underline ;
}
/* couleur de fond de page*/
body
{
	background-color: #FFFFFF;
	width:100%;
}
.FondPage
{
	width: 96%;
	top:10px;
	text-align: left;
	margin-left: 2%;
	margin-top:10px;
	margin-right: 2%;
	background-color: #FFFFFF;
}
/* taille des polices*/
/* petite*/
SMALL   {
    font-size:  8px;
}
/* grosse*/
BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family: Arial, Helvetica, sans-serif;
}

/* polices et taille des paragraphes*/
H1  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  18px;
    font-weight:    bold;
    color: #333399;
}

H2  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  16px;
    font-weight:    bold;
    color: #333399;
}

H3  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #333399;
}

H4  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    normal;
    color: #333399;
}

H5, DT  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: #333399;
}

H6  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #333399;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}



TH  {
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #333399;
}
TD.FondBlanc	
{
		background-color:#FFFFFF;
}

TFOOT, THEAD    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    color: #333399;
}

UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

INPUT
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

SELECT
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    visibility: visible !important;
}

/* -------------------------- */
/* Composants du portail	  */
/* -------------------------- */


/* GENERALITES */

/* Texte et fond pour l'entête du haut de la page(modules et menus) */
.Entete
{
	font-weight: bold;
	font-size: 12px;
	color: #fdcc12;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #94519e;
}

/* Couleur de fond pour l'entête du haut de la page */
.EnteteBg {
    background-color: #D5CCD6;
    margin:0 0 0 0;
}
.EnteteBgBas
{
	background-color: #D5CCD6;
    margin:0 0 0 0;
    width:1px;
}
.EnteteBgHaut
{
	background-color: #D5CCD6;
    margin:0 0 0 0;
    width:1px;
}

/* Style pour les titres des items dans les pages de saisie */
.EnteteSecondaire   {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #788EA5;
}

/* Style pour les titres des items dans les pages de saisie */
.EnteteSecondaireBg   {
    background-color: #788EA5;
}

/* Style remplacant '.Entete' dans certains modules (QuickLinks and Signin modules) pour des rendus plus compacts */
.EnteteCompact {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* Texte standard */
.Normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px    
}

/* Style de texte pour les champs de saisie */
.NormalTextBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.NormalRouge
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #2F2C47
}

.NormalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* Style de texte pour les boutons et boutons de liens */
.Bouton     {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
    
A.Bouton:link {
    text-decoration:    none;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #E2E3F8;
}

A.Bouton:visited  {
    text-decoration:    none;
    font-size: 11px;
    color: #993300;
}

A.Bouton:active   {
    text-decoration:    none;
    font-size: 11px;
    color: #E2E3F8;
}

A.Bouton:hover    {
    text-decoration:    none;
    font-size: 11px;
    color: #CC0066;
}
    

/* BANNIERE Du site*/
/*couleur de fond de la Bannière*/
.Banniere
{
	background-color:#FFFFFF;
}
.BanniereBas
{
	background-color: #FFFFFF;
}
.BanniereMilieu
{
	background-color: #FFFFFF;
	height: 10px;
}
.NavigationSite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	margin-top: 5px;
	color: #000000;
}   

/* style de lien pour le liens de site */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
A.NavigationSite:link {
	text-decoration:    none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

A.NavigationSite:visited  {
	text-decoration:    none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.PiedPageHaut
{
	background-color:#F8DC00;
}
.PiedPageBas
{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold	
}
.FondNoRepeat
{
	background-repeat:no-repeat;
	background-color: #FFFFFF;
}
.FondRepeatHoriz
{
	background-repeat:repeat-x;
}

/* Nom du site dans la banniere  */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
.SiteTitre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#333399
}

/* Style de texte pour les liens de site (IntranetDRH>accueil à l'extreme haut/droit de l'entete) */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
.SiteLien {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 50px;
}   

/* style de lien pour le liens de site (déconnexion)*/
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
A.SiteLien:link
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #333399;
	text-decoration: none;
}

A.SiteLien:visited  {
     font-family: Arial, Helvetica, sans-serif;
    text-decoration:    none;
     font-size: 10px;
    color:#333399;
}

A.SiteLien:active 
  {
     font-family: Arial, Helvetica, sans-serif;
    text-decoration:    none;
     font-size: 10px;
    color:#333399;
}

A.SiteLien:hover    
{
     font-family: Arial, Helvetica, sans-serif;
    text-decoration:    underline;
     font-size: 10px;
    color:#CC0066;
}

/* style du séparateur entre lien de site dans la bannière */
.SiteLienSeparateur
{
	 font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #333399;
	
}



/* Style de texte pour l'onglet sélectionné */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
.OngletSelect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#FFFFFF;
    font-weight: bold
}

/* Couleur de fond et de bordure pour l'onglet sélectionné */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
.OngletSelectBg {
    background-color: #249744;
    border-color: white;
}

/* Style de texte pour les onglets non sélectionnés */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
.OngletsAutres {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:gainsboro;
    text-decoration:none;
    font-weight: bold
}

/* Couleur de fond et de bordure pour les onglets non sélectionnés */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
.OngletsAutresBg {
    background-color: dimgray;
    border-color: black;
}

/* Liens hypertextes pour les onglets non sélectionnés */
/* NOTE: Cette classe de style est utilisée par MobilePortalBanner.ascx */
A.OngletsAutres:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OngletsAutres:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OngletsAutres:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OngletsAutres:hover   {
    text-decoration:    underline;
    color:white;
}



/* SPECIAL MODULE Discussion */
/* Texte des messages en cours de lecture */    
.Message    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* SPECIAL MODULE Annonces et Evenements, Articles */
/* Titre des items */
.ItemTitre    {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  16px;
	font-weight:    bold;
	color: #FFFFFF;
	background-color: #0099CC;
	padding-left: 3px;
}



/* APPLICATIONS du CG */
.boutonAjouter
{
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #cc9966;
	border: #cc9966 1px solid;
	cursor: pointer;
}

.boutonAnnuler
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ff6666;
	cursor: pointer;
	border: #ff6666 1px solid;
}

.boutonModifier
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cccc66;
	cursor:pointer;
	border: #cccc66 1px solid;
}

.boutonRechercher
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #00ffff;
	cursor:pointer;
	border: #00ffff 1px solid;
}

.boutonSupprimer
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ff9966;
	cursor:pointer;
	border: #ff9966 1px solid;
}

.boutonSelectionner
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3366ff;
	cursor:pointer;
	border: #3366ff 1px solid;
}

.boutonValider
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #339999;
	cursor:pointer;
	border: #339999 1px solid;
}

.boutonImprimer
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #996633;
	cursor:pointer;
	border: #996633 1px solid;
}

.ZoneDeSaisie
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
/*	background-color:#668866; */
	background-color:#82A482;
	
}

/* Pour les DataGrid, DataList */

/* classe du dataContrôle si on ne veut pas spécialiser chaque sous élement */
.DataCtrl
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: Black;
    font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.DataCtrlHeader
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.DataCtrlFooter
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.DataCtrlItem
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: Black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.DataCtrlItemAlternate
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: Black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.DataCtrlItemSelected
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: Black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.DataCtrlItemEdit
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: Black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

/* Classe de description du menu bannière ou menu par défaut */

/* Bordure et fond des menus dans le bandeau haut */
.myspmctr 
{
	border-bottom: Gray 0px solid;
	border-left: White 0px solid;
	border-top: White 0px solid; 
	border-right: Gray 0px solid; 
	  }

/* hauteur de la barre*/
.myspmbar {height:15;}
.myspmicn {	cursor:pointer;background-color: #BECAD5; width: 15;height: 15; border-left: blue 1px solid; border-bottom: blue 1px solid; border-top: blue 1px solid; }
.myspmsub {background-color: navy;}

.myspmbrk {border-bottom: gray 1px solid; border-left: White 0px solid; border-top: White 1px solid;  border-right: Gray 0px solid; background-color: White; height: 1px;}

/* couleur du texte au survol des menus du bandeau haut milieu */
.myspmitmsel 
{
	border-right: navy 0px solid;
	border-top: navy 0px solid;
	font-weight: normal;
	font-size: 10pt;
	border-left: blue 0px solid;
	color: #FFFFFF;
	background-color:Transparent
	border-bottom: navy 0px solid;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	background-color: #9933CC;
	cursor:pointer;
}

/* couleur du texte des menus du bandeau haut milieu */
.myspmitm
{
	border-right: navy 0px solid;
	border-top: navy 0px solid;
	font-weight: normal;
	font-size: 10pt;
	border-left: blue 0px solid;
	color: #333366;
	border-bottom: navy 0px solid;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
cursor:pointer;
}


.myspmarw {	cursor:pointer;font-family: Arial, Helvetica, sans-serif; font-size: 8pt; border-right: navy 1px solid; border-bottom: navy 1px solid; border-top: navy 1px solid; }

/* couleur de fond bandeau haut milieu */
.Banniere
{
	background-color:#e2F17C;
	height:80px;
}
/* Menu-Styles */
/* Style du menu d'edition des parametres (affiches en mode edition) */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: pointer;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: pointer; 
	color: black; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: pointer; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: pointer; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: pointer; 
	color: black; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: pointer; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: pointer;
}
/*Style des colonnes de la page principale*/
.PanneauGauche {
	background-color: #ffffff;
	background-position:top;
	padding-top:5px;
	background-repeat:no-repeat;
}
.PanneauCentral {
	padding:0px;
	padding-top:5px;
	background-color:red;
	margin-right: 10px;
	margin-left: 10px;
}
.PanneauDroit
{
	background-position: 50% top;
	color: #000000;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-color: #ffffff;
}
/* Couleur de fond de l'onglet connexion */
.Connexion
{
	background-color: #FFFFFF;
}