/*font*/
/*color*/
@font-face {
  font-family: 'Hudson';
  src: url("../fonts/hudson.eot");
  src: url("../fonts/hudson.eot?#iefix") format("embedded-opentype"), url("../fonts/hudson.woff2") format("woff2"), url("../fonts/hudson.woff") format("woff"), url("../fonts/hudson.ttf") format("truetype"); }
@font-face {
  font-family: 'tabitharegular';
  src: url("../fonts/tabitha-webfont.eot");
  src: url("../fonts/tabitha-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tabitha-webfont.woff2") format("woff2"), url("../fonts/tabitha-webfont.woff") format("woff"), url("../fonts/tabitha-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'nothing_you_could_do_boldbold';
  src: url("../fonts/nothingyoucoulddobold-webfont.eot");
  src: url("../fonts/nothingyoucoulddobold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/nothingyoucoulddobold-webfont.woff2") format("woff2"), url("../fonts/nothingyoucoulddobold-webfont.woff") format("woff"), url("../fonts/nothingyoucoulddobold-webfont.ttf") format("truetype"), url("../fonts/nothingyoucoulddobold-webfont.svg#nothing_you_could_do_boldbold") format("svg");
  font-weight: normal;
  font-style: normal; }
.kl-btn-bordered {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 15px 31px;
  border: 2px solid #fff;
  border-radius: 50px;
  display: inline-block; }
  .kl-btn-bordered:hover {
    color: #0d4c8c;
    background: #fff; }

a {
  transition: all .3s ease-in-out; }

button, a {
  transition: .3s ease-in-out; }
  button:focus, button:hover, a:focus, a:hover {
    outline: none;
    text-decoration: none; }

ul {
  padding-left: 0;
  margin-bottom: 0; }
  ul li {
    list-style: none; }

ol {
  padding-left: 15px; }

.kl-hero-map {
  background: #dceefa url(../img/hero-laiterie-bg.jpg) no-repeat bottom center;
  background-size: 100% auto;
  padding: 80px 0; }
  .kl-hero-map h1 {
    margin: 0;
    font-family: "tabitharegular";
    font-size: 72px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0d4c8c; }
  .kl-hero-map .kl-cta {
    width: 200px;
    height: 200px;
    box-shadow: 0 0 25px 0 rgba(8, 49, 89, 0.25);
    border-radius: 50%;
    text-align: center;
    background-color: #0d4c8c;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    position: absolute;
    right: -80px;
    top: 61px;
    padding: 10px 35px; }
    .kl-hero-map .kl-cta b {
      line-height: 1;
      display: block;
      font-family: "tabitharegular";
      font-size: 28px;
      margin-bottom: 10px;
      font-weight: 400; }

.kl-grid {
  display: grid; }
  .kl-grid.kl-grid-content {
    max-width: 912px;
    margin: -60px auto 0;
    grid-template-columns: 137px 8px 127px 23px 163px 30px 57px 127px 7px 49px 77px auto;
    grid-template-rows: 52px 107px 93px 58px 34px 70px 64px 18px 89px 13px 7px 87px 57px 87px auto; }
    .kl-grid.kl-grid-content .kl-bg {
      grid-column-start: 1;
      grid-column-end: 13;
      grid-row-start: 1;
      grid-row-end: 17; }
    .kl-grid.kl-grid-content .kl-anchor {
      transition: all .3s ease;
      top: 0; }
      .kl-grid.kl-grid-content .kl-anchor img {
        max-width: 100%;
        max-height: 100%; }
      .kl-grid.kl-grid-content .kl-anchor:hover {
        transform: scale(1.1); }
      .kl-grid.kl-grid-content .kl-anchor.kl-awoingt {
        grid-column-start: 6;
        grid-column-end: 9;
        grid-row-start: 2; }
      .kl-grid.kl-grid-content .kl-anchor.kl-quimper {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 4;
        grid-row-end: 6; }
      .kl-grid.kl-grid-content .kl-anchor.kl-campbon {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 5;
        grid-row-end: 7; }
      .kl-grid.kl-grid-content .kl-anchor.kl-clermont {
        grid-column-start: 6;
        grid-column-end: 9;
        grid-row-start: 8;
        grid-row-end: 10; }
      .kl-grid.kl-grid-content .kl-anchor.kl-vienne {
        grid-column-start: 9;
        grid-column-end: 12;
        grid-row-start: 9;
        grid-row-end: 11; }
      .kl-grid.kl-grid-content .kl-anchor.kl-saint-etienne {
        grid-column-start: 8;
        grid-column-end: 11;
        grid-row-start: 12;
        grid-row-end: 13; }
      .kl-grid.kl-grid-content .kl-anchor.kl-lons {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 14;
        grid-row-end: 15; }

.kl-anchor-list {
  background: url("../img/enchor-list-bg.png") no-repeat top center;
  background-size: 100% auto;
  min-height: 300px;
  padding-top: 228px;
  padding-bottom: 100px; }
  .kl-anchor-list #svgPath {
    height: 570px;
    width: auto; }

.kl-anchor-item {
  position: absolute;
  left: 0;
  top: -150px; }
  .kl-anchor-item:focus {
    outline: none; }

.kl-batiment-view {
  position: relative; }
  .kl-batiment-view:focus {
    outline: none; }
  .kl-batiment-view + .kl-batiment-view {
    margin-top: 120px; }
  .kl-batiment-view .kl-mask {
    -webkit-filter: drop-shadow(0 0 20px rgba(38, 94, 152, 0.1));
    -ms-filter: drop-shadow(0 0 20px rgba(38, 94, 152, 0.1));
    filter: drop-shadow(0 0 20px rgba(38, 94, 152, 0.1)); }
  .kl-batiment-view .kl-caption {
    max-width: 475px; }
  .kl-batiment-view.kl-thumb-gauche .kl-thumbnail {
    max-height: 500px; }
  .kl-batiment-view.kl-thumb-gauche .kl-svg-clipped {
    height: 552px;
    max-width: 556px;
    -webkit-clip-path: url(#svg-path-gauche);
    clip-path: url(#svg-path-gauche);
    position: relative;
    margin-right: auto !important; }
  .kl-batiment-view.kl-thumb-gauche .kl-bulle-info {
    top: unset;
    bottom: 0;
    left: unset;
    right: 0; }
    .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-creation {
      margin: 0 3rem 0 0; }
    .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-emplyes {
      margin: 0 25px 142px 0; }
  .kl-batiment-view .kl-svg-clipped {
    height: 640px;
    max-width: 666px;
    -webkit-transform: translate(0, 7px);
    transform: translate(0, 7px);
    -webkit-transform-origin: 0 0;
    -webkit-clip-path: url(#svg-path-droit);
    clip-path: url(#svg-path-droit);
    position: relative;
    object-fit: cover; }
  .kl-batiment-view .kl-bulle-info {
    position: absolute;
    background-size: cover;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.13;
    text-align: center;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 1; }
    .kl-batiment-view .kl-bulle-info span {
      font-family: "tabitharegular";
      font-size: 42px;
      font-weight: normal;
      line-height: 0.95; }
  .kl-batiment-view .kl-creation {
    width: 162px;
    height: 161px;
    background: url("../img/candia/laiteries/bg-date.svg") no-repeat;
    padding: 40px 25px;
    margin: 5rem 0 0 -55px; }
  .kl-batiment-view .kl-emplyes {
    width: 127px;
    height: 126px;
    background: url("../img/candia/laiteries/bg-employes.svg") no-repeat;
    padding: 30px 20px;
    margin: 3px 0 0 3rem; }
  .kl-batiment-view li {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    color: #343637;
    position: relative; }
    .kl-batiment-view li .kl-puces li {
      padding: 0 0 0 12px; }
      .kl-batiment-view li .kl-puces li:before {
        content: "";
        position: absolute;
        height: 5px;
        width: 5px;
        border-radius: 2.5px;
        top: 6px;
        left: 0;
        background: #343637; }
    .kl-batiment-view li h3 {
      font-size: 24px;
      font-weight: bold;
      color: #343637;
      margin-bottom: 15px; }
    .kl-batiment-view li a {
      font-weight: bold;
      color: #0a3c6e;
      text-decoration: underline; }
  .kl-batiment-view .kl-left {
    min-width: 62px;
    margin-right: 30px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0); }
  .kl-batiment-view .kl-picto {
    max-width: 66px;
    margin: 0; }
    .kl-batiment-view .kl-picto + .kl-picto {
      margin-top: 17px; }
  .kl-batiment-view .kl-bolder-blue {
    margin-top: 60px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    color: #0d4c8c; }
    .kl-batiment-view .kl-bolder-blue a {
      color: inherit;
      text-decoration: underline; }
  .kl-batiment-view .media + .media {
    margin-top: 40px; }
  .kl-batiment-view .media li + li {
    margin-top: 10px; }
  .kl-batiment-view h2 {
    font-family: "tabitharegular";
    font-size: 62px;
    font-weight: normal;
    line-height: 0.97;
    color: #4a4a49;
    margin-bottom: 50px; }
    .kl-batiment-view h2 small {
      display: block;
      font-family: "Muli", sans-serif;
      font-size: 24px;
      font-weight: 900;
      line-height: 1.92;
      color: #0a3c6e; }

section#id-number.kl-values-section {
  padding: 160px 0 150px; }
  section#id-number.kl-values-section .kl-img-full {
    margin: 80px 0; }
  section#id-number.kl-values-section h2 {
    margin-bottom: 80px;
    text-align: left; }
  section#id-number.kl-values-section header h2 {
    font-family: "tabitharegular";
    font-size: 64px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 40px; }
  section#id-number.kl-values-section header p {
    max-width: 838px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    color: #fff; }

.kl-metier-list {
  margin: 0 auto;
  max-width: calc(100% - 200px); }
  .kl-metier-list ul {
    margin-bottom: 40px; }
    .kl-metier-list ul li {
      font-size: 20px;
      font-weight: normal;
      line-height: 1.8;
      color: #fff;
      padding-left: 30px;
      position: relative; }
      .kl-metier-list ul li:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 18px;
        background-color: #3d70a3;
        -webkit-mask-image: url("../img/candia/histoire/bullet.svg");
        mask-image: url("../img/candia/histoire/bullet.svg");
        top: 10px;
        left: 0; }
  .kl-metier-list h4 {
    color: #fff;
    font-family: "tabitharegular";
    margin: 0 0 20px;
    font-size: 36px; }

@media (min-width: 1400px) {
  section#id-manifeste.kl-sec-RH {
    padding-bottom: 650px; } }
@media (min-width: 1300px) {
  .kl-metier-list {
    max-width: calc(100% - 222px); }

  .kl-batiment-view.kl-thumb-gauche .kl-svg-clipped {
    transform: scale(0.95) translate(0, 0); }

  .kl-hero-map .kl-cta {
    right: -98px; }

  .kl-batiment-view {
    margin: 0 -36px; }
    .kl-batiment-view > div {
      padding: 0 36px; }
      .kl-batiment-view > div:first-child {
        flex: 0 0 57%;
        max-width: 57%; }
      .kl-batiment-view > div:last-child {
        flex: 0 0 43%;
        max-width: 43%; } }
@media (min-width: 1200px) {
  .kl-batiment-view .kl-caption {
    max-width: 473px; }

  .kl-batiment-view > div {
    padding: 0 36px; }
    .kl-batiment-view > div:nth-child(2) {
      flex: 0 0 56%;
      max-width: 56%; }
    .kl-batiment-view > div:nth-child(3) {
      flex: 0 44%;
      max-width: 44%; } }
@media (min-width: 1200px) and (max-width: 1400px) {
  section#id-manifeste.kl-sec-RH {
    padding-bottom: 415px; } }
@media (min-width: 1200px) and (max-width: 1299px) {
  .kl-batiment-view {
    margin: 0; }
    .kl-batiment-view .kl-thumbnail {
      max-height: 530px; }
    .kl-batiment-view .kl-svg-clipped {
      transform: scale(0.8) translate(0, 15px); }
    .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-emplyes {
      margin: 0 -2rem 10rem 0; }
    .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-creation {
      margin: 0; }
    .kl-batiment-view.kl-thumb-gauche .kl-thumbnail {
      max-height: 500px; }
    .kl-batiment-view.kl-thumb-gauche .kl-svg-clipped {
      transform: scale(0.9) translate(0, 26px); } }
@media (min-width: 992px) and (max-width: 1199px) {
  .kl-metier-list ul li {
    font-size: 18px; }

  section#id-manifeste.kl-sec-RH {
    padding-bottom: 350px; }

  section#id-resume {
    padding: 63px 0 100px; }
    section#id-resume .nav-tabs li a {
      font-size: 18px; }

  section#id-number.kl-values-section {
    padding: 120px 0 80px; }
    section#id-number.kl-values-section h2 {
      margin-bottom: 60px; }

  .kl-anchor-list {
    padding-top: 160px; }

  .kl-hero-map .kl-cta {
    width: 180px;
    height: 180px;
    font-size: 16px;
    top: 58px;
    padding: 10px 25px; }
    .kl-hero-map .kl-cta b {
      font-size: 28px; }

  .kl-grid.kl-grid-content {
    max-width: 780px;
    margin: -40px auto 0;
    grid-template-columns: 115px 8px 97px 23px 150px 30px 38px 98px 7px 49px 77px auto;
    grid-template-rows: 33px 94px 95px 50px 34px 70px 38px 18px 70px 13px 7px 73px 39px 87px auto;
    transform: translate(-30px, 0); }

  .kl-batiment-view {
    margin-top: 30px; }
    .kl-batiment-view + .kl-batiment-view {
      margin-top: 90px; }
    .kl-batiment-view .kl-picto {
      max-width: 45px; }
    .kl-batiment-view .list-unstyled {
      max-width: 400px; }
    .kl-batiment-view .kl-left {
      min-width: 50px;
      margin-right: 30px; }
    .kl-batiment-view li {
      line-height: 1.5;
      font-size: 14px; }
      .kl-batiment-view li h3 {
        font-size: 22px;
        margin-bottom: 12px; }
    .kl-batiment-view h2 {
      font-size: 44px;
      margin-bottom: 30px; }
      .kl-batiment-view h2 small {
        font-size: 20px; }
    .kl-batiment-view .kl-thumbnail {
      max-height: 480px; }
    .kl-batiment-view .kl-svg-clipped {
      transform: scale(0.7) translate(0, 15px); }
    .kl-batiment-view .kl-bulle-info {
      font-size: 14px;
      background-size: 100% 100%; }
      .kl-batiment-view .kl-bulle-info span {
        font-size: 30px; }
      .kl-batiment-view .kl-bulle-info.kl-emplyes {
        height: 100px;
        width: 100px;
        padding: 25px 10px;
        margin: 0 0 0 2rem; }
      .kl-batiment-view .kl-bulle-info.kl-creation {
        height: 120px;
        width: 120px;
        padding: 30px 10px;
        margin: 4rem 0 0 -3rem; }
    .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-emplyes {
      margin: 0 0rem 6rem 0;
      padding: 24px 0; }
    .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-creation {
      background-size: 100% 100%;
      margin: 0 2em 0 0; }
    .kl-batiment-view.kl-thumb-gauche .kl-thumbnail {
      max-height: 400px;
      margin: auto;
      width: 100%; }
    .kl-batiment-view.kl-thumb-gauche .kl-svg-clipped {
      transform: scale(0.7) translate(0, 26px); } }
@media (min-width: 768px) and (max-width: 991px) {
  section#id-resume .tab-content .tab-pane .kl-rows > div:last-child {
    margin-left: 60px; }

  .kl-hero-custom.kl-hero-custom-simple .kl-texte-content .row div:first-child {
    padding-left: 15px; }

  section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab::before {
    background: url(../img/candia/nousrejoindre/objet-dynamique-vectoriel-2.png) no-repeat top left/50px 50px, url(../img/candia/nousrejoindre/objet-index-up.png) no-repeat 31px 49px/36px 20px;
    height: 73px;
    width: 90px;
    top: -40px;
    right: -60px; }
  section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab::after {
    background: url(../img/candia/nousrejoindre/objet-dynamique-vectoriel.png) no-repeat top center/20px 28px; }

  .kl-sec-quizz-link p {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }

  .kl-hero-custom.kl-hero-custom-simple {
    padding: 0 0 30px; }

  section#id-manifeste.kl-sec-RH {
    padding: 30px 0 250px; }

  section#id-resume {
    padding: 63px 0 80px; }

  section#id-number.kl-values-section {
    padding: 120px 0; }

  section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab::after {
    bottom: 0;
    left: 0; }

  .kl-metier-list {
    margin: 0 auto;
    max-width: 100%; }
    .kl-metier-list ul li {
      font-size: 18px; }

  .kl-anchor-list {
    padding-top: 100px; }

  .kl-hero-map {
    padding: 40px 0 80px; }
    .kl-hero-map h1 {
      font-size: 52px; }
    .kl-hero-map .kl-cta {
      width: 148px;
      height: 148px;
      font-size: 12px;
      top: 58px;
      padding: 10px 25px;
      right: -40px; }
      .kl-hero-map .kl-cta b {
        font-size: 22px; }

  .kl-grid.kl-grid-content {
    max-width: 580px;
    margin: -40px auto 0;
    grid-template-columns: 77px 8px 92px 15px 89px 38px 33px 57px 7px 40px 44px auto;
    grid-template-rows: 22px 60px 87px 31px 16px 53px 30px 18px 39px 13px 7px 48px 53px 48px auto;
    transform: translate(-13px, 0); }

  .kl-batiment-view + .kl-batiment-view {
    margin-top: 80px; }
  .kl-batiment-view .kl-bolder-blue {
    margin-top: 30px;
    font-size: 14px; }
  .kl-batiment-view .media + .media {
    margin-top: 20px; }
  .kl-batiment-view .kl-picto {
    max-width: 45px; }
  .kl-batiment-view .list-unstyled {
    max-width: 92%; }
  .kl-batiment-view .kl-left {
    min-width: unset;
    margin-right: 20px; }
  .kl-batiment-view li {
    line-height: 1.3;
    font-size: 13px; }
    .kl-batiment-view li + li {
      margin-top: 5px; }
    .kl-batiment-view li h3 {
      font-size: 22px;
      margin-bottom: 12px; }
  .kl-batiment-view h2 {
    font-size: 38px;
    margin-bottom: 30px; }
    .kl-batiment-view h2 small {
      font-size: 16px; }
  .kl-batiment-view .kl-thumbnail {
    max-height: 332px; }
  .kl-batiment-view .kl-svg-clipped {
    transform: scale(0.52) translate(0, 0); }
  .kl-batiment-view .kl-bulle-info {
    font-size: 12px;
    background-size: 100% 100%; }
    .kl-batiment-view .kl-bulle-info span {
      font-size: 24px; }
    .kl-batiment-view .kl-bulle-info.kl-emplyes {
      height: 80px;
      width: 80px;
      padding: 25px 10px;
      margin: 0; }
    .kl-batiment-view .kl-bulle-info.kl-creation {
      height: 100px;
      width: 100px;
      padding: 23px 10px;
      margin: 4rem 0 0 -3rem;
      font-size: 12px; }
  .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-emplyes {
    margin: 0 0rem 5rem 0;
    padding: 24px 0; }
  .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-creation {
    background-size: 100% 100%;
    margin: 00 20px 0 0; }
  .kl-batiment-view.kl-thumb-gauche .kl-thumbnail {
    max-height: 263px;
    margin: auto;
    width: 100%; }
  .kl-batiment-view.kl-thumb-gauche .kl-svg-clipped {
    transform: scale(0.5) translate(0, 0); } }
@media (min-width: 576px) and (max-width: 767px) {
  section#id-resume .tab-content .tab-pane .kl-rows > div:last-child {
    margin-left: 0; }

  .kl-hero-custom.kl-hero-custom-simple {
    padding: 0 0 30px; }

  section#id-manifeste.kl-sec-RH {
    padding: 30px 0 190px; }

  section#id-resume {
    padding: 63px 0 80px; }

  section#id-number.kl-values-section {
    padding: 120px 0 20px; }

  section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab::after {
    bottom: 0;
    left: 0; }

  .kl-metier-list {
    margin: 0 auto;
    max-width: calc(100% - 50px); }
    .kl-metier-list > div > div:last-child {
      margin-left: 25px; }
    .kl-metier-list ul li {
      font-size: 16px; }

  .kl-anchor-list {
    padding-top: 100px; }

  .kl-hero-map {
    padding: 40px 0 80px; }
    .kl-hero-map h1 {
      font-size: 52px; }
    .kl-hero-map .kl-cta {
      width: 148px;
      height: 148px;
      font-size: 12px;
      top: 58px;
      padding: 10px 25px;
      right: -40px; }
      .kl-hero-map .kl-cta b {
        font-size: 22px; }

  .kl-grid.kl-grid-content {
    max-width: 450px;
    margin: 0 auto 0;
    grid-template-columns: 65px 8px 48px 32px 55px 66px 11px 25px 10px 40px 33px auto;
    grid-template-rows: 16px 41px 73px 17px 21px 41px 15px 9px 32px 13px 11px 39px 26px 48px auto;
    transform: translate(-17px, 0); }

  .kl-batiment-view + .kl-batiment-view {
    margin-top: 50px; }
  .kl-batiment-view .kl-bolder-blue {
    margin-top: 30px;
    font-size: 13px; }
  .kl-batiment-view .media + .media {
    margin-top: 20px; }
  .kl-batiment-view .kl-picto {
    max-width: 28px; }
  .kl-batiment-view .list-unstyled {
    max-width: 92%; }
  .kl-batiment-view .kl-left {
    min-width: unset;
    margin-right: 15px; }
  .kl-batiment-view li {
    line-height: 1.3;
    font-size: 13px; }
    .kl-batiment-view li + li {
      margin-top: 5px; }
    .kl-batiment-view li h3 {
      font-size: 19px;
      margin-bottom: 12px; }
  .kl-batiment-view h2 {
    font-size: 38px;
    margin-bottom: 30px; }
    .kl-batiment-view h2 small {
      font-size: 16px; }
  .kl-batiment-view .kl-thumbnail {
    max-height: 196px; }
  .kl-batiment-view .kl-svg-clipped {
    transform: scale(0.3) translate(0, 0); }
  .kl-batiment-view .kl-bulle-info {
    font-size: 12px;
    background-size: 100% 100%; }
    .kl-batiment-view .kl-bulle-info span {
      font-size: 18px; }
    .kl-batiment-view .kl-bulle-info.kl-emplyes {
      height: 60px;
      width: 60px;
      padding: 14px 10px;
      margin: 0;
      font-size: 9px; }
    .kl-batiment-view .kl-bulle-info.kl-creation {
      height: 70px;
      width: 70px;
      padding: 14px 9px;
      margin: 2rem 0 0 -3rem;
      font-size: 10px; }
  .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-emplyes {
    margin: 0 0rem 58px 0;
    padding: 13px 0; }
  .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-creation {
    background-size: 100% 100%;
    margin: 0; }
  .kl-batiment-view.kl-thumb-gauche .kl-thumbnail {
    max-height: 160px;
    margin: auto;
    width: 100%; }
  .kl-batiment-view.kl-thumb-gauche .kl-svg-clipped {
    transform: scale(0.3) translate(0, 0); } }
@media (max-width: 575px) {
  section#id-resume .tab-content .tab-pane.kl-perspective h3 {
    font-size: 34px; }

  section#id-resume .tab-content .tab-pane .kl-rows > div:last-child {
    margin-left: 0; }

  section#id-manifeste h2 {
    padding-left: 70px; }

  .kl-custom-pre-footer .row .row div:last-child {
    padding-top: 40px; }

  .kl-sec-quizz-link.kl-custom-pre-footer p {
    margin-bottom: 40px; }

  section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab::before {
    background: url(../img/candia/nousrejoindre/objet-dynamique-vectoriel-2.png) no-repeat top left/50px 50px, url(../img/candia/nousrejoindre/objet-index-up.png) no-repeat 30px 47px/33px 21px;
    height: 78px;
    width: 95px;
    top: -59px;
    right: -89px; }

  .kl-metier-list ul li {
    font-size: 16px; }

  .kl-metier-list h4 {
    color: #fff;
    font-family: "tabitharegular";
    margin: 0 0 10px;
    font-size: 36px;
    text-align: center; }

  section#id-number.kl-values-section header h2 {
    margin-bottom: 40px; }
  section#id-number.kl-values-section h2 {
    margin-bottom: 40px;
    text-align: center; }
  section#id-number.kl-values-section .kl-img-full {
    margin: 40px 0; }

  .kl-hero-custom.kl-hero-custom-simple {
    padding: 0 0 30px; }

  section#id-manifeste.kl-sec-RH {
    padding: 30px 0 190px; }

  section#id-resume {
    padding: 60px 0; }

  section#id-number.kl-values-section {
    padding: 80px 0 30px; }

  section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab::after {
    background: url(../img/candia/nousrejoindre/objet-dynamique-vectoriel.png) no-repeat top center/15px 25px;
    bottom: -16px;
    left: -10px; }

  .kl-metier-list {
    margin: 0 auto;
    max-width: 100%; }
    .kl-metier-list ul li {
      font-size: 18px; }

  section#id-manifeste h2 {
    font-size: 44px; }

  section#id-manifeste p {
    font-size: 18px; }

  .kl-anchor-list {
    padding-top: 70px; }

  .kl-hero-map {
    padding: 40px 0 0; }
    .kl-hero-map h1 {
      font-size: 52px; }
    .kl-hero-map .kl-cta {
      width: 128px;
      height: 128px;
      font-size: 12px;
      top: 58px;
      padding: 15px;
      right: -95px; }
      .kl-hero-map .kl-cta b {
        font-size: 22px; }

  .kl-grid.kl-grid-content {
    transform: scale(0.85) translate(-19px, 0);
    max-width: 450px;
    margin: 0 auto 0;
    /*grid-template-columns: 54px 6px 47px 28px 39px 46px 11px 25px 10px 40px 33px auto;
    grid-template-rows: 17px 41px 56px 37px 16px 16px 17px 9px 27px 11px 9px 39px 26px 48px auto;*/
    grid-template-columns: 54px 4px 89px 36px 37px 92px 1px 16px 16px 40px 33px auto;
    grid-template-rows: 27px 40px 57px 42px 16px 25px 37px 9px 27px 11px 9px 39px 36px 48px auto; }

  .kl-batiment-view + .kl-batiment-view {
    margin-top: 60px; }
  .kl-batiment-view > div:last-child {
    margin-top: 20px; }
  .kl-batiment-view .kl-bolder-blue {
    margin-top: 30px;
    font-size: 13px; }
  .kl-batiment-view .media + .media {
    margin-top: 20px; }
  .kl-batiment-view .kl-picto {
    max-width: 28px; }
  .kl-batiment-view .list-unstyled {
    max-width: 100%; }
  .kl-batiment-view .kl-left {
    min-width: unset;
    margin-right: 15px; }
  .kl-batiment-view .media li + li {
    margin-top: 5px; }
  .kl-batiment-view li {
    line-height: 1.3;
    font-size: 13px; }
    .kl-batiment-view li + li {
      margin-top: 5px; }
    .kl-batiment-view li h3 {
      font-size: 18px;
      margin-bottom: 10px; }
  .kl-batiment-view h2 {
    font-size: 38px;
    margin-bottom: 30px;
    text-align: center; }
    .kl-batiment-view h2 small {
      font-size: 16px; }
  .kl-batiment-view .kl-thumbnail {
    max-height: 257px;
    MAX-WIDTH: 280px;
    margin: auto; }
  .kl-batiment-view .kl-svg-clipped {
    transform: scale(0.4) translate(60px, 0); }
  .kl-batiment-view .kl-bulle-info {
    font-size: 12px;
    background-size: 100% 100%; }
    .kl-batiment-view .kl-bulle-info span {
      font-size: 18px; }
    .kl-batiment-view .kl-bulle-info.kl-emplyes {
      height: 60px;
      width: 60px;
      padding: 14px 10px;
      margin: 0 0 0 25px;
      font-size: 9px; }
    .kl-batiment-view .kl-bulle-info.kl-creation {
      height: 70px;
      width: 70px;
      padding: 14px 9px;
      margin: 3rem 0 0 0rem;
      font-size: 10px; }
  .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-emplyes {
    margin: 0 -1rem 57px 0;
    padding: 13px 0; }
  .kl-batiment-view.kl-thumb-gauche .kl-bulle-info.kl-creation {
    background-size: 100% 100%;
    margin: 0; }
  .kl-batiment-view.kl-thumb-gauche .kl-thumbnail {
    max-height: 257px;
    MAX-WIDTH: 257px; }
  .kl-batiment-view.kl-thumb-gauche .kl-svg-clipped {
    transform: scale(0.48) translate(-32px, 0); } }
@media (max-width: 575px) {
  .kl-grid.kl-grid-content {
    max-height: 360px;
    margin: -63px 0 0;
    transform: scale(0.7) translate(-40px, 0); } }
@media (max-width: 480px) {
  section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab {
    margin: 0 auto 50px; }
    section#id-resume .tab-content .tab-pane.kl-perspective .kl-bx-img-tab::before {
      top: -40px;
      right: -70px; }

  .kl-hero-map .kl-cta {
    display: none !important; } }
@media screen and (max-width: 425px) {
  section#id-manifeste.kl-sec-RH {
    padding: 30px 0 140px; }

  .kl-grid.kl-grid-content {
    transform: scale(0.9) translate(-11px, 0);
    /*grid-template-columns: 43px 0px 63px 28px 39px 43px 0px 25px 0px 40px 45px auto;
    grid-template-rows: 18px 28px 50px 33px 20px 6px 32px 9px 21px 6px 6px 32px 26px 27px auto;*/
    grid-template-columns: 64px 0px 50px 30px 45px 36px 10px 25px 0px 40px 45px auto;
    grid-template-rows: 18px 28px 50px 33px 28px 6px 32px 9px 21px 6px 6px 32px 26px 27px auto;
    margin: 10px auto 0; }
    .kl-grid.kl-grid-content .kl-clermont {
      top: 6px !important;
      left: 11px; }
    .kl-grid.kl-grid-content .kl-vienne {
      width: 40px;
      right: -9px;
      top: -4px; }
      .kl-grid.kl-grid-content .kl-vienne img {
        height: auto;
        max-width: 50px; } }

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