/*
 * Copyright (C) 2000 - 2022 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 <http://www.gnu.org/licenses/>.
 */

/* Globals */
/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
  font-size: 100%;
  height: 100%;
}

body.ui-panel-wrapper {
  padding: 44px 0;
  margin: 0;
  background-color: #ececec;
}

body, input, select, textarea, button, .ui-btn {
  font-size: 10pt;
  line-height: 1em;
  font-family: Open Sans, sans-serif
}

legend, .ui-input-text input, .ui-input-search input {
  color: inherit;
}

/* Form labels (overrides font-weight bold in bars, and mini font-size) */
.ui-mobile label, div.ui-controlgroup-label {
  font-weight: normal;
  font-size: 16px;
}

/* Separators
-----------------------------------------------------------------------------------------------------------*/
/* Field contain separator (< 28em) */
.ui-field-contain {
  border-bottom-color: #828282;
  border-bottom-color: rgba(0, 0, 0, .15);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/* Table opt-in classes: strokes between each row, and alternating row stripes */
/* Classes table-stroke and table-stripe are deprecated in 1.4. */
.table-stroke thead th, .table-stripe thead th, .table-stripe tbody tr:last-child {
  border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.table-stroke tbody th, .table-stroke tbody td {
  border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.table-stripe.table-stroke tbody tr:last-child th, .table-stripe.table-stroke tbody tr:last-child td {
  border-bottom: 0;
}

.table-stripe tbody tr:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th {
  background-color: #eeeeee; /* non-RGBA fallback  */
  background-color: rgba(0, 0, 0, .04);
}

/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn, label.ui-btn {
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
}

.ui-btn:link {
  text-decoration: none !important;
}

.ui-btn-active {
  cursor: pointer;
}

/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all {
  -webkit-border-radius: 0.4em /*{global-radii-blocks}*/;
  border-radius: 0.4em /*{global-radii-blocks}*/;
}

/* Buttons */
.ui-btn-corner-all, .ui-btn.ui-corner-all, /* Slider track */
.ui-slider-track.ui-corner-all, /* Flipswitch */
.ui-flipswitch.ui-corner-all,
  /* Count bubble */
.ui-li-count {
  -webkit-border-radius: 0.4em /*{global-radii-buttons}*/;
  border-radius: 0.4em /*{global-radii-buttons}*/;
}

/* Icon-only buttons */
.ui-btn-icon-notext.ui-btn-corner-all, .ui-btn-icon-notext.ui-corner-all {
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all, .ui-corner-all {
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
  left: 0.4em /*{global-radii-blocks}*/;
  right: 0.4em /*{global-radii-blocks}*/;
  top: 0.4em /*{global-radii-blocks}*/;
  bottom: 0.4em /*{global-radii-blocks}*/;
}

/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
  -webkit-box-shadow: 0 1px 0 /*{global-box-shadow-size}*/ rgba(255, 255, 255, 0.2) /*{global-box-shadow-color}*/;
  -moz-box-shadow: 0 1px 0 /*{global-box-shadow-size}*/ rgba(255, 255, 255, 0.2) /*{global-box-shadow-color}*/;
  box-shadow: 0 1px 0 /*{global-box-shadow-size}*/ rgba(255, 255, 255, 0.2) /*{global-box-shadow-color}*/;
}

.ui-shadow-inset {
  -webkit-box-shadow: inset 0 1px 0 /*{global-box-shadow-size}*/ rgba(255, 255, 255, 0.2) /*{global-box-shadow-color}*/;
  -moz-box-shadow: inset 0 1px 0 /*{global-box-shadow-size}*/ rgba(255, 255, 255, 0.2) /*{global-box-shadow-color}*/;
  box-shadow: inset 0 1px 0 /*{global-box-shadow-size}*/ rgba(255, 255, 255, 0.2) /*{global-box-shadow-color}*/;
}

.ui-overlay-shadow {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
  box-shadow: 0 0 12px rgba(0, 0, 0, .6);
}

/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
  background: transparent url(packImagesNavigation.png) right -963px;
  content: " ";
}

/* Alt icons */
.ui-alt-icon.ui-btn:after, .ui-alt-icon .ui-btn:after, html .ui-alt-icon.ui-checkbox-off:after, html .ui-alt-icon.ui-radio-off:after, html .ui-alt-icon .ui-checkbox-off:after, html .ui-alt-icon .ui-radio-off:after {
  background-color: #313131 /*{global-icon-color}*/;
  background-color: rgba(0, 0, 0, .15);
}

/* No disc */
.ui-nodisc-icon.ui-btn:after, .ui-nodisc-icon .ui-btn:after {
  background-color: transparent;
}

/* Icon shadow */
.ui-shadow-icon.ui-btn:after, .ui-shadow-icon .ui-btn:after {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4)
  /*{global-icon-shadow}*/;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4)
  /*{global-icon-shadow}*/;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) /*{global-icon-shadow}*/;
}

/* Checkbox and radio */
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after {
  display: block;
  width: 18px;
  height: 18px;
  margin: -9px 2px 0 2px;
}

.ui-checkbox-off:after, .ui-btn.ui-radio-off:after {
  filter: Alpha(Opacity=30);
  opacity: .3;
}

.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after {
  -webkit-border-radius: .1875em;
  border-radius: .1875em;
}

.ui-radio .ui-btn.ui-radio-on:after {
  background-image: none;
  background-color: #fff;
  width: 8px;
  height: 8px;
  border-width: 5px;
  border-style: solid;
}

.ui-alt-icon.ui-btn.ui-radio-on:after, .ui-alt-icon .ui-btn.ui-radio-on:after {
  background-color: #000;
}

/* Loader */
.ui-icon-loading {
  background: url("images/ajax-loader.gif");
  background-size: 2.875em 2.875em;
}

/* Swatches */
/* A
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
  background-color: #313131 /*{a-bar-background-color}*/;
  border-color: #000000 /*{a-bar-border}*/;
  color: #fffff /*{a-bar-color}*/;
  font-weight: bold;
}

.ui-bar-a {
  border-width: 1px;
  border-style: solid;
}

/* Page and overlay */
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
  background-color: #ececec /*{a-page-background-color}*/;
  border-color: #bbbbbb /*{a-page-border}*/;
  color: #333 /*{a-page-color}*/;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
  background-color: #ececec /*{a-body-background-color}*/;
  border-color: #dddddd /*{a-body-border}*/;
  color: #333333 /*{a-body-color}*/;
 }

.ui-page-theme-a .ui-body-inherit.filter-contacts {
  background-color: #FFF;
  background-image: url(packPictos.png);
  background-position: 5px -577px;
  background-repeat: no-repeat;
  width: 92%;
  padding-left: 2em;
}

.ui-page-theme-a textarea.ui-body-inherit {
  background-color: #fff /*{a-body-background-color}*/;
}

/* Links */
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
  color: #3388cc /*{a-link-color}*/;
  font-weight: normal;
}

.ui-page-theme-a a:active, html .ui-bar-a a:active, html .ui-body-a a:active, html body .ui-group-theme-a a:active {
  color: #005599 /*{a-link-active}*/;
}

/* Button up */
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a,
  /* Button visited */
.ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
  background-color: #f6f6f6 /*{a-bup-background-color}*/;
  border-color: #dddddd /*{a-bup-border}*/;
  color: #333333 /*{a-bup-color}*/;
 }

/* Button up */
html .ui-header .ui-btn {
  background-color: #2c2c2c;
  background: linear-gradient(#4c4c4c, #2c2c2c) repeat scroll 0 0 #2c2c2c;
  border-color: #090909 /*{a-bup-border}*/;
  color: #FFF /*{a-bup-color}*/;
  text-shadow: 0 1px 0 #000;
}

html .ui-header .ui-btn:hover {
  background-color: #4c4c4c;
  background: linear-gradient(#2c2c2c, #4c4c4c) repeat scroll 0 0 #4c4c4c;
  border-color: #090909 /*{a-bup-border}*/;
  color: #FFF /*{a-bup-color}*/;
  text-shadow: 0 1px 0 #000;
}

html .ui-controlgroup-controls .ui-btn-up-c {
  background-color: #EEEEEE
  background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
}

.ui-controlgroup, fieldset.ui-controlgroup {
  text-align: center;
}

/* Button down */
.ui-page-theme-a .ui-btn:active, html .ui-bar-a .ui-btn:active, html .ui-body-a .ui-btn:active, html body .ui-group-theme-a .ui-btn:active, html head + body .ui-btn.ui-btn-a:active, html .ui-controlgroup-controls .ui-btn-up-c.ui-btn-active {
  background-image: none;
  background-color: #e8e8e8 /*{a-bdown-background-color}*/;
  border-color: #dddddd /*{a-bdown-border}*/;
  color: #333333 /*{a-bdown-color}*/;
 }

/* Active button */
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active,
  /* Active checkbox icon */
.ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after,
  /* Active flipswitch background */
.ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
  /* Active slider track */
.ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
  background-color: #7eb73b /*{a-active-background-color}*/;
  border-color: #70a72e /*{a-active-border}*/;
  color: #ffffff /*{a-active-color}*/;
}

/* Active radio button icon */
.ui-page-theme-a .ui-radio-on:after, html .ui-bar-a .ui-radio-on:after, html .ui-body-a .ui-radio-on:after, html body .ui-group-theme-a .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-a:after {
  border-color: #7eb73b /*{a-active-background-color}*/;
}

/* Focus */
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus,
  /* Focus buttons and text inputs with div wrap */
.ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus {
  -webkit-box-shadow: 0 0 12px #7eb73b /*{a-active-background-color}*/;
  -moz-box-shadow: 0 0 12px #7eb73b /*{a-active-background-color}*/;
  box-shadow: 0 0 12px #7eb73b /*{a-active-background-color}*/;
}

/* Structure */
/* Disabled
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
.ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled {
  filter: Alpha(Opacity=30);
  opacity: .3;
  cursor: default !important;
  pointer-events: none;
}

/* Focus state outline
-----------------------------------------------------------------------------------------------------------*/
.ui-btn:focus, .ui-btn.ui-focus {
  outline: 0;
}

/* Unset box-shadow in browsers that don't do it right */
.ui-noboxshadow .ui-shadow, .ui-noboxshadow .ui-shadow-inset, .ui-noboxshadow .ui-overlay-shadow, .ui-noboxshadow .ui-shadow-icon.ui-btn:after, .ui-noboxshadow .ui-shadow-icon .ui-btn:after, .ui-noboxshadow .ui-focus, .ui-noboxshadow .ui-btn:focus, .ui-noboxshadow input:focus, .ui-noboxshadow .ui-panel {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.ui-noboxshadow .ui-btn:focus, .ui-noboxshadow .ui-focus {
  outline-width: 1px;
  outline-style: auto;
}

.last-event-bloc h3.title-bloc-part{
	position:relative;
}
.last-event-bloc h3.title-bloc-part::after{
	content:'';
	display:block;
	width:16px;
	height:16px;
	background-image: url(packImagesNavigation.png);
	background-position:-28px -2174px;
    background-repeat: no-repeat;
	position:absolute;
	top:0;
	right:1.25em;
}

.last-event-bloc .ui-listview .date {
	float:right;
	font-size:0.95em;
}

.last-event-bloc .ui-listview a{
	font-size:0.95em;
}
.ui-listview li {
  font-size: 0.95em;
}

.ui-listview > li:nth-child(odd) a, .list-contacts > li:nth-child(odd), .list-notifications > li:nth-child(odd), .list-resources > li:nth-child(odd) {
  background-color: #fff;
}

.ui-listview > li:nth-child(even) a, .list-contacts > li:nth-child(even), .list-notifications > li:nth-child(even), .list-resources > li:nth-child(even) {
  background-color: #f6f6f6;
}

.ui-listview li:last-child a {
  border-bottom-width: 1px;
}

.ui-page-theme-a .ui-btn.silverpeas-navmenu-link {
  background-color: #313131 /*{a-bup-background-color}*/;
  border-color: #313131 /*{a-bup-border}*/;
  color: #313131 /*{a-bup-color}*/;
  text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #313131 /*{a-bup-shadow-color}*/;
}

/* GENERAL */
.ui-header .ui-title, .ui-footer .ui-title {
  font-weight: normal;
}

#header,
#navigation-footer {
  background-color: #333;
  height: 46px;
  border-bottom: 2px solid #151515;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

#navigation-footer {
  bottom: 0;
  top: auto;
  display: flex;
}

#navigation-footer a {
  bottom: 0;
  top: auto;
  flex: 1;
  text-indent: -300em;
  border-left: 1px solid #151515;
  border-right: 1px solid #444444;
}

#navigation-footer .btn-list-navigation {
  background: transparent url(packImagesNavigation.png) center -640px no-repeat;
}

#navigation-footer .btn-find-contact {
  background: transparent url(packImagesNavigation.png) center -709px no-repeat;
}

#navigation-footer .btn-update-tchat {
  background: transparent url(packImagesNavigation.png) center -771px no-repeat;
}

#navigation-footer .btn-list-task {
  background: transparent url(packImagesNavigation.png) center -835px no-repeat;
}

#navigation-footer .btn-list-favoris {
  background: transparent url(packImagesNavigation.png) center -892px no-repeat;
}

#header h1 {
  color: #fff;
  font-size: 0.8em;
  font-weight: normal;
  left: 60px;
  line-height: 44px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 94px;
  top: 1px;
  height: 44px;
  text-shadow: 0 1px 0 #000;
}

.ui-icon-bars:after {
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 14px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}

.ui-icon-bars {
  border-right: 2px solid #151515;
  width: 44px;
  height: 44px;
  padding: 0;
  text-indent: -9999px;
  display: block;
  position: relative;
}

.ui-btn-right.back {
  background: #4c4c4c url(bg-degrade.png) bottom center repeat-x;
  color: #FFF;
  text-shadow: 0 1px 0 #000;
  border: 1px solid #000;
  height: 28px;
  line-height: 28px;
  padding: 0 1em;
  font-size: 0.8em;
}

/* HOME */
.ui-panel-wrapper {
  background-color: #ececec;
}

.ui-page-content {
  padding: 0;
}

#menu-principal {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu-principal li {
  margin: 0;
  padding: 0;
  background: #f3f3f3 url(bg-degrade-gris-clair.png) repeat-x;
  float: left;
  width: 50%;
  height: 88px;
  border-bottom: 1px solid #d1d1d1;
}

#menu-principal li:hover {
  background: #f3f3f3 url() repeat-x;
}

#menu-principal li a {
  display: block;
  height: 56px;
  padding: 33px 0 0 64px;
  color: #777;
  text-decoration: none;
  line-height: 90%;
}

.bloc .ui-title {
  text-transform: uppercase;
  color: #686868;
  font-weight: normal;
  padding: 0.5em 1em 0 1em;
  font-size: 0.8em;
}

.favoris-bloc a {
  padding-left: 2.5em;
  font-size: 0.95em;
  background: transparent url(packImagesNavigation.png) 0.5em -1186px no-repeat;
}

.racourcis-bloc a {
  padding-left: 2.5em;
  font-size: 0.95em;
}

.racourcis-bloc img {
  max-width: 25px;
  float: left;
}

.last-publication-bloc li a {
  padding-left: 4em;
  font-size: 0.95em;
}

.last-publication-bloc li a .date {
  position: absolute;
  top: 1em;
  left: 0.5em;
  font-size: 0.85em;
  color: #b3b2b2;
}

.last-publication-bloc .ui-listview li .ui-btn {
  text-overflow: initial;
  overflow: auto;
  white-space: inherit;
}

.carroussel-news {
  padding: 1em 0.75em 1em 0.5em;
  margin: 0;
  list-style-type: none;
  min-height: 1em;
}

.carroussel-news li > a:first-child {
  float: left;
  max-width: 40%;
  display: flex;
}

.carroussel-news li {
  height: 90px;
  position: relative;
}

.carroussel-news img {
  max-width: 120px;
  max-height: 90px;
  margin-right: 1em;
}

.carroussel-news .caption {
  height: 5em;
  overflow: hidden;
  padding-right: 2em;
}

.carroussel-news h2 {
  font-size: 0.75em;
  padding: 0;
  margin: 0 0 0.25em 0;
}

.carroussel-news h2 a {
  font-size: 1em;
  color: #333;
  text-decoration: none;
}

.carroussel-news p {
  font-size: 0.75em;
  line-height: 1em;
  color: #666666;
  padding: 0;
  margin: 0;
}

.carroussel-news .nbIndication {
  position: absolute;
  bottom: -0.7em;
  right: 0.5em;
  font-size: 0.85em;
}

.carroussel-news .nbIndication span {
  color: #1c94d4
}

/***** MENU****/
#silverpeas-navmenu-panel {
  padding: 0;
  color: #333333;
  background-color: #f4f4f4;
  position: fixed;
  font-size: 0.8em;
}

#silverpeas-navmenu-panel .ui-panel-inner {
  padding: 0;
}

#silverpeas-navmenu-panel #user {
  margin-top: 54px;
  padding: 0 1em 1em;
}

#silverpeas-navmenu-panel #user img {
  float: left;
  width: 30px;
  vertical-align: middle;
  margin-right: 0.25em;
  border-radius: 30px;
  margin-right: 0.5em;
  border: 1px solid #9d9c9c;
}

#silverpeas-navmenu-panel #user .statut {
  font-style: italic;
  color: #9d9c9c;
}

#silverpeas-navmenu-panel #user .edit-my-statut {
  display: inline-block;
  text-indent: -3000px;
  background: transparent url(packPictos.png) 4px 0 no-repeat;
  width: 20px;
}

#silverpeas-navmenu-panel #navmenu-panel {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#silverpeas-navmenu-panel #navmenu-panel li {
  padding: 0;
  margin: 0;
}

#silverpeas-navmenu-panel #navmenu-panel li a {
  text-decoration: none;
  color: #333333;
  display: block;
  padding: 0.5em 0 0.5em 32px;
  font-size: 0.9em;
  line-height: 1.6em;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-config a {
  background: transparent url(packPictos.png) 8px -520px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-tasks a {
  background: transparent url(packPictos.png) 8px -394px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-help a {
  background: transparent url(packPictos.png) 8px -134px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-notificationsbox a {
  background: transparent url(packPictos.png) 8px -515px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-parameter a {
  background: transparent url(packPictos.png) 8px -98px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-home a {
  background: transparent url(packPictos.png) 8px -25px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-logout a {
  background: transparent url(packPictos.png) 8px -63px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-tchat a {
  background: transparent url(packPictos.png) 8px -276px no-repeat;
}

#silverpeas-navmenu-panel #navmenu-panel li#menu-usercalendar a {
  background: transparent url(packImagesNavigation.png) -20px -2171px no-repeat;
}

#menu-principal li a strong {
  color: #333333;
}

#btn-find-document a {
  background: transparent url(packImage.png) 20px 20px no-repeat;
  border-right: 1px solid #d1d1d1;
}

#btn-find-media a {
  background: transparent url(packImage.png) 10px -124px no-repeat;
}

#btn-find-contact a {
  background: transparent url(packImage.png) 20px -274px no-repeat;
  border-right: 1px solid #d1d1d1;
}

#btn-update-tchat a {
  background: transparent url(packImage.png) 20px -419px no-repeat;
}

/***** NAVIGATION ****/

.folder-ged a, .folder-galery a, .publication a, .media a, .trash a, .add-media a, .app-actuality a,
.publication.ui-input-text, .app-blog a, .app-pageWeb a, .app-workflow a, .app-link a, .app-almanach a, .app-formsOnline a, .app-classifieds a, .app-survey a, .app-faq a, .app-polling a, .app-resourcesManager a {
  background-image: url(packImagesNavigation.png);
  background-position: 0.5625em 0.5625em;
  background-repeat: no-repeat;
  padding-left: 2.056em
}

.add-media,
.add-task {
  background-color: #FDF4EF;
  border-bottom: 1px solid #EDBCBB;
  border-top: 1px solid #EDBCBB;
}

.ui-listview > li.add-media a,
.ui-listview > li.add-task a {
  background: #FDF4EF none;
  padding-left: 1em
}

.ui-listview > li.add-media a::after,
.ui-listview > li.add-task a::after {
  background-position: right -599px;
  width: 3em;
}

.publication.ui-input-text {
  background-position: 0.5625em 0.3em;
}

.app-formsOnline a {
  background-position: 0.65em -2208px;
}

.app-almanach a {
  background-position: -20px -2167px;
}

.app-link a {
  background-position: 0.65em -1684px;
}

.app-actuality a {
  background-position: 0.5em -1026px;
}

.folder-ged a {
  background-position: 0.5em 0.5em;
}

.app-pageWeb a {
  background-position: 0.7em -1395px;
}

.app-blog a {
  background-position: 0.65em -1509px;
}

.app-classifieds a {
  background-position: 0.65em -2240px;
}

.app-survey a {
  background-position: 0.65em -2270px;
}

.app-polling a {
  background-position: 0.65em -2330px;
}

.app-faq a {
  background-position: 0.65em -2300px;
}

.app-workflow a {
  background-position: 0.65em -1595px;
}

.app-resourcesManager a {
  background-position: 0.65em -2360px;
}

.folder-galery a {
  background-position: 0.5em -95px;
}

.publication a {
  background-position: 0.5em -190px;
}

.trash a {
  background-position: 0.5em -495px;
}

.media a {
  background-position: 0.5em -287px;
}

.media-thumb:first-child {
  clear: left;
}

.ui-listview .media-thumb {
  width: 70px;
  border: 1px solid #ccc;
  float: left;
  margin: 8px 0 0 8px;
}

.media-thumb .ui-thumb {
  width: 64px;
  height: 94px;
  overflow: hidden;
  display: block;
  border: 3px solid #FFF;
}

.media-thumb .ui-thumb img {
  min-width: 64px;
  max-height: 75px;
  max-width: 75px;
  min-height: 64px;
  height: auto;
}

.media-thumb .ui-thumb span {
  font-size: 0.6em;
  height: 2.4em;
  display: inline-block;
  overflow: hidden;
}

.info-nb-sous-elmt {
  color: #8b8b8b
}

.viewer {
  touch-action: none;
  transition: none;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  transform-origin: left top;
}

.viewer .photo {
  display: block;
  margin: auto auto;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

/**** Publication - media ***********/
#publication, #contacts, #update-statut, #a-media, #notification, #edit-notification, #event, #send-message {
  background-color: #ECECEC;
  padding: 1em 0;
}

#edit-notification {
  padding: 1em;
}

.publiDesc {
  color: #848484;
  padding: 1em;
  margin: 0;
  font-size: 10pt;
}

.lastUpdate {
  color: #848484;
  padding-top: 1em;
  padding-left: 1em;
  margin: 0;
  font-size: 10pt;
}

.nbViews {
  color: #848484;
  padding-top: 1em;
  padding-left: 1em;
  margin: 0;
  font-size: 10pt;
  font-style: italic;
}

.publiDesc {
  padding-top: 0em;

}

.publiName, .mediaName, .title-instruction {
  padding:0 2em 0.75em 1em;
  margin: 0;
  font-size:1.05em;
  font-weight: normal;
  min-height: 1.5em;
}

.appHeader {
  padding: 0 1em;
  margin: 0;
  font-size: 12pt;
  font-weight: normal;
  height: 3em;
  line-height: 3em;
}

.comments .publiName, .comments .mediaName {
  margin-right: 1em;
  background: transparent url(packImagesNavigation.png) right -400px no-repeat;
}

.cadrePhoto {
  background-color: #333;
  background: linear-gradient(#343434, #000000) repeat scroll 0 0 #343434;
  text-align: center;
  padding: 2em;
}

.cadrePhoto img {
  margin: auto;
  max-height: 140px;
  max-width: 100%;
}

#attachments, .list-contacts, .list-comments, .list-notifications, .list-detail-event, .list-resources, .list-reservations {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e0e0e0;
}

#attachments li,
.list-contacts li,
.list-comments li,
.list-notifications li,
.list-resources li,
.list-reservations li,
.list-detail-event {
  background-color: #FFF;
  border-bottom: 1px solid #e0e0e0;
  padding: 0;
  margin: 0;
}

#attachments li > *,
.list-contacts li > *,
.list-comments li > *,
.list-notifications li > *,
.list-resources li > *,
.list-reservations li > *,
.list-detail-event  > * {
  padding:1em;
}

#linkedPublications li {
  list-style-type:none;
}

.list-detail-event {
  border-bottom: 0;
}

.ui-listview.list-comments > li p {
  line-height: 100%;
  white-space: normal;
  font-size: 0.90em;
}

.list-comments .date {
  color: #848484;
}

#comments, .elts-pub {
  background-color: #FFF;

  padding: 0;
  margin: 0;
}

#comments a {
  border: 0 none;
  margin: 0;
  text-align: left;
  background: #fff url(packImagesNavigation.png) 0.5625em -390px no-repeat;
  padding-left: 2.5625em;
}

#info-event, .elts-pub {
  padding: .7em 1em .7em 1em;
}

#event #content a {
  padding: .7em 1em .7em 1em;
}

#event .list-detail-event .label {
  clear: left;
}

#event .list-detail-event .field {
  color: #666
}

#event .reccurence::before {
	content:'';
	width:20px;
	height:20px;
	display:block;
  background: #fff url(packImagesNavigation.png) 0 -1959px no-repeat;
  position:absolute;
  top:0.75em;
  left:1em;
}

#event .reccurence  {
  padding-left: 2.5625em;
  line-height: 1.15em;
  position:relative;
}

#event #participation {
  line-height: 1.25em;
}

#event #participation .label {
  background: #fff url(packImagesNavigation.png) 0.15em -1870px no-repeat;
  padding-left: 1.5625em;
  line-height: 1.15em;
  padding-bottom: 0.5em;
  display: block;
}

#event #participation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#event #participation ul .pending {
  color: #8c8c8c;
}

#info-extra-event {
  line-height: 1.8em;
}

#info-extra-event > div {
  display: inline;
}

#info-extra-event div:nth-child(2n)::before {
  content: ' - ';
}

#info-extra-event .location {
  background: transparent url(packImagesNavigation.png) 0em -1779px no-repeat;
  padding-left: 1.5em;
}

#event .rappel-event {
  padding: 0 1em 1em 1em;
}

#event .actions-rappel {
  display: inline-block;
}

#event .actions-rappel .delete {
  text-indent: -300em;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0 !important;
  background: transparent url(packImagesNavigation.png) 0em -2054px no-repeat;
}

#comments .link-add-comment {
  color: #ec9c01;
  text-decoration: underline;
}

#add-comment,
.introduction {
  padding: 0 1em;
  position: relative;
  margin-bottom: 1em
}

#add-comment h3 {
  font-size: 10pt;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#champs-comment {
  position: relative;
  padding-top: 1px;
  margin-bottom: 0;
}

#add-comment textarea.ui-input-text {
  font-size: 9pt;
}

#add-comment .btn-publicate {
  font-size: 10pt;
  color: #ec9c01;
  display: block;
  text-align: right;
}

#add-comment .btn-publicate.inactif {
  color: #999;
  text-decoration: none;
}

#attachments li a {
  text-decoration: none;
  color: #000;
}

#attachments li a .weight,
#a-media #attachments li a .dimension {
  display: block;
  padding-left: 24px;
  color: #848484;
}

#a-media #attachments li a .weight {
  display: inline-block;
  padding-left: 4px;
}

#attachments li a img {
  vertical-align: bottom;
  border: 0;
  margin-right: 8px;
}

#attachments li a.downloadable {
	background: transparent url(download.png) right 1em no-repeat;
	display: block;
	margin-right: 1.5em;
}

#attachments li a span {
  display: inline-block;
}

#attachments li a.not-downloadable {
  background: transparent url(forbidden-download.png) right 10px no-repeat;
  display: block;
}

/********** CONTACT *******/
#btn-my-contacts, #btn-all-contacts, #btn-all-contactsext {
  padding-left: 5px;
}

#list-contacts .user-name .status {
  font-size: 0.75em;
  font-style: italic;
}

#btn-my-contacts > span, #btn-all-contacts > span {
  background: transparent url(packPictos.png) 4px -241px no-repeat;
  padding-left: 30px;
  display: block;
  line-height: 0.8em;
  text-align: left;
  font-size: 0.8em;
}

#btn-all-contactsext > span {
  background: transparent url(packPictos.png) 4px -170px no-repeat;
  padding-left: 30px;
  display: block;
  line-height: 0.8em;
  text-align: left;
  font-size: 0.8em;
}

.actions {
  margin-bottom: 2em;
}

/* notification */

#notification .list-contacts li {
  padding: 1em 1em 2em 1em;
}

#notification .ui-controlgroup-controls.continu,
#notification .title-instruction {
  display: inline-block;
}

#notification .ui-controlgroup-controls.continu {
  float: right;
  padding: 0 1em 0 0;

}

#notification .btn-validate {
  padding: 0.5em 1em;
}

#edit-notification .ui-input-text.destinataires {
  background: #FFF url(packPictos.png) 13px -234px no-repeat;
  padding-left: 4em;
  line-height: 1.4em;
  position: relative;
  color: #AAA;
  font-size: 80%;
  min-height: 3.4em;
}

#edit-notification .ui-input-text.destinataires .nb-user-sectionne {
  position: absolute;
  top: 1em;
  left: 1.6em;
  font-size: 1.4em;
  color: #333;
}

#edit-notification .ui-input-text.destinataires .btn-modif {
  position: absolute;
  top: 0.1em;
  right: 0.1em;
  bottom: 0.1em;
  background: #7eb73a url(packPictos.png) 0.5em 0.5em no-repeat;
  display: block;
  text-indent: -300em;
  width: 2em;
}

#notification .list-notifications > li.selected, .list-resources > li.selected {
  border-left: 8px solid #7eb73a;
  color: #000
}

#notification .list-notifications {
  font-size: 80%;
}

#notification .title-instruction {
  display: inline-block;
  font-size: 80%;
  font-style: italic;
}

#notification .introduction {
  margin-bottom: 0;
}

.filter-contacts,
#edit-notification .ui-input-text.publication {
  width: 98%;
  padding-right: 1%;
  padding-left: 1%;
  line-height: 2em;
  background-color: #FFF;
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox, .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio, .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
  float: none;
  clear: inherit;
  display: table-cell;
}

input.filter-contacts {
  clear: both;
}

#edit-notification .ui-input-text.publication input {
  padding-left: 2em;
  width: 100%;
  background-color: transparent;
}

#edit-notification label {
  display: block
}

.list-contacts,
.list-comments,
.list-notifications, {
  font-size: 10pt;
  line-height: 1.8em;
}

.list-contacts .user-name img,
.list-comments .user-name img,
.list-notifications .user-name img {
  width: 24px;
  border: 1px solid #ccc;
  float: right;
  margin-right: 1em;
}

.list-contacts .user-name,
.list-comments .user-name,
.list-notifications .user-name {
  line-height: 0.8em;
}

.list-notifications .group-name {
  line-height: 2em;
}

.ui-page-theme-a .tel {
  color: #bebebe
}

.ui-page-theme-a .tel-link {
  color: #ec8001;
  text-decoration: none;
  white-space: nowrap;
}

/***** STATUT & ADD COMMENT***/
#update-statut, #send-message {
  padding: 1em;
  position: relative;
}

#update-statut h2, #send-message h2 {
  font-size: 13pt;
  font-weight: normal
}

#champs-statut,
#champs-message {
  position: relative;
  padding-top: 1px;
  margin-bottom: 1em;
}

.ouverture-bulle {
  position: absolute;
  top: 0;
  left: 12px;
  width: 0;
  height: 0;
  border-left: 1px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
}

#champs-statut textarea,
#champs-message textarea {
  border-radius: 10px;
}

.ui-page-theme-a .btn-validate {
  background-color: #6fa800;
  background: linear-gradient(#7eb73a, #6fa800) repeat scroll 0 0 #6fa800;
  border: 1px solid #6fa800;
  padding: 1em;
  color: #fff !important;
  text-decoration: none;
  display: block;
}

.btn-validate.smaller {
  padding: 0.5em 1em;
}

.btn-validate.multiple {
  display: inline-block;
}

.ui-page-theme-a .btn-validate:hover {
  background-color: #7eb73a;
  background: linear-gradient(#6fa800, #7eb73a) repeat scroll 0 0 #7eb73a;
  color: #FFF;
}

.ui-btn-right {
  right: .4em;
}

.ui-btn-left, .ui-btn-right {
  position: absolute;
  top: .24em;
}

.ui-btn {
  margin: .5em 0;
}

.ui-input-text input, .ui-input-search input, textarea.ui-input-text {
  padding: .4em;
  line-height: 1.4em;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: 0;
  background: #FFF;
}

textarea.ui-input-text {
  overflow: auto;
  resize: vertical;
}

.ui-input-text, .ui-input-search {
  margin: .5em 0;
  border: 1px solid #ddd;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls {
  display: inline-block;
  vertical-align: middle;
}

.ui-controlgroup-controls, .ui-controlgroup-controls .ui-radio, .ui-controlgroup-controls .ui-checkbox, .ui-controlgroup-controls .ui-select, .ui-controlgroup-controls li {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls:before, .ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  content: "";
  display: table;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  clear: both;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls:before, .ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  content: "";
  display: table;
}

/*********** LOGIN ***************/
#header #page-login-title {
  left: 1em;
  right: 1em;
}

#page-login {
  background-color: transparent;
}

#formLogin {
  text-align: center;
  padding-top: 1em;
}

#page-login #Login, #page-login #Password {
  background: #FFF url(bg-input-login.png) 0 0 no-repeat;
  padding-left: 24px;
  border: 1px solid #dddddd;
  width: 210px;
  margin: 0 0 1em 0;
}

#page-login #Password {
  background: #FFF url(bg-input-password.png) 0 0 no-repeat;
}

#page-login #DomainId {
  width: 237px;
}

#page-login #password-visibility {
  margin-bottom: 1em;
}

#page-login #copyright {
  bottom: 1em;
  font-size: 80%;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
}

#page-login .btn-validate,
#page-login .btn-validate:visited {
  padding: 0.5em 0;
  width: 235px;
  margin: 1em 0 0
}

/************ PAGE D'ERREUR **************/

#error {
  background: #333 url(fond-casse.jpg) 0 0 no-repeat;
}

#mascotte {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  background: transparent url(mascotte.png) right bottom no-repeat;
  min-height: 220px;
  padding-right: 130px;
  padding-left: 1em;
  color: #FFF
}

#error .ui-btn-right {
  top: auto;
  right: 50%;
}

.searchBox {
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  width:calc( 100% - 2em - 20px );
  background-color: #FFF;
  color: #666;
  padding: 5px;
  outline-style: none;
}

.searchButton {
  width: 20px;
  height: 17px;
  background: transparent url(packPictos.png) bottom left no-repeat;
  text-indent: -300em;
  display: inline-block;
}

#menu-search {
  background: #efefef;
  padding: 1em;
  border-top: 1px solid #d3d3d3;
}

#menu-config {
  /*display:none;*/
}

#menu-tasks {
  /*display:none;*/
}

.bloc-actu-vignette, .bloc-actu-content {
  float: left;
}

.bloc-actu-vignette img {
  width: 100px;
}

.bloc-actu-more {
  clear: both;
}

/* pour page listing des actus */
.ui-content {
  padding: 0;
}

.ui-content .carroussel-news li {
  height: auto !important;
  clear: both;
  border-bottom: 1px solid #eee;
  margin-bottom: 1em
}

.ui-content .carroussel-news .caption {
  height: auto;
  margin-bottom: 1em;
  padding-left: 1em;
}

.liste-news, .liste-annonces {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ddd;
}

.liste-news li, .liste-annonces li {
  padding: 0.2em 0.5em;
  margin: 0;
}

.liste-news li img, .liste-annonces img {
  float: left;
  margin: 1em;
  margin-left: 0;
}

.liste-news li h2, .liste-annonces li h2 {
  padding: 0;
  margin: 0;
}

.liste-news li p, .liste-annonces li p {
  font-size: 11px;
  color: #666;
}

#content {
  background-color: #FFF;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 0;
}

#content a {
  border: 0 none;
  margin: 0;
  text-align: left;
  /*background:#fff url(packImagesNavigation.png) 0.5625em -386px no-repeat;*/
  padding-left: 2.5625em;
}

/* Default forms look n feel */
.forms .form-border {
  border: 1px solid #CCC;
}

.forms .form-title {
  color: #333333;
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0;
}

.forms .legend {
  padding: 10px 0px 0px 10px;
}

.forms .fields .fieldInput {
  display: inline-block;
}

.forms.mode-design .fields label {
  background: url("../icons/grippy_large.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
  cursor: move;
}

.forms .fields label {
  display: inline-block;
  float: inherit;
  height: 20px;
  padding-left: 15px;
  width: 180px;
  float: left;
}

.forms .field .fieldInput input,
.forms .field .fieldInput textarea,
.forms .field .fieldInput select {
  width: auto;
}

.forms .fields {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.forms .fields > li {
  padding: 10px 0 5px 2%;
  margin: 0 0 0 0;
  position: relative;
  display: block;
  float: inherit;
  width: 98%;
  min-height: 28px;
}

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

.forms .actions img {
  border: 0;
}

.forms .field-occurrence-hidden {
  display: none;
}

.endDate {
  float: right;
}

.percentCompleted {
  line-height: 2em;
  float: left;
}

.ui-listview input[type="range"] {
  -webkit-appearance: none;
  -moz-apperance: none;
  border-radius: 0px;
  border: 0;
  height: 4px;
  margin: 1em 0;
  background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0, #72ab0e),
      color-stop(0, #C5C5C5)
  );
}

.ui-listview input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: transparent;
  border: 0;
  height: 1px;
  width: 1px;
}

.task-percent-range {
  width: 80%;
  float: right;
}

.task-priority {
  font-style: italic;
}

.create.task-percent-range {
  width: 100%;
  margin-bottom: 2em;
  float: none;
  margin: 0;
  padding: 0;
}

#update-statut .label-percent, send-message .label-percent {
  padding: 0.5em;
  text-align: center
}

/** Actions ****/
.content {
  position: relative;
}

.content > .ui-listview.ui-listview-inset {
  padding-top: 3em;
}

.content-navigation {
  padding: 1em;
}

#action-button {
  border: 0;
  position: absolute;
  width: 16px;
  height: 24px;
  text-indent: -3000px;
  top: 1em;
  right: 1em;
  background: transparent url("qvf.png") 0 0 no-repeat;
  outline: none;
  z-index: 999;
}

#action-bloc {
  display: none;
  border: 0;
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0;
  margin: 0;
  width: 10em;
  background-color: #FFF;
  z-index: 100;
  list-style-type: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

#action-bloc li {
  padding: 0.2em 0.5em;
}

#action-bloc a {
  color: #333;
  line-height: 200%;
  font-size: 0.9em;
  display: block;
  width: 100%;
}

.config .actuality a {
  background-image: url(packImagesNavigation.png);
  background-position: right -1022px;
  background-repeat: no-repeat;
}

.config .publication a {
  background-position: right -184px;
}

.config .event a {
  background-image: url(packImagesNavigation.png);
  background-position: right -1393px;
  background-repeat: no-repeat;
}

.config .favoris a {
  background: transparent url(packImagesNavigation.png) right -1182px no-repeat;
}

.config li a {
  padding-left: 1em;
}

.ui-listview.favoris a {
  background: transparent url(packImagesNavigation.png) 0.5em -1182px no-repeat;
  padding-left: 2em;
}

/*** Popup ***/
.gwt-PopupPanel {
  left: 0;
  top: 0 !important;
  background-color: rgba(0,0,0,0.2);
  right: 0;
  position: absolute;
  height: 100%;
  padding-top: 50%;
}
.popupContent {
	background-color: #fbf7aa;
	border:2px solid #f9e98e;
	padding: 50px;
	border-radius:8px;
	color: #333;
	width: calc( 90% - 104px );
	margin:0 5%;
	text-align: center;
}

.popin-btns {
  margin-top: 2em;
}

a.popin-btn {
  background:#ec9c01;
  text-decoration: none;
  color: #FFFFFF;
  border-radius:5px;
  padding:0.5em 1em;
  margin: 1em;
}

#real-element {
  padding: 0 0.5em;
  background-color: #ececec;
}

#real-element img {
  max-width: 100%;
  height: auto
}

.workflow-list {
  text-align: center;
  border-spacing: 0px;
  width: 100%;
  font-size: 0.9em;
}

.workflow-list tr {
  height: 3em;
}

.workflow-list > tbody > tr:nth-child(1) {
  font-weight: 600;
}

.workflow-list > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
								
}

.workflow-list > tbody > tr:nth-child(even) {
  background-color: #efefef;
}

.workflow-list > tbody > tr > td {
  border-bottom: 1px solid #ddd;
}

.workflow-roles {  
	position: absolute;
	margin-bottom: 1em;
	top: 1em;
	left: .5em;
}

.workflow-anchor {
  text-decoration: none;
}

.workflow-form, .formOnline-form {
  list-style-type: none;
  padding-left: 0;
}

.workflow-form li, .formOnline-form li {
  padding:1em;
}
.workflow-form .gwt-Label, 
.formOnline-form  .gwt-Label ,
.forms-list   .gwt-Label{
	padding-bottom:0.5em;
	color:#333;
	font-size:11pt;
}

.workflow-form li:nth-child(odd),
.liste-billet li:nth-child(odd),
.forms-list li:nth-child(odd),
.formOnline-form:nth-child(odd),
#action-bloc li:nth-child(odd),
.liste-news li:nth-child(odd),
.list-reservations li:nth-child(odd) {
  background-color: #f9f9f9;
  border-bottom: 1px solid #ddd;
}

.worflow-form li:nth-child(even),
.liste-billet li:nth-child(even),
.forms-list li:nth-child(even),
.formOnline-form:nth-child(even),
#action-bloc li:nth-child(even),
.liste-news li:nth-child(even),
.list-reservations li:nth-child(even) {
  background-color: #efefef;
  border-bottom: 1px solid #ddd;
}

.mandatory {
  background-color:#ec9c01;
  height:8px;
  width:8px;
  margin-left: 1em;
}

.delete {
  color: red !important;
  font-weight: bold !important;
  cursor: pointer !important;
  padding: 1em !important;
  font-size: 1em !important;
}

.connected {
  background: rgb(66, 183, 42);
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin-left: 4px;
  width: 6px;
}

/* FormsOnline */

.forms-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ddd;
  padding-top: 3.5em;
}

.forms-list li {
  margin: 0;
  padding: 1em;
  line-height:1em;
}

.forms-list li > a.gwt-Anchor {
  display: inline;
  width: 0;
  height: 0;

}

.forms-list li .number {
  float: right;
}

.forms-list li .state {
  padding-right: 1em;
}

.formOnlineRequest .label-comment {
  margin-left: 1em;
}

.formOnlineRequest .comment {
  width: 95%;
  height: 5em;
  margin-left: 1em;
}


/* LE BLOG */
.liste-billet {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ddd;
}

.liste-billet li {
  margin: 0;
  padding: 1em;
  line-height: 0.5em;
}

.liste-billet li > a.gwt-Anchor {
  display: inline;
  width: 0;
  height: 0;

}

.liste-billet span.category,
.ui-listview .event-calendar {
  display: inline-block;
  border-radius: 4px;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
  color: #4c4c4c;
  padding: 0.5em;
}

.liste-billet p.date {
  float: right;
  padding-top: 0;
  margin-top: 0;
  line-height: 16px
}

.liste-billet h2,
.forms-list h2,
.liste-news li h2 {
  padding-top: 0;
  margin-top: 0;
}

.liste-billet h2 a,
.forms-list h2 a,
.liste-news li h2 a,
.forms-list h2,
.liste-annonces li h2 a {
  font-size: 14px;
  line-height: 16px;
  color: #555;
  text-decoration: none;
  font-weight:500;
}

.liste-billet, .forms-list {
  font-size: 0.9em;
  color: #999;
}


/* GENERAL */
.clear {
  clear: both;
}

/* EVENT LIST */
.ui-control-controls a {
  display: inline-block;
  padding: 8px;
  font-size: 0.9em
}

.ui-control-controls a:first-child {
  border-radius: 6px 0 0 6px;
}

.ui-control-controls a:last-child {
  border-radius: 0 6px 6px 0;
}

.ui-control-horizontal .ui-control-controls {
  display: inline-block;
}

.ui-control-horizontal .select-calendar {
  float: right;
  text-align: right;
}

.ui-control-horizontal .select-calendar select {
  max-width: 13em;
  font-size: 0.9em;
  font-weight: 500;
  padding: .4em 0.5em;
  text-align: left;
}

#list-events .ui-control-horizontal {
  padding: 0.5em;
}

.ui-list-graduate {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ddd;
}

.ui-list-graduate > li {
  background: #f4f4f4 url(packImagesNavigation.png) right -2104px no-repeat;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.ui-list-graduate li .label {
  padding: 0.4em 0.7em;
  margin: 0;
  display: inline-block
}

.ui-list-graduate li .nb-event {
  position: absolute;
  right: 1.5em;
  top: 0.4em;
  background: transparent url(packImagesNavigation.png) right -2176px no-repeat;
  padding-right: 2em;
  line-height: 14px;
}

.ui-list-graduate li.open .nb-event {
  display: none;
}

.ui-list-graduate > li:nth-child(odd) {
  background-color: #ececec;
}

.ui-list-graduate li.open {
  background: #4c4c4c url(packImagesNavigation.png) right -2133px no-repeat;
  border: 0;
}

.ui-list-graduate li.open .label {
  color: #FFF;
}

.ui-list-graduate li ul {
  display: none;
}

.ui-list-graduate li.open ul {
  background-color: #4c4c4c;
  display: block;
}

#list-events .open .ui-listview {
  display: table;
  width: 100%
}

#list-events .ui-listview li {
  background-color: #FFF;
  display: table-row;
}

#list-events .ui-listview .event-info {
  display: table-cell;
  vertical-align: top;
  padding: 0.5em 0.7em;
  border-bottom: 1px solid #ccc;
}

#list-events .ui-listview .date-event {
  display: table-cell;
  padding: 0.5em 0.7em;
  vertical-align: top;
  font-size: 0.95em;
  color: #999;
  text-align: right;
  border-bottom: 1px solid #ccc;
}

#list-events .ui-listview .date-event strong {
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}

#list-events .ui-listview .date-event span {
  white-space: nowrap;
}

.ui-listview .event-calendar {
  font-size: 0.9em;
  padding: 0.5em;
  margin-top: 0.5em;
  max-width: 80%;
  text-overflow: ellipsis;
  height: 1em;
  overflow: hidden;
  white-space: nowrap;
}

#list-events .message {
  padding-top: 2em;
  display: inline-block;
  padding-left: 1em;
}

.termsOfServiceText {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.classified_type {
  margin-bottom:0.35em;
}
.classified_type span {
  margin: 0 .25em .15em 0;
  color: #5c5c5c;
  padding:0;
  font-size: 0.9em;
}

.classified_type span:before {
  content:'[ ';
}

.classified_type span:after {
  content:' ]';
}

.classified_price {
  color: #56a3d9;
  font-weight:bold;
  font-size: 1.15em;
}

.liste-annonces li h2{
  font-size:1em;
  color:#333333;
  font-weight:500;
  padding:0;
  margin:0.25em 0;
}
.liste-annonces li {
  min-height:130px;
  padding:0.15em;
  margin:0;
}
.liste-annonces div.thumbnail {
  width:125px;
  height:125px;
  background-color:#ececec;
  float:left;
  text-align:center;
  margin:0 0.50em;
}
.liste-annonces .classified_price {
  margin:0.50em 0 ;
}

.liste-annonces div.thumbnail img{
  margin:auto;
  max-height:125px;
  max-width:125px;
}

.classified_form {
  margin-bottom:1em;
}
.classified_form label{
  font-weight:bold;
}
.classified_form label,
.classified_form .fieldInput{
  font-size:12px;
}
#classified h2 {
  font-size:14px;
  font-weight:500;
  margin:0;
  padding:0;
  width:calc( 100% - 16px - 1em );
  margin-bottom:1em;
}

#classified .btn-validate.contact-announcer {
  margin-top:1em;
}

#classified .classified_price {
  color:#FFF;
  background-color:#56a3d9;
  border-radius:6px;
  padding:0.4em 0.5em ;
  font-weight: 500;
  font-size: 1.15em;
  display:inline-block;
  float:right;
  margin-top:0.25em;
}
#classified .classified_pictures {
  position:relative;
}

#classified .classified_creationInfo {
  margin:0.5em 0;
}


#classified .classified_pictures ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#classified .classified_pictures ul li {
  margin:0;
  padding:0;
}

#classified .classified_pictures ul li img {
  width:98%;
}
#classified .classified_pictures  .classified_pictures_number {
  position:absolute;
  bottom:1em;
  right:0;
  left:0;
  text-align:center;
  color:#fff;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}

#classified .classified_description {
  color:#848484;
  padding:0;
  margin:1em 0 ;
}

#send-message textarea {
  height: 10em;
}

/********* SURVEY ************/

.survey.content {
	padding-top: 2em;
}
.liste-questions.forms-list {
  color:inherit;
  font-size:inherit;
}

.liste-questions.forms-list .label{
  display:block;
  color:#000;
  text-decoration:underline;
}

.liste-questions.forms-list .fields > span{
  display:block;
  padding:0.75em 0 0;
}

.liste-questions.forms-list .fields > select,
.liste-questions.forms-list .fields > textarea {
  display:block;
  margin:0.75em 0 0 ;
}

.liste-questions.forms-list .fields .image {
  max-width: 50px;
  margin: 5px;
}

.survey .comment-area {
  padding:1em;
}

.survey .comment-area > span:first-child {
  display:block;
  padding: 0 0 0.75em;
}

.survey .ui-controlgroup-horizontal {
  margin:1.75em auto;
}

.survey .liste-enquete {
  display:table;
  padding-left: 0;
}
.survey .liste-enquete li:first-child {
  background-color:#333 !important;
  color:#fff;
}
.survey .liste-enquete li {
  display:table-row;
  background-color: #FFF;
}
.survey .liste-enquete li:nth-child(2n+1){
  background-color: #f9f9f9;
}
.survey .liste-enquete .gwt-InlineHTML {
  width:calc( 33% - 2em);
  display:table-cell;
  padding:1em;
  border-bottom:1px solid #CCC
}
.survey .feedback-participation {
  padding:1em;
}

/********* notification **************/
.notificationBox .ui-listview.notifications  .notification-date {
	color:#777;
	display:inline-block;
	font-size:90%;
}
.notificationBox .ui-listview.notifications  input {
	position:absolute;
	top:0.5em;
	left:0.25em;
}


.notificationBox .ui-listview.notifications  .notification-author{
	font-size:90%;
	display:inline-block;
}
.notificationBox .ui-listview.notifications  .notification-source {
	font-size:90%;
}

.notificationBox .ui-listview.notifications  .notification-title{
	margin-bottom:0.75em;
	font-weight:600;
}
.ui-listview.notifications  li span {
	display:block;
}
.ui-listview.notifications  li{
	padding: 0.75em 0.75em 0.75em 3em;
	position: relative;
	border-bottom:1px solid  #CCC;
}

.ui-listview.notifications li:first-child{
	border-top:1px solid  #CCC;
}

.ui-listview.notifications  li:nth-child(odd){
	background-color: #F0F0F0;
}

.ui-listview.notifications  li:nth-child(even){
	background-color: #FFF;
}

/******** Resources Manager ********/

#resourcesManager .list-resources li.category {
	font-weight: 600;
	color: white;
	background-color: #6fa800;
}
#resourcesManager .list-resources li .gwt-HTML{
	display:block;
} 

#resourcesManager .list-reservations {
  margin-top: 3em;
}

#resourcesManager .reservationDate {
	font-weight: 600;
	font-size: 11pt;
	padding-bottom: 0.5em;
}

#resourcesManager .reservationEvent {
	padding-bottom:1em;
}

#resourcesManager ul .reservation {
  padding-top: 10px;
  padding-bottom: 10px;
}

#resourcesManager ul .reservationRessources {
  padding-left: 0;
}

#resourcesManager .reservationRessources li,
#reservationDetail .reservationRessources li {
  display: inline-block;
  margin-right: 5px;
}

#resourcesManager .reservationRessources li.validated,
#reservationDetail .reservationRessources li.validated {
  background-color: #87bd41;
  color: #FFF;
  margin-bottom: 3px;
  border-radius: 5px;
  padding: 3px 5px;
}

#resourcesManager .reservationRessources li.waitingForValidation,
#reservationDetail .reservationRessources li.waitingForValidation {
  background-color: #a7a7a7;
  color: #FFF;
  margin-bottom: 3px;
  border-radius: 5px;
  padding: 3px 5px;
}

#reservationDetail .field {
  padding: 5px;
  margin: 5px;
}

#reservationDetail {
  min-height: 100vh;
  margin-top: 2em;
}

#reservationDetail .section {
  background-color: #8080802b;
  border-radius: 5px;
}

#reservationDetail ul.reservationRessources {
  list-style-type: none;
  padding: 1em;
  margin:0;
}

#reservationDetail ul.reservationRessources::after {
	content:' ';
	display:block;
	clear:left;
	height:1em;
}