@charset "UTF-8";
.article-social .recommendations {
  line-height: 1.1667em; }

.article-social .recommendations {
  font-size: 12px;
  line-height: 1.5em; }

.article-description, .article .author {
  font-size: 14px;
  line-height: 1.5em; }

.article-title {
  font-size: 20px;
  line-height: 1.3em; }
  @media (max-width: 667px) {
    .article-title {
      line-height: 1.5em; } }

.article-text {
  font-size: 18px;
  line-height: 1.667em; }

.article-title.large {
  font-size: 22px;
  line-height: 1.35em; }

.page-title {
  font-size: 35px;
  line-height: 1.15em; }
  @media (max-width: 667px) {
    .page-title {
      font-size: 23.1px;
      line-height: 1.36em; } }

.article-description {
  font-family: Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif, sans; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.clear-float {
  clear: both; }

.sprite {
  background-image: url("../img/weather-spritesheet.png");
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  width: 55px;
  height: 55px; }

.sprite-1 {
  background-position: -5px -5px; }

.sprite-10 {
  background-position: -70px -5px; }

.sprite-100 {
  background-position: -135px -5px; }

.sprite-101 {
  background-position: -200px -5px; }

.sprite-102 {
  background-position: -265px -5px; }

.sprite-103 {
  background-position: -330px -5px; }

.sprite-104 {
  background-position: -5px -70px; }

.sprite-105 {
  background-position: -70px -70px; }

.sprite-106 {
  background-position: -135px -70px; }

.sprite-107 {
  background-position: -200px -70px; }

.sprite-109 {
  background-position: -265px -70px; }

.sprite-11 {
  background-position: -330px -70px; }

.sprite-110 {
  background-position: -5px -135px; }

.sprite-111 {
  background-position: -70px -135px; }

.sprite-12 {
  background-position: -135px -135px; }

.sprite-13 {
  background-position: -200px -135px; }

.sprite-14 {
  background-position: -265px -135px; }

.sprite-15 {
  background-position: -330px -135px; }

.sprite-16 {
  background-position: -5px -200px; }

.sprite-17 {
  background-position: -70px -200px; }

.sprite-18 {
  background-position: -135px -200px; }

.sprite-19 {
  background-position: -200px -200px; }

.sprite-2 {
  background-position: -265px -200px; }

.sprite-20 {
  background-position: -330px -200px; }

.sprite-21 {
  background-position: -5px -265px; }

.sprite-22 {
  background-position: -70px -265px; }

.sprite-23 {
  background-position: -135px -265px; }

.sprite-24 {
  background-position: -200px -265px; }

.sprite-25 {
  background-position: -265px -265px; }

.sprite-26 {
  background-position: -330px -265px; }

.sprite-27 {
  background-position: -5px -330px; }

.sprite-28 {
  background-position: -70px -330px; }

.sprite-29 {
  background-position: -135px -330px; }

.sprite-3 {
  background-position: -200px -330px; }

.sprite-30 {
  background-position: -265px -330px; }

.sprite-31 {
  background-position: -330px -330px; }

.sprite-32 {
  background-position: -395px -5px; }

.sprite-4 {
  background-position: -395px -70px; }

.sprite-5 {
  background-position: -395px -135px; }

.sprite-6 {
  background-position: -395px -200px; }

.sprite-7 {
  background-position: -395px -265px; }

.sprite-8 {
  background-position: -395px -330px; }

.sprite-9 {
  background-position: -5px -395px; }

.sprite-99 {
  background-position: -70px -395px; }

.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2; }

.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  box-sizing: initial; }

.date-picker-wrapper.inline-wrapper {
  position: relative;
  box-shadow: none;
  display: inline-block; }

.date-picker-wrapper.single-date {
  width: auto; }

.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px; }

.date-picker-wrapper.no-topbar {
  padding-top: 12px; }

.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px; }

.date-picker-wrapper b {
  color: #666;
  font-weight: 700; }

.date-picker-wrapper a {
  color: #6bb4d6;
  text-decoration: underline; }

.date-picker-wrapper .month-name {
  text-transform: uppercase; }

.date-picker-wrapper .month-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
  _overflow: hidden; }

.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left; }

.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left; }

.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 0px; }

.date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default; }

.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default; }

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #9cdbf7; }

.date-picker-wrapper .month-wrapper table .week-name {
  height: 20px;
  line-height: 20px;
  font-weight: 100;
  text-transform: uppercase; }

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important; }

.date-picker-wrapper .time label {
  white-space: nowrap; }

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer; }

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa; }

.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none; }

.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #ffe684; }

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #70ccd5; }

.date-picker-wrapper table .caption {
  height: 40px; }

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev,
.date-picker-wrapper table .caption .next-year,
.date-picker-wrapper table .caption .prev-year {
  padding: 0 5px;
  cursor: pointer; }

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover,
.date-picker-wrapper table .caption .next-year:hover,
.date-picker-wrapper table .caption .prev-year:hover {
  background-color: #ccc;
  color: white; }

.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0; }

.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden; }

.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative; }

.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee; }

.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white; }

.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white; }

.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3; }

.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3; }

.date-picker-wrapper .selected-days {
  display: none; }

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0; }

.date-picker-wrapper .drp_top-bar .error-top {
  display: none; }

.date-picker-wrapper .drp_top-bar .normal-top {
  display: none; }

.date-picker-wrapper .drp_top-bar .default-top {
  display: block; }

.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none; }

.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red; }

.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none; }

.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block; }

.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  color: white;
  line-height: initial; }

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }

/*time styling*/
.date-picker-wrapper .time {
  position: relative; }

.date-picker-wrapper.single-month .time {
  display: none; }

.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px; }

.date-picker-wrapper .time1, .time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center; }

.date-picker-wrapper .time1 {
  float: left; }

.date-picker-wrapper .time2 {
  float: right; }

.date-picker-wrapper .hour, .minute {
  text-align: right; }

.date-picker-wrapper .hide {
  display: none; }

.date-picker-wrapper .first-date-selected {
  background-color: #49e !important;
  color: white !important; }

.date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: white !important; }

.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); }

.date-picker-wrapper .date-range-length-tip:after {
  content: '';
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px; }

.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month1 .next-year,
.date-picker-wrapper.two-months.no-gap .month2 .prev,
.date-picker-wrapper.two-months.no-gap .month2 .prev-year {
  display: none; }

.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer; }

.date-picker-wrapper .week-number.week-number-selected {
  color: #4499EE;
  font-weight: bold; }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.article figure.video:after, .article figure.photo:after, .article figure.poll:after, .article figure.yesno:after, .article figure.questionmark:after, .article figure.live:after, .article figure.audio:after, .article figure.exclu:after, .article figure.map:after, .article figure.edito:after, .article figure.infographics:after, .article figure.video .after, .article figure.photo .after, .article figure.poll .after, .article figure.yesno .after, .article figure.questionmark .after, .article figure.live .after, .article figure.audio .after, .article figure.exclu .after, .article figure.map .after, .article figure.edito .after, .article figure.infographics .after {
  font-family: "GSOI"; }

.icon-sudouest, .icon-charentelibre-small, .icon-charentelibre, .icon-midilibre, .icon-midilibre-black, .icon-basketball, .icon-basket, .icon-cyclisme, .icon-velo, .icon-football, .icon-soccer, .icon-handball, .icon-hand, .icon-hockey, .icon-nominations, .icon-medal, .icon-pelote, .icon-race, .icon-rugby, .icon-sports, .icon-surf, .icon-tennis, .icon-trophy, .icon-cup, .icon-agenda, .icon-googleplus, .icon-linkedin, .icon-twitter, .icon-reload, .icon-loop, .icon-facebook, .icon-home, .icon-user, .icon-account, .icon-star, .icon-time, .icon-clock-o, .icon-clock, .icon-poll, .icon-bar, .icon-share, .icon-node, .icon-search, .icon-zoom, .icon-rss, .icon-feed, .icon-atom, .icon-road-sign, .icon-sign, .icon-quote-right, .icon-add, .icon-plus, .icon-more, .icon-plus-o, .icon-play, .icon-video, .icon-pin, .icon-map-marker, .icon-yes-no, .icon-pie, .icon-my-info, .icon-calendar, .icon-locked, .icon-lock, .icon-list, .icon-iphone, .icon-apps, .icon-app, .icon-gear, .icon-cog, .icon-settings, .icon-drawer, .icon-menu, .icon-bubble, .icon-speech, .icon-comment, .icon-remove, .icon-close, .icon-cross, .icon-times, .icon-close-o, .icon-chevron-up, .icon-ok, .icon-check, .icon-tick, .icon-camera, .icon-photo, .icon-bin, .icon-trash, .icon-alert, .icon-warning, .icon-alert-o, .icon-warning-o, .icon-newspaper, .icon-mail, .icon-email, .icon-message, .icon-enveloppe, .icon-quote, .icon-quote-left, .icon-chevron-left, .icon-previous, .icon-chevron-right, .icon-next, .icon-chevron-down, .icon-corner-top-left, .icon-corner-top-right, .icon-corner-bottom-left, .icon-corner-bottom-right, .icon-arrow-right, .icon-arrow-left, .icon-arrow-top, .icon-arrow-bottom, .icon-questionmark-rnd, .icon-live-rnd, .icon-audio-rnd, .icon-exclu-rnd, .icon-map-rnd, .icon-edito-rnd {
  display: inline-block; }

.article figure.video, .article figure.photo, .article figure.poll, .article figure.yesno, .article figure.questionmark, .article figure.live, .article figure.audio, .article figure.exclu, .article figure.map, .article figure.edito, .article figure.infographics {
  overflow: hidden;
  max-width: 100%;
  z-index: 0;
  font-size: 10px;
  position: relative;
  top: initial;
  left: initial;
  bottom: initial;
  right: initial; }
  .article figure.video img, .article figure.photo img, .article figure.poll img, .article figure.yesno img, .article figure.questionmark img, .article figure.live img, .article figure.audio img, .article figure.exclu img, .article figure.map img, .article figure.edito img, .article figure.infographics img {
    z-index: 1;
    position: relative;
    top: initial;
    left: initial;
    bottom: initial;
    right: initial; }
  .article figure.video:before, .article figure.photo:before, .article figure.poll:before, .article figure.yesno:before, .article figure.questionmark:before, .article figure.live:before, .article figure.audio:before, .article figure.exclu:before, .article figure.map:before, .article figure.edito:before, .article figure.infographics:before, .article figure.video .before, .article figure.photo .before, .article figure.poll .before, .article figure.yesno .before, .article figure.questionmark .before, .article figure.live .before, .article figure.audio .before, .article figure.exclu .before, .article figure.map .before, .article figure.edito .before, .article figure.infographics .before {
    z-index: 2; }
  .article figure.video:after, .article figure.photo:after, .article figure.poll:after, .article figure.yesno:after, .article figure.questionmark:after, .article figure.live:after, .article figure.audio:after, .article figure.exclu:after, .article figure.map:after, .article figure.edito:after, .article figure.infographics:after, .article figure.video .after, .article figure.photo .after, .article figure.poll .after, .article figure.yesno .after, .article figure.questionmark .after, .article figure.live .after, .article figure.audio .after, .article figure.exclu .after, .article figure.map .after, .article figure.edito .after, .article figure.infographics .after {
    color: white;
    z-index: 2;
    font-size: 3em;
    line-height: 0em;
    text-align: center;
    pointer-events: none;
    display: block;
    width: 1.6em;
    height: 1em;
    position: absolute;
    top: 100%;
    left: 100%;
    bottom: initial;
    right: initial;
    transition: all 0.3s;
    box-sizing: border-box;
    margin-left: -1.6em;
    margin-top: -0.8em; }
  .article figure.video[min-height~='0px'], .article figure.photo[min-height~='0px'], .article figure.poll[min-height~='0px'], .article figure.yesno[min-height~='0px'], .article figure.questionmark[min-height~='0px'], .article figure.live[min-height~='0px'], .article figure.audio[min-height~='0px'], .article figure.exclu[min-height~='0px'], .article figure.map[min-height~='0px'], .article figure.edito[min-height~='0px'], .article figure.infographics[min-height~='0px'] {
    font-size: 9px; }
  .article figure.video[min-height~='100px'], .article figure.photo[min-height~='100px'], .article figure.poll[min-height~='100px'], .article figure.yesno[min-height~='100px'], .article figure.questionmark[min-height~='100px'], .article figure.live[min-height~='100px'], .article figure.audio[min-height~='100px'], .article figure.exclu[min-height~='100px'], .article figure.map[min-height~='100px'], .article figure.edito[min-height~='100px'], .article figure.infographics[min-height~='100px'] {
    font-size: 14px; }
  .article figure.video[min-height~='200px'], .article figure.photo[min-height~='200px'], .article figure.poll[min-height~='200px'], .article figure.yesno[min-height~='200px'], .article figure.questionmark[min-height~='200px'], .article figure.live[min-height~='200px'], .article figure.audio[min-height~='200px'], .article figure.exclu[min-height~='200px'], .article figure.map[min-height~='200px'], .article figure.edito[min-height~='200px'], .article figure.infographics[min-height~='200px'] {
    font-size: 19px; }
  .article figure.video[min-height~='280px'], .article figure.photo[min-height~='280px'], .article figure.poll[min-height~='280px'], .article figure.yesno[min-height~='280px'], .article figure.questionmark[min-height~='280px'], .article figure.live[min-height~='280px'], .article figure.audio[min-height~='280px'], .article figure.exclu[min-height~='280px'], .article figure.map[min-height~='280px'], .article figure.edito[min-height~='280px'], .article figure.infographics[min-height~='280px'] {
    font-size: 23px; }
  .article figure.video[min-height~='360px'], .article figure.photo[min-height~='360px'], .article figure.poll[min-height~='360px'], .article figure.yesno[min-height~='360px'], .article figure.questionmark[min-height~='360px'], .article figure.live[min-height~='360px'], .article figure.audio[min-height~='360px'], .article figure.exclu[min-height~='360px'], .article figure.map[min-height~='360px'], .article figure.edito[min-height~='360px'], .article figure.infographics[min-height~='360px'] {
    font-size: 27px; }
  .article figure.video[min-height~='480px'], .article figure.photo[min-height~='480px'], .article figure.poll[min-height~='480px'], .article figure.yesno[min-height~='480px'], .article figure.questionmark[min-height~='480px'], .article figure.live[min-height~='480px'], .article figure.audio[min-height~='480px'], .article figure.exclu[min-height~='480px'], .article figure.map[min-height~='480px'], .article figure.edito[min-height~='480px'], .article figure.infographics[min-height~='480px'] {
    font-size: 33px; }
  .article figure.video[min-height~='600px'], .article figure.photo[min-height~='600px'], .article figure.poll[min-height~='600px'], .article figure.yesno[min-height~='600px'], .article figure.questionmark[min-height~='600px'], .article figure.live[min-height~='600px'], .article figure.audio[min-height~='600px'], .article figure.exclu[min-height~='600px'], .article figure.map[min-height~='600px'], .article figure.edito[min-height~='600px'], .article figure.infographics[min-height~='600px'] {
    font-size: 39px; }
  .article figure.video[min-height~='720px'], .article figure.photo[min-height~='720px'], .article figure.poll[min-height~='720px'], .article figure.yesno[min-height~='720px'], .article figure.questionmark[min-height~='720px'], .article figure.live[min-height~='720px'], .article figure.audio[min-height~='720px'], .article figure.exclu[min-height~='720px'], .article figure.map[min-height~='720px'], .article figure.edito[min-height~='720px'], .article figure.infographics[min-height~='720px'] {
    font-size: 45px; }

.article figure.video:hover:after, .article figure.photo:hover:after, .article figure.poll:hover:after, .article figure.yesno:hover:after, .article figure.questionmark:hover:after, .article figure.live:hover:after, .article figure.audio:hover:after, .article figure.exclu:hover:after, .article figure.map:hover:after, .article figure.edito:hover:after, .article figure.infographics:hover:after, .article figure.video:hover .after, .article figure.photo:hover .after, .article figure.poll:hover .after, .article figure.yesno:hover .after, .article figure.questionmark:hover .after, .article figure.live:hover .after, .article figure.audio:hover .after, .article figure.exclu:hover .after, .article figure.map:hover .after, .article figure.edito:hover .after, .article figure.infographics:hover .after, .article figure.hover.video:after, .article figure.hover.photo:after, .article figure.hover.poll:after, .article figure.hover.yesno:after, .article figure.hover.questionmark:after, .article figure.hover.live:after, .article figure.hover.audio:after, .article figure.hover.exclu:after, .article figure.hover.map:after, .article figure.hover.edito:after, .article figure.hover.infographics:after, .article figure.hover.video .after, .article figure.hover.photo .after, .article figure.hover.poll .after, .article figure.hover.yesno .after, .article figure.hover.questionmark .after, .article figure.hover.live .after, .article figure.hover.audio .after, .article figure.hover.exclu .after, .article figure.hover.map .after, .article figure.hover.edito .after, .article figure.hover.infographics .after {
  display: block;
  width: 100%;
  height: 1em;
  font-size: 8em;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  top: 50%; }

.icon-spin {
  animation: 2s linear 0s normal none infinite running fa-spin; }

[class*='icon-'] {
  font-family: 'GSOI';
  text-transform: none !important; }
  [class*='icon-']:before, [class*='icon-'] .before {
    font-weight: normal !important;
    content: ''; }

.icon-sudouest:before {
  content: ""; }

.icon-charentelibre-small:before {
  content: ""; }

.icon-charentelibre:before {
  content: ""; }

.icon-midilibre:before {
  content: ""; }

.icon-midilibre-black:before {
  content: ""; }

.icon-basketball:before {
  content: ""; }

.icon-basket:before {
  content: ""; }

.icon-cyclisme:before {
  content: ""; }

.icon-velo:before {
  content: ""; }

.icon-football:before {
  content: ""; }

.icon-soccer:before {
  content: ""; }

.icon-handball:before {
  content: ""; }

.icon-hand:before {
  content: ""; }

.icon-hockey:before {
  content: ""; }

.icon-nominations:before {
  content: ""; }

.icon-medal:before {
  content: ""; }

.icon-pelote:before {
  content: ""; }

.icon-race:before {
  content: ""; }

.icon-rugby:before {
  content: ""; }

.icon-sports:before {
  content: ""; }

.icon-surf:before {
  content: ""; }

.icon-tennis:before {
  content: ""; }

.icon-trophy:before {
  content: ""; }

.icon-cup:before {
  content: ""; }

.icon-agenda:before {
  content: ""; }

.icon-googleplus:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-reload:before {
  content: ""; }

.icon-loop:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-home:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-account:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-time:before {
  content: ""; }

.icon-clock-o:before {
  content: ""; }

.icon-clock:before {
  content: ""; }

.icon-poll:before {
  content: ""; }

.icon-bar:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-node:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-zoom:before {
  content: ""; }

.icon-rss:before {
  content: ""; }

.icon-feed:before {
  content: ""; }

.icon-atom:before {
  content: ""; }

.icon-road-sign:before {
  content: ""; }

.icon-sign:before {
  content: ""; }

.icon-quote-right:before {
  content: ""; }

.icon-add:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-more:before {
  content: ""; }

.icon-plus-o:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-video:before {
  content: ""; }

.icon-pin:before {
  content: ""; }

.icon-map-marker:before {
  content: ""; }

.icon-yes-no:before {
  content: ""; }

.icon-pie:before {
  content: ""; }

.icon-my-info:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-locked:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-list:before {
  content: ""; }

.icon-iphone:before {
  content: ""; }

.icon-apps:before {
  content: ""; }

.icon-app:before {
  content: ""; }

.icon-gear:before {
  content: ""; }

.icon-cog:before {
  content: ""; }

.icon-settings:before {
  content: ""; }

.icon-drawer:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-bubble:before {
  content: ""; }

.icon-speech:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-remove:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-cross:before {
  content: ""; }

.icon-times:before {
  content: ""; }

.icon-close-o:before {
  content: ""; }

.icon-chevron-up:before {
  content: ""; }

.icon-ok:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-tick:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-photo:before {
  content: ""; }

.icon-bin:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

.icon-alert:before {
  content: ""; }

.icon-warning:before {
  content: ""; }

.icon-alert-o:before {
  content: ""; }

.icon-warning-o:before {
  content: ""; }

.icon-newspaper:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-email:before {
  content: ""; }

.icon-message:before {
  content: ""; }

.icon-enveloppe:before {
  content: ""; }

.icon-quote:before {
  content: ""; }

.icon-quote-left:before {
  content: ""; }

.icon-chevron-left:before {
  content: ""; }

.icon-previous:before {
  content: ""; }

.icon-chevron-right:before {
  content: ""; }

.icon-next:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-corner-top-left:before {
  content: ""; }

.icon-corner-top-right:before {
  content: ""; }

.icon-corner-bottom-left:before {
  content: ""; }

.icon-corner-bottom-right:before {
  content: ""; }

.icon-arrow-right:before {
  content: ""; }

.icon-arrow-left:before {
  content: ""; }

.icon-arrow-top:before {
  content: ""; }

.icon-arrow-bottom:before {
  content: ""; }

.icon-questionmark-rnd:before {
  content: ""; }

.icon-live-rnd:before {
  content: ""; }

.icon-audio-rnd:before {
  content: ""; }

.icon-exclu-rnd:before {
  content: ""; }

.icon-map-rnd:before {
  content: ""; }

.icon-edito-rnd:before {
  content: ""; }

.article figure.video, .article figure.photo, .article figure.poll, .article figure.yesno, .article figure.questionmark, .article figure.live, .article figure.audio, .article figure.exclu, .article figure.map, .article figure.edito, .article figure.infographics {
  max-width: none; }
  .article figure.video:after, .article figure.photo:after, .article figure.poll:after, .article figure.yesno:after, .article figure.questionmark:after, .article figure.live:after, .article figure.audio:after, .article figure.exclu:after, .article figure.map:after, .article figure.edito:after, .article figure.infographics:after, .article figure.video .after, .article figure.photo .after, .article figure.poll .after, .article figure.yesno .after, .article figure.questionmark .after, .article figure.live .after, .article figure.audio .after, .article figure.exclu .after, .article figure.map .after, .article figure.edito .after, .article figure.infographics .after {
    color: white; }

.article figure.video:after, .article figure.video .after {
  content: ""; }

.article figure.photo:after, .article figure.photo .after {
  content: ""; }

.article figure.poll:after, .article figure.poll .after {
  content: ""; }

.article figure.yesno:after, .article figure.yesno .after {
  content: ""; }

.article figure.questionmark:after, .article figure.questionmark .after {
  content: ""; }

.article figure.live:after, .article figure.live .after {
  content: ""; }

.article figure.audio:after, .article figure.audio .after {
  content: ""; }

.article figure.exclu:after, .article figure.exclu .after {
  content: ""; }

.article figure.map:after, .article figure.map .after {
  content: ""; }

.article figure.edito:after, .article figure.edito .after {
  content: ""; }

.article figure.infographics:after, .article figure.infographics .after {
  content: ""; }

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

.btn.btn-disc [class*='icon-'].icon-twitter:before {
  font-size: 12px !important;
  margin-left: 1px; }

.btn.btn-large-disc [class*='icon-'].icon-twitter:before {
  font-size: 26px !important;
  margin-left: 2px; }

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, ol, ul, li,
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; }

strong, b {
  font-weight: bold; }

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

*, *:before, *:after {
  box-sizing: border-box; }

a, a:hover, a:visited, a:active {
  text-decoration: inherit; }

button, input, textarea {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  button:focus, button:active, input:focus, input:active, textarea:focus, textarea:active {
    outline: none !important;
    appearance: none;
    outline-width: 0; }
  button:focus, button:active, button::-moz-focus-inner, button:-moz-focusring, input:focus, input:active, input::-moz-focus-inner, input:-moz-focusring, textarea:focus, textarea:active, textarea::-moz-focus-inner, textarea:-moz-focusring {
    outline: none !important;
    -moz-appearance: none;
    appearance: none; }

iframe {
  max-width: 100%; }

@-moz-document url-prefix() { }

.uppercase {
  text-transform: uppercase; }

.ellipsis {
  overflow: hidden;
  height: 48px;
  margin-bottom: -6px; }

.text-white {
  color: white; }

.text-white::first-letter {
  color: inherit; }

header, footer, .drawer, .drawer-overlay, .modal-wrapper, .modal-overlay, #header-sticky, .sf-toolbar, .feedback-button, #pub_dfp_interstitiel, #pub_dfp_wallpaper, #purl_colonne_1, #purl_colonne_2, #pub_dfp_banniere_haute, #pub_dfp_banniere_basse, #purl_footer, #pub_dfp_middle_banniere, #pub_dfp_pave_article, #pub_dfp_publi_info_dep, #pub_dfp_publi_info_loc {
  display: none !important; }

@-moz-document url-prefix() {
  body {
    -moz-osx-font-smoothing: grayscale; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body {
    -webkit-font-smoothing: antialiased; } }

.page-title {
  font-family: "Noto Serif", serif;
  font-weight: bold;
  word-spacing: -0.02em;
  text-rendering: optimizeLegibility; }

.section-title {
  font-family: "Noto Serif", serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  margin: 20px 0 10px;
  text-rendering: optimizeLegibility; }
  @media (max-width: 1019px) {
    .section-title {
      text-align: left; } }
  @media (min-width: 668px) and (max-width: 1019px) {
    .section-title {
      font-size: 35px;
      line-height: 40px; } }
  @media (max-width: 667px) {
    .section-title {
      font-size: 22px;
      line-height: 30px; } }
  .sidebar .section-title {
    text-align: right; }

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

.align-right {
  text-align: right; }

.text-linkedin, .text-linkedin:hover, .text-linkedin:active, .text-linkedin:visited {
  color: #00476a; }

.text-linkedin::first-letter {
  color: inherit; }

.text-deep-blue, .text-deep-blue:hover, .text-deep-blue:active, .text-deep-blue:visited {
  color: #102D69; }

.text-deep-blue::first-letter {
  color: inherit; }

.text-dark-blue, .text-dark-blue:hover, .text-dark-blue:active, .text-dark-blue:visited {
  color: #205576; }

.text-dark-blue::first-letter {
  color: inherit; }

.text-facebook, .text-facebook:hover, .text-facebook:active, .text-facebook:visited {
  color: #5070ab; }

.text-facebook::first-letter {
  color: inherit; }

.text-blue, .text-blue:hover, .text-blue:active, .text-blue:visited {
  color: #5297d2; }

.text-blue::first-letter {
  color: inherit; }

.text-twitter, .text-twitter:hover, .text-twitter:active, .text-twitter:visited {
  color: #01bdeb; }

.text-twitter::first-letter {
  color: inherit; }

.text-cyan, .text-cyan:hover, .text-cyan:active, .text-cyan:visited {
  color: #00BBD9; }

.text-cyan::first-letter {
  color: inherit; }

.text-duckblue, .text-duckblue:hover, .text-duckblue:active, .text-duckblue:visited {
  color: #048B9A; }

.text-duckblue::first-letter {
  color: inherit; }

.text-blue-green, .text-blue-green:hover, .text-blue-green:active, .text-blue-green:visited {
  color: #00876a; }

.text-blue-green::first-letter {
  color: inherit; }

.text-green, .text-green:hover, .text-green:active, .text-green:visited {
  color: #00876a; }

.text-green::first-letter {
  color: inherit; }

.text-yellowgreen, .text-yellowgreen:hover, .text-yellowgreen:active, .text-yellowgreen:visited {
  color: #b2c500; }

.text-yellowgreen::first-letter {
  color: inherit; }

.text-email, .text-email:hover, .text-email:active, .text-email:visited {
  color: #b2c500; }

.text-email::first-letter {
  color: inherit; }

.text-yellow, .text-yellow:hover, .text-yellow:active, .text-yellow:visited {
  color: #ffc400; }

.text-yellow::first-letter {
  color: inherit; }

.text-premium, .text-premium:hover, .text-premium:active, .text-premium:visited {
  color: #ffc400; }

.text-premium::first-letter {
  color: inherit; }

.text-orange, .text-orange:hover, .text-orange:active, .text-orange:visited {
  color: #F4A623; }

.text-orange::first-letter {
  color: inherit; }

.text-strong-orange, .text-strong-orange:hover, .text-strong-orange:active, .text-strong-orange:visited {
  color: #e96519; }

.text-strong-orange::first-letter {
  color: inherit; }

.text-red, .text-red:hover, .text-red:active, .text-red:visited {
  color: #d42e1a; }

.text-red::first-letter {
  color: inherit; }

.text-dark-red, .text-dark-red:hover, .text-dark-red:active, .text-dark-red:visited {
  color: #791a0f; }

.text-dark-red::first-letter {
  color: inherit; }

.text-bordeaux, .text-bordeaux:hover, .text-bordeaux:active, .text-bordeaux:visited {
  color: #963254; }

.text-bordeaux::first-letter {
  color: inherit; }

.text-pink, .text-pink:hover, .text-pink:active, .text-pink:visited {
  color: #f43d80; }

.text-pink::first-letter {
  color: inherit; }

.text-mauve, .text-mauve:hover, .text-mauve:active, .text-mauve:visited {
  color: #D473D4; }

.text-mauve::first-letter {
  color: inherit; }

.text-violin, .text-violin:hover, .text-violin:active, .text-violin:visited {
  color: #A10684; }

.text-violin::first-letter {
  color: inherit; }

.text-grey, .text-grey:hover, .text-grey:active, .text-grey:visited {
  color: #d8d8d8; }

.text-grey::first-letter {
  color: inherit; }

.text-grey-light, .text-grey-light:hover, .text-grey-light:active, .text-grey-light:visited {
  color: #f0f0f0; }

.text-grey-light::first-letter {
  color: inherit; }

.text-grey-super-light, .text-grey-super-light:hover, .text-grey-super-light:active, .text-grey-super-light:visited {
  color: #F8F8F8; }

.text-grey-super-light::first-letter {
  color: inherit; }

.text-app, .text-app:hover, .text-app:active, .text-app:visited {
  color: #212121; }

.text-app::first-letter {
  color: inherit; }

.first-letter-linkedin {
  display: inline-block; }
  .first-letter-linkedin:first-letter {
    color: #00476a; }
  .first-letter-linkedin.section-title, .first-letter-linkedin.page-title, .first-letter-linkedin.article-title {
    display: block; }

.first-letter-deep-blue {
  display: inline-block; }
  .first-letter-deep-blue:first-letter {
    color: #102D69; }
  .first-letter-deep-blue.section-title, .first-letter-deep-blue.page-title, .first-letter-deep-blue.article-title {
    display: block; }

.first-letter-dark-blue {
  display: inline-block; }
  .first-letter-dark-blue:first-letter {
    color: #205576; }
  .first-letter-dark-blue.section-title, .first-letter-dark-blue.page-title, .first-letter-dark-blue.article-title {
    display: block; }

.first-letter-facebook {
  display: inline-block; }
  .first-letter-facebook:first-letter {
    color: #5070ab; }
  .first-letter-facebook.section-title, .first-letter-facebook.page-title, .first-letter-facebook.article-title {
    display: block; }

.first-letter-blue {
  display: inline-block; }
  .first-letter-blue:first-letter {
    color: #5297d2; }
  .first-letter-blue.section-title, .first-letter-blue.page-title, .first-letter-blue.article-title {
    display: block; }

.first-letter-twitter {
  display: inline-block; }
  .first-letter-twitter:first-letter {
    color: #01bdeb; }
  .first-letter-twitter.section-title, .first-letter-twitter.page-title, .first-letter-twitter.article-title {
    display: block; }

.first-letter-cyan {
  display: inline-block; }
  .first-letter-cyan:first-letter {
    color: #00BBD9; }
  .first-letter-cyan.section-title, .first-letter-cyan.page-title, .first-letter-cyan.article-title {
    display: block; }

.first-letter-duckblue {
  display: inline-block; }
  .first-letter-duckblue:first-letter {
    color: #048B9A; }
  .first-letter-duckblue.section-title, .first-letter-duckblue.page-title, .first-letter-duckblue.article-title {
    display: block; }

.first-letter-blue-green {
  display: inline-block; }
  .first-letter-blue-green:first-letter {
    color: #00876a; }
  .first-letter-blue-green.section-title, .first-letter-blue-green.page-title, .first-letter-blue-green.article-title {
    display: block; }

.first-letter-green {
  display: inline-block; }
  .first-letter-green:first-letter {
    color: #00876a; }
  .first-letter-green.section-title, .first-letter-green.page-title, .first-letter-green.article-title {
    display: block; }

.first-letter-yellowgreen {
  display: inline-block; }
  .first-letter-yellowgreen:first-letter {
    color: #b2c500; }
  .first-letter-yellowgreen.section-title, .first-letter-yellowgreen.page-title, .first-letter-yellowgreen.article-title {
    display: block; }

.first-letter-email {
  display: inline-block; }
  .first-letter-email:first-letter {
    color: #b2c500; }
  .first-letter-email.section-title, .first-letter-email.page-title, .first-letter-email.article-title {
    display: block; }

.first-letter-yellow {
  display: inline-block; }
  .first-letter-yellow:first-letter {
    color: #ffc400; }
  .first-letter-yellow.section-title, .first-letter-yellow.page-title, .first-letter-yellow.article-title {
    display: block; }

.first-letter-premium {
  display: inline-block; }
  .first-letter-premium:first-letter {
    color: #ffc400; }
  .first-letter-premium.section-title, .first-letter-premium.page-title, .first-letter-premium.article-title {
    display: block; }

.first-letter-orange {
  display: inline-block; }
  .first-letter-orange:first-letter {
    color: #F4A623; }
  .first-letter-orange.section-title, .first-letter-orange.page-title, .first-letter-orange.article-title {
    display: block; }

.first-letter-strong-orange {
  display: inline-block; }
  .first-letter-strong-orange:first-letter {
    color: #e96519; }
  .first-letter-strong-orange.section-title, .first-letter-strong-orange.page-title, .first-letter-strong-orange.article-title {
    display: block; }

.first-letter-red {
  display: inline-block; }
  .first-letter-red:first-letter {
    color: #d42e1a; }
  .first-letter-red.section-title, .first-letter-red.page-title, .first-letter-red.article-title {
    display: block; }

.first-letter-dark-red {
  display: inline-block; }
  .first-letter-dark-red:first-letter {
    color: #791a0f; }
  .first-letter-dark-red.section-title, .first-letter-dark-red.page-title, .first-letter-dark-red.article-title {
    display: block; }

.first-letter-bordeaux {
  display: inline-block; }
  .first-letter-bordeaux:first-letter {
    color: #963254; }
  .first-letter-bordeaux.section-title, .first-letter-bordeaux.page-title, .first-letter-bordeaux.article-title {
    display: block; }

.first-letter-pink {
  display: inline-block; }
  .first-letter-pink:first-letter {
    color: #f43d80; }
  .first-letter-pink.section-title, .first-letter-pink.page-title, .first-letter-pink.article-title {
    display: block; }

.first-letter-mauve {
  display: inline-block; }
  .first-letter-mauve:first-letter {
    color: #D473D4; }
  .first-letter-mauve.section-title, .first-letter-mauve.page-title, .first-letter-mauve.article-title {
    display: block; }

.first-letter-violin {
  display: inline-block; }
  .first-letter-violin:first-letter {
    color: #A10684; }
  .first-letter-violin.section-title, .first-letter-violin.page-title, .first-letter-violin.article-title {
    display: block; }

.first-letter-grey {
  display: inline-block; }
  .first-letter-grey:first-letter {
    color: #d8d8d8; }
  .first-letter-grey.section-title, .first-letter-grey.page-title, .first-letter-grey.article-title {
    display: block; }

.first-letter-grey-light {
  display: inline-block; }
  .first-letter-grey-light:first-letter {
    color: #f0f0f0; }
  .first-letter-grey-light.section-title, .first-letter-grey-light.page-title, .first-letter-grey-light.article-title {
    display: block; }

.first-letter-grey-super-light {
  display: inline-block; }
  .first-letter-grey-super-light:first-letter {
    color: #F8F8F8; }
  .first-letter-grey-super-light.section-title, .first-letter-grey-super-light.page-title, .first-letter-grey-super-light.article-title {
    display: block; }

.first-letter-app {
  display: inline-block; }
  .first-letter-app:first-letter {
    color: #212121; }
  .first-letter-app.section-title, .first-letter-app.page-title, .first-letter-app.article-title {
    display: block; }

.article-full .article-social {
  margin-left: -20px;
  margin-right: -20px; }

.articles .article-wrapper {
  padding-top: 5px; }

.article-title {
  font-family: "Noto Serif", serif;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  display: block;
  width: auto;
  height: auto; }
  .article-title.upper-border {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #F8F8F8; }

.article-subtitle {
  font-family: "Noto Serif", serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 1.10em;
  margin: 40px 0 20px 0;
  border-bottom: 1px solid;
  padding: 5px 0; }
  .article-subtitle.linkedin {
    border-left-color: #00476a; }
  .article-subtitle.deep-blue {
    border-left-color: #102D69; }
  .article-subtitle.dark-blue {
    border-left-color: #205576; }
  .article-subtitle.facebook {
    border-left-color: #5070ab; }
  .article-subtitle.blue {
    border-left-color: #5297d2; }
  .article-subtitle.twitter {
    border-left-color: #01bdeb; }
  .article-subtitle.cyan {
    border-left-color: #00BBD9; }
  .article-subtitle.duckblue {
    border-left-color: #048B9A; }
  .article-subtitle.blue-green {
    border-left-color: #00876a; }
  .article-subtitle.green {
    border-left-color: #00876a; }
  .article-subtitle.yellowgreen {
    border-left-color: #b2c500; }
  .article-subtitle.email {
    border-left-color: #b2c500; }
  .article-subtitle.yellow {
    border-left-color: #ffc400; }
  .article-subtitle.premium {
    border-left-color: #ffc400; }
  .article-subtitle.orange {
    border-left-color: #F4A623; }
  .article-subtitle.strong-orange {
    border-left-color: #e96519; }
  .article-subtitle.red {
    border-left-color: #d42e1a; }
  .article-subtitle.dark-red {
    border-left-color: #791a0f; }
  .article-subtitle.bordeaux {
    border-left-color: #963254; }
  .article-subtitle.pink {
    border-left-color: #f43d80; }
  .article-subtitle.mauve {
    border-left-color: #D473D4; }
  .article-subtitle.violin {
    border-left-color: #A10684; }
  .article-subtitle.grey {
    border-left-color: #d8d8d8; }
  .article-subtitle.grey-light {
    border-left-color: #f0f0f0; }
  .article-subtitle.grey-super-light {
    border-left-color: #F8F8F8; }
  .article-subtitle.app {
    border-left-color: #212121; }

.article-text {
  font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif; }

.article.premium > a {
  position: relative;
  display: block; }

.article.feuilleton .articles-related ul li {
  margin: 10px 0; }
  .article.feuilleton .articles-related ul li:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: 0.7em;
    float: left;
    display: block; }
  .article.feuilleton .articles-related ul li a {
    margin-left: 1.7em;
    display: block;
    font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif; }

.article .article-title .tag {
  margin-top: -4px;
  margin-right: 5px; }

.article .author {
  margin-left: 5px; }

.article strong {
  color: #212121; }

.article-social {
  padding: 20px;
  border-bottom: 1px solid #F8F8F8;
  overflow: visible;
  min-height: 60px; }
  .article-social .recommendations {
    font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
    padding: 5px 0;
    vertical-align: top;
    display: inline-block;
    width: auto;
    height: auto; }
  @media (max-width: 667px) {
    .article-social .align-right {
      text-align: left; } }

.article-full figure {
  margin-top: 10px;
  max-width: initial;
  display: block;
  width: auto;
  height: auto; }
  .article-full figure img {
    width: 100%; }

.article-full .head-figure figure {
  margin-bottom: 0; }

.article-full .article-subtitle + * {
  margin-top: 20px !important; }

@media (max-width: 667px) {
  .article .article-wrapper {
    padding-top: 10px; }
  .article .page-title {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .article.headline .article-wrapper {
    padding-left: 10px; }
  .article.headline .article-description {
    margin-bottom: 0; }
  .articles.headlines > .page-title {
    margin-top: 10px; } }

figure {
  overflow: hidden;
  position: relative;
  top: initial;
  left: initial;
  bottom: initial;
  right: initial; }
  figure img {
    display: block;
    width: auto;
    height: auto;
    width: 100%;
    max-width: 100%; }
  figure .social {
    width: 100%;
    text-align: right;
    letter-spacing: -0.31em;
    z-index: 3;
    position: absolute;
    top: 0;
    left: initial;
    bottom: initial;
    right: 0; }
    figure .social .comments-bubble {
      letter-spacing: normal;
      text-align: center;
      padding: 7px 0;
      vertical-align: top;
      line-height: 1em;
      font-size: 14px;
      box-sizing: border-box; }
      figure .social .comments-bubble:after {
        content: "";
        border: 8px solid transparent;
        margin-top: -10px;
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 100%;
        left: 15%;
        transition: border-color 0.3s; }
    figure .social .btn {
      margin-top: -30px;
      vertical-align: top;
      height: 30px;
      line-height: 22px;
      font-size: 14px;
      transition: margin-top 0.3s; }
      figure .social .btn.btn-icon {
        display: inline-block;
        width: 30px;
        height: 30px; }
        figure .social .btn.btn-icon [class*='icon-'] {
          text-align: center;
          display: inline-block;
          width: 30px;
          height: 30px; }
          figure .social .btn.btn-icon [class*='icon-']:before {
            width: 30px;
            font-weight: normal !important;
            font-size: 14px !important; }
  figure[max-width*='159px'] .social {
    display: none; }
  figure.social-visible .social .btn {
    margin-top: 0; }
  @media (min-width: 1020px) {
    figure:hover .social .btn, figure.hover .social .btn {
      margin-top: 0; } }
  @media (min-width: 668px) and (max-width: 1019px) {
    figure .social .btn {
      margin-top: 0; } }
  @media (max-width: 667px) {
    figure a + .social .btn, figure span + .social .btn {
      margin-top: 0; } }

@media (max-width: 1019px) {
  figure .social .btn {
    margin-top: 0; } }

.bordered-left {
  border-left: 5px solid;
  padding-left: 10px; }
  @media (max-width: 667px) {
    .bordered-left {
      border-left: none;
      padding-left: 0; } }

.bordered-right {
  border-right: 5px solid;
  padding-right: 10px; }
  @media (max-width: 667px) {
    .bordered-right {
      border-right: none;
      padding-right: 0; } }

.bordered-image:after, .article.premium > a:after {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: initial;
  right: initial;
  background: #848484;
  z-index: 1; }

.bordered-left-content .article-wrapper {
  border-left: 5px solid;
  padding-left: 10px; }
  @media (max-width: 667px) {
    .bordered-left-content .article-wrapper {
      border-left: none;
      padding-left: 0; } }

.bordered-right-content .article-wrapper {
  border-right: 5px solid;
  padding-right: 10px; }
  @media (max-width: 667px) {
    .bordered-right-content .article-wrapper {
      border-right: none;
      padding-right: 0; } }

.bordered-left-content-linkedin .article-wrapper,
.bordered-right-content-linkedin .article-wrapper,
.bordered-linkedin {
  border-color: #00476a; }

.bordered-image-linkedin:after {
  background-color: #00476a; }

.bordered-left-content-deep-blue .article-wrapper,
.bordered-right-content-deep-blue .article-wrapper,
.bordered-deep-blue {
  border-color: #102D69; }

.bordered-image-deep-blue:after {
  background-color: #102D69; }

.bordered-left-content-dark-blue .article-wrapper,
.bordered-right-content-dark-blue .article-wrapper,
.bordered-dark-blue {
  border-color: #205576; }

.bordered-image-dark-blue:after {
  background-color: #205576; }

.bordered-left-content-facebook .article-wrapper,
.bordered-right-content-facebook .article-wrapper,
.bordered-facebook {
  border-color: #5070ab; }

.bordered-image-facebook:after {
  background-color: #5070ab; }

.bordered-left-content-blue .article-wrapper,
.bordered-right-content-blue .article-wrapper,
.bordered-blue {
  border-color: #5297d2; }

.bordered-image-blue:after {
  background-color: #5297d2; }

.bordered-left-content-twitter .article-wrapper,
.bordered-right-content-twitter .article-wrapper,
.bordered-twitter {
  border-color: #01bdeb; }

.bordered-image-twitter:after {
  background-color: #01bdeb; }

.bordered-left-content-cyan .article-wrapper,
.bordered-right-content-cyan .article-wrapper,
.bordered-cyan {
  border-color: #00BBD9; }

.bordered-image-cyan:after {
  background-color: #00BBD9; }

.bordered-left-content-duckblue .article-wrapper,
.bordered-right-content-duckblue .article-wrapper,
.bordered-duckblue {
  border-color: #048B9A; }

.bordered-image-duckblue:after {
  background-color: #048B9A; }

.bordered-left-content-blue-green .article-wrapper,
.bordered-right-content-blue-green .article-wrapper,
.bordered-blue-green {
  border-color: #00876a; }

.bordered-image-blue-green:after {
  background-color: #00876a; }

.bordered-left-content-green .article-wrapper,
.bordered-right-content-green .article-wrapper,
.bordered-green {
  border-color: #00876a; }

.bordered-image-green:after {
  background-color: #00876a; }

.bordered-left-content-yellowgreen .article-wrapper,
.bordered-right-content-yellowgreen .article-wrapper,
.bordered-yellowgreen {
  border-color: #b2c500; }

.bordered-image-yellowgreen:after {
  background-color: #b2c500; }

.bordered-left-content-email .article-wrapper,
.bordered-right-content-email .article-wrapper,
.bordered-email {
  border-color: #b2c500; }

.bordered-image-email:after {
  background-color: #b2c500; }

.bordered-left-content-yellow .article-wrapper,
.bordered-right-content-yellow .article-wrapper,
.bordered-yellow {
  border-color: #ffc400; }

.bordered-image-yellow:after {
  background-color: #ffc400; }

.bordered-left-content-premium .article-wrapper,
.bordered-right-content-premium .article-wrapper,
.bordered-premium {
  border-color: #ffc400; }

.bordered-image-premium:after, .article.premium > a:after {
  background-color: #ffc400; }

.bordered-left-content-orange .article-wrapper,
.bordered-right-content-orange .article-wrapper,
.bordered-orange {
  border-color: #F4A623; }

.bordered-image-orange:after {
  background-color: #F4A623; }

.bordered-left-content-strong-orange .article-wrapper,
.bordered-right-content-strong-orange .article-wrapper,
.bordered-strong-orange {
  border-color: #e96519; }

.bordered-image-strong-orange:after {
  background-color: #e96519; }

.bordered-left-content-red .article-wrapper,
.bordered-right-content-red .article-wrapper,
.bordered-red {
  border-color: #d42e1a; }

.bordered-image-red:after {
  background-color: #d42e1a; }

.bordered-left-content-dark-red .article-wrapper,
.bordered-right-content-dark-red .article-wrapper,
.bordered-dark-red {
  border-color: #791a0f; }

.bordered-image-dark-red:after {
  background-color: #791a0f; }

.bordered-left-content-bordeaux .article-wrapper,
.bordered-right-content-bordeaux .article-wrapper,
.bordered-bordeaux {
  border-color: #963254; }

.bordered-image-bordeaux:after {
  background-color: #963254; }

.bordered-left-content-pink .article-wrapper,
.bordered-right-content-pink .article-wrapper,
.bordered-pink {
  border-color: #f43d80; }

.bordered-image-pink:after {
  background-color: #f43d80; }

.bordered-left-content-mauve .article-wrapper,
.bordered-right-content-mauve .article-wrapper,
.bordered-mauve {
  border-color: #D473D4; }

.bordered-image-mauve:after {
  background-color: #D473D4; }

.bordered-left-content-violin .article-wrapper,
.bordered-right-content-violin .article-wrapper,
.bordered-violin {
  border-color: #A10684; }

.bordered-image-violin:after {
  background-color: #A10684; }

.bordered-left-content-grey .article-wrapper,
.bordered-right-content-grey .article-wrapper,
.bordered-grey {
  border-color: #d8d8d8; }

.bordered-image-grey:after {
  background-color: #d8d8d8; }

.bordered-left-content-grey-light .article-wrapper,
.bordered-right-content-grey-light .article-wrapper,
.bordered-grey-light {
  border-color: #f0f0f0; }

.bordered-image-grey-light:after {
  background-color: #f0f0f0; }

.bordered-left-content-grey-super-light .article-wrapper,
.bordered-right-content-grey-super-light .article-wrapper,
.bordered-grey-super-light {
  border-color: #F8F8F8; }

.bordered-image-grey-super-light:after {
  background-color: #F8F8F8; }

.bordered-left-content-app .article-wrapper,
.bordered-right-content-app .article-wrapper,
.bordered-app {
  border-color: #212121; }

.bordered-image-app:after {
  background-color: #212121; }

.tags {
  margin: 20px 20px 10px; }
  .tags .tag {
    margin-top: 5px; }

.tag {
  margin-top: 10px;
  font-size: 10px;
  font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
  padding: 0.3em;
  line-height: 1em;
  vertical-align: middle;
  border-radius: 0;
  display: inline-block;
  width: auto;
  height: auto; }
  .tag [class*='icon-'] {
    font-size: 1.2em;
    line-height: 10px;
    vertical-align: middle;
    color: #d8d8d8; }
  .tag.tag-small {
    font-size: 10px;
    padding: 4px; }
    .tag.tag-small [class*='icon-'] {
      line-height: 9px; }

.article:hover .article-title {
  text-decoration: underline; }

.article-header {
  text-align: center;
  padding-top: 0;
  margin-bottom: 10px; }
  @media (max-width: 667px) {
    .gutter.pub_collapsed + .gutter .article-header {
      padding-top: 0; } }
  .article-header figure figcaption {
    text-align: left;
    color: black;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    margin-left: 0;
    padding-left: 30px;
    position: relative;
    border-color: #d3d3d3;
    margin-top: 10px;
    padding-top: 5px; }
    .article-header figure figcaption:before {
      position: absolute;
      left: 15px;
      top: 0; }
    .article-header figure figcaption .credits {
      color: #212121;
      font-style: italic;
      text-transform: uppercase;
      display: inline;
      font-weight: 300; }
      .article-header figure figcaption .credits:before {
        content: '©'; }
    .article-header figure figcaption:before {
      content: '';
      border: 10px solid transparent;
      border-bottom-color: #888888;
      border-width: 10px 5px;
      display: inline-block;
      width: 0;
      height: 0; }
  .article-header .breadcrumb, .article-header .publishing {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 12px; }
  @media (max-width: 480px) {
    .article-header figure {
      margin-left: -20px;
      margin-right: -20px; }
      .article-header figure figcaption {
        border-left: none; } }
  .article-header figure img {
    width: 100%; }
  .article-header .details {
    font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    color: black; }
    .article-header .details strong {
      color: black; }
    .article-header .details .publishing {
      font-weight: normal; }
  .article-header .breadcrumb, .article-header .breadcrumb .article-topic {
    font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
    font-weight: normal; }
  .article-header .breadcrumb a {
    color: #5297d2;
    text-transform: uppercase;
    text-decoration: none; }
    .article-header .breadcrumb a:visited {
      color: #048B9A; }
    .article-header .breadcrumb a:after {
      content: ' /';
      color: #212121;
      margin-right: 0.26em; }
  .article-header .page-title {
    margin: 0 0 10px 0; }
    @media (max-width: 667px) {
      .article-header .page-title {
        padding: 0; } }
  @media (max-width: 1019px) {
    .article-header {
      padding: 0; } }

.article-social {
  padding: 10px 0 0;
  text-align: center;
  margin: 0 0 20px;
  min-height: auto;
  border-bottom: none; }
  .article-social > * {
    min-width: 40px; }
  .article-social .btn.btn-large {
    height: 40px;
    line-height: 20px;
    padding: 10px;
    vertical-align: top;
    font-size: 13px; }
    .article-social .btn.btn-large.btn-icon {
      padding: 0;
      width: 40px;
      height: 40px; }
      .article-social .btn.btn-large.btn-icon i {
        display: block;
        width: 40px;
        height: 40px; }
        .article-social .btn.btn-large.btn-icon i:before {
          top: 0;
          margin: 0;
          line-height: 40px;
          font-size: 19px; }

@media (max-width: 480px) {
  .flexbox aside.article-social {
    display: flex;
    justify-content: center; }
    .flexbox aside.article-social > * {
      margin-left: 2px;
      margin-right: 2px; }
    .flexbox aside.article-social > .btn-large:first-child {
      flex: 1 1 0;
      margin-left: 0; }
    .flexbox aside.article-social > *:last-child {
      margin-right: 0; } }

.entry-content, .text-content {
  color: #555; }
  .entry-content p, .text-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0; }
  .entry-content a, .text-content a {
    color: #5297d2;
    text-decoration: underline; }
  .entry-content .lettre, .text-content .lettre {
    margin-bottom: 40px; }
    .entry-content .lettre:last-child, .text-content .lettre:last-child {
      margin-bottom: 0; }
  .entry-content #liste-lettres, .text-content #liste-lettres {
    letter-spacing: -0.31em; }
  .entry-content .sitemap-lettres, .text-content .sitemap-lettres {
    padding: 0 10px;
    text-decoration: none; }
  .entry-content .lettre-sitemap, .text-content .lettre-sitemap {
    font-size: 75px;
    text-align: right;
    font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
    font-style: italic;
    margin-top: 5px; }

.section-title {
  display: inline-block;
  position: relative;
  margin: 0;
  border: none;
  background: black;
  text-transform: uppercase;
  word-spacing: normal;
  font-weight: 400;
  font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
  letter-spacing: 1px;
  font-size: 1em;
  padding: 0.5em;
  line-height: 1em;
  box-sizing: border-box;
  margin-bottom: 10px;
  transition: background 0.2s; }
  .section-title svg {
    display: none; }
  .section-title, .section-title a {
    color: white; }
  .section-title.block {
    display: block; }
  .section-title.small {
    display: inline-block;
    font-size: 12px;
    line-height: 9px;
    font-weight: 600;
    padding: 7px;
    margin: 0 0 0 0; }
  @media (max-width: 667px) {
    section > .section-title, .sidebar-section > .section-title {
      margin-left: -20px; }
    .figure-expand-on-phone .section-title {
      margin-left: -20px;
      padding-left: 20px; } }
  .section-title .negative {
    background: white;
    margin: -9px -9px -9px 5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 10px;
    color: black; }
    @media (max-width: 667px) {
      .section-title .negative {
        display: block;
        margin-top: 10px;
        margin-left: -9px; } }
  .section-title > .section-title-arrow {
    float: left; }

.title-arrow .section-title,
.title-reload .section-title,
.section-title-arrow,
.section-title-reload {
  padding-right: 3em; }
  .title-arrow .section-title:before,
  .title-reload .section-title:before,
  .section-title-arrow:before,
  .section-title-reload:before {
    box-sizing: border-box;
    background: lightgrey;
    content: '';
    position: absolute;
    top: 0;
    left: initial;
    bottom: 0;
    right: 0;
    display: block;
    width: 2em;
    height: auto;
    transition: background 0.2s; }
  .title-arrow .section-title:after,
  .title-reload .section-title:after,
  .section-title-arrow:after,
  .section-title-reload:after {
    text-align: center;
    box-sizing: border-box;
    font-family: GSOI;
    padding: 0.7em 0;
    text-transform: none !important;
    color: white;
    position: absolute;
    top: 0;
    left: initial;
    bottom: 0;
    right: 0;
    display: block;
    width: 2em;
    height: auto; }

.title-reload .section-title .reload-text,
.section-title-reload .reload-text {
  font-size: 0.8em;
  position: absolute;
  top: initial;
  left: initial;
  bottom: initial;
  right: 35px;
  opacity: 0;
  transition: all 0.2s; }

.title-reload .section-title:hover .reload-text,
.section-title-reload:hover .reload-text {
  opacity: 1; }

.title-reload .section-title.animate,
.section-title-reload.animate {
  pointer-events: none; }
  .title-reload .section-title.animate:after,
  .section-title-reload.animate:after {
    animation: 2s linear 0s normal none infinite running fa-spin; }

.title-arrow .section-title:after,
.section-title-arrow:after {
  content: '\e627'; }

.title-reload .section-title:after,
.section-title-reload:after {
  content: '\e903'; }

a.section-title {
  cursor: pointer; }

.title-linkedin .section-title,
.section-title-linkedin {
  background: #00476a;
  color: white; }
  .title-linkedin .section-title .negative,
  .section-title-linkedin .negative {
    color: #00476a; }

.title-arrow-linkedin .section-title:after,
.title-reload-linkedin .section-title:after,
.section-title-arrow-linkedin:after, .section-title-reload-linkedin:after {
  color: white; }

.title-arrow-linkedin .section-title:before,
.title-reload-linkedin .section-title:before,
.section-title-arrow-linkedin:before, .section-title-reload-linkedin:before {
  background: #00476a; }

.title-linkedin.title-arrow-linkedin .section-title,
.title-linkedin.title-reload-linkedin .section-title,
.section-title-linkedin.section-title-arrow-linkedin,
.section-title-linkedin.section-title-reload-linkedin {
  background: #002537; }
  .title-linkedin.title-arrow-linkedin .section-title:after,
  .title-linkedin.title-reload-linkedin .section-title:after,
  .section-title-linkedin.section-title-arrow-linkedin:after,
  .section-title-linkedin.section-title-reload-linkedin:after {
    color: white; }
  .title-linkedin.title-arrow-linkedin .section-title:before,
  .title-linkedin.title-reload-linkedin .section-title:before,
  .section-title-linkedin.section-title-arrow-linkedin:before,
  .section-title-linkedin.section-title-reload-linkedin:before {
    background: #00476a; }

.title-linkedin a.section-title:hover,
a.section-title-linkedin:hover {
  background: #002537; }

.title-arrow-linkedin a.section-title:hover:before,
.title-reload-linkedin a.section-title:hover:before,
a.section-title-arrow-linkedin:hover:before, a.section-title-reload-linkedin:hover:before {
  background: #002537; }

.title-deep-blue .section-title,
.section-title-deep-blue {
  background: #102D69;
  color: white; }
  .title-deep-blue .section-title .negative,
  .section-title-deep-blue .negative {
    color: #102D69; }

.title-arrow-deep-blue .section-title:after,
.title-reload-deep-blue .section-title:after,
.section-title-arrow-deep-blue:after, .section-title-reload-deep-blue:after {
  color: white; }

.title-arrow-deep-blue .section-title:before,
.title-reload-deep-blue .section-title:before,
.section-title-arrow-deep-blue:before, .section-title-reload-deep-blue:before {
  background: #102D69; }

.title-deep-blue.title-arrow-deep-blue .section-title,
.title-deep-blue.title-reload-deep-blue .section-title,
.section-title-deep-blue.section-title-arrow-deep-blue,
.section-title-deep-blue.section-title-reload-deep-blue {
  background: #091a3d; }
  .title-deep-blue.title-arrow-deep-blue .section-title:after,
  .title-deep-blue.title-reload-deep-blue .section-title:after,
  .section-title-deep-blue.section-title-arrow-deep-blue:after,
  .section-title-deep-blue.section-title-reload-deep-blue:after {
    color: white; }
  .title-deep-blue.title-arrow-deep-blue .section-title:before,
  .title-deep-blue.title-reload-deep-blue .section-title:before,
  .section-title-deep-blue.section-title-arrow-deep-blue:before,
  .section-title-deep-blue.section-title-reload-deep-blue:before {
    background: #102D69; }

.title-deep-blue a.section-title:hover,
a.section-title-deep-blue:hover {
  background: #091a3d; }

.title-arrow-deep-blue a.section-title:hover:before,
.title-reload-deep-blue a.section-title:hover:before,
a.section-title-arrow-deep-blue:hover:before, a.section-title-reload-deep-blue:hover:before {
  background: #091a3d; }

.title-dark-blue .section-title,
.section-title-dark-blue {
  background: #205576;
  color: white; }
  .title-dark-blue .section-title .negative,
  .section-title-dark-blue .negative {
    color: #205576; }

.title-arrow-dark-blue .section-title:after,
.title-reload-dark-blue .section-title:after,
.section-title-arrow-dark-blue:after, .section-title-reload-dark-blue:after {
  color: white; }

.title-arrow-dark-blue .section-title:before,
.title-reload-dark-blue .section-title:before,
.section-title-arrow-dark-blue:before, .section-title-reload-dark-blue:before {
  background: #205576; }

.title-dark-blue.title-arrow-dark-blue .section-title,
.title-dark-blue.title-reload-dark-blue .section-title,
.section-title-dark-blue.section-title-arrow-dark-blue,
.section-title-dark-blue.section-title-reload-dark-blue {
  background: #15384e; }
  .title-dark-blue.title-arrow-dark-blue .section-title:after,
  .title-dark-blue.title-reload-dark-blue .section-title:after,
  .section-title-dark-blue.section-title-arrow-dark-blue:after,
  .section-title-dark-blue.section-title-reload-dark-blue:after {
    color: white; }
  .title-dark-blue.title-arrow-dark-blue .section-title:before,
  .title-dark-blue.title-reload-dark-blue .section-title:before,
  .section-title-dark-blue.section-title-arrow-dark-blue:before,
  .section-title-dark-blue.section-title-reload-dark-blue:before {
    background: #205576; }

.title-dark-blue a.section-title:hover,
a.section-title-dark-blue:hover {
  background: #15384e; }

.title-arrow-dark-blue a.section-title:hover:before,
.title-reload-dark-blue a.section-title:hover:before,
a.section-title-arrow-dark-blue:hover:before, a.section-title-reload-dark-blue:hover:before {
  background: #15384e; }

.title-facebook .section-title,
.section-title-facebook {
  background: #5070ab;
  color: white; }
  .title-facebook .section-title .negative,
  .section-title-facebook .negative {
    color: #5070ab; }

.title-arrow-facebook .section-title:after,
.title-reload-facebook .section-title:after,
.section-title-arrow-facebook:after, .section-title-reload-facebook:after {
  color: white; }

.title-arrow-facebook .section-title:before,
.title-reload-facebook .section-title:before,
.section-title-arrow-facebook:before, .section-title-reload-facebook:before {
  background: #5070ab; }

.title-facebook.title-arrow-facebook .section-title,
.title-facebook.title-reload-facebook .section-title,
.section-title-facebook.section-title-arrow-facebook,
.section-title-facebook.section-title-reload-facebook {
  background: #405988; }
  .title-facebook.title-arrow-facebook .section-title:after,
  .title-facebook.title-reload-facebook .section-title:after,
  .section-title-facebook.section-title-arrow-facebook:after,
  .section-title-facebook.section-title-reload-facebook:after {
    color: white; }
  .title-facebook.title-arrow-facebook .section-title:before,
  .title-facebook.title-reload-facebook .section-title:before,
  .section-title-facebook.section-title-arrow-facebook:before,
  .section-title-facebook.section-title-reload-facebook:before {
    background: #5070ab; }

.title-facebook a.section-title:hover,
a.section-title-facebook:hover {
  background: #405988; }

.title-arrow-facebook a.section-title:hover:before,
.title-reload-facebook a.section-title:hover:before,
a.section-title-arrow-facebook:hover:before, a.section-title-reload-facebook:hover:before {
  background: #405988; }

.title-blue .section-title,
.section-title-blue {
  background: #5297d2;
  color: white; }
  .title-blue .section-title .negative,
  .section-title-blue .negative {
    color: #5297d2; }

.title-arrow-blue .section-title:after,
.title-reload-blue .section-title:after,
.section-title-arrow-blue:after, .section-title-reload-blue:after {
  color: white; }

.title-arrow-blue .section-title:before,
.title-reload-blue .section-title:before,
.section-title-arrow-blue:before, .section-title-reload-blue:before {
  background: #5297d2; }

.title-blue.title-arrow-blue .section-title,
.title-blue.title-reload-blue .section-title,
.section-title-blue.section-title-arrow-blue,
.section-title-blue.section-title-reload-blue {
  background: #327ebf; }
  .title-blue.title-arrow-blue .section-title:after,
  .title-blue.title-reload-blue .section-title:after,
  .section-title-blue.section-title-arrow-blue:after,
  .section-title-blue.section-title-reload-blue:after {
    color: white; }
  .title-blue.title-arrow-blue .section-title:before,
  .title-blue.title-reload-blue .section-title:before,
  .section-title-blue.section-title-arrow-blue:before,
  .section-title-blue.section-title-reload-blue:before {
    background: #5297d2; }

.title-blue a.section-title:hover,
a.section-title-blue:hover {
  background: #327ebf; }

.title-arrow-blue a.section-title:hover:before,
.title-reload-blue a.section-title:hover:before,
a.section-title-arrow-blue:hover:before, a.section-title-reload-blue:hover:before {
  background: #327ebf; }

.title-twitter .section-title,
.section-title-twitter {
  background: #01bdeb;
  color: white; }
  .title-twitter .section-title .negative,
  .section-title-twitter .negative {
    color: #01bdeb; }

.title-arrow-twitter .section-title:after,
.title-reload-twitter .section-title:after,
.section-title-arrow-twitter:after, .section-title-reload-twitter:after {
  color: white; }

.title-arrow-twitter .section-title:before,
.title-reload-twitter .section-title:before,
.section-title-arrow-twitter:before, .section-title-reload-twitter:before {
  background: #01bdeb; }

.title-twitter.title-arrow-twitter .section-title,
.title-twitter.title-reload-twitter .section-title,
.section-title-twitter.section-title-arrow-twitter,
.section-title-twitter.section-title-reload-twitter {
  background: #0194b8; }
  .title-twitter.title-arrow-twitter .section-title:after,
  .title-twitter.title-reload-twitter .section-title:after,
  .section-title-twitter.section-title-arrow-twitter:after,
  .section-title-twitter.section-title-reload-twitter:after {
    color: white; }
  .title-twitter.title-arrow-twitter .section-title:before,
  .title-twitter.title-reload-twitter .section-title:before,
  .section-title-twitter.section-title-arrow-twitter:before,
  .section-title-twitter.section-title-reload-twitter:before {
    background: #01bdeb; }

.title-twitter a.section-title:hover,
a.section-title-twitter:hover {
  background: #0194b8; }

.title-arrow-twitter a.section-title:hover:before,
.title-reload-twitter a.section-title:hover:before,
a.section-title-arrow-twitter:hover:before, a.section-title-reload-twitter:hover:before {
  background: #0194b8; }

.title-cyan .section-title,
.section-title-cyan {
  background: #00BBD9;
  color: white; }
  .title-cyan .section-title .negative,
  .section-title-cyan .negative {
    color: #00BBD9; }

.title-arrow-cyan .section-title:after,
.title-reload-cyan .section-title:after,
.section-title-arrow-cyan:after, .section-title-reload-cyan:after {
  color: white; }

.title-arrow-cyan .section-title:before,
.title-reload-cyan .section-title:before,
.section-title-arrow-cyan:before, .section-title-reload-cyan:before {
  background: #00BBD9; }

.title-cyan.title-arrow-cyan .section-title,
.title-cyan.title-reload-cyan .section-title,
.section-title-cyan.section-title-arrow-cyan,
.section-title-cyan.section-title-reload-cyan {
  background: #008fa6; }
  .title-cyan.title-arrow-cyan .section-title:after,
  .title-cyan.title-reload-cyan .section-title:after,
  .section-title-cyan.section-title-arrow-cyan:after,
  .section-title-cyan.section-title-reload-cyan:after {
    color: white; }
  .title-cyan.title-arrow-cyan .section-title:before,
  .title-cyan.title-reload-cyan .section-title:before,
  .section-title-cyan.section-title-arrow-cyan:before,
  .section-title-cyan.section-title-reload-cyan:before {
    background: #00BBD9; }

.title-cyan a.section-title:hover,
a.section-title-cyan:hover {
  background: #008fa6; }

.title-arrow-cyan a.section-title:hover:before,
.title-reload-cyan a.section-title:hover:before,
a.section-title-arrow-cyan:hover:before, a.section-title-reload-cyan:hover:before {
  background: #008fa6; }

.title-duckblue .section-title,
.section-title-duckblue {
  background: #048B9A;
  color: white; }
  .title-duckblue .section-title .negative,
  .section-title-duckblue .negative {
    color: #048B9A; }

.title-arrow-duckblue .section-title:after,
.title-reload-duckblue .section-title:after,
.section-title-arrow-duckblue:after, .section-title-reload-duckblue:after {
  color: white; }

.title-arrow-duckblue .section-title:before,
.title-reload-duckblue .section-title:before,
.section-title-arrow-duckblue:before, .section-title-reload-duckblue:before {
  background: #048B9A; }

.title-duckblue.title-arrow-duckblue .section-title,
.title-duckblue.title-reload-duckblue .section-title,
.section-title-duckblue.section-title-arrow-duckblue,
.section-title-duckblue.section-title-reload-duckblue {
  background: #035e68; }
  .title-duckblue.title-arrow-duckblue .section-title:after,
  .title-duckblue.title-reload-duckblue .section-title:after,
  .section-title-duckblue.section-title-arrow-duckblue:after,
  .section-title-duckblue.section-title-reload-duckblue:after {
    color: white; }
  .title-duckblue.title-arrow-duckblue .section-title:before,
  .title-duckblue.title-reload-duckblue .section-title:before,
  .section-title-duckblue.section-title-arrow-duckblue:before,
  .section-title-duckblue.section-title-reload-duckblue:before {
    background: #048B9A; }

.title-duckblue a.section-title:hover,
a.section-title-duckblue:hover {
  background: #035e68; }

.title-arrow-duckblue a.section-title:hover:before,
.title-reload-duckblue a.section-title:hover:before,
a.section-title-arrow-duckblue:hover:before, a.section-title-reload-duckblue:hover:before {
  background: #035e68; }

.title-blue-green .section-title,
.section-title-blue-green {
  background: #00876a;
  color: white; }
  .title-blue-green .section-title .negative,
  .section-title-blue-green .negative {
    color: #00876a; }

.title-arrow-blue-green .section-title:after,
.title-reload-blue-green .section-title:after,
.section-title-arrow-blue-green:after, .section-title-reload-blue-green:after {
  color: white; }

.title-arrow-blue-green .section-title:before,
.title-reload-blue-green .section-title:before,
.section-title-arrow-blue-green:before, .section-title-reload-blue-green:before {
  background: #00876a; }

.title-blue-green.title-arrow-blue-green .section-title,
.title-blue-green.title-reload-blue-green .section-title,
.section-title-blue-green.section-title-arrow-blue-green,
.section-title-blue-green.section-title-reload-blue-green {
  background: #005442; }
  .title-blue-green.title-arrow-blue-green .section-title:after,
  .title-blue-green.title-reload-blue-green .section-title:after,
  .section-title-blue-green.section-title-arrow-blue-green:after,
  .section-title-blue-green.section-title-reload-blue-green:after {
    color: white; }
  .title-blue-green.title-arrow-blue-green .section-title:before,
  .title-blue-green.title-reload-blue-green .section-title:before,
  .section-title-blue-green.section-title-arrow-blue-green:before,
  .section-title-blue-green.section-title-reload-blue-green:before {
    background: #00876a; }

.title-blue-green a.section-title:hover,
a.section-title-blue-green:hover {
  background: #005442; }

.title-arrow-blue-green a.section-title:hover:before,
.title-reload-blue-green a.section-title:hover:before,
a.section-title-arrow-blue-green:hover:before, a.section-title-reload-blue-green:hover:before {
  background: #005442; }

.title-green .section-title,
.section-title-green {
  background: #00876a;
  color: white; }
  .title-green .section-title .negative,
  .section-title-green .negative {
    color: #00876a; }

.title-arrow-green .section-title:after,
.title-reload-green .section-title:after,
.section-title-arrow-green:after, .section-title-reload-green:after {
  color: white; }

.title-arrow-green .section-title:before,
.title-reload-green .section-title:before,
.section-title-arrow-green:before, .section-title-reload-green:before {
  background: #00876a; }

.title-green.title-arrow-green .section-title,
.title-green.title-reload-green .section-title,
.section-title-green.section-title-arrow-green,
.section-title-green.section-title-reload-green {
  background: #005442; }
  .title-green.title-arrow-green .section-title:after,
  .title-green.title-reload-green .section-title:after,
  .section-title-green.section-title-arrow-green:after,
  .section-title-green.section-title-reload-green:after {
    color: white; }
  .title-green.title-arrow-green .section-title:before,
  .title-green.title-reload-green .section-title:before,
  .section-title-green.section-title-arrow-green:before,
  .section-title-green.section-title-reload-green:before {
    background: #00876a; }

.title-green a.section-title:hover,
a.section-title-green:hover {
  background: #005442; }

.title-arrow-green a.section-title:hover:before,
.title-reload-green a.section-title:hover:before,
a.section-title-arrow-green:hover:before, a.section-title-reload-green:hover:before {
  background: #005442; }

.title-yellowgreen .section-title,
.section-title-yellowgreen {
  background: #b2c500;
  color: white; }
  .title-yellowgreen .section-title .negative,
  .section-title-yellowgreen .negative {
    color: #b2c500; }

.title-arrow-yellowgreen .section-title:after,
.title-reload-yellowgreen .section-title:after,
.section-title-arrow-yellowgreen:after, .section-title-reload-yellowgreen:after {
  color: white; }

.title-arrow-yellowgreen .section-title:before,
.title-reload-yellowgreen .section-title:before,
.section-title-arrow-yellowgreen:before, .section-title-reload-yellowgreen:before {
  background: #b2c500; }

.title-yellowgreen.title-arrow-yellowgreen .section-title,
.title-yellowgreen.title-reload-yellowgreen .section-title,
.section-title-yellowgreen.section-title-arrow-yellowgreen,
.section-title-yellowgreen.section-title-reload-yellowgreen {
  background: #849200; }
  .title-yellowgreen.title-arrow-yellowgreen .section-title:after,
  .title-yellowgreen.title-reload-yellowgreen .section-title:after,
  .section-title-yellowgreen.section-title-arrow-yellowgreen:after,
  .section-title-yellowgreen.section-title-reload-yellowgreen:after {
    color: white; }
  .title-yellowgreen.title-arrow-yellowgreen .section-title:before,
  .title-yellowgreen.title-reload-yellowgreen .section-title:before,
  .section-title-yellowgreen.section-title-arrow-yellowgreen:before,
  .section-title-yellowgreen.section-title-reload-yellowgreen:before {
    background: #b2c500; }

.title-yellowgreen a.section-title:hover,
a.section-title-yellowgreen:hover {
  background: #849200; }

.title-arrow-yellowgreen a.section-title:hover:before,
.title-reload-yellowgreen a.section-title:hover:before,
a.section-title-arrow-yellowgreen:hover:before, a.section-title-reload-yellowgreen:hover:before {
  background: #849200; }

.title-email .section-title,
.section-title-email {
  background: #b2c500;
  color: white; }
  .title-email .section-title .negative,
  .section-title-email .negative {
    color: #b2c500; }

.title-arrow-email .section-title:after,
.title-reload-email .section-title:after,
.section-title-arrow-email:after, .section-title-reload-email:after {
  color: white; }

.title-arrow-email .section-title:before,
.title-reload-email .section-title:before,
.section-title-arrow-email:before, .section-title-reload-email:before {
  background: #b2c500; }

.title-email.title-arrow-email .section-title,
.title-email.title-reload-email .section-title,
.section-title-email.section-title-arrow-email,
.section-title-email.section-title-reload-email {
  background: #849200; }
  .title-email.title-arrow-email .section-title:after,
  .title-email.title-reload-email .section-title:after,
  .section-title-email.section-title-arrow-email:after,
  .section-title-email.section-title-reload-email:after {
    color: white; }
  .title-email.title-arrow-email .section-title:before,
  .title-email.title-reload-email .section-title:before,
  .section-title-email.section-title-arrow-email:before,
  .section-title-email.section-title-reload-email:before {
    background: #b2c500; }

.title-email a.section-title:hover,
a.section-title-email:hover {
  background: #849200; }

.title-arrow-email a.section-title:hover:before,
.title-reload-email a.section-title:hover:before,
a.section-title-arrow-email:hover:before, a.section-title-reload-email:hover:before {
  background: #849200; }

.title-yellow .section-title,
.section-title-yellow {
  background: #ffc400;
  color: white; }
  .title-yellow .section-title .negative,
  .section-title-yellow .negative {
    color: #ffc400; }

.title-arrow-yellow .section-title:after,
.title-reload-yellow .section-title:after,
.section-title-arrow-yellow:after, .section-title-reload-yellow:after {
  color: white; }

.title-arrow-yellow .section-title:before,
.title-reload-yellow .section-title:before,
.section-title-arrow-yellow:before, .section-title-reload-yellow:before {
  background: #ffc400; }

.title-yellow.title-arrow-yellow .section-title,
.title-yellow.title-reload-yellow .section-title,
.section-title-yellow.section-title-arrow-yellow,
.section-title-yellow.section-title-reload-yellow {
  background: #cc9d00; }
  .title-yellow.title-arrow-yellow .section-title:after,
  .title-yellow.title-reload-yellow .section-title:after,
  .section-title-yellow.section-title-arrow-yellow:after,
  .section-title-yellow.section-title-reload-yellow:after {
    color: white; }
  .title-yellow.title-arrow-yellow .section-title:before,
  .title-yellow.title-reload-yellow .section-title:before,
  .section-title-yellow.section-title-arrow-yellow:before,
  .section-title-yellow.section-title-reload-yellow:before {
    background: #ffc400; }

.title-yellow a.section-title:hover,
a.section-title-yellow:hover {
  background: #cc9d00; }

.title-arrow-yellow a.section-title:hover:before,
.title-reload-yellow a.section-title:hover:before,
a.section-title-arrow-yellow:hover:before, a.section-title-reload-yellow:hover:before {
  background: #cc9d00; }

.title-premium .section-title,
.section-title-premium {
  background: #ffc400;
  color: white; }
  .title-premium .section-title .negative,
  .section-title-premium .negative {
    color: #ffc400; }

.title-arrow-premium .section-title:after,
.title-reload-premium .section-title:after,
.section-title-arrow-premium:after, .section-title-reload-premium:after {
  color: white; }

.title-arrow-premium .section-title:before,
.title-reload-premium .section-title:before,
.section-title-arrow-premium:before, .section-title-reload-premium:before {
  background: #ffc400; }

.title-premium.title-arrow-premium .section-title,
.title-premium.title-reload-premium .section-title,
.section-title-premium.section-title-arrow-premium,
.section-title-premium.section-title-reload-premium {
  background: #ffc400; }
  .title-premium.title-arrow-premium .section-title:after,
  .title-premium.title-reload-premium .section-title:after,
  .section-title-premium.section-title-arrow-premium:after,
  .section-title-premium.section-title-reload-premium:after {
    color: white; }
  .title-premium.title-arrow-premium .section-title:before,
  .title-premium.title-reload-premium .section-title:before,
  .section-title-premium.section-title-arrow-premium:before,
  .section-title-premium.section-title-reload-premium:before {
    background: #F4A623; }

.title-premium a.section-title:hover,
a.section-title-premium:hover {
  background: #F4A623; }

.title-arrow-premium a.section-title:hover:before,
.title-reload-premium a.section-title:hover:before,
a.section-title-arrow-premium:hover:before, a.section-title-reload-premium:hover:before {
  background: #F4A623; }

.title-orange .section-title,
.section-title-orange {
  background: #F4A623;
  color: white; }
  .title-orange .section-title .negative,
  .section-title-orange .negative {
    color: #F4A623; }

.title-arrow-orange .section-title:after,
.title-reload-orange .section-title:after,
.section-title-arrow-orange:after, .section-title-reload-orange:after {
  color: white; }

.title-arrow-orange .section-title:before,
.title-reload-orange .section-title:before,
.section-title-arrow-orange:before, .section-title-reload-orange:before {
  background: #F4A623; }

.title-orange.title-arrow-orange .section-title,
.title-orange.title-reload-orange .section-title,
.section-title-orange.section-title-arrow-orange,
.section-title-orange.section-title-reload-orange {
  background: #d98c0b; }
  .title-orange.title-arrow-orange .section-title:after,
  .title-orange.title-reload-orange .section-title:after,
  .section-title-orange.section-title-arrow-orange:after,
  .section-title-orange.section-title-reload-orange:after {
    color: white; }
  .title-orange.title-arrow-orange .section-title:before,
  .title-orange.title-reload-orange .section-title:before,
  .section-title-orange.section-title-arrow-orange:before,
  .section-title-orange.section-title-reload-orange:before {
    background: #F4A623; }

.title-orange a.section-title:hover,
a.section-title-orange:hover {
  background: #d98c0b; }

.title-arrow-orange a.section-title:hover:before,
.title-reload-orange a.section-title:hover:before,
a.section-title-arrow-orange:hover:before, a.section-title-reload-orange:hover:before {
  background: #d98c0b; }

.title-strong-orange .section-title,
.section-title-strong-orange {
  background: #e96519;
  color: white; }
  .title-strong-orange .section-title .negative,
  .section-title-strong-orange .negative {
    color: #e96519; }

.title-arrow-strong-orange .section-title:after,
.title-reload-strong-orange .section-title:after,
.section-title-arrow-strong-orange:after, .section-title-reload-strong-orange:after {
  color: white; }

.title-arrow-strong-orange .section-title:before,
.title-reload-strong-orange .section-title:before,
.section-title-arrow-strong-orange:before, .section-title-reload-strong-orange:before {
  background: #e96519; }

.title-strong-orange.title-arrow-strong-orange .section-title,
.title-strong-orange.title-reload-strong-orange .section-title,
.section-title-strong-orange.section-title-arrow-strong-orange,
.section-title-strong-orange.section-title-reload-strong-orange {
  background: #bd5112; }
  .title-strong-orange.title-arrow-strong-orange .section-title:after,
  .title-strong-orange.title-reload-strong-orange .section-title:after,
  .section-title-strong-orange.section-title-arrow-strong-orange:after,
  .section-title-strong-orange.section-title-reload-strong-orange:after {
    color: white; }
  .title-strong-orange.title-arrow-strong-orange .section-title:before,
  .title-strong-orange.title-reload-strong-orange .section-title:before,
  .section-title-strong-orange.section-title-arrow-strong-orange:before,
  .section-title-strong-orange.section-title-reload-strong-orange:before {
    background: #e96519; }

.title-strong-orange a.section-title:hover,
a.section-title-strong-orange:hover {
  background: #bd5112; }

.title-arrow-strong-orange a.section-title:hover:before,
.title-reload-strong-orange a.section-title:hover:before,
a.section-title-arrow-strong-orange:hover:before, a.section-title-reload-strong-orange:hover:before {
  background: #bd5112; }

.title-red .section-title,
.section-title-red {
  background: #d42e1a;
  color: white; }
  .title-red .section-title .negative,
  .section-title-red .negative {
    color: #d42e1a; }

.title-arrow-red .section-title:after,
.title-reload-red .section-title:after,
.section-title-arrow-red:after, .section-title-reload-red:after {
  color: white; }

.title-arrow-red .section-title:before,
.title-reload-red .section-title:before,
.section-title-arrow-red:before, .section-title-reload-red:before {
  background: #d42e1a; }

.title-red.title-arrow-red .section-title,
.title-red.title-reload-red .section-title,
.section-title-red.section-title-arrow-red,
.section-title-red.section-title-reload-red {
  background: #a72414; }
  .title-red.title-arrow-red .section-title:after,
  .title-red.title-reload-red .section-title:after,
  .section-title-red.section-title-arrow-red:after,
  .section-title-red.section-title-reload-red:after {
    color: white; }
  .title-red.title-arrow-red .section-title:before,
  .title-red.title-reload-red .section-title:before,
  .section-title-red.section-title-arrow-red:before,
  .section-title-red.section-title-reload-red:before {
    background: #d42e1a; }

.title-red a.section-title:hover,
a.section-title-red:hover {
  background: #a72414; }

.title-arrow-red a.section-title:hover:before,
.title-reload-red a.section-title:hover:before,
a.section-title-arrow-red:hover:before, a.section-title-reload-red:hover:before {
  background: #a72414; }

.title-dark-red .section-title,
.section-title-dark-red {
  background: #791a0f;
  color: white; }
  .title-dark-red .section-title .negative,
  .section-title-dark-red .negative {
    color: #791a0f; }

.title-arrow-dark-red .section-title:after,
.title-reload-dark-red .section-title:after,
.section-title-arrow-dark-red:after, .section-title-reload-dark-red:after {
  color: white; }

.title-arrow-dark-red .section-title:before,
.title-reload-dark-red .section-title:before,
.section-title-arrow-dark-red:before, .section-title-reload-dark-red:before {
  background: #791a0f; }

.title-dark-red.title-arrow-dark-red .section-title,
.title-dark-red.title-reload-dark-red .section-title,
.section-title-dark-red.section-title-arrow-dark-red,
.section-title-dark-red.section-title-reload-dark-red {
  background: #4c1009; }
  .title-dark-red.title-arrow-dark-red .section-title:after,
  .title-dark-red.title-reload-dark-red .section-title:after,
  .section-title-dark-red.section-title-arrow-dark-red:after,
  .section-title-dark-red.section-title-reload-dark-red:after {
    color: white; }
  .title-dark-red.title-arrow-dark-red .section-title:before,
  .title-dark-red.title-reload-dark-red .section-title:before,
  .section-title-dark-red.section-title-arrow-dark-red:before,
  .section-title-dark-red.section-title-reload-dark-red:before {
    background: #791a0f; }

.title-dark-red a.section-title:hover,
a.section-title-dark-red:hover {
  background: #4c1009; }

.title-arrow-dark-red a.section-title:hover:before,
.title-reload-dark-red a.section-title:hover:before,
a.section-title-arrow-dark-red:hover:before, a.section-title-reload-dark-red:hover:before {
  background: #4c1009; }

.title-bordeaux .section-title,
.section-title-bordeaux {
  background: #963254;
  color: white; }
  .title-bordeaux .section-title .negative,
  .section-title-bordeaux .negative {
    color: #963254; }

.title-arrow-bordeaux .section-title:after,
.title-reload-bordeaux .section-title:after,
.section-title-arrow-bordeaux:after, .section-title-reload-bordeaux:after {
  color: white; }

.title-arrow-bordeaux .section-title:before,
.title-reload-bordeaux .section-title:before,
.section-title-arrow-bordeaux:before, .section-title-reload-bordeaux:before {
  background: #963254; }

.title-bordeaux.title-arrow-bordeaux .section-title,
.title-bordeaux.title-reload-bordeaux .section-title,
.section-title-bordeaux.section-title-arrow-bordeaux,
.section-title-bordeaux.section-title-reload-bordeaux {
  background: #70253f; }
  .title-bordeaux.title-arrow-bordeaux .section-title:after,
  .title-bordeaux.title-reload-bordeaux .section-title:after,
  .section-title-bordeaux.section-title-arrow-bordeaux:after,
  .section-title-bordeaux.section-title-reload-bordeaux:after {
    color: white; }
  .title-bordeaux.title-arrow-bordeaux .section-title:before,
  .title-bordeaux.title-reload-bordeaux .section-title:before,
  .section-title-bordeaux.section-title-arrow-bordeaux:before,
  .section-title-bordeaux.section-title-reload-bordeaux:before {
    background: #963254; }

.title-bordeaux a.section-title:hover,
a.section-title-bordeaux:hover {
  background: #70253f; }

.title-arrow-bordeaux a.section-title:hover:before,
.title-reload-bordeaux a.section-title:hover:before,
a.section-title-arrow-bordeaux:hover:before, a.section-title-reload-bordeaux:hover:before {
  background: #70253f; }

.title-pink .section-title,
.section-title-pink {
  background: #f43d80;
  color: white; }
  .title-pink .section-title .negative,
  .section-title-pink .negative {
    color: #f43d80; }

.title-arrow-pink .section-title:after,
.title-reload-pink .section-title:after,
.section-title-arrow-pink:after, .section-title-reload-pink:after {
  color: white; }

.title-arrow-pink .section-title:before,
.title-reload-pink .section-title:before,
.section-title-arrow-pink:before, .section-title-reload-pink:before {
  background: #f43d80; }

.title-pink.title-arrow-pink .section-title,
.title-pink.title-reload-pink .section-title,
.section-title-pink.section-title-arrow-pink,
.section-title-pink.section-title-reload-pink {
  background: #f00e61; }
  .title-pink.title-arrow-pink .section-title:after,
  .title-pink.title-reload-pink .section-title:after,
  .section-title-pink.section-title-arrow-pink:after,
  .section-title-pink.section-title-reload-pink:after {
    color: white; }
  .title-pink.title-arrow-pink .section-title:before,
  .title-pink.title-reload-pink .section-title:before,
  .section-title-pink.section-title-arrow-pink:before,
  .section-title-pink.section-title-reload-pink:before {
    background: #f43d80; }

.title-pink a.section-title:hover,
a.section-title-pink:hover {
  background: #f00e61; }

.title-arrow-pink a.section-title:hover:before,
.title-reload-pink a.section-title:hover:before,
a.section-title-arrow-pink:hover:before, a.section-title-reload-pink:hover:before {
  background: #f00e61; }

.title-mauve .section-title,
.section-title-mauve {
  background: #D473D4;
  color: white; }
  .title-mauve .section-title .negative,
  .section-title-mauve .negative {
    color: #D473D4; }

.title-arrow-mauve .section-title:after,
.title-reload-mauve .section-title:after,
.section-title-arrow-mauve:after, .section-title-reload-mauve:after {
  color: white; }

.title-arrow-mauve .section-title:before,
.title-reload-mauve .section-title:before,
.section-title-arrow-mauve:before, .section-title-reload-mauve:before {
  background: #D473D4; }

.title-mauve.title-arrow-mauve .section-title,
.title-mauve.title-reload-mauve .section-title,
.section-title-mauve.section-title-arrow-mauve,
.section-title-mauve.section-title-reload-mauve {
  background: #c84cc8; }
  .title-mauve.title-arrow-mauve .section-title:after,
  .title-mauve.title-reload-mauve .section-title:after,
  .section-title-mauve.section-title-arrow-mauve:after,
  .section-title-mauve.section-title-reload-mauve:after {
    color: white; }
  .title-mauve.title-arrow-mauve .section-title:before,
  .title-mauve.title-reload-mauve .section-title:before,
  .section-title-mauve.section-title-arrow-mauve:before,
  .section-title-mauve.section-title-reload-mauve:before {
    background: #D473D4; }

.title-mauve a.section-title:hover,
a.section-title-mauve:hover {
  background: #c84cc8; }

.title-arrow-mauve a.section-title:hover:before,
.title-reload-mauve a.section-title:hover:before,
a.section-title-arrow-mauve:hover:before, a.section-title-reload-mauve:hover:before {
  background: #c84cc8; }

.title-violin .section-title,
.section-title-violin {
  background: #A10684;
  color: white; }
  .title-violin .section-title .negative,
  .section-title-violin .negative {
    color: #A10684; }

.title-arrow-violin .section-title:after,
.title-reload-violin .section-title:after,
.section-title-arrow-violin:after, .section-title-reload-violin:after {
  color: white; }

.title-arrow-violin .section-title:before,
.title-reload-violin .section-title:before,
.section-title-arrow-violin:before, .section-title-reload-violin:before {
  background: #A10684; }

.title-violin.title-arrow-violin .section-title,
.title-violin.title-reload-violin .section-title,
.section-title-violin.section-title-arrow-violin,
.section-title-violin.section-title-reload-violin {
  background: #70045c; }
  .title-violin.title-arrow-violin .section-title:after,
  .title-violin.title-reload-violin .section-title:after,
  .section-title-violin.section-title-arrow-violin:after,
  .section-title-violin.section-title-reload-violin:after {
    color: white; }
  .title-violin.title-arrow-violin .section-title:before,
  .title-violin.title-reload-violin .section-title:before,
  .section-title-violin.section-title-arrow-violin:before,
  .section-title-violin.section-title-reload-violin:before {
    background: #A10684; }

.title-violin a.section-title:hover,
a.section-title-violin:hover {
  background: #70045c; }

.title-arrow-violin a.section-title:hover:before,
.title-reload-violin a.section-title:hover:before,
a.section-title-arrow-violin:hover:before, a.section-title-reload-violin:hover:before {
  background: #70045c; }

.title-grey .section-title,
.section-title-grey {
  background: #d8d8d8;
  color: white; }
  .title-grey .section-title .negative,
  .section-title-grey .negative {
    color: #d8d8d8; }

.title-arrow-grey .section-title:after,
.title-reload-grey .section-title:after,
.section-title-arrow-grey:after, .section-title-reload-grey:after {
  color: white; }

.title-arrow-grey .section-title:before,
.title-reload-grey .section-title:before,
.section-title-arrow-grey:before, .section-title-reload-grey:before {
  background: #d8d8d8; }

.title-grey.title-arrow-grey .section-title,
.title-grey.title-reload-grey .section-title,
.section-title-grey.section-title-arrow-grey,
.section-title-grey.section-title-reload-grey {
  background: #d8d8d8; }
  .title-grey.title-arrow-grey .section-title:after,
  .title-grey.title-reload-grey .section-title:after,
  .section-title-grey.section-title-arrow-grey:after,
  .section-title-grey.section-title-reload-grey:after {
    color: white; }
  .title-grey.title-arrow-grey .section-title:before,
  .title-grey.title-reload-grey .section-title:before,
  .section-title-grey.section-title-arrow-grey:before,
  .section-title-grey.section-title-reload-grey:before {
    background: #cbcbcb; }

.title-grey a.section-title:hover,
a.section-title-grey:hover {
  background: #d8d8d8; }

.title-arrow-grey a.section-title:hover:before,
.title-reload-grey a.section-title:hover:before,
a.section-title-arrow-grey:hover:before, a.section-title-reload-grey:hover:before {
  background: #d8d8d8; }

.title-grey-light .section-title,
.section-title-grey-light {
  background: #f0f0f0;
  color: #555; }
  .title-grey-light .section-title .negative,
  .section-title-grey-light .negative {
    color: #f0f0f0; }

.title-arrow-grey-light .section-title:after,
.title-reload-grey-light .section-title:after,
.section-title-arrow-grey-light:after, .section-title-reload-grey-light:after {
  color: #555; }

.title-arrow-grey-light .section-title:before,
.title-reload-grey-light .section-title:before,
.section-title-arrow-grey-light:before, .section-title-reload-grey-light:before {
  background: #f0f0f0; }

.title-grey-light.title-arrow-grey-light .section-title,
.title-grey-light.title-reload-grey-light .section-title,
.section-title-grey-light.section-title-arrow-grey-light,
.section-title-grey-light.section-title-reload-grey-light {
  background: #f0f0f0; }
  .title-grey-light.title-arrow-grey-light .section-title:after,
  .title-grey-light.title-reload-grey-light .section-title:after,
  .section-title-grey-light.section-title-arrow-grey-light:after,
  .section-title-grey-light.section-title-reload-grey-light:after {
    color: #555; }
  .title-grey-light.title-arrow-grey-light .section-title:before,
  .title-grey-light.title-reload-grey-light .section-title:before,
  .section-title-grey-light.section-title-arrow-grey-light:before,
  .section-title-grey-light.section-title-reload-grey-light:before {
    background: #e3e3e3; }

.title-grey-light a.section-title:hover,
a.section-title-grey-light:hover {
  background: #e3e3e3; }

.title-arrow-grey-light a.section-title:hover:before,
.title-reload-grey-light a.section-title:hover:before,
a.section-title-arrow-grey-light:hover:before, a.section-title-reload-grey-light:hover:before {
  background: #e3e3e3; }

.title-grey-super-light .section-title,
.section-title-grey-super-light {
  background: #F8F8F8;
  color: white; }
  .title-grey-super-light .section-title .negative,
  .section-title-grey-super-light .negative {
    color: #F8F8F8; }

.title-arrow-grey-super-light .section-title:after,
.title-reload-grey-super-light .section-title:after,
.section-title-arrow-grey-super-light:after, .section-title-reload-grey-super-light:after {
  color: white; }

.title-arrow-grey-super-light .section-title:before,
.title-reload-grey-super-light .section-title:before,
.section-title-arrow-grey-super-light:before, .section-title-reload-grey-super-light:before {
  background: #F8F8F8; }

.title-grey-super-light.title-arrow-grey-super-light .section-title,
.title-grey-super-light.title-reload-grey-super-light .section-title,
.section-title-grey-super-light.section-title-arrow-grey-super-light,
.section-title-grey-super-light.section-title-reload-grey-super-light {
  background: #dfdfdf; }
  .title-grey-super-light.title-arrow-grey-super-light .section-title:after,
  .title-grey-super-light.title-reload-grey-super-light .section-title:after,
  .section-title-grey-super-light.section-title-arrow-grey-super-light:after,
  .section-title-grey-super-light.section-title-reload-grey-super-light:after {
    color: white; }
  .title-grey-super-light.title-arrow-grey-super-light .section-title:before,
  .title-grey-super-light.title-reload-grey-super-light .section-title:before,
  .section-title-grey-super-light.section-title-arrow-grey-super-light:before,
  .section-title-grey-super-light.section-title-reload-grey-super-light:before {
    background: #F8F8F8; }

.title-grey-super-light a.section-title:hover,
a.section-title-grey-super-light:hover {
  background: #dfdfdf; }

.title-arrow-grey-super-light a.section-title:hover:before,
.title-reload-grey-super-light a.section-title:hover:before,
a.section-title-arrow-grey-super-light:hover:before, a.section-title-reload-grey-super-light:hover:before {
  background: #dfdfdf; }

.title-app .section-title,
.section-title-app {
  background: #212121;
  color: white; }
  .title-app .section-title .negative,
  .section-title-app .negative {
    color: #212121; }

.title-arrow-app .section-title:after,
.title-reload-app .section-title:after,
.section-title-arrow-app:after, .section-title-reload-app:after {
  color: white; }

.title-arrow-app .section-title:before,
.title-reload-app .section-title:before,
.section-title-arrow-app:before, .section-title-reload-app:before {
  background: #212121; }

.title-app.title-arrow-app .section-title,
.title-app.title-reload-app .section-title,
.section-title-app.section-title-arrow-app,
.section-title-app.section-title-reload-app {
  background: #080808; }
  .title-app.title-arrow-app .section-title:after,
  .title-app.title-reload-app .section-title:after,
  .section-title-app.section-title-arrow-app:after,
  .section-title-app.section-title-reload-app:after {
    color: white; }
  .title-app.title-arrow-app .section-title:before,
  .title-app.title-reload-app .section-title:before,
  .section-title-app.section-title-arrow-app:before,
  .section-title-app.section-title-reload-app:before {
    background: #212121; }

.title-app a.section-title:hover,
a.section-title-app:hover {
  background: #080808; }

.title-arrow-app a.section-title:hover:before,
.title-reload-app a.section-title:hover:before,
a.section-title-arrow-app:hover:before, a.section-title-reload-app:hover:before {
  background: #080808; }

.title-sport .section-title,
.section-title-sport {
  background: #00876a;
  color: white; }
  .title-sport .section-title .negative,
  .section-title-sport .negative {
    color: #00876a; }

.title-arrow-sport .section-title:after,
.title-reload-sport .section-title:after,
.section-title-arrow-sport:after, .section-title-reload-sport:after {
  color: white; }

.title-arrow-sport .section-title:before,
.title-reload-sport .section-title:before,
.section-title-arrow-sport:before, .section-title-reload-sport:before {
  background: #00876a; }

.title-sport.title-arrow-sport .section-title,
.title-sport.title-reload-sport .section-title,
.section-title-sport.section-title-arrow-sport,
.section-title-sport.section-title-reload-sport {
  background: #00876a; }
  .title-sport.title-arrow-sport .section-title:after,
  .title-sport.title-reload-sport .section-title:after,
  .section-title-sport.section-title-arrow-sport:after,
  .section-title-sport.section-title-reload-sport:after {
    color: white; }
  .title-sport.title-arrow-sport .section-title:before,
  .title-sport.title-reload-sport .section-title:before,
  .section-title-sport.section-title-arrow-sport:before,
  .section-title-sport.section-title-reload-sport:before {
    background: #005442; }

.title-sport a.section-title:hover,
a.section-title-sport:hover {
  background: #005442; }

.title-arrow-sport a.section-title:hover:before,
.title-reload-sport a.section-title:hover:before,
a.section-title-arrow-sport:hover:before, a.section-title-reload-sport:hover:before {
  background: #005442; }

.page-title {
  font-size: 2em;
  font-weight: bold;
  padding: 0 10px;
  z-index: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: black;
  position: relative;
  top: initial;
  left: initial;
  bottom: initial;
  right: initial; }
  @media (max-width: 1019px) {
    .page-title {
      font-size: 1.4em;
      margin: 10px 0; } }

.title {
  font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
  font-size: 20px;
  line-height: 26px;
  margin: 10px 0;
  font-weight: 700;
  color: black;
  display: block; }
  .title.extra-large {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 10px; }
  .title.very-small {
    font-size: 14px;
    line-height: 20px; }
  .title.small {
    font-size: 16px;
    line-height: 24px; }
  .title.bordered-top {
    border-top: 1px solid #f0f0f0;
    padding-top: 5px; }

.entry-summary {
  color: black;
  margin-top: -7px;
  font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: bold; }

.tag {
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
  background: #f0f0f0;
  color: #848484;
  margin-right: 0.28em; }
  .tag [class*='icon-'] {
    margin-right: 0.5em;
    color: #848484; }

.tag-linkedin [class*='icon-'], .tag-deep-blue [class*='icon-'], .tag-dark-blue [class*='icon-'], .tag-facebook [class*='icon-'], .tag-blue [class*='icon-'], .tag-twitter [class*='icon-'], .tag-cyan [class*='icon-'], .tag-duckblue [class*='icon-'], .tag-blue-green [class*='icon-'], .tag-green [class*='icon-'], .tag-yellowgreen [class*='icon-'], .tag-email [class*='icon-'], .tag-yellow [class*='icon-'], .tag-premium [class*='icon-'], .tag-orange [class*='icon-'], .tag-strong-orange [class*='icon-'], .tag-red [class*='icon-'], .tag-dark-red [class*='icon-'], .tag-bordeaux [class*='icon-'], .tag-pink [class*='icon-'], .tag-mauve [class*='icon-'], .tag-violin [class*='icon-'], .tag-grey [class*='icon-'], .tag-grey-light [class*='icon-'], .tag-grey-super-light [class*='icon-'], .tag-app [class*='icon-'] {
  color: white; }

.tag-linkedin {
  background: #00476a;
  color: white; }

.tag-deep-blue {
  background: #102D69;
  color: white; }

.tag-dark-blue {
  background: #205576;
  color: white; }

.tag-facebook {
  background: #5070ab;
  color: white; }

.tag-blue {
  background: #5297d2;
  color: white; }

.tag-twitter {
  background: #01bdeb;
  color: white; }

.tag-cyan {
  background: #00BBD9;
  color: white; }

.tag-duckblue {
  background: #048B9A;
  color: white; }

.tag-blue-green {
  background: #00876a;
  color: white; }

.tag-green {
  background: #00876a;
  color: white; }

.tag-yellowgreen {
  background: #b2c500;
  color: white; }

.tag-email {
  background: #b2c500;
  color: white; }

.tag-yellow {
  background: #ffc400;
  color: white; }

.tag-premium {
  background: #ffc400;
  color: white; }

.tag-orange {
  background: #F4A623;
  color: white; }

.tag-strong-orange {
  background: #e96519;
  color: white; }

.tag-red {
  background: #d42e1a;
  color: white; }

.tag-dark-red {
  background: #791a0f;
  color: white; }

.tag-bordeaux {
  background: #963254;
  color: white; }

.tag-pink {
  background: #f43d80;
  color: white; }

.tag-mauve {
  background: #D473D4;
  color: white; }

.tag-violin {
  background: #A10684;
  color: white; }

.tag-grey {
  background: #d8d8d8;
  color: white; }

.tag-grey-light {
  background: #f0f0f0;
  color: white; }

.tag-grey-super-light {
  background: #F8F8F8;
  color: white; }

.tag-app {
  background: #212121;
  color: white; }

a.tag:hover {
  background: black;
  color: white; }

a.tag {
  cursor: pointer; }

figure img.placeholder-0 {
  background-color: #048B9A; }

figure img.placeholder-1 {
  background-color: #048B9A; }

figure img.placeholder-2 {
  background-color: #b2c500; }

figure img.placeholder-3 {
  background-color: #f43d80; }

figure img.placeholder-4 {
  background-color: #F4A623; }

figure img.placeholder-5 {
  background-color: #d42e1a; }

figure img.placeholder-6 {
  background-color: #f43d80; }

figure img.placeholder-7 {
  background-color: #A10684; }

figure .brand {
  color: white;
  z-index: 1;
  margin-left: -0.5em;
  margin-top: -0.5em;
  font-size: 6em;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: initial;
  right: initial;
  opacity: 0.7;
  display: inline-block;
  width: auto;
  height: auto; }
  figure .brand [class*='icon-']:before {
    font-family: "GSOI";
    content: '\e901';
    color: white; }

figure figcaption {
  color: #848484;
  font-style: normal;
  font-size: 12px;
  padding: 0 20px;
  font-family: "SF Text", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
  font-weight: bold;
  border-left: 1px solid #F8F8F8;
  margin-left: 20px;
  padding-left: 5px;
  line-height: 20px;
  padding-top: 10px; }
  figure figcaption .credits {
    color: #d8d8d8;
    font-weight: normal; }

figure .social {
  display: none; }
  figure .social .comments-bubble {
    font-size: 14px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    margin-bottom: 0;
    transition: background 0.3s;
    display: inline-block;
    width: 30px;
    height: 30px; }

figure[max-width^='150px'] .social {
  display: none; }

figure[max-height^='180px'] .brand {
  font-size: 3em; }

figure .social-portfolio {
  position: absolute;
  top: initial;
  left: initial;
  bottom: initial;
  right: initial; }
  figure .social-portfolio .btn {
    display: block;
    margin: 10px 0 0;
    margin-left: -80px;
    transition: all 0.4s; }
    figure .social-portfolio .btn.popover-opened {
      margin-left: 0; }
  figure .social-portfolio .section-title {
    margin-top: 20px;
    margin-left: -200px;
    height: 30px;
    transition: margin-left 0.6s; }

figure.social-visible .social .btn {
  margin-top: 0; }

figure.social-visible .social-portfolio .btn, figure.social-visible .social-portfolio .section-title {
  margin-left: 0; }

@media (min-width: 1020px) {
  figure:hover .social .btn, figure.hover .social .btn {
    margin-top: 0; }
  figure:hover .social-portfolio .btn, figure:hover .social-portfolio .section-title, figure.hover .social-portfolio .btn, figure.hover .social-portfolio .section-title {
    margin-left: 0; } }

@media (min-width: 668px) and (max-width: 1019px) {
  figure .social .btn {
    margin-top: 0; }
  figure .social-portfolio .btn, figure .social-portfolio .section-title {
    margin-left: 0; } }

@media (max-width: 667px) {
  figure a + .social .btn, figure span + .social .btn {
    margin-top: 0; } }

html.mobile figure .social .btn {
  margin-top: 0; }

html.mobile figure .social-portfolio .btn, html.mobile figure .social-portfolio .section-title {
  margin-left: 0; }

.brand {
  line-height: 1em;
  display: inline-block; }
  .brand.brand-red {
    color: white;
    background: #d42e1a;
    padding: 0.2em 0.2em 0.05em; }
  .brand.brand-transparent {
    color: white; }

.article-social, .articles.related, .sidebar, .comments {
  display: none !important; }