Skip to content

Peaufinage CSS #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
wants to merge 1 commit into from
Closed

Peaufinage CSS #17

wants to merge 1 commit into from

Conversation

auroreallibe
Copy link
Contributor

No description provided.

@auroreallibe
Peaufinage CSS
091e6d5 
/*
 * Copyright (C) 2000 - 2019 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 <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;
  text-shadow: 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}*/;
  text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-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}*/;
  text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-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}*/;
  text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #f3f3f3 /*{a-body-shadow-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}*/;
  text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-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}*/;
  text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #f3f3f3 /*{a-bdown-shadow-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}*/;
  text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-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) {
  background-color: #fff;
}

.ui-listview > li:nth-child(even) a, .list-contacts > li:nth-child(even), .list-notifications > 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;
}

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

  bottom: 0;
  top: auto;
  display: flex;
}

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

  background: transparent url(packImagesNavigation.png) center -640px no-repeat;
}

  background: transparent url(packImagesNavigation.png) center -709px no-repeat;
}

  background: transparent url(packImagesNavigation.png) center -771px no-repeat;
}

  background: transparent url(packImagesNavigation.png) center -835px no-repeat;
}

  background: transparent url(packImagesNavigation.png) center -892px no-repeat;
}

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

  margin: 0;
  padding: 0;
  list-style-type: none;
}

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

  background: #f3f3f3 url() repeat-x;
}

  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%;
}

.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****/
  padding: 0;
  color: #333333;
  background-color: #f4f4f4;
  text-shadow: none;
  position: fixed;
  font-size: 0.8em;
}

  padding: 0;
}

  margin-top: 54px;
  padding: 0 1em 1em;
}

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

  font-style: italic;
  color: #9d9c9c;
}

  display: inline-block;
  text-indent: -3000px;
  background: transparent url(packPictos.png) 4px 0 no-repeat;
  width: 20px;
}

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

  padding: 0;
  margin: 0;
}

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

  background: transparent url(packPictos.png) 8px -520px no-repeat;
}

  background: transparent url(packPictos.png) 8px -394px no-repeat;
}

  background: transparent url(packPictos.png) 8px -134px no-repeat;
}

  background: transparent url(packPictos.png) 8px -98px no-repeat;
}

  background: transparent url(packPictos.png) 8px -25px no-repeat;
}

  background: transparent url(packPictos.png) 8px -63px no-repeat;
}

  background: transparent url(packPictos.png) 8px -276px no-repeat;
}

  background: transparent url(packImagesNavigation.png) -20px -2171px no-repeat;
}

  color: #333333;
}

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

  background: transparent url(packImage.png) 10px -124px no-repeat;
}

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

  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 {
  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-workflow a {
  background-position: 0.65em -1595px;
}

.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 ***********/
  background-color: #ECECEC;
  padding: 1em 0;
}

  padding: 1em;
}

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

.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%;
}

  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e0e0e0;
}

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

.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;
}

  background-color: #FFF;

  padding: 0;
  margin: 0;
}

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

  padding: .7em 1em .7em 1em;
}

  padding: .7em 1em .7em 1em;
}

  clear: left;
}

  color: #666
}

  background: #fff url(packImagesNavigation.png) 1em -1946px no-repeat;
  padding-left: 2.5625em;
  line-height: 1.15em;
}

  line-height: 1.25em;
}

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

  list-style-type: none;
  padding: 0;
  margin: 0;
}

  color: #8c8c8c;
}

  line-height: 1.8em;
}

  display: inline;
}

  content: ' - ';
}

  background: transparent url(packImagesNavigation.png) 0em -1779px no-repeat;
  padding-left: 1.5em;
}

  padding: 0 1em 1em 1em;
}

  display: inline-block;
}

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

  color: #ec9c01;
  text-decoration: underline;
}

.introduction {
  padding: 0 1em;
  position: relative;
  margin-bottom: 1em
}

  font-size: 10pt;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

  position: relative;
  padding-top: 1px;
  margin-bottom: 0;
}

  font-size: 9pt;
}

  font-size: 10pt;
  color: #ec9c01;
  display: block;
  text-align: right;
}

  color: #999;
  text-decoration: none;
}

  text-decoration: none;
  color: #000;
}

  display: block;
  padding-left: 24px;
  color: #848484;
}

  display: inline-block;
  padding-left: 4px;
}

  vertical-align: bottom;
  border: 0;
  margin-right: 8px;
}

  background: transparent url(download.png) right 10px no-repeat;
  display: block;
}

  display: inline-block;
}

  background: transparent url(forbidden-download.png) right 10px no-repeat;
  display: block;
}

/********** CONTACT *******/
  padding-left: 5px;
}

  font-size: 0.75em;
  font-style: italic;
}

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

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

  padding: 1em 1em 2em 1em;
}

  display: inline-block;
}

  float: right;
  padding: 0 1em 0 0;

}

  padding: 0.5em 1em;
}

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

  position: absolute;
  top: 1em;
  left: 1.6em;
  font-size: 1.4em;
  color: #333;
}

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

  border-left: 8px solid #7eb73a;
  color: #000
}

  font-size: 80%;
}

  display: inline-block;
  font-size: 80%;
  font-style: italic;
}

  margin-bottom: 0;
}

.filter-contacts,
  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;
}

  padding-left: 2em;
  width: 100%;
  background-color: transparent;
}

  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***/
  padding: 1em;
  position: relative;
}

  font-size: 13pt;
  font-weight: normal
}

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

  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-shadow: 0 1px 0 #6fa800;
  text-decoration: none;
  display: block;
}

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

.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 ***************/
  left: 1em;
  right: 1em;
}

  background-color: transparent;
}

  text-align: center;
  padding-top: 1em;
}

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

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

  width: 237px;
}

  bottom: 1em;
  font-size: 80%;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
}

  padding: 0.5em 0;
  width: 235px;
  margin: 1em 0 0
}

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

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

  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
}

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

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

  /*display:none;*/
}

  /*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 {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ddd;
}

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

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

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

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

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

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

  padding: 0.5em;
  text-align: center
}

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

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

.content-navigation {
  padding: 1em;
}

  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: 1002;
}

  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);
}

  padding: 0.2em 0.5em;
}

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

.popupContent {
  background-color: #6fa800;
  padding: 50px;
  border-radius: 10px;
  color: white;
  min-width: 300px;
  text-align: center;
}

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

  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: bold;
}

.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 {
  margin-bottom: 1em;
}

.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 {
	padding-bottom:0.5em;
}

.workflow-form li:nth-child(odd),
.liste-billet li:nth-child(odd),
.forms-list li:nth-child(odd),
.formOnline-form:nth-child(odd),
.liste-news 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),
.liste-news 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;
}

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

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

}

/* 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 {
  font-size: 14px;
  line-height: 16px;
  color: #555;
  text-decoration: none;
}

.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;
}

  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;
  text-shadow: none;
  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;
}

  display: table;
  width: 100%
}

  background-color: #FFF;
  display: table-row;
}

  display: table-cell;
  vertical-align: top;
  padding: 0.5em 0.7em;
  border-bottom: 1px solid #ccc;
}

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

  font-weight: 500;
  color: #000;
  white-space: nowrap;
}

  white-space: nowrap;
}

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

  padding-top: 2em;
  display: inline-block;
  padding-left: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@auroreallibe