/* En guise de faciliter la lecture et l'adaptation de css aux couleurs d'un
client voici la liste des couleurs du css

#000    : Noir
#ffffff : blanc

#eeeeee : Gris pâle (pet)
#5C5C5C : Gris foncé

#006531 : Vert foncé (remplace par #999999)
#a8bd8f : vert pelouse (pet)

#cc0000 : Rouge

Police de caractère:
Arial, Helvetica, Geneva, sans-serif

Nouvelles couleurs
#94BEE2 : Bleu moyen (header/footer)
#999999 : Bleu menu
#99B4CD : Bleu
#316ac5 : Bleu royal
#B2B2B2 : Bordure grise
cc0000 : Rouge Bene
#CFCFCF : Gris moyen

Nouvelle police de caractère:
Verdana, Geneva, Bitstream Vera Sans, sans-serif

*/
/******************************************************************************
  Tag par défaut
******************************************************************************/
/* grosseur du caractère 12 */
*{font-size:12px;}

/* Couleur de l'arrière plan par défaut */
body{background-color:#ffffff;margin:0;padding-left:30;padding-right:30;font-family:Verdana,Geneva, Bitstream Vera Sans,sans-serif;font-size:12px;}
body *{font-size:12px;}
th{padding:0;}
td{padding:0;}
img{border:0;margin:0;}

/* couleur de la ligne généré par le tag hr */
hr{color:#999999;height:1px;}

br{clear:both;}
p{font-size:12px;}

/* Couleur des hyperliens */
a,a:link{color:#999999;}
/* Couleur de l'hyperlien lorsque la souris est dessus */
a:hover{color:cc0000;}

/* Séparateur de liste */
ul,lo{list-style-image: url(sof.prb_get_fic?p_ficnom=pg_menuSecFleche&p_app=grh);}


/******************************************************************************
  Classes pour les attributs de page
*******************************************************************************/
/* Grosseur des marges */
div.t100BodyMargin{padding:5px 0px;}


/******************************************************************************
  Classes pour la barre de navigation
*******************************************************************************/
#t100NavBar{float:right;padding:2px;white-space:nowrap;}
a.t100NavLink{text-align:center;font-size:12px;height:1%;margin:0 3px;white-space:nowrap;}

#t100Logo2{float:left;padding:2px;}

div.t100Sep{height:5px;font-size:5px;clear:both;}
.t100NewBottom{color:#000000;font-size:10px;padding:2px 0;background-color:#0000;border-bottom:1px solid #000000;border-top:1px solid #000000;}
.t100NewBottom1{font-size:10px;float:left;padding:0 0 0 10px;}
.t100NewBottom2{font-size:10px;float:right;padding:0 10px 0 0;}
.t100FlowV{text-align:right;font-size:10px;padding:0 10px 0 0;}

#t100MessageHolder{text-align:center;}
/* Attribut pour les messages dans le haut des pages */
.t100SuccessMessage{margin:10px auto;font-size:12px;color:#cc0000;font-weight:bold;width:600px;background-image:url(../htmldb/icons/success_w.gif);background-repeat:no-repeat;padding:5px 5px 5px 20px;border:1px #999999 solid;}
.t100Notification{margin:10px auto;padding:5px;font-size:12px;color:#cc0000;font-weight:bold;text-align:center;vertical-align:top;border:1px #999999 solid;background-color:#FFFFFF;width:600px;}

/******************************************************************************
  Classes pour les attributs des onglets de page
*******************************************************************************/

table.t100PageTabs td.OnC{white-space:nowrap;background-image:url(tabOnM.png);background-repeat:repeat-x;background-color:#FFFFFF;font-weight:bold;text-decoration:none;}
table.t100PageTabs td.OnC a:link,table.t100PageTabs td.OnC a:visited{font-size:12px;white-space:nowrap;text-decoration:none;color:#999999;}
table.t100PageTabs td.OffC{white-space:nowrap;background-image:url(tabOffM.png);background-repeat:repeat-x;background-color:#FFFFFF;font-weight:bold;text-decoration:none;}
table.t100PageTabs td.OffC a:link,table.t100PageTabs td.OffC a:visited{font-weight:bold;font-size:12px;white-space:nowrap;text-decoration:none;}

span.OnC a:link,span.OnC a:visited{margin:1px 5px 2px;font-weight:bold;font-size:12px;white-space:nowrap;color:#999999;}
span.OnC a:hover{color:#C0C0C0;}
span.OffC a:link,span.OffC a:visited{margin:1px 5px 2px;font-weight:bold;font-size:12px;white-space:nowrap;color:#000;}
span.OnC a:hover{color:#C0C0C0;}

td.t100Layout{padding:0 10px;}
/* couleur de l'arrière ou on écrit Bienvenue */
.t100BreadcrumbRegion{border-bottom:1px #cc0000 solid;font-size:12px;width:100%;height:16px;line-height: 16px;}

/* Couleur de l'écriture dans la ligne de la région ou on écrit Bienvenue */
.t100Breadcrumbs{vertical-align:middle;padding:0 0 1px 3px;font-weight:bold;color:#ffffff;}

a.t100Breadcrumb:link,a.t100Breadcrumb:visited{font-weight:bold;vertical-align:middle;line-height: 16px;white-space:nowrap;#336699;} /*font-weight:bold;*/
a.t100Breadcrumb:hover{font-weight:bold;white-space:nowrap;color:cc0000;line-height: 16px;vertical-align:middle;}
span.t100Breadcrumb{font-weight:bold;white-space:nowrap;color:#999999;line-height: 16px;vertical-align:middle;}
span.t100BreadcrumbSep ,span.brdCrmSep{white-space:nowrap;padding:0 3px;line-height: 16px;vertical-align:middle;}


#t100BreadcrumbTop{clear:both;height:8px;font-size:2px;background-color:#ffffff;border-top:1px solid #cc0000;border-bottom:1px solid #ffffff;/*background-image:url(tabOnM.png);background-repeat:repeat-x;*/background-image:none;background-color:#ffffff;background-position:0 -2px;}
* html #t100BreadcrumbTop {clear:both;height:8px;font-size:2px;background-color:#ffffff;border-top:1px solid #cc0000;border-bottom:1px solid #ffffff;background-image:none;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff);}


#t100BreadcrumbTop2{clear:both;background-color:#999999;border-top:1px solid #999999;border-bottom:1px solid #999999;background-image:url(tabOnM.png);background-repeat:repeat-x;background-color:#999999;background-position:0 -2px;}
* html #t100BreadcrumbTop2 {clear:both;background-color:#999999;border-top:1px solid #999999;border-bottom:1px solid #999999;background-image:none;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#999999,EndColorStr=#999999);}

#t100Customize{float:right;margin-right:5px;color:#000000;}
#t100User{margin:0 0 0 10px;float:left;font-size:10px;}
#t100Workspace{margin:0 0 0 10px;font-size:10px;}
#t100PageTabs{float:right}
.pseudoButtonInactive , .pseudoButtonActive{cursor:hand;cursor:pointer;}

.t100ColumnSep{width:10px;}

/******************************************************************************
  Classes pour les boutons
*******************************************************************************/
.t100Button{margin:3px;}
a.t100ButtonAlternative1{color:#ffffff;padding:1px 2px;margin:3px;background-color:#316AC5;white-space:nowrap;border:#316AC5 1px solid;text-decoration:none;font-weight:bold;}
a.t100ButtonAlternative1:hover{color:#FFFFFF;background-color:cc0000;}
a.t100ButtonAlternative2{color:#ffffff;padding:1px 2px;margin:3px;background-color:#000000;white-space:nowrap;border:#000000 1px solid;text-decoration:none;font-weight:bold;}
a.t100ButtonAlternative2:hover{color:#FFFFFF;background-color:cc0000;}
a.t100ButtonAlternative3{color:black;padding:4px 8px;margin:4px;background-color:#F4F4F0;white-space:nowrap;border:black 1px solid;text-decoration:none;font-weight:bold;}
a.t100ButtonAlternative3:hover{color:black;background-color:#F4F4F0;border:cc00001px solid}
a.t100ButtonAlternativeRouge{color:#FFFFFF;padding:1px 2px;margin:3px;background-color:#7e1313;white-space:nowrap;border:#7e1313 1px solid;text-decoration:none;font-weight:bold;}
a.t100ButtonAlternativeRouge:hover{color:#FFFFFF;background-color:cc0000;}
a.t100ButtonConfirm{color:#FFFFFF;padding:1px 2px;margin:3px;background-color:#7e1313;white-space:nowrap;border:#7e1313 1px solid;text-decoration:none;font-weight:bold;}
a.t100ButtonConfirm:hover{color:#FFFFFF;background-color:cc0000;}

/******************************************************************************
  Classes pour les libellés
*******************************************************************************/
.t100NoLabel{font-weight:bold;white-space:nowrap;}
.t100OptionalLabel{font-weight:bold;white-space:nowrap;padding-right:5px;}
  a.t100OptionalLabel{color:#000000;text-decoration: none;}       /* Pour l'accueil */
  a.t100OptionalLabel:hover{color:cc0000;text-decoration: none;} /* Pour l'accueil */
.t100OptionalLabelwithHelp{cursor:help;font-weight:bold;white-space:nowrap;padding-right:5px;}
.t100RequiredLabel{color:#C0C0C0;font-weight:bold;white-space:nowrap;padding-right:5px;}
.t100RequiredLabelwithHelp{cursor:help;color:#C0C0C0;font-weight:bold;white-space:nowrap;padding-right:5px;}
.t100InlineError {text-decoration:underline;color:#999999;}
.t100InlineError span{color:#999999;}
.t100InlineError a{text-decoration:underline;color:#999999;}
.t100InlineError a:hover{text-decoration:underline;color:#999999;}
.t100InlineError a:visited{text-decoration:underline;color:#999999;}

/******************************************************************************
  Classes pour les listes
*******************************************************************************/
.t100ButtonList a{vertical-align:middle;padding:1px 3px;margin:3px;background-color:#eeeeee;white-space:nowrap;border:#C0C0C0 1px solid;text-decoration:none;font-weight:bold;}
.t100ButtonList a.t100Current, .t100ButtonList a:hover{color:#999999;background-color:#C0C0C0;}

.t100HorizontalImageswithLabelList{}
.t100HorizontalImageswithLabelList td{padding:5px;text-align:center;}
.t100HorizontalImageswithLabelList .t100current{}

.t100HorizontalLinksList{}
.t100HorizontalLinksList a{margin-left:3px;margin-right:3px;}
.t100HorizontalLinksList a.t100current{text-decoration:none;font-weight:bold;}

.t100TabbedNavigationList{white-space:nowrap;border-bottom: 1px solid rgb(159, 177, 188); margin: 0pt; padding: 0pt 0pt 20px 10px;}
.t100TabbedNavigationList li {white-space:nowrap;float:left;margin: 0; padding: 0;display: block;list-style-type: none;}
.t100TabbedNavigationList a:link, .t100TabbedNavigationList a:visited {font-weight:bold;padding: 0pt 12px 6px; float: left; font-size: 12px; line-height: 14px; font-weight: bold; text-decoration: none; color: rgb(112, 132, 145); }
.t100TabbedNavigationList a.t100current:link, .t100TabbedNavigationList a.t100current:visited, .t100TabbedNavigationList a:hover {font-weight:bold;background: transparent url(tab_rounded.gif) no-repeat scroll center bottom; color: #999999;}

.t100VerticalImagesList{}
.t100VerticalImagesList img{display:block;margin:auto;}
.t100VerticalImagesList td{text-align:center;padding:2px;}
.t100VerticalImagesList .t100current{border-left:2px solid #999999;border-right:2px solid #999999;}

.t100VerticalOrderedList{}
.t100VerticalOrderedList .t100current a{text-decoration:none;}

.t100VerticalUnorderedListwithBullets{}
.t100VerticalUnorderedListwithBullets li{}
.t100VerticalUnorderedListwithBullets .t100current a{text-decoration:none;}

.t100VerticalUnorderedLinkswithoutBullets{color:cc0000;}
.t100VerticalUnorderedLinkswithoutBullets .t100current a{font-weight: bold;text-decoration:none;}
.t100VerticalUnorderedLinkswithoutBullets a:link{color:#FFFFFF;font-weight: bold; text-decoration:none;}
.t100VerticalUnorderedLinkswithoutBullets a:visited{color:#FFFFFF;font-weight: bold; text-decoration:none;}
.t100VerticalUnorderedLinkswithoutBullets a:hover{color:#FFFFFF;font-weight: bold; }

.t100VerticalSidebarList{width:100%;}
.t100VerticalSidebarList a.t100nav{display:block}
.t100VerticalSidebarList .t100current a{display:block;text-decoration:none;}

.t100WizCurrent{background-color:#FFFFFF;border:cc0000solid 1px;padding:3px;text-align:center;width:140px;font-size:12px;color:#316AC5;}
.t100WizNon{background-color:#FFFFFF;border:#316AC5 solid 1px;padding:3px;text-align:center;width:140px;font-size:12px;color:#316AC5;}
.t100WizArrow{padding:3px;text-align:center;width:140px;font-size:12px;color:#316AC5;}

/******************************************************************************
  Classes pour les menus
*******************************************************************************/
.t100BreadcrumbMenu{}
.t100BreadcrumbMenu .t100current{}
.t100HierarchicalMenu{}
.t100HierarchicalMenu .t100current{}

/******************************************************************************
  Classes pour les rapports
*******************************************************************************/
th.t100ReportHeader{font-weight:bold;background-color:#999999;empty-cells:show;border-collapse:collapse;padding:1px 8px;color:#ffffff;}
th.t100ReportHeader a:link,th.t100ReportHeader a:visited{font-weight:bold;color:#FFFFFF;}
td.t100data{empty-cells:show;border-collapse:collapse;padding:2px 8px;vertical-align:top;}
td.t100dataalt{empty-cells:show;border-collapse:collapse;padding:2px 8px;}

table.t100Standard{border:1px #999999 solid;}
table.t100Standard tfoot tr td, table.t100Standard tfoot, table.t100Standard tfoot tr{background-color:#eeeeee;border:0;}
table.t100Standard th.t100ReportHeader {border-bottom:1px #999999 solid;}
table.t100Standard td.t100data{background:#ffffff;border-top:0px #999999 solid;border-bottom:1px #999999 dotted;empty-cells:show;}
table.t100Standard td.t100dataalt{background:#e0e0e0;border-bottom:1px #999999 dotted;empty-cells:show;}


table.t100Standardplan{border:1px #C0C0C0 solid;border-collapse:collapse;}
table.t100Standardplan tfoot tr td, table.t100Standard tfoot, table.t100Standard tfoot tr{background-color:#eeeeee;border:0;}
table.t100Standardplan th.t100ReportHeaderpln{font-weight:bold;background-color:#999999;empty-cells:show;border-collapse:collapse;padding:1px 5px;color:#ffffff;}
table.t100Standardplan td.t100dataplan{background:#ffffff;border-top:0px #C0C0C0 solid;border-bottom:1px #C0C0C0 dotted;empty-cells:show;}
table.t100Standardplan td.t100dataplan2{background:#ffffff;border-top:1px #999999 solid;border-left:1px #999999 solid;border-bottom:1px #999999 solid;padding:2px 0px;empty-cells:show;vertical-align:top;}
table.t100Standardplan td.t100dataplanFS{background:lightgrey;border-top:1px #999999 solid;border-left:1px #999999 solid;border-bottom:1px #999999 solid;padding:2px 0px;empty-cells:show;vertical-align:top;}

.t100Borderless{empty-cells:show;border-collapse:collapse;}
.t100Borderless th.t100ReportHeader {border:none;border-right:2px solid #999999;}
.t100Borderless td.t100data {border:none;}
.t100HorizontalBorder {empty-cells : show;	border-collapse : collapse;}
.t100HorizontalBorder th.t100ReportHeader {border-bottom:1px solid #999999;}
.t100HorizontalBorder td.t100data {border-bottom:1px solid #999999;}
.t100StandardAlternatingRowColors{empty-cells : show;	border-collapse : collapse;border-left:1px solid #999999;}
.t100StandardAlternatingRowColors th.t100ReportHeader{border:1px solid #999999;border-left:none;}
.t100StandardAlternatingRowColors td.t100data{border:1px solid #999999;border-left:none;border-top:none;}
.t100StandardAlternatingRowColors td.t100dataalt{background-color:#999999;padding:2px;border:1px solid #999999;border-left:none;border-top:none;}
.t100ValueAttributePairs{empty-cells : show;	border-collapse : collapse;}
.t100ValueAttributePairs th.t100ReportHeader{text-align:left;border:1px solid #999999;border-right:none;border-bottom:none;}
.t100ValueAttributePairs td.t100data{border:1px solid #999999;border-bottom:none;}
.t100ValueAttributePairs td.t100seperate{border-top:1px solid #999999;}
.t100ValueAttributePairs td.t100seperate hr{height:2px;color:#999999;background-color:#999999;}
.t100OneColumnUnorderedList{}

/******************************************************************************
  Classes pour les régions
*******************************************************************************/
/* Pour la couleur du titre de la région et de la couleur de la barre de titre */
.t100RegionHeader{background-color:#FFFFFF;color:cc0000;font-size:52px;}
.t100RegionTitle{text-align:left;padding:2px; font-weight:bold}
.t100RegionButtons{text-align:right;padding:2px;}
.t100RegionBody {padding:5px;background-color:#FFFFFF;font-size:12px;}
.t100BorderlessRegion{margin:10px 0;}
.t100BorderlessRegion .t100RegionTitle {border:1px #999999 solid;border-right:none;}
.t100BorderlessRegion .t100RegionButtons {border:1px #999999 solid;border-left:none;}
.t100BorderlessRegion .t100RegionBody{background:none;}
.t100BracketedRegion {margin:10px 0;}
.t100BracketedRegion .t100RegionTitle {border:1px solid cc0000;}
.t100BracketedRegion .t100RegionBody {border-bottom:1px solid cc0000;}
.t100BracketedRegion .t100bracket {background-color:#999999;width:2px;height:10px;}
.t100ButtonRegionwithTitle {border:1px #999999 solid;margin:10px 0;}
.t100ButtonRegionwithoutTitle {border:1px #999999 solid;margin:10px 0;}
.t100ListRegionwithIcon {border:1px #999999 solid;margin:10px 0;}
.t100ChartRegion{margin:10px 0;}
.t100ChartRegion .t100RegionHeader{background:none;font-size:14px;color:cc0000;vertical-align:bottom;}
.t100ChartRegion  th{border-bottom:solid 1px #999999;}
.t100ChartRegion .t100RegionBody{background:none;}
.t100FormRegion {border:1px #999999 solid;margin:10px 0;}
.t100FormRegion  .t100RegionBody{background-color:#999999;padding:5px;font-size:12px;font-family:Verdana, Geneva, Bitstream Vera Sans, sans-serif;}
.t100NavigationRegion {width:200px;margin:10px 0;border:1px solid #999999;}
.t100NavigationRegion .t100RegionBody {}
.t100NavigationRegionAlternative1 {width:200px;margin:10px 0;border:1px solid #999999;}
.t100NavigationRegionAlternative1 .t100RegionBody {}
.t100RegionWithoutButtonTitle{border:1px #999999 solid;margin:10px 0;}
.t100RegionWithoutTitle{border:1px #999999 solid;margin:10px 0;}
.t100ReportRegion{margin:10px 0;}
.t100ReportRegion .t100RegionHeader{background:none;color:cc0000;vertical-align:bottom;}
.t100ReportRegion .t100RegionTitle{text-align:left;border-bottom:solid 1px #999999;}
.t100ReportRegion .t100RegionButtons{text-align:right;border-bottom:solid 1px #999999;}
.t100ReportRegion .t100RegionBody{background:none;}
.t100ReportRegionAlt1 {border:1px #ffffff solid; margin:10px 0;}

/* Ici bizarrement il faut laisser la couleur #eee qui est bleu pour avoir le fond des forms gris */
.t100ReportRegionAlt1  .t100RegionBody{border-top:1px #999999 solid; background-color:#FFFFFF;padding:5px;font-size:12px;font-family:Verdana, Geneva, Bitstream Vera Sans, sans-serif;}

.t100SidebarAlt1{width:200px;margin:10px 0;table-layout:fixed;}
.t100SidebarAlt1 thead tr th{background-color:#AFAFAF;font-size:12px;}
.t100SidebarAlt1 thead tr th.L{background-repeat : no-repeat;width:10px;background-position : top left;}
.t100SidebarAlt1 thead tr th.C{text-align:center;color:#FFFFFF;}
.t100SidebarAlt1 thead tr th.R{background-repeat : no-repeat;width:10px;background-position : top right;}
.t100SidebarAlt1 tbody tr td.B{background-color:#FFFFF;border:1px #AFAFAF solid;border-top:none;font-size:12px;padding:10px;}
.t100Sidebar{width:200px;margin:0 0 10px 0;table-layout:fixed;}
.t100Sidebar th {background-color:#999999;}
.t100Sidebar th.L{background-repeat : no-repeat;width:10px;vertical-align:top;background-position : top left;}
.t100Sidebar th.C{text-align:center;font-weight:bold;font-size:12px;color:#ffffff}
.t100Sidebar th.R{background-repeat : no-repeat;width:10px;vertical-align:top;background-position : top right;}
.t100Sidebar td.B{background-color:#C0C0C0;border:1px #999999 solid;border-top:none;font-size:12px;padding:6px;}
table.t100WizardRegion{width:600px;border:1px #999999 solid;margin:10px 0;}
table.t100WizardRegion tbody.Success td.t100RegionBody{padding-left:45px;background-repeat : no-repeat;background-image:url(success_w.gif); background-position: 5px 5px;}
table.t100WizardRegion tbody.Fail td.t100RegionBody{padding-left:45px;background-repeat : no-repeat;background-image:url(fail.gif); background-position: 5px 5px;}
table.t100WizardRegion tbody.Confirm td.t100RegionBody{padding-left:45px;background-repeat : no-repeat;background-image:url(confirmicon_pagetitle.gif); background-position: 5px 5px;}
table.t100WizardRegion tbody.Warning td.t100RegionBody{padding-left:45px;background-repeat : no-repeat;background-image:url(warningicon_pagetitle.gif); background-position: 5px 5px;}

/* Régions pour la page d'accueil */
#regionAccueil {}
#regionAlertes {padding:2px 4px;}
.regionAlerteRemarque, .regionAlerteImportant {margin:0 0 6px;}
.regionAlerteRemarque  span, .regionAlerteImportant span {display:block;}
.alerteSujet {font-weight:bold; padding:6px 2px 5px 31px;}
.regionAlerteImportant .alerteSujet {color:#EE0000;}


/******************************************************************************
  Classes pour les calendriers
*******************************************************************************/
.t100CalendarHolder{width:100%;margin:0 0 15px 0;}
.t100CalendarHolder td{padding:3px;}
.t100CalendarHolder .t100MonthTitle{text-align:center;padding:5px;color:cc0000;font-weight:bold;font-size:16px;}
.t100Calendar {width:100%;border:1px solid #999999;background-color:#C0C0C0;}
.t100Calendar .t100DayOfWeek{padding:3px;font-size:12px;}
.t100Calendar td{height:75px;width:14%;border-top:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999FFF;border-bottom:1px solid #999999FFF;vertical-align:top;background-color:#999999FFF;padding:2px;}
.t100Calendar .t100DayTitle{text-align:right;font-size:12px;font-weight:bold;}
.t100Calendar .t100Day{vertical-align:top;}
.t100Calendar .t100NonDayTitle{color:#999999;text-align:right;font-size:12px;font-weight:bold;}
.t100Calendar .t100NonDay{background:#999999;}
.t100Calendar .t100WeekendDayTitle{text-align:right;font-size:12px;font-weight:bold;}
.t100Calendar .t100Today{background-color:#C0C0C0;border-top:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999FFF;border-bottom:1px solid #999999FFF;}
.t100Calendar .t100Today .t100DayTitle{color:#999999;text-align:right;font-size:12px;font-weight:bold;}

.t100CalendarAlternative1Holder{}
.t100CalendarAlternative1Holder .t100MonthTitle{text-align:center;font-size:20px;color:cc0000;font-weight:bold}
.t100CalendarAlternative1 {border:1px solid #999999;}
.t100CalendarAlternative1 .t100DayOfWeek{padding:3px;background-color:#999999;}
.t100CalendarAlternative1 td{padding:3px;width:100px;height:100px;border:1px solid #999999;}
.t100CalendarAlternative1 .t100DayTitle{font-weight:bold;text-align:right;float:left;margin-right:5px;}
.t100CalendarAlternative1 .t100Day{vertical-align:top;}
.t100CalendarAlternative1 .t100NonDayTitle{font-weight:bold;text-align:right;float:left;margin-right:5px;color:#000;}
.t100CalendarAlternative1 .t100NonDay{border:none;}
.t100CalendarAlternative1 .t100WeekendDayTitle{font-weight:bold;text-align:right;float:left;margin-right:5px;color:#999999;}
.t100CalendarAlternative1 .t100WeekendDay{}
.t100CalendarAlternative1 .t100Today{vertical-align:top;vertical-align:top;border:cc00003px dashed;background-color:#C0C0C0;}

.t100SmallCalenderHolder{}
.t100SmallCalenderHolder .t100MonthTitle{background-color:cc0000;text-align:center;font-weight:bold;border:1px solid #000;padding:2px;color:#999999;}
.t100SmallCalender .t100DayTitle{border-bottom:1px solid #999999;background-color:#C0C0C0;}
.t100SmallCalender td{width:40px;height:40px;border:1px solid #000;}
.t100SmallCalender .t100Day{vertical-align:top;}
.t100SmallCalender .t100DayOfWeek{background-color:#C0C0C0;}
.t100SmallCalender .t100NonDayTitle{color:#000;border-bottom:1px solid #999999;background-color:#999999;}
.t100SmallCalender .t100NonDay{}
.t100SmallCalender .t100WeekendDayTitle{color:#000;border-bottom:1px solid #999999;background-color:#999999;}
.t100SmallCalender .t100WeekendDay{}
.t100SmallCalender .t100Today{vertical-align:top;border:#000 1px solid;background-color:#C0C0C0;color:#999999;}

/******************************************************************************
  Classes pour le DHTML
*******************************************************************************/
div.dhtmlMenuLG{white-space:nowrap;clear:both;}
div.dhtmlMenuLG div.dhtmlMenuItem{text-align:center;float:left;margin:0px 15px 0px 0px;}
div.dhtmlMenuLG a.dhtmlBottom{text-decoration:none;display:block;font-size:12px;margin:0px 5px;font-weight:bold;}
div.dhtmlMenuLG img.dhtmlMenu{}
div.dhtmlMenuLG div.t100BKHolder{float:left;}
div.dhtmlMenuLG img.dhtmlMenuOn{}

.dhtmlMenuLG2{list-style-type:none;padding:1px;}
.dhtmlMenuLG2 li.dhtmlMenuItem{float:left;}
.dhtmlMenuLG2 li.dhtmlMenuItem a{text-decoration:none;display:block;padding:2px;border:1px outset #000;height:1%;float:left;}
.dhtmlMenuLG2 li.dhtmlMenuItem a:hover{background-color:#999999;}
.dhtmlSubMenu {background-color: #c9d7f1;font-size: 11px;border:1px solid #000000;list-style-type : none;margin:0em;padding-left:0em;}
.dhtmlSubMenu li{margin:0em;padding-left:0em;}
.dhtmlMenuSep{text-align:center;}
img.dhtmlMenuSep{display:block; margin:auto; width:80%;border:1px solid #C0C0C0; height:1px; background-color:#c9d7f1; }
.dhtmlSubMenu img.dhtmlSep {width:180px;height:1px;}
.dhtmlSubMenu .t100MIMG {vertical-align:middle;float:right}
.dhtmlSubMenu .dhtmlSubMenuP {text-align:center;color: #000000;padding: 3px;border-bottom:#000000 1px solid;padding:0px 8px;text-decoration: none;white-space: nowrap;font-weight:bold;margin:1px;}
.dhtmlSubMenu a.dhtmlSubMenuN {border:none;color:#000000;display:block;font-weight:normal;padding:3px 8px;text-decoration: none;		white-space: nowrap;		margin:1px;		height:1%;		overflow:hidden;	}
.dhtmlSubMenu a.dhtmlSubMenuN:hover {background-color:#999999;border:none;color:#000;padding:3px 8px;margin:1px;}
.dhtmlSubMenu a.dhtmlSubMenuS {border:1px solid #C0C0C0;color:#000000;display:block;font-weight:normal;padding:3px 8px;	text-decoration: none;		white-space: nowrap;		margin:1px;		height:1%;		overflow:hidden;	}
.dhtmlSubMenu a.dhtmlSubMenuS:hover {background-color:#c9d7f1;border:1px solid #000;color: #000;display:block;font-weight:normal;padding:3px 8px;margin:1px;}

ul.dhtmlSubMenu {margin:0 0 0 10px;padding:0;list-style-type:none;list-style-image:none;}

ul.dhtmlTree {margin:0 0 0 10px;padding:0;list-style-type:none;}
ul.dhtmlTree li{padding:2px 0px;}
ul.dhtmlTree li img{margin:0px 4px;}

/* classe ajouter par SOFE
  pour le texte affiché dans les écrans
*/

/* Pour l'affichage des instructions de saisie*/
.sofInsSai{}

/* Pour l'affichage des commentaires de page */
.sofComPag{font-style:italic;color:#999999;}

/* Pour l'affichage des arbres avec ou sans hyperliens */
span.sofArbre{}
a.sofArbre{color:#000000;text-decoration: none;}
a.sofArbre:hover{color:cc0000;text-decoration: none;}

/* Pour l'affichage des hyperliens comme les hyperliens modifier*/
a.sofUrl{color:#999999}
.sofUrl{color:#999999} /* Pour permettre au | des liens de bas de page d'apparaitre en vert*/
a.sofUrl:hover{color:cc0000}

/* Pour le remplissage du menu */
.sofMenu{background-color:#AFAFAF;border:1px solid #000000;}

/* Pour l'aborescence */
.sofNodeParent{color:#000;font-weight:bold;font-size:16px;white-space:nowrap;}
.sofNode{color:#000;font-weight:bold;white-space:nowrap;}

/* Pour les entêtes de pages */
.sofentete{color:#000000;font-weight:bold;font-size:16px;}
.sofsoustitre{color:#000000;font-weight:bold;}
/******************************************************************************
  En tête pour l'offre d'emploi (page 40)
*******************************************************************************/
.t100ReportRegionAlt2 {color:#000000;font-size:12px;border:1px solid #999999;margin:10px 0pt;}
.t100ReportRegionAlt2 thead.t100RegionHeaderAlt2{background-color:#FFFFFF;color:#cc0000;}
.t100ReportRegionAlt2 th.t100RegionTitleAlt2{text-align:left;padding:2px;color:#cc0000;font-size:18px;}
.t100ReportRegionAlt2 td.t100RegionBodyAlt2{background-color:#FFFFFF;padding:5px;border-top:1px solid #999999;}
/******************************************************************************
  corps pour l'offre d'emploi (page 40)
*******************************************************************************/
.t100ReportRegionAlt3 {color:#000000;font-size:12px;border:1px solid #999999;margin:10px 0pt;}
.t100ReportRegionAlt3 thead.t100RegionHeaderAlt3{background-color:#cc0000;color:#FFFFFF;}
.t100ReportRegionAlt3 th.t100RegionTitleAlt3{text-align:left;padding:2px;color:#FFFFFF;font-size:12px;border-bottom:1px solid #999999;}
.t100ReportRegionAlt3 td.t100RegionBodyAlt3{background-color:#FFFFFF;padding:5px;}
/******************************************************************************
  Pied de page pour l'offre d'emploi (page 40)
*******************************************************************************/
.t100ReportRegionAlt4 {color:#FFFFFF;font-size:12px;border:1px solid #999999;margin:10px 0pt;}
.t100ReportRegionAlt4 thead.t100RegionHeaderAlt4{background-color:#cc0000;color:#FFFFFF;}
.t100ReportRegionAlt4 th.t100RegionTitleAlt4{text-align:left;padding:2px;color:#FFFFFF;font-size:12px;}
.t100ReportRegionAlt4 td.t100RegionBodyAlt4{background-color:#FFFFFF;padding:5px;}
/******************************************************************************
  Tableau dans l'offre d'emploi (page 40)
*******************************************************************************/
.sofHorizontalBorder {empty-cells : show;	border-collapse : collapse;}
.sofHorizontalBorder th.t100ReportHeader {border-bottom:1px solid #999999;}
.sofHorizontalBorder td.t100data  {border-bottom:0px dashed #999999;}
.sofHorizontalBorder td.t100data2 {border-bottom:1px dashed #999999;}
/******************************************************************************
  Notification soumission (page 41)
*******************************************************************************/
.t100ReportRegionAlt5 {color:#FFFFFF;font-size:12px;border:1px solid #999999;width:100%;margin-top:10px;}
.t100ReportRegionAlt5 thead.t100RegionHeaderAlt5{background-color:#EEEEEE;color:#FFFFFF;margin:auto;}
.t100ReportRegionAlt5 th.t100RegionTitleAlt5{text-align:right;padding:none;color:cc0000;}
.t100ReportRegionAlt5 td.t100RegionBodyAlt5{background-color:#FFFFFF;padding:5px;}
/******************************************************************************
  Pour les listes de valeurs
*******************************************************************************/
span.t100PopupBody{color:#ffffff}
a.t100PopupBody{color:#ffffff}
a.t100PopupBody:hover{color:#ffffff}

.boutonLov{color:#ffffff;padding:1px 2px;margin:3px;background-color:cc0000;white-space:nowrap;border:#999999 1px solid;text-decoration:none;font-weight:bold;}
.boutonLov:hover{color:#ffffff;background-color:#ffffff;}

.paginationLov{padding:2px;font-size:10pt;font-weight:bold}

/******************************************************************************
  Pour les zones de texte
*******************************************************************************/
TextArea{font-family:Verdana, Geneva, Bitstream Vera Sans, sans-serif;font-size:12px;}

/******************************************************************************
  Pour les textes intro. des questionnaires
*******************************************************************************/
.sofTxtInt{font-style:italic;color:#000000;}

/******************************************************************************
  Pour les rapports intéractifs
*******************************************************************************/
td.apex_finderbar_left {background:#FFFFFF none repeat scroll 0 0;border-bottom:0px solid #CCCCCC;border-right:0px solid #CCCCCC;border-top:0px solid #CCCCCC;white-space:nowrap;}
.apex_finderbar_left_middle {background-image:url(/i/themes/portailEmployeClient/images/null.png);}
.apex_finderbar_left_top {background-image:url(/i/themes/portailEmployeClient/images/null.png);}
.apex_finderbar_left_top img.spacer {background-image:url(/i/themes/portailEmployeClient/images/null.png);display:block;}
.apex_finderbar_left_bottom {background-image:url(/i/themes/portailEmployeClient/images/null.png);}
.apex_finderbar_left_bottom img.spacer {background-image:url(/i/themes/portailEmployeClient/images/null.png);display:block;}

td.apex_finderbar_middle {background:#FFFFFF none repeat scroll 0 0;border-bottom:0px solid #CCCCCC;border-top:0px solid #CCCCCC;white-space:nowrap;}

.apexir_WORKSHEET_DATA {border:1px solid #999999;border-collapse:collapse;empty-cells:show;font-size:12pt;}
.apexir_WORKSHEET_DATA tfoot tr td {background:#FFFFFF none repeat scroll 0 0;}
.apexir_WORKSHEET_DATA th {background:#999999 repeat-x scroll 0 0;border-bottom:1px solid #999999;border-top:1px solid #CCCCCC;color:#FFFFFF;font-size:8pt;font-weight:bold;letter-spacing:1px;white-space:nowrap;}
.apexir_WORKSHEET_DATA th div {color:#FFFFFF;cursor:pointer;font-size:8pt;letter-spacing:1px;margin:3px 9px;text-decoration:underline;}
.apexir_WORKSHEET_DATA td {background:#FFFFFF none repeat scroll 0 0;border-bottom:1px solid #999999;border-bottom:1px dotted #999999;border-top:0 solid #999999;empty-cells:show !important;font-size:10pt;padding:3px 9px;}
.apexir_WORKSHEET_DATA tfoot tr {background-color:#eeeeee;border:0;}

#apexir_rollover_content a:hover, #apexir_col_values_drop a:hover {
background-image:url(../ws/report_bg.gif);
background-repeat:repeat-x;
color:#FFFFFF;
cursor:pointer;
}
#apexir_SEARCHDROP a:hover {
background-image:url(../ws/report_bg.gif);
background-repeat:repeat-x;
color:#FFFFFF;
cursor:pointer;
}
#apexir_SEARCH_COLUMN_DROP {
font-size:12px;
}
#apexir_rollover #search {
width:100%;
}

/* Tableau pour les régions supplémentaires */
.sofRegionAutre {
border: 1px solid #AAAAAA;
background-color: #EAEAEA;
margin: 0 0 8px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sofRegionAutreEntete {
border-bottom: none;
text-align: left;
padding: 2px;
}
.sofRegionAutreCorps {
padding: 4px;
}


/******************************************************************************
  Pour les menus dropdown ( Modification du css de APEX)

#nav2 { margin-left: 103px; display: none; position: absolute; z-index: 0; top: 0px; left: 0px; }
#nav2 ul { padding: 0; margin: 0; }
#nav2 li { display: block; list-style-type: none; border-top: 0; }
#nav2 li a { padding: 2px; }
#nav2 li a:hover { background-color: #000000; }
*******************************************************************************/
.jqmClose{ background:#FFDD00; border:1px solid #FFDD00; color:#000; clear:right; float:right; padding:0 5px; cursor:pointer; }
.jqmClose:hover{ background:#FFF; }
#jqmContent{ width:99%; height:99%; display: block; clear:both; margin:auto; margin-top:10px; background:#111; border:1px dotted #444; }

.dhtmlSubMenu a.dhtmlSubMenuS, .dhtmlSubMenu a.dhtmlSubMenuN {border:none;color:#000000;display:block;font-weight:normal;height:1%;margin:1px;overflow:hidden;padding:3px 8px;text-decoration:none;white-space:nowrap;}
.dhtmlSubMenu a.dhtmlSubMenuS:hover, .dhtmlSubMenu a.dhtmlSubMenuN:hover {background:#c9d7f1 none repeat scroll 0 0;border:none;color:#000000;}
a.dhtmlSubMenuS, a.dhtmlSubMenuN {display:block;font-size:1em;line-height:1.2em;vertical-align:middle;}
a.dhtmlSubMenuS *, a.dhtmlSubMenuN * {vertical-align:middle;}
.dhtmlSubMenu {background:#C9D7F1 none repeat scroll 0 0;border:1px solid #000000;font-size:11px;list-style-type:none;margin:0;padding:0;width:220px;}
#apexir_columnsearch, #apexir_col_values_drop, #apexir_rollover {background:#c9d7f1 none repeat scroll 0 0;border:1px solid #000000;font-size:10px;overflow:hidden;position:absolute;}

/******************************************************************************
  Onglets des rapports interactifs enregistrés
*******************************************************************************/
#apexir_REPORT_TABS span.current {background:#999999 none repeat scroll 0 0;color:#FFFFFF;margin-bottom:0;}
#apexir_REPORT_TABS span a {display:none;}

/******************************************************************************
  Menus déroulants
*******************************************************************************/
#menu li {position:relative;}
#menu, ul#menu li ul{position:absolute;}
#menu li{float:right;}
#menu li li, #zone div {float:none;}
#menu li a:hover, #menu li:hover a, #menu li.over a {background-position:0 -26px;}
#menu {z-index:100;}
#menu li ul {z-index:-1;}
#menu li a{background-color:#C9D7F1;background-position:0 0;background-repeat:no-repeat;white-space:nowrap;padding:2px 2px;;}
ul#menu li ul{display:none;}
ul#menu li:hover ul, ul#menu li.over ul, #menu li a {display:block;border:1px solid #000000;}
#nav ul, #nav li{list-style-image:none;list-style-position:outside;list-style-type:none;}


/*********************************************************************************************
  Zone pour les Boites de confirmation de cycle
**********************************************************************************************/

.t100ReportCustom {border:1px #999999 solid;margin:10px 0;}
.t100ReportCustom .t100RegionHeader{background-color:#999999;color:cc0000;vertical-align:bottom;}
.t100ReportCustom .t100RegionTitle{text-align:left;border-bottom:solid 1px #999999;}
.t100ReportCustom .t100RegionBody{background-color:#FFFFFF;}

/******************************************************************************
  Pour le nouveau modèle de page du Relevé de paie
*******************************************************************************/
.sofReleveRegionRapportGauche, .sofReleveRegionRapportDroite {border-top:1px solid #AAAAAA; padding:3px;}
.sofReleveRegionRapportGauche {border-right:1px solid #AAAAAA;}