@charset "UTF-8";
/*
INIT VENDOR
*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

input:focus,
textarea:focus, .checkbox input[type="checkbox"]:focus + span:before, .radio input[type="radio"]:focus + span:before {
  outline: none;
  box-shadow: 0 0 2px 2px #96c0e6; }

/********** Breakpoints **********/
/********** Modal **********/
/********** Grid **********/
/********** Off-Canvas **********/
.left, .chambre-onglet-details__triggers__trigger {
  float: left; }

.right {
  float: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

@media (min-width: 50em) {
  .md-text-left {
    text-align: left; }

  .md-text-center {
    text-align: center; }

  .md-text-right {
    text-align: right; } }
@media (min-width: 64em) {
  .lg-text-left {
    text-align: left; }

  .lg-text-center {
    text-align: center; }

  .lg-text-right {
    text-align: right; } }
.no-bullets {
  list-style: none;
  margin: 0;
  padding: 0; }

.clearfix:after, .row:after, .super-rwd-wrapper:after, .teasers__list:after, .main-aside:after, .bandeau-portraits__list:after, .teasers:after, .chambre-onglet-details__triggers:after, .activite-content__links:after {
  content: "";
  display: table;
  clear: both; }

.show-md {
  display: none; }
  @media (min-width: 50em) {
    .show-md {
      display: block; } }

.show-lg {
  display: none; }
  @media (min-width: 64em) {
    .show-lg {
      display: block; } }

@media (min-width: 50em) {
  .hide-md {
    display: none; } }

@media (min-width: 64em) {
  .hide-lg {
    display: none; } }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  width: 100%;
  height: 100%; }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.accordion dd {
  display: none; }
.accordion .accordion-panel--open {
  display: block; }

.dropdown-nav {
  list-style: none;
  margin: 0;
  padding: 0; }
  .dropdown-nav li {
    position: relative;
    float: left; }
    .dropdown-nav li ul {
      position: absolute;
      display: none;
      left: 0;
      list-style: none;
      margin: 0;
      padding: 0; }
    .dropdown-nav li:hover ul {
      display: block; }
    .dropdown-nav li .dropdown--open {
      display: block; }
  .dropdown-nav .dropdown-trigger--open:hover ul {
    display: block; }
  .dropdown-nav .click-setting:hover ul {
    display: none; }
  .dropdown-nav .click-setting:hover .dropdown--open {
    display: block; }

input,
textarea {
  /*	Use custom :focus %extend for all form elements
  	to keep the :focus style the same for custom ones */ }

.checkbox,
.radio {
  position: relative;
  padding-left: 1.25em; }
  .checkbox span:before,
  .radio span:before {
    content: "";
    position: absolute;
    left: 0;
    line-height: 1em;
    width: .813em;
    height: .813em;
    border: 1px solid black; }

.checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute; }
  .checkbox input[type="checkbox"]:checked + span:before {
    content: "✓"; }

.radio input[type="radio"] {
  opacity: 0;
  position: absolute; }
  .radio input[type="radio"]:checked + span:after {
    background: black; }
.radio span:after {
  content: "";
  position: absolute;
  top: .188em;
  left: .188em;
  width: .438em;
  height: .438em;
  border-radius: 50%; }
.radio span:before {
  border-radius: 50%; }

.sm-1 {
  width: 8.33333%; }

.sm-1-half {
  width: 12.5%; }

.sm-offset-1 {
  margin-left: 8.33333%; }

.sm-offset-1-half {
  margin-left: 12.5%; }

.sm-2 {
  width: 16.66667%; }

.sm-2-half {
  width: 20.83333%; }

.sm-offset-2 {
  margin-left: 16.66667%; }

.sm-offset-2-half {
  margin-left: 20.83333%; }

.sm-3 {
  width: 25%; }

.sm-3-half {
  width: 29.16667%; }

.sm-offset-3 {
  margin-left: 25%; }

.sm-offset-3-half {
  margin-left: 29.16667%; }

.sm-4 {
  width: 33.33333%; }

.sm-4-half {
  width: 37.5%; }

.sm-offset-4 {
  margin-left: 33.33333%; }

.sm-offset-4-half {
  margin-left: 37.5%; }

.sm-5 {
  width: 41.66667%; }

.sm-5-half {
  width: 45.83333%; }

.sm-offset-5 {
  margin-left: 41.66667%; }

.sm-offset-5-half {
  margin-left: 45.83333%; }

.sm-6 {
  width: 50%; }

.sm-6-half {
  width: 54.16667%; }

.sm-offset-6 {
  margin-left: 50%; }

.sm-offset-6-half {
  margin-left: 54.16667%; }

.sm-7 {
  width: 58.33333%; }

.sm-7-half {
  width: 62.5%; }

.sm-offset-7 {
  margin-left: 58.33333%; }

.sm-offset-7-half {
  margin-left: 62.5%; }

.sm-8 {
  width: 66.66667%; }

.sm-8-half {
  width: 70.83333%; }

.sm-offset-8 {
  margin-left: 66.66667%; }

.sm-offset-8-half {
  margin-left: 70.83333%; }

.sm-9 {
  width: 75%; }

.sm-9-half {
  width: 79.16667%; }

.sm-offset-9 {
  margin-left: 75%; }

.sm-offset-9-half {
  margin-left: 79.16667%; }

.sm-10 {
  width: 83.33333%; }

.sm-10-half {
  width: 87.5%; }

.sm-offset-10 {
  margin-left: 83.33333%; }

.sm-offset-10-half {
  margin-left: 87.5%; }

.sm-11 {
  width: 91.66667%; }

.sm-11-half {
  width: 95.83333%; }

.sm-offset-11 {
  margin-left: 91.66667%; }

.sm-offset-11-half {
  margin-left: 95.83333%; }

.sm-12, .super-rwd-wrapper__item, .teaser, .main-aside > *, .bandeau-portraits__list__item {
  width: 100%; }

.sm-12-half {
  width: 104.16667%; }

.sm-offset-12 {
  margin-left: 100%; }

.sm-offset-12-half {
  margin-left: 104.16667%; }

@media (min-width: 50em) {
  .md-1 {
    width: 8.33333%; }

  .md-1-half {
    width: 12.5%; }

  .md-offset-1 {
    margin-left: 8.33333%; }

  .md-offset-1-half {
    margin-left: 12.5%; }

  .md-2 {
    width: 16.66667%; }

  .md-2-half {
    width: 20.83333%; }

  .md-offset-2 {
    margin-left: 16.66667%; }

  .md-offset-2-half {
    margin-left: 20.83333%; }

  .md-3 {
    width: 25%; }

  .md-3-half {
    width: 29.16667%; }

  .md-offset-3 {
    margin-left: 25%; }

  .md-offset-3-half {
    margin-left: 29.16667%; }

  .md-4, .super-rwd-wrapper__item, .teaser, .main-aside > *, .bandeau-portraits__list__item {
    width: 33.33333%; }

  .md-4-half {
    width: 37.5%; }

  .md-offset-4 {
    margin-left: 33.33333%; }

  .md-offset-4-half {
    margin-left: 37.5%; }

  .md-5 {
    width: 41.66667%; }

  .md-5-half {
    width: 45.83333%; }

  .md-offset-5 {
    margin-left: 41.66667%; }

  .md-offset-5-half {
    margin-left: 45.83333%; }

  .md-6 {
    width: 50%; }

  .md-6-half {
    width: 54.16667%; }

  .md-offset-6 {
    margin-left: 50%; }

  .md-offset-6-half {
    margin-left: 54.16667%; }

  .md-7 {
    width: 58.33333%; }

  .md-7-half {
    width: 62.5%; }

  .md-offset-7 {
    margin-left: 58.33333%; }

  .md-offset-7-half {
    margin-left: 62.5%; }

  .md-8 {
    width: 66.66667%; }

  .md-8-half {
    width: 70.83333%; }

  .md-offset-8 {
    margin-left: 66.66667%; }

  .md-offset-8-half {
    margin-left: 70.83333%; }

  .md-9 {
    width: 75%; }

  .md-9-half {
    width: 79.16667%; }

  .md-offset-9 {
    margin-left: 75%; }

  .md-offset-9-half {
    margin-left: 79.16667%; }

  .md-10 {
    width: 83.33333%; }

  .md-10-half {
    width: 87.5%; }

  .md-offset-10 {
    margin-left: 83.33333%; }

  .md-offset-10-half {
    margin-left: 87.5%; }

  .md-11 {
    width: 91.66667%; }

  .md-11-half {
    width: 95.83333%; }

  .md-offset-11 {
    margin-left: 91.66667%; }

  .md-offset-11-half {
    margin-left: 95.83333%; }

  .md-12 {
    width: 100%; }

  .md-12-half {
    width: 104.16667%; }

  .md-offset-12 {
    margin-left: 100%; }

  .md-offset-12-half {
    margin-left: 104.16667%; } }
@media (min-width: 64em) {
  .lg-1 {
    width: 8.33333%; }

  .lg-1-half {
    width: 12.5%; }

  .lg-offset-1 {
    margin-left: 8.33333%; }

  .lg-offset-1-half {
    margin-left: 12.5%; }

  .lg-2 {
    width: 16.66667%; }

  .lg-2-half {
    width: 20.83333%; }

  .lg-offset-2 {
    margin-left: 16.66667%; }

  .lg-offset-2-half {
    margin-left: 20.83333%; }

  .lg-3 {
    width: 25%; }

  .lg-3-half {
    width: 29.16667%; }

  .lg-offset-3 {
    margin-left: 25%; }

  .lg-offset-3-half {
    margin-left: 29.16667%; }

  .lg-4, .super-rwd-wrapper__item, .teaser, .main-aside > *, .bandeau-portraits__list__item {
    width: 33.33333%; }

  .lg-4-half {
    width: 37.5%; }

  .lg-offset-4 {
    margin-left: 33.33333%; }

  .lg-offset-4-half {
    margin-left: 37.5%; }

  .lg-5 {
    width: 41.66667%; }

  .lg-5-half {
    width: 45.83333%; }

  .lg-offset-5 {
    margin-left: 41.66667%; }

  .lg-offset-5-half {
    margin-left: 45.83333%; }

  .lg-6 {
    width: 50%; }

  .lg-6-half {
    width: 54.16667%; }

  .lg-offset-6 {
    margin-left: 50%; }

  .lg-offset-6-half {
    margin-left: 54.16667%; }

  .lg-7 {
    width: 58.33333%; }

  .lg-7-half {
    width: 62.5%; }

  .lg-offset-7 {
    margin-left: 58.33333%; }

  .lg-offset-7-half {
    margin-left: 62.5%; }

  .lg-8 {
    width: 66.66667%; }

  .lg-8-half {
    width: 70.83333%; }

  .lg-offset-8 {
    margin-left: 66.66667%; }

  .lg-offset-8-half {
    margin-left: 70.83333%; }

  .lg-9 {
    width: 75%; }

  .lg-9-half {
    width: 79.16667%; }

  .lg-offset-9 {
    margin-left: 75%; }

  .lg-offset-9-half {
    margin-left: 79.16667%; }

  .lg-10 {
    width: 83.33333%; }

  .lg-10-half {
    width: 87.5%; }

  .lg-offset-10 {
    margin-left: 83.33333%; }

  .lg-offset-10-half {
    margin-left: 87.5%; }

  .lg-11 {
    width: 91.66667%; }

  .lg-11-half {
    width: 95.83333%; }

  .lg-offset-11 {
    margin-left: 91.66667%; }

  .lg-offset-11-half {
    margin-left: 95.83333%; }

  .lg-12 {
    width: 100%; }

  .lg-12-half {
    width: 104.16667%; }

  .lg-offset-12 {
    margin-left: 100%; }

  .lg-offset-12-half {
    margin-left: 104.16667%; } }
.sm-half {
  width: 4.16667%; }

.sm-offset-half {
  width: 4.16667%; }

@media (min-width: 50em) {
  .md-half {
    width: 4.16667%; }

  .md-offset-0 {
    margin: 0; }

  .md-offset-half {
    margin-left: 4.16667%; } }
@media (min-width: 64em) {
  .lg-half {
    width: 4.16667%; }

  .lg-offset-0 {
    margin-left: 0; }

  .lg-offset-half {
    margin-left: 4.16667%; } }
.has-gutter, .super-rwd-wrapper__item, .teaser, .main-aside > *, .bandeau-portraits__list__item {
  float: left;
  padding: 0 10px; }

.row .row .has-gutter, .super-rwd-wrapper .row .has-gutter, .teasers__list .row .has-gutter, .main-aside .row .has-gutter, .bandeau-portraits__list .row .has-gutter, .teasers .row .has-gutter, .row .super-rwd-wrapper .has-gutter, .super-rwd-wrapper .super-rwd-wrapper .has-gutter, .teasers__list .super-rwd-wrapper .has-gutter, .main-aside .super-rwd-wrapper .has-gutter, .bandeau-portraits__list .super-rwd-wrapper .has-gutter, .teasers .super-rwd-wrapper .has-gutter, .row .teasers__list .has-gutter, .super-rwd-wrapper .teasers__list .has-gutter, .teasers__list .teasers__list .has-gutter, .main-aside .teasers__list .has-gutter, .bandeau-portraits__list .teasers__list .has-gutter, .teasers .teasers__list .has-gutter, .row .main-aside .has-gutter, .super-rwd-wrapper .main-aside .has-gutter, .teasers__list .main-aside .has-gutter, .main-aside .main-aside .has-gutter, .bandeau-portraits__list .main-aside .has-gutter, .teasers .main-aside .has-gutter, .row .bandeau-portraits__list .has-gutter, .super-rwd-wrapper .bandeau-portraits__list .has-gutter, .teasers__list .bandeau-portraits__list .has-gutter, .main-aside .bandeau-portraits__list .has-gutter, .bandeau-portraits__list .bandeau-portraits__list .has-gutter, .teasers .bandeau-portraits__list .has-gutter, .row .teasers .has-gutter, .super-rwd-wrapper .teasers .has-gutter, .teasers__list .teasers .has-gutter, .main-aside .teasers .has-gutter, .bandeau-portraits__list .teasers .has-gutter, .teasers .teasers .has-gutter, .row .row .super-rwd-wrapper__item, .super-rwd-wrapper .row .super-rwd-wrapper__item, .teasers__list .row .super-rwd-wrapper__item, .main-aside .row .super-rwd-wrapper__item, .bandeau-portraits__list .row .super-rwd-wrapper__item, .teasers .row .super-rwd-wrapper__item, .row .super-rwd-wrapper .super-rwd-wrapper__item, .super-rwd-wrapper .super-rwd-wrapper .super-rwd-wrapper__item, .teasers__list .super-rwd-wrapper .super-rwd-wrapper__item, .main-aside .super-rwd-wrapper .super-rwd-wrapper__item, .bandeau-portraits__list .super-rwd-wrapper .super-rwd-wrapper__item, .teasers .super-rwd-wrapper .super-rwd-wrapper__item, .row .teasers__list .super-rwd-wrapper__item, .super-rwd-wrapper .teasers__list .super-rwd-wrapper__item, .teasers__list .teasers__list .super-rwd-wrapper__item, .main-aside .teasers__list .super-rwd-wrapper__item, .bandeau-portraits__list .teasers__list .super-rwd-wrapper__item, .teasers .teasers__list .super-rwd-wrapper__item, .row .main-aside .super-rwd-wrapper__item, .super-rwd-wrapper .main-aside .super-rwd-wrapper__item, .teasers__list .main-aside .super-rwd-wrapper__item, .main-aside .main-aside .super-rwd-wrapper__item, .bandeau-portraits__list .main-aside .super-rwd-wrapper__item, .teasers .main-aside .super-rwd-wrapper__item, .row .bandeau-portraits__list .super-rwd-wrapper__item, .super-rwd-wrapper .bandeau-portraits__list .super-rwd-wrapper__item, .teasers__list .bandeau-portraits__list .super-rwd-wrapper__item, .main-aside .bandeau-portraits__list .super-rwd-wrapper__item, .bandeau-portraits__list .bandeau-portraits__list .super-rwd-wrapper__item, .teasers .bandeau-portraits__list .super-rwd-wrapper__item, .row .teasers .super-rwd-wrapper__item, .super-rwd-wrapper .teasers .super-rwd-wrapper__item, .teasers__list .teasers .super-rwd-wrapper__item, .main-aside .teasers .super-rwd-wrapper__item, .bandeau-portraits__list .teasers .super-rwd-wrapper__item, .teasers .teasers .super-rwd-wrapper__item, .row .row .teaser, .super-rwd-wrapper .row .teaser, .teasers__list .row .teaser, .main-aside .row .teaser, .bandeau-portraits__list .row .teaser, .teasers .row .teaser, .row .super-rwd-wrapper .teaser, .super-rwd-wrapper .super-rwd-wrapper .teaser, .teasers__list .super-rwd-wrapper .teaser, .main-aside .super-rwd-wrapper .teaser, .bandeau-portraits__list .super-rwd-wrapper .teaser, .teasers .super-rwd-wrapper .teaser, .row .teasers__list .teaser, .super-rwd-wrapper .teasers__list .teaser, .teasers__list .teasers__list .teaser, .main-aside .teasers__list .teaser, .bandeau-portraits__list .teasers__list .teaser, .teasers .teasers__list .teaser, .row .main-aside .teaser, .super-rwd-wrapper .main-aside .teaser, .teasers__list .main-aside .teaser, .main-aside .main-aside .teaser, .bandeau-portraits__list .main-aside .teaser, .teasers .main-aside .teaser, .row .bandeau-portraits__list .teaser, .super-rwd-wrapper .bandeau-portraits__list .teaser, .teasers__list .bandeau-portraits__list .teaser, .main-aside .bandeau-portraits__list .teaser, .bandeau-portraits__list .bandeau-portraits__list .teaser, .teasers .bandeau-portraits__list .teaser, .row .teasers .teaser, .super-rwd-wrapper .teasers .teaser, .teasers__list .teasers .teaser, .main-aside .teasers .teaser, .bandeau-portraits__list .teasers .teaser, .teasers .teasers .teaser, .row .row .main-aside > *, .super-rwd-wrapper .row .main-aside > *, .teasers__list .row .main-aside > *, .main-aside .row .main-aside > *, .bandeau-portraits__list .row .main-aside > *, .teasers .row .main-aside > *, .row .super-rwd-wrapper .main-aside > *, .super-rwd-wrapper .super-rwd-wrapper .main-aside > *, .teasers__list .super-rwd-wrapper .main-aside > *, .main-aside .super-rwd-wrapper .main-aside > *, .bandeau-portraits__list .super-rwd-wrapper .main-aside > *, .teasers .super-rwd-wrapper .main-aside > *, .row .teasers__list .main-aside > *, .super-rwd-wrapper .teasers__list .main-aside > *, .teasers__list .teasers__list .main-aside > *, .main-aside .teasers__list .main-aside > *, .bandeau-portraits__list .teasers__list .main-aside > *, .teasers .teasers__list .main-aside > *, .row .main-aside > *, .super-rwd-wrapper .main-aside > *, .teasers__list .main-aside > *, .main-aside .main-aside > *, .bandeau-portraits__list .main-aside > *, .teasers .main-aside > *, .row .bandeau-portraits__list .main-aside > *, .super-rwd-wrapper .bandeau-portraits__list .main-aside > *, .teasers__list .bandeau-portraits__list .main-aside > *, .main-aside .bandeau-portraits__list .main-aside > *, .bandeau-portraits__list .bandeau-portraits__list .main-aside > *, .teasers .bandeau-portraits__list .main-aside > *, .row .teasers .main-aside > *, .super-rwd-wrapper .teasers .main-aside > *, .teasers__list .teasers .main-aside > *, .main-aside .teasers .main-aside > *, .bandeau-portraits__list .teasers .main-aside > *, .teasers .teasers .main-aside > *, .row .row .bandeau-portraits__list__item, .super-rwd-wrapper .row .bandeau-portraits__list__item, .teasers__list .row .bandeau-portraits__list__item, .main-aside .row .bandeau-portraits__list__item, .bandeau-portraits__list .row .bandeau-portraits__list__item, .teasers .row .bandeau-portraits__list__item, .row .super-rwd-wrapper .bandeau-portraits__list__item, .super-rwd-wrapper .super-rwd-wrapper .bandeau-portraits__list__item, .teasers__list .super-rwd-wrapper .bandeau-portraits__list__item, .main-aside .super-rwd-wrapper .bandeau-portraits__list__item, .bandeau-portraits__list .super-rwd-wrapper .bandeau-portraits__list__item, .teasers .super-rwd-wrapper .bandeau-portraits__list__item, .row .teasers__list .bandeau-portraits__list__item, .super-rwd-wrapper .teasers__list .bandeau-portraits__list__item, .teasers__list .teasers__list .bandeau-portraits__list__item, .main-aside .teasers__list .bandeau-portraits__list__item, .bandeau-portraits__list .teasers__list .bandeau-portraits__list__item, .teasers .teasers__list .bandeau-portraits__list__item, .row .main-aside .bandeau-portraits__list__item, .super-rwd-wrapper .main-aside .bandeau-portraits__list__item, .teasers__list .main-aside .bandeau-portraits__list__item, .main-aside .main-aside .bandeau-portraits__list__item, .bandeau-portraits__list .main-aside .bandeau-portraits__list__item, .teasers .main-aside .bandeau-portraits__list__item, .row .bandeau-portraits__list .bandeau-portraits__list__item, .super-rwd-wrapper .bandeau-portraits__list .bandeau-portraits__list__item, .teasers__list .bandeau-portraits__list .bandeau-portraits__list__item, .main-aside .bandeau-portraits__list .bandeau-portraits__list__item, .bandeau-portraits__list .bandeau-portraits__list .bandeau-portraits__list__item, .teasers .bandeau-portraits__list .bandeau-portraits__list__item, .row .teasers .bandeau-portraits__list__item, .super-rwd-wrapper .teasers .bandeau-portraits__list__item, .teasers__list .teasers .bandeau-portraits__list__item, .main-aside .teasers .bandeau-portraits__list__item, .bandeau-portraits__list .teasers .bandeau-portraits__list__item, .teasers .teasers .bandeau-portraits__list__item {
  padding: 0; }

.modal {
  display: none; }

.modal-open {
  display: block;
  position: fixed;
  z-index: 1;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 100%;
  background: #fff; }
  @media (min-width: 50em) {
    .modal-open {
      width: 50%; } }

.modal-bg:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5; }

.off-canvas-contain {
  position: relative; }
  .off-canvas-contain .off-canvas-left {
    left: -17.5em;
    transition: left .3s ease; }
  .off-canvas-contain .off-canvas-right {
    right: -17.5em;
    transition: right .3s ease; }
  .off-canvas-contain.off-canvas--open-left .off-canvas-left {
    left: 0; }
    .off-canvas-contain.off-canvas--open-left .off-canvas-left ~ .off-canvas-content {
      left: 17.5em;
      right: auto; }
  .off-canvas-contain.off-canvas--open-right .off-canvas-right {
    right: 0; }
    .off-canvas-contain.off-canvas--open-right .off-canvas-right ~ .off-canvas-content {
      left: -17.5em;
      right: 17.5em; }

.off-canvas-left,
.off-canvas-right {
  position: fixed;
  top: 0;
  width: 17.5em;
  height: 100%;
  transform: translateZ(0); }

.off-canvas-content {
  position: relative;
  left: 0;
  right: 0;
  transition: left .3s ease, right .3s ease; }

.tabs-panels > li {
  display: none; }
.tabs-panels .tab-panel--open {
  display: block; }

.toggle {
  display: none; }

.toggle-shown {
  display: block; }

/*
INIT HOME 
*/
ul {
  list-style: none; }

ul, ol, p, h1, h2, h3, h4, h5, h6, dd, dt {
  margin: 0;
  padding: 0;
  font-weight: normal; }

a {
  text-decoration: none; }

a {
  color: inherit; }

p a {
  text-decoration: underline; }

/*
Document   : mixin
Created on : 19 nov. 2013, 18:20:54
Author     : starsky
Description:
Purpose of the stylesheet follows.
*/
/* 
TRANSITION
*/
/* 

EFFETS OMBRE

*/
/* 

ROTATE

*/
/* 

FLUX

*/
/* 

BTNS

*/
/* 

ICO PLUS


*/
/* 
BREAKPOINT
*/
/* 
*
*
* PERMET DE RECUPERER DES MEDIAS QUERY EN JS
* (attribut un terme à chaque bp pour être récupéré ensuite en js)
*
*/
body:before {
  display: block;
  position: absolute;
  opacity: 0;
  z-index: -1; }
@media (max-width: 479px) {
  body:before {
    content: 'mq-micro'; } }
@media only screen and (min-width: 481px) {
  body:before {
    content: 'mq-small'; } }
@media only screen and (min-width: 768px) {
  body:before {
    content: 'mq-medium'; } }
@media only screen and (min-width: 860px) {
  body:before {
    content: 'mq-mediumbig'; } }
@media only screen and (min-width: 1024px) {
  body:before {
    content: 'mq-big'; } }
@media only screen and (min-width: 1200px) {
  body:before {
    content: 'mq-verybig'; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body:before {
    content: 'mq-iphone'; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body:before {
    content: 'mq-ipad'; } }

/* 

DEBUG DEBUG DEBUG
AFFICHAGE MESSAGE TAILLE ECRAN

*/
/*  body {
          @include bp (micro) {
              @include debugmessage("Breakpoint : micro <480 = max width:479px","blue");
          }
          @include bp(small) {
              @include debugmessage("Breakpoint : small 30em = min-width:480px","yellow");
          }
          @include bp(medium) {
              @include debugmessage("Breakpoint : medium 48em = min-width:768px","green");
          }
          @include bp(mediumbig) {
              @include debugmessage("Breakpoint : mediumbig = min-width:860px","purple");
          }
          @include bp(big) {
              @include debugmessage("Breakpoint : big 64em = min-width:1024px","olive");
          }
          @include bp(verybig) {
              @include debugmessage("Breakpoint : verybig 85em = min-width:1200px","cyan");
          }
          @include bp(iphone) {
              @include debugmessage("Breakpoint : iphone","grey");
          }
          @include bp(ipad) {
              @include debugmessage("Breakpoint : ipad","green");
          }
      }
*/
@font-face {
  font-family: 'Brandon Grotesque Bold';
  src: url("../font/brandongrotesque-bold-webfont.eot");
  src: url("../font/brandongrotesque-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/brandongrotesque-bold-webfont.woff") format("woff"), url("../font/brandongrotesque-bold-webfont.ttf") format("truetype"), url("../font/brandongrotesque-bold-webfont.svg#brandon_grotesquebold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Brandon Grotesque Regular';
  src: url("../font/brandongrotesque-regular-webfont.eot");
  src: url("../font/brandongrotesque-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/brandongrotesque-regular-webfont.woff") format("woff"), url("../font/brandongrotesque-regular-webfont.ttf") format("truetype"), url("../font/brandongrotesque-regular-webfont.svg#brandon_grotesque_regularRg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gooddog Regular';
  src: url("../font/gooddog-webfont.eot");
  src: url("../font/gooddog-webfont.eot?#iefix") format("embedded-opentype"), url("../font/gooddog-webfont.woff") format("woff"), url("../font/gooddog-webfont.ttf") format("truetype"), url("../font/gooddog-webfont.svg#gooddogregular") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em; }

.credit-studiohavana, .top-contact-menu, .main-menu__menuitem__submenu, .hamburger-menu__menu, .hamburger-menu__button, .last-news__news__title, .bloc-contact__info, .contact-form__form, .chambre-onglet-details__content__content, .last-news__news__date, .chambre-content, .activite-content, .contact-content, .le-gite-content, .basic-content, .teaser__excerpt, .actualite__excerpt, .actualite__content, .activites .__title, .partenaires-list .__title, .teaser__title, .contact-form__title, .activites .__bloc__title, .partenaires-list .__bloc__title, .actualite__title, .diaporama__text__1, .teasers .__maintitle, .teasers_title, .bandeau-portraits__title, .chambre-header [class$="__title"], .activite-header [class$="__title"], .actualites-header [class$="__title"], .actualite-header [class$="__title"], .contact-header [class$="__title"], .partenaires-header [class$="__title"], .le-gite-header [class$="__title"], .activites-header [class$="__title"], .basic-header [class$="__title"] {
  font-family: "Brandon Grotesque Bold", sans-serif;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  font-weight: normal;
  line-height: 1.5; }

.chambre-content b, .activite-content b, .contact-content b, .le-gite-content b, .basic-content b, .chambre-onglet-details__content__content b, .actualite__content b, .chambre-content strong, .activite-content strong, .contact-content strong, .le-gite-content strong, .basic-content strong, .chambre-onglet-details__content__content strong, .actualite__content strong, .chambre-onglet-details__content__content a {
  font-family: "Brandon Grotesque Bold", sans-serif; }

.credit-studiohavana {
  font-size: 15px; }

.top-contact-menu, .main-menu__menuitem__submenu, .hamburger-menu__menu, .hamburger-menu__button, .last-news__news__title, .bloc-contact__info, .contact-form__form, .chambre-onglet-details__content__content, .last-news__news__date {
  font-size: 20px; }

.chambre-content, .activite-content, .contact-content, .le-gite-content, .basic-content, .teaser__excerpt, .actualite__excerpt, .actualite__content {
  font-size: 24px; }

.activites .__title, .partenaires-list .__title, .teaser__title, .contact-form__title {
  font-size: 30px; }

.activites .__bloc__title, .partenaires-list .__bloc__title, .actualite__title, .diaporama__text__1 {
  font-size: 36px; }

.teasers .__maintitle, .teasers_title, .bandeau-portraits__title, .chambre-header [class$="__title"], .activite-header [class$="__title"], .actualites-header [class$="__title"], .actualite-header [class$="__title"], .contact-header [class$="__title"], .partenaires-header [class$="__title"], .le-gite-header [class$="__title"], .activites-header [class$="__title"], .basic-header [class$="__title"] {
  font-size: 40px; }

.top-contact-menu {
  color: #055C78; }

.activites .__title, .partenaires-list .__title, .teaser__title, .contact-form__title {
  color: #9C301D; }

.activites .__title, .partenaires-list .__title, .teaser__title {
  text-transform: uppercase; }

.teasers .__maintitle, .teasers_title, .bandeau-portraits__title, .chambre-header [class$="__title"], .activite-header [class$="__title"], .actualites-header [class$="__title"], .actualite-header [class$="__title"], .contact-header [class$="__title"], .partenaires-header [class$="__title"], .le-gite-header [class$="__title"], .activites-header [class$="__title"], .basic-header [class$="__title"] {
  color: #055C78; }

.teasers .__maintitle, .teasers_title, .bandeau-portraits__title {
  text-transform: uppercase; }

.activites .__bloc__title, .partenaires-list .__bloc__title, .actualite__title {
  color: #fff; }

.main-menu__menuitem__submenu, .hamburger-menu__menu, .hamburger-menu__button {
  color: #fff; }

.last-news__news__title, .bloc-contact__info, .contact-form__form {
  color: #9C301D; }

.credit-studiohavana {
  color: #fff; }

.chambre-onglet-details__content__content, .last-news__news__date {
  color: #fff;
  font-family: "Brandon Grotesque Regular", sans-serif;
  line-height: 25px; }

.chambre-content, .activite-content, .contact-content, .le-gite-content, .basic-content, .teaser__excerpt, .actualite__excerpt, .actualite__content {
  color: #fff;
  font-family: "Brandon Grotesque Regular", sans-serif;
  line-height: 25px; }

.chambre-onglet-details__content__content {
  color: #055C78; }

.last-news__news__date {
  color: #432521; }

.main-menu__menuitem__submenu, .hamburger-menu__menu {
  text-transform: uppercase; }

.activites .__bloc__link, .partenaires-list .__bloc__link, .teaser__more, .back-button, .actualite__more, .chambre-header [class$="__subtitle"], .activite-header [class$="__subtitle"], .actualites-header [class$="__subtitle"], .actualite-header [class$="__subtitle"], .contact-header [class$="__subtitle"], .partenaires-header [class$="__subtitle"], .le-gite-header [class$="__subtitle"], .activites-header [class$="__subtitle"], .basic-header [class$="__subtitle"], .bandeau-baseline, .partners-button, .main-menu__menuitem, .chambre-onglet-details__triggers, .chambre-onglet-details__content__title, .bandeau-portraits__list__item__title, .main-aside > * > h1, .actualite__patch-date__day-mouth, .actualite__patch-date__year {
  font-family: "GoodDog Regular", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; }

.activites .__bloc__link, .partenaires-list .__bloc__link, .teaser__more, .back-button, .actualite__more, .chambre-header [class$="__subtitle"], .activite-header [class$="__subtitle"], .actualites-header [class$="__subtitle"], .actualite-header [class$="__subtitle"], .contact-header [class$="__subtitle"], .partenaires-header [class$="__subtitle"], .le-gite-header [class$="__subtitle"], .activites-header [class$="__subtitle"], .basic-header [class$="__subtitle"], .bandeau-baseline {
  color: #9C301D; }

.partners-button, .main-menu__menuitem, .chambre-onglet-details__triggers, .chambre-onglet-details__content__title, .bandeau-portraits__list__item__title {
  color: #fff; }

.main-aside > * > h1, .actualite__patch-date__day-mouth, .actualite__patch-date__year {
  color: #055C78; }

.partners-button, .main-menu__menuitem, .chambre-onglet-details__triggers, .chambre-onglet-details__content__title, .activites .__bloc__link, .partenaires-list .__bloc__link, .teaser__more, .back-button, .actualite__more {
  font-size: 35px;
  line-height: 1.2;
  letter-spacing: 1px; }

.chambre-header [class$="__subtitle"], .activite-header [class$="__subtitle"], .actualites-header [class$="__subtitle"], .actualite-header [class$="__subtitle"], .contact-header [class$="__subtitle"], .partenaires-header [class$="__subtitle"], .le-gite-header [class$="__subtitle"], .activites-header [class$="__subtitle"], .basic-header [class$="__subtitle"], .main-aside > * > h1 {
  font-size: 47px;
  line-height: 0.8;
  letter-spacing: 1px; }

.actualite__patch-date__day-mouth {
  font-size: 29px;
  line-height: 0.8;
  letter-spacing: 1px; }

.actualite__patch-date__year {
  font-size: 49px;
  line-height: 0.8;
  letter-spacing: 1px; }

.bandeau-portraits__list__item__title {
  font-size: 47px;
  line-height: 1.2;
  letter-spacing: 1px; }

.footer {
  font-family: "Brandon Grotesque Bold", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1.2;
  text-decoration: none; }

.footer {
  color: #fff; }

.activites .__bloc__title, .partenaires-list .__bloc__title, .actualite__title, .diaporama__text__1 {
  font-family: "Brandon Grotesque Bold", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-variant: normal;
  line-height: 1.278;
  text-decoration: none;
  text-indent: 0px; }

.diaporama__text__1 {
  color: #c8cfab; }

.last-news__news__title, .bloc-contact__info, .contact-form__form {
  color: #9C301D; }

.main-menu__menuitem__submenu, .hamburger-menu__menu, .hamburger-menu__button {
  color: #fff; }

/*
COMMONS
*/
/*%background-white-map {
    background: url(../../img/bg/bg-frontpage-lagence.jpg) no-repeat center center;
    background-size: cover;
}

%background-orange-log {
    background: url(../../img/bg/bg-bandeau-video.jpg) no-repeat center center;
    background-size: cover;
}

%background-blue-paper {
    background: $avbt-light-blue url('../img/texture/pattern2.png');
    text-align: center;
    padding-top: 60px;
    padding-bottom:80px;
}*/
.chambre-header, .activite-header, .actualites-header, .actualite-header, .contact-header, .partenaires-header, .le-gite-header, .activites-header, .basic-header, .chambre-onglet-details, .contact-form, .bandeau-accueil, .bandeau-baseline {
  background: url("../img/patterns/pattern9-papier.jpg"); }

.mobile .chambre-header, .mobile .activite-header, .mobile .actualites-header, .mobile .actualite-header, .mobile .contact-header, .mobile .partenaires-header, .mobile .le-gite-header, .mobile .activites-header, .mobile .basic-header, .mobile .chambre-onglet-details, .mobile .contact-form, .mobile .bandeau-accueil, .mobile .bandeau-baseline {
  background: #F5F2EB; }

.activites, .partenaires-list, .actualites-list {
  background: url("../img/patterns/pattern8-carton.jpg");
  position: relative; }

.chambre-content, .activite-content, .contact-content, .le-gite-content, .basic-content, .teasers, .main-menu, .main-menu-logo, .bandeau-portraits {
  background: url("../img/patterns/pattern8-carton.jpg");
  position: relative; }
  .chambre-content:before, .activite-content:before, .contact-content:before, .le-gite-content:before, .basic-content:before, .teasers:before, .main-menu:before, .bandeau-portraits:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    height: 2px;
    width: 100%;
    background-color: white; }
  .chambre-content:after, .activite-content:after, .contact-content:after, .le-gite-content:after, .basic-content:after, .teasers:after, .main-menu:after, .bandeau-portraits:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 7px;
    height: 2px;
    width: 100%;
    background-color: white; }

.mobile .chambre-content, .mobile .activite-content, .mobile .contact-content, .mobile .le-gite-content, .mobile .basic-content, .mobile .teasers, .mobile .main-menu, .mobile .bandeau-portraits {
  background: #D2AE90; }

.main-menu, .main-menu-logo {
  text-align: center; }

.main-menu > li {
  vertical-align: middle;
  position: relative; }

.main-menu > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 99; }

.main-menu > li:hover > ul {
  display: block; }

.teasers .__list__item__img, .activites .__bloc__thumbnail, .partenaires-list .__bloc__thumbnail, .teaser__thumbnail, .bandeau-portraits__list__item__img {
  border: 10px solid #fff;
  border-radius: 50%; }

.chambre-header, .activite-header, .actualites-header, .actualite-header, .contact-header, .partenaires-header, .le-gite-header, .activites-header, .basic-header {
  text-align: center;
  padding: 65px 0; }
  .chambre-header [class$="__title"], .activite-header [class$="__title"], .actualites-header [class$="__title"], .actualite-header [class$="__title"], .contact-header [class$="__title"], .partenaires-header [class$="__title"], .le-gite-header [class$="__title"], .activites-header [class$="__title"], .basic-header [class$="__title"] {
    line-height: 1;
    text-transform: uppercase; }
  .chambre-header [class$="__subtitle"], .activite-header [class$="__subtitle"], .actualites-header [class$="__subtitle"], .actualite-header [class$="__subtitle"], .contact-header [class$="__subtitle"], .partenaires-header [class$="__subtitle"], .le-gite-header [class$="__subtitle"], .activites-header [class$="__subtitle"], .basic-header [class$="__subtitle"] {
    line-height: 1; }

.chambre-content, .activite-content, .contact-content, .le-gite-content, .basic-content {
  padding: 120px 0; }
  .chambre-content [class$="__content"], .activite-content [class$="__content"], .contact-content [class$="__content"], .le-gite-content [class$="__content"], .basic-content [class$="__content"] {
    width: 90%;
    max-width: 890px;
    margin: 0 auto;
    text-align: center;
    position: relative; }

.chambre-content ul, .activite-content ul, .contact-content ul, .le-gite-content ul, .basic-content ul, .chambre-onglet-details__content__content ul, .actualite__content ul {
  list-style: disc inside none; }
.chambre-content ol, .activite-content ol, .contact-content ol, .le-gite-content ol, .basic-content ol, .chambre-onglet-details__content__content ol, .actualite__content ol {
  list-style: decimal inside none; }
.chambre-content a, .activite-content a, .contact-content a, .le-gite-content a, .basic-content a, .chambre-onglet-details__content__content a, .actualite__content a {
  color: #9C301D;
  text-decoration: none; }
.chambre-content a:hover, .activite-content a:hover, .contact-content a:hover, .le-gite-content a:hover, .basic-content a:hover, .chambre-onglet-details__content__content a:hover, .actualite__content a:hover {
  text-decoration: underline; }

.teasers .__list__item__img, .teaser__thumbnail, .bandeau-portraits__list__item__img {
  width: 80%;
  height: 80%;
  max-width: 310px;
  max-height: 310px; }

.teasers {
  text-align: center;
  padding: 66px 0; }
  .teasers .__maintitle {
    line-height: 1; }
  .teasers .__list__item {
    display: inline-block;
    margin-top: 66px; }
  .teasers .__list__item > * {
    display: block;
    margin: 0 auto; }

.activites, .partenaires-list {
  text-align: center;
  padding: 66px 0; }
  .activites:after, .partenaires-list:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: white; }
  .activites .__bloc > *, .partenaires-list .__bloc > * {
    display: block;
    margin: 0 auto; }
  .activites .__bloc, .partenaires-list .__bloc {
    display: block;
    margin-top: 66px; }
    @media only screen and (min-width: 1024px) {
      .activites .__bloc, .partenaires-list .__bloc {
        display: inline-block; } }
    @media only screen and (min-width: 1200px) {
      .activites .__bloc, .partenaires-list .__bloc {
        padding: 0 40px; } }
  .activites .__bloc__thumbnail, .partenaires-list .__bloc__thumbnail {
    width: 80%;
    height: 80%;
    max-width: 310px; }
    @media only screen and (min-width: 1200px) {
      .activites .__bloc__thumbnail, .partenaires-list .__bloc__thumbnail {
        width: 100%; } }
  .activites .__bloc__title, .partenaires-list .__bloc__title {
    margin-top: 23px; }
  .activites a:hover .__bloc__link, .partenaires-list a:hover .__bloc__link {
    color: #055C78; }

.super-rwd-wrapper, .teasers__list, .main-aside, .bandeau-portraits__list {
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 64em) {
    .super-rwd-wrapper, .teasers__list, .main-aside, .bandeau-portraits__list {
      width: 64em; } }
  @media (min-width: 1350px) {
    .super-rwd-wrapper, .teasers__list, .main-aside, .bandeau-portraits__list {
      width: 1350px; } }

.super-rwd-wrapper__item > *, .teaser > *, .main-aside > * > *, .bandeau-portraits__list__item > * {
  display: block;
  margin: 0 auto; }

.main-aside > * {
  margin-top: 66px;
  text-align: center; }
  @media (min-width: 768px) {
    .main-aside > * {
      margin-top: 36px; } }
  .main-aside > * > ul > li {
    margin-top: 13px; }
    @media (min-width: 768px) {
      .main-aside > * > ul > li {
        margin-top: 23px; } }

.partners-button {
  padding: 5px 42px 8px 42px;
  border-radius: 10px;
  background-color: #9C301D;
  transition: background-color 0.2s ease;
  display: inline; }
  .partners-button:hover {
    background-color: #055C78; }
  .partners-button:hover a {
    text-decoration: none; }

.activites .__bloc__link, .partenaires-list .__bloc__link, .last-news__news__title a, .bloc-contact a, .back-button, .actualite__more {
  color: #9C301D;
  transition: color 0.2s ease; }
  .activites .__bloc__link:hover, .partenaires-list .__bloc__link:hover, .last-news__news__title a:hover, .bloc-contact a:hover, .back-button:hover, .actualite__more:hover {
    color: #055C78; }

.slides {
  position: relative; }

.slides .slides-container {
  display: none; }

.slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%; }

.slides .scrollable:after {
  content: "";
  display: table;
  clear: both; }

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
  max-width: 1024px; }
  @media only screen and (min-width: 1024px) {
    .slides-navigation {
      position: absolute;
      left: 50%;
      margin-left: -512px; } }

.slides-navigation a {
  display: none; }

.slides:hover .slides-navigation a,
.js-slides-modal:hover .slides-navigation a {
  display: inline; }

.slides .slides-navigation a.prev {
  padding-left: 23px; }

.slides .slides-navigation a.next {
  padding-right: 23px;
  float: right; }

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%; }

.slides-pagination a {
  border: 2px solid #fff;
  border-radius: 15px;
  width: 20px;
  height: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 4px;
  overflow: hidden;
  text-indent: -150%;
  margin-bottom: 27px; }

.slides-pagination a.current {
  background: #9C301D; }

/*
BEM BLOC
*/
.diaporama {
  height: 792px;
  position: relative; }

.modal .diaporama {
  height: 550px;
  position: relative; }

.diaporama__text {
  position: absolute;
  width: 350px;
  left: 50%;
  margin-left: -400px;
  top: 33px;
  z-index: 100; }

.diaporama__text__1 {
  display: block; }

.diaporama__text__2 {
  display: block; }

.main-menu-logo {
  height: 286px;
  padding: 38px 0; 
  margin-bottom: 0;}

.main-menu {
  height: 130px;
  padding: 38px 0; }

.main-menu a:hover {
  text-decoration: none; }

.main-menu__menuitem {
  text-transform: lowercase;
  padding: 5px 42px 8px 42px;
  margin: 0 27px;
  border-radius: 10px;
  background-color: #9C301D;
  transition: background-color 0.2s ease;
  display: none; }
  @media only screen and (min-width: 1200px) {
    .main-menu__menuitem {
      display: inline-block; } }

.main-menu__menuitem:first-child {
  margin-left: 0; }

.main-menu__menuitem:last-child {
  margin-right: 0; }

.main-menu__menuitem:hover {
  background-color: #055C78; }

.main-menu__menuitem_state_current {
  background-color: #055C78; }

.main-menu__menuitem_logo {
  padding: 0;
  background-color: inherit;
  display: inline-block; }

.main-menu__menuitem_logo:hover {
  background-color: inherit; }

.main-menu__menuitem > ul {
  left: 0; }

.main-menu__menuitem + .main-menu__menuitem > ul {
  right: 0;
  left: inherit; }

.main-menu__menuitem__submenu {
  text-align: left;
  background-color: #055C78;
  border-radius: 10px;
  padding: 12px 22px 22px 20px;
  width: 376px;
  margin-top: 10px; }

.main-menu__menuitem__submenu__menuitem:hover {
  opacity: .38; }

.teasers_title {
  line-height: 1; }

.teaser {
  margin-top: 40px; }

.teaser__title {
  margin-top: 23px; }

.teaser__excerpt {
  width: 95%;
  max-width: 400px; }

.teaser__more {
  transition: color 0.2s ease; }

.teaser:hover .teaser__more {
  text-decoration: none;
  color: #055C78; }

.main-aside {
  text-align: center;
  padding: 50px 0 100px 0; }

.last-news__news__title {
  text-transform: uppercase; }

.bloc-contact__phone {
  background: url("../img/telephone.png") no-repeat center top;
  padding-top: 58px; }

.bloc-contact__email {
  background: url("../img/email.png") no-repeat center top;
  padding-top: 35px; }

.bloc-contact__adresse {
  background: url("../img/adresse.png") no-repeat center top;
  padding-top: 47px; }

.chambre-onglet-details {
  padding: 108px 0; }

.chambre-onglet-details__triggers {
  width: 95%;
  max-width: 890px;
  margin: 0 auto;
  display: none; }
  @media (max-width: 640px) {
    .chambre-onglet-details__triggers {
      font-size: 30px; } }
  @media (min-width: 580px) {
    .chambre-onglet-details__triggers {
      display: block; } }

.chambre-onglet-details__triggers__trigger {
  width: 33.3333%;
  padding-right: 10px; }

.chambre-onglet-details__triggers__trigger:last-child {
  padding-right: 0; }

.chambre-onglet-details__triggers__trigger a {
  text-align: center;
  width: 100%;
  display: block;
  background-color: #9C301D;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.chambre-onglet-details__triggers__trigger.tab-trigger--open a {
  color: #055C78;
  background-color: #fff; }

.chambre-onglet-details__content {
  width: 95%;
  max-width: 890px;
  margin: 0 auto; }

@media (max-width: 479px) {
  .chambre-onglet-details__content {
    display: block !important; } }
@media (min-width: 580px) {
  .chambre-onglet-details__content {
    display: none; } }

.chambre-onglet-details__content__title {
  display: block;
  background-color: #9C301D;
  text-align: center;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 10px; }
  @media (min-width: 580px) {
    .chambre-onglet-details__content__title {
      display: none; } }

.chambre-onglet-details__content__content {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 43px;
  padding-left: 5%;
  padding-right: 5%; }
  .chambre-onglet-details__content__content a {
    color: #055C78; }

.activite-content {
  text-align: center; }

.activite-content__links {
  margin: 0 auto;
  width: 90%;
  max-width: 890px;
  margin-top: 66px; }
  .activite-content__links .first, .activite-content__links .partners-button {
    float: left; }
  .activite-content__links .second, .activite-content__links .back-button {
    float: right; }
  @media (max-width: 479px) {
    .activite-content__links .first, .activite-content__links .partners-button, .activite-content__links .second, .activite-content__links .back-button {
      display: block;
      margin: 0 auto;
      float: none; } }

.partners-button a {
  color: #fff; }

.actualite {
  padding-bottom: 90px;
  text-align: center; }

.actualite > * {
  display: block;
  margin: 0 auto; }

.actualite__patch-date {
  background: none;
  display: inline-block;
  background: #F5F2EB;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: -67px;
  z-index: 9;
  padding: 23px 0 0 0; }
  @media (min-width: 768px) {
    .actualite__patch-date {
      background: url("../img/date.png") center top no-repeat;
      padding: 110px 0 0 0;
      width: 194px;
      height: 191px;
      position: absolute;
      left: 50%;
      margin-left: -97px;
      bottom: -67px; } }

.actualite__patch-date__year {
  line-height: 0.4; }

.actualite__img {
  position: relative;
  height: 219.33333px; }
  @media (min-width: 768px) {
    .actualite__img {
      height: 329px; } }
  @media (min-width: 64em) {
    .actualite__img {
      height: 658px; } }

.actualite__title {
  margin-top: 128px; }

.actualite__excerpt {
  width: 95%;
  max-width: 890px; }

.actualite__content {
  width: 95%;
  max-width: 890px;
  max-height: 53px;
  overflow: hidden; }

.map {
  height: 722px; }

.contact-content:before {
  display: none; }
.contact-content:after {
  display: none; }

.contact-form {
  text-align: center;
  padding: 120px 0; }

.contact-form__title {
  text-transform: uppercase; }

.contact-form__form {
  text-transform: uppercase;
  margin-top: 60px; }

.contact-form__form p {
  margin-top: 30px; }

.contact-form__form .your-name input,
.contact-form__form .your-email input {
  width: 95%;
  max-width: 430px;
  border: 1px solid white;
  border-radius: 10px;
  padding: 0 10px; }

.contact-form__form .your-message textarea {
  width: 95%;
  max-width: 890px;
  border: 1px solid #9C301D;
  border-radius: 10px;
  padding: 0 10px; }

.top-contact-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #fff;
  padding: 17px 0 14px 0;
  text-align: center; }
  @media only screen and (min-width: 481px) {
    .top-contact-menu {
      -webkit-flex-direction: row;
      flex-direction: row; } }

.top-contact-menu a:hover {
  text-decoration: underline; }

.top-contact-menu__item {
  padding: 0 5px;
  display: block; }
  @media (min-width: 640px) {
    .top-contact-menu__item {
      display: inline; } }

.top-contact-menu__item_separator {
  display: none; }
  @media only screen and (min-width: 481px) {
    .top-contact-menu__item_separator {
      display: inline; } }

/*

MENU LANGUE AJOUT 09/11/15

*/
#lang_sel {
  margin: 0 auto;
  vertical-align: middle;
  z-index: 10;
  height: auto;
  width: 55px;
  border: 0; }
  #lang_sel ul ul {
    top: 22px; }
  #lang_sel ul, #lang_sel ul ul, #lang_sel li {
    border: 0;
    width: 100%;
    background-color: transparent; }
  #lang_sel .lang_sel_sel {
    padding-left: 5px; }
  #lang_sel a {
    padding-left: 0;
    border: 0;
    background-color: transparent; }
  #lang_sel .wpml-ls-sub-menu a {
    text-align: left;
    padding-left: 5px; }
    #lang_sel .wpml-ls-sub-menu a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }

.bandeau-accueil {
  padding-top: 55px; }

.bandeau-accueil__img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1291px; }

.bandeau-portraits {
  text-align: center;
  padding: 66px 0; }

.bandeau-portraits__title {
  line-height: 1; }

.bandeau-portraits__list {
    text-align: center; }

.bandeau-portraits__list__item {
  margin-top: 40px; 
  width: 18%;
  display: inline-block;
  margin: 25px 10px;
  float: none;}

.bandeau-portraits__list__item__title {
  margin-top: 14px; }

.bandeau-portraits__list__item__subtitle {
  font-size: 30px;}

.bandeau-full-width-image__img {
  width: 100%;
  vertical-align: bottom; }

.bandeau-baseline__img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1291px; }

.footer {
  background-color: #432521;
  padding: 22px 32px;
  line-height: 30px; }

.footer__link {
  padding-right: 10px;
  display: block;
  line-height: 30px; }
  @media only screen and (min-width: 768px) {
    .footer__link {
      display: inline; } }

.footer__link a:hover {
  text-decoration: underline; }

.footer__link img {
  vertical-align: middle; }

.footer__link_facebook {
  width: 30px; }

.footer__link_separator {
  display: none; }
  @media only screen and (min-width: 768px) {
    .footer__link_separator {
      display: inline; } }

.credit-studiohavana__coeur {
  color: #9C301D; }

.credit-studiohavana img {
  vertical-align: middle; }

@media only screen and (min-width: 1200px) {
  .hamburger {
    display: none; } }

.js-hamburger > dd {
  display: none; }

.hamburger-menu {
  text-align: center; }

.hamburger-menu__button {
  border-radius: 10px;
  background-color: #9C301D;
  background-image: url("../img/hamburger.png");
  background-repeat: no-repeat;
  background-position: center left 23px;
  padding: 0 23px 0 62px;
  line-height: 60px;
  height: 60px;
  display: inline-block; }

.hamburger-menu__wrapper {
  position: relative; }

.hamburger-menu__menu {
  line-height: 2;
  padding: 23px;
  background-color: #9C301D;
  border-radius: 10px;
  width: 100%;
  margin-top: 10px;
  text-align: left;
  z-index: 999; }
  @media (min-width: 320px) {
    .hamburger-menu__menu {
      position: absolute;
      left: 50%;
      margin-left: -160px;
      width: 320px; } }

.hamburger-menu__menu__submenu {
  padding-left: 23px; }

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

.logo_footer {
  float: right; 
  margin: 0 5px;}