BODY {
  FONT-FAMILY: Verdana, Arial, Tahoma;
  FONT-SIZE: 10px;
  FONT-WEIGHT: normal;
  COLOR: #000000;
  BACKGROUND-COLOR: #FFFFFF;
  BACKGROUND-IMAGE: url("../skins/Grise/bg.png");
  MARGIN: 0px;
}

A, A:link, A:visited  {
  COLOR: #000000;
  TEXT-DECORATION: none;
}
A:hover  {
  COLOR: #999999;
  TEXT-DECORATION: none;
}

TABLE {
  FONT-FAMILY: Verdana, Arial, Tahoma;
  FONT-SIZE: 10px;
  COLOR: #000000;
  BORDER-COLLAPSE: collapse;
}

FORM {
  PADDING: 0px;
  MARGIN: 0px;
}

/*STYLE DU MENU*/
TABLE.menu {
  BORDER-COLLAPSE: collapse;
}
A.MenuOn, A.MenuOn:link, A.MenuOn:visited {
  COLOR: #535D66;
  FONT-WEIGHT: bold;
}
A.MenuOn:hover  {
  COLOR: #000000;
}
A.MenuOff, A.MenuOff:link, A.MenuOff:visited {
  FONT-WEIGHT: normal;
  COLOR: #FFFFFF;
}
A.MenuOff:hover  {
  COLOR: #BBBBBB;
}
TD.MenuOn {
  COLOR: #535D66;
  FONT-SIZE: 11px;
  BACKGROUND-COLOR: #CCD9E2;BORDER-LEFT:solid 1px #FFFFFF;BORDER-RIGHT:solid 1px #FFFFFF;;
}
TD.MenuOff {
  COLOR: #FFFFFF;
  FONT-SIZE: 11px;
  BACKGROUND-COLOR: #404040;
}
A.MenuLienAppli, A.MenuLienAppli:link, A.MenuLienAppli:visited {
  COLOR: #FFFFFF;
  FONT-WEIGHT: normal;
  FONT-SIZE: 12px;
}
A.MenuLienAppli:hover  {
  COLOR: #BBBBBB;
}
A.MenuLienForum, A.MenuLienForum:link, A.MenuLienForum:visited {
  COLOR: #FFFFFF;
  FONT-WEIGHT: normal;
}
A.MenuLienForum:hover  {
  COLOR: #BBBBBB;
}
A.Aujourdhui, A.Aujourdhui:link, A.Aujourdhui:visited {
  FONT-SIZE: 11px;
  COLOR: #535D66;
}
A.Aujourdhui:hover {
  COLOR: #000000;
}
A.Copyright {
  FONT-FAMILY: Arial;
  FONT-SIZE: 9px;
  COLOR: #CCD9E2; } TD.Copyright { COLOR:#CCD9E2; FONT-SIZE: 9px; FONT-FAMILY: Verdana, Arial, Tahoma;
}
.PageTitre {
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  COLOR: #535D66;
}
TD.PageDate {
  FONT-SIZE: 11px;
  COLOR: #535D66;
}
/*FIN STYLE DU MENU*/
/*STYLE DU CALENDRIER ET SOUS MENU*/
A.sousMenu, A.sousMenu:link, A.sousMenu:visited {
  COLOR: #FFFFFF;
}
A.sousMenu:hover  {
  COLOR: #404040;
}
TD.sousMenu {
  BACKGROUND-COLOR: #83909D;
  COLOR: #FFFFFF;
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  TEXT-ALIGN: center;
}
A.ProfilMenuActif, A.ProfilMenuActif:link, A.ProfilMenuActif:visited {
  COLOR: #FFFFFF;
}
A.ProfilMenuActif:hover  {
  COLOR: #404040;
}
TD.ProfilMenuActif {
  BACKGROUND-COLOR: #DDDDDD;BORDER-LEFT:solid 1px #666666;BORDER-RIGHT:solid 1px #666666;BORDER-TOP:solid 1px #666666;BORDER-BOTTOM:solid 1px #666666;
  COLOR: #666666;
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  TEXT-ALIGN: center;
}
A.ProfilMenuInactif, A.ProfilMenuInactif:link, A.ProfilMenuInactif:visited {
  COLOR: #FFFFFF;
}
A.ProfilMenuInactif:hover  {
  COLOR: #BBBBBB;
}
TD.ProfilMenuInactif {
  BACKGROUND-COLOR: #404040;
  COLOR: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
}
A.MemoFavorisTitre, A.MemoFavorisTitre:link, A.MemoFavorisTitre:visited {
  COLOR: #FFFFFF;
}
A.MemoFavorisTitre:hover  {
  COLOR: #404040;
}
TD.legende {
  BACKGROUND-COLOR: #83909D;
  COLOR: #FFFFFF;
  FONT-SIZE: 10px;
  TEXT-ALIGN: center;
}
TD.legendeBis {
  COLOR: #000000;
}
TD.bordLegende {
  BORDER: solid 1px #666666;
}
A.jMoisCrt, A.jMoisCrt:link, A.jMoisCrt.visited {
  COLOR: #000000;
}
A.jMoisCrt:hover {
  COLOR: #999999;
}
A.jMoisCrtWE, A.jMoisCrtWE:link, A.jMoisCrtWE.visited {
  COLOR: #CC0000;
}
A.jMoisCrtWE:hover {
  COLOR: #FF0000;
}
A.jMoisPrec, A.jMoisPrec:link, A.jMoisPrec.visited {
  COLOR: #535D66;
  FONT-STYLE: italic;
  FONT-SIZE: 8px;
}
A.jMoisPrec:hover {
  COLOR: #000000;
  FONT-STYLE: italic;
  FONT-SIZE: 8px;
}
A.jMoisPrecWE, A.jMoisPrecWE:link, A.jMoisPrecWE.visited {
  COLOR: #EF5353;
  FONT-STYLE: italic;
  FONT-SIZE: 8px;
}
A.jMoisPrecWE:hover {
  COLOR: #FF0000;
  FONT-STYLE: italic;
  FONT-SIZE: 8px;
}
INPUT.CalTexte  {
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE: 9px;
  FONT-WEIGHT: bold;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #83909D;
  BORDER: #83909D solid 0px;
  TEXT-ALIGN: center;
}
A.calFlecheAnnee, A.calFlecheAnnee:link, A.calFlecheAnnee:visited {
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  COLOR: #FFFFFF;
  PADDING-LEFT: 2px;
  PADDING-RIGHT: 2px;
}
A.calFlecheAnnee:hover {
  COLOR: #FFFFFF;
}
A.calAllerDate, A.calAllerDate:link, A.calAllerDate:visited {
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE: 9px;
  FONT-WEIGHT: bold;
  COLOR: #FFFFFF;
  TEXT-DECORATION: overline underline;
  PADDING-LEFT: 1px;
  PADDING-RIGHT: 1px;
}
A.calAllerDate:hover {
  COLOR: #FFFFFF;
}
A.btnQuitter, A.btnQuitter:link, A.btnQuitter:visited {
  COLOR: #000000;
}
A.btnQuitter:hover  {
  COLOR: #999999;
}
TD.enteteTableau {
  BACKGROUND-COLOR: #83909D;
  COLOR: #FFFFFF;
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  TEXT-ALIGN: center;
}
TD.CalFondDebutSemaine {
  BORDER-WIDTH: 1px 0px 1px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondMilieuSemaine {
  BORDER-WIDTH: 1px 0px 1px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondFinSemaine {
  BORDER-WIDTH: 1px 1px 1px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D; 
}
TD.CalFondJour {
  BORDER-WIDTH: 1px 1px 1px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondDebutMoisDimanche {
  BORDER-WIDTH: 1px 1px 0px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondDebutmois {
  BORDER-WIDTH: 1px 0px 0px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondFinMoisLundi {
  BORDER-WIDTH: 0px 1px 1px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondFinMois {
  BORDER-WIDTH: 0px 1px 1px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondFinPremiereLigneMois {
  BORDER-WIDTH: 1px 1px 0px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondHautMois {
  BORDER-WIDTH: 1px 0px 0px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondDebutDernierLigneMois {
  BORDER-WIDTH: 0px 0px 1px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondFinMois {
  BORDER-WIDTH: 0px 1px 1px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}  
TD.CalFondDebutMois {
  BORDER-WIDTH: 1px 0px 0px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondBasMois {
  BORDER-WIDTH: 0px 0px 1px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondDebutLigneMois {
  BORDER-WIDTH: 0px 0px 0px 1px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D;
}
TD.CalFondFinLigneMois {
  BORDER-WIDTH: 0px 1px 0px 0px;
  BORDER-STYLE: solid;
  BORDER-COLOR: #83909D; 
}
.CalTitreSemaines {
  COLOR: #000000;
}
A.MemoFavorisTexte, A.MemoFavorisTexte:link, A.MemoFavorisTexte:visited {
  COLOR: #000000;
}
A.MemoFavorisTexte:hover  {
  COLOR: #999999;
}
.CalFavorisGroupe {
  COLOR: #000000;
}
A.AgendaTitreJours, A.AgendaTitreJours:link, A.AgendaTitreJours:visited {
  COLOR: #000000;
}
A.AgendaTitreJours:hover  {
  COLOR: #999999;
}
A.AgendaFleche, A.AgendaFleche:link, A.AgendaFleche:visited {
  COLOR: #FFFFFF;
}
A.AgendaFleche:hover  {
  COLOR: #404040;
}
/*FIN STYLE DU CALENDRIER ET SOUS MENU*/
/*STYLE DES TABLEAUX DE FORMULAIRE*/
TD.tabIntitule {
  FONT-WEIGHT: bold;
  PADDING-LEFT: 2px;
  PADDING-RIGHT: 2px;
  BORDER: solid 1px #666666;
}
TD.tabInput {
  PADDING-LEFT: 2px;
  PADDING-TOP: 1px;
  BORDER: solid 1px #666666;
}
TD.bordT {
  BORDER-TOP: solid 1px #666666;
}
TD.bordL {
  BORDER-LEFT: solid 1px #666666;
}
TD.bordR {
  BORDER-RIGHT: solid 1px #666666;
}
TD.bordB {
  BORDER-BOTTOM: solid 1px #666666;
}
TD.bordTL {
  BORDER-TOP: solid 1px #666666;
  BORDER-LEFT: solid 1px #666666;
}
TD.bordTR {
  BORDER-TOP: solid 1px #666666;
  BORDER-RIGHT: solid 1px #666666;
}
TD.bordTB {
  BORDER-TOP: solid 1px #666666;
  BORDER-BOTTOM: solid 1px #666666;
}
TD.bordTLR {
  BORDER-TOP: solid 1px #666666;
  BORDER-LEFT: solid 1px #666666;
  BORDER-RIGHT: solid 1px #666666;
}
TD.bordLRB {
  BORDER-LEFT: solid 1px #666666;
  BORDER-RIGHT: solid 1px #666666;
  BORDER-BOTTOM: solid 1px #666666;
}
TD.bordTLRB {
  BORDER: solid 1px #666666;
}
INPUT.Texte, TEXTAREA, SELECT  {
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE: 10px;
  BACKGROUND-COLOR: #FFFFF7;
  COLOR: #000000;
  BORDER: #666666 solid 1px;
}
INPUT.Case {
  WIDTH: 14px;
  HEIGHT: 14px;
  VERTICAL-ALIGN: middle;
}
INPUT.Bouton  {
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE: 10px;
  FONT-WEIGHT: bold;
  COLOR: #336699;
  BACKGROUND-COLOR: #B5BECE;
  BORDER: #666666 solid 1px;
  BACKGROUND-IMAGE: url("../skins/Grise/th.gif");
  CURSOR: pointer;
}
INPUT.PickList  {
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE: 9px;
  FONT-WEIGHT: bold;
  COLOR: #336699;
  BACKGROUND-COLOR: #B5BECE;
  BORDER: #666666 solid 1px;
  BACKGROUND-IMAGE: url("../skins/Grise/th.gif");
  WIDTH: 24px;
  CURSOR: pointer;
}
/*FIN STYLE DES TABLEAUX DE FORMULAIRE*/
/*STYLE PLANNING MENSUEL ET GLOBAUX*/
TR.PopUpGbl  {
  COLOR: #000000;
  VERTICAL-ALIGN: top; 
}
TD.jourPlanningGbl  {
  BACKGROUND-COLOR: #F1F1F1;
  BORDER-TOP: solid 1px #666666;
  BORDER-BOTTOM: solid 1px #666666;
}
TD.DjourPlanningGbl  {
  BACKGROUND-COLOR: #F1F1F1;
  BORDER-LEFT: solid 1px #666666;
  BORDER-TOP: solid 1px #666666;
  BORDER-BOTTOM: solid 1px #666666;
}
TD.FjourPlanningGbl  {
  BACKGROUND-COLOR: #F1F1F1;
  BORDER-RIGHT: solid 1px #666666;
  BORDER-TOP: solid 1px #666666;
  BORDER-BOTTOM: solid 1px #666666;
}
TD.jourPlanning  {
  BACKGROUND-COLOR: #F1F1F1;
  BORDER: solid 1px #666666;
}
TD.nomUtil {
  BACKGROUND-COLOR: #F1F1F1;
  FONT-WEIGHT: bold;
  BORDER: solid 1px #666666;
}
TD.numWeek {
  FONT-WEIGHT: bold;
  BORDER: solid 1px #666666;
  BACKGROUND-COLOR: #CCD9E2;
  PADDING: 2px;
  TEXT-ALIGN: center;
}
TD.numWeekCrt {
  FONT-WEIGHT: bold;
  BORDER: solid 1px #666666;
  BACKGROUND-COLOR: #E9EEF3;
  PADDING: 2px;
  TEXT-ALIGN: center;
}
TD.mensNote {
  BORDER: solid 1px #666666;
  BACKGROUND-COLOR: #FFFFFF;
}
TD.mensJour {
  BORDER: solid 1px #666666;
  BACKGROUND-COLOR: #E9EEF3;
}
TD.mensFerie {
  BORDER: solid 1px #666666;
  BACKGROUND-COLOR: #FFCC88;
}
TD.mensEvenement  {
  BORDER: solid 1px #666666;
  BACKGROUND-COLOR: #BBBBBB;
}
TD.mensPrec {
  BORDER: solid 1px #666666;
  BACKGROUND-COLOR: #F1F1F1;
}
/*FIN STYLE PLANNING MENSUEL ET GLOBAUX*/
/*STYLE DES LETTRES DE L'ALPHABET DU CALEPIN*/
A.alphabet,A.alphabet:link,A.alphabet:visited {
  FONT-SIZE: 10px;
}
A.alphabet:hover {
  FONT-SIZE: 13px;
}
/*FIN STYLE CASE PLANNING ANNUEL ET DISPONIBILITES*/
/*STYLE INFO BULLE*/
TD.ibHeure {
  FONT-WEIGHT: bold;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #404040;
  PADDING: 1px;
}
TD.ibTitre {
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #404040;
  PADDING: 1px;
}
TD.ibTexte {
  COLOR: #000000;
  BACKGROUND-COLOR: #FFFFE1;
  PADDING: 2px;
}
P.infoDate {
  FONT-SIZE: 9px;
  COLOR: #666666;
  TEXT-ALIGN: right;
}
DIV.infoDate {
  FONT-SIZE: 9px;
  COLOR: #666666;
  TEXT-ALIGN: right;
}
TABLE.infoBulle {
  BORDER-COLLAPSE: separate;
  BACKGROUND-COLOR: #666666;
}
/*FIN STYLE INFO BULLE*/
/*STYLE MESSAGES INFORMATIONS*/
.erreur  {
  FONT-FAMILY: Arial;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #ED1015;
}
.confirm  {
  FONT-FAMILY: Arial;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #008000;
}
.rouge  {
  COLOR: #ED1015;
  TEXT-ALIGN: center;
}
.vert  {
  COLOR: #008000;
  TEXT-ALIGN: center;
}
/*FIN STYLE MESSAGES INFORMATIONS*/

.displayBlock {
  DISPLAY: block;
}
.displayNone {
  DISPLAY: none;
}
.paddingDG3 TD {
  PADDING-LEFT: 3px;
  PADDING-RIGHT: 3px;
}
.generation {
  BACKGROUND-COLOR: #CCCCCC;
  HEIGHT: 15px;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
DIV.timezone {
  COLOR: #000000;
  FONT-SIZE: 9px;
  WIDTH: 99%;
  TEXT-ALIGN: right;
}
.code {
	BACKGROUND-COLOR: #FFFFFF;
  BORDER: solid 1px #666666;
}
A.about, A.about:link, A.about:visited {
	COLOR:#336699;
  TEXT-DECORATION:none;
  FONT-WEIGHT:bold;
}
A.about:hover {
	COLOR:#1F3D59;
  TEXT-DECORATION:none;
  FONT-WEIGHT:bold;
}
TD.about {
	COLOR:#000000;
  FONT-SIZE:11px;
  FONT-FAMILY:Verdana, Tahoma, Arial, sans-serif;
}
/* --- Modernisation douce planning mensuel --- */

TD.mensNote,
TD.mensJour,
TD.mensFerie,
TD.mensEvenement,
TD.mensPrec,
TD.jourPlanning,
TD.jourPlanningGbl,
TD.DjourPlanningGbl,
TD.FjourPlanningGbl {
  border: 1px solid #b8c2cc !important;
  padding: 3px !important;
  vertical-align: top;
}

TD.nomUtil {
  border: 1px solid #b8c2cc !important;
  padding: 3px 5px !important;
}

TD.mensNote,
TD.jourPlanning,
TD.jourPlanningGbl,
TD.DjourPlanningGbl,
TD.FjourPlanningGbl {
  line-height: 1.25;
}

TD.mensNote a,
TD.jourPlanning a,
TD.jourPlanningGbl a,
TD.DjourPlanningGbl a,
TD.FjourPlanningGbl a {
  font-size: 11px;
  line-height: 1.25;
}
/* --- Couleurs plus douces planning mensuel --- */

TD.mensNote,
TD.jourPlanning,
TD.jourPlanningGbl,
TD.DjourPlanningGbl,
TD.FjourPlanningGbl {
  background-color: #f8fafc !important;
}

TD.mensJour {
  background-color: #e6f1f6 !important;
}

TD.mensFerie {
  background-color: #fff4cc !important;
}

TD.mensEvenement {
  background-color: #edf2f7 !important;
}

TD.mensPrec {
  background-color: #f1f3f5 !important;
  color: #7a7f85 !important;
}

TD.nomUtil {
  background-color: #e9eef3 !important;
  color: #1f2933 !important;
}

TD.numWeek,
TD.numWeekCrt,
TD.enteteTableau {
  background-color: #d7e0e8 !important;
  color: #1f2933 !important;
}