#service #header {
  position: relative;
  height: 650px;
  margin-bottom: 100px; }
  #service #header img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  #service #header .text-container {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;
    text-align: center; }
    #service #header .text-container .title {
      margin-bottom: 20px;
      font-family: "US 101" !important;
      font-size: 72px;
      text-transform: uppercase;
      color: #fff; }
      @media (max-width: 1199.98px) {
        #service #header .text-container .title {
          bottom: 40px;
          left: 40px;
          font-size: 60px; } }
      @media (max-width: 991.98px) {
        #service #header .text-container .title {
          font-size: 50px;
          bottom: 25px;
          left: 25px; } }
      @media (max-width: 767.98px) {
        #service #header .text-container .title {
          bottom: 15px;
          left: 15px;
          font-size: 40px; } }
    #service #header .text-container .lead-link {
      background-color: #fff;
      border-color: #fff; }
      #service #header .text-container .lead-link:hover {
        background-color: rgba(255, 255, 255, 0.9); }
#service #prestations-title {
  margin-bottom: 40px;
  text-align: center; }
#service .block-text {
  margin-bottom: 60px; }
  #service .block-text .title {
    margin-bottom: 20px;
    font-size: 24px;
    text-transform: uppercase; }
    #service .block-text .title span {
      display: inline-block;
      position: relative;
      background: #fff;
      z-index: 10;
      padding: 0 10px; }
    #service .block-text .title:after {
      display: inline-block;
      margin-top: -48px;
      vertical-align: middle;
      content: " ";
      height: 3px;
      width: 100%; }
  #service .block-text .content {
    padding: 20px 75px;
    margin-bottom: 0;
    text-align: center; }
    @media (max-width: 767px) {
      #service .block-text .content {
        padding: 20px 0; } }
  #service .block-text:nth-child(odd) .title span {
    margin-left: 75px; }
  #service .block-text:nth-child(even) .title {
    text-align: right; }
    #service .block-text:nth-child(even) .title span {
      margin-right: 75px; }
  #service .block-text.center .title {
    text-align: center; }
    #service .block-text.center .title span {
      margin-right: 0;
      margin-left: 0; }
#service.particulier .block-text .title {
  color: #f9b236; }
  #service.particulier .block-text .title:after {
    background: #f9b236; }
#service.sportif .block-text .title {
  color: #e73445; }
  #service.sportif .block-text .title:after {
    background: #e73445; }
#service.entreprise .block-text .title {
  color: #0084c2; }
  #service.entreprise .block-text .title:after {
    background: #0084c2; }
#service.association .block-text .title {
  color: #0a0406; }
  #service.association .block-text .title:after {
    background: #0a0406; }
#service #prestations-categories {
  margin-top: 100px; }
  #service #prestations-categories #list-categories .category {
    margin-bottom: 80px; }
    #service #prestations-categories #list-categories .category .image-container {
      position: relative;
      height: 100%;
      max-height: 500px;
      margin-bottom: 20px; }
      #service #prestations-categories #list-categories .category .image-container .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        opacity: .2; }
      #service #prestations-categories #list-categories .category .image-container .title {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        padding: 60px;
        right: 0;
        margin-bottom: 20px;
        font-family: "US 101" !important;
        font-size: 72px;
        text-transform: uppercase;
        color: #fff; }
        @media (max-width: 1199.98px) {
          #service #prestations-categories #list-categories .category .image-container .title {
            bottom: 40px;
            left: 40px;
            font-size: 60px; } }
        @media (max-width: 991.98px) {
          #service #prestations-categories #list-categories .category .image-container .title {
            font-size: 50px;
            bottom: 25px;
            left: 25px; } }
        @media (max-width: 767.98px) {
          #service #prestations-categories #list-categories .category .image-container .title {
            bottom: 15px;
            left: 15px;
            font-size: 40px; } }
    #service #prestations-categories #list-categories .category .content {
      padding: 20px 60px;
      font-size: 16px;
      line-height: 20px; }
      @media (max-width: 1199.98px) {
        #service #prestations-categories #list-categories .category .content {
          padding: 50px 25px; } }
      @media (max-width: 991.98px) {
        #service #prestations-categories #list-categories .category .content {
          padding: 40px 10px; } }
      @media (max-width: 767.98px) {
        #service #prestations-categories #list-categories .category .content {
          font-size: 16px;
          padding: 15px 0; } }
      #service #prestations-categories #list-categories .category .content .title {
        margin-bottom: 30px;
        font-family: Expressway !important;
        font-size: 22px; }
      #service #prestations-categories #list-categories .category .content .text {
        position: relative;
        padding: 30px 0;
        font-size: 16px; }
        @media (max-width: 767.98px) {
          #service #prestations-categories #list-categories .category .content .text {
            padding: 20px 0; } }
        #service #prestations-categories #list-categories .category .content .text:before {
          position: absolute;
          top: 0;
          content: " ";
          display: block;
          height: 3px;
          width: 45px; }
    #service #prestations-categories #list-categories .category:nth-child(odd) {
      text-align: right; }
      #service #prestations-categories #list-categories .category:nth-child(odd) .content .text:before {
        right: 0; }
    #service #prestations-categories #list-categories .category:nth-child(even) {
      text-align: left; }
      #service #prestations-categories #list-categories .category:nth-child(even) .content .text:before {
        left: 0; }
    #service #prestations-categories #list-categories .category.entreprise .image-container {
      background: #0084c2; }
    #service #prestations-categories #list-categories .category.entreprise .content .text:before {
      background: #0084c2; }
    #service #prestations-categories #list-categories .category.entreprise .lead-link {
      color: #fff;
      background-color: #0084c2;
      border-color: #0084c2; }
      #service #prestations-categories #list-categories .category.entreprise .lead-link:hover {
        color: #fff;
        background-color: #006a9c;
        border-color: #00618f; }
      #service #prestations-categories #list-categories .category.entreprise .lead-link:focus, #service #prestations-categories #list-categories .category.entreprise .lead-link.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 132, 194, 0.5); }
      #service #prestations-categories #list-categories .category.entreprise .lead-link.disabled, #service #prestations-categories #list-categories .category.entreprise .lead-link:disabled {
        color: #fff;
        background-color: #0084c2;
        border-color: #0084c2; }
      #service #prestations-categories #list-categories .category.entreprise .lead-link:not(:disabled):not(.disabled):active, #service #prestations-categories #list-categories .category.entreprise .lead-link:not(:disabled):not(.disabled).active, .show > #service #prestations-categories #list-categories .category.entreprise .lead-link.dropdown-toggle {
        color: #fff;
        background-color: #00618f;
        border-color: #005982; }
        #service #prestations-categories #list-categories .category.entreprise .lead-link:not(:disabled):not(.disabled):active:focus, #service #prestations-categories #list-categories .category.entreprise .lead-link:not(:disabled):not(.disabled).active:focus, .show > #service #prestations-categories #list-categories .category.entreprise .lead-link.dropdown-toggle:focus {
          box-shadow: 0 0 0 0.2rem rgba(0, 132, 194, 0.5); }
    #service #prestations-categories #list-categories .category.particulier .image-container {
      background: #f9b236; }
    #service #prestations-categories #list-categories .category.particulier .content .text:before {
      background: #f9b236; }
    #service #prestations-categories #list-categories .category.particulier .lead-link {
      color: #212529;
      background-color: #f9b236;
      border-color: #f9b236; }
      #service #prestations-categories #list-categories .category.particulier .lead-link:hover {
        color: #212529;
        background-color: #f8a411;
        border-color: #f59e07; }
      #service #prestations-categories #list-categories .category.particulier .lead-link:focus, #service #prestations-categories #list-categories .category.particulier .lead-link.focus {
        box-shadow: 0 0 0 0.2rem rgba(249, 178, 54, 0.5); }
      #service #prestations-categories #list-categories .category.particulier .lead-link.disabled, #service #prestations-categories #list-categories .category.particulier .lead-link:disabled {
        color: #212529;
        background-color: #f9b236;
        border-color: #f9b236; }
      #service #prestations-categories #list-categories .category.particulier .lead-link:not(:disabled):not(.disabled):active, #service #prestations-categories #list-categories .category.particulier .lead-link:not(:disabled):not(.disabled).active, .show > #service #prestations-categories #list-categories .category.particulier .lead-link.dropdown-toggle {
        color: #212529;
        background-color: #f59e07;
        border-color: #e89607; }
        #service #prestations-categories #list-categories .category.particulier .lead-link:not(:disabled):not(.disabled):active:focus, #service #prestations-categories #list-categories .category.particulier .lead-link:not(:disabled):not(.disabled).active:focus, .show > #service #prestations-categories #list-categories .category.particulier .lead-link.dropdown-toggle:focus {
          box-shadow: 0 0 0 0.2rem rgba(249, 178, 54, 0.5); }
    #service #prestations-categories #list-categories .category.sportif .image-container {
      background: #e73445; }
    #service #prestations-categories #list-categories .category.sportif .content .text:before {
      background: #e73445; }
    #service #prestations-categories #list-categories .category.sportif .lead-link {
      color: #fff;
      background-color: #e73445;
      border-color: #e73445; }
      #service #prestations-categories #list-categories .category.sportif .lead-link:hover {
        color: #fff;
        background-color: #db1a2c;
        border-color: #cf192a; }
      #service #prestations-categories #list-categories .category.sportif .lead-link:focus, #service #prestations-categories #list-categories .category.sportif .lead-link.focus {
        box-shadow: 0 0 0 0.2rem rgba(231, 52, 69, 0.5); }
      #service #prestations-categories #list-categories .category.sportif .lead-link.disabled, #service #prestations-categories #list-categories .category.sportif .lead-link:disabled {
        color: #fff;
        background-color: #e73445;
        border-color: #e73445; }
      #service #prestations-categories #list-categories .category.sportif .lead-link:not(:disabled):not(.disabled):active, #service #prestations-categories #list-categories .category.sportif .lead-link:not(:disabled):not(.disabled).active, .show > #service #prestations-categories #list-categories .category.sportif .lead-link.dropdown-toggle {
        color: #fff;
        background-color: #cf192a;
        border-color: #c41728; }
        #service #prestations-categories #list-categories .category.sportif .lead-link:not(:disabled):not(.disabled):active:focus, #service #prestations-categories #list-categories .category.sportif .lead-link:not(:disabled):not(.disabled).active:focus, .show > #service #prestations-categories #list-categories .category.sportif .lead-link.dropdown-toggle:focus {
          box-shadow: 0 0 0 0.2rem rgba(231, 52, 69, 0.5); }
    #service #prestations-categories #list-categories .category.association .image-container {
      background: #0a0406; }
      #service #prestations-categories #list-categories .category.association .image-container .image {
        opacity: 0.8; }
    #service #prestations-categories #list-categories .category.association .content .text:before {
      background: #0a0406; }
    #service #prestations-categories #list-categories .category.association .lead-link {
      color: #fff;
      background-color: #0a0406;
      border-color: #0a0406; }
      #service #prestations-categories #list-categories .category.association .lead-link:hover {
        color: #fff;
        background-color: black;
        border-color: black; }
      #service #prestations-categories #list-categories .category.association .lead-link:focus, #service #prestations-categories #list-categories .category.association .lead-link.focus {
        box-shadow: 0 0 0 0.2rem rgba(10, 4, 6, 0.5); }
      #service #prestations-categories #list-categories .category.association .lead-link.disabled, #service #prestations-categories #list-categories .category.association .lead-link:disabled {
        color: #fff;
        background-color: #0a0406;
        border-color: #0a0406; }
      #service #prestations-categories #list-categories .category.association .lead-link:not(:disabled):not(.disabled):active, #service #prestations-categories #list-categories .category.association .lead-link:not(:disabled):not(.disabled).active, .show > #service #prestations-categories #list-categories .category.association .lead-link.dropdown-toggle {
        color: #fff;
        background-color: black;
        border-color: black; }
        #service #prestations-categories #list-categories .category.association .lead-link:not(:disabled):not(.disabled):active:focus, #service #prestations-categories #list-categories .category.association .lead-link:not(:disabled):not(.disabled).active:focus, .show > #service #prestations-categories #list-categories .category.association .lead-link.dropdown-toggle:focus {
          box-shadow: 0 0 0 0.2rem rgba(10, 4, 6, 0.5); }

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