@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
.article-social .recommendations { line-height: 1.1667em; }

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

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

.article-title, .article-content blockquote, .article-content blockquote cite, .article-content blockquote.bubble .text, .article-content .medal .text { font-size: 20px; line-height: 1.3em; }
@media (max-width: 667px) { .article-title, .article-content blockquote, .article-content blockquote cite, .article-content blockquote.bubble .text, .article-content .medal .text { line-height: 1.5em; } }

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

.article-content p.question, .article-content .interview-question { font-size: 20px; line-height: 1.4em; }

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

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

.article-description, .article-content .medal .text { font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif, sans; }

.float-left { float: left; }

.float-right { float: right; }

.column-1-3 { width: 33.33%; float: left; padding-right: 15px; margin-left: 7.5px; margin-right: -7.5px; }
.column-1-3.left { padding-right: 12.5px; margin-left: 0; margin-right: 0; }
.column-1-3.right { padding: 0 0 0 12.5px; margin-right: 0; margin-left: 0; }
@media (max-width: 1019px) { .column-1-3 { float: none; width: 100%; } }

.column-2-3 { width: 66.66%; float: left; padding-right: 7.5px; margin-left: 7.5px; }
.column-2-3.left { margin-left: 0px; }
.column-2-3.right { padding: 0 0 0 7.5px; margin-left: 0; }
@media (max-width: 1019px) { .column-2-3 { float: none; width: 100%; } }

.column-1-2 { width: 50%; float: left; padding-right: 10px; margin-left: 10px; }
.column-1-2.left { margin-left: 0px; }
.column-1-2.right { padding: 0 0 0 10px; margin-left: 0; }
@media (max-width: 1019px) { .column-1-2 { float: none; width: 100%; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sprite-99 { width: 55px; height: 55px; 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; }

@font-face { font-family: "Open Sans"; src: url("../fonts/opensans-bold-webfont.eot"); src: url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("http://assets.sudouest.fr/so/fonts/opensans-bold-webfont.svg#open_sansbold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: "Open Sans"; src: url("../fonts/opensans-regular-webfont.eot"); src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("http://assets.sudouest.fr/so/fonts/opensans-regular-webfont.svg#open_sansregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Bitter"; src: url("../fonts/bitter-bold-webfont.eot"); src: url("../fonts/bitter-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bitter-bold-webfont.woff") format("woff"), url("../fonts/bitter-bold-webfont.ttf") format("truetype"), url("http://assets.sudouest.fr/so/fonts/bitter-bold-webfont.svg#bitterbold") format("svg"); font-weight: normal; font-style: normal; }
@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); 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; width: auto; height: auto; }

.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: 100%; left: auto; 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; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: -1.6em; margin-top: -0.8em; }
.article figure[min-height~='0px'].video, .article figure[min-height~='0px'].photo, .article figure[min-height~='0px'].poll, .article figure[min-height~='0px'].yesno, .article figure[min-height~='0px'].questionmark, .article figure[min-height~='0px'].live, .article figure[min-height~='0px'].audio, .article figure[min-height~='0px'].exclu, .article figure[min-height~='0px'].map, .article figure[min-height~='0px'].edito, .article figure[min-height~='0px'].infographics { font-size: 9px; }
.article figure[min-height~='100px'].video, .article figure[min-height~='100px'].photo, .article figure[min-height~='100px'].poll, .article figure[min-height~='100px'].yesno, .article figure[min-height~='100px'].questionmark, .article figure[min-height~='100px'].live, .article figure[min-height~='100px'].audio, .article figure[min-height~='100px'].exclu, .article figure[min-height~='100px'].map, .article figure[min-height~='100px'].edito, .article figure[min-height~='100px'].infographics { font-size: 14px; }
.article figure[min-height~='200px'].video, .article figure[min-height~='200px'].photo, .article figure[min-height~='200px'].poll, .article figure[min-height~='200px'].yesno, .article figure[min-height~='200px'].questionmark, .article figure[min-height~='200px'].live, .article figure[min-height~='200px'].audio, .article figure[min-height~='200px'].exclu, .article figure[min-height~='200px'].map, .article figure[min-height~='200px'].edito, .article figure[min-height~='200px'].infographics { font-size: 19px; }
.article figure[min-height~='280px'].video, .article figure[min-height~='280px'].photo, .article figure[min-height~='280px'].poll, .article figure[min-height~='280px'].yesno, .article figure[min-height~='280px'].questionmark, .article figure[min-height~='280px'].live, .article figure[min-height~='280px'].audio, .article figure[min-height~='280px'].exclu, .article figure[min-height~='280px'].map, .article figure[min-height~='280px'].edito, .article figure[min-height~='280px'].infographics { font-size: 23px; }
.article figure[min-height~='360px'].video, .article figure[min-height~='360px'].photo, .article figure[min-height~='360px'].poll, .article figure[min-height~='360px'].yesno, .article figure[min-height~='360px'].questionmark, .article figure[min-height~='360px'].live, .article figure[min-height~='360px'].audio, .article figure[min-height~='360px'].exclu, .article figure[min-height~='360px'].map, .article figure[min-height~='360px'].edito, .article figure[min-height~='360px'].infographics { font-size: 27px; }
.article figure[min-height~='480px'].video, .article figure[min-height~='480px'].photo, .article figure[min-height~='480px'].poll, .article figure[min-height~='480px'].yesno, .article figure[min-height~='480px'].questionmark, .article figure[min-height~='480px'].live, .article figure[min-height~='480px'].audio, .article figure[min-height~='480px'].exclu, .article figure[min-height~='480px'].map, .article figure[min-height~='480px'].edito, .article figure[min-height~='480px'].infographics { font-size: 33px; }
.article figure[min-height~='600px'].video, .article figure[min-height~='600px'].photo, .article figure[min-height~='600px'].poll, .article figure[min-height~='600px'].yesno, .article figure[min-height~='600px'].questionmark, .article figure[min-height~='600px'].live, .article figure[min-height~='600px'].audio, .article figure[min-height~='600px'].exclu, .article figure[min-height~='600px'].map, .article figure[min-height~='600px'].edito, .article figure[min-height~='600px'].infographics { font-size: 39px; }
.article figure[min-height~='720px'].video, .article figure[min-height~='720px'].photo, .article figure[min-height~='720px'].poll, .article figure[min-height~='720px'].yesno, .article figure[min-height~='720px'].questionmark, .article figure[min-height~='720px'].live, .article figure[min-height~='720px'].audio, .article figure[min-height~='720px'].exclu, .article figure[min-height~='720px'].map, .article figure[min-height~='720px'].edito, .article figure[min-height~='720px'].infographics { 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 { -webkit-animation: 2s linear 0s normal none infinite running fa-spin; -moz-animation: 2s linear 0s normal none infinite running fa-spin; -ms-animation: 2s linear 0s normal none infinite running fa-spin; -o-animation: 2s linear 0s normal none infinite running fa-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("http://assets.sudouest.fr/so/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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

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

button, input, textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; }
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; }

.article-content .full-content > div > p.lettrine:first-letter, .article-content .full-content > p.lettrine:first-letter { float: left; padding: 0; margin: 2px 8px -7px -3px; font-size: 62px; line-height: 58px; color: #da121f; font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: bold; display: block; width: auto; height: auto; }
@-moz-document url-prefix() { .article-content .full-content > div > p.lettrine:first-letter, .article-content .full-content > p.lettrine:first-letter { margin-top: 10px; } }
.uppercase { text-transform: uppercase; }

.article-content .medal .text { text-align: center; }

.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: "Bitter", "Georgia", serif; font-weight: bold; word-spacing: -0.02em; text-rendering: optimizeLegibility; }

.section-title { font-family: "Bitter", "Georgia", 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-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-green, .text-green:hover, .text-green:active, .text-green:visited { color: #b2c106; }
.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: #ff9126; }
.text-orange::first-letter { color: inherit; }

.text-red, .text-red:hover, .text-red:active, .text-red:visited { color: #da121f; }
.text-red::first-letter { color: inherit; }

.text-dark-red, .text-dark-red:hover, .text-dark-red:active, .text-dark-red:visited { color: #7c0a12; }
.text-dark-red::first-letter { color: inherit; }

.text-bordeaux, .text-bordeaux:hover, .text-bordeaux:active, .text-bordeaux:visited { color: #953153; }
.text-bordeaux::first-letter { color: inherit; }

.text-googleplus, .text-googleplus:hover, .text-googleplus:active, .text-googleplus:visited { color: #ef3238; }
.text-googleplus::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; }

.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-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-green { display: inline-block; }
.first-letter-green:first-letter { color: #b2c106; }
.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: #ff9126; }
.first-letter-orange.section-title, .first-letter-orange.page-title, .first-letter-orange.article-title { display: block; }

.first-letter-red { display: inline-block; }
.first-letter-red:first-letter { color: #da121f; }
.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: #7c0a12; }
.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: #953153; }
.first-letter-bordeaux.section-title, .first-letter-bordeaux.page-title, .first-letter-bordeaux.article-title { display: block; }

.first-letter-googleplus { display: inline-block; }
.first-letter-googleplus:first-letter { color: #ef3238; }
.first-letter-googleplus.section-title, .first-letter-googleplus.page-title, .first-letter-googleplus.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; }

.article-full .article-social, .article-content p.video, .article-content ul, .article-content ol { margin-left: -20px; margin-right: -20px; }

.article-content p:first-child, .article-content ul:first-child, .article-content ol:first-child, .article-content .poll-yesno:first-child, .article-content .encart:first-child { margin-top: -5px; }
.article-content * + p, .article-content * + ul, .article-content * + ol, .article-content * + .poll-yesno, .article-content * + .encart, .article-content * + p.video { margin-top: 60px; }
.article-content blockquote + p, .article-content blockquote + ul, .article-content blockquote + ol, .article-content blockquote + .poll-yesno, .article-content blockquote + .encart, .article-content blockquote + p.video { margin-top: 20px; }

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

.article-title { font-family: "Bitter", "Georgia", 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: "Bitter", "Georgia", serif; font-weight: 300; font-size: 30px; line-height: 1.1em; margin: 40px 0 20px 0; border-bottom: 1px solid #da121f; padding: 5px 0; }
.article-subtitle.linkedin { border-left-color: #00476a; }
.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.green { border-left-color: #b2c106; }
.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: #ff9126; }
.article-subtitle.red { border-left-color: #da121f; }
.article-subtitle.dark-red { border-left-color: #7c0a12; }
.article-subtitle.bordeaux { border-left-color: #953153; }
.article-subtitle.googleplus { border-left-color: #ef3238; }
.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-text, .article-content { font-family: "Georgia", serif; }

.article:hover .article-title { color: black; }

.article a:visited .article-title { color: #848484; }

.article:hover a:visited .article-title { color: #848484; }

.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; background: #da121f; margin-right: 0.7em; float: left; display: block; }
.article.feuilleton .articles-related ul li a { margin-left: 1.7em; display: block; font-family: "Open Sans", "Helvetica", "Arial", serif; }
.article.feuilleton .articles-related ul li a:hover { color: black; }
.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: "Open Sans", "Helvetica", "Arial", 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, .article.headline .article-content .medal .text, .article-content .medal .article.headline .text { 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: 2; position: absolute; top: 0; left: initial; bottom: initial; right: 0; }
figure .social .comments-bubble { letter-spacing: normal; text-align: center; background: #5297d2; color: white; 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; border-left-color: #5297d2; margin-top: -10px; display: block; width: 0; height: 0; position: absolute; top: 100%; left: 15%; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; }
figure .social .btn { margin-top: -30px; vertical-align: top; height: 30px; line-height: 22px; font-size: 14px; -webkit-transition: margin-top 0.3s; -moz-transition: margin-top 0.3s; -ms-transition: margin-top 0.3s; -o-transition: margin-top 0.3s; 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; } }
.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; }

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

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

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

a.tag { color: #848484; }

a.tag:hover { background-color: #848484; color: white; }
a.tag:hover [class*='icon-'] { color: white; }

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

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

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

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

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

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

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

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

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

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

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

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

.tag-orange, a.tag-orange { background: #ff9126; color: white; }

.tag-red, a.tag-red { background: #da121f; color: white; }

.tag-dark-red, a.tag-dark-red { background: #7c0a12; color: white; }

.tag-bordeaux, a.tag-bordeaux { background: #953153; color: white; }

.tag-googleplus, a.tag-googleplus { background: #ef3238; color: white; }

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

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

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

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

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

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

.article-header { text-align: center; padding-top: 0; margin-bottom: 10px; }
.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: 10px; top: 0; }
.article-header figure figcaption .credits { color: #212121; display: inline; font-style: italic; text-transform: uppercase; font-weight: 100; }
.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: "Open Sans", "Helvetica", "Arial", 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: "Open Sans", "Helvetica", "Arial", 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; }
.article-header .page-title { margin: 0 0 10px 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; }

.article-content { padding-top: 20px; background: white; margin: -20px -20px 0; padding: 20px; }
.article-content:after { content: ""; clear: both; display: block; }
.article-content figure img { width: auto; max-width: 100%; }
.article-content.article-portfolio figure { margin-top: 0; margin-bottom: 0; display: block; width: auto; height: auto; }
.article-content.article-portfolio figure .caption { background: none; color: black; position: static; padding: 5px 10px 0; border-left: 5px solid #f0f0f0; margin-left: 20px; margin-bottom: 20px; }
.article-content.article-portfolio .excerpt p { margin-bottom: 10px; }
.article-content.article-portfolio .article-metas { margin-bottom: -10px; margin-top: 40px; }
.article-content strong, .article-content b { font-weight: bold; }
.article-content em, .article-content i { font-style: italic; }
.article-content a:not([class]) { color: #3b7db6; border-bottom: 1px dotted #8fc6f6; }
.article-content a:not([class]):hover { color: #2c9eff; }
.article-content .social a { color: white; }
.article-content .social a:hover { color: white; }
.article-content blockquote { font-family: "Georgia", serif; font-style: italic; font-weight: normal; border-left: 10px solid #f0f0f0; padding-left: 10px; margin: 20px 0 40px; }
.article-content blockquote cite { font-family: "Open Sans", "Helvetica", "Arial", serif; font-style: normal; font-weight: normal; color: #848484; padding-left: 20px; padding-top: 10px; display: block; width: auto; height: auto; }
.article-content blockquote.bubble { border: 0; padding: 0; margin-bottom: 40px; }
.article-content blockquote.bubble .text { color: white; background: #212121; padding: 20px; display: block; width: auto; height: auto; position: relative; top: initial; left: initial; bottom: initial; right: initial; }
.article-content blockquote.bubble .text:before { content: ""; color: #212121; font-style: normal; font-size: 12px; line-height: 12px; content: ""; margin-top: -1px; position: absolute; top: 100%; left: 20px; bottom: initial; right: initial; }
.article-content p.question { font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: bold; margin: 40px 0 0 0; padding: 5px 0; }
.article-content p.answer { position: relative; margin-top: 0; padding-left: 10px; }
.article-content p.answer:before { content: ""; color: red; font-size: 20px; line-height: 20px; margin-top: -10px; margin-left: -20px; content: ""; position: absolute; top: 20px; left: 0; bottom: initial; right: initial; }
.article-content p > img { max-width: 100%; }
.article-content .interview-answer { position: relative; margin-top: 0; padding-left: 10px; }
.article-content .interview-answer:before { content: ""; color: red; font-size: 20px; line-height: 20px; margin-top: -10px; margin-left: -20px; content: ""; position: absolute; top: 20px; left: 0; bottom: initial; right: initial; }
.article-content .interview-question { font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: bold; margin: 40px 0 0 0; padding: 5px 0; }
.article-content .encart { clear: both; margin-bottom: 60px; }
.article-content .encart h3 { font-family: "Bitter", "Georgia", serif; font-weight: bold; font-size: 20px; line-height: 20px; margin: 0 0 10px; text-rendering: optimizeLegibility; }
.article-content .encart p { margin-top: 20px; }
.article-content p.video object { max-width: 100% important; }
.article-content ul li { border-left: 10px solid #d8d8d8; padding-left: 20px; }
.article-content ol li { padding: 0 10px 0 50px; counter-increment: lis; position: relative; top: initial; left: initial; bottom: initial; right: initial; }
.article-content ol li:before { content: counter(lis); background: #f0f0f0; color: #555; font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: bold; font-size: 20px; line-height: 40px; text-align: center; display: block; width: 40px; height: 40px; position: absolute; top: 7px; left: 0; bottom: initial; right: initial; }
.article-content ul li + li, .article-content ol li + li { margin-top: 30px; }
.article-content .excerpt { margin: 0 -20px 20px; padding: 13px 20px 20px; font-family: "Open Sans", "Helvetica", "Arial", serif; font-size: 20px; font-weight: bold; position: relative; }
.article-content .excerpt:after { content: ""; display: block; width: auto; height: auto; position: absolute; top: initial; left: 0; bottom: 0; right: 5px; border-bottom: 1px solid #F8F8F8; }
.article-content .excerpt + * { margin-top: 20px; }
.article-content .short { position: relative; top: initial; left: initial; bottom: initial; right: initial; }
.article-content .short .fade { position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: url("../../img/article-fade.png") repeat-x left bottom; z-index: 1; }
.article-content .medal { border-radius: 50%; background: #F8F8F8; overflow: hidden; position: relative; top: initial; left: initial; bottom: initial; right: initial; }
.article-content .medal img { min-width: 100%; }
.article-content .medal .text { color: #333; position: absolute; top: 20%; left: 17%; bottom: 15%; right: 17%; }
.article-content .medal .text strong { font-family: "Bitter", "Georgia", serif; font-weight: bold; word-spacing: -0.02em; margin: 20px 0 5px; padding-bottom: 5px; border-bottom: 1px solid #f0f0f0; text-rendering: optimizeLegibility; display: block; width: auto; height: auto; }
@media (max-width: 480px) { .article-content .medal .text { font-size: 18px; position: absolute; top: 23%; left: 17%; bottom: 15%; right: 17%; }
  .article-content .medal .text strong { font-size: 36px; } }
.article-content .div_idalgo_container { margin: 40px 0; }
.article-content figure { margin-top: 20px; clear: both; }
@media (max-width: 480px) { .article-content figure { margin-left: -20px; margin-right: -20px; }
  .article-content figure figcaption { border-left: none; } }
.article-content a:not([class]) { border: none; text-decoration: underline; }
.article-content h3, .article-content .encart h3 { font-size: 25px; line-height: 35px; font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: bold; margin: 40px 0 10px; color: black; }
@media (max-width: 1019px) { .article-content h3, .article-content .encart h3 { font-size: 20px; line-height: 26px; } }
.article-content .excerpt { font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: bold; font-size: 18px; line-height: 30px; padding-bottom: 0; border: none; padding-top: 0; }
@media (max-width: 667px) { .article-content .excerpt { font-size: 16px; } }
.article-content .excerpt a { text-decoration: none; }
.article-content .excerpt:after { content: none; }
.article-content p { font-family: "Open Sans", "Helvetica", "Arial", serif; font-size: 16px; line-height: 30px; margin-top: 20px; color: #222; }
@media (max-width: 1019px) { .article-content p { margin-top: 10px; } }
.article-content 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-content figure figcaption:before { position: absolute; left: 10px; top: 0; }
.article-content figure figcaption .credits { color: #212121; display: inline; font-style: italic; text-transform: uppercase; font-weight: 100; }
.article-content figure figcaption .credits:before { content: "©"; }
.article-content figure figcaption:before { content: ""; border: 10px solid transparent; border-bottom-color: #888888; border-width: 10px 5px; display: inline-block; width: 0; height: 0; }
.article-content li { font-size: 16px; line-height: 30px; }
.article-content ul li { border: none; padding-right: 20px; padding-left: 0; }
.article-content ul li:before { content: ""; background-color: #f0f0f0; margin-right: 10px; display: inline-block; width: 10px; height: 10px; }
.article-content ol li { padding-left: 30px; padding-right: 20px; }
.article-content ol li:before { font-size: 10px; line-height: 20px; margin-right: 10px; width: 20px; height: 20px; top: 5px; color: #555; }
.article-content ol li + li, .article-content ul li + li { margin-top: 10px; }
.article-content ul, .article-content ol { margin-top: 10px; margin-left: 0; margin-right: 0; }
.article-content ul.slides li:before, .article-content ul.flex-direction-nav li:before { content: none; }
.article-content [class*="icon-"] { font-style: normal; }
.article-content .encart { background: transparent; border: none; font-family: "Open Sans", "Helvetica", "Arial", serif; padding: 0; padding-left: 20px; border-left: 5px solid lightgrey; margin-top: 20px; margin-bottom: 20px; font-family: "Open Sans", "Helvetica", "Arial", serif; font-size: 16px; line-height: 30px; }
.article-content blockquote { clear: left; position: relative; margin: 40px 0; margin-left: 100px; padding-left: 20px; border-left: 5px solid #d8d8d8; font-family: "Georgia", serif; color: #333; font-style: italic; font-size: 18px; line-height: 34px; box-sizing: border-box; }
@media (max-width: 480px) { .article-content blockquote { padding-top: 80px; margin: 20px 0 20px -20px; padding-left: 15px; } }
.article-content blockquote:before { position: absolute; top: 0; left: -115px; display: block; content: ""; font-family: GSOI; font-size: 60px; line-height: 1em; color: #f0f0f0; }
@media (max-width: 480px) { .article-content blockquote:before { left: initial; } }
.article-content blockquote cite { font-family: "Georgia", serif; }
.article-content blockquote.float { margin: 0 20px 20px; border: none; width: 50%; float: right; color: black; font-size: 28px; line-height: 43px; }
.article-content blockquote.float:before { content: none; }
@media (max-width: 667px) { .article-content blockquote.float { float: none; width: auto; padding-top: 40px; }
  .article-content blockquote.float figure { margin-left: -55px; margin-right: -40px; } }
.article-content blockquote figure { clear: none; }
.article-content blockquote.bubble { margin-left: 0; }
.article-content blockquote.bubble:before { content: none; }
.article-content .medal { margin: 20px auto; }
.article-content .page-title { text-align: center; margin: 20px 40px; font-size: 35px; line-height: 1.15em; font-family: "Bitter", "Georgia", serif; font-weight: bold; word-spacing: -0.02em; text-rendering: optimizelegibility; }
.article-content .page-title::first-letter { color: inherit; }
.article-content .article-subtitle { font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: bold; border: none; padding: 0; }
.article-content .article-topic { color: #da121f; font-family: "Bitter", "Georgia", serif; font-weight: bold; text-align: center; text-transform: uppercase; }
.article-content .article-topic + .page-title { margin-top: 10px; }
.article-content .article-topics { margin-top: 20px; }
.article-content .article-inception { clear: both; border-left: 10px solid #ffc400; text-align: left; padding: 10px; background: #F8F8F8; font-family: "Open Sans", "Helvetica", "Arial", serif; }
.article-content .article-inception.premium { border-left: 10px solid #ffc400; }
@media (max-width: 1019px) { .article-content .article-inception { margin-bottom: 20px; margin-top: 20px; } }
@media (max-width: 480px) { .article-content .article-inception { margin-left: -20px; margin-right: -20px; } }
.article-content .article-inception .article-inception-title { color: #555; font-weight: bold; font-size: 16px; }
.article-content .article-inception ul { margin: 10px 0; }
.article-content .article-inception ul li { font-weight: normal; border: none; margin: 0; }
.article-content .article-inception ul li:before { top: 5px; margin-top: 0; width: 5px; height: 5px; background: #d8d8d8; }
.article-content .article-inception a { color: #212121; text-decoration: none; font-family: "Open Sans", "Helvetica", "Arial", serif; font-size: 15px; line-height: 25px; }
.article-content .article-inception a:hover { color: #212121; text-decoration: underline; }
.article-content .details { border-top: 1px solid #F8F8F8; margin: 20px -20px; padding: 5px 20px 0; font-size: 14px; color: #848484; font-family: "Bitter", "Georgia", serif; text-transform: uppercase; }
.article-content .details .publishing { font-weight: bold; }
.article-content .details .comments-count a { color: #2c9eff; border: none; font-weight: bold; }
@media (max-width: 667px) { .article-content .details .comments-count { float: none; } }
.article-content .details strong { color: #555; }
.article-content .page-title { text-align: center; margin: 20px 40px; }
.article-content .page-title:after { content: ""; border-bottom: 1px solid #F8F8F8; margin-left: 25%; display: block; width: 50%; height: 20px; }
.article-content .full-content > div > p.lettrine:first-letter, .article-content .full-content > p.lettrine:first-letter { font-family: "Georgia", serif; font-weight: 300; font-size: 56px; line-height: 56px; }
.article-content p:empty { display: none; }
.article-content .fluid-width-video-wrapper { width: auto; }
@media (max-width: 480px) { .article-content .fluid-width-video-wrapper { margin-left: -20px; margin-right: -20px; } }
.article-content .article-header { text-align: center; padding-top: 0; margin-bottom: 10px; }
.article-content .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-content .article-header figure figcaption:before { position: absolute; left: 10px; top: 0; }
.article-content .article-header figure figcaption .credits { color: #212121; display: inline; font-style: italic; text-transform: uppercase; font-weight: 100; }
.article-content .article-header figure figcaption .credits:before { content: "©"; }
.article-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-content .article-header .breadcrumb, .article-content .article-header .publishing { display: inline-block; width: auto; height: auto; font-size: 12px; }
@media (max-width: 480px) { .article-content .article-header figure { margin-left: -20px; margin-right: -20px; }
  .article-content .article-header figure figcaption { border-left: none; } }
.article-content .article-header figure img { width: 100%; }
.article-content .article-header .details { font-family: "Open Sans", "Helvetica", "Arial", serif; text-transform: none; font-size: 16px; line-height: 20px; color: black; }
.article-content .article-header .details strong { color: black; }
.article-content .article-header .details .publishing { font-weight: normal; }
.article-content .article-header .breadcrumb, .article-content .article-header .breadcrumb .article-topic { font-family: "Open Sans", "Helvetica", "Arial", serif; font-weight: normal; }
.article-content .article-header .breadcrumb a { color: #5297d2; text-transform: uppercase; text-decoration: none; }
.article-content .article-header .breadcrumb a:visited { color: #048B9A; }
.article-content .article-header .breadcrumb a:after { content: " /"; color: #212121; }
.article-content .article-header .page-title { margin: 0 0 10px 0; }
@media (max-width: 1019px) { .article-content .article-header { padding: 0; } }
.article-content .article-header .details { border: none; padding: 0; }
.article-content .article-header .page-title { padding: 0; }
.article-content .article-header .page-title:after { content: none; }
.article-content.premium-plus, .article-premium-plus .article-content { overflow: hidden; }
.article-content.premium-plus .full-content, .article-premium-plus .article-content .full-content { text-align: center; }
.article-content.premium-plus .full-content > *, .article-premium-plus .article-content .full-content > * { text-align: left; }
.article-content.premium-plus .excerpt, .article-content.premium-plus .details, .article-premium-plus .article-content .excerpt, .article-premium-plus .article-content .details { padding-left: 0; padding-right: 0; }
.article-premium-plus .article-content, .article-portfolio .article-content, .article-content.premium-plus, .article-content.article-portfolio { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
.article-premium-plus .article-content figure figcaption, .article-portfolio .article-content figure figcaption, .article-content.premium-plus figure figcaption, .article-content.article-portfolio 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-premium-plus .article-content figure figcaption:before, .article-portfolio .article-content figure figcaption:before, .article-content.premium-plus figure figcaption:before, .article-content.article-portfolio figure figcaption:before { position: absolute; left: 10px; top: 0; }
.article-premium-plus .article-content figure figcaption .credits, .article-portfolio .article-content figure figcaption .credits, .article-content.premium-plus figure figcaption .credits, .article-content.article-portfolio figure figcaption .credits { color: #212121; display: inline; font-style: italic; text-transform: uppercase; font-weight: 100; }
.article-premium-plus .article-content figure figcaption .credits:before, .article-portfolio .article-content figure figcaption .credits:before, .article-content.premium-plus figure figcaption .credits:before, .article-content.article-portfolio figure figcaption .credits:before { content: "©"; }
.article-premium-plus .article-content figure figcaption:before, .article-portfolio .article-content figure figcaption:before, .article-content.premium-plus figure figcaption:before, .article-content.article-portfolio figure figcaption:before { content: ""; border: 10px solid transparent; border-bottom-color: #888888; border-width: 10px 5px; display: inline-block; width: 0; height: 0; }
@media (max-width: 667px) { .article-premium-plus .article-content .page-title, .article-premium-plus .article-content figure figcaption, .article-premium-plus .article-content figure .caption, .article-premium-plus .article-content .details, .article-premium-plus .article-content .excerpt, .article-premium-plus .article-content .full-content, .article-premium-plus .article-content .article-metas, .article-premium-plus .article-content .article-topics, .article-premium-plus .article-content ~ .articles.related, .article-premium-plus .article-content ~ .comments, .article-portfolio .article-content .page-title, .article-portfolio .article-content figure figcaption, .article-portfolio .article-content figure .caption, .article-portfolio .article-content .details, .article-portfolio .article-content .excerpt, .article-portfolio .article-content .full-content, .article-portfolio .article-content .article-metas, .article-portfolio .article-content .article-topics, .article-portfolio .article-content ~ .articles.related, .article-portfolio .article-content ~ .comments, .article-content.premium-plus .page-title, .article-content.premium-plus figure figcaption, .article-content.premium-plus figure .caption, .article-content.premium-plus .details, .article-content.premium-plus .excerpt, .article-content.premium-plus .full-content, .article-content.premium-plus .article-metas, .article-content.premium-plus .article-topics, .article-content.premium-plus ~ .articles.related, .article-content.premium-plus ~ .comments, .article-content.article-portfolio .page-title, .article-content.article-portfolio figure figcaption, .article-content.article-portfolio figure .caption, .article-content.article-portfolio .details, .article-content.article-portfolio .excerpt, .article-content.article-portfolio .full-content, .article-content.article-portfolio .article-metas, .article-content.article-portfolio .article-topics, .article-content.article-portfolio ~ .articles.related, .article-content.article-portfolio ~ .comments { width: 100%; } }
.article-premium-plus .article-content .excerpt, .article-portfolio .article-content .excerpt, .article-content.premium-plus .excerpt, .article-content.article-portfolio .excerpt { margin: 0; }
.article-premium-plus .article-content .details, .article-premium-plus .article-content .excerpt, .article-premium-plus .article-content .article-metas, .article-premium-plus .article-content .article-topics, .article-portfolio .article-content .details, .article-portfolio .article-content .excerpt, .article-portfolio .article-content .article-metas, .article-portfolio .article-content .article-topics, .article-content.premium-plus .details, .article-content.premium-plus .excerpt, .article-content.premium-plus .article-metas, .article-content.premium-plus .article-topics, .article-content.article-portfolio .details, .article-content.article-portfolio .excerpt, .article-content.article-portfolio .article-metas, .article-content.article-portfolio .article-topics { padding-left: 0; padding-right: 0; }
@media (max-width: 667px) { .article-premium-plus .article-content .details, .article-premium-plus .article-content .excerpt, .article-premium-plus .article-content .article-metas, .article-premium-plus .article-content .article-topics, .article-portfolio .article-content .details, .article-portfolio .article-content .excerpt, .article-portfolio .article-content .article-metas, .article-portfolio .article-content .article-topics, .article-content.premium-plus .details, .article-content.premium-plus .excerpt, .article-content.premium-plus .article-metas, .article-content.premium-plus .article-topics, .article-content.article-portfolio .details, .article-content.article-portfolio .excerpt, .article-content.article-portfolio .article-metas, .article-content.article-portfolio .article-topics { padding-left: 20px; padding-right: 20px; } }
.article-premium-plus .article-content .full-content figure figcaption, .article-portfolio .article-content .full-content figure figcaption, .article-content.premium-plus .full-content figure figcaption, .article-content.article-portfolio .full-content 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; border-width: 1px; }
.article-premium-plus .article-content .full-content figure figcaption:before, .article-portfolio .article-content .full-content figure figcaption:before, .article-content.premium-plus .full-content figure figcaption:before, .article-content.article-portfolio .full-content figure figcaption:before { position: absolute; left: 10px; top: 0; }
.article-premium-plus .article-content .full-content figure figcaption .credits, .article-portfolio .article-content .full-content figure figcaption .credits, .article-content.premium-plus .full-content figure figcaption .credits, .article-content.article-portfolio .full-content figure figcaption .credits { color: #212121; display: inline; font-style: italic; text-transform: uppercase; font-weight: 100; }
.article-premium-plus .article-content .full-content figure figcaption .credits:before, .article-portfolio .article-content .full-content figure figcaption .credits:before, .article-content.premium-plus .full-content figure figcaption .credits:before, .article-content.article-portfolio .full-content figure figcaption .credits:before { content: "©"; }
.article-premium-plus .article-content .full-content figure figcaption:before, .article-portfolio .article-content .full-content figure figcaption:before, .article-content.premium-plus .full-content figure figcaption:before, .article-content.article-portfolio .full-content figure figcaption:before { content: ""; border: 10px solid transparent; border-bottom-color: #888888; border-width: 10px 5px; display: inline-block; width: 0; height: 0; }
@media (max-width: 667px) { .article-premium-plus .article-content .full-content figure, .article-portfolio .article-content .full-content figure, .article-content.premium-plus .full-content figure, .article-content.article-portfolio .full-content figure { margin-left: 0; margin-right: 0; } }
.article-premium-plus .article-content .full-content img, .article-portfolio .article-content .full-content img, .article-content.premium-plus .full-content img, .article-content.article-portfolio .full-content img { display: block; width: 100%; height: auto; }

.article-inception { background-color: #F8F8F8; padding: 20px; border: 1px solid #f0f0f0; text-align: center; margin-top: 20px; }
.article-inception h3 { text-transform: uppercase; color: #848484; font-family: "Open Sans", "Helvetica", "Arial", serif; }
.article-inception a { font-family: "Bitter", "Georgia", serif; }

.article-inception.premium { border-left: 5px solid #ffc400; }

@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; } }
.page-title { font-size: 2.4em; font-weight: bold; padding: 0 10px; z-index: 1; margin-top: 20px; margin-bottom: 20px; text-align: center; position: relative; top: initial; left: initial; bottom: initial; right: initial; }
@media (max-width: 1019px) { .page-title { font-size: 1.6em; margin: 10px 0; } }

.section-title { display: inline-block; position: relative; margin: 0; border: none; background: black; color: white; text-transform: uppercase; word-spacing: normal; font-weight: 700; font-family: "Open Sans", "Helvetica", "Arial", serif; letter-spacing: 1px; font-size: 0.9em; padding: 0.7em; line-height: 1em; box-sizing: border-box; margin-bottom: 10px; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; }
.section-title:visited, .section-title:hover:visited, .section-title:active, .section-title:focus { color: white; }
.section-title.block { display: block; }
.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 [class*='icon-'] { font-size: 1.4em; margin-top: -0.2em; margin-right: 0.2em; vertical-align: middle; }
.section-title.small { display: inline-block; font-size: 12px; line-height: 9px; font-weight: 600; padding: 7px; margin: 0 0 0 0; }
.section-title.arrow { padding-right: 3em; }
.section-title.arrow:before { position: absolute; top: 0; left: initial; bottom: 0; right: 0; display: block; width: 2em; height: auto; box-sizing: border-box; background: lightgrey; content: ""; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; }
.section-title.arrow:after { position: absolute; top: 0; left: initial; bottom: 0; right: 0; display: block; width: 2em; height: auto; text-align: center; box-sizing: border-box; font-family: GSOI; padding: 0.7em 0; text-transform: none !important; color: white; content: ""; }
.section-title.reload { padding-right: 3em; }
.section-title.reload:before { position: absolute; top: 0; left: initial; bottom: 0; right: 0; display: block; width: 2em; height: auto; box-sizing: border-box; background: lightgrey; content: ""; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; }
.section-title.reload:after { position: absolute; top: 0; left: initial; bottom: 0; right: 0; display: block; width: 2em; height: auto; text-align: center; box-sizing: border-box; font-family: GSOI; padding: 0.7em 0; text-transform: none !important; color: white; content: ""; }
.section-title.reload .reload-text { font-size: 0.8em; position: absolute; top: initial; left: initial; bottom: initial; right: 35px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.section-title.reload:hover .reload-text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.section-title.reload.animate { pointer-events: none; }
.section-title.reload.animate:after { -webkit-animation: 2s linear 0s normal none infinite running fa-spin; -moz-animation: 2s linear 0s normal none infinite running fa-spin; -ms-animation: 2s linear 0s normal none infinite running fa-spin; -o-animation: 2s linear 0s normal none infinite running fa-spin; animation: 2s linear 0s normal none infinite running fa-spin; }
.section-title.linkedin { background: #00476a; color: white; }
.section-title.linkedin .negative { color: #00476a; border-color: #00476a; }
.section-title.dark-blue { background: #205576; color: white; }
.section-title.dark-blue .negative { color: #205576; border-color: #205576; }
.section-title.facebook { background: #5070ab; color: white; }
.section-title.facebook .negative { color: #5070ab; border-color: #5070ab; }
.section-title.blue { background: #5297d2; color: white; }
.section-title.blue .negative { color: #5297d2; border-color: #5297d2; }
.section-title.twitter { background: #01bdeb; color: white; }
.section-title.twitter .negative { color: #01bdeb; border-color: #01bdeb; }
.section-title.cyan { background: #00BBD9; color: white; }
.section-title.cyan .negative { color: #00BBD9; border-color: #00BBD9; }
.section-title.duckblue { background: #048B9A; color: white; }
.section-title.duckblue .negative { color: #048B9A; border-color: #048B9A; }
.section-title.green { background: #b2c106; color: white; }
.section-title.green .negative { color: #b2c106; border-color: #b2c106; }
.section-title.yellowgreen { background: #b2c500; color: white; }
.section-title.yellowgreen .negative { color: #b2c500; border-color: #b2c500; }
.section-title.email { background: #b2c500; color: white; }
.section-title.email .negative { color: #b2c500; border-color: #b2c500; }
.section-title.yellow { background: #ffc400; color: white; }
.section-title.yellow .negative { color: #ffc400; border-color: #ffc400; }
.section-title.premium { background: #ffc400; color: white; }
.section-title.premium .negative { color: #ffc400; border-color: #ffc400; }
.section-title.orange { background: #ff9126; color: white; }
.section-title.orange .negative { color: #ff9126; border-color: #ff9126; }
.section-title.red { background: #da121f; color: white; }
.section-title.red .negative { color: #da121f; border-color: #da121f; }
.section-title.dark-red { background: #7c0a12; color: white; }
.section-title.dark-red .negative { color: #7c0a12; border-color: #7c0a12; }
.section-title.bordeaux { background: #953153; color: white; }
.section-title.bordeaux .negative { color: #953153; border-color: #953153; }
.section-title.googleplus { background: #ef3238; color: white; }
.section-title.googleplus .negative { color: #ef3238; border-color: #ef3238; }
.section-title.pink { background: #f43d80; color: white; }
.section-title.pink .negative { color: #f43d80; border-color: #f43d80; }
.section-title.mauve { background: #D473D4; color: white; }
.section-title.mauve .negative { color: #D473D4; border-color: #D473D4; }
.section-title.violin { background: #A10684; color: white; }
.section-title.violin .negative { color: #A10684; border-color: #A10684; }
.section-title.grey { background: #d8d8d8; color: white; }
.section-title.grey .negative { color: #d8d8d8; border-color: #d8d8d8; }
.section-title.grey-light { background: #f0f0f0; color: #555; }
.section-title.grey-light .negative { color: #f0f0f0; border-color: #f0f0f0; }
.section-title.sport { background: #b2c106; color: white; }
.section-title.sport .negative { color: #b2c106; border-color: #b2c106; }
.section-title.arrow-sport:after, .section-title.reload-sport:after { color: white; }
.section-title.arrow-sport:before, .section-title.reload-sport:before { background: #b2c106; }
.section-title.arrow.sport, .section-title.reload.sport { background: #b2c106; color: white; }
.section-title.arrow.arrow-sport:after, .section-title.arrow.reload-sport:after, .section-title.reload.arrow-sport:after, .section-title.reload.reload-sport:after { color: white; }
.section-title.arrow.arrow-sport:before, .section-title.arrow.reload-sport:before, .section-title.reload.arrow-sport:before, .section-title.reload.reload-sport:before { background: #9ba805; }
.section-title.arrow.linkedin, .section-title.reload.linkedin { background: #002537; }
.section-title.arrow.arrow-linkedin:after, .section-title.arrow.reload-linkedin:after, .section-title.reload.arrow-linkedin:after, .section-title.reload.reload-linkedin:after { color: white; }
.section-title.arrow.arrow-linkedin:before, .section-title.arrow.reload-linkedin:before, .section-title.reload.arrow-linkedin:before, .section-title.reload.reload-linkedin:before { background: #00476a; }
.section-title.arrow.dark-blue, .section-title.reload.dark-blue { background: #15384e; }
.section-title.arrow.arrow-dark-blue:after, .section-title.arrow.reload-dark-blue:after, .section-title.reload.arrow-dark-blue:after, .section-title.reload.reload-dark-blue:after { color: white; }
.section-title.arrow.arrow-dark-blue:before, .section-title.arrow.reload-dark-blue:before, .section-title.reload.arrow-dark-blue:before, .section-title.reload.reload-dark-blue:before { background: #205576; }
.section-title.arrow.facebook, .section-title.reload.facebook { background: #405988; }
.section-title.arrow.arrow-facebook:after, .section-title.arrow.reload-facebook:after, .section-title.reload.arrow-facebook:after, .section-title.reload.reload-facebook:after { color: white; }
.section-title.arrow.arrow-facebook:before, .section-title.arrow.reload-facebook:before, .section-title.reload.arrow-facebook:before, .section-title.reload.reload-facebook:before { background: #5070ab; }
.section-title.arrow.blue, .section-title.reload.blue { background: #327ebf; }
.section-title.arrow.arrow-blue:after, .section-title.arrow.reload-blue:after, .section-title.reload.arrow-blue:after, .section-title.reload.reload-blue:after { color: white; }
.section-title.arrow.arrow-blue:before, .section-title.arrow.reload-blue:before, .section-title.reload.arrow-blue:before, .section-title.reload.reload-blue:before { background: #5297d2; }
.section-title.arrow.twitter, .section-title.reload.twitter { background: #0194b8; }
.section-title.arrow.arrow-twitter:after, .section-title.arrow.reload-twitter:after, .section-title.reload.arrow-twitter:after, .section-title.reload.reload-twitter:after { color: white; }
.section-title.arrow.arrow-twitter:before, .section-title.arrow.reload-twitter:before, .section-title.reload.arrow-twitter:before, .section-title.reload.reload-twitter:before { background: #01bdeb; }
.section-title.arrow.cyan, .section-title.reload.cyan { background: #008fa6; }
.section-title.arrow.arrow-cyan:after, .section-title.arrow.reload-cyan:after, .section-title.reload.arrow-cyan:after, .section-title.reload.reload-cyan:after { color: white; }
.section-title.arrow.arrow-cyan:before, .section-title.arrow.reload-cyan:before, .section-title.reload.arrow-cyan:before, .section-title.reload.reload-cyan:before { background: #00BBD9; }
.section-title.arrow.duckblue, .section-title.reload.duckblue { background: #035e68; }
.section-title.arrow.arrow-duckblue:after, .section-title.arrow.reload-duckblue:after, .section-title.reload.arrow-duckblue:after, .section-title.reload.reload-duckblue:after { color: white; }
.section-title.arrow.arrow-duckblue:before, .section-title.arrow.reload-duckblue:before, .section-title.reload.arrow-duckblue:before, .section-title.reload.reload-duckblue:before { background: #048B9A; }
.section-title.arrow.green, .section-title.reload.green { background: #849004; }
.section-title.arrow.arrow-green:after, .section-title.arrow.reload-green:after, .section-title.reload.arrow-green:after, .section-title.reload.reload-green:after { color: white; }
.section-title.arrow.arrow-green:before, .section-title.arrow.reload-green:before, .section-title.reload.arrow-green:before, .section-title.reload.reload-green:before { background: #b2c106; }
.section-title.arrow.yellowgreen, .section-title.reload.yellowgreen { background: #849200; }
.section-title.arrow.arrow-yellowgreen:after, .section-title.arrow.reload-yellowgreen:after, .section-title.reload.arrow-yellowgreen:after, .section-title.reload.reload-yellowgreen:after { color: white; }
.section-title.arrow.arrow-yellowgreen:before, .section-title.arrow.reload-yellowgreen:before, .section-title.reload.arrow-yellowgreen:before, .section-title.reload.reload-yellowgreen:before { background: #b2c500; }
.section-title.arrow.email, .section-title.reload.email { background: #849200; }
.section-title.arrow.arrow-email:after, .section-title.arrow.reload-email:after, .section-title.reload.arrow-email:after, .section-title.reload.reload-email:after { color: white; }
.section-title.arrow.arrow-email:before, .section-title.arrow.reload-email:before, .section-title.reload.arrow-email:before, .section-title.reload.reload-email:before { background: #b2c500; }
.section-title.arrow.yellow, .section-title.reload.yellow { background: #cc9d00; }
.section-title.arrow.arrow-yellow:after, .section-title.arrow.reload-yellow:after, .section-title.reload.arrow-yellow:after, .section-title.reload.reload-yellow:after { color: white; }
.section-title.arrow.arrow-yellow:before, .section-title.arrow.reload-yellow:before, .section-title.reload.arrow-yellow:before, .section-title.reload.reload-yellow:before { background: #ffc400; }
.section-title.arrow.premium, .section-title.reload.premium { background: #ffc400; }
.section-title.arrow.arrow-premium:after, .section-title.arrow.reload-premium:after, .section-title.reload.arrow-premium:after, .section-title.reload.reload-premium:after { color: white; }
.section-title.arrow.arrow-premium:before, .section-title.arrow.reload-premium:before, .section-title.reload.arrow-premium:before, .section-title.reload.reload-premium:before { background: #ffc400; }
.section-title.arrow.premium.arrow-premium:before, .section-title.arrow.premium.reload-premium:before, .section-title.reload.premium.arrow-premium:before, .section-title.reload.premium.reload-premium:before { background: #ff9126; }
.section-title.arrow.orange, .section-title.reload.orange { background: #f27700; }
.section-title.arrow.arrow-orange:after, .section-title.arrow.reload-orange:after, .section-title.reload.arrow-orange:after, .section-title.reload.reload-orange:after { color: white; }
.section-title.arrow.arrow-orange:before, .section-title.arrow.reload-orange:before, .section-title.reload.arrow-orange:before, .section-title.reload.reload-orange:before { background: #ff9126; }
.section-title.arrow.red, .section-title.reload.red { background: #ab0e18; }
.section-title.arrow.arrow-red:after, .section-title.arrow.reload-red:after, .section-title.reload.arrow-red:after, .section-title.reload.reload-red:after { color: white; }
.section-title.arrow.arrow-red:before, .section-title.arrow.reload-red:before, .section-title.reload.arrow-red:before, .section-title.reload.reload-red:before { background: #da121f; }
.section-title.arrow.dark-red, .section-title.reload.dark-red { background: #4d060b; }
.section-title.arrow.arrow-dark-red:after, .section-title.arrow.reload-dark-red:after, .section-title.reload.arrow-dark-red:after, .section-title.reload.reload-dark-red:after { color: white; }
.section-title.arrow.arrow-dark-red:before, .section-title.arrow.reload-dark-red:before, .section-title.reload.arrow-dark-red:before, .section-title.reload.reload-dark-red:before { background: #7c0a12; }
.section-title.arrow.bordeaux, .section-title.reload.bordeaux { background: #6f243e; }
.section-title.arrow.arrow-bordeaux:after, .section-title.arrow.reload-bordeaux:after, .section-title.reload.arrow-bordeaux:after, .section-title.reload.reload-bordeaux:after { color: white; }
.section-title.arrow.arrow-bordeaux:before, .section-title.arrow.reload-bordeaux:before, .section-title.reload.arrow-bordeaux:before, .section-title.reload.reload-bordeaux:before { background: #953153; }
.section-title.arrow.googleplus, .section-title.reload.googleplus { background: #dd1118; }
.section-title.arrow.arrow-googleplus:after, .section-title.arrow.reload-googleplus:after, .section-title.reload.arrow-googleplus:after, .section-title.reload.reload-googleplus:after { color: white; }
.section-title.arrow.arrow-googleplus:before, .section-title.arrow.reload-googleplus:before, .section-title.reload.arrow-googleplus:before, .section-title.reload.reload-googleplus:before { background: #ef3238; }
.section-title.arrow.pink, .section-title.reload.pink { background: #f00e61; }
.section-title.arrow.arrow-pink:after, .section-title.arrow.reload-pink:after, .section-title.reload.arrow-pink:after, .section-title.reload.reload-pink:after { color: white; }
.section-title.arrow.arrow-pink:before, .section-title.arrow.reload-pink:before, .section-title.reload.arrow-pink:before, .section-title.reload.reload-pink:before { background: #f43d80; }
.section-title.arrow.mauve, .section-title.reload.mauve { background: #c84cc8; }
.section-title.arrow.arrow-mauve:after, .section-title.arrow.reload-mauve:after, .section-title.reload.arrow-mauve:after, .section-title.reload.reload-mauve:after { color: white; }
.section-title.arrow.arrow-mauve:before, .section-title.arrow.reload-mauve:before, .section-title.reload.arrow-mauve:before, .section-title.reload.reload-mauve:before { background: #D473D4; }
.section-title.arrow.violin, .section-title.reload.violin { background: #70045c; }
.section-title.arrow.arrow-violin:after, .section-title.arrow.reload-violin:after, .section-title.reload.arrow-violin:after, .section-title.reload.reload-violin:after { color: white; }
.section-title.arrow.arrow-violin:before, .section-title.arrow.reload-violin:before, .section-title.reload.arrow-violin:before, .section-title.reload.reload-violin:before { background: #A10684; }
.section-title.arrow.grey, .section-title.reload.grey { background: #d8d8d8; }
.section-title.arrow.arrow-grey:after, .section-title.arrow.reload-grey:after, .section-title.reload.arrow-grey:after, .section-title.reload.reload-grey:after { color: white; }
.section-title.arrow.arrow-grey:before, .section-title.arrow.reload-grey:before, .section-title.reload.arrow-grey:before, .section-title.reload.reload-grey:before { background: #cbcbcb; }
.section-title.arrow.grey-light, .section-title.reload.grey-light { background: #f0f0f0; }
.section-title.arrow.arrow-grey-light:after, .section-title.arrow.reload-grey-light:after, .section-title.reload.arrow-grey-light:after, .section-title.reload.reload-grey-light:after { color: white; }
.section-title.arrow.arrow-grey-light:before, .section-title.arrow.reload-grey-light:before, .section-title.reload.arrow-grey-light:before, .section-title.reload.reload-grey-light:before { background: #e3e3e3; }
@media (max-width: 667px) { section > .section-title, .sidebar-section > .section-title { margin-left: -20px; } }

.title { font-family: "Open Sans", "Helvetica", "Arial", 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: "Open Sans", "Helvetica", "Arial", serif; font-size: 18px; line-height: 30px; margin-bottom: 20px; font-weight: bold; }

a.section-title { cursor: pointer; }
a.section-title:hover { color: white; }
a.section-title.linkedin:hover { background: #002537; }
a.section-title.dark-blue:hover { background: #15384e; }
a.section-title.facebook:hover { background: #405988; }
a.section-title.blue:hover { background: #327ebf; }
a.section-title.twitter:hover { background: #0194b8; }
a.section-title.cyan:hover { background: #008fa6; }
a.section-title.duckblue:hover { background: #035e68; }
a.section-title.green:hover { background: #849004; }
a.section-title.yellowgreen:hover { background: #849200; }
a.section-title.email:hover { background: #849200; }
a.section-title.yellow:hover { background: #cc9d00; }
a.section-title.premium:hover { background: #ff9126; }
a.section-title.orange:hover { background: #f27700; }
a.section-title.red:hover { background: #ab0e18; }
a.section-title.dark-red:hover { background: #4d060b; }
a.section-title.bordeaux:hover { background: #6f243e; }
a.section-title.googleplus:hover { background: #dd1118; }
a.section-title.pink:hover { background: #f00e61; }
a.section-title.mauve:hover { background: #c84cc8; }
a.section-title.violin:hover { background: #70045c; }
a.section-title.grey:hover { background: #bfbfbf; }
a.section-title.grey-light:hover { background: #d7d7d7; }
a.section-title.arrow.sport:hover, a.section-title.reload.sport:hover { color: white; background: #849004; }
a.section-title.arrow.sport:hover:after, a.section-title.reload.sport:hover:after { color: white; }
a.section-title.arrow.sport:hover:before, a.section-title.reload.sport:hover:before { background: #849004; }
a.section-title.arrow.linkedin:hover, a.section-title.reload.linkedin:hover { background: #002537; }
a.section-title.arrow.arrow-linkedin:hover:after, a.section-title.arrow.reload-linkedin:hover:after, a.section-title.reload.arrow-linkedin:hover:after, a.section-title.reload.reload-linkedin:hover:after { color: white; }
a.section-title.arrow.arrow-linkedin:hover:before, a.section-title.arrow.reload-linkedin:hover:before, a.section-title.reload.arrow-linkedin:hover:before, a.section-title.reload.reload-linkedin:hover:before { background: #002537; }
a.section-title.arrow.dark-blue:hover, a.section-title.reload.dark-blue:hover { background: #15384e; }
a.section-title.arrow.arrow-dark-blue:hover:after, a.section-title.arrow.reload-dark-blue:hover:after, a.section-title.reload.arrow-dark-blue:hover:after, a.section-title.reload.reload-dark-blue:hover:after { color: white; }
a.section-title.arrow.arrow-dark-blue:hover:before, a.section-title.arrow.reload-dark-blue:hover:before, a.section-title.reload.arrow-dark-blue:hover:before, a.section-title.reload.reload-dark-blue:hover:before { background: #15384e; }
a.section-title.arrow.facebook:hover, a.section-title.reload.facebook:hover { background: #405988; }
a.section-title.arrow.arrow-facebook:hover:after, a.section-title.arrow.reload-facebook:hover:after, a.section-title.reload.arrow-facebook:hover:after, a.section-title.reload.reload-facebook:hover:after { color: white; }
a.section-title.arrow.arrow-facebook:hover:before, a.section-title.arrow.reload-facebook:hover:before, a.section-title.reload.arrow-facebook:hover:before, a.section-title.reload.reload-facebook:hover:before { background: #405988; }
a.section-title.arrow.blue:hover, a.section-title.reload.blue:hover { background: #327ebf; }
a.section-title.arrow.arrow-blue:hover:after, a.section-title.arrow.reload-blue:hover:after, a.section-title.reload.arrow-blue:hover:after, a.section-title.reload.reload-blue:hover:after { color: white; }
a.section-title.arrow.arrow-blue:hover:before, a.section-title.arrow.reload-blue:hover:before, a.section-title.reload.arrow-blue:hover:before, a.section-title.reload.reload-blue:hover:before { background: #327ebf; }
a.section-title.arrow.twitter:hover, a.section-title.reload.twitter:hover { background: #0194b8; }
a.section-title.arrow.arrow-twitter:hover:after, a.section-title.arrow.reload-twitter:hover:after, a.section-title.reload.arrow-twitter:hover:after, a.section-title.reload.reload-twitter:hover:after { color: white; }
a.section-title.arrow.arrow-twitter:hover:before, a.section-title.arrow.reload-twitter:hover:before, a.section-title.reload.arrow-twitter:hover:before, a.section-title.reload.reload-twitter:hover:before { background: #0194b8; }
a.section-title.arrow.cyan:hover, a.section-title.reload.cyan:hover { background: #008fa6; }
a.section-title.arrow.arrow-cyan:hover:after, a.section-title.arrow.reload-cyan:hover:after, a.section-title.reload.arrow-cyan:hover:after, a.section-title.reload.reload-cyan:hover:after { color: white; }
a.section-title.arrow.arrow-cyan:hover:before, a.section-title.arrow.reload-cyan:hover:before, a.section-title.reload.arrow-cyan:hover:before, a.section-title.reload.reload-cyan:hover:before { background: #008fa6; }
a.section-title.arrow.duckblue:hover, a.section-title.reload.duckblue:hover { background: #035e68; }
a.section-title.arrow.arrow-duckblue:hover:after, a.section-title.arrow.reload-duckblue:hover:after, a.section-title.reload.arrow-duckblue:hover:after, a.section-title.reload.reload-duckblue:hover:after { color: white; }
a.section-title.arrow.arrow-duckblue:hover:before, a.section-title.arrow.reload-duckblue:hover:before, a.section-title.reload.arrow-duckblue:hover:before, a.section-title.reload.reload-duckblue:hover:before { background: #035e68; }
a.section-title.arrow.green:hover, a.section-title.reload.green:hover { background: #849004; }
a.section-title.arrow.arrow-green:hover:after, a.section-title.arrow.reload-green:hover:after, a.section-title.reload.arrow-green:hover:after, a.section-title.reload.reload-green:hover:after { color: white; }
a.section-title.arrow.arrow-green:hover:before, a.section-title.arrow.reload-green:hover:before, a.section-title.reload.arrow-green:hover:before, a.section-title.reload.reload-green:hover:before { background: #849004; }
a.section-title.arrow.yellowgreen:hover, a.section-title.reload.yellowgreen:hover { background: #849200; }
a.section-title.arrow.arrow-yellowgreen:hover:after, a.section-title.arrow.reload-yellowgreen:hover:after, a.section-title.reload.arrow-yellowgreen:hover:after, a.section-title.reload.reload-yellowgreen:hover:after { color: white; }
a.section-title.arrow.arrow-yellowgreen:hover:before, a.section-title.arrow.reload-yellowgreen:hover:before, a.section-title.reload.arrow-yellowgreen:hover:before, a.section-title.reload.reload-yellowgreen:hover:before { background: #849200; }
a.section-title.arrow.email:hover, a.section-title.reload.email:hover { background: #849200; }
a.section-title.arrow.arrow-email:hover:after, a.section-title.arrow.reload-email:hover:after, a.section-title.reload.arrow-email:hover:after, a.section-title.reload.reload-email:hover:after { color: white; }
a.section-title.arrow.arrow-email:hover:before, a.section-title.arrow.reload-email:hover:before, a.section-title.reload.arrow-email:hover:before, a.section-title.reload.reload-email:hover:before { background: #849200; }
a.section-title.arrow.yellow:hover, a.section-title.reload.yellow:hover { background: #cc9d00; }
a.section-title.arrow.arrow-yellow:hover:after, a.section-title.arrow.reload-yellow:hover:after, a.section-title.reload.arrow-yellow:hover:after, a.section-title.reload.reload-yellow:hover:after { color: white; }
a.section-title.arrow.arrow-yellow:hover:before, a.section-title.arrow.reload-yellow:hover:before, a.section-title.reload.arrow-yellow:hover:before, a.section-title.reload.reload-yellow:hover:before { background: #cc9d00; }
a.section-title.arrow.premium:hover, a.section-title.reload.premium:hover { background: #cc9d00; }
a.section-title.arrow.arrow-premium:hover:after, a.section-title.arrow.reload-premium:hover:after, a.section-title.reload.arrow-premium:hover:after, a.section-title.reload.reload-premium:hover:after { color: white; }
a.section-title.arrow.arrow-premium:hover:before, a.section-title.arrow.reload-premium:hover:before, a.section-title.reload.arrow-premium:hover:before, a.section-title.reload.reload-premium:hover:before { background: #cc9d00; }
a.section-title.arrow.orange:hover, a.section-title.reload.orange:hover { background: #f27700; }
a.section-title.arrow.arrow-orange:hover:after, a.section-title.arrow.reload-orange:hover:after, a.section-title.reload.arrow-orange:hover:after, a.section-title.reload.reload-orange:hover:after { color: white; }
a.section-title.arrow.arrow-orange:hover:before, a.section-title.arrow.reload-orange:hover:before, a.section-title.reload.arrow-orange:hover:before, a.section-title.reload.reload-orange:hover:before { background: #f27700; }
a.section-title.arrow.red:hover, a.section-title.reload.red:hover { background: #ab0e18; }
a.section-title.arrow.arrow-red:hover:after, a.section-title.arrow.reload-red:hover:after, a.section-title.reload.arrow-red:hover:after, a.section-title.reload.reload-red:hover:after { color: white; }
a.section-title.arrow.arrow-red:hover:before, a.section-title.arrow.reload-red:hover:before, a.section-title.reload.arrow-red:hover:before, a.section-title.reload.reload-red:hover:before { background: #ab0e18; }
a.section-title.arrow.dark-red:hover, a.section-title.reload.dark-red:hover { background: #4d060b; }
a.section-title.arrow.arrow-dark-red:hover:after, a.section-title.arrow.reload-dark-red:hover:after, a.section-title.reload.arrow-dark-red:hover:after, a.section-title.reload.reload-dark-red:hover:after { color: white; }
a.section-title.arrow.arrow-dark-red:hover:before, a.section-title.arrow.reload-dark-red:hover:before, a.section-title.reload.arrow-dark-red:hover:before, a.section-title.reload.reload-dark-red:hover:before { background: #4d060b; }
a.section-title.arrow.bordeaux:hover, a.section-title.reload.bordeaux:hover { background: #6f243e; }
a.section-title.arrow.arrow-bordeaux:hover:after, a.section-title.arrow.reload-bordeaux:hover:after, a.section-title.reload.arrow-bordeaux:hover:after, a.section-title.reload.reload-bordeaux:hover:after { color: white; }
a.section-title.arrow.arrow-bordeaux:hover:before, a.section-title.arrow.reload-bordeaux:hover:before, a.section-title.reload.arrow-bordeaux:hover:before, a.section-title.reload.reload-bordeaux:hover:before { background: #6f243e; }
a.section-title.arrow.googleplus:hover, a.section-title.reload.googleplus:hover { background: #dd1118; }
a.section-title.arrow.arrow-googleplus:hover:after, a.section-title.arrow.reload-googleplus:hover:after, a.section-title.reload.arrow-googleplus:hover:after, a.section-title.reload.reload-googleplus:hover:after { color: white; }
a.section-title.arrow.arrow-googleplus:hover:before, a.section-title.arrow.reload-googleplus:hover:before, a.section-title.reload.arrow-googleplus:hover:before, a.section-title.reload.reload-googleplus:hover:before { background: #dd1118; }
a.section-title.arrow.pink:hover, a.section-title.reload.pink:hover { background: #f00e61; }
a.section-title.arrow.arrow-pink:hover:after, a.section-title.arrow.reload-pink:hover:after, a.section-title.reload.arrow-pink:hover:after, a.section-title.reload.reload-pink:hover:after { color: white; }
a.section-title.arrow.arrow-pink:hover:before, a.section-title.arrow.reload-pink:hover:before, a.section-title.reload.arrow-pink:hover:before, a.section-title.reload.reload-pink:hover:before { background: #f00e61; }
a.section-title.arrow.mauve:hover, a.section-title.reload.mauve:hover { background: #c84cc8; }
a.section-title.arrow.arrow-mauve:hover:after, a.section-title.arrow.reload-mauve:hover:after, a.section-title.reload.arrow-mauve:hover:after, a.section-title.reload.reload-mauve:hover:after { color: white; }
a.section-title.arrow.arrow-mauve:hover:before, a.section-title.arrow.reload-mauve:hover:before, a.section-title.reload.arrow-mauve:hover:before, a.section-title.reload.reload-mauve:hover:before { background: #c84cc8; }
a.section-title.arrow.violin:hover, a.section-title.reload.violin:hover { background: #70045c; }
a.section-title.arrow.arrow-violin:hover:after, a.section-title.arrow.reload-violin:hover:after, a.section-title.reload.arrow-violin:hover:after, a.section-title.reload.reload-violin:hover:after { color: white; }
a.section-title.arrow.arrow-violin:hover:before, a.section-title.arrow.reload-violin:hover:before, a.section-title.reload.arrow-violin:hover:before, a.section-title.reload.reload-violin:hover:before { background: #70045c; }
a.section-title.arrow.grey:hover, a.section-title.reload.grey:hover { background: #bfbfbf; }
a.section-title.arrow.arrow-grey:hover:after, a.section-title.arrow.reload-grey:hover:after, a.section-title.reload.arrow-grey:hover:after, a.section-title.reload.reload-grey:hover:after { color: white; }
a.section-title.arrow.arrow-grey:hover:before, a.section-title.arrow.reload-grey:hover:before, a.section-title.reload.arrow-grey:hover:before, a.section-title.reload.reload-grey:hover:before { background: #bfbfbf; }
a.section-title.arrow.grey-light:hover, a.section-title.reload.grey-light:hover { background: #d7d7d7; }
a.section-title.arrow.arrow-grey-light:hover:after, a.section-title.arrow.reload-grey-light:hover:after, a.section-title.reload.arrow-grey-light:hover:after, a.section-title.reload.reload-grey-light:hover:after { color: white; }
a.section-title.arrow.arrow-grey-light:hover:before, a.section-title.arrow.reload-grey-light:hover:before, a.section-title.reload.arrow-grey-light:hover:before, a.section-title.reload.reload-grey-light:hover:before { background: #d7d7d7; }

.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 #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: "Georgia", serif; font-style: italic; margin-top: 5px; }

.tag, a.tag { border: none; text-transform: uppercase; font-weight: bold; font-size: 0.8em; font-family: "Open Sans", "Helvetica", "Arial", serif; background: #f0f0f0; color: #848484; }
.tag [class*='icon-'], a.tag [class*='icon-'] { margin-right: 0.5em; color: #848484; }
.tag.tag-linkedin, a.tag.tag-linkedin { background: #00476a; color: white; }
.tag.tag-linkedin [class*='icon-'], a.tag.tag-linkedin [class*='icon-'] { color: white; }
.tag.tag-dark-blue, a.tag.tag-dark-blue { background: #205576; color: white; }
.tag.tag-dark-blue [class*='icon-'], a.tag.tag-dark-blue [class*='icon-'] { color: white; }
.tag.tag-facebook, a.tag.tag-facebook { background: #5070ab; color: white; }
.tag.tag-facebook [class*='icon-'], a.tag.tag-facebook [class*='icon-'] { color: white; }
.tag.tag-blue, a.tag.tag-blue { background: #5297d2; color: white; }
.tag.tag-blue [class*='icon-'], a.tag.tag-blue [class*='icon-'] { color: white; }
.tag.tag-twitter, a.tag.tag-twitter { background: #01bdeb; color: white; }
.tag.tag-twitter [class*='icon-'], a.tag.tag-twitter [class*='icon-'] { color: white; }
.tag.tag-cyan, a.tag.tag-cyan { background: #00BBD9; color: white; }
.tag.tag-cyan [class*='icon-'], a.tag.tag-cyan [class*='icon-'] { color: white; }
.tag.tag-duckblue, a.tag.tag-duckblue { background: #048B9A; color: white; }
.tag.tag-duckblue [class*='icon-'], a.tag.tag-duckblue [class*='icon-'] { color: white; }
.tag.tag-green, a.tag.tag-green { background: #b2c106; color: white; }
.tag.tag-green [class*='icon-'], a.tag.tag-green [class*='icon-'] { color: white; }
.tag.tag-yellowgreen, a.tag.tag-yellowgreen { background: #b2c500; color: white; }
.tag.tag-yellowgreen [class*='icon-'], a.tag.tag-yellowgreen [class*='icon-'] { color: white; }
.tag.tag-email, a.tag.tag-email { background: #b2c500; color: white; }
.tag.tag-email [class*='icon-'], a.tag.tag-email [class*='icon-'] { color: white; }
.tag.tag-yellow, a.tag.tag-yellow { background: #ffc400; color: white; }
.tag.tag-yellow [class*='icon-'], a.tag.tag-yellow [class*='icon-'] { color: white; }
.tag.tag-premium, a.tag.tag-premium { background: #ffc400; color: white; }
.tag.tag-premium [class*='icon-'], a.tag.tag-premium [class*='icon-'] { color: white; }
.tag.tag-orange, a.tag.tag-orange { background: #ff9126; color: white; }
.tag.tag-orange [class*='icon-'], a.tag.tag-orange [class*='icon-'] { color: white; }
.tag.tag-red, a.tag.tag-red { background: #da121f; color: white; }
.tag.tag-red [class*='icon-'], a.tag.tag-red [class*='icon-'] { color: white; }
.tag.tag-dark-red, a.tag.tag-dark-red { background: #7c0a12; color: white; }
.tag.tag-dark-red [class*='icon-'], a.tag.tag-dark-red [class*='icon-'] { color: white; }
.tag.tag-bordeaux, a.tag.tag-bordeaux { background: #953153; color: white; }
.tag.tag-bordeaux [class*='icon-'], a.tag.tag-bordeaux [class*='icon-'] { color: white; }
.tag.tag-googleplus, a.tag.tag-googleplus { background: #ef3238; color: white; }
.tag.tag-googleplus [class*='icon-'], a.tag.tag-googleplus [class*='icon-'] { color: white; }
.tag.tag-pink, a.tag.tag-pink { background: #f43d80; color: white; }
.tag.tag-pink [class*='icon-'], a.tag.tag-pink [class*='icon-'] { color: white; }
.tag.tag-mauve, a.tag.tag-mauve { background: #D473D4; color: white; }
.tag.tag-mauve [class*='icon-'], a.tag.tag-mauve [class*='icon-'] { color: white; }
.tag.tag-violin, a.tag.tag-violin { background: #A10684; color: white; }
.tag.tag-violin [class*='icon-'], a.tag.tag-violin [class*='icon-'] { color: white; }
.tag.tag-grey, a.tag.tag-grey { background: #d8d8d8; color: white; }
.tag.tag-grey [class*='icon-'], a.tag.tag-grey [class*='icon-'] { color: white; }
.tag.tag-grey-light, a.tag.tag-grey-light { background: #f0f0f0; color: white; }
.tag.tag-grey-light [class*='icon-'], a.tag.tag-grey-light [class*='icon-'] { 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: #ff9126; }
figure img.placeholder-5 { background-color: #da121f; }
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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; display: inline-block; width: auto; height: auto; }
figure .brand [class*='icon-']:before { font-family: "GSOI"; content: ""; color: white; }
figure figcaption { color: #848484; font-style: normal; font-size: 12px; padding: 0 20px; font-family: "Open Sans", "Helvetica", "Arial", 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 .comments-bubble { font-size: 14px; box-sizing: border-box; text-transform: uppercase; font-weight: 700; position: relative; margin-bottom: 0; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; 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; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; 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; -webkit-transition: margin-left 0.6s; -moz-transition: margin-left 0.6s; -ms-transition: margin-left 0.6s; -o-transition: margin-left 0.6s; 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: #da121f; padding: 0.2em 0.2em 0.05em; }
.brand.brand-transparent { color: white; }

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