@media (min-width: 1001px) {
  .instit-page .anim {
    opacity: 0;
    transition: opacity .5s; }
    .instit-page .anim.translate {
      transform: translateY(10em);
      transition: opacity .5s, transform .5s; }
      .instit-page .anim.translate.reverse {
        transform: translateY(-10em); }
    .instit-page .anim.pulse {
      opacity: 1;
      animation-duration: 1s;
      animation-fill-mode: both; }
    .instit-page .anim.delay-0 {
      transition-delay: 0s;
      animation-delay: 0s; }
    .instit-page .anim.delay-250 {
      transition-delay: 0.25s;
      animation-delay: 0.25s; }
    .instit-page .anim.delay-500 {
      transition-delay: 0.5s;
      animation-delay: 0.5s; }
    .instit-page .anim.delay-550 {
      transition-delay: 0.55s;
      animation-delay: 0.55s; }
    .instit-page .anim.delay-600 {
      transition-delay: 0.6s;
      animation-delay: 0.6s; }
    .instit-page .anim.delay-650 {
      transition-delay: 0.65s;
      animation-delay: 0.65s; }
    .instit-page .anim.delay-700 {
      transition-delay: 0.7s;
      animation-delay: 0.7s; }
    .instit-page .anim.delay-750 {
      transition-delay: 0.75s;
      animation-delay: 0.75s; }
    .instit-page .anim.delay-800 {
      transition-delay: 0.8s;
      animation-delay: 0.8s; }
    .instit-page .anim.delay-850 {
      transition-delay: 0.85s;
      animation-delay: 0.85s; }
    .instit-page .anim.delay-900 {
      transition-delay: 0.9s;
      animation-delay: 0.9s; }
    .instit-page .anim.delay-950 {
      transition-delay: 0.95s;
      animation-delay: 0.95s; }
    .instit-page .anim.delay-1000 {
      transition-delay: 1s;
      animation-delay: 1s; }
    .instit-page .anim.delay-1250 {
      transition-delay: 1.25s;
      animation-delay: 1.25s; }
    .instit-page .anim.delay-1500 {
      transition-delay: 1.5s;
      animation-delay: 1.5s; }
    .instit-page .anim.delay-1750 {
      transition-delay: 1.75s;
      animation-delay: 1.75s; }
    .instit-page .anim.delay-2000 {
      transition-delay: 2s;
      animation-delay: 2s; }
    .instit-page .anim.delay-2250 {
      transition-delay: 2.25s;
      animation-delay: 2.25s; }
    .instit-page .anim.delay-2500 {
      transition-delay: 2.5s;
      animation-delay: 2.5s; }
    .instit-page .anim.delay-2750 {
      transition-delay: 2.75s;
      animation-delay: 2.75s; }
    .instit-page .anim.delay-3000 {
      transition-delay: 3s;
      animation-delay: 3s; }
    .instit-page .anim.delay-3250 {
      transition-delay: 3.25s;
      animation-delay: 3.25s; }
    .instit-page .anim.delay-3500 {
      transition-delay: 3.5s;
      animation-delay: 3.5s; }
    .instit-page .anim.delay-3750 {
      transition-delay: 3.75s;
      animation-delay: 3.75s; }
    .instit-page .anim.delay-4000 {
      transition-delay: 4s;
      animation-delay: 4s; }
    .instit-page .anim.delay-4250 {
      transition-delay: 4.25s;
      animation-delay: 4.25s; }
    .instit-page .anim.delay-4500 {
      transition-delay: 4.5s;
      animation-delay: 4.5s; }
    .instit-page .anim.delay-4750 {
      transition-delay: 4.75s;
      animation-delay: 4.75s; }
    .instit-page .anim.delay-5000 {
      transition-delay: 5s;
      animation-delay: 5s; }
    .instit-page .anim.delay-5250 {
      transition-delay: 5.25s;
      animation-delay: 5.25s; }
    .instit-page .anim.delay-5500 {
      transition-delay: 5.5s;
      animation-delay: 5.5s; }
    .instit-page .anim.delay-5750 {
      transition-delay: 5.75s;
      animation-delay: 5.75s; }
    .instit-page .anim.delay-6000 {
      transition-delay: 6s;
      animation-delay: 6s; }
    .instit-page .anim.delay-6250 {
      transition-delay: 6.25s;
      animation-delay: 6.25s; }
    .instit-page .anim.delay-6500 {
      transition-delay: 6.5s;
      animation-delay: 6.5s; }
    .instit-page .anim.delay-6750 {
      transition-delay: 6.75s;
      animation-delay: 6.75s; }
    .instit-page .anim.delay-7000 {
      transition-delay: 7s;
      animation-delay: 7s; }
    .instit-page .anim.delay-7250 {
      transition-delay: 7.25s;
      animation-delay: 7.25s; }
    .instit-page .anim.delay-7500 {
      transition-delay: 7.5s;
      animation-delay: 7.5s; }
    .instit-page .anim.delay-7750 {
      transition-delay: 7.75s;
      animation-delay: 7.75s; }
    .instit-page .anim.delay-8000 {
      transition-delay: 8s;
      animation-delay: 8s; }
    .instit-page .anim.delay-8250 {
      transition-delay: 8.25s;
      animation-delay: 8.25s; }
    .instit-page .anim.delay-8500 {
      transition-delay: 8.5s;
      animation-delay: 8.5s; }
    .instit-page .anim.delay-8750 {
      transition-delay: 8.75s;
      animation-delay: 8.75s; }
    .instit-page .anim.delay-9000 {
      transition-delay: 9s;
      animation-delay: 9s; }
    .instit-page .anim.delay-9250 {
      transition-delay: 9.25s;
      animation-delay: 9.25s; }
    .instit-page .anim.delay-9500 {
      transition-delay: 9.5s;
      animation-delay: 9.5s; }
    .instit-page .anim.delay-9750 {
      transition-delay: 9.75s;
      animation-delay: 9.75s; }
  .instit-page .chapter.active .anim {
    opacity: 1; }
    .instit-page .chapter.active .anim.translate {
      transform: translateY(0); }
    .instit-page .chapter.active .anim.pulse {
      animation-name: pulse; }
  @keyframes pulse {
    from {
      transform: scale3d(1, 1, 1); }
    50% {
      transform: scale3d(1.1, 1.1, 1.1); }
    to {
      transform: scale3d(1, 1, 1); } } }

.instit-page #instit-header .container {
  position: relative;
  background: url(../../img/instit/frise2.svg) repeat-y 2em top; }
  @media (min-width: 1001px) {
    .instit-page #instit-header .container:before {
      content: url(../../img/instit/frise1.svg);
      position: absolute;
      right: -2em;
      top: 2em; } }
  .instit-page #instit-header .container header {
    max-width: 30em;
    margin: 3em auto; }
  .instit-page #instit-header .container h1 {
    font-weight: bold; }
    @media (min-width: 1001px) {
      .instit-page #instit-header .container h1 {
        font-size: 2.941em; } }
  .instit-page #instit-header .container #slider-billets {
    position: relative;
    overflow: hidden; }
    .instit-page #instit-header .container #slider-billets ul.slides {
      height: 110px;
      overflow: hidden;
      width: calc(240px*11);
      animation: slider 30s linear 0s infinite; }
      .instit-page #instit-header .container #slider-billets ul.slides li {
        float: left; }
      .instit-page #instit-header .container #slider-billets ul.slides img {
        margin: 0 5px; }

@keyframes slider {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(calc(-240px*7)); } }
    .instit-page #instit-header .container #slider-billets:hover ul.slides {
      animation-play-state: paused; }
    .instit-page #instit-header .container #slider-billets a.lightbox-processed:after {
      content: "";
      width: 25px;
      height: 30px;
      background: #fff url(../../img/icon-zoom.svg) no-repeat center;
      opacity: 0;
      transition: opacity .5s; }
    .instit-page #instit-header .container #slider-billets a.lightbox-processed:hover:after {
      opacity: 1; }
  .instit-page #instit-header .container .flex-direction-nav a {
    position: absolute;
    width: 15px;
    height: 20px;
    top: 65px;
    right: -30px;
    background: url(../../img/instit/arrow-slider-next.svg) no-repeat center;
    opacity: 1; }
    .instit-page #instit-header .container .flex-direction-nav a.flex-prev {
      right: auto;
      left: -30px;
      background-image: url(../../img/instit/arrow-slider-prev.svg); }
  .instit-page #instit-header .container .btn-scroll-wrapper {
    max-width: 32em;
    margin: 0 auto;
    /*@include media-breakpoint-up(md) {
				margin-bottom: 6em;
			}*/ }
  .instit-page #instit-header .container #btn-scroll-down {
    display: block;
    width: 70px;
    height: 94px;
    background: url(../../img/homepage/arrow-down.svg) no-repeat center; }

.instit-page #instit-agences {
  background: url(../../img/instit/bg-canton.svg) no-repeat 80% 2em, linear-gradient(90deg, #eaeef2, #feffff); }
  .instit-page #instit-agences .instit-chiffres h2 {
    float: left;
    width: 12em;
    margin-bottom: 1em;
    font-size: 1.059em;
    font-weight: bold;
    color: #ef0900;
    line-height: 1.2; }
    @media (min-width: 601px) {
      .instit-page #instit-agences .instit-chiffres h2.delay-1000 {
        margin-right: -2em; } }
    @media (min-width: 1001px) {
      .instit-page #instit-agences .instit-chiffres h2 {
        margin-bottom: 3em;
        margin-right: 1em; } }
    .instit-page #instit-agences .instit-chiffres h2 strong {
      display: block;
      font-size: 1.556em; }
    .instit-page #instit-agences .instit-chiffres h2 img {
      float: left;
      margin-top: .25em;
      margin-right: 1em; }
  .instit-page #instit-agences .instit-agences-regions {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.706em;
    margin: 1em -4.25em 4em;
    padding: 0 4.25em;
    color: #555;
    list-style: none;
    text-align: center; }
    .instit-page #instit-agences .instit-agences-regions li {
      padding: 0;
      background: none; }
    @media (min-width: 601px) {
      .instit-page #instit-agences .instit-agences-regions {
        border-top: 1px solid #6db379; } }
    .instit-page #instit-agences .instit-agences-regions li {
      float: left;
      width: 33.33%; }
      .instit-page #instit-agences .instit-agences-regions li:nth-child(4) {
        clear: left; }
      .instit-page #instit-agences .instit-agences-regions li:before {
        content: "";
        display: block;
        width: .75em;
        height: .75em;
        margin: -.375em auto 1.5em;
        border-radius: .5em;
        background-color: #6db379; }
      @media (min-width: 601px) {
        .instit-page #instit-agences .instit-agences-regions li {
          width: 16.66%; }
          .instit-page #instit-agences .instit-agences-regions li:nth-child(4) {
            clear: none; } }
      .instit-page #instit-agences .instit-agences-regions li h3 {
        font-size: 1.33em;
        color: #6db379;
        text-transform: uppercase;
        margin-bottom: 1em; }
        .instit-page #instit-agences .instit-agences-regions li h3 a {
          color: #6db379; }
      .instit-page #instit-agences .instit-agences-regions li a {
        color: #666; }
  .instit-page #instit-agences .chapeau {
    max-width: 37em;
    margin-left: auto; }
  .instit-page #instit-agences .instit-highlights.clearfix {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Frutiger, Arial, sans-serif;
    font-weight: 200;
    text-align: center; }
    .instit-page #instit-agences .instit-highlights.clearfix li {
      padding: 0;
      background: none; }
    @media (min-width: 1001px) {
      .instit-page #instit-agences .instit-highlights.clearfix {
        font-size: 1.765em; } }
    .instit-page #instit-agences .instit-highlights.clearfix li {
      float: left;
      width: 33.33%; }
      .instit-page #instit-agences .instit-highlights.clearfix li .img-wrapper {
        max-width: 140px;
        margin: 0 auto; }
        .instit-page #instit-agences .instit-highlights.clearfix li .img-wrapper img {
          display: block;
          width: 100%; }
      .instit-page #instit-agences .instit-highlights.clearfix li p {
        position: relative; }

.instit-page #instit-certifications {
  position: relative;
  text-align: center;
  overflow: hidden; }
  .instit-page #instit-certifications .certif {
    position: relative;
    /*@include media-breakpoint-up(sm) {
				float: left;
				width: 27.33%;
				margin: 1em 2.5%;
			}*/ }
    .instit-page #instit-certifications .certif:last-child:before {
      content: url(../../img/instit/frise3.svg);
      position: absolute;
      right: -12em;
      bottom: -11em; }
    .instit-page #instit-certifications .certif:first-child:before {
      content: url(../../img/instit/frise1.svg);
      position: absolute;
      right: auto;
      bottom: auto;
      left: -13em;
      top: -9em; }
  .instit-page #instit-certifications h3 {
    font-size: 1em;
    font-weight: 200;
    margin: 1em 0 0; }
  .instit-page #instit-certifications h2 {
    font-weight: bold;
    color: #333;
    font-size: 1em; }
    .instit-page #instit-certifications h2 a {
      color: #333; }
      .instit-page #instit-certifications h2 a:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
      .instit-page #instit-certifications h2 a:before {
        z-index: 1; }

.instit-page #instit-sponsoring {
  position: relative;
  text-align: center; }
  .instit-page #instit-sponsoring h2 {
    font-size: 1.294em; }
    @media (min-width: 1001px) {
      .instit-page #instit-sponsoring h2 {
        position: absolute;
        width: 100%;
        left: 0; } }
    .instit-page #instit-sponsoring h2 strong {
      display: block;
      font-size: 1.591em;
      font-weight: bold; }
    .instit-page #instit-sponsoring h2 small {
      font-size: 0.682em; }
  .instit-page #instit-sponsoring .instit-sponsoring-domaines {
    list-style: none;
    margin: 0;
    padding: 0; }
    .instit-page #instit-sponsoring .instit-sponsoring-domaines li {
      padding: 0;
      background: none; }
    .instit-page #instit-sponsoring .instit-sponsoring-domaines li {
      position: relative;
      float: left;
      width: 20%;
      margin: 0 2.5%;
      font-weight: 200;
      font-family: Frutiger, Arial, sans-serif;
      padding-bottom: .5em;
      border-bottom: 2px solid; }
      @media (min-width: 601px) {
        .instit-page #instit-sponsoring .instit-sponsoring-domaines li {
          font-size: 1.765em; } }
      .instit-page #instit-sponsoring .instit-sponsoring-domaines li.culture, .instit-page #instit-sponsoring .instit-sponsoring-domaines li.culture a {
        color: #b23453; }
      .instit-page #instit-sponsoring .instit-sponsoring-domaines li.economie, .instit-page #instit-sponsoring .instit-sponsoring-domaines li.economie a {
        color: #7e458c; }
      .instit-page #instit-sponsoring .instit-sponsoring-domaines li.sport, .instit-page #instit-sponsoring .instit-sponsoring-domaines li.sport a {
        color: #d8951e; }
      .instit-page #instit-sponsoring .instit-sponsoring-domaines li.formation, .instit-page #instit-sponsoring .instit-sponsoring-domaines li.formation a {
        color: #518793; }
      .instit-page #instit-sponsoring .instit-sponsoring-domaines li a:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
      .instit-page #instit-sponsoring .instit-sponsoring-domaines li a:hover {
        font-weight: bold; }
      .instit-page #instit-sponsoring .instit-sponsoring-domaines li .img-wrapper {
        max-width: 200px;
        margin: 0 auto; }
        .instit-page #instit-sponsoring .instit-sponsoring-domaines li .img-wrapper img {
          display: block;
          width: 100%; }

.instit-page #instit-economie {
  position: relative;
  background: url(../../img/instit/frise2.svg) repeat-y 85% top; }
  .instit-page #instit-economie:before {
    content: url(../../img/instit/frise1.svg);
    position: absolute;
    top: 4em;
    left: 8em;
    opacity: .35;
    pointer-events: none; }
  .instit-page #instit-economie h2 {
    font-weight: bold;
    max-width: 25em;
    text-align: center;
    margin: .5em auto; }
  .instit-page #instit-economie .instit-economie-domaines {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 30em;
    margin: 0 auto; }
    .instit-page #instit-economie .instit-economie-domaines li {
      padding: 0;
      background: none; }
    .instit-page #instit-economie .instit-economie-domaines li {
      position: relative;
      float: left;
      width: 48%;
      margin: .5em 1%;
      border: 1px solid #6db379;
      box-sizing: border-box;
      padding: 1em; }
      .instit-page #instit-economie .instit-economie-domaines li:nth-child(2n+1) {
        clear: left; }
      .instit-page #instit-economie .instit-economie-domaines li img {
        display: block;
        margin-left: auto; }
      .instit-page #instit-economie .instit-economie-domaines li h3 {
        font-size: 1.647em;
        color: #6db379;
        line-height: 1; }
        .instit-page #instit-economie .instit-economie-domaines li h3 span {
          vertical-align: -1em;
          display: inline-block; }
      .instit-page #instit-economie .instit-economie-domaines li p {
        font-size: 0.765em;
        color: #343434;
        min-height: 2.5em; }
      .instit-page #instit-economie .instit-economie-domaines li a {
        width: 7px;
        display: block;
        margin-left: auto; }
        .instit-page #instit-economie .instit-economie-domaines li a:before {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; }

.instit-page #instit-chiffres-annuels .container > h2 {
  text-align: center;
  margin: 0 0 1em; }

.instit-page #instit-chiffres-annuels ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .instit-page #instit-chiffres-annuels ul li {
    padding: 0;
    background: none; }
  @media (min-width: 601px) {
    .instit-page #instit-chiffres-annuels ul li {
      float: left;
      width: 33.33%; } }
  .instit-page #instit-chiffres-annuels ul li img {
    float: left;
    margin-right: .5em;
    margin-bottom: 1em; }
    @media (min-width: 601px) {
      .instit-page #instit-chiffres-annuels ul li img {
        display: block;
        float: none;
        margin: 0; } }
  .instit-page #instit-chiffres-annuels ul li h3 {
    margin: .5em 0 0;
    font-size: 2.059em;
    color: #6db379; }
    .instit-page #instit-chiffres-annuels ul li h3 small {
      font-size: 0.571em;
      font-weight: 200;
      text-transform: uppercase; }
  .instit-page #instit-chiffres-annuels ul li p {
    font-size: 0.824em;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0; }
  .instit-page #instit-chiffres-annuels ul li h2 {
    font-size: 2.059em;
    margin: 0; }

.instit-page #instit-chiffres-annuels .btn-wrapper {
  margin: 2em 0;
  text-align: center; }

.instit-page #instit-etat .title-wrapper {
  max-width: 30em;
  margin: 0 auto 2em; }

.instit-page #instit-etat h2, .instit-page #instit-etat h3 {
  text-align: center;
  margin: 0 0 1em; }

@media (min-width: 1001px) {
  .instit-page #instit-etat .body-wrapper {
    margin-right: 9em;
    padding: 2em 0;
    background: url(../../img/instit/bg-etat.jpg) no-repeat center; } }

@media (min-width: 1001px) {
  .instit-page #instit-etat .body {
    float: right;
    background-color: #fff;
    margin-right: -9em;
    padding: 2em 3em;
    width: 50%;
    box-sizing: border-box; } }

.instit-page #instit-footer ul.menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .instit-page #instit-footer ul.menu li {
    padding: 0;
    background: none; }
  .instit-page #instit-footer ul.menu a {
    display: block;
    padding: .2em 0; }
  .instit-page #instit-footer ul.menu ul {
    padding-left: 1em;
    margin-bottom: 1em; }
    .instit-page #instit-footer ul.menu ul a {
      color: #000; }
      .instit-page #instit-footer ul.menu ul a:hover {
        color: #666; }
  .instit-page #instit-footer ul.menu .menu-service a {
    color: #6db379;
    font-family: Frutiger, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }

.instit-page #instit-footer img {
  width: 100%; }

.instit-page #instit-footer .body {
  flex-grow: 1;
  background-color: #fff;
  padding: 1em 2em; }

.instit-page #instit-footer h2 {
  margin: .5em 0;
  font-size: 1.133em;
  font-weight: bold; }

.instit-page #instit-footer article {
  position: relative;
  display: flex;
  flex-direction: column; }
  .instit-page #instit-footer article a {
    color: #333; }
    .instit-page #instit-footer article a:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
  .instit-page #instit-footer article:hover a {
    color: #ef0900; }
  .instit-page #instit-footer article:hover p {
    color: #666; }

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