/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 oct. 2018, 16:07:25
    Author     : claire
*/
@font-face {
  font-family: FuturaStd-Book;
  src: url(../fonts/FuturaStd-Book.eot) format("eot"), url(../fonts/FuturaStd-Book.woff) format("woff"), url(../fonts/FuturaStd-Book.otf) format("truetype"), url(../fonts/FuturaStd-Book.svg) format("svg"); }
@font-face {
  font-family: FuturaStd-Bold;
  src: url(../fonts/FuturaStd-Bold.eot) format("eot"), url(../fonts/FuturaStd-Bold.woff) format("woff"), url(../fonts/FuturaStd-Bold.otf) format("truetype"), url(../fonts/FuturaStd-Bold.svg) format("svg"); }
@font-face {
  font-family: FuturaStd-Heavy;
  src: url(../fonts/FuturaStd-Heavy.eot) format("eot"), url(../fonts/FuturaStd-Heavy.woff) format("woff"), url(../fonts/FuturaStd-Heavy.otf) format("truetype"), url(../fonts/FuturaStd-Heavy.svg) format("svg"); }
@font-face {
  font-family: FuturaStd-Medium;
  src: url(../fonts/FuturaStd-Medium.eot) format("eot"), url(../fonts/FuturaStd-Medium.woff) format("woff"), url(../fonts/FuturaStd-Medium.otf) format("truetype"), url(../fonts/FuturaStd-Medium.svg) format("svg"); }
@font-face {
  font-family: FuturaStd-Light;
  src: url(../fonts/FuturaStd-Light.eot) format("eot"), url(../fonts/FuturaStd-Light.woff) format("woff"), url(../fonts/FuturaStd-Light.otf) format("truetype"), url(../fonts/FuturaStd-Light.svg) format("svg"); }
* {
  padding: 0;
  margin: 0;
  outline: none; }

#jsn-master {
  background-color: #ffffff !important;
  background-image: none; }

.display-desktop {
  display: inline-block; }
  @media screen and (max-width: 960px) {
    .display-desktop {
      display: none; } }

.display-mobile {
  display: none; }
  @media screen and (max-width: 960px) {
    .display-mobile {
      display: inline-block; } }

body {
  font-family: FuturaStd-Medium;
  font-size: 16px;
  overflow-x: hidden; }

.container-letrot {
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1200px) {
    .container-letrot {
      padding: 0 15px;
      width: auto; } }

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

.btn-cta {
  background: #d8262e;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 20px;
  text-decoration: none;
  line-height: 1.3; }
  @media screen and (min-width: 961px) {
    .btn-cta {
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .btn-cta:hover {
        background: #333333;
        color: white !important;
        text-decoration: none !important; } }
  .btn-cta:before {
    display: block;
    content: "";
    float: left;
    background-image: url(../images/common/arrow.svg);
    width: 8px;
    height: 13px;
    background-size: 8px 13px;
    margin-right: 10px;
    margin-top: 2px; }
  @media screen and (max-width: 500px) {
    .btn-cta {
      font-size: 14px;
      padding: 10px 15px;
      line-height: 1.2; } }

@media screen and (max-width: 960px) {
  .section-nh-main-content {
    margin-top: 114px; } }

.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 36px;
  -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.32);
  box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.32);
  margin-top: 0;
  top: 185px;
  display: none; }
  @media screen and (max-width: 960px) {
    .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
      display: block; } }
  @media screen and (max-width: 500px) {
    .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
      top: 50%;
      margin-top: -80px; } }
  @media screen and (max-width: 321px) {
    .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
      top: 50%;
      margin-top: -88px; } }
  .swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after {
    display: block;
    content: "";
    background-image: url(../images/footer/arrow-red.svg);
    width: 10px;
    height: 14px;
    background-size: 100% 100%;
    position: absolute;
    left: 11px;
    top: 8px; }
.swiper-container .swiper-button-next {
  right: 21px; }
.swiper-container .swiper-button-prev {
  left: 2px; }
  .swiper-container .swiper-button-prev:after {
    left: 8px;
    transform: rotate(-180deg); }
.swiper-container .swiper-pagination-bullets {
  position: relative;
  margin-bottom: 10px;
  display: none; }
  @media screen and (max-width: 960px) {
    .swiper-container .swiper-pagination-bullets {
      display: block; } }
  .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 1;
    background: #e5e5e5;
    margin: 0 3px; }
  .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #d8262e; }

@media screen and (min-width: 961px) {
  .habillage-new-home {
    display: block;
    width: 100%;
    height: 800px;
    background-image: url(../images/home/habillage.jpg);
    background-position: top center, top left;
    background-repeat: no-repeat, repeat-x;
    position: absolute;
    z-index: 0; }

  body.habillage-actif .section-nh-main-content {
    margin-top: 306px;
    position: relative; } }
@media (min-width: 768px) {
  .pub-home__image.pub-home__image--mobile {
    display: none; } }
@media (max-width: 767px) {
  .pub-home__image.pub-home__image--desktop {
    display: none; } }

.section-nh-pub-home {
  display: flex;
  justify-content: center;
  margin: 20px 0 0px; }

.letrot-pub {
  display: flex;
  justify-content: center;
  margin: 20px 0; }

.racesResultsCalendar__pub {
  text-align: center; }

.trotteurs-records {
  padding: 1rem; }
  .trotteurs-records h2 {
    font-size: 22px;
    font-family: FuturaStd-Bold;
    margin: 0 10px;
    text-transform: uppercase; }
  .trotteurs-records__ctas {
    display: flex;
    justify-content: left;
    flex-wrap: wrap; }
  .trotteurs-records__cta {
    margin: 10px; }

.trotteur-selection {
  padding: 1rem; }

.containerParent--trotteur-stats {
  margin-top: 100px; }

.home__pub {
  display: flex;
  justify-content: center;
  padding: 30px 0; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 oct. 2018, 16:07:50
    Author     : claire
*/
@keyframes play {
  100% {
    background: #282828 url(../images/header/picto-live-2.svg) left center;
    background-size: 100% 100%; } }
.overlay-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  background: rgba(0, 0, 0, 0.25);
  z-index: 100; }
  .overlay-menu.active {
    display: block; }

.section-nh-mainheader {
  position: relative;
  z-index: 105;
  background: white;
  padding-top: 15px; }

.section-nh-preheader {
  box-sizing: border-box;
  position: relative; }
  .section-nh-preheader * {
    box-sizing: border-box; }
  .section-nh-preheader ul {
    margin: 0;
    padding: 0; }
    .section-nh-preheader ul li {
      margin: 0;
      padding: 0; }
  @media screen and (max-width: 960px) {
    .section-nh-preheader {
      margin-top: 0;
      background: #d8262e;
      padding: 10px 0;
      position: fixed;
      width: 100%;
      top: 0;
      z-index: 300;
      height: 49px; } }
  .section-nh-preheader:after {
    display: block;
    content: "";
    background: #c02229;
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 100%; }
    @media screen and (max-width: 960px) {
      .section-nh-preheader:after {
        display: none; } }
  .section-nh-preheader .logo {
    position: relative;
    z-index: 10;
    margin-top: 2px; }
    @media screen and (max-width: 960px) {
      .section-nh-preheader .logo {
        width: 100px;
        height: auto; } }
  .section-nh-preheader .menu-live {
    float: right;
    position: relative;
    z-index: 10;
    list-style: none;
    margin-top: 25px; }
    @media screen and (max-width: 960px) {
      .section-nh-preheader .menu-live {
        display: none; } }
    .section-nh-preheader .menu-live #animation-live {
      display: none; }
      .section-nh-preheader .menu-live #animation-live img {
        display: block;
        width: 30px;
        height: auto; }
    .section-nh-preheader .menu-live li {
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px; }
      .section-nh-preheader .menu-live li a {
        color: white;
        text-decoration: none; }
        .section-nh-preheader .menu-live li a img {
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 5px;
          width: 30px;
          height: 30px; }
      .section-nh-preheader .menu-live li.live.active-live a {
        color: #eee548; }
      .section-nh-preheader .menu-live li.live.active-live img {
        display: none; }
      .section-nh-preheader .menu-live li.live.active-live #animation-live {
        display: block;
        margin: 0 auto 10px auto; }
  .section-nh-preheader .section-preheader-langues {
    float: right;
    position: relative;
    z-index: 10;
    margin-top: 27px;
    margin-left: 20px; }
    .section-nh-preheader .section-preheader-langues .mod-languagesletrotLangues {
      width: auto; }
    .section-nh-preheader .section-preheader-langues ul {
      list-style: none; }
      .section-nh-preheader .section-preheader-langues ul li {
        font-size: 0;
        padding: 0;
        margin: 0;
        line-height: inherit;
        margin-bottom: 10px; }
        .section-nh-preheader .section-preheader-langues ul li img {
          display: block; }
  .section-nh-preheader .section-preheader-search {
    position: absolute;
    top: 34px;
    z-index: 110;
    margin-left: 430px;
    /*#esearch-form {
    	right: inherit;
    	top: 24px;
    	z-index: 100;
    	margin-left: 430px;
    	left: inherit;
    	@media screen and (max-width: $width-mobile ) {
    		margin-left: 135px;
    	}
    	#valideSearch {
    		top: 16px;
    		right: 12px;
    		position: absolute;
    	}
    }*/ }
    .section-nh-preheader .section-preheader-search #form-search {
      margin-top: 0;
      margin-bottom: 0; }
    @media screen and (max-width: 1170px) {
      .section-nh-preheader .section-preheader-search {
        margin-left: 330px; } }
    @media screen and (max-width: 960px) {
      .section-nh-preheader .section-preheader-search {
        top: 10px;
        margin-left: 0;
        right: 60px; }
        .section-nh-preheader .section-preheader-search #esearch-form .input_container ul {
          width: 285px;
          left: -105px; }
          .section-nh-preheader .section-preheader-search #esearch-form .input_container ul .easerch-chevron-link {
            left: 264px; }
          .section-nh-preheader .section-preheader-search #esearch-form .input_container ul .esearchBody {
            padding-left: 20px; }
        .section-nh-preheader .section-preheader-search.desactive {
          width: 0;
          overflow: hidden; }
        .section-nh-preheader .section-preheader-search #form-search {
          margin-bottom: 0;
          margin-top: 0; } }
    .section-nh-preheader .section-preheader-search #search_id {
      width: 320px;
      height: 40px;
      line-height: 40px;
      border: none;
      border-radius: 20px;
      padding: 0 25px;
      color: #969492;
      font-size: 14px; }
      @media screen and (max-width: 960px) {
        .section-nh-preheader .section-preheader-search #search_id {
          width: 135px;
          height: 25px;
          line-height: 25px;
          padding-left: 10px;
          font-size: 16px;
          margin-left: 0;
          margin-top: 2px; }
          .section-nh-preheader .section-preheader-search #search_id:focus {
            width: 195px; } }
    @media screen and (max-width: 960px) and (max-width: 374px) {
      .section-nh-preheader .section-preheader-search #search_id:focus {
        width: 145px; } }

      .section-nh-preheader .section-preheader-search #search_id::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #969492;
        font-size: 14px; }
        @media screen and (max-width: 960px) {
          .section-nh-preheader .section-preheader-search #search_id::-webkit-input-placeholder {
            font-size: 12px; } }
      .section-nh-preheader .section-preheader-search #search_id::-moz-placeholder {
        /* Firefox 19+ */
        color: #969492;
        font-size: 14px; }
        @media screen and (max-width: 960px) {
          .section-nh-preheader .section-preheader-search #search_id::-moz-placeholder {
            font-size: 12px; } }
      .section-nh-preheader .section-preheader-search #search_id:-ms-input-placeholder {
        /* IE 10+ */
        color: #969492;
        font-size: 14px; }
      .section-nh-preheader .section-preheader-search #search_id:-moz-placeholder {
        /* Firefox 18- */
        color: #969492;
        font-size: 14px; }
        @media screen and (max-width: 960px) {
          .section-nh-preheader .section-preheader-search #search_id:-moz-placeholder {
            font-size: 12px; } }
    .section-nh-preheader .section-preheader-search img#valideSearch {
      position: absolute;
      top: 6px;
      right: 10px; }
      @media screen and (max-width: 960px) {
        .section-nh-preheader .section-preheader-search img#valideSearch {
          position: absolute;
          top: 5px;
          right: 7px;
          width: 18px; } }

.section-nh-menu {
  border-bottom: solid 1px #ededed;
  position: relative;
  z-index: 100;
  box-sizing: border-box; }
  .section-nh-menu * {
    box-sizing: border-box; }
  .section-nh-menu ul {
    margin: 0;
    padding: 0; }
    .section-nh-menu ul li {
      margin: 0;
      padding: 0; }
  .section-nh-menu > .container-letrot {
    position: relative; }
  .section-nh-menu .menu-second {
    margin: 0;
    list-style: none;
    position: absolute;
    right: 0;
    text-align: center; }
    .section-nh-menu .menu-second li {
      display: inline-block;
      padding: 0;
      margin: 0;
      padding-left: 10px;
      padding-right: 10px;
      float: left; }
      .section-nh-menu .menu-second li:not(:first-child) {
        border-left: solid 1px #d6d6d6; }
      .section-nh-menu .menu-second li a {
        color: #d8262e;
        font-family: FuturaStd-Bold;
        text-decoration: none;
        font-size: 12px; }
  .section-nh-menu .lang-mobile {
    display: none; }
  @media screen and (min-width: 960px) {
    .section-nh-menu .jsn-modulecontent > ul {
      margin: 0;
      padding: 0;
      height: 45px;
      list-style: none; }
      .section-nh-menu .jsn-modulecontent > ul > li {
        display: inline-block;
        float: left; }
        .section-nh-menu .jsn-modulecontent > ul > li > a {
          color: #333;
          text-transform: uppercase;
          font-size: 17px;
          font-family: FuturaStd-Bold;
          display: block;
          height: 45px;
          line-height: 45px;
          padding: 0 20px;
          text-decoration: none;
          position: relative; } }
      @media screen and (min-width: 960px) and (max-width: 1170px) {
        .section-nh-menu .jsn-modulecontent > ul > li > a {
          padding: 0 10px;
          font-size: 16px; } }
      @media screen and (min-width: 960px) and (max-width: 1070px) {
        .section-nh-menu .jsn-modulecontent > ul > li > a {
          font-size: 14px; } }
  @media screen and (min-width: 960px) {
          .section-nh-menu .jsn-modulecontent > ul > li > a:hover {
            color: #d8262e; }
          .section-nh-menu .jsn-modulecontent > ul > li > a.active-menu {
            color: #d8262e; }
            .section-nh-menu .jsn-modulecontent > ul > li > a.active-menu:after {
              display: block;
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 8.5px 10px 8.5px;
              border-color: transparent transparent #333333 transparent;
              position: absolute;
              bottom: -6px;
              left: 50%;
              margin-left: -8.5px; }
        .section-nh-menu .jsn-modulecontent > ul > li.active > a {
          color: #d8262e; }
        .section-nh-menu .jsn-modulecontent > ul > li.active .active > a {
          color: #d8262e; }
        .section-nh-menu .jsn-modulecontent > ul > li a.la_home {
          width: 40px; }
          .section-nh-menu .jsn-modulecontent > ul > li a.la_home img {
            position: absolute;
            margin-top: 8px; }
        .section-nh-menu .jsn-modulecontent > ul > li:first-of-type a {
          padding: 0;
          line-height: 45px; }
      .section-nh-menu .jsn-modulecontent > ul > li ul {
        position: absolute;
        width: 100%;
        background: #333333;
        left: 0;
        padding: 15px 0;
        margin: 0px;
        display: none;
        margin-top: 6px; }
        .section-nh-menu .jsn-modulecontent > ul > li ul.active {
          display: block; }
          .section-nh-menu .jsn-modulecontent > ul > li ul.active:after {
            display: block;
            position: absolute;
            content: "";
            left: -50000px;
            right: -50000px;
            background: #333333;
            top: 0;
            bottom: 0;
            z-index: -1;
            -webkit-box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3); }
        .section-nh-menu .jsn-modulecontent > ul > li ul li {
          display: inline-block;
          list-style: none;
          margin-left: 20px;
          margin-right: 20px; }
          .section-nh-menu .jsn-modulecontent > ul > li ul li.item-576, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-572, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-228, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-578, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-577, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-574, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-579, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-575, .section-nh-menu .jsn-modulecontent > ul > li ul li.item-580 {
            display: none; }
          .section-nh-menu .jsn-modulecontent > ul > li ul li a {
            padding-left: 5px;
            padding-right: 5px;
            color: white;
            text-decoration: none;
            position: relative;
            display: block;
            font-size: 16px; }
            .section-nh-menu .jsn-modulecontent > ul > li ul li a:after {
              display: block;
              content: "";
              background: #d8262e;
              height: 5px;
              top: 29px;
              left: 0;
              right: 0;
              position: absolute;
              display: none; }
            .section-nh-menu .jsn-modulecontent > ul > li ul li a:hover:after {
              display: block; } }
  @media screen and (max-width: 960px) {
    .section-nh-menu {
      position: fixed;
      width: 100%;
      top: 49px;
      z-index: 200;
      background: #333333;
      height: 100%; }
      .section-nh-menu .lang-mobile {
        display: block; }
      .section-nh-menu > .container-letrot {
        height: calc(100% - 70px);
        padding: 0; }
      .section-nh-menu .display-mobile {
        display: block;
        height: 100%;
        overflow: scroll; }
        .section-nh-menu .display-mobile .jsn-modulecontainer {
          background: #333333;
          padding: 25px 0; }
          .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent a {
            text-decoration: none;
            color: white;
            font-size: 14px; }
          .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent li {
            list-style: none; }
          .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li {
            margin-bottom: 30px;
            width: 100%;
            overflow: auto;
            padding-left: 15px;
            padding-right: 15px; }
            .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu {
              margin-bottom: 0;
              padding: 0;
              border-bottom: solid 1px #dc2930; }
              .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu > ul {
                background: #dc2930;
                overflow: auto;
                padding-top: 10px;
                padding-bottom: 10px;
                display: none;
                padding-top: 20px; }
                .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot > ul li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu .nav-child li, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu > ul li {
                  width: 100%;
                  margin-bottom: 0; }
                  .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot > ul li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu .nav-child li a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu > ul li a {
                    text-transform: uppercase;
                    font-family: FuturaStd-Heavy;
                    font-size: 12px;
                    padding: 7px 15px;
                    padding-left: 50px;
                    display: block; }
              .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot.active > ul, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu.active .nav-child, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu.active > ul {
                display: block; }
              .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot.active > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu.active > a:after {
                transform: rotate(-180deg); }
              .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot > a, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu > a {
                margin-bottom: 0;
                padding: 14px 15px;
                background: #bf2229;
                margin-bottom: 0;
                -webkit-box-shadow: 9px 9px 18px 0px rgba(0, 0, 0, 0.32);
                -moz-box-shadow: 9px 9px 18px 0px rgba(0, 0, 0, 0.32);
                box-shadow: 9px 9px 18px 0px rgba(0, 0, 0, 0.32);
                position: relative; }
                .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot > a:after, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu > a:after {
                  display: block;
                  content: "";
                  width: 10px;
                  height: 10px;
                  float: right;
                  background-size: 10px 10px;
                  background-image: url(../images/header/arrow-white.svg); }
            .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-467 > a:before, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-532 > a:before, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_qui_sommes_nous > a:before {
              display: block;
              content: "";
              width: 24px;
              height: 14px;
              float: left;
              background-size: 24px 14px;
              background-image: url(../images/header/picto-qui.svg);
              margin-right: 10px; }
            .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-473 > a:before, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-538 > a:before, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_filliere_trot > a:before {
              display: block;
              content: "";
              width: 20px;
              height: 20px;
              float: left;
              background-size: 20px 20px;
              background-image: url(../images/header/picto-fer.png);
              margin-right: 10px;
              margin-top: -4px; }
            .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-486 > a:before, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.item-551 > a:before, .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li.menu_publication_docu > a:before {
              display: block;
              content: "";
              width: 20px;
              height: 26px;
              float: left;
              background-size: 17px auto;
              background-image: url(../images/header/picto-doc.png);
              margin-right: 10px;
              background-repeat: no-repeat;
              margin-top: -4px; }
            .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li:first-child {
              display: none; }
            .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li li {
              display: inline-block;
              margin-bottom: 20px;
              width: 50%;
              float: left;
              padding-right: 15px; }
            .section-nh-menu .display-mobile .jsn-modulecontainer .jsn-modulecontent > ul > li > a {
              text-transform: uppercase;
              font-size: 12px;
              font-family: FuturaStd-Bold;
              margin-bottom: 15px;
              display: block;
              line-height: 1.5; } }

@media screen and (max-width: 960px) {
  #jsn-page {
    margin-top: 121px; }

  .section-nh-menu {
    display: none; }
    .section-nh-menu.active {
      display: block; }

  .menu-speed-access {
    background: #282828;
    display: block;
    padding-top: 10px;
    padding-bottom: 2px;
    overflow: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    width: 100%;
    top: 49px;
    z-index: 100;
    box-sizing: border-box; }
    .menu-speed-access ul {
      margin: 0;
      text-align: center; }
      .menu-speed-access ul li {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        width: 25%;
        float: left; }
        .menu-speed-access ul li a {
          display: block;
          max-width: 75px;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          color: white;
          text-decoration: none; }
          .menu-speed-access ul li a span {
            margin-top: 12px;
            display: block;
            vertical-align: middle;
            font-size: 14px; }
          .menu-speed-access ul li a img {
            display: block;
            width: auto;
            height: 30px;
            margin-left: auto;
            margin-right: auto; }
        .menu-speed-access ul li.live #animation-live {
          display: none; }
        .menu-speed-access ul li.live.active-live a {
          color: #eee548; }
        .menu-speed-access ul li.live.active-live img {
          display: none; }
        .menu-speed-access ul li.live.active-live #animation-live {
          display: block; }
          .menu-speed-access ul li.live.active-live #animation-live img {
            display: block; }
        .menu-speed-access ul li.calendrier a span {
          margin-top: 5px; }

  .nav-icon {
    position: absolute;
    right: 15px;
    top: 16px;
    cursor: pointer; }
    .nav-icon span {
      display: block;
      margin-bottom: 4px;
      height: 3px;
      width: 26px;
      background: white;
      border-radius: 4px; }
    .nav-icon.active {
      top: 21px; }
      .nav-icon.active .last {
        display: none; }
      .nav-icon.active .first {
        transform: rotate(45deg);
        position: absolute; }
      .nav-icon.active .second {
        transform: rotate(-45deg); }

  .loupe {
    position: absolute;
    right: 60px;
    top: 15px;
    display: none; }
    .loupe.active {
      display: block; }
    .loupe img {
      display: block;
      width: 18px;
      height: auto; }

  .section-preheader-langues {
    margin-left: -15px;
    margin-right: -15px;
    background: #c02229;
    padding: 15px 0; }
    .section-preheader-langues ul {
      list-style: none;
      text-align: center;
      width: 100%; }
      .section-preheader-langues ul li {
        margin: 0 15px;
        display: inline-block;
        font-size: 12px; }
        .section-preheader-langues ul li img {
          display: inline-block;
          margin-right: 10px;
          vertical-align: middle;
          width: 25px;
          height: auto; }
        .section-preheader-langues ul li a {
          color: white;
          text-decoration: none; }
        .section-preheader-langues ul li.lang-active a {
          font-family: FuturaStd-Bold; } }
@media screen and (max-width: 960px) {
  .section-nh-preheader > .container-letrot > .section-preheader-langues {
    display: none; } }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 oct. 2018, 16:14:30
    Author     : claire
*/
.section-social {
  background: #e5e5e5;
  padding: 50px 0;
  text-align: center;
  box-sizing: border-box; }
  .section-social * {
    box-sizing: border-box; }
  .section-social ul {
    margin: 0;
    padding: 0; }
    .section-social ul li {
      margin: 0;
      padding: 0; }
      .section-social ul li img {
        -moz-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        -webkit-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in; }
      @media screen and (min-width: 961px) {
        .section-social ul li a:hover img {
          transform: rotate(360deg); } }
  @media screen and (max-width: 960px) {
    .section-social {
      padding: 30px 0; } }
  .section-social .title {
    display: inline-block;
    text-align: right;
    font-size: 20px;
    font-family: FuturaStd-Bold;
    text-transform: uppercase;
    line-height: 1.5;
    margin-right: 50px;
    vertical-align: middle; }
    @media screen and (max-width: 960px) {
      .section-social .title {
        display: block;
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px; } }
    .section-social .title span {
      display: block;
      font-family: FuturaStd-Medium; }
  .section-social ul {
    display: inline-block;
    list-style: none;
    vertical-align: middle; }
    @media screen and (max-width: 960px) {
      .section-social ul {
        display: block; } }
    .section-social ul li {
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px; }
      .section-social ul li img {
        width: 48px;
        height: 49px; }

.section-footer {
  box-sizing: border-box; }
  .section-footer * {
    box-sizing: border-box; }
  .section-footer ul {
    margin: 0;
    padding: 0; }
    .section-footer ul li {
      margin: 0;
      padding: 0; }
  .section-footer a {
    color: white;
    text-decoration: none; }
    @media screen and (min-width: 961px) {
      .section-footer a:hover {
        text-decoration: underline; } }
  .section-footer ul {
    list-style: none; }
    .section-footer ul li {
      margin-bottom: 10px; }
      .section-footer ul li a {
        font-size: 14px;
        font-family: FuturaStd-Light; }
        @media screen and (max-width: 960px) {
          .section-footer ul li a {
            font-size: 12px; } }
  .section-footer .meta-description {
    margin-top: 10px;
    font-size: 14px;
    font-family: FuturaStd-Light;
    color: white;
    width: 100%; }
    @media screen and (max-width: 960px) {
      .section-footer .meta-description {
        padding-top: 20px;
        clear: both; } }
  .section-footer .section-footer-links {
    background: #4a4a4a;
    padding: 30px 0;
    overflow: auto; }
    @media screen and (max-width: 960px) {
      .section-footer .section-footer-links {
        padding: 0; }
        .section-footer .section-footer-links .container-letrot {
          padding: 0; } }
    .section-footer .section-footer-links #jsn-pos-footer {
      float: left; }
      @media screen and (max-width: 1260px) {
        .section-footer .section-footer-links #jsn-pos-footer {
          width: 60%; } }
      @media screen and (max-width: 960px) {
        .section-footer .section-footer-links #jsn-pos-footer {
          display: none; } }
    .section-footer .section-footer-links .footer_menu {
      margin-top: 15px;
      display: inline-block;
      vertical-align: top;
      width: 270px;
      padding: 0;
      margin: 0;
      height: inherit;
      background: none; }
      .section-footer .section-footer-links .footer_menu ul li a {
        color: white; }
      .section-footer .section-footer-links .footer_menu ul li.item-588, .section-footer .section-footer-links .footer_menu ul li.item-587 {
        display: none; }
      @media screen and (max-width: 1260px) {
        .section-footer .section-footer-links .footer_menu {
          width: 50%; } }
      .section-footer .section-footer-links .footer_menu:first-child {
        width: 200px; }
        @media screen and (max-width: 1260px) {
          .section-footer .section-footer-links .footer_menu:first-child {
            width: 50%; } }
      .section-footer .section-footer-links .footer_menu:last-child {
        width: auto; }
      .section-footer .section-footer-links .footer_menu .jsn-moduletitle {
        padding: 0;
        text-shadow: none;
        color: white;
        text-transform: uppercase;
        font-size: 14px;
        font-family: FuturaStd-Bold;
        margin-bottom: 15px; }
    .section-footer .section-footer-links #bloc-contact {
      float: right;
      width: 405px;
      max-width: 100%;
      background: #333333;
      color: white;
      padding: 50px;
      box-sizing: border-box; }
      @media screen and (max-width: 1260px) {
        .section-footer .section-footer-links #bloc-contact {
          width: 40%;
          padding: 30px; } }
      @media screen and (max-width: 960px) {
        .section-footer .section-footer-links #bloc-contact {
          width: 100%;
          padding: 25px 15px; } }
      .section-footer .section-footer-links #bloc-contact .title {
        font-size: 14px;
        text-transform: uppercase;
        font-family: FuturaStd-Bold;
        color: white;
        margin-bottom: 20px;
        display: block; }
        .section-footer .section-footer-links #bloc-contact .title span {
          font-family: FuturaStd-Medium; }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-links #bloc-contact .title {
            text-align: center; }
            .section-footer .section-footer-links #bloc-contact .title span {
              display: block; } }
      .section-footer .section-footer-links #bloc-contact li {
        margin-bottom: 22px; }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-links #bloc-contact li {
            border-bottom: solid 1px #666666;
            padding-bottom: 15px;
            font-size: 12px; }
            .section-footer .section-footer-links #bloc-contact li:last-child {
              border: none;
              padding-bottom: 0; } }
        .section-footer .section-footer-links #bloc-contact li strong {
          font-family: FuturaStd-Bold; }
        .section-footer .section-footer-links #bloc-contact li:last-child {
          margin-bottom: 0; }
        .section-footer .section-footer-links #bloc-contact li:before {
          display: block;
          content: "";
          float: left;
          width: 27px;
          height: 33px;
          background-size: 27px 33px;
          margin-right: 5px;
          background-image: url(../images/footer/picto-adresse.svg);
          margin-top: -9px; }
        .section-footer .section-footer-links #bloc-contact li.phone {
          text-transform: uppercase; }
          .section-footer .section-footer-links #bloc-contact li.phone:before {
            background-image: url(../images/footer/picto-phone.svg);
            width: 17px;
            height: 25px;
            background-size: 17px 25px;
            margin-left: 5px;
            margin-top: -5px;
            margin-right: 10px; }
        .section-footer .section-footer-links #bloc-contact li.mail {
          text-transform: uppercase; }
          .section-footer .section-footer-links #bloc-contact li.mail:before {
            background-image: url(../images/footer/picto-mail.svg);
            width: 21px;
            height: 15px;
            background-size: 21px 15px;
            margin-left: 2px;
            margin-top: 0;
            margin-right: 10px; }
          .section-footer .section-footer-links #bloc-contact li.mail span {
            display: block;
            background-image: url(../images/footer/arrow-red.svg);
            width: 10px;
            height: 14px;
            background-size: 100% 100%;
            display: inline-block;
            margin-left: 4px; }
  .section-footer .section-footer-other {
    background: #c02229;
    padding: 40px 0;
    overflow: auto; }
    @media screen and (max-width: 960px) {
      .section-footer .section-footer-other {
        padding: 0; }
        .section-footer .section-footer-other .container-letrot {
          padding: 0; } }
    .section-footer .section-footer-other .bloc {
      float: left; }
      @media screen and (max-width: 960px) {
        .section-footer .section-footer-other .bloc {
          margin-right: 0;
          width: 100%; } }
      .section-footer .section-footer-other .bloc .title {
        font-size: 14px;
        text-transform: uppercase;
        font-family: FuturaStd-Bold;
        color: white;
        margin-bottom: 15px;
        display: block; }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-other .bloc .title {
            margin-bottom: 0;
            padding: 14px 15px;
            background: #bf2229;
            margin-bottom: 0;
            position: relative;
            border-bottom: solid 1px #dc2930; }
            .section-footer .section-footer-other .bloc .title.active {
              -webkit-box-shadow: 9px 9px 18px 0px rgba(0, 0, 0, 0.32);
              -moz-box-shadow: 9px 9px 18px 0px rgba(0, 0, 0, 0.32);
              box-shadow: 9px 9px 18px 0px rgba(0, 0, 0, 0.32);
              border: none; }
              .section-footer .section-footer-other .bloc .title.active:after {
                transform: rotate(-180deg); } }
        .section-footer .section-footer-other .bloc .title:before {
          display: block;
          content: "";
          width: 26px;
          height: 17px;
          background-image: url(../images/footer/picto-services.svg);
          background-size: 26px 17px;
          float: left;
          margin-right: 10px;
          margin-top: -3px; }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-other .bloc .title:after {
            display: block;
            content: "";
            width: 10px;
            height: 10px;
            float: right;
            background-size: 10px 10px;
            background-image: url(../images/header/arrow-white.svg); } }
      .section-footer .section-footer-other .bloc.first {
        width: 400px;
        margin-right: 70px; }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-other .bloc.first {
            margin-right: 0;
            width: 100%; } }
        .section-footer .section-footer-other .bloc.first ul li {
          display: inline-block;
          width: 49%; }
          @media screen and (max-width: 960px) {
            .section-footer .section-footer-other .bloc.first ul li {
              width: 100%; } }
      .section-footer .section-footer-other .bloc.second {
        margin-right: 130px; }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-other .bloc.second {
            margin-right: 0;
            width: 100%; } }
        .section-footer .section-footer-other .bloc.second .title:before {
          width: 20px;
          height: 20px;
          background-size: 20px 20px;
          background-image: url(../images/footer/picto-coupe.svg);
          margin-top: -6px;
          background-repeat: no-repeat; }
          @media screen and (max-width: 960px) {
            .section-footer .section-footer-other .bloc.second .title:before {
              width: 25px;
              background-position: center; } }
      .section-footer .section-footer-other .bloc.last .title:before {
        width: 28px;
        height: 19px;
        background-size: 28px 19px;
        background-image: url(../images/footer/picto-hippodrome.svg); }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-other .bloc.last .title:before {
            margin-right: 7px; } }
      @media screen and (max-width: 960px) {
        .section-footer .section-footer-other .bloc ul {
          background: #dc2930;
          overflow: auto;
          padding-top: 20px;
          padding-bottom: 10px;
          display: none; }
          .section-footer .section-footer-other .bloc ul.active {
            display: block; }
          .section-footer .section-footer-other .bloc ul li a {
            text-transform: uppercase;
            font-family: FuturaStd-Heavy;
            font-size: 12px;
            padding: 7px 15px;
            padding-left: 50px;
            display: block; } }
  .section-footer .section-footer-bottom {
    background: #d8262e;
    padding: 20px 0;
    overflow: auto; }
    @media screen and (max-width: 960px) {
      .section-footer .section-footer-bottom {
        padding: 20px 0; } }
    .section-footer .section-footer-bottom ul {
      float: right;
      margin-top: 20px; }
      @media screen and (max-width: 960px) {
        .section-footer .section-footer-bottom ul {
          float: left;
          margin-top: 5px; } }
      .section-footer .section-footer-bottom ul li {
        display: inline-block;
        margin-left: 20px; }
        @media screen and (max-width: 960px) {
          .section-footer .section-footer-bottom ul li {
            margin-bottom: 0;
            margin-right: 8px;
            margin-left: 0; } }
    .section-footer .section-footer-bottom .logo {
      width: 217px;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 960px) {
        .section-footer .section-footer-bottom .logo {
          float: right;
          width: 100px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 oct. 2018, 11:42:32
    Author     : claire
*/
.section-nh-calendrier {
  background-image: url(../images/calendrier/bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 50px 0; }
  .section-nh-calendrier .courses-off-title {
    color: white;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    font-family: FuturaStd-Bold; }
    @media screen and (max-width: 960px) {
      .section-nh-calendrier .courses-off-title {
        font-size: 1.2em; } }
  @media screen and (max-width: 960px) {
    .section-nh-calendrier {
      background: #4a4a4a;
      padding: 30px 0; } }
  .section-nh-calendrier .row {
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 50px; }
    .section-nh-calendrier .row .item {
      float: left;
      width: 33.33%;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        .section-nh-calendrier .row .item {
          width: 100%;
          display: none; }
          .section-nh-calendrier .row .item.active {
            display: block;
            opacity: 1; } }
      @media screen and (max-width: 960px) {
        .section-nh-calendrier .row .item .content .header-mobile {
          background: #d8262e;
          padding: 20px 15px;
          position: relative; } }
      .section-nh-calendrier .row .item .content .header-mobile > .title {
        color: white;
        text-transform: uppercase;
        text-align: center;
        display: block;
        margin-bottom: 20px;
        font-size: 24px;
        font-family: FuturaStd-Bold; }
        @media screen and (max-width: 960px) {
          .section-nh-calendrier .row .item .content .header-mobile > .title {
            font-size: 16px;
            margin-bottom: 0; } }
        @media screen and (max-width: 340px) {
          .section-nh-calendrier .row .item .content .header-mobile > .title {
            font-size: 14px; } }
      .section-nh-calendrier .row .item .content .header-mobile .subtitle {
        color: rgba(255, 255, 255, 0.7);
        position: absolute;
        text-transform: uppercase;
        top: 25px;
        font-size: 12px;
        display: none; }
        @media screen and (max-width: 960px) {
          .section-nh-calendrier .row .item .content .header-mobile .subtitle {
            display: block; } }
        @media screen and (max-width: 340px) {
          .section-nh-calendrier .row .item .content .header-mobile .subtitle {
            font-size: 10px; } }
        .section-nh-calendrier .row .item .content .header-mobile .subtitle span {
          display: block;
          width: 20px;
          height: 20px;
          border-radius: 25px;
          border: solid 1px rgba(255, 255, 255, 0.7);
          position: relative;
          margin-top: -5px; }
          .section-nh-calendrier .row .item .content .header-mobile .subtitle span:before {
            display: block;
            content: "";
            background-image: url(../images/common/arrow.svg);
            width: 5px;
            height: 10px;
            background-size: 5px 10px;
            position: absolute;
            left: 8px;
            top: 5px; }
        .section-nh-calendrier .row .item .content .header-mobile .subtitle.left {
          left: 10px; }
          .section-nh-calendrier .row .item .content .header-mobile .subtitle.left span {
            float: left;
            margin-right: 5px;
            transform: rotate(-180deg); }
        .section-nh-calendrier .row .item .content .header-mobile .subtitle.right {
          right: 10px; }
          .section-nh-calendrier .row .item .content .header-mobile .subtitle.right span {
            float: right;
            margin-left: 5px; }
      .section-nh-calendrier .row .item .content .races {
        background: white;
        padding: 30px 25px; }
        .section-nh-calendrier .row .item .content .races > .title {
          display: block;
          font-style: italic;
          font-family: FuturaStd-Heavy;
          font-size: 20px; }
          @media screen and (max-width: 500px) {
            .section-nh-calendrier .row .item .content .races > .title {
              font-size: 16px; } }
          .section-nh-calendrier .row .item .content .races > .title:after {
            display: block;
            content: "";
            width: 100%;
            height: 3px;
            background: black;
            margin-top: 4px; }
        .section-nh-calendrier .row .item .content .races .listing-races {
          list-style: none;
          margin-bottom: 20px; }
          .section-nh-calendrier .row .item .content .races .listing-races li {
            vertical-align: middle;
            border-bottom: solid 1px #cdcdcd;
            padding: 15px 0;
            overflow: auto; }
            .section-nh-calendrier .row .item .content .races .listing-races li:last-child {
              border: none; }
            .section-nh-calendrier .row .item .content .races .listing-races li span {
              display: inline-block;
              vertical-align: middle; }
            .section-nh-calendrier .row .item .content .races .listing-races li .hour {
              width: 48px;
              margin-right: 15px;
              text-align: right;
              float: left;
              font-family: FuturaStd-Medium; }
              @media screen and (max-width: 500px) {
                .section-nh-calendrier .row .item .content .races .listing-races li .hour {
                  font-size: 14px; } }
            .section-nh-calendrier .row .item .content .races .listing-races li .race {
              float: left;
              font-family: FuturaStd-Bold;
              color: #dc2930;
              text-transform: uppercase;
              max-width: 155px; }
              @media screen and (max-width: 500px) {
                .section-nh-calendrier .row .item .content .races .listing-races li .race {
                  font-size: 14px;
                  max-width: 120px; } }
              .section-nh-calendrier .row .item .content .races .listing-races li .race a {
                color: #dc2930;
                text-decoration: none; }
            .section-nh-calendrier .row .item .content .races .listing-races li .detail, .section-nh-calendrier .row .item .content .races .listing-races li .time, .section-nh-calendrier .row .item .content .races .listing-races li .live, .section-nh-calendrier .row .item .content .races .listing-races li .info {
              float: right; }
            .section-nh-calendrier .row .item .content .races .listing-races li .info {
              color: #808080;
              font-family: FuturaStd-Medium; }
              @media screen and (max-width: 500px) {
                .section-nh-calendrier .row .item .content .races .listing-races li .info {
                  font-size: 14px; } }
            .section-nh-calendrier .row .item .content .races .listing-races li .live {
              color: #000000;
              background: #eee548;
              border-radius: 20px;
              font-family: FuturaStd-Medium;
              padding: 2px 2px;
              padding-left: 10px;
              line-height: 1;
              font-family: FuturaStd-Heavy;
              margin-top: -5px;
              padding-top: 5px; }
              @media screen and (max-width: 500px) {
                .section-nh-calendrier .row .item .content .races .listing-races li .live {
                  font-size: 14px; } }
              .section-nh-calendrier .row .item .content .races .listing-races li .live:before {
                display: block;
                content: "";
                width: 8px;
                height: 16px;
                background-size: 8px 16px;
                background-image: url(../images/calendrier/eclair.svg);
                float: left;
                margin-right: 4px;
                margin-top: -2px; }
              .section-nh-calendrier .row .item .content .races .listing-races li .live .number {
                background: white;
                border-radius: 50px;
                color: black;
                font-size: 14px;
                font-family: FuturaStd-Heavy;
                margin-left: 5px;
                padding: 3px;
                margin-top: -5px; }
                @media screen and (max-width: 960px) {
                  .section-nh-calendrier .row .item .content .races .listing-races li .live .number {
                    display: block;
                    float: right;
                    margin-top: -3px; } }
            .section-nh-calendrier .row .item .content .races .listing-races li .time {
              color: #808080;
              background: #ededed;
              border-radius: 20px;
              font-family: FuturaStd-Medium;
              padding: 2px 2px;
              padding-left: 6px;
              line-height: 1;
              margin-top: -5px;
              padding-top: 5px; }
              @media screen and (max-width: 500px) {
                .section-nh-calendrier .row .item .content .races .listing-races li .time {
                  font-size: 14px; } }
              .section-nh-calendrier .row .item .content .races .listing-races li .time:before {
                display: block;
                content: "";
                width: 18px;
                height: 17px;
                background-size: 18px 17px;
                background-image: url(../images/calendrier/timer.svg);
                float: left;
                margin-right: 4px;
                margin-top: -2px; }
              .section-nh-calendrier .row .item .content .races .listing-races li .time .number {
                background: white;
                border-radius: 50px;
                color: black;
                font-size: 14px;
                font-family: FuturaStd-Heavy;
                margin-left: 5px;
                padding: 3px;
                margin-top: -5px; }
                @media screen and (max-width: 960px) {
                  .section-nh-calendrier .row .item .content .races .listing-races li .time .number {
                    display: block;
                    float: right;
                    margin-top: -3px; } }
                @media screen and (max-width: 500px) {
                  .section-nh-calendrier .row .item .content .races .listing-races li .time .number {
                    font-size: 14px; } }
          .section-nh-calendrier .row .item .content .races .listing-races.other {
            margin-bottom: 40px; }
            .section-nh-calendrier .row .item .content .races .listing-races.other li {
              border-bottom: none;
              padding-bottom: 0; }
              .section-nh-calendrier .row .item .content .races .listing-races.other li .race {
                font-family: FuturaStd-Heavy; }
        .section-nh-calendrier .row .item .content .races .noDispo {
          display: block;
          text-align: center;
          color: #dc2930;
          font-size: 16px;
          text-transform: uppercase;
          font-family: FuturaStd-Heavy;
          line-height: 1.4; }
          .section-nh-calendrier .row .item .content .races .noDispo span {
            color: black;
            text-transform: none;
            font-family: FuturaStd-Medium;
            display: block;
            margin-top: 15px; }
      .section-nh-calendrier .row .item.yesterday, .section-nh-calendrier .row .item.tomorrow {
        margin-top: 15px;
        opacity: 0.7; }
        @media screen and (max-width: 960px) {
          .section-nh-calendrier .row .item.yesterday, .section-nh-calendrier .row .item.tomorrow {
            margin-top: 0;
            opacity: 1; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 oct. 2018, 15:50:47
    Author     : claire
*/
.section-nh-replay {
  padding: 50px 0;
  overflow: auto; }
  @media screen and (max-width: 960px) {
    .section-nh-replay > .container-letrot {
      padding: 0; } }
  .section-nh-replay .swiper-container .swiper-button-next, .section-nh-replay .swiper-container .swiper-button-prev {
    top: 35%; }
    @media screen and (max-width: 500px) {
      .section-nh-replay .swiper-container .swiper-button-next, .section-nh-replay .swiper-container .swiper-button-prev {
        top: 50%;
        margin-top: -86px; } }
  .section-nh-replay .swiper-container {
    margin-left: -10px;
    margin-right: -10px; }
    @media screen and (max-width: 960px) {
      .section-nh-replay .swiper-container {
        margin-left: 0;
        margin-right: 0;
        padding-right: 30px; } }
  .section-nh-replay .item-replay {
    display: block;
    float: left;
    width: 25%;
    min-height: 290px; }
    .section-nh-replay .item-replay:first-child {
      width: 50%; }
    .section-nh-replay .item-replay .content {
      padding-left: 10px;
      padding-right: 10px; }
      @media screen and (max-width: 960px) {
        .section-nh-replay .item-replay .content {
          padding-left: 15px;
          padding-right: 5px; } }
      .section-nh-replay .item-replay .content .vignette {
        -webkit-box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
        position: relative; }
        .section-nh-replay .item-replay .content .vignette .image-replay {
          display: block;
          width: 100%; }
        .section-nh-replay .item-replay .content .vignette a {
          display: block;
          /*&:after {
          	display: block;
          	content: "";
          	width: 70px;
          	height: 70px;
          	background-image: url(../images/header/picto-replay.svg);
          	background-size: 70px 70px;
          	background-repeat: no-repeat;
          	position: absolute;
          	top: 50%;
          	left: 50%;
          	margin-left: -35px;
          	margin-top: -35px;
          	background-color: rgba(0,0,0,0.4);
          	border-radius: 50px;
          }*/ }
          .section-nh-replay .item-replay .content .vignette a:before {
            display: block;
            content: "";
            width: 100%;
            height: 50px;
            position: absolute;
            top: 0;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
            /* IE6-9 */ }
          .section-nh-replay .item-replay .content .vignette a .icon-play {
            display: block;
            width: 70px;
            height: 70px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -35px;
            margin-top: -35px;
            background-color: rgba(0, 0, 0, 0.4);
            border-radius: 50px; }
            .section-nh-replay .item-replay .content .vignette a .icon-play img {
              width: 70px;
              height: 70px; }
      .section-nh-replay .item-replay .content .info {
        border-left: solid 4px #d8262e;
        margin-left: 20px;
        padding: 10px 15px; }
        .section-nh-replay .item-replay .content .info a {
          text-decoration: none; }
        .section-nh-replay .item-replay .content .info .sup {
          color: #333333;
          font-size: 14px;
          text-transform: uppercase;
          margin-bottom: 10px; }
          .section-nh-replay .item-replay .content .info .sup .date {
            display: inline-block;
            color: white;
            background: #d8262e;
            line-height: 1;
            padding: 4px 5px; }
        .section-nh-replay .item-replay .content .info h2 {
          text-transform: uppercase;
          font-size: 16px;
          margin-top: 10px;
          color: #333333; }
          .section-nh-replay .item-replay .content .info h2 strong {
            font-family: FuturaStd-Bold; }
        .section-nh-replay .item-replay .content .info .picto {
          display: block;
          width: 48px;
          height: auto;
          margin-top: 5px; }
    @media screen and (min-width: 961px) {
      .section-nh-replay .item-replay:first-child .content .info .picto {
        margin-top: 20px;
        width: 90px; } }
    .section-nh-replay .item-replay:first-child .content .vignette a .icon-play {
      width: 86px;
      height: 86px;
      margin-left: -43px;
      margin-top: -43px;
      /*background-size: 86px 86px;
      margin-left: -43px;
      margin-top: -43px;
      @media screen and (max-width: $width-mobile ) {
      	width: 70px;
      	height: 70px;
      	background-image: url(../images/header/picto-replay.svg);
      	background-size: 70px 70px;
      	margin-left: -35px;
      	margin-top: -35px;
      }*/ }
      .section-nh-replay .item-replay:first-child .content .vignette a .icon-play img {
        width: 86px;
        height: 86px; }
      @media screen and (max-width: 960px) {
        .section-nh-replay .item-replay:first-child .content .vignette a .icon-play {
          width: 70px;
          height: 70px;
          margin-left: -35px;
          margin-top: -35px; }
          .section-nh-replay .item-replay:first-child .content .vignette a .icon-play img {
            width: 70px;
            height: 70px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 oct. 2018, 17:23:07
    Author     : claire
*/
.section-nh-news-slider {
  padding: 10px 0 50px;
  overflow: auto; }
  @media screen and (max-width: 960px) {
    .section-nh-news-slider {
      padding: 30px 0; }
      .section-nh-news-slider > .container-letrot {
        padding: 0; } }
  .section-nh-news-slider .swiper-container {
    margin-left: -10px;
    margin-right: -10px; }
    @media screen and (max-width: 960px) {
      .section-nh-news-slider .swiper-container {
        margin-left: 0;
        margin-right: 0;
        padding-right: 30px; } }
  @media screen and (min-width: 961px) {
    .section-nh-news-slider .item-news {
      display: block;
      float: left;
      width: 360px;
      min-height: 330px;
      margin-bottom: 20px; } }
  @media screen and (min-width: 961px) and (max-width: 1260px) {
    .section-nh-news-slider .item-news {
      width: 25%; } }

  .section-nh-news-slider .item-news .content {
    padding-left: 15px;
    padding-right: 15px; }
    .section-nh-news-slider .item-news .content a {
      text-decoration: none; }
    @media screen and (max-width: 960px) {
      .section-nh-news-slider .item-news .content {
        padding-left: 15px;
        padding-right: 5px; } }
    .section-nh-news-slider .item-news .content .vignette {
      -webkit-box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 16px 16px 27px 0px rgba(0, 0, 0, 0.3);
      position: relative;
      height: 230px;
      overflow: hidden; }
      @media screen and (max-width: 960px) {
        .section-nh-news-slider .item-news .content .vignette {
          height: auto; } }
      @media screen and (min-width: 961px) {
        .section-nh-news-slider .item-news .content .vignette img {
          /*position: absolute;
          left:-10000%; right: -10000%; 
          top: -10000%; bottom: -10000%;
          margin: auto auto;
          min-width: 1000%;
          min-height: 1000%;
          -webkit-transform:scale(0.1);
          transform: scale(0.1);*/
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          object-position: center bottom;
          object-fit: cover; } }
      @media screen and (max-width: 960px) {
        .section-nh-news-slider .item-news .content .vignette img {
          display: block;
          width: 100%;
          height: auto; } }
      .section-nh-news-slider .item-news .content .vignette a {
        display: block; }
        .section-nh-news-slider .item-news .content .vignette a:before {
          z-index: 1;
          display: block;
          content: "";
          width: 100%;
          height: 50px;
          position: absolute;
          top: 0;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
          background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
          /* IE6-9 */ }
    .section-nh-news-slider .item-news .content .info {
      border-left: solid 4px #d8262e;
      margin-left: 20px;
      padding: 10px 15px; }
      .section-nh-news-slider .item-news .content .info .sup {
        color: #333333;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 10px; }
        .section-nh-news-slider .item-news .content .info .sup .date {
          display: inline-block;
          color: white;
          background: #d8262e;
          line-height: 1;
          padding: 4px 5px;
          font-size: 14px;
          float: left; }
        .section-nh-news-slider .item-news .content .info .sup .category {
          display: block;
          float: left;
          width: calc(100% - 52px);
          margin-left: 5px;
          margin-bottom: 10px;
          margin-top: 4px; }
      .section-nh-news-slider .item-news .content .info h2 {
        text-transform: uppercase;
        font-size: 16px;
        margin-top: 10px;
        font-family: FuturaStd-Bold;
        color: #333333; }
        .section-nh-news-slider .item-news .content .info h2 strong {
          font-family: FuturaStd-Bold; }
      .section-nh-news-slider .item-news .content .info .picto {
        display: block;
        width: 48px;
        height: auto;
        margin-top: 5px; }
  @media screen and (min-width: 961px) {
    .section-nh-news-slider .item-news:first-child {
      width: 860px; } }
  @media screen and (min-width: 961px) and (max-width: 1260px) {
    .section-nh-news-slider .item-news:first-child {
      width: 75%; } }
  @media screen and (min-width: 961px) {
      .section-nh-news-slider .item-news:first-child .content .vignette {
        height: 580px;
        overflow: hidden; }
      .section-nh-news-slider .item-news:first-child .content .info .picto {
        margin-top: 20px;
        width: 90px; }
      .section-nh-news-slider .item-news:first-child .content .info h2 {
        font-size: 24px; } }

.contentElections h2 {
  text-transform: uppercase;
  font-size: 22px;
  font-family: FuturaStd-Bold;
  color: #333333;
  line-height: 30px; }
.contentElections .btGenerique {
  color: #fff;
  text-transform: uppercase;
  padding: 5px 16px 4px 10px;
  background-color: #D7262E;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 13px;
  font-family: FuturaStd-Book;
  letter-spacing: 1px; }
.contentElections p {
  font-size: 15px;
  margin: 18px 0;
  line-height: 22px; }
.contentElections .elections__intro {
  margin-bottom: 30px; }
.contentElections .blocTelechargement {
  padding: 20px 0px; }
.contentElections .elections__professions_de_foi__plan__selectors {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
.contentElections .elections__professions_de_foi__plan__selectors__item {
  margin-bottom: 10px;
  margin-right: 5px; }
.contentElections div.inputLetrot.elections__professions_de_foi__plan__selectors select {
  width: 150px;
  padding-right: 27px !important;
  -webkit-padding-end: 27px !important;
  background: url(../../images/commun/arrow-down.png) no-repeat 130px #ededed !important; }
  .contentElections div.inputLetrot.elections__professions_de_foi__plan__selectors select::-ms-expand {
    display: none; }
.contentElections .elections__professions_de_foi__app h3 {
  margin: 0 0 10px 0; }

.prochainEvenementGNT .lieuEtape {
  text-transform: uppercase; }
.prochainEvenementGNT .finale {
  text-transform: uppercase;
  line-height: 50px; }
.prochainEvenementGNT.desktop .num {
  font-size: 23px; }
.prochainEvenementGNT.desktop .dateEtape {
  font-size: 19px;
  text-transform: uppercase; }
.prochainEvenementGNT.desktop .lieuEtape {
  font-size: 17px; }
.prochainEvenementGNT.mobile .dateEtape {
  font-size: 17px; }
.prochainEvenementGNT.mobile .lieuEtape {
  font-size: 14px; }

.programmeGNT .anim-1 {
  padding-bottom: 30px; }
  .programmeGNT .anim-1 .vignette {
    background-size: contain;
    background-repeat: no-repeat; }
  .programmeGNT .anim-1 .credits {
    margin-top: 10px;
    font-size: 12px;
    font-style: italic;
    color: #777; }
.programmeGNT--corona {
  margin-top: 50px;
  padding: 30px 0px; }
  .programmeGNT--corona p {
    padding: 0 50px; }
    @media screen and (max-width: 1260px) {
      .programmeGNT--corona p {
        padding: 0 20px; } }
    @media screen and (max-width: 960px) {
      .programmeGNT--corona p {
        padding: 0 10px; } }

.programmeEtapes .date .jour {
  text-transform: capitalize; }
.programmeEtapes .date .jour-mois {
  text-transform: uppercase; }

.txtIntroSousHomeGNT {
  margin-bottom: -50px; }

.gnt-partenaires img {
  width: 158px; }

div#paysPartenaires div.containerCenter {
  background: white;
  padding: 20px; }

.jsn-mobile-layout h1#titlePage.home-international {
  position: relative;
  top: 0;
  left: 0;
  font-size: 3rem;
  margin-left: 20px; }
.jsn-mobile-layout #legendPaysSignataires {
  padding-left: 0;
  padding-top: 10px; }

table#gnt-palmares {
  width: 100%;
  text-align: left;
  font-size: 11px;
  border: 1px solid grey; }
  table#gnt-palmares thead th {
    background-color: #d8262e;
    color: #FFFFFF;
    border-color: #ccc #e87d82 #bbb;
    height: 45px;
    padding-left: 5px;
    font-size: 13px;
    border-right: 1px solid #e87d82; }
  table#gnt-palmares tbody td {
    border-bottom-width: 1px;
    border-right-width: 0;
    height: 38px;
    white-space: normal;
    vertical-align: middle;
    padding: 5px 10px 0 5px;
    border-bottom-style: dashed; }

.section-nh-main-content--habillage {
  background-position: center top;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1260px) {
    .section-nh-main-content--habillage {
      background-image: none !important;
      padding-bottom: 30px; } }
  .section-nh-main-content--habillage .container-habillage {
    height: 260px; }
    .section-nh-main-content--habillage .container-habillage a {
      display: block;
      height: 100%; }
    @media screen and (max-width: 1260px) {
      .section-nh-main-content--habillage .container-habillage {
        display: none; } }
  .section-nh-main-content--habillage .container-habillage__img {
    width: 100%; }
  .section-nh-main-content--habillage .container-habillage--medium {
    display: none; }
    @media screen and (max-width: 1260px) and (min-width: 960px) {
      .section-nh-main-content--habillage .container-habillage--medium {
        display: block;
        width: 100%; } }
  .section-nh-main-content--habillage .container-habillage--small {
    display: none; }
    @media screen and (max-width: 960px) {
      .section-nh-main-content--habillage .container-habillage--small {
        display: block;
        width: 100%; } }

.tour-euro-cancelled__section {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 80px; }
  @media (min-width: 768px) {
    .tour-euro-cancelled__section {
      justify-content: center; } }
  .tour-euro-cancelled__section #stats {
    min-width: 600px; }

.tour-euro-videos__list#listVideo {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
.tour-euro-videos .typeBlanc.gnt {
  width: auto; }
  @media (max-width: 768px) {
    .tour-euro-videos .typeBlanc.gnt {
      margin-left: 20px; } }

#jsn-master .jsn-mobile-layout #fiche #header {
  height: 1rem; }
@media (max-width: 768px) {
  #jsn-master .jsn-mobile-layout h1#titreClassements {
    font-size: 26px; } }

.header-fiche-classement {
  display: flex;
  justify-content: space-between; }
  .header-fiche-classement .chapoTriCou.chapoGnt {
    width: auto; }
  @media (max-width: 960px) {
    .header-fiche-classement {
      flex-direction: column-reverse; } }

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