#homepage #header {
  position: relative;
  height: 650px;
  margin-bottom: 80px; }
  #homepage #header img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  #homepage #header .content {
    text-align: right;
    color: #fff; }
    #homepage #header .content #header-title {
      position: absolute;
      z-index: 10;
      top: 50%;
      right: 60px;
      margin-top: -60px;
      font-size: 100px;
      text-transform: uppercase;
      font-family: "US 101" !important; }
      @media (max-width: 1199.98px) {
        #homepage #header .content #header-title {
          font-size: 75px;
          right: 40px; } }
      @media (max-width: 991.98px) {
        #homepage #header .content #header-title {
          font-size: 45px;
          right: 25px; } }
      @media (max-width: 767.98px) {
        #homepage #header .content #header-title {
          right: 15px;
          font-size: 30px; } }
    #homepage #header .content #introduction {
      position: absolute;
      z-index: 10;
      bottom: 0;
      right: 0;
      padding: 50px 60px;
      margin-top: 0;
      font-size: 20px;
      color: #fff;
      font-family: Expressway !important; }
      @media (max-width: 1199.98px) {
        #homepage #header .content #introduction {
          padding: 30px 40px; } }
      @media (max-width: 991.98px) {
        #homepage #header .content #introduction {
          padding: 25px 25px;
          font-size: 18px; } }
      @media (max-width: 767.98px) {
        #homepage #header .content #introduction {
          padding: 15px 15px;
          font-size: 16px; } }
#homepage #actions {
  margin-bottom: 100px; }
  #homepage #actions .block {
    display: block;
    height: 100%;
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
    font-size: 14px;
    border-radius: 10px;
    -moz-transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1);
    -o-transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1);
    transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1); }
    @media (max-width: 1199.98px) {
      #homepage #actions .block {
        margin-bottom: 30px;
        height: auto; } }
    #homepage #actions .block .picto {
      display: inline-block;
      height: 32px; }
      @media (max-width: 1199.98px) {
        #homepage #actions .block .picto {
          height: 24px; } }
      #homepage #actions .block .picto.hover {
        display: none; }
    #homepage #actions .block .title {
      display: inline-block;
      width: calc(100% - 40px);
      margin-bottom: 0;
      padding-left: 18px;
      font-size: 22px;
      vertical-align: middle; }
      @media (max-width: 1199.98px) {
        #homepage #actions .block .title {
          font-size: 18px; } }
    #homepage #actions .block:hover, #homepage #actions .block:focus, #homepage #actions .block:active {
      text-decoration: none;
      color: #fff !important;
      transform: scale(1.05); }
      #homepage #actions .block:hover .picto, #homepage #actions .block:focus .picto, #homepage #actions .block:active .picto {
        display: none; }
        #homepage #actions .block:hover .picto.hover, #homepage #actions .block:focus .picto.hover, #homepage #actions .block:active .picto.hover {
          display: inline-block; }
    #homepage #actions .block.company {
      color: #0084c2; }
      #homepage #actions .block.company:hover, #homepage #actions .block.company:focus, #homepage #actions .block.company:active {
        background-color: #0084c2; }
    #homepage #actions .block.association {
      color: #0a0406; }
      #homepage #actions .block.association:hover, #homepage #actions .block.association:focus, #homepage #actions .block.association:active {
        background-color: #0a0406; }
    #homepage #actions .block.private {
      color: #f9b236; }
      #homepage #actions .block.private:hover, #homepage #actions .block.private:focus, #homepage #actions .block.private:active {
        background-color: #f9b236; }
    #homepage #actions .block.sportsman {
      color: #e73445; }
      #homepage #actions .block.sportsman:hover, #homepage #actions .block.sportsman:focus, #homepage #actions .block.sportsman:active {
        background-color: #e73445; }
#homepage #sportsmen {
  margin-bottom: 100px; }
  #homepage #sportsmen .owl-carousel .owl-stage {
    display: flex; }
  #homepage #sportsmen .sportsman-wrapper {
    height: 100%;
    padding: 15px 7.5px; }
    #homepage #sportsmen .sportsman-wrapper .sportsman {
      display: block;
      height: 100%;
      -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
      -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
      box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
      background: #e73445;
      font-size: 14px;
      text-decoration: none;
      color: #fff;
      border-radius: 10px; }
      #homepage #sportsmen .sportsman-wrapper .sportsman .top {
        padding: 30px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: #ffffff;
        text-align: center; }
        #homepage #sportsmen .sportsman-wrapper .sportsman .top .avatar {
          border-radius: 10px;
          display: inline-block;
          position: relative; }
          #homepage #sportsmen .sportsman-wrapper .sportsman .top .avatar:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            position: absolute;
            top: 0;
            left: 0; }
          #homepage #sportsmen .sportsman-wrapper .sportsman .top .avatar img {
            height: 200px;
            width: 200px;
            border-radius: 10px;
            display: block;
            border: 1px solid #fff; }
      #homepage #sportsmen .sportsman-wrapper .sportsman .content {
        padding: 30px 15px;
        text-align: center; }
        #homepage #sportsmen .sportsman-wrapper .sportsman .content .name {
          font-size: 20px; }
        #homepage #sportsmen .sportsman-wrapper .sportsman .content .palmares {
          max-height: 65px;
          overflow-y: hidden;
          display: block; }
        #homepage #sportsmen .sportsman-wrapper .sportsman .content .disciplines {
          margin-bottom: 0; }
          #homepage #sportsmen .sportsman-wrapper .sportsman .content .disciplines li {
            display: inline-block; }
            #homepage #sportsmen .sportsman-wrapper .sportsman .content .disciplines li .picto {
              display: inline-block;
              width: auto;
              height: 35px;
              border-radius: 5px; }
  #homepage #sportsmen .owl-prev {
    position: absolute;
    top: 50%;
    left: -15px;
    font-size: 40px !important;
    margin-top: -70px; }
  #homepage #sportsmen .owl-next {
    position: absolute;
    top: 50%;
    right: -15px;
    font-size: 40px !important;
    margin-top: -70px; }
  #homepage #sportsmen .see-all {
    display: block;
    margin-top: 20px;
    text-align: center;
    color: #0a0406;
    font-size: 18px;
    text-decoration: underline; }
#homepage #recommended-sessions-wrapper {
  margin-bottom: 100px; }
  #homepage #recommended-sessions-wrapper .owl-stage {
    display: flex !important; }
  #homepage #recommended-sessions-wrapper .owl-item {
    padding: 15px; }
    #homepage #recommended-sessions-wrapper .owl-item .item {
      display: block;
      height: 100%;
      -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
      -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
      box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1) !important;
      font-size: 14px;
      color: #0a0406;
      text-decoration: none;
      border-radius: 10px;
      -moz-transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1);
      -o-transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1);
      -webkit-transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1);
      transition: all 0.3s cubic-bezier(0.58, 0.01, 0.19, 1); }
      #homepage #recommended-sessions-wrapper .owl-item .item .image {
        position: relative;
        width: 100%;
        height: 175px;
        background: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
        #homepage #recommended-sessions-wrapper .owl-item .item .image img {
          height: 100%;
          width: 100%;
          object-fit: cover;
          object-position: top;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px; }
        #homepage #recommended-sessions-wrapper .owl-item .item .image .tags {
          position: absolute;
          top: 5px;
          right: 5px;
          width: calc(100% - 10px);
          text-align: right; }
        #homepage #recommended-sessions-wrapper .owl-item .item .image .city {
          position: absolute;
          right: 5px;
          bottom: 0;
          text-align: center;
          font-family: "US 101";
          font-size: 16px;
          text-transform: uppercase;
          color: #fff;
          text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.5); }
      #homepage #recommended-sessions-wrapper .owl-item .item .content {
        padding: 15px; }
        #homepage #recommended-sessions-wrapper .owl-item .item .content .infos {
          margin-bottom: 5px;
          font-size: 16px; }
        #homepage #recommended-sessions-wrapper .owl-item .item .content .title {
          display: block;
          width: 100%;
          margin-bottom: 0;
          padding: 10px 0;
          font-weight: bold;
          font-size: 16px; }
        #homepage #recommended-sessions-wrapper .owl-item .item .content .desc {
          font-size: 12px; }
      #homepage #recommended-sessions-wrapper .owl-item .item .picto-universe {
        position: absolute;
        top: 25px;
        right: 25px;
        display: inline-block;
        width: auto;
        height: 35px;
        border-radius: 5px; }
      #homepage #recommended-sessions-wrapper .owl-item .item:hover {
        transform: scale(1.05); }
        #homepage #recommended-sessions-wrapper .owl-item .item:hover .picto-universe {
          top: 10px;
          right: 10px;
          display: none; }
      #homepage #recommended-sessions-wrapper .owl-item .item.private .title {
        color: #f9b236; }
      #homepage #recommended-sessions-wrapper .owl-item .item.company .title {
        color: #0084c2; }
  #homepage #recommended-sessions-wrapper .owl-prev {
    position: absolute;
    top: 50%;
    left: -15px;
    font-size: 40px !important;
    margin-top: -70px; }
  #homepage #recommended-sessions-wrapper .owl-next {
    position: absolute;
    top: 50%;
    right: -15px;
    font-size: 40px !important;
    margin-top: -70px; }
  #homepage #recommended-sessions-wrapper .see-all {
    display: block;
    margin-top: 20px;
    text-align: center;
    color: #0a0406;
    font-size: 18px;
    text-decoration: underline; }
#homepage #blocks {
  margin-bottom: 100px; }
  #homepage #blocks .block {
    margin-bottom: 100px; }
    #homepage #blocks .block .image-container {
      position: relative;
      height: 100%;
      margin-bottom: 20px; }
      #homepage #blocks .block .image-container .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    #homepage #blocks .block .text-container {
      position: absolute;
      bottom: 60px;
      left: 60px;
      text-align: center;
      width: calc(100% - 120px); }
      #homepage #blocks .block .text-container .title {
        margin-bottom: 20px;
        font-family: "US 101" !important;
        font-size: 72px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.5); }
        @media (max-width: 1199.98px) {
          #homepage #blocks .block .text-container .title {
            bottom: 40px;
            left: 40px;
            font-size: 60px; } }
        @media (max-width: 991.98px) {
          #homepage #blocks .block .text-container .title {
            font-size: 50px;
            bottom: 25px;
            left: 25px; } }
        @media (max-width: 767.98px) {
          #homepage #blocks .block .text-container .title {
            bottom: 15px;
            left: 15px;
            font-size: 40px; } }
      #homepage #blocks .block .text-container .lead-link {
        background-color: #fff;
        border-color: #fff; }
        @media (max-width: 767.98px) {
          #homepage #blocks .block .text-container .lead-link {
            font-size: .9rem; }
            #homepage #blocks .block .text-container .lead-link:first-of-type {
              margin-bottom: 10px; } }
        #homepage #blocks .block .text-container .lead-link:hover {
          background-color: rgba(255, 255, 255, 0.9); }
    #homepage #blocks .block .content {
      padding: 60px;
      font-size: 18px;
      line-height: 24px; }
      @media (max-width: 1199.98px) {
        #homepage #blocks .block .content {
          padding: 50px 25px; } }
      @media (max-width: 991.98px) {
        #homepage #blocks .block .content {
          padding: 40px 10px; } }
      @media (max-width: 767.98px) {
        #homepage #blocks .block .content {
          font-size: 16px;
          padding: 15px 0; } }
      #homepage #blocks .block .content p {
        position: relative;
        padding: 30px 0; }
        @media (max-width: 767.98px) {
          #homepage #blocks .block .content p {
            padding: 20px 0; } }
        #homepage #blocks .block .content p:after {
          position: absolute;
          left: 0;
          bottom: 0;
          content: " ";
          display: block;
          height: 3px;
          width: 45px; }
    #homepage #blocks .block.sportifs .content p:after {
      background: #e73445; }
    #homepage #blocks .block.particuliers {
      text-align: right; }
      @media (max-width: 767.98px) {
        #homepage #blocks .block.particuliers {
          flex-direction: column-reverse; } }
      #homepage #blocks .block.particuliers .text-container {
        right: 60px; }
      #homepage #blocks .block.particuliers .content p:after {
        background: #f9b236;
        left: auto;
        right: 0; }
    #homepage #blocks .block.entreprises .content p:after {
      background: #0084c2; }
    #homepage #blocks .block.associations {
      text-align: right; }
      @media (max-width: 767.98px) {
        #homepage #blocks .block.associations {
          flex-direction: column-reverse; } }
      #homepage #blocks .block.associations .text-container {
        right: 60px; }
      #homepage #blocks .block.associations .content p:after {
        background: #0a0406;
        left: auto;
        right: 0; }

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