@charset "UTF-8";

/**
 * Theme Name: Two Up
 * Version: 1.0.0
 * Theme URL: http://sequencejs.com/themes/two-up/
 *
 * A full-screen, two column layout for showing a featured image and description
 *
 * This theme is powered by Sequence.js - The
 * responsive CSS animation framework for creating unique sliders,
 * presentations, banners, and other step-based applications.
 *
 * Author: Ian Lunn
 * Author URL: http://ianlunn.co.uk/
 *
 * Theme License: http://sequencejs.com/licenses/#free-theme
 * Sequence.js Licenses: http://sequencejs.com/licenses/
 *
 * Copyright © 2015 Ian Lunn Design Limited unless otherwise stated.
 */

@import url("http://fonts.googleapis.com/css?family=Oswald:400,700|Merriweather:300");

body {
  overflow-x: hidden;
}

body {margin: 0;padding: 0;}

.seq-content h3 a img{min-height:200px;min-width: 200px; max-width: 200px; height:auto;width: 60%;margin: auto; text-indent: -999999px;  vertical-align: middle; background-size: contain;background-repeat: no-repeat;background-position: center;}

.logo_bims{max-width: 200px}

.seq {
  /* Dimensions */
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* Hide anything that goes beyond the boundaries of the Sequence container */
  overflow: hidden;
  /* Center the Sequence container on the page */
  margin: 0 auto;
  padding: 0;
  /* Some basic styles */
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}

.seq .seq-screen,
.seq .seq-canvas,
.seq .seq-canvas > * {
  /* Reset the canvas and steps for more browser consistency */
  margin: 0;
  padding: 0;
  list-style: none;
}

.seq .seq-canvas {
  /* Make the steps inline */
  white-space: nowrap;
  /* Remove the 4px gap between steps */
  font-size: 0;
}

.seq .seq-canvas > * {
  /* Make the steps inline and 100% of the window width */
  display: inline-block;
  vertical-align: top;
  width: 100%;
  /* Reset the font-size as the parent was set to 0 */
  font-size: 16px;
}

.seq .seq-attribution {
  /* Credits */
  position: relative;
  display: block;
  margin: 0 auto;
  padding: .5em;
  text-align: center;
  line-height: 140%;
}

.seq .seq-attribution a {
  color: #444;
  text-decoration: none;
  font-weight: 700;
}

.seq .seq-attribution a:focus,
.seq .seq-attribution a:hover {
  color: #000;
}

.seq .seq-preload-circle {
  /* Color of preloader indicator circles */
  fill: black;
}

.seq .seq-in {
  /* Until JS is enabled, put the nominated step on top of the others */
  z-index: 1;
}

.seq.seq-active {
  /* When JS is enabled */.seq .seq-pagination li .numeral
}

.seq.seq-active .seq-nav {
  display: block;
}

.seq.seq-active .seq-in {
  /* Now JS is enabled, remove the z-index from the nominated step */
  z-index: auto;
}

.seq .seq-valign:before {
  /* Vertically align elements */
  content: "";
  height: 100%;
}

.seq .seq-valign:before,
.seq .seq-valign > div {
  display: inline-block;
  vertical-align: middle;
}

/*.seq .seq-nav {
  display: none;
  position: absolute;
  z-index: 100;
  top: 200px;
  left: 50%;
  padding: .5em 1em;
  text-align: center;
  background: black;
  background: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: white;
  font-family: 'Oswald', sans-serif;
  -webkit-transform: translateX(-50%) translateY(-100%) translateZ(100px);
  -ms-transform: translateX(-50%) translateY(-100%) translateZ(100px);
  transform: translateX(-50%) translateY(-100%) translateZ(100px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}*/

#bouton_langues{display: none !important}

.seq .seq-nav {
    position: fixed;
	z-index: 9999999;
    padding: 0;
    text-align: center;
    color: white;
    font-family: 'Oswald', sans-serif;
    -moz-user-select: none;
    left: auto;
    right: -218px;
    height: 100%;
    width: 218px;
    background: #00aeef;
    border-radius: 0 !important;
    font-size: 12px !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-transform: uppercase;
    display: block;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	overflow: auto;
}

.actionevent{pointer-events: none !important;}

.seq .seq-pagination,
.seq .seq-swipe {
  display: inline-block;
  vertical-align: top;
}

.seq .seq-swipe {
  margin-left: .5em;
}

.seq .seq-swipe path {
  /* Color of the swipe icon */
  fill: white;
}

.seq .seq-next {
  /* Reset the next button so it doesn't look like a button */
  padding: 0;
  background: none;
  border: none;
  line-height: 1;
}

.seq .seq-pagination {
  margin: 0;
  padding: 0;
}

.seq .seq-pagination a {
  text-decoration: none;
}

.seq .seq-pagination li{

    vertical-align: top;
    text-align: center;
    position: relative;
    width: 218px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    padding: 0;
    cursor:pointer;
    border: 0;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 40px;
    height: 40px;

}

.seq .seq-pagination li .numeral {
  /* Numbers shown in pagination */
  font-size: 13px;
  font-weight: 300;
  color: white;
  vertical-align: top;
  line-height: 10px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-osx-font-smoothing: grayscale;
	    line-height: 40px;
    height: 40px;
	cursor:pointer;
}

.seq .seq-pagination li:focus,
.seq .seq-pagination li:hover {
  background: white;
	cursor:pointer;
}

.seq .seq-pagination li:focus .numeral,
.seq .seq-pagination li:hover .numeral {
  color: black;
	cursor:pointer;
}

.seq .seq-pagination li:before{
cursor:pointer;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 50%;
    background:#314059;
    width: 5px;
    height: 40px;
    right: 0 !important;
    margin: 0;
    opacity: 0;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.seq .seq-pagination li.seq-current {
  cursor:pointer;
}

.seq .seq-pagination li.seq-current:before {
  /* Animate the circle around the pagination link */
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
}

.seq .seq-pagination li:after {
  /* Lines between dots */
  pointer-events: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  height: 2px;
  width: 1.25em;
  background: white;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.seq .seq-pagination li:last-child {
  /* Remove the line after the last dot as it's not needed */
  margin-bottom: 0;
  margin-right: 0;
}

.seq .seq-pagination li:last-child:after {
  content: none;
}

.seq .seq-tooltip {
  /* Turn off tooltips for small layout */
  display: none;
}

.seq .seq-next-button {
  /* Turn off the next button for small layout */
  display: none;
}

.seq .seq-content {
  /* Position the content on the left */
  left: 0;
  right: auto;
  padding: 0 1em;
  background: white;
  text-align: center;
  font-size: 0;
  font-family: 'Merriweather', serif;
  /* Hide the content until it is active and fades in */
  opacity: 0;
  /* When active, move the content over .3s */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.seq .seq-content h2 {
  margin: 0;
  margin-bottom: .2em;
  font-family: 'Oswald', sans-serif;
  font-size: 1.625em;
  font-weight: 700;
}

.seq .seq-content h3 {
  margin: 0;
  line-height: 160%;
  font-size: 1em;
  font-weight: 300;
}

.seq .seq-content > div {
  padding: 2em 1em;
  /* Reset the font-size as .seq-content was set to 0 to remove 4px gap */
  font-size: 16px;
  /* Reset the white-space so content wraps as expected */
  white-space: normal;
}

.seq .seq-button {
  display: inline-block;
  margin-top: 2em;
  padding: .5em 1.2em;
  border: black solid 3px;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: .875em;
  font-weight: 400;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background;
  transition-property: color, background;
}

.seq .seq-button:focus,
.seq .seq-button:hover {
  background-color: black;
  color: white;
}

.seq .seq-feature {
  height: 200px;
  overflow: hidden;
  background: #333;
}

.seq .seq-feature > div {
  width: 100%;
  height: 100%;
  background-repeat: none;
  background-position: 50% 50%;
  background-size: cover;
}

.seq .seq-feature > div img {
  /*
   * The <img /> is only used for screen readers. The actual image is
   * applied via an inline style on the <div class="seq-feature"> element
   */
  display: none;
}

.seq .seq-in {
  /* Animate in positions for content */
}

.seq .seq-in .seq-content {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -ms-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

.seq .seq-out {
  /* Animate out positions for content */
}

.seq .seq-out .seq-content {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -ms-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

.seq.seq-fallback {
  /* Styles for older browsers when in fallback mode */
}

.seq.seq-fallback .seq-nav {
  width: 100%;
  left: 0;
  border-radius: 0;
  margin-top: -40px;
}

.seq.seq-fallback .seq-next-button {
  display: none !important;
}

.seq.seq-fallback .seq-tooltip {
  margin-top: -16px;
}

@media only screen and (max-width: 768px) {
  .seq.seq-reversed .seq-content {
    /* Don't allow content to reset to its start position when reversed */
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
  }
}

@media only screen and (min-width: 769px) {
  html,
  body {
    /* Make the theme fullscreen */
    height: 100%;
  }

  .seq {
    height: 100%;
  }

  .seq .seq-canvas > * {
    overflow: hidden;
  }

  .seq .seq-attribution {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 40%;
    background: black;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    text-align: left;
  }

  .seq .seq-attribution a {
    color: #ccc;
  }

  .seq .seq-attribution a:focus,
  .seq .seq-attribution a:hover {
    color: white;
  }

  .seq.seq-active {
    /* When JS is enabled */
  }

  .seq.seq-active .seq-next-button {
    display: block;
  }

  .seq .seq-next-button {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    bottom: 1em;
    left: 50%;
    width: 66px;
    color: white;
    -webkit-transform: translateX(-50%) translateZ(100px);
    -ms-transform: translateX(-50%) translateZ(100px);
    transform: translateX(-50%) translateZ(100px);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
  }

  .seq.seq-no-touch .seq-next-button:hover {
    /* Only add a hover effect on non-touch devices */
    -webkit-transform: translateX(-50%) translateZ(100px) scale(1.2);
    -ms-transform: translateX(-50%) translateZ(100px) scale(1.2);
    transform: translateX(-50%) translateZ(100px) scale(1.2);
  }

  .seq .seq-screen,
  .seq .seq-canvas,
  .seq .seq-canvas > * {
    /* Make Sequence full screen in large layout */
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .seq .seq-canvas {
    white-space: normal;
  }

  .seq .seq-half {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
  }



  .seq .seq-pagination li {
    display: block;
    margin: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .seq .seq-pagination li:hover .seq-tooltip {
    opacity: 1;
    visibility: visible;
    /* Move the tooltip up as it appears */
    -webkit-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
  }

  .seq .seq-pagination li:after {
    /* Lines between dots */
    left: 50%;
    top: 100%;
    width: 2px;
    height: 1.25em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	  display: none !important;
  }

.seq .seq-tooltip {
    display: block;
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 0;
    padding: 0;
    background: rgba(0,0,0,0);
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: black;
    -webkit-transform: translateY(-30%) translateZ(0);
    -ms-transform: translateY(-30%) translateZ(0);
    transform: translateY(-30%) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    text-indent: -99999px;
    width: 200px;
	min-width: 200px;
    height: 40px;
}

  .seq.seq-touch .seq-tooltip {
    /* Don't show tooltips on touch devices */
    display: none;
  }

  .seq .seq-swipe {
    /* Hide the swipe indicator for large layout */
    display: none;
  }

  .seq .seq-feature {
    /* Position the feature on the right */
    left: auto;
    right: 0;
    height: auto;
    -webkit-transform: translateY(100%) translateZ(0);
    -ms-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
  }

  .seq .seq-feature > div {
    -webkit-transform: translateY(-80%) translateZ(0);
    -ms-transform: translateY(-80%) translateZ(0);
    transform: translateY(-80%) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
  }

  .seq .seq-content {
    -webkit-transform: translateY(100%) translateZ(0);
    -ms-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  .seq .seq-in {
    /* Animate in positions for content */
  }

  .seq .seq-in .seq-feature,
  .seq .seq-in .seq-feature > div,
  .seq .seq-in .seq-content {
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
  }

  .seq .seq-out {
    /* Animate out positions for content */
  }

  .seq .seq-out .seq-feature,
  .seq .seq-out .seq-feature > div {
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
  }

  .seq .seq-out .seq-content {
    -webkit-transform: translateY(-100%) translateZ(0);
    -ms-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0);
  }

  .seq.seq-reversed .seq-canvas > *:first-of-type,
  .seq.seq-reversed .seq-canvas > *:last-of-type {
    /* Delay the moveActiveStepToTop option until the step has moved out */
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-property: opacity, -webkit-transform, z-index !important;
    transition-property: opacity, transform, z-index !important;
  }

  .seq.seq-fallback {
    /* Styles for older browsers when in fallback mode */
  }

  .seq.seq-fallback .seq-nav {
    width: 1em;
    left: auto;
    margin-top: 0;
  }
}

@media only screen and (min-height: 400px) {
	  .seq .seq-next-button { bottom: 2em;}
	.seq-content h3 {padding: 10px 0 25px 0;}
	.seq-content h3 a img{min-height:130px;min-width: 130px; max-width: 130px;}
	.seq .seq-content h2 a{font-size:24px !important;line-height:26px !important}
	.seq .seq-content h2 {padding:0 !important}
	.seq .seq-content > div {padding: 0em 1em 2em 1em !important}
}

@media only screen and (min-width: 769px) and (min-height: 400px) {
	.seq .seq-content h2 { font-size: 2.25em;}
	.seq-content h3 {padding: 10px 0 25px 0;}
	.seq-content h3 a img{min-height:130px;min-width: 130px; max-width: 130px;}
	.seq .seq-content h2 a{font-size:24px !important;line-height:26px !important}
	.seq .seq-content h2 {padding:0 !important}
	.seq .seq-content > div {padding: 0em 1em 2em 1em !important}
}

@media only screen and (min-height: 520px) and (max-width: 768px) {
  /* Increase the height of the hero image in one-up layout */

  .seq .seq-nav {
    top: 0px;
	  overflow-x:hidden;
	  overflow-y:auto;
  }

  .seq .seq-feature {
    height: 200px;margin-top: 80px;
  }
	
	.seq-content h3 {padding: 10px 0 25px 0;}
	.seq-content h3 a img{min-height:130px;min-width: 130px; max-width: 130px;}
	.seq .seq-content h2 a{font-size:24px !important;line-height:26px !important}
	.seq .seq-content h2 {padding:0 !important}
	.seq .seq-content > div {padding: 0em 1em 2em 1em !important}
	.logo_bims{max-width: 100px}
}

@media only screen and (min-height: 620px) and (max-width: 768px) {
  /* Increase the height of the hero image in one-up layout */

  .seq .seq-nav {
    top: 0px;
  }

  .seq .seq-feature {
    height: 200px;margin-top: 80px;
  }
	.seq-content h3 {padding: 10px 0 25px 0;}
	.seq-content h3 a img{min-height:130px;min-width: 130px; max-width: 130px;}
	.seq .seq-content h2 a{font-size:24px !important;line-height:26px !important}
	.seq .seq-content h2 {padding:0 !important}
	.seq .seq-content > div {padding: 0em 1em 2em 1em !important}
	.logo_bims{max-width: 100px}
	}
/*# sourceMappingURL=sequence-theme.two-up.css.map */