/*
 * Copyright (C) 2000 - 2024 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception.  You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "https://www.silverpeas.org/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
/*************************************
Redefinition des style de balises HTML
*************************************/
body {
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 12px;
  margin: 0px;
  color:#212121;
}

body:focus {
  outline: none;
}

body.portlet {
  background-color:transparent;
}

td,div {
  font-size: 1em
}

a {
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 1em;
  text-decoration: none;
  color:#212121;
}

a:hover {
  /* color: #666699;*/
}

input {
  background-color:#FFF;
  font-family: "Verdana", "Arial", sans-serif;
  border:1px solid #999;
  color:#333;
  font-size:1em;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

input:focus {
  border: 1px solid rgba(66, 133, 244, 1);
}

input[type=radio],
input[type=checkbox]{
  border:0px;
}

input[disabled=disabled],
textarea[disabled=disabled]  {
  background-color:#efefef;
}

input[type=file] {
  padding:0;
}

select,
textarea {
  background-color:#FFF;
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 1em;
  color:#333;
  border: 1px solid #999;
  max-width:100%;
}

Label,legend {
  font-size: 1em;
  color: #333;
  font-weight: bold
}

table.frame,
tr.frame,
table.title,
tr.title {
  background-color: #CCC
}

td.frame {
  background-color: #CCC;
  color:#FFF;
  text-align: left;
  font-style: normal;
  font-weight: bold
}

td.title {
  background-color: #CCC;
  font-style: normal;
  font-size: 1em;
  font-weight: bold;
}

#topPage {
  width:98%;
}

/***************************************
Definition des class de style Silverpeas
***************************************/

.clean {
  padding:0;
  margin:0;
}

.peer {
  color: #033111
}

.odd {
  color: #000
}

.couleurFondCadre {
  background-color:#FFF
}

.bgDegradeGris,
.userzoom-tooltip,
.userzoom-tooltip-interaction-accessProfil ,
.userzoom-tooltip-interaction-accessChat ,
.userzoom-tooltip-interaction-accessNotification ,
.userzoom-tooltip-interaction-action-invitation,
.userzoom-tooltip-interaction-accessChat.disabled:hover{
  background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
}

.bgDegradeGris{
  border:1px solid #cdcdcd;
  color:#333;
  margin-bottom:10px;
  min-height:14px;
}

.bgDegradeGris.header, .bgDegradeGris .header {
  border-bottom:1px solid #cdcdcd;
  border-top:0;
  border-right:0;
  border-left:0;
  margin:0;
  padding:5px;
  background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  min-height:14px;
}

.header h4{
  font-size:1.1em;
  /* min-width:300px; AVERIFIERSUPPR*/
}

.bgDegradeGris p, .bgDegradeGris .paragraphe {
  padding:11px 17px 0 17px;
  margin:0;
  font-size:1em;
  line-height:1.2em;
  color:#666;
  position:relative;
}

.bgDegradeGris p b, .bgDegradeGris .paragraphe b {
  color:#333;
  font-weight:normal;
}

.principalContent{
  margin-right:320px;
  margin-top:10px;
}

.rightContent{
  width:310px;
  clear:right;
  float:right;
  margin-top:10px;
}

.principal-content-title {
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  margin:0 0 10px 0;
  padding:0;
}

.tag-presentation {
  float:right;
  height:30px;
  line-height:30px;
  background:transparent url(../icons/bg-tag-part1.png) top left no-repeat;
  padding-left:19px;
}

.tag-presentation .tag-presentation-content {
  background:transparent url(../icons/bg-tag-part2.png) top right no-repeat;
  padding:0 10px;
}

.clearAll {
  clear:both;
}

.linkUser {
  color: #3A5998;
}
.linkUser:hover {
  color: #666699;
}

.inputPermalink {
  border: 1px solid #CACACA;
  color: #333;
  width: 90%;
}

.profilPhoto {
  border:1px solid #CCC;
  overflow:hidden;
}

.bgDegradeGris .profilPhoto {
  position:absolute;
  width:30px;
  height:30px;
  top:10px;
  right:10px;
  text-align: center;
}

.bgDegradeGris .profilPhoto img{
  height:30px;
}

/* Couleur de l'interface : TopBar et DomainsBar */
.txtnote {
  font-size: 1em;
  color:#000;
  text-decoration: none
}

.txttitrecol {
  font-size: 1em;
  color:#000;
  font-weight: bold
}

.txtnav,
.textePetitBold,
.textePetitBoldVert,
.textePetitBold2,
.txtPetitBlanc, .txtpetitblanc  {
  font-size: 1em;
  font-weight: bold;
  color: #000
}

.textePetitBoldVert {
  color: #661666 /*violet ??*/
}

.textePetitBold2 {
  color: #666
}

.txtPetitBlanc, .txtpetitblanc {
  color:#FFF
}

.txtGrandBlanc {
  font-size: 1.2em;
  font-weight: bold;
  color:#FFF
}

.txtlibform,
.txtsublibform {
  font-size: 0.8em;
  font-weight: bold;
  color:#111;
}

.txtlibform {
  padding-right: 50px;
  vertical-align: top;
  text-align: left;
}

.txtsublibform{
  padding-right:0px;
}

.texteLabelForm {
  font-size: 1em;
  color: #666;
  font-weight: bold
}

#genericForm {
  height: 0;
}

.ongletOn {
  background: url(../../util/viewGenerator/icons/ongletOn.gif) repeat-x;
  font-weight: bold;
}

.txtnav2 {
  font-size: 1em;
  font-weight: bold;
  color:#FFF
}

.txtnav4 {
  font-size: 1em;
  font-weight: bold;
  color: #000
}

.txtnav3 {
  font-size: 1em;
  color: #666;
  text-decoration: none
}

.txtBaseline {
  font-size: 1em;
  color: #666
}

.txtdayoff1 {
  font-size: 1em;
  font-weight: normal;
  color: #AFB8C1
}

.txtdayoff2 {
  font-size: 1.1em;
  font-weight: bold;
  color: #AFB8C1;
}

.txtdayoff3 {
  font-size: 1em;
  font-weight: normal;
  color: #D4D4D4;
}

.date {
  font-size: 1em;
  color: black
}

.intfdcolor {
  background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(229,229,229,1) 100%);
  white-space: nowrap;
}

.error-container.popin {
  min-width: 650px;
}

.error-container.popin div {
  background-color: transparent;
}

.error-container.popin .error-message-container {
  min-height: 40px;
}

.error-container .intfdcolor,
.error-container .intfdcolor4,
.portlet-content .intfdcolor {
  white-space: normal;
}

.error-container.intfdcolor,
.error-container .intfdcolor4 {
  text-align: center;
}

.error-container .intfdcolor4 div {
  padding-bottom: 10px;
}

#outilsAdmin {
  position: absolute;
  right: 1em;
  top: 0;
}

#outilsAdmin a{
  padding-right: 2em;
  line-height: 30px;
}

#outilsAdmin a img {
  margin-right: 0.5em;
}
#outilsAdmin a span{
  display: none;
}

#sp-admin-layout-header-part {
  background-repeat:no-repeat;
  background-position: top right;
}

.sp_menuAdmin{
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #dcdcdc;
  height: 46px;
  line-height: 46px;
}

.sp_menuAdmin li{
  display: inline-block;
  padding: 0 1em;
  position: relative;
}

.sp_menuAdmin li.select span {
  font-size: 1.2em;
}

.sp_menuAdmin li.select:after {
  background: transparent url(/silverpeas/jobManagerPeas/jsp/icons/sp_menuAdmin_select.png) bottom center no-repeat;
  display: block;
  content: " ";
  position: absolute;
  top: 39px;
  width: 100%;
  height: 8px;
  left: 0;
}

.sp_menuAdmin li.select .textePetitBold {
  color: #dd4b39;
  font-size: 1.2em;
}

.sp_sousMenuAdmin .select,
.sp_sousMenuAdmin a{
  line-height: 30px;
  height: 30px;
  margin: 0 1em;
}


.sp_sousMenuAdmin .select {
  border-bottom: 3px solid #dd4b39;
  display: inline-block;
}

#sp-admin-layout-header-part .sp_back_front{
  background: #f7f7f7 url(../../util/icons/back.png) 1em 1.25em no-repeat;
  line-height: 16px;
  padding: 1.25em 1em 1.25em 3.5em;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #ccc;
  margin-right: 2em;
  border-left: 1px solid #ccc;
}

#sp-admin-layout-body-part-layout-navigation-part {
  width: 270px;
  padding: 1em 0 1em 0.5em;
}

#sp-admin-layout-body-part-layout-navigation-part .domains-label,
#sp-admin-layout-body-part-layout-navigation-part .treeview-label {
  padding: 0em 0.25em 1em 0.25em;
  display: inline-block;
}
#sp-admin-layout-body-part-layout-navigation-part .domainsNamesForm{
  padding: 1em 0.25em;
}

.treeview_selectSpace{
  padding: 1em 0.25em 0.25em;
}
.treeview_selectSpace select{
  width: 90% !important;
}

.treeview_contentSpace {
  margin: 0 0.75em 1em 0.75em;
  padding: 0 0 1em;
}

.treeview_path {
  background-color: #fbfbfb;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding: 0.5em;
  margin-bottom: 0.75em;
}

.treeview_path div a,
.treeview_contentSpace div a {
  display: block;
}

.treeview_contentSpace div a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.treeview_path div a img {
  margin-right: 0.5em;
}

.treeview_path span.space {
  width: 11px;
  display: inline-block;
  margin-right: 0.25em;
}

.treeview_path a span {
  color: #1c94d4;
  text-decoration: underline;
}

.admin-navigation div a {
  line-height: 100%;
  padding: 0.25em 0;
}

.treeview_path div:last-child a span {
  color: #000;
  text-decoration: none;
  font-weight:normal;
}

#domId img {
  margin-right: 0.5em;
}

.treeview_contentSpace .component-icon {
  margin-right: 0.5em;
  vertical-align: text-bottom !important;
}

.domain-group-list{
  padding: 0.25em 0.25em 1em;
}

#admin-component, .page_content_admin , .admin-users{
  padding-left: 1em;
}
.intfdcolor1 {
  background-color: #666
}

.intfdcolor2 {
  background-color: #EDEDED
}

.intfdcolor3 {
  background-color: #CCC
}

.intfdcolor4 {
  background-color:#FFF
}

.intfdcolor5 {
  background-color:#FFF
}

.intfdcolor51 {
  background-color: #EDEDED
}

.intfdcolor52 {
  background-color: #F0F8FF
}

.intfdcolor6 {
  background-color: #CDCDCD
}

.intfdcolor6outline {
  background-color: #CDCDCD;
  border: 1px solid #AFB8C9;
}

.publicEventOutline {
  background-color: #DDF1CF;
  border: 1px solid #AFB8C9;
}

.privateEventOutline {
  background-color:#FFF1CF;
  border: 1px solid #AFB8C9;
}

.fondCartouche {
  background-color: #E5E5E5
}

.line {
  background-color: #000
}

/*********************************
Style Utilise par le ViewGenerator
*********************************/ /* OBJETS : ButtonWA - ButtonWA2 */
/* AVERIFIERSUPPR*/

.buttonColorDark {
  background-color: #111111
}

.domainName {
  font-size: 1.2em;
  font-weight: bold
}

.intfdcolor13 {
  background-color: #CCC
}

.contourintfdcolor,
.contourt3,
.contourbleufondblanc {
  border:1px solid #CCC;
  background-color:#FFF;
}

.Titre {
  font-weight: bold;
  font-size:0.8em ;
  color: #999;
  line-height: 1em;
}

.selectNS {
  background-color:#FFF;
  font-size: 1em;
  color:#000;
}

.tableArrayPane {
  border:1px solid #CCC;
  background-color:#FFF;
}

.tableArrayPane > tbody > tr:nth-child(n) > td{
  background-color:#f5f5f5
}

.tableArrayPane > tbody > tr:nth-child(2n+1) > td{
  background-color:#fff
}

.arrayPane {
  margin-left: auto;
  margin-right: auto;
}

.highlight {
  background-color: #F7C752;
  padding: 2px 3px ;
}

.fondPhoto,
.viewGeneratorLines {
  background-color: #CCC;
}

.fondPhotoNotVisible {
  background-color: #FF9933;
}

.fondCadre {
  background-color: #666;
}

.hide {
  display: none;
}

.sp-layout-part-force-on-background .ui-widget-overlay,
.sp-admin-layout-part-force-on-background .ui-widget-overlay {
  display: none;
}

.sp-layout-part-on-foreground,
.sp-admin-layout-part-on-foreground {
  z-index: 3000;
}

.sp-layout-part-on-top-element-drag,
.sp-admin-layout-part-on-top-element-drag {
  pointer-events: none;
}

#sp-layout-splash-content-url-part {
  z-index: 1502;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-layout-splash-content-url-part-overlay {
  z-index: 1501;
  opacity: 0.5;
  background-color: #666;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/****************************************/
/****************TopBar ****************/
/****************************************/
#sp-layout-header-part {
  position:relative;
}

#backHome {
  float: left;
  position: absolute;
  left: 0px;
  height: 85px;
  width: 175px;
  top: 0;
}

#outils {
  position: absolute;
  right: 5px;
  height: 15px;
  width: 100%;
  bottom: 60px;
  text-align: right;
  color: #999;
  font-size: 10px
}

#outils a {
  color: #999;
}

#shortcuts a {
  color:#FFF;
}

#shortcuts td {
  background-color:#1c94d4;
  border-top: 1px solid #FFF;
  border-radius:4px 4px 0 0;
}

#shortcuts td.gaucheShortcuts {
  display:none
}

#shortcuts td.droiteShortcuts {
  display:none
}

#shortcuts td.activeShortcut {
  background-color:#7fbfd8;
  border-top: 1px solid #FFF;
  border-radius:4px 4px 0 0;
}

#administration {
  bottom: 25px;
  position: absolute;
  right: 0px;
}

#administration a {
  background-color:#fb9e00;
  color:#FFF;
  font-weight: bold;
  height: 20px;
  display:block;
  width: 120px;
  text-align: center;
}

#topBar #outils div.avatarName {
  display: inline;
  font-weight: bold;
  padding-right: 10px;
}

#topBar #outils div.avatarName img {
  border: 1px solid #BFBFBF;
  vertical-align: middle;
}

#topBar #outils div.userNav {
  display: inline;
}

/****************************************/
/****** DomainsBar ************/
/****************************************/
#sp-layout-body-part-layout-toggle-part {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:100;
}

/**** TOGGLE CSS OLD STYLE *********/
/**** MUST BE UPDATED INTO LOOK PROJECTS *********/

#sp-layout-body-part-layout {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: row;
}

#sp-layout-body-part-layout-navigation-part {
  position: relative;
  overflow: auto;
  width: 260px;
}

#sp-layout-body-part-layout-content-part {
  flex: 1;
  height: 100%;
}

#sp-layout-body-part-layout-toggle-part {
  display: table;
}

#sp-layout-body-part-layout-toggle-part div {
  margin: 0;
  padding: 0 2px 0 0;
  border: none;
  display: table-cell;
  cursor: pointer;
}


#sp-layout-body-part-layout-toggle-part div a span{
  display:none;
}

#navigation-toggle.reduced a:before{
  content:' ';
  display:inline-block;
  width:16px;
  height:16px;
  background:transparent url(../../admin/jsp/icons/silverpeasV5/extend.gif) 0 0 no-repeat;
}

#navigation-toggle.enlarged a:before{
  content:' ';
  display:inline-block;
  width:16px;
  height:16px;
  background:transparent url(../../admin/jsp/icons/silverpeasV5/reduct.gif) 0 0 no-repeat;
}

#header-toggle.reduced a:before{
  content:' ';
  display:inline-block;
  width:16px;
  height:16px;
  background:transparent url(../../admin/jsp/icons/silverpeasV5/extendTopBar.gif) 0 0 no-repeat;
}

#header-toggle.enlarged a:before{
  content:' ';
  display:inline-block;
  width:16px;
  height:16px;
  background:transparent url(../../admin/jsp/icons/silverpeasV5/reductTopBar.gif) 0 0 no-repeat;
}

/**** END TOGGLE CSS OLD STYLE *********/

#recherche {
  background:url(../icons/design/recherche.jpg) no-repeat;
  margin-bottom: 10px;
  height: 60px;
  width: 220px;
  color: #666;
  font-size:0.9em;
}

#recherche #submitRecherche {
  margin: 0px;
  height: 50px;
}

#recherche #submitRecherche input {
  margin:7px 5px 0px 15px;
  color: #666;
  background-color: transparent;
  border: none;
}

#recherche #submitRecherche a {
  margin-left: 15px;
}

#recherche #bodyRecherche {
  background-color: transparent;
  text-align: center;
  margin-top: -15px;
  color: #666;
}

#recherche #bodyRecherche a {
  color: #666;
}

.qtip.search-query-help-qtip {
  max-width: none;
}

#domainsBar #tabDivId {
  margin:0;
  padding:0;
}

#domainsBar #spaces #favdiv img,
#spacePerso  a img  {
  border: 0px;
}

.favorite,
.favorite_empty ,
.favorite_contains {
  width: 12px;
  height: 12px;
  z-index:100;
  visibility:visible;
}

#domainsBar .sousOnglets {
  display: none;
}

#pdc {
  margin-top: 10px;
  background-color: #EEEEEE;
  padding: 3px;
  border: 1px solid #666;
}

#pdcLabel {
  margin-left: 2px;
  font-size: 11px;
  font-family: Verdana, Arial, sans-serif;
}

#pdc a {
  font-weight: normal;
}

#spacePerso .contentSpace {
  margin-top: 7px;
  margin-left: 10px;
}

#spacePerso #addComponent {
  margin-top: 10px;
}

#spacePerso #addComponent #availables {
  font-weight: normal;
}

#loginBox {
  padding-top: 10px;
  width: 100%;
}

#basSpaces {
  width: 100%;
}

#basSpaceTransverse {
  width: 100%;
  margin-bottom: 10px;
}

.spaceLevel1 {
  border-bottom: 1px solid #999;
  font-weight: bold;
  padding: 3px;
  position:relative;
}

.spaceLevel1On {
  border-bottom: 1px solid #999;
  font-weight: bold;
  padding: 3px;
  position:relative;
}

.spaceLevelPerso {
  font-weight: bold;
  padding: 3px;
}

.browseSpace,
.browseComponentActiv{
  font-weight: bold;
}

.browseComponent {
  font-weight: normal;
}

.browseComponent a {
  vertical-align: middle;
}

.browseIconComponent {
  margin: 2px;
  margin-right: 4px;
}

.contentSpace {
  margin-left: 10px;
}

#domainsBar #loginBox .forgottenPwd a {
  font-size: 1em;
  color: #666;
}

#domainsBar #loginBox #userNav {
  display: none;
}

/****************************************/
/******  ViewGenerator *********/
/****************************************/
/* objet window */
.cellBrowseBar  {
  border-bottom: 1px solid #ddd;
  padding-right: 230px;
  padding-bottom: 0.5em;
}

.cellBrowseBar.cellBrowseBarWithoutOperation  {
  padding-right: 0 !important;
}

.cellOperation {
  display: inline-block;
  width:210px;
  position:absolute;
  right:2em;
  top:0;
}

.cellBodyWindows {
  margin-top:0.5em;
}

#sp-layout-body-part {
  position: relative;
}

#sp-layout-body-part-layout-content-part {
  padding-left:1em;
}

.sp_goToTop {
  clear:both;
}
/* Objet Button */

.sp_buttonPane {
  text-align:center;
}
.sp_button , button.button , .gjs-pn-btn.sp_button {
  background-color:#7eb73b;
  color:#FFF;
  display:inline-block;
  padding:0.5em 1em;
  margin-right:1em;
  border:none;
}

#advanced-search form .sp_button,
#globalResult form .sp_button,
#directory form .sp_button,
#directory #indexAndSearch .sp_button,
#searchLine  .sp_button,
.container-filter #search .sp_button,
#thumbnailInputs .sp_button {
  padding: 1px 10px;
  font-size: 9pt !important;
  height: 17px;
  line-height: 17px;
}

.sp_button:hover , button.button:hover {
  background-color:#75af30;
  color:#FFF;
}

.sp_button.linked-to-input {
  padding: 1px 10px;
  font-size: 0.9em !important;
  height: 17px;
  line-height: 17px;
}

.sp_button.openMap {
  background: #e9e9ed linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
  padding: 1px 8px 0 8px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #8f8f9d;
  height: 26px;
  line-height: 24px;
  display: inline-block;
  border-radius: 4px;
  color: #333;
}

.sp_button.openMap:before {
  content: ' ';
  display: inline-block;
  background: transparent url(../icons/marker.gif) 0 2px no-repeat;
  margin-right: 2px;
  width: 16px;
  height: 20px;
  vertical-align: middle;
}

/* Objet Tabs */

#gef-tabs {
  margin-top:1em;
}

#spaceMenuDivId #gef-tabs {
  border-bottom:2px solid #7eb73b
}

#favdiv{
  position:relative;
  float:right;
  padding-right:1px;
}

.tabbedPane {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-end;
}

.sp_tabOn a, .sp_tabOff a, .sp_tabOn span, .sp_tabOff span {
  display: block;
  margin-right: 4px;
  border-radius: 8px 8px 0 0;
  padding: 8px 10px 6px;
}
.sousOnglets,.sp_tabOn a,.sp_tabOff a:hover,.sp_tabOn span {
  background-color:#7eb73b;
  color:#fff
}
.sousOnglets {
  height: 2px;
}
.sp_tabOff a,.sp_tabOff span {
  background-color:#d6d7d9
}
.sp_tabOff a {
  color:#666
}
.sp_tabOff a:hover {
  color:#fff
}

/* Objet frame */
.tableFrame {
  border-style: none;
  background-color: transparent;
  position:relative;
}

.hautFrame {
  padding: 1em 0;
}

/* Objet board */
.tableBoard {
  border: 1px solid #CCC;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 75%, rgba(229,229,229,1) 100%);
  margin:0 auto 10px auto ;
  width: 98%;
  padding: 1%;
  display:table;
}

.tableBoard > td {
  text-align: left;
}

/* Objet ArrayPane */
.ArrayColumn, .tableArrayPane thead {
  background-color: #d6d7d9;
  color: #000;
}

.ArrayColumn a {
  color: #000;
}

.ArrayCell, .ArrayCellHot {
  text-align: left;
}

.ArrayCell img {
  border: 0;
}

.ArrayCellHot {
  color: #FF6000;
}

.ArrayNavigation {
  background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(229,229,229,1) 100%);
  font-weight: bold;
  color:#000;
  text-decoration: none;
}

.ArrayNavigationOn {
  background-color: #666;
  color:#FFF;
  text-decoration: none;
}

.tableNavigationList {
  text-align:center
}

.navigationListTitle {
  padding:0.5em;
}

.navigationList {
  margin:0;
  padding:0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: initial;
  align-content: flex-start;
  list-style-type: none;
}

.navigationList li{
  float: left;
  flex-grow: 1;
  background: #efefef url(../icons/folder.png) 3px 1px no-repeat;
  margin: 0.5em 0 0 0.5em;
  padding: 7px 5px 5px 27px;
  height: auto;
  position: relative;
  border-radius: 6px;
  min-height: 20px;
  cursor:pointer;
}
.navigationList li:hover{
  background-color: #eaeaea;
}

.bookmark .navigationList li {
  cursor:inherit;
}

.bookmark .navigationList li a{
  display:block;
}


/* pagination */

.pageNav {
  color:#999;
  background-color:#f3f3f3;
  text-align:center;
  border-top:1px solid #CCC;
  clear: left;
}
.pageNav *{
  display: inline-block;
  vertical-align: middle;
}

.pageNav .pageNavContent {
  padding:0.5em;
}

.pageNav .pageJumper *{
  display:inline-block;
  height:1.2em;
}

.pageNav .pageIndex {
  padding-left:1em;
}

.pageClicToGo {
  padding:0 1em;
  border-spacing: 0;
}
.pageClicToGo .pageOff ,
.pageClicToGo .pageOn {
  padding:0.5em 0.75em;
  font-size:1em;
  background-color:#FFF;
  border:1px solid #CCC;
  border-left:0;
  color:#333;
  display:table-cell;
}

.pageClicToGo a:first-child{
  border:1px solid  #CCC;
  border-radius:4px 0 0 4px;
  margin-left:1em;
}

.pageClicToGo a:last-child{
  border-radius: 0 4px 4px 0 ;
  margin-right:1em;
}

.pageClicToGo .pageOff:hover{
  background-color:#ececec;
}

.pageNav .pageClicToGo .pageOn {
  background-color:#1c94d4;
  border-color:#1c94d4;
  color:#FFF;
}

.pageNav .pageOff a{
  font-size:1em;
  display:block;
  padding-left:0.5em;
}

.pageNavContent > div:after{
  /*content:'-';*/
  margin-left:0.5em;
  margin-right:0.5em;
}

.pageNavContent > .pageClicToGo:after{
  content:'';
  margin-left:0;
  margin-right:0;
}

.pageNav .numberPerPage {
  padding-left:0em;
}

.pageNav .numberPerPage .selected {
  color: #999;
}

.pageNav .numberPerPage a:after{
  content:'|';
  color: #333;
  margin-left:0.3em;
  margin-right:0.3em;
}

.pageNavContent > .numberPerPage:after{
  content:'';
  margin-left:0;
  margin-right:0;
}
.pageNavContent > .numberPerPage:before{
  /*content:'-';*/
  margin-left:0.5em;
  margin-right:0.5em;
}

.pageNav .numberPerPage a:last-child:after{
  content:' ';
}

.pageNav .pageJumper .jumper:focus {
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
  border-color:#1c94d4;
}

.pageNav .pageJumper .jumper {
  visibility: hidden;
}

.footerNav td {
  position:relative;
}

.footerNav .exportlinks {
  position:absolute;
  right:1em;
  top:0;
  width:inherit;
  padding:1.5em 0 ;
}

/*- [Specific export BEGIN ] ---------------- */
.exportlinks {
  width: 165px;
}
.exportlinks div {
  float:right;
  font-weight:bold;
  margin-right:8px;
  padding-left:10px;
  line-height:19px;
  padding-top: 3px;
}
.exportlinks a:hover {
  color:#5E9F09;
}
span.export {
  padding: 0 4px 1px 20px;
  display: inline;
  display: inline-block;
  cursor: pointer;
  margin:0 10px;
  font-weight:normal;
}
span.csv {
  background:transparent url(../icons/fileType/icon_csv.gif) 0px 0px no-repeat;
}

/*- [ general ] --------------------------- */
#portletPages img {
  border: 0;
}

#portletPages form {
  margin: 0;
  padding: 0;
}

/*- [ portal-page ] --------------------------- */
#portal-page {
  font-size: 0.9em;
}

/*- [ portal-header ] --------------------------- */
#portletPages div#portal-header {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 8px solid #902;
  background: #EFE6CE;
}

#portletPages div#portal-header h1 {
  margin: 0;
  float: left;
  padding: 5px 10px;
}

#portletPages div#portal-header ul#portal-options {
  float: right;
  margin: 10px;
  padding: 0;
  list-style: none;
}

#portletPages div#portal-header ul#portal-options li {
  display: inline;
  margin: 0;
  padding: 0;
}

#portletPages div#portal-header ul#portal-options li a {
  padding: 0 4px 0 6px;
  border-left: 1px solid #e2c2b5;
}

#portletPages div#portal-header ul#portal-options li a.first-child {
  border-left: none;
}

/*- [ admin ] --------------------------- */
#sp-admin-layout-body-part-layout-navigation-part  img{
  border:none;
}

#portletPages h2 {
  font-size: 1.1em;
}

#portletPages h1#undeploy-portlet-content,
#portletPages h1#create-portlet-content,
#portletPages h1#modify-window-content{
  margin-top: 20px;
}

#portletPages form#portal-login fieldset,#portletPages form#deploy-portlet fieldset,#portletPages form#undeploy-portlet fieldset,#portletPages form#modify-window fieldset,#portletPages form#create-portlet fieldset {
  border: none;
  margin: 10px;
  padding: 0;
}

#portletPages form#portal-login label,#portletPages form#deploy-portlet label,#portletPages form#undeploy-portlet label,#portletPages form#modify-window label,#portletPages form#create-portlet label{
  display: block;
  margin-bottom: 2px;
}

#portletPages form#portal-login input#submit,#portletPages form#portal-login input#reset{
  display: inline;
  margin: 0;
}

/*- [ portal-content ] --------------------------- */
#portletPages #portal-content {
  clear: both;
  margin: 0;
  padding: 0px;
}

#portletPages h1.portal-content-header {
  font-size: 1.1em;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #902;
}

/*- [ portlet-content-layout ] --------------------------- */
/* Layout = 1, THICK/THIN */
#portletPages #portal-content-layout #layout-1-thin {
  float: left;
  width: 30%;
  margin-right: 5%;
}

#portletPages #portal-content-layout #layout-1-thick {
  float: right;
  width: 63%;
}

/* Layout = 2, THICK/THIN */
#portletPages #portal-content-layout #layout-2-thick {
  float: left;
  width: 48%;
  margin-right: 2%;
}

#portletPages #portal-content-layout #layout-2-thin {
  margin-top: 0;
  float: right;
  width: 45%;
}

/* Layout = 3, THIN/THICK/THIN */
#portletPages #portal-content-layout #layout-3-left {
  float: left;
  width: 68%;
}

#portletPages #portal-content-layout #layout-3-left-thin {
  float: left;
  width: 30%;
  margin-right: 5%;
}

#portletPages #portal-content-layout #layout-3-left-thick {
  float: right;
  width: 58%;
  margin-right: 5%;
}

#portletPages #portal-content-layout #layout-3-right-thin {
  float: right;
  width: 30%;
}

#portletPages a.color-inherited {
  color: inherit;
}

#portletPages .clear {
  clear: both;
  font-size: 1px;
  line-height: 1px;
}

#portletPages #overlay {
  background: #666;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}

#portletPages #overlay #preloader {
  background: url(loader_bg.gif) no-repeat;
  height: 50px;
  left: 50%;
  line-height: 50px;
  margin: -25px 0 0 -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

#portletPages #overlay #preloader img {
  margin: 11px 0 0 0;
  vertical-align: middle;
}

#portletPages .ui-sortable {
  background-color:#FFF;
  border: none;
  color: #222;
  margin: 0;
  padding: 0;
  width: 175px;
}

#portletPages dl.sort {
  color: #222;
  margin: 5px 0;
}

#portletPages dl.sort dt {
  cursor: move;
  float: left;
  line-height: 2;
  width: 100%;
  margin: 0;
  padding: 0;
  background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(212,212,212,1) 100%);
  border: 1px solid  #DEDEDE;
  border-right-style: none;
  clear: both;
}

#portletPages dl.sort dd {
  background-color:#FFF;
  margin: 0;
  padding: 0;
}

#portletPages .ui-sortable-helper {
  width: 175px;
}

#portletPages .placeholder {
  border: 1px dashed #AAA;
}

#portletPages span.options {
  cursor: default;
  font-size: 1px;
  line-height: 1px;
  position: absolute;
}

#portletPages span.options a {
  cursor: pointer;
  display: block;
  float: left;
  text-indent: -9000px;
}

#portletPages dl.sort dt span.options {
  right: 5px;
  width: 60px;
}

#portletPages dl.sort dt span.options a {
  height: 15px;
  width: 15px;
}

#portletPages dl.sort dt span.options a.up {
  margin-top: 2px;
  margin-right: 3px;
  background: url(../../admin/jsp/icons/fo_flechehaut.gif) no-repeat;
}

#portletPages dl.sort dt span.options a.down {
  margin-top: 2px;
  margin-right: 3px;
  background: url(../../admin/jsp/icons/fo_flechebas.gif)  no-repeat;
}

#portletPages dl.sort dt span.options a.remove {
  margin-right: 3px;
  background: url(../../util/icons/delete.gif)  no-repeat;
}

#portletPages dl.sort dt span.options a.disabled {
  cursor: default;
}

#portletPages #container {
  float: left;
}

#portletPages #thick {
  float: left;
  width: 49%;
  padding-bottom: 100px;
}

#portletPages #thin {
  float: right;
  width: 49%;
  padding-bottom: 100px;
}

/*- [ portlet ] --------------------------- */
#portletPages div.portlet-header {
  float: left;
  height: 2em;
  line-height: 2;
  width: 100%;
  margin: 0;
  padding: 0 0 0 10px;
  background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(212,212,212,1) 100%);
  border: 1px solid #DEDEDE;
  border-right-style: none;
}

#portletPages h2.portlet-title {
  float: left;
  margin: 0 0 0 4px;
  font-variant: small-caps;
  color: #5889BB;
  font-size: 1.1em;
  font-weight: bold;
}

#portletPages ul.portlet-options {
  float: right;
  margin: 0 0 0 4px;
  padding: 0;
  list-style: none;
}

#portletPages ul.portlet-options li {
  display: inline;
  margin: 0;
  padding: 0;
}

#portletPages ul.portlet-options li a {
  float: left;
  display: block;
  height: 16px;
  width: 16px;
  margin: 4px 2px 4px 0;
  padding: 0;
  font-size:0.8em;
}

#portletPages div.portlet-content {
  text-align: left;
  clear: both;
  padding: 4px;
  border: 1px solid #FAEFEB;
  border-top: none;
  color:#000;
  cursor: default;
}

#portletPages div.portlet-content .rss_link{
  display:block;
  text-align:right;
}

#portletPages div.portlet-content-minimized {
  clear: both;
}

/*- [ portlet END ] --------------------------- */

/*- [ portlet LastApplication BEGIN] --------------------------- */

.listing-portlet-lastApplication {
  list-style-type:none;
  margin:0;
  padding:0;
}

.listing-portlet-lastApplication li {
  padding:0;
  margin:0;
}

.listing-portlet-lastApplication li img.iconComponent{
  float:left;
  margin:-2px 4px 0 0;
}

.listing-portlet-lastApplication .lineResult .location {
  margin:0 0 0 20px;
  display:block;
}

/*- [ portlet LastApplication END] --------------------------- */


/*- [ portlet MyContact BEGIN] --------------------------- */

#portlet-myContact  .listing {
  list-style-type:none;
  padding:0;
  margin:0;
  list-style-image:none;
}
#portlet-myContact  .listing li{
  float:left;
  width:48.5%;
  margin:0 0 1% 1%;
  background-color:#FFF;
  position:relative;
  border:1px solid #f0f0f0
}
#portlet-myContact  .listing li.offline{
  opacity:0.6
}
#portlet-myContact  .listing li img.avatar{
  float:left;
  margin:2%;
  width:25px
}
#portlet-myContact  .listing li .userName{
  font-size:1.2em;
  overflow:hidden;
  position:absolute;
  white-space:nowrap;
  top:3px;
  left:33px;
  right:43px;
}
#portlet-myContact  .listing li .userStatut {
  overflow:hidden;
  height:16px;
  position:absolute;
  top:21px;
  left:33px;
  right:10px;
}
#portlet-myContact  .listing li .userStatut p{
  color:#9f9f9f;
  font-style:italic;
  padding:0;
  margin:0;
  font-size:1em;
}
#portlet-myContact  .listing li .contact-user {
  overflow:hidden;
  position:absolute;
  top:3px;
  right:5px;
}
#portlet-myContact  .listing li .accessTchat-user {
  overflow:hidden;
  position:absolute;
  top:3px;
  right:26px;
}
#portlet-myContact  .listing li .contact-user img,
#portlet-myContact  .listing li .accessTchat-user img{
  width:12px;
  border:0
}
/*- [ portlet MyContact END] --------------------------- */

/*- [ portlet MyFeed BEGIN] --------------------------- */
#portlet-myFeed {
  max-height: 350px;
  overflow: auto;
}

#portlet-myFeed .profilPhoto img{
  width:25px;
}

#portlet-myFeed .profilPhoto{
  width:25px;
  max-height:30px;
  overflow:hidden;
  float:left;
  margin-right:7px;
  background-color:#FFF;
}

#portlet-myFeed .detail{
  display:none;
}


#portlet-myFeed .a_new {
  min-height: 35px;
}

#portlet-myFeed hr{
  margin:0 0 3px ;
  height:0;
  line-height:0;
  padding:0;
}
#portlet-myFeed p{
  margin:0;
  padding:5px 0 7px;
  line-height:1em;
}

#portlet-myFeed .status {
  background:transparent url(../icons/newsFeed_statut.gif) right 7px no-repeat;
  padding-right:20px;
  margin-right:7px;
}

#portlet-myFeed .status .detail{
  display:inline;
  font-weight:bold;
}
#portlet-myFeed .relationship {
  position:relative;
}
#portlet-myFeed .relationship.detail{
  display:block;
  position:absolute;
  top:3px;
  right:0;
  padding:0;
}
#portlet-myFeed .relationship.detail .profilPhoto,
#portlet-myFeed .relationship.detail .profilPhoto img{
  width:16px;
}

#portlet-myFeed .publication ,
#portlet-myFeed .post,
#portlet-myFeed .news ,
#portlet-myFeed .bookmark,
#portlet-myFeed .site,
#portlet-myFeed .media,
#portlet-myFeed .event,
#portlet-myFeed .lastevent,
#portlet-myFeed .commentpublication,
#portlet-myFeed .commentpost,
#portlet-myFeed .commentnews,
#portlet-myFeed .commentmedia {
  background:transparent url(../icons/newsFeed_publication.gif) right 7px no-repeat;
  padding-right:20px;
  margin-right:7px;
}

#portlet-myFeed .post {
  background:transparent url(../icons/newsFeed_blog.gif) right 7px no-repeat;
}

#portlet-myFeed .news {
  background:transparent url(../icons/newsFeed_news.gif) right 7px no-repeat;
}

#portlet-myFeed .bookmark {
  background:transparent url(../icons/newsFeed_bookmark.gif) right 7px no-repeat;
}

#portlet-myFeed .site {
  background:transparent url(../icons/newsFeed_site.gif) right 7px no-repeat;
}

#portlet-myFeed .event,
#portlet-myFeed .lastevent {
  background:transparent url(../icons/newsFeed_event.gif) right 7px no-repeat;
}

#portlet-myFeed .media {
  background:transparent url(../icons/newsFeed_picture.gif) right 7px no-repeat;
}

#portlet-myFeed .commentpublication,
#portlet-myFeed .commentpost,
#portlet-myFeed .commentnews,
#portlet-myFeed .commentmedia {
  background:transparent url(../icons/newsFeed_statut.gif) right 7px no-repeat;
}
/*- [ portlet MyFeed END] --------------------------- */


#browseBar #breadCrumb {
  font-weight: bold;
}

#browseBar #breadCrumb .connector {
  font-weight: bold;
}

#browseBar #i18n {
  float:right;
}

#browseBar #breadCrumb a:visited,
#browseBar #breadCrumb a:active,
#browseBar #breadCrumb a:link,
#browseBar #breadCrumb a:hover,
#browseBar .information{
  font-size :  1em;
}

/* class used to mark as read the link of results page  */
.markedAsRead {
  font-size: 1.1em;
  color: #006600;
  text-decoration: none;
}
.markedAsReadDisableVisited a:visited {
  display:none;
}

/* class for spelling word */
.spellWord {
  font-weight: bold;
  color: #006600;
}

.spellText{
  font-weight: bold;
  color: #000
}

/* Class for search group facet */
ul#globalResultListDetails {
  list-style-type:none;
  padding:0;
  margin:0;
}

.lineResult {
  padding:0 0 0 25px;
  margin:0;
  position:relative;
  clear:both;
}

.lineResult input.selection{
  position:absolute;
  top:3px;
  left:0;
}

.lineResult .thumb{
  float:left;
  margin:0 5px 5px 0;
}

.lineResult .locationTitle,
.lineResult .description {
  margin-bottom:5px;
}

.lineResult .locationTitle a{
  font-size:1.2em;
  color:#F1790F;
}

.lineResult .locationTitle img{
  vertical-align:middle;
}

.lineResult .creatorName,
.lineResult .creationDate,
.lineResult .serveurName,
.lineResult .location,
.lineResult .popularity {
  display:inline;
  color:#666;
}

.lineResult .pertinence{
  position:absolute;
  top:0;
  right:0;
}

.lineResult .pertinence, .lineResult .selection, .lineResult .content {
  padding-top: 5px;
  padding-left: 5px;
  vertical-align: top;
}

.lineResult .selection {
  padding-top: 2px;
}

.lineResult .content {
  padding-top: 4px;
  padding-bottom: 14px;
}

.lineResult .content a img{
  border:0;
}

#globalResultFrame {
  width:80%;
  float:left;
}

#globalResultList {
  padding-top: 10px;
}

#globalResultList .fileIcon {
  vertical-align: middle;
  margin-right: 5px;
}

#globalResultList .fileDownload {
  vertical-align: middle;
  margin-left: 3px;
}

#globalResultHelp {
  padding-top: 10px;
}

#globalResultQueryLabel,
#globalResultParamDisplayLabel{
  font-size: 0.9em;
  font-weight: bold;
  color:#111;
  vertical-align: top;
  text-align: left;
  width: 30%;
}

#globalResultParamDisplayOptions {
  font-size: 0.9em;
  font-weight: bold;
  color:#111;
  vertical-align: top;
}

#globalResultGroupDivId {
  margin:0;
  font-size:1em;
  float:right;
  padding-top:10px;
  padding-right: 5px;
  width:19%
}

#globalResult .avatar {
  width: 30px;
  border: 1px solid #AAA;
}

#facetSearchDivId {
  position:relative;
  float:right;
  border: 1px solid #CCC;
  width:100%;
  height:auto;
}


#searchGroupTitle,
#searchGroupTitle span.author,
#searchGroupTitle span.file,
#searchGroupTitle span.component {
  font-weight:bold;
  height:16px;
  line-height:16px;
  white-space:nowrap;

}

#searchGroupTitle {
  padding-left: 1em;
  text-align: center;
  background-color:#1c94d4;
}

#searchGroupTitle span.author {
  background:url("../../util/icons/user.gif") no-repeat scroll left top transparent;
  display:block;
}

#searchGroupTitle span.file {
  background:url("../icons/file-icon.gif") no-repeat scroll left top transparent;
  color:#FFF;
  display:block;
}

#searchGroupTitle span.component {
  background:url("../../util/icons/component/vsicPuzzleSmall.gif") no-repeat scroll left top transparent;
  display:block;
}

#searchGroupValues {
  text-align: left;
  padding-bottom: 7px;
  padding-top: 7px;
}

#searchGroupValues ul {
  padding-left: 0px;
  margin:0;
}

#searchGroupValues ul li {
  list-style: none outside none;
  padding:2px;
}

#searchGroupValues ul li.selected {
  background-color: #7fd0ff;
  color:#FFF;
}

#searchGroupValues ul li.selected a {
  color:#FFF;
}

#searchGroupValues ul li.selected a:hover {
  text-decoration: line-through;
}

#searchGroupValues a.toggle {
  text-align: right;
  display: block;
  padding-right: 15px;
  color: #666;
}

#searchGroupValues a.toggle.less {
  background: transparent url(../../util/icons/arrow/arrowTop.gif) right 1px no-repeat;
}

#searchGroupValues a.toggle.more {
  background: transparent url(../../util/icons/arrow/arrowBottom.gif) right 1px no-repeat;
}

div.silverpeas-toggle {
  display:inline;
}
.silverpeas-toggle a.toggle {
  text-align: right;
  display: block;
  color: #666;
}

.silverpeas-toggle a.toggle.more {
  background: transparent url(../../util/icons/toggle/btn-toggle-more.png) center bottom no-repeat;
}

.silverpeas-toggle a.toggle.less {
  background: transparent url(../../util/icons/toggle/btn-toggle-less.png) center bottom no-repeat;
}

.silverpeas-toggle a.toggle span {
  display: block;
  font-size: 10px;
  height: 19px;
}

#searchGroupValues ul li.otherEntry {
  display: none;
}

.attachments {
  min-width: 310px;
  position:relative;
  z-index:10
}

.attachments h4 {
  background:transparent url(../../util/icons/attachedFiles.gif)  top right no-repeat;
  height:16px;
}

.attachments .dragNdrop {
  text-align: right;
}

#gef-progressMessage {
  text-align: center;
  background-color:#FFF;
}

#gef-progressMessage img {
  margin-top: 25px;
}

#gef-progress-message1 {
  display: none;
}

#gef-progress-message2 {
  margin-top: 15px;
  color: #999;
}

.ui-widget-overlay {
  background-image: none;
}

.ui-widget-header {
  background:#9BD94A none;
  border:1px solid #9BD94A;
}

.ui-datepicker-trigger {
  margin-left: 5px;
  cursor: pointer;
  vertical-align: sub;
}

caption {
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  padding: 5px;
}

.help-modal-message .ui-widget-header {
  background: none;
  background-color:#F1790F;
  border:1px solid #F1790F;
}

.user-type-list {
  font-weight: normal;
  font-size: 0.8em;
}

/*- [ directory BEGIN ] --------------------------- */

#directory .message_list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

#directory .message_list li.intfdcolor  {
  padding: 0px;
  margin: 3px;
  position:relative;
  border:1px solid #CFCFCF;
}

#directory .aff_colonnes li {
  flex-basis:400px;
  margin-right:1em;
}

#directory .mail {
  text-decoration: underline;
  color:#333366;
}

#directory .link {
  color:#333366;
  border-bottom:1px solid #9E9ECF;
  display:block;
  padding:0px 0 3px 0;
  font-size:1em;
}
#directory .link:hover, #directory .link:focus {
  color:#000;
  border-bottom:1px solid #000;
  display:block;
  padding:0px 0 3px 0;
  font-size:1em;
}

#directory .action .invitation {
  /*display: none;*/
}

#directory .NameLink {
  font-size: 1.2em;
  color: #1c94d4;
}

#directory #index,
#directory #sort {
  float:none;
  margin:0 auto;
  padding:4px;
  text-align:left;
  width:100%;
  color:#AFAFAF;
}

#directory #indexAndSearch #index a,
#directory #indexAndSearch #sort a,
.container-filter .listing-filter a{
  border:1px solid #CECECE;
  padding:2px 4px;
  margin-right:3px;
  background-color:#FFF;
  color:#AFAFAF;
  font-size: 1em;
  text-decoration: none;
  line-height:2em;
}
#directory #indexAndSearch #index a.active,
#directory #indexAndSearch #sort a.active,
.container-filter .listing-filter a.active {
  background-color:#B5B5B5;
  color:#FFF;
}

#directory #indexAndSearch #index a:hover, #directory #indexAndSearch #index a:focus,
#directory #indexAndSearch #sort a:hover, #directory #indexAndSearch #sort a:focus,
.container-filter .listing-filter a:hover {
  background-color:#BFBFBF;
  color:#FFF;
}

#directory #indexAndSearch #search {
  margin:0px 10px 0px auto;
  padding:5px;
  text-align:left;
  width:100%;
  height:auto;
}
#directory #indexAndSearch #search > form {
  display:inline;
}
#directory #indexAndSearch #search input, #indexAndSearch #search table {
  display:inline;
  float:left;
}

#directory #indexAndSearch #search input {
  height:16px;
  width:30%;
  margin-right: 5px;
}

#directory #indexAndSearch #search #select-user-group-directory .search-input-container {
  display: inline-block;
  min-width: auto;
  width: 100%;
}

#directory #indexAndSearch #search #select-user-group-directory {
  display: inline-block;
  width: 30%;
  vertical-align: bottom;
}

#directory #indexAndSearch #extraForm #extraForm-button {
  text-align: center;
  margin-top: 0.75em;
}

#directory #indexAndSearch #search a#clear::before,
#directory #indexAndSearch #search a#advanced::before ,
#directory #indexAndSearch #search a#help::before {
  content: ' ';
  display: inline-block;
  background: url(../icons/arrow/refresh.png) 0 0 no-repeat;
  padding-left: 20px;
  opacity: 0.7;
  width: 0;
  height: 17px;
  vertical-align: sub;
}


#directory #indexAndSearch #search a#clear:hover::before,
#directory #indexAndSearch #search a#advanced:hover::before ,
#directory #indexAndSearch #search a#help:hover::before {
  opacity: 1;
}

#directory #indexAndSearch #search a#advanced.advanced::before {
  background: url(../icons/advancedSearch.png) 0 4px no-repeat;
}

/* si on veut modifier l'icone pour avancée / simple */
#directory #indexAndSearch #search a#advanced.simple::before {
  background: url(../icons/search.png) 0 4px no-repeat;
}

#directory #indexAndSearch #search a#help::before {
  background: url(../icons/help2.png) 0 4px no-repeat;
}

#directory #indexAndSearch #search #help,
#directory #indexAndSearch #search #clear {
  line-height: 20px;
  margin-left: 5px;
}

#directory #indexAndSearch #sources {
  padding: 1em;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  margin: 5px 0 10px;
}

#directory #indexAndSearch{
  background:#EAEAEA url(../icons/arrow/bg_tri.png) bottom left no-repeat;
  padding:5px 5px 14px;
  width: 98%;
}

#directory #users {
  float: left;
  width: 98%;
}

#directory #users .profilPhoto {
  float:left;
  height:113px;
  margin:7px;
  width:87px;
}
#directory #users .profilPhoto img{
  height:113px;
}

#directory #users .action {
  width:132px;
  height:40px;
  position:absolute;
  bottom:10px;
  right:10px;
  background-color:#FFF;
  padding-left:10px;
}

#directory #users .list-pane-nav {
  clear:both;
  text-align:center;
}

#directory .info ul {
  padding: 0;
  margin:10px 10px 0 104px;
  color:#909090;
  font-size:1em;
}

#directory .info ul li {
  list-style-type:none;
  width:100%;
  padding:0;
  margin:0;
  white-space:normal;
}

#directory .info ul a {
  color: #909090;
  font-size:1em;
}
#directory .info ul a:hover {color:#000}

#directory .info ul li.userName a {
  font-size:1.2em;
  color:#000;
  font-weight:bold;
}

#directory .info ul li.userName a:hover {
  color:#444444;
}

#directory .info ul li.infoConnection img{
  position:absolute;
  top:10px;
  right:10px;
  border:0;
}

#directory .info ul li.userType {
  color:#333;
  font-size:1em;
  font-weight:bold;
  padding-top:10px;
}

#directory .info ul li.status {
  max-height:28px;
  overflow:hidden;
  line-height: 1.2em;
  float:none;
  clear:right;
}

/*- [ directory END ] --------------------------- */
/*- [ myProfile BEGIN ] --------------------------- */
#publicProfileFiche p,
#myProfileFiche p {
  margin: 0;
  padding:0;
}

#myProfile #myProfileFiche,
#publicProfile #publicProfileFiche  {
  width:180px;
  padding:8px;
  float:left;
  position:relative;
}

#myProfile .mail ,
#publicProfile .mail {
  text-decoration: underline;
  color:#333366;
}

#myProfileFiche  .action,
#publicProfileFiche  .action  {
  margin-top:5px;
}

#myProfileFiche  .action .link ,   #contactCommun .link,   #allContact .link,
#publicProfileFiche  .action .link , #publicProfileFiche  #contactCommun .link, #publicProfileFiche  #allContact .link{
  color:#333366;
  border-bottom:1px solid #9E9ECF;
  padding:0 0 3px 0;
  font-size:1em;
  width:132px;
  margin-bottom:8px;
  float: right;
  clear:right;
}

#myProfileFiche .action .link:hover,
#myProfileFiche #contactCommun .link:hover,
#publicProfileFiche .action .link:hover,
#publicProfileFiche .action .link:focus,
#publicProfileFiche #allContact .link:focus,
#publicProfileFiche  #allContact .link:hover,
#publicProfileFiche #contactCommun .link:hover,
#publicProfileFiche  #contactCommun .link:focus  {
  color:#000;
  border-bottom:1px solid #000;
}

#myProfileFiche #allContact .link,
#publicProfileFiche #allContact .link,
#publicProfileFiche  #contactCommun .link {
  clear:both;
  float:right;
  margin-top:10px;
  display:block;
}

#myProfile .NameLink ,
#publicProfile .NameLink {
  font-size: 1.2em;
  color: #1c94d4;
}

#myProfile #indexAndSearch #index a,
#publicProfile #indexAndSearch #index a ,
.sousNavBulle a {
  border:1px solid #CECECE;
  padding:2px 4px;
  margin-right:3px;
  background-color:#FFF;
  color:#AFAFAF;
  font-size: 1em;
  text-decoration: none;
  line-height:2em;
}
#myProfile #indexAndSearch #index a.active,
#publicProfile #indexAndSearch #index a.active,
.sousNavBulle a.active  {
  background-color:#B5B5B5;
  color:#FFF;
}

#myProfile #indexAndSearch #index a:hover, #publicProfile #indexAndSearch #index a:focus ,
.sousNavBulle a:hover, .sousNavBulle a:focus, .sousNavBulle a.selected {
  background-color:#BFBFBF;
  color:#FFF;
}

#myProfile .profilPhoto,
#publicProfile .profilPhoto {
  height:140px;
  margin:7px 6px;
  width:108px;
}

#myProfile .profilPhoto img ,
#publicProfile .profilPhoto img{
  height:140px;
}

.profilPhoto img {
  border:0;
}

#myProfileFiche,
#publicProfileFiche {
  color: #909090;
  font-size:1em;
}

#myProfileFiche h3,
#publicProfileFiche h3 {
  color: #26334A;
  font-size: 1em;
  padding: 10px 0 5px;
  margin:0;
}

#myProfileFiche .userName,
#publicProfileFiche .userName{
  font-size:1.2em;
  color:#000;
  font-weight:bold;
  padding:0; margin:0;
}

#myProfileFiche .infoConnection,
#publicProfileFiche .infoConnection {
  font-size: 1em;
  padding:10px 0 15px
}

#myProfileFiche .infoConnection img,
#publicProfileFiche .infoConnection img{
  position:absolute;
  top:10px;
  right:10px;
}
#myProfileFiche .info,
#publicProfileFiche .info {
  padding:8px;
  height:100%;
  width: calc( 100% - 18px );
}
#myProfileFiche .info .userType,
#publicProfileFiche .info .userType {
  color:#333;
  font-size:1em;
  font-weight:bold;
  padding-top:10px;
}

#myProfileFiche .statut,
#publicProfileFiche .statut {
  color:#333;
  font-size:0.9em;
  padding:10px 0 0;
  margin:0;
}

#myProfileFiche .action .invitation {
  /*display: none;*/
}

#myProfileContenu {
  width:78%;
  margin-left:15px;
  float:left;
}

#myProfileContenu  address,
#publicProfileContenu  address { font-style:normal;}

#myProfileFiche #allContact, #myProfileFiche #contactCommun {
  background-color:#E9E9E9;
  clear:both;
  height:100%;
  padding:8px;
}

#myProfile #myProfileFiche .unContact {
  height:100%;
  margin-left:6px;
  clear:both;
}

#publicProfile #publicProfileFiche .unContact .contactName,
#myProfile #myProfileFiche .unContact .contactName{
  color:#5F5F5F;
  float:left;
  padding-top:20px;
  width:50px;
  display:inline;
}

#publicProfile #publicProfileFiche .profilPhotoContact,
#myProfile #myProfileFiche .profilPhotoContact {
  border:1px solid #CCC;
  height:62px;
  margin:7px 6px;
  overflow:hidden;
  width:54px;
  float:left;
  background-color:#FFF;
  text-align:center;
}
#myProfile #myProfileFiche .profilPhotoContact img {
  height:62px;
  border: 0px;
}

#myProfile #removeMyAccount a {
  width: calc( 100% - 2em );
  margin: 0;
  padding: 0.5em 1em;
}

#myProfile #removeAccountDialog label {
  font-weight: 500;
  display: inline-block;
  padding: 1em 0;
}
/*- [ myProfile END ] --------------------------- */

/*- [ publicProfile BEGIN ] --------------------------- */

#publicProfileContenu {
  margin-left:220px;
}
#publicProfileContenu .fields {
  clear: none;
}

/* IMAGE  bg_tri.png ? chercher dans corps dans fleche */
.sousNavBulle, .container-filter {
  background:#EAEAEA url(../icons/arrow/bg_tri.png) bottom left no-repeat;
  color:#26334A;
  font-size:1em;
  padding:5px 0 14px;
}

.sousNavBulle p, .content-container-filter {
  margin:0;
  padding:0 5px 0;
}

.container-filter .content-container-filter {
  padding:5px;
}

#publicProfile #publicProfileFiche #allContact, #publicProfile #publicProfileFiche #contactCommun {
  background-color:#E9E9E9;
  clear:both;
  height:100%;
}

#publicProfile #publicProfileFiche .unContact {
  width: 126px;
  float: left;
  height:100%;
}

#publicProfile #publicProfileFiche  .profilPhotoContact img {
  height:62px;
}

/* News feed  */
#publicProfileContenu p {
  margin:0;
  padding:0;
}

.newsFeed {
  padding-top:10px;
  float:left;
  width:100%;
}

#newsFeedProfil .profilPhoto {
  width:50px;
  height:50px;
  display: inline;
  border:0;
  float:left;
  clear:both;
  margin:0px 6px
}
#newsFeedProfil .profilPhoto img {
  width:50px;
  height:auto;
}
#newsFeedProfil .txt {
  margin-left:70px;
  color:#727272;
}

#newsFeedProfil .txt .detail  {
  color:#333;
  line-height:16px;
  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
}

#newsFeedProfil .txt .detail .profilPhoto {
  width:25px;
  height:25px;
  border:0;
  float:inherit;
  clear:none;
  margin:0;
  display:inline-block;
}
#newsFeedProfil .txt .detail .profilPhoto img{
  width:25px;
}

#newsFeedProfil .txt .decoration-publication {
  background-image:url(../icons/newsFeed_publication.gif);
  padding-left:20px;
}

#newsFeedProfil .txt .decoration-post {
  background-image:url(../icons/newsFeed_blog.gif);
  padding-left:20px;
}

#newsFeedProfil .txt .decoration-news {
  background-image:url(../icons/newsFeed_news.gif);
  padding-left:20px;
}

#newsFeedProfil .txt .decoration-bookmark {
  background-image:url(../icons/newsFeed_bookmark.gif);
  padding-left:20px;
}

#newsFeedProfil .txt .decoration-site {
  background-image:url(../icons/newsFeed_site.gif);
  padding-left:20px;
}

#newsFeedProfil .txt .decoration-event,
#newsFeedProfil .txt .decoration-lastevent {
  background-image:url(../icons/newsFeed_event.gif);
  padding-left:20px;
}

#newsFeedProfil .txt .decoration-media {
  background-image:url(../icons/newsFeed_picture.gif);
  padding-left:20px;
}

#newsFeedProfil .txt .decoration-commentpublication,
#newsFeedProfil .txt .decoration-commentpost,
#newsFeedProfil .txt .decoration-commentnews,
#newsFeedProfil .txt .decoration-commentmedia {
  background-image:url(../icons/newsFeed_statut.gif);
  padding-left:20px;
}

#newsFeedProfil .name {
  color:#26334A;
}

#newsFeedProfil  .a_new {
  min-height:50px;
  height:auto;
}

.newsFeed .linkMore {
  background-image: none;
}

.newsFeed .linkMore span {
  background: transparent url("../icons/arrow/arrowDown.gif") no-repeat scroll right center;
  padding-right: 30px;
}

.newsFeed .inprogress {
  background-color: #EAEAEA;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  clear: both;
  color: #4C4C4C;
  display: block;
  font-size: 1em;
  line-height: 1.5em;
}

.newsFeed .inprogress span {
  background: #EAEAEA url("../icons/inProgress-horizontal.gif") no-repeat scroll right center;
  padding-right: 30px;
  margin: 0px 15px;
}

/* Invitation  et contact*/
#ReceiveInvitation, #SendInvitation , #contactProfil{
  float:left;
  width:100%;
}

#invitationProfil .a_invitation , #contactProfil .a_contact{
  border:1px solid #CFCFCF;
  padding:8px;
  margin:8px 8px 0 0;
  height:84px;
  position:relative;
}

html > body #invitationProfil .a_invitation , html > body  #contactProfil .a_contact{
  min-height:84px;
  height:auto;
}

#invitationProfil .profilPhoto, #contactProfil  .profilPhoto{
  height: auto;
  width: 64px;
  float:left;
  clear:both;
  margin:0px
}

#invitationProfil .profilPhoto img , #contactProfil .profilPhoto img{
  width: 64px;
  height:auto;
}

#invitationProfil a.name, #contactProfil .userName a{
  font-size:1.2em;
  color:#000;
  font-weight:bold;
}
#invitationProfil a.name:hover,  #contactProfil .userName a:hover {
  color:#333;
}
#invitationProfil .txt, #contactProfil .txt{
  color:#727272;
  margin:0 140px 0 74px;
}
#invitationProfil .message {
  color:#3A3A3A;
  padding:8px 0 0;
}

#invitationProfil .action, #contactProfil .action{
  float:right;
  width:135px;
  margin-top:14px;
}
#contactProfil .action{
  margin-top:31px;
}


.action .link {
  border-bottom: 1px solid #9E9ECF;
  clear: right;
  color: #333366;
  float: right;
  font-size: 1em;
  margin-bottom: 8px;
  padding: 0 0 3px;
  width: 132px;
}

.action .link:hover {
  color:#000;
  border-bottom:1px solid #000;
}

#contactProfil ul.info , #contactProfil ul.info li{
  margin: 0;
  padding: 0;
  list-style-type:none
}

#contactProfil ul li.infoConnection img {
  position: absolute;
  right: 10px;
  top: 10px;
  border:0;
}

#contactProfil .info li.userType {
  color: #333;
  font-size: 1em;
  font-weight: bold;
  padding-top: 10px;
}

/*- [ publicProfile END ] --------------------------- */

/* general Style */
hr.sep  {
  clear:both;
  height:0px;
  line-height:0px;
  width:100%;
  border-style:solid;
  border-color:#E5E5E5;
  border-width:0px;
  background-color:#E5E5E5;
  margin:10px 0;
  padding:0;
  border-bottom:1px solid #E5E5E5;
}

.txtColor {
  color:#3A5998;
}

/* class actuellement utilis?e dans l'annuaire expert ? g?n?raliser */
.linkMore {
  background: linear-gradient(#fff, #e7e7e7) repeat scroll 0 0 #fff;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  clear: both;
  color: #4C4C4C;
  display: block;
  font-size: 1em;
  line-height: 30px;
  margin: 10px 0;
  padding: 0 15px;
  text-align:center;
}

.linkMore span {
  background: transparent url("../icons/arrow/arrowDown.gif") no-repeat scroll right center;
  padding-right: 30px;
}

.linkMore:hover, .linkMore:focus  {
  background: linear-gradient(#e7e7e7, #fff) repeat scroll 0 0 #efefef;
}

/* Forbidden download */
.forbidden-download {
  opacity: 0.6;
}

/*- [ attachments BEGIN ] ------------------------- */
a.yuimenuitemlabel-disabled:hover {
  color: #B9B9B9;
}

ul.attachmentList.ui-sortable {
  position:relative;
  margin:0;
  padding:0;
}

ul.attachmentList {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

ul.attachmentList li.attachmentListItem {
  margin:0;
  padding: 10px 5px 10px 10px;
}

ul.attachmentList li.ui-state-highlight {
  border: 1px dashed #BFBFBF;
  padding:10px;
  background-image: none;
  background-color: #EAEAEA;
}

ul.attachmentList li.attachmentListItem .lineSize,
ul.attachmentList li.attachmentListItem .lineMain {
  display: block;
  padding: 1px 0 2px 0;
  line-height:16px;
}

ul.attachmentList li.attachmentListItem .lineSize {
  padding-left: 25px;
  position: relative;
}

ul.attachmentList li.attachmentListItem .lineSize a img {
  position: absolute;
  left: 0;
}

ul.attachmentList li.attachmentListItem .lineSize img.preview-file,
ul.attachmentList li.attachmentListItem .lineSize img.view-file,
ul.attachmentList li.attachmentListItem .lineSize img.forbidden-download-file {
  margin-right:0px;
  float:inherit;
}

img.preview-file,
img.view-file,
img.share-file,
img.forbidden-download-file {
  cursor:pointer;
  margin-left:5px;
  margin-right:0px;
}

img.forbidden-download-file {
  cursor:inherit;
}

ul.attachmentList li.attachmentListItem .lineMain .icon {
  float:left;
  width: 16px;
  height: 16px;
  margin-right:10px;
}

ul.attachmentList li.attachmentListItem .moreActions {
  cursor: pointer;
  float:right;
  opacity: 0.65;
}


ul.attachmentList li.attachmentListItem .moreActions:HOVER {
  opacity: 1;
}

ul.attachmentList li.attachmentListItem .workerInfo {
  margin-left: 24px;
  padding-left: 5px;
  margin-top: 2px;
  border-left: 3px solid #F79992;
  color: #CE6F6F;
}

ul.attachmentList li.attachmentListItem .fileName ,
ul.attachmentList li.attachmentListItem .description {
  margin-left: 24px;
  padding-left: 5px;
  border-left: 3px solid #9BD94A;
  display: block;
  color: #666;
}

ul.attachmentList li.attachmentListItem .description {
  margin-top: 2px;
}

ul.attachmentList li.attachmentListItem .lineMain .version-number,
ul.attachmentList li.attachmentListItem .linkAllVersions a {
  color: #666;
}

ul.attachmentList li.attachmentListItem .linkAllVersions {
  margin-left: 22px;
  padding-left: 0px;
  margin-top: 2px;
  border-left: 0px solid #EAEAEA;
  display: block;
  color: #666;
}

.update-attachment-form .translationWarning {
  background: url("/silverpeas/util/icons/alert.gif") 0px 0px no-repeat;
  text-indent: 21px;
  font-weight: bold;
}

.qtip.qtip-attachment-extraForm {
  max-width: inherit;
}

.ui-dialog #dialog-attachment-add #file_create_name {
  width: 88%;
}

/*- [ attachments END ] ------------------------- */

#admin-component .componentIcon {
  vertical-align: middle;
}

#admin-component .parameterInfo {
  width: 12px;
}

#admin-component .parameters #validation.field  {
  background-color:inherit;
  border:0;
  padding-left: 0;
  width: 46%;
  margin:0;
  line-height:100%;
}

#admin-component #parameters-header {
  border: 2px solid #CCC;
  background-color: #EDEDED;
  text-align: center;
  margin-top:10px;
  padding:5px;
}

#admin-role .group-icon,
#admin-role .user-icon {
  margin: 1px;
}

.inline_message_ok {
  background-color: #C8ED99;
  border: 2px solid #9BD94A;
  padding: 5px;
  margin: 10px;
  text-align: center;
}

/*- [ comment BEGIN ] ------------------------- */

.commentaires hr{
  clear:both;
  margin-bottom:20px;
  background-color:#CECECE;
  border:0;
  height:1px;
  color:#CECECE;
}

.commentaires .commentsCount {
  padding: 10px;
  display: flex;
  justify-content: center;
}

.commentaires .commentsCount span {
  font-family:"Arial", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.commentaires .oneComment, .commentaires #edition-box {
  background-color:#F0F0F0;
  border:1px solid #CECECE;
  border-radius:10px;
  padding:10px;
  position:relative;
  margin:70px 2em 0;
}

.commentaires #edition-box {
  padding-top: 24px;
}

.commentaires div.avatar {
  position:absolute;
  border:1px solid #CECECE;
  padding:1px;
  background-color:#FFF;
  top:-50px;
  left:-1em;
}

.commentaires div.avatar img {
  width:50px;
  height:auto;
}

.commentaires .oneComment .action {
  bottom: 10px;
  position: absolute;
  right: 9px;
}

.commentaires .oneComment .action img {
  width:13px;
  height: 13px;
}

.commentaires #edition-box .title , .commentaires .oneComment p.author{
  font-size: 0.9em;
  color:#111;
  height: 20px;
  margin:0;
  position:absolute;
  top:-40px;
  left:0;
  line-height:10px;
  padding:0 0 20px 50px;
  background:transparent url(../icons/commentStartBubble.gif) 50px bottom no-repeat;
}

.commentaires .oneComment.inlineMessage-ok .author{
  background:transparent url(../icons/commentStartBubble-ok.png) 50px bottom no-repeat;
}

.commentaires .oneComment.inlineMessage-nok .author{
  background:transparent url(../icons/commentStartBubble-nok.png) 50px bottom no-repeat;
}

.commentaires .oneComment.inlineMessage-ok {
  background-color:#b5df7d;
  border:1px solid #9bd94a;
}

.commentaires .oneComment.inlineMessage-nok {
  background-color:#f79992;
  border:1px solid #ce6f6f;
}

.commentaires .oneComment p.author {
  color:#26334A;
}
.commentaires .oneComment .date {
  color:#999;
  font-size:1em;
}

.commentaires .oneComment .text {
  color: #888888;
  font-family: "Arial", sans-serif;
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  text-align: justify;
  text-indent: 41px;
  white-space: normal;
}

.commentaires .oneComment .text a {
  font-size: 1.1em;
}

.commentaires #list-box .action {
  cursor: pointer;
}

#comments-update-box .text,
.commentaires #edition-box .text {
  width: 95%;
  height: 3em;
  color: #888888;
  font-family: "Arial", sans-serif;
  font-size: 1.1em;
  line-height: 1.2em;
}

.commentaires .buttons {
  text-align: center;
}

.commentaires button {
  margin: 5px;
  cursor: pointer;
}

.mandatoryField img {
  width: 5px;
  height: 5px;
}

select.mandatoryField {
  font-style: oblique;
  color: #333;
}

select.mandatoryField option {
  font-style: normal;
  color:#000;
}

select.mandatoryField option.emphasis {
  font-style: oblique;
  color: #333;
}
/*- [ comment END ] ------------------------- */

/*- [ statictics BEGIN ] -------------------- */
#stats_viewConnectionButton {
  margin-top: 10px;
}

/*- [Generic inline messages BEGIN ] ---------------- */
.inlineMessage,
.inlineMessage-ok,
.inlineMessage-nok,
.inlineMessage-waiting,
.inlineMessage-neutral,
.MessageReadHighPriority,
#portletPages h2#deploy-failed, #portletPages h2#deploy-success, #portletPages h2#undeploy-failed, #portletPages h2#undeploy-success, #portletPages h2#create-failed,
#portletPages h2#create-success, #portletPages h2#modify-failed, #portletPages h2#modify-success  {
  padding: 1em;
  margin: 1em;
  text-align: center;
  border: 2px solid;
  display:block;
}

.inlineMessage a,
.inlineMessage-ok a,
.inlineMessage-nok a,
.inlineMessage-waiting a,
.inlineMessage-neutral a {
  text-decoration: underline;
}

.inlineMessage {
  background-color: #FBF7AA;
  border-color: #F9E98E;
}

.componentInstanceIntro {
  border-left: 6px solid #E4E4E4;
  color: #666666;
  padding: 8px;
  max-height: 90px;
  overflow: hidden;
  margin-bottom: 1em;
}

.componentInstanceIntro a {
  text-decoration: underline;
}

.componentInstanceIntro > ul:first-child,
.componentInstanceIntro > p:first-child {
  margin-top: 0;
  padding-top: 0;
}

.inlineMessage-ok,
#portletPages h2#deploy-success,
#portletPages h2#undeploy-success,
#portletPages h2#create-success,
#portletPages h2#modify-success {
  background-color: #B5DF7D;
  border-color: #9BD94A;
}

.inlineMessage-nok,
.MessageReadHighPriority,
#portletPages h2#deploy-failed,
#portletPages h2#undeploy-failed,
#portletPages h2#create-failed,
#portletPages h2#modify-failed   {
  background-color: #F79992;
  border-color: #CE6F6F;
}

.inlineMessage-waiting {
  background-color: #ffd49d;
  border-color:#ffb85b;
}

.inlineMessage-neutral {
  background-color: #eaeaea;
  border: 0;
  text-align: left;
}

table.pdcPositionsField {
  border-spacing: 0;
  padding: 0;
  width: 100%;
}

.simple-button {
  border-radius: 5px;
  border: 1px solid #CCC;
  color: #4C4C4C;
  font-size: 100%;
  padding: 7px 10px;
  background: #F4F4F4 linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  display:inline-block;
}

/** Css pour presentation pdc dans formsOnline **/
.pdc_position {
  display:block;
  background-color:#e9e9e9;
  border-bottom:1px solid #c6cdbf;
  height:20px;
  line-height:20px;
  padding:0 10px;
  position:relative
}

.pdc_position img {
  height:12px;
}

.pdc_position .edit,
.pdc_position .delete {
  position:absolute;
  right:10px;
  top:4px;
  cursor:pointer;
}

.pdc_position .edit {
  right:30px;
}

.list_pdc_position {
  list-style-type:none;
  padding:0;
  margin:0 0 10px 0;
}

.list_pdc_position ul {
  list-style-type:none;
  padding:0;
  margin:0 0 0 1px;
  color:#4d4d4d;
  border-bottom:1px solid #e9e9e9;
  background-color: #FFF;
}


.list_pdc_position ul li {
  background:transparent url(../icons/list-puce-green.gif) 20px 8px no-repeat;
  text-indent:32px;
  line-height:14px;
  padding:2px 0;
}

.add_position {
  background:url(../../util/icons/pdcPeasSmall-12x12.gif) 4px 3px no-repeat;
  padding:1px 8px 0 22px;
  margin:0;
  cursor:pointer;
  background-color:#ece9d8;
  border:1px solid #999;
  height:17px;
  line-height:18px;
  display:inline-block;
  border-radius:4px;
}

.add_position:hover {
  color:#000;
}

.disabled {
  color: #B9B9B9;
  background-color: #EAEAEA;
}

.removed {
  text-decoration: line-through;
  font-style: oblique;
}

.classification legend {
  background:transparent url('../../util/icons/component/pdcPeasSmall.gif') 11px 0px no-repeat;
}

.classification .another-value img,
.pdc-edition-box .another-value img {
  margin-left: 3px;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  border: 0px;
}

#classification-mo {
  min-height: 55px;
  margin-top: 0px;
}

#classification-mo legend {
  background:transparent url('../../util/icons/ok.gif') 11px 0px no-repeat;
}

#classification-modification  legend {
  background:transparent url('../../util/icons/update.gif') 11px 0px no-repeat;
}

.classification .pdc-edition-box .field,
.pdc-edition-box.ui-dialog-content .field {
  width:80%;
}

.pdc-edition-box .inlineMessage {
  position:absolute;
  top:-5px;
  right:-5px;
  width:28%;
}

* html .pdc-edition-box .inlineMessage {
  top:-35px;
  right:5px;
}

.pdc-edition-box .valid_position {
  margin:10px 10px 10px  195px;
  line-height: 20px;
}

.classification .legende {
  margin:10px 0 0;
  float:left;
  line-height:18px
}

.classification .list_pdc_position {
  border:1px solid #C6CDBF;
  width:94%;
}

.classification .field {
  width: 98%;
}

.classification .field img {
  border: 0px;
}

.classification.preview .list_pdc_position {
  border:0;
  width:100%;
}

.classification.preview .header h4 {
  background:transparent url("../../util/icons/component/pdcPeasSmall.gif") right top no-repeat;
  height: 16px;
}

#validation {
  background-color:#E9F0E0;
  border:1px solid #CDCDCD;
  border-left:0;
  border-right:0;
  padding-left:180px;
  margin:0 12px;
  width:auto;
  line-height:2em;
}
#validation  input, #modification input{
  vertical-align:text-bottom;
  border:0;
  background-color:transparent;
  padding-top:0;
  padding-bottom:0;
}

#classification-modification span.header {
  display:block;
  background:transparent url("../../util/icons/mini_publi.gif") 4px 5px no-repeat ;
  background-color:#F0F0F0;
  border:1px solid #CDCDCD;
  border-left:0;
  border-right:0;
  line-height:1em;
  padding:8px 0 6px 26px;
  margin:10px 12px 0;
}

#okForAll, #modifyForAll, #modifyForEach {
  background:transparent url("../../util/icons/update.gif") right 0 no-repeat ;
  padding:2px 20px 2px 0;
}

#okForAll {
  background-image:url("../../util/icons/ok.gif") ;
}

.vertical_align {
  vertical-align:middle;
}
#spaces-welcome-message h2 {
  margin:0 0 20px;
}
#spaces-welcome-message a {
  text-decoration: underline;
  font-size:1em;
}
#spaces-welcome-message ul {
  font-size:1em;
  color:#333;
}
#spaces-welcome-message  p {
  font-size:1em;
  line-height:1.5em;
  margin:10px 0 20px;
  color:#333;
}

#spaces-welcome-message .accroche {
  line-height:1.5em;
}
#topPage #spaces-welcome-message .yuimenu {
  padding:1px 7px;
  margin:0 5px;
}
#spaces-welcome-message h3 {
  color:#000;
  font-size: 1.1em;
  padding: 0px;
  margin: 15px 0px 5px 0px;
}

/********************************/
/** BackEnd Applications List **/
/*******************************/

ul.applicationsTypeList *{
  padding:0;
  margin:0;
  list-style-type: none;
}

ul.applicationsTypeList {
  padding:0;
  margin:0;
  width:206px;
  height:100%;
  border-left: 1px solid #333;
  background: #333 linear-gradient(to bottom, #CCCCCC 0%, #333333 100%);
}

li.applicationsType{
  width:206px;
  height:60px;
}

li.applicationsType a.linkSee{
  cursor:pointer;
  line-height:1.1em;
  font-size:1em;
  color:#FFF;
  display:block;
  height:60px;
  background:transparent url(../icons/arrow/type_fleche.png) 180px 0px no-repeat;
}
li.applicationsType a span{
  padding:20px 20px 0 82px;
  display:block;
  height:40px;
}

li.applicationsType a.linkSee:hover {
  background-color:#333;
  background-position:180px -63px
}
li.applicationsType a.linkSee.select {
  background-color:#fff;
  color:#353535;
  background-position:180px -63px
}

ul.applicationList {
  position:absolute;
  top:0;
  left:0;
  background-color:#FFF;
  width:auto;
  height:100%;
  margin-left:206px;
  margin-top: 30px;
  display:none;
}

li.application {
  position:relative;
  display:block;
  margin:5px 0 5px 12px;
  padding:0;
  width:400px;
  height:92px;
  float:left;
  overflow:hidden;
  border:1px solid #dfdfdf;
  border-radius:20px;
  background: #eaeaea linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
}

li.application  a {
  padding:2px 10px 2px 72px;
  width:318px;
  height:88px;
  display:table-cell;
  vertical-align:middle;
}

li.application  a:hover{
  background:transparent url(../icons/arrow/type_fleche.png) 380px -63px no-repeat;
}

li.application  img {
  position:absolute;
  bottom:17px;
  right:332px;
  border:0;
}


li.application  .applicationDescription {
  font-size:0.9em;
  color:#666;
  line-height:1.1em;
  display:none;
  text-align:justify;
  padding-right:15px;
}

li.application  .applicationName {
  font-size:1.2em;
  font-weight:normal;
  color:#444;
  padding-left:12px
}

.type_01 li.application {
  height:154px;
}

.type_01 li.application  a {
  height:150px;
}

.type_01 li.application  img {
  position:absolute;
  bottom:45px;
  right:332px;
}

.type_01 li.application  .applicationName {
  font-size:1.2em;
  font-weight:normal;
  color:#444;
  padding-left:12px
}

.type_01 li.application  .applicationDescription {
  line-height:1.1em;
  display:none;
  text-align:justify;
  padding-right:15px;
}

.type_01  li.application  a:hover{
  background:transparent url(../icons/arrow/type_fleche.png) 380px -40px no-repeat;
}

.type_01 a  span{background:transparent url(../icons/component/groupe_Type_gestionDocumentaire.png) 18px 3px no-repeat;}
.type_02 a  span{background:transparent url(../icons/component/groupe_Type_gestionCollaborative.png) 18px 3px no-repeat;}
.type_03  a  span{background:transparent url(../icons/component/groupe_Type_gestionConnaissance.png) 18px 3px no-repeat;}
.type_04 a  span{background:transparent url(../icons/component/groupe_Type_gestionContenu.png) 18px 3px no-repeat;}
.type_05 a  span{background:transparent url(../icons/component/groupe_Type_workflow.png) 18px 3px no-repeat;}
.type_06 a  span {background:transparent url(../icons/component/groupe_Type_connecteur.png) 18px 3px no-repeat;}

/*************************************/
/** BackEnd Applications List - End */
/***********************************/

.admin.stats.volume #chart {
  float: left;
  width: 75%;
}

.admin.stats.volume #total {
  float: left;
  font-size: 16px;
  font-weight: bold;
  display: table;
  height: 350px;
}

.admin.stats.volume #total>span {
  display: table-cell;
  vertical-align: middle;
}

.admin.stats.volume #total .number {
  color: #F1790F;
}

.admin.stats .chart,
.admin.stats #distinctUsersChart,
.admin.stats #connectionsChart {
  width: 700px;
  height: 350px;
}

.chart-area {
  position: relative;
}

.chart-area .txttitrecol {
  text-align: center;
  margin: 1em;
  padding: 0px;
  font-size:1em;
}

.chart-area .chart {
  width: 700px;
  height: 350px;
}

.chart-area:hover {
  background-color:#f5f5f5;
}

.chart-pie-label {
  font-size:0.8em;
  text-align:center;
  padding:2px;
  color:#FFF;
}

.axisLabels {
  font-weight: bold;
  font-family: "Monospace", "Arial", sans-serif;
  font-size: 1em;
}

.chart-download {
  display: none;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  z-index: 9;
  cursor: pointer;
  border: 1px solid #bbb;
  background-color: #ddd;
  padding: 0.5em;
  border-radius: 4px;
}

.chart-download:hover {
  background-color:#FFF;
}

.chart-tooltip {
  padding: 2px;
  margin: 2px;
  text-align: center;
  display:block;
  background-color: #FBF7AA;
  border: 2px solid #F9E98E;
}

.chart-tooltip .click-help {
  font-size: smaller;
  font-style: italic;
}

/********************************/
/** BackEnd domain content **/
/*******************************/

#domainContent #menubar-creation-actions {
  clear: both
}

#domainContent .principalContent {
  position:relative;
  width:100%;
  min-height:auto;
}

#domainContent #domain-search {
  width: 98%;
  padding: 0.25em 1%;
  margin-top: 1em;
}

#domainContent #domain-search .field {
  max-width: 900px;
  width: 100%;
}

#domainContent #domain-search label {
  vertical-align: middle;
  width: 260px;
}

#domainContent #link-domain-content {
  padding-bottom:12px;
}

#domainContent .principal-content-title.sql-domain {
  background:transparent url(../icons/component/domainSmall.gif) 0 0 no-repeat;
  padding-left:20px;
}

#domainContent .tag-presentation {
  float: none;
  margin-bottom: 10px;
}

#domainContent .tag-presentation.limited-number-user span{
  background:transparent url(../icons/limited-user.png) right 3px no-repeat;
  padding-right:30px;
  display:block;
}

#domainContent #description-domainContent,
.descriptionType {
  border-left: 6px solid #E4E4E4;
  color: #666;
  font-weight:normal;
  padding: 8px;
}

#domainContent #number-user-group-domainContent {
  color:#666;
  font-size:1em;
}

#gauges-content-adminSpace {
  float: right;
  margin-bottom: 1em;
}

.gauge-container {
  float: left;
}

#principal-content-adminSpace .tableBoard .txtlibform {
  white-space: nowrap;
}

/*************************************/
/** BackEnd & FrontEnd User Panel   */
/***********************************/
.userPanel, .userPanel ul, .userPanel li, .userPanel h4{
  padding:0;
  margin:0;
  list-style-type:none;
}

.container_userPanel {
  min-width:970px;
  height:100%;
}

#results_userPanel,
#selected_userPanel,
#filter_userPanel {
  height:100%;
  overflow:auto;
}

#selected_userPanel .inlineMessage {
  margin: 3%;
}

#filter_userPanel {
  overflow:hidden;
  width:24%;
  height:100%;
  float:left;
  background: #333 linear-gradient(to bottom, #6f6f6f 0%, #333333 100%);
  color:#FFF;
}
.userPanel .users_results_userPanel,
.userPanel .groups_results_userPanel,
.userPanel .users_selected_userPanel,
.userPanel .groups_selected_userPanel  {
  margin:8px 3% 16px;
  clear:both;
  position:relative;
}

.userPanel .users_selected_userPanel,
.userPanel .groups_selected_userPanel  {
  margin:2px 3% 16px 3%;
}
.userPanel .users_results_userPanel,
.userPanel .users_selected_userPanel  {
  margin:2px 3% 0 3%;
}
#results_userPanel, #selected_userPanel{
  width:38%;
  height:100%;
  float:left;
}

#filter_userPanel a {
  color:#FFF;
  line-height:140%;
  font-size:105%;
}
#filter_userPanel .filter {
  background:transparent url(../icons/treeview/folder_close.gif) 9px 5px no-repeat;
  padding:7px 0 6px 33px;
  display:block;
}

#filter_userPanel #filter_contact.filter {
  background-image:url(../icons/contacts.png);
  background-position:9px 6px;
}
#filter_userPanel #filter_users.filter{
  background-image:url(../icons/user.png);
}
#filter_userPanel #filter_groups #breadcrumb.filter {
  background-image:url(../icons/groups.png);
  background-position:5px 5px;
}

#filter_userPanel .listing_filter ul .filter{
  background-image: url("../icons/puce-group.png");
  background-position: 26px 11px;
  padding: 6px 0 1px 43px;
}

#filter_userPanel .listing_filter ul li#nextGroups .filter{
  background-image: url("../icons/arrow/arrowDownModal.png");
  background-position: 25px 6px;
  padding: 6px 0 1px 43px;
}

#filter_userPanel .listing_filter ul {
  overflow:auto;
  border-top:1px solid #868686;
  background: #444 linear-gradient(to bottom, #6f6f6f 0%, #444444 100%);
}

#filter_userPanel .filter.select a,
#filter_userPanel .filter a:hover,
#filter_userPanel .filter a:focus {
  color:#444;
}

#filter_userPanel .filter:hover,
#filter_userPanel .filter:focus ,
#filter_userPanel .filter.select,
#filter_userPanel .filter:hover a,
#filter_userPanel .filter:focus a{
  background-color:#eaeaea;
  color:#444;
}

#filter_userPanel .filter.select {
  background-image:url(../icons/treeview/folder_open.gif);
}

#filter_userPanel .title,
#selected_userPanel .title,
.subscription-management .title{
  background-color:#353535;
  color:#FFF;
  font-size:120%;
  line-height:28px;
  padding-left:9px;
  position:relative;
  height:28px;
}

#results_userPanel {
  background-color:#eaeaea;
}

.container_input_search {
  background:#FFF;
  border-radius: 10px;
  position:relative;
  height:2em;
  font-size: 1em;
  line-height: 1em;
  width:100%;
}

input.search {
  background:transparent  url(../icons/magnifying-glass.png) 12px 4px no-repeat;
  border:0;
  color: #939393;
  height:1em;
  font-size: 1em;
  line-height: 1em;
  padding:0.5em 1em 0.5em 3em;
  width:90%;
}

input.search:focus {
  color: #444;
}

.qtip-drop-down-silverpeas {
  max-width: none !important;
}

.type-user > div {
  display: inline-block;
}

.select-user-group-container .type-group,
.select-user-group-container .type-user {
  white-space: nowrap;
}

.select-user-group-container .selectize-control .type-group,
.select-user-group-container .selectize-control .type-user {
  display: flex;
}

.select-user-group-container .selectize-input .type-group,
.select-user-group-container .selectize-input .type-user {
  display: inline-flex;
}

.select-user-group-container .type-user .user-state {
  font-style: italic;
  opacity: 0.5;
  font-size: 90%;
  line-height: 1em;
}

.select-user-group-container .type-user {
  position: relative;
}

.select-user-group-container .type-user.deactivated-state,
.select-user-group-container .type-user.removed-state {
  opacity: 0.8;
}

.select-user-group-container .type-user.deactivated-state:after {
  position: absolute;
  right: 3px;
  bottom: 3px;
  content: ' ';
  width: 16px;
  height: 16px;
  background: transparent url(../icons/user-deactivated.png) 0 0 no-repeat;
}

.select-user-group-container .type-user.removed-state:after,
.select-user-group-container .type-user.expired-state:after {
  position: absolute;
  right: 3px;
  bottom: 3px;
  content: ' ';
  width: 16px;
  height: 16px;
  background: transparent url(../icons/user-expired.png) 0 0 no-repeat;
}

.select-user-group-container .type-user.blocked-state:after {
  position: absolute;
  right: 3px;
  bottom: 3px;
  content: ' ';
  width: 16px;
  height: 16px;
  background: transparent url(../icons/user-blocked.png) 0 0 no-repeat;
}

.select-user-group-container .selectize-control .type-group img {
  width: 16px;
  height: 16px;
  border: 6px solid transparent !important;
  border-top: 8px solid transparent !important;
}

.select-user-group-container .selectize-control item {
  position: relative;
}

.select-user-group-container .selectize-control img.user-avatar {
  border: 1px solid #ccc;
  width: auto;
  height: 30px;
  margin-right: 5px;
}

.select-user-group-container .selectize-control .main-info {
  line-height: initial;
}

.select-user-group-container .selectize-control .selectize-input .main-info {
  line-height: 30px;
}

.select-user-group-container .selectize-control .extra-info {
  font-size: 7.5pt;
  line-height: initial;
}

.select-user-group-container .selectize-control .selectize-input .extra-info {
  display: none;
}

.select-user-group-container .search-input-container {
  /* display: inline-flex;
   align-items: center;*/
  display:block;
  float:left;
  min-width: 250px;
}

.select-user-group-container .inline-layout {
  float: left;
}

.field .select-user-group-container, .field .select-user-group-container .search-input-container {
  width: 100%;
  margin: 0;
}

.field .select-user-group-container .search-input-container .selectize-control {
  width: 90%;
  background: #FFF;
}

.select-user-group-container {
  position: relative;
}
.select-user-group-container input.search {
  border: 1px solid #999;
  max-width: 75px;
  vertical-align: middle;
}

.select-user-group-container .mandatory-icon {
  position:absolute;
  top:14px;
  left: calc( 90% + 0.5em );
}

.select-user-group-container a.user-panel-button,
.select-user-group-container .remove-button {
  z-index: 1;
  position: absolute;
  right: 11%;
  top: 3px;
}

.select-user-group-container a.user-panel-button {
  right: 11%;
  margin-right: 24px;
}

.select-user-group-container a.user-panel-button.alone {
  margin-right: 0;
}

.userPanel .listing_users, .userPanel .listing_groups  {
  position:relative;
}

.userPanel .listing_groups {
  margin-bottom:1em;
}

.listing_users .add_all, .listing_groups .add_all,
.listing_users .remove_all, .listing_groups .remove_all{
  position:absolute;
  line-height:2em;
  padding-top:0.5em;
  top:0;
  right:12px;
  padding-right:24px;
  color:#a1a1a1;
  background:transparent url(../icons/addFiche.png) right 0.5em no-repeat;
}

.listing_users .remove_all, .listing_groups .remove_all{
  background:transparent url(../icons/deleteFiche.png) right 0.5em no-repeat;
}

.listing_users .add_all:hover, .listing_users .add_all:focus,
.listing_groups .add_all:hover, .listing_groups .add_all:focus,
.listing_users .remove_all:hover, .listing_users .remove_all:focus,
.listing_groups .remove_all:hover, .listing_groups .remove_all:focus{
  color:#444;
}

.listing_users .nb_results,
.listing_groups .nb_results {
  line-height:2em;
  padding-top:0.5em;
  font-weight:bold;
}

.userPanel .listing_users > ul,
.userPanel .listing_groups > ul {
  border:1px solid #d4d4d4;
}

.userPanel .listing_users  > ul li,
.userPanel .listing_groups  > ul li {
  position:relative;
  height:30px;
  padding:4px 45px
}

.userPanel .odd {
  background-color:#FFF;
}

.userPanel .even {
  background-color:#f5f5f5;
}

.userPanel .focus{
  background-color:#E0E0E0;
}

.userPanel .line {
  color:#717171;
}

.userPanel .listing_users .name_user,
.userPanel .listing_groups .name_group {
  display:block;
  color:#000;
}
.userPanel .add ,
.userPanel .remove  {
  text-indent:-3000px;
  width:16px;
  height:16px;
  background:transparent url(../icons/addFiche.png) top left;
  position:absolute;
  top:12px;
  right:12px;
}
.userPanel .remove  {
  background:transparent url(../icons/deleteFiche.png) top left;
}
.userPanel .avatar {
  width:30px;
  height:30px;
  border:1px solid #bcbcbc;
  overflow:hidden;
  position:absolute;
  top:4px;
  left:6px;
}

.userPanel .avatar img{
  width:30px;
  height:auto;
}

.userPanel .state-expired .avatar,
.userPanel .state-blocked .avatar,
.userPanel .state-deactivated .avatar,
.userPanel .state-removed .avatar {
  opacity:0.5;
}

.userPanel .state-expired .name_user,
.userPanel .state-blocked .name_user,
.userPanel .state-deactivated .name_user,
.userPanel .state-removed .name_user {
  color:#666;
}

#selected_userPanel .container{
  height:100%;
  background-color:#fdfcfc;
  border-left:1px solid #c9c9c9;
}

#selected_userPanel #validate {
  text-align: center;
}

#selected_userPanel #validate table {
  margin: 0 auto;
}

#sharing-overview a.Node,
#sharing-overview a.Attachment,
#sharing-overview a.Versionned  {
  background: transparent url(../../util/icons/folder.gif) top left no-repeat;
  padding: 2px 0px 0px 20px;
  display: block;
  line-height: 16px;
}

#sharing-overview a.Attachment,
#sharing-overview a.Versionned {
  background-image:url(../../util/icons/fileType/unknown.gif);
}

/* subscription-management */
.individual-subscription .title .infoBulle {
  position:absolute;
  top:7px;
  right:5px;
}

.subscription-management {
  height: 100%;
  overflow: auto;
}

.subscription-management .compulsory-subscription-management {
  float:left;
  width:58%;
  border:1px solid #eaeaea;
}

.subscription-management .individual-subscription {
  float:left;
  width:39%;
  margin-left:2%;
  border:1px solid #eaeaea;
}

.compulsory-subscription-management .listing_groups ,
.compulsory-subscription-management .listing_users,
.individual-subscription .listing_groups ,
.individual-subscription .listing_users {
  margin:0 8px 8px;
  clear:right;
}

.compulsory-subscription-management .action,
.individual-subscription .action {
  background: url("../icons/delete.gif") repeat scroll left top transparent;
  height: 16px;
  position: absolute;
  right: 12px;
  text-indent: -3000px;
  top: 12px;
  width: 16px;
}

.compulsory-subscription-management .unsubscribe,
.individual-subscription .unsubscribe {
  cursor: pointer;
}

.userPanel .listing_users .unsubscribed .name_user,
.userPanel .listing_groups .unsubscribed .name_group,
.compulsory-subscription-management .unsubscribed,
.individual-subscription .unsubscribed {
  color: #d2d2d2 !important;
}

.compulsory-subscription-management .unsubscribed img,
.individual-subscription .unsubscribed img {
  opacity: 0.3;
}

.compulsory-subscription-management .sp_buttonPane{
  float:right;
  margin:8px 8px 0 0;
}

/* subscription confirmation */
.subscription-confirmation .save-into-comment-block label {
  font-weight: normal;
  position: relative;
  top: -2px;
}

.contribution-modification-context .champs label {
  font-weight: normal;
}

.contribution-modification-context .label img {
  margin:-3px 0 0 2px;
}

.contribution-modification-context .field label {
  font-weight: normal;
  white-space: nowrap;
}

/* userzoom-tooltip-profilPhoto */
.userzoom-tooltip {
  border:1px solid #aeaeae;
  position:absolute;
  width:310px;
  display: block;
  z-index: 100000;
}

.userzoom-infoConnection img {
  width: 9px;
  height: 9px;
}

.userzoom-tooltip-profilPhoto {
  float:left;
  height:77px !important;
  margin:7px !important;
  width:60px !important;
}

.userzoom-tooltip-profilPhoto img {
  height:77px !important;
  width: 100%;
}

.userzoom-tooltip-info {
  margin:7px 25px 0 7px;
}

.userzoom-tooltip-info-infoConnection {
  border: 0 none;
  position: absolute;
  right: 10px;
  top: 10px;
}

.userzoom-tooltip-info-status {
  color: #909090;
  clear: right;
  float: none;
  line-height: 120%;
  max-height: 26px;
  overflow: hidden;
}

.userzoom-tooltip-interaction {
  position:relative;
  clear:both;
  height:24px;
}

.userzoom-tooltip-interaction-action   {
  height: 40px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
  bottom:24px;
  z-index:100;
}

.userzoom-tooltip-interaction-action-relation,
.userzoom-tooltip-interaction-action-invitation  {
  border: 1px solid #aeaeae;
  color: #333366;
  font-size: 11px;
  line-height:24px;
  padding:0 8px 0 0;
  border-radius:3px;
  display:block;
}

.userzoom-tooltip-interaction-action-relation span,
.userzoom-tooltip-interaction-action-invitation span {

  padding-left:32px;
  display:block;
}

.userzoom-tooltip-interaction-action-invitation.invitation span {
  background:transparent url(../icons/add-contact.png) 10px 4px no-repeat;
}

.userzoom-tooltip-interaction-action-invitation.view-invitation span,
.userzoom-tooltip-interaction-action-invitation.cancel-invitation span,
.userzoom-tooltip-interaction-action-relation.delete-relation span {
  background:transparent url(../icons/contacts.png) 10px 4px no-repeat;
}

.userzoom-tooltip-info-userName a{
  font-size:11px;
  color:#000;
  font-weight:bold;
  padding: 0;
  margin:0;
}

.userzoom-tooltip-info-userName a:hover{
  color:#333;
}

.userzoom-tooltip-interaction-accessProfil ,
.userzoom-tooltip-interaction-accessNotification,
.userzoom-tooltip-interaction-accessChat {
  position:absolute;
  bottom:0px;
  left:0;
  width:50%;
  border:1px solid #cdcdcd;
  border-right:1px solid #fff;
  border-bottom:0;
  height:24px;
  color:#333366;
  cursor:pointer;
}

.chat-enabled .userzoom-tooltip-interaction-accessProfil ,
.chat-enabled .userzoom-tooltip-interaction-accessNotification,
.chat-enabled .userzoom-tooltip-interaction-accessChat {
  width:33%;
}



.userzoom-tooltip-interaction-accessProfil {
  border-left:0;
}

.userzoom-tooltip-interaction-accessProfil:hover,
.userzoom-tooltip-interaction-accessChat:hover,
.userzoom-tooltip-interaction-accessNotification:hover {
  background:#E5E5E5 url();
  color:#000
}

.userzoom-tooltip-interaction-accessNotification {
  left:auto;
  right:0;
}

.chat-enabled .userzoom-tooltip-interaction-accessChat {
  left:auto;
  right:0;
}

.chat-enabled .userzoom-tooltip-interaction-accessNotification {
  left:33%;
}

.userzoom-tooltip-interaction-accessProfil   span,
.userzoom-tooltip-interaction-accessChat   span,
.userzoom-tooltip-interaction-accessNotification   span{
  background:transparent url(../icons/contactCard.gif) 10px 4px no-repeat;
  display:block;
  height:24px;
  line-height:24px;
  padding-left:32px;
}

.userzoom-tooltip-interaction-accessChat   span{
  background-image:url(../icons/talk2user.gif)
}

.userzoom-tooltip-interaction-accessNotification   span{
  background-image:url(../icons/email.gif)
}

.userzoom-tooltip-interaction-accessChat.disabled    span{
  background-image:url(../icons/talk2user-disabled.gif);
  color:#bbb;
  cursor:default;
}

.above .userzoom-tooltip-arrow {
  background:transparent url(../icons/arrow/userzoom-tooltip-arrow.png) 0 0 no-repeat;
  width:14px;
  height:10px;
  position:absolute;
  bottom:-10px;
  right:30px;
}

.below .userzoom-tooltip-arrow {
  background:transparent url(../icons/arrow/userzoom-tooltip-arrow-top.png) 0 0 no-repeat;
  width:14px;
  height:10px;
  position:absolute;
  top:-103px;
  right:30px;
}

.above.right .userzoom-tooltip-arrow ,
.below.right .userzoom-tooltip-arrow{
  right:30px;
}

.above.left .userzoom-tooltip-arrow ,
.below.left .userzoom-tooltip-arrow{
  left:30px;
}

.switch,
.switch a{
  border:1px solid #ccc;
  border-radius:8px;
  padding:6px 8px;
  width:140px;
  font-size:11px;
  line-height:14px;
  float:left;
  margin-right:8px;
  position:relative;
  z-index:1000;
  cursor:pointer
}

.switch a {
  display:block;
  border:0;
  width:30px;
  padding:6px 4px;
  margin-right:0;
  border-left:1px solid #ccc;
  position:absolute;
  border-radius:0 8px 8px 0 ;
  top:0;
  right:0;
  text-align:center;
}

.switch a:first-child {
  right:38px;
  border-radius:0 0 0 0;
}

.switch a.active  {
  background-color: #747474;
  color:#FFF;
  font-weight:bold
}

.switch a:hover  {
  background-color: #F1790F;
  color:#FFF;
}

#myprofile-socialnetworks {
  float: left;
  padding-top: 10px;
  width: 100%;
}

#myprofile-socialnetworks .switch.socialnetwork{
  width:160px;
  float:right;
}

#myprofile-socialnetworks .a-socialnetwork p {
  float:left;
  color:#727272;
  line-height:32px;
}
#myprofile-socialnetworks .a-socialnetwork p strong{
  font-weight:bold;
  color:#021035;
}
#myprofile-socialnetworks .a-socialnetwork p img{
  float:left;
  margin-right:8px;
}

#myProfile #FBPublishButton,
#myProfile #FBLoginButton,
#myProfile #LinkedInPublishButton,
#myProfile #LinkedInLoginButton {
  display: none;
}

/*************/
/** preview **/
/*************/
#documentPreview {
  display: block;
  border: 0;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  background-color: white;
}

#documentPreview .content {
  display: block;
  border: 0;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.dialog-popup-button {
  cursor: pointer;
  text-align: center;
  margin: 5px;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #666;
  background-color: #efefef;
  opacity:0.4;
  z-index: 10;
}

.dialog-popup-button:hover {
  border: 1px solid #9BD94A;
  background-color: #9BD94A;
  opacity: 1;
}

.dialog-popup-button-image {
  width: 13px;
  height: 13px;
}

.ui-front {
  z-index: 2000;
}

.ui-dialog .ui-dialog-content {
  padding: 1em 1em 0.5em 1em;
  overflow: inherit;
}

.ui-dialog .champs-ui-dialog {
  float:right;
  width:65%;
  margin-bottom:14px;
}

.ui-dialog .form-container .label,
.ui-dialog .form-container .silverpeas-label {
  font-weight: bold;
  color: #666;
}

.silverpeas-form-pane .silverpeas-label span,
.ui-dialog .form-container .silverpeas-label span {
  padding-left: 3px;
}

.ui-dialog .form-container label,
.ui-dialog .form-container .label.value,
.ui-dialog .form-container .silverpeas-label.value {
  font-weight: normal;
  color: #333;
}

.silverpeas-form-pane .silverpeas-file-input div.help {
  font-style: italic;
  color: #666;
}

.ui-dialog .form-container div.silverpeas-radio-input {
  display: inline-block;
  min-width: 17px;
}

.ui-dialog .form-container input {
  vertical-align: text-bottom;
}

.ui-dialog .form-container .block {
  border: 1px dotted #333;
  margin: 5px -4px -5px -5px;
  padding: 2px 5px 5px 4px;
}

/*******************************/
/** created action bar **/
/*******************************/
#menubar-creation-actions {
  display: none;
}

#menubar-creation-actions,
.attachment-creation-actions {
  background-color:#fff4eb;
  border-top:1px solid #f1790f;
  border-bottom:1px solid #f1790f;
  vertical-align:middle;
  text-align:center;
  height:auto;
  margin:0.5em 0;
}

.attachment-creation-actions {
  margin:0;
}

#menubar-creation-actions .menubar-creation-actions-item,
.attachment-creation-actions .menubar-creation-actions-item{
  padding:10px 30px;
  color:#4c4c4c;
  font-size:1em;
  display:inline-block;
  width:auto;
  line-height:1em;
  height:18px;
  white-space:nowrap;
}

.attachment-creation-actions .menubar-creation-actions-item{
  padding:6px 20px;
  font-size:0.9em;
  line-height:0.9em;
  height:18px;
}

#menubar-creation-actions .menubar-creation-actions-item:hover,
.attachment-creation-actions .menubar-creation-actions-item:hover {
  background-color:#F1790F;
  color:#fff;
}

#menubar-creation-actions .menubar-creation-actions-item img,
.attachment-creation-actions .menubar-creation-actions-item img {
  vertical-align:middle;
  margin:0;
  border:0;
}

.attachment-creation-actions .menubar-creation-actions-item img {
  margin-right:4px;
}

/*******************************/
/**     plugin FileUpload     **/
/*******************************/

.skinFieldset.fileUpload  legend {
  background: url("../icons/attachedFiles.gif") no-repeat scroll 11px 0 transparent;
}

.droparea {
  padding: 0;
  background: #FFF url(../icons/dropFile.png) no-repeat 6px 2px ;
  border: 3px dashed #e5e5e5;
  text-align: center;
  top: 0;
  left: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.droparea.hover {
  background-color: #A8DE66;
  border: 3px solid #9BCD5E;
}

.droparea-cover {
  position: relative;
}

.droparea-cover-help {
  display: none;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 9;
}

.droparea-cover-help-highlight {
  border: 1px dashed #999;
}

.droparea-cover-help-publication-list,
.droparea-cover-help-attachment,
.droparea-cover-help-attachment-edit   {
  top: auto;
  left: auto;
}

.droparea-cover-help-publication-list {
  bottom: 24px;
  right: 22px;
}

.droparea-cover-help-attachment {
  top: 5px;
  right: 26px;
}

.droparea-cover-help-attachment-edit {
  top: 2px;
  right: 2px;
}

.droparea-cover-help-content {
  max-width: 600px;
}

.droparea-cover-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff url(../icons/dropFile.png) no-repeat 6px 2px ;
  border: 3px dashed #999;
  opacity: 0.7;
  z-index: 10;
}

.droparea span {
  color: #666;
  font-weight: bold;
  vertical-align: middle;
}

.percentage-progress {
  border-radius:8px;
  background-color:#FFF;
  border:1px solid #CCC;
  position:relative;
  height:18px;
  margin:1em 0;
}
.percentage-progress span.percentage-progress-bar {
  border-radius:8px 0 0 8px;
  display:block;
  width:0%;
  background-color:#b5df7d;
  background-image:linear-gradient(to right, #bee38d, #8dd332);
  position:absolute;
  height:18px;
  z-index:1
}
.percentage-progress span.percentage-progress-value {
  display:block;
  width:100%;
  text-align:center;
  font-weight:bold;
  position:absolute;
  height:18px;
  line-height: 18px;
  z-index:10
}

.percentage-end img {
  vertical-align:middle;
}

div.fileUpload {
  width: 90%;
}

.fileUpload-container {
  width: auto;
  clear: both;
  height: auto;
  margin: 10px 15px 0;
}

.fileUpload-container .actions {
  position: relative;
  margin-bottom: 3px;
}

.fileUpload-container .actions .icon {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

.fileUpload-container .actions .icon.dng {
  top: 8px;
}

.fileUpload-container .actions .input {
  margin:0 110px 0 28px;
}

.fileUpload-container .actions.dng .sp_button.button {
  position:absolute;
  top:0;
  right:-110px;
  width:90px;
  background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  padding:2px 5px;
  margin:4px 0;
  cursor:pointer;
  background-color:#ece9d8;
  border:1px solid #999 !important;
  height:17px;
  line-height:18px;
  display:inline-block;
  border-radius:5px;
  text-align:center;
}

.fileUpload-container .actions.dng .sp_button.button a {
  background:transparent url() no-repeat;
  padding:0px 8px 0 8px;
  line-height:18px;
  border:0;
  color:#333 !important;
}

.fileUpload-container .actions a {
  cursor: pointer;
  white-space: nowrap;
}

.fileUpload-container .waiting-list {
  margin-top:8px;
  background:url(../icons/uploading.gif) no-repeat  0 3px;
  padding-left:28px;
}

.fileUpload-container .waiting-list div {
  position: relative;
  margin: 0 0 3px 0;
  padding: 6px;
}

.fileUpload-container .waiting-list .progress-bar {
  position: absolute;
  padding: 6px;
  margin: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #808080;
  opacity: 0.08;
}


.fileUpload-container .uploaded-file-list {
  width: auto;
}

.fileUpload-container .uploaded-file {
  width: 100%;
}

.fileUpload-container .uploaded-file .details {
  height: 16px;
  position: relative;
  margin-top: 10px;
  width: 100%;
}

.fileUpload-container .uploaded-file .details img {
  position: absolute;
  top: 0;
  left: 0;
}

.fileUpload-container .uploaded-file .details span {
  white-space:nowrap;
  max-width:90%;
  overflow:hidden;
  color: #878787;
  position: absolute;
  top: 2px;
  left: 25px;
}

.fileUpload-container .uploaded-file .details .delete-file{
  position:absolute;
  right:16px;
  top:0;
}

.fileUpload-container .uploaded-file .details .delete-file img{
  border:0;
}

.fileUpload-container .uploaded-file .infos > div {
  margin-top: 3px;
}

.fileUpload-container .uploaded-file label {
  margin: 0;
}

.fileUpload-container .uploaded-file input,
.fileUpload-container .uploaded-file textarea {
  padding: 2px;
  margin: 0;
  width:99%;
}

.fileUpload-container input[type=file] {
  width: auto;
}

.fileUpload-container input[type="file"]:focus {
  position: relative !important;
  top: inherit !important;
  right: inherit !important;
  border: 1px dashed blue;
}

.fileUpload-container div.fileinputs {
  position: relative;
  margin-left: 5px;
}
.fileUpload-container div.fileinputs form{
  padding:0;
  margin:0;
}

.fileUpload-container .legendeFileUpload {
  font-style: italic;
}

/*********** Last publications and new ones *******************/
#globalResultListDetails .locationTitle a,
.last-publication-list .publication-name {
  font-weight: 500;
}

#globalResultListDetails .new-contribution .locationTitle a,
.spaceHome #publicationList .new-contribution a b,
.last-publication-list .new-contribution .publication-name {
  font-weight: bold;
  opacity: 1;
}

/*******************************/
/** Tagit **/
/*******************************/
ul.tagit {
  padding: 1px !important;
  border: 1px solid #999 !important;
}

ul.tagit li {
  margin: 1px 5px 1px 0px !important;
}

ul.tagit li.tagit-choice {
  padding: 1px 15px 1px 4px !important;
}

ul.tagit li.tagit-choice a.tagit-close {
  padding: 0px 0px 2px 3px !important;
}

.ui-dialog .label-ui-dialog {
  float:left;
  clear:both;
  width:25%;
  margin-bottom: 14px;
}

.ui-dialog .champ-ui-dialog {
  float:right;
  width:70%;
  margin-bottom: 14px;
}

.ui-dialog #mandatory_label {
  clear: left;
}

.ui-dialog .champ-ui-dialog .document-template-input,
.ui-dialog .champ-ui-dialog input[type=text],
.ui-dialog .champ-ui-dialog input[type=file],
.ui-dialog .champ-ui-dialog textarea {
  width: 90%;
}

.ui-dialog .filedset-ui-dialog legend {
  padding:0 0.5em;
}

.ui-dialog .filedset-ui-dialog.notification legend{
  padding-left:30px;
  background:transparent url(../icons/email.gif) 5px 0 no-repeat;
}

.notification .champ-ui-dialog {
  white-space: nowrap;
}

.ui-dialog .filedset-ui-dialog.validity legend {
  padding-left:30px;
  background: url("../icons/calendar_2.gif") no-repeat scroll 11px 0 rgba(0, 0, 0, 0);
}

.ui-dialog .filedset-ui-dialog{
  clear:both;
  background-color:#f4f4f4;
  border-radius:8px;
  border:1px solid #c7c7c7;
  margin:0 0 14px 0;
  padding:1em;
}

/*******************************/
/**       Responsibles        **/
/*******************************/
#responsible-popup-content {
  height: auto !important;
  max-height: 400px;
}

.list-responsible-user {
  margin:0;
  padding:0;
  list-style-type:none;
}

.list-responsible-user li{
  float:left;
  width:31.5%;
  min-width:225px;
  border:0;
  position:relative;
  padding:0;
  margin:0 1.5% 1.5% 0;
  height:56px;
  background-color:#FFF;
}

.list-responsible-user li div.content{
  padding:0 0 0 50px;
}

.list-responsible-user .profilPhoto{
  width:40px;
  height:50px;
  background-color:#FFF;
  text-align:center;
  border:1px solid #cfcfcf;
  position:absolute;
  top:2px;
  left:2px;

}
.list-responsible-user .profilPhoto img{
  width:auto;
  height:50px;
}
.list-responsible-user .userName {
  padding-top:4px;
}
.list-responsible-user .userName a,
#portletPages .list-responsible-user .userName a{
  font-size:1em;
  color:#333;
  font-weight:bold;
  line-height:1em;
}

.list-responsible-user .action {
  position:absolute;
  bottom:-5px;
  left:50px;
}

#portletPages .list-responsible-user .action a,
.list-responsible-user .action a {
  color:#666;
  text-decoration:underline;
  border-bottom:0;
  float:left;
  margin-bottom: 0px;
  padding-bottom: 10px;
}

#portletPages .list-responsible-user .action a:hover,
.list-responsible-user .action a:hover{
  color:#F1790F;
}

.title-list-responsible-user {
  border-bottom:1px solid #cfcfcf;
  padding:0 0 0.5em 0;
  margin:0 0 1em 0;
  text-align:center;
  clear: both;
}
/*******************************/
/***** portlet : Appl News        ***/
/*******************************/

#quickinfo-app-portlet {
  background-color:transparent;
}

/*******************************/
/***** portlet : News        ***/
/*******************************/
.portlet-content ul.listing-actuality-portlet {
  list-style-type:none;
  list-style-image:none;
  padding:0;
  margin:0;
}
.listing-actuality-portlet li{
  clear:left;
  position:relative;
  margin-bottom:2em;
  cursor:pointer;
}
.listing-actuality-portlet h3 {
  margin:0;
  padding:0;
}
.listing-actuality-portlet h3 a{
  font-size:1em;
}
.listing-actuality-portlet p{
  color:#8f8f8f;
  padding:0;
  margin:0.25em 0;
}
.listing-actuality-portlet .actuality-illustration {
  width:210px;
  float:left;
  margin:0 0.5em 0.5em 0;
}

.listing-actuality-portlet .actuality-info-fonctionality {
  background-color:#FFF;
  position:absolute;
  top:14px;
  left:0;
  display:inline;
  padding:0.25em;
}

.listing-actuality-portlet .actuality-date-label,
.listing-actuality-portlet .actuality-source,
.listing-actuality-portlet .sp-path,
.slider-actuality-portlet  .actuality-date-label,
.slider-actuality-portlet  .actuality-source,
.slider-actuality-portlet  .sp-path {
  display:none;
}

.listing-actuality-portlet .actuality-without-illustration .actuality-info-fonctionality {
  position:relative;
  top:inherit;
  left:inherit;
  display:inline;
  padding:0.25em;
  float:right;
}

.listing-actuality-portlet .actuality-info-fonctionality img{
  vertical-align:bottom;
}

.portlet-content ul.slider-actuality-portlet  {
  padding:0;
  margin:0;
  list-style-type:none;
  text-align:center;
}

.portlet-content ul.slider-actuality-portlet li div.content-actuality-illustration {
  padding:0;
  margin:0;
  background-color:#bbbbbb;
  text-align:center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
}

.portlet-content ul.slider-actuality-portlet .actuality-illustration {
  height:284px;
  width:auto;
  margin:0 auto;
  float:none;
}

.portlet-content ul.slider-actuality-portlet .actuality-date {
  position:absolute;
  top:298px;
  left:10px;
  color:#1c94d4
}

.portlet-content ul.slider-actuality-portlet .actuality-nb-commentaires {
  position:absolute;
  right:10px;
  top:298px;
}

.portlet-content .actuality-nb-commentaires img {
  border:0;
  vertical-align:text-top;
  display: inline;
  float: none;
}

.portlet-content ul.slider-actuality-portlet .actuality-without-illustration .actuality-date,
.portlet-content ul.slider-actuality-portlet .actuality-without-illustration .actuality-nb-commentaires {
  top:10px;
}

.portlet-content ul.slider-actuality-portlet .actuality-title  {
  padding:2.2em 10px 0em;
  margin:0;
  text-align:left;
}
.portlet-content ul.slider-actuality-portlet .actuality-teasing  {
  text-align:left;
  color:#8f8f8f;
  font-size:1.1em;
  padding:0.5em 10px 1em;
  margin:0 ;
}
.portlet-content ul.slider-actuality-portlet .actuality-title  a{
  font-size:1.2em;
}
.portlet-content ul.slider-actuality-portlet .actuality-title  a:hover{
  color:#1c94d4
}

/*******************************/
/* Advanced search plugin */
/*******************************/
#advanced-search div.tableFrame {
  width:98%;
  padding:5px;
  margin:0 auto;
}

#advanced-search div.tableBoard {
  padding:5px;
}

#used_pdc {
  padding:0;
  margin:0;
  border:0;
}

#used_pdc .field{
  position:relative;
  padding-left:18px;
  clear:left;
}

#used_pdc .field label{
  display:block;
  float:left;
  width:162px;
  padding:5px;
  padding-right: 50px;
}

#used_pdc .field .champs{
  display:block;
  float:left;
  padding:5px;
}
#used_pdc .field .champs.pdcAxis img{
  position:absolute;
  top:3px;
  left:0;
}

#advanced-search table.tableBoard tr td:first-child {
  width:180px;
}

.rich-content a {
  text-decoration: underline;
}

h2.wysiwyg-title1 {
  border-left:3px solid #2a2a2a ;
  color:#2a2a2a;
  font-size:1.4em;
  padding:0 6px;
}
h3.wysiwyg-title2{
  border-left:3px solid #7eb73b ;
  color:#7eb73b;
  font-size:1.2em;
  padding:0 6px;
}

strong.wysiwyg-focus {
  background-color:#2a2a2a ;
  color:#FFF;
}

p.wysiwyg-important{
  background-color: #F5F5F5;
  border-radius: 0 10px 0 10px;
  padding: 9.5px;
  border:1px solid #ebebeb;
  font-size:1.1em;
}

blockquote {
  border-left: 1px solid #E4E4E4;
  margin: 0;
  padding-left: 1.5em;
  font-style: italic;
  color: #666;
}

span.sp-variable.cke_widget_element {
  border: 2px dotted #F9E98E;
  padding: 0 3px;
  background-color: #faf8d3;
}

.sp-richcombo.cke_combo__imagebank .cke_combo_text,
.sp-richcombo.cke_combo__filebank .cke_combo_text {
  width: 100px !important;
}

.container-wysiwyg {
  width:95%;
}

.wysiwyg-fileStorage {
  border: 1px solid #D3D3D3;
  border-radius: 5px;
  padding:5px 0;
  margin-bottom:5px;
  background-color:#eaeaea;
  text-align:center;
}

/* Default forms look n feel */
.forms .form-border {
  border:1px solid #CCC;
}

.forms .form-title {
  color: #333;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0;
}

.forms .legend {
  padding: 10px 0px 0px 10px;
}

.forms .buttonPanel {
  width: auto;
  display:inline-block;
  position:absolute;
  right:7px;
  top:-11px;
}

.forms .ignoreForm {
  background: #f4f4f4 linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #4c4c4c;
  font-size: 100%;
  padding: 5px 10px;
  width: auto;
  display: inline-block;
  margin-left: 5px;
}

.forms .fields .fieldInput {
  padding: 0 2em 0 2em;
  flex: 4;
  min-width: 180px;
}

.forms .fields .fieldInput p {
  margin-top:0;
}

.forms.mode-design .fields label {
  background:transparent url("../icons/grippy_large.png") 0 0 no-repeat ;
  cursor: move;
}

.forms .fields label, .forms .operators {
  display: block;
  padding: 0px 15px 7px 15px;
  white-space: normal;
  flex: 1;
  min-width: 180px;
}

#richContent .fields {
  clear:inherit;
}

.forms .field .fieldInput input,
.forms .field .fieldInput textarea,
.forms .field .fieldInput select {
  width:auto;
}

.forms .fields {
  clear: none;
  margin: 0;
  padding: 0;
}

.forms .fields > li{
  padding: 10px 0 5px 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  min-height: 28px;
  width: 100%;
}
/* design and edition modes */
form .forms .fields > li:nth-child(odd) {
  background-color:#fffce7;
  border-bottom:1px solid #ccc;
}
form .forms .fields > li:nth-child(even) {
  background-color:#f6f6f6;
  border-bottom:1px solid #ccc;
}

/* view mode */
.forms .fields > li:nth-child(odd) {
  background-color:#f9f9f9;
  border-bottom:1px solid #ddd;
}
.forms .fields > li:nth-child(even) {
  background-color:#f6f6f6;
  border-bottom:1px solid #ddd;
}
.forms .field .actions {
  position:absolute;
  top:10px;
  right:1%;
}

.forms .field ul.repeatable-field-list {
  list-style-type: none;
  padding-left: 0px;
  margin: 0 0 5px 0;
}

.forms .field .moreField{
  display: block;
  width: 100%;
}

.forms .field .fileArea img {
  vertical-align: middle;
}

.forms .field .thumbnailArea,
.forms .field .video{
  width: 100%;
  padding: 0 0 0.5em 0;
}

.forms .field .repeatable-field-list .thumbnailArea,
.forms .field .repeatable-field-list .video{
  padding: 1.5em 0 0.25em 0;
}
.forms .field .repeatable-field-list .repeatable-field-list-element0 .thumbnailArea,
.forms .field .repeatable-field-list .repeatable-field-list-element0 .video{
  padding: 0 0 0.25em 0;
}

.forms .field .video > div {
  display: inline-block;
}

.forms .field ul.repeatable-field-list li.field-occurrence-shown {
  margin: 0 0 2px 0;
}

.forms .actions img{
  border:0;
}

.forms .field-occurrence-hidden {
  display: none;
}

.forms .operators a.active {
  background-color:#B5B5B5;
  color:#FFF;
  padding: 2px 3px;
}

/*******************************/
/* Profil */
/*******************************/

#identity-main .field,
#identity-manual-notification .field {
  clear:left;
  width: 96%;
}

#profil-groups-belong #form-row-desc,
#profil-groups-belong #form-row-rule {
  width: 98%
}

.skinFieldset .fields  {
  padding:0;
}

#identity-main legend {
  background: url("../icons/contactCard.gif") no-repeat scroll 11px 0 transparent;
}

#profil table.tableArrayPane {
  margin:10px;
}

#profil-groups-belong legend {
  background: url("../icons/groups.png") no-repeat scroll 7px 0 transparent;
}

.admin-user #manageable-spaces legend,
.admin-group #manageable-spaces legend,
.admin-user #user-manageable-groups legend {
  background: url("../icons/cog.png") no-repeat scroll 11px 0 transparent;
}

.admin-user #user-profiles legend,
.admin-group #group-profiles legend {
  background: url("../icons/characteristic.png") no-repeat scroll 11px 0 transparent;
}

#affected-profil .champ-ui-dialog img{
  border:0;
  vertical-align:bottom
}

#affected-profil input[type="radio"]{
  vertical-align:bottom;
  background-color:transparent
}

#profil .ui-dialog #sourceRightsName{
  width:88%;
}

/**** Surchage plugin jquery rate it ****/
div.silverpeas-rating {
  display:inline;
}
.silverpeas-rating .rateit .rateit-range,
.silverpeas-rating .rateit .rateit-preset,
.silverpeas-rating .rateit .rateit-preset-rtl,
.silverpeas-rating .rateit .rateit-selected,
.silverpeas-rating .rateit .rateit-hover {
  background-image: url(../icons/rateit/star.png);
}

/**** Surchage plugin jquery rate it - small view ****/
.rateit.smallStars .rateit-range,
.rateit.smallStars .rateit-preset,
.rateit.smallStars .rateit-preset-rtl,
.rateit.smallStars .rateit-selected,
.rateit.smallStars .rateit-hover {
  background-image: url(../icons/rateit/star-small.png);
}

.rateit.smallStars .rateit-range{
  background: url(../icons/rateit/star-small.png);
  height: 12px;
}

.rateit.smallStars .rateit-hover{
  background: url(../icons/rateit/star-small.png) left -24px;
}

.rateit.smallStars .rateit-hover-rtl{
  background-position: right -24px;
}

.rateit.smallStars .rateit-selected{
  background: url(../icons/rateit/star-small.png) left -12px;
}

.rateit.smallStars .rateit-selected-rtl{
  background-position: right -12px;
}

.rateit.smallStars .rateit-preset,
.rateit.smallStars .rateit-preset-rtl{
  background: url(../icons/rateit/star-small.png) left -36px;
}

/**** Fragment User Card *****/
div.user-card {
  border: 1px solid #CCC;
  background-color:#f6f6f6;
  width:292px;
  display:inline-block;
  padding:4px;
  vertical-align:top;
  margin:0 8px 8px 0;
}

div.user-card .avatar{
  float:left;
  width:60px;
  overflow:hidden;
  border:1px solid #eaeaea;
  background-color:#FFF;
}

div.user-card .avatar img{
  width:60px;
}

div.user-card .field{
  float:left;
  width:220px;
  padding:0 4px 2px 6px;
  color:#444;
}

.userToZoom {
  white-space: nowrap;
  display: inline-block;
}

div.user-card .userToZoom {
  color:#000;
  font-weight:bold;
}

/****** Ticker ******/
#topBar #desktop-notifications-permission {
  background: url('../../util/icons/cog.png') no-repeat scroll 0 0 transparent;
  line-height: 17px;
  padding-left: 20px;
  position: absolute;
  right: 0;
  top:1px;
  padding-right:1em;
  font-weight:bold;
}

#topBar #ticker {
  height: 22px;
  left: 250px;
  position: absolute;
  right: 150px;
  top: 89px;
  background-color: transparent;
  z-index:1000;
}

#sp-ticker .ticker-wrapper.has-js {
  background-color: transparent;
  border-radius: 0;
  display: block;
  font-size: 0.75em;
  height: 22px;
  margin: 0;
  padding: 0;
  width: 100%;
}

#sp-ticker {
  display:block;
}

#sp-ticker .ticker {
  background-color: transparent;
  display: block;
  height: 22px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#sp-ticker .ticker-title {
  padding-top: 2px;
  padding-left:1em;
  color: #333;
  font-weight: bold;
  background-color: transparent;
  text-transform: uppercase;
}
#sp-ticker .ticker-content {
  margin: 0;
  padding-top: 3px;
  position: absolute;
  color: #333;
  font-weight:normal;
  background-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.2em;
  padding-left:1em;
  width: calc(100% - 100px);
  text-overflow: ellipsis;
}

#sp-ticker .ticker-item-description:before {
  content:" : " ;
}

/*********************** advanced search help *********************/
input[title] {
  background-image:url(../../util/icons/input-info.png);
  background-position:top right;
  background-repeat:no-repeat;
}

/*********************** COMMON CRUD CONTAINER *********************/
.crud-container #createdInfo b {
  display: inline;
}

.crud-container #createdInfo b:after {
  content: ' ';
  display: block;
}

.crud-container #lastModificationInfo b {
  display: inline;
}

.crud-container #lastModificationInfo b:after {
  content: ' ';
  display: block;
}

.crud-container #publishedAtInfo b {
  display: inline;
}

.crud-container #publishedAtInfo b:after {
  content: ' ';
  display: block;
}

/*********************** MEDIA PLAYER *********************/
iframe.embed {
  overflow: hidden;
  max-width:100%;
}

/*********************** Style pour les elements en lecture seule de type tagit *********************/
.tagit-readonly {
  background: #e7e7e7 linear-gradient(to top, #f9f9f9 0%, #e7e7e7 100%);
  border: 1px solid #999;
  border-radius: 0 6px;
  cursor: default;
  padding: 2px 4px 3px;
  margin:0 4px 4px 0;
  color:#737373;
  white-space:nowrap;
  display:inline-block;
}

/*********************** Presentation pop up des notifications *********************/

.unread-user-notification-inbox {
  font-weight: bold;
}

.silverpeas-user-notifications {
  display: inline-block;
}

.all-read-user-notification #notification-count.btn-header {
  background-color: #fbf7aa;
  border-color: #f9e98e;
}

.all-read-user-notification #notification-count.btn-header a {
  color: #333 !important;
}

.silverpeas-user-notifications .silverpeas-attached-popin {
  z-index: 1000;
  white-space: normal;
  text-align: left;
}

.silverpeas-user-notifications .silverpeas-attached-popin:hover {
  z-index: 10000;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-content {
  position: relative !important;
  padding: 0;
  min-height: 200px;
  max-height: 600px;
  width: 425px;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-content .silverpeas-list,
#infoConnection .silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-content .silverpeas-list {
  position: relative;
  border: none;
  background-color: inherit;
  left: auto;
  top: auto;
  white-space: inherit;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-content  .user-notification-content div {
  max-width:380px;
}

.unread-user-notification > span > a {
  background-color: #7eb73b;
  padding: 1px 5px 0 5px;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-header {
  background-color: #2a2a2a;
  position: relative;
  height: 3em;
}

#infoConnection .silverpeas-user-notifications ul li a:hover {
  background-color: inherit;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-header a.view-all {
  color: #FFF;
  text-decoration: underline;
  margin: 0 0.5em;
  line-height: 3em !important;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-header a.close {
  position: absolute;
  width: 16px;
  padding: 0;
  display: inline-block;
  text-indent: -99999px;
  height: 16px;
  top: 50%;
  right: 0.5em;
  margin-top: -8px;
  margin-left: -8px;
  background: #FFF url("jquery/ui-lightness/images/ui-icons_ef8c08_256x240.png") -96px -128px;

}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-list-item,
#infoConnection .silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-list-item {
  padding: 0.75em;
  position: relative;
  border-bottom: solid 1px #CCC;
}

.silverpeas-user-notifications .silverpeas-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #000;
}

.silverpeas-user-notifications .silverpeas-list .user-notification-subject {
  color: #757575;
  margin-bottom: 1em;
  margin-right: 2.25em;
}

.silverpeas-user-notifications .unread-user-notification-inbox {
  color: #000;
  font-weight: normal;
}

.silverpeas-user-notifications .unread-user-notification-inbox .user-notification-subject {
  font-weight: bold;
  color: #000;
}

.silverpeas-user-notifications .silverpeas-list li:nth-child(odd) {
  background-color: #FFF
}

.silverpeas-user-notifications .silverpeas-list li:nth-child(even) {
  background-color: #F0F0F0;
}

.silverpeas-user-notifications .date-from {
  padding: 0.25em 0;
  height: 1.25em;
}

.silverpeas-user-notifications .user-notification-from {
  float: left;
}

.silverpeas-user-notifications .user-notification-date {
  color: #777;
  float: right;
}

.silverpeas-user-notifications .user-notification-source {
  padding: 1em 0 0;

}

.silverpeas-user-notifications .silverpeas-user-notification-list-item::after {
  display: block;
  content: ' ';
  width: 100%;
  height: 1em;
  clear: both;
}

.silverpeas-user-notifications .user-notification-content {
  clear: left;
  padding-top: 2em;
}

.silverpeas-user-notifications .content-button-close {
  background: transparent url(../icons/arrow/open.gif) no-repeat 0 0;
  width: 16px;
  height: 16px;
  text-indent: -300em;
  display: block;
  position: absolute;
  top: 1em;
  right: 0.8em;
}

.silverpeas-user-notifications .content-button-open {
  background: transparent url(../icons/arrow/closed.gif) no-repeat 0 0;
  width: 16px;
  height: 16px;
  text-indent: -300em;
  display: block;
  position: absolute;
  top: 1em;
  right: 0.8em;
}

#infoConnection .silverpeas-user-notifications .read-button,
#infoConnection .silverpeas-user-notifications .cancel-deletion-button,
.silverpeas-user-notifications .read-button,
.silverpeas-user-notifications .cancel-deletion-button {
  display: block;
  position: absolute;
  bottom: 1.5em;
  right: 3em;
  border: 1px solid #CCC;
  border-radius: 6px;
  font-style: italic;
  padding: 0 0.5em;
  color: #3e3e3e !important;
  background-color: #FFF;
  line-height: 1.5em;
}

#infoConnection .silverpeas-user-notifications .cancel-deletion-button {
  z-index: 10
}

#infoConnection .silverpeas-user-notifications .cancel-deletion-button:hover {
  background-color: #FFF;
}

.silverpeas-user-notifications .cancel-deletion-button {
  right: 1em;
}

.silverpeas-user-notifications .silverpeas-user-notification-list-item.deleted-user-notification > div {
  opacity: 0.3;
}

#infoConnection .silverpeas-user-notifications .delete-button,
.silverpeas-user-notifications .delete-button {
  display: block;
  position: absolute;
  bottom: 1.5em;
  right: 1em;
  border-radius: 6px;
  font-style: italic;
  width: 16px;
  height: 20px;
  padding: 0;
  text-indent: -3000em;
  background: transparent url(../icons/delete.gif) 0 0 no-repeat;
}

.silverpeas-user-notifications .cancel-deletion-button::after {
  content: ' ';
  display: inline-block;
  float: right;
  width: 16px;
  height: 20px;
  background: #FFF url(../icons/back.png) 0 center no-repeat;
  margin-left: 0.5em;
  z-index: 101;
}

.silverpeas-user-notifications .silverpeas-list li:nth-child(odd) .read-button,
#infoConnection .silverpeas-user-notifications .silverpeas-list li:nth-child(odd) .read-button:hover,
#infoConnection .silverpeas-user-notifications .silverpeas-list li:nth-child(odd) .read-button {
  background-color: #F0F0F0
}

.silverpeas-user-notifications .silverpeas-list li:nth-child(even) .read-button,
#infoConnection .silverpeas-user-notifications .silverpeas-list li:nth-child(even) .read-button:hover,
#infoConnection .silverpeas-user-notifications .silverpeas-list li:nth-child(even) .read-button {
  background-color: #FFF;
}


.silverpeas-user-notifications .read-button::after {
  content: ' ';
  display: inline-block;
  float: right;
  width: 16px;
  height: 20px;
  background: transparent url(../icons/ok.gif) 0 center no-repeat;
  margin-left: 0.5em;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-list-item .with-resource-view-url {
  cursor: pointer;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-list-item:last-child {
  padding: 2px 0 0 0;
  border: none;
}

.silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-list-item .silverpeas-attached-popin-content {
  max-width: 445px !important;
}

.silverpeas-user-notifications .silverpeas-attached-popin .no-item {
  padding-top: 82px;
  text-align: center;
  font-size: 2em;
}

.popup-read-notification {
  padding:15px;
}
.popup-read-notification .entete {
  border-radius:8px;
  padding:4px 1em;
  background-color:#f7f7f7;
  border:1px solid #bbb;
  position:relative;
}
.popup-read-notification .entete .date {
  position:absolute;
  top:4px;
  right:1em;
  font-size:1em;
}
.popup-read-notification .entete .from {
  font-size:1em;
  padding-right:100px;
}
.popup-read-notification .source {
  padding:1em 0.5em;
  border-bottom:1px solid #e7e7e7;
  color:#b3b2b2;
}
.popup-read-notification .source .label {
  color:#000;
}
.popup-read-notification .link {
  padding:1em 0.5em;
  border-bottom:1px solid #e7e7e7;
}
.popup-read-notification .link a {
  color:#1c94d4;
  text-decoration:underline;
  background:transparent url(../icons/component/bookmarkSmall.gif) top right no-repeat;
  display:block;
  line-height:16px;
}
.popup-read-notification .content-notification {
  margin:1em 0;
}

/***  Admin - ComponentInfo***/
.general-info img.icons-application{
  float:left;
  margin:0 1em 0 0;
}
.general-info img.applicationInfo {
  height:12px;
  vertical-align:baseline;
}
.general-info applicationInfo-resume {
  display: inline-block;
}
.general-info div{
  padding:0.4em 0;
}
.principalContent .inlineMessage {
  margin-left:0;
  margin-right:0;
}
.principalContent  .title-principal {
  padding:0;
  margin:0 0 1em 0;
}
a.navigation-button {
  background: #f4f4f4 linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  border: 1px solid #CCC;
  border-radius: 5px;
  color: #4c4c4c;
  font-size:1em;
  padding: 7px 10px;
}

#backToApplication a.navigation-button,
#goToApplication a.navigation-button {
  display:block;
  text-align:center;
  margin-bottom:0.5em;
}

#infoInstance .inlineMessage {
  text-align:left;
}

#backToApplication a.navigation-button span,
#goToApplication a.navigation-button span {
  background: url("../icons/back.png") no-repeat scroll 0 1px transparent;
  font-weight: bold;
  line-height: 16px;
  padding: 2px 0 2px 24px;
}
#goToApplication a.navigation-button span {
  background: url("../icons/go-to.png") no-repeat scroll 0 1px transparent;
}

/** Generic list of users and groups **/
.select-user-group-container .field {
  margin-bottom: -10px;
}
.select-user-group-container .access-list:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  clear: both;
}

.select-user-group-container .access-list li {
  display: inline-flex;
}

.access-list {
  list-style-type:none;
  margin:0;
  padding:0;
  white-space: nowrap;
}

.access-list li {
  float:left;
  border:1px solid #ccc;
  height:30px;
  line-height:30px;
  margin-right:1em;
  padding:0.25em 3em 0.25em 0.25em;
  margin-bottom:1em;
  position:relative;
  background-color:#F6F6F6;
  vertical-align: middle;
}

.access-list li img{
  vertical-align:middle;
  margin-right:0.25em;
}

.access-list li img.user-avatar{
  border:1px solid #ccc;
  height: 30px;
  width: auto;
}

.access-list li .operation {
  position:absolute;
  right:0.25em;
  top:0.8em;
}

.access-list li:first-child{
  clear:left;
}

.access-list li .user-state {
  padding-left: 0.25em;
  display:inline-block;
}

.fields .buttonPanel {
  width: auto;
  display:inline-block;
  position:absolute;
  right:0;
  top:-38px;
}

.fields .contentWithButtonPanel {
  margin-top: 2px;
}

.fields .explorePanel, .fields .emptyList {
  background: #f4f4f4 linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #4c4c4c;
  font-size: 100%;
  padding: 5px 10px;
  width: auto;
  display: inline-block;
  margin-left: 5px;
}

.fields .explorePanel span, .fields .emptyList span {
  background: transparent url("/silverpeas/util/icons/create-action/add-existing-user.png") 0 0 no-repeat;
  display: inline-block;
  line-height: 23px;
  padding-left: 23px;
}

.fields .emptyList span {
  background: transparent url("/silverpeas/util/icons/trashcan.gif") 0 3px no-repeat;
}

/*responsive design */
@media only screen and (max-width: 800px){
  .rightContent {
    width: 230px;
  }
  .attachments {
    min-width: 230px;
  }
  .header h4 {
    min-width: 210px;
  }
  .rightContent .attachments {
    min-width:auto;
  }
  .principalContent {
    margin-right: 245px;
  }

  #directory .aff_colonnes li {
    float: none;
    width: auto;
  }
  .fields .explorePanel  span, .fields .emptyList span{
    text-indent:-3000px;
  }
  .fields .emptyList {
    right:50px
  }
}

@media only screen and (max-width: 600px){
  .rightContent {
    clear: inherit;
    float: none;
    margin-top: 10px;
    width: auto;
  }

  .rightContent .attachments {
    min-width: auto;
  }

  .principalContent {
    margin-right: 0;
    margin-top: 10px;
  }

  .header h4 {
    min-width: auto;
  }

  #directory .aff_colonnes li {
    float: none;
    width: auto;
  }
}

.flex-container {
  display: flex;
  justify-content: center;
}

/* styles for the Silverpeas logging admin console in the backoffice */
#logging-level label,
#logger-configurations label{
  float:none;
  width:auto
}

#logging-level .champs,
#logger-configurations .champs{
  margin:1em  0 0 0;
}

#choice-record-count,
#btn-show-log-content{
  clear:left;
}

#show-log-content{
  float:right;
}

#log-content{
  width:48%;
  height:auto;
  display:none;
}

#logging-content legend {
  background: transparent url('../icons/publication.png') 11px 0px no-repeat;
}

#logger option.default {
  background-color: transparent;
}

#logger option {
  font-size: inherit;
  background-color: #DDD;
}

.sm-map, .sm-map ul {
  list-style-type: none;
  padding: 0;
  margin: 1em 0 1em 2em;
}

ul.sm-map {
  margin-left: 0;
}

.sm-map > li {
  padding: 0;
  margin: 0 0 2em 1em;
}

.sm-map li.app {
  display: inline-block;
  font-weight:normal;
  margin-right: 2em;
}

.sm-map li.app img {
  margin: 0 0.5em 0 0;
}

.sm-map li.space {
  display: block;
  font-weight: bold;
  margin-top: 2em;
}

.sm-map li.space:before {
  content: '\2022';
  color: #EC8601;
}

/** Taxonomy part **/
#pdcFrame {
  text-align: center;
}

#pdcFrame .pdcFrameGroup {
  margin: 0 auto;
  display: inline-block;
}

#pdcFrame #used_pdc {
  display: inline-block;
}

#pdcFrame #used_pdc .field{
  clear:none;
  display: inline;
}

#pdcFrame #used_pdc .field label{
  width:auto;
  padding: 0 5px;
}

#pdcFrame #used_pdc .field .champs select {
  width: 150px;
}


#pdcFrame #used_pdc .field .champs {
  padding: 0 5px;
  padding-right: 1em;
}

#pdcFrame #used_pdc .field .champs.pdcAxis img{
  display:none;
}

#pdcFrame .pdcFrameGroup .sp_button {
  font-size: 80% !important;
  padding: 3px 5px;
  margin: 2px 0;
}

#pdcFrame .pdcFrameGroup .sp_button.disabled:hover {
  color: #B9B9B9;
  background-color: #EAEAEA;
  cursor: default;
}

#pdcFrame .pdcFrameGroup #razButton {
  margin: 2px 0;
  margin-left: 5px;
  display: inline-block;
}

#pdcFrame .pdcFrameGroup #razButton img {
  vertical-align: middle;
}

.showActionsOnMouseOver .actionShownOnMouseOver {
  display: none;
}

.showActionsOnMouseOver:hover .actionShownOnMouseOver {
  display: block;
}

.admin-user .profile {
  line-height:2em
}

.admin-user .profile .avatar {
  position: absolute;
  display: inline-block;
  float: right;
  padding: 4px;
  border: 1px solid #CCC;
  background-color: #FFF;
  top: -0.3em;
  right: -1em;
}

.admin-user .profile .avatar .operation {
  position:absolute;
  bottom:-1.5em;
  right:-0.5em;
  background-color:#FFF;
  border-radius:4px;
  opacity:0.8;
  padding:2px;
}

.admin-user .profile .personna{
  font-size:2em;
}

.admin-user .profile .lastConnection,
.admin-user .profile .sensitiveData,
.admin-user .profile .tosAcceptanceDate,
.admin-user .profile .access,
.admin-user .profile .email {
  margin-bottom:1em;
}
.admin-user .profile .lastConnection,
.admin-user .profile .sensitiveData,
.admin-user .profile .tosAcceptanceDate {
  font-style:italic;
  color:#666;
  line-height: 1em;
}

.admin-user .profile .img-label {
  margin-right:1em;
}

.admin-user .profile .user-zone-id,
.admin-user .profile .language {
  float:left;
  width:65%;
}

.admin-user .profile .user-zone-id {
  float:left;
  width:35%;
}

.admin-user .profile #profiles-link {
  text-align:left;
  margin-top: 2em;
}

.admin-user .profile #profiles-link > span {
  background-image: url("../../util/icons/characteristic.png");
  background-repeat:no-repeat;
  background-position:7px 7px;
  text-align:left;
  padding-left:34px;
  display:block
}
.admin-user .profile #profiles-link > span > span{
  display:block
}

.admin-user .profile .user-zone-id .img-label{
  width:14px;
}

.admin-user .profile #identity-extra legend {
  background:transparent url("/silverpeas/util/icons/addFiche.png") 9px 0 no-repeat;
}

.admin-user div#pagination {
  padding: 0.5em 0;
  line-height: 1.2em;
  float: right;
}

.admin-user div#pagination img {
  vertical-align: bottom;
}

/*
THESE TWO NEXT CLASSES ARE USED BY RESIZE WINDOW MECHANISM
 */
.popup-compute-settings {
  margin: 0;
  height: auto;
}

.popup-compute-finally {
  margin: 5px;
  height: auto;
}

.attachments-as-content {
  display: flex;
  flex-direction: column;
}

.attachments-as-content .attachment-container {
  margin-bottom: 1em;
}

.attachments-as-content .content {
  text-align: center;
}

.attachments-as-content .simple-text .content {
  text-align: inherit;
  white-space: pre-wrap;
  padding: 10px;
  margin: 0 20px 0 20px;
  border: 2px solid #717171;
}

.attachments-as-content .content img {
  max-width: 100%;
}

/**
 * JSP fragments : confirmation of wysiwyg backup manager
 */

.unvalidated-wysiwyg-content-confirmation div {
  max-height: 300px;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
}

.unvalidated-wysiwyg-content-confirmation span {
  font-weight: bold;
}

.unvalidated-wysiwyg-content-confirmation .help {
  display: none;
}

/**
 * Document Template
 */

.document-template-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  flex-flow: wrap;
}

.document-template-list li {
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 10px;
  margin: 0;
  position: relative;
  text-align: center;
  cursor: pointer;
  display: block;
  max-width: 250px;
}

.document-template-list li a:focus {
  border: 1px dashed blue;
}

.ui-dialog .document-template-list li {
  width: 150px;
}

.document-template-list .title {
  font-weight: bold;
  padding-bottom: 0.5em;
  display: block;
}

.document-template-list .document-template-thumb img {
  width: 100%;
  height: 100%;
}

.document-template-list .preview img {
  width: 100%;
  height: 100%;
}

.document-template-list li .restricted-space-ids.inlineMessage {
  margin: 0.5em 0;
  padding: 0.25em;
  font-size: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.document-template-list li .restricted-space-ids.inlineMessage:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(../icons/lock.gif) no-repeat 0 0;
  vertical-align: top;
  margin-right: 0.25em;
}

.document-template-list li .actions {
  display: block;
  position: absolute;
  bottom: 0;
  right: 10px;
  height: 20px;
  padding: 0;
  z-index: 100;
  width: auto;
}

.document-template-list li .actions a {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-left: 4px;
  z-index: 100;
  text-indent: 300em;
  white-space: nowrap;
  border-radius: 16px;
}

.document-template-list li:hover .preview-button,
.document-template-list li .preview-button:focus {
  background: #FFF url(../icons/preview.png) 2px 4px no-repeat;
}

.document-template-list li:hover .view-button,
.document-template-list li .view-button:focus {
  background: #FFF url(../icons/view.png) 2px 3px no-repeat;
}

.document-template-list li:hover .delete-button,
.document-template-list li .delete-button:focus {
  background: #FFF url(../icons/delete.gif) 0 0 no-repeat;
}

.document-template-form .field {
  margin-top: 5px;
}

.document-template-form .field.languages {
  margin-top: 2px;
}

.document-template-form .languages {
  display: inline-flex;
}

.document-template-form .languages label {
  font-weight: normal;
  width: 30px;
  padding-right: 20px;
}

.document-template-form .languages label::before {
  content: '[';
}

.document-template-form .languages label::after {
  content: ']';
}

.document-template-form .file-upload {
  display: flex;
}

.document-template-form .file-upload > img {
  margin-top: 23px;
}

.document-template-form #scs-popin > a {
  position: relative;
  top: -14px;
}

.document-template-form .legend {
  padding-left: 15px;
  clear: both;
}

/**
 * AngularJS silverpeas-permalink component.
 */

silverpeas-permalink {
  white-space:nowrap;
}

silverpeas-crud silverpeas-permalink {
  white-space:normal;
}

silverpeas-permalink input {
  width: 90%;
  border: 1px solid #cacaca;
  color: #858585;
}

silverpeas-permalink .simple input {
  height:26px;
  width:80%;
}

.sp_button.copy-to-clipboard {
  position: absolute;
}

.sp_button.copy-to-clipboard,
silverpeas-permalink .copy-to-clipboard .sp_button  {
  background:transparent url();
  border-radius: 5px;
  border: 0;
  padding:0;
}

.sp_button.copy-to-clipboard span,
silverpeas-permalink .copy-to-clipboard .sp_button span {
  display:inline-block;
  text-indent:-30em;
  overflow:hidden;
  background:transparent url(../../admin/jsp/icons/icoOutilsClipboard.gif) 0.5em 0 no-repeat;
  width: 16px;
  height: 16px;
  padding-left:0.5em;
  vertical-align: middle;
}

/**
 * AngularJS silverpeas-button component.
 */

silverpeas-button {
  white-space:nowrap;
}

.sp_buttonPane silverpeas-button:last-child .sp_button,
.sp_buttonPane silverpeas-button:last-child button.button{
  margin-right:0;
}

.silverpeas-button.sp_icon,
.operation a {
  display: inline-block;
  margin-left: 6px;
}

/**
 * AngularJS silverpeas-color-picker component.
 */

.silverpeas-color-picker {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 1em;
  margin-bottom: 1em;
  cursor: pointer;
  box-shadow: 0 0 0 1px #bbb;
  border: 2px solid; /*PRINT*/
}

.silverpeas-color-picker.active {
  border: 2px solid #bbb;
  width: 25px;
  height: 25px;
}

@media screen {
  .silverpeas-color-picker {
    border-radius: 0 !important;
    border-color: #fff !important;
  }
}

@media print {
  .silverpeas-color-picker {
    height: 10px;
    border-radius: 5px;
    background-color: #fff !important;
  }

  #gef-tabs, .commentaires #edition-box, .oneComment .action, .sp_buttonPane,
  .rightContent, .cellBrowseBar, .cellOperation, .sp_goToTop {
    display: none;
  }

  .cellBodyWindows, .oneComment pre {
    border-width: 0;
  }
  .principalContent {
    margin-right: 0;
  }
  .principalContent #richContent {
    padding-left: 0;
  }
}

.silverpeas-color-picker-set {
  max-width: 200px;
}

.silverpeas-color-picker-set .silverpeas-color-picker {
  margin: 0.5em;
}

.silverpeas-color-picker-set .silverpeas-color-picker:last-child {
  margin-left: 0.2em;
}

/**
 * AngularJS silverpeas-attendees component.
 */

silverpeas-attendees fieldset.empty {
  min-height: 0;
}

silverpeas-attendees legend {
  background: transparent url(../../util/icons/groups.png) 11px 0px no-repeat;
}

silverpeas-attendee .participation {
  font-size: 100%;
  font-style:italic;
}

silverpeas-attendees .simple-list {
  padding:0 1em;
  margin:1em 0 0 ;
}

silverpeas-attendee span.DECLINED  {
  color:#AAA;
}


silverpeas-attendee .participation .ACCEPTED,
silverpeas-attendee .participation .DECLINED  {
  display:none;
}

silverpeas-attendee .participation > a{
  margin:0 0.25em;
}

silverpeas-attendee .participation img{
  vertical-align:middle;
  width: 14px;
}

.participation .AWAITING {
  background: transparent url(../icons/question_en_cours.gif) 0 0 no-repeat;
  display: inline-block;
  text-indent: -30em;
  overflow: hidden;
  width: 18px;
  height: 16px;
  vertical-align: middle;
}

silverpeas-attendee .presence {
  font-weight: bold;
  font-size: 0.7em;
}

silverpeas-attendee .not-answered {
  opacity: 0.4;
}

silverpeas-attendee .answered {
  cursor: default;
}

/**
 * AngularJS silverpeas-pdc component.
 */

silverpeas-pdc-filter {
  margin: 0 auto;
  display: inline-block;
  padding-top: 3px;
}

silverpeas-pdc-filter .filters {
  display: inline-block;
}

silverpeas-pdc-filter .filters .field {
  clear: none;
  display: inline-block;
  text-align: center;
}

silverpeas-pdc-filter .filters .field .champs select {
  width: 150px;
  border-color: #B9B9B9;
}

silverpeas-pdc-filter .filters .field .champs {
  padding: 0 3px 0 0;
}

silverpeas-pdc-filter .filters .field .champs.pdcAxis img {
  display: none;
}

silverpeas-pdc-filter .sp_button.disabled:hover {
  color: #B9B9B9;
  background-color: #EAEAEA;
  cursor: default;
}

silverpeas-pdc-filter .sp_button:focus,
silverpeas-pdc-filter .sp_button:active {
  color: #AFAFAF;
  background-color: #FFF;
}

silverpeas-pdc-filter .sp_button:focus:hover {
  color: #FFF;
  background-color: #BFBFBF;
}

silverpeas-pdc-filter .sp_button.disabled,
silverpeas-pdc-filter .sp_button.disabled:hover,
silverpeas-pdc-filter .sp_button.disabled:active {
  color: #B9B9B9;
  background-color: #EAEAEA;
  cursor: default;
}

silverpeas-pdc-filter .sp_button,
silverpeas-pdc-filter .sp_button span {
  line-height: inherit;
}

silverpeas-pdc-filter .raz-button .sp_button {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

silverpeas-pdc-filter .raz-button .sp_button img {
  position: relative;
  vertical-align: middle;
  top: -1px;
}

silverpeas-pdc-filter select.no-value {
  color: #888888;
}

silverpeas-pdc-filter select.no-value option {
  color: #000000;
}

silverpeas-pdc-filter select.no-value option.no-value,
silverpeas-pdc-filter option.no-value {
  color: #888888;
}

/**
 * AngularJS silverpeas-contribution-reminder component.
 */

silverpeas-contribution-reminder silverpeas-contribution-reminder-datetime-item,
silverpeas-contribution-reminder silverpeas-contribution-reminder-duration-item {
  display: inline-flex;
}

silverpeas-contribution-reminder div.actions {
  margin-left: 5px;
}

silverpeas-contribution-reminder a.add-action {
  color: #1c94d4;
  text-decoration: underline;
  font-weight: normal;
}
.maintenanceOn {
  text-align:center;
  line-height:1.4em;
  background-color:#e6e6e6
}
.maintenanceOn .userzoom-tooltip {
  text-align: left;
}
.maintenanceOn h2 {
  font-size:1.4em;
}
.maintenanceOn .content {
  border:6px solid #d1d1d1;
  border-radius:12px;
  background:#FFF url(../../admin/jsp/icons/maintenance.png) bottom left no-repeat;
  width:500px;
  margin:100px auto 0;
  padding:1em 1em 120px 1em;
  line-height:2.4em;
}
.maintenanceOn .administrator {
  border:1px solid #ccc;
  background-color:#f2f2f2;
  display:inline-block;
  margin:1em 0.5em;
  padding: 0.5em 1em;
}

/**
 * VueJS components.
 */

.silverpeas-disabled {
  pointer-events: none;
  opacity: 0.4;
}

.silverpeas-form-pane .legend{
  clear: both;
  display: block;
}

input.dateToPick,
.ui-dialog .champ-ui-dialog input.dateToPick {
  width:68px;
  margin:0;
}

.fast-fade-enter-active, .fast-fade-leave-active {
  transition: opacity 0.25s;
}

.normal-fade-enter-active, .normal-fade-leave-active {
  transition: opacity 0.5s;
}

.long-fade-enter-active, .long-fade-leave-active {
  transition: opacity 1s;
}

.fast-fade-leave, .fast-fade-enter-to,
.normal-fade-leave, .normal-fade-enter-to,
.long-fade-leave, .long-fade-enter-to {
  opacity: 1;
}

.fast-fade-enter-from, .fast-fade-leave-to,
.normal-fade-enter-from, .normal-fade-leave-to,
.long-fade-enter-from, .long-fade-leave-to {
  opacity: 0;
}

.fast-bottomTop-slide-enter-from, .fast-bottomTop-slide-leave-to,
.normal-bottomTop-slide-enter-from, .normal-bottomTop-slide-leave-to,
.long-bottomTop-slide-enter-from, .long-bottomTop-slide-leave-to {
  transform: translateY(100%);
}

.fast-leftRight-slide-enter-from, .fast-leftRight-slide-leave-to,
.normal-leftRight-slide-enter-from, .normal-leftRight-slide-leave-to,
.long-leftRight-slide-enter-from, .long-leftRight-slide-leave-to {
  transform: translate(-100%, 100%);
}

.fast-leftRight-slide-move,
.fast-bottomTop-slide-move,
.fast-bottomTop-slide-enter-active, .fast-bottomTop-slide-leave-active,
.fast-leftRight-slide-enter-active, .fast-leftRight-slide-leave-active{
  transition: all 0.25s ease-out;
}

.normal-leftRight-slide-move,
.normal-bottomTop-slide-move,
.normal-bottomTop-slide-enter-active, .normal-bottomTop-slide-leave-active,
.normal-leftRight-slide-enter-active, .normal-leftRight-slide-leave-active {
  transition: all 0.5s ease-out;
}

.long-leftRight-slide-move,
.long-bottomTop-slide-move,
.long-bottomTop-slide-enter-active, .long-bottomTop-slide-leave-active,
.long-leftRight-slide-enter-active, .long-leftRight-slide-leave-active {
  transition: all 1s ease-out;
}

.fast-bottomTop-slide-leave-active,
.normal-bottomTop-slide-leave-active,
.long-bottomTop-slide-leave-active,
.fast-leftRight-slide-leave-active,
.normal-leftRight-slide-leave-active,
.long-leftRight-slide-leave-active {
  position: absolute;
}

.silverpeas-attached-popin {
  position: absolute;
  width: auto;
  height: auto;
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
  vertical-align: middle;
}

.silverpeas-attached-popin .silverpeas-attached-popin-content {
  overflow-x: hidden;
  overflow-y: auto;
}

/************ Variables ******************/
.variables_admin .variable-nb-values {
  text-align: center;
}

.variables_admin .edit-variable,
.variable_admin .edit-value {
  margin-right: 10px;
}

/************ Basket Selection ******************/
.add-to-basket-selection {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 28px;
  height: 18px;
}

/************ Form Field templateDesigner */
#popupHelperContainer .txtlibform {
  width: 110px;
  height: 20px;
}

/************ User profile information  */
#identity-profil .email {
  position:relative;
}
#identity-profil .email img.sensitive_no_active {
  position: absolute;
  top: 0;
  left: 12px;
}

#identity-extra label .sensitive_no_active {
  margin: -1em 0 0 -0.25em;
}