/*
CSS - Portail Employé

Afin de faciliter la lecture et l'adaptation de css aux couleurs d'un
client, voici la liste des principales couleurs utilisées

#5989C8 : Bleu pour le texte et entêtes de tableau
#EE8627 : Orange pour les liens lors du survol avec la souris

#E6EDF7 : Bleu pour les lignes pairs des tableaux
#CDDBEE : Bleu pour les lignes impairs des tableaux

#EE0000 : Rouge pour les messages d'erreurs

#000000 : Noir pour certain texte
#888888 : Gris pour les lignes des titres de tableaux et certaines bordures
#FFFFFF : Blanc pour le texte des entêtes de tableaux et les boutons

*/

/******************************************************************************
  Tag par défaut
******************************************************************************/
/* Éléments de base pour toutes les pages et templates */
html, body {height:100%; margin:0; padding:0;}
body {font-size:100%; font-weight:normal; font-family:Verdana, sans-serif; text-align:center;}
div, td {font-size:12px;}
div.sofDivBody {width:950px; height:auto !important; height:100%; min-height:100%; margin:0 auto; text-align:left;}
div.sofDivPadding {padding:0 0 45px;}
div.sofDivEntete {width:100%; height:84px; text-align:left;}
div.sofDivPied {width:950px; height:45px; margin:-45px auto 0;}
form {margin:0;}
div.t100BodyMargin {padding:8px 9px; background-color:#FFFFFF;}

/* Logo de la page */
.sofLogo {height:50px; display:block; padding:0 10px;}
.sofLogo a {position:relative; top:15px; left:15px;}

/* Couleur des hyperliens */
a,a:link {color:#5989C8; text-decoration:none;}
a:hover {color:#EE8627; text-decoration:none;}
a.t100LienNoir,a.t100LienNoir:link {color:#000000;}
a.t100LienNoir:hover {color:#EE8627;}
a.t100LienOrange,a.t100LienOrange:link {color:#EE8627;}
a.t100LienOrange:hover {color:#5989C8;}
a.t100LienBleu,a.t100LienBleu:link {color:#5989C8;}
a.t100LienBleu:hover {color:#EE8627;}
a.t100linkgreen {color:#00CC00; font-size:10px;}
a.t100linkblue {color:#0066FF; font-size:10px;}
a.t100linkorange {color:#EE8627; font-size:10px;}

/* Couleurs de base pour le texte */
.sofTextBleu {color:#5989C8;}
.sofTextOrange {color:#EE8627;}

/* Bouton SOFE par défaut */
a.sofBouton, a.sofBouton:link {background-color:transparent; background-repeat:no-repeat; background-attachment:scroll; background-position:top right; color:#FFFFFF; font-size:12px; font-weight:bold; height:22px; margin:2px 3px; padding-right:12px; float:right; display:block;}
a.sofBouton span {background-color:transparent; background-repeat:no-repeat; background-attachment:scroll; background-position:top left; display:block; line-height:14px; padding:3px 0 5px 12px;}
a.sofBouton:hover {background-position:bottom right; color:#FFFFFF; outline:none;}
a.sofBouton:hover span {background-position:bottom left; padding:4px 0 4px 12px;}

/* Images */
img {border:0; margin:0; vertical-align:bottom;}

th {padding:0;}
td {padding:0;}

/* Ligne standard */
hr {color:#ffffff; height:1px;}

br {clear:both;}

/* Séparateur de liste */
ul {list-style:disc inside none; margin:0 0 0 2px; padding:0;}

/* Pour l'affichage des radio-boutons et cases à cocher */
fieldset input[type="radio"]    {line-height:18px; margin:2px 4px; vertical-align:bottom;}
fieldset input[type="checkbox"] {line-height:18px; margin:2px 4px; vertical-align:bottom;}
fieldset label {line-height:18px; vertical-align:bottom;}

input  {margin:0; font-size:12px;}
textarea {margin:0; font-size:12px;}
select {margin:0; font-size:12px;}

/******************************************************************************
  Classes pour la région Hide/Show des autres actions possibles dans un cycle
*******************************************************************************/
.sofDivAutresActions {white-space:nowrap;}
.sofDivAutresActionsHead {display:block; text-align:center;}
.sofDivAutresActionsBody {display:block; text-align:left;}
.sofDivAutresActionsBody span {display:block; margin:4px 0;}

/******************************************************************************
  Classes pour la barre de navigation
*******************************************************************************/
#t100NavBar {float:none; display:block; text-align:right; white-space:nowrap; padding:2px 20px 0; position:relative; top:10px;}
span.t100NavLink {display:inline-block; text-align:center; margin:0 1px; width:104px; height:27px;}
span.t100NavLink a {line-height:27px; vertical-align:middle;}

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

div.t100Sep{height:5px;font-size:5px;clear:both;}
.t100NewBottom{color:#ffffff;font-size:10px;padding:2px 0;background-color:#6994BA;border-bottom:1px solid #6994BA;border-top:1px solid #6994BA;}
.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;}

/* Classes pour les messages dans le haut des pages */
#t100MessageHolder{text-align:center; clear:both;}
.t100SuccessMessage {width:50%; margin:4px auto; padding:4px 8px; color:#5989C8; font-weight:bold; text-align:center; display:inline-block; vertical-align:top; border-top:1px solid #5989C8; border-bottom:1px solid #5989C8; border-left:none; border-right:none; background-color:#E6EDF7;}
.t100Notification   {width:50%; margin:4px auto; padding:4px 8px; color:#EE0000; font-weight:bold; text-align:center; display:inline-block; vertical-align:top; border-top:1px solid #EE0000; border-bottom:1px solid #EE0000; border-left:none; border-right:none; background-color:#FFE4E2;}

/******************************************************************************
  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:#a8bd8f;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:#ffffff;}
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:#ffffff;}
span.OnC a:hover{color:#a8bd8f;}
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:#a8bd8f;}

td.t100Layout{padding:0 10px;}

/* Région des breadcrumps */
.t100BreadcrumbRegion {width:auto; height:auto; margin:0 5px; clear:both; display:block;}
a.t100Breadcrumb:link, a.t100Breadcrumb:visited {line-height:16px; vertical-align:middle; white-space:nowrap; float:left; font-weight:bold;}
span.t100Breadcrumb {line-height:16px; vertical-align:middle; white-space:nowrap; float:left; font-weight:bold; color:#5989C8;}
span.t100BreadcrumbSep {vertical-align:middle; white-space:nowrap; float:left; font-weight:normal; color:#000000; padding:0 3px;}
/*.t100Breadcrumbs{float:right;vertical-align:middle;padding:0 0 1px 3px;font-weight:bold;color:#ffffff;}
#t100BreadcrumbTop{clear:both;height:8px;font-size:2px;background-color:#6994BA;border-top:1px solid #ffffff;border-bottom:1px solid #6994BA;background-repeat:repeat-x;background-color:#6994BA;background-position:0 -2px;}
* html #t100BreadcrumbTop {clear:both;height:8px;font-size:2px;background-color:#6994BA;border-top:1px solid #ffffff;border-bottom:1px solid #6994BA;background-image:none;}
#t100BreadcrumbTop2{clear:both;background-color:#ffffff;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;background-repeat:repeat-x;background-position:0 -2px;}
* html #t100BreadcrumbTop2 {clear:both;background-color:#ffffff;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;background-image:none;}*/


#t100Customize{float:right;margin-right:5px;}
#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:#ffffff;white-space:nowrap;border:#ffffff 1px solid;text-decoration:none;font-weight:bold;}
a.t100ButtonAlternative1:hover:#ffffff;background-color:#ffffff;}
a.t100ButtonAlternative2{color:#ffffff;padding:1px 2px;border:#316AC5 1px solid;margin:3px;background-color:#316AC5;white-space:nowrap;text-decoration:none;font-weight:bold;}
a.t100ButtonAlternative2:hover{color:#ffffff;background-color:#F98500;}
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:#F98500 1px solid}

/******************************************************************************
  Classes pour les libellés
*******************************************************************************/
.t100NoLabel {font-weight:bold; white-space:nowrap;}
.t100OptionalLabel {color:#5989C8; font-weight:bold; white-space:nowrap; padding-right:5px;}
.t100OptionalLabelNoir {color:#000000; font-weight:bold; white-space:nowrap; padding-right:5px;}
.t100RequiredLabel {color:#5989C8; font-weight:bold; white-space:nowrap; padding-right:5px;}
.t100RequiredLabelNoir {color:#000000; font-weight:bold; white-space:nowrap; padding-right:5px;}
.t100OptionalLabelwithHelp {color:#5989C8; font-weight:bold; white-space:nowrap; cursor:help; padding-right:5px;}
.t100RequiredLabelwithHelp {color:#5989C8; font-weight:bold; white-space:nowrap; cursor:help; padding-right:5px;}

.t100InlineError {text-decoration:underline;color:#ffffff;}
.t100InlineError span{color:#ffffff;}
.t100InlineError a{text-decoration:underline;color:#ffffff;}
.t100InlineError a:hover{text-decoration:underline;color:#ffffff;}
.t100InlineError a:visited{text-decoration:underline;color:#ffffff;}

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

.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: rgb(0, 0, 0);}

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

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

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

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

/* Liste de suivi des étapes pour le Wizard */
.t100WizBar {margin:2px 0;}
.t100WizNon, .t100WizCurrent {color:#5989C8; font-weight:normal; background-color:#E6EDF7; border:1px solid #888888; padding:3px; text-align:center; width:150px; word-wrap:break-word; -moz-border-radius:4px; border-radius:4px;}
.t100WizCurrent {color:#FFFFFF; font-weight:bold; background-color:#5989C8;}
.t100WizArrow {padding:3px; text-align:center; width:150px;}
.t100WizArrow img {vertical-align:middle;}

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

/******************************************************************************
  Classes pour les rapports
*******************************************************************************/
table.t100Standard {color:#5989C8; border:none; border-collapse:collapse; empty-cells:show; font-size:12px;}
table.t100Standard th.t100ReportHeader {background:#5989C8 none repeat scroll 0 0; border:none; color:#FFFFFF; font-size:11px; padding:1px 5px; font-weight:bold; letter-spacing:0; white-space:normal; padding:5px 4px;}
table.t100Standard th.t100ReportHeader a {font-size:11px; color:#FFFFFF;}
table.t100Standard tbody td {border-right:1px solid #FFFFFF;}
table.t100Standard tbody td:last-child {border-right:none;}
table.t100Standard tbody td a {text-decoration:underline;}
table.t100Standard td.t100data {background-color:#E6EDF7; padding:3px 4px;}
table.t100Standard td.t100dataalt {background-color:#CDDBEE; padding:3px 4px;}
table.t100Standard tfoot, table.t100Standard tfoot tr, table.t100Standard tfoot tr td {color:#5989C8; font-size:11px; background-color:transparent; border:none;}


/*table.t100Standard th.t100ReportHeaderpln{font-weight:bold;background-color:#6994BA;empty-cells:show;border-collapse:collapse;padding:1px 5px;color:#ffffff;}*/
table.t100Standard td.t100dataX{background:#ffffff;border-top:1px #6994BA solid;border-left:1px #6994BA solid;border-bottom:1px #6994BA solid;padding:2px 0px;empty-cells:show;}
table.t100Standard td.t100dataXFS{background:lightgrey;border-top:1px #6994BA solid;border-left:1px #6994BA solid;border-bottom:1px #6994BA solid;padding:0px 0px;empty-cells:show;}

th.t100ReportHeader {background:#5989C8 none repeat scroll 0 0; border:none; color:#FFFFFF; font-size:11px; font-weight:bold; letter-spacing:0; white-space:normal; empty-cells:show; border-collapse:collapse; padding:1px 20px;}
/*th.t100ReportHeader a:link,th.t100ReportHeader a:visited{font-weight:bold;color:#ffffff;}*/
td.t100data {padding:3px 4px;}
td.t100dataalt {padding:3px 4px;}

table.t100StandardX{border:1px #6994BA solid;border-collapse:collapse;}
table.t100StandardX tfoot tr td, table.t100Standard tfoot, table.t100Standard tfoot tr{background-color:#ffffff;border:0;}
table.t100StandardX th.t100ReportHeaderpln{font-weight:bold;background-color:#6994BA;empty-cells:show;border-collapse:collapse;padding:1px 5px;color:#ffffff;}
table.t100StandardX td.t100data{background:#ffffff;border-top:0px #ffffff solid;border-bottom:1px dimgray dotted;empty-cells:show;}
table.t100StandardX td.t100dataX{background:#ffffff;border-top:1px #6994BA solid;border-left:1px #6994BA solid;border-bottom:1px #6994BA solid;padding:2px 0px;empty-cells:show;vertical-align:top;}
table.t100StandardX td.t100dataXFS{background:lightgrey;border-top:1px #6994BA solid;border-left:1px #6994BA solid;border-bottom:1px #6994BA solid;padding:0px 0px;empty-cells:show;vertical-align:top;}

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

/******************************************************************************
  Classes pour les rapports interactifs
*******************************************************************************/
table.apex_finderbar {margin:5px 2px;}
td.apex_finderbar_middle {background:none; border-bottom:none; border-top:none; white-space:nowrap;}
td.apex_finderbar_left {background:none; border:none; white-space:nowrap; color:#000000;}
.apex_finderbar_left_top {background:none; display:none;}
.apex_finderbar_left_top img.spacer {background:none; display:none;}
.apex_finderbar_left_middle {background:none; display:none;}
.apex_finderbar_left_bottom {background:none; display:none;}
.apex_finderbar_left_bottom img.spacer {background:none; display:none;}

.apexir_WORKSHEET_DATA {color:#5989C8; border:none; border-collapse:collapse; empty-cells:show; font-size:12px;}
.apexir_WORKSHEET_DATA th {background:#5989C8 none repeat scroll 0 0; border:none; color:#FFFFFF; font-size:11px; font-weight:bold; letter-spacing:0; white-space:normal;}
.apexir_WORKSHEET_DATA th div {color:#FFFFFF; cursor:pointer; margin:2px 4px; letter-spacing:0; font-size:11px; text-decoration:none;}
.apexir_WORKSHEET_DATA td {background-color:#E6EDF7; border:none; border-right:1px solid #FFFFFF; empty-cells:show !important; font-size:12px; padding:3px 4px;}
.apexir_WORKSHEET_DATA td:last-child {border-right:none;}
.apexir_WORKSHEET_DATA td {background-color:inherit;}
.apexir_WORKSHEET_DATA td a {text-decoration:underline;}
.apexir_WORKSHEET_DATA tfoot tr td {background:#FFFFFF none repeat scroll 0 0;}
.apexir_WORKSHEET_DATA tfoot tr {border:none;}
.apexir_WORKSHEET_DATA tr:nth-child(even) {background-color:#E6EDF7;}
.apexir_WORKSHEET_DATA tr:nth-child(odd)  {background-color:#CDDBEE;}

#apexir_columnsearch, #apexir_col_values_drop, #apexir_rollover {background:#E6EDF7 none repeat scroll 0 0; border:1px solid #5989C8; width:300px;}
#apexir_rollover_content a:hover, #apexir_col_values_drop a:hover {background:#CDDBEE none repeat scroll 0 0; cursor:pointer;}
#apexir_SEARCHDROP a:hover {background:#CDDBEE none repeat scroll 0 0; cursor:pointer;}
#apexir_SEARCH_ICON:hover {cursor:pointer;}
#apexir_rollover #search {width:100%;}

#apexir_REPORT_TABS {padding:0; margin:3px 2px; border-bottom:1px solid #888888;}
#apexir_REPORT_TABS span {background:#E6EDF7; color:#000000; margin-top:2px; margin-bottom:0; border-color:1px solid #888888; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
#apexir_REPORT_TABS span.current {background:#5989C8; color:#FFFFFF; margin-bottom:0; cursor:default;}

#apexir_CONTROL_PANEL_DROP {border:1px solid #5989C8; background:#E6EDF7 none repeat scroll 0 0; margin:0 2px 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#apexir_CONTROL_PANEL_DROP td:last-child {white-space:normal !important;} /*Important sinon problème de boutons*/
#apexir_CONTROL_PANEL      {margin: 0 0 0 2px;}

.pagination .fielddata {color:#5989C8; font-size:11px;}
.pagination_link {text-decoration:none !important;}

/******************************************************************************
  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:none; color:#5989c8; font-size:13px;}
.t100RegionTitle {text-align:left; font-size:18px; padding:4px 3px; white-space:nowrap;}
.t100RegionTitle span {font-size:18px; margin:0 6px; vertical-align:bottom;}
.t100RegionButtons {text-align:right; padding:0 2px; vertical-align:bottom;}
.t100RegionWizardEtape {text-align:right; font-size:18px; padding:4px 3px; white-space:nowrap; color:#EE8627; vertical-align:bottom;}
.t100RegionBoutons {border-top:2px dotted #888888; padding:4px 0; margin: 2px 0;}
.t100RegionOnglets {border:none; margin:4px 5px 6px;}
.t100RegionOnglets .t100RegionOngletsBody {padding:2px 0;}
.t100RegionBody {border-top:2px dotted #888888; border-bottom:2px dotted #888888; background:none; padding:6px 4px;}
.t100BorderlessRegion{margin:10px 0;}
.t100BorderlessRegion {border:1px #ffffff solid;border-right:none;}
.t100BorderlessRegion .t100RegionButtons {border:1px #ffffff solid;border-left:none;}
.t100BorderlessRegion {background:none;}
.t100BorderlessRegionWithoutTitle{margin:none;}
.t100BorderlessRegionWithoutTitle {background:none;border:none;margin:none;padding-top:0px}
.t100RadiusBorderRegionEtat{margin:2px;}
.t100RadiusBorderRegionEtat {background:none;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px #6994BA solid;padding:10px}
.t100BracketedRegion {margin:10px 0;}
.t100BracketedRegion {border:1px solid #ffffff;}
.t100BracketedRegion {border-bottom:1px solid #ffffff;}
.t100BracketedRegion .t100bracket {background-color:#ffffff;width:2px;height:10px;}
.t100ButtonRegionwithTitle {border:1px #ffffff solid;margin:10px 0;}
.t100ButtonRegionwithoutTitle {border:1px #ffffff solid;margin:10px 0;}
.t100ListRegionwithIcon {border:1px #ffffff solid;margin:10px 0;}
.t100ChartRegion{margin:10px 0;}
.t100ChartRegion {background:none;font-size:14px;color:#ffffff;vertical-align:bottom;}
.t100ChartRegion  th{border-bottom:solid 1px #ffffff;}
.t100ChartRegion {background:none;}
.t100FormRegion {border:1px #ffffff solid;margin:10px 0;}
.t100FormRegion  {background-color:#ffffff;padding:5px;font-size:12px;}
.t100NavigationRegion {width:200px;margin:10px 0;border:1px solid #ffffff;}
.t100NavigationRegion {}
.t100NavigationRegionAlternative1 {width:200px;margin:10px 0;border:1px solid #ffffff;}
.t100NavigationRegionAlternative1 {}
.t100RegionWithoutButtonTitle{border:1px #ffffff solid;margin:10px 0;}
.t100RegionWithoutTitle{border:1px #ffffff solid;margin:10px 0;}
.t100ReportRegion {border:none; margin:8px auto 6px; background:none;}
.t100ReportRegion .t100RegionButtons {text-align:right; border:none; padding:2px;}
.t100RegionNoBody {border-bottom:2px dotted #888888; margin:8px auto 6px; background:none; width:100%;}
.t100RegionNoBody .t100RegionButtons {text-align:right; border:none; padding:2px;}
.t100ReportRegionAlt1 {border:none; background:none; margin:10px 0;}

.t100RegionSousTitre {text-align:left; font-size:13px; font-weight:bold;}

/* Message en haut des régions de page */
.sofMessageInfo {color:#5989C8; font-weight:normal; margin: 2px 0;}

/* Menu de gauche */
.sofMenu {background:none; width:15%;}
.t100SidebarAlt1 {width:100%; margin:10px 2px 2px; table-layout:fixed;}
.t100SidebarAlt1 thead tr th{background-color:#6994BA;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:none; padding:4px 4px 4px 10px;}

/* Corps du contenu de la page */
.sofConteneurBody {border:none; width:932px; height:auto; margin:0;}
.sofBody {width:70%; padding:0 10px;}
.sofBodySide {padding:0 0 0 10px;}
.sofBodyFull {width:100%; padding:0 10px;}

/* 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;}
.regionZoneWeb {width:100%; margin:4px 0 8px;}
.zoneImage {width:55px; padding:2px 0; vertical-align:top; text-align:left;}
.zoneEntete {padding:2px 6px; border-bottom:2px dotted #888888; vertical-align:bottom;}
.zoneLigne {padding:2px 6px;}

.t100VerticalUnorderedLinkswithoutBullets {list-style:none outside none;}
.t100VerticalUnorderedLinkswithoutBullets li {line-height:15px; padding-left:12px;}
.t100VerticalUnorderedLinkswithoutBullets .t100current a {font-weight: bold;}
.t100VerticalUnorderedLinkswithoutBullets a:link {font-size:11px;}
.t100VerticalUnorderedLinkswithoutBullets a:visited {font-size:11px;}
.t100VerticalUnorderedLinkswithoutBullets a:hover {font-size:11px;}

.t100Sidebar{width:200px;margin:0 0 10px 0;table-layout:fixed;}
.t100Sidebar th {background-color:#ffffff;}
.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:#a8bd8f;border:1px #ffffff solid;border-top:none;font-size:12px;padding:6px;}
table.t100WizardRegion{width:600px;border:1px #ffffff 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;}

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

.t100CalendarAlternative1Holder{}
.t100CalendarAlternative1Holder .t100MonthTitle{text-align:center;font-size:20px;color:#F98500;font-weight:bold}
.t100CalendarAlternative1 {border:1px solid #6994BA;}
.t100CalendarAlternative1 .t100DayOfWeek{padding:3px;background-color:#6994BA;}
.t100CalendarAlternative1 td{padding:3px;width:100px;height:100px;border:1px solid #6994BA;}
.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:dimgray;}
.t100CalendarAlternative1 .t100WeekendDay{}
.t100CalendarAlternative1 .t100Today{vertical-align:top;vertical-align:top;border:#F98500 3px dashed;background-color:#C0C0C0;}

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

/* Calendrier standard SOFE */
.t100CalendarSofeHolder{}
.t100CalendarSofeHolder .t100MonthTitle {font-size:18px; color:#5989C8; font-weight:bold; text-align:left; padding:4px 2px 2px;}
.t100MonthTitle .t100MonthTitleTextSpan {font-size:18px; line-height:24px; margin:0 6px; vertical-align:bottom;}
.t100CalendarSofe {border-bottom:1px solid #5989C8;}
.t100CalendarSofe tr:nth-child(even) {background-color:#FFFFFF;}
.t100CalendarSofe tr:nth-child(odd)  {background-color:#E6EDF7;}
.t100CalendarSofe .t100DayOfWeek {font-size:11px; font-weight:bold; padding:5px 4px; background-color:#5989C8; color:#FFFFFF;}
.t100CalendarSofe td {font-size:10px; padding:3px; width:80px; height:50px; border-right:1px solid #CDDBEE;}
.t100CalendarSofe td:last-child {border-right:none;}
.t100CalendarSofe .t100DayTitle {color:#5989C8; font-weight:bold; float:left; margin-right:4px;}
.t100CalendarSofe .t100DayTitle:hover {color:red;}
.t100CalendarSofe .t100Day {}
.t100CalendarSofe .t100NonDayTitle {color:#5989C8; font-weight:bold; float:left; margin-right:4px;}
.t100CalendarSofe .t100NonDay {}
.t100CalendarSofe .t100WeekendDayTitle {color:#81A5D5; font-weight:bold; text-align:right; float:left; margin-right:4px;}
.t100CalendarSofe .t100WeekendDay {}
.t100CalendarSofe .t100Today {vertical-align:top; border:2px dashed #EE8627; background-color:#CDDBEE; padding:1px;}

/******************************************************************************
  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:#6994BA;}
.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:#6994BA;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;}

/******************************************************************************
  Pour les listes de valeurs
*******************************************************************************/
span.t100PopupBody{color:#eeeeee}
a.t100PopupBody{color:#ffffff}
a.t100PopupBody:hover{color:#5C5C5C}

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

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

/******************************************************************************
  Classes pour les menus dropdown
*******************************************************************************/
.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 {background:#E6EDF7 none repeat scroll 0 0; font-size:11px; border:1px solid #5989C8; list-style-type:none; margin:0; padding:0; width:220px; text-align:left;}
.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:#CDDBEE 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;}

/******************************************************************************
  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 #6994BA solid;margin:10px 0;}
.t100ReportCustom {background-color:#6994BA;color:#F98500;vertical-align:bottom;}
.t100ReportCustom {text-align:left;border-bottom:solid 1px #6994BA;}
.t100ReportCustom {background-color:#FFFFFF;}

/******************************************************************************
  Classes pour des champs en lecture seul
*******************************************************************************/
input.sofInputReadOnly {
background-color: #E4E4E4;
border: 1px solid #A8A8A8;
padding: 2px 1px;
}

textarea.sofInputReadOnly {
background-color: #E4E4E4;
border: 1px solid #A8A8A8;
padding: none;
}

.sofReadOnly {
background-color: #E4E4E4;
border: 1px solid #A8A8A8;
padding: 2px 1px;
}

/******************************************************************************
  Classes pour des champs en erreur
*******************************************************************************/
input.sofInputErreur {
background-color: #FF6A6A;
border: 1px solid #A8A8A8;
padding: 2px 1px;
cursor: help;
}

/******************************************************************************
  Classes pour les nouveaux modèles de pages du Portail SOFE
*******************************************************************************/
/* Tableau de base pour les régions */
.sofRegionPage {
border: 1px solid #6994BA;
margin: 8px 0;
}
.sofRegionPageEntete {
background-color: #FFFFFF;
border-bottom: 1px solid #6994BA;
text-align: left;
}

/* Texte orange en gras */
.sofTexteOrangeGras {
font-weight: bold;
color: #F98500;
}

/* Ligne de la région des filtres */
.sofLigneRegionFiltres {
padding: 8px;
}

/* Tableau pour la région des filtres de recherche */
.sofRegionFiltres {
border: 1px solid #AAAAAA;
background-color: #EAEAEA;
margin: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sofRegionFiltres th {
font-weight: bold;
border-bottom: none;
padding: 2px;
}
.sofRegionFiltresCorps {
padding: 4px;
}

/* 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;
}

/* Ligne de séparation entre les filtres et le rapport */
.sofSeperation {
padding: 0 4px;
}
.sofSeperation hr {
color: #888888;
background-color: #888888;
border: none;
height: 1px;
}

/* Ligne du tableau de base pour la région du rapport */
.sofLigneRegionRapport {
padding: 4px 8px;
}