/*! 2014-09-18 */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1260px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0% !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }
@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0% !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0% !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
       url('/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
       url('/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
       url('/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}

/*
#Reset
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

http://meyerweb.com/eric/tools/css/reset/
<br>
v2.0 | 20110126
<br>
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
/*ol, ul {
    list-style: none;
}*/
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* #Basic Styles
================================================== */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: #fff;
    font-size: 100%;
    line-height: 1.5;
    font-family:  "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #323f48;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

div[role=main]{
    display: block;
    padding-top: 20px;
    padding-bottom: 0;
    position: relative;
}

@media only screen and (max-width: 64.062em){
    div[role=main]{
        padding-bottom: 50px;

    }
    div[role=main].chaine_playlist {
      padding-top: 0;
    }
}

/* #Images
================================================== */
img {
    max-width: 100%;
    height: auto;
}
.gui .h1_gui {
  font-family: "Myriad Pro", arial, helvetica, sans-serif;
  font-size: 80px;
  line-height: 140px;
  color: #0093c9;
  text-transform: uppercase;
  margin:30px 0;
}
.gui .h1_gui strong {
  color: #202020;
}
.gui .h1_gui:after {
  display: none;
}
.gui .h2_gui {
  font-family: "Myriad Pro", arial, helvetica, sans-serif;
  font-size: 50px;
  color: #0093c9;
  text-transform: uppercase;
  margin:30px 0 10px 0;
  border-top:2px solid #DFDFDF;
}
.gui .h3_gui {
  font-family: "Myriad Pro", arial, helvetica, sans-serif;
  font-size: 25px;
  color: #0093c9;
  text-transform: uppercase;
  margin:0 0 20px 0;
  border-bottom:1px solid #DFDFDF;
  font-weight: normal;
}
.gui ol,
.gui ul {
  margin-right:20px;
}
.gui-boutons a {
  margin-top:10px;
}

.rs {
  font-size:17px;
  line-height: 17px;
  color:#252d32;
  text-decoration: none;
  padding:0 10px;
    position: relative;
    top:2px;
}
.rs:hover .fa-facebook {
  color:#306199;
}
.rs:hover .fa-twitter {
  color:#26c4f1;
}
.rs:hover .fa-google-plus {
  color:#e93f2e;
}

@media only screen and (min-width: 550px) and (max-width: 1024px){
    section.suggestion{
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        margin-top: 25px;
        margin-left: -0.9375em;
        margin-right: -0.9375em;
        background-color: #f8f8f8;
        border-top: 1px solid #e9e9e9;
        padding-bottom: 5px;
    }
    section.suggestion .suggestion-inner{
        border: 1px solid #e9e9e9;
        background-color: #FFF;
        margin: 30px 17px;
        padding: 0px 21px 18px;
    }
}

/*Tabs*/

[data-tab-content]{
    display: none;
}
[data-tab-content].opened{
    display: block;
}

/* Social Share */
.social-share div {
    float: left;
    margin-left: 5px !important;
    width: auto !important;
}
@media only screen {
    .social-share {
        float: left;
    }
    .social-share div:first-child {
        margin-left: 0 !important;
    }
}
@media only screen and (min-width: 30.063em) {
    .social-share {
        float: right;
    }
    .social-share div:first-child {
        margin-left: 5px !important;
    }
}

@media only screen {
    body {
        /*background: #f2f1f1;*/
    }
}
@media only screen and (min-width: 64.063em) {
    body {
        background: #fff;
    }
}
@media only screen and (max-width: 64.063em) {
     body {
        background: #f8f8f8;
    }
}

/*Home*/
@media only screen and (min-width: 64.063em){
    .bg_gray {
        width: 100%;
        background: #fafafa;
        border-top: 1px solid #e9e9e9;
        margin-top: 30px;
        padding-bottom: 30px;
    }
}
.home .header-container {
    margin-bottom: 0;
}
.home .box-ads--footer {
    margin-top: 0;
}
@media only screen and (max-width: 64.062em){
    .bg_white{
        background: #fff;
        padding-bottom: 20px;
    }
    .mobile-white-box {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        width: 100%;
        margin-top: 20px;
    }
    .mobile-white-box > .row {
        border: 1px solid #e9e9e9;
        padding: 0px 10px 20px;
        background: #fff;
    }
    .mobile-white-box.abonnement-chaine > .row{
      padding:20px 10px;
    }
    .mobile-white-box > .row + .row{
        border-top: 0px;
        margin-top: -1px;
    }
    .mobile-white-box > .row:first-child > .column:first-child > h1:first-child,
    .mobile-white-box > .row:first-child > .columns:first-child > h1:first-child,
    .mobile-white-box > .row:first-child > .column:first-child > h2:first-child,
    .mobile-white-box > .row:first-child > .columns:first-child > h2:first-child,
    .mobile-white-box > .row:first-child > .column:first-child > h3:first-child,
    .mobile-white-box > .row:first-child > .columns:first-child > h3:first-child{
        /*margin-top: 0px;*/
    }
}
.websafe {
  position: relative;
  width:1200px;
  margin:0 auto;
}

.margin_top_0 {
  margin-top:0;
}
.margin_bottom_0 {
  margin-bottom:0;
}


.row .col3 {
  width:366px;
  float:left;
  margin-left:50px;
}
.row .col3:first-child {
  margin-left:0;
}

.row.half {
  width:48%;
}
.left {
  float: left;
}
.right {
  float: right;
}

.text-center {
    text-align: center;
}
.button-group {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.button-group button,
.button-group a {
  float:left !important;
}
.no-margin-bottom{
  margin-bottom: 0;
}

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}
.clearB{
    clear: both;
}
/*VISIBILITY*/
/*xsmall:font-size:14 = max-width: 480px*/
@media only screen and (max-width: 30.062em){
    .hide-for-xsmall,
    .hide-for-xsmall-down, .hide-for-small-down,.hide-for-medium-small-down, .hide-for-medium-down, .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
    .hide-for-xsmall-up{
        display: none !important;
    }
}
/*small :                         font-size:14 = max-width: 640px*/
@media only screen and (min-width: 30.063em) and (max-width: 40.062em){
    .hide-for-small,
    .hide-for-small-down,.hide-for-medium-small-down, .hide-for-medium-down, .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
    .hide-for-xsmall-up, .hide-for-small-up{
        display: none !important;
    }
}
/*medium-small :                  font-size:14 = max-width: 768px*/
@media only screen and (min-width: 40.062em) and (max-width: 48.0625em){
    .hide-for-medium-small,
    .hide-for-medium-small-down, .hide-for-medium-down, .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
    .hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-small-up{
        display: none !important;
    }
}
/*medium :                         font-size:14 = max-width: 1024px*/
@media only screen and (min-width: 48.0625em) and (max-width: 64.062em){
    .hide-for-medium,
    .hide-for-medium-down, .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
    .hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-small-up, .hide-for-medium-up{
        display: none !important;
    }
}
/*large :                          font-size:14 = max-width: 1440px*/
@media only screen and (min-width: 64.063em) and (max-width: 90.062em){
    .hide-for-large,
    .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
    .hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-small-up, .hide-for-medium-up, .hide-for-large-up{
        display: none !important;
    }
}
/*xlarge :                         font-size:14 = max-width: 1920px*/
@media only screen and (min-width: 90.063em) and (max-width: 120.062em){
    .hide-for-xlarge,
    .hide-for-xlarge-down, .hide-for-xxlarge-down,
    .hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-small-up, .hide-for-medium-up, .hide-for-large-up, .hide-for-xlarge-up{
        display: none !important;
    }
}
/*xxlarge:font-size:14 = min-width: 1920px*/
@media only screen and (min-width: 120.063em){
    .hide-for-xxlarge,
    .hide-for-xxlarge-down,
    .hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-small-up, .hide-for-medium-up, .hide-for-large-up, .hide-for-xlarge-up, .hide-for-xxlarge-up{
        display: none !important;
    }
}
div[role=main].accueil-editeur{
  padding-top: 0;
}
.editeur-wrapper {
  max-width: 985px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.text-bleu {
  color: #0093c9;
}
.text-bleu--light {
  color: #3cbced;
}

article img{
    margin-right: 20px;
}
.accueil-editeur .accueil-editeur__top {
  background: url(/img/v3/editeur/editeur_header_accueil.jpg) center;
  width: 100%;
  font-family: 'Fira Sans', sans-serif;
  color: #fff;
  font-size: 1.786em;
  text-align: center;
}
.accueil-editeur .accueil-editeur__top h1 {
  color: #fff;
  font-size: 1.600em;
  margin-top: 0;
  line-height: 1.2em;
}
.accueil-editeur .accueil-editeur__top .text-bleu--light {
  font-weight: 700;
}
.accueil-editeur .accueil-editeur__top .btn {
  text-transform: uppercase;
  font-weight: 700;
}
.accueil-editeur .accueil-editeur__top h1+div {
  margin-bottom: 40px;
  line-height: 1.2;
}
.accueil-editeur .acceuil-editeur__etape {
  background: #f8f8f8;
  padding: 50px 0;
}
.accueil-editeur .acceuil-editeur__etape .columns {
  text-align: center;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.429em;
  font-weight: 300;
}
.accueil-editeur .acceuil-editeur__info {
  margin-top: 70px;
}
.accueil-editeur .acceuil-editeur__info h2,
.accueil-editeur .box-partenaire .box-partenaire__info h2 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-size: 2.500em;
  text-align: center;
  color: #252d32;
  line-height: 1.2;
  margin-bottom: 0.8em;
}
.accueil-editeur .acceuil-editeur__info article {
  margin-bottom: 50px;
  min-height: 130px;
}
.accueil-editeur .acceuil-editeur__info article div {
  width: 70%;
}
@media only screen and (max-width: 30.062em){
  .accueil-editeur .accueil-editeur__top h1{
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 40.063em){
  .accueil-editeur .acceuil-editeur__info article div {
    width: 100%;
    margin-top: 1.25em;
  }
  .accueil-editeur .accueil-editeur__top .editeur-wrapper > div > div{
    font-size: 0.8em;
  }
  .footer-container footer .btn--tagtele.editeur{
    display: inline-block;
    float: none;
  }
  .footer-container footer .logo-editeur{
    display: inline-block;
    float: none;
  }
  .footer-container .editeur-wrapper > div:first-child{
    text-align: center;
  }
  .footer-container footer .footer__copyright{
    float: none;
    display: block;
  }
}
@media only screen and (max-width: 64.062em){
  .accueil-editeur .accueil-editeur__top{
    padding: 2em 0;
  }
}
@media only screen and (min-width: 64.062em){
  .accueil-editeur .accueil-editeur__top{
    padding: 4em 0;
  }
}

.wrapper.editeur .header-container{
  padding-bottom: 0;
  height: auto;
}
.header-container .editeur-wrapper header .header_logo{
  float: left;
  position: relative;
  left:0;
  top:-5px;
}
.editeur-wrapper .logo-editeur{
  float: left;
}
footer .editeur-wrapper .logo-editeur{
  float: none;
}
.accueil-editeur .acceuil-editeur__info article h3 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.429em;
  margin-bottom: 0.5em;
}
.accueil-editeur .acceuil-editeur__info article img {
  margin-right: 20px;
}
.accueil-editeur .acceuil-editeur__info article p {
  color: #999;
}
.accueil-editeur .box-partenaire {
  background: url(/img/v3/editeur/editeur_partenaire.png) top center no-repeat #f9f9f9;
  min-height: 400px;
  margin-top: 50px;
  border: 1px solid #e9e9e9;
  padding: 40px 25px 0;
}
.accueil-editeur .box-partenaire .box-partenaire__info h2{
  margin-top: 50px;
}
.accueil-editeur .box-partenaire .box-partenaire__info p {
  color: #252d32;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.786em;
  font-weight: 300;
}
.accueil-editeur .box-partenaire .box-partenaire__info .btn {
  margin-bottom: 20px;
}
.accueil-editeur .box-partenaire .box-partenaire__logo span {
  color: #0093c9;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.500em;
  font-weight: 300;
  line-height: 1;
  position: relative;
  top: -7px;
  margin-left: 5px;
  float: none;
}
@media only screen and (max-width: 64.062em) {
  .accueil-editeur .acceuil-editeur__etape .editeur-wrapper > .columns{
    margin-top: 2em;
  }
  .accueil-editeur .acceuil-editeur__etape .editeur-wrapper > .columns:first-child{
    margin-top: 0;
  }
}
div[role=main].accueil-partenaire{
  padding-top: 0;
}
.editeur-wrapper {
  max-width: 985px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.text-bleu {
  color: #0093c9;
}
.text-bleu--light {
  color: #3cbced;
}
.accueil-partenaire .accueil-editeur__top {
  background: url(/img/v3/partenaire/partenaire_header_accueil.jpg) center;
  width: 100%;
  font-family: 'Fira Sans', sans-serif;
  color: #fff;
  font-size: 1.786em;
  text-align: center;
}
.accueil-partenaire .accueil-editeur__top h1 {
  color: #fff;
  font-size: 1.600em;
  margin-top: 0;
  line-height: 1.2em;
}
.accueil-partenaire .accueil-editeur__top .text-bleu--light {
  font-weight: 700;
}
.accueil-partenaire .accueil-editeur__top .btn {
  text-transform: uppercase;
  font-weight: 700;
}
.accueil-partenaire .accueil-editeur__top h1+div {
  margin-bottom: 40px;
  line-height: 1.2;
}
.accueil-partenaire .acceuil-editeur__etape {
  background: #f8f8f8;
  padding: 50px 0;
}
.accueil-partenaire .acceuil-editeur__etape .columns {
  text-align: center;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.429em;
  font-weight: 300;
}
.accueil-partenaire .acceuil-editeur__etape .inscrire {
  font-size: 1em;
  margin-top: 2em;
}
.accueil-partenaire .acceuil-editeur__info {
  margin-top: 70px;
}
.accueil-partenaire .acceuil-editeur__info h2,
.accueil-partenaire .box-partenaire .box-partenaire__info h2 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-size: 2.500em;
  text-align: center;
  color: #252d32;
  line-height: 1.2;
  margin-bottom: 0.8em;
}
.accueil-partenaire .acceuil-editeur__info article {
  margin-bottom: 50px;
  min-height: 130px;
}
.accueil-partenaire .acceuil-editeur__info article div {
  width: 57%;
}
@media only screen and (max-width: 30.062em){
  .accueil-partenaire .accueil-editeur__top h1{
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 40.063em){
  .accueil-partenaire .acceuil-editeur__info article div {
    width: 100%;
    margin-top: 1.25em;
  }
  .accueil-partenaire .accueil-editeur__top .editeur-wrapper > div > div{
    font-size: 0.8em;
  }
  .footer-container footer .btn--tagtele.editeur{
    display: inline-block;
    float: none;
  }
  .footer-container footer .logo-editeur{
    display: inline-block;
    float: none;
  }
  .footer-container .editeur-wrapper > div:first-child{
    text-align: center;
  }
  .footer-container footer .footer__copyright{
    float: none;
    display: block;
  }
}
@media only screen and (max-width: 64.062em){
  .accueil-partenaire .accueil-editeur__top{
    padding: 2em 0;
  }
}
@media only screen and (min-width: 64.062em){
  .accueil-partenaire .accueil-editeur__top{
    padding: 4em 0;
  }
}

.wrapper.editeur .header-container{
  padding-bottom: 0;
  height: auto;
}
.header-container .editeur-wrapper header .header_logo{
  float: left;
  position: relative;
  left:0;
  top:-5px;
}
.editeur-wrapper .logo-editeur{
  float: left;
}
footer .editeur-wrapper .logo-editeur{
  float: none;
}
.accueil-partenaire .acceuil-editeur__info article h3 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.429em;
  margin-bottom: 0;
}
.accueil-partenaire .acceuil-editeur__info article img {
  margin-right: 20px;
}
.accueil-partenaire .acceuil-editeur__info article p {
  color: #999;
}
.accueil-partenaire .box-partenaire {
  background: url(/img/v3/editeur/editeur_partenaire.png) top center no-repeat #f9f9f9;
  min-height: 400px;
  margin-top: 50px;
  border: 1px solid #e9e9e9;
  padding: 40px 25px 0;
}
.accueil-partenaire .box-partenaire .box-partenaire__info h2{
  margin-top: 50px;
}
.accueil-partenaire .box-partenaire .box-partenaire__info p {
  color: #252d32;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.786em;
  font-weight: 300;
}
.accueil-partenaire .box-partenaire .box-partenaire__info .btn {
  margin-bottom: 20px;
}
.accueil-partenaire .box-partenaire .box-partenaire__logo span {
  color: #0093c9;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.500em;
  font-weight: 300;
  line-height: 1;
  position: relative;
  top: -7px;
  margin-left: 5px;
}
@media only screen and (max-width: 64.062em) {
  .accueil-partenaire .acceuil-editeur__etape .editeur-wrapper > .columns{
    margin-top: 2em;
  }
  .accueil-partenaire .acceuil-editeur__etape .editeur-wrapper > .columns:first-child{
    margin-top: 0;
  }
}
@media only screen and (max-width: 40.062em){
    div[role=main].accueil .list-box__diffuseur-vedette article{
        width: 225px;
        /*margin: 0px auto 20px;*/
        float: none !important;
        margin-bottom: 20px;
    }
}

div[role=main].accueil,
div[role=main].index_index,div[role=main].playlist{
    padding-top: 0px;
    /*padding-bottom: 0px;*/
}

.list-box__diffuseur-vedette img {
  width: 100%;
}

.bande-vedette__shadow{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.1) 55%, rgba(0,0,0,0.3) 88%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0.05)), color-stop(55%,rgba(0,0,0,0.1)), color-stop(88%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.1) 55%,rgba(0,0,0,0.3) 88%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.1) 55%,rgba(0,0,0,0.3) 88%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.1) 55%,rgba(0,0,0,0.3) 88%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.1) 55%,rgba(0,0,0,0.3) 88%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.bande-vedette__block-name h1 a{
  color: #fff;
}
/**
*
* Ui-Toolbox
*
**/
.edit-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  color: #FFF;
  margin-bottom: 0;
}

.edit-btn-group {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.edit-btn-group .edit-btn {
  margin-right: 2px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 6px 7px;
  margin-bottom: 0;
}
.edit-btn-group .edit-btn:last-child {
  margin-right:0;
}
.edit-btn-group .edit-btn.btn-bg-chaine {
  color: #0681c3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fdfdfd;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#ececec));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#ececec 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#ececec 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#ececec 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ececec',GradientType=0 );
}

/*==========  End Ui-Toolbox  ==========*/
/*Ajouter la classe overlays-edit au parent direct de edit-btn-group pour activer le show/hide on mouse over*/
.overlays-edit{
    position: relative;
}

.overlays-edit:hover,
.overlays-edit.on{
  position: relative;
        background: #dedede;
}
.overlays-edit>div.edit-btn-group {
  position: absolute;
  z-index: 999;
  top: 90px;
  right: 10px;
}
.overlays-edit>.edit-btn-group{
  filter: alpha(opacity=0);
  opacity: 0;

  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}
.overlays-edit:hover>.edit-btn-group,
.overlays-edit.on>.edit-btn-group{
  filter: alpha(opacity=100);
  opacity: 1;
}

.overlays-edit.off>.edit-btn-group{
    filter: alpha(opacity=0);
    opacity: 0;
}


.playlistPlayer{
  background: #364147;
  padding: 1.4em 0;
  background-size: cover !important;
}
div.diffuseur-video {
  padding-top: 0;
}

.list-sidebar.row{
    margin-top: 35px;
}

.video__playlist .list-sidebar.row {
  margin-top: 10px;
    margin-left: 0px;
}
div.diffuseur-video .bg-diffuseur {
  width: 100%;
  max-width: none;
  background: #364147;
  padding: 20px 0;
}
div.diffuseur-video .box-video {
  margin: 0;
  background: #252D32;
}

.video__player {
  padding: 0;
}
.video__playlist h1 {
  color: #fff;
  margin-left: 16px;
  font-size: 1.286em;
  line-height: 1em;
  margin-top: 20px;
  width: 53%;
}
.video__playlist h1 span{
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1em;
  display: inline-block;
}
.video__playlist button {
  background: none;
  border: none;
  outline: none;
  color: #fff;
  padding: 0;
  margin: 0;
  margin-left: 15px;
}
.video__playlist button:first-child {
  margin-left: 0;
}
.video__playlist button:hover {
  color: #26c4f1;
}
.video__playlist button.active {
  color: #26c4f1;
}
.video__playlist .video__controls {
  margin: 0.67em 0;
  padding: 0.67em 0;
  margin-left: 25px;
}

.video__playlist .list-sidebar {
  max-height: 380px;
    min-height: 380px;
  overflow: auto;
  margin-top: 0;
  margin-right: 0;
}
.video__playlist .list-sidebar article {
  padding: 7px 0;
  padding-left: 30px;
  padding-right: 20px;
  margin-bottom: 13px;
        -webkit-transition: background-color 240ms ease-out;
  -moz-transition: background-color 240ms ease-out;
  -ms-transition: background-color 240ms ease-out;
  -o-transition: background-color 240ms ease-out;
  transition: background-color 240ms ease-out;
}
.video__playlist .list-sidebar article:hover {
  background-color: #364147;
        -webkit-transition: background-color 240ms ease-out;
  -moz-transition: background-color 240ms ease-out;
  -ms-transition: background-color 240ms ease-out;
  -o-transition: background-color 240ms ease-out;
  transition: background-color 240ms ease-out;
}
.video__playlist .list-sidebar article.active {
  background-color: #0093c9;
}
.video__playlist .list-sidebar article.active a {
  color: #fff;
}
/*----------*/
.btn-bg-chaine{
  color: #0093c9;
  background: #fff;
  text-transform: uppercase;
  font-size: 11px;
}
.btn-bg-chaine:hover{
  color: #0093c9;
  background-color: #fff;
  text-decoration: none;
}
.btn-bg-chaine i{
}


/*----------*/
.list-sidebar article > a {
  margin-right: 0.750em;
        line-height: 0;
        position: relative;
        width: 37%;
        min-width: 100px;
        max-width: 192px;
}

.video__playlist .list-sidebar article > a.left > img {
  margin: 3px;
}
.video__playlist .list-sidebar article.active > a.left > img {
  margin: 0;
  border: 3px solid #fff;
}
.video__playlist .list-sidebar article .list-sidebar__content > h2 {
  color: #fff;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        border:0;
        text-decoration:none;
}
.video__playlist .list-sidebar .box-hover {
  line-height: 72px;
}

.diffuseur-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #364147;
    height: 404px;
}
.diffuseur-container{
    background: #252D32;
    width: 100%;
    margin-left: -1.8850em;
    padding-right: 1.8850em;
    box-sizing: content-box;
    padding-bottom: 10px;
    -webkit-transition: background 240ms ease-out;
    -moz-transition: background 240ms ease-out;
    -ms-transition: background 240ms ease-out;
    -o-transition: background 240ms ease-out;
    transition: background 240ms ease-out;
    background: #252D32 center center no-repeat;
}
div[role=main].chaine_index{
  padding-top: 0;
  padding-bottom: 40px;
}
.playlistContent .grille-box article.box-small{
  overflow: hidden
}
.playlistContent .grille-box article.box-small > a{
  overflow: hidden;
  position: absolute;
  left: 0.9375em;
  right: 0.9375em;
  top: 0;
  height: 100%;
}
.playlistContent .grille-box article.box-small:before{
  content: '';
  display: inline-block;
  padding-top: 53%;
  width: 100%;
  position: relative;
}
.chaines .list-sidebar__content{
  overflow: hidden;
}
.chaines .list-sidebar__content h2 > a{
  color: #252D32;
  margin-left: 0.750em;
  line-height: 1.2em;
}
.chaines .list-sidebar__content h2 > a:hover{
  color: #3cbced;
  text-decoration: underline;
}
.faq-editeur {
  padding: 40px 0;
}
.faq-editeur article {
  border-top: 1px solid #e9e9e9;
  padding-top: 30px;
  margin-bottom: 30px;
  float: none !important;
}
.faq-editeur article:first-child {
  border: none;
  padding-top: 0;
}
.faq-editeur article p {
  color: #999;
}
.faq-editeur article h2,.faq-partenaire article h2 {
  font-size: 1.143em;
  color: #1c2226;
    font-weight: bold;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.faq-partenaire {
  padding: 40px 0;
}
.faq-partenaire article {
  border-top: 1px solid #e9e9e9;
  padding-top: 30px;
  margin-bottom: 30px;
  float: none !important;
}
.faq-partenaire article:first-child {
  border: none;
  padding-top: 0;
}
.faq-partenaire article p {
  color: #999;
}
.formulaire-editeur {
  padding: 60px 0;
}

.formulaire-editeur .box-contrat {
  margin-top: 25px;
  float: right;
}

@media only screen and (max-width: 40.063em){
  .formulaire-editeur label{
    padding: 0;
  }
}
.formulaire-partenaire {
  padding: 60px 0;
}

.formulaire-partenaire .box-contrat {
  margin-top: 25px;
  float: right;
}

@media only screen and (max-width: 40.063em){
  .formulaire-partenaire label{
    padding: 0;
  }
}
.search-bar {
  position: relative;
}
.search-bar .search-bar__input {
  width: 100%;
  font-size: 16px;
  padding-right: 4.7em;
    padding-bottom: 0px;
    -webkit-appearance:none;
    padding: 0.55em 4.7em 0.55em 0.25em;
    border: none;
}
.search-bar .search-bar__btn {
  position: absolute;
  right: 14px;
    font-size: 18px;
    padding: 12px 16px 12px;
    margin: 0;
    top: 0;
    bottom: 0;
    border-radius: 0px;
    border-color: #a9a9a9;
}
.bande-vedette__rs{
  display: inline-block;
}
@media only screen and (max-width: 767px){
    .search-bar .search-bar__input {
        width: 100%;
        font-size: 14px;
        height: 46px;
        margin-top: 0px;
        padding-right: 4.7em;
        padding-bottom: 0px;
    }
    .search-bar .search-bar__btn {
        position: absolute;
        right: 16px;
        font-size: 18px;
        padding: 11px 16px;
        margin: 0;
        top:3px;
    }
}
.lt-ie9 .search-bar .search-bar__btn {
  right: 18px;
  top: 5px;
}
.search-bar.opened .search-bar__btn {
    cursor: default;
}
.search-bar .search-bar__btn i {
  font-size: inherit;
  padding: 0;
  top: 0;
}

@media only screen and (min-width: 40.063em) {
  .search-info .search-info__num-results {
    text-align: right;
  }
}

.order-box {
  margin-top: 20px;
}
.order-box form [class*="column"] + [class*="column"] {
  float: left;
}
.order-box .order-box__title {
    font-size: 0.929em;
    color: #666;
    line-height: 42px;
}
.search__more {
  text-align: center;
  margin:30px 0 40px 0;
}
.search-result {
  overflow: hidden;
  padding-left: 0.9375em;
  float:none;
}
.search-result .list-sidebar__content > h2{
  white-space: nowrap;
    overflow: hidden;
  text-overflow: ellipsis
}
@media only screen {
  .order-box form .medium-2 {

    float: left;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
  }
  .order-box form {
    border: none;
  }
  .order-box {
    margin-bottom: 0;
    border: none;
  }
}
@media only screen and (max-width: 40.062em) {
  .order-box form .medium-2:nth-child(2n) {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 40.063em) {

  .order-box form .medium-2 {
    margin-left: 20px;
    float: left !important;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .order-box form .medium-2:first-child {
    margin-left: 0;
  }
  .order-box {
    border-bottom: 1px solid #ccc;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 1023px) {
  .order-box form.row {
    margin-left: 0;
  }
  .order-box form .medium-6 {
    width:46%;
    margin-left: 10px;
  }
  .order-box form .medium-6:first-child {
    margin-left: 0px;
  }
   .search__more {
    width: 100%;
  }
  .search__more .btn {
    width: 100%;

  }
}
@media only screen and (min-width: 64.062em) {
  .search__more {
  }
  .search__more .btn {
    padding-left: 100px;
    padding-right: 100px;
  }
  .search__more .btn.btn--auto {
    width: auto;
  }

}

@media only screen and (min-width: 64.063em) {
  .order-box {
    margin-bottom: 30px;
  }
  .search__more .btn {
    padding-left: 100px;
    padding-right: 100px;
  }
  .order-box form .large-4 {
    margin-left: 1em;
  }
  .order-box form .large-4:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 40.062em) {
    .sous-header {
        background: #fff;
        margin-top: -20px;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        border-bottom: 1px solid #e9e9e9;
    }
}

@media only screen and (max-width: 64.062em) {
  .videos_recherche .mobile-white-box > .row{
    padding-top: 20px;
  }
}
@media only screen and (max-width: 40.062em) and (min-width: 30.063em) {
  .videos_recherche .list-sidebar.list-search > article > a {
    max-width: 124px;
  }

}
@media only screen and (max-width: 64.062em) and (min-width: 48.0625em) {
  .videos_recherche .list-sidebar.list-search > article > a {
    max-width: 192px;
  }
}
/* #Typography
================================================== */
/*
font-family: 'Open Sans', sans-serif;
    LIGHT       :: font-weight: 300;
    REGULAR     :: font-weight: 400;
    SEMI-BOLD   :: font-weight: 600;
    BOLD        :: font-weight: 700;
*/

@media screen and (min-width: 768px) {
    body {
        font-size: 100%;
    }
}
body {
     font-size: 14px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #323f48;
    font-family:"Open Sans", "Georgia", "Times New Roman", serif;
    font-weight: 300;
    margin-top: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1, .h1 {
    font-family: 'Fira Sans', sans-serif;
    font-size:30px;
    line-height: 34px;
    color: #252d32;
    font-weight: bold;
    position: relative;
    margin: 0.67em 0;
}
h1:after,
.h1:after {
    content: " ";
    width:140px;
    height:4px;
    position: absolute;
    bottom:-6px;
    left:0;
    background-color: #0092c8;
}
h1.video:after,
.h1.video:after {
    display:none;
}
h2, .h2 {
    font-family:"Open Sans", "Georgia", "Times New Roman", serif;
    font-size:14px;
    margin-bottom: 1em;
    color:#0093c9;
    text-transform: none;
}
h3, .h3 {
    font-family:"Open Sans", "Georgia", "Times New Roman", serif;
    font-weight: 400;
    font-size:12px;
    margin-bottom: 1em;
}
h4, .h4 {
    font-size: 0.875em; /* 14px */
    line-height: 1.3333em; /* 15.86px */
    margin-bottom: 1.3333em;
}
h5, .h5 {
    font-size: 0.8125em; /* 13px */
    line-height: 1.5em; /* 19.5px */
    margin-bottom: 1.5em;
}
h6, .h6 {
    font-size: 0.8750em; /* 14px */
    line-height: 1.7143em; /* 24px */
    margin-bottom: 1.7143em;
}
.subheader { color: #777; }

p      { font-size: 14px; margin: 0 0 1em 0; }
p img  { margin: 0; }
p.lead { font-size: 1.25em;}

em     { font-style: italic; }
strong { font-family: inherit; font-weight: 700;}
small  { font-size: 12px; }

sub{
    font-size: 10px;
    vertical-align: sub;
}

/*  Blockquotes  */
blockquote { font-size: 1.75em; line-height: 1.5em; color: inherit; font-style: normal; margin: 0; padding: 0; border: none ; }
blockquote cite { display: block; font-size: .75em; color: inherit; }
blockquote cite:before { content: ""; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #e9e9e9; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

div.hr{
    width: 100%;
    font-size: 12px;
    position: relative;
    text-align: center;
    color: #999999;
    margin: 20px 0px;
}
div.hr:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 9px;
    border-bottom: 1px solid #e9e9e9;
}
div.hr > span {
    background-color: #FFF;
    padding: 0px 11px;
    position: relative;
}

.heading .right {
    line-height: 40px;
}
.heading .right span {
    padding-right: 20px;
    font-size: 13px;
}
/* #Links
================================================== */
a, a:visited { color:#0093c9; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #3cbced; text-decoration: underline; }
p a, p a:visited { line-height: inherit; }


.ads{
    display: inline-block;
    border: 0;
    line-height: 0.9;
}
.box-ads + .box-ads {
  margin-top: 20px;
}
.box-ads-large {
  width: 100%;
  text-align: center;
  line-height: 0;
}
.box-ads-large > div{
    margin: 0 auto;
}
.box-ads-large a {
  display: inline-block;
}
.box-ads-large img {
  border: 1px solid #999;
}

.box-ads--header {
  padding: 10px 0;
  background-color: #0093c9;
}
@media only screen and (max-width: 767px) {
  .box-ads--header {
    padding: 10px 0 0;
  }
}
.box-ads--footer {
  padding: 25px 0;
  background-color: #f2f1f1;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.bg_gray .box-ads-large--home{
  margin-top: 20px;
}
.box-ads-large--home {
  margin-top: 30px;
}
.box-ads-large--list {
  text-align: left;
  margin-bottom: 30px;
}

.side-ads {
  width: 302px;
  padding: 0;
  margin-left: 1.8750em;
  margin-right: 0.9375em;
  float: right;
}
.side-ads__double-box{
  padding-top:73px;
}
@media only screen and (min-width: 40.063em) and (max-width: 64.063em){
  .side-ads__double-box{
    padding-top:20px;
  }
}
@media only screen and (max-width: 726px){
    .ad-container_726{
        display: none;
    }
}

.leaderboard_pub{
    max-width: 728px;
    width: 100%;
}
.leaderboard_pub iframe,.leaderboard_pub iframe img,.leaderboard_pub > div{
    width: 100% !important;
}
div.diffuseur-vedette {
  padding-top: 0;
}
.bande-vedette {
  width: 100%;
  max-width: none;
  background: #3a464e 50% 0;
  background-image: url('/img/v3/user_default_background.png');
}
.bande-vedette .bande-vedette__content {
  padding: 28px 0 28px;
  position: relative;
}

.bande-vedette h1 {
  color: #fff;
  margin-top: 46px;
}
.bande-vedette h1:after {
  display: none;
}
.bande-vedette .btn {
  margin-bottom: 0;
}


.bande-vedette__vue-visiteur {
  background-color: #252D32;
  color: #ffffff;
  text-align: center;
}

.bande-vedette .bande-vedette__user-profil {
  width: 140px;
  position: relative;
}
.bande-vedette .bande-vedette__image-profil {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-right: 20px;
  display: block;
  width: 140px;
}
.bande-vedette .bande-vedette__desc {
  color: #fff;
  overflow-wrap: break-word;
}
.bande-vedette .bande-vedette__infos {
  color: #fff;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
.bande-vedette .bande-vedette__infos span {
  display: block;
  font-weight: 700;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.286em;
  margin-bottom: 15px;
  line-height: 1;
}
.bande-vedette .bande-vedette__infos a {
  font-size: 20px;
  color: #fff;
  margin-left: 20px;
}
.bande-vedette .bande-vedette__infos a:first-child {
  margin-left: 0;
}
.bande-vedette .bande-vedette__mobile-bottom {
  display: none;
}
.bande-vedette__content .bande-vedette__bottom .bande-vedette__desc{
    margin-top: 25px;
}
@media only screen {
  .bande-vedette .bande-vedette__desc {
    display: none;
  }
}
           /* max-width = 560px */
@media only screen and (max-width: 35.054em) {
  .bande-vedette .bande-vedette__block-name {
    float: none;
  }
  .bande-vedette .bande-vedette__image-profil {
    float: none;
  }
}
@media only screen and (max-width: 40.062em) {
  .bande-vedette .btn {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .bande-vedette .bande-vedette__content {
    padding: 20px 0;
  }
  .bande-vedette .bande-vedette__bottom {
    position: relative;
    background: #fff;
    top: 20px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 40px 0;
  }
  .bande-vedette .bande-vedette__infos {
    position: initial !important;
  }
  .bande-vedette .bande-vedette__block-name {
    display: none;
  }
  .bande-vedette .bande-vedette__infos{
    display: none;
  }
  .bande-vedette .bande-vedette__image-profil {
    border-radius: 0;
    width: 80px;
  }
  .bande-vedette h1 {
    color: #252d32;
    margin: 0;
    font-weight: 300;
    font-size: 1.286em;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .bande-vedette h1 a {
    color: inherit;
  }
  .bande-vedette h1 a:hover {
    color: #3cbced;
  }
  .bande-vedette .bande-vedette__mobile-bottom {
    display: block;
  }
  .bande-vedette .bande-vedette__nbr-video {
    display: block;
    color: #0093c9;
    font-size: 1.286em;
    font-weight: 300;
  }
}
@media only screen and (min-width: 64.062em) {
  .bande-vedette .bande-vedette__desc {
    display: block;
  }
  .bande-vedette .bande-vedette__bottom {
    /*margin-top: 40px;*/
  }
}
@media only screen and (min-width: 768px) and (max-width: 64.062em) {
  .bande-vedette .bande-vedette__nbr-video {
    color: #fff;
  }
}
@media only screen and (max-width: 64.062em) {
  .bande-vedette .bande-vedette__infos {
    width: auto;
    position: absolute;
    bottom:0;
    right: 0;
  }
  .bande-vedette .bande-vedette__infos span{
    margin-bottom: 8px;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .bande-vedette .bande-vedette__infos {
    display: block;
    position: absolute !important;
  }
  .bande-vedette .bande-vedette__mobile-bottom {
    display: none;
  }
  .bande-vedette .bande-vedette__bottom {
    border: none;
    padding: 0;
    top: auto;
    position: initial;
    background: none;
  }
  .bande-vedette .bande-vedette__block-name {
    display: block;
  }
  .bande-vedette h1 {
    color: #fff;
    margin: 0.67em 0;
    margin-top: 46px;
    font-size: 30px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: bold;
  }
  .bande-vedette .bande-vedette__image-profil {
    width: 140px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
}
.list-blogue .list-blogue-item {
  margin-bottom: 20px;
}
.list-blogue .list-blogue-item:last-child {
  margin-bottom: 0;
}
.list-blogue .list-blogue-item:hover {
  background-color: #f9fafa;
}
.list-blogue .list-blogue-item .list-blogue-item__content {
  width: 50%;
}
.list-blogue-item__content div {
  color: #ccc;
  font-size: 12px;
  font-weight: 300;
}
.list-blogue-item__content div a {
  display: inline !important;
}
.list-blogue .list-blogue-item .list-blogue-item__img {
  display: block;
  margin-right: 0.750em;
  line-height: 0;
  width: 37%;
  min-width: 100px;
  max-width: 147px;
  position: relative;
}
.list-blogue .list-blogue-item .list-blogue-item__img img{
  display: block;
}
.list-blogue .list-blogue-item .list-blogue-item__title {
  font-size: 1em;
  margin-bottom: 0;
  color: #252d32;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.list-blogue .list-blogue-item .list-blogue-item__title a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-blogue .list-blogue-item .list-blogue-item__title a,
.list-blogue .list-blogue-item .list-blogue-item__title a:visited{
  color: inherit;
}
.list-blogue .list-blogue-item .list-blogue-item__title a:hover,
.list-blogue .list-blogue-item .list-blogue-item__title a:active{
  color: #3cbced;
}
.list-blogue .list-blogue-item .list-blogue-item__littlepub {
  color: #999;
  font-size: 0.857em;
  font-weight: 300;
}
.list-blogue .list-blogue-item .list-blogue-item__littlepub a,
.list-blogue .list-blogue-item .list-blogue-item__littlepub a:visited {
  color: inherit;
}
.list-blogue .list-blogue-item .list-blogue-item__littlepub a:hover,
.list-blogue .list-blogue-item .list-blogue-item__littlepub a:active {
  color: #3cbced;
}
/* General
================================================== */

.btn,
a.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
    padding: 11px 33px;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-shadow: none;
    text-transform: uppercase;
    -webkit-transition: background-color .25s, border-color .25s, color .25s;
    -moz-transition: background-color .25s, border-color .25s, color .25s;
    transition: background-color .25s, border-color .25s, color .25s;
}
.btn.disabled,.btn[disabled],
a.btn.disabled,a.btn[disabled],
button.disabled,button[disabled],
input[type="submit"].disabled,input[type="submit"][disabled],
input[type="reset"].disabled,input[type="reset"][disabled],
input[type="button"].disabled,input[type="button"][disabled]{
    color: #cccccc;
    background: #f2f1f1;
    border: 1px solid #cccccc;
    text-shadow: none;
    cursor: default;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn:hover,
a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    /*background: #d7d7d7;*/
    /*border: none;*/
}

.btn:active,
a.btn:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {

}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.btn--list-justified{
    text-align: justify;
}
.btn--list-justified:after{
    content: "";
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.btn--list-justified .btn{
    margin-bottom: 10px;
}

/* Button specialisation
================================================== */
.btn--default,a.btn--default{
    background: #0093c9;
    border: 1px solid #0079a6;
    color: #fff;
    text-transform: none;
}
.btn--default:hover{
    background: #3cbced;
    border-color: #23a1d2;
    color: #fff;
}
.btn--primary, a.btn--primary{
    text-transform: uppercase;
    color: #0093c9;
    border: 1px solid #dbdbdb;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    transition: all 240ms ease-out;
}
.btn--primary:hover,.btn--secondary:hover{
    border-color: #e9e9e9;
    border-color: #bcbcbc;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    transition: all 240ms ease-out;
}
.btn--secondary,a.btn--secondary{
    text-transform: uppercase;
    color: #0093c9;
    border: 1px solid #dbdbdb;
    background: #fafafa;
}
.btn--secondary:hover{
    color: #0093c9;
}
.btn--white,a.btn--white{
    color: #a9a9a9;
    border: 1px solid #dbdbdb;
    background: #ffffff;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    transition: all 240ms ease-out;
}
.btn--white:hover{
    -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    transition: all 240ms ease-out;
}
.btn--white:active, .btn--white.active{
    background: #0093c9;
    border-color: transparent;
    color: #FFF;
}
.btn--fullwidth{
    width: 100%;
    text-align: center;
}
@media only screen and (max-width: 40.062em){
    .btn--fullwidth__mobile {
      width: 100%;
    }
    .btn,
a.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-size: 12px;
}
}
.btn.less-padding{
  padding-left: 10px;
  padding-right: 10px;
}
.btn.add-bottom{
  margin-bottom: 10px;
}
/* Button small text
================================================== */
.btn.btn--fb,
.btn.btn--twitter,
.btn.btn--google-plus,
.btn.btn--small-text,
.btn.btn--xsmall-text{
    font-size: 11px;
    vertical-align: top;
}
.btn.btn--small-text{
    padding-left: 22px;
    padding-right: 22px;
}
.btn.btn--xsmall-text{
    padding: 3px 20px;
}
.btn--fb,a.btn--fb{
    border: 1px solid #306199;
    background: #306199;
    color: #fff;
}
.btn--fb:hover{
    background: #4571a3;
}
.btn--twitter,a.btn--twitter{
    border: 1px solid #26c4f1;
    background: #26c4f1;
    color: #fff;
}
.btn--twitter:hover{
    background: #3ccaf2;
}
.btn--google-plus,a.btn--google-plus{
    border: 1px solid #eb5343;
    background: #e93f2e;
    color: #fff;
}
.btn--google-plus:hover{
    background: #eb5343;
}

@media only screen and (max-width: 550px) {
    .btn.btn--fb,
    .btn.btn--twitter,
    .btn.btn--google-plus,
    .btn.btn--small-text{
        padding-left: 13px;
        padding-right: 13px;
        padding-bottom: 9px;
    }
    .btn.btn--fb > i,
    .btn.btn--twitter > i,
    .btn.btn--google-plus > i,
    .btn.btn--small-text > i{
        font-size: 21px;
        padding-right: 0px;
    }
}
/* Button icon
================================================== */
.btn > i{
    padding-right: 5px;
    font-size: 17px;
    position: relative;
    top: 2px;
    line-height: 11px;
}

/*Single icon*/
.btn.btn--icon{
    padding-left: 12px;
    padding-right: 12px;
}
.btn.btn--icon > i{
    padding-right: 0px;
}

i.rs-icon{
    display: inline-block;
    background: url(/img/v3/rsSprite.png) no-repeat left top transparent;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    vertical-align: bottom;
    position: relative;
    top: 0px;
}
@media only screen and (max-width: 640px) {
    i.rs-icon{
        margin-right: 0px;
    }
}
i.rs-icon.rs-courriel{
    background-position: 0px center;
    width: 18px;
}
i.rs-icon.rs-pinterest{
    background-position: -18px center;
}
i.rs-icon.rs-tumblr{
    background-position: -34px center;
}
i.rs-icon.rs-stumbleupon{
    background-position: -50px center;
}
i.rs-icon.rs-digg{
    background-position: -66px center;
}
i.rs-icon.rs-delicious{
    background-position: -82px center;
}
i.rs-icon.rs-reddit{
    background-position: -98px center;
}

/* Button specific
================================================== */
/*Connexion FB*/
.btn.btn--connexion-fb{
    text-transform: none;
    font-weight: 600;
    text-shadow: 1px 1px #3c549d;
    border: 1px solid #3c549d;
    color: #FFF;
    line-height: 15px;

    background: #577bb8; /* Old browsers */
    background: -moz-linear-gradient(top,  #577bb8 0%, #415b9e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#577bb8), color-stop(100%,#415b9e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #577bb8 0%,#415b9e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #577bb8 0%,#415b9e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #577bb8 0%,#415b9e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #577bb8 0%,#415b9e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577bb8', endColorstr='#415b9e',GradientType=0 ); /* IE6-9 */
}
/*.btn.btn--connexion-fb:before{
    content: "";
    background: url(application/images/fbConnectSprite.png) no-repeat left top transparent;
    width: 42px;
    height: 38px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}*/
.btn.btn--connexion-fb:hover{
    border: 1px solid #5065a7;
    background: #6888bf; /* Old browsers */
    background: -moz-linear-gradient(top,  #6888bf 0%, #546ca8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6888bf), color-stop(100%,#546ca8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6888bf 0%,#546ca8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6888bf 0%,#546ca8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6888bf 0%,#546ca8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6888bf 0%,#546ca8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6888bf', endColorstr='#546ca8',GradientType=0 ); /* IE6-9 */
}
.btn.btn--connexion-fb:hover:before{
    background-position: left bottom;
}

/*Tagtele*/
.btn.btn--tagtele{
    background: url(/img/v3/tagteleBtnSprite.png) no-repeat left top transparent;
    width: 89px;
    height: 29px;
}
.btn.btn--tagtele:hover{
    background-position: left bottom;
}
.btn.btn--tagtele.tagtele--white {
    background: url(/img/v3/tagteleBtnSprite_white.png) no-repeat left top transparent;
    background-size: 100%;

}
.btn.btn--tagtele.tagtele--white:hover {
    background-position: left bottom;
}
/*Menu*/
.btn.btn--menu{
    padding: 0px 6px;
    position: relative;
    top: -2px;
    margin-bottom: 0px;
    color: #252d32;
    width: 100%;
    height:100%;
    display: inline-block;
    line-height: 33px;

}
.btn.btn--menu:hover {
    color: #0093c9;
}
.btn.btn--menu > i.fa-bars{
    font-size: 21px;
}
.btn.btn--menu > i.fa-angle-down{
    font-size: 14px;
    position: relative;
    top: -1px;
}

/* Text button
================================================== */
.h1.btn-tab--h1{
    color: #999999;
    font-size: 18px;
    -webkit-transition: color 240ms ease-out;
    -moz-transition: color 240ms ease-out;
    -ms-transition: color 240ms ease-out;
    -o-transition: color 240ms ease-out;
    transition: color 240ms ease-out;
}
.h1.btn-tab--h1:after{
    width: 110px;
    background-color: #999999;
    -webkit-transition: background-color 240ms ease-out;
    -moz-transition: background-color 240ms ease-out;
    -ms-transition: background-color 240ms ease-out;
    -o-transition: background-color 240ms ease-out;
    transition: background-color 240ms ease-out;
}
.h1.btn-tab--h1:hover,
.h1.btn-tab--h1.active{
    color: #FFF;
    text-decoration: none;
    -webkit-transition: color 240ms ease-out;
    -moz-transition: color 240ms ease-out;
    -ms-transition: color 240ms ease-out;
    -o-transition: color 240ms ease-out;
    transition: color 240ms ease-out;
}
.h1.btn-tab--h1:hover:after,
.h1.btn-tab--h1.active:after{
    background-color: #0092c8;
    -webkit-transition: background-color 240ms ease-out;
    -moz-transition: background-color 240ms ease-out;
    -ms-transition: background-color 240ms ease-out;
    -o-transition: background-color 240ms ease-out;
    transition: background-color 240ms ease-out;
}






.ui--close{
    background: url('application/images/btn-x.png') 0 0 no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer;
}
.ui--close:hover{
    background-position: 0 100%;
}
.ui--btn-show-menu{
    position: relative;
}
.ui--btn-show-menu__logo{
    background: url('application/images/logo-tagtele-small.png') 0 0 no-repeat;
    width: 89px;
    height: 29px;
    padding-left: 110px;
    cursor: pointer;
    color: #252d32;
}
.ui--btn-show-menu__logo:hover{
    background-position: 0 100%;
    color: #0093c9;
}
.rs > a{
    padding: 0 5px;
    font-size: 1.0625em;
    text-decoration: none;
}
.rs > a:hover{
    text-decoration: none;
}
.rs--fb:hover{
    color: #306199;
}
.rs--twitter:hover{
    color: #26c4f1;
}
.rs--google-plus:hover{
    color: #e93f2e;
}

/* liste des couleurs */
.color_list div {
  width:33.33%;
  height:100px;
  display: block;
  float:left;
  text-transform: uppercase;
  font-size: 25px;
  position: relative;
  margin-top:50px;
  line-height: 250px;
  font-family: "Myriad Pro", arial, helvetica, sans-serif;
}
.color_list .blue {
  background-color: #0093C9;
}
.color_list .lightblue {
  background-color: #3CBCED;
}
.color_list .black {
    background-color: #252D32;
}

.blue      { color: #0093C9; }
.lightblue { color: #3CBCED; }
.black     { color: #252D32; }

.list-box-link article .btn {
  margin-top: 20px;
}
.footer-container {
  background-color: #0093c9;
  padding: 11px 0 7px;
  width: 100%;
  max-width: none;
}
.footer-container footer {
  width: 100%;
  margin: 0 auto;
  float: none;
  color: #62bce5;
  max-width: 1260px;
}
.footer-container footer a {
  display: inline-block;
}
.footer-container footer nav {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.footer-container footer nav ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.footer-container footer nav ul li{
  list-style: none;
  float: left;
  margin: 0 6px;
}
.footer-container footer nav a,
.footer-container footer nav a:visited {
  color: #fff;
  font-size: 0.929em;
  text-transform: uppercase;
        -webkit-transition: color 240ms ease-out, border 240ms ease-out;
  -moz-transition: color 240ms ease-out, border 240ms ease-out;
  -ms-transition: color 240ms ease-out, border 240ms ease-out;
  -o-transition: color 240ms ease-out, border 240ms ease-out;
  transition: color 240ms ease-out, border 240ms ease-out;
        text-decoration:none;
  border-bottom:1px solid transparent;
}
.footer-container footer nav a:hover,
.footer-container footer nav a:active {
  color: #efeeee;
        -webkit-transition: color 240ms ease-out, border 240ms ease-out;
  -moz-transition: color 240ms ease-out, border 240ms ease-out;
  -ms-transition: color 240ms ease-out, border 240ms ease-out;
  -o-transition: color 240ms ease-out, border 240ms ease-out;
  transition: color 240ms ease-out, border 240ms ease-out;
        border-bottom:1px solid #efeeee;
}
.footer-container footer .solution-web a img {
  vertical-align: middle;
    margin-left: 5px;
}
.footer-container footer .solution-web a{
    color: #62BCE5;
    border-bottom:1px solid transparent;
    -webkit-transition: border 240ms ease-out;
    -moz-transition: border 240ms ease-out;
    -ms-transition: border 240ms ease-out;
    -o-transition: border 240ms ease-out;
    transition: border 240ms ease-out;
}

.footer-container footer .solution-web a:hover{
    color: #62BCE5;
    text-decoration:none;
    border-bottom:1px solid #62BCE5;
    -webkit-transition: border 240ms ease-out;
    -moz-transition: border 240ms ease-out;
    -ms-transition: border 240ms ease-out;
    -o-transition: border 240ms ease-out;
    transition: border 240ms ease-out;
}

.footer-container footer .btn--tagtele {
  vertical-align: middle;
  margin-right: 10px;
}
.lt-ie9 .footer-container footer .btn--tagtele {
  background-image: url(/img/v3/ie8_tagteleBtnSprite_white.png);
}
.footer-container footer .footer__copyright {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.929em;
    margin-top: 3px;
    margin-right: 5px;
}
.footer-container footer .footer__copyright div {
  display: inline-block;
}
.footer-container footer .large-6:last-child {
  margin-top: 10px;
}
@media only screen {
  .footer-container footer .btn--tagtele {
    width: 100px;
    height: 32px;
  }
  .footer-container footer .footer__copyright {
    float: right;
  }
  .footer-container footer .footer__year {
    color: #fff;
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 30.062em){
  .footer-container footer .btn--tagtele {
    width: 139px;
    height: 45px;
  }
    .footer-container footer .footer__copyright {
        margin-top: 3px;
  }
}
@media only screen and (min-width: 40.062em) {
  .footer-container {
    height: 112px;
        padding: 25px 0;
  }
  .footer-container footer {
    height: 100%;
  }
  .footer-container .column,
    .footer-container .columns {
        position: inherit;
    }
    .footer-container footer.columns {
      position: relative;
    }
  .footer-container footer .btn--tagtele {
    position: relative;
    top: 2px;
    width: 89px;
    height: 29px;
  }
  .footer-container footer .footer__copyright {
    float: none;
  }
  .footer-container footer .footer__year {
    font-size: 1em;
    color: inherit;
  }

  .footer-container footer .footer__copyright div {
    position: absolute;
    bottom: 0;
    left: 15px;
  }
  .footer-container footer .solution-web {
    position: absolute;
    bottom: 0;
    right: 15px;
  }
  .footer-container footer nav ul {
    position: absolute;
    top: 0;
    right: 15px;
  }
}
@media only screen and (min-width: 64.063em) {

  .footer-container {
    height: 75px;
  }
  .footer-container.editeur {
    height: 115px;
  }
  .footer-container .column,
    .footer-container .columns {
        position: relative;
    }
  .footer-container footer nav {
    text-align: right;
  }
  .footer-container footer .footer__copyright div {
    position: relative;
    top: auto;
    left: auto;
  }
  .footer-container footer .solution-web {
    position: relative;
    bottom: auto;
    right: auto;
  }
  .footer-container footer nav {
    position: relative;
    top: 3px;
  }
  .footer-container footer nav ul {
    position: relative;
    top: auto;
    right: auto;
  }
}
@media only screen and (max-width: 40.063em){
  .footer-container footer .footer__copyright{
    float: none;
    display: block;
  }
}


/* Sticky footer */

html, body {
   height: 100%;
}
.footer, .push{
    height: 50px;
}
.footer {
    position:relative;
    z-index:1100;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -50px;
}
@media only screen and (min-width: 30.063em){
    .footer, .push {
        height: 63px;
    }
    .footer.editeur, .push.editeur {

    }
    .wrapper {
        margin: 0 auto -63px;
    }
}
@media only screen and (min-width: 40.063em){
    .footer, .push {
        height: 112px;
    }
    .wrapper {
        margin: 0 auto -112px;
    }
}
@media only screen and (min-width: 726px){
    .footer, .push {
       /*height: 110px;*/
       height: 35px;
    }
    .wrapper {
        margin: 0 auto -75px;
    }

    .footer.editeur, .push.editeur {
      height: 115px;
    }
    .wrapper.editeur {
      margin: 0 auto -115px;
    }
}
@media only screen and (min-width: 62.063em){
    .footer, .push {
        height: 75px;
    }
    .wrapper {
        margin: 0 auto -75px;
    }

    .footer.editeur, .push.editeur {
      height: 115px;
    }
    .wrapper.editeur {
      margin: 0 auto -115px;
    }
}

/* Footer editeur */
.footer-container footer .logo-editeur {
  font-size: 1.500em;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
  color: #fff;
  margin-right: 20px;
  position: relative;
  top: 5px;
}
.footer-container footer .btn--tagtele.editeur {
  margin-right: 7px;
}
/* #Forms
================================================== */

form {
    margin-bottom: 0px;
    font: 14px "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
}
fieldset {
    margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {
    border: 1px solid #e7e7e7;
    padding: .69em 1em;
    outline: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: 14px "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    display: block;
    margin-bottom: 20px;
    -webkit-appearance:none;
    width:100%;
}
.ie select{
  background: none;
}
select{
  background: #fff url('/img/v3/icon_select.png') right center no-repeat;
/*  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/
}

input[type="text"].small,
input[type="password"].small,
input[type="email"].small,
textarea.small,
select.small {
    width:220px;
}
input[type="text"]:focus,
select:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #2c9dd3;
    color: #444;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);
    box-shadow:  inset 0 0 4px rgba(0,0,0,.2);
}
input[type="search"]::-webkit-search-cancel-button{
    display: none;
}
textarea {
    min-height: 120px;
    border-color: #dbdbdb;
}
legend {
    display: block;
    font-weight: normal;
    font-size: .875em;
}
label {
  font: 14px "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
}
input[type="checkbox"] {
    display: inline;
}
label span,
legend span {
    font-weight: normal;
    font-size: .875em;
    color: #444;
}
/**
*
* checkbox costum
*
**/
input[type=checkbox].css-checkbox {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left:27px;
  height:20px;
  display:inline-block;
  line-height:20px;
  background-repeat:no-repeat;
  background-position: 0 0;
  vertical-align:middle;
  cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -20px;
}
label.css-label {
  background-image:url(/img/checkbox-costum.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
*
* fin checkbox costum
*
**/

.form--email,
.form--password {
    margin-bottom: 0;
}
.form--email .btn,
.form--password .btn {
    margin-left: 20px;
}
.form-group {
    overflow:hidden;
}

.checkbox-inline {
    display: inline-block;
}
.form__error {
  font-size: 12px;
  color: red;
  top: -15px;
  padding: 0;
}
form .erreur{
  color: red;
}
.input__error {
  border:1px solid red !important
}
.form-horizontal {
    font-size: 16px;
}
.form-horizontal [class*="column"] + [class*="column"]:last-child {
    float: left;
}
.form-horizontal__title {
    line-height: 42px;
}
.form-horizontal hr,
.form--hr {
    border-color: #e9e9e9;
    margin: 1.5em 0;
}
.form-horizontal__message {
    display: inline-block;
    color: #999;
    margin-bottom: 0;
    padding: 9px 0;
    margin-left: 40px;
}
.form-horizontal .btn{
    margin-top: 0;
    margin-bottom: 0;
}
.subtitle-forms{
  font-size: 1.14em;
  color: #666;
}
.subtitle-forms strong{
  font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
    .form-horizontal__year {
        width: 26%;
    }
    .form-horizontal__day {
        width: 20%;
    }
    .form-horizontal__month {
        width: 48%;
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media only screen and (max-width: 40.063em){
  label {
    font-size: 10px;
  }
}

.box-contrat {
    width: 100%;
    border: 1px solid #e9e9e9;
}
.box-contrat .box-contrat__header {
    padding: 5px 20px;
}
.box-contrat .box-contrat__header a{
    color: #252d32;
    font-size: 14px;
}
.box-contrat .box-contrat__header a:before {
    content: "\f02f";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}
.box-contrat .box-contrat__body {
    border-top: 1px solid #e9e9e9;
    height: 200px;
    padding: 20px;
    overflow: auto;
}
.box-contrat .box-contrat__body.large {
    height: 400px;
}

.check-conditions {
    margin-bottom: 50px;
}
.grille-box article {
  margin-bottom: 20px;
}
.grille-box article a {
  display: block;
  line-height: 0.9;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.grille-box article a img{
  width: 100%
}
.grille-box article:last-child {
  float: left !important;
}
.box-hover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;

  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
        transition: all 0.3s;


  /*-webkit-box-shadow: inset 0px -15px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    inset 0px -15px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         inset 0px -15px 20px 0px rgba(0, 0, 0, 0.75);*/
}
.box-hover:hover{
  background:none;
  background-color:rgba(0,0,0,0.5);
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
  zoom:1;
  /*-webkit-box-shadow: inset 0px -15px 20px 2px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:    inset 0px -15px 20px 2px rgba(0, 0, 0, 0.8);
  box-shadow:         inset 0px -15px 20px 2px rgba(0, 0, 0, 0.8);*/
}
.grille-box__item--big .box-hover h1{
  text-transform: uppercase;
}
.grille-box__item--big .box-hover  .box__infos__details{
  margin-top:15px;
}

.list-sidebar .box-hover{
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
.list-sidebar .box-hover:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  background: none;
}
.grille-box article.grille-box__item--big .box-hover:hover h1 {
  font-size: 1.71em;
  line-height: 1.2em;
}
.grille-box article .box-hover:hover h1{
  font-size: 0.85em;
    text-overflow: clip;
    white-space: normal;
}
.grille-box article .box__infos h1 {
  color: inherit;
  font-size: 1.143em;
  margin: 0;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grille-box article.grille-box__item--big h1 {
  font-size: 30px;
  margin-bottom: 1px;
  line-height: 1em;
}
.grille-box article .box__infos__details {
  padding-top: 12px;
  margin-bottom: -37px;
  margin-top: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: margin-bottom 0.3s;
     -moz-transition: margin-bottom 0.3s;
       -o-transition: margin-bottom 0.3s;
        transition: margin-bottom 0.3s;
}
.grille-box article .box__infos__details span:first-child {
  border: none;
  padding: 0;
  margin: 0;
}
.grille-box article .box__infos__details span {
  border-left: 1px solid rgba(255,255,255,0.2);
  padding-left: 1em;
  margin-left: 1em;
}
@media only screen and (min-width: 40.063em) and (max-width: 64.062em){
  /*.grille-box article .box__infos h1 {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
  }*/
  .grille-box article .box__infos h1{
    font-size: 1em;
  }
}
@media only screen and (max-width: 90.062em){
  .grille-box article .box__infos__details span {
    padding-left: 1em;
    margin-left: 1em;
  }
}
@media only screen and (max-width: 720px) {
  .grille-box article .box__infos__details span {
    font-size: 12px;
  }
}
.grille-box article .box__infos:hover .box__infos__details {
  margin-bottom: 0;
}
.grille-box .box__infos__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px 20px;

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */

}
/*
.grille-box img.icon_play {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
       -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
}
.grille-box article .box__infos:hover img.icon_play {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
*/
.grille-box div.icon_play{
    display: inline-block;
    background: url('/img/v3/icon_play.png') no-repeat left top transparent;
    width: 32px;
    height: 32px;
    position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
       -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
}
.grille-box article .box__infos:hover div.icon_play {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.grille-box--small {
  overflow: hidden;
  padding-left: 0.9375em;
  float: none;
    max-width: 918px;
}
.page{
  overflow: hidden;
}
.header-container {
    max-width: none;
    width: 100%;
    position: relative;
}
.header-container header {
    width: 100%;
    float: none;
    /*max-width: 1260px;*/
    position: relative;
}
.header-container header .box-rs {
    display: inline-block;
    margin-right: 30px;
}
.header-container header .box-rs a {
    color: #000;
}
.header-container header .box-rs a i{
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.header-container header .search-bar {
    margin-bottom: 0;
    padding-left: 0;
    /*min-height: 37px;*/
    margin-top: 8px;
}
.header-container header .search-bar > div {
    border: 1px solid #cdcdcd;
}

.header-container header .search-bar input {
    margin-bottom: 0;
    padding: 0.2em 4.7em 0.1em 0.25em;
}
.header-container header .search-bar .search-bar__btn {
    padding: 5px 16px 6px;
}
.header-container header .search-bar__btn--white {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #fff;
}
.header-container header .search-bar__btn--white:hover {
    color: #000;
}
.header-container header .search-bar__btn--white i {
    font-size: 30px;
    line-height: 32px;
}
.header-container header .btn--tagtele {
    margin-top: 10px;
    padding: 0;
}

.header-container header .header__menu {
    text-align: center;
}
.header-container header .box-right {
    text-align: right;
    line-height: 46px;
}

.header-container header .search-bar__remove {
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #3cbced;
    right: 20px;
    display: none;
    outline: 0;
}
.header-container header .search-bar__remove:focus {
    border: none;
}
.header-container header .search-bar__remove:hover {
    color: #3cbced;
}
.header-container header .search-bar__remove i {
    font-size: 30px;
    line-height: 34px;
    padding: 0;
}
@media only screen {
    .header-container {
        height: 50px;
        background-color: #0093c9;
        padding: 5px 0;
    }
    .header-container .column,
    .header-container .columns {
        position: inherit;
    }
    .header-container header.columns {
        position: relative;
    }
    .header-container header .header__menu {
        position: absolute;
        left: 0.9375em;
        color: #fff;
        z-index: 1;
    }
    .header-container header .header__menu .btn--menu {
        color: #fff;
        padding: 0px;
    }
    .header-container header .header__menu .btn--menu:hover {
        color: #000;
    }
    .header-container header .header__menu .btn--menu i.fa-bars {
        font-size: 40px;
        line-height: 40px;
    }
    .header-container header .header_logo {
        position: absolute;
        left: 60px;
        top: -11px;
    }
    .header-container header .header_logo .tagtele--white {
        width: 91px;
        margin-top:19px;
        padding:0;
    }
}


div .grey-over{
    opacity: 0;
  -webkit-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out;
}
div.greyed-out .grey-over{
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
}
div.greyed-out .blur-container{
    filter: blur(1px);
    -webkit-filter: blur(1px);
}
@media only screen and (max-width: 64.062em){
    .main-content__box {
      background-color: #ffffff;
      border: 1px solid #e9e9e9;
      margin:0 20px;
      padding-bottom: 10px;
    }
}
.contact_merci .main-content__box,.contact_index .main-content__box,.publicite_merci .main-content__box, .publicite_index .main-content__box{
    padding-bottom: 30px;
}

/* Header - Editeur */
.accueil-editeur .header-container {
    background: none;
    border: none;
}
.accueil-editeur .header-container.editeur header {
    border-bottom: 0px ;
}
.header-container.editeur header {
    padding: 10px 0;
}
.header-container header .logo-editeur {
    font-size: 1.500em;
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    color: #0092c8;
    margin-top: 5px;
}
.header-container.editeur header .header_logo {
    width: 100px;
}
.header-container .ajout-video{
    display: inline-block;
}
.header-container .ajout-video a.btn--primary{
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
}

                     /* max-width = 767px */
@media only screen and (max-width: 767px) {
    .header-hide-for-small {
        display: none !important;
    }
    .header-container header .logo-editeur{
        color: #fff;
    }
    .header-hide-for-small-down {
        display: none !important;
    }
}
                     /* min-width = 768px */
@media only screen and (min-width: 768px) {
    .header-container {
        height: auto;
        background-color: #fafafa;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding: 2px 0;
    }
    .header-container header .box-right {
        /*width: 315px;*/
        float: right;
    }
    .header-container .column,
    .header-container .columns {
        position: relative;
    }
    .header-container header .header__menu {
        width: 76px;
        position: relative;
        left: auto;
        color: #000;
        float: left;
    }
    .header-container header .header__menu .btn--menu {
        color: #000;

    }
    .header-container header .header__menu .btn--menu:hover {
        color: #0093c9;
    }
    .header-container header .header__menu .btn--menu i.fa-bars {
        font-size: 21px;
        line-height: 46px;

    }
    .header-container header .header_logo {
        width: 116px;
        position: relative;
        left: auto;
        top: auto;
        float: left;
    }
    .header-container header .header_search {
        overflow: hidden;
        padding-left: 0.9375em;
    }
    .header-hide-for-medium-up {
        display: none !important;
    }
}


                     /* max-width = 768px */
@media only screen and (max-width: 767px) {
    .header-container header .search-bar {
        width:100%;
        padding-left: 4.2375em;
        padding-right: 0.9375em;
        margin-top: 1px;
    }
    .search-bar .search-bar__input {
        height:38px;
        border-radius:10px;
        display: none;
        background: #fff;
    }
    .header-container .search-bar.opened .search-bar__btn--white {
        color:#3cbced;
        outline: 0;
        right:16px;
    }
    .header-container .search-bar.opened .search-bar__btn--white.active {
        right: auto;
        left: 68px;
    }
    .header-container header .search-bar__btn--white:hover {
        color:#3cbced;
    }
    .header-container .search-bar.opened .search-bar__input {
        display: block;
        width: 100%;
        float: right;
        padding-right: 40px;
        padding-left: 52px;
    }
    .hide-mobile {
        display: none;
    }
    .header-container header .search-bar > div {
        border: none;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .header-container header .search-bar {
        height: 29px;
    }
    .header-container header .search-bar input {
        height: 27px;
    }
}
section.list-category ul {
    padding-left: 0;
    list-style: none;
}
section.list-category li a,
section.list-category li {
    list-style: none;
    font-family: 'Fira Sans';
    font-weight: bold;
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
    text-decoration: none;
}
section.list-category li.active a,
section.list-category li.active,
section.list-category a:hover {
    color: #0093c9;
}
.list-sidebar  article{
  margin-bottom: 30px;
}
.list-sidebar  article:hover {
  background-color: #f9fafa;
}
.list-sidebar  article .list-sidebar__content {
  overflow: hidden;
}
.list-sidebar> article > a {
  margin-right: 0.750em;
  line-height: 0;
  position: relative;
  width: 37%;
  min-width: 100px;
  max-width: 192px;
}
.list-sidebar  article > a img{
  display: block;
}
.list-sidebar  article .list-sidebar__content > h2 {
  font-size: 1em;
  margin-bottom: 0;
  color: #252d32;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
        text-decoration:none;
        -webkit-transition: color 240ms ease-out, border 240ms ease-out;
  -moz-transition: color 240ms ease-out, border 240ms ease-out;
  -ms-transition: color 240ms ease-out, border 240ms ease-out;
  -o-transition: color 240ms ease-out, border 240ms ease-out;
  transition: color 240ms ease-out, border 240ms ease-out;
}
.list-sidebar  article .list-sidebar__content > h2 a,
.list-sidebar  article .list-sidebar__content > h2 a:visited{
        text-decoration:none;
        color: inherit;
        border-bottom:1px solid transparent;
        -webkit-transition: color 240ms ease-out, border 240ms ease-out;
  -moz-transition: color 240ms ease-out, border 240ms ease-out;
  -ms-transition: color 240ms ease-out, border 240ms ease-out;
  -o-transition: color 240ms ease-out, border 240ms ease-out;
  transition: color 240ms ease-out, border 240ms ease-out;
}
.list-sidebar  article .list-sidebar__content > h2 a:hover,
.list-sidebar  article .list-sidebar__content > h2 a:active{
  color: #3cbced;
        border-bottom:1px solid #3cbced;
        -webkit-transition: color 240ms ease-out, border 240ms ease-out;
  -moz-transition: color 240ms ease-out, border 240ms ease-out;
  -ms-transition: color 240ms ease-out, border 240ms ease-out;
  -o-transition: color 240ms ease-out, border 240ms ease-out;
  transition: color 240ms ease-out, border 240ms ease-out;
}
.list-sidebar  article .list-sidebar__content > div {
  font-size: 0.857em;
  color: #ccc;
  font-weight: 300;
}

.list-sidebar  article .list-sidebar__content > div a {
  text-decoration:none;
    border-bottom:1px solid transparent;
    -webkit-transition: color 240ms ease-out, border 240ms ease-out;
  -moz-transition: color 240ms ease-out, border 240ms ease-out;
  -ms-transition: color 240ms ease-out, border 240ms ease-out;
  -o-transition: color 240ms ease-out, border 240ms ease-out;
  transition: color 240ms ease-out, border 240ms ease-out;
}

.list-sidebar  article .list-sidebar__content > div a:hover {
  text-decoration:none;
    border-bottom:1px solid #0093c9;
    -webkit-transition: color 240ms ease-out, border 240ms ease-out;
  -moz-transition: color 240ms ease-out, border 240ms ease-out;
  -ms-transition: color 240ms ease-out, border 240ms ease-out;
  -o-transition: color 240ms ease-out, border 240ms ease-out;
  transition: color 240ms ease-out, border 240ms ease-out;
}

.list-sidebar  article .list-sidebar__content > .list-sidebar__tags {
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.list-sidebar  article .list-sidebar__content > .list-sidebar__tags a,
.list-sidebar  article .list-sidebar__content > .list-sidebar__tags a:visited {
  color: inherit;
}
.list-sidebar  article .list-sidebar__content > .list-sidebar__tags a:hover,
.list-sidebar  article .list-sidebar__content > .list-sidebar__tags a:active {
  color: #3cbced;
}
.list-sidebar .box-hover {
  text-align: center;
  line-height: 80px;
}
.list-sidebar .box-hover .icon_play {
  vertical-align: middle;
  width: 32px;
  height: 32px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
       -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
}
.list-sidebar .box-hover:hover .icon_play {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.list-sidebar.list-search {
  margin-top: 0;
}

.list-sidebar.list-search > article .list-sidebar__content .list-search__desc {
  margin-top: 20px;
  color: #252d32;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-sidebar__time{
  font-size: 0.625em;
  color: #fff;
  padding:4px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #231f20;
  line-height: 1em;
}
@media only screen {
  .list-sidebar.list-search > article .list-sidebar__content > h2 {
    font-size: 1.286em;
  }
}
@media only screen and (min-width: 40.063em) {
  .list-sidebar.list-search > article .list-sidebar__content > h2 {
    font-size: 1.714em;
  }
}
@media only screen and (max-width: 30.062em){
  .list-sidebar.list-search > article .list-sidebar__content > h2{
    font-size: 0.857em;
  }
}
.menu {
  position: absolute;
  left:0;
    top: 0;
    bottom: 0;
  width: 250px;
  background-color:#fff;
  z-index:1000;
  -webkit-box-shadow: 5px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    5px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow:         5px 1px 5px 0px rgba(0, 0, 0, 0.2);
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;
  display: none;
  min-height:100vh;
}
.menu.open {
  display: block;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin:0;
}
.menu header {
  padding: 15px 30px;
}
.menu .menu-top {
  /*open sans*/
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}
.menu .menu-top a {
  display: block;
  color:#54595c;
  text-decoration: none;
}
.menu .menu-top a:hover {
  text-decoration: underline;
}
.menu .menu-top li {
  line-height: 50px;
  background-color: #fafafa;
  border-bottom:1px solid #e9e9e9;
  padding: 0 20px;
}
.menu .menu-top li:first-child {
  border-top:1px solid #e9e9e9;
}

.menu .menu-categorie {

}
.menu .menu-categorie h2 {
  font-size: 13px;
  color:#d2d2d2;
  text-transform: uppercase;
  margin-top:20px;
  margin-bottom:15px;
  padding-left:20px;
  padding-right:20px;
}
.menu .menu-categorie li {
  line-height:30px;
  font-weight:bold;
  padding:0px;
  margin-bottom: 5px;
}
.menu .menu-categorie li:hover {
  background-color:#0093c9;
}
.menu .menu-categorie  a  {
  color:#252d32;
  text-decoration: none;
    padding:0 20px;
    display: block;
}
.menu .menu-categorie li:hover a {
  color:#fff;
}

.menu .fa-times  {
  font-size: 20px;
  color:#cccccc;
}

.menu .btn-close {
  position: absolute;
  top:5px;
  right:0;
  padding: 10px;
}


/* Menu Mobile */
@media only screen and (max-width: 768px) {
  .menu {
    background: #252d32;
    border-left: 1px solid #1a2024;
    border-right: 1px solid #1a2024;
  }
  .menu .menu-top {
    border-top: 1px solid #1a2024;
  }
  .menu .menu-top li {
    background: #2c353b;
    border-top: none;
    border-bottom: 1px solid #1a2024;
  }
  .menu .menu-top li:first-child {
    border-top: none;
  }
  .menu .menu-top a{
    color: #fff;
    font-weight: 600;
  }
  .menu .menu-categorie {
    margin-top: 20px;
    background: #2c353b;
    border-top: 1px solid #1a2024;
    border-bottom: 1px solid #1a2024;
  }
  .menu .menu-categorie h2 {
    color: #5e6b73;
  }
  .menu .menu-categorie a {
    color: #fff;
  }
}
.home-tabs {
  background-color:#3a464e;
  padding: 20px 0;
  width:100%;
  overflow: hidden;
}
.home-tabs .wrapper {
  width: 300%;

}
.home-tabs .grille-box article {
  /*margin-bottom:0;*/
}

.home-tabs .grille-box {
  float:left;
}

.home-tabs__buttons > a{
    margin-right: 20px;
    display: inline-block;
    min-width: 110px;
    margin-top: 0;
    line-height: 1em;
}
.home-tabs__panel{
  -webkit-transition: opacity 1.2s;
  -o-transition: opacity 1.2s;
  transition: opacity 1.2s;
  opacity: 0.5;
}
.home-tabs__panel.active{
  opacity: 1;
}
.home-tabs .grille-box article a img{
  width: 100% !important;
  height: auto !important;
}
@media only screen and (min-width: 40.063em) and (max-width: 64.062em){
  .h1.btn-tab--h1{
    font-size: 16px;
  }
}
.video-infos{
    margin-top: 25px;
}
section.video-infos .h1.video{
    margin: 10px 0px 2px;
}
section.video-infos h2{
    margin-bottom: 5px;
    margin-right: 5px;
}
section.video-infos .video-infos_description{
    margin-top: 10px;
}

section.video-infos textarea{
    resize: none;
    min-height: 60px;
    width:100%;
}
section.video-infos .envoyer-video-email{
    margin-top: 20px;
}
section.video-infos .envoyer-video-email{
    display: none;
}

section.video-infos .video-embed strong{
    display: inline-block;
    margin-bottom: 10px;
}

section.video-infos .btn--list-justified{
    margin-bottom: -18px;
    text-align: justify !important;
}
section.video-infos .btn--list-justified .btn.btn--fb,
section.video-infos .btn--list-justified .btn.btn--twitter,
section.video-infos .btn--list-justified .btn.btn--google-plus{
    padding-left: 30px;
    padding-right: 30px;
}
.video-infos .btn--xsmall-text{
    margin-left: 10px;
}
@media only screen and (min-width: 40.063em) and (max-width: 90.062em){
    section.video-infos .btn--list-justified{
        text-align: left;
    }
    section.video-infos .btn--list-justified.primary-rs > .btn{
        margin-left: 10px;
    }
    section.video-infos .btn--list-justified.primary-rs > .btn:first-child{
        margin-left: 0px;
    }
}

@media only screen and (max-width: 40.063em){
    section.video-infos .btn--list-justified{
        /*padding-right: 4.1375em;*/
    }
    section.video-infos .label{
        padding:0;
    }
    section.video-infos .btn--list-justified .btn[data-tab-link="video-info-rs-plus"]{
       /* position: absolute;
        top: 0px;
        right: 0.9375em;*/
    }
    .video-infos .btn--xsmall-text{
        margin-top: 10px;
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 40.063em){
    section.video-infos .btn--list-justified .btn.btn--fb,
    section.video-infos .btn--list-justified .btn.btn--twitter,
    section.video-infos .btn--list-justified .btn.btn--google-plus{
        width: 27%;
        text-align: center;
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64.062em){
    section.video-infos .btn--list-justified .btn.btn--fb,
    section.video-infos .btn--list-justified .btn.btn--twitter,
    section.video-infos .btn--list-justified .btn.btn--google-plus{
        width: 23%;
        text-align: center;
    }
}
@media only screen and (min-width: 64.062em) and (max-width: 75em){
    section.video-infos .btn--list-justified .btn.btn--fb,
    section.video-infos .btn--list-justified .btn.btn--twitter,
    section.video-infos .btn--list-justified .btn.btn--google-plus{
        width: 24%;
        text-align: center;
    }
}
@media only screen and (min-width: 75em) and (max-width: 90.062em){
    section.video-infos .btn--list-justified .btn.btn--fb,
    section.video-infos .btn--list-justified .btn.btn--twitter,
    section.video-infos .btn--list-justified .btn.btn--google-plus{
        width: 24%;
        text-align: center;
    }
}
@media only screen and (min-width: 1280px){
    section.video-infos .video-infos_right{
        margin-top: -33px;
    }
}

@media only screen and (max-width: 550px){
    section.video-infos .primary-rs-main-text{
        display: none !important;
    }
}

section.video-infos .video-infos_left{
    overflow: hidden;
    position: relative;
}
section.video-infos .video-infos_right{
    float: right;
    width: 320px;
    padding-left: 20px;
    padding-top: 10px;
}

section.video-infos hr{
    border-color: #e9e9e9;
    margin: 10px 0 20px;
}

section.video-infos .video-infos__see-more-mobile{
    font-size: 12px;
    font-weight: lighter;
    color: #999999;
    position: relative;
    right: 0px;
    bottom: 0px;
    padding-top:10px;
    text-align: center;
}
section.video-infos .video-infos__see-more-mobile a > span{
    letter-spacing: -0.6px;
}

@media only screen and (max-width: 1024px){
    section.video-infos .video-infos_left{
        padding-right: 80px;
    }
}

/*See More*/

section.video-infos [data-see-more-content]{
    max-height: 30px;
    overflow: hidden;
}
section.video-infos .see-less{
    display: none;
}
section.video-infos [data-see-more-content].opened{
    max-height: none;
}
section.video-infos a[data-see-more-link],
section.video-infos [data-see-more-link] a{
    color: #999999;
}
section.video-infos [data-see-more-content].opened ~ [data-see-more-link].see-more,
section.video-infos [data-see-more-content].opened ~ [data-see-more-link] span.see-more{
    display: none;
}
section.video-infos [data-see-more-content].opened ~ [data-see-more-link].see-less,
section.video-infos [data-see-more-content].opened ~ [data-see-more-link] span.see-less{
    display: inline;
}
/*commentaire facebook mobile*/
.commentaires-videos{
    margin-top: 30px;
}
/*video mobile accueil*/
.mobile-video-presentation img{
    display: block;
}
.mobile-video-presentation h1{
    text-transform: uppercase;
    margin:0;
    line-height: 1em;
    font-size: 36px;
}
.mobile-video-presentation h1 a {
    color: inherit;
}
.mobile-video-presentation h1 a:hover {
    color: #3cbced;
}
.mobile-video-presentation h2{
    color: #252d32;
    font-size: 1.285em;
}
.mobile-video-presentation img{
    width: 100%;
}
.mobile-video-presentation .mobile-white-box{
    margin-top: 0;
}
.mobile-video-presentation .video-presentation__infos{
    border-top: 1px solid #ebebeb;
    padding-top: 5px;
    color: #999999;
}
.mobile-video-presentation .video-presentation__infos span{
    border-left: 1px solid #ebebeb;
    padding-left: 1em;
    margin-left: 1em;
}
.mobile-video-presentation .mobile-white-box > .row {
    padding-bottom: 5px;
}
.mobile-video-presentation .video-presentation__infos span:first-child{
    margin-left:0;
    padding-left:0;
    border-left:0;
}
@media only screen and (max-width: 40.063em) {
    .mobile-video-presentation{
        margin-top:20px;
    }
    .mobile-video-presentation__infos {
        margin-top: 10px;
    }
    .mobile-video-presentation h2{
        margin-bottom: 4px;
    }
}
@media only screen and (max-width: 358px) {
    .mobile-video-presentation .video-presentation__infos span.video-presentation__auteur {
        margin: 0;
        padding: 0;
        border: none;
        display: block;
    }
}
/* message pour update de browser dans 1e8 et moins*/
.for-lt-ie9{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.for-lt-ie9 .box-msg{
    background: #fff;
    width: 600px;
    height: 175px;
    padding:40px;
    position: absolute;
    top:0;bottom: 0;left: 0;right: 0;
    margin: auto;
}
/*pop up*/
.pop-up{
    display: none;
    z-index: 100;
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:none;
    background-color:rgba(0,0,0,0.8);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    zoom:1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.pop-up.open{
    opacity: 1;
}
.pop-up > div{display: none}

.pop-up-content{
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:25px;
    max-width: 750px;
    margin:0 auto;
    position: relative;
}
.pop-up-content h2{
  margin-bottom: 0px;
}
.connexion input[type="text"]{
    width: 100%;
}
.connexion h1{
    margin-top: 0;
    margin-bottom: 30px
}
.connexion label{
    display: inline-block;
    color: #999999;
}
.connexion a.btn{
    color: #fff;
    font-size: 14px;
}
.connexion a.mot-de-passe{
    font-size: 0.875em;
    color: #999999;
}
.connexion h2 {
    font-size: 1em;
    color: #666666;
    margin-top: 0;
    font-weight: bold;
}
.footer--connexion{
    position: relative;
}
.connexion .border-top{
   padding-top:30px;
   margin-top: 30px;
   color: #999999;
   font-size: 1em;
}
.connexion .border-top:after{
    content:'';
    height: 1px;
    background: #e7e7e7;
    position: absolute;
    top:30px;
    left: 0px;
    width: 100%;
}
.pop-up-content .btn-x-close{
    position: absolute;
    font-size: 2em;
    top:20px;
    right: 20px;
    color: #cccccc;
    display: block;
    background: url('/img/btn-x-close.png') 0 0 no-repeat;
    width: 21px;
    height: 22px;
}
.connexion .ligne-sep,.page-connexion-mobile .ligne-sep{
    border-right: 1px solid #e7e7e7;
}
.sep-padding{
  border-right: 1px solid #e7e7e7;
  padding-right:50px;
}
.padding-for-sep{
  padding-left: 50px;
}
.connexion .connexion-champs,.page-connexion-mobile .connexion-champs{
    padding-top:15px;
    padding-bottom:15px;
}
.page-connexion-mobile .connexion-champs{
    padding-bottom: 0;
}
/*page connexion mobile et tablette*/
.page-connexion-mobile .btn--connexion{
    margin:15px 0;
}
.page-connexion-mobile .mot-de-passe{
    display:block;
    margin-bottom:0px;
}
.page-connexion-mobile .footer--connexion{
    padding-bottom: 20px;
}
.page-connexion-mobile hr{
    border-top: 1px solid #d8d8d8;;
    border-bottom:0;
}
.page-connexion-mobile hr.hide-for-mobile{
    margin-top:30px;
}

@media only screen and (min-width: 641px) {
   .page-connexion-mobile hr.hide-for-medium-up{
        display:none;
    }
}
@media only screen and (max-width: 40.063em) {
    .connexion{
        margin-top:150px !important;
    }
    .page-connexion-mobile hr{
        margin: 25px 0 !important;
    }
    .page-connexion-mobile .btn--connexion-fb{
        display: block;
    }
    .page-connexion-mobile .mot-de-passe{
        margin-bottom: 0;
    }
    .connexion .ligne-sep{
        border-right: none;
    }
    .page-connexion-mobile .connexion-champs{
        padding-top: 0;
    }
    .page-connexion-mobile .connexion-champs.ligne-sep{
        padding-top: 15px;
    }
    .usagers_inscription .btn--default,.usagers_contact .btn--default{
        width: 100%;
        text-align: center;
    }

    /*pop up*/
    .pop-up{
        position: absolute;
    }
    .pop-up-content{
        margin-top:0 !important;
    }
}

@media only screen and (max-width: 30.063em) {
    .connexion{
        margin-top:20px !important;
    }
}
@media only screen and (max-width: 64em) {
  .page-modifier-video{
    background: #fff;
  }
  .sep-padding{
    border-right: 0px;
    padding-right:0.9375em;
    border:0;
  }
  .padding-for-sep{
    padding-left: 0.9375em;
  }
}
/*upload video*/
.box-upload{
    background: url('/img/bg-upload-video.jpg') 50% 0 no-repeat;
    background-size: cover;
    height: 386px;
    margin-bottom: 2em;
    color: #fff;
}
.box-upload p {
    font-size: 1.125em;
}
div[role=main].ajouter_index{
    padding-top: 0;
    background-color: #fff;
}
 p.copyright{
    color: #999999;
    margin-top: 3em;
}
.box-upload .box-upload-contour{
    border: 1px solid #465967;
}
.ajouter_DragNdrop{
    padding: 3.125em 2em;
}
.table{
    display: table;
    height: 100%;
    width: 100%;
}
.table > * {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
/*upload -- modifier une vidéo*/
.page-modifier-video .box-upload{
    background: url('/img/bg-upload-video-02.jpg') 50% 0 no-repeat;
    height: 150px;
}
.page-modifier-video .full-height{
    height: 150px;
}
.page-modifier-video .box-upload  a.btn:first-child{
    margin-right:1.25em;
}
.page-modifier-video .box-upload h1{
    color: #fff;
    margin: 5px 0 15px 0px;
}
.page-modifier-video .box-upload p{
    margin-bottom: 0px;
}
.page-modifier-video .box-upload p{
    margin-bottom: 0px;
}
.page-modifier-video .boutons-actions{
    text-align: right;
}
.page-modifier-video .boutons-actions a{

}
.page-modifier-video label{
    color: #252d32;
}
.page-modifier-video .thumbs{
    margin-top: 1.125em;
}
.page-modifier-video .thumbs  li > img{
    border: 3px solid transparent;
    cursor: pointer;
    width: 100%;
}
.page-modifier-video .thumbs  li > img:hover,.page-modifier-video .thumbs  li.checked > img {
    border: 3px solid #3cbced;
}
.page-modifier-video .thumbs  li{
    list-style: none;
}
.page-modifier-video .thumbs  ul{
    padding:0;
}
.page-modifier-video .classement-video{
    padding-top:20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top:20px;
}
.page-modifier-video .classement-video label{
    display: block;
    margin:5px 0;
}
.page-modifier-video .btn--sauvegarder{
    margin-right: 25px;
}
.page-modifier-video .sauvegarde span{
    color: #999999;
    font-size: 0.875em;
}
.page-modifier-video .sauvegarde{
    padding-bottom: 20px;
}
.page-modifier-video .toggle-info-video{
    padding-bottom: 50px;
}
.page-modifier-video .toggle-info-video > a{
    margin-right: 20px;
}
.page-modifier-video h4{
    color: #252d32;
    padding-top:10px;
    margin-bottom: 0;
}
.page-modifier-video .video_miniatures{
    padding-top: 5px;
}
.page-modifier-video .info-uploading{
  display: inline-block;
}
.video_miniatures li input,
.video_miniatures li .radio {
    display:inline-block;
    *display: inline;
    *zoom: 1;
  position: absolute;

  /*width: 128px;
  height: 71px;*/
  margin: 0;
  z-index: 99;
  top: 0px;
  left: 0px;
  outline: none;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-ajouter-video ::-webkit-input-placeholder {
   color: #fff;
}
.page-ajouter-video :-moz-placeholder { /* Firefox 18- */
   color: #fff;
}
.page-ajouter-video ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}
.page-ajouter-video :-ms-input-placeholder {
   color: #fff;
}
/*progress bar cercle*/
.progress_circle,
.progress_circle:before,
.progress_circle:after,
.progress_circle *:before,
.progress_circle *:after,
.progress_circle *{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.progress_circle{
    width: 74px;
    height: 74px;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
    display: inline-block;
    margin-top: 15px;
    margin-right: 25px;
}
.progress_circle:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 5px solid #334956;
    border-radius: 50%;
}

.progress_circle .mask{
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    /*background: green;*/
}
.progress_circle .mask .circ{
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    border: 5px solid #FFF;
    border-right: none;
    border-radius: 74px 0 0 74px / 37px 0 0 37px;
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
            transform-origin: 100% 50%;

    -webkit-transition: transform 0.3s linear;
            transition: transform 0.3s linear;

    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.progressPct{
  position: absolute;
  top: 21px;
  left: 0;
  font-size: 1.5em;
  width: 100%;
  text-align: center;
}
.progressPct.complete{
    visibility: hidden;
}

.progress_circle .mask.last{
    left: 0;
}
.progress_circle .mask.last .circ{
    left: 0;

    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.info-uploading{
      float: left !important;
}
.progress_circle_done{
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: url('/img/bg-progress-done.png') 50% 50% no-repeat;
    border: 20px solid #fff;
    position: absolute;
    top: 15px;
    left: 0px;
    display: none;
}
.box-progress{
  position: relative;
}
.playlistContent{
  padding-top:30px;
}
@media only screen and (min-width: 320px) and (max-width: 1024px){
    .page-modifier-video .box-upload{
        background: url('/img/bg-upload-video.jpg') 50% 0 no-repeat;
        height: auto;
        padding: 2em 0;
    }
    .page-modifier-video .full-height{
        height: auto;
    }
    .page-modifier-video .box-upload a.btn{
       margin-top: 20px;
       width: 45%;
       text-align: center;
       margin: 20px 10px 0;
    }
    .page-modifier-video .boutons-actions{
        text-align: center;
    }
    .page-ajouter-video ::-webkit-input-placeholder {
       color: #777;
    }

    .page-ajouter-video :-moz-placeholder { /* Firefox 18- */
       color: #777;
    }

    .page-ajouter-video ::-moz-placeholder {  /* Firefox 19+ */
       color: #777;
    }

    .page-ajouter-video :-ms-input-placeholder {
       color: #777;
    }
    .page-modifier-video .box-upload h1{
        color: #fff;
        margin-top: 25px;
        max-width: 80%;
    }
    .info-uploading{
      display: block;
    }
    .info-uploading .box-progress{
      margin-top: 5px;
      margin-bottom: 10px;
      float: left;
    }
}
.chaine_info-small article>div{
    height: 60px;
}
@media only screen and (min-width: 1025px) and (max-width: 1150px){
    .info-uploading{
      max-width: 430px
    }
}
@media only screen and (min-width : 1025px){
    .page-modifier-video .box-upload h1{
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 600px;
        width: 100%;
    }
}
@media only screen and (max-width: 380px){
    .chaine_info-small article>div.mobile-abonnement{
        height: auto;
        clear: both;
        float:none;
        margin-top: 70px;
    }
    .mobile-abonnement > .v-align{
        top:0;
        transform: translateY(0%);
    }
    .mobile-abonnement > .v-align > a{
        display: block;
    }
}

.mc-videos{
    background-color: #fff;
}

/******************/
/*STANDARD STYLES*/
/****************/
.video-boxes {
	padding-left:0;
	padding-right:0;
}

.video-box {
	overflow: hidden;
	margin-bottom:20px;
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
	display: block;
	line-height: 0.9;
	text-decoration: none;
}

.video-box .video-box-image {
	overflow:hidden;
}

.video-box .video-box-image .video-box-image-click {
	display:none;
}

.video-box .video-box-image img {
	margin:0;
	width:100%;
}

.video-box .video-box-image .time {
	display:none;
}

.video-box .video-box-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.video-box .video-box-hover .video-box-full-click {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQIW2NkgAJGGAMAAC0AA7HLAIQAAAAASUVORK5CYII=');
}

.video-box .video-box-hover .video-box-content {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	z-index:0;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
}

.video-box .video-box-hover .video-box-content h1 {
	color: inherit;
	font-size: 1.143em;
	margin: 0;
	line-height: 1;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.video-box .video-box-hover .video-box-content h1.mobile {
	display:none;
}

.video-box .video-box-hover .video-box-content .video-box-extra {
	padding-top: 12px;
	margin-bottom: -37px;
	margin-top: 5px;
	border-top: 1px solid rgba(255,255,255,0.2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: margin-bottom 0.3s;
	-moz-transition: margin-bottom 0.3s;
	-o-transition: margin-bottom 0.3s;
	transition: margin-bottom 0.3s;
}

.video-box .video-box-hover .video-box-content .video-box-extra span {
	border-left: 1px solid rgba(255,255,255,0.2);
	padding-left: 1em;
	margin-left: 1em;
}

.video-box .video-box-hover .video-box-content .video-box-extra span:first-child {
	border: none;
	padding: 0;
	margin: 0;
}

.video-box .video-box-hover .video-box-content .video-box-extra a {
	display:none;
}

.video-box .video-box-hover .icon_play {
	display: inline-block;
	background: url('../images/icon_play.png') no-repeat left top transparent;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.video-box .video-box-hover .video-box-content .video-box-extra a  {
	disiplay:none;
}

/***************/
/*HOVER STYLES*/
/*************/
.video-box .video-box-hover:hover {
	background: none;
	background-color: rgba(0,0,0,0.5);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	zoom: 1;
}

.video-box .video-box-hover:hover .video-box-content h1 {
	font-size: 0.85em;
	text-overflow: clip;
	white-space: normal;
}

.video-box .video-box-hover:hover .icon_play {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.video-box .video-box-hover:hover .video-box-extra {
	margin-bottom: 0px;
}

/********************/
/*RESPONSIVE STYLES*/
/******************/
@media only screen and (min-width: 40.063em) and (max-width: 64.062em){
	.video-box .video-box-hover .video-box-content h1 {
		font-size: 1em;
	}
}
@media only screen and (max-width: 90.062em){
	.video-box .video-box-hover .video-box-content .video-box-extra span  {
		padding-left: 1em;
		margin-left: 1em;
	}
}
/*MOBILE, TABLET */
@media only screen and (max-width: 1024px) {
	.video-box .video-box-hover {
		position:relative;
	}

	.video-box .video-box-hover .video-box-full-click {
		display:none;
	}

	.video-box .video-box-hover:hover {
		background-color: rgba(0,0,0,0);
		zoom: 1;
	}

	.video-box .video-box-hover .video-box-content {
		background:none;
		position:relative;
		padding:0;
	}

	.video-box .video-box-hover .video-box-content h1,
	.video-box .video-box-hover:hover .video-box-content h1,
	.video-box .video-box-hover .video-box-content h1.mobile a  {
		font-family: "Open Sans", "Georgia", "Times New Roman", serif;
		font-size: 1em;
		font-weight: 300;
		margin-bottom: 0;
		color: #252d32;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		line-height:22px;
		display:none;
	}

	.video-box .video-box-hover .video-box-content h1.mobile,
	.video-box .video-box-hover .video-box-content h1.mobile a {
		display:block;
	}

	.video-box .video-box-hover .video-box-content .video-box-extra {
		padding:0;
		margin:0;
	}

	.video-box .video-box-hover .video-box-content .video-box-extra span  {
		font-family: "Open Sans", "Georgia", "Times New Roman", serif;
		font-size: 12px;
		color:#0093c9;
		padding:0;
		margin:0;
	}

	.video-box .video-box-hover .video-box-content .video-box-extra span.time,
	.video-box .video-box-hover .video-box-content .video-box-extra span.views {
		display:none;
	}

	.video-box .video-box-hover .video-box-content .video-box-extra a {
		display:block;
		font-weight: 300;
		font-size: 0.857em;
		line-height:14px;
		float:left;
		position:relative;
		margin:0 11px 0 0 ;
	}

	.video-box .video-box-hover .video-box-content .video-box-extra a.view-click:after {
		content:'';
		position:absolute;
		right:-6px;
		top:2px;
		width:1px;
		height:11px;
		background:#ccc;
	}

	.video-box .video-box-image {
		width:37%;
		float:left;
		margin-right: 0.750em;
		position:relative;
	}

	.video-box .video-box-image .video-box-image-click {
		z-index:100;
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADklEQVQIW2NkgAJGGAMAAC0AA7HLAIQAAAAASUVORK5CYII=');
	}

	.video-box .video-box-image .time {
		display:block;
		position:absolute;
		bottom:1px;
		right:0;
		font-size: 0.625em;
		color: #fff;
		padding: 4px;
		background: #231f20;
		line-height: 1em;
	}

	.video-box .video-box-hover .icon_play  {
		display:none;
	}

}

/**********************/
/*FOUNDATION OVERRIDE*/
/********************/
.video-boxes [class*="column"] + [class*="column"]:last-child {
	float:left;
}

#formInscription {
    margin-top:10px;
    margin-bottom:30px;
}

.titleForms{
    margin-top: 15px;
}