@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  outline: none;
}

a {
  cursor: pointer;
  text-decoration: none;
}

optgroup {
  font-style: italic;
}

html, body {
  width: 100%;
  font-size: 10px;
  font-family: "SourceSansProRegular", sans-serif;
}

img {
  border: none;
}

ul, li {
  list-style-position: inside;
}

p {
  margin-bottom: 10px;
}

.clear {
  display: block;
  clear: both;
}

.none {
  display: none;
}

.hidden {
  display: none;
}

table {
  border-collapse: collapse;
}

.lkme {
  cursor: pointer;
}

.form-warning {
  width: 100%;
  margin-bottom: 20px;
}
.form-warning li {
  margin-bottom: 5px;
}
.form-warning .error, .form-warning li {
  border: 1px solid red;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: red;
  font-size: 1.3em;
  text-align: center;
  padding: 3px 0;
  display: block;
}
.form-warning .ok {
  border: 1px solid #22ac43;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #22ac43;
  font-size: 1.3em;
  text-align: center;
  padding: 3px 0;
  display: block;
}

#isresponsiveScreen {
  display: none;
  display: block;
}

#isresponsiveTablet {
  display: none;
}
@media only screen and (min-width : 561px) and (max-width: 959px) {
  #isresponsiveTablet {
    display: block;
  }
}

#isresponsivePhone {
  display: none;
}
@media only screen and (max-width : 560px) {
  #isresponsivePhone {
    display: block;
  }
}

#isresponsive {
  display: none;
}
@media only screen and (max-width : 560px), only screen and (min-width : 561px) and (max-width: 959px) {
  #isresponsive {
    display: block;
  }
}

.file {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url("../img/files.png") -600px 0px no-repeat;
}
.file.aac {
  background-position: 0px 0px;
}
.file.ace {
  background-position: -44px 0px;
}
.file.ai {
  background-position: -90px 0px;
}
.file.arj {
  background-position: -136px 0px;
}
.file.avi {
  background-position: -182px 0px;
}
.file.bin {
  background-position: -232px 0px;
}
.file.bmp {
  background-position: -278px 0px;
}
.file.cab {
  background-position: -324px 0px;
}
.file.cue {
  background-position: -370px 0px;
}
.file.divx {
  background-position: -424px 0px;
}
.file.doc {
  background-position: -464px 0px;
}
.file.docx {
  background-position: -508px 0px;
}
.file.eps {
  background-position: -554px 0px;
}
.file.f {
  background-position: -600px 0px;
}
.file.flac {
  background-position: -646px 0px;
}
.file.flv {
  background-position: -694px 0px;
}
.file.gif {
  background-position: -740px 0px;
}
.file.gzip {
  background-position: -788px 0px;
}
.file.html {
  background-position: -834px 0px;
}
.file.ical {
  background-position: -880px 0px;
}
.file.indd {
  background-position: -926px 0px;
}
.file.inx {
  background-position: -972px 0px;
}
.file.iso {
  background-position: -1018px 0px;
}
.file.jpg {
  background-position: -1064px 0px;
}
.file.mov {
  background-position: -1110px 0px;
}
.file.mp3 {
  background-position: -1158px 0px;
}
.file.mpg {
  background-position: -1206px 0px;
}
.file.ods {
  background-position: -1250px 0px;
}
.file.pdf {
  background-position: -1298px 0px;
}
.file.php {
  background-position: -1346px 0px;
}
.file.png {
  background-position: -1390px 0px;
}
.file.pps {
  background-position: -1436px 0px;
}
.file.ppt {
  background-position: -1482px 0px;
}
.file.psd {
  background-position: -1530px 0px;
}
.file.qxd {
  background-position: -1572px 0px;
}
.file.qxp {
  background-position: -1630px 0px;
}
.file.rar {
  background-position: -1672px 0px;
}
.file.raw {
  background-position: -1714px 0px;
}
.file.rtf {
  background-position: -1760px 0px;
}
.file.svg {
  background-position: -1808px 0px;
}
.file.tar {
  background-position: -1854px 0px;
}
.file.tif {
  background-position: -1898px 0px;
}
.file.txt {
  background-position: -1946px 0px;
}
.file.vcf {
  background-position: -1994px 0px;
}
.file.wav {
  background-position: -2038px 0px;
}
.file.wma {
  background-position: -2085px 0px;
}
.file.xls {
  background-position: -2132px 0px;
}
.file.xlsx {
  background-position: -2177px 0px;
}
.file.xml {
  background-position: -2225px 0px;
}
.file.zip {
  background-position: -2273px 0px;
}

@font-face {
  font-family: fontawesome;
  src: url("../fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../fonts/fontawesome-webfont.eot?v=3.2.1"), url("../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*=icon-after-]::after {
  display: inline-block;
  font-family: "fontawesome";
  margin: 0 0 0 0.5em;
  font-weight: normal;
  font-size: 1.25em;
}

[class*=icon-before-]::before {
  display: inline-block;
  font-family: "fontawesome";
  margin: 0 0.5em 0 0;
  font-weight: normal;
  font-size: 1.25em;
}

[class*=icon-middle-]::before {
  display: inline-block;
  font-family: "fontawesome";
  margin: 0;
  font-weight: normal;
  font-size: 1.25em;
}

[class*=icon-before-angle-down]::before, [class*=icon-after-angle-down]::after, [class*=icon-middle-angle-down]::before {
  content: "";
}

[class*=icon-before-angle-left]::before, [class*=icon-after-angle-left]::after, [class*=icon-middle-angle-left]::before {
  content: "";
}

[class*=icon-before-angle-right]::before, [class*=icon-after-angle-right]::after, [class*=icon-middle-angle-right]::before {
  content: "";
}

[class*=icon-before-angle-up]::before, [class*=icon-after-angle-up]::after, [class*=icon-middle-angle-up]::before {
  content: "";
}

[class*=icon-before-angle-double-down]::before, [class*=icon-after-angle-double-down]::after, [class*=icon-middle-angle-double-down]::before {
  content: "";
}

[class*=icon-before-angle-double-left]::before, [class*=icon-after-angle-double-left]::after, [class*=icon-middle-angle-double-left]::before {
  content: "";
}

[class*=icon-before-angle-double-right]::before, [class*=icon-after-angle-double-right]::after, [class*=icon-middle-angle-double-right]::before {
  content: "";
}

[class*=icon-before-angle-double-up]::before, [class*=icon-after-angle-double-up]::after, [class*=icon-middle-angle-double-up]::before {
  content: "";
}

[class*=icon-before-archive]::before, [class*=icon-after-archive]::after, [class*=icon-middle-archive]::before {
  content: "";
}

[class*=icon-before-bars]::before, [class*=icon-after-bars]::after, [class*=icon-middle-bars]::before {
  content: "";
}

[class*=icon-before-barcode]::before, [class*=icon-after-barcode]::after, [class*=icon-middle-barcode]::before {
  content: "";
}

[class*=icon-before-building]::before, [class*=icon-after-building]::after, [class*=icon-middle-building]::before {
  content: "";
}

[class*=icon-before-calendar]::before, [class*=icon-after-calendar]::after, [class*=icon-middle-calendar]::before {
  content: "";
}

[class*=icon-before-caret-down]::before, [class*=icon-after-caret-down]::after, [class*=icon-middle-caret-down]::before {
  content: "";
}

[class*=icon-before-caret-left]::before, [class*=icon-after-caret-left]::after, [class*=icon-middle-caret-left]::before {
  content: "";
}

[class*=icon-before-caret-right]::before, [class*=icon-after-caret-right]::after, [class*=icon-middle-caret-right]::before {
  content: "";
}

[class*=icon-before-caret-up]::before, [class*=icon-after-caret-up]::after, [class*=icon-middle-caret-up]::before {
  content: "";
}

[class*=icon-before-crop]::before, [class*=icon-after-crop]::after, [class*=icon-middle-crop]::before {
  content: "";
}

[class*=icon-before-chain]::before, [class*=icon-after-chain]::after, [class*=icon-middle-chain]::before {
  content: "";
}

[class*=icon-before-chain-broken]::before, [class*=icon-after-chain-broken]::after, [class*=icon-middle-chain-broken]::before {
  content: "";
}

[class*=icon-before-check]::before, [class*=icon-after-check]::after, [class*=icon-middle-check]::before {
  content: "";
}

[class*=icon-before-check-circle]::before, [class*=icon-after-check-circle]::after, [class*=icon-middle-check-circle]::before {
  content: "";
}

[class*=icon-before-check-square-o]::before, [class*=icon-after-check-square-o]::after, [class*=icon-middle-check-square-o]::before {
  content: "";
}

[class*=icon-before-chevron-down]::before, [class*=icon-after-chevron-down]::after, [class*=icon-middle-chevron-down]::before {
  content: "";
}

[class*=icon-before-chevron-left]::before, [class*=icon-after-chevron-left]::after, [class*=icon-middle-chevron-left]::before {
  content: "";
}

[class*=icon-before-chevron-right]::before, [class*=icon-after-chevron-right]::after, [class*=icon-middle-chevron-right]::before {
  content: "";
}

[class*=icon-before-chevron-up]::before, [class*=icon-after-chevron-up]::after, [class*=icon-middle-chevron-up]::before {
  content: "";
}

[class*=icon-before-cogs]::before, [class*=icon-after-cogs]::after, [class*=icon-middle-cogs]::before {
  content: "";
}

[class*=icon-before-comment]::before, [class*=icon-after-comment]::after, [class*=icon-middle-comment]::before {
  content: "";
}

[class*=icon-before-copyright]::before, [class*=icon-after-copyright]::after, [class*=icon-middle-copyright]::before {
  content: "";
}

[class*=icon-before-cubes]::before, [class*=icon-after-cubes]::after, [class*=icon-middle-cubes]::before {
  content: "";
}

[class*=icon-before-credit-card]::before, [class*=icon-after-credit-card]::after, [class*=icon-middle-credit-card]::before {
  content: "";
}

[class*=icon-before-download]::before, [class*=icon-after-download]::after, [class*=icon-middle-download]::before {
  content: "";
}

[class*=icon-before-envelope]::before, [class*=icon-after-envelope]::after, [class*=icon-middle-envelope]::before {
  content: "";
}

[class*=icon-before-envelope-line]::before, [class*=icon-after-envelope-line]::after, [class*=icon-middle-envelope-line]::before {
  content: "";
}

[class*=icon-before-file]::before, [class*=icon-after-file]::after, [class*=icon-middle-file]::before {
  content: "";
}

[class*=icon-before-file-text]::before, [class*=icon-after-file-text]::after, [class*=icon-middle-file-text]::before {
  content: "";
}

[class*=icon-before-folder]::before, [class*=icon-after-folder]::after, [class*=icon-middle-folder]::before {
  content: "";
}

[class*=icon-before-folder-open]::before, [class*=icon-after-folder-open]::after, [class*=icon-middle-folder-open]::before {
  content: "";
}

[class*=icon-before-gift]::before, [class*=icon-after-gift]::after, [class*=icon-middle-gift]::before {
  content: "";
}

[class*=icon-before-group]::before, [class*=icon-after-group]::after, [class*=icon-middle-group]::before {
  content: "";
}

[class*=icon-before-home]::before, [class*=icon-after-home]::after, [class*=icon-middle-home]::before {
  content: "";
}

[class*=icon-before-info]::before, [class*=icon-after-info]::after, [class*=icon-middle-info]::before {
  content: "";
}

[class*=icon-before-login]::before, [class*=icon-after-login]::after, [class*=icon-middle-login]::before {
  content: "";
}

[class*=icon-before-lock]::before, [class*=icon-after-lock]::after, [class*=icon-middle-lock]::before {
  content: "";
}

[class*=icon-before-logout]::before, [class*=icon-after-logout]::after, [class*=icon-middle-logout]::before {
  content: "";
}

[class*=icon-before-link]::before, [class*=icon-after-link]::after, [class*=icon-middle-link]::before {
  content: "";
}

[class*=icon-before-marker]::before, [class*=icon-after-marker]::after, [class*=icon-middle-marker]::before {
  content: "";
}

[class*=icon-before-minus-circle]::before, [class*=icon-after-minus-circle]::after, [class*=icon-middle-minus-circle]::before {
  content: "";
}

[class*=icon-before-news]::before, [class*=icon-after-news]::after, [class*=icon-middle-news]::before {
  content: "";
}

[class*=icon-before-pencil]::before, [class*=icon-after-pencil]::after, [class*=icon-middle-pencil]::before {
  content: "";
}

[class*=icon-before-phone]::before, [class*=icon-after-phone]::after, [class*=icon-middle-phone]::before {
  content: "";
}

[class*=icon-before-picture]::before, [class*=icon-after-picture]::after, [class*=icon-middle-picture]::before {
  content: "";
}

[class*=icon-before-plus-circle]::before, [class*=icon-after-plus-circle]::after, [class*=icon-middle-plus-circle]::before {
  content: "";
}

[class*=icon-before-plus]::before, [class*=icon-after-plus]::after, [class*=icon-middle-plus]::before {
  content: "";
}

[class*=icon-before-print]::before, [class*=icon-after-print]::after, [class*=icon-middle-print]::before {
  content: "";
}

[class*=icon-before-question-circle]::before, [class*=icon-after-question-circle]::after, [class*=icon-middle-question-circle]::before {
  content: "";
}

[class*=icon-before-refresh]::before, [class*=icon-after-refresh]::after, [class*=icon-middle-refresh]::before {
  content: "";
}

[class*=icon-before-list-alt]::before, [class*=icon-after-list-alt]::after, [class*=icon-middle-list-alt]::before {
  content: "";
}

[class*=icon-before-repeat]::before, [class*=icon-after-repeat]::after, [class*=icon-middle-repeat]::before {
  content: "";
}

[class*=icon-before-retweet]::before, [class*=icon-after-retweet]::after, [class*=icon-middle-retweet]::before {
  content: "";
}

[class*=icon-before-search]::before, [class*=icon-after-search]::after, [class*=icon-middle-search]::before {
  content: "";
}

[class*=icon-before-signout]::before, [class*=icon-after-signout]::after, [class*=icon-middle-signout]::before {
  content: "";
}

[class*=icon-before-sitemap]::before, [class*=icon-after-sitemap]::after, [class*=icon-middle-sitemap]::before {
  content: "";
}

[class*=icon-before-square-o]::before, [class*=icon-after-square-o]::after, [class*=icon-middle-square-o]::before {
  content: "";
}

[class*=icon-before-tag]::before, [class*=icon-after-tag]::after, [class*=icon-middle-tag]::before {
  content: "";
}

[class*=icon-before-tags]::before, [class*=icon-after-tags]::after, [class*=icon-middle-tags]::before {
  content: "";
}

[class*=icon-before-times]::before, [class*=icon-after-times]::after, [class*=icon-middle-times]::before {
  content: "";
}

[class*=icon-before-tasks]::before, [class*=icon-after-tasks]::after, [class*=icon-middle-tasks]::before {
  content: "";
}

[class*=icon-before-text-width]::before, [class*=icon-after-text-width]::after, [class*=icon-middle-text-width]::before {
  content: "";
}

[class*=icon-before-times-circle]::before, [class*=icon-after-times-circle]::after, [class*=icon-middle-times-circle]::before {
  content: "";
}

[class*=icon-before-trash]::before, [class*=icon-after-trash]::after, [class*=icon-middle-trash]::before {
  content: "";
}

[class*=icon-before-warning]::before, [class*=icon-after-warning]::after, [class*=icon-middle-warning]::before {
  content: "";
}

[class*=icon-before-external-link]::before, [class*=icon-after-external-link]::after, [class*=icon-middle-external-link]::before {
  content: "";
}

[class*=icon-before-money]::before, [class*=icon-after-money]::after, [class*=icon-middle-money]::before {
  content: "";
}

[class*=icon-before-bookmark]::before, [class*=icon-after-bookmark]::after, [class*=icon-middle-bookmark]::before {
  content: "";
}

[class*=icon-before-shopping-cart]::before, [class*=icon-after-shopping-cart]::after, [class*=icon-middle-shopping-cart]::before {
  content: "";
}

[class*=icon-before-compass]::before, [class*=icon-after-compass]::after, [class*=icon-middle-compass]::before {
  content: "";
}

[class*=icon-before-building-o]::before, [class*=icon-after-building-o]::after, [class*=icon-middle-building-o]::before {
  content: "";
}

[class*=icon-before-plus-square]::before, [class*=icon-after-plus-square]::after, [class*=icon-middle-plus-square]::before {
  content: "";
}

[class*=icon-before-qrcode]::before, [class*=icon-after-qrcode]::after, [class*=icon-middle-qrcode]::before {
  content: "";
}

[class*=icon-before-instagram]::before, [class*=icon-after-instagram]::after, [class*=icon-middle-instagram]::before {
  content: "";
}

[class*=icon-before-facebook]::before, [class*=icon-after-facebook]::after, [class*=icon-middle-facebook]::before {
  content: "";
}

[class*=icon-before-facebook-official]::before, [class*=icon-after-facebook-official]::after, [class*=icon-middle-facebook-official]::before {
  content: "";
}

[class*=icon-before-circle]::before, [class*=icon-after-circle]::after, [class*=icon-middle-circle]::before {
  content: "";
}

[class*=icon-before-circle-thin]::before, [class*=icon-after-circle-thin]::after, [class*=icon-middle-circle-thin]::before {
  content: "";
}

[class*=icon-before-linkedin]::before, [class*=icon-after-linkedin]::after, [class*=icon-middle-linkedin]::before {
  content: "";
}

[class*=icon-before-twitter]::before, [class*=icon-after-twitter]::after, [class*=icon-middle-twitter]::before {
  content: "";
}

[class*=icon-before-video-camera]::before, [class*=icon-after-video-camera]::after, [class*=icon-middle-video-camera]::before {
  content: "";
}

[class*=icon-before-pdf]::before, [class*=icon-after-pdf]::after, [class*=icon-middle-pdf]::before {
  content: "";
}

[class*=icon-before-chevron-circle-right]::before, [class*=icon-after-chevron-circle-right]::after, [class*=icon-middle-chevron-circle-right]::before {
  content: "";
}

[class*=icon-before-user]::before, [class*=icon-after-user]::after, [class*=icon-middle-user]::before {
  content: "";
}

[class*=icon-before-map-o]::before, [class*=icon-after-map-o]::after, [class*=icon-middle-map-o]::before {
  content: "";
}

.flag {
  display: inline-block;
  background: url("../img/flags.png") no-repeat top left;
  width: 22px;
  height: 15px;
  vertical-align: middle;
}
.flag.ad {
  background-position: 0px -27px;
}
.flag.ae {
  background-position: 0px -62px;
}
.flag.af {
  background-position: 0px -93px;
}
.flag.ag {
  background-position: 0px -124px;
}
.flag.ai {
  background-position: 0px -154px;
}
.flag.al {
  background-position: 0px -185px;
}
.flag.am {
  background-position: 0px -216px;
}
.flag.an {
  background-position: 0px -247px;
}
.flag.ao {
  background-position: 0px -277px;
}
.flag.aq {
  background-position: 0px -308px;
}
.flag.ar {
  background-position: 0px -339px;
}
.flag.as {
  background-position: 0px -370px;
}
.flag.at {
  background-position: 0px -401px;
}
.flag.au {
  background-position: 0px -431px;
}
.flag.aw {
  background-position: 0px -462px;
}
.flag.ax {
  background-position: 0px -493px;
}
.flag.az {
  background-position: 0px -524px;
}
.flag.ba {
  background-position: 0px -555px;
}
.flag.bb {
  background-position: 0px -586px;
}
.flag.bd {
  background-position: 0px -616px;
}
.flag.be {
  background-position: 0px -647px;
}
.flag.bf {
  background-position: 0px -678px;
}
.flag.bg {
  background-position: 0px -709px;
}
.flag.bh {
  background-position: 0px -739px;
}
.flag.bi {
  background-position: 0px -770px;
}
.flag.bj {
  background-position: 0px -801px;
}
.flag.bl {
  background-position: 0px -832px;
}
.flag.bm {
  background-position: 0px -863px;
}
.flag.bn {
  background-position: 0px -894px;
}
.flag.bo {
  background-position: 0px -924px;
}
.flag.br {
  background-position: 0px -955px;
}
.flag.bs {
  background-position: 0px -986px;
}
.flag.bt {
  background-position: 0px -1017px;
}
.flag.bw {
  background-position: 0px -1047px;
}
.flag.by {
  background-position: 0px -1078px;
}
.flag.bz {
  background-position: 0px -1109px;
}
.flag.ca {
  background-position: 0px -1140px;
}
.flag.cc {
  background-position: 0px -1171px;
}
.flag.cd {
  background-position: 0px -1201px;
}
.flag.cf {
  background-position: 0px -1232px;
}
.flag.cg {
  background-position: 0px -1263px;
}
.flag.ch {
  background-position: 0px -1294px;
}
.flag.ci {
  background-position: 0px -1325px;
}
.flag.ck {
  background-position: 0px -1355px;
}
.flag.cl {
  background-position: 0px -1386px;
}
.flag.cm {
  background-position: 0px -1417px;
}
.flag.cn {
  background-position: 0px -1448px;
}
.flag.co {
  background-position: 0px -1479px;
}
.flag.cr {
  background-position: 0px -1510px;
}
.flag.cu {
  background-position: 0px -1540px;
}
.flag.cv {
  background-position: 0px -1571px;
}
.flag.cw {
  background-position: 0px -1602px;
}
.flag.cx {
  background-position: 0px -1633px;
}
.flag.cy {
  background-position: 0px -1664px;
}
.flag.cz {
  background-position: 0px -1694px;
}
.flag.de {
  background-position: 0px -1725px;
}
.flag.dj {
  background-position: 0px -1756px;
}
.flag.dk {
  background-position: 0px -1787px;
}
.flag.dm {
  background-position: 0px -1817px;
}
.flag.do {
  background-position: 0px -1848px;
}
.flag.dz {
  background-position: 0px -1879px;
}
.flag.ec {
  background-position: 0px -1910px;
}
.flag.ee {
  background-position: 0px -1941px;
}
.flag.eg {
  background-position: 0px -1971px;
}
.flag.eh {
  background-position: 0px -2002px;
}
.flag.er {
  background-position: 0px -2033px;
}
.flag.es {
  background-position: 0px -2064px;
}
.flag.et {
  background-position: 0px -2095px;
}
.flag.eu {
  background-position: 0px -2125px;
}
.flag.fi {
  background-position: 0px -2156px;
}
.flag.fj {
  background-position: 0px -2187px;
}
.flag.fk {
  background-position: 0px -2218px;
}
.flag.fm {
  background-position: 0px -2249px;
}
.flag.fo {
  background-position: 0px -2279px;
}
.flag.fr {
  background-position: 0px -2310px;
}
.flag.ga {
  background-position: 0px -2341px;
}
.flag.gb, .flag.en {
  background-position: 0px -2372px;
}
.flag.gd {
  background-position: 0px -2403px;
}
.flag.ge {
  background-position: 0px -2433px;
}
.flag.gg {
  background-position: 0px -2464px;
}
.flag.gh {
  background-position: 0px -2495px;
}
.flag.gi {
  background-position: 0px -2526px;
}
.flag.gl {
  background-position: 0px -2557px;
}
.flag.gm {
  background-position: 0px -2587px;
}
.flag.gn {
  background-position: 0px -2618px;
}
.flag.gq {
  background-position: 0px -2649px;
}
.flag.gr {
  background-position: 0px -2680px;
}
.flag.gs {
  background-position: 0px -2711px;
}
.flag.gt {
  background-position: 0px -2741px;
}
.flag.gu {
  background-position: 0px -2772px;
}
.flag.gw {
  background-position: 0px -2803px;
}
.flag.gy {
  background-position: 0px -2834px;
}
.flag.hk {
  background-position: 0px -2865px;
}
.flag.hn {
  background-position: 0px -2896px;
}
.flag.hr {
  background-position: 0px -2926px;
}
.flag.ht {
  background-position: 0px -2957px;
}
.flag.hu {
  background-position: 0px -2988px;
}
.flag.ic {
  background-position: 0px -3019px;
}
.flag.id {
  background-position: 0px -3050px;
}
.flag.ie {
  background-position: 0px -3080px;
}
.flag.il {
  background-position: 0px -3111px;
}
.flag.im {
  background-position: 0px -3142px;
}
.flag.in {
  background-position: 0px -3173px;
}
.flag.iq {
  background-position: 0px -3204px;
}
.flag.ir {
  background-position: 0px -3235px;
}
.flag.is {
  background-position: 0px -3265px;
}
.flag.it {
  background-position: 0px -3296px;
}
.flag.je {
  background-position: 0px -3327px;
}
.flag.jm {
  background-position: 0px -3358px;
}
.flag.jo {
  background-position: 0px -3389px;
}
.flag.jp {
  background-position: 0px -3419px;
}
.flag.ke {
  background-position: 0px -3450px;
}
.flag.kg {
  background-position: 0px -3481px;
}
.flag.kh {
  background-position: 0px -3512px;
}
.flag.ki {
  background-position: 0px -3543px;
}
.flag.km {
  background-position: 0px -3573px;
}
.flag.kn {
  background-position: 0px -3604px;
}
.flag.kp {
  background-position: 0px -3635px;
}
.flag.kr {
  background-position: 0px -3666px;
}
.flag.kw {
  background-position: 0px -3696px;
}
.flag.ky {
  background-position: 0px -3727px;
}
.flag.kz {
  background-position: 0px -3758px;
}
.flag.la {
  background-position: 0px -3788px;
}
.flag.lb {
  background-position: 0px -3819px;
}
.flag.li {
  background-position: 0px -3850px;
}
.flag.lc {
  background-position: 0px -3881px;
}
.flag.lr {
  background-position: 0px -3912px;
}
.flag.lk {
  background-position: 0px -3943px;
}
.flag.ls {
  background-position: 0px -3973px;
}
.flag.lt {
  background-position: 0px -4004px;
}
.flag.lu {
  background-position: 0px -4035px;
}
.flag.lv {
  background-position: 0px -4066px;
}
.flag.ma {
  background-position: 0px -4096px;
}
.flag.ly {
  background-position: 0px -4127px;
}
.flag.md {
  background-position: 0px -4158px;
}
.flag.mc {
  background-position: 0px -4189px;
}
.flag.me {
  background-position: 0px -4220px;
}
.flag.mf {
  background-position: 0px -4251px;
}
.flag.mh {
  background-position: 0px -4281px;
}
.flag.mg {
  background-position: 0px -4312px;
}
.flag.mk {
  background-position: 0px -4343px;
}
.flag.ml {
  background-position: 0px -4374px;
}
.flag.mm {
  background-position: 0px -4404px;
}
.flag.mn {
  background-position: 0px -4435px;
}
.flag.mo {
  background-position: 0px -4466px;
}
.flag.mp {
  background-position: 0px -4497px;
}
.flag.mq {
  background-position: 0px -4528px;
}
.flag.mr {
  background-position: 0px -4559px;
}
.flag.ms {
  background-position: 0px -4589px;
}
.flag.mt {
  background-position: 0px -4620px;
}
.flag.mu {
  background-position: 0px -4651px;
}
.flag.mv {
  background-position: 0px -4682px;
}
.flag.mw {
  background-position: 0px -4713px;
}
.flag.mx {
  background-position: 0px -4743px;
}
.flag.my {
  background-position: 0px -4774px;
}
.flag.mz {
  background-position: 0px -4805px;
}
.flag.nc {
  background-position: 0px -4836px;
}
.flag.na {
  background-position: 0px -4867px;
}
.flag.ne {
  background-position: 0px -4897px;
}
.flag.nf {
  background-position: 0px -4928px;
}
.flag.ng {
  background-position: 0px -4959px;
}
.flag.ni {
  background-position: 0px -4990px;
}
.flag.nl {
  background-position: 0px -5020px;
}
.flag.no {
  background-position: 0px -5051px;
}
.flag.np {
  background-position: 0px -5080px;
  height: 19px;
}
.flag.nr {
  background-position: 0px -5113px;
}
.flag.nz {
  background-position: 0px -5144px;
}
.flag.nu {
  background-position: 0px -5175px;
}
.flag.om {
  background-position: 0px -5205px;
}
.flag.pa {
  background-position: 0px -5236px;
}
.flag.pf {
  background-position: 0px -5267px;
}
.flag.pe {
  background-position: 0px -5298px;
}
.flag.pg {
  background-position: 0px -5328px;
}
.flag.ph {
  background-position: 0px -5359px;
}
.flag.pk {
  background-position: 0px -5390px;
}
.flag.pl {
  background-position: 0px -5421px;
}
.flag.pn {
  background-position: 0px -5451px;
}
.flag.pr {
  background-position: 0px -5482px;
}
.flag.ps {
  background-position: 0px -5513px;
}
.flag.pt {
  background-position: 0px -5544px;
}
.flag.pw {
  background-position: 0px -5575px;
}
.flag.py {
  background-position: 0px -5606px;
}
.flag.ro {
  background-position: 0px -5637px;
}
.flag.qa {
  background-position: 0px -5667px;
}
.flag.ru {
  background-position: 0px -5698px;
}
.flag.rs {
  background-position: 0px -5729px;
}
.flag.sa {
  background-position: 0px -5760px;
}
.flag.rw {
  background-position: 0px -5791px;
}
.flag.sc {
  background-position: 0px -5821px;
}
.flag.sb {
  background-position: 0px -5852px;
}
.flag.sd {
  background-position: 0px -5883px;
}
.flag.se {
  background-position: 0px -5914px;
}
.flag.sg {
  background-position: 0px -5945px;
}
.flag.sh {
  background-position: 0px -5975px;
}
.flag.si {
  background-position: 0px -6006px;
}
.flag.sk {
  background-position: 0px -6037px;
}
.flag.sl {
  background-position: 0px -6068px;
}
.flag.sm {
  background-position: 0px -6098px;
}
.flag.sn {
  background-position: 0px -6129px;
}
.flag.so {
  background-position: 0px -6160px;
}
.flag.sr {
  background-position: 0px -6191px;
}
.flag.ss {
  background-position: 0px -6222px;
}
.flag.st {
  background-position: 0px -6252px;
}
.flag.sv {
  background-position: 0px -6283px;
}
.flag.sy {
  background-position: 0px -6314px;
}
.flag.sz {
  background-position: 0px -6345px;
}
.flag.tc {
  background-position: 0px -6376px;
}
.flag.td {
  background-position: 0px -6407px;
}
.flag.tf {
  background-position: 0px -6437px;
}
.flag.tg {
  background-position: 0px -6468px;
}
.flag.th {
  background-position: 0px -6499px;
}
.flag.tj {
  background-position: 0px -6530px;
}
.flag.tk {
  background-position: 0px -6560px;
}
.flag.tm {
  background-position: 0px -6591px;
}
.flag.tl {
  background-position: 0px -6622px;
}
.flag.tn {
  background-position: 0px -6653px;
}
.flag.to {
  background-position: 0px -6684px;
}
.flag.tr {
  background-position: 0px -6714px;
}
.flag.tt {
  background-position: 0px -6745px;
}
.flag.tw {
  background-position: 0px -6776px;
}
.flag.tv {
  background-position: 0px -6807px;
}
.flag.tz {
  background-position: 0px -6838px;
}
.flag.ua {
  background-position: 0px -6868px;
}
.flag.ug {
  background-position: 0px -6899px;
}
.flag.us {
  background-position: 0px -6930px;
}
.flag.uy {
  background-position: 0px -6961px;
}
.flag.uz {
  background-position: 0px -6992px;
}
.flag.va {
  background-position: 0px -7023px;
}
.flag.vc {
  background-position: 0px -7053px;
}
.flag.ve {
  background-position: 0px -7084px;
}
.flag.vg {
  background-position: 0px -7115px;
}
.flag.vi {
  background-position: 0px -7146px;
}
.flag.vn {
  background-position: 0px -7176px;
}
.flag.vu {
  background-position: 0px -7207px;
}
.flag.wf {
  background-position: 0px -7238px;
}
.flag.ye {
  background-position: 0px -7269px;
}
.flag.ws {
  background-position: 0px -7300px;
}
.flag.za {
  background-position: 0px -7330px;
}
.flag.yt {
  background-position: 0px -7361px;
}
.flag.zm {
  background-position: 0px -7392px;
}
.flag.zw {
  background-position: 0px -7423px;
}

.flagLang {
  display: inline-block;
  background: url("../img/flags_lang.png") no-repeat top left;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
.flagLang.fr {
  background-position: 0px -13px;
}
.flagLang.fr {
  background-position: 0px -10px;
}
.flagLang.en {
  background-position: 0px -51px;
}
.flagLang.ar {
  background-position: 0px -93px;
}
.flagLang.es {
  background-position: 0px -135px;
}

table.resultat_table tbody td.linkTo:before, table.resultat_table tbody td.linkTo:after {
  content: "";
  display: table;
}
table.resultat_table tbody td.linkTo:after {
  clear: both;
}

@font-face {
  font-family: "PoppinsBold";
  src: url("../fonts/PoppinsBold-webfont.woff?v=3.2.1") format("woff"), url("../fonts/PoppinsBold-webfont.eot?v=3.2.1"), url("../fonts/PoppinsBold-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/PoppinsBold-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/PoppinsBold-webfont.svg#PoppinsBoldregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsRegular";
  src: url("../fonts/PoppinsRegular-webfont.woff?v=3.2.1") format("woff"), url("../fonts/PoppinsRegular-webfont.eot?v=3.2.1"), url("../fonts/PoppinsRegular-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/PoppinsRegular-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/PoppinsRegular-webfont.svg#PoppinsRegularregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsBlack";
  src: url("../fonts/PoppinsBlack-webfont.woff?v=3.2.1") format("woff"), url("../fonts/PoppinsBlack-webfont.eot?v=3.2.1"), url("../fonts/PoppinsBlack-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/PoppinsBlack-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/PoppinsBlack-webfont.svg#PoppinsBlackregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsLight";
  src: url("../fonts/PoppinsLight-webfont.woff?v=3.2.1") format("woff"), url("../fonts/PoppinsLight-webfont.eot?v=3.2.1"), url("../fonts/PoppinsLight-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/PoppinsLight-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/PoppinsLight-webfont.svg#PoppinsLightregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
html, body {
  font-family: Arial;
  background-color: #fff;
}

.bt_publie, .bt_reseau {
  background-color: #87b87f;
  border: 5px solid #87b87f;
  color: #fff;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 0.75em;
  padding: 10px;
  text-decoration: none;
}
.bt_publie:hover, .bt_reseau:hover {
  background-color: #629b58;
}

/* CSS backoffice Ace */
.ordre tr {
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}

html, body {
  min-width: 1024px;
  font-size: 12px;
}
html.content_only, body.content_only {
  width: 100%;
  min-width: 0;
}
html.ajax_only, body.ajax_only {
  width: 100%;
  min-width: 0;
}

a {
  color: #4c8fbd;
}

td a {
  color: #4c8fbd;
}

ol.select-multiple {
  list-style: decimal;
}

ul.select-multiple {
  list-style: none;
}

#connect {
  border: 5px solid #efefef;
  max-width: 700px;
  margin: 100px auto 0 auto;
}

.select-multiple {
  min-height: 300px;
  max-height: 300px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.select-multiple li {
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 10px;
}
.select-multiple li.placeholder {
  list-style: none;
  border: 1px dashed red;
  height: 10px;
}
.select-multiple li.fiche {
  font-size: 12px;
  padding-left: 15px;
  font-weight: normal;
  background-color: #E9E9E9;
}

a.icon-crop {
  color: #333;
  font-size: 1.75em;
}

#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: #FFF;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding: 30% 0 0;
  z-index: 9000;
}

.hidden, ul.categories li.categorie.hidden {
  display: none;
}

.backoffice-content h1, .backoffice-content h2 {
  padding: 0;
  font-size: 24px;
  font-weight: lighter;
  color: #2679b5;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.backoffice-content h2 {
  font-size: 18px;
}

#entete {
  display: block;
  background-color: #438eb9;
  position: relative;
  /* pour que les sous menus soient au dessus de la suite */
  z-index: 50;
}
ul #entete, #entete li {
  position: relative;
  display: block;
  list-style: none;
}
#entete li.clear {
  float: none;
  clear: both;
}
#entete li:hover {
  background-color: #529fcb;
}
#entete li:hover > a {
  opacity: 1;
}
#entete li:hover > ul {
  display: block;
}
#entete > ul > li {
  float: left;
}
#entete > ul > li.clear {
  float: none;
  clear: both;
}
#entete > ul > li.right {
  float: right;
}
#entete > ul > li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #438eb9;
  width: 200px;
  z-index: 51;
}
#entete > ul > li ul li a {
  padding: 13px 10px;
  border-top: 1px solid #529fcb;
}
#entete > ul > li ul li a::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
#entete > ul > li ul ul {
  top: 0;
  left: 200px;
}
#entete ul.menu-line2 {
  background-color: #529FCB;
}
#entete ul.menu-line2 li:hover {
  background-color: #59acdc;
}
#entete ul.menu-line2 li:hover > a {
  opacity: 1;
}
#entete a {
  display: block;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
}
#entete a::before {
  font-size: 1.2em;
  margin: 0;
  margin-right: 5px;
}
#entete a::after {
  font-size: 1em;
  margin-left: 5px;
}
#entete a.settings::after {
  display: inline-block;
  font-family: "fontawesome";
  margin-left: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
  margin-left: 0.6em;
  vertical-align: bottom;
}
#entete a.settings::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  font-size: 1.4em;
  margin: 0;
  vertical-align: bottom;
}

div.column-double {
  float: left;
  width: 48%;
  min-width: 600px;
  margin: 0 1% 10px;
}

#arianne {
  background: #f5f5f5;
  color: #555555;
  overflow: auto;
  border-bottom: 1px solid #e5e5e5;
}
#arianne a {
  text-decoration: none;
}
#arianne div {
  font-size: 14px;
  padding: 15px 10px 10px 100px;
}
#arianne div a {
  color: #4c8fbd;
  text-transform: capitalize;
}
#arianne div a:hover {
  text-decoration: underline;
}

.back, .new {
  float: left;
  font-size: 1.2em;
  margin-right: 0.75em;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  border: 5px solid #87b87f;
  background-color: #87b87f;
  text-decoration: none;
}
.back.back::before, .new.back::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  font-size: 1.2em;
  margin: 0;
}
.back:hover, .new:hover {
  background-color: #629b58;
}

.backoffice-content {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 15px;
}
.backoffice-content.backoffice-content-large {
  max-width: 2000px;
}
.backoffice-content.backoffice-content-small {
  max-width: 700px;
}
.backoffice-content #tabtemplate {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 15px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
.backoffice-content .badge_apercu {
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.bt_vert, .add-temoignage {
  font-size: 16px;
  padding: 8px;
  color: #fff;
  font-weight: bold;
  border: 5px solid #87b87f;
  background-color: #87b87f;
  display: table-cell;
  text-decoration: none;
}
.bt_vert.add-temoignage, .add-temoignage.add-temoignage {
  float: right;
  font-size: 14px;
}
.bt_vert:hover, .add-temoignage:hover {
  background-color: #629b58;
}

.pad1prct {
  padding: 1%;
}

.tips {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #3a87ad;
  font-size: 14px;
  padding: 15px;
  width: auto;
  display: block;
}
.tips ul {
  margin-left: 15px;
}

.tips_info {
  display: block;
  background: #efefef;
  border: 1px solid #438EB9;
  color: #3a87ad;
  font-size: 14px;
  text-align: center;
  padding: 15px 15px 15px 35px;
  margin: 0 auto 15px auto;
  width: 60%;
}
.tips_info.align-left {
  text-align: left;
}
.tips_info a {
  color: #3a87ad;
  font-weight: bold;
}

.sep {
  padding: 0.5%;
}

.resultat_titre {
  color: #fff;
  background-color: #438EB9;
  font-size: 14px;
  padding: 10px;
}

.resultat_filtre {
  background-color: #fff;
  font-size: 14px;
  padding: 10px;
  border: 5px solid #d9edf7;
}
.resultat_filtre .select {
  width: 300px;
}

.resultat_filtre label {
  font-size: 14px;
  color: #555555;
  display: inline-block;
  padding-left: 5px;
  margin: 0 5px;
}

.resultat_filtre select,
.resultat_filtre input[type=text] {
  border: 1px solid #d5d5d5;
  padding: 5px;
  font-size: 14px;
  color: #858585;
}

.resultat_filtre button[type=submit] {
  margin-left: 5px;
}

table.resultat_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
table.resultat_table th.champ {
  width: 20%;
  min-width: 200px;
  max-width: 200px;
}

table.resultat_table thead tr {
  background: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8", endColorstr="#ececec", GradientType=0);
  /* IE6-9 */
}

table.resultat_table thead tr th {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  text-align: left;
}
table.resultat_table thead tr th a.desc::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin-right: 5px;
}
table.resultat_table thead tr th a.asc::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin-right: 5px;
}

table.resultat_table tfoot tr th {
  text-align: left;
}

table.resultat_table thead tr th.action {
  width: 40px;
}

table.resultat_table thead tr th.action2 {
  width: 60px;
}

table.resultat_table thead tr th.action3 {
  width: 80px;
}

table.resultat_table thead tr th.action4 {
  width: 115px;
}

table.resultat_table thead tr th.action5 {
  width: 145px;
}

table.resultat_table thead tr th.center {
  text-align: center;
}

table.resultat_table thead tr th.visible, table.resultat_table thead tr th.ordre, table.resultat_table thead tr th.cdc {
  width: 30px;
}

table.resultat_table thead tr th.date {
  width: 120px;
}

table.resultat_table thead tr th.mail {
  width: 250px;
}

table.resultat_table thead tr th.format {
  width: 100px;
}

table.resultat_table tbody td,
table.resultat_table thead th {
  padding: 10px 4px;
  border: 1px solid #e1e1e1;
  vertical-align: middle;
}

table.resultat_table td.date, table.resultat_table td.ordo {
  text-align: center;
}

table.resultat_table tr.sep_titre {
  background-color: #cee6f5;
}
table.resultat_table tr.state_1, table.resultat_table tr.state_2 {
  background-color: #BCF7B7;
}
table.resultat_table tr.state_1 td a.reject, table.resultat_table tr.state_2 td a.reject {
  color: #666;
}
table.resultat_table tr.state_3 {
  background-color: #FFCDC0;
}
table.resultat_table tr.state_3 td a.accept {
  color: #666;
}
table.resultat_table tr td {
  font-size: 12px;
  font-weight: normal;
  color: #333;
}
table.resultat_table tr td .code-invitation {
  padding: 4px;
  border-top: 1px dotted #ccc;
  background-color: #eeeeee;
  margin-top: 4px;
  color: #666666;
}
table.resultat_table tr td .code-invitation span {
  display: inline-block;
  color: #ff0000;
}
table.resultat_table tr td ul.commande-panier, table.resultat_table tr td ul.commande-panier li,
table.resultat_table tr td ul.roles-mini,
table.resultat_table tr td ul.roles-mini li,
table.resultat_table tr td ul.roles,
table.resultat_table tr td ul.roles li {
  list-style: none;
  margin: 0;
  padding: 0;
}
table.resultat_table tr td ul.commande-panier li,
table.resultat_table tr td ul.roles-mini li,
table.resultat_table tr td ul.roles li {
  display: block;
  margin-bottom: 1px;
  background-color: #efefef;
  padding: 5px;
  font-size: 0.8em;
}
table.resultat_table tr td ul.roles-mini li {
  display: inline-block;
}
table.resultat_table tr td a.bt-entrer {
  display: block;
  padding: 5px;
  background: #629B58;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
}
table.resultat_table tr td a.bt-entrer:hover {
  background-color: #438EB9;
}
table.resultat_table tr td a.accept,
table.resultat_table tr td a.reject,
table.resultat_table tr td .lock {
  font-size: 1.4em;
}
table.resultat_table tr td a.accept:hover,
table.resultat_table tr td a.reject:hover,
table.resultat_table tr td .lock:hover {
  opacity: 0.6;
}
table.resultat_table tr td a.accept {
  color: #629B58;
}
table.resultat_table tr td a.accept::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
table.resultat_table tr td a.accept:hover {
  color: #629B58 !important;
  opacity: 1;
}
table.resultat_table tr td .lock {
  color: #000000;
}
table.resultat_table tr td .lock::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
table.resultat_table tr td a.reject {
  color: #ff0000;
}
table.resultat_table tr td a.reject::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
table.resultat_table tr td a.reject:hover {
  color: #ff0000 !important;
  opacity: 1;
}
table.resultat_table tr td.tt-rdv, table.resultat_table tr td.tt-souhait {
  padding: 0;
}
table.resultat_table tr td.tt-rdv span, table.resultat_table tr td.tt-rdv a, table.resultat_table tr td.tt-souhait span, table.resultat_table tr td.tt-souhait a {
  display: block;
  padding: 7px 0;
  text-align: center;
  background-color: #629B58;
  color: #ffffff;
  font-weight: bold;
}
table.resultat_table tr td.tt-rdv span.tt-rdv-0, table.resultat_table tr td.tt-rdv span.tt-souhait-0, table.resultat_table tr td.tt-rdv a.tt-rdv-0, table.resultat_table tr td.tt-rdv a.tt-souhait-0, table.resultat_table tr td.tt-souhait span.tt-rdv-0, table.resultat_table tr td.tt-souhait span.tt-souhait-0, table.resultat_table tr td.tt-souhait a.tt-rdv-0, table.resultat_table tr td.tt-souhait a.tt-souhait-0 {
  background-color: #ff0000;
}
table.resultat_table tr td.tt-rdv span.tt-rdv-5, table.resultat_table tr td.tt-rdv span.tt-souhait-5, table.resultat_table tr td.tt-rdv a.tt-rdv-5, table.resultat_table tr td.tt-rdv a.tt-souhait-5, table.resultat_table tr td.tt-souhait span.tt-rdv-5, table.resultat_table tr td.tt-souhait span.tt-souhait-5, table.resultat_table tr td.tt-souhait a.tt-rdv-5, table.resultat_table tr td.tt-souhait a.tt-souhait-5 {
  background-color: #ff5500;
}
table.resultat_table tr td.tt-rdv span.tt-rdv-10, table.resultat_table tr td.tt-rdv span.tt-souhait-10, table.resultat_table tr td.tt-rdv a.tt-rdv-10, table.resultat_table tr td.tt-rdv a.tt-souhait-10, table.resultat_table tr td.tt-souhait span.tt-rdv-10, table.resultat_table tr td.tt-souhait span.tt-souhait-10, table.resultat_table tr td.tt-souhait a.tt-rdv-10, table.resultat_table tr td.tt-souhait a.tt-souhait-10 {
  background-color: #ff9c00;
}
table.resultat_table tr td.tt-rdv a:hover, table.resultat_table tr td.tt-souhait a:hover {
  opacity: 0.6;
}
table.resultat_table tr td.td-paiement-etat {
  color: #ffffff;
  background-color: #ff0000;
}
table.resultat_table tr td.td-paiement-etat.td-paiement-etat-00 {
  background-color: #629B58;
}
table.resultat_table tr td .alertTxt {
  color: #ff0000;
}

table.resultat_table tbody tr:hover {
  background-color: #FCFCE8;
}

table.resultat_table tbody tr.focus {
  background: #d9edf7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9edf7 0%, #c9e5f2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9edf7), color-stop(100%, #c9e5f2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d9edf7 0%, #c9e5f2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d9edf7 0%, #c9e5f2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d9edf7 0%, #c9e5f2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d9edf7 0%, #c9e5f2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9edf7", endColorstr="#c9e5f2", GradientType=0);
  /* IE6-9 */
}

table.resultat_table tbody tr.focus td {
  border-color: #fff;
}

table.resultat_table tbody tr td.action {
  padding-top: 5px;
  padding-bottom: 0;
}

table.rdv {
  width: 100%;
  margin-bottom: 15px;
}

.bt_suppression, a.modif, a.suppr, a.arbo, a.folder, a.refresh, a.modifDyna, a.offreachat,
.bt_edition, .visibility, .validity, .coeur, a.sync {
  display: inline-block;
  font-size: 1.2em;
  padding: 2px 4px;
  margin: 0;
}

a.dispo {
  display: inline-block;
  font-size: 1.2em;
  padding: 2px 4px;
  margin: 0;
  color: #629B58;
}
a.dispo::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}

.bt_suppression, a.folder, a.refresh,
.bt_edition, a.modif, a.suppr, a.sync, a.modifDyna, a.offreachat, a.dispo {
  opacity: 0.5;
}

.bt_edition, a.modif {
  color: #62A0D3;
}
.bt_edition::before, a.modif::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}

a.modifDyna {
  color: #ca69d3;
}
a.modifDyna::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}

a.offreachat {
  color: #39b75b;
}
a.offreachat::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}

.bt_suppression, a.suppr {
  color: #E2735F;
}
.bt_suppression::before, a.suppr::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}

a.arbo {
  color: #c65fc8;
}
a.arbo::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.arbo::after {
  display: inline-block;
  font-family: "fontawesome";
  margin-left: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.arbo.arbo_inactif {
  color: #bbbbbb;
}

a.addProd {
  color: #c65fc8;
}
a.addProd::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.addProd::after {
  display: inline-block;
  font-family: "fontawesome";
  margin-left: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.addProd.addProd_inactif {
  color: #bbbbbb;
}

a.addPage {
  color: #c65fc8;
}
a.addPage::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.addPage::after {
  display: inline-block;
  font-family: "fontawesome";
  margin-left: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.addPage.addPage_inactif {
  color: #bbbbbb;
}

a.customer {
  color: #629b58;
}
a.customer::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.customer.customer_inactif {
  color: #bbbbbb;
}

a.voucher {
  font-size: 1.25em;
  color: #629b58;
}
a.voucher::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
a.voucher.voucher_inactif {
  color: #bbbbbb;
}

a.sync {
  color: #FF6600;
}
a.sync::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}

a.refresh {
  color: #1EA277;
}
a.refresh::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}

a.folder {
  color: #DD5A43;
}
a.folder::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}

table.resultat_table tbody td.linkTo {
  padding: 0;
  width: 80px;
}
table.resultat_table tbody td.linkTo a {
  color: #ffffff;
  width: 50%;
  text-align: center;
  display: block;
  padding: 14px 0;
  float: left;
}
table.resultat_table tbody td.linkTo a.list::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
table.resultat_table tbody td.linkTo a.add::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
table.resultat_table tbody td.linkTo.one {
  width: 40px;
}
table.resultat_table tbody td.linkTo.one a {
  width: 100%;
}
table.resultat_table tbody td.linkTo.pink a.list {
  background-color: #8B90EB;
}
table.resultat_table tbody td.linkTo.pink a.list:hover {
  background-color: #343ddc;
}
table.resultat_table tbody td.linkTo.pink a.list.inactif {
  background-color: #bbbbbb;
}
table.resultat_table tbody td.linkTo.pink a.add {
  background-color: #757be7;
}
table.resultat_table tbody td.linkTo.pink a.add:hover {
  background-color: #343ddc;
}
table.resultat_table tbody td.linkTo.orange a.list {
  background-color: #FFC985;
}
table.resultat_table tbody td.linkTo.orange a.list:hover {
  background-color: #ff9c1f;
}
table.resultat_table tbody td.linkTo.orange a.list.inactif {
  background-color: #bbbbbb;
}
table.resultat_table tbody td.linkTo.orange a.add {
  background-color: #ffbe6c;
}
table.resultat_table tbody td.linkTo.orange a.add:hover {
  background-color: #ff9c1f;
}
table.resultat_table tbody td.linkTo.voucher a.list {
  background-color: #FFDF85;
}
table.resultat_table tbody td.linkTo.voucher a.list:hover {
  background-color: #ffc41f;
}
table.resultat_table tbody td.linkTo.voucher a.list.inactif {
  background-color: #bbbbbb;
}
table.resultat_table tbody td.linkTo.voucher a.add {
  background-color: #ffd86c;
}
table.resultat_table tbody td.linkTo.voucher a.add:hover {
  background-color: #ffc41f;
}
table.resultat_table tbody td.linkTo.remise a.list {
  background-color: #80BFE8;
}
table.resultat_table tbody td.linkTo.remise a.list:hover {
  background-color: #2a93d8;
}
table.resultat_table tbody td.linkTo.remise a.list.inactif {
  background-color: #bbbbbb;
}
table.resultat_table tbody td.linkTo.remise a.add {
  background-color: #6ab4e4;
}
table.resultat_table tbody td.linkTo.remise a.add:hover {
  background-color: #2a93d8;
}

.visibility.icon-check, .validity.icon-check {
  color: #87b87f;
}

.visibility.icon-remove, .validity.icon-remove {
  color: #d15b47;
}

.visibility.icon-check:hover, .validity.icon-check:hover {
  color: #629b58;
}

.visibility.icon-remove:hover, .validity.icon-remove:hover {
  color: #b74635;
}

.coeur.icon-heart {
  color: #c8c8c8;
}

.coeur.icon-heart-empty {
  color: #c8c8c8;
}

.coeur.icon-heart-empty:hover {
  color: #ff3232;
}

a.sync:hover,
.bt_suppression:hover, a.folder:hover, a.refresh:hover, a.dispo:hover,
.bt_edition:hover, a.modif:hover, a.suppr:hover {
  opacity: 1;
}

.bt_reseau {
  float: right;
}

.bt_publie {
  cursor: default;
  float: right;
  color: #333;
  border-color: #E9E9E9;
}
.bt_publie, .bt_publie:hover {
  background: #E9E9E9;
}

.resultat_pagination {
  background-color: #eff3f8;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
  border-bottom: 1px solid #e1e1e1;
}
.resultat_pagination .pagination {
  float: right;
}
.resultat_pagination .pagination a {
  float: left;
  display: block;
  padding: 10px 0;
  width: 32px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  color: #6fb3e0;
  text-align: center;
  text-decoration: none;
}
.resultat_pagination .pagination a:hover, .resultat_pagination .pagination a.selected {
  color: #fff;
  background-color: #6faed9;
  border-color: #6faed9;
}

.resultat_pagination .pagination a + a {
  border-left: 0;
}

.kpn_pagination {
  background-color: #eff3f8;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
  border-bottom: 1px solid #e1e1e1;
}
.kpn_pagination .pagination {
  text-align: center;
}
.kpn_pagination .pagination span {
  display: inline-block;
  width: 32px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
}
.kpn_pagination .pagination span.current, .kpn_pagination .pagination span a {
  color: #6fb3e0;
  padding: 10px 0;
}
.kpn_pagination .pagination span a {
  display: block;
}
.kpn_pagination .pagination span:hover, .kpn_pagination .pagination span.current {
  color: #fff;
  background-color: #6faed9;
  border-color: #6faed9;
}
.kpn_pagination .pagination span:hover a, .kpn_pagination .pagination span.current a {
  color: #ffffff;
  text-decoration: none;
}

/* form */
.modif_titre {
  font-size: 21px;
  color: #478fca;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #e2e2e2;
}

.modif_titre span {
  font-size: 14px;
  color: #999999;
}

form.form_modif {
  /*
  ul.images {
  	display: block;
  	width: 80%;
  	margin: 0 auto;
  	list-style: none;
  }
  ul.images li {
  	@include transition(none);
  	position: relative;
  	display: inline-block;
  	width: 200px;
  	margin: 0 10px;
  	padding: 10px;
  	text-align: center;
  	cursor: default;
  	border: 1px solid #E9E9E9;

  	a.link-file {
  		display: block;
  		position: relative;
  		top: 0;
  		left: 0;
  		background: none;
  		padding: 0;
  		width: auto;
  		height: auto;
  		margin: 0px 0 10px;

  		&:hover {
  			background: none;
  		}

  		span.file {
  			float: none;
  			margin: 0 auto;
  		}
  	}

  	&:hover {
  		background: #E9E9E9;
  	}
  	a {
  		font-size: 20px;
  	}
  	input {
  		min-width: initial;
  		width: 96%;
  		padding: 4px 2%;
  	}
  }
  */
}
form.form_modif fieldset {
  position: relative;
  padding: 5px 0;
  margin-bottom: 10px;
  border: none;
}
form.form_modif fieldset.slide, form.form_modif fieldset * {
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}
form.form_modif fieldset legend a {
  display: inline-block;
  font-size: 0.5em;
  margin: 0 5px;
  color: #8479B5;
}
form.form_modif fieldset > div {
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}
form.form_modif fieldset > div > div {
  margin-bottom: 5px;
}
form.form_modif fieldset .emphasize-fieldset {
  background-color: #BFE8FF;
  padding: 10px 0;
}
form.form_modif legend {
  display: block;
  padding: 5px 0 5px 21%;
  width: 79%;
  border-bottom: 1px dotted #e2e2e2;
  margin-bottom: 10px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-size: 21px;
  text-transform: capitalize;
  color: #8479B5;
}
form.form_modif legend span.format {
  margin-left: 10px;
  font-size: 14px;
  text-transform: none;
}
form.form_modif a.bt_alink {
  background-color: #87b87f;
  border: 5px solid #87b87f;
  color: #fff;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 0.75em;
  padding: 10px;
  text-decoration: none;
}
form.form_modif a.bt_alink:hover {
  background-color: #629b58;
}
form.form_modif a.refresh-password::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
form.form_modif p {
  margin-bottom: 5px;
}
form.form_modif p span.input {
  display: inline-block;
  width: 70%;
}
form.form_modif legend {
  display: inline-block;
  width: 20%;
  padding-right: 1%;
  text-align: right;
}
form.form_modif legend a.bt_alink {
  font-size: 0.8em;
  padding: 5px;
}
form.form_modif .submit {
  display: block;
  text-align: center;
  padding: 10px 0;
  background: #EFF3F8;
  margin: 0;
  border-top: 1px solid #cdd8e3;
}
form.form_modif .liste_email {
  padding-left: 21%;
}
form.form_modif .liste_email label {
  width: 100%;
  text-align: left;
}
form.form_modif .txt_ou {
  display: inline-block;
  font-size: 14px;
  padding: 10px;
  background-color: #eee;
  color: #333;
  font-weight: bold;
  margin-right: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
form.form_modif a.txt {
  color: #8479b5;
}
form.form_modif ul.fichiers li,
form.form_modif ul.images li {
  display: block;
  list-style: none;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 70%;
  margin-left: 20%;
  margin-bottom: 10px;
}
form.form_modif ul.fichiers li.alert,
form.form_modif ul.images li.alert {
  padding: 10px;
  background-color: #ffa897;
}
form.form_modif ul.fichiers li .reduit a,
form.form_modif ul.images li .reduit a {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  display: block;
  padding: 10px;
  text-decoration: none;
}
form.form_modif ul.fichiers li .reduit a:hover,
form.form_modif ul.images li .reduit a:hover {
  background-color: #efefef;
}
form.form_modif ul.fichiers li .agrandit,
form.form_modif ul.images li .agrandit {
  display: none;
  padding: 10px;
}
form.form_modif ul.fichiers li .agrandit .pt5,
form.form_modif ul.images li .agrandit .pt5 {
  padding-top: 5px;
}
form.form_modif ul.fichiers li .agrandit a.icon-before-chain-broken,
form.form_modif ul.fichiers li .agrandit a.icon-before-trash,
form.form_modif ul.images li .agrandit a.icon-before-chain-broken,
form.form_modif ul.images li .agrandit a.icon-before-trash {
  color: #999;
  margin-top: 5px;
  font-size: 14px;
  display: inline-block;
}
form.form_modif ul.fichiers li .agrandit a.icon-before-chain-broken:hover,
form.form_modif ul.fichiers li .agrandit a.icon-before-trash:hover,
form.form_modif ul.images li .agrandit a.icon-before-chain-broken:hover,
form.form_modif ul.images li .agrandit a.icon-before-trash:hover {
  color: #d40000;
}
form.form_modif ul.fichiers li .agrandit a.icon-before-chain-broken:hover,
form.form_modif ul.images li .agrandit a.icon-before-chain-broken:hover {
  color: #d40bc0;
}
form.form_modif ul.fichiers li .agrandit .col1,
form.form_modif ul.images li .agrandit .col1 {
  display: block;
  float: left;
  width: 10%;
}
form.form_modif ul.fichiers li .agrandit .col1 a.apercu,
form.form_modif ul.images li .agrandit .col1 a.apercu {
  display: block;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #efefef;
}
form.form_modif ul.fichiers li .agrandit .col1 a.apercu:hover,
form.form_modif ul.images li .agrandit .col1 a.apercu:hover {
  background-color: #efefef;
}
form.form_modif ul.fichiers li .agrandit .col1 img,
form.form_modif ul.images li .agrandit .col1 img {
  width: 100%;
}
form.form_modif ul.fichiers li .agrandit .col1 .labelme,
form.form_modif ul.images li .agrandit .col1 .labelme {
  padding: 5px 0;
  text-align: center;
}
form.form_modif ul.fichiers li .agrandit .col1 .labelme input,
form.form_modif ul.images li .agrandit .col1 .labelme input {
  min-width: 50%;
  width: 90%;
  padding: 2px;
  font-size: 13px;
}
form.form_modif ul.fichiers li .agrandit .colLang,
form.form_modif ul.images li .agrandit .colLang {
  float: left;
  width: 25%;
  padding: 10px;
  background-color: #efefef;
  margin-left: 1%;
}
form.form_modif ul.fichiers li .agrandit .colLang .labelme,
form.form_modif ul.images li .agrandit .colLang .labelme {
  padding: 3px 0;
}
form.form_modif ul.fichiers li .agrandit .colLang input, form.form_modif ul.fichiers li .agrandit .colLang textarea,
form.form_modif ul.images li .agrandit .colLang input,
form.form_modif ul.images li .agrandit .colLang textarea {
  min-width: 50%;
  width: 90%;
  padding: 5px;
}
form.form_modif .vich-file {
  display: inline-block;
  width: 70%;
}
form.form_modif .vich-image {
  display: inline-block;
  width: 70%;
}
form.form_modif .vich-image img {
  max-width: 400px;
}

.symform {
  width: 100%;
  overflow: hidden;
  padding: 15px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}
.symform fieldset {
  border: none;
  display: block;
  padding: 0;
  margin: 0 0 10px;
  width: 100%;
  overflow: hidden;
}
.symform fieldset legend {
  display: block;
  padding: 5px 0;
  width: 100%;
  border-bottom: 1px dotted #e2e2e2;
  margin: 0 0 10px;
  font-size: 21px;
  text-transform: capitalize;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  color: #8479B5;
  text-align: center;
}
.symform fieldset .champs {
  width: 100%;
  overflow: hidden;
}
.symform fieldset .champs > div {
  margin-bottom: 5px;
}
.symform fieldset .champs > div > label {
  display: inline-block;
  width: 30%;
  max-width: 250px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  padding: 5px 10px 0 0;
  font-size: 13px;
  text-align: right;
  vertical-align: top;
}
.symform fieldset .champs > div input[type=text],
.symform fieldset .champs > div input[type=email],
.symform fieldset .champs > div input[type=password],
.symform fieldset .champs > div input[type=file],
.symform fieldset .champs > div input[type=date],
.symform fieldset .champs > div select,
.symform fieldset .champs > div textarea {
  vertical-align: top;
  font-family: Arial;
  font-size: 13px;
  padding: 5px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  border: 1px solid #ccc;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-family: Arial, Helvetica, sans-serif;
  width: 70%;
}
.symform fieldset .champs > div input[type=text],
.symform fieldset .champs > div input[type=email],
.symform fieldset .champs > div input[type=password],
.symform fieldset .champs > div input[type=file] {
  max-width: 400px;
}
.symform fieldset .champs > div input[type=date] {
  max-width: 200px;
}
.symform fieldset .champs > div input[type=checkbox] {
  vertical-align: bottom;
}
.symform fieldset .champs > div textarea {
  height: 100px;
}
.symform fieldset .champs > div .vich-file,
.symform fieldset .champs > div .vich-image {
  display: inline-block;
  width: 70%;
}
.symform fieldset .champs > div .vich-file div,
.symform fieldset .champs > div .vich-image div {
  padding: 5px;
  background-color: #efefef;
  width: 120px;
  margin: 2px 0;
  text-align: center;
}
.symform fieldset .champs > div .vich-file div label,
.symform fieldset .champs > div .vich-image div label {
  display: inline-block;
  margin-right: 5px;
}
.symform fieldset .champs > div .vich-file a img,
.symform fieldset .champs > div .vich-image a img {
  max-width: 100%;
}
.symform fieldset .champs > div .checkboxes {
  display: inline-block;
  width: 70%;
}
.symform fieldset .champs > div .checkboxes input[type=checkbox] {
  margin-right: 5px;
}
.symform fieldset .champs > div .checkboxes label::after {
  content: " ";
  display: block;
  height: 3px;
}
.symform fieldset .champs > div .mce-tinymce {
  display: inline-block;
  width: 70%;
}
.symform .submit {
  display: block;
  text-align: center;
  padding: 10px 0;
  background: #EFF3F8;
  margin: 0;
  border-top: 1px solid #cdd8e3;
}

.icon-checked::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  color: #2BD04B;
  font-size: 1.6em;
  margin: 0;
}

.icon-warning::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  color: #ff0000;
  font-size: 1.6em;
  margin: 0;
}

.icon-nocheck::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  color: #aaaaaa;
  font-size: 1.6em;
  margin: 0;
}

form.form_modif.traduction input[type=file],
form.form_modif.traduction input[type=text],
form.form_modif.traduction input[type=email],
form.form_modif.traduction input[type=password],
form.form_modif.traduction input[type=tel],
form.form_modif.traduction textarea,
form.form_modif.traduction select,
form.form_modif.traduction input[type=number], form.form_modif.fiche input[type=file],
form.form_modif.fiche input[type=text],
form.form_modif.fiche input[type=email],
form.form_modif.fiche input[type=password],
form.form_modif.fiche input[type=tel],
form.form_modif.fiche textarea,
form.form_modif.fiche select,
form.form_modif.fiche input[type=number] {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 8px 0.4%;
}
form.form_modif input[type=file],
form.form_modif input[type=text],
form.form_modif input[type=email],
form.form_modif input[type=password],
form.form_modif input[type=tel],
form.form_modif textarea,
form.form_modif select,
form.form_modif input[type=number] {
  border: 1px solid #d5d5d5;
  padding: 10px;
  font-size: 14px;
  color: #858585;
  width: 30%;
  min-width: 300px;
}
form.form_modif input[type=file][disabled=disabled],
form.form_modif input[type=text][disabled=disabled],
form.form_modif input[type=email][disabled=disabled],
form.form_modif input[type=password][disabled=disabled],
form.form_modif input[type=tel][disabled=disabled],
form.form_modif textarea[disabled=disabled],
form.form_modif select[disabled=disabled],
form.form_modif input[type=number][disabled=disabled] {
  background: transparent;
  border-color: transparent;
}
form.form_modif input[type=file][disabled=disabled]:hover,
form.form_modif input[type=text][disabled=disabled]:hover,
form.form_modif input[type=email][disabled=disabled]:hover,
form.form_modif input[type=password][disabled=disabled]:hover,
form.form_modif input[type=tel][disabled=disabled]:hover,
form.form_modif textarea[disabled=disabled]:hover,
form.form_modif select[disabled=disabled]:hover,
form.form_modif input[type=number][disabled=disabled]:hover {
  background: transparent;
}
form.form_modif #tabtemplate textarea {
  width: 100%;
  height: 500px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
form.form_modif ::-webkit-input-placeholder {
  color: #C9C9C9;
  font-style: italic;
}
form.form_modif :-moz-placeholder {
  /* Firefox 18- */
  color: #C9C9C9;
  font-style: italic;
}
form.form_modif ::-moz-placeholder {
  /* Firefox 19+ */
  color: #C9C9C9;
  font-style: italic;
}
form.form_modif :-ms-input-placeholder {
  color: #C9C9C9;
  font-style: italic;
}
form.form_modif select {
  width: 30.8%;
}
form.form_modif select.type {
  min-width: inherit;
  width: auto;
}
form.form_modif select.heure {
  min-width: inherit;
  width: auto;
}
form.form_modif #back_fichier_productsheets,
form.form_modif #back_voucher_dateMax,
form.form_modif #back_actualite_dateCrea,
form.form_modif #back_user_typologie_typologieSollicitables,
form.form_modif #back_offre_achat_userTypologies,
form.form_modif #back_offre_achat_userTypologieAchats,
form.form_modif #back_user_field_userTypologies,
form.form_modif #back_remise_dateMax {
  display: inline-block;
}
form.form_modif .line-date {
  display: inline-block;
}
form.form_modif .line-date div {
  display: inline-block;
  margin-right: 10px;
}
form.form_modif .line-date select {
  width: auto;
  min-width: 0;
  margin: 0 4px;
}
form.form_modif #back_user_field_userTypologies,
form.form_modif #back_offre_achat_userTypologies,
form.form_modif #back_offre_achat_userTypologieAchats,
form.form_modif #back_user_typologie_typologieSollicitables,
form.form_modif #back_fichier_productsheets {
  width: 70%;
}
form.form_modif #back_user_field_userTypologies .icheckbox_line-blue,
form.form_modif #back_offre_achat_userTypologies .icheckbox_line-blue,
form.form_modif #back_offre_achat_userTypologieAchats .icheckbox_line-blue,
form.form_modif #back_user_typologie_typologieSollicitables .icheckbox_line-blue,
form.form_modif #back_fichier_productsheets .icheckbox_line-blue {
  max-width: 60%;
  min-width: 300px;
}
form.form_modif #back_user_roles {
  display: inline-block;
  width: 70%;
}
form.form_modif #back_user_roles label {
  display: inline-block;
  text-align: left;
  width: auto;
}
form.form_modif .datetime select {
  display: inline-block;
  min-width: 0;
  width: 100px;
}
form.form_modif .titre-champ {
  display: block;
  width: 70%;
  margin-left: 21%;
  font-size: 21px;
  color: #8479B5;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0;
  margin-top: 5px;
}
form.form_modif .commentaire-champ {
  display: block;
  width: 50%;
  margin-left: 21%;
  font-size: 13px;
  color: #333;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0;
  padding-bottom: 5px;
  font-style: italic;
}
form.form_modif .checkboxs-champ {
  display: inline-block;
  width: 50%;
}
form.form_modif .checkboxs-champ label {
  width: auto;
  margin-left: 5px;
  margin-right: 10px;
  text-align: left;
}
form.form_modif .data-commentaire {
  display: inline-block;
  margin-left: 10px;
  padding: 5px;
  font-size: 12px;
  color: #666666;
  background-color: #efefef;
}
form.form_modif .data-commentaire::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
form.form_modif .data-fichier {
  display: inline-block;
  margin-left: 10px;
}
form.form_modif .data-fichier a {
  padding: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #438EB9;
  text-decoration: none;
}
form.form_modif .data-fichier a::after {
  display: inline-block;
  font-family: "fontawesome";
  margin-left: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
form.form_modif .data-fichier a:hover {
  opacity: 0.8;
}

form.form_modif input[type=text]:focus,
form.form_modif input[type=password]:focus,
form.form_modif input[type=tel]:focus,
form.form_modif textarea:focus {
  border-color: #6FB3E0;
  -moz-box-shadow: 0 0 4px 0 #6FB3E0;
  -webkit-box-shadow: 0 0 4px 0 #6FB3E0;
  -o-box-shadow: 0 0 4px 0 #6FB3E0;
  box-shadow: 0 0 4px 0 #6FB3E0;
}

form.form_modif input[type=text]:hover,
form.form_modif input[type=password]:hover,
form.form_modif input[type=tel]:hover,
form.form_modif textarea:hover {
  background-color: #FCFCE8;
}

form.form_modif input.date {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  text-align: center;
}

form.form_modif input.datetime {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  text-align: center;
}

form.form_modif .icon-calendar {
  font-size: 1.5em;
  margin-left: 10px;
}

form.form_modif textarea {
  vertical-align: top;
  height: 100px;
  width: 70%;
}
form.form_modif textarea.reponse {
  height: 300px;
}

form.form_modif textarea.tinymce {
  width: 50%;
}

.contain-newsletter {
  width: 50%;
  float: left;
}
.contain-newsletter form.form_modif input[type=file],
.contain-newsletter form.form_modif input[type=text],
.contain-newsletter form.form_modif input[type=password],
.contain-newsletter form.form_modif input[type=tel],
.contain-newsletter form.form_modif textarea,
.contain-newsletter form.form_modif select {
  width: 75%;
}
.contain-newsletter form.form_modif textarea.tinymce {
  width: 75%;
}

.backoffice-content .mce-tinymce.mce-container.mce-panel {
  display: inline-block;
}

form.form_matchings.submit-fixed,
form.symform.submit-fixed,
form.form_modif.submit-fixed {
  padding-bottom: 80px;
}

form.form_matchings .submit {
  display: block;
  text-align: center;
  padding: 10px 0;
  background: #EFF3F8;
  margin: 0;
  border-top: 1px solid #cdd8e3;
}

form.form_matchings.submit-fixed .submit,
form.symform.submit-fixed .submit,
form.form_modif.submit-fixed .submit {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

a.button, button[type=submit], button[type=reset], a.reset {
  cursor: pointer;
  display: inline-block;
  padding: 3px 10px 3px 10px;
  font-size: 14px;
  font-weight: normal;
}
a.button[type=submit], button[type=submit][type=submit], button[type=reset][type=submit], a.reset[type=submit] {
  color: #fff;
  border: 5px solid #6fb3e0;
  background-color: #6fb3e0;
  text-shadow: -1px -1px 1px #438EB9;
}
a.button[type=submit]::before, button[type=submit][type=submit]::before, button[type=reset][type=submit]::before, a.reset[type=submit]::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
a.button[type=reset], a.button.reset, button[type=submit][type=reset], button[type=submit].reset, button[type=reset][type=reset], button[type=reset].reset, a.reset[type=reset], a.reset.reset {
  color: #a2a2a2;
  border: 5px solid #e6e6e6;
  background-color: #ffffff;
}
a.button[type=reset]::before, a.button.reset::before, button[type=submit][type=reset]::before, button[type=submit].reset::before, button[type=reset][type=reset]::before, button[type=reset].reset::before, a.reset[type=reset]::before, a.reset.reset::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
a.button[type=reset]:hover, a.button.reset:hover, button[type=submit][type=reset]:hover, button[type=submit].reset:hover, button[type=reset][type=reset]:hover, button[type=reset].reset:hover, a.reset[type=reset]:hover, a.reset.reset:hover {
  border-color: #a2a2a2;
}
a.button.button, button[type=submit].button, button[type=reset].button, a.reset.button {
  color: #fff;
  border: 5px solid #6fb3e0;
  background-color: #6fb3e0;
  text-shadow: -1px -1px 1px #438EB9;
}
a.button.mini, button[type=submit].mini, button[type=reset].mini, a.reset.mini {
  padding: 5px;
  border: none;
  font-size: 1em;
}
a.button.mini::before, button[type=submit].mini::before, button[type=reset].mini::before, a.reset.mini::before {
  content: "";
  margin: 0;
}

.right {
  float: right;
}

a.button,
button[type=submit] {
  padding: 6px 15px;
  border-width: 8px;
  font-size: 16px;
}

a.button:hover,
button[type=submit]:hover {
  cursor: pointer;
  background-color: #539ccc;
}

.input-petit {
  width: 140px;
}

.input-moyen {
  width: 420px;
}

.input-large {
  width: 520px;
}

textarea.input-moyen,
textarea.input-large {
  min-height: 100px;
}

textarea.input-moyen:focus,
textarea.input-large:focus {
  height: 300px;
}

textarea.tinymce {
  height: 300px;
}

.table_modif {
  width: 100%;
  margin-top: 10px;
}

.table_modif tr td label {
  color: #444444;
  font-size: 14px;
  display: block;
  padding-top: 5px;
  text-align: right;
}

.table_modif tr td + td label {
  display: inline;
  padding: 0;
  text-align: left;
}

.table_modif tr td {
  padding: 5px;
  width: 14%;
  min-width: 140px;
}

.table_modif tr td + td {
  min-width: 0;
  width: auto;
  text-align: left;
}

.backoffice-accordeon h2 {
  cursor: pointer;
}

.backoffice-accordeon h2 span {
  margin-left: 10px;
  color: #333;
}

.dropzone {
  padding: 10px 0;
}

.dropzone.dz-drag-hover {
  background: #f5f5f5;
}

.dz-remove:before {
  font-family: fontAwesome;
  content: "";
  font-size: 1.5em;
  font-weight: normal;
}

.temoignage .preview {
  display: inline-block;
}

.images a.delete {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.75em;
  background: #E2735F;
  color: #FFF;
  text-decoration: none;
  padding: 2px 5px;
  border: 5px solid #E2735F;
}
.images a.delete::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  margin: 0;
}
.images a.delete:hover {
  background-color: #da4d34;
}

/*.preview {
	position: relative;
	text-align: center;
	margin: 0 auto 10px;
	width: 100%;

	* {
		@include transition(none);
	}

	div {
		position: relative;
		height: 100px;
		overflow: hidden;
		margin: 0 auto;
		background: #E9E9E9;

		&.previewed img {
			opacity: 0.5;
			width: 100%;
		}
	}

	&.preview-slide div {
		width: 384px;
		height: 119px;
	}
	&.preview-bandeau div {
		width: 687px;
		height: 333px;
	}
	&.preview-actu-extranet div {
		width: 960px;
		height: 250px;
	}

	&.preview-principale div {
		width: 682px;
		height: 318px;

		img {
			width: 100%;
			height: auto;
			position: relative;
		}
	}
	&.preview-avatar div {
		width: 200px;
		height: 200px;

		img {
			width: 100%;
			height: auto;
			position: relative;
		}
	}

	&.preview-partenaire div {
		width: 128px;

		img {
			position: static;
		}
	}
	&.preview-theme div {
		width: 960px;
		height: 224px;
	}
	&.preview-idee div {
		width: 333px;
		height: 333px;
	}

	&.preview-avatar div {
		width: 200px;
		height: 200px;
	}

	img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.axis-x img {
		height: 100%;
	}
	.axis-y img {
		width: 100%;
	}
}*/
.dropzone-multiple ul {
  list-style: none;
  width: 80%;
  padding: 0 10%;
}
.dropzone-multiple ul li {
  position: relative;
  display: inline-block;
  margin: 0 5px 5px;
}
.dropzone-multiple ul li:hover a {
  display: block;
}
.dropzone-multiple ul li img {
  display: block;
}
.dropzone-multiple ul li a {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  display: none;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 12px 0 0;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}

.dropzone-edito ul {
  list-style: none;
  width: 50%;
  padding: 0 10% 0 22%;
}
.dropzone-edito ul li {
  position: relative;
  display: block;
  margin: 0 5px 5px;
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}
.dropzone-edito ul li img {
  margin-right: 10px;
  vertical-align: middle;
}
.dropzone-edito ul li input {
  padding: 3px;
  margin-right: 20px;
}
.dropzone-edito ul li a {
  display: inline-block;
  cursor: pointer;
  width: 30px;
  height: 26px;
  padding: 4px 0 0;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  text-align: center;
  text-decoration: none;
}
.dropzone-edito ul li a:hover {
  background: #ff761c;
}
.dropzone-edito ul li a::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  font-size: 1.6em;
  margin: 0;
}

a.cropMe {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 10px;
  border: 5px solid #ff761c;
  background-color: #ff761c;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
}
a.cropMe:hover {
  background-color: #d36a24;
}

a.deleteMe {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  padding: 10px;
  border: 5px solid #000;
  background-color: #000;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
}
a.deleteMe:hover {
  background-color: #444;
}

a.action {
  display: inline-block;
  border: 5px solid #428bca;
  background-color: #428bca;
  font-size: 16px;
  padding: 8px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
}
a.action.generate {
  background-color: #ff761c;
  border-color: #ff761c;
}
a.action.generate:hover {
  background-color: #cf5200;
}

a.action:hover {
  background: #1b6aaa;
}

.backoffice-content .column-left.reseaux, .backoffice-content .column-right.reseaux {
  margin-bottom: 0;
}
.backoffice-content .column-left.reseaux .column-entete, .backoffice-content .column-right.reseaux .column-entete {
  margin-bottom: 0;
}
.backoffice-content .reseaux {
  margin-bottom: 0;
}
.backoffice-content .reseaux.hover ul {
  background: #E9E9E9;
}
.backoffice-content .reseaux ul {
  width: 90%;
  padding: 10px 5%;
}
.backoffice-content .reseaux ul li {
  -moz-box-shadow: 0 0 5px 0 #D9D9D9;
  -webkit-box-shadow: 0 0 5px 0 #D9D9D9;
  -o-box-shadow: 0 0 5px 0 #D9D9D9;
  box-shadow: 0 0 5px 0 #D9D9D9;
}

/****Attention dans public.css aussi***/
/*
.contenuReseaux {
	display: block;
	list-style: none;
	overflow-y: auto;
}

li.flux {
	display: block;
	width: 215px;
	padding: 15px 0 0;
	background: #FFF;
	color: #737373;
	margin: 0 22px 22px 0;
}

.flux img {
	display: block;
	margin: 0 auto;
}

.flux span {
	display: block;
	padding: 0 11px;
	font-family: 'sourcesanspro', arial, sans-serif;
}

.flux span.text {
	margin-bottom: 10px;
}

.flux a {
	font-size: 13px;
	font-weight: bold;
	white-space: pre-line;
}

.flux span.bottom {
	padding: 15px 10px 15px 40px;
	color: #FFF;
	background-position: 10px center;
	background-repeat: no-repeat;
}

.flux.twitter span.bottom {
	background-color: #3ba8e0;
	background-image: url(../../img_interf/bg_twitter_flux.png);
}

.flux.twitter a {
	color: #3ba8e0;
}

.flux.facebook span.bottom {
	background-color: #3b5999;
	background-image: url(../../img_interf/bg_facebook_flux.png);
}

.flux.facebook a {
	color: #3b5999;
}

.flux.pinterest span.bottom {
	background-color: #e0220e;
	background-image: url(../../img_interf/bg_pinterest_flux.png);
}

.flux.pinterest a {
	color: #e0220e;
}
*/
/*******/
.backoffice-content .poubelle {
  position: absolute;
  opacity: 0;
  min-height: 87px;
  width: 300px;
  margin: 0;
  top: 0;
  right: 0;
  border: 5px solid #d15b47;
  background-color: #d15b47;
  z-index: 100;
  color: #FFF;
  text-align: center;
}

.poubelle.hover {
  background-color: #b74635;
}

.poubelle span {
  display: block;
  font-size: 1.5em;
  line-height: 1em;
}

.backoffice-content .poubelle ul {
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
  padding: 0;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 500;
  list-style: none;
  overflow: hidden;
}

.poubelle span.icon-trash {
  font-size: 3em;
  line-height: 1.25em;
}

.flux.sortable-placeholder {
  background: #E9E9E9;
  width: 100%;
  height: 100%;
}

.backoffice-content .poubelle .flux.sortable-placeholder {
  background-color: #b74635;
}

#map, #parcours {
  height: 400px;
  width: 60%;
  margin: 0 auto 15px;
}
#map, #map *, #parcours, #parcours * {
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}

.backoffice-content .resultat_export {
  padding: 10px 0 15px 0;
  text-align: right;
}
.backoffice-content .resultat_export a {
  display: inline-block;
  padding: 2px 2px 2px 5px;
  text-decoration: none;
  color: #333333;
  background-color: #efefef;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  margin-left: 10px;
}
.backoffice-content .resultat_export a:hover {
  background-color: #ddd;
  border-color: #999;
}
.backoffice-content .pictos {
  list-style: none;
  padding: 0 22%;
}
.backoffice-content .pictos li {
  float: left;
  width: 40px;
  margin: 0 5px 5px;
  background-color: #998764;
  text-align: center;
}
.backoffice-content .pictos li label {
  width: 30px;
  padding: 5px 5px;
  text-align: center;
}
.backoffice-content .pictos li label span {
  margin-bottom: 5px;
}
.backoffice-content .pictos.inputed {
  padding-left: 22%;
  padding-right: 0;
}
.backoffice-content .pictos.inputed li {
  width: 300px;
}
.backoffice-content .pictos.inputed label {
  width: 290px;
}
.backoffice-content .pictos.inputed p {
  background: #FFF;
}
.backoffice-content .pictos.inputed p span {
  margin-bottom: 0;
}
.backoffice-content .pictos.inputed span[class^=pictos] {
  margin: 0 auto;
}
.backoffice-content .pictos.inputed input {
  width: 240px;
  min-width: 240px;
}

/*************************************/
.backoffice-content .column-left, .backoffice-content .column-right {
  float: left;
  width: 47.5%;
  margin: 0 1% 20px;
  border: 1px solid #cccccc;
}

.backoffice-content .column-entete {
  background: #f7f7f7;
  color: #669fc7;
  font-size: 1.75em;
  padding: 8px 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
.backoffice-content .column-entete a {
  display: inline;
  float: right;
  padding: 0px 6px;
  border-width: 3px;
  margin-left: 10px;
  text-decoration: none;
}
.backoffice-content .column-entete span {
  margin-right: 8px;
}

.backoffice-content .column-right {
  float: right;
}

.backoffice-content.categories-container .column-left {
  width: 800px;
}

.backoffice-content.categories-container .column-right {
  width: 500px;
}

.backoffice-content ul.categories {
  list-style: none;
  display: block;
}

.backoffice-content ul.categories li {
  float: left;
  position: relative;
  display: block;
  width: 350px;
  height: 207px;
  margin: 0 12px 25px 13px;
  background: #000;
  overflow: hidden;
  opacity: 0.85;
}

.backoffice-content ul.categories li img {
  width: 100%;
}

.backoffice-content ul.categories li.invisible {
  background: #999;
}

.backoffice-content ul.categories li.invisible img {
  display: none;
}

.backoffice-content ul.categories li:hover {
  opacity: 1;
}

.backoffice-content ul.categories li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.backoffice-content ul.categories li .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px;
}

.backoffice-content ul.categories h2 {
  /*font-size: 22px;*/
  font-size: 1.9em;
  font-family: "bebas_neueregular", arial;
  margin-bottom: 5px;
  color: #FFF;
  text-transform: uppercase;
}

.backoffice-content ul.categories-select {
  list-style: none;
}
.backoffice-content ul.categories-select li {
  display: block;
  margin-bottom: 5px;
}
.backoffice-content ul.categories-select li select {
  vertical-align: top;
}

/**********************************/
.dropzone .dz-progress {
  position: relative;
  margin: 0 auto;
  height: 10px;
  width: 90%;
  background: #d7d7d7;
  display: none;
}

.dropzone .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}

.dropzone .dz-processing .dz-progress {
  display: block;
}

.dropzone .dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}

.dropzone .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
}

.dropzone .dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

/**********************************/
.dropzone-single-file .file {
  float: none;
}

.ui-timepicker-div, .ui-timepicker-div * {
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  transition: none 0.25s ease;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

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

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

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

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

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

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

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

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

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

span.error {
  display: block;
  color: #c54033;
  background-color: #fff4b3;
  border-bottom: 1px dotted #ffbf8b;
  font-size: 16px;
  padding: 10px;
  margin-bottom: 15px;
}
span.error::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  color: #c54033;
}

/* *********** POPUP IMAGE MODULE *********** */
#popup_module_fichier,
#popup_module_image {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  height: 100%;
  z-index: 51;
}
#popup_module_fichier .module_popup,
#popup_module_image .module_popup {
  -moz-box-shadow: 0 0 10px 0 #666;
  -webkit-box-shadow: 0 0 10px 0 #666;
  -o-box-shadow: 0 0 10px 0 #666;
  box-shadow: 0 0 10px 0 #666;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #ccc;
  height: 100%;
}
#popup_module_fichier .module_popup.none,
#popup_module_image .module_popup.none {
  display: none;
}
#popup_module_fichier .module_popup .popup_entete,
#popup_module_image .module_popup .popup_entete {
  display: -webkit-box;
  -webkit-box-pack: start;
  -webkit-box-align: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  display: -moz-box;
  -moz-box-pack: start;
  -moz-box-align: center;
  display: -ms-flexbox;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  /* W3C */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  background-color: #438EB9;
  color: #ffffff;
  padding: 0 15px 0 15px;
  font-size: 14px;
  height: 6%;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
#popup_module_fichier .module_popup .popup_entete .w100prct,
#popup_module_image .module_popup .popup_entete .w100prct {
  width: 100%;
}
#popup_module_fichier .module_popup .popup_entete a,
#popup_module_image .module_popup .popup_entete a {
  text-decoration: none;
  float: right;
  font-weight: bold;
}
#popup_module_fichier .module_popup .module_popup_albums,
#popup_module_image .module_popup .module_popup_albums {
  height: 94%;
  overflow: auto;
}
#popup_module_fichier .module_popup .module_popup_albums.load,
#popup_module_image .module_popup .module_popup_albums.load {
  background: #fff url(../img/ajax-loader2.gif) center center no-repeat;
}
#popup_module_fichier .module_popup ul.listes,
#popup_module_fichier .module_popup ul.listes li,
#popup_module_image .module_popup ul.listes,
#popup_module_image .module_popup ul.listes li {
  display: block;
  list-style: none;
}
#popup_module_fichier .module_popup ul.listes,
#popup_module_image .module_popup ul.listes {
  text-align: center;
}
#popup_module_fichier .module_popup ul.listes li,
#popup_module_image .module_popup ul.listes li {
  display: inline-block;
  margin: 10px 0 0 10px;
}
#popup_module_fichier .module_popup ul.listes li a,
#popup_module_image .module_popup ul.listes li a {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  border: 1px dotted #ccc;
  text-align: center;
  display: block;
  padding: 10px;
  text-decoration: none;
  float: right;
  width: 150px;
  height: 150px;
  color: #555;
  font-size: 11px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* W3C */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#popup_module_fichier .module_popup ul.listes li a img,
#popup_module_image .module_popup ul.listes li a img {
  max-height: 80px;
  max-width: 130px;
}
#popup_module_fichier .module_popup ul.listes li a:hover,
#popup_module_image .module_popup ul.listes li a:hover {
  background-color: #6FB3E0;
  border: 1px solid #438EB9;
  color: #222;
}
#popup_module_fichier .module_popup ul.listes li a:hover span,
#popup_module_image .module_popup ul.listes li a:hover span {
  color: #333;
}
#popup_module_fichier .module_popup ul.listes li a span,
#popup_module_image .module_popup ul.listes li a span {
  font-size: 36px;
  color: #438EB9;
}

.center {
  text-align: center;
}

html.iframe, html.iframe body {
  background-color: #fff;
  width: 600px;
  min-width: 600px;
  max-width: 600px;
}
html.iframe .backoffice-content {
  padding: 0 20px;
}

.newsletter-warn {
  box-sizing: border-box;
  width: 600px;
  margin: 0 auto 10px;
  font-size: 16px;
}

iframe {
  display: block;
  width: 1024px;
  margin: 0 auto 10px;
  vertical-align: top;
  height: 60px;
  border: none;
  border-bottom: 1px solid #E9E9E9;
}
iframe.arret {
  height: 150px;
}
iframe.moteur {
  height: 500px;
}

.newsletter-mail iframe {
  display: block;
  width: 800px;
  height: 600px;
  margin: 10px auto;
  border: 1px solid #E9E9E9;
}
.newsletter-mail .switch-lang {
  text-align: center;
}
.newsletter-mail .switch-lang a {
  opacity: 0.5;
}
.newsletter-mail .switch-lang a.selected {
  opacity: 1;
}

.fixed-links {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  left: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #E9E9E9;
}
.fixed-links a {
  text-decoration: none;
}
.fixed-links a.send, .fixed-links a.modif {
  font-size: 1.4em;
  display: inline-block;
  color: #FFF;
  padding: 5px;
  margin: 0 5px;
  border: 5px solid #FFF;
}
.fixed-links a.send {
  background-color: #87B87F;
  border-color: #87B87F;
}
.fixed-links a.send::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
.fixed-links a.modif {
  background-color: #62A0D3;
  border-color: #62A0D3;
}
.fixed-links a.modif::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}

.newsletter-arret {
  text-align: center;
  background-color: darkorange;
  padding: 5px;
}
.newsletter-arret a {
  border: 5px solid darkorange;
  padding: 5px;
  text-decoration: none;
  font-weight: bold;
  display: block;
}
.newsletter-arret a:hover {
  border-color: orange;
}

.newsletter-avancement .newsletter-avancement-loading {
  background-color: orange;
  height: 20px;
}
.newsletter-avancement .newsletter-avancement-ok {
  color: orange;
  font-weight: bold;
}
.newsletter-avancement .newsletter-avancement-stop-text {
  padding-top: 4px;
  color: lightgreen;
  text-align: center;
}
.newsletter-avancement .newsletter-avancement-stop {
  float: left;
  height: 20px;
  background-color: green;
  color: lightgreen;
  text-align: right;
}
.newsletter-avancement .newsletter-avancement-bar {
  max-width: 100%;
  height: 20px;
  background-color: green;
  color: lightgreen;
  text-align: right;
}
.newsletter-avancement .newsletter-avancement-bar.not-okk {
  background-image: url(../img/newsletters/barre_avance_anim.gif);
}
.newsletter-avancement .newsletter-avancement-total {
  height: 10px;
  text-align: right;
  color: red;
}

form.backoffice-crud .destinataires-choices li {
  margin: 0 5px 10px;
}
form.backoffice-crud .destinataires-choices li .icheckbox_line-blue {
  max-width: 200px;
  width: 200px;
  margin: 0;
}

#cont_repertoire_include {
  display: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  border: 1px solid #ccc;
}
#cont_repertoire_include iframe {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 400px;
}

.backoffice-fiche-souhait {
  width: 100%;
  max-width: 100%;
}
.backoffice-fiche-souhait .col-gauche-large {
  width: 70%;
  float: left;
}
.backoffice-fiche-souhait .col-droite-small {
  width: 28%;
  float: right;
}

#framePopup {
  display: none;
  position: fixed;
  z-index: 999;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #FFF;
}
#framePopup .popup-container {
  display: block;
  height: 100%;
  width: 100%;
  border-top: 5px solid #438EB9;
}
#framePopup .popup-container .popup-content {
  position: relative;
  height: 100%;
}
#framePopup .popup-container .popup-content iframe {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
#framePopup .popup-container .popup-close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  background: #438eb9;
  color: #fff;
  font-family: opensans-bold, arial, sans-serif;
  text-align: center;
  z-index: 10;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}

body.add-padding-bottom-frame-popup {
  padding-bottom: 400px;
}

.italic {
  font-style: italic;
}

.block {
  display: block;
}

.pad10 {
  padding: 10px;
}

.badge_apercu iframe {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 520px;
}

.cont-multiDropzone {
  background: #fff url(../img/tr_bg.png);
  border: 1px solid #ddd;
  padding: 15px 15px 5px 15px;
  margin-bottom: 10px;
}
.cont-multiDropzone .multiDropzone {
  min-height: 150px;
}
.cont-multiDropzone p {
  margin: 0;
  padding: 0;
  font-style: italic;
  color: #666666;
  text-align: center;
}

.backoffice-content.split,
.backosymfo-content.split {
  width: 50%;
  margin: 0;
  float: left;
  margin-bottom: 60px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
.backoffice-content.split.mb0,
.backosymfo-content.split.mb0 {
  margin-bottom: 0;
}
.backoffice-content.split.split_1_3,
.backosymfo-content.split.split_1_3 {
  width: 33.333333%;
  float: left;
}
.backoffice-content.split.split_2_3,
.backosymfo-content.split.split_2_3 {
  width: 66.666666%;
  float: left;
}
.backoffice-content.split.split_1_2,
.backosymfo-content.split.split_1_2 {
  width: 50%;
  float: left;
}
.backoffice-content.split.split_1_4,
.backosymfo-content.split.split_1_4 {
  width: 25%;
  float: left;
}
.backoffice-content.split.split_2_4,
.backosymfo-content.split.split_2_4 {
  width: 50%;
  float: left;
}
.backoffice-content.split.split_3_4,
.backosymfo-content.split.split_3_4 {
  width: 75%;
  float: left;
}
.backoffice-content.split .resultat_filtre button[type=submit],
.backosymfo-content.split .resultat_filtre button[type=submit] {
  padding: 5px;
  font-size: 14px;
}
.backoffice-content.split select,
.backosymfo-content.split select {
  width: 70%;
}
.backoffice-content.split input[type=file],
.backoffice-content.split input[type=text],
.backoffice-content.split input[type=email],
.backoffice-content.split input[type=password],
.backoffice-content.split input[type=tel],
.backoffice-content.split textarea,
.backoffice-content.split select,
.backoffice-content.split input[type=number],
.backosymfo-content.split input[type=file],
.backosymfo-content.split input[type=text],
.backosymfo-content.split input[type=email],
.backosymfo-content.split input[type=password],
.backosymfo-content.split input[type=tel],
.backosymfo-content.split textarea,
.backosymfo-content.split select,
.backosymfo-content.split input[type=number] {
  width: 70%;
}
.backoffice-content.split .resultat_table,
.backosymfo-content.split .resultat_table {
  margin-bottom: 20px;
}
.backoffice-content.split .resultat_table thead tr th,
.backosymfo-content.split .resultat_table thead tr th {
  font-size: 12px;
}
.backoffice-content.split #arianne .back, .backoffice-content.split #arianne .new,
.backosymfo-content.split #arianne .back,
.backosymfo-content.split #arianne .new {
  padding: 5px;
  font-size: 12px;
}
.backoffice-content.split #arianne div,
.backosymfo-content.split #arianne div {
  font-size: 12px;
  padding: 10px 5px 5px 80px;
}
.backoffice-content.split #arianne.nobt div,
.backosymfo-content.split #arianne.nobt div {
  padding-left: 10px;
}
.backoffice-content.split .resultat_titre,
.backosymfo-content.split .resultat_titre {
  font-size: 12px;
}

.ajax-loading {
  opacity: 0.6;
  background: #fff url(../img/ajax-loader2.gif) center center no-repeat;
}

.bt-ajax-fichier-reload.mini.button {
  float: right;
  margin-bottom: 10px;
}
.bt-ajax-fichier-reload.mini.button::before {
  display: inline-block;
  font-family: "fontawesome";
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
}
.bt-ajax-fichier-reload.mini.button::before {
  font-size: 1em;
  margin: 0 5px 0 0;
}

/*# sourceMappingURL=backo.css.map */
