/* couleur du theme global */
/* Obtenir le hue channel de la couleur du theme */
/* Obtenir le saturation de la couleur du theme */
/* Obtenir le luminosite de la couleur du theme */
/* Hsl de la couleur du theme */
/* Couleur du texte par defaut */
/* Couleur pour les color-lightgrey et bck-lightgrey */
/* Couleur pour les color-grey et bck-grey */
/* Couleur pour les color-black et bck-black */
/* Couleur orange pour les bloc attention et pour color-warn */
/* Couleur rouge pour les bloc d'erreur et pour color-error */
/* Couleur verte pour les bloc de conf et pour color-conf */
/* Couleur pour les bloc d'info et pour color-info */
/* Couleur d'une ligne sur 2 du tableau */
/* Couleur du background des boutons */
/* Couleur du background des boutons sur over */
/* Couleur du texte des boutons */
/* Couleur du texte des boutons sur over */
/* Padding utilis� pour les onglets */
/* Hsl de la couleur warning */
/* Hsl de la couleur des erreurs */
/* Hsl de la couleur des confirmations */
/* Hsl de la couleur des infos */
/* Couleur lorqu'on surligne les �l�ments */
::-moz-selection {
  /* Pour firefox */
  background: #c2afcf;
  color: white;
}
::selection {
  /* Pour les autres */
  background: #c2afcf;
  color: white;
}
/* Font face pour titre */
@font-face {
  font-family: 'lobster';
  src: url('fonts/lobster-webfont.eot');
  src: url('fonts/lobster-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lobster-webfont.woff') format('woff'), url('fonts/lobster-webfont.ttf') format('truetype'), url('fonts/lobster-webfont.svg#lobster') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat_light';
  src: url('fonts/montserrat-light-webfont.eot');
  src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light-webfont.woff2') format('woff2'), url('fonts/montserrat-light-webfont.woff') format('woff'), url('fonts/montserrat-light-webfont.ttf') format('truetype'), url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat_ultralight';
  src: url('fonts/montserrat-ultralight-webfont.eot');
  src: url('fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-ultralight-webfont.woff2') format('woff2'), url('fonts/montserrat-ultralight-webfont.woff') format('woff'), url('fonts/montserrat-ultralight-webfont.ttf') format('truetype'), url('fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('fonts/opensans-regular-webfont.eot');
  src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Scroll */
.scroll {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-flex: 1;
  backface-visibility: hidden;
  perspective: 1000;
}
.scroll.horizontal {
  overflow-x: auto;
  overflow-y: hidden;
}
.noWrap {
  white-space: nowrap;
}
.wrap {
  white-space: normal;
}
/* Texte et liste*/
a {
  color: #5d4370;
  text-decoration: none;
  font-style: italic;
}
a:hover {
  color: #524c41;
}
a.reverse {
  color: #524c41;
  text-decoration: none;
  font-style: italic;
}
a.reverse:hover {
  color: #5d4370;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 2.6em;
}
h2 {
  font-size: 2.2em;
}
h3 {
  font-size: 1.8em;
}
h4 {
  font-size: 1.6em;
}
h5 {
  font-size: 1.3em;
}
h6 {
  font-size: 1em;
}
.text.thin {
  font-weight: 200;
}
.text.book {
  font-weight: 300;
}
.text.normal {
  font-weight: 400;
}
.text.bold {
  font-weight: 700;
}
.text.italic {
  font-style: italic;
}
.text.underline {
  text-decoration: underline;
}
.text.uppercase {
  text-transform: uppercase;
}
.text.tiny {
  font-size: 0.8em;
}
.text.small {
  font-size: 0.9em;
}
.text.big {
  font-size: 1.2em;
}
.text.large {
  font-size: 1.4em;
}
.text.lobster {
  font-family: 'lobster';
}
.text.montserrat-light {
  font-family: 'montserrat_light';
}
.text.montserrat-ultralight {
  font-family: 'montserrat_ultralight';
}
.text.open-sans {
  font-family: 'open_sansregular';
}
.align.left,
.text.left {
  text-align: left;
}
.align.right,
.text.right {
  text-align: right;
}
.align.center,
.text.center {
  text-align: center;
}
.align.justify,
.text.justify {
  text-align: justify;
}
p {
  font-size: 1em;
}
small {
  font-size: 0.9em;
}
strong {
  font-weight: 700 !important;
}
body ul,
body ol {
  padding-left: 1.2em;
}
ul.no-bullet,
ol.no-bullet,
ol.no-bullet ol,
ul.no-bullet ul {
  list-style: none;
  padding-left: 0;
}
ul li,
ol li {
  padding: 0;
  background: none;
}
ul.disc,
ul.disc ul {
  list-style: disc outside;
}
ul.square,
ul.square ul {
  list-style: square outside;
}
ul.circle,
ul.circle ul {
  list-style: circle outside;
}
body ol {
  list-style: decimal;
}
/* Clear float */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* Margin/Padding/Block/etc */
.on-left {
  float: left;
}
.on-right {
  float: right;
}
.overHidden {
  overflow: hidden;
}
.block {
  display: block;
}
.inline {
  display: inline-block;
}
.none {
  display: none;
}
.margin-none {
  margin: 0;
}
.margin {
  margin: 1em;
}
.margin-left {
  margin-left: 1em;
}
.margin-right {
  margin-right: 1em;
}
.margin-top {
  margin-top: 1em;
}
.margin-bottom {
  margin-bottom: 1em;
}
.padding-none {
  padding: 0;
}
.padding {
  padding: 1em;
}
.padding-left {
  padding-left: 1em;
}
.padding-right {
  padding-right: 1em;
}
.padding-top {
  padding-top: 1em;
}
.padding-bottom {
  padding-bottom: 1em;
}
/* Bouton*/
.button,
button {
  display: inline-block;
  border: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: 2.3em;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.button,
button,
html body .ui-button {
  padding: 0 1em;
}
.button.icon,
button.icon {
  padding: 0 0.65em;
}
.button.large,
button.large {
  font-size: 1.4em;
}
.button.small,
button.small {
  font-size: 0.9em;
}
.button.tiny,
button.tiny {
  font-size: 0.8em;
}
.button.anchor,
button.anchor {
  width: 100%;
  position: relative;
}
.button.anchor .icon,
button.anchor .icon {
  position: absolute;
  left: 1em;
}
button,
.button,
html body .ui-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #9170a9;
  color: #ffffff;
}
button:hover,
.button:hover,
html body .ui-button:hover {
  background-color: #524c41;
  color: #ffffff;
}
button.reverse,
.button.reverse {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #524c41;
  color: #ffffff;
}
button.reverse:hover,
.button.reverse:hover {
  background-color: #9170a9;
  color: #ffffff;
}
.button.disabled,
button.disabled,
.button:disabled,
button:disabled,
.button:disabled:hover,
button:disabled:hover,
.button.disabled:hover,
button.disabled:hover {
  cursor: not-allowed;
  background-color: #e1e1e1;
}
/* Pour les blocs d'avertissement et de confirmation */
.podShowWarn .podShowContent,
.podShowErr .podShowContent,
.podShowQuest .podShowContent,
.podShowInfo .podShowContent,
.podShowConf .podShowContent {
  padding: 0 0 0 35px;
  color: #524c41;
}
.podShowWarn {
  text-align: left;
  border: 1px dotted #f6bc1e;
  background: #fef6e2 /*#fef593*/;
  padding: 5px 10px;
  position: relative;
}
.podShowWarn > span.icon {
  font-size: 29px;
  line-height: 41px;
  color: #f6bc1e;
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
}
.podShowWarn div strong {
  font-weight: bold;
  color: #f6bc1e;
}
.podShowErr {
  text-align: left;
  border: 1px dotted #a50404;
  background: #fedcdc /*#ffc5c5*/;
  padding: 5px 10px;
  position: relative;
}
.podShowErr > span.icon {
  font-size: 35px;
  line-height: 35px;
  color: #a50404;
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
}
.podShowErr div strong {
  font-weight: bold;
  color: #a50404;
}
.podShowQuest {
  text-align: left;
  border: 1px dotted #524c41;
  background: #e8e8e8;
  padding: 5px 10px;
  position: relative;
}
.podShowQuest > span.icon {
  font-size: 35px;
  line-height: 35px;
  color: #524c41;
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
}
.podShowQuest div {
  padding: 0 0 0 35px;
  color: #524c41;
}
.podShowQuest div strong {
  font-weight: bold;
  color: #524c41;
}
.podShowInfo {
  text-align: left;
  border: 1px dotted #3897c8;
  background: #d7eaf4 /*#ececec*/;
  padding: 5px 10px;
  position: relative;
}
.podShowInfo > span.icon {
  font-size: 32px;
  line-height: 35px;
  color: #3897c8;
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
}
.podShowInfo div strong {
  font-weight: bold;
  color: #3897c8;
}
.podShowConf {
  text-align: left;
  border: 1px dotted #23860d;
  background-color: #d4facc /*#ccffcc*/;
  padding: 5px 10px;
  position: relative;
}
.podShowConf > span.icon {
  font-size: 32px;
  line-height: 35px;
  color: #23860d;
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
}
.podShowConf div strong {
  font-weight: bold;
  color: #23860d;
}
/* Mise en page des formulaires */
.form .label {
  display: block;
  font-weight: bold;
  color: #9170a9;
}
.form input[type="text"],
.form input[type="password"],
.form input[type="color"],
.form input[type="date"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="month"],
.form input[type="week"],
.form input[type="email"],
.form input[type="number"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="time"],
.form input[type="url"],
.form select,
.form textarea,
.myUploader .myUploaderDropZone,
.myMultipleUpload .myUploaderDropZone {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  color: #524c41;
  border: 2px solid #dce4ec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color 400ms;
  -moz-transition: border-color 400ms;
  -ms-transition: border-color 400ms;
  -o-transition: border-color 400ms;
  transition: border-color 400ms;
  padding: .25em;
  margin: .1em 0 .25em 0;
  font-family: inherit;
  font-size: inherit;
}
body .form input[type="text"],
body .form input[type="password"],
body .form input[type="color"],
body .form input[type="date"],
body .form input[type="datetime"],
body .form input[type="datetime-local"],
body .form input[type="month"],
body .form input[type="week"],
body .form input[type="email"],
body .form input[type="number"],
body .form input[type="search"],
body .form input[type="tel"],
body .form input[type="time"],
body .form input[type="url"],
body .form select,
.myUploader .myUploaderDropZone,
.myMultipleUpload .myUploaderDropZone {
  height: 32px;
}
.form input[disabled],
.form select[disabled],
.form textarea[disabled] {
  color: #cecece;
  border: 2px solid #e1e1e1;
}
.form select[disabled]:focus,
.form textarea[disabled]:focus,
.form input[disabled]:focus {
  border-color: #e1e1e1;
}
.form input[readonly],
.form select[readonly],
.form textarea[readonly] {
  color: #bebebe;
  border: 2px solid #bebebe;
}
.form select[readonly]:focus,
.form textarea[readonly]:focus,
.form input[readonly]:focus {
  border-color: #bebebe;
}
.form select:focus,
body .form textarea:focus,
body .form input:focus {
  border-color: #9170a9;
}
.form button,
.form .button {
  width: 100%;
}
/* Gestion des backgrounds et color */
.bck-theme {
  background-color: #9170a9;
}
.bck-theme.saturate {
  background-color: #9559c0;
}
.bck-theme.desaturate {
  background-color: #8d8792;
}
.bck-theme.lighten {
  background-color: #c2afcf;
}
.bck-theme.darken {
  background-color: #5d4370;
}
.bck-lightgrey {
  background-color: #e8e8e8;
}
.bck-grey {
  background-color: #95918c;
}
.bck-black {
  background-color: #524c41;
}
.bck-white {
  background-color: white;
}
.bck-warn {
  background-color: #f6bc1e;
}
.bck-err {
  background-color: #a50404;
}
.bck-conf {
  background-color: #23860d;
}
.bck-info {
  background-color: #3897c8;
}
.color-theme {
  color: #9170a9;
}
.color-theme.saturate {
  background-color: #9559c0;
}
.color-theme.desaturate {
  background-color: #8d8792;
}
.color-theme.lighten {
  background-color: #c2afcf;
}
.color-theme.darken {
  background-color: #5d4370;
}
.color-warn {
  color: #f6bc1e;
}
.color-error,
.color-err {
  color: #a50404;
}
.color-conf {
  color: #23860d;
}
.color-info {
  color: #3897c8;
}
.color-black {
  color: #524c41;
}
.color-lightgrey {
  color: #e8e8e8;
}
.color-grey {
  color: #95918c;
}
.color-white {
  color: white;
}
/* tableau */
table {
  background: #fff;
  border: 0.1em solid #9170a9;
  margin: 1em 0;
  width: 100%;
  border-spacing: .1em;
}
table td,
html body table th {
  padding: .5em .5em;
  word-wrap: break-word;
}
table th {
  font-weight: bold;
}
table tr:nth-child(even) td {
  background-color: #f3f6f9;
}
/* Rotation */
.rotate {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.rotate-45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.rotate-315 {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
/* Onglet couleur */
html body ul.onglet {
  display: block;
  width: 100%;
  border-bottom: 1px solid #9170a9;
  position: static;
  padding: 0;
}
html body ul.onglet li {
  cursor: pointer;
  float: left;
  color: #95918c;
  background-color: #e8e8e8;
  margin-left: 1em;
  padding: 0.5em 1.5em;
  border-left: 1px solid #dddede;
  border-right: 1px solid #dddede;
  border-top: 1px solid #dddede;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}
html body ul.onglet li:hover {
  background-color: #c2afcf;
  color: white;
}
@media only screen and (max-width: 767px) {
  html body ul.onglet li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
html body ul.onglet li.active {
  color: #9170a9;
  background-color: white;
  position: relative;
  bottom: -1px;
  z-index: 2;
  border-left: 1px solid #9170a9;
  border-right: 1px solid #9170a9;
  border-top: 1px solid #9170a9;
}
p {
  line-height: 1.3em;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
/* Loader : chargement de page & chargement du pagine */
#loader,
.loaderPagineOverlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #ffffff;
  background: rgba(0, 0, 0, 0.12);
}
.loaderPagineOverlay {
  position: absolute ;
}
#loaderContent,
.loaderPagineContent {
  position: fixed;
  left: 50%;
  width: 300px;
  height: 50px;
  margin-left: -150px;
  margin-top: -25px;
  top: 50%;
  overflow: hidden;
  text-align: center;
  background: white;
  border: 1px solid #5d4370;
  color: #9170a9;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
}
#loaderContent p,
.loaderPagineContent p {
  font-size: 21px;
  line-height: 50px;
}
/* Class pour rendre le jquery dialog responsive */
.responsiveJqueryUIDialog {
  margin: auto;
  max-width: 600px;
  width: 90% !important;
  left: 0 !important;
  right: 0 !important;
}
/* Surcharge pour jquery ui */
html body .ui-dialog .ui-widget-header {
  background: #9170a9;
  color: white;
}
html body button.ui-button {
  width: auto;
  display: inline-block;
  border: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: 2.3em;
  text-align: center;
  text-decoration: none;
  outline: none;
}
html body .ui-state-default,
html body .ui-widget-content .ui-state-default,
html body .ui-widget-header .ui-state-default {
  background: #9170a9;
  border: none;
}
html body .ui-state-hover,
html body .ui-widget-content .ui-state-hover,
html body .ui-widget-header .ui-state-hover,
html body .ui-state-focus,
html body .ui-widget-content .ui-state-focus,
html body .ui-widget-header .ui-state-focus {
  background: #524c41;
  border: none;
}
button.ui-button {
  width: auto;
}
.__pagine__ .page {
  padding: 0.1em 0.3em;
  margin: 0.3em;
  font-weight: normal;
  color: #fff;
  font-style: normal ;
}
.__pagine__ .page.active,
.__pagine__ .page.disabled {
  border: 1px solid #c2afcf;
  background-color: #c2afcf;
  cursor: not-allowed;
}
.__pagine__ .page.clickable {
  border: 1px solid #9170a9;
  background-color: #9170a9;
}
.__pagine__ .page.corner {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}