@charset "CP850";
/*
 *  arcus.lu/intranet
 *  Ange Chierchia
 *
 */
/* normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* base.css | based on HTML5 Boilerplate's Base styles | http://bit.ly/V04ROk  */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*=======================
  $FONTS
  =====================*/
@font-face {
  font-family: 'ff-good-pro';
  src: url("../fonts/GoodWebPro-Book_modified.eot"), url("../fonts/GoodWebPro-Book.woff") format("woff");
}

@font-face {
  font-family: 'ff-good-pro';
  src: url("../fonts/GoodWebPro-Bold.eot"), url("../fonts/GoodWebPro-Bold.woff") format("woff");
  font-weight: bold;
}

@font-face {
  font-family: 'ff-good-pro';
  src: url("../fonts/GoodWebPro-BookItalic.eot"), url("../fonts/GoodWebPro-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'ff-good-pro';
  src: url("../fonts/GoodWebPro-BoldItalic.eot"), url("../fonts/GoodWebPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'entypo';
  src: url("../fonts/entypo.eot?x57mug");
  src: url("../fonts/entypo.eot?#iefixx57mug") format("embedded-opentype"), url("../fonts/entypo.woff?x57mug") format("woff"), url("../fonts/entypo.ttf?x57mug") format("truetype"), url("../fonts/entypo.svg?x57mug#entypo") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "entypo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cog:before {
  content: "\e606";
}
.icon-log-out:before {
  content: "\e607";
}

.icon-ressources:before {
  content: "\e805";
}

.icon-documents:before {
  content: "\e84e";
}

.icon-discussions:before, .type-icon-topic:before {
  content: "\e803";
}

.icon-search:before {
  content: "\e82b";
}

.icon-news:before {
  content: "\e838";
}

.icon-formations:before {
  content: "\e84f";
}

.icon-agenda:before, .type-icon-event:before {
  content: "\e851";
}

.icon-network:before {
  content: "\e60c";
}

.icon-faq:before, .type-icon-faq:before {
  content: "\e80f";
}

.icon-keyboard:before {
  content: "\e60e";
}

.icon-box:before {
  content: "\e60f";
}

.icon-paperclip:before {
  content: "\e601";
}

.icon-info:before {
  content: "\e612";
}

.icon-arrow:before {
  content: "\e615";
}

.icon-login:before {
  content: "\e602";
}

.icon-back:before {
  content: "\e80d";
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.icon-notifications:before {
  content: "\e80a";
}

.icon-trash:before {
  content: "\e814";
}

.icon-upload:before {
  content: "\e813";
}

.icon-download:before {
  content: "\e812";
}

.icon-pencil:before {
  content: "\e834";
}

.icon-folderplus:before {
  content: "\e85b";
}

.icon-userplus:before {
  content: "\e806";
}

.icon-reply:before {
  content: "\e605";
}

.icon-text:before, .type-icon-text:before {
  content: "\e850";
}

.icon-image:before, .type-icon-image:before {
  content: "\e808";
}

.icon-magazine:before, .type-icon-magazine:before {
  content: "\e600";
}

.icon-movie:before, .type-icon-movie:before {
  content: "\e807";
}

.icon-audio:before, .type-icon-audio:before {
  content: "\e82a";
}

.icon-directory:before, .type-icon-directory:before {
  content: "\e800";
}

.icon-topic:before {
  content: "\e837";
}

.icon-person:before, .type-icon-person:before {
  content: "\e804";
}

.icon-brush:before {
  content: "\e60d";
}

.icon-checkmark:before {
  content: "\e610";
}

.icon-location-pin:before {
  content: "\e603";
}

.icon-location:before {
  content: "\e604";
}

/* ============================
 * $MASTHEAD ICON STYLES
 * ========================= */
.masthead [class*="icon-"] {
  font-style: normal;
  line-height: 1.5;
  vertical-align: middle;
  display: block;
  margin-bottom: -0.15em;
}
.masthead .nav [class*="icon-"]:before {
  font-size: 2em;
  line-height: 1;
}
.masthead .icon-notifications:before,
.masthead .icon-search:before {
  font-size: 1.215em;
  line-height: 1.3;
}

/* ============================
 * $DASHBOARD ICON STYLES
 * ========================= */
.box-agenda [class*="icon-"]:before,
.box-discussions [class*="icon-"]:before,
.box-news [class*="icon-"]:before,
.box-raccourcis [class*="icon-"]:before {
  font-size: 1.25em;
  margin: 0 auto;
  margin-right: .25em;
}

/* ============================
 * $DOCUMENT TYPE ICON STYLES
 * ========================= */
/* style.css | CBC CMS stylesheet based on HTML5 Boilerplate.  */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/*=======================
  $GENERAL
  =====================*/
html {
  font-family: "ff-good-pro",sans-serif;
  height: 100%;
}

body {
  height: 100%;
}

a {
  color: #666;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  text-decoration: none;
}

.wrapper {
  width: 100%;
  min-width: 1024px;
  overflow: hidden;
  margin: 0 auto;
}
.wrapper.push-to-left .sliding-panel {
  right: 0;
}

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  position: relative;
  padding: 0 3rem;
}
.wrapper.push-to-left .container {
  /*right: 360px;*/
}

.main-contents {
  position: relative;
}

.sliding-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 330px;
  height: 100%;
  background: #eaeaea;
  position: fixed;
  top: 0;
  padding: 1em;
  overflow: auto;
  z-index: 9999;
}
.sliding-panel h3 {
  color: #74cbc8;
  text-transform: uppercase;
}
.sliding-panel.notifications {
  -webkit-box-shadow: inset 10px 0 30px -20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 10px 0 30px -20px rgba(0, 0, 0, 0.8);
  box-shadow: inset 10px 0 30px -20px rgba(0, 0, 0, 0.8);
  right: -32%;
  background: url(../img/bg-notifications.png) #454545;
  color: #fff;
  font-size: 14px;
}
.sliding-panel a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #74cbc8;
  border: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: .5em;
}
.btn [class*="icon-"] {
  font-weight: normal;
  margin-right: .25em;
}
.btn:hover, .btn:focus {
  background: #6f158a;
}

.btn-wide {
  width: 100%;
}

.message {
  padding: 0.8em 1.6em;
  border-style: solid;
  border-width: 1px;
  clear: both;
  border-radius: 3px;
  position: relative;
  width: 55%;
  margin: 0;
  background: #ecf9ff;
  border-color: #0888c3;
  color: #0888c3;
}

#loginForm .message, #renewPwdForm .message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.message h3 {
  margin-bottom: 0;
}

.message h3 + p {
  margin-top: 0;
}

div.message {
  margin: 1em 0;
}

ul.message li {
  /*margin-left:1.6em;*/
  list-style-type: none;
}

ul.message li:before {
  content: "■ ";
}

.warning {
  background: #fef9f1;
  border-color: #ed9d12;
  color: #ed9d12;
}

.error {
  background: #fbf0f0;
  border-color: #b80000;
  color: #b80000;
}

.success {
  background: #f6faf0;
  border-color: #6aa500;
  color: #6aa500;
}

.message a.close {
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0.95em;
  right: 0.95em;
  background: url(../img/notif-close.gif) no-repeat;
  text-indent: -9999px;
}

/*=======================
  $HEADER
  =====================*/
.masthead {
  -webkit-box-shadow: inset 0 -1px 0 #b2b2b2, 0 0px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 -1px 0 #b2b2b2, 0 0px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -1px 0 #b2b2b2, 0 0px 1px rgba(0, 0, 0, 0.5);
  width: -moz-calc(100% + 3em);
  width: -o-calc(100% + 3em);
  width: -webkit-calc(100% + 3em);
  width: calc(100% + 3em);
  /*overflow: auto;*/
  overflow: hidden;
  margin-left: -3em;
  margin-right: -3em;
  padding: 0 0 0 3em;
  height: 68px;
  background: rgba(250, 250, 250, 0.95);
}
.masthead .logo {
  display: block;
  float: left;
  height: 42px;
  margin: 13px 8px 13px 0;
}
.masthead .logo img {
  max-width: 164px;
  height: auto;
}
.masthead .nav {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.masthead .nav li {
  float: left;
}
.masthead .nav a {
  display: block;
  padding: 1em 1em .55em;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  min-width: 40px;
    min-height: 49px;
}
.masthead .nav a:focus, .masthead .nav a:hover {
  color: #fff;
}
.masthead .nav [class*="icon-"] + span {
  padding-top: 3px;
  display: block;
}
.masthead .notifications {
  position: relative;
}
.masthead .notifications-count:after {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 12px;
  left: 18px;
  content: attr(data-notifications);
  display: block;
  min-width: 20px;
  height: 20px;
  color: #fff;
  background: #6f158a;
  font-size: .7em;
  line-height: 21px;
  text-align: center;
  padding: 0 .5em;
}
.masthead .no-notifications:after {
  display: none;
}
.masthead .notifications, .masthead .isearch {
  float: right;
  display: block;
  height: 26px;
  padding: 21px 10px;
  text-decoration: none;
}
.masthead .search-module {
  float: right;
  width: 15%;
  margin-top: 1.3em;
  font-size: .875em;
}
.masthead .search-module input[type="text"] {
  float: left;
  width: 100%;
  margin-right: 0;
  background: url("../img/gicon@2x.png") left center no-repeat;
  background-size: contain;
  padding-left: 32px;
}
.masthead .search-module .btn {
  display: none;
  width: 20%;
}
.masthead .isearch {
  text-decoration: none;
  font-weight: normal;
  float: right;
  z-index: 4;
  position: relative;
  margin-right: 16px;
        /* .icon-search {
            vertical-align: middle;
            display: block;

        } */
}
.masthead .isearch span {
  display: none;
}
.masthead .user-profile {
  float: right;
  margin: 0 0 0 8px;
}
.masthead .user-profile .user-avatar,
.masthead .user-profile .user-name {
  float: left;
  position: relative;
}
.masthead .user-profile a {
  display: block;
  height: 26px;
  padding: 21px 16px 21px 8px;
  text-decoration: none;
}
.masthead .user-profile a:hover, .masthead .user-profile a:focus {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #6f158a;
  color: #fff;
}
.masthead .user-profile .user-name {
  line-height: 26px;
}
.masthead .homescreen-login-btn {
  float: right;
  min-width: 150px;
  margin: 0 0 0 8px;
}
.masthead .homescreen-login-btn a {
  display: block;
  height: 26px;
  padding: 21px 0;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.masthead .homescreen-login-btn a:hover, .masthead .homescreen-login-btn a:focus {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #6f158a;
  color: #fff;
}

.path {
  width: -moz-calc(100% + (4em * 2));
  width: -o-calc(100% + (4em * 2));
  width: -webkit-calc(100% + (4em * 2));
  width: calc(100% + (4em * 2));
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #606060;
  color: #fff;
  font-size: 12px;
  margin-left: -4em;
  margin-right: -4em;
  margin-bottom: 20px;
  padding: .8em 1em .8em 4em;
  line-height: 26px;
}
.path::before, .path::after {
  display: block;
  clear: both;
  content: '';
}
.path .path-fields {
  width: 85%;
  min-width: 600px;
  margin-right: 1%;
  float: left;
}
.path .path-fields a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.path .path-fields a:after {
  content: "\00A0\25B8\00A0";
  display: inline-block;
  color: inherit;
}
.path .search-module {
  width: 9% !important;
  min-width: 160px;
  float: right;
  margin-right: -2px;
}
.path .search-module [type=text] {
  width: 100%;
  margin-right: 0;
  padding: .4em .5em;
}
.path .search-module .btn {
  display: none !important;
}

.box {
  width: 108px;
  height: 108px;
}
.box a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #666;
  background: #fafafa;
  overflow: hidden;
  padding: 0;

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.box a:hover {
  color: #fff;
  background: #74cbc8;
}
.box a:hover [class*="icon-"] {
  color: #fff;
}
.box a [class*="icon-"] {
  text-align: center;
  display: block;
  color: inherit;
}
.box.unit {
  padding: 10px 20px 10px 0;
}
.box a span {
  position: absolute;
  top: 129px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 1.1em;
  text-align: center;
  line-height: 1.1em;
}



@media screen and (max-width: 1900px) {
  .box a span {
    font-size: .9em;
    top: 96px;
  }
}

@media screen and (min-width: 1280px) {
  .box {
    width: 125px;
    height: 125px;
  }
}

@media screen and (max-width: 1280px) {
  .box a span {
    font-size: .9em;
    top: 78px;
  }
}

@media screen and (min-width: 1440px) {
  .box {
    width: 130px;
    height: 130px;
  }
}


@media screen and (min-width: 1900px) {
  .box {
    width: 180px;
    height: 180px;
  }
}

.box-discussions{
  padding: 0 25px;
}

.box-raccourcis h3, .box-news h3, .box-discussions h3, .box-agenda h3 {
  font-weight: normal;
}
.box-raccourcis .btn-small, .box-news .btn-small, .box-discussions .btn-small, .box-agenda .btn-small {
  font-size: .7rem;
}

.box-raccourcis h3 {
  padding-top: 10px;
}
.box-raccourcis .col-1-3 {
  min-width: 100px;
}
@media screen and (min-width: 1900px) {
  .box-raccourcis .col-1-3 {
    min-width: 200px;
  }
}

#box-agenda-container {
  margin-top: -40px;
  margin-bottom: 20px;
}

.span-agenda{
  width: auto;
  display: block;
  margin-top: -6px;
  margin-bottom: 10px;
}

.a1:hover {
  background-color: #74cbc8 !important;
}

.a2:hover {
  background-color: #74c3c5 !important;
}

.a3:hover {
  background-color: #73acbd !important;
}

.a4:hover {
  background-color: #7290b4 !important;
}

.a5:hover {
  background-color: #7170a9 !important;
}

.a6:hover {
  background-color: #71509e !important;
}

.a7:hover {
  background-color: #703494 !important;
}

.a8:hover {
  background-color: #6f1d8d !important;
}

.a9:hover {
  background-color: #6f158a !important;
}

[class*=shortlink-] span {
  display: block;
}

.shortlink-association-home {
  background-image: url(../img/home-assoc-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-association-home:hover {
  background-image: url(../img/home-assoc-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-compta-home {
  background-image: url(../img/home-compta-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-compta-home:hover {
  background-image: url(../img/home-compta-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-design-home {
  background-image: url(../img/home-design-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-design-home:hover {
  background-image: url(../img/home-design-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-docs-home {
  background-image: url(../img/home-docs-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-docs-home:hover {
  background-image: url(../img/home-docs-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-formations-home {
  background-image: url(../img/home-formations-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-formations-home:hover {
  background-image: url(../img/home-formations-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-informatique-home {
  background-image: url(../img/home-informatique-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-informatique-home:hover {
  background-image: url(../img/home-informatique-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-jobs-home {
  background-image: url(../img/home-jobs-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-jobs-home:hover {
  background-image: url(../img/home-jobs-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-rh-home {
  background-image: url(../img/home-rh-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-rh-home:hover {
  background-image: url(../img/home-rh-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shortlink-sante-home {
  background-image: url(../img/home-sante-icon-normal-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}
.shortlink-sante-home:hover {
  background-image: url(../img/home-sante-icon-hover-v2.png) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.faq-question {
  color: #6f158a;
}

.faq-title a {
  font-size: .7rem;
  float: right !important;
}

.faq-reponse a {
  font-size: .7rem;
}

/*=======================
  $FOOTER
  =====================*/
.footer {
  background: #fff;
  color: #fff;
  margin-bottom: 1em !important;
  margin-top: 4em;
  bottom: 0;
  padding: .5em 1em;
  font-size: .875rem;
  z-index: 4;
  border-top: 1px solid #d9d9d9;
}
.footer:before, .footer:after {
  clear: both;
  display: block;
  content: "";
}
.footer .partners-logos {
  float: left;
  width: 94%;
}
.footer .partners-logos ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer .partners-logos li {
  float: left;
  margin: 13px 1em 14px;
}
.footer .partners-logos a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
  display: block;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  text-indent: -999em;
}
.footer .partners-logos a:hover {
  background-position: bottom center;
}
.footer .partners-logos a.editus-logo {
  background-image: url(../img/logo-editus.png);
  height: 64px;
  width: 102px;
}
.footer .partners-logos a.mobiliteit-logo {
  background-image: url(../img/mobiliteit.png);
  height: 64px;
  width: 92px;
}
.footer .partners-logos a.resolux-logo {
  background-image: url(../img/resolux.png);
  height: 64px;
  width: 92px;
}
.footer .partners-logos a.etat-logo {
  background-image: url(../img/etat.png);
  height: 64px;
  width: 48px;
}
.footer .partners-logos a.arcus-logo {
  background-image: url(../img/arcus-logo.png);
  height: 64px;
  width: 54px;
}
.footer .partners-logos a.focus-logo {
    background-image: url(../img/logo-focus.gif);
    height: 34px;
    width: 104px;
    margin-top: 12px;
}
/* .footer .partners-logos a.fb-logo {
  background-image: url(../img/logo-facebook.png);
  height: 64px;
  width: 128px;
} */
.footer .partners-logos a.fb-logo {
  background-image: url(../img/logo-facebook-v2.png);
  height: 64px;
  width: 41px;
}
.footer .partners-logos a.bientraitance-logo {
  background-image: url(../img/logo-bientraitance.png);
  height: 64px;
  width: 128px;
}
.footer .partners-logos a.men-logo {
  background-image: url(../img/logo-men-v2.png);
  height: 64px;
  width: 75px;
}
.footer .partners-logos a.picresize-logo {
  background-image: url(../img/logo-picresize.png);
  height: 64px;
  width: 130px;
}
.footer .partners-logos a.guichet-logo {
  background-image: url(../img/logo-guichet.png);
  height: 64px;
  width: 130px;
}
.footer .partners-logos a.gmaps-logo {
  background-image: url(../img/gmaps-logo.png);
  height: 64px;
  width: 80px;
}
.footer .counter-connected-users {
  float: left;
  text-align: center;
  width: 6%;
  line-height: 90px;
}
.footer .counter-connected-users a {
  text-decoration: none;
  color: #74cbc8;
  font-weight: bold;
  text-decoration: underline;
}
.footer .counter-connected-users a:hover {
  text-decoration: none;
}

/*======================= $FOOTER =====================*/
.footer.footer-alt {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 -17px 25px -25px rgba(0, 0, 0, 0.75), inset 0 4px 10px -3px #7d7d7d;
  -moz-box-shadow: 0 -17px 25px -25px rgba(0, 0, 0, 0.75), inset 0 4px 10px -3px #7d7d7d;
  box-shadow: 0 -17px 25px -25px rgba(0, 0, 0, 0.75), inset 0 4px 10px -3px #7d7d7d;
  background: #fff;
  color: #fff;
  margin-bottom: 0 !important;
  margin-top: 4em;
  bottom: 0;
  padding: .5em 1em;
  font-size: .875rem;
  z-index: 4;
  border-top: 1px solid #B6B6B6;
}

.footer.footer-alt2 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 -17px 25px -25px rgba(0, 0, 0, 0.75), inset 0 4px 10px -3px #7d7d7d;
  -moz-box-shadow: 0 -17px 25px -25px rgba(0, 0, 0, 0.75), inset 0 4px 10px -3px #7d7d7d;
  box-shadow: 0 -17px 25px -25px rgba(0, 0, 0, 0.75), inset 0 4px 10px -3px #7d7d7d;
  background: rgba(125, 125, 125, 0.7);
  color: #fff;
  margin-bottom: 0 !important;
  margin-top: 4em;
  bottom: 0;
  padding: .5em 1em;
  font-size: .875rem;
  z-index: 4;
  border-top: 1px solid #B6B6B6;
}

/*=======================
  $DISCUSSIONS
  =====================*/
.box-discussions ul {
  list-style-type: none;
  padding: 0;
}
.box-discussions .discussion-item {
  font-size: 14px;
  line-height: 1.5;
  padding: 0 0 1em;
  margin: 0 0 1em;
  border-bottom: 1px solid #ededed;
}
.box-discussions .discussion-item p {
  color: #222;
  font-size: 12px;
  margin: 0;
}
.box-discussions .discussion-item .date {
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  color: #c2c2c2;
  /*color: #222;*/
}
.box-discussions .discussion-item .date a {
  color: #c2c2c2;
  /*color: #222;*/
}
.loca{
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  color: #222;
}

.loca a{
  color: #222;
}
.box-discussions .discussion-item a:hover {
  text-decoration: none;
}
.box-discussions .discussion-title {
  margin: 0;
}
.box-discussions .discussion-title a {
  color: #6f158a;
  text-decoration: none;
}
.box-discussions .discussion-title a:focus, .box-discussions .discussion-title a:hover {
  color: #666;
}

/*=======================
  $NEWS
  =====================*/

.box-news{
  padding: 0 25px;
}

.box-news ul {
  list-style-type: none;
  padding: 0;
}

.news-item {
  border-bottom: 1px solid #ededed;
  font-size: 14px;
  line-height: 1.5;
  padding: 0 0 1em;
  margin: 0 0 1em;
}
.news-item .news-title {
  margin: 0;
}
.news-item .news-title a {
  color: #6f158a;
  text-decoration: none;
}
.news-item .news-title a:focus, .news-item .news-title a:hover {
  color: #666;
}
.news-item .date {
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  color: #c2c2c2;
}
.news-item p:not(.date) {
  margin-top: 0;
}
.news-item p:last-of-type {
  margin-bottom: 0;
}

/*=======================
  $SEARCH
  =====================*/
.search-module [type=text] {
  width: 84%;
  margin-right: 2%;
}

.search-module [type=submit] {
  width: 13%;
}

/*=======================
  $LOGIN FORM
  =====================*/
#loginForm, #renewPwdForm {
  max-width: 350px;
  margin: 1em auto;
}
#loginForm label, #renewPwdForm label {
  display: block;
  font-weight: bold;
}
#loginForm input, #renewPwdForm input {
  width: 100%;
}

/*=======================
  $HOME SCREEN
  =====================*/
.homescreen {
  max-width: 600px;
  margin: 1em auto;
  display: block;
  text-align: center;
}
.homescreen p {
  margin-top: 55px;
  text-align: center;
}
.homescreen input[type=text] {
  display: block;
  width: 100%;
}
.homescreen input[type=submit] {
  display: inline-block;
}
.homescreen.logo {
  margin-top: 10em;
}
.homescreen.logo img {
  max-width: 308px;
  height: auto;
}

/*=======================
  $NOTIFICATIONS PANEL
  =====================*/

.icon-notif-center{
  float: left;
  font-size: 1.5em;
  position: absolute;
}

.icon-notif-center span{
  font-size: 12px;
  font-weight: 100;
  position: absolute;
  top: 27px;
}

.list-icon-notif-center{
  display: block;
  height: 45px;
}


.notifications-nav ul,
.notifications-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.notifications-nav ul:after,
.notifications-list:after {
  content: "";
  display: table;
  clear: both;
}

.notification-nav-item {
  float: left;
  margin-right: 1em;
}
.notification-nav-item:last-child {
  margin-right: 0;
}
.notification-nav-item a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: .7rem;
  text-transform: uppercase;
  display: block;
  padding: .5em;
  background: #222;
}
.notification-nav-item a:hover, .notification-nav-item a:focus {
  background: #74cbc8;
}

.notification-nav-item--right {
  float: right;
}
.notification-nav-item--right a {
  margin: 0px 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: .125em .555em;
  font-size: 18px;
}

.notifications-content-panel {
  position: absolute;
  right: -1.8em;
  font-size: 14px;
  width: 225px;
  z-index: 3000;
}
.notifications-content-panel a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.notifications-content-panel .notification-list-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin-left: 0;
  padding: 10px 10px 10px 42px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  display: block;
}
.notifications-content-panel .notification-list-item:before {
  left: 10px;
}

.notification-list-item {
  margin-left: 32px;
  margin-bottom: 8px;
  position: relative;
  width: 85%;
}

.notification-list-item a {
  width: 90%;
  /*display: block;*/
  display: inline-block;
  float: left;
}

.notification-list-item a:hover {
  color: #ccc;
}

.notification-list-item:before {
  position: absolute;
  left: -32px;
  content: "";
  display: block;
  float: left;
  font-family: entypo;
  width: 32px;
  height: 32px;
  font-size: 1em;
  line-height: 1.5;
}
.notification-list-item:after {
  display: table;
  content: "";
  clear: both;
}
.notification-list-item.notification-item-agenda:before {
  content: "\e851";
}
.notification-list-item.notification-item-discussion:before {
  content: "\e803";
}
.notification-list-item.notification-item-close:before {
  content: "\e835" !important;
}
.notification-list-item .notification-item-date {
  display: block;
  color: #c2c2c2;
  font-size: 12px;
}

.notification-delete{
  font-size: 15px;
  margin: 0px 0px 0px 10px;
  position: absolute;
  top: 25%;
  right: -6px;
  cursor: pointer;
  display: none;
  background-color: #222;
  border-radius: 50%;
  width: 21px;
  text-align: center;
  height: 21px;
  -webkit-transition:background-color 250ms linear;webkit-moz-transition:background-color 250ms linear;mozilla-o-transition:background-color 250ms linear;operatransition:background-color 250ms linear;
}

.notification-delete:hover{
  background-color: #74cbc8;
}

span.notification-link{
  width: 90%;
  display: block;
  float: left;
  font-weight: bold;
  cursor: pointer;
}

/*=======================
  $FORMS
  =====================*/
input, select, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: .5em;
}

label {
  padding: .5em 0;
}

input[type=text], input[type=email], input[type=password],input[type=date], select, textarea {
  background: #fafafa;
  border: 1px solid #ededed;
  color: #222;
}

input[type=color] {
  border: none;
  padding: 0;
}

textarea {
  min-height: 100px;
  width: 100%;
}

/*=======================
  $DATA LISTS
  =====================*/
.data-list, .data-list__forum {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.data-list .data-list-row, .data-list__forum .data-list-row {
  border-bottom: 1px solid #ededed;
  padding: .725em 0;
  font-size: .875em;
}
.data-list .data-list-row:first-child, .data-list__forum .data-list-row:first-child {
  border-top: 1px solid #ededed;
}

.search-result-event a {
  display: block;
}

.doc-name a,
.user-name a {
  text-decoration: none;
}

.doc-filename {
  font-size: .8em;
  color: #c2c2c2;
}

.doc-actions,
.user-actions {
  float: right;
  margin-top: -0.35em;
}
.doc-actions .action-label,
.user-actions .action-label {
  display: none;
}
.doc-actions a,
.user-actions a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: left;
  text-decoration: none;
  color: #c2c2c2;
  background: #fff;
  padding: .5em;
  height: 16px;
  width: 16px;
  margin-left: .5em;
}
.doc-actions a:hover, .doc-actions a:focus,
.user-actions a:hover,
.user-actions a:focus {
  background: #71188b;
  color: #fff;
}
.doc-actions a:before,
.user-actions a:before {
  font-family: 'entypo';
  display: block;
  float: none;
  text-align: center;
  font-size: 1em;
  line-height: 1;
}
.doc-actions .action-download:before,
.user-actions .action-download:before {
  content: "\e812";
}
.doc-actions .action-update:before,
.user-actions .action-update:before {
  content: "\e834";
}
.doc-actions .action-delete:before,
.user-actions .action-delete:before {
  content: "\e814";
}

.doc-type-icon {
  display: block;
  height: 16px;
  padding: .5em;
  margin-right: .5em;
  margin-top: -.4em;
  float: left;
}
.doc-type-icon:before {
  font-family: 'entypo';
  display: block;
  float: left;
  font-size: 1em;
  line-height: 1;
}

.action-btns {
  display: block;
  margin-bottom: 1em;
}

.action-btn {
  font-size: .875em;
  text-transform: none;
}

.data-list__forum .data-list-row {
  position: relative;
  overflow: hidden;
  padding: .5em 0;
  width: 100%;
}

.data-list-row__title {
  font-weight: bold;
  text-transform: uppercase;
}

.data-list-row__forum-reponse_author {
  width: 128px;
  float: left;
  padding: .8em 0;
}

.data-list-row__forum-reponse_message {
  width: -moz-calc(100% - 128px);
  width: -o-calc(100% - 128px);
  width: -webkit-calc(100% - 128px);
  width: calc(100% - 128px);
  padding-right: -moz-calc(100% - (100% - (64px + 1.2%) ));
  padding-right: -o-calc(100% - (100% - (64px + 1.2%) ));
  padding-right: -webkit-calc(100% - (100% - (64px + 1.2%) ));
  padding-right: calc(100% - (100% - (64px + 1.2%) ));
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: .8em 0;
  padding-left: 1.2em;
}

.forum-reponse_author-avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  border: 4px solid #fff;
  display: block;
  width: 64px;
  height: auto;
  margin: 0 auto 1em;
}
.forum-reponse_author-avatar.user-card-connected {
  -webkit-animation: pulse 2s infinite;
  /* Safari 4+ */
  -moz-animation: pulse 2s infinite;
  /* Fx 5+ */
  -o-animation: pulse 2s infinite;
  /* Opera 12+ */
  animation: pulse 2s infinite;
  /* IE 10+ */
  border: 4px solid #fff;
}

.forum-reponse_author-name {
  display: block;
  text-align: center;
}
.forum-reponse_author-name a {
  text-decoration: none;
  font-weight: bold;
}

.data-list-row__forum-reponse_meta {
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  color: #c2c2c2;
}

.data-list-row__forum-reponse_content p:first-child {
  margin-top: .25em;
}
.data-list-row__forum-reponse_content p:last-child {
  margin-bottom: 0;
}
.data-list-row__forum-reponse_content p > img {
  max-width: 100%;
  height: auto;
}

.data-list-row__forum-name {
  display: block;
  width: 70%;
  height: 20px;
  padding: 10px 0;
  float: left;
}

.data-list-row__forum-count,
.data-list-row__forum-last {
  display: block;
  width: 14.5%;
  height: 40px;
  float: left;
}

.data-list-row__forum-count,
.data-list-row__title .data-list-row__forum-last {
  width: 7.25%;
  height: 20px;
  padding: 10px 0;
}

.data-list-row__title .data-list-row__forum-last {
  width: 14.5%;
}

.user-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 26px;
  height: auto;
  margin-right: 8px;
  position: relative;
}

#avatar_placeholder {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.data {
  margin: 1.5em auto;
  font-size: 14px;
}
.data thead {
  text-align: left;
  border-bottom: 2px solid #999;
  text-transform: uppercase;
  font-size: 12px;
}
.data thead th {
  padding: 8px 4px;
}
.data tbody td {
  padding: 8px 4px;
  line-height: 1.6em;
}
.data tbody tr {
  border-bottom: 1px solid #ededed;
}
.data tbody tr:hover {
  background: #ecf9ff;
  color: #333;
  cursor: default;
}

/*=======================
  $USER CARDS
  =====================*/
.user-card {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 20px !important;
  min-height: 152px;
  margin: 0 20px 20px 0px;
}
@media only screen and (min-width: 1441px) {
  .user-card {
    min-height: 115px;
  }
}
.user-card::before, .user-card::after {
  content: '';
  display: block;
  clear: both;
}
.user-card .user-avatar-placeholder {
  width: 72px;
  height: auto;
  float: left;
}
.user-card .user-avatar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  border: 4px solid #fff;
  width: 100%;
  height: auto;
}
.user-card.user-card-connected .user-avatar-placeholder::after {
  content: 'online';
  display: block;
  text-align: center;
  color: #74cbc8;
  font-size: .75em;
  margin-top: .5em;
  font-weight: bold;
}
.user-card.user-card-connected .user-avatar {
  -webkit-animation: pulse 2s infinite;
  /* Safari 4+ */
  -moz-animation: pulse 2s infinite;
  /* Fx 5+ */
  -o-animation: pulse 2s infinite;
  /* Opera 12+ */
  animation: pulse 2s infinite;
  /* IE 10+ */
  border: 4px solid #fff;
  display: block;
  position: relative;
}
.user-card .user-description {
  max-width: -moz-calc(100% - 72px - 1em);
  max-width: -o-calc(100% - 72px - 1em);
  max-width: -webkit-calc(100% - 72px - 1em);
  max-width: calc(100% - 72px - 1em);
  float: left;
  margin-left: 1em;
}
.user-card .user-description p {
  margin: 0;
  font-size: .85em;
}
.user-card .user-description .user-name {
  font-weight: bold;
}
.user-card .user-description .user-name,
.user-card .user-description .user-institution,
.user-card .user-description .user-service {
  display: block;
}
.user-card .user-description .user-function,
.user-card .user-description .user-institution,
.user-card .user-description .user-service,
.user-card .user-description .user-telephone {
  color: #666;
}

/*=======================
  $Galeries photo
  =====================*/
.photo-holder {
  display: inline-block;
  width: 180px;
  height: 180px;
  padding: 0 5px 10px;
  position: relative;
}

.photo-holder img {
  display: block;
}

.photo-holder img, .photo-holder .photo-actions {
  position: absolute;
}

.photo-holder .photo-actions {
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: .5em;
}

.photo-holder .photo-actions .select-as-cover,
.photo-holder .photo-actions .delete-photo {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  float: left;
  margin-right: .5em;
}

.photo-holder .photo-actions .select-as-cover:hover,
.photo-holder .photo-actions .select-as-cover:focus,
.photo-holder .photo-actions .delete-photo:hover,
.photo-holder .photo-actions .delete-photo:focus {
  background-color: rgba(111, 21, 128, 0.8);
}

.photo-holder .photo-actions .select-as-cover *,
.photo-holder .photo-actions .delete-photo * {
  visibility: hidden;
}

.photo-holder .photo-actions .select-as-cover.checked {
  background-color: #6f158a;
}

.photo-holder .photo-actions .select-as-cover {
  background-image: url(../img/save-as-cover.png);
  background-size: 100%;
}

.photo-holder .photo-actions .delete-photo {
  background-image: url(../img/delete-photo.png);
  background-size: 100%;
}

.galthumb {
  margin-bottom: 10px;
  /*&:nth-child(4n) figure {
      margin-right: 0;
  }*/
}

.galthumb figure {
  position: relative;
  margin-right: 10px;
}

.galthumb figure img {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.galthumb figure > a {
  position: relative;
  display: block;
  border: 0;
}

.galthumb figure > a .galthumb-overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 158px;
  background: url(../img/galthumb-overlay-b.png) center center;
  border-radius: 4px;
  z-index: 8;
  display: none;
}

.galthumb figcaption {
  font-size: .8571428571428571em;
  line-height: 1em;
  margin: .8em 0;
  clear: both;
}

.galthumb figcaption span {
  float: right;
  font-size: .855em;
  line-height: 1.2em;
  color: #8e8f8f;
}

.galthumb figcaption a {
  color: #6f158a;
  text-decoration: none;
  font-weight: bold;
  float: left;
}

.galthumb figcaption a:hover, .galthumb figcaption a:focus {
  color: #666;
}

.date_album {
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  color: #c2c2c2;
}

.delete-forum-notification {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  padding: 0 .3em;
  color: #fff !important;
  background: #c5c5c5;
  text-decoration: none;
  line-height: 1.25;
  margin-left: 5px;
}

.delete-forum-notification:hover .delete-forum-notification-label {
  display: inline-block;
}

.delete-forum-notification-label {
  font-size: .8em;
  margin: 0 2px;
  display: none;
}

/*=======================
  $ PEOPLE LIVE SEARCH
  =====================*/
#attendee {
  background: #fafafa;
  border: 1px solid #ededed;
  color: #222;
  border-radius: 4px;
  margin: 0;
  padding: 0;
}

#input {
  border: none;
  outline: none;
}

#livesearch {
  background: #efefef;
  border: 1px solid #ededed;
  border-radius: 4px;
  display: none;
  margin: 0 0 1em;
  max-height: 250px;
  overflow: auto;
}

.choice {
  display: block;
  padding: .2em 1em;
  cursor: pointer;
}
.choice:hover, .choice:focus {
  background: rgba(255, 255, 255, 0.8);
}

.attendee {
  background: #6f158a;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin: .1em .2em;
  padding: .1em .5em;
  font-size: .875em;
}

.attendee:first-child {
  margin-left: .5em;
}

.delete {
  display: inline-block;
  margin-left: .3em;
  padding: .3em;
  cursor: pointer;
}

/*=======================
  $PAGINATION
  =====================*/
/* === PAGINATION ===*/
.pagination {
  height: 40px;
  margin: 20px 0;
  clear: both;
  font-size: .875em;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  *zoom: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 0 14px;
  line-height: 38px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-radius: 3px 0 0 3px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.input-required:after {
  content: '*';
  color: #b50000;
  display: inline-block;
  margin-left: 4px;
}

.smallfont {
  font-size: 85%;
}

/*=======================
  $JS
  =====================*/
.js-display-toggle:hover {
  cursor: pointer;
}

/*=======================
  $GRID
  =====================*/
.grid {
  clear: both;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.grid:after {
  overflow: hidden;
  *zoom: 1;
}

.col-1,
.col-1-2,
.col-1-3, .col-2-3,
.col-1-4, .col-2-4, .col-3-4,
.col-1-6, .col-2-6, .col-3-6, .col-4-6, .col-5-6,
.col-1-8, .col-2-8, .col-3-8, .col-4-8, .col-5-8, .col-6-8, .col-7-8 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.col-1:last-of-type,
.col-1-2:last-of-type,
.col-1-3:last-of-type, .col-2-3:last-of-type,
.col-1-4:last-of-type, .col-2-4:last-of-type, .col-3-4:last-of-type,
.col-1-6:last-of-type, .col-2-6:last-of-type, .col-3-6:last-of-type, .col-4-6:last-of-type, .col-5-6:last-of-type,
.col-1-8:last-of-type, .col-2-8:last-of-type, .col-3-8:last-of-type, .col-4-8:last-of-type, .col-5-8:last-of-type, .col-6-8:last-of-type, .col-7-8:last-of-type {
  padding-right: 0;
}

.col-1 {
  width: 100%;
}

.col-1-8 {
  width: 12.5%;
}

.col-1-6 {
  width: 16.66%;
}

.col-1-4, .col-2-8 {
  width: 25%;
}

.col-1-3, .col-2-6 {
  width: 33.33%;
}

.col-3-8 {
  width: 37.5%;
}

.col-1-2, .col-2-4, .col-3-6, .col-4-8 {
  width: 50%;
}

.col-5-8 {
  width: 62.5%;
}

.col-2-3, .col-4-6 {
  width: 66.66%;
}

.col-3-4, .col-6-8 {
  width: 75%;
}

.col-5-6 {
  width: 83.33%;
}

.col-7-8 {
  width: 87.5%;
}

.unit {
  /*padding: 0 20px;*/
  margin-top: 0px;
}
.unit:not(h1) {
  padding-top: 10px;
  padding-bottom: 10px;
}
.unit > p:first-child {
  margin-top: 0;
}

/* helpers.css | based on HTML5 Boilerplate's Helper classes | http://bit.ly/V04ROk  */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /*
   * Extends the .visuallyhidden class to allow the element to be focusable
   * when navigated to via the keyboard: h5bp.com/p
   */
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 * 3. For IE 6/7 only. Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
  /* 3 */
}
.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}

/* plugins.css | styles for slideshow and lightbox plugins  */
/* ==========================================================================
/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php

/* CONTAINER
   ================================================== */
div.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative;
}

div.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
}

div.orbit > img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

div.orbit > a {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  display: none;
}

.orbit > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* TIMER
   ================================================== */
div.timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 1001;
}

span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(../img/orbit/rotator-black.png) no-repeat;
  z-index: 3;
}

span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}

span.rotator.move {
  left: 0;
}

span.mask.move {
  width: 40px;
  left: 0;
  background: url(../img/orbit/timer-black.png) repeat 0 0;
}

span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/orbit/pause-black.png) no-repeat;
  z-index: 4;
  opacity: 0;
}

span.pause.active {
  background: url(../img/orbit/pause-black.png) no-repeat 0 -40px;
}

div.timer:hover span.pause,
span.pause.active {
  opacity: 1;
}

/* CAPTIONS
   ================================================== */
.orbit-caption {
  display: none;
  font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}

.orbit-wrapper .orbit-caption {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}

/* DIRECTIONAL NAV
   ================================================== */
div.slider-nav {
  display: block;
}

div.slider-nav span {
  width: 78px;
  height: 100px;
  text-indent: -9999px;
  position: absolute;
  z-index: 1000;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
}

div.slider-nav span.right {
  background: url(../img/orbit/right-arrow.png);
  right: 0;
}

div.slider-nav span.left {
  background: url(../img/orbit/left-arrow.png);
  left: 0;
}

/* BULLET NAV
   ================================================== */
.orbit-bullets {
  position: absolute;
  z-index: 1000;
  list-style: none;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  padding: 0;
}

.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999;
  text-indent: -9999px;
  background: url(../img/orbit/bullets.jpg) no-repeat 4px 0;
  width: 13px;
  height: 12px;
  overflow: hidden;
}

.orbit-bullets li.active {
  color: #222;
  background-position: -8px 0;
}

.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}

.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  outline-style: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
}

#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat 0 0;
}

#cboxTopCenter {
  height: 25px;
  background: url(../img/border1.png) repeat-x 0 -50px;
}

#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat -25px 0;
}

#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat 0 -25px;
}

#cboxBottomCenter {
  height: 25px;
  background: url(../img/border1.png) repeat-x 0 -75px;
}

#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat -25px -25px;
}

#cboxMiddleLeft {
  width: 25px;
  background: url(../img/border2.png) repeat-y 0 0;
}

#cboxMiddleRight {
  width: 25px;
  background: url(../img/border2.png) repeat-y -25px 0;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 35px;
}

#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #999;
}

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}

#cboxPrevious {
  position: absolute;
  bottom: 50%;
  left: 10px;
  background: url(../img/gauche_diapo.png) no-repeat;
  width: 30px;
  height: 52px;
  text-indent: -9999px;
  border: 0px;
  outline-style: none;
}

#cboxNext {
  position: absolute;
  bottom: 50%;
  right: 10px;
  background: url(../img/droite_diapo.png) no-repeat;
  width: 30px;
  height: 52px;
  text-indent: -9999px;
  border:0px;
  outline-style: none;
}

#cboxLoadingOverlay {
  background: white url(../img/loading.gif) no-repeat 5px 5px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  border:0px;
}

#cboxClose:hover {
  background-position:-25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
  background: url(../img/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
  background: url(../img/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
  background: url(../img/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
  background: url(../img/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
  background: url(../img/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
  background: url(../img/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
  background: url(../img/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
  background: url(../img/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/*
 * FullCalendar v1.6.3 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
}

html .fc,
.fc table {
  font-size: .9em;
}

.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
}

/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap;
}

.fc-header-left {
  width: 25%;
  text-align: left;
}

.fc-header-center {
  text-align: center;
}

.fc-header-right {
  width: 25%;
  text-align: right;
}

.fc-header-title {
  display: inline-block;
  vertical-align: top;
}

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
}

/* buttons edges butting together */
.fc-header .fc-button {
  margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
  /* theme */
  margin-right: 0;
  /* back to normal */
}

/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
}

/* Content
------------------------------------------------------------------------*/
.fc-content {
  clear: both;
  zoom: 1;
  /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
  width: 100%;
  overflow: hidden;
}

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,
.fc-widget-content {
  /* <td>, usually */
  border: 1px solid #ddd;
}

.fc-state-highlight {
  /* <td> today cell */
  /* TODO: add .fc-today to <th> */
  background: #fcf8e3;
}

.fc-cell-overlay {
  /* semi-transparent rectangle while dragging */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 .6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*
    Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
    and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
  margin: 0 .1em;
  font-size: 2em;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline;
  /* for IE7 */
}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
  /* for &lsaquo; &rsaquo; */
  font-weight: bold;
}

/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
}

.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
  z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}

.fc-event {
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  color: #fff;
  /* default TEXT color */
  font-size: .85em;
  cursor: default;
}

a.fc-event {
  text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
  cursor: pointer;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fc-event-time,
.fc-event-title {
  padding: 0 1px;
}

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  /* hacky spaces (IE6/7) */
  font-size: 300%;
  /* */
  line-height: 50%;
  /* */
}

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* resizable */
.fc-event-hori .ui-resizable-e {
  top: 0           !important;
  /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
  top: 0           !important;
  left: -3px       !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
  /* IE6 had 0 height */
}

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center;
}

.fc .fc-week-number {
  width: 22px;
  text-align: center;
}

.fc .fc-week-number div {
  padding: 0 2px;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
  /* distance between events and day edges */
}

/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold;
}

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
}

.fc-agenda .fc-week-number {
  font-weight: bold;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}

/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 34px;
  /* TODO: doesnt work well in quirksmode */
  _height: 34px;
}

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
}

/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid;
  /* doesn't work with background in IE6/7 */
}

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
  border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
}

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
}

.fc-event-vert .fc-event-bg {
  /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
}

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
  display: none\9;
  /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */
.fc-event-vert .ui-resizable-s {
  bottom: 0        !important;
  /* importants override pre jquery ui 1.7 styles */
  width: 100%      !important;
  height: 8px      !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px  !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
  /* TODO: better selector */
  _overflow: hidden;
}

/*
------------------------------
    Impromptu
------------------------------
*/
.jqifade {
  position: absolute;
  background-color: #777777;
}

div.jqi {
  width: 80% !important;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  position: absolute;
  background-color: #ffffff;
  font-size: 11px;
  text-align: left;
  border: solid 1px #eeeeee;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 7px;
}

div.jqi {
  width: 80% !important;
}

div.jqi .jqiclose {
  position: absolute;
  top: 4px;
  right: -2px;
  width: 18px;
  cursor: default;
  color: #bbbbbb;
  font-weight: bold;
}

div.jqi .jqistate {
  background-color: #fff;
}

div.jqi .jqititle {
  padding: 5px 10px;
  font-size: 16px;
  line-height: 20px;
  border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
  padding: 10px;
  line-height: 20px;
  color: #444444;
}

div.jqi .jqibuttons {
  text-align: right;
  margin: 0 -7px -7px -7px;
  border-top: solid 1px #e4e4e4;
  background-color: #f4f4f4;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
  margin: 0;
  padding: 15px 20px;
  background-color: transparent;
  font-weight: normal;
  border: none;
  border-left: solid 1px #e4e4e4;
  color: #777;
  font-weight: bold;
  font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
  color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
  color: #287ade;
  outline: none;
}

.jqiwarning .jqi .jqibuttons {
  background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after {
  background-color: #777;
  opacity: 0.6;
  filter: alpha(opacity=60);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
  padding: 7px;
  border: solid 1px #eeeeee;
  border-top: none;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
  padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow {
  position: absolute;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  border: solid 10px transparent;
}

.jqi .jqiarrowtl {
  left: 10px;
  top: -20px;
  border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
  left: 50%;
  top: -20px;
  border-bottom-color: #ffffff;
  margin-left: -10px;
}

.jqi .jqiarrowtr {
  right: 10px;
  top: -20px;
  border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
  left: 10px;
  bottom: -20px;
  border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
  left: 50%;
  bottom: -20px;
  border-top-color: #ffffff;
  margin-left: -10px;
}

.jqi .jqiarrowbr {
  right: 10px;
  bottom: -20px;
  border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
  left: -20px;
  top: 10px;
  border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
  left: -20px;
  top: 50%;
  border-right-color: #ffffff;
  margin-top: -10px;
}

.jqi .jqiarrowlb {
  left: -20px;
  bottom: 10px;
  border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
  right: -20px;
  top: 10px;
  border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
  right: -20px;
  top: 50%;
  border-left-color: #ffffff;
  margin-top: -10px;
}

.jqi .jqiarrowrb {
  right: -20px;
  bottom: 10px;
  border-left-color: #ffffff;
}

/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
.uploadify {
  position: relative;
  margin-bottom: 1em;
}

.uploadify-button {
  background-color: #505050;
  background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #707070));
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #808080;
  color: #FFF;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  padding: 0 .5em;
}

.uploadify:hover .uploadify-button {
  background-color: #606060;
  background-image: linear-gradient(top, #606060 0%, #808080 100%);
  background-image: -o-linear-gradient(top, #606060 0%, gray 100%);
  background-image: -moz-linear-gradient(top, #606060 0%, gray 100%);
  background-image: -webkit-linear-gradient(top, #606060 0%, gray 100%);
  background-image: -ms-linear-gradient(top, #606060 0%, gray 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #606060), color-stop(1, gray));
  background-position: center bottom;
}

.uploadify-button.disabled {
  background-color: #D0D0D0;
  color: #808080;
}

.uploadify-queue {
  margin-bottom: 1em;
}

.uploadify-queue-item {
  background-color: #F5F5F5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font: 11px Verdana, Geneva, sans-serif;
  margin-top: 5px;
  max-width: 350px;
  padding: 10px;
}

.uploadify-error {
  background-color: #FDE5DD !important;
}

.uploadify-queue-item .cancel a {
  background: url("../img/uploadify-cancel.png") 0 0 no-repeat;
  float: right;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}

.uploadify-queue-item.completed {
  background-color: #E5E5E5;
}

.uploadify-progress {
  background-color: #E5E5E5;
  margin-top: 10px;
  width: 100%;
}

.uploadify-progress-bar {
  background-color: #0099FF;
  height: 3px;
  width: 1px;
}

/* jQuery UI - v1.10.3 - 2014-01-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.datepicker.css, jquery.ui.slider.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

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

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eeeeee url(../img/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url(../img/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url(../img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url(../img/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: white url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(../img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(../img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #fff;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(../img/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../img/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(../img/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(../img/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(../img/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(../img/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(../img/ui-icons_ffd27a_256x240.png);
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
  background: #666666 url(../img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: black url(../img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
  -webkit-pointer-events: none;
}

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: none;
  position: fixed;
  z-index: 100;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  -moz-animation: nprogress-spinner 400ms linear infinite;
  -ms-animation: nprogress-spinner 400ms linear infinite;
  -o-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes nprogress-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes nprogress-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes nprogress-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }

  50% {
    -webkit-box-shadow: 0 0 0 2px #74cbc8;
    -moz-box-shadow: 0 0 0 2px #74cbc8;
    box-shadow: 0 0 0 2px #74cbc8;
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }

  50% {
    -webkit-box-shadow: 0 0 0 2px #74cbc8;
    -moz-box-shadow: 0 0 0 2px #74cbc8;
    box-shadow: 0 0 0 2px #74cbc8;
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }
}

@-o-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }

  50% {
    -webkit-box-shadow: 0 0 0 2px #74cbc8;
    -moz-box-shadow: 0 0 0 2px #74cbc8;
    box-shadow: 0 0 0 2px #74cbc8;
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }

  50% {
    -webkit-box-shadow: 0 0 0 2px #74cbc8;
    -moz-box-shadow: 0 0 0 2px #74cbc8;
    box-shadow: 0 0 0 2px #74cbc8;
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    -moz-box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
    box-shadow: 0 0 0 2px rgba(116, 203, 200, 0.1);
  }
}

#nprogress .bar {
  background: #6f158a;
}

/* Fancy blur effect */
#nprogress .peg {
  box-shadow: 0 0 10px #6f158a, 0 0 5px #6f158a;
}

#nprogress .spinner-icon {
  border-top-color: #6f158a;
  border-left-color: #6f158a;
}

/*.rb-color-label {
  display: block;
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 6px;
  margin-left: 2px;
}*/

.rb-color-label {
    display: block;
    width: 20px;
    height: 9px;
    float: left;
    margin-right: 6px;
    margin-left: 2px;
    /*background-color: red;*/
    border-radius: 50%;
    /*z-index: 99999;*/
    cursor: pointer;
}



/*.rb-color-value {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 8px;
}*/

.rb-color-value {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
    /*z-index: -9999;*/
    margin-top: -4px;
    margin-left: 2px;
}

.color-rouge{
  color: #ff2d55;
}
.color-orange{
  color: #ff9500;
}
.color-jaune{
  color: #ffcc00;
}
.color-vert{
  color: #65db39;
}
.color-bleu{
  color: #34aadc;
}
.color-violet{
  color: #cc73e1;
}
.color-marron{
  color: #a2845e;
}
.color-noir{
  color: #222222;
}



.rb-color-value:hover {
  cursor: pointer;
}
.rb-color-value:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  /*content: "";*/
}
.rb-color-value:checked:after {
  border: 2px solid #fff;
}

#color-rouge.rb-color-value:after {
  /*background: #ff2d55;*/
}
#color-rouge.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #ff2d55;
  -moz-box-shadow: 0 0 0 1px #ff2d55;
  box-shadow: 0 0 0 1px #ff2d55;
}

#color-orange.rb-color-value:after {
  /*background: #ff9500;*/
}
#color-orange.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #ff9500;
  -moz-box-shadow: 0 0 0 1px #ff9500;
  box-shadow: 0 0 0 1px #ff9500;
}

#color-jaune.rb-color-value:after {
  /*background: #ffcc00;*/
}
#color-jaune.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #ffcc00;
  -moz-box-shadow: 0 0 0 1px #ffcc00;
  box-shadow: 0 0 0 1px #ffcc00;
}

#color-vert.rb-color-value:after {
  /*background: #65db39;*/
}
#color-vert.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #65db39;
  -moz-box-shadow: 0 0 0 1px #65db39;
  box-shadow: 0 0 0 1px #65db39;
}

#color-bleu.rb-color-value:after {
  /*background: #34aadc;*/
}
#color-bleu.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #34aadc;
  -moz-box-shadow: 0 0 0 1px #34aadc;
  box-shadow: 0 0 0 1px #34aadc;
}

#color-violet.rb-color-value:after {
  /*background: #cc73e1;*/
}
#color-violet.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #cc73e1;
  -moz-box-shadow: 0 0 0 1px #cc73e1;
  box-shadow: 0 0 0 1px #cc73e1;
}

#color-marron.rb-color-value:after {
  /*background: #a2845e;*/
}
#color-marron.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #a2845e;
  -moz-box-shadow: 0 0 0 1px #a2845e;
  box-shadow: 0 0 0 1px #a2845e;
}

#color-noir.rb-color-value:after {
  /*background: #222222;*/
}
#color-noir.rb-color-value:checked:after {
  -webkit-box-shadow: 0 0 0 1px #222222;
  -moz-box-shadow: 0 0 0 1px #222222;
  box-shadow: 0 0 0 1px #222222;
}

.data-list-row__forum-reponse_content p > img.forum_post_picture {
  max-width: calc(25% - 10px);
  height: auto;
  border-radius: 2px;
  float: left;
  margin-right: 10px;
}

.forum_post_pictures_wrapper {
  display: flex;
  flex-wrap: wrap;
}

.forum_post_picture_container {
  flex: 1;
  min-width: 25%;
  overflow: auto;
  border-radius: 2px;
  border: 5px solid white;
}

img.forum_post_picture {
  max-width: 100%;
  height: auto;
  border-radius: 2px;
}


.acces-intranet{
  /*text-align: center;
  background-color: #74cbc8;
  text-decoration: none;
  color: #FFF;
  padding: 20px;
  font-weight: bold;
  display: block;
  width: 150px;
  margin: 50px auto;
  border-radius: 4px;*/
  text-align: center;
  text-decoration: none;
  color: #7C2E81;
  /* padding: 20px; */
  display: block;
  width: 250px;
  margin: 7% auto;
  border-radius: 4px;
  font-size: 26px;
  font-weight: 100;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.acces-intranet:hover{
  /*background-color: #6E1873;*/
  /*text-decoration: underline;*/
  color: #74cbc8;
}

.magazine{
    width: 150px;
    float: left;
    margin: 3px 20px 10px 0px;
    font-size: 12px;
    line-height: 1.3;
}

.magazine a{
    text-decoration: none;
}

.magazine a p {
    margin: 5px 0px 0px 0px;
    font-weight: bold;
}

.magazine a p span.datemagazine{
    color: #A3A3A3;
    font-weight: 400;
}

.magazine a p span.soustitremagazine{
    color: #000000;
    font-weight: 400;
}

.nbclic {
  float: right;
  margin-top: 1px;
  color: #C2C2C2;
  font-style: italic;
}

#verifpopup1{
    z-index: 500;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    display: block;
    background: url(../img/bg_fade.png) repeat scroll rgba(0, 0, 0, 0.55);
    display: none;
}

.form_verif_popup h1 {
  color : #6f158a;
}
.form_verif_popup_h1 { margin-bottom: .2em; }
.form_verif_popup_h2 { margin-top: 0; }

.form_verif_popup .btn.btnmargin { margin-top: .66em; }

#verifpopup2{
    z-index: 500;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    display: block;
    background: url(../img/bg_fade.png) repeat scroll rgba(0, 0, 0, 0.55);
    display: none;
}

#verifpopup3{
    z-index: 500;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    display: block;
    background: url(../img/bg_fade.png) repeat scroll rgba(0, 0, 0, 0.55);
    display: none;
}

#verifpopup4{
    z-index: 500;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    display: block;
    background: url(../img/bg_fade.png) repeat scroll rgba(0, 0, 0, 0.55);
    display: none;
}

#verifpopup5{
    z-index: 500;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    display: block;
    background: url(../img/bg_fade.png) repeat scroll rgba(0, 0, 0, 0.55);
    display: none;
}

p.charte-utilisation{
  max-height: 190px;
  overflow-y: auto;
  background-color: #F5F5F5;
  padding: 35px;
  border-radius: 3px;
  box-shadow: #C3C3C3 0px 0px 10px inset;
  margin: 0px;
}

.form_verif_popup{
    width: 65%;
    height: auto;
    position: absolute;
    top: 9%;
    left: 17.5%;
    opacity: 1;
    overflow: visible;
    background-color: rgba(255,255,255,.85);
    box-shadow: 0 0px 20px rgba(0,0,0,.5);
    border-radius: 3px;
    padding: 10px 25px;
}

.form_verif_popup form {
    padding: 0px 25px 25px 25px;
    height: auto;
}

.form_verif_popup label{
  text-align: right;
  padding-right: 15px !important;
  width: 20%;
  display: block;
  float: left;
  font-weight: bold;
}

.form_verif_popup .btn{
  width: 120px;
  margin-top: 20px;
}

.form_verif_popup input{
  width: 65%
}

.form_verif_popup input[type="checkbox"]{
  width: 3%;
}

.form_verif_popup img{
  border-radius: 50%;
  width: 18%;
  display: block;
  margin: auto;
  -webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5), 0 0 6px -1px rgba(0, 0, 0, 0.25);
  border: 4px solid #fff;
  padding: 5px;
  margin-bottom: 25px;
}

.desc_sujet{
  margin: 40px 20px 25px 20px;
  border-top: 1px solid #ededed;
  padding: 0px 20px 0px 0px;
}

#distance-location{
  position: absolute;
  float: left;
  top: 67px;
  padding: 20px;
  left: 673px;
  width: 200px;
  z-index: 1000;
  background: #FFF;
  box-shadow: #888888 0px 2px 5px;
  display: none;
}

#distance-form input{
  font-size: 14px;
  width: 100%;
  margin-bottom: 15px;
}

#distance-form input.btn{
  font-size: 12px;
  width: auto;
  margin: auto;
  display: block;
}

#distance-result{
  display: none;
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0px 0px 0px;
  text-align: center;
  color: #74cbc8;
}

#annuaire-filtre{
  text-align: center;
  margin-bottom: 15px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

#annuaire-filtre a{
  color: #74CBC8;
  text-decoration: none;
  margin: 0px 5px;
  font-size: 16px;
}

#annuaire-filtre a:hover{
  text-decoration: underline;
}

.verification-step {
  display: block;
  width: 10px;
  height: 10px;
  float: left;
  background-color: #FFF;
  border-radius: 50%;
  margin: 5px;
  border: 1px solid #CBCBCB;
}

.step-actif{
  background-color: #6f158a;
  border: 1px solid #6f158a;
}





/* JULIEN */
.grid.users {
  position: relative;
  z-index: 1;
}
.grid.users h2 { clear: both; }
.separateurFiltre { color: #74cbc8; }
.footer.logosCounter { position: relative; }
.footer.logosCounter .counter-connected-users {
  padding: .5em;
  position: absolute;
  top: -28px;
  right: 20px;
  float: none;
  overflow: hidden;
  text-align: center;
  width: auto;
  line-height: normal;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.footer.logosCounter .counter-connected-users a {
  color: #fff;
  text-decoration: none;
}
.footer.logosCounter .partners-logos {
  float:none;
  width: auto;
}
#annuaire-filtre.posFixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 0;
  background: #74cbc8;
  color: white;
  z-index: 2;
}
#annuaire-filtre.posFixed a {
  color: white;
}
.adduserclass .adduserclassHidden {
  display: none;
}

/* 
* DROPZONE - plugin pour l'upload d'avatar sur intranet 
* header.php - user.php?v=profil - upload.php - main-new.js - dropzone.js
*/
.zoneArcus {
    text-align: center;
}
div#dropZoneArcus {
    min-height: 150px;
    border: 2px dashed #efefef;
    background: #f9f9f9;
    padding: 2em;
    margin: 0 0 2em 0;
}
div#dropZoneArcus .dz-preview {
    margin: 0;
    background-color: transparent;
}
div#dropZoneArcus .dz-preview .dz-image {
    width: 200px;
    height: 200px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
div#dropZoneArcus .dz-preview .dz-image img {
    width: 100%;
}
div#dropZoneArcus .dz-preview .dz-details {
    top: calc(50% - 50px);
}
div#dropZoneArcus .dz-preview .dz-error-message {
    top: 14em;
    left: 0;
    right: 0;
    opacity: 1;
    margin: 0 auto;
}
div.getavatarplaceholder {
    overflow: hidden;
    margin: 2.2em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
img#avatar_placeholder {
    float: none;
}
/* END JULIEN */