/* CLASSES */
.defaultFont {
  font-size: 13px;
  font-style: normal;
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  font-weight: normal;
  color: #000;
}
.defaultFontNumber {
  font-size: 12px;
  font-style: normal;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-weight: normal;
  color: #000;
}
.bodyContent {
  margin: 0;
  padding: 0;
  background-color: #dedede;
  font-size: 13px;
  font-style: normal;
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  font-weight: normal;
  color: #000;
}
input {
  font-size: 13px;
  font-style: normal;
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  font-weight: normal;
  color: #000;
}
input::-webkit-input-placeholder {
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12px;
}
input:-moz-placeholder {
  /* FF 4-18 */
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12px;
}
input::-moz-placeholder {
  /* FF 19+ */
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12px;
}
input:-ms-input-placeholder {
  /* IE 10+ */
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12px;
}
.smallLink {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
}
.smallSeparator {
  color: #999999;
  margin-left: 5px;
  margin-right: 5px;
}
.boxCard {
  background-color: #FFF;
  border: 1px solid #E8E8E8;
}
.boxCardSelected {
  box-shadow: 0px 0px 16px 1px #CACACA;
}
.shadowCard,
.ppboxCard,
#boxSearchResults,
#boxSearchEditor {
  box-shadow: 0px 3px 10px #C5C5C5;
}
.ppboxCard {
  margin-top: 20px;
}
.pp-box-buttonsLink {
  color: #000;
}
.pp-box-buttonsLink:hover {
  color: #009e77;
}
.headerButtonsLink {
  color: #000;
}
.headerButtonsLink:hover {
  color: #009e77;
}
.update-group-header {
  background-color: #FFFFFF;
  color: #000000;
  height: 32px;
}
.pp-window-header {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 2px;
}
.linkButton {
  border: 1px solid #DDD;
  background-color: #FFF;
}
/* COLORS CHECKED */
/* Validation buttons background & border color (search, deconnexion, OK) */
/* Validation buttons background & border color (search, deconnexion, OK) */
/* Validation buttons background & border color (search, deconnexion, OK) */
/* Separator item menu & GridPopup border
                                & waiting-progress-fill background-color
                                & MenuRelanceClose border*/
/* A UTILISER POUR DES SOUS-BARRES */
/* Top menu color  */
/* OK - color for closed text and links #B8B7B6 */
/* condition-error background in the search */
/* COLORS NOT SORTED */
/* planning-PRET-E background */
/* Separateur Activites avant Aujourd'hui et apres */
/* Seems not used anymore - For contactMode.notAccepted in selection */
/* ??? panel */
/* COLORS TO CHECK */
/* ??? background-color for xml .xmldata, .xmldata_expr */
/* color for display-header AND ??? border-color for colpick_dark */
.mbrowserfield {
  font-size: 13px;
  display: inline-block;
}
.mbrowserfield textarea {
  min-height: 14px;
  height: 14px;
}
.objectpickerfield textarea {
  min-height: 14px;
  height: 14px;
}
.objectpickerfield .material-icons {
  vertical-align: middle;
}
.objectpickerfield.multiselect .material-icons {
  vertical-align: baseline;
}
.objectpicker-icon {
  text-decoration: none;
  vertical-align: middle;
  margin-left: 6px;
}
.mbrowser-icon {
  vertical-align: inherit;
  margin-left: 6px;
}
.delete-icon {
  text-decoration: none;
  vertical-align: inherit;
  margin-left: 0px;
}
.delete-icon:hover,
.objectpicker-icon:hover {
  text-decoration: none;
}
a.material-icons,
a.material-icons:hover {
  text-decoration: none;
}
/* usual css styles */
.align-center {
  text-align: center;
}
.valign-middle {
  vertical-align: middle;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.quarter-width {
  width: 25%;
}
.clear-table {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}
.clear-table th,
.clear-table td {
  padding: 0;
}
#TopNavigation {
  background-color: #FFF;
}
#pressepureecontent {
  padding-bottom: 20px;
  background-color: #F5F5F5;
}
#pressepureecontent .main-header-bar {
  background-color: #FFF;
  vertical-align: middle;
  height: 55px;
}
#pressepureecontent .main-header-bar .title,
#pressepureecontent .main-header-bar .back,
#pressepureecontent .main-header-bar .right-infos {
  display: inline-block;
  line-height: 55px;
}
#pressepureecontent .main-header-bar .title {
  margin: 0px;
  padding: 0px 0px 0px 20px;
}
#pressepureecontent .main-header-bar h2.title {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
}
#pressepureecontent .main-header-bar h3.title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
}
#pressepureecontent .main-header-bar .back {
  float: left;
  width: 54px;
  text-align: center;
  border-right: 3px solid #F5F5F5;
  color: #000;
}
#pressepureecontent .main-header-bar .back:hover {
  color: #009e77;
}
#pressepureecontent .main-header-bar .right-infos {
  float: right;
  margin: 0px 15px;
}
.leftmenutoggle {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  cursor: pointer;
  height: 100%;
  width: 10px;
}
#FirstCol {
  background-color: #1C366C;
  width: 112px;
  text-align: left;
}
#divFirstCol {
  overflow-x: hidden;
  width: 100%;
}
/***** Panneau de selection/categorie *****/
.panel {
  background: #FFF3DE;
}
/* Legende dans ce panneau */
.panel TD {
  font-size: 9px;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
}
/* Liste dans ce panneau */
.panel SELECT {
  font-size: 10px;
  background-color: #FFF3DE;
}
/* Style général des liens : soulignés par pointage */
A {
  text-decoration: none;
  letter-spacing: 0;
  color: #006149;
  font-weight: normal;
}
A:hover {
  color: #009e77;
}
A:hover {
  text-decoration: underline;
}
/* Lien déclenchant une action (cliquez ici pour...) */
.Menu {
  font-size: 10px;
  font-weight: bold;
}
.FalseArchiveLink {
  font-weight: bold;
  text-decoration: none;
}
.LienArchive {
  color: #FF0000;
  font-weight: bold;
}
.ActionLink {
  padding-left: 25px;
}
/* liens vers objets */
.Lien {
  font-weight: bold;
  cursor: pointer;
}
.moreContent {
  cursor: pointer;
  margin-left: 10px;
}
.Lien.Closed,
.Closed {
  color: #737373;
}
.Lien.Closed:hover,
.Closed:hover {
  color: #737373;
}
h2 .Lien,
h2 .Lien:hover {
  font-size: 18px;
}
.Lien,
.Lien:hover {
  color: #006149;
}
.Lien:hover,
.Lien:hover:hover {
  color: #009e77;
}
table.role-table td img.icon16 {
  vertical-align: text-bottom;
}
.lignepaire {
  background-color: #F5F5F5;
}
.ligneimpaire {
  background-color: #FFF;
}
.lignepaire td,
.ligneimpaire td,
.ligneactive td {
  padding: 2px;
}
.recent td {
  background-color: #E2FFE3;
}
/*Couleur de la zone sous la souris dans un calendrier*/
.ligneactive {
  background-color: #e0fff4;
}
.ligneselect {
  background-color: #FFFFFF;
}
.lignedelete {
  text-decoration: line-through;
}
.ligneinsert {
  background-color: #DBF3F9;
}
.multiple.right,
.multiple .right {
  text-align: right;
}
.multiple.grid table.role-table > tbody > tr {
  height: 40px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.multiple.grid table.role-table > tbody > tr.ligneselect {
  background-color: #e0fff4;
  cursor: default;
}
.multiple.grid table.role-table > tbody > tr td.display-td-string {
  vertical-align: middle;
}
.smallcontrol {
  font-size: 10px;
  padding: 0;
}
OPTION.OptionHighLighted {
  background-color: #DDDDDD;
}
.special-grid-item {
  font-style: italic;
}
.debug {
  background-color: #FFEEEE;
}
.error {
  color: #FF0000;
  font-size: 18px;
}
.errordetails {
  width: 80%;
  padding-left: 50px;
  padding-top: 30px;
}
.errorStack {
  padding: 15px;
  padding-bottom: 15px;
}
.noResultsError {
  text-align: center;
  font-weight: bold;
  color: #FF0000;
  padding: 25px;
}
.display-title-comment,
.display-main-summary {
  font-size: 13px;
}
.display-pretitle,
.display-main-pretitle,
.display-close-info {
  font-size: 16px;
}
.display-title,
.display-main-title {
  font-size: 28px;
  font-weight: bold;
  margin: 0px;
}
.title-closed {
  color: #737373;
}
.summary-separator {
  margin: 7px 0;
  border-top: 1px solid #CCC;
}
.display-subtitle,
.display-main-subtitle {
  font-size: 18px;
}
.socialmedia-icons img {
  padding-right: 10px;
  margin-top: 5px;
}
.pp-box-salarie .socialmedia-icons:first-child img {
  margin-left: 25px;
}
.display-comment,
.display-title-comment,
.display-comment-small-size {
  font-style: italic;
}
.display-image {
  text-align: left;
  vertical-align: top;
}
.normal {
  font-size: 13px;
}
.display-maininfos {
  text-align: left;
  vertical-align: top;
}
.display-centerinfos {
  text-align: left;
  vertical-align: top;
}
.display-close-info {
  padding-top: 9px;
  padding-bottom: 12px;
}
.display-commentjoindre-info {
  vertical-align: top;
}
.display-commentjoindre-nom {
  font-size: 13px;
}
.display-commentjoindre-value {
  font-weight: bold;
}
.display-commentjoindre-blockwrapper {
  margin-bottom: 8px;
}
.display-header {
  font-size: 13px;
  font-variant: small-caps;
  text-decoration: underline;
  padding-bottom: 5px;
}
.role-table .display-header {
  background-color: #F5F5F5;
  padding: 5px 3px;
  line-height: 26px;
  text-decoration: none;
}
.role-table .display-header img {
  vertical-align: middle;
}
.role-table .display-header u {
  text-decoration: none;
}
.img-sort,
.img-mandatory {
  padding-left: 3px;
  vertical-align: middle;
}
.img-sort {
  padding-right: 3px;
}
.role-table .display-header:first-child {
  padding-left: 8px;
}
.role-table .display-header:last-child {
  padding-right: 8px;
}
.role-table .lignepaire,
.role-table .ligneimpaire {
  background-color: #FFF;
}
.role-table .lignepaire.commentTR,
.role-table .ligneimpaire.commentTR,
.role-table .ligneactive.commentTR {
  background-color: #F7F7F7;
}
.role-table .lignepaire.commentTR td,
.role-table .ligneimpaire.commentTR td,
.role-table .ligneactive.commentTR td {
  border-top: 0;
}
.role-table .lignepaire.commentTR td .display-comment,
.role-table .ligneimpaire.commentTR td .display-comment,
.role-table .ligneactive.commentTR td .display-comment {
  padding: 0px 22px;
}
.role-table .lignepaire td,
.role-table .ligneimpaire td,
.role-table .ligneactive td,
.multiple.grid .role-table .ligneinsert td,
.multiple.grid .role-table .ligneselect td {
  padding: 5px 3px;
  border-top: 1px solid #E7E7E7;
}
.role-table table.messages > tbody > tr > td {
  border: 0;
  padding: 0;
}
.role-table .tr-grid-header + .lignepaire td,
.role-table .tr-grid-header + .ligneactive td {
  border-top: 1px solid #D5D5D5;
}
.multiple .formarea {
  width: 60%;
  background-color: #FFF;
  padding: 6px;
  margin-bottom: 5px;
  box-shadow: 0px 2px 2px #E0E0E0;
  box-shadow: 0px 0px 16px 1px #CACACA;
}
.multiple.formarea .button {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 0;
}
.multiple .formarea .footer {
  padding-top: 10px;
}
.multiple .formarea .add {
  margin-left: 18px;
  margin-top: 5px;
  text-align: left;
}
.ppbox-tablecontent,
.ppbox-customcontent {
  padding: 12px 8px;
}
.ppbox-tablecontent ~ .ppbox-container,
.ppbox-container .ppbox-container {
  margin-top: 6px;
  padding: 0px 14px;
  padding-bottom: 14px;
}
#boxMainContentDiv {
  padding-left: 15px;
}
#boxMainContentDiv .ppbox-tablecontent {
  padding: 0;
}
#boxMainContentDiv .display-cell-td {
  padding-left: 10px;
  padding-top: 6px;
}
.role-table .lignepaire > td,
.role-table .ligneimpaire > td,
.role-table .ligneactive > td {
  min-height: 22px;
  line-height: 22px;
}
.role-table tr.lignepaire > td:first-child,
.role-table tr.ligneimpaire > td:first-child,
.role-table tr.ligneactive > td:first-child {
  padding-left: 5px;
}
.role-table .display-header .sortHeader {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.role-table .display-header ul.mbar {
  line-height: normal;
  height: auto;
}
.role-table .display-header > ul.mbar > li > a {
  color: #000;
}
.mbar > li.permission {
  width: 100%;
}
.mbar > li.permission > div > a {
  margin: auto;
}
.display-td,
.display-td-decimal,
.display-td-datetime,
.display-td-string,
.display-td-boolean,
.display-td-int,
.display-header-table {
  font-size: 13px;
  vertical-align: top;
  padding-left: 5px;
}
.display-header-table {
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
}
.display-cell-td {
  font-size: 13px;
  vertical-align: top;
}
.td-first,
.td-middle {
  padding-right: 5px;
}
.td-last,
.td-middle {
  padding-left: 5px;
}
.display-cell-div-chart {
  font-size: 11px;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
}
.chart-title {
  font-size: 13px;
  padding-bottom: 3px;
}
.display-td-datetime,
.display-td-boolean {
  text-align: center;
}
.display-td-decimal,
.display-td-int {
  text-align: right;
  padding-right: 5px;
}
.role-table {
  font-size: 13px;
  border-spacing: 0;
}
#Destinataire.role-table {
  background-color: #FFF;
}
.display-warning {
  font-weight: bold;
  color: #FF0000;
}
.display-data {
  font-weight: bold;
}
.data-warning {
  border: 1px solid #BF0000;
  padding: 0 3px;
  color: #BF0000;
}
.data-closed {
  border: 1px solid #C7C6C5;
  padding: 3px;
  color: #737373;
  font-weight: bold;
}
/***** Style DeleteOne *****/
.warning-header {
  font-size: 24px;
}
/***** Style du LOGIN *****/
.login-title {
  font-size: 24px;
}
/***** Styles de formulaires *****/
.formarea {
  width: 97%;
  font-size: 13px;
}
.PPDELETERELATION-form,
.DELETE-form {
  background-color: #E8E8E8;
}
.DELETE-form.formarea .form-group-header,
.PPDELETERELATION-form.formarea .form-group-header {
  background-color: #CCCCCC;
}
.DELETE-form .form-group-header td,
.PPDELETERELATION-form .form-group-header td {
  border-bottom: 1px solid #ACACAC;
}
.form-group-header {
  font-weight: normal;
  font-size: 16px;
}
.UPDATE-form,
.INSERT-form,
.PPINSERT-form,
.PPUPDATERELATION-form,
.PPDELETERELATION-form {
  background-color: #F5F5F5;
}
.form-header {
  background-color: #FFFFFF;
  padding-left: 20px;
}
h2 {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
}
h3 {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  font-size: 18px;
}
.UPDATE-form tr td,
.INSERT-form tr td,
.PPINSERT-form tr td,
.PPUPDATERELATION-form tr td,
.PPDELETERELATION-form tr td,
.import-form tr td {
  padding-top: 3px;
  padding-bottom: 3px;
}
.UPDATE-form .empty-line,
.INSERT-form .empty-line,
.PPINSERT-form .empty-line,
.PPUPDATERELATION-form .empty-line,
.PPDELETERELATION-form .empty-line {
  background-color: #FFF;
}
.UPDATE-form .empty-line-contentSection,
.INSERT-form .empty-line-contentSection,
.PPINSERT-form .empty-line-contentSection {
  font-size: 8px;
}
.contentSection {
  padding-left: 40px;
  vertical-align: top;
}
.contentSection.info {
  font-style: italic;
}
.form-group-header TD {
  font-size: 16px;
  border-bottom: 3px solid #D5D5D5;
  padding: 4px 4px 4px 8px;
}
.form-group-header TD.chkSection {
  padding-left: 4px;
}
.form-group-header TD.chkSection .chkSectionTitle {
  padding-left: 4px;
  cursor: pointer;
}
.formarea.grid {
  border: 1px solid #D5D5D5;
  border-collapse: collapse;
}
.form-group-header TD.gridHeader {
  font-weight: normal;
  font-size: 13px;
}
.grid TD.gridValue {
  padding: 2px 2px 2px 8px;
}
.form-fixed-value {
  font-weight: bold;
}
.mergevalue {
  font-size: 13px;
  padding-left: 8px;
}
.formarea .form-group-header {
  background-color: #FFFFFF;
  color: #000000;
  height: 32px;
}
.updatemultiple-header {
  text-align: center;
  padding-bottom: 3px;
  border-bottom: 1px solid #D5D5D5;
}
tr.nextpagebox {
  background-color: #FFFFFF;
}
.nextpagebox div.boxarea {
  float: right;
}
.nextpagebox table {
  border: 1px solid #DDD;
  background-color: #F6F6F6;
  font-size: 13px;
}
.nextpagebox table tr {
  background-color: #F6F6F6;
}
.nextpagebox td {
  padding: 5px 5px 0 5px;
}
.nextpagebox .option {
  padding-bottom: 5px;
}
.serious-warning {
  color: #FF0000;
  font-weight: bold;
}
.ok-cancel-text,
.preview-download-row {
  text-align: center;
  background-color: #FFFFFF;
  font-weight: bold;
}
.UPDATE-form TR.ok-cancel-text,
.INSERT-form TR.ok-cancel-text {
  background-color: #FFF;
}
.preview-download-row {
  color: #0000FF;
}
.ok-cancel-text TD,
.preview-download-row TD {
  padding-top: 5px;
}
table.validationFooterBtns {
  margin-top: 20px;
}
.button.ok {
  *zoom: 1;
  min-width: 60px;
  display: inline-block;
  margin: 0px 5px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #2df6ad;
}
.button.ok:hover {
  background-color: #0ae696;
  text-decoration: none;
}
.button.ok.small,
.button.cancel.small {
  font-size: 11px;
  margin: 0px 2px;
  padding: 6px 8px;
  min-width: 52px;
}
.button.cancel {
  *zoom: 1;
  min-width: 60px;
  display: inline-block;
  margin: 0px 5px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: transparent;
}
.button.cancel:hover {
  background-color: #E0E0E0;
  text-decoration: none;
}
.button.inactif {
  *zoom: 1;
  min-width: 60px;
  display: inline-block;
  margin: 0px 5px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #E8E8E8;
  color: #999999;
  cursor: default;
}
input.ellipsisBtn:hover {
  cursor: pointer;
}
input.ellipsisBtn {
  padding: 0;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin: 5px;
  background: transparent url('ellipsis.png') no-repeat center center;
  border-style: none;
}
/******* Style pour un affichage de message qui est sujet à validation *****/
div.validation_msg {
  padding: 15px;
  background-color: #E8E8E8;
}
td.msg {
  padding-left: 8px;
}
/***** INPUT ************/
.input-CheckBoxes {
  font-size: 13px;
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  border: 1px solid #DDD;
  color: #000;
  background-color: #FFFFFF;
  padding: 5px;
  height: 93px;
  width: 282px;
  overflow: auto;
}
/***** JQueryUI override *****/
.ui-datepicker-trigger {
  cursor: pointer;
  margin-left: 2px;
  vertical-align: text-bottom;
}
.ui-widget-content {
  border: 1px solid #BBB;
}
.ui-autocomplete.ui-widget-content {
  max-height: 200px;
  overflow: hidden;
  overflow-y: scroll;
}
.ui-datepicker-week-end a.ui-state-default {
  background-image: none;
  background-color: #E5E5E5;
}
.ui-datepicker-calendar .ui-state-default {
  border: none;
  background: none;
}
.ui-datepicker-calendar .ui-state-highlight {
  background-color: #BBEDF9;
}
.ui-datepicker-calendar .ui-state-active {
  background-color: #DBF3F9;
}
.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}
/***** fin JQueryUI override *****/
/***** CALENDAR Calendrier *****/
.dateinput {
  width: 80px;
  margin: 2px 2px 2px 0px;
  text-align: center;
}
.smallcal-selected {
  background-color: #e0fff4;
}
.smallcal-month .smallcal-nonworkday {
  background-color: #E5E5E5;
}
.smallcal-month {
  width: 190px;
  background-color: #FFF;
  border: 1px solid #E7E7E7;
  padding: 10px;
  margin-left: 10px;
}
.smallcal-month .smallcal-monthname {
  font-weight: normal;
  height: 28px;
}
.smallcal-dayletters {
  font-size: 12px;
  background-color: #E5E5E5;
}
.smallcal-month .smallcal-workday,
.smallcal-selected {
  font-size: 11px;
  text-align: center;
  vertical-align: top;
}
.smallcal-month .smallcal-nonworkday {
  font-size: 11px;
  vertical-align: top;
  text-align: center;
}
.smallcal-month .smallcal-notday {
  font-size: 11px;
  text-align: center;
}
.cal-today {
  color: #FFF;
  font-weight: bold;
  background-color: #006149;
}
span.day_with_rdv {
  color: #ff8500;
  font-weight: bold;
}
.jour,
.jourferie {
  border-bottom: #7A7061 1px solid;
  /* color_2_dark */
  border-right: #7A7061 1px solid;
  /* color_2_dark */
  font-size: 11px;
}
.jourferie {
  background-color: #DACEBE;
  /* ppboxheader  */
}
/* Styles pour les images de choix de visualisation de l'agenda */
.imgCalendarview-Selected {
  border: 1px #FF0000 solid;
  background-color: #FF0000;
}
/* Style pour la zone d'affichage des infos de l'utilisateur dans les customs pages */
.customPage_user_area td.pp-frame-content {
  border: 0;
  background-color: #F5F5F5;
}
.calendar {
  border-spacing: 0;
  width: 100%;
}
.calendar td {
  border: 1px solid #DDD;
  border-right: 0;
  height: 20px;
}
.calendar td.row_header,
.calendar td.col_header {
  text-align: center;
  font-weight: bold;
}
.calendar td.row_header {
  border: 0;
}
.calendar td.col_header {
  border-left: 0;
  width: 45px;
  vertical-align: text-top;
  padding-top: 4px;
}
.calendar td.row_value_top {
  border-bottom: 1px dotted #DDD;
}
.calendar td.row_value_bottom {
  border-top: 0;
}
/******* fin calendrier ***************/
.form-field-readonly-data {
  font-weight: bold;
}
.form-field-readonly-data-light {
  font-weight: normal;
}
.form-field-chrome-value {
  width: 70%;
  vertical-align: middle;
  text-align: left;
}
.pp-window .form-field-chrome-value {
  width: 50%;
}
.form-field-chrome-caption {
  width: 30%;
  vertical-align: middle;
  text-align: right;
}
.pp-window .form-field-chrome-caption {
  width: 50%;
}
.padding-in-form {
  padding-left: 20px;
  padding-right: 20px;
}
/************************************************/
/*                      */
/*          TABS            */
/*                      */
/************************************************/
.tabs-header {
  text-align: left;
  line-height: 30px;
  background-color: #FFF;
}
tr.tabs-header td {
  margin: 0px;
  padding: 0px;
}
.tabs-header a:hover {
  text-decoration: none;
}
.tabs-header TD > .tab-label {
  font-size: 15px ;
  padding: 8px 15px;
  margin-left: 0px;
  margin-bottom: 0px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-right: 0px;
}
.tabs-header .tab-label:hover {
  background-color: #F9F9F9;
}
.tabs-header TD > .tab-label:last-child {
  border-right: 1px solid #DDD;
}
.tabs-header TD > .tab-label.selected {
  background-color: #F5F5F5;
  color: #ff8500;
  border-bottom: 1px solid #F5F5F5;
}
tr td.td-tab-content {
  padding: 0px;
}
.tab-content .formarea {
  width: 100%;
}
.tab-content .formarea .cellLinks {
  margin: 0px 10px;
  float: left;
  width: 48%;
}
.tab-content .formarea .cellLinks .cellLinks-title {
  color: #888;
  padding-bottom: 2px;
}
.tab-content .formarea .cellLinks .cellLinks-content,
.tab-content .formarea .cellLinks .cellLinks-addcontent {
  border: 1px solid #CCC;
}
.tab-content .formarea .cellLinks .cellLinks-addcontent {
  min-height: 24px;
}
.tab-content .formarea .cellLinks .cellLinks-content {
  padding: 12px 8px;
}
.tab-content .formarea .cellLinks .cellLinks-content div:not(:last-child) {
  padding-bottom: 5px;
}
tr.PigeQualif_Sep td {
  padding-top: 8px;
}
.tab-content {
  padding: 10px 0px;
  border: 1px solid #DDD;
}
#tabs-lowlevel {
  font-weight: normal;
  font-size: 16px;
  border-bottom: 1px solid #D5D5D5;
  /* ppboxheader_dark */
}
.tabs-lowlevel-container {
  border: 1px solid #F5F5F5;
  /* lignepaire */
  font-weight: normal;
  font-size: 13px;
}
.tabs-lowlevel-container .form-group-header TD {
  font-weight: normal;
  border-bottom: 1px solid #D5D5D5;
  background-color: #E8E8E8;
}
.tabs-lowlevel-container .empty-line {
  background-color: #F5F5F5;
}
/************************************************/
/*                      */
/*          PPBOX           */
/*                      */
/************************************************/
.ppbox-container {
  box-shadow: 0px 3px 10px #C5C5C5;
  margin: 33px 35px 0px 35px;
}
.resolution1024 .ppbox-container {
  margin: 20px 20px 0px 20px;
}
.pp-box-header {
  clear: both;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  background-color: #FFF;
  /* colorBg_ppboxHeader */
  border: 1px solid #D5D5D5;
  height: 50px;
  width: 100%;
}
.pp-box-title {
  padding-left: 0;
}
.pp-box-buttons {
  padding-right: 4px;
  text-align: right;
}
.pp-box-empty .pp-box-header {
  color: #888888;
}
TD.pp-box-switch {
  padding: 0;
  /* annule le padding prevu pour le titre */
  width: 36px;
}
.pp-box-switch IMG {
  border: none;
}
.pp-box-count {
  font-weight: normal;
}
.resolution1024 .pp-box-count {
  font-size: 11px;
}
.pp-box-content {
  width: 100%;
  border: 1px solid #D5D5D5;
  border-top: 0;
  background-color: #FFFFFF;
}
.stand-alone-grid {
  border: 1px solid #D5D5D5;
  margin-top: 10px;
  margin-bottom: 20px;
}
.pp-box-content .filter {
  background-color: #DDFFEE;
  border-bottom: 1px solid #999999;
}
.ppbox-waiting {
  cursor: wait;
  padding: 25px;
  color: #786A59;
}
.ppbox-waiting img {
  vertical-align: middle;
  margin-right: 25px;
}
.pp-box-hidden {
  display: none;
}
/* vide */
.pp-box-default {
  font-size: 13px;
}
.pp-box-padding {
  font-size: 13px;
}
.pp-box-padding .ppbox-container {
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: none;
}
.div-image32 {
  margin-top: 12px;
}
.div-image32-search {
  margin-left: 30px;
}
#pp_image32 {
  border: 1px solid #D5D5D5;
  padding: 4px;
  background-color: #FFFFFF;
  max-width: 300px;
  max-height: 300px;
}
resolution1024 #pp_image32 {
  max-width: 250px;
  max-height: 250px;
}
.small #pp_image32 {
  max-width: 150px;
  max-height: 150px;
}
.make-infos {
  padding: 5px;
}
.make-commentjoindre {
  float: right;
  width: 350px;
}
/***** Menus de pp-box *****/
/* Style appliqué aux ... qui indique qu'il s'agit d'un menu */
.pointsMenu {
  padding-left: 2px;
}
.menubar A,
.menubartext {
  font-size: 11px;
}
/***** pp-window ***/
/* TD ne fonctionne que sous IE Windows */
.pp-window {
  border: 2px solid #A2DBCD;
  padding: 15px;
  background-color: #FFFFFF;
  font-size: 12px;
  text-align: left;
}
.updateFormRightInfos td.form-field-chrome-caption {
  width: 150px;
}
.updateFormRightInfos td:nth-child(2) {
  width: 1px;
}
.updateFormRightInfos td.form-field-chrome-value {
  width: 70px;
  padding: 0px 15px 0px 0px;
}
td.pp-window-header {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 2px;
}
.pp-window .title {
  font-size: 13px;
}
.pp-window .content {
  padding-left: 20px;
  margin-top: 10px;
}
.pp-window .separator {
  border-top: 1px solid #CCC;
  margin: 10px 0;
}
/* barre d'outil MS like */
#tooluserbuttons {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.showMetadata {
  text-decoration: underline;
}
.bonjourbar {
  color: #FFFFFF;
}
.bonjourbar .Lien,
.bonjourbar .Lien:hover {
  font-weight: bold;
}
.bonjourbar .Lien:hover {
  text-decoration: underline;
  background-color: Transparent;
  color: #FFFFFF;
}
.toolbar {
  padding-left: 60px;
  font-size: 13px;
  background-color: #F5F5F5;
  /* color_2 */
}
#CURRENTSELECTIONBAR {
  width: inherit;
  height: 27px;
  background-color: #F6F6F6;
  border-bottom: 1px solid #DDD;
}
#divSearchBrowse {
  float: left;
}
#divSelection {
  float: right;
}
.navigationBar .item,
.navigationBar .separator {
  padding: 5px 10px 4px 10px;
  height: 18px;
  float: left;
}
.navigationBar .item:hover {
  text-decoration: none;
  background-color: #E5E5E5;
}
.navigationBar .last:hover {
  background-color: Transparent;
}
.navigationBar .item {
  border-left: 1px solid #FFF;
}
.navigationBar .separator {
  border-left: 3px solid #424242;
}
.navigationBar #currentSelection {
  border-left: 0;
}
.navigationBar #currentSelection:hover {
  cursor: pointer;
}
.navigationBar #currentSelection .Lien {
  font-weight: normal;
}
.navigationBar #currentSelection .Lien:hover {
  text-decoration: none;
}
.navigationBar #close {
  border: 0;
}
/************************************************/
/*                      */
/* Couleur de l'application - entête et menu    */
/*                      */
/************************************************/
.dyncomm {
  cursor: pointer;
  color: #006149;
}
.dyncomm:hover {
  color: #009e77;
}
.dyncomm-area {
  border: 1px solid #DEDEDE;
  margin: 0;
}
.pp-popin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 450px;
  min-width: 200px;
  font-size: 12px;
  background-color: #FFF;
  padding: 15px;
  border: 1px solid #ACACAC;
  box-shadow: 4px 4px 8px #AAA;
  -moz-box-shadow: 4px 4px 8px #AAA;
  -webkit-box-shadow: 4px 4px 8px #AAA;
  white-space: normal;
  text-align: left;
  display: none;
}
.pp-popin .sep {
  border-top: 1px solid #DDD;
  padding-top: 15px;
}
.pp-popin p {
  margin-bottom: 15px;
}
.pp-popin .alert {
  font-weight: bold;
}
.pp-popin-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
}
.pp-popin-close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.pp-popin-inside {
  border: 1px solid #DDD;
  background-color: #EEE;
  padding: 15px;
}
.pp-popin-inside ul {
  list-style-type: none;
}
.pp-popin-inside li {
  margin-top: 15px;
}
.pp-popin-ok {
  text-align: right;
  padding-top: 15px;
}
.pp-popin-ok a {
  border: 1px solid #DDD;
  padding: 5px 20px 5px 20px;
  background-color: #EEE;
  text-decoration: none;
}
/* Couleurs des fonds utilises entre autre pour la custom des produits */
.teinte1 {
  background-color: #F5F5F5;
}
/* ligneactive_light  */
.teinte2 {
  background-color: #DBF3F9;
}
/* ligneactive  */
/***** Styles affichage XML *****/
.xml {
  font-size: 13px;
}
.xml .c {
  cursor: pointer;
}
.xml .b {
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}
.xml .e {
  margin-left: 1em;
  margin-right: 1em;
}
.xml .k {
  margin-left: 1em;
  margin-right: 1em;
}
.xml .t {
  color: #990000;
}
.xml .xt {
  color: #990099;
}
.xml .ns {
  color: #FF0000;
}
.xml .dt {
  color: #00FF00;
}
.xml .m {
  color: #0000FF;
}
.xml .tx {
  font-weight: bold;
  font-size: 16px;
}
.xml .db {
  text-indent: 0;
  margin-left: 1em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0.3em;
  border-left: 1px solid #CCCCCC;
  font-size: 16px;
}
.xml .di {
  font-size: 16px;
}
.xml .d {
  color: #0000FF;
}
.xml .pi {
  color: #0000FF;
}
.xml .ci {
  font-size: 16px;
  color: #888888;
}
.xml .PRE {
  margin: 0;
  display: inline;
}
.xml .object-unknown {
  border: 2px #AAAAFF solid;
}
.xml .object- {
  border: 2px #AAAAAA solid;
}
.xml .object-salarie {
  border: 2px #00A3DF solid;
}
.xml .object-societe {
  border: 2px #EAAF10 solid;
}
.xml .object-action {
  border: 2px #00A35C solid;
}
.xml .object-document {
  border: 2px #DA402A solid;
}
.xml .xmldata,
.xmldata_expr {
  font-size: 13px;
  background-color: #EEFFEE;
}
.xml .object-unknown + .object-unknown,
.xml .object- + .object-,
.xml .object-salarie + .object-salarie,
.xml .object-societe + .object-societe,
.xml .object-action + .object-action,
.xml .object-document + .object-document,
.xml .xmldata + .xmldata,
.xml .xmldata_expr + .xmldata_expr {
  border-top: 0px;
}
.xml .title_field {
  text-align: left;
  font-size: 13px;
  background-color: #FFFFFF;
  vertical-align: top;
}
.xml .title_expr {
  font-size: 13px;
  font-style: italic;
  background-color: #F0F0F0;
}
.xml .title_object-unknown {
  border-bottom: 1px #CCC solid;
}
.xml .title_object- {
  border-bottom: 1px #CCC solid;
}
.xml .title_object-salarie {
  border-bottom: 1px #CCC solid;
}
.xml .title_object-societe {
  border-bottom: 1px #CCC solid;
}
.xml .title_object-action {
  border-bottom: 1px #CCC solid;
}
.xml .title_object-document {
  border-bottom: 1px #CCC solid;
}
/***** Onglets et arrondis *****/
.pp-frame {
  background-color: #E6CCD3;
}
.pp-frame-content {
  padding: 5px;
  border: 1px solid #E7E7E7;
  background-color: #F5F5F5;
}
/***** Navigation *****/
.navig-item,
.navig-field {
  padding: 1px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
.navig-children {
  margin-left: 20px;
}
.navig-item,
.navig-field,
.navig-doc {
  cursor: pointer;
}
.navig-doc {
  color: #0000FF;
}
#Popup_Frame {
  display: none;
  position: absolute;
  border: 0;
  z-index: 65537;
  top: -1000px;
  left: -1000px;
}
/******** navigation multi pages (back 1 2 *3* 4 next) *******/
.browse-buttons {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 16px;
  border: 0;
  background-color: Transparent;
  position: relative;
  top: 1px;
  cursor: default;
  font-size: 11px;
  border-spacing: 0;
  border-collapse: collapse;
}
.NAVNumero,
.NAVSelectedNumero {
  height: 16px;
  width: 17px;
  text-align: center;
  border: 1px solid #DDD;
  padding: 0 3px;
  color: #006149;
  background-color: #FFF;
}
.NAVNumero:hover,
.NAVSelectedNumero:hover {
  color: #009e77;
}
.NAVSelectedNumero {
  color: #ff8500;
  font-weight: bold;
}
.NAVText {
  background-color: Transparent;
  font-size: 11px;
}
.NAVText select {
  padding: 0;
}
.NAVStartIndex,
.grid-header td .NAVStartIndex,
.grid-footer td .NAVStartIndex {
  padding-left: 20px;
  padding-right: 10px;
}
/* Infos de metadonnees : invisibles par defaut */
td.pp-metadata {
  width: 100px;
}
.pp-metadata {
  display: none;
}
.pp-metadata-text {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  padding: 0 3px;
  font-size: 12px;
}
/* Jusqu'a ce qu'on change la classe du BODY */
BODY.pp-metadata-visible .pp-metadata {
  display: inline;
}
BODY.pp-metadata-visible td.pp-metadata {
  display: table-cell;
}
.currentTR {
  background-color: #DBF3F9;
}
/********* Popup utilisée dans les grid pour afficher la totalité du contenu d'une cellule **********/
.GridPopup {
  visibility: hidden;
  position: absolute;
  background-color: #FFFFFF;
  border: solid 1px #424242;
  font-size: 10px;
  padding: 5px;
}
.grid-action-column {
  width: 25px;
}
#waiting {
  border: 1px solid #DEDEDE;
  position: absolute;
  z-index: 1000;
  width: 600px;
  height: 400px;
  box-shadow: 4px 4px 8px #AAA;
  -moz-box-shadow: 4px 4px 8px #AAA;
  -webkit-box-shadow: 4px 4px 8px #AAA;
}
#waiting-background,
#waiting-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
}
#waiting-background {
  background-color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity: 0.9;
}
#waiting-top {
  width: 100%;
  margin-top: 150px;
  text-align: center;
}
#waiting-top,
.ppbox-waiting {
  font-size: 18px;
}
#waiting-progress {
  margin-top: 100px;
  text-align: center;
}
#waiting-progress-bar {
  position: relative;
  width: 200px;
  text-align: center;
  margin: 2px auto;
}
#waiting-progress-fill {
  position: absolute;
  left: 0;
  width: 0;
  background-color: #424242;
}
#waiting-progress-percent {
  position: relative;
}
#waiting-progress {
  font-size: 11px;
  font-weight: bold;
}
.mini-progressbar-background,
.mini-progressbar-foreground,
.medium-progressbar-background,
.medium-progressbar-foreground {
  background-repeat: repeat-x;
  background-position: 0 100%;
  height: 1em;
}
.mini-progressbar-background {
  background-image: url('GrayProgressBar.png');
  width: 40px;
  float: left;
}
.mini-progressbar-foreground {
  background-image: url('GreenProgressBar.png');
  height: 100%;
}
.mini-progressbar-text {
  padding-left: 2px;
}
.medium-progressbar-background {
  background-image: url('MediumGrayProgressBar.png');
  width: 300px;
  float: left;
}
.medium-progressbar-foreground {
  background-image: url('MediumGreenProgressBar.png');
}
.medium-progressbar-text {
  padding-left: 2px;
}
/******* Popup spécifiques (emailing wizard: ajout d'un destinataire...) ******************/
.Popup {
  border: 1px solid #ACACAC;
  background-color: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px;
  display: none;
  font-size: 12px;
  border-spacing: 0;
  z-index: 100;
  max-width: 980px;
}
.resolution1024 .Popup {
  max-width: 900px;
}
.Popup .Title,
.Popup th {
  padding: 5px 0 12px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.Popup .Message {
  padding: 9px 0 8px;
  width: 350px;
  font-size: 14px;
  text-align: left;
  white-space: normal;
}
.Popup .ClientArea {
  border: 1px solid #DDD;
  background-color: #EEE;
  padding: 15px;
  width: 100%;
}
.Popup td {
  white-space: nowrap;
}
.Popup label {
  white-space: nowrap;
}
.Popup td.display-cell-td {
  white-space: normal;
}
.Popup .ClientArea label {
  font-size: 13px;
}
.Popup > tbody > tr input.button {
  *width: 80px;
}
.Popup .header {
  padding-bottom: 12px;
}
.Popup .allFacets {
  padding: 10px 20px 5px 10px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  border: solid 1px #DDD;
}
.Popup .allFacets div.facetInput {
  padding-bottom: 4px;
  overflow: hidden;
}
.Popup .allFacets input {
  vertical-align: middle;
}
.Popup .allFacets div.facetInput label {
  text-transform: capitalize;
}
.modern.Popup {
  min-width: 415px;
  text-align: left;
  padding: 0;
}
#emailingPopup.modern.Popup {
  min-width: 500px;
  max-width: 600px;
}
.modern.Popup .header {
  margin: 0px;
  padding: 15px;
  font-size: 16px;
  font-weight: normal;
  border: 0;
}
.modern.Popup .itemsCount {
  font-size: 14px;
}
.modern.Popup .content {
  padding: 10px 15px;
}
.modern.Popup .content .message {
  font-style: italic;
}
.modern.Popup .footer {
  text-align: right;
  padding: 10px 15px 20px 15px;
}
.blockUI {
  background-color: #292929;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/***************** Styles utilisés pour la preview *******************************/
.SignaturePreview {
  width: 90%;
  height: 200px;
  border: 1px solid #DDD;
  margin: 5px 0;
}
/***************** Styles utilisés pour les Dashboard *******************************/
#boxGraphiqueContent {
  padding-top: 4px;
  padding-bottom: 4px;
}
.dashboard-special-category {
  color: #666666;
  font-style: italic;
}
.dashboard-content {
  font-size: 10px;
  font-weight: normal;
}
.dashboard-no-link {
  color: #666666;
  font-style: italic;
}
.dashboard-nomenu {
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
}
.dashboard-table {
  font-size: 10px;
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.dashboard-table TD {
  border-bottom: 1px solid #E7E7E7;
  height: 25px;
  line-height: 25px;
}
.dashboard-table th a {
  font-size: 12px;
}
.dashboard-x-axis {
  margin: 0px 10px;
}
.dashboard-title-line {
  background-color: #ECECEC;
}
.dashboard-title-line TH {
  border-bottom: 1px solid #E7E7E7;
  border-top: 1px solid #E7E7E7;
}
.dashboard-title-th-left {
  border-right: 1px solid #E7E7E7;
}
.dashboard-header-line TH {
  background-color: #F5F5F5;
  border-bottom: 1px solid #E7E7E7;
}
.dashboard-header-line a {
  font-size: 10px;
}
.dashboard-header-line TH:first-child {
  border-right: 1px solid #E7E7E7;
}
.dashboard-table TD.dashboard-value-cell {
  text-align: center;
}
.dashboard-table TD.dashboard-left-cell {
  border-right: 1px solid #E7E7E7;
}
.dashboard-footer-line {
  border-top: 1px solid #E7E7E7;
  background-color: #F5F5F5;
  font-weight: bold;
}
.dashboard-footer-line TD {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}
.dashboard-title-th-left,
.dashboard-y-axis,
.dashboard-left-cell {
  padding-left: 10px;
  width: 250px;
}
a.dashboard-arrow,
a.dashboard-arrow:hover {
  text-decoration: none;
}
/***************** Styles utilises pour les charts *******************************/
.chartRectEmpty {
  text-align: center;
}
.chartRectEmpty,
.chartRect {
  border: 1px solid #E7E7E7;
  margin-bottom: 10px;
}
#boxGraphique .chartRectEmpty,
#boxGraphique .chartRect {
  border: 0;
  border-top: 1px solid #E7E7E7;
  margin-bottom: 0px;
}
.highcharts-contextmenu {
  font-weight: normal;
}
/***************** Styles utilisés pour la page Documentation SUPPORT *******************************/
/*.documentationgrouparea-div
{
    width:900px;
    padding:20px 20px 10px 20px;
}

.resolution1024 .documentationgrouparea-div
{
    width:903px;
    padding:20px 10px 10px 10px;
}*/
.documentationgroup-bloc {
  width: 100%;
  margin-bottom: 60px;
}
.documentationgroup-title {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: black;
  margin-bottom: 15px;
}
.documentationgroup-list {
  margin: auto;
  /*margin-top: 20px;
    padding: 0 50px 20px 50px;*/
}
.documentation-block {
  border: solid 1px #DADADA;
  box-shadow: 0px 2px 2px #E0E0E0;
  margin: 5px 5px 5px 15px;
  background-color: white;
  height: 120px;
  /* with image 208px; */
  width: 170px;
  /*max-width: 190px;
    max-height: 220px;
    width: 15.08%;
    margin-left: 1.9%;*/
}
.documentation-block:hover {
  box-shadow: 4px 3px 3px #E0E0E0;
}
.documentation-image {
  height: 10px;
  /* with image 112px; */
  width: 170px;
  margin-bottom: 5px;
  background-color: #008665;
}
.documentation-title {
  padding: 6px 15px;
  font-size: 14px;
  line-height: 18px;
  height: 65px;
}
.documentation-duration {
  float: right;
  color: #404040;
  padding-top: 2px;
}
.documentation-details {
  padding: 0 15px 15px 15px;
  font-size: 12px;
  line-height: 18px;
}
/***************** Styles utilisés pour la page Custom FASTMENU *******************************/
.fastarea-div {
  width: 1003px;
  margin-left: auto;
  margin-right: auto;
}
.resolution1024 .fastarea-div {
  width: 923px;
}
.fastmenu-div {
  width: 963px;
  float: left;
  padding: 20px 20px 10px 20px;
}
.resolution1024 .fastmenu-div {
  width: 903px;
  padding: 20px 10px 10px 10px;
}
.fastmenu-bloc {
  width: 281px;
  float: left;
  padding: 10px 20px 20px 20px;
}
.resolution1024 .fastmenu-bloc {
  padding: 0 10px 10px 10px;
}
.fastmenu-groupbutton {
  background-color: #F1F1F1;
  font-size: 20px;
  padding: 15px 15px 2px 25px;
  border-top: solid 1px #ECECEC;
  border-left: solid 1px #ECECEC;
  border-right: solid 1px #ECECEC;
}
.fastmenu-button {
  background-color: #F1F1F1;
  padding: 2px 15px 4px 25px;
  font-size: 13px;
}
.fastmenu-description {
  background-color: #F1F1F1;
  font-size: 11px;
  padding: 0 15px 10px 25px;
  border-left: solid 1px #ECECEC;
  border-right: solid 1px #ECECEC;
  height: 28px;
}
.fastmenu-buttonlist {
  border: solid 1px #F1F1F1;
  margin-bottom: 10px;
  padding: 8px 0 15px 0;
  background-color: #F1F1F1;
  border-bottom: solid 1px #ECECEC;
  border-left: solid 1px #ECECEC;
  border-right: solid 1px #ECECEC;
}
.fastmenu-linkbutton {
  color: #006149;
}
.fastmenu-linkbutton:hover {
  color: #009e77;
}
#boxSearchResults {
  margin-top: 20px;
}
div.search-action {
  text-align: center;
  line-height: 25px;
}
/* Couleur de fond des GROUP dans une recherche (ici plutot que dans search.css car sinon pb pour changer dynamiquement) */
#boxSearchHeader {
  padding: 25px 20px 0px 20px;
}
#boxSearchEditor {
  margin-top: 20px;
}
#boxSearchEditorContentDiv {
  padding: 10px 8px 0px 8px;
}
#boxSearchEditor .search-groupBox .header {
  text-align: left;
  font-size: 16px;
  padding: 4px 0px 4px 28px;
  background-image: url(denver/arrow-right.png);
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
#boxSearchEditor .search-groupBox .expanded {
  background-image: url(denver/arrow-down.png);
}
#boxSearchEditor .content {
  padding-left: 17px;
}
#boxSearchEditorContentDiv div.separator {
  margin-top: 10px;
  margin-bottom: 10px;
}
#boxSearchEditor .group-header {
  padding-top: 5px;
}
#boxSearchEditor .search-groupBox .group-header {
  padding-left: 7px;
}
#boxSearchEditor .group-content {
  border: 1px solid #DDD;
  background-color: #F5F5F5;
  padding: 0 4px 5px 4px;
  margin: 3px 4px 0px 4px;
}
#boxSearchEditor .search-groupBox .group-content {
  margin: 3px 4px 11px 11px;
}
#boxSearchEditor .search-groupBox .group-content .group-content {
  margin: 3px 10px 9px 11px;
}
.searchresult-item {
  background-color: #F5F5F5;
  padding: 2px 2px 2px 5px;
}
.group-control,
.group-control-first,
.group-control-last {
  background-color: #F5F5F5;
  /* lignepaire */
}
.group-control-first {
  border-top: 1px solid #DDD;
}
/* ppboxheader_dark  */
.group-control-last {
  border-bottom: 1px solid #DDD;
}
/* ppboxheader_dark  */
.group-control-left {
  border-left: 1px solid #DDD;
  padding-left: 5px;
}
/* ppboxheader_dark  */
.group-control-right {
  border-right: 1px solid #DDD;
}
/* ppboxheader_dark  */
/* Style du header pour les customs page Page personnelle, Agenda, Liste de taches */
.headerCustomPage {
  border: 1px solid #7A7061;
  /* color_2_dark */
  padding-left: 5px;
}
/* Style pour les encadrés à l'intérieur de ppbox  */
.header-ppboxcontent {
  background-color: #F5F5F5;
  padding: 3px;
  border-bottom: 1px solid #E7E7E7;
}
.header-ppboxcontent .box-buttons {
  text-align: right;
}
.header-ppboxcontent .box-buttons a {
  text-align: right;
  padding: 0 8px;
}
.header-ppboxcontent.filters {
  padding: 15px;
}
.header-ppboxcontent.filters .button {
  border: 1px solid #009e77;
  padding: 5px;
  margin-left: 15px;
  color: #006149;
  background-color: white;
  width: 100px;
}
.header-ppboxcontent.filters .material-icons {
  vertical-align: sub;
  color: #7D7D7D;
  width: 20px;
  margin-right: 10px;
}
.header-ppboxcontent.filters span {
  margin-right: 15px;
  vertical-align: central;
}
.header-ppboxcontent.filters .clear {
  margin-left: -15px;
  margin-right: 0;
  color: #7D7D7D;
}
.actions-link {
  padding: 0 12px;
}
/* Style utilisé pour les combos */
.combo {
  background-color: #FFFFFF;
  font-size: 11px;
}
/* Style du popup de disponibilité des prets */
.pret-dispo-popup {
  white-space: nowrap;
  position: absolute;
  background-color: #EEEE88;
  border: 1px solid #000;
  font-size: 10px;
  z-index: 1;
  padding: 2px;
}
.display-ok {
  font-weight: bold;
  color: #00FF00;
}
.ppbox-pige-no-media {
  padding: 10px;
}
.ppbox-pige-no-media ul {
  margin: 0;
  margin-top: 20px;
}
.ppbox-pige-no-media li {
  margin-bottom: 5px;
}
div.separator,
div.separator-pp-window {
  border-top: solid 1px #E7E7E7;
}
div.separator {
  margin-top: 20px;
  margin-bottom: 10px;
}
div.separator-pp-window {
  margin-top: 10px;
  margin-bottom: 10px;
}
.display-comment-small-size {
  font-size: 9px;
}
.EmailingPreview {
  width: 100%;
  height: 400px;
  border: 0px;
  background-color: #FFF;
}
#boxPREVIEWContent {
  background-color: #F5F5F5;
}
#boxPREVIEWContent .pp-box-padding {
  padding-top: 10px;
}
#boxPREVIEWContent #boxPREVIEWHeaderSep {
  border-bottom: 1px solid #E7E7E7;
}
.emailing-filter {
  padding: 7px;
  border: 1px solid #CCC;
  background-color: #ECECEC;
}
.emailing-filter > span {
  margin-left: 20px;
}
.emailing-filter > span:first-child {
  margin-left: 0;
}
/* STYLE POUR LES NOUVELLES PAGES AVEC HEADER */
#pageHeader,
.ppboxmain-container .pp-box-header {
  color: #000;
  background-color: #FFF;
  padding: 15px 15px 12px 15px;
  height: 28px;
  vertical-align: bottom;
}
.ppboxmain-container .pp-box-header {
  padding-right: 0px;
  border: 0px;
}
.ppboxmain-container .pp-box-content {
  background-color: #F5F5F5;
}
.pp-box-div-container .noData,
.pp-box-content .noData {
  font-style: italic;
  color: #999;
  text-align: center;
  padding: 12px;
}
#pageHeader .title {
  font-size: 16px;
  text-transform: uppercase;
  float: left;
  line-height: 28px;
  font-weight: normal;
}
#pageHeader .mbar {
  float: right;
  padding-right: 10px;
}
.ppbox-container .pp-box-header .pp-box-titlealone {
  padding-left: 10px;
}
#boxMain .pp-box-header .pp-box-titlealone,
#boxMain .pp-box-header .pp-box-title {
  font-size: 16px;
  text-transform: uppercase;
  float: left;
  line-height: 28px;
  font-weight: normal;
}
.ppboxmain-container .pp-box-header .pp-box-buttons a {
  font-size: 13px;
  margin-left: 5px;
  margin-right: 5px;
}
.ppboxmain-tablecontent {
  padding-left: 20px;
  padding-right: 20px;
}
.ppboxmain-tablecontent .ppbox-container {
  margin-left: 15px;
  margin-right: 15px;
}
.resolution1024 .ppboxmain-tablecontent .ppbox-container {
  margin-left: 0px;
  margin-right: 0px;
}
.resolution1024 .ppboxmain-tablecontent .td-last .ppbox-container {
  margin-left: 10px;
}
#searchFilters .ppboxmain-tablecontent,
#searchFilters .resolution1024 .ppboxmain-tablecontent {
  padding-left: 0px;
  padding-right: 0px;
}
#pageHeader select {
  margin-left: 3px;
}
#pageHeader .viewfilters {
  margin-left: 20px;
  float: right;
  line-height: 30px;
}
#pageHeader .viewfilters a {
  text-decoration: none;
  margin-right: 5px;
  margin-left: 5px;
}
#pageHeader .viewfilters a.selected {
  color: #ff8500;
}
#pageHeader .users,
#pageHeader .filter {
  float: right;
  line-height: 28px;
  margin-left: 25px;
}
.headerLink {
  line-height: 28px;
  font-size: 13px;
  margin-left: 10px;
  margin-right: 10px;
  color: #000;
  font-weight: normal;
}
.headerLink:hover {
  color: #009e77;
}
#pageContent {
  padding: 20px;
  min-height: 300px;
}
.resolution1024 #pageContent {
  padding: 15px;
}
#boxMainContent,
#allUI-title {
  padding: 20px;
}
.upButton {
  padding-right: 6px;
}
.div-Main1 {
  padding: 10px 0px;
}
.resolution1024 .div-Main1 {
  padding: 10px 0px;
}
/* SURCHARGE DES STYLES POUR LES CONTROLES */
select {
  font-size: 13px;
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  border: 1px solid #DDD;
  color: #000;
  background-color: #FFFFFF;
  padding: 5px;
  max-width: 294px;
}
select > option {
  border-color: #DDD;
}
select option[selected=selected] {
  *color: #ff8500;
}
input[type=text],
input[type=number],
input[type=password] {
  font-size: 13px;
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  border: 1px solid #DDD;
  color: #000;
  background-color: #FFFFFF;
  padding: 5px;
}
input[type]:disabled,
textarea:disabled {
  background-color: #F7F7F7;
}
textarea {
  font-size: 13px;
  font-family: 'Raleway', Arial, Verdana, Helvetica, Sans-Serif;
  border: 1px solid #DDD;
  color: #000;
  background-color: #FFFFFF;
  padding: 5px;
  min-height: 45px;
  width: 450px;
  /* to Remove default scrollbars in Internet Explorer */
  overflow: auto;
}
input[type="radio"] {
  margin-left: 0px;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  padding-right: 12px;
  cursor: pointer;
}
.form-field-chrome-value > input[type="checkbox"] {
  margin-left: 0px;
}
.actionBtn {
  border: 0;
  margin-left: 5px;
  cursor: pointer;
}
.saveBtn,
#COMM_IMAGE tr.header a img {
  margin-right: 5px;
  cursor: pointer;
  border: 0;
}
#COMM_IMAGE table {
  margin: 5px 0 5px 30px;
  border-spacing: 0;
}
#COMM_IMAGE tr.header td {
  background-color: #F5F5F5;
  border: 1px solid #DEDEDE;
  border-bottom: 0;
  padding: 4px 5px 5px 5px;
}
#COMM_IMAGE tr.header a {
  padding-right: 12px;
}
img.icon16 {
  padding: 0px 3px;
  vertical-align: baseline;
}
.icon32 {
  padding: 0;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border: 2px solid #DDD;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
div.icon32 {
  display: inline-block;
  background-position: center;
  background-size: cover;
}
.overlay-container {
  position: relative;
}
.bottomright-overlay {
  position: absolute;
  left: 28px;
  width: 12px;
  bottom: 0px;
}
.bottomright-overlay-objectpicker {
  position: relative;
  left: -6px;
  width: 13px;
  bottom: -8px;
}
div.iconCategorieRdv {
  height: 13px;
  width: 30px;
  margin: 0 2px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#mergeAction {
  padding: 4px;
  width: 25px;
}
/* TABLE DE REFERENCE */
p.referenceTable {
  margin: 5px 0 8px 0;
}
.mbrowserButton {
  padding: 5px 5px 0 2px;
}
.mbrowserReset {
  padding-top: 5px;
}
.cartoucheSeparator {
  border-top: 1px solid #D5D5D5;
}
.card {
  padding: 10px;
}
.card p {
  margin: 0;
}
.card .shareButton {
  float: right;
  margin-bottom: 8px;
  margin-left: 8px;
}
.card .imageContent {
  clear: both;
  float: right;
  margin-bottom: 20px;
}
.card .imageContent img.image {
  padding-left: 10px;
  max-height: 150px;
  max-width: 150px;
}
.card .title a {
  font-size: 17px;
}
.pp-box-padding .card .title a {
  font-size: 15px;
}
.card .title a > img {
  margin-left: 4px;
}
.card .FalseArchiveLink {
  font-weight: normal;
}
.card .FalseArchiveLink,
.card .subtitle {
  font-size: 11px;
}
.card .subtitle .separator {
  color: #999999;
  margin-left: 5px;
  margin-right: 5px;
}
.card .subtitle .Lien {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
}
.card .Lien img {
  vertical-align: text-bottom;
  margin-right: 7px;
}
.card .subtitle {
  margin-top: 3px;
  margin-bottom: 14px;
}
.card .summary {
  margin-top: 7px;
  margin-bottom: 14px;
  text-align: justify;
  font-size: 12px;
}
/* Style pour la page d'aide */
/* ------------------------- */
#pageContent.helpPageContent {
  margin: 15px;
  margin-left: 40px;
  padding: 0px;
  margin-bottom: 50px;
}
#pageContent.helpPageContent .display-subtitle {
  margin-top: 30px;
  margin-bottom: 20px;
}
#pageContent.helpPageContent .helpDoc {
  color: #757575;
  margin: 10px;
  margin-bottom: 20px;
}
#pageContent.helpPageContent .helpDoc a {
  display: block;
}
#docLink {
  padding-left: 40px;
}
#contactUs li {
  margin-top: 20px;
}
#contactUs table {
  margin-top: 15px;
  width: 100%;
}
#contactUs table td {
  padding-bottom: 5px;
}
#contactUs td.label {
  text-align: right;
}
#contactUs #warningDiffusion {
  font-style: italic;
  padding-left: 20px;
}
/* Style pour le message Pas de resultat */
/* ------------------------------------- */
.no-result {
  color: #999999;
  text-align: center;
  font-size: 13px;
  font-style: italic;
  padding: 40px 0 40px 0;
}
#TOPMENUBAR,
#pressepureecontent {
  *z-index: 50;
}
.blockUI {
  *z-index: 60;
}
.searchEditorActionLinks {
  width: 314px;
}
/* Page Administration */
/* -------------------- */
.administration .title {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
}
#boxJobParamGeneral div.display-comment {
  text-align: right;
  font-size: 12px;
}
#boxJobParamGeneral .lignepaire td,
#boxJobParamGeneral .ligneimpaire td {
  line-height: 40px;
}
#boxJobParamGeneral .commentTR td {
  line-height: 22px;
}
.jobParam-ppboxcontent {
  background-color: #FFF;
  padding: 15px;
  border-bottom: 1px solid #E7E7E7;
  line-height: 20px;
}
/* RDL report Page */
/* ------------- */
#reportDefinition td {
  border: 0;
}
/* New Home Page */
/* ------------- */
#newHomePage {
  padding: 20px 40px 0px 40px;
  background-color: #FFF;
}
#newHomePage h2 {
  float: left;
  font-weight: normal;
  font-size: 15px;
}
#newHomePage .buttons {
  float: right;
}
#newHomePage .buttons a {
  margin-left: 8px;
  color: #000;
}
#newHomePage .buttons a:not(:last-child) {
  margin-right: 8px;
}
#newHomePage h2,
#newHomePage .buttons {
  margin: 10px 0px 6px 0px;
  line-height: 20px;
}
#newHomePage #hotNews {
  border: 1px solid #D1D1D1;
  padding: 0px 20px 20px 20px;
  background-color: #F5F5F5;
}
#newHomePage #hotNews #closeButton {
  float: right;
  position: relative;
  top: 15px;
}
#newHomePage #hotNews iframe {
  border: 0;
  width: 1060px;
  height: 200px;
}
body.resolution1024 #newHomePage #hotNews iframe {
  width: 804px;
}
#newHomePage .block {
  margin-top: 20px;
}
#newHomePage .block #contents {
  clear: both;
  position: relative;
  height: 119px;
  padding: 20px;
  border-top: 1px solid #AAA;
  background-color: #F5F5F5;
}
#newHomePage .block #contents #messageWrapper #textIdentify {
  margin-top: 25px;
}
#newHomePage .block #contents #messageWrapper #textMeasure {
  width: 550px;
  margin: 35px auto;
  text-align: right;
}
#newHomePage .block #contents .link {
  margin-top: 15px;
  text-align: right;
  font-size: 16px;
}
#newHomePage .block #contents #messageWrapper #link {
  margin-top: 15px;
  text-align: right;
  font-size: 16px;
}
#newHomePage #identify {
  float: left;
  width: 385px;
}
#newHomePage #engage {
  float: right;
  width: 100%;
}
body.resolution1024 #newHomePage #engage {
  width: 52%;
}
#newHomePage #engage ul {
  list-style-type: none;
  line-height: 25px;
  padding: 0px;
  margin: 12px 20px 12px 20px;
  overflow: hidden;
  white-space: nowrap;
}
#newHomePage #measure {
  width: 100%;
}
#newHomePage #measure #contents #messageWrapper {
  margin-top: 35px;
}
#newHomePage #impact #contents {
  height: auto;
}
#newHomePage #impact table {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border-collapse: collapse;
}
#newHomePage #impact table tr {
  line-height: 30px;
}
#newHomePage #impact table tr.header {
  line-height: 35px;
  background-color: #DDDDDD;
}
#newHomePage #impact table tr.subHeader {
  background-color: #FFFFFF;
  font-weight: bold;
}
#newHomePage #impact table tr.totals {
  background-color: #DBF3F9;
  font-weight: bold;
}
#newHomePage #impact table td {
  border: 1px solid #AAA;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
#newHomePage #impact table td.company {
  text-align: left;
}
#newHomePage #impact table td.result {
  text-align: right;
}
#newHomePage #impact .impactSettings {
  display: none;
  position: absolute;
  z-index: 20;
  width: 250px;
  background-color: #FFFFFF;
  padding: 20px;
  border: 1px solid #DDD;
  white-space: normal;
  text-align: left;
  box-shadow: 4px 4px 8px #AAA;
  -moz-box-shadow: 4px 4px 8px #AAA;
  -webkit-box-shadow: 4px 4px 8px #AAA;
}
#newHomePage #impact .impactSettings .title {
  font-weight: bold;
  padding-bottom: 10px;
}
#newHomePage #impact .impactSettings .close {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 5px;
}
#newHomePage #impact .impactSettings .buttons {
  margin: 20px 0px 0px 0px;
}
#newHomePage #impact .impactSettings .buttons .ok {
  margin: 0px;
}
#newHomePage #impact .impactSettings .control input {
  width: 250px;
  margin: 8px 8px 0px 0px;
}
#newHomePage #impact .impactSettings .list {
  border: 1px solid #DDD;
  height: 113px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
}
#newHomePage .settingsButton {
  cursor: pointer;
  vertical-align: middle;
  margin: 0 4px 4px 4px;
}
/* TinyMCE */
.mce-augure-label-menu {
  min-width: 260px;
}
.mce-augure-action-menu span {
  font-size: 12px !important;
}
.mce-augure-main-action-menu span {
  font-size: 13px !important;
  margin-left: 10px;
}
.mce-menubtn > button > span {
  font-size: 12px;
}
.mce-container .mce-btn-group:not(:first-child) {
  background-image: url('toolbarbtn_separator.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 2px;
  border-left: 0;
}
.mce-container .mce-btn-group .mce-btn-small button {
  padding: 1px 4px;
}
.mce-container .mce-first.mce-btn-group {
  padding-left: 0px;
  background-image: none;
}
.mce-container .mce-btn-group .mce-listbox {
  background-color: #F4F4F4;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0px 2px;
}
/* Edit link popup */
#editLinkPopup {
  display: none;
  width: 335px;
}
#editLinkPopup > div {
  padding-top: 5px;
}
#editLinkPopup > hr {
  color: #DDD;
  background-color: #DDD;
  border: none;
  height: 1px;
}
#editLinkPopup .editLinkSection {
  padding: 8px 0;
  position: relative;
}
#editLinkPopup.Popup {
  padding-bottom: 15px;
}
#editLinkPopup .editLinkSection > input,
#editLinkPopup .editLinkSection > select {
  width: 100%;
  padding: 5px 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 6px;
}
#editLinkPopup .editLinkSection > input.button {
  width: auto;
  padding: 5px 8px;
}
#editLinkPopup .editLinkSection > input.checkbox {
  width: auto;
}
#editLinkPopup .editLinkSection > input[type=text] {
  height: 26px;
}
#editLinkPopup .editLinkSection.newOnlineContent {
  text-align: center;
}
#editLinkPopup #editLinkType {
  width: 230px;
}
#editLinkPopup .inputWithButtonContainer {
  text-align: right;
}
#editLinkPopup #editLinkVideo {
  padding: 5px 40px 5px 4px;
  width: 280px;
  margin-top: 10px;
}
#editLinkPopup #editLinkVideo.pending {
  background-image: url(sablier_16.gif);
  background-repeat: no-repeat;
  background-position: 98% center;
}
#editLinkPopup #editLinkVideo.validated {
  background-image: url(valid.png);
  background-repeat: no-repeat;
  background-position: 98% center;
}
#editLinkPopup #editLinkVideo.notvalidated {
  background-image: none;
}
#editLinkPopup #testLinkUrl {
  padding-left: 20px;
}
#editLinkPopup #videoUrlValidate {
  margin-top: 10px;
}
#editLinkPopup label {
  padding: 10px 0;
}
#editLinkPopup select,
#editLinkPopup input,
#editLinkPopup optgroup {
  font-style: normal;
}
#editLinkPopup optgroup {
  margin: 5px 10px;
}
#editLinkPopup .error {
  display: none;
  font-size: 12px;
}
#editLinkPopup .editLinkType.onlineContent > div,
#editLinkPopup .editLinkTitle.onlineContent > div {
  margin-top: 5px;
}
#editLinkPopup .buttons .buttonsRight {
  float: right;
}
#editLinkPopup .buttons .buttonsLeft {
  float: left;
  padding: 3px 0;
}
#editLinkPopup #editLinkRemove > img {
  vertical-align: middle;
  padding-right: 5px;
}
#editLinkPopup .Lien {
  font-weight: normal;
}
#editLinkPopup select.editLinkImagePosition {
  width: auto;
  margin: 0 10px;
}
#editLinkPopup .editLinkImageInsertion {
  height: 24px;
}
#editLinkPopup .information {
  font-style: italic;
  padding: 10px 0 0 0;
}
#editLinkPopup #editLinkResetTitle {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 8px;
}
/* End edit link popup*/
.copyToClipboard {
  text-align: center;
  position: relative;
  height: 25px;
}
.copyToClipboard img {
  vertical-align: middle;
  cursor: pointer;
}
.inputTooltip {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.inputTooltip > img {
  padding-left: 5px;
  cursor: help;
}
.systemDocument {
  display: none;
}
form[name='TableauBordFiliale'] div.normal {
  background-color: white;
  border: 1px solid #E7E7E7;
  margin-top: 20px;
  padding-top: 12px;
}
span.timeline_label {
  font-weight: bold;
}
a.pointer {
  cursor: pointer;
}
.gdprMessage {
  margin: 1em 1.5em;
  margin-right: 20px;
  margin-top: 10px;
  padding: 5px 8px;
  padding-left: 230px;
  background-color: #F5F5F5;
  border: 1px solid #D5D5D5;
  box-shadow: 0px 2px 2px #E0E0E0;
}
.gdprMessage .button.help {
  padding-top: 5px;
  margin-left: 5px;
  padding-top: 15px;
  cursor: help;
}
.gdprMessage .gdprText {
  display: inline-flex;
  margin-left: 8px;
}
.warningsinfos {
  padding-top: 10px;
}
.infoSection .warningsinfos {
  padding-left: 40px;
}
.infoSection {
  border-left: 6px solid #D5D5D5;
  padding: 12px 20px;
  margin: 20px 20px 40px 20px;
  background-color: #F5F5F5;
  font-size: 14px;
}
.infoSectionchat_bubble_outline {
  border-left: 6px solid #D5D5D5;
}
.infoSectioninfo {
  border-left: 6px solid #D5D5D5;
}
.infoSectionhelp_outline {
  border-left: 6px solid #FFDF37;
}
.infoSectionerror_outline {
  border-left: 6px solid #FF0000;
}
.infoSection i.chat_bubble_outline {
  padding-right: 8px;
  color: #D5D5D5;
  vertical-align: middle;
}
.infoSection i.info {
  padding-right: 8px;
  color: #D5D5D5;
  vertical-align: middle;
}
.infoSection i.help_outline {
  padding-right: 8px;
  color: #FFDF37;
  vertical-align: middle;
}
.infoSection i.error_outline {
  padding-right: 8px;
  color: #FF0000;
  vertical-align: middle;
}
.INSERT-form td.section-description,
.UPDATE-form td.section-description {
  padding: 10px 50px 10px 30px;
  font-size: 13px;
}
.main-header-bar.header-support {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}
.Lien.header-support {
  padding-top: 10px !important;
}