/**
 * QuebecMunicipal v0.7.0
 * Watch and deployment script for Quebec Municipal
 * Quebec Municipal <code@quebecmunicipal.qc.ca>
*/
/********************************      Body      ********************************/
html,
body {
  height: 100%;
}
body {
  width: 100%;
  min-width: 980px;
  min-height: 600px;
  background: #FFFFFF url('/resources/images/left-side-bar/bg.gif') left top repeat-y;
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #3C3C3C;
}
.site-wide-notice {
  position: fixed;
  z-index: 9999999999;
  background: beige;
  color: #404040;
  font-size: 12pt;
  font-weight: bold;
  margin: 0px;
  padding: 8px;
  width: 100%;
}
.site-wide-notice p {
  margin: 0px;
  padding: 0px;
}
#body-wrapper {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
  background: url('/resources/images/right-side-bar/gradient.gif') right top repeat-y;
}
.layout-radio {
  margin: 0px 8px;
  vertical-align: middle;
}
/********************************      Body      ********************************/
/********************************      General Declarations      ********************************/
.clearboth {
  clear: both;
}
a {
  color: #0082A7;
  text-decoration: none !important;
}
a:hover {
  color: #3C3C3C;
}
h1 {
  font-family: TitilliumText22LRegular;
  color: #2D2D2D;
  font-size: 28pt;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 15px;
  line-height: 45px;
}
h2.title {
  font-family: TitilliumText22LRegular;
  color: #0082A7;
  font-size: 22pt;
  padding: 0 0 5px 0;
  margin-bottom: 8px;
  background-image: none;
  text-transform: none;
  text-shadow: 1px 1px 0 #F3F3F3, 1px 2px 0 #d7d7d7;
}
h2 {
  font-family: TitilliumText22LRegular;
  color: #0082A7;
  font-size: 21pt;
  padding: 0 0 5px 0;
  margin-bottom: 8px;
  background-image: none;
  text-transform: none;
}
h3 {
  font-family: TitilliumText22LRegular;
  color: #464646;
  font-size: 18pt;
  margin: 10px 0px;
  line-height: 30px;
}
h4 {
  font-family: TitilliumText22LRegular;
  color: #464646;
  font-size: 16pt;
  margin: 0px;
  line-height: 30px;
}
h5 {
  color: #464646;
  font-size: 12pt;
  margin: 10px 0px;
  line-height: 30px;
}
sup {
  font-size: 7pt;
}
.organisation_art {
  font-family: TitilliumText22LRegular;
  font-weight: bold;
  color: #0A7992;
  text-transform: uppercase;
}
/* Title with logo */
.title-w-logo {
  min-height: 80px;
  background: url('/resources/images/common/qm-logo.png') right 17px no-repeat;
  padding-right: 230px;
}
/* Title with logo */
/********************************      General Declarations      ********************************/
/********************************      Structure      ********************************/
#main-content {
  float: left;
  width: 200%;
  margin-left: -300px;
  position: relative;
  right: 100%;
}
#main-content #main-content-wrapper {
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 496px;
}
#center-content {
  float: left;
  width: 50%;
  position: relative;
  right: 196px;
  background: #FF0000 !important;
}
#center-content #center-content-wrapper {
  margin: 0px 300px 0px 196px;
  position: relative;
  left: 200%;
  overflow: hidden;
}
#left-side-bar {
  float: left;
  float: right;
  width: 196px;
  position: relative;
  background: url('/resources/images/left-side-bar/bg.gif') left top repeat-y;
}
#right-side-bar {
  float: left;
  float: right;
  width: 300px;
  position: relative;
  left: 50%;
}
/********************************      Structure      ********************************/
/********************************      Left Side Bar      ********************************/
#left-side-fixed {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1000;
}
#left-side-bar-wrapper {
  padding: 0px 10px;
}
.smallWindow #left-side-fixed {
  position: static !important;
  margin: 9px 0px 0px 9px;
  top: auto !important;
  left: auto !important;
}
#left-side-bar h2 {
  font-family: TitilliumText22LRegular;
  font-size: 14pt;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 15px 0px 5px 0px;
}
/* Main Menu */
#main-menu {
  list-style: none;
  display: block;
  margin: 20px 0px 0px 0px;
  padding: 10px 0px;
  border-top: 1px solid #636363;
  border-bottom: 1px solid #636363;
  width: 153px;
}
#main-menu li {
  list-style: none;
  margin-left: -20px;
  width: 196px;
}
#main-menu li a {
  font-family: TitilliumText22LBold;
  font-size: 10pt;
  text-transform: uppercase;
  color: #F0F0F0;
  text-decoration: none;
  display: block;
  padding: 8px 0px 8px 20px;
}
#main-menu li a:hover {
  color: #FFFFFF;
  background: transparent url("/resources/images/left-side-bar/submenu/has-submenu-hover.png") repeat-y top right;
}
#main-menu li a.active {
  color: #59CEDE;
}
#main-menu li.hovered {
  background: transparent url("/resources/images/left-side-bar/submenu/has-submenu-hover.png") repeat-y top right;
}
#main-menu li.hovered > a {
  background: transparent url("/resources/images/left-side-bar/submenu/arrow.png") no-repeat 175px center;
}
#main-menu li.hovered a:hover {
  text-decoration: none;
}
/* Main Menu */
/* Sub Menu */
.submenu-wrapper {
  display: none;
  position: absolute;
  top: -20px;
  width: 196px;
  height: 100%;
  left: 176px;
  background: #2D2D2D;
}
.submenu {
  margin-top: 97px;
}
#main-menu .submenu li {
  margin-left: 0;
}
.submenu li:hover {
  background: transparent url("/resources/images/left-side-bar/submenu/submenu-hover.png") repeat-y top right;
}
.submenu li:hover a {
  background: transparent url("/resources/images/left-side-bar/submenu/arrow.png") no-repeat 165px center;
}
/* Sub Menu */
/* Sharing */
#sharing-icons {
  border-bottom: 1px solid #636363;
  display: block;
  height: 37px;
  list-style: outside none none;
  margin: 10px 0 0;
}
#sharing-icons li {
  list-style: none;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px 2px 0px 0px;
}
#sharing-icons li.first {
  padding: 0 2px 0 0;
  border-left: 0px;
}
#sharing-icons li a {
  display: block;
  width: 28px;
  height: 28px;
}
#sharing-icons li a:hover {
  background: url('/resources/images/left-side-bar/sharing/shadow.png') right top no-repeat;
}
/* Sharing */
/* Newsletter */
#newsletter-box {
  padding-bottom: 16px;
  border-bottom: 1px solid #636363;
}
#left-side-bar h2#newsletter-title {
  display: inline-block;
  margin: 12px 0px 8px 0px;
  padding: 0px 25px 0px 0px;
  background: url('/resources/images/left-side-bar/newsletter/title-icon.png') right 3px no-repeat;
  border: 0px;
}
#newsletter-form {
  height: 21px;
}
#newsletter-form .input-text {
  background: url('/resources/images/left-side-bar/newsletter/input-bg.gif') left top repeat-x;
  height: 21px;
  display: block;
  float: left;
  overflow: hidden;
  padding: 0px 4px;
}
#newsletter-form .input-text #newsletter-email {
  background-image: none;
  background: transparent;
  border: 0;
  font-size: 8pt;
  color: #000000;
  padding: 0;
  margin: 4px 0 0 0;
  width: 120px;
}
#newsletter-form .watermark {
  color: #5b5b5b !important;
}
#newsletter-form input::-webkit-input-placeholder {
  color: #5b5b5b !important;
}
#newsletter-form input:-moz-placeholder {
  color: #5b5b5b !important;
}
#newsletter-form a {
  display: block;
  height: 21px;
  width: 21px;
  float: left;
  margin-left: 2px;
}
/* Large action button */
a.form_submit {
  background: #1887A2;
  /* for non-css3 browsers */
  background-image: linear-gradient(top, #3daabd 0%, #1887a2 100%);
  background: linear-gradient(linear, top, bottom, from(#3daabd), to(#1887a2));
  /* for webkit browsers */
  /* background: linear-gradient(center top , #3daabd 0%, #1887a2 100%) repeat scroll 0 0 transparent; */
  border: 1px solid #1887a2;
  border-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Calibri, arial, verdana, sans serif;
  text-decoration: none;
  font-size: 22px;
  font-weight: normal;
  margin: 0px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
a.form_submit:hover {
  background: #4DBACD;
  border-color: #4DBACD;
}
.container_button {
  background: #F3F3F3;
  margin: 0;
  padding: 25px 0;
  text-align: center;
  width: 100%;
  border-radius: 5px;
}
/* Newsletter */
/********************************      Left Side Bar      ********************************/
/********************************      Content      ********************************/
#content {
  background: #FFFFFF;
}
#content .gradient-box {
  background: #ffffff url('/resources/images/common/content-box-bg.gif') left bottom repeat-x;
}
#content .normal-spacing {
  padding: 10px 30px;
}
#content p {
  line-height: 21px;
  margin-bottom: 20px;
}
#content ul,
ol {
  margin: 5px 0px;
}
.errormessage2 ul li {
  display: block;
  line-height: 18px;
  list-style: none outside none;
  padding: 0px 0px 10px 15px;
  color: #D8000C;
  font-weight: bold;
}
.errormessage2 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("/resources/images/icone/warning.png") no-repeat scroll 0 0 #FFCCBA;
  border-color: #EDB1A2 #EDB1A2 #D18C7B;
  border-image: none;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 0 #FFFFFF inset;
  min-height: 38px;
  padding-left: 50px;
}
#right-side-bar ul li,
ol li {
  padding: 7px 0px 9px 0px;
  background: none;
}
h2.home-title {
  background: url('/resources/images/common/title-arrow.png') left 15px no-repeat;
  font-family: TitilliumText22LRegular;
  color: #2D2D2D;
  font-size: 18pt;
  text-transform: uppercase;
  padding: 14px 0 0 30px;
  border-bottom: none;
}
h2.home-title2 {
  background: url('/resources/images/common/title-arrow.png') left 10px no-repeat;
  font-family: TitilliumText22LRegular;
  color: #2D2D2D;
  font-size: 18pt;
  text-transform: uppercase;
  padding: 10px 0px 0px 30px;
  border-bottom: none;
}
h2.home-title a {
  display: inline-block;
  background: url('/resources/images/common/title-icon.gif') right center no-repeat;
  padding-right: 27px;
  margin-right: 20px;
  text-decoration: none;
  color: #3C3C3C;
}
#content #page-title-breadcrumbs {
  background: #f4f3f2;
  padding-bottom: 12px;
}
#content #page-title-breadcrumbs-form {
  background: #393939;
  padding-bottom: 12px;
}
#content #page-title-breadcrumbs h2,
#content #page-title-breadcrumbs-form h2 {
  margin: 0px;
  padding: 20px 0px 0px 30px;
  background-position: left center;
  font-size: 22pt;
  border-bottom: 0;
  text-transform: uppercase;
  background: url('/resources/images/common/title-arrow.png') left center no-repeat;
}
#content #page-title-breadcrumbs h1,
#content #page-title-breadcrumbs-form h1 {
  background: url('/resources/images/common/title-arrow.png') left center no-repeat;
  font-family: TitilliumText22LRegular;
  color: #2D2D2D;
  font-size: 22pt;
  text-transform: uppercase;
  padding: 10px 0px 0px 30px;
  margin: 0px;
  border: 0px;
}
#content #page-title-breadcrumbs-form h1 {
  color: #FFFFFF;
}
/* Breadcrumbs */
#breadcrumbs {
  margin-left: 30px;
  padding: 20px 0 7px 0;
  border-bottom: 1px solid #E1E0df;
  color: #9B9B9B;
  font-size: 11px;
}
#breadcrumbs a {
  color: #9B9B9B;
  text-decoration: none;
}
#breadcrumbs a:hover {
  color: #0082A7;
}
#breadcrumbs span {
  color: #0082A7;
}
/* Breadcrumbs */
/* Paging */
#list-paging {
  width: 100%;
}
#list-paging a {
  display: block;
  float: left;
  height: 17px;
  line-height: 17px;
  text-decoration: none;
  padding: 0px 7px;
  border-left: 1px solid #e1e0df;
  font-family: TitilliumText22LBold;
  color: #333333;
  font-size: 10pt;
}
#list-paging a img {
  margin-top: 3px;
}
#list-paging a:hover {
  color: #0082A7;
}
#list-paging a#previous-page {
  border: 0;
}
#list-paging a.active {
  color: #0082A7;
}
/* Paging */
/* User Toolbar */
.user-toolbar {
  height: 31px;
  float: right;
  margin: 18px 48px 0px 0px;
}
.user-toolbar a {
  display: block;
  float: left;
  border: 1px solid #D6D5D5;
  background: #F0F0F0;
  background: linear-gradient(#ffffff, rgba(200, 200, 200, 0.5));
  padding: 10px;
  margin-left: 10px;
  font-size: 8pt;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(25, 25, 25, 0.3);
  color: #333333;
  text-transform: uppercase;
  font-weight: bold;
}
.user-toolbar a:hover {
  background: #4DBACD;
  background: linear-gradient(#3cc8fa, rgba(40, 180, 230, 0.5));
  color: #F0F0F0;
}
.user-toolbar a.alert-btn {
  padding-left: 30px;
  background: url('/resources/images/common/user-toolbar-btn.gif') left top no-repeat;
}
.user-toolbar a.add-btn {
  padding-left: 27px;
  background: url('/resources/images/common/user-toolbar-btn.gif') left -29px no-repeat;
  box-shadow: 2px 2px 2px #909090;
}
/* User Toolbar */
/* In Page Toolbar */
.page-toolbar {
  height: 18px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 18px;
  margin-top: 18px;
  border-top: 1px solid #eaeaea;
  padding: 8px 0;
}
.page-toolbar .left {
  float: left;
}
.page-toolbar .right {
  float: right;
}
.page-toolbar a {
  display: block;
  float: left;
  height: 17px;
  line-height: 17px;
  text-decoration: none;
  padding: 0 0 0 20px;
  margin-right: 10px;
  font-family: TitilliumText22LBold;
  color: #333333;
  font-size: 10pt;
}
.page-toolbar .cmdTaille {
  background: url('/resources/images/common/font_size.png') left center no-repeat;
}
.page-toolbar .addthis_button {
  background: url('/resources/images/common/addthis.png') left center no-repeat;
}
.page-toolbar #print-btn {
  background: url('/resources/images/common/print.png') left center no-repeat;
}
.page-toolbar #calendar-btn {
  background: url('/resources/images/common/calendar.png') left center no-repeat;
}
.page-toolbar #share-btn {
  background: url('/resources/images/common/share.png') left center no-repeat;
}
.page-toolbar #apply-btn {
  background: url('/resources/images/common/apply.png') left center no-repeat;
}
.page-toolbar #back-to-list-btn {
  background: url('/resources/images/common/previous.png') left center no-repeat;
  padding-left: 22px;
}
.page-toolbar .left a {
  margin-left: 0px;
  margin-right: 20px;
}
/* In Page Toolbar */
/* Page Toolbar */
#page-toolbar {
  float: right;
  margin: 30px 65px 0px 0px;
}
#page-toolbar a {
  display: block;
  float: left;
  height: 17px;
  line-height: 17px;
  text-decoration: none;
  padding: 0 0 0 20px;
  margin-left: 20px;
  font-family: TitilliumText22LBold;
  color: #333333;
  font-size: 10pt;
}
#page-toolbar #print-btn {
  background: url('/resources/images/common/print.png') left center no-repeat;
}
#page-toolbar #share-btn {
  background: url('/resources/images/common/share.png') left center no-repeat;
}
#page-toolbar #back-to-list-btn {
  background: url('/resources/images/common/previous.png') left center no-repeat;
  padding-left: 22px;
}
/* Page Toolbar */
/********************************      Content      ********************************/
/********************************      Forms      ********************************/
.form-holder-hover {
  z-index: 2000;
  left: 196px;
  top: 0px;
  background: #393939;
}
.form-holder p {
  color: #E8E8E8;
}
.form-note {
  background: beige !important;
  color: #303030 !important;
  font-family: Verdana !important;
  font-size: 10pt !important;
  padding: 8px;
  border-style: solid;
  border-color: #E0E0E0;
  border-width: 1px;
}
.form-note * {
  font-family: Verdana !important;
  font-size: 10pt !important;
}
.form-note p {
  color: #303030;
  margin: 4px !important;
}
.form-note ul {
  list-style-type: square;
  list-style-position: inside;
}
.form-note li {
  margin: 8px 16px;
}
.form-note ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.form-note a:link,
.form-note a:visited,
.form-note a:active {
  color: #0082A7 !important;
  font-weight: bold;
}
.form-note a:hover {
  color: #3C3C3C !important;
}
.infomessage {
  background: #F0F0F0;
  color: #303030;
  font-family: Verdana;
  font-size: 10pt;
  padding: 5px;
  border-style: solid;
  border-color: #E0E0E0;
  border-width: 1px;
}
.infomessage p {
  color: #303030;
}
.infomessage a:link,
.infomessage a:visited,
.infomessage a:active {
  color: #306090 !important;
}
.form-holder .form-holder-wrapper {
  background: #393939;
  padding-bottom: 20px;
  width: 95%;
  margin: 0px 25px;
}
.form-holder h1 {
  text-transform: uppercase;
  font-size: 22pt;
  font-weight: normal;
  margin-bottom: 8px;
  padding: 10px 0px 0px 0px;
}
.form-holder h2 {
  color: #F0F0F0;
  font-size: 18pt;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}
.form-holder h3 {
  color: F0F0F0;
  font-size: 14pt;
  font-weight: normal;
  margin: 10px 0px;
}
.form-section h3 {
  color: #C8C8C8;
  font-size: 14pt;
  font-weight: normal;
  margin: 10px 0px;
}
.form-holder h1,
.form-holder h2,
.form-bg p {
  color: #FFFFFF !important;
  border: 0px;
}
.form-holder h4 {
  color: #D0D0D0;
}
.form-holder #page-title-breadcrumbs {
  background: transparent !important;
}
.form-holder #page-title-breadcrumbs h1,
.form-bg #page-title-breadcrumbs h2 {
  padding-top: 37px !important;
  background-image: none !important;
}
.form-holder .form-elems {
  clear: both;
  padding: 20px 0;
  border-bottom: 1px solid #585858;
}
.form-holder a {
  color: #3ed4f9;
  font-family: Calibri, Verdana;
  font-size: 14pt;
  text-decoration: none;
}
.form-holder a:hover {
  color: #FFFFFF;
}
/* Steps */
#form-steps {
  padding-bottom: 20px;
  width: 100%;
}
#form-steps .form-step {
  width: 129px;
  height: 29px;
  background: #474747;
  float: left;
  margin: 1px 0px 0px 1px;
}
#form-steps .first {
  margin-left: 0px;
  width: 130px;
}
#form-steps .form-step a {
  display: block;
  height: 29px;
  line-height: 29px;
  color: #919191;
  text-decoration: none;
  text-align: center;
  font-size: 11pt;
}
#form-steps .form-step a:hover {
  color: #ffffff;
}
#form-steps .form-step a.active {
  background: url('/resources/images/forms/step-bg.gif') left top repeat-x;
  color: #FFFFFF;
}
.form-holder .form-step-title {
  color: #FFFFFF;
  font-size: 18pt;
  padding-bottom: 20px;
  font-family: TitilliumText22LRegular;
}
/* Steps */
.form-section {
  padding: 10px 0px;
  border-top: 1px solid #585858;
}
.form-holder,
.form-content {
  color: #FAFAFA;
  background: #393939;
  min-height: 600px;
}
.form-holder .form-section .form-elems-col {
  width: 325px;
  float: left;
}
.form-holder .form-section .form-elems-col.right label {
  margin-left: 20px;
}
.form-holder h1 {
  border: none;
}
.form-content p {
  display: block;
  margin: 10px 0px;
  clear: both;
}
.checkbox-explanation {
  color: #F0F0D0 !important;
  font-size: 11pt !important;
  font-weight: bold !important;
}
.form-content label.input-type-checkbox-label {
  display: inline-block;
  width: auto !important;
  line-height: 21px;
}
.form-content .input-type-text {
  display: inline-block;
  height: 21px;
  background: #393939 url('/resources/images/forms/input-text.gif') left top repeat-x;
}
.form-content .input-text {
  background-image: none;
  border: 0;
  background: transparent;
  font-size: 8pt;
  font-weight: bold;
  margin: 4px 0 0 2px;
  padding: 0;
}
.input-type-checkbox {
  display: inline-block;
  margin: 0 5px 0 5px;
}
.form-content .input-checkbox {
  margin: 0;
  padding: 0;
}
.form-content small {
  display: block;
  padding-top: 5px;
  color: #7d7d7d;
  font-size: 8pt;
}
.form-content .large-input label,
.form-content .small-input label {
  width: 90px;
}
/* Small Inputs */
.form-content .small-input {
  display: block;
  width: 325px;
  height: 31px;
}
.form-content .small-input label,
.small-input .input-text {
  float: left;
}
.form-content .small-input label {
  padding-top: 5px;
}
.form-content .small-input-taller {
  height: 60px;
}
.form-content .small-input .input-text,
.form-content .small-input .input-type-select select {
  width: 210px;
}
/* Small Inputs */
/* Large Inputs */
.form-content .large-input {
  display: block;
  width: 650px;
  height: 31px;
}
.form-content .large-input label,
.large-input .input-text {
  float: left;
}
.form-content .large-input label {
  padding-bottom: 5px;
}
.form-content .large-input .input-text,
.form-content .large-input .input-type-select select {
  width: 555px;
}
/* Large Inputs */
/* Full Width Inputs */
.form-content .full-width-input {
  display: block;
  padding-top: 20px;
  width: 650px;
}
.form-content .full-width-input .input-text {
  width: 640px;
}
.form-content .full-width-input textarea {
  width: 640px;
  height: 100px;
  resize: none;
}
.form-content .full-width-input label {
  display: block;
  padding-bottom: 10px;
}
/* Full Width Inputs */
/* Checkbox Inputs */
.form-content .checkbox-input {
  display: block;
  height: 25px;
}
.form-content .checkbox-input.taller {
  display: block;
  height: 40px;
}
.form-content .checkbox-input .input-type-checkbox,
.form-content .checkbox-input label {
  display: block;
  float: left;
}
.form-content .checkbox-input label {
  padding-top: 2px;
}
.form-content .checkbox-input .input-type-checkbox {
  margin-right: 10px;
}
.form-content .checkbox-input .input-checkbox {
  margin: 0px;
  padding: 0px;
}
.form-content .checkbox-input.small {
  width: 195px;
  margin: 0px 20px 5px 0px;
  float: left;
}
/* Checkbox Inputs */
/* Radio Inputs */
.form-content .radio-input {
  display: block;
  height: 25px;
}
.form-content .taller {
  display: block;
  height: 40px;
}
.form-content .radio-input .input-type-radio,
.form-content .radio-input label {
  display: block;
  float: left;
}
.form-content .radio-input label {
  padding-top: 2px;
}
.form-content .radio-input .input-type-radio {
  margin-right: 10px;
}
.form-content .radio-input .input-radio {
  margin: 0;
  padding: 0;
}
/* Radio Inputs */
/* Compare Table */
.compare-table {
  width: 100%;
  margin-bottom: 20px;
}
.compare-table th,
.compare-table td {
  color: #acacac;
}
.compare-table th {
  padding: 10px 0px;
  font-size: 11pt;
  text-align: center;
  line-height: 20px;
  vertical-align: top;
}
.compare-table td {
  background: #464646;
  padding: 10px 0;
  border-top: 1px solid #393939;
  border-right: 1px solid #393939;
}
.compare-table .td-1 {
  padding-left: 30px;
  background: #464646 url('/resources/images/profile/compare-elem.gif') 5px 11px no-repeat;
}
.compare-table .td-2,
.form-content .compare-table .td-3 {
  width: 100px;
  text-align: center;
}
.compare-table .included {
  background: #464646 url('/resources/images/profile/compare-included.png') center center no-repeat;
}
.compare-table .not-included {
  background: #464646 url('/resources/images/profile/compare-not-included.png') center center no-repeat;
}
/* Compare Table */
/* Buttons */
.form-holder .link-btn {
  display: inline-block;
  height: 28px;
  line-height: 23px;
  color: #ffffff;
  text-decoration: none;
  padding: 0 10px 0 10px;
  text-transform: uppercase;
  background: url('/resources/images/forms/btn-send28.gif') left top repeat-x;
}
/* Buttons */
/* Forms in small windows */
.form-holder .smallForms {
  width: 470px !important;
}
.form-holder .smallForms #form-steps .form-step {
  width: 156px;
}
.form-holder .smallForms .form-content {
  padding-top: 0;
}
.form-holder .smallForms .full-width-input {
  width: 470px;
}
.form-holder .smallForms .full-width-input textarea,
.form-holder .smallForms .full-width-input .input-text {
  width: 460px;
}
.form-holder .smallForms .large-input .input-text,
.form-holder .smallForms .large-input .input-type-select select {
  width: 375px;
}
.form-holder .smallForms .small-input-right {
  margin-left: 0 !important;
}
.form-holder .smallForms .form-buttons {
  text-align: left;
}
.form-holder .smallForms .form-buttons a {
  margin-right: 10px;
  margin-left: 0;
}
/* Forms in small windows */
/* Disclaimer */
.form-content .disclaimer {
  height: 100px;
  background-color: #ffffff;
  overflow: auto;
  padding: 20px 20px;
  margin-bottom: 20px;
}
/* Disclaimer */
/********************************      Forms      ********************************/
/********************************      User Section      ********************************/
/* Compare Table */
.form-content .compare-table {
  width: 100%;
  margin-bottom: 20px;
}
.form-content .compare-table th,
.form-content .compare-table td {
  color: #ACACAC;
}
.form-content .compare-table th {
  padding: 10px 0;
  font-size: 11pt;
  text-align: center;
  line-height: 20px;
  vertical-align: top;
}
.form-content .compare-table td {
  background-color: #464646;
  padding: 10px 0px;
  border-top: 1px solid #393939;
  border-right: 1px solid #393939;
}
.form-content .compare-table .td-1 {
  padding-left: 30px;
  background: #464646 url('/resources/images/profile/compare-elem.gif') 5px 11px no-repeat;
}
.form-content .compare-table .td-2,
.form-content .compare-table .td-3 {
  width: 100px;
  text-align: center;
}
.form-content .compare-table .included {
  background: #464646 url('/resources/images/profile/compare-included.png') center center no-repeat;
}
.form-content .compare-table .not-included {
  background: #464646 url('/resources/images/profile/compare-not-included.png') center center no-repeat;
}
/* Compare Table */
/* Lists */
.form-content .user-list-actions {
  float: right;
  margin-top: 1px;
}
.form-content .user-list-actions .user-list-action {
  display: block;
  float: left;
  margin-left: 10px;
}
/* Lists */
/* User Infos List */
.form-content .user-infos-list {
  width: 100%;
}
.form-content .user-infos-list th,
.form-content .user-infos-list td {
  padding: 10px 10px;
  border-right: 1px solid #393939;
}
.form-content .user-infos-list th {
  background: #2D2D2D;
  color: #339aa9;
  font-size: 10pt;
}
.form-content .user-infos-list td {
  background: #464646;
  color: #9E9E9E;
  border-top: 1px solid #393939;
  font-size: 8pt;
  vertical-align: bottom;
}
.form-content .user-infos-list td strong {
  color: #FFFFFF;
  font-size: 9pt;
  font-weight: normal;
}
.form-content .user-infos-list td small {
  display: block;
  padding-top: 5px;
}
.form-content .user-infos-list.user-jobs-list td {
  vertical-align: middle;
}
/* User Infos List */
/********************************      Forms      ********************************/
/********************************      Login Form      ********************************/
#login-form #forgot-password-link {
  display: block;
  margin: 5px 0 0 90px;
}
#login-form #forgot-password-link a {
  display: inline-block;
  background: url('/resources/images/forms/bullet.png') left center no-repeat;
  padding-left: 15px;
  font-size: 8pt;
  color: #9B9B9B;
  text-decoration: none;
}
#login-form #forgot-password-link a:hover {
  color: #0082A7;
}
/********************************      Login Form      ********************************/
/********************************      Items List      ********************************/
.items-list {
  padding: 0px 0px 20px 0px;
}
.items-list .item {
  border-bottom: 1px solid #EAEAEA;
  padding: 15px 0px;
  text-decoration: none;
}
.items-list .item:hover {
  text-decoration: none;
  cursor: pointer;
  background: url(/resources/images/common/bg_list.png) repeat-x;
}
.items-list .item-date,
.items-list .item-distance {
  font-family: TitilliumText22LRegular;
  font-size: 12pt;
  color: #0A7992;
}
.items-list .item-date,
.items-list .item-company,
.items-list .item-place {
  display: block;
  padding-top: 6px;
  line-height: 18px;
  width: 20%;
}
.items-list .item-title .item-modifier a {
  font-size: 9pt;
  color: #525252;
  text-decoration: none;
  color: #0A7992;
  font-family: TitilliumText22LRegular;
  background: url(/resources/images/common/editer.png) top left no-repeat;
  font-weight: normal;
  line-height: 18px;
  padding: 2px 0 3px 20px;
  height: 22px;
}
.items-list .item-title a {
  font-size: 11pt;
  color: #525252;
  text-decoration: none;
  font-weight: bold;
  line-height: 18px;
}
.items-list .item a.item-title:hover {
  color: #0A7992;
}
.items-list .item .item-city {
  display: block;
  color: #5B5B5B;
  padding-top: 5px;
}
.thumbnail {
  width: 91px;
  position: absolute;
  left: 10px;
}
.items-list .item-company {
  color: #0A7992;
  font-family: TitilliumText22LRegular;
  font-size: 11pt;
  width: 20%;
}
.items-list .item-place {
  color: #5b5b5b;
}
/* Normal View */
.items-list.normal .item .item-date {
  float: right;
  margin: 0px 5px 0px 0px;
  padding-top: 0px;
}
.items-list.normal .item .item-title a {
  color: #333333;
  font-weight: normal;
  text-transform: none;
}
.items-list.normal .item .item-title a:hover {
  color: #0A7992;
}
/* Normal View */
/* Grid View  */
div.items-list.grid {
  padding-top: 20px;
}
table.items-list-table {
  width: 100%;
}
table.items-list-table th {
  padding: 0 20px 10px 20px;
  font-size: 12pt;
  text-align: left;
  vertical-align: top;
}
table.items-list-table td {
  padding: 0 20px 10px 20px;
  border-left: 1px solid #eaeaea;
  vertical-align: top;
}
table.items-list-table span.item-title {
  display: block;
  padding-top: 6px;
}
table.items-list-table span.item-title a {
  color: #525252;
  font-size: 11pt;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  text-transform: none;
}
table.items-list-table span.item-title a:hover {
  color: #0A7992;
}
table.items-list-table .td-1 {
  width: 30%;
}
table.items-list-table .td-2 {
  width: 25%;
}
table.items-list-table .td-3 {
  width: 20%;
}
table.items-list-table .td-4 {
  width: 25%;
}
table.items-list-table .item-distance {
  display: block;
  padding-bottom: 10px;
}
table.items-list-table .item-category {
  display: block;
  padding-top: 6px;
}
/* Small Window */
.smallWindow table.items-list-table td {
  padding: 10px 10px;
  font-size: 10pt;
}
.smallWindow table.items-list-table .item-title a,
.smallWindow table.items-list-table .item-distance {
  font-size: 10pt;
  text-transform: none;
}
/* Small Window */
table.items-list-table td.td-1 {
  border-left: 0;
  padding-left: 0;
}
table.items-list-table tr.spacer td {
  height: 30px;
  background: url('/resources/images/common/line-spacer.gif') left center repeat-x;
  border: 0 !important;
}
/* Grid View */
/********************************      Items List      ********************************/
/********************************      Item Details      ********************************/
#item-detail {
  padding: 20px 30px;
}
#item-detail h1 {
  border: 0;
  margin-bottom: 0;
}
#item-detail h3 {
  padding-top: 15px;
  border-top: 1px solid #EAEAEA;
}
#item-detail h4 {
  color: #464646;
  font-size: 11pt;
  margin: 20px 0 15px 0;
}
#item-detail ul,
#emplois-details ul,
#evenements-details ul,
#conferences-details ul li {
  list-style: none;
  display: block;
  margin-bottom: 10px;
}
#item-detail a {
  text-decoration: none;
}
ol {
  list-style-type: decimal;
  display: block;
  margin-bottom: 10px;
  padding-left: 18px;
}
ol li {
  padding: 0px 0px 15px 0px;
  list-style-type: decimal;
}
#item-detail ul li,
#emplois-details ul li,
#evenements-details ul li,
#repertoires-details ul li,
#conferences-details ul li{
  list-style: none;
  display: block;
  padding: 0px 0px 10px 15px;
  line-height: 18px;
  background: url('/resources/images/common/bullet.png') left 4px no-repeat;
}
/********************************      Item Details      ********************************/
/********************************      Articles      ********************************/
.articles-list {
  padding-bottom: 20px;
}
.articles-list h2 {
  margin-bottom: 16px;
}
.articles-list table {
  width: 100%;
}
.articles-list table .td-1 {
  width: 125px;
  vertical-align: top;
  padding: 10px 0;
  text-align: right;
  background: url('/resources/images/articles/elem-sep.png') 30px bottom no-repeat;
}
.articles-list table .td-1 .article-type {
  display: inline-block;
  background: #C3C3C3 url('/resources/images/articles/article-city-bg.gif') right top repeat-x;
  width: 98px;
  text-align: center;
  font-size: 8pt;
  font-weight: bold;
  font-family: TitilliumText22LThin;
  color: #5c5c5c;
  padding: 5px 0;
  text-transform: uppercase;
}
.articles-list table .td-2 {
  padding: 12px 30px 10px 20px;
  vertical-align: top;
  color: #333333;
  font-size: 11pt;
  background: url('/resources/images/articles/elem-sep.png') right bottom no-repeat;
}
.articles-list table .td-2 a {
  color: #333333;
  text-decoration: none;
  font-size: 11pt;
}
.articles-list table .td-2 .article-date {
  color: #0b7a93;
}
/* Main Article */
.articles-list table #main-article .td-1 {
  padding: 20px 0;
  background: #0b7991 url('/resources/images/articles/main-article-bg.gif') left top repeat-x;
}
.articles-list table #main-article .td-2 {
  padding: 20px 50px 20px 20px;
  background: #0b7991 url('/resources/images/articles/main-article-bg.gif') left top repeat-x;
}
.articles-list table #main-article .article-date {
  width: 95px;
  display: inline-block;
  padding: 5px 0 10px 0;
  background: #FFFFFF;
  font-family: TitilliumText22LThin;
  font-weight: bold;
  font-size: 9pt;
  color: #39A8B7;
  text-transform: uppercase;
  text-align: center;
}
.articles-list table #main-article .article-date span {
  display: block;
  font-size: 45pt;
  font-family: TitilliumText22LRegular;
}
.articles-list table #main-article .td-1 .article-type {
  background-image: none;
  background: transparent;
  text-align: right;
  display: inline-block;
  font-family: TitilliumText22LRegular;
  font-weight: bold;
  font-size: 11pt;
  color: #FFFFFF;
  text-transform: uppercase;
  width: 95px;
  padding-top: 12px;
  line-height: 19px;
}
.articles-list table #main-article .article-title {
  font-weight: normal;
  font-size: 1.4em;
  color: #ffffff;
  line-height: 1.4em;
  display: block;
  padding-bottom: 0px;
}
.articles-list table #main-article p {
  color: #c6e4ed;
  line-height: 18px;
  margin-bottom: 10px;
}
.articles-list table #main-article a.more {
  display: inline-block;
  background: url('/resources/images/articles/main-article-link.png') left 1px no-repeat;
  color: #ffffff;
  padding-left: 15px;
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
}
.auteur-signature {
  background: #F0F0F0;
  margin: 20px 0px;
  padding: 0px;
  box-shadow: 3px 3px 3px #888888;
}
.auteur-nom {
  font-weight: bold;
}
.auteur-image {
  display: block;
  width:125px;
  float: left;
  margin: 10px;
}
.auteur-organisation {
  font-size: 10pt;
  color: #606060;
}
/* Main Article */
.images {
  float: right;
  width: 250px;
  height: 250px;
}
#commands .lnk-btn {
  display: inline-block;
  padding: 8px 10px;
  text-align: center;
  line-height: 15px;
  font-family: TitilliumText22LRegular;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: transparent url('/resources/images/profile/btn.gif') left center repeat-x;
}
#commands .lnk-btn:hover {
  background-image: none;
  background: #0b7a93;
}
/********************************      Articles      ********************************/
.news-list {
  border: 0px;
  width: 100%;
  margin-left: 20px;
}
.news-list .col-1 {
  width: 125px;
  padding: 10px 0px;
  border-top: 1px solid #eaeaea;
  vertical-align: top;
}
.news-list .col-2 {
  padding: 10px 0;
  border-top: 1px solid #eaeaea;
  vertical-align: top;
}
.news-list a {
  text-decoration: none;
}
.news-list .header {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #2291a5;
  line-height: 20px;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
}
.news-list .text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #2D2D2D;
  line-height: 20px;
  text-decoration: none;
}
.news-list .thumb {
  width: 91px;
  padding: 10px 0;
  vertical-align: top;
}
/********************************      Article Detail      ********************************/
#artile-detail {
  padding: 20px 50px;
}
#artile-detail .article-img {
  float: right;
  margin: 0px 0px 20px 20px;
}
#artile-detail #article-text {
  min-height: 400px;
}
#artile-detail #article-type {
  font-family: TitilliumText22LRegular;
  color: #464646;
  font-size: 18pt;
  display: block;
  padding-bottom: 12px;
}
#artile-detail ul {
  list-style: none;
  display: block;
  margin-bottom: 10px;
}
#artile-detail ul li {
  list-style: none;
  display: block;
  padding: 0px 0px 10px 15px;
  line-height: 18px;
  background: url('/resources/images/common/bullet.png') left 4px no-repeat;
}
/********************************      Article Detail      ********************************/
.comment-form {
  background: url('/resources/images/common/content-box-bg2.gif') repeat-x scroll left bottom #FFFFFF;
  min-height: 145px;
  padding: 0;
  margin: 0;
}
.comment-form label {
  color: #0A7992;
}
.comment-item {
  border: 1px solid #bbb;
  background: #efefef;
  margin-top: 15px;
}
.comment-item h5 {
  margin-top: 5px;
  border-bottom: 1px solid #bbb;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.quote-item {
  border: 1px solid #CECECE;
  background: #dFdede;
}
/********************************      Posts      ********************************/
.items-list .post {
  margin-top: 10px;
  border-top: 1px solid #EAE9E9;
  padding: 20px 0px 0px 0px;
}
.items-list .post-date {
  float: right;
  margin: 0px 5px 0px 0px;
  font-family: TitilliumText22LRegular;
  font-size: 10pt;
  color: #0A7992;
}
.source {
  font-family: TitilliumText22LRegular;
  font-size: 10pt;
  color: #0A7992;
}
.items-list .post,
.items-list .post-type-text,
.post-type-text {
  display: block;
  font-family: TitilliumText22LRegular;
  font-size: 10pt;
  color: #0A7992;
  padding-top: 8px;
}
.items-list .post a.post-title,
a.post-title {
  font-size: 13pt;
  color: #333333;
  line-height: 16pt;
  text-decoration: none;
}
.items-list .post a.post-title:hover,
a.post-title:hover {
  color: #0A7992;
}
.items-list .post p, .items-list .post-soquij p {
  padding-top: 5px;
  color: #5B5B5B;
  line-height: 12px;
  margin-bottom: 0 !important;
}
.items-list .post-soquij {
  margin-top: 10px;
  padding: 20px 0px 0px 0px;
}
.items-list .post-type-image {
  padding-left: 120px;
  min-height: 80px;
}
.items-list .post-type-1 {
  background: url('/media/post-types/type-1.png') left 18px no-repeat;
  padding-left: 120px;
  min-height: 80px;
}
#post-list-page {
  margin-top: 5px;
}
#post-list-page .post {
  border-bottom: 1px solid #EAE9E9;
  border-top: 0px;
  padding-bottom: 15px;
  margin-top: 0px;
}
/********************************      Posts      ********************************/
/********************************      Jobs      ********************************/
.items-list .job-date {
  float: right;
  margin: 0 5px 0 0;
  font-family: TitilliumText22LRegular;
  font-size: 12pt;
  color: #0A7992;
}
.items-list .job a.job-title {
  font-size: 11pt;
  color: #333333;
  text-decoration: none;
}
.items-list .job a.job-title:hover {
  color: #0A7992;
}
.items-list .job .job-city {
  display: block;
  color: #5b5b5b;
  padding-top: 5px;
}
/********************************      Jobs      ********************************/
/********************************      Events      ********************************/
.events-list table.items-list-table .td-1 {
  width: 20%;
}
.events-list table.items-list-table .td-2 {
  width: 40%;
}
.events-list table.items-list-table .td-3 {
  width: 20%;
}
.events-list table.items-list-table .td-4 {
  width: 20%;
}
/********************************      Events      ********************************/
/********************************      Job Detail      ********************************/
#job-detail {
  padding: 20px 50px;
}
#job-detail h1 {
  border: 0px;
  margin-bottom: 0px;
}
#job-detail h3 {
  padding-top: 15px;
  border-top: 1px solid #EAEAEA;
}
#job-detail h4 {
  color: #464646;
  font-size: 11pt;
  margin: 20px 0px 15px 0px;
}
#job-detail ul {
  list-style: none;
  display: block;
  margin-bottom: 10px;
}
#job-detail ul li {
  list-style: none;
  display: block;
  padding: 0px 0px 10px 15px;
  line-height: 18px;
  background: url('/resources/images/common/bullet.png') left 4px no-repeat;
}
/********************************      Job Detail      ********************************/
/********************************      Pricing      ********************************/
.pricing-list {
  width: 100%;
}
.pricing-list th {
  font-family: TitilliumText22LRegular;
  color: #464646;
  font-size: 12pt;
  padding-bottom: 10px;
  line-height: 20px;
  vertical-align: top;
}
.pricing-list th span {
  display: block;
  font-size: 10pt;
  color: #ACACAC;
}
.pricing-list td {
  font-size: 11pt;
  background: #f4f3f2;
  border-bottom: 1px solid #FFFFFF;
  padding: 10px 0 10px 0;
}
.pricing-list .td-1 {
  padding-left: 22px;
  background: #f4f3f2 url('/resources/images/common/bullet.png') 5px center no-repeat;
  width: 240px;
}
.pricing-list .td-2,
.pricing-list .td-3 {
  width: 240px;
  color: #0b7a93;
}
.pricing-list-disclaimer {
  color: #acacac;
  border-bottom: 1px solid #eaeaea;
  padding: 7px 0;
  margin-bottom: 30px;
}
/********************************      Pricing      ********************************/
/********************************      Forum      ********************************/
.forum-list {
  width: 100%;
}
div#forum-messages {
  display: block;
}
.forum-list a {
  text-decoration: none;
}
.forum-list th {
  font-family: TitilliumText22LRegular;
  color: #464646;
  font-size: 12pt;
  padding: 8px !important;
  padding: 1px;
  line-height: 20px;
  vertical-align: top;
}
.forum-list .th-2,
.forum-list .th-3 {
  text-align: center;
}
.forum-list td {
  font-size: 10pt;
  background-color: #f4f5f5;
  border-bottom: 8px solid #ffffff;
  padding: 5px 2px;
  line-height: 1.5em;
}
.forum-list td .auteur {
  font-weight: bold;
  font-size: 9pt;
  color: #0A7992;
}
.forum-list td .date {
  font-weight: normal;
  font-size: 8pt;
}
.forum-list .td-1 {
  padding-left: 22px;
  background: #F4F5F5 url('/resources/images/common/bullet.png') 5px center no-repeat;
  width: 50%;
}
.forum-list .td-2,
.forum-list .td-3 {
  text-align: center;
  width: 15%;
  border-left: 1px dotted #E3E3E3;
  font-size: 11px;
}
.forum-list .td-4 {
  width: 20%;
  padding-left: 10px;
  border-left: 1px dotted #e3e3e3;
  font-size: 10pt;
}
.forum-list .message-td-1 {
  /*padding-left: 2px;*/
}
.forum-list .message-td-2 {
  /*padding: 0px 8px;*/
}
/********************************      Forum      ********************************/
/********************************      Right Side Bar      ********************************/
#right-side-bar p {
  margin: 10px 0;
  text-align: left;
}
#right-side-bar #aide p {
  display: block;
  margin: 10px 25px;
  line-height: 16px;
}
#right-side-bar h3 {
  background: #7bb931 url('/resources/images/right-side-bar/title-bg.gif') left top repeat-x;
  height: 45px;
  line-height: 45px;
  padding-left: 15px;
  font-family: TitilliumText22LRegular;
  font-size: 15pt;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0px;
}
#right-side-bar h3.alt-style {
  background: #077f9a url('/resources/images/right-side-bar/title-alt-bg.gif') left top repeat-x;
  margin: 0px;
}
#right-side-bar h3.has-subtitle {
  margin: 0;
}
#right-side-bar h4 {
  background: #dedcda url('/resources/images/right-side-bar/subtitle-bg.gif') left top repeat-x;
  height: 45px;
  line-height: 45px;
  padding-left: 15px;
  font-family: TitilliumText22LRegular;
  font-size: 15pt;
  color: #3C3C3C;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#right-side-bar a.lnk-btn {
  display: inline-block;
  padding: 8px 20px;
  background-color: #e2e2e2;
  text-align: center;
  line-height: 15px;
  font-family: TitilliumText22LRegular;
  text-transform: uppercase;
  color: #333333;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
}
#right-side-bar a.lnk-btn:hover {
  background: #92C845;
  color: #FFFFFF;
}
#right-side-bar a.user-btn {
  background: transparent url('/resources/images/profile/btn.gif') left center repeat-x;
  display: inline-block;
  padding: 8px 10px;
  text-align: center;
  line-height: 15px;
  font-family: TitilliumText22LRegular;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
}
#right-side-bar a.user-btn:hover {
  background-image: none;
  background-color: #0B7A93;
}
#right-side-bar label {
  font-size: 11px;
  font-weight: 200;
  margin-bottom: 2px;
  margin-top: 2px;
  text-transform: uppercase;
  text-align: left;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
  color: #686868;
}
#right-side-bar .input-text {
  background: none repeat scroll 0 0 #FBFBFB;
  border: 1px solid #E5E5E5;
  box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 200;
  margin-bottom: 6px;
  margin-right: 0px;
  margin-top: 2px;
  outline: medium none;
  padding: 3px;
  width: 97%;
}
#right-side-bar .watermark {
  color: #5b5b5b !important;
}
#right-side-bar input::-webkit-input-placeholder {
  color: #5b5b5b !important;
}
#right-side-bar input:-moz-placeholder {
  color: #5b5b5b !important;
}
#right-side-bar select {
  background: none repeat scroll 0 0 #FBFBFB;
  border: 1px solid #E5E5E5;
  box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 200;
  margin-bottom: 6px;
  margin-right: 6px;
  margin-top: 2px;
  outline: medium none;
  padding: 3px;
  width: 97%;
}
/* User Box */
.user-box.login {
  padding: 9px 0;
  text-align: center;
  background-color: #393939;
}
.user-box.login #login-btn {
  margin-right: 5px;
}
.user-box.logged-in {
  background-color: #2D2D2D;
}
.user-box.logged-in .logged-in-btn {
  display: block;
  /* height: 37px;
			line-height: 37px; */
  color: #ffffff;
  text-decoration: none;
  /* padding-left: 27px; */
  padding: 10px 27px;
  font-size: 11pt;
  background: transparent url('/resources/images/profile/logged-in-icon-on.gif') 257px center no-repeat;
}
.user-box.logged-in .logged-in-btn.open {
  background-image: url('/resources/images/profile/logged-in-icon.gif');
}
.user-box #logged-in-menu {
  display: none;
  margin: 0;
  padding: 0;
}
.user-box #logged-in-menu li {
  display: block;
  margin: 0;
  padding: 0;
}
.user-box #logged-in-menu li a {
  display: block;
  height: 29px;
  line-height: 29px;
  padding: 0 0 0 27px;
  background-color: #393939;
  margin-top: 1px;
  color: #33a2b2;
  text-transform: uppercase;
  text-decoration: none;
}
.user-box #logged-in-menu li a:hover {
  color: #ffffff;
}
.user-box #logged-in-menu li a.active {
  background: transparent url('/resources/images/profile/user-menu-elem.gif') center top no-repeat;
  color: #ffffff;
}
.user-box.logged-in .logged-in-options {
  background: transparent url('/resources/images/profile/user-box-sep.gif') center top no-repeat;
}
.user-box.logged-in #user-sub-time-left {
  color: #ffffff;
  text-align: center;
  padding: 10px 0 0 0;
  line-height: 18px;
}
.user-box.logged-in #user-sub-time-left a:hover {
  color: #ffffff;
}
.user-box.logged-in #get-premium-membership {
  text-align: center;
  margin: 0px;
  padding: 15px 0;
}
.user-box.logged-in #get-premium-membership .user-btn {
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
}
/* User Box */
/* Search */
#search-box {
  height: 57px;
  background: #077f9a url('/resources/images/right-side-bar/title-bg-gris.gif') left top repeat-x;
  padding-left: 20px;
}
#search-box .input-text {
  width: 225px;
  height: 25px;
}
#search-box .search-field,
#search-box a {
  display: block;
  float: left;
  margin-top: 18px;
}
#search-box .search-field {
  margin-right: 4px;
  margin-top: 10px;
}
/* Search */
/* Ads Slider */
#ads-slider {
  width: 300px;
  height: 250px;
  overflow: hidden;
  position: relative;
}
#ads-slider a img {
  width: 300px;
  height: 250px;
}
#ads-slider-nav {
  z-index: 50;
  position: absolute;
  bottom: 10px;
  left: 24px;
}
#ads-slider-nav a {
  display: inline-block;
  margin-right: 3px;
  text-decoration: none;
  width: 13px;
  height: 13px;
  background: url('/resources/images/ads-slider/nav-btn.png') left top no-repeat;
  text-indent: -5000px;
}
#ads-slider-nav a.activeSlide {
  background-image: url('/resources/images/ads-slider/nav-btn-on.png');
}
#ads-slider-nav a:focus {
  outline: none;
}
/* Ads Slider */
/* Lists */
div.list-box {
  padding-bottom: 5px;
}
div.list-box ul,
div.list-box ol {
  list-style: none;
  display: block;
  padding: 0 15px 10px 15px;
  margin: 0;
}
div.list-box ul li,
div.list-box ol li {
  display: block;
  border-bottom: 1px solid #e2e2e2;
  padding: 7px 0;
}
div.list-box ul li a,
div.list-box ol li a {
  color: #3C3C3C;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
}
div.list-box ul li a:hover,
div.list-box ol li a:hover {
  color: #7bb931;
}
div.list-box ul li span,
div.list-box ol li span {
  display: block;
  padding-top: 5px;
  color: #909090;
  font-size: 9pt;
}
div.list-box-actions {
  text-align: center;
}
div.list-box-actions a {
  background-color: #dad9d8;
  display: inline-block;
  padding: 8px !important;
  margin-left: 3px;
  min-width: 100px;
  max-width: 115px;
}
/* Lists */
/* Surveys */
div.survey-box {
  padding-bottom: 12px;
}
div.survey-box a.lnk-btn {
  background-color: #dad9d8;
  display: inline-block;
  width: 100px;
  padding: 8px 0 !important;
  margin-left: 3px;
}
div.survey-box a.first {
  width: 142px;
  margin-left: 26px;
}
div.survey-box .survey-question {
  font-size: 9pt;
  color: #5b5b5b;
  padding: 15px 26px 10px 26px;
  line-height: 15px;
}
div.survey-box div.survey-answers {
  padding-bottom: 10px;
  margin: 0 26px 10px 26px;
  border-bottom: 1px solid #dcdbdb;
}
div.survey-box div.survey-answers p {
  padding-bottom: 5px;
  margin-bottom: 0;
}
#survey_container {
  position: absolute;
  opacity: 100;
  filter: alpha(opacity=100);
}
.pourcentage {
  display: block;
}
#survey_overlay {
  opacity: 0.85;
  filter: alpha(opacity=85);
  background-color: black;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 90;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#survey_overlay #survey_pub {
  height: 71px;
  border-color: #fefefe;
  color: #fefefe;
}
#survey_overlay #survey_box {
  z-index: 100;
  width: 450px;
  background: #fff;
  padding: 0px;
  margin: 0px;
  -moz-border-radius: 0px 0px 20px 20px;
  display: block;
}
#survey_overlay #survey_question {
  color: #000;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 15px;
  font-weight: bold;
}
#survey_close {
  position: absolute;
  top: -5px;
  right: -5px;
  cursor: pointer;
  margin-top: 2px;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#survey_overlay .survey_question {
  font-weight: bold;
  padding: 25px;
}
#survey_overlay .survey-answers {
  padding: 25px;
}
#survey_container .survey-lightbox {
  background-color: #ffffff;
  width: 478px;
}
#survey_container .close {
  text-align: center;
  color: #ffffff;
  padding: 5px;
}
/* Surveys */
/* Forms */
div.form-box {
  padding-bottom: 12px;
}
/* Forms */
/* Evaluation Roles Search */
#evaluation-roles-search {
  margin: 7px 0 0 26px;
}
#evaluation-roles-search td {
  padding-top: 8px;
}
#evaluation-roles-search td.td-2 {
  padding-left: 8px;
}
#evaluation-roles-search select {
  border: 1px solid #bfbfbf;
  font-size: 9pt;
  color: #000000;
  width: 215px;
}
/* Evaluation Roles Search */
/* Refine box */
div.refine-box {
  padding-bottom: 12px;
}
div.refine-box a.lnk-btn {
  background-color: #dad9d8;
  display: inline-block;
  width: 100px;
  padding: 8px 0 !important;
  margin-left: 3px;
}
div.refine-box a.first {
  width: 142px;
  margin-left: 26px;
}
div.refine-box .refine-fields {
  padding: 5px 0px;
  margin: 5px 24px;
  border-bottom: 1px solid #dcdbdb;
}
div.refine-box .last {
  margin-bottom: 10px;
}
div.refine-box .refine-fields .bottom-spacing {
  padding-bottom: 8px;
}
/* Refine box */
/* Refine box Alert */
div.refine-boxalert {
  padding-bottom: 12px;
}
div.refine-boxalert a.lnk-btn {
  background-color: #dad9d8;
  display: inline-block;
  width: 100px;
  padding: 8px 0 !important;
  margin-left: 3px;
}
div.refine-boxalert a.first {
  width: 142px;
  margin-left: 26px;
}
div.refine-boxalert .last {
  margin-bottom: 10px;
}
div.refine-boxalert .refinealert-fields .bottom-spacing {
  padding-bottom: 8px;
}
div.refine-boxalert .refinealert-fields {
  padding: 15px 0 9px 48px;
  margin: 0 26px 0 26px;
  font-weight: bold;
  background: url('/resources/images/right-side-bar/alert.png') 0px 8px no-repeat;
  border-bottom: 0px solid #dcdbdb;
}
/* Refine box Alert */
/* Authors */
.authors-box h3 {
  margin-bottom: 0;
}
.authors-box .author {
  height: 170px;
  margin-left: 20px;
  padding-right: 120px;
  background-position: right bottom;
  background-repeat: no-repeat;
  border-bottom: 1px solid #e2e2e2;
}
.authors-box .author span {
  display: block;
  color: #3C3C3C;
  font-size: 10pt;
  font-weight: bold;
  line-height: 16px;
}
.authors-box .author span.author-name {
  padding-top: 25px;
}
.authors-box .author .author-company {
  padding-top: 5px;
  color: #909090;
  font-size: 9pt;
  text-transform: uppercase;
}
.authors-box .company {
  text-align: center;
  padding: 10px 0;
}
/* Authors */
/* Sources Box */
.sources-box p {
  padding: 0 20px;
  line-height: 16px;
}
.sources-box .source-logo {
  text-align: center;
  padding: 20px 0;
}
/* Sources Box */
/********************************      Right Side Bar      ********************************/
/********************************      Footer      ********************************/
#footer {
  clear: both;
  float: left;
  width: 100%;
}
#footer-wrapper {
  height: 290px;
  margin-left: 196px;
  background: url('/resources/images/footer/bg.gif') left top repeat-x;
  padding-left: 25px;
}
#footer-main {
  float: left;
  height: 290px;
  width: 100%;
}
#footer-lists {
  height: 239px;
  padding-right: 300px;
}
#footer-lists .footer-list {
  width: 25%;
  float: left;
  padding-top: 30px;
}
#footer-lists .footer-list h3 {
  font-family: TitilliumText22LThin;
  font-size: 11pt;
  color: #5b5b5b;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#footer-lists .footer-list ul {
  list-style: none;
  margin: 12px 0 0 2px;
  padding: 0;
}
#footer-lists .footer-list ul li {
  list-style: none;
  margin: 0 0 7px 0;
  padding: 0 0 0 17px;
  background: url('/resources/images/footer/list-elem.png') left 2px no-repeat;
}
#footer-lists .footer-list ul li a {
  color: #5b5b5b;
  text-decoration: none;
}
#footer-lists .footer-list ul li a:hover {
  color: #0082A7;
}
#footer-bottom-text {
  border-top: 1px solid #bebbb9;
  font-size: 8pt;
  color: #5b5b5b;
  padding: 15px 0 0 0;
}
#footer-bottom-text strong {
  color: #0082A7;
}
#footer-bottom-text p {
  margin: 0px 0px 5px 0px;
}
/* Right Box */
#footer-right-side-bar {
  float: left;
  width: 300px;
  height: 290px;
  background: url('/resources/images/footer/right-side-bar-bg.gif') left top repeat-x;
  margin-left: -300px;
}
#footer-right-side-bar #footer-logos {
  height: 239px;
}
#footer-right-side-bar p {
  padding: 15px 0 0 0;
  text-align: center;
  width: 270px;
  margin: 0 0 0 15px;
}
#footer-right-side-bar p.first {
  border-bottom: 1px solid #bebbb9;
  padding-bottom: 15px;
}
#footer-right-side-bar #footer-copyrights {
  width: 285px;
  border-top: 1px solid #bebbb9;
  font-size: 8pt;
  color: #5b5b5b;
  padding: 15px 0 0 0;
}
/* Right Box */
/********************************      Footer      ********************************/
.sharethis {
  color: #ffffff !important;
}
/********************************      Custom Select Lists      ********************************/
/* applied to original <select> to hide */
.has_sb {
  position: absolute;
  left: -999999em;
  text-indent: -999999em;
}
/* always visible styles */
.selectbox {
  display: inline-block;
  *display: inline;
  font-family: arial;
  font-size: 11px;
  position: relative;
  vertical-align: middle;
  zoom: 1;
  background: transparent url(/resources/images/forms/select-box.gif) no-repeat right top;
}
.selectbox .display {
  color: #000;
  cursor: default;
  display: block;
  font-weight: normal;
  height: 21px;
  line-height: 21px;
  outline: none;
  padding: 0 20px 0 0;
  border-left: 1px solid #bfbfbf;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
.selectbox.disabled .display {
  color: #999;
}
.selectbox.focused .display .text {
  background-color: #3399ff;
  font-size: 11px;
  color: #fcfcfc;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.selectbox .display .arrow_btn .arrow {
  display: none;
}
.selectbox .value {
  display: none;
}
/* dropdown styles */
.selectbox.items {
  background: #fff;
  border: 1px solid #828790;
  display: block;
  font-family: arial;
  font-size: 11px;
  list-style-type: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 1px 0;
  z-index: 99999;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
.selectbox.items li {
  display: block;
  margin: 0;
  padding: 0;
  /*white-space:nowrap; maybe necessary if using fixedWidth: false */
}
.selectbox.items li.first {
  margin-top: 0;
}
.selectbox.items li > .item {
  color: #000;
  cursor: default;
  display: block;
  padding: 4px 6px;
  text-decoration: none;
}
.selectbox.items li > .item > .text {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.selectbox.items li.selected > .item {
  border-bottom: 1px dotted #999;
  border-top: 1px dotted #999;
}
.selectbox.items li.disabled > .item {
  color: #999;
}
.selectbox.items li.hover > .item {
  background-color: #3399ff;
  color: #fcfcfc;
}
.selectbox.items .value {
  display: none;
}
/* optgroup styles */
.selectbox.items .optgroup .items {
  border: none;
  margin: 0;
  padding: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.selectbox.items .optgroup > .label {
  cursor: default;
  font-weight: bold;
  line-height: 1em;
}
.selectbox.items .optgroup .items li > .item {
  padding-left: 1em;
}
/* easy rounding styles */
.selectbox .round_sb.display {
  padding: 2px 26px 2px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.selectbox .round_sb.display .arrow_btn {
  right: 2px;
  top: 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.selectbox.round_sb.items {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.selectbox.round_sb.items > li > a {
  padding: 4px 6px;
}
.selectbox.round_sb.items > li.first > .item {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
.selectbox.round_sb.items > li.last > .item {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
/* for optgroups */
.selectbox.round_sb.items > li > .label {
  line-height: 2.08em;
  padding: 4px 6px;
}
.selectbox.round_sb.items > li > .items li > .item {
  padding: 4px 6px 4px 12px;
}
/* fixed width example styles */
/* Normal Size */
.selectbox .display.fixed-width {
  width: 231px;
  padding: 0 24px 0 10px;
  font-size: 11px;
}
.selectbox.fixed-width.items {
  width: 265px;
}
/* Normal Size */
/* Medium Size */
.selectbox .display.fixed-width.medium {
  width: 180px;
  padding: 0 24px 0 10px;
  font-size: 11px;
}
.selectbox.fixed-width.medium.items {
  width: 214px;
}
/* Medium Size */
/* Small Size */
.selectbox .display.fixed-width.small {
  width: 90px;
  padding: 0 24px 0 10px;
  font-size: 11px;
}
.selectbox.fixed-width.small.items {
  width: 124px;
}
/* Small Size */
/********************************      Custom Select Lists      ********************************/
.organisation-nom {
  font-family: TitilliumText22LRegular;
  font-size: 12pt;
  color: #0A7992;
}
.recherche-panel {
  background: none repeat scroll 0 0 #ffffff;
  margin: 0;
  padding: 0;
}
.menu-horizontal {
  background: url(/resources/images/articles/bg_tab.jpg) no-repeat scroll bottom center #FFFFFF;
  float: left;
  padding: 0px;
  overflow: hidden;
  position: relative;
  width: 100%;
  font-family: TitilliumText22LRegular;
}
.menu-horizontal ul {
  clear: left;
  float: left;
  left: 50%;
  list-style: none outside none;
  margin-top: 100px;
  padding: 0;
  position: relative;
  text-align: center;
}
#menu-horizontal ul li {
  background-image: none;
  padding: 1px;
  margin: 3px;
}
.menu-horizontal ul li {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 50%;
  background: none;
}
.menu-horizontal ul li a {
  background: none repeat scroll 0 0 #DDDDDD;
  color: #000000;
  display: block;
  line-height: 1.3em;
  margin: 0 0 0 1px;
  padding: 3px;
  text-decoration: none;
}
.menu-horizontal ul li a:hover {
  background: url("/resources/images/articles/article-city-bg.gif") repeat-x scroll right top #C3C3C3;
  /*color: #FFFFFF !important;*/
}
.menu-horizontal ul li a.active,
.menu-horizontal ul li a.active:hover {
  background: none repeat scroll 0 0 #2D2D2D;
  color: #FFFFFF;
}
/* Center button*/
.home-lnk {
  background: transparent url('/resources/images/profile/btn.gif') left center repeat-x;
  color: #ffffff;
  margin-left: 30px;
  margin-top: 7px;
  background-color: #E2E2E2;
  /*color: #333333;*/
  display: inline-block;
  font-family: TitilliumText22LRegular;
  font-size: 8pt;
  font-weight: bold;
  line-height: 15px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
a.home-lnk:hover {
  background-image: none;
  background-color: #0b7a93;
  color: #fff;
}
.home-chronique .left {
  min-width: 100px;
  /*width:10%;*/
  float: left;
}
.home-chronique .right {
  /*min-width:100px;*/
  width: 75%;
  float: left;
  min-height: 110px;
}
/* Messages */
.message-waiting {
  color: #fff;
}
.ui-autocomplete {
  width: 400px;
  max-width: 400;
  max-height: 100px;
  overflow-y: auto;
}
a.link-small,
a.link-small:link,
a.link-small:active,
a.link-small:visited {
  color: #D0D0D0 !important;
  font-size: 10pt !important;
}
/* --------- ALT PAGER ---------------*/
#altpager {
  font-family: TitilliumText22LBold;
  margin: 5px 0px;
  padding: 5px 0px;
  border-style: solid;
  border-color: #E0E0E0;
  font-size: 10pt;
}
#altpager a {
  height: 17px;
  line-height: 17px;
  text-decoration: none;
  padding: 0 7px;
  color: #333333;
}
#altpager .active {
  height: 17px;
  line-height: 17px;
  text-decoration: none;
  padding: 0 7px;
  color: #0082A7;
}
#result-count {
  float: left;
  width: 40%;
}
#result-pages {
  float: right;
  width: 40%;
  text-align: right;
}
.pagerbar {
  text-align: right;
  display: block;
  margin: 5px 0px;
  padding: 10px;
  overflow: hidden;
}
.pagerbar a,
.pagerbar a:link,
.pagerbar a:active,
.pagerbar a:visited {
  font-size: 10pt;
  text-decoration: none;
  margin: 5px;
  padding: 3px 6px;
}
.pagerbar a:hover {
  font-size: 10pt;
  margin: 5px;
  padding: 3px 6px;
}
a.pager-linkv2 {
  /* background: #406080; */
  /* color: #FAFAFA !important; */
  display: inline-block !important;
  min-width: 20px !important;
  min-height: 20px !important;
  padding: 8px !important;
  margin: 8px !important;
  text-align: center;
}
a.pager-linkv2:hover {
  /* background: lighten(#406080, 15%); */
}
.pager-currentv2 {
  color: #303030;
  font-size: 10pt;
  font-weight: bold;
  margin: 5px;
  padding: 3px 6px;
  /* background: lighten(#406080, 30%); */
  /* color: #FAFAFA !important; */
  display: inline-block !important;
  min-width: 20px !important;
  min-height: 20px !important;
  /* margin: 8px !important;
	padding: 8px !important; */
  text-align: center;
}
/* --------- ALT PAGER ---------------*/
.search-results-item2 {
  background: #303030;
}
.mini {
  font-family: Verdana;
  font-size: 8pt;
  color: #A0A0A0;
  margin: 0px;
  padding: 0px;
  border: none;
  line-height: 150%;
}
.site-message {
  background: #E0D0D0;
  width: 960px;
  margin: 10px auto;
  padding: 5px;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  border-style: dotted;
  border-color: #303030;
  border-width: 1px;
}
.panel {
  display: none;
  /* Default state is hidden */
  margin: 0px;
}
/* COMMON */
.innerpadding {
  margin: 0px;
  padding: 5px;
}
/* HEADER */
#header {
  min-height: 75px;
}
#logo {
  width: 45%;
  float: left;
}
#loginstatus {
  background: #203040;
  color: #D0D0D0;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
#loginstatus a:link,
#loginstatus a:active,
#loginstatus a:visited {
  color: #FAFAFA;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
}
.member-status {
  margin: 0px;
  padding: 12px 24px;
  color: #FAFAFA;
}
/* COMMONTOOLS */
#commontools {
  text-align: right;
  width: 100%;
  margin: 0px;
  padding: 4px;
}
#commontools a:link,
#commontools a:active,
#commontools a:visited {
  font-weight: bold;
  margin: 5px;
  padding: 5px;
  text-decoration: none;
}
#commontools a:hover {
  color: #0000FF;
}
/* LOGIN */
#login td {
  padding: 5px;
}
.dialog-title {
  font-family: TitilliumText22LRegular;
  color: #F0F0F0;
  font-size: 18pt;
  margin: 0px;
  padding: 10px 0px;
}
/* TOOLTIP */
.tooltip {
  display: inline;
}
.tooltip span {
  display: none;
}
.sectionlistitem {
  background: #F0F0FF;
  font-size: 10pt;
  font-weight: bold;
  padding: 10px;
  border-style: dotted;
  border-color: #303030;
  border-width: 0px 0px 1px 0px;
}
legend {
  color: #003366;
  font-size: 10pt;
  font-weight: bold;
  margin: 0px 0px 0px 10px;
}
.required-indicator {
  color: yellow;
  font-size: 10pt;
  font-weight: bold;
}
.form {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.form td {
  padding: 0px 0px 10px 0px !important;
}
.form input[type='checkbox'] {
  margin: 8px 0px;
}
.form label.checkbox {
  color: #9b9b9b;
  font-size: 10pt;
  display: inline-block;
  padding: 0px;
}
.form label,
.form-content label {
  color: #E0E0E0;
  text-shadow: 1px 1px #686868;
  font-size: 12pt;
  display: inline-block;
  margin: 5px 0px;
  padding: 0px 0px 3px 0px;
}
.form-sub-buttons {
  text-align: right;
  padding: 10px 0px;
}
.form-sub-buttons a.send-btn,
.form-sub-buttons button.send-btn {
  background: url('/resources/images/forms/step-bg.gif') left top repeat-x;
  padding-right: 24px;
  border: none;
  font-weight: bold;
}
.form-buttons {
  text-align: right;
  padding: 10px 0px;
  border-top: 1px solid #585858;
}
.form-buttons * {
  margin: 0px 0px 0px 10px;
}
label.white {
  color: #606060;
  font-weight: bold;
  display: inline-block;
  margin: 5px 0px;
  padding: 0px;
}
.formcaptions {
  width: 30%;
}
.formfields {
  width: 70%;
}
#listoptions {
  background: #E8E8E8;
  margin: 0px;
  padding: 5px 30px;
  font-size: 10pt;
}
.toolbar {
  margin: 5px 0px;
  overflow: hidden;
  text-align: right;
}
.toolbar a {
  display: inline-block;
  height: 21px;
  line-height: 23px;
  color: #000;
  text-decoration: none;
  padding: 0 2px;
  text-transform: uppercase;
}
.toolbar a:hover {
  color: #cdcdcd;
}
ol.etapes {
  list-style-type: decimal;
  list-style-position: inside;
}
ol.etapes li {
  color: #309030;
  font-size: 12pt;
  font-weight: bold;
}
ol.etapes li * {
  color: #303030;
  font-size: 10pt;
  font-weight: normal;
}
/* Styles pour les listes de resultats */
.list {
  font-size: 10pt;
  border-style: none;
  text-align: left;
  width: 100%;
}
.list a,
.list a:link,
.list a:active,
.list a:visited {
  color: #333333;
  font-size: 10pt;
  line-height: 13pt;
  text-decoration: none;
}
.list a:hover {
  color: #0082A7;
  text-decoration: underline;
}
.list th {
  background: #606060;
  /* D4DCE4; */
  color: #FAFAFA;
  /* 506E8B; */
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  padding: 10px;
}
.list td {
  padding: 10px;
}
.list1 {
  background: #F0F0F0;
  color: #000000;
}
.list2 {
  background: #F8F8F8;
  color: #000000;
}
.list td small {
  display: block;
  padding-top: 5px;
}
/* Listes pour le profil */
.profile-list {
  font-size: 10pt;
  border-style: none;
  /* text-align: left; */
  width: 100%;
}
.profile-list a,
.profile-list a:link,
.profile-list a:active,
.profile-list a:visited {
  font-size: 12pt;
  color: #FFFFFF;
}
.profile-list a:hover {
  color: #43A2B6;
}
.profile-list th,
.profile-list td {
  padding: 10px;
  border-right: 1px solid #393939;
}
.profile-list th {
  background: #2D2D2D;
  color: #339aa9;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
}
.profile-list td {
  background-color: #464646;
  color: #9e9e9e;
  border-top: 1px solid #393939;
  font-size: 8pt;
}
.profile-list td small {
  display: block;
  padding-top: 5px;
}
.profile-list1 {
  background: #F0F0F0;
  color: #000000;
}
.profile-list2 {
  background: #F8F8F8;
  color: #000000;
}
/* User Infos List */
.form-content .user-infos-list {
  width: 100%;
}
.form-content .user-infos-list th,
.form-content .user-infos-list td {
  padding: 10px;
  border-right: 1px solid #393939;
}
.form-content .user-infos-list th {
  background-color: #2D2D2D;
  color: #339aa9;
  font-size: 10pt;
}
.form-content .user-infos-list td {
  background-color: #464646;
  color: #9e9e9e;
  border-top: 1px solid #393939;
  font-size: 8pt;
  vertical-align: bottom;
}
.form-content .user-infos-list td strong {
  color: #FFFFFF;
  font-size: 9pt;
  font-weight: normal;
}
.form-content .user-infos-list td small {
  display: block;
  padding-top: 5px;
}
.form-content .user-infos-list.user-jobs-list td {
  vertical-align: middle;
}
/* User Infos List */
span.profile-value {
  color: #FAFAFA;
  font-family: Calibri;
  font-size: 14pt;
  font-weight: bold;
}
span.readonly {
  color: #FAFAFA;
  font-family: Calibri;
  font-size: 14pt;
  font-weight: bold;
}
.gridrow td a {
  text-decoration: none;
}
.gridrow:hover > td {
  cursor: pointer;
  background-color: #D0E0F0;
}
.highlight td {
  background-color: #D0E0F0;
  cursor: pointer;
}
/* ---- */
.demande {
  background: #FFFF40;
}
/* Liste des avantages */
.comparatif {
  font-family: TitilliumText22LRegular;
  font-size: 12pt;
}
.comparatif th {
  color: #303030;
  text-align: center;
  padding: 10px;
}
.comparatif td {
  background: #F6F6F6;
  padding: 10px;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: 1px 1px 0px 0px;
}
.included {
  text-align: center;
}
/* Liste des avantages */
.listitem {
  background: #D0E0F0;
  border-style: dotted;
  border-color: #909090;
  border-width: 0px 0px 1px 0px;
}
.listresult {
  color: #000000;
  background: #F8FBFE;
  border-top: solid 1px #DCE4EB;
  padding: 8px;
}
/*
#liste table .list1
{

	font-size: 70%;
	color: #000000;
	background: #F0F0F0;
	border-bottom: solid 1px #DCE4EB;
	padding: 8px;
}

#liste table .list2
{

	font-size: 70%;
	color: #000000;
	background: #FFFFFF;
	border-bottom: solid 1px #DCE4EB;
	padding: 8px;
}
*/
#breadcrumbs {
  padding: 10px;
}
#breadcrumbs a {
  font-size: 10pt;
}
#breadcrumbs span {
  font-size: 10pt;
  font-weight: bold;
}
#list-paging {
  margin: 30px 65px 0 0;
}
#list-paging a {
  border-left: 1px solid #E1E0DF;
  color: #333333;
  display: block;
  float: left;
  font-family: TitilliumText22LBold;
  font-size: 10pt;
  height: 17px;
  line-height: 17px;
  padding: 0 7px;
  text-decoration: none;
}
#list-paging a img {
  margin-top: 3px;
}
#list-paging a:hover {
  color: #0082A7;
}
#list-paging a#previous-page {
  border: 0 none;
}
#list-paging a.active {
  color: #0082A7;
}
#list-paging a#previous-page {
  border: 0;
}
.tabs,
.searchtabs {
  width: 100%;
  line-height: normal;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 80%;
  line-height: 80%;
  padding: 0px;
  font-weight: bold;
  margin: 0px;
  color: #5c5c5c;
}
.tabs ul,
.searchtabs ul {
  margin: 0;
  padding: 10px 10px 0;
  list-style: none;
}
.tabs li,
.searchtabs li {
  float: left;
  margin: 0;
  padding: 0 0 0 9px;
  list-style: none;
  margin-left: 5px;
  padding: 0px;
}
.tabs a,
.searchtabs a {
  display: block;
  background: url("/media/images/layout/tabs/left.gif") no-repeat left top;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  cursor: pointer;
}
/* Commented Backslash Hack
  hides rule from IE5-Mac \*/
.tabs a,
.searchtabs a {
  float: none;
  text-decoration: none;
}
/* End IE5-Mac hack */
/* Temporairement disabled
.tabs a:hover, .searchtabs a:hover { color:#333; }
.tabs .activetab, .searchtabs .activetab { background-image:url("/media/images/layout/tabs/right_on.gif"); position: relative; top: -2px; text-decoration: none;}
.tabs .activetab a, .searchtabs .activetab a {
	background-image:url("/media/images/layout/tabs/left_on.gif");
	color: #0084a8;
	padding-bottom:5px;
	text-decoration: none;
}
.tabs .notab, .tabs .notab a, .searchtabs .notab, .searchtabs .notab a { background-image: none; display: inline; text-decoration: none; }
*/
.sidebarmap {
  width: 225px;
  height: 225px;
  position: relative;
  text-align: center;
  border: solid 1px #ccc;
}
.layout {
  display: inline;
  float: right;
  background: #bbb;
  height: 15px;
  width: 50px;
  border: solid 1px #fff;
  border-radius: 5px;
}
.layout:hover {
  background-color: #777;
  border: solid 1px #000;
}
/* Fin de la page d'accueil */
#contenuarticle img {
  float: right;
}
.accueil-chronique-image {
  width: 100px;
  height: 83px;
}
.accueil-chronique-content {
  text-align: left;
  width: auto;
}
#formerrormessage {
  background: red;
  color: #FFFFFF;
  font-size: 12pt;
  font-weight: bold;
  display: none;
  margin: 0px;
  padding: 10px;
}
.errormessage {
  color: #E04040;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  margin: 5px 0px;
  padding: 0px;
}
.search-results-item {
  margin: 10px 0px;
  padding: 0px;
  border-style: solid;
  border-color: #D0D0D0;
  border-width: 0px 0px 1px 0px;
}
/* TESTS */
.petitselect {
  font-size: 8pt;
}
.testlist {
  background: #FAFAFA;
}
.testlist ul {
  background: #F1F1F1;
}
.testlist li {
  margin: 4px;
  padding: 4px;
  border-style: dotted;
  border-color: #303030;
  border-width: 0px 0px 1px 0px;
}
.listtemplate {
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: #4682B4;
  border-width: 1px;
}
.listtemplate div.header {
  background: #4682B4;
  margin: 0px;
  padding: 5px;
}
.listtemplate div.header p {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 14pt;
}
.listtemplate p {
  color: #304050;
}
.itemtemplate {
  background: #FFFFFF;
  margin: 0px;
  padding: 10px;
  border-style: dotted;
  border-color: #303030;
  border-width: 0px 0px 1px 0px;
}
.itemtemplate h1 {
  color: #4682B4;
  font-family: Verdana;
  font-size: 12pt;
  font-weight: bold;
}
.itemtemplate a,
.itemtemplate a:link,
.itemtemplate a:active,
.itemtemplate a:visited {
  color: #000066;
}
.itemtemplate a:hover {
  color: #0000FF;
}
dl {
  width: 100%;
}
dl,
dd {
  margin: 0px;
}
dt {
  background: #909090;
  font-size: 12pt;
  font-weight: bold;
}
dt a {
  color: #FFF;
}
dd a {
  color: #000;
}
#commands {
  padding: 5px;
}
#container-details {
  border-bottom: 1px solid #EAEAEA;
}
.table-details {
  width: 100%;
  margin: 10px 0px;
  padding: 0px;
}
.table-details-caption {
  width: 200px;
  font-weight: bold;
}
.table-details tr {
  width: 100%;
}
.table-details td {
  padding: 10px 20px 10px 0px;
}
.contentbox {
  background: #F0F0F0;
  font-family: Verdana;
  font-size: 8pt;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  border-style: solid;
  border-color: #607080;
  border-width: 1px;
  overflow: hidden;
}
.contentbox h3 {
  background: #206090;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  margin: 1px;
  padding: 5px;
  border: none;
}
.contentbox p {
  margin: 10px 0px;
}
.contentbox ul {
  list-style-type: none;
  list-style-position: inside;
  margin: 0px;
  padding: 0px;
}
.contentbox li a {
  color: #303030;
  display: block;
  text-decoration: none;
  margin: 5px;
  padding: 5px;
}
.contentbox li a:hover {
  background: #E0E0E0;
  color: #606090;
}
.contentbox img {
  border: 0px;
  vertical-align: text-bottom;
}
.actionlist {
  list-style-position: inside;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-color: #000000;
  border-width: 0px;
}
.actionlist li {
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-color: #000000;
  border-width: 0px;
}
.actionlist li a {
  background: #E0E0E0;
  color: #606060;
  font-weight: bold;
  display: block;
  margin: 0px;
  padding: 5px;
  text-decoration: none;
}
.actionlist li a:hover {
  background: #A0B0C0;
  text-decoration: none;
}
.checkboxlist {
  list-style-position: inside;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
label.checkboxlist-toggleall {
  font-weight: bold !important;
  color: yellow;
}
.checkboxlist li {
  margin: 0px;
  padding: 0px;
}
.blogdate {
  /* float: left; */
  background: #F0F0F0;
  text-align: center;
  width: 60px;
  height: 60px;
  margin: 5px;
  padding: 5px;
  border-style: solid;
  border-color: #606060;
  border-width: 2px;
}
.blogdateday {
  color: #606060;
  font-family: Arial;
  font-size: 35px;
  text-align: center;
}
.blogdatemonth {
  color: #999999;
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
}
.blogdate-home {
  /* display: block; */
  float: left;
  background: white;
  font-family: TitilliumText22LThin;
  font-weight: bold;
  padding: 3px;
  border: none;
  display: table-cell;
  vertical-align: middle;
  min-width: 90px;
  min-height: 90px;
  margin-left: 30px;
  text-transform: uppercase;
  color: #39A8B7;
}
.blogdate-home span {
  display: block;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
span.article-journom {
  /* height: 20%; */
}
span.article-jour {
  font-size: 45pt;
  font-family: TitilliumText22LRegular;
  /* height: 60%; */
}
span.article-mois {
  /* height: 20%; */
}
#sectionheader {
  width: 100%;
  margin: 0px;
  border-style: dotted;
  border-color: #909090;
  border-width: 0px 0px 1px 0px;
}
#sectionheader h1 {
  color: #303030;
  font-family: Verdana;
  font-size: 20pt;
  margin: 2px;
}
#sectionheader h3 {
  color: #606060;
  font-family: Verdana;
  font-size: 20pt;
  margin: 2px;
}
#sectionname {
  width: 50%;
  height: 40px;
  float: left;
}
#actionname {
  width: 50%;
  height: 40px;
  float: left;
}
#sectionheader div.innerpadding {
  margin: 0px;
  padding: 5px;
}
#list-contents {
  width: 720px;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0px;
}
#list-sidebar {
  background: #F0F0F0;
  width: 250px;
  float: left;
}
/* Section articles */
.text-normal {
  font-size: 1.1em !important;
  line-height: 1.4em !important;
}
.text-big {
  font-size: 1.2em !important;
  font-weight: normal;
  line-height: 1.5em !important;
}
.text-biggest {
  font-size: 1.4em !important;
  font-weight: normal;
  line-height: 2.6em !important;
}
#articles-details-sidebar {
  background: #F0F0F0;
  font-size: 8pt;
  float: left;
  width: 24%;
  margin: 0px;
  padding: 0px;
}
/* Highlight des mots recherches dans les articles */
.highlight {
  background-color: #FFF89B;
  border: 1px solid #FFDD00;
  padding: 1px;
}
/* Style des tags des articles*/
.tags {
  color: #747474;
  font-size: 0.7em;
  text-decoration: none;
}
.tags-item {
  font-size: 0.7em;
  text-decoration: none;
}
.tags:hover {
  color: #0A7992;
}
/*Fin section articles */
/* Debut Section Commentaire */
.commentaire-header,
.commentaire-header h5,
.commentaire-action {
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
}
.commentaire-header {
  width: 100%;
  border: 1px solid #555;
  background-color: #D0D0D0;
}
.commentaire-action {
  float: right;
}
.commentaire-action button,
.commentaire-action a {
  background: none;
  border: 0;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  padding: 2px;
  margin: 0px;
  cursor: pointer;
}
.commentaire-action button:hover,
.commentaire-action a:hover {
  background-color: #555;
  color: #DDD;
}
.commentaire-content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 110px;
  margin: 0px;
  padding: 0px;
}
.commentaire-content textarea {
  border: 1px solid #888888;
  background-color: #DBDBEF;
  width: 96%;
  margin: 5px;
  min-height: 110px;
}
.quote-item {
  border: 1px solid #CECECE;
  background-color: #EFEFEF;
}
.quote-item legend {
  border: 1px solid #DEDEDE;
  background-color: #FEFEFE;
}
/* Fin Section Commentaire */
#details-sidebar ul,
#details-sidebar ol {
  margin: 12px;
  padding: 12px;
}
#details-repertoires-contents {
  float: left;
  width: 650px;
  margin: 0px 10px 0px 0px;
}
#details-repertoires-sidebar {
  float: left;
  width: 320px;
  margin: 0px;
}
#edit-contents {
  float: left;
  width: 720px;
  margin: 0px 10px 0px 0px;
}
span.label {
  color: #708090;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.dropdownlist {
  background: #FEFEFE;
  font-family: Verdana;
  font-size: 8pt;
  padding: 4px;
}
.idle {
  background: #EFEFEF;
  padding: 4px;
  border-style: solid;
  border-color: #909090;
  border-width: 1px;
}
.errorfield {
  background: red;
  padding: 4px;
  border-style: solid;
  border-color: #909090;
  border-width: 1px;
}
.okmessage {
  background-color: #CEE6C3;
  background-image: url("/media/images/commun/accept.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #1B8D44;
  position: relative;
  font-size: 10pt;
  font-weight: bold;
  padding: 10px;
  border-color: #359545;
  text-align: center;
}
#edit-contents h3 {
  color: #708090;
  font-family: Verdana;
  font-size: 16pt;
}
#edit-sidebar {
  background: #F0F0F0;
  float: left;
  width: 250px;
  margin: 0px;
}
.dialog {
  background: #F0F0F0;
  color: #909090;
  border-style: solid;
  border-color: #E0E0E0;
  border-width: 1px;
  display: none;
}
.dialog h3 {
  color: #F0F0F0;
}
.checkboxlist {
  list-style-position: inside;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.checkboxlist li {
  margin: 0px;
  padding: 0px;
}
#validation-panel {
  margin: 0px;
  padding: 0px;
}
#validation-panel h1 {
  color: yellow !important;
}
#validation-panel li {
  color: #E04040;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  margin: 5px 0px;
  padding: 0px;
}
#validation {
  background: beige;
  color: red;
  font-size: 20pt;
  text-align: center;
  margin: 0px;
  padding: 10px;
}
#validation p {
  margin: 0px;
  padding: 5px;
}
div.validationpanel {
  margin: 0px;
  padding: 0px;
}
#validationMessages ul {
  list-style: square outside none;
  margin: 0px 20px;
}
#validationMessages li {
  padding: 5px;
}
.formcontrols {
  background: #E0E0E0;
  color: #303030;
  font-family: Calibri, Verdana, Arial, sans-serif;
  font-size: 1em;
  margin: 0px;
  padding: 5px;
  border-style: solid;
  border-color: #E0E0E0;
  border-width: 1px;
}
.errorstate {
  background: red;
  color: #FFFFFF;
  font-family: Calibri, Verdana, Arial, sans-serif;
  font-size: 1em;
  margin: 0px;
  padding: 5px;
  border-style: solid;
  border-color: red;
  border-width: 1px;
}
div.lightbox-overlay {
  background: transparent url(/media/images/commun/transparent_bg.png) repeat scroll 0% 0%;
  cursor: pointer;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10;
  display: none;
}
/*
div#login {
	background: #fff;
	width: 300px;
	border-radius: 10px;
	position: absolute;
	left: 35%;
	top: 30%;
	cursor: default;
	z-index: 100;
}

div.lightbox-overlay div#login fieldset { border-radius: 10px; }
div#loginbutton { text-align: center; }
*/
#jSuggestContainer {
  position: absolute;
  font: 12px Tahoma;
  border: 1px solid #ffb931;
  border-top: 0;
  background: #FFF;
}
.jSuggestLoading {
  font-style: italic;
  padding: 10px;
}
#jSuggestContainer ul,
#jSuggestContainer ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#jSuggestContainer ul li {
  padding: 2px 4px;
  border-bottom: 1px dotted #ffe594;
  color: #666;
  background: #fff9e7;
  cursor: pointer;
}
#jSuggestContainer ul li.last {
  border-bottom: 0;
}
#jSuggestContainer ul li.jSuggestHover {
  background: #ffeaaa;
  color: #333;
}
#sitemessage {
  background: #E0F0D0;
  color: #303030;
  margin: 5px;
  padding: 5px;
  border-style: solid;
  border-color: #D0D0D0;
  border-width: 1px;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.errors {
  border: 1px solid red;
}
.ui-tabs .ui-tabs-hide {
  display: none;
}
/*
.today td
{
	background: #E0E090;
}

.hier td
{
	background: #D0D080;
}
*/
#termes {
  background: #C0C0C0;
  font-family: Verdana;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
}
#wait {
  width: 200px;
  padding: 10px;
  margin: 10px;
  border: 1px solid black;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.summarylist {
  background: #A0B0C0;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.summarylist ul {
  list-item-position: inside;
  list-item-style: none;
}
.summarylist li {
  background: #DDAA99;
}
.summarylist li a:link,
.summarylist li a:visited {
  color: #FFFFFF;
}
.summarylist li a:hover {
  background: #999999;
}
.summarylist listitem {
  background: #D0E0F0;
}
.listitem {
  background: #F0F0F0;
  padding: 5px;
  border-bottom: dotted #909090 1px;
}
listitem * {
  padding: 1px;
  margin: 1px;
  line-spacing: 0px;
}
.listitem a:link,
.listitem a:active,
.listitem a:visited {
  color: #306090;
  font-size: 8pt;
  display: block;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}
.listitem a:hover {
  background: #E0E0E0;
}
/* Profil de l'utilisateur */
#utilisateur-infocard {
  margin: 0px;
  padding: 0px;
}
#utilisateur-avatar {
  float: left;
  width: 25%;
  color: #F0F0F0;
  font-family: Verdana;
  font-size: 8pt;
}
#utilisateur-stats {
  float: left;
  width: 75%;
  margin: 0px;
  padding: 0px;
}
.profil-form h4 {
  color: #F0F0F0;
  font-size: 14pt;
  margin: 5px;
  padding: 5px;
  border-style: solid;
  border-color: #D0D0D0;
  border-width: 0px 0px 1px 0px;
}
.profil-form a {
  color: #D5D5D5;
}
#sondage .reponse,
.reponse {
  background: url(/media/images/barbier.png);
  height: 13px;
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 0.1em;
}
.listhover {
  background: blue;
}
#footpanel {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  /*--Keeps the panel on top of all other elements--*/
  background: #E3E2E2;
  border: 1px solid #C3C3C3;
  border-bottom: none;
  width: 94%;
  margin: 0 3%;
}
#footpanel ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  list-style: none;
  border-top: 1px solid #fff;
  /*--Gives the bevel feel on the panel--*/
  font-size: 1.1em;
}
#footpanel ul li {
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}
#footpanel ul li a {
  padding: 5px;
  float: left;
  text-indent: -9999px;
  /*--For text replacement - Shove text off of the page--*/
  height: 16px;
  width: 16px;
  text-decoration: none;
  color: #333;
  position: relative;
}
html #footpanel ul li a:hover {
  background-color: #fff;
}
html #footpanel ul li a.active {
  /*--Active state when sub-panel is open--*/
  background-color: #FFFFFF;
  height: 17px;
  margin-top: -2px;
  /*--Push it up 2px to attach the active button to sub-panel--*/
  border: 1px solid #555;
  border-top: none;
  z-index: 200;
  /*--Keeps the active link on top of the sub-panel--*/
  position: relative;
}
#footpanel a.home {
  background: url(home.png) no-repeat 15px center;
  width: 50px;
  padding-left: 40px;
  border-right: 1px solid #bbb;
  text-indent: 0;
  /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile {
  background: url(user.png) no-repeat center center;
}
a.editprofile {
  background: url(wrench_screwdriver.png) no-repeat center center;
}
a.contacts {
  background: url(address_book.png) no-repeat center center;
}
a.messages {
  background: url(mail.png) no-repeat center center;
}
a.playlist {
  background: url(document_music_playlist.png) no-repeat center center;
}
a.videos {
  background: url(film.png) no-repeat center center;
}
a.alerts {
  background: url(newspaper.png) no-repeat center center;
}
#footpanel a.chat {
  background: url(balloon.png) no-repeat 15px center;
  width: 126px;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding-left: 40px;
  text-indent: 0;
  /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel,
#footpanel li#alertpanel {
  float: right;
}
#footpanel a small {
  text-align: center;
  width: 70px;
  background: url(pop_arrow.gif) no-repeat center bottom;
  padding: 5px 5px 11px;
  display: none;
  /*--Hide by default--*/
  color: #000;
  font-size: 1em;
  text-indent: 0;
}
#footpanel a:hover small {
  display: block;
  /*--Show on hover--*/
  position: absolute;
  top: -35px;
  /*--Position tooltip 35px above the list item--*/
  left: 50%;
  margin-left: -40px;
  /*--Center the tooltip--*/
  z-index: 9999;
}
.formcontainer {
  background: #A0A0A0;
  margin: 0px;
  padding: 1px;
  border-style: solid;
  border-color: #303030;
  border-width: 1px;
}
.formcontainer label {
  color: #FFFFFF;
  font-size: 10pt;
}
.formheader {
  background: #606060;
  margin: 0px;
  padding: 5px;
}
.formheader h3 {
  color: #FFFFFF;
  font-size: 14pt;
  font-weight: bold;
  margin: 0px;
  padding: 5px;
}
.formcontent {
  margin: 0px;
  padding: 5px;
}
#resultats_sondage #sondage_question {
  padding-bottom: 10px;
}
#resultats_sondage .reponse_choix {
  padding-top: 5px;
  padding-bottom: 2px;
}
#resultats_sondage .pourcentage {
  padding-left: 5px;
}
/* Boites de messages */
#box-info-permanent,
.box-info-permanent {
  background: url("/media/images/icone/box-info.png") no-repeat scroll 0 0 #EBF5FA;
  border-color: #A1C0D0 #A1C0D0 #79A0B4;
  color: #1D5E80;
  padding-left: 38px;
  min-height: 38px;
  border-radius: 5px;
  width: 550px;
}
#box-info,
.box-info {
  background: url("/media/images/icone/box-info.png") no-repeat scroll 0 0 #EBF5FA;
  border-color: #A1C0D0 #A1C0D0 #79A0B4;
  color: #1D5E80;
  padding: 2px 5px 5px 40px;
  min-height: 40px;
  border-radius: 5px;
  /*
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    */
}
#box-info p,
.box-info p,
#box-info-permanent p,
.box-info-permanent p {
  color: #606060 !important;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  font-size: 8pt;
}
/*#box-info h2, .box-info h2{
	color: #cdcdcd !important;
}*/
#box-hint,
.box-hint,
#box-hint-permanent,
.box-hint-permanent {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("/media/images/icone/hint.png") no-repeat scroll 0 0 #FFFAE6;
  border-color: #E2C487 #E2C487 #C5A35D;
  color: #6A4F16;
  padding: 10px 10px 10px 40px;
  margin: 10px 0px;
}
#box-warning,
.box-warning {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #D2D2D4 #D2D2D4 #A2A2A4;
  border-radius: 5px;
  border-style: solid;
  border-color: #FF3030;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 0 #FFFFFF inset;
  background: url("/media/images/icone/warning.png") no-repeat scroll 0 0 #FFCCBA;
  /* #FFF0EB; */
  border-color: #EDB1A2 #EDB1A2 #D18C7B;
  padding-left: 50px;
  min-height: 38px;
}
#box-warning a,
.box-warning a {
  color: #D8000C;
}
#box-warning p,
#box-warning ul,
.box-warning ul,
.box-warning p {
  color: #D8000C !important;
}
#box-warning li,
.box-warning li {
  background: none !important;
}
.box-download {
  background: url("/media/images/icone/download.png") no-repeat scroll 0 0 #FAFFE6;
  border-color: #C2D685 #C2D685 #A1B661;
  color: #51621C;
}
.comment-author {
  color: #464646;
  padding-left: 30px;
}
.comment-label {
  color: #464646;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 38px;
  background: url("/media/images/commun/comment_user.png") no-repeat 1px 2px;
  /* height: 30px; */
}
.formtooltip {
  background: #E0E0C0;
  color: #606060 !important;
  fontsize: 8pt;
  display: none;
  border-style: solid;
  border-color: #D0D0B0;
  border-width: 1px;
}
.formtooltip h3 {
  background: #306090;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.formtooltip h3 * {
  margin: 5px;
  padding: 0px;
}
.formtooltip p,
.formtooltip img {
  color: #606060 !important;
  font-family: Verdana;
  font-size: 10pt !important;
  margin: 5px;
  padding: 0pt;
}
.tip {
  background: #F5F5DC;
  margin: 0px;
  padding: 10px;
  box-shadow: 3px 3px 10px #303030;
}
.shadow {
  box-shadow: 3px 3px 10px #303030;
}
.tip p {
  color: #303030 !important;
  margin: 0px !important;
  padding: 0px !important;
}
.validation-container {
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-color: red;
  border-width: 2px;
}
.validation-header {
  background: red;
  margin: 0px;
  padding: 5px;
}
.validation-header h3 {
  color: #FFFFFF;
  font-size: 12pt;
  text-transform: uppercase;
  margin: 0px !important;
  padding: 0px !important;
  line-height: 1em;
}
.validation-content {
  background: #F0F0F0;
  color: #303030;
  padding: 10px;
}
.validation-content p {
  color: #303030;
  margin: 0px 0px 10px 0px !important;
  padding: 0px !important;
  line-height: 1em !important;
}
.validation-content ul {
  margin: 5px 0px 5px 0px !important;
  padding: 5px 0px 5px 25px !important;
  list-style-type: square !important;
  list-style-position: inside !important;
}
.validation-content li {
  margin: 8px 0px !important;
}
.errorsummary {
  background: red;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  margin: 10px 0px;
  display: none;
  padding: 5px;
  border-style: solid;
  border-color: red;
  border-width: 1px;
}
.errorsummary h3 {
  color: #FAFAFA;
}
#alphafilter {
  font-family: TitilliumText22LBold;
  margin: 10px 0px;
  text-align: center;
  border-style: solid;
  border-color: #E0E0E0;
}
#alphafilter a {
  height: 17px;
  line-height: 17px;
  text-decoration: none;
  padding: 0 7px;
  Color: #333333;
  font-size: 10pt;
}
#alphafilter .active {
  height: 17px;
  line-height: 17px;
  text-decoration: none;
  padding: 0 7px;
  color: #0082A7;
  font-size: 10pt;
}
.calendar {
  background: #A0A0A0;
}
.calendar-navigation {
  background: #989823;
  text-align: center;
  width: 100%;
}
.calendar-day-header-month {
  background: #A0B0C0;
  color: #FAFAFA;
  font-weight: bold;
  width: 80px;
  height: 80px;
  text-transform: uppercase;
  text-align: center;
}
.calendar-day-header-mini {
  background: #A0B0C0;
  color: #FAFAFA;
  font-weight: bold;
  width: 35px;
  height: 35px;
  text-transform: uppercase;
  text-align: center;
}
.calendar-day-currentmonth-month {
  background: #EAEAEA;
  width: 80px;
  height: 80px;
  text-align: center;
}
.calendar-day-currentmonth-mini {
  background: #EAEAEA;
  width: 35px;
  height: 35px;
  text-align: center;
}
.calendar-day-othermonth-month {
  background: #B0B0B0;
  width: 80px;
  height: 80px;
  text-align: center;
}
.calendar-day-othermonth-mini {
  background: #B0B0B0;
  width: 35px;
  height: 35px;
  text-align: center;
}
.calendar-day-today-month {
  background: #E0E090;
  font-weight: bold;
  width: 80px;
  height: 80px;
  text-align: center;
}
.calendar-day-today-mini {
  background: #E0E090;
  font-weight: bold;
  width: 35px;
  height: 35px;
  text-align: center;
}
.calendar-prevmonth {
  text-align: left;
}
.calendar-nextmonth {
  text-align: right;
}
.contact {
  background: #EAEAEA;
  border-style: solid;
  border-color: #D0D0D0;
  border-width: 1px;
}
.contact table {
  width: 100%;
}
.listcaption {
  width: 30%;
}
.listcontent {
  width: 70%;
}
.contact td {
  padding: 10px;
}
.companyname {
  color: #606060;
  font-weight: bold;
}
.hidden {
  display: none !important;
}
/* New Buttons */
.formbuttons {
  color: #FFFFFF;
  /* display: inline-block; */
  /* line-height: 23px; */
  text-decoration: none;
  margin: 5px 0px;
  /* padding: 10px; */
  text-transform: uppercase;
  /* background: url('/resources/images/forms/btn.gif') left top repeat-x; */
  background: #505050;
  border: none;
}
a.linkbutton {
  padding: 10px;
  font-family: TitilliumText22LBold !important;
  font-size: 10pt !important;
  display: inline-block;
  min-width: 140px !important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}
input[type='submit'],
input[type='button'] {
  padding: 10px;
  font-family: TitilliumText22LBold !important;
  font-size: 10pt !important;
  display: inline-block;
  min-width: 140px !important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}
.form-holder a.linkbutton,
.linkbutton,
button.form {
  /*
	border-style: solid;
	border-color: #E0E0E0;
	border-width: 1px;
	*/
}
input[type='submit']:hover,
input[type='button']:hover,
.linkbutton:hover {
  /*
	background: #C0C0C0;
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 1px;
	*/
}
input[type='submit'].primary,
.form-holder a.primary,
a.primary,
button.primary {
  background: #3392A6;
  /* background: linear-gradient(rgb(30,90,200), rgb(20,80,190)); */
  color: #E0E0E0;
  border-style: solid;
  border-color: #3392A6;
  border-width: 1px;
  text-shadow: 1px 1px #606060;
}
input[type='submit'].primary:hover,
.form-holder a.primary:hover,
a.primary:hover,
button.primary:hover {
  background: #43A2B6;
  color: #E0E0E0;
  border-style: solid;
  border-color: #43A2B6;
  border-width: 1px;
}
input[type='submit'].primaryarrow,
input[type='submit'].submit-btn {
  background: url('/resources/images/forms/btn-send28.gif') right top no-repeat;
  color: #FFFFFF;
  height: 28px;
  line-height: 24px;
  display: inline-block;
  padding: 0px 24px 0px 0px;
  border: none;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px;
  margin: 5px 0px;
  text-shadow: 1px 1px #606060;
}
.secondary,
button.secondary,
a.secondary {
  background: #E0E0E0;
  color: #303030;
  font-family: TitilliumText22LBold !important;
  font-size: 10pt !important;
  /* font-weight: normal; */
  min-width: 128px;
  border-style: solid;
  border-color: #E0E0E0;
  border-width: 1px;
  padding: 5px;
}
.secondary:hover,
a.secondary:hover {
  background: #C0C0C0;
  color: #303030;
  border-style: solid;
  border-color: #C0C0C0;
  border-width: 1px;
}
input[type='button'].disabled,
a.disabled {
  background: #B0B0B0 !important;
  color: #707070 !important;
  border-style: solid;
  border-color: #B0B0B0;
  border-width: 1px;
}
span.note {
  color: #D0E0F0;
  font-family: Verdana;
  font-size: 9pt;
  display: block;
  margin: 3px 0px;
}
span.note a {
  font-family: Verdana;
  font-size: 9pt !important;
  color: #3ED4F9;
}
#infomessage2 {
  background: #406088;
  opacity: 0.85;
  filter: alpha(opacity=85);
  width: 80%;
  margin: 0px;
  padding: 8px;
  position: fixed;
  _position: absolute;
  z-index: 10;
  display: none;
}
#infomessage2 p {
  color: #FFFFFF;
  font-size: 16pt;
  font-weight: bold;
  margin: 8px 0px;
  padding: 8px;
}
/* Hidden by default and shown when JavaScript is on */
.onjs {
  display: none;
}
.organisation-nom {
  font-family: TitilliumText22LRegular;
  font-size: 12pt;
  color: #0A7992;
}
.organisation-nom:hover {
  color: #3C3C3C;
}
.item-modifier-final a:hover {
  color: #0A7992;
}
.item-title-evenement {
  color: #525252;
  font-size: 11pt;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
}
.item-title-evenement:hover {
  color: #0A7992;
}
.item-title-default {
  color: #0A7992;
}
.item-title-default:hover {
  color: #3C3C3C;
}
.item-text-default {
  color: #5b5b5b;
}
.articles-list table .td-2 a:hover {
  color: #0A7992;
}
.post-title-default {
  font-size: 12pt;
  color: #333333;
  line-height: 13pt;
  text-decoration: none;
}
.post-title-default:hover {
  color: #0A7992;
}
.item-modifier-final a {
  background: url("/resources/images/common/editer.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  color: #0A7992;
  font-family: TitilliumText22LRegular;
  font-size: 9pt;
  font-weight: normal;
  height: 22px;
  line-height: 18px;
  padding: 2px 0 3px 20px;
  text-decoration: none;
}
.items-list .item-title a {
  font-size: 11pt;
  color: #525252;
  text-decoration: none;
  font-weight: bold;
  line-height: 18px;
}
.item-title-emploi {
  font-size: 11pt;
  color: #525252;
  text-decoration: none;
  font-weight: bold;
  line-height: 18px;
}
.item-title-emploi:hover {
  color: #0A7992;
}
.item-title-list-global {
  font-size: 11pt;
  color: #525252;
  text-decoration: none;
  font-weight: bold;
  line-height: 18px;
}
.item-title-list-global:hover {
  color: #0082a7;
}
.items-list .item a.item-title:hover {
  color: #0A7992;
}
.tile {
  display: inline-block;
  overflow: hidden;
  width: 200px;
  height: 200px;
  /* margin: 0px 5px 5px 0px; */
  margin: 8px;
  padding: 0px;
}
.tile span.title {
  font-size: 14pt;
  height: 120px;
  margin: 0px;
  display: block;
  overflow: auto;
  padding: 10px;
}
.tile-content {
  background: #FFFFFF;
  color: #FFFFFF;
  opacity: 0.70;
  height: 80px;
  margin: 0px;
  padding: 0px;
}
.tile-content span {
  display: block;
  padding: 10px;
}
.blue {
  background: #5060D0;
  color: #E0E0E0 !important;
  border-style: solid;
  border-color: #5060D0;
  border-width: 1px;
}
.blue:hover {
  background: #3548c7;
  border-color: #3548c7;
}
.red {
  background: #FF3030;
  color: #E0E0E0 !important;
  border-style: solid;
  border-color: #FF3030;
  border-width: 1px;
}
.tools {
  background: #909090;
  padding: 20px;
}
.red:hover {
  background: #ff0202;
  border-color: #ff0202;
}
.yellow {
  background: yellow;
  color: #303030 !important;
  border-style: solid;
  border-color: yellow;
  border-width: 1px;
}
.yellow:hover {
  background: #dbdb00;
  border-color: #dbdb00;
}
.purple {
  background: purple;
  color: #E0E0E0 !important;
  border-style: solid;
  border-color: purple;
  border-width: 1px;
}
.purple:hover {
  background: #5c005c;
  border-color: #5c005c;
}
.gray,
.light {
  background: #D0D0D0;
  color: #404040 !important;
  border-style: solid;
  border-color: #D0D0D0;
  border-width: 1px;
}
.gray:hover,
.light:hover {
  background: #bebebe;
  border-color: #bebebe;
}
.qmblue {
  background: #2ec1d6;
  color: #F0F0F0;
}
.qmblue:hover {
  background: #59cede;
}
.orange {
  background: orange;
  color: #909090 !important;
  border-style: solid;
  border-color: orange;
  border-width: 1px;
}
.orange:hover {
  background: #db8e00;
  border-color: #db8e00;
  font-weight: bold;
}
.orange .tile-header {
  color: #606060;
}
.orange .tile-content {
  color: #303030;
  font-weight: bold;
}
.log-message {
  padding: 5px;
}
.log-information {
  background: beige;
  font-weight: bold;
}
.log-warning {
  background: orange;
  font-weight: bold;
}
.log-error {
  background: red;
  font-weight: bold;
}
.loading-message {
  font-family: Verdana;
  font-size: 14pt;
  font-weight: bold;
  color: #0082A7;
  text-shadow: 1px 1px 0 #C0C0C0, 1px 2px 0 #d7d7d7;
  text-align: center;
}
#validation p {
  color: red;
}
.item-list {
  position: relative;
  display: block;
  min-height: 100px;
}
.debug {
  background: #D0D4A0;
  position: absolute;
  left: 200px;
  top: 120px;
  z-index: 99999999;
  width: 50%;
}
.checkall-nojs {
  display: none;
}
.box-container {
  background: #3090DD;
  margin: 10px 0px;
}
.box-header {
  background: #206090;
  color: #FFFFFF;
  font-size: 14pt;
  margin: 0px;
  padding: 5px;
}
.box-content {
  color: #F0F0F0;
  margin: 0px;
  padding: 5px;
}
.dump {
  color: #F0F0F0;
  width: 100%;
}
.dump td {
  background: #283878;
  padding: 5px;
}
.isdirty {
  border-style: solid;
  border-color: yellow;
  border-width: 2px;
}
#isdirty-notification {
  color: yellow;
  font-weight: bold;
  font-size: 12pt;
}
.form-info-message {
  color: #FFFF00 !important;
  font-size: 16pt;
  font-weight: bold;
  padding: 10px;
}
.form-error-message {
  color: #FFFF00 !important;
  background: red;
  font-size: 16pt;
  font-weight: bold;
  padding: 10px;
}
.form-subheading {
  color: #FAFAFA;
  font-weight: bold;
  font-size: 12pt;
  display: block;
  margin: 10px 0px;
}
/* Logo in menu */
.twitter_sharing {
  background-image: url('/resources/images/left-side-bar/sharing/icon_twitter_normal.png');
}
.twitter_sharing:hover {
  background-image: url('/resources/images/left-side-bar/sharing/icon_twitter_hover.png') !important;
}
.facebook_sharing {
  background-image: url('/resources/images/left-side-bar/sharing/icon_facebook_normal.png');
}
.facebook_sharing:hover {
  background-image: url('/resources/images/left-side-bar/sharing/icon_facebook_hover.png') !important;
}
.rss_sharing {
  background-image: url('/resources/images/left-side-bar/sharing/icon_rss_normal.png');
}
.rss_sharing:hover {
  background-image: url('/resources/images/left-side-bar/sharing/icon_rss_hover.png') !important;
}
.vimeo_sharing {
  background-image: url('/resources/images/left-side-bar/sharing/icon_vimeo_normal.png');
}
.vimeo_sharing:hover {
  background-image: url('/resources/images/left-side-bar/sharing/icon_vimeo_hover.png') !important;
}
.linkedin_sharing {
  background-image: url('/resources/images/left-side-bar/sharing/icon_linkdin_normal.png');
}
.linkedin_sharing:hover {
  background-image: url('/resources/images/left-side-bar/sharing/icon_linkdin_hover.png') !important;
}
#roles-eval-message {
  line-height: 1.2;
  margin: 5px 26px 0 26px;
  padding: 5px;
  box-shadow: 5px 5px 5px #888888;
}
#frmRolesEvaluation input[type=submit] {
  background: url(/resources/images/right-side-bar/btn-go.gif) no-repeat;
  width: 21px;
  height: 21px;
  padding: 0px;
  cursor: pointer;
  border: 0px;
}
.user-box-non-membre {
  color: white;
}
.user-box-non-membre:hover {
  color: #0a7992;
}
div.normal-spacing > div#post-list-page > div.post-type-image > a > img.thumbnail {
  margin-left: 20px;
}
blockquote
{
	font-style: italic !important;
	font-size: 1.2em !important;
	line-height: 2.2em !important;
	margin: 2em 80px !important;
	text-align: center !important;
}
.linkUserNavigation
{
	color: #fff;
}
.linkUserNavigation:hover
{
	color: #3ed4f9;
}