/*HELLO2*/

@font-face {
    font-family: 'ClearSans-Bold';
    src: url('//static.s-sfr.fr/resources/font/clearsans-bold-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-bold-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-bold-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-bold-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-bold-webfont.svg#ClearSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
@font-face {
    font-family: 'ClearSans-Bold-Italic';
    src: url('//static.s-sfr.fr/resources/font/clearsans-bolditalic-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-bolditalic-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-bolditalic-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-bolditalic-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-bolditalic-webfont.svg#ClearSans-Bold-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
@font-face {
    font-family: 'ClearSans-Italic';
    src: url('//static.s-sfr.fr/resources/font/clearsans-italic-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-italic-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-italic-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-italic-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-italic-webfont.svg#ClearSans-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
@font-face {
    font-family: 'ClearSans-Light';
    src: url('//static.s-sfr.fr/resources/font/clearsans-light-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-light-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-light-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-light-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-light-webfont.svg#ClearSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
@font-face {
    font-family: 'ClearSans-Medium';
    src: url('//static.s-sfr.fr/resources/font/clearsans-medium-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-medium-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-medium-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-medium-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-medium-webfont.svg#ClearSans-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
@font-face {
    font-family: 'ClearSans-Medium-Italic';
    src: url('//static.s-sfr.fr/resources/font/clearsans-mediumitalic-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-mediumitalic-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-mediumitalic-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-mediumitalic-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-mediumitalic-webfont.svg#ClearSans-Medium-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
@font-face {
    font-family: 'ClearSans-Regular';
    src: url('//static.s-sfr.fr/resources/font/clearsans-regular-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-regular-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-regular-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-regular-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-regular-webfont.svg#ClearSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
@font-face {
    font-family: 'ClearSans-Thin';
    src: url('//static.s-sfr.fr/resources/font/clearsans-thin-webfont.eot');
    src: url('//static.s-sfr.fr/resources/font/clearsans-thin-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('//static.s-sfr.fr/resources/font/clearsans-thin-webfont.woff2') format('woff2'),*/
         url('//static.s-sfr.fr/resources/font/clearsans-thin-webfont.woff') format('woff'),
         url('//static.s-sfr.fr/resources/font/clearsans-thin-webfont.ttf') format('truetype'),
         url('//static.s-sfr.fr/resources/font/clearsans-thin-webfont.svg#ClearSans-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -5px;
}
[class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 5px;
}
a {
    text-decoration: none;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    max-width: none; }
  .row .row.small-margin{
      margin-top:6px;
      margin-bottom:6px;}
  .row .row.medium-margin{
      margin-top:12px;
      margin-bottom:12px;}
  .row .row.no-margin{
      margin-top:0px;
      margin-bottom:0px;}
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.375em;
  padding-right: 0.375em;
  width: 100%;
  float: left; }
.columns.small-padding{
    padding-left:0.375em;
    padding-right: 0.375em;}
.columns.medium-padding{
    padding-left:0.750em;
    padding-right: 0.750em;}
.columns.large-padding{
    padding-left:0.750em;
    padding-right: 0.750em;}
.columns.large-padding{
    padding-left:1.500em;
    padding-right:1.500em;}
.columns.no-padding{
    padding-left:0em;
    padding-right:0em;}
[class*="column"] + [class*="column"]:last-child {
  float: right; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .row .row{
      margin-left: 0.375em;
      margin-right: 0.375em;}
  .column,
  .columns {
    position: relative;
    padding-left: 0.375em;
    padding-right: 0.375em;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } 
}
@media only screen and (min-width: 768px) {
   .story--card .storyContent.bg-black.only--desktop {
    background-color: rgba(0, 0, 0, 0.6);
   }
   .story--card .storyContent .storyContent__title .text-white.only--desktop {
        color: #fff;
    }
   .homepageStories .storyMedia.only--mobile {
    background: none !important;
   }
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
}
@media only screen and (min-width: 1025px){
  .socialAndFilters__content {
     padding-right: 340px; }
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .row .row{
    margin-left: -0.75em;
    margin-right: -0.75em;}
  .column,
  .columns {
    position: relative;
    padding-left: 0.75em;
    padding-right: 0.75em;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 1025px) {
    .row {
        
    }
}

@media only screen and (max-width: 767px) {
    .columns.no-padding:first-child{
        padding-left:0.0em;}
    .columns.no-padding:last-child{
        padding-right:0.0em;}
    .row .row{
        margin-top:12px;
        margin-bottom:12px;}
    .no-marge-m{
        margin:0!important;
        padding:0!important;}
}
@media only screen {
    
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .row .row{
        margin-left:0;
        margin-right:0;}
}
@media only screen and (max-width: 1024px){


}
@media only screen and (min-width: 768px) {


}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {

    
}
@media only screen and (min-width: 1025px) {

    
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    

}
@media only screen and (min-width: 1441px) {
    

}
@media only screen and (min-width: 1921px) and (max-width: 99999999em) {

    
}
@media only screen and (min-width: 1921px) {

    
    
}



@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 768px) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 1025px) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } 
    
}

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 768px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 1025px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 1441px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 1921px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }

  .hide-for-print {
    display: none; }

  table.show-for-print {
    display: table; }

  thead.show-for-print {
    display: table-header-group !important; }

  tbody.show-for-print {
    display: table-row-group !important; }

  tr.show-for-print {
    display: table-row !important; }

  td.show-for-print {
    display: table-cell !important; }

  th.show-for-print {
    display: table-cell !important; }
}  


 * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
 h1, h2, h3, h4 {
    font-weight: normal;
 }
.root, html, body {
    width: 100%;
    margin: 0 auto;
    background: #CDCECF;
    max-width: 1600px;
    min-width: auto!important;
}
.surface {
    background: #f2f2f2;
    overflow: hidden;
}
.surface--inverse {
    background: #FFF;
    overflow: hidden;
}
.surface .story, 
.surface .storyContent {
    background: #FFF;
}
.surface--inverse .story, 
.surface--inverse .storyContent {
    background: #F8F8F8;
}
.mainContent {
    margin-right: 340px;
    padding-bottom: 20px;
}
.sidebar {
    width: 340px;
    position: absolute;
    top: 0;
    right: 20px;
}
.sectionLayout {
    display: block;
    max-width: 1318px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
.sectionLayout:before, .sectionLayout:after {
    display: table;
    content: "";
}
.sectionLayout:after {
    clear: both;
}
.sectionLayout--overBackground {
    margin-top: -120px;
    position: relative;
    z-index: 1;
}
.sectionLayout--flex {
    display: table;
}
.sectionLayout--flex .mainContent {
    width: 100%;
    display: table-cell;
}
.sectionLayout--flex .sidebar {
    position: relative;
    right: 0;
    top: 0;
    min-width: 340px;
    display: table-cell;
}
figure {
    margin: 0;
}
img {
    display: block;
    max-width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}
iframe {
    max-width: 100%;
}

.row--sport {
    max-width: 1278px; 
}

@media screen and (max-width: 1024px){ 
	.sectionLayout--overBackground {
	    margin-top: -30px;
	}
	.sectionLayout--flex {
	    display: block;
	}
    .mainContent {
	    display: block;
	    margin-right: 0!important;
	}
	.sectionLayout--flex .mainContent {
	    display: block;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px){

}
@media screen and (min-width: 768px) {
    .row--sport {
        margin-left: -0.75em;
        margin-right: -0.75em;
    }
}
@media screen and (max-width: 767px){
    .sectionLayout {
        padding: 0;
    }
    .row--sport {
        margin-left: -0.375em;
        margin-right: -0.375em;
        width: auto;
    }
}
.imageChapo  {
    position: relative;
    margin: 20px 0 30px;
}
.imageChapo img {
    display: block;
    max-width: 100%;
}
.imageChapo__sectionLayout {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.imageChapo__copyright {
    margin-bottom: 0;
}
.copyright {
    color: #FFF;
    font-family: "ClearSans-Medium", Sans-Serif;
    letter-spacing: 1px;
    font-size: 12px;
    display: inline-block;
    padding: 8px 12px;
}
.imageChapo__cover {
    cursor: default;
    overflow: hidden;
    height: 0;
    display: block;
    padding-bottom: 43%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 20%;
    pointer-events: none;
}

@media screen and (max-width: 1024px){

}
@media screen and (max-width: 1024px) and (min-width: 768px){
    
}
@media screen and (max-width: 767px){
    /*.imageChapo {
        
    }
    .imageChapo img {
        position: absolute;
        height: 100%;
        max-width: none;
        left: -100%;
        right: -100%;
        margin: auto;
    }*/
}









/* SIDEBAR */

.sidebar {
    
}

@media screen and (max-width: 1024px){
    .sidebar {
    	display: none!important;
    	width: auto;
    	position: static;
	}
	.socialAndFilters__content {
        padding-right: 0
    }
}
.sidebar__content {
    margin-left: 40px;
}
.sidebar__content:before {
    display: table;
    content: "";
}
.sidebar__content:after {
    clear: both;
}
.sidebar__block {
    margin-top: 68px;
    margin-bottom: 68px;
}
.sidebar__block:first-child {
    margin-top: 40px;
}

.featuredApp {
    padding: 0 20px;
    background: #FFF;
}
.featuredApp:before, .featuredApp:after {
    display: table;
    content: "";
}
.featuredApp:after {
    clear: both;
}
.featuredApp__image {
    margin: 20px 0;
}
.featuredApp__description {
    margin: 20px 0;    
    font-size: 16px;
    line-height: 1.9;
    color: #000;
    font-family: "ClearSans-Light", Sans-Serif;
    text-align: left;
    padding: 0;
}
.featuredApp__action {
    margin: 30px 0;   
    text-align: right;
}

.score {
    background: #FFF;
    padding: 10px;
}

.chevron {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    font-family: "ClearSans", Sans-Serif;
    padding: 0 20px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    position: relative;
    transition: color 100ms ease;
}
.chevron:hover {
    color: #E2001A;
}
.chevron:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f054";
    color: #E2001A;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    font-size: 12px;
}



.mainContent {
    background: #FFF;
    display: block;
}
.mainContent:before, .mainContent:after {
    display: table;
    content: " ";
}
.mainContent:after {
    clear: both;
}
.post__section {
    position: relative;
    display: block;
}
.post__section--max {
    padding-left: 68px;
    padding-right: 68px;
    margin-left: auto;
    margin-right: auto;
    max-width: 936px;
    display: block;
}
.postTwitter {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.postFacebook {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}



/* INFOS (DATE, AUTEUR) */
.postInfos {
    margin-top: 13px;
    margin-bottom: 13px;
    white-space: nowrap;
}
.postInfos__dates {
    display: inline-block;
}
.postInfos__dates .date {
    border-right: 1px solid #e9e9e9;
    padding: 0 12px;
}
.postInfos__dates .date:first-child {
    padding-left: 0;
}
.postInfos__author {
    display: inline-block;
}
.postInfos__author .author {
    padding: 0 12px;
}
.date {
    font-family: "ClearSans-Medium", Sans-Serif;
    font-size: 12px;
    color: #a0a0a0;
    vertical-align: top;
    line-height: 1.6;
    display: inline-block;
}
.date .fa {
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
}
.author {
    display: inline-block;
    font-family: "ClearSans-Medium", Sans-Serif;
    font-size: 12px;
    color: #e2001a;
    vertical-align: top;
    line-height: 1.6;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.author--ad {
    color: #a0a0a0;
}

/* Tag & Breadcrumb */
.tag-breadcrumb-item {
    font-family: "ClearSans-Light", Sans-Serif;
    margin: 0 1px 1px 0;
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    color: #515151;
}

.tags{
    font-size: 0;
}
.tag-item{
    display: inline-block;
    background: #ffcd00;
}

.breadcrumb-list{
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 0;
}
.breadcrumb-list > li{
    display: inline-block;
}
.breadcrumb-list__item {
    display: block;
    background: #e3e3e3;
}

/* TITRES */ 
.title--1 {
    display: block;
    font-family: "SFR-Bold", Sans-Serif;
    font-size: 42px;
    color: #000;
    margin: 40px 0 10px;
    padding: 0;
}
.title--2 {
    display: block;
    font-family: "ClearSans-Bold", "SFR-Bold", Sans-Serif;
    font-size: 26px;
    color: #000;
    margin: 24px 0 32px;
    padding: 0;
}
.title--3 {
    display: block;
    font-family: "SFR-Thin", Sans-Serif;
    font-size: 30px;
    color: #000;
    margin: 40px 0;
    padding: 0;
}
.title--4 {
    display: block;
    font-family: "SFR-Bold", Sans-Serif;
    font-size: 20px;
    color: #000;
    margin: 15px 0;
    padding: 0;
}



/* TEXTES */ 
.chapeau {
    font-size: 20px;
    line-height: 1.5;
    font-weight: normal;
    margin: 15px 0 32px;
    padding: 0;
    color: #000;
    font-family: "ClearSans-Medium", "SFR-Bold", Sans-Serif;
}

.chapeau p {
    margin: 0;
}

.paragraphe {
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-family: "ClearSans-Light", Sans-Serif;
    text-align: left;
    margin: 25px 0;
    padding: 0;
}


/* LOGO PLAY  */
.play-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.play-icon {
    display: inline-block;
    color: #FFF;
    border: solid 3px #fff;
    border-radius: 100%;
    padding: 10px 15px 10px 20px;
    width: 80px;
    height: 80px;
}
.play-time {
    text-align: center;
    color: #FFF;
    font-family: "SFR-Bold";
}

.no-flexbox .play-wrapper {
    top: 10px;
    left: 20px;
    text-align: left;
    transform: none;
}

.no-flexbox .play-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 36px;
    text-align: center;
}

.no-flexbox .play-icon .fa {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .play-icon {
        padding: 0;
        width: 40px;
        height: 40px;
    }
    .play-icon .fa {
        font-size: 20px;
        line-height: 34px;
        margin-left: 4px;
    }
}

    

/* IMAGES */ 
.post figure {
    color: #8a8a8a;
}
.post figure img {
    margin: auto;
}
.postImage {
    margin-top: 40px;
    margin-bottom: -10px;
}
.postImage__legende {
    padding: 10px 18px;
    font-size: 12px;
    color: #8a8a8a;
    line-height: 1.5;
    font-family: "ClearSans-Light", Sans-Serif;
    background: #FFF;
}
.postImage__legende .postImage__copyright {
    font-family: Arial;
    float: right;
}
.play-wrapper{
    display: none;
}

[data-type="media"] .play-wrapper{
    display: block;
}


/* CITATION */ 
.postCitations {
    margin-top: 50px;
    margin-bottom: 0;
}
.citation {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0;
    font-family: "SFR-Thin",Sans-Serif;
    font-style: italic;
    font-size: 28px;
    color: #000;
    letter-spacing: -0.7px;
    line-height: 1.5;
    margin: -1px 0;
}
.citation:before {
    content: "« ";
}
.citation:after {
    content: " »";
}



/* Liste */ 
.postListe {
    margin-top: 45px;
    margin-bottom: 45px;
}
.liste {
    padding-left: 36px;
    
}
.liste__item {
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-family: "ClearSans-Light", Sans-Serif;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.liste__item:before {
	content: "•";
    font-family: "ClearSans-Bold", Sans-Serif;
    font-size: 16px;
    float: left;
    margin-right: 30px;
}



/* Encadre */ 
.postEncadre {
    margin-top: 45px;
    margin-bottom: 45px;
}
.encadre {
    font-size: 16px;
    background: #F8F8F8;
    line-height: 1.5;
    color: #000;
    font-family: "ClearSans-Light", Sans-Serif;
    text-align: left;
    margin: 0;
    padding: 15px 20px;
}


/* Questions - Reponse */ 
.postQuestions {
    margin: 30px 0;
}
.postQuestions:before {
    content: "";
    width: 200px;
    height: 1px;
    background: #e2001a;
    display: block;
}
.question {
    font-family: "ClearSans-Medium";
    font-size: 20px;
    line-height: 1.5;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #000;
}
.reponse {
    color: #000;
    font-family: "ClearSans-Light";
    font-size: 20px;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
}
.reponse b, .reponse strong {
    font-weight: normal;
    font-family: "ClearSans-Medium";
}



.mainContent post a[href],
.paragraphe a[href],
p a[href] {
    line-height: 1.5;
    color: #000;
    font-family: "ClearSans-Light", Sans-Serif;
    text-decoration: underline;
}
.mainContent post a[href]:hover,
.paragraphe a[href]:hover,
p a[href]:hover {
    color: #e2001a;
}

.sport-list .socialAndFilters {
    padding: 0px;
}
.socialAndFilters {
    max-width: 1318px;
    display: block;
    margin: 20px auto 12px;
    padding: 0 20px;
}
.socialAndFilters__content {
}
.socialAndFilters__content .social {
    float: left;
}
.socialAndFilters__content .filters {
    float: right;
}
.socialAndFilters__content:before, 
.socialAndFilters__content:after {
    display: table;
    content: "";
}
.socialAndFilters__content:after {    
    clear: both;
}

.filters {
    position: relative;
    z-index: 1;
    font-size: 0;
    margin: 0;
    padding: 0 15px;
    background: #FFF;
    display: inline-block;
    vertical-align: top;
    height: 24px;
}
.filters > li {
    display: inline-block;
    font-size: 14px;
    font-family: "SFR-Regular", Sans-Serif;
    color: #666;
    vertical-align: top;
    height: 100%;
    margin-left: 26px;
}
.filters > li:first-child {
    margin-left: 0px;
}
.filters > li > a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #666;
    text-decoration: none;
    padding: 0px;
    line-height: 24px;
}
.filters > li.active,
.filters > li.active:before,
.filters > li.active > a {
    color: #E2001A;
}
.filters > li:before {
    content: "•";
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 34px;
    color: #adadad;
    vertical-align: top;
    position: relative;
    top: -9px;
}



.social {
    position: relative;
    z-index: 1;;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin: 0;
    padding: 0;
    height: 24px;
}
.social > li {
    display: inline-block;
    font-size: 12px;
    font-family: "ClearSans-Medium", Sans-Serif;
    text-transform: uppercase;
    color: #666;
    vertical-align: top;
    height: 100%;
    line-height: 1;
}
.social > li > a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #a0a0a0;
    text-decoration: none;
    padding: 0px 5px;
    line-height: 24px;
    text-align: center;
    margin: 0 2px 0 1px;
    background: #FFF;
}

.social > li.social__icon > a{
    width: 35px;
}

.social > li i {
    position: relative;
    top: 4px;
    display: inline-block;
    vertical-align: top;
    color: #424242;
    text-decoration: none;
    padding: 0px;
    font-size: 18px;
    line-height: 1;
}
@media screen and (max-width: 1024px){
    .postInfos {
        display: flex;
    }
    .postInfos__dates {
        border-right: 1px solid #e9e9e9;
        padding-right: 12px;
    }
    .postInfos__dates .date {
        border: 0;
        padding: 0;
        display: block;
    }
    .postInfos__author {
        flex: 1;
        display: flex;
        margin: auto;
    }
    .date .fa {
        /*display: none;*/
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    
}
@media screen and (max-width: 767px){
    .post__section--max {
        padding-left: 16px;
        padding-right: 16px;
    }
    .tag {
        padding: 4px;
        font-size: 10px;
    }
    .date {
        font-size: 11px;
    }
    .author {
        font-size: 10px;
    }
    .title--1 {
        font-size: 24px;
        margin-top: 15px;
    }
    .title--2 {
        font-size: 15px;
    }
    .title--3 {
        font-size: 18px;
    }
    .chapeau {
        font-size: 14px;
        margin: 15px 0 25px;
    }
    .paragraphe {
        font-size: 14px!important;
        text-align: left!important;
        line-height: 1.5!important;
    }
    .postListe {
        margin: 30px 0;
    }
    .liste {
        padding-left: 6px;
        
    }
    .liste__item {
        font-size: 14px;
    }
    .liste__item:before {
        margin-right: 20px;
    }
    .postEncadre {
        margin: 35px 0;
    }
    .encadre {
        font-size: 12px;
    }
    .postCitations {
        margin: 20px 0;
    }
    .citation {
        font-size: 20px;
    }
    .question {
        font-size: 15px;
    }
    .reponse {
        font-size: 15px;
    }
}


.sectionLayout__area {
    margin-bottom: 60px;
}
.sectionLayout__area:before, .sectionLayout__area:after {
    display: table;
    content: "";
}
.sectionLayout__area:after {
    clear: both;
}
.sectionLayout__title {
    margin: 55px 0;
}

.sectionLayout__title > .sectionLayout__action {
    float: right;
    display: block;
}


@media screen and (max-width: 767px) {
    .sectionLayout__area {
        margin-top: 0px;
        margin-bottom: 30px;
        padding: 0 12px;
    }
    .sectionLayout__title {
        margin: 35px 0;
    }
    .sectionLayout__title > .sectionLayout__action {
        float: none;
        margin-top: 20px;
    }
}


.viewMore {
    background: #FFF;
}



/* STORY */

.story {
    position: relative;
    margin-bottom: 20px;
    display: block;
}
.storyInfos {
    margin: 12px 0;
}
.storyInfos > .fa {
    float: left;
    height: 37px;
    font-size: 22px;
    line-height: 34px;
    margin-right: 10px;
    color: #a0a0a0;
}
.storyMedia {
    position: relative;
    background-size: cover;
    /*height: 100%;*/
    background-repeat: no-repeat;
    background-position: top center;
}
.storyMedia img {
    display: none;
}
.story--review .storyInfos .author {
    line-height: 1;
}
.story--review .storyMedia {
    height: 80%;
    height: 0;
    padding-bottom: 62%;
}
.story--large .storyMedia {
    float: left;
    height: 100%;
    padding-left: 60%;
    margin-right: 20px;
    background-size: cover;
    background-position: center center;
    padding-bottom: 40%;
}
.story--large .storyInfos {
    margin-top: -5px;
}
.story--large .title--4 {
    font-size: 26px;
    margin: 10px 0;
}
.storyContent {
    overflow: hidden;
    padding-right: 5px;
}
.storyContent__description {
    font-size: 18px;
    line-height: 1.5;
    color: #666;
    font-family: "ClearSans-Light", Sans-Serif;
    text-align: left;
    margin: 10px 0;
    padding: 0;
    letter-spacing: 0.1px;
}

.story--card {
    background: #FFF;
    height: 360px;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.story--card .storyContent {
    padding: 0 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    overflow: visible;
}
.story--card .storyInfos__dates {
    display: inline-block;
    border-right: 1px solid #e9e9e9;
    padding: 0 12px;
}
.story--card .storyInfos__dates:first-child {
    padding-left: 0;
}
.story--card .storyInfos__author {
    display: inline-block;
    padding: 0 12px;
}
.story--card .storyContent__title {
    margin: 0 0 30px;
}
.story--card .title--4 {
    line-height: 1.3;
    min-height: 94px;
}
.story--inverse {
    background: #f8f8f8;
}
.story--inverse .storyContent {
    background: #f8f8f8;
}


.story--live {
    border: 4px solid #e2001a;
    background: rgba(0,0,0,0.25);
    box-shadow: inset 0 0 200px rgba(0,0,0,0.45);
}
.story--live .storyStatus {
    position: absolute;
    top: 16px;
    left: 16px;
    bottom: auto;
    z-index: 2;
}
.story--live .storyScore {
    display: table-cell;
    vertical-align: middle;
}
.story--live .chevron {
    color: #FFF;
    font-size: 13px;
}

.storyScore {
    text-align: center;
}
.storyScore__title,
.storyScore__resultat {
    text-align: center;
    color: #FFF;
    font-family: "SFR-Bold";
    font-size: 30px;
    margin: 0;
}
.storyScore__title > span {
    white-space: nowrap;
}
.storyScore__resultat {
    margin: 0 0 20px;
}

.storyStatus {
    position: absolute;
    bottom: 0;
}
.status {
    display: inline-block;
    font-family: "ClearSans-Medium", Sans-Serif;
    font-size: 12px;
    color: #e2001a;
    vertical-align: top;
    line-height: 1.6;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.status .fa {
    margin-right: 5px;
    font-size: 18px;
    vertical-align: top;
    position: relative;
    top: 1px;
}

.storyCategory {
    position: absolute;
    top: -19px;
}
.category {
    display: inline-block;
    text-transform: uppercase;
    padding: 4px 10px;
    letter-spacing: 0.8px;
    background: #EEE;
    color: #666;
    line-height: 1;
    font-size: 11px;
    font-family: "ClearSans-Regular", Sans-serif;
}

@media screen and (min-width: 1278px) {
    .story--review {
        height: 393px;
    }
}
@media screen and (max-width: 1277px) {
    #story--replay {
        width: 100%
    }
    #story--live {
        display: none;
    }
    .storyStatus {
        position: static;
    }
}
@media screen and (max-width: 1024px) {
    
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .story--large .storyMedia {
        padding-left: 60%;
        margin-right: 20px;
        background-size: cover;
        background-position: center center;
        padding-bottom: 40%;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .story--card {
        margin-bottom: 10px;
        height: 70px;
    }
    .story--card .storyMedia {
        float: left;
        width: 114px;
        height: 100%;
        overflow: hidden;
    }
    .story--card .title--4 {
        margin: 7px 0;
        height: 33px;
        min-height: initial;
        overflow: hidden;
    }
    .story--card .storyContent {
        padding: 0 10px;    
        position: static;
        overflow: hidden;
    }
    .story--card .storyInfos {
        margin: 7px 0;
    }
    .story--card .storyContent__title {
        margin: 0;
    }
    .storyScore__title, 
    .storyScore__resultat {
        font-size: 18px;
    }
    .storyScore__resultat {
        margin-bottom: 10px;
    }
    .story--live .storyScore {
        vertical-align: bottom;
        padding-bottom: 12px;
    }
    .story--live .storyStatus {
        top: 10px;
        left: 10px;
    }
    .story--large .storyMedia {
        float: none;
        max-width: 100%;
        margin: 0;
    }
    .story--large .storyInfos {
        margin-top: 12px;
    }
    .story .title--4 {
        font-size: 13px;
    }
    .storyContent__description {
        display: none;
    }
    .story--card .storyCategory {
        display: none;
    }
}

@media screen and (max-width: 1024px){
    .story--ad {
        display: none;
    }
}
    
    
	
/* HOMEPAGE STORIES */

.homepageStories .row {
    margin: 0 -5px;
    width: auto;
}
.homepageStories .row > .columns {
    padding: 5px;
}
.homepageStories .medium-6.large-6 .story--card.story--big .title--4 {
    min-height: 100px;
    font-size: 26px;
}
.homepageStories .medium-6.large-6 .story--big {
    height: 500px;
}
.homepageStories .story--live {
    background: rgba(0,0,0,0.25);
}
.homepageStories .story--live .storyContent {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    background: transparent;
}
.homepageMain .topStory .imageChapo {
    margin-top: 0;
}

@media screen and (max-width: 767px){
    .homepageStories .story--card.story--big .title--4 {
        font-size: 13px;
        min-height: initial;
    }
    .homepageStories .story--card {
        height: 70px;
    } 
    .homepageStories .story--card .storyContent {
        position: static;
        overflow: hidden;
    }
    .homepageStories .story--card .storyCategory {
        display: none;
    }
    .homepageStories .story--big {
        height: auto;
    }
    .homepageStories .storyMedia {
        height: 100%;
    }
/*    .homepageStories .story--big .storyMedia {
        float: none;
        width: 100%;
        height: 0;
        padding-bottom: 52%;
    }*/
    .homepageStories .story--live,
    .flexbox .homepageStories .story--live {
        height: 130px;
    }
    .homepageStories .medium-6.large-6 .story--big,
    .small-6 .story--big {
        height: 230px;
    }
    .homepageStories .medium-6.large-6 .story--big .storyContent,
    .small-6 .story--big .storyContent {
        position: absolute;
        height: 130px;
    }
    .homepageStories .medium-6.large-6 .story--big.story--texte .storyContent, 
    .small-6 .story--big.story--texte .storyContent {
        height: auto;
        position: static;
    }
    .homepageStories .small-6 .story--big .storyInfos,
    .small-6 .story--big .storyInfos {
        position: absolute;
        bottom: 0;
    }
    
}




.story--texte .storyContent {
    position: static;
    height: 100%;
}
.story--texte .storyCategory {
    position: static;    
    padding-top: 20px;  
    margin-bottom: 20px;
}
.story--texte .storyInfos {
    position: absolute;
    bottom: 0;
}
.story--texte .storyContent__description {
    font-size: 14px;
    line-height: 1.3;
}
.story--texte.story--big .storyContent__description {
    font-size: 18px;
}
.story--texte .storyMedia {
    display: none;
}
.category--euro {
    background: #1e3789;
    color: #FFF;
}
.category--basket {
    background: #ffaf24;
    color: #FFF;
}

@media screen and (min-width: 1200px){
    .story--texte .storyContent__description {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px){
    .story--big .storyInfos__author {
        padding: 0;
        display: block;
    }
    .story--big .storyInfos__dates {
        border: 0;
        display: block;
    }
    .story--texte .storyMedia {
        display: none;
    }
}




.flexbox .story--card {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}
.flexbox .story--card .storyContent {
    position: relative;
}
.flexbox .story--card .storyMedia {
    /*height: 100%;*/
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media screen and (max-width: 767px){
    .flexbox .story--card {
        display: block;
        height: 70px;
    }
}



/* HOMEPAGE CHANNEL */

.homepageChannels .row {
    margin: 0 -20px;
    width: auto;
}
.homepageChannels .row > .columns {
    padding: 20px;
}
.channel {
    height: 27px;
    display: block;
}
.channel img {
    height: 100%;
    max-width: none;
}
.storyTags {
    font-size: 0;
}
.storyInfos--channel {
    overflow: hidden;
    margin: 20px 0;
}
.storyInfos--channel .storyTags {
    float: left;
}
.storyInfos--channel .storyChannels {
    float: right;
}
.story--channel {
    height: 500px;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.story--channel .storyMedia {
    height: 0%;
    padding-bottom: 65%;
}
.story--channel .storyContent {
    padding: 0 22px;
}
.story--channel .storyStatus {
    position: static;
}
.story--channel .title--4 {
    margin: 10px 0;
}
.story--channel .status {
    color: #000;
}
.story--channel .status--replay {
    color: #a5a5a5;
}
.story--channel .storyContent__title {
    margin: 30px 0;
}
.storyDetails {
    padding: 15px 0;
}
.storyDetails__name {
    font-family: "ClearSans-Medium", Sans-Serif;
    color: #666;
    font-size: 16px;
}
.storyDetails__date .date {
    font-family: "ClearSans-Light", Sans-Serif;
    color: #666;
    font-size: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .storyInfos--channel .storyTags {
        display: block;
        float: none;
    }
    .storyInfos--channel .storyChannels {
        display: block;
        float: none;
        margin-top: 5px;
        height: 25px;
    }
    .homepageChannels .row {
        margin: -5px;
    }
    .homepageChannels .row > .columns {
        padding: 5px;
    }
}
@media screen and (max-width: 767px){
    .homepageChannels .row > .columns {
        padding: 10px 20px;
    }
    .story--channel .storyMedia {
        padding-bottom: 50%;
    }
    .story--channel {
        height: auto;
    }
    .channel {
        height: 20px;
    }
    .story--channel .storyContent__title {
        margin: 5px 0;
    }
    .story--channel .title--4 {
        margin: 2px 0;
    }
    .storyDetails {
        padding: 0px 0 15px;
    }
    .storyDetails__name {
        font-size: 12px;
    }
    .storyDetails__date .date {
        font-size: 12px;
    }
    .story--channel .storyContent {
        padding: 0 10px;
    }
}



	
	

.zoneEuro {
    background: #163d98 url(//static.s-sfr.fr/media/homepage__zoneeuro.jpg) center center no-repeat;
    background-size: cover;
}
.zoneEuro .sectionLayout__title {
    color: #FFF;
}
.zoneEuro .sectionLayout__action .chevron {
    color: #FFF;
}
.zoneEuro .story {
    background: #FFF; 
}




/* HOMEPAGE MOST READ/VIEW */


.homepageTheMost .row {
    margin: 0 -5px;
    width: auto;
}
.homepageTheMost .row > .columns {
    padding: 5px;
}

.small-6.medium-6.large-6 .story--big {
    height: 500px;
}
.small-6.medium-6.large-6 .story--card.story--big .title--4 {
    min-height: 100px;
    font-size: 26px;
}
.story--card.story--big .title--4,
.story--card.story--texte .title--4,
.story--card.story--big.story--texte .title--4, 
.small-6.medium-6.large-6 .story--card.story--big.story--texte .title--4 {
    min-height: initial;
}
@media screen and (max-width: 767px){
    
    .homepageTheMost .story--big {
        height: auto;
    }
    .homepageTheMost .storyMedia {
        height: 100%;
    }
    .homepageTheMost .story--big .storyMedia {
        float: none;
        width: 100%;
    }
    .homepageTheMost .small-6.medium-6.large-6 .story--big {
        height: 230px;
    }
    .homepageTheMost .small-6.medium-6.large-6 .story--big .storyContent {
        position: absolute;
        height: 130px;
    }
    .homepageTheMost .small-6.medium-6.large-6 .story--big.story--texte .storyContent, 
    .homepageTheMost .small-6 .story--big.story--texte .storyContent {
        height: auto;
        position: static;
    }
    .small-6 .story--big .storyInfos {
        position: absolute;
        bottom: 0;
    }
    .story--texte .storyMedia {
        display: none;
    }
    .homepageTheMost .small-6.medium-6.large-6 .story--card.story--big .title--4 {
        font-size: 13px;
        min-height: initial;
    }
    .homepageTheMost .story--card {
        height: 70px;
    } 
    .homepageTheMost .story--card .storyContent {
        position: static;
        overflow: hidden;
    }
    .homepageTheMost .story--card .storyCategory {
        display: none;
    }
    .homepageTheMost .story--card img {
        position: static;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        margin: auto;
        max-height: auto;
    }
}




/* AD - PUB */
.ad {
    margin: 0 auto;
}
.ad img {
    margin: auto;
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 1024px) and (min-width: 768px){

}
@media screen and (max-width: 767px){
    .ad--header {
        /*display: none;*/
    }
}



.pageHeader:before, .pageHeader:after {
    content: "";
    display: table;
}
.pageHeader:after {
    clear: both;
}
.pageHeader .pageHeader__title {    
    margin: 0 0 8px;
}
.pageHeader__content {
    max-width: 1318px;
    display: block;
    margin: 42px auto 12px;
    height: 100%;
    padding: 0 20px;
}
.tabs {
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.tabs > li {
    display: inline-block;
    font-size: 18px;
    font-family: "SFR-Regular", Sans-Serif;
    color: #333;
    vertical-align: top;
    height: 100%;
    margin-left: 20px;
}
.tabs > li:first-child {
    margin-left: 0px;
}
.tabs > li > a {
    position: relative;
    display: inline-block;
    color: #333;
    line-height: 48px;
    text-decoration: none;
    padding: 0px 8px;
}
.tabs > li.active a {
    color: #E2001A;
}
.tabs > li.active a:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #E2001A;
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
}
.ad--header {
    margin: 20px auto;
}
.ad--header img {
    margin: auto;
}
@media screen and (max-width: 1024px){
    
}
@media screen and (max-width: 1024px) and (min-width: 768px){

}
@media screen and (max-width: 767px){
    .pageHeader .pageHeader__title {
        display: none;
    }
    .pageHeader__content {
        margin: 0;
        padding: 0;
    }
    .pageHeaderTabs {
        margin: 0;
        background: #222;
        padding: 0 8px;
        overflow-x: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }
    .tabs {
        white-space: nowrap;    
        border-bottom: 1px solid #000;
        box-shadow: none;
    }
    .tabs > li {
        color: #9c9e9f;
        font-size: 16px;
        margin: 0;
    }
    .tabs > li > a {
        color: #9c9e9f;
        line-height: 50px;
        padding: 0 6px;
        margin: 0px 4px;
    }
    .tabs > li.active a:after {
        height: 3px;
    }
}

.homepageMain .topStory .imageChapo img {
    width: 100%
}