/*
 * 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:
 * "http://www.silverpeas.org/docs/core/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/>.
 */

/*** home  ***/
.quickInfo-description {
  border-left:var(--border-left-size-description) solid var(--border-left-color-description);
  color:var(--color-text-description);
  padding: 0.5em 0.5em 0.5em var(--padding-left-description);
  max-height:var(--max-height-intro);
  overflow: hidden;
}

.inlineMessage.forContributor {
  float: right;
  margin: 1em 2% 1em 0;
  padding: 1em 0;
  width: 59%
}

#list-news {
  list-style-type: none;
  padding: 0;
  margin: 1em 0 0;
  float: right;
  padding-right: 3%;
  width: 59%;
}

#list-news.reader {
  float: none;
  padding-right: 0;
  width: 100%;
}

#list-news li {
  padding: 0;
  margin: 0 0 2em 0;
  position: relative;
}

#list-news .news-illustration {
  width: 100px;
  float: left;
  margin: 0 1em 0.5em 0;
}

#list-news .news-title {
  font-size:var(--font-size-titre);
  font-weight:var(--font-weight-titre);
  line-height: 110%;
  margin: 0 0 0.25em 0;
  padding: 0;
}

#list-news .news-title a {
  font-size: 100%;
  color:var(--color-text);
}

#list-news .news-title a:hover {
  color:var(--color-lien-action);
}

#list-news .news-teasing {
  line-height: 100%;
  color:var(--color-text-second-niveau);
  margin: 0 0 0.5em 0;
  padding: 0;
}

#list-news .news-info-fonctionality {
  background-color:var(--bgColor-zone-filtre);
  border-top: 1px solid var(--border-color-zone-filtre);
  border-bottom: 1px solid var(--border-color-zone-filtre);
  clear: left;
  padding:0.25em;
  color:var(--color-text);
  font-size: 0.9em;
  position: relative;
  height: auto;
}

#list-news .news-info-fonctionality .operation a {
  margin-left: 0.5em;
}

#list-news .news-nb-comments img {
  border: 0;
  vertical-align: text-top;
}


#list-news .news-broadcast {
  margin-left: 0.5em;
}

#list-news .news-broadcast span {
  background-color: #ec9c01;
  border: 1px solid #ec9c01;
  border-radius: 3px;
  color: #FFFFFF;
  display: inline-block;
  line-height: 1em;
  margin: 0 0.25em 0.15em 0;
  padding: 0.20em 0.5em;
  position: relative;
  z-index: 10;
}

#list-news .news-broadcast span.news-broadcast-important {
  text-indent: -3000px;
  background: #EC9C01 url("../icons/important.png") 0.5em 0.20em no-repeat;
  width: 10px;
}

#list-news .news-broadcast span.news-delegated {
  padding-left: 20px;
  border: 1px solid #1c94d4;
  background: #1c94d4 url("../icons/home.png") 5px 3px no-repeat;
}

#list-news .news-info-fonctionality .operation {
  position: absolute;
  top:calc( 50% - 11px);
  right: 0.5em;
}

#list-news .news-nb-attached-files img {
  vertical-align: text-top;
}

#list-news .news-nb-attached-files {
  color:var(--color-text);
}

#illustration img {
  width: 310px;
  margin-bottom: 1em;
  border-radius: 12px;
}

#commentInfo a {
  background: transparent url(/silverpeas/util/icons/talk2user.gif) 0 0 no-repeat;
  padding-left: 20px;
}

#permalinkInfo input {
  width: 92%;
}

fieldset#infoFieldset legend {
  background: transparent url(../../../util/icons/component/quickinfoSmall.gif) 11px 0px no-repeat;
}

fieldset#datesFieldset legend {
  background: transparent url(../../../util/icons/calendar_1.png) 11px 0px no-repeat;
}

fieldset#news-thumbnail legend {
  background: url("../../../util/icons/images.png") no-repeat scroll 11px 0 rgba(0, 0, 0, 0);
}

#nameArea,
#descriptionArea,
#keywordsArea,
#contentArea,
#broadcastArea,
#BeginDateArea,
#EndDateArea,
#thumb {
  width:100%;
}

#my-quickInfo {
  float: right;
  margin-left: 3%;
  margin-right: 2%;
  padding-top: 1em;
  width: 33%;
}

#my-quickInfo .header h3 {
  font-size:var(--font-size-titre);
  font-weight:var(--font-weight-titre);
  line-height: 90%;
  margin: 2em 0 1em;
  padding: 0;
}

#my-quickInfo .header h3 strong {
  color:var(--color-titre-avec-deux-couleurs);
  display: block;
  font-size: 90%;
  font-weight: 400;
}

#my-quickInfo ul {
  list-style-image: url("/silverpeas/util/icons/bullet.png");
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#my-quickInfo ul li {
  margin: 0 0 1em 1em;
  padding: 0;
}

#my-quickInfo ul li a {
  display: block;
}

#my-quickInfo ul li .date {
  font-size:1em;
  color:var(--color-text-date);
  display: block;
}

#my-quickInfo #menubar-creation-actions {
  margin-top: 0;
}

.quickInfo .publiDesc {
  border-left: var(--border-left-size-description) solid var(--border-left-color-description);
  color:var(--color-text-description);
  padding: 0.5em 0.5em 0.5em var(--padding-left-description);
}

.txt-no-content {
  color:var(--color-text-second-niveau);
  font-style: italic;
  font-size:1em;
}

.rightContent #pagination {
  padding: 0.83em 0;
  line-height: 1.2em;
  float: right;
}

.rightContent #pagination img {
  vertical-align: bottom;
}

.rightContent #actualityInfoPublication {
  clear: right;
}

/*************** ALERTE *******************/
.alert-quickInfo {
  background-color: #fbf7aa;
  position: relative;
}

.alert-quickInfo #header .logo {
  background-color: #fff;
  border: 8px solid #f9e98e;
  border-radius: 0 0 16px 16px;
  border-top: 0;
  left: 1em;
  padding: 8px 32px 16px;
  position: fixed;
  right: 1em;
  top: 0;
}

.alert-quickInfo .content-alert-quickInfo {
  background-color: #FFF;
  border-top: 8px solid #f9e98e;
  border-bottom: 8px solid #f9e98e;
  margin-top: 150px;
  padding: 1em;
  height: 337px;
  overflow: auto;
}

.alert-quickInfo .titre {
  color: #f9e98e;
  display: inline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  right: 0.5em;
  text-align: left;
  top: -40px;
  margin: 0;
  padding: 0;
}

.alert-quickInfo .actuality-title {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  text-align: left;
  margin: 0;
  padding: 0;
}

.alert-quickInfo #richContent {
  padding: 0;
}

.alert-quickInfo .attachments.bgDegradeGris {
  padding: 0;
  background: none;
  min-width: inherit;
  border: 0;
}

.alert-quickInfo .attachments .header {
  display: none;
}

.alert-quickInfo .attachments ul {
  margin: 0;
}

.alert-quickInfo .attachmentList li.attachmentListItem {
  padding-left: 0;
}

.alert-quickInfo .attachmentList li.attachmentListItem .fileName {
  display: none;
}

.alert-quickInfo .validate-actuality {
  border-radius: 12px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px 8px 16px;
  margin: 1em 1em 0 0;
  float: right;
  display: inline-block;
  border: 1px solid #ec8001;
  background:linear-gradient(180deg, #ec9c01 0%, #db7700 100%);
}

.alert-quickInfo .validate-actuality span {
  background: transparent url("../../../util/icons/arrow/arrowRightWhite.png") right 6px no-repeat;
  padding-right: 24px;
  color: #FFF;
}

.alert-quickInfo #illustration img {
  max-width: 310px;
  max-height: 282px;
  width: auto;
}

#list-news .operation .add-to-basket-selection {
  position: relative;
  right: 0;
  top: 0;
  width: 28px;
  height: 18px;
  display: inline-block;
}

/* PRESENTATION DES ACTU EN MODE LECTEUR */
#list-news-lecteur-view {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: initial;
  align-content: flex-start;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#list-news-lecteur-view li {
  float: left;
  flex-grow: 1;
  flex-basis: 320px;
  max-width: 400px;
  background:var(--bgColor-bloc-fond-clair);
  margin: 0 2em 2em 0;
  padding: 2em 2em 0 2em;
  height: auto;
  position: relative;
  cursor: pointer;
}

#list-news-lecteur-view li .visuel-container {
  width: 100%;
  max-height: 60%;
  overflow: hidden;
  border: 1px solid #FFF;
}

#list-news-lecteur-view li .visuel-container img {
  width: 100%;
}

#list-news-lecteur-view li h3 {
  text-align: center;
  padding: 0;
  margin: 1em 0 0.5em 0;
}

#list-news-lecteur-view li .news-teasing {
  color:var(--color-text-second-niveau);
  text-align: justify;
  padding: 0 0 1em 0;
  margin: 0.5em 0;
}

#list-news-lecteur-view li .creationInfo {
  position: absolute;
  left: 1.3em;
  top: 3em;
  background: transparent url(../icons/bg_date.png) 0 0 no-repeat;
  height: 29px;
  width: 76px;
  line-height: 20px;
  padding-left: 12px;
  color: #FFF;
}

#list-news-lecteur-view li .news-broadcast {
  position: absolute;
  right: 1.4em;
  top: 1.5em;
  background-color: #ec9c01;
  border-radius: 10px;
  width: 20px;
  height: 20px;
}

#list-news-lecteur-view li .news-broadcast span {
  text-indent: -4000em;
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(../icons/important.png) center 4px no-repeat;
}

#list-news-lecteur-view li .news-nb-attached-files-and-comments {
  position: absolute;
  right: 1em;
  bottom: 1em;
}

#list-news-lecteur-view li .news-nb-attached-files-and-comments > div {
  float: left;
}

#list-news-lecteur-view li .news-nb-attached-files-and-comments > div:nth-child(2) {
  margin-left: 1em;
}

#list-news-lecteur-view .add-to-basket-selection {
  padding: 0.5em;
  background-color: #FFF;
  border-radius: 5px;
}