@charset 'UTF-8';
/*
 * Ticketmaster main SASS files
 * by Alsacréations
 *
 * @author: Olivier
 * @created: 2017-07-12
 */
/*!
* www.KNACSS.com v6.1.1 (21 avril 2017) @author: Alsacreations, Raphael Goetter
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Table Of Content            */
/* ----------------------------- */
/* 1- Normalize (basic reset) */
/* 2- Base (basic styles) */
/* 3- Print (print quick reset) */
/* 4- Stylings (minor stylings) */
/* 5- Misc (skip links, hyphens) */
/* 6- Tables (data tables consistency) */
/* 7- Forms (forms consistency) */
/* 8- Media object */
/* 9- Autogrid object */
/* 10- Global Layout (alignment, modules, positionning) */
/* 11- Helpers (width and spacers helpers) */
/* (12- WordPress reset (disabled by default)) */
/* 13- Responsive (Responsive Web Design helpers) */
/* 14- Grid Layout (grillade) */
/* ---------------------------------- */
/* ==Normalize (basic reset)          */
/* ---------------------------------- */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
    /* 1 */
  line-height: 1.15;
    /* 2 */
  -ms-text-size-adjust: 100%;
    /* 3 */
  -webkit-text-size-adjust: 100%;
    /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    /* 1 */
  overflow: visible;
  box-sizing: content-box;
    /* 1 */
  height: 0;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
    /* 1 */
  font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
    /* 1 */
  -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    /* 1 */
  text-decoration: underline;
    /* 2 */
  text-decoration: underline dotted;
  border-bottom: none;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
    /* 1 */
  font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  color: #262626;
  background-color: #ff0;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
    /* 1 */
  font-size: 100%;
    /* 1 */
  line-height: 1.15;
    /* 1 */
  margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    /* 2 */
  display: table;
  box-sizing: border-box;
    /* 1 */
  max-width: 100%;
    /* 1 */
  padding: 0;
    /* 3 */
  white-space: normal;
    /* 1 */
  color: inherit;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
    /* 1 */
  vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
    /* 1 */
  padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
    /* 1 */
  outline-offset: -2px;
  -webkit-appearance: textfield;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    /* 1 */
  font: inherit;
  -webkit-appearance: button;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    font-family: serif;
    font-size: 12pt;
    width: auto;
    margin: auto;
  }

  p,
    .p-like,
    h1,
    .h1-like,
    h2,
    .h2-like,
    h3,
    .h3-like,
    h4,
    .h4-like,
    h5,
    .h5-like,
    h6,
    .h6-like,
    blockquote,
    ul,
    ol {
    margin: auto;
    color: #262626;
  }

  .print {
    display: block;
  }

  .no-print {
    display: none;
  }
    /* no orphans, no widows */
  p,
    .p-like,
    blockquote {
    orphans: 3;
    widows: 3;
  }
    /* no breaks inside these elements */
  blockquote,
    ul,
    ol {
    page-break-inside: avoid;
  }
    /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
    /* no breaks after these elements */
  h1,
    .h1-like,
    h2,
    .h2-like,
    h3,
    .h3-like,
    caption {
    page-break-after: avoid;
  }

  a {
    color: #262626;
  }
    /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
  a[href^='javascript:']::after,
    a[href^='#']::after {
    content: '';
  }
}

/* ----------------------------- */
/* ==Stylings (minor stylings)   */
/* ----------------------------- */
/* styling elements */
code,
kbd,
mark {
  border-radius: 2px;
}

kbd {
  padding: 0 2px;
  border: 1px solid #999;
}

pre {
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

code {
  padding: 2px 4px;
  color: #b11;
  background: rgba(0, 0, 0, .04);
}

pre code {
  padding: 0;
  color: inherit;
  border-radius: 0;
  background: none;
}

mark {
  padding: 2px 4px;
}

sup,
sub {
  vertical-align: 0;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

blockquote {
  position: relative;
  min-height: 2em;
  padding-left: 3em;
}

blockquote::before {
  font-family: georgia, serif;
  font-size: 5em;
  line-height: .9;
  position: absolute;
  top: 0;
  left: 0;
  height: .4em;
  content: '\201C';
  color: rgba(0, 0, 0, .3);
}

blockquote > footer {
  font-size: .9em;
  margin-top: .75em;
  color: rgba(0, 0, 0, .7);
}

blockquote > footer::before {
  content: '\2014 \0020';
}

q {
  font-style: normal;
}

q,
.q {
  quotes: '“\00a0' '\00a0”';
}

q:lang(fr),
.q:lang(fr) {
  quotes: '«\00a0' '\00a0»';
}

hr {
  display: block;
  clear: both;
  height: 1px;
  margin: 1em 0 2em;
  padding: 0;
  color: #ccc;
  border: 0;
  background-color: #ccc;
}

/* tables */
table,
.table {
  border: 1px solid #ccc;
}

caption {
  font-style: italic;
  padding: .625rem;
  color: #555;
}

td,
th {
  padding: .3em .8em;
  text-align: left;
  border: 1px #aaa dotted;
}

/* ----------------------------- */
/* ==Misc (skip links, hyphens)  */
/* ----------------------------- */
/* styling skip links */
.skip-links {
  position: absolute;
}

.skip-links a {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  padding: .5em;
  text-decoration: none;
  color: white;
  background: black;
}

.skip-links a:focus {
  position: static;
  overflow: visible;
  clip: auto;
}

@media (max-width: 766px) {
    /* you shall not pass */
  div,
    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}

@media (max-width: 766px) {
  .no-wrapping {
    word-wrap: normal;
    -webkit-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$='.svg'] {
    width: 100%;
  }
}

/* ----------------------------- */
/* ==Forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize and www.sitepen.com
*/
/* buttons */
.btn {
  display: inline-block;
}

/* forms items */
form,
fieldset {
  border: none;
}

input,
button,
select,
label,
.btn {
  font-family: inherit;
  font-size: inherit;
}

button,
input,
optgroup,
select,
textarea {
  color: #262626;
}

label {
  cursor: pointer;
  vertical-align: middle;
}

legend {
  white-space: normal;
  border: 0;
}

textarea {
  font-family: inherit;
  font-size: inherit;
  min-height: 5em;
  resize: vertical;
  vertical-align: top;
}

select {
  -webkit-appearance: menulist-button;
}
.manifestation select {-webkit-appearance: menulist;}

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}

::-webkit-input-placeholder {
  color: #777;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #777;
}

.btn:focus,
input[type='button']:focus,
button:focus {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* unstyled forms */
button.unstyled,
input[type='button'].unstyled,
input[type='submit'].unstyled,
input[type='reset'].unstyled {
  line-height: 1;
  padding: 0;
  text-align: left;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button.unstyled:focus,
input[type='button'].unstyled:focus,
input[type='submit'].unstyled:focus,
input[type='reset'].unstyled:focus {
  outline: none;
  box-shadow: none;
}

/* Media object */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
@media (min-width: 767px) {
  .o-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .o-media-content {
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
        /* avoid min-width:auto */
  }
}

/* Media variants */
@media (min-width: 767px) {
  .o-media--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .o-media-figure--center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

/* ----------------------------- */
/* ==Global Layout               */
/* ----------------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.bfc {
  overflow: hidden;
}

/* blocks that needs to be placed under floats */
.clear {
  clear: both;
}

/* blocks that must contain floats */
.clearfix::after,
.sg-align-float::after,
.tm-slider .slider-item-link::after {
  display: table;
  clear: both;
  border-collapse: collapse;
  content: '';
}

/* simple blocks alignment */
.left {
  margin-right: auto;
}

.right {
  margin-left: auto;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

/* text and contents alignment */
.txtleft {
  text-align: left;
}

.txtright {
  text-align: right;
}

.txtcenter {
  text-align: center;
}

/* floating elements */
.fl {
  float: left;
}

img.fl {
  margin-right: .625rem;
}

.fr {
  float: right;
}

img.fr {
  margin-left: .625rem;
}

img.fl,
img.fr {
  margin-bottom: .3125rem;
}

/* inline-block */
.inbl {
  display: inline-block;
  vertical-align: top;
}

/* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
[class*='flex-container'],
.flex-container,
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-container-h,
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-container-v,
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-item-fluid {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-item-first,
.item-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.flex-item-medium,
.item-medium {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.flex-item-last,
.item-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.flex-item-center,
.item-center,
.mr-auto {
  margin: auto;
}

/* ---------------------------------- */
/* ==Helpers                          */
/* ---------------------------------- */
/* State Helpers */
/* ------------- */
/* invisible for all */
.is-hidden,
[hidden] {
  display: none;
}

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden,
.next-days-list input[type='checkbox'],
.day-period input[type='checkbox'],
.sort-region-list .sort-region-item input[type='checkbox'] {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}

.is-disabled,
[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

ul.is-unstyled,
ul.unstyled {
  padding-left: 0;
  list-style: none;
}

/* Width Helpers */
/* ------------- */
/* blocks widths (percentage and pixels) */
.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w33 {
  width: 33.3333%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w66 {
  width: 66.6666%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

.w50p {
  width: 50px;
}

.w100p {
  width: 100px;
}

.w150p {
  width: 150px;
}

.w200p {
  width: 200px;
}

.w300p {
  width: 300px;
}

@media (min-width: 401px) {
  .w400p {
    width: 400px;
  }

  .w500p {
    width: 500px;
  }

  .w600p {
    width: 600px;
  }
}

@media (min-width: 701px) {
  .w700p {
    width: 700px;
  }

  .w800p {
    width: 800px;
  }
}

@media (min-width: 961px) {
  .w960p {
    width: 960px;
  }

  .mw960p {
    max-width: 960px;
  }

  .w1140p {
    width: 1140px;
  }

  .mw1140p {
    max-width: 1140px;
  }
}

.wauto {
  width: auto;
}

/* Spacing Helpers */
/* --------------- */
.man,
.ma0 {
  margin: 0;
}

.pan,
.pa0 {
  padding: 0;
}

.mas {
  margin: .625rem;
}

.mam {
  margin: 1.25rem;
}

.mal {
  margin: 2.5rem;
}

.pas {
  padding: .625rem;
}

.pam {
  padding: 1.25rem;
}

.pal {
  padding: 2.5rem;
}

.mtn,
.mt0 {
  margin-top: 0;
}

.mts {
  margin-top: .625rem;
}

.mtm {
  margin-top: 1.25rem;
}

.mtl {
  margin-top: 2.5rem;
}

.mrn,
.mr0 {
  margin-right: 0;
}

.mrs {
  margin-right: .625rem;
}

.mrm {
  margin-right: 1.25rem;
}

.mrl {
  margin-right: 2.5rem;
}

.mbn,
.mb0 {
  margin-bottom: 0;
}

.mbs {
  margin-bottom: .625rem;
}

.mbm {
  margin-bottom: 1.25rem;
}

.mbl {
  margin-bottom: 2.5rem;
}

.mln,
.ml0 {
  margin-left: 0;
}

.mls {
  margin-left: .625rem;
}

.mlm {
  margin-left: 1.25rem;
}

.mll {
  margin-left: 2.5rem;
}

.mauto {
  margin: auto;
}

.mtauto {
  margin-top: auto;
}

.mrauto {
  margin-right: auto;
}

.mbauto {
  margin-bottom: auto;
}

.mlauto {
  margin-left: auto;
}

.ptn,
.pt0 {
  padding-top: 0;
}

.pts {
  padding-top: .625rem;
}

.ptm {
  padding-top: 1.25rem;
}

.ptl {
  padding-top: 2.5rem;
}

.prn,
.pr0 {
  padding-right: 0;
}

.prs {
  padding-right: .625rem;
}

.prm {
  padding-right: 1.25rem;
}

.prl {
  padding-right: 2.5rem;
}

.pbn,
.pb0 {
  padding-bottom: 0;
}

.pbs {
  padding-bottom: .625rem;
}

.pbm {
  padding-bottom: 1.25rem;
}

.pbl {
  padding-bottom: 2.5rem;
}

.pln,
.pl0 {
  padding-left: 0;
}

.pls {
  padding-left: .625rem;
}

.plm {
  padding-left: 1.25rem;
}

.pll {
  padding-left: 2.5rem;
}

/* -------------------------- */
/* ==Responsive helpers       */
/* -------------------------- */
/* large screens */
/* ------------- */
@media (min-width: 1199px) {
    /* layouts for large screens */
  .large-hidden {
    display: none !important;
  }

  .large-visible {
    display: block !important;
  }

  .large-no-float {
    float: none;
  }

  .large-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
    /* widths for large screens */
  .large-w25 {
    width: 25% !important;
  }

  .large-w33 {
    width: 33.333333% !important;
  }

  .large-w50 {
    width: 50% !important;
  }

  .large-w66 {
    width: 66.666666% !important;
  }

  .large-w75 {
    width: 75% !important;
  }

  .large-w100,
    .large-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0;
  }
    /* margins for large screens */
  .large-man,
    .large-ma0 {
    margin: 0 !important;
  }
}

/* medium screens */
/* -------------- */
@media (min-width: 991px) and (max-width: 1198px) {
    /* layouts for medium screens */
  .medium-hidden {
    display: none !important;
  }

  .medium-visible {
    display: block !important;
  }

  .medium-no-float {
    float: none;
  }

  .medium-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
    /* widths for medium screens */
  .medium-w25 {
    width: 25% !important;
  }

  .medium-w33 {
    width: 33.333333% !important;
  }

  .medium-w50 {
    width: 50% !important;
  }

  .medium-w66 {
    width: 66.666666% !important;
  }

  .medium-w75 {
    width: 75% !important;
  }

  .medium-w100,
    .medium-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0;
  }
    /* margins for medium screens */
  .medium-man,
    .medium-ma0 {
    margin: 0 !important;
  }
}

/* small screens */
/* ------------- */
@media (min-width: 767px) and (max-width: 990px) {
    /* layouts for small screens */
  .small-hidden {
    display: none !important;
  }

  .small-visible {
    display: block !important;
  }

  .small-no-float {
    float: none;
  }

  .small-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
    /* widths for small screens */
  .small-w25 {
    width: 25% !important;
  }

  .small-w33 {
    width: 33.333333% !important;
  }

  .small-w50 {
    width: 50% !important;
  }

  .small-w66 {
    width: 66.666666% !important;
  }

  .small-w75 {
    width: 75% !important;
  }

  .small-w100,
    .small-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0;
  }
    /* margins for small screens */
  .small-man,
    .small-ma0 {
    margin: 0 !important;
  }

  .small-pan,
    .small-pa0 {
    padding: 0 !important;
  }
}

/* tiny screens */
/* ------------ */
@media (max-width: 766px) {
    /* quick small resolution reset */
  .mod,
    .col,
    fieldset {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0;
  }

  .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
    /* layouts for tiny screens */
  .tiny-hidden {
    display: none !important;
  }

  .tiny-visible {
    display: block !important;
  }

  .tiny-no-float {
    float: none;
  }

  .tiny-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
    /* widths for tiny screens */
  .tiny-w25 {
    width: 25% !important;
  }

  .tiny-w33 {
    width: 33.333333% !important;
  }

  .tiny-w50 {
    width: 50% !important;
  }

  .tiny-w66 {
    width: 66.666666% !important;
  }

  .tiny-w75 {
    width: 75% !important;
  }

  .tiny-w100,
    .tiny-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0;
  }
    /* margins for tiny screens */
  .tiny-man,
    .tiny-ma0 {
    margin: 0 !important;
  }

  .tiny-pan,
    .tiny-pa0 {
    padding: 0 !important;
  }
}

/* ---------------------------------- */
/* ==Grillade : Simple Grid System    */
/* ---------------------------------- */
/* Doc : http://grillade.knacss.com */
@media (min-width: 767px) {
  [class*=' grid-'],
    [class^='grid-'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  [class*=' grid-'] > *,
    [class^='grid-'] > * {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
  }
}

@media (min-width: 767px) {
  .grid,
    .grid--reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .grid > *,
    .grid--reverse > * {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }

  .grid.has-gutter > * + *,
    .grid--reverse.has-gutter > * + * {
    margin-left: calc(1rem - .01px);
  }

  .grid.has-gutter-l > * + *,
    .grid--reverse.has-gutter-l > * + * {
    margin-left: calc(2rem - .01px);
  }

  .grid.has-gutter-xl > * + *,
    .grid--reverse.has-gutter-xl > * + * {
    margin-left: calc(4rem - .01px);
  }
}

@media (min-width: 767px) {
  [class*='grid-2'] > * {
    width: calc(100% / 2 - .01px);
  }

  [class*='grid-2'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-2'].has-gutter > * {
    width: calc(100% / 2 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-2'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-2'].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-2'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-2'].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-3'] > * {
    width: calc(100% / 3 - .01px);
  }

  [class*='grid-3'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-3'].has-gutter > * {
    width: calc(100% / 3 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-3'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-3'].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-3'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-3'].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-4'] > * {
    width: calc(100% / 4 - .01px);
  }

  [class*='grid-4'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-4'].has-gutter > * {
    width: calc(100% / 4 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-4'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-4'].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-4'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-4'].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-5'] > * {
    width: calc(100% / 5 - .01px);
  }

  [class*='grid-5'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-5'].has-gutter > * {
    width: calc(100% / 5 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-5'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-5'].has-gutter-l > * {
    width: calc(100% / 5 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-5'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-5'].has-gutter-xl > * {
    width: calc(100% / 5 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-6'] > * {
    width: calc(100% / 6 - .01px);
  }

  [class*='grid-6'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-6'].has-gutter > * {
    width: calc(100% / 6 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-6'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-6'].has-gutter-l > * {
    width: calc(100% / 6 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-6'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-6'].has-gutter-xl > * {
    width: calc(100% / 6 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-7'] > * {
    width: calc(100% / 7 - .01px);
  }

  [class*='grid-7'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-7'].has-gutter > * {
    width: calc(100% / 7 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-7'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-7'].has-gutter-l > * {
    width: calc(100% / 7 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-7'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-7'].has-gutter-xl > * {
    width: calc(100% / 7 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-8'] > * {
    width: calc(100% / 8 - .01px);
  }

  [class*='grid-8'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-8'].has-gutter > * {
    width: calc(100% / 8 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-8'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-8'].has-gutter-l > * {
    width: calc(100% / 8 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-8'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-8'].has-gutter-xl > * {
    width: calc(100% / 8 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-9'] > * {
    width: calc(100% / 9 - .01px);
  }

  [class*='grid-9'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-9'].has-gutter > * {
    width: calc(100% / 9 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-9'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-9'].has-gutter-l > * {
    width: calc(100% / 9 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-9'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-9'].has-gutter-xl > * {
    width: calc(100% / 9 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-10'] > * {
    width: calc(100% / 10 - .01px);
  }

  [class*='grid-10'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-10'].has-gutter > * {
    width: calc(100% / 10 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-10'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-10'].has-gutter-l > * {
    width: calc(100% / 10 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-10'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-10'].has-gutter-xl > * {
    width: calc(100% / 10 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-11'] > * {
    width: calc(100% / 11 - .01px);
  }

  [class*='grid-11'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-11'].has-gutter > * {
    width: calc(100% / 11 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-11'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-11'].has-gutter-l > * {
    width: calc(100% / 11 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-11'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-11'].has-gutter-xl > * {
    width: calc(100% / 11 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*='grid-12'] > * {
    width: calc(100% / 12 - .01px);
  }

  [class*='grid-12'].has-gutter {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }

  [class*='grid-12'].has-gutter > * {
    width: calc(100% / 12 - 1rem - .01px);
    margin-right: .5rem;
    margin-left: .5rem;
  }

  [class*='grid-12'].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  [class*='grid-12'].has-gutter-l > * {
    width: calc(100% / 12 - 2rem - .01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }

  [class*='grid-12'].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  [class*='grid-12'].has-gutter-xl > * {
    width: calc(100% / 12 - 4rem - .01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
}

.push {
  margin-left: auto !important;
}

.pull {
  margin-right: auto !important;
}

.item-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.item-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

[class*='grid-'][class*='--reverse'] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (min-width: 767px) {
  .full {
    width: calc(100% / 1 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .full {
    width: calc(100% / 1 - 1rem - .01px);
  }

  .has-gutter-l > .full {
    width: calc(100% / 1 - 2rem - .01px);
  }

  .has-gutter-xl > .full {
    width: calc(100% / 1 - 4rem - .01px);
  }

  .one-half {
    width: calc(100% / 2 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .one-half {
    width: calc(100% / 2 - 1rem - .01px);
  }

  .has-gutter-l > .one-half {
    width: calc(100% / 2 - 2rem - .01px);
  }

  .has-gutter-xl > .one-half {
    width: calc(100% / 2 - 4rem - .01px);
  }

  .one-third {
    width: calc(100% / 3 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .one-third {
    width: calc(100% / 3 - 1rem - .01px);
  }

  .has-gutter-l > .one-third {
    width: calc(100% / 3 - 2rem - .01px);
  }

  .has-gutter-xl > .one-third {
    width: calc(100% / 3 - 4rem - .01px);
  }

  .one-quarter {
    width: calc(100% / 4 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .one-quarter {
    width: calc(100% / 4 - 1rem - .01px);
  }

  .has-gutter-l > .one-quarter {
    width: calc(100% / 4 - 2rem - .01px);
  }

  .has-gutter-xl > .one-quarter {
    width: calc(100% / 4 - 4rem - .01px);
  }

  .one-fifth {
    width: calc(100% / 5 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .one-fifth {
    width: calc(100% / 5 - 1rem - .01px);
  }

  .has-gutter-l > .one-fifth {
    width: calc(100% / 5 - 2rem - .01px);
  }

  .has-gutter-xl > .one-fifth {
    width: calc(100% / 5 - 4rem - .01px);
  }

  .one-sixth {
    width: calc(100% / 6 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .one-sixth {
    width: calc(100% / 6 - 1rem - .01px);
  }

  .has-gutter-l > .one-sixth {
    width: calc(100% / 6 - 2rem - .01px);
  }

  .has-gutter-xl > .one-sixth {
    width: calc(100% / 6 - 4rem - .01px);
  }

  .two-thirds {
    width: calc(100% / 3 * 2 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .two-thirds {
    width: calc(100% / 3 * 2 - 1rem - .01px);
  }

  .has-gutter-l > .two-thirds {
    width: calc(100% / 3 * 2 - 2rem - .01px);
  }

  .has-gutter-xl > .two-thirds {
    width: calc(100% / 3 * 2 - 4rem - .01px);
  }

  .three-quarters {
    width: calc(100% / 4 * 3 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .three-quarters {
    width: calc(100% / 4 * 3 - 1rem - .01px);
  }

  .has-gutter-l > .three-quarters {
    width: calc(100% / 4 * 3 - 2rem - .01px);
  }

  .has-gutter-xl > .three-quarters {
    width: calc(100% / 4 * 3 - 4rem - .01px);
  }

  .five-sixths {
    width: calc(100% / 6 * 5 - .01px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  .has-gutter > .five-sixths {
    width: calc(100% / 6 * 5 - 1rem - .01px);
  }

  .has-gutter-l > .five-sixths {
    width: calc(100% / 6 * 5 - 2rem - .01px);
  }

  .has-gutter-xl > .five-sixths {
    width: calc(100% / 6 * 5 - 4rem - .01px);
  }
}

/* Responsive Small Breakpoint */
@media (min-width: 767px) and (max-width: 990px) {
  [class*='-small-1'] > * {
    width: calc(100% / 1 - .01px);
  }

  [class*='-small-1'].has-gutter > * {
    width: calc(100% / 1 - 1rem - .01px);
  }

  [class*='-small-1'].has-gutter-l > * {
    width: calc(100% / 1 - 2rem - .01px);
  }

  [class*='-small-1'].has-gutter-xl > * {
    width: calc(100% / 1 - 4rem - .01px);
  }

  [class*='-small-2'] > * {
    width: calc(100% / 2 - .01px);
  }

  [class*='-small-2'].has-gutter > * {
    width: calc(100% / 2 - 1rem - .01px);
  }

  [class*='-small-2'].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - .01px);
  }

  [class*='-small-2'].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - .01px);
  }

  [class*='-small-3'] > * {
    width: calc(100% / 3 - .01px);
  }

  [class*='-small-3'].has-gutter > * {
    width: calc(100% / 3 - 1rem - .01px);
  }

  [class*='-small-3'].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - .01px);
  }

  [class*='-small-3'].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - .01px);
  }

  [class*='-small-4'] > * {
    width: calc(100% / 4 - .01px);
  }

  [class*='-small-4'].has-gutter > * {
    width: calc(100% / 4 - 1rem - .01px);
  }

  [class*='-small-4'].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - .01px);
  }

  [class*='-small-4'].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - .01px);
  }
}

/*
 * Styleguide
 * Layout & mixins
 * par Alsacréations - 2016
 */
/*
 * Sass Mixins
 */
/*
 * Layout
 */
body {
  color: #262626;
}

.sg-tm-page-content {
  width: 734px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

h1 {
  float: none;
}

/* body */
.sg {
  font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  position: relative;
  padding: 0;
  background-color: #fff;
}

h1,
h2,
h3 {
  font-weight: normal;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
}

/* Header */
.sg-header {
  position: relative;
  margin-bottom: .625rem;
  padding: 1.25rem;
  text-align: center;
  background: #f6f6f6;
}

.sg-header h1 {
  font-family: 'Averta', helvetica, arial, sans-serif;
  font-size: 1.75rem;
  color: #026CDF;
  font-weight: bold;
}

.sg-header h2 {
  font-size: 1.5rem;
  margin-top: 0;
  color: #777;
}

.sg-header .icon-kiwi-leaf {
  display: inline-block;
  width: .625rem;
  height: .625rem;
  fill: currentColor;
}

.sg-header .icon-pepins {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

/* Sidebar/Menu */
.sg-menu {
  position: absolute;
  top: 10rem;
  left: 1.25rem;
  display: none;
  width: 13.75rem;
  padding: 1.25rem;
  background: #f6f6f6;
}

.sg-menu.is-fixed {
  position: fixed;
  top: 1.25rem;
}

@media (min-width: 768px) {
  .sg-menu {
    display: block;
  }
}

/* Menu with Tocify */
.tocify-header {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.tocify-header li {
  font-size: .875rem;
}

.tocify-header ul {
  font-size: 90%;
  margin: 0 0 .625rem;
  padding-left: 1.25rem;
  list-style-type: none;
}

.tocify-item {
  margin: 0;
  padding: .3125rem 0;
}

.tocify-item a {
  padding-bottom: .125rem;
  text-decoration: none;
  border-bottom: 0 solid;
}

.tocify-item a:focus,
.tocify-item a:hover {
  border-bottom-width: 1px;
}

.tocify-focus a {
  font-weight: bold;
  color: #026CDF;
}

.tocify-subheader {
  display: none;
}

.tocify-extend-page {
  display: none !important;
}

/*
 * Typography
 */
/* main title */
.sg-title {
  font-size: 1.75rem;
  margin-top: .625rem;
}

/* copyright */
.sg-copyright {
  font-size: .75rem;
  text-align: center;
  color: #666;
}

/* section title */
.sg-section > h2.sg {
  font-size: 1.75rem;
  margin-bottom: .625rem;
  padding-bottom: .09375em;
  color: #333;
  border-bottom: 2px solid #eee;
}

.sg-section:first-child > h2.sg {
  margin-top: 0;
}

.sg-section p {
  font-size: 1rem;
  line-height: 2;
}

.sg-text h3.sg {
  font-size: 1.25rem;
  margin: 1.875rem 0 1.25rem;
  padding-left: 10px;
  color: #333;
  border-left: 4px solid #026CDF;
}

.sg-text h4.sg {
  margin: 1.875rem 0 1.25rem;
}

/* text */
.sg-text p {
  font-size: 1rem;
  line-height: 1.6;
}

.sg-text ul {
  padding-left: 1.25rem;
}

.sg-text li {
  font-size: 1em;
  line-height: 2;
  list-style-type: disc;
}

/*
 * Styleguide Content
 */
.sg-content {
  position: relative;
  padding: 1.25rem;
}

@media (min-width: 768px) {
  .sg-content {
    margin-left: 16.875rem;
    padding: 1.25rem 2.5rem;
  }
}

/* section */
.sg-section {
  margin-bottom: 5rem;
}

/* example & canvas */
.sg-example {
  margin-top: .625rem;
  margin-bottom: 1.25rem;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.sg-example .btn-scroll-top {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sg-section-bloc-de-tri .sg-canvas {
  min-height: 15rem;
}

.sg-section-horaires-et-places-disponibles .sg-canvas {
  min-height: 17.5rem;
}

.sg-tm-scrolltop {
  position: relative;
  height: 3.75rem;
}

.sg-canvas {
  position: relative;
  overflow-x: auto;
  padding: 2.5rem 1.875rem;
}

.sg-canvas p {
  font-size: .75rem;
  line-height: 1.4;
}

/*
 * Code
 */
/* inline: <code> */
code,
code.sg,
.sg-code-inline,
.sg-color-item::after,
.sg-section-titres h1::after,
.sg-section-titres h2::after,
.sg-section-titres h3::after,
.sg-section-titres h4::after,
.sg-section-titres h5::after,
.sg-section-titres h6::after {
  font-family: consolas, courier, monospace;
  font-size: .875rem;
  display: inline-block;
  padding: .125rem .3125rem;
  white-space: nowrap;
  border: solid 1px #eaeaea;
  border-radius: 2px;
  background-color: #f6f6f6;
}

code.sg {
  margin-right: .3125rem;
}

/* block: <pre> */
.sg-code {
  font-family: consolas, courier, monospace;
  font-size: .875rem;
  line-height: 1.6;
  margin-top: 0;
  padding: 1.25rem;
  border-top: solid 1px #eaeaea;
  background-color: #f6f6f6;
}

/* markup color */
.sg-code .hljs-tag,
.sg-code .hljs-title {
  color: #2f6f9f;
}

.sg-code .hljs-attribute {
  color: #4f9fcf;
}

.sg-code .hljs-string,
.sg-code .hljs-number,
.sg-code .hljs-value {
  color: #d44950;
}

.sg-code .hljs-comment {
  color: #998;
}

/* toggle button */
.sg-code-toggle {
  font-size: .8125rem;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  padding: .3125rem;
  text-align: center;
  color: #777;
  border: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  border-top-left-radius: 3px;
  background-color: #fff;
}

.sg-code-toggle:focus,
.sg-code-toggle:hover {
  background-color: #f6f6f6;
}

/*
 * Colors section
 */
.sg-section-couleurs .sg-code-toggle {
  display: none;
}

.sg-color + .sg-color {
  margin-top: 2.5rem;
}

.sg-color-item {
  display: inline-block;
  width: 150px;
  vertical-align: top;
  border: solid 1px #eaeaea;
}

.sg-color-item {
  margin: .625rem;
}

.sg-color-item::before {
  display: block;
  height: 80px;
  content: '';
}

.sg-color-item::after {
  display: block;
}

.sg-color-item:nth-child(0)::before {
  background: #000;
}

.sg-color-item:nth-child(0)::after {
  content: '$color-base';
}

.sg-color-item:nth-child(1)::before {
  background: #262626;
}

.sg-color-item:nth-child(1)::after {
  content: '$color-text';
}

.sg-color-item:nth-child(2)::before {
  background: #026CDF;
}

.sg-color-item:nth-child(2)::after {
  content: '$color-main';
}

.sg-color-item:nth-child(3)::before {
  background: #d01677;
}

.sg-color-item:nth-child(3)::after {
  content: '$color-second';
}

.sg-color-item:nth-child(4)::before {
  background: #e0e0e0;
}

.sg-color-item:nth-child(4)::after {
  content: '$color-border';
}

.sg-color-item:nth-child(5)::before {
  background: #a8bed5;
}

.sg-color-item:nth-child(5)::after {
  content: '$blue2';
}

.sg-color-item:nth-child(6)::before {
  background: #b61624;
}

.sg-color-item:nth-child(6)::after {
  content: '$red';
}

.sg-color-item:nth-child(7)::before {
  background: #f9be1e;
}

.sg-color-item:nth-child(7)::after {
  content: '$yellow';
}

.sg-color-item:nth-child(8)::before {
  background: #262626;
}

.sg-color-item:nth-child(8)::after {
  content: '$darkgrey';
}

.sg-color-item:nth-child(9)::before {
  background: #848282;
}

.sg-color-item:nth-child(9)::after {
  content: '$middarkgrey';
}

.sg-color-item:nth-child(10)::before {
  background: #a6a6a6;
}

.sg-color-item:nth-child(10)::after {
  content: '$grey';
}

/*
 * Fonts section
 */
[class*='sg-font-'] + [class*='sg-font-'] {
  margin-top: 1.25rem;
}

.sg-section-fonts .sg-code-toggle {
  display: none;
}

.sg-font-common {
  font-family: sans-serif;
}

.sg-font-common::before {
  font-weight: bold;
  content: 'sans-serif';
}

.sg-font-headings {
  font-family: sans-serif;
}

.sg-font-headings::before {
  font-weight: bold;
  content: 'sans-serif';
}

.sg-font-monospace {
  font-family: consolas, courier, monospace;
}

.sg-font-monospace::before {
  font-weight: bold;
  content: 'consolas, courier, monospace';
}

/*
 * Title section
 */
.sg-section-titres h1::after {
  font-weight: normal;
  margin-left: .625rem;
  content: 'h1-size';
  vertical-align: middle;
}

.sg-section-titres h2::after {
  font-weight: normal;
  margin-left: .625rem;
  content: 'h2-size';
  vertical-align: middle;
}

.sg-section-titres h3::after {
  font-weight: normal;
  margin-left: .625rem;
  content: 'h3-size';
  vertical-align: middle;
}

.sg-section-titres h4::after {
  font-weight: normal;
  margin-left: .625rem;
  content: 'h4-size';
  vertical-align: middle;
}

.sg-section-titres h5::after {
  font-weight: normal;
  margin-left: .625rem;
  content: 'h5-size';
  vertical-align: middle;
}

.sg-section-titres h6::after {
  font-weight: normal;
  margin-left: .625rem;
  content: 'h6-size';
  vertical-align: middle;
}

/*
 * Grids section
 */
.sg-grid + .sg-grid {
  margin-top: 1.25rem;
}

.sg-grid > * {
  padding: 1.25rem;
  background: #f6f6f6;
}

/*
 * Bloc alignment section
 */
.sg-align-block {
  padding: 1.25rem;
  background: #f6f6f6;
}

.sg-align-block + .sg-align-block {
  margin-top: 1.25rem;
}

.sg-align-float {
  padding: 1.25rem;
  background: #f6f6f6;
}

.sg-align-float + .sg-align-float {
  margin-top: 1.25rem;
}

.sg-align-float > div[class*='f'] {
  padding: .625rem;
  background: #ddd;
}

/*
 * Reset CSS des styles actuels TM
 *
 * @author: Olivier Stell
 *
 */
.js-hidden {
  display: none;
}

.alsa-reset {
  box-sizing: border-box;
}

.alsa-reset * {
  box-sizing: inherit;
  outline: none;
}
.bonsplans .alsa-reset .breadcrumb-item span {text-transform: uppercase}

.alsa-reset *:focus,
.alsa-reset *:active {
  outline: none;
}

.alsa-reset h1 {
  float: none;
}

.alsa-reset label {
  display: block;
  float: none;
}

.alsa-reset sup {
  font-size: 50%;
}

.alsa-reset dd,
.alsa-reset dt,
.alsa-reset li,
.alsa-reset p {
  font-size: inherit;
}

.alsa-reset ul {
  height: auto;
  margin: 0;
  padding-left: 0;
}

.alsa-reset ul li {
  position: static;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  border: none;
}

.alsa-reset breadcrumb ul li span {
  font-size: inherit;
  line-height: 1.4;
  position: static;
  bottom: 0;
  left: 0;
  display: inline;
  width: auto;
  padding: 0;
  text-align: center;
  color: #262626;
}

.alsa-reset ul li a {
  font-weight: inherit;
}





[class^='icon-'],
[class*=' icon-'],
.font-icon,
.next-days-list input[type='checkbox']:checked + .next-days-label::after,
.day-period input[type='checkbox']:checked + .next-days-label::after,
.next-days-list input[type='checkbox']:checked + .day-period-label::after,
.day-period input[type='checkbox']:checked + .day-period-label::after,
.sort-calendar .ui-datepicker-prev,
.sort-calendar .ui-datepicker-next,
.calendar-period::after,
.btn-location::after,
.sort-region-list .sort-region-item label::after,
.simple-event-list .simple-event-list-link::after,
.current-filters-list .current-filter-item::after,
.btn-results-order::after,
.bloc-result .btn-available-seats.is-active::after,
.bloc-result .bloc-result-services-item.is-active::before,
.bloc-result .bloc-result-services-button.is-active span::before,
.bloc-result .bloc-result-status.btn-blue::after,
.modal .modal-close::before,
.modal-billet .modal-button::after,
.modal-video .modal-button::after {
  font-family: 'pictos' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
    /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert:before {
  content: '\e900';
}

.icon-arrow-l:before,
.sort-calendar .ui-datepicker-prev:before {
  content: '\e901';
}

.icon-arrow-r:before,
.sort-calendar .ui-datepicker-next:before {
  content: '\e902';
}

.icon-check:before {
  content: '\e903';
}

.icon-checked:before,
.bloc-result .bloc-result-services-item.is-active:before {
  content: '\e904';
}

.icon-collec:before,
.bloc-result .bloc-result-services-button.is-active.services-collector span:before {
  content: '\e905';
}

.icon-filter:before {
  content: '\e906';
}

.icon-home:before {
  content: '\e907';
}

.icon-logo:before {
  content: '\e908';
}

.icon-more-circled:before {
  content: '\e909';
}

.icon-more:before {
  content: '\e90a';
}

.icon-pix-arrow-d:before {
  content: '\e90b';
}

.icon-pix-arrow-l:before {
  content: '\e90c';
}

.icon-pix-arrow-r:before {
  content: '\e90d';
}

.icon-pix-arrow-u:before {
  content: '\e90e';
}

.icon-pix-close-str:before {
  content: '\e90f';
}

.icon-pix-close:before,
.modal .modal-close:before {
  content: '\e910';
}

.icon-place:before {
  content: '\e911';
}

.icon-star:before {
  content: '\e912';
}

.icon-thin-arrow-l:before {
  content: '\e913';
}

.icon-thin-arrow-r:before {
  content: '\e914';
}

.icon-thin-close:before {
  content: '\e915';
}

.icon-time-back:before {
  content: '\e916';
}

.icon-to-top:before {
  content: '\e917';
}

.icon-toggle-d:before,
.sort-title [class*='icon-']:before {
  content: '\e918';
}

.icon-toggle-u:before,
.sort-title.is-active [class*='icon-']:before {
  content: '\e919';
}

.icon-video:before,
.bloc-result .bloc-result-services-button.is-active.services-video span:before {
  content: '\e91a';
}

.icon-pix-arrow-r-a:after,
.breadcrumb-item:not(:last-child):after,
.simple-event-list .simple-event-list-link:after,
.bloc-result .bloc-result-status.btn-blue:after,
.modal-billet .modal-button:after,
.modal-video  .modal-button::after {
  content: '\e90d';
}

.icon-pix-close-a:after,
.next-days-list input[type='checkbox']:checked + .next-days-label:after,
.day-period input[type='checkbox']:checked + .next-days-label:after,
.next-days-list input[type='checkbox']:checked + .day-period-label:after,
.day-period input[type='checkbox']:checked + .day-period-label:after,
.calendar-period:after,
.sort-region-list .sort-region-item label:after,
.current-filters-list .current-filter-item:after,
.bloc-result .btn-available-seats.is-active:after {
  content: '\e910';
}

.icon-pix-close-str-a:after,
.next-days-list input[type='checkbox']:checked + .next-days-label:hover:after,
.day-period input[type='checkbox']:checked + .next-days-label:hover:after,
.next-days-list input[type='checkbox']:checked + .next-days-label:focus:after,
.day-period input[type='checkbox']:checked + .next-days-label:focus:after,
.next-days-list input[type='checkbox']:checked + .next-days-label:active:after,
.day-period input[type='checkbox']:checked + .next-days-label:active:after,
.next-days-list input[type='checkbox']:checked + .day-period-label:hover:after,
.day-period input[type='checkbox']:checked + .day-period-label:hover:after,
.next-days-list input[type='checkbox']:checked + .day-period-label:focus:after,
.day-period input[type='checkbox']:checked + .day-period-label:focus:after,
.next-days-list input[type='checkbox']:checked + .day-period-label:active:after,
.day-period input[type='checkbox']:checked + .day-period-label:active:after,
.calendar-period:hover:after,
.calendar-period:focus:after,
.calendar-period:active:after,
.sort-region-list .sort-region-item label:hover:after,
.sort-region-list .sort-region-item label:focus:after,
.sort-region-list .sort-region-item label:active:after,
.current-filters-list .current-filter-item:hover:after,
.current-filters-list .current-filter-item:focus:after,
.current-filters-list .current-filter-item:active:after,
.bloc-result .btn-available-seats.is-active:hover:after,
.bloc-result .btn-available-seats.is-active:active:after,
.bloc-result .btn-available-seats.is-active:focus:after {
  content: '\e90f';
}

.icon-pix-arrow-d-a:after,
.btn-location:after,
.btn-results-order:after {
  content: '\e90b';
}

.icon-pix-arrow-u-a:after,
.is-active.btn-location:after,
.btn-results-order.is-active:after {
  content: '\e90e';
}

/*
 * Layout des blocs principaux de la page
 * (content, colonnes, etc... )
 *
 * @author: Olivier Stell
 *
 */
.page-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 0 0;
}

.page-aside-left {
 font-family: 'Averta', helvetica, arial, sans-serif;
  width: 280px;
  padding: 0 10px;
}

.page-aside-right {
  width: 310px;
  padding: 0 10px 0 0;
}

.page-content {
  padding: 0 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.btn-reset {
  font-weight: normal;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: initial;
  border: 0;
  border-radius: 0;
  outline: none;
  background: none;
}

.btn-reset:focus,
.btn-reset:active,
.btn-reset:hover,
.btn-reset::-moz-focus-inner {
  outline: none;
}

.hidden-cbox {
  position: absolute;
  left: -9999px;
}

/*
 * ASIDE SORTING BLOCKS
 * Genreal styles
 */
.sort-item {
  padding: 0;
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #fff;
}

/* Title on each sort item is generic */
.sort-title {
  font-size: 1.25rem;
  margin-top: .625rem;
  padding: .625rem 0 .4375rem .4375rem;
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
  border: 1px solid #e0e0e0;
}

.sort-title:first-child {
  margin-top: 0;
}

.sort-title [class*='icon-'] {
  font-size: 1.125rem;
  margin-right: .3125rem;
  padding: 2px;
  transition: color .3s;
  color: #026CDF;
  border-radius: 50%;
  background-color: #026CDF;
}

.sort-title [class*='icon-']::before {
  transition: background-color .3s;
  border-radius: 50%;
  background-color: #fff;
}

.sort-title.is-active [class*='icon-'] {
  color: #fff;
}

.sort-title.is-active [class*='icon-']::before {
  background-color: #026CDF;
}

.sort-title-details {
  font-size: .6875rem;
  display: block;
  margin: .3125rem 0 0 1.75rem;
  text-transform: none;
  color: #848282;
}

/*
 * ASIDE SORTING LISTS
 * Genreal styles
 */
.sort-list-container {
  text-align: right;
}

.sort-list-container .sort-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: .9375rem .625rem .3125rem;
  text-align: left;
}

.sort-list-container .sort-list .sort-list {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 0 0 .9375rem;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.sort-list-container .sort-list .sort-list .sort-list-item {
  font-size: .75rem;
}

.sort-list-container .sort-list input[type='checkbox'] {
  margin-top: 1px;
  margin-right: .3125rem;
}

.sort-list-container .sort-list input[type='radio'] {
  margin-top: 1px;
  margin-right: .3125rem;
}

.sort-list-container .sort-list input[type='checkbox']:checked ~ .sort-list {
  height: auto;
  padding: .3125rem 0 .3125rem .9375rem;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.sort-list-container .sort-list-item {
  font-size: .75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .3125rem;
  color: #262626;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;

}

.sort-list-container .sort-list-item > input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.sort-list-container .sort-list-item.is-active {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.sort-list-container .sort-list-item-label {
  font-family: 'Averta', helvetica, arial, sans-serif;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  margin-left: 0;
  text-align: left;
  text-transform: uppercase;
    -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.sort-list-container .sort-list-item-label sup {
  top: .3125rem;
  display: block;
}

.sort-list-container .sort-list-item-label:hover,
.sort-list-container .sort-list-item-label:active,
.sort-list-container .sort-list-item-label:focus {
  color: #026CDF;
}

/* Clear checkbox button */
.btn-uncheck-all {
  font-size: .75rem;
  display: none;
  margin: .3125rem 0;
  padding: .625rem .4375rem .625rem .625rem;
  text-align: right;
  color: #262626;
}

.btn-uncheck-all.is-active {
  display: inline-block;
}

.btn-uncheck-all:hover,
.btn-uncheck-all:active {
  text-decoration: none;color: #026cdf
}

/* Checkboxes & radio */
.checkbox,
.sort-list-container .sort-list input[type='checkbox'] {
  border-radius: 0;
}

.radio,
.sort-list-container .sort-list input[type='radio'] {
  border-radius: 50%;
}

.checkbox,
.sort-list-container .sort-list input[type='checkbox'],
.radio,
.sort-list-container .sort-list input[type='radio'] {
  cursor: pointer;
  vertical-align: text-bottom;
  border: none;
  outline: 0;
  background: #fff;
  box-shadow: inset 0 0 0 2px #c8c8c8;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.checkbox ~ label,
.sort-list-container .sort-list input[type='checkbox'] ~ label,
.radio ~ label,
.sort-list-container .sort-list input[type='radio'] ~ label {
  cursor: pointer;
}

.checkbox::-ms-check,
.sort-list-container .sort-list input[type='checkbox']::-ms-check,
.radio::-ms-check,
.sort-list-container .sort-list input[type='radio']::-ms-check {
  display: none;
}

.checkbox,
.sort-list-container .sort-list input[type='checkbox'] {
  width: .9375rem;
  height: .9375rem;
  transition: background-color .15s;
}

.checkbox:checked,
.sort-list-container .sort-list input[type='checkbox']:checked {
  background-color: #026CDF;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%;
  box-shadow: inset 0 0 0 2px #026CDF;
}

.radio,
.sort-list-container .sort-list input[type='radio'] {
  width: .9375rem;
  height: .9375rem;
  transition: background-color .15s;
}

.radio:checked,
.sort-list-container .sort-list input[type='radio']:checked {
  box-shadow: inset 0 0 0 5px #026CDF;
}

/* Custom checkbox code 
box-shadow: inset 0 0 0 5px $checkbox-color;



.checkbox {
  @extend .visually-hidden;
}

.checkbox ~ label {
  cursor: pointer;
}

.checkbox ~ label:before {
  content: "";
  display: inline-block;


  vertical-align: baseline;
  -webkit-transform: translateY($micro-value);
          transform: translateY($micro-value);
  margin-right: $small-value;
  width: 1.1em;
  height: 1.1em;
  border: 0;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 0 0 2px $color-border2 inset;
}

.checkbox:checked ~ label:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
  background-color: $color-main;
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  box-shadow: 0 0 0 2px $color-main inset;
}


.simple-input {





  white-space: nowrap;
  font-family: inherit;
  font-size: inherit;
  border: 0;
  box-shadow: 0 0 0 1px darken($color-border, 5%) inset;
  color: $color-base;
  vertical-align: middle;
  padding: $small-value;
  padding-right: $small-value;
  margin: 0;
  transition: 0.25s;
  transition-property: all;
  transition-property: box-shadow, background-color, color, border;
  appearance: none;
}

.select {
  @extend .simple-input;







  padding-right: $medium-value;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
  background-position: right remCalc(.6rem) center;
  background-repeat: no-repeat;
  background-size: remCalc(1.2rem);

  &::-ms-expand {
    display: none;
  }
}
*/
/*
 * Breadcrumb / Fil d'Ariane
 * Styles pour le Fil d'Ariane
 *
 * @author: Olivier Stell
 * @task  : #1
 *
 */
.breadcrumb {
  margin: 1.25rem;
  margin-bottom: .625rem;
}

.breadcrumb-list {
  font-size: 1.125rem;
  padding: 0;
}

.breadcrumb-link:hover,
.breadcrumb-link:focus,
.breadcrumb-link:active {
  text-decoration: underline;
}

.breadcrumb-item {
  display: inline;
  color: #026CDF;
}


.breadcrumb-item h1,
.breadcrumb-item .alsa-h1 {font-size: 1.125rem;display: inline;font-weight:normal;text-transform: capitalize;}

.breadcrumb-item:first-child {
  font-size: 1.25rem;
}

.breadcrumb-item:not(:last-child)::after {
  font-family: 'pictos';
  font-size: 1rem;
}

.breadcrumb-item:last-child {
  font-family: 'Averta', helvetica, arial, sans-serif;
  font-weight: bold;
}

.breadcrumb-item:last-child .breadcrumb-link:hover,
.breadcrumb-item:last-child .breadcrumb-link:focus,
.breadcrumb-item:last-child .breadcrumb-link:active {
  text-decoration: none;
}

.breadcrumb ul li a {color: #026CDF}

.breadcrumb ul li a > * {color: #026CDF}
.breadcrumb ul li a::fist-letter {text-transform: uppercase}

/*
 * Titre et description (tétière)
 *
 * @author: Olivier Stell
 * @task  : #2
 *
 */
.main-header {
  margin: 0 1.25rem 1.25rem;
  color: #262626;
}

.main-header .main-header-title {
  font-family: 'Averta', helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  margin: 0;
  text-transform: uppercase;
}

.main-header .main-header-title-details {
  text-transform: lowercase;
}

.main-header .main-header-descr {
  font-size: .9375rem;
}

/*
 * Module de Slider (carousel)
 *
 * @author: RR
 *
*/
.tm-slider {
  position: relative;
  overflow: hidden;
  width: 958px;
  height: 298px;
  margin: 0 auto 1.875rem;
  border: 0;
    /* wrapper */
    /* slide */
    /* Slide */
    /* link */
    /* image */
    /* Slide content */
    /*
  .slider-item-content {
    // position: relative;
    overflow-x: hidden;
    overflow-y: auto; // If description is too tall, we don't want it to surimpose with prev/next arrows. An internal scrollbar is better (and a short desc is best ^^)
    padding: 5.5rem 14rem 9rem 4rem;
  }

  // Sliders controlling items: prev/next
  .slider-item-control {
    position: absolute;
      bottom: 5.5rem;
      left: 65.9rem;
      z-index: 3;
    width: 20rem; // large enough x2
  }

  [class^="slider-item-control-"] {
    position: relative;
    border: none;
    padding: 0;
    line-height: 1;
    font-size: 4rem;
    color: white;
    background-color: transparent;
    cursor: pointer;

    &:hover {
      color: blue;
    }

    // actual color of arrow (icon is a transparent disk and we add a tiny square below the arrow)
    &::before {
      content: "";
      position: absolute;
        left: 1rem;
        top: 1.1rem;
      width: 2rem;
      height: 2rem;
      background-color: blue;
      border-radius: 50%;
    }

    &:hover::before {
      background-color: white;
    }

    [class^="icon-"] {
      position: relative;
      z-index: 1;
    }
  }
  */
    /* Slider pagination */
    /*
  .slider-control-btn {
    z-index: 7;
    border: 0;
    margin-left: 0.3rem;
    padding: 0;
    font-size: 1.4rem;
    background: none;
    cursor: pointer;

    [class^="slider-control-btn-"] {
      color: #ccc;
    }
  }

  // play
  .slider-control-btn-play {
    .icon-play {
      display: inline-block;
    }

    .icon-pause {
      display: none;
    }
  }

  // pause
  .slider-control-btn-pause {
    .icon-play {
      display: none;
    }

    .icon-pause {
      display: inline-block;
    }
  }
  */
}
.tm-slider .slider-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 
    height: 100%;
}
.tm-slider .slider-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    transition-duration: 300ms; 
    transition-property: -webkit-transform; 
    transition-property: transform; 
    transition-property: transform, -webkit-transform;

    -ms-flex-negative: 0;

        flex-shrink: 0;
}
.tm-slider .slider-item.slider-outside-right
{
    position: absolute;
    z-index: 1;

    transition-delay: 0; 
    -webkit-transform: translate(100%); 
            transform: translate(100%);
}
.tm-slider .slider-item.slider-outside-left
{
    position: absolute;
    z-index: 1;

    transition-delay: 0; 
    -webkit-transform: translate(-100%); 
            transform: translate(-100%);
}
.tm-slider .slider-item.slider-inside
{
    position: absolute;
    z-index: 3;

    transition-delay: 0;
    -webkit-transform: translate(0);
            transform: translate(0);
}
.tm-slider .slider-item-link
{
    display: block;

    width: 100%;

    text-decoration: none;
}
.tm-slider .slider-item-img
{
    float: left;
}
.tm-slider .slider-pagination
{
    position: absolute;
    z-index: 37; 
    right: 1.875rem;
    bottom: .9375rem;
}
.tm-slider .slider-pagination-list
{
    display: inline-block;

    padding-left: 0; 

    list-style: none;
}
.tm-slider .slider-pagination-list-item
{
    display: inline-block;
}
.tm-slider .slider-pagination-list-link
{
    display: block;
    float: left;

    width: .9375rem;
    height: .9375rem;
    margin-left: .3rem;
    margin-left: .3125rem;

    text-decoration: none;
    text-indent: -5000px;

    border-radius: 50%; 
    background: #a8bed5;
}
.tm-slider .slider-pagination-list-link-active
{
    background: #026CDF;
}
.tm-slider .slider-pagination-list-link:focus,
.tm-slider .slider-pagination-list-link:hover
{
    background: #fff;
}
.tm-slider .slider-nav
{
    line-height: 0;

    height: 0;
}
.tm-slider .slider-nav a
{
    font-size: 70px;

    position: absolute;
    z-index: 3;
    top: 115px;

    width: 48px;
    height: 70px;

    transition: background-color .2s; 
    text-indent: 0;

    color: #fff;
    background: transparent;
}
.tm-slider .slider-nav a:hover,
.tm-slider .slider-nav a:active,
.tm-slider .slider-nav a:focus
{
    background: rgba(0, 0, 0, .2);
}
.tm-slider .slider-nav a [class*='icon']
{
    position: absolute;
    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);
}
.tm-slider .slider-nav a.next
{
    right: 0;
    left: auto;
}
.tm-slider .slider-nav a.prev
{
    left: 0;
}

/*
 * Titre et description (tétière)
 *
 * @author: Olivier Stell
 * @task  : #4
 *
 */
.include-html
{
    width: 958px;
    min-height: 2.5rem; 
    margin: 0 auto 1.875rem;

    background: #f6f6f6;
}

/*
 * Module de tri temporel
 * Correspond à "QUAND" dans la colonne gauche
 *
 * @author: Olivier Stell
 * @task  : #5
 *
 */
.next-days-label,
.day-period-label
{
    transition: background 0.2s;
}
.next-days-label:hover,
.day-period-label:hover,
.next-days-label:focus,
.day-period-label:focus,
.next-days-label:active,
.day-period-label:active
{
    background: #e0e0e0;
}

.next-days-list,
.day-period
{
    position: relative;
}
.next-days-list input[type='checkbox']:checked + .next-days-label,
.day-period input[type='checkbox']:checked + .next-days-label,
.next-days-list input[type='checkbox']:checked + .day-period-label,
.day-period input[type='checkbox']:checked + .day-period-label
{
    background-color: #a8bed5;
}
.next-days-list input[type='checkbox']:checked + .next-days-label::after,
.day-period input[type='checkbox']:checked + .next-days-label::after,
.next-days-list input[type='checkbox']:checked + .day-period-label::after,
.day-period input[type='checkbox']:checked + .day-period-label::after
{
    margin-left: .3125rem;

    -ms-flex-item-align: center;

        -ms-grid-row-align: center;

        align-self: center;
}

.next-days-label,
.day-period-label
{
    font-weight: 400; 

    float: none;

    text-align: left;
}

.next-days-label
{
    font-size: 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: .4375rem 1.25rem .4375rem 2.5rem;

    border-bottom: 1px solid #e0e0e0;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

.alsa-reset .next-days-label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sort-calendar .ui-datepicker
{
    float: none; 

    width: 100%;
    margin: 0;
    padding: 0;

    border: 0;
    background-color: #fff;
}

.sort-calendar .ui-datepicker-header
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-size: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .9375rem;
    color: #848282;
    background-color: #fff;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
            font-weight: bold;
}

.sort-calendar .ui-datepicker-prev,
.sort-calendar .ui-datepicker-next
{
    position: static;
    position: relative; 

    color: #848282;
    background: #fff;
}
.sort-calendar .ui-datepicker-prev .ui-icon,
.sort-calendar .ui-datepicker-next .ui-icon
{
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin: 0;

    background: transparent;
}
.sort-calendar .ui-datepicker-prev:hover,
.sort-calendar .ui-datepicker-prev:focus,
.sort-calendar .ui-datepicker-prev:active,
.sort-calendar .ui-datepicker-next:hover,
.sort-calendar .ui-datepicker-next:focus,
.sort-calendar .ui-datepicker-next:active
{
    color: #026CDF;
}

.sort-calendar .ui-datepicker-prev
{
    display: block;
}

.sort-calendar .ui-datepicker-next
{
    display: block;

    -webkit-box-ordinal-group: 11;

        -ms-flex-order: 10;

            order: 10;
}

.sort-calendar .ui-datepicker-calendar
{
    margin: 0;

    border: 0;
    border-bottom: 1px solid #e0e0e0;
}
.sort-calendar .ui-datepicker-calendar thead
{
    border-bottom: 1px solid #e0e0e0;
}
.sort-calendar .ui-datepicker-calendar th,
.sort-calendar .ui-datepicker-calendar td
{
    font-size: .9375rem;

    display: inline-block;

    width: 13.42857%; 
    padding: .4375rem;

    border: none;
}
.sort-calendar .ui-datepicker-calendar th:first-child,
.sort-calendar .ui-datepicker-calendar td:first-child
{
    margin-left: 3%;
}
.sort-calendar .ui-datepicker-calendar th
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    color: #848282;
    background-color: transparent;
    font-weight: bold;
}
.sort-calendar .ui-datepicker-calendar td
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-size: .875rem;
    font-weight: bold;
    padding: 0; 
    background-color: transparent;
}
.sort-calendar .ui-datepicker-calendar .ui-state-default
{
    font-weight: 400; 
    padding: .4375rem 0;
    text-align: center;
    color: #848282;
    border: none;
}
.sort-calendar .ui-datepicker-calendar .ui-state-default:hover,
.sort-calendar .ui-datepicker-calendar .ui-state-default:active,
.sort-calendar .ui-datepicker-calendar .ui-state-default:focus
{
    background: #e0e0e0;
}
.sort-calendar .ui-datepicker-calendar .ui-state-highlight
{
    color: #262626;
    background: none;
}
.sort-calendar .ui-datepicker-calendar .ui-state-active
{
    color: #262626;
}

.sort-datepicker .date-range-selected > .ui-state-active,
.sort-datepicker .date-range-selected > .ui-state-default
{
    color: #262626; 
    background: none;
    background-color: #a8bed5;
}

.sort-datepicker .ui-datepicker-calendar .date-range-start a
{
    color: #fff; 
    background-color: #026CDF;
}

.sort-datepicker .ui-datepicker-calendar .date-range-end a
{
    color: #fff; 
    background-color: #026CDF;
}

.calendar-period
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-size: .875rem;
    position: relative;
    padding: .625rem 1.25rem;
    text-align: center; 
    color: #026CDF;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
}
.calendar-period::after
{
    font-size: 1rem;

    position: absolute;
    right: .3125rem;

    display: inline-block;

    color: #262626;
}

.day-period
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.day-period-label
{
    font-size: 14px; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;

    padding: .4375rem 0;

    text-align: center;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.day-period-label:not(:last-child)
{
    border-right: 1px solid #e0e0e0;
}

.alsa-reset .day-period-label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*
 * Module de tri en fonction de la localisation
 * Correspond à "OU" dans la colonne gauche
 *
 * @author: Olivier Stell
 * @task  : #6
 *
 */
.btn-location
{
    transition: background 0.2s;
}
.btn-location:hover,
.btn-location:focus,
.btn-location:active
{
    background: #e0e0e0;
}
.is-active.btn-location
{
    background-color: #a8bed5;
}

.sort-region-list .sort-region-item label
{
    transition: background 0.2s;
}
.sort-region-list .sort-region-item label:hover,
.sort-region-list .sort-region-item label:focus,
.sort-region-list .sort-region-item label:active
{
    background: #e0e0e0;
}

/*
 * Le style des boutons tiroirs
 * "regions" et "villes"
 */
.btn-location
{
    font-size: .875rem; 

    padding: .3125rem .625rem;

    text-align: right;
    text-transform: uppercase; 

    border-bottom: 1px solid #e0e0e0;
}
.btn-location:nth-last-child(2)
{
    border-bottom: none;
}
.btn-location::after
{
    margin-left: .3125rem;
}

/*
 * La <div> contenant la maparea et les r øgions s ølectionn øes
 */
.sort-regions-map-container
{
    text-align: center;
}

.sort-region-list
{
    border-top: 1px solid #e0e0e0;
}
.sort-region-list .sort-region-item
{
    font-size: .6875rem;

    display: none;

    text-align: right; 
    text-transform: uppercase;

    border-bottom: 1px solid #e0e0e0;
}
.sort-region-list .sort-region-item.is-active
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sort-region-list .sort-region-item label
{
    font-weight: 400;

    float: none;

    padding: .3125rem .625rem .3125rem .625rem; 

    -webkit-box-flex: 1; 

        -ms-flex: 1; 

            flex: 1;
}
.sort-region-list .sort-region-item label::after
{
    margin-left: .3125rem;
}

.map_france
{
    position: relative;

    width: 235px;
    margin: .9375rem auto;
}
.map_france img
{
    position: absolute;
    top: 0;
    left: 0;
}
.map_france [data-region].hovered
{
    opacity: 0.2;
}
.map_france [data-region].is-active
{
    opacity: 1;
}
.map_france .country, .map_france .area {
    fill: #eaeaea;
    stroke: #bebebe;
    stroke-width: 0.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;


}
.map_france .is-active .area, .map_france .area:hover {
    fill: #bbdae8;



}

/*
 * La liste des villes en checkbox
 * Si la liste est trop longue : scroll vertical
 */
.sort-towns > .sort-list
{
    overflow-y: auto; 

    max-height: 16.25rem;
}

/*
 * Module de tri : Services souhaités
 * Correspond à "SERVICES" dans la colonne gauche
 *
 * @author: Olivier Stell
 * @task  : #7
 *
 */
.sort-type .sort-list-container > .sort-list
{
    overflow-y: auto; 

    max-height: 16.25rem;
}

/*
 * Module de tri : Le prix
 * Correspond à "PRIX" dans la colonne gauche
 *
 * @author: Olivier Stell
 * @task  : #8
 *
 */
.sort-price .sort-list
{
    margin-bottom: .625rem;
}

.sort-price .sort-list-item-label
{
    text-transform: none;
}

/* UI Slider range bloc container */
.sort-price-range
{
    padding: .625rem;

    border-bottom: 1px solid #e0e0e0;
}

.sort-price-range-widget
{
    margin: .625rem;
}

.price-range
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: .625rem;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

[class^='price-range-']
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: .875rem; 

    color: #262626;
}

/*
 * UI Slider Range Basic styles modified
 *
 */
.ui-slider
{
    position: relative;

    text-align: left;
}

.ui-slider .ui-slider-handle
{position: absolute;
z-index: 2;
width: 1.25rem;
height: 1.25rem!important;
cursor: default; 
border-radius: .125rem!important
}

.ui-slider .ui-slider-range
{
    font-size: .7em;

    position: absolute;
    z-index: 1;

    display: block;

    border: 0;
}

.ui-slider-horizontal
{height: .625rem!important}

.ui-slider-horizontal .ui-slider-handle
{
    top: -.3em;

    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range
{
    top: 0;

    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min
{
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max
{
    right: 0;
}

/*
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
*/
/* Override UI Slider range style */
.sort-price-range .ui-widget-content
{
    border-color: #e0e0e0;
    background: #f6f6f6;
}

.sort-price-range .ui-widget-header
{
    background: #a8bed5;
}

.sort-price-range .ui-state-default,
.sort-price-range .ui-widget-content .ui-state-default
{
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
}
.sort-price-range .ui-state-default.ui-state-hover,
.sort-price-range .ui-state-default.ui-state-focus,
.sort-price-range .ui-widget-content .ui-state-default.ui-state-hover,
.sort-price-range .ui-widget-content .ui-state-default.ui-state-focus
{
    border: 1px solid #e0e0e0;
    background: #e0e0e0;
}

/*
 * Module de tri : Les services
 * Correspond à "SERVICES" dans la colonne gauche
 *
 * @author: Olivier Stell
 * @task  : #7
 *
 */
.sort-services .sort-list-item-label
{
    text-transform: none;
}

/*
 * Layout des blocs principaux de la page
 * (content, colonnes, etc... )
 *
 * @author: Olivier Stell
 * @task  : #9
 *
 */
/* Parent section */
.content-banner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 2.5rem;
}

/* Generic simple event presentation */
.simple-event
{
    /* List (top-ten like) */
    /* Simple event bloc with img (bon plans like) */
}
.simple-event-list
{
    padding-left: 0px; 

    counter-reset: level1;
}
.simple-event-list .simple-event-list-item
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-size: .8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: .0625rem 0;
    transition: background 0.2s; 
    color: #848282;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
}
.simple-event-list .simple-event-list-item:hover,
.simple-event-list .simple-event-list-item:focus,
.simple-event-list .simple-event-list-item:active
{
    background-color: #f7f7f7;
}
.simple-event-list .simple-event-list-item::before
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: 700;
    line-height: 1.2; 
    font-weight: bold;
    margin-right: .625rem;
    content: counter(level1);
    /*Instead of ". " */
    counter-increment: level1;
    text-align: right;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 .9375rem;
            flex: 0 0 .9375rem;
}
.simple-event-list .simple-event-list-link
{
    position: relative;

    display: block; 

    padding-right: 1.5625rem;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 0px;

            flex: 1 1 0;
}
.simple-event-list .simple-event-list-link:hover::after,
.simple-event-list .simple-event-list-link:focus::after,
.simple-event-list .simple-event-list-link:active::after
{
    -webkit-transform: translate3d(.3125rem, -50%, 0);
            transform: translate3d(.3125rem, -50%, 0);
}
.simple-event-list .simple-event-list-link::after
{
    font-size: 1.25rem;
    position: absolute;
    top: 50%;
    right: 0rem;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s; 
    -webkit-transform: translate3d(0, -50%, 0); 
            transform: translate3d(0, -50%, 0);
    color: #026CDF;
}
.simple-event-list .simple-event-list-title,
.simple-event-list .simple-event-list-place,
.simple-event-list .simple-event-list-time
{
    line-height: 1.2;

    color: #848282;
    max-width: 242px;
}
.simple-event-list .simple-event-list-title,
.simple-event-list .simple-event-list-place
{
    text-transform: uppercase;
}
.simple-event-list .simple-event-list-place,
.simple-event-list .simple-event-list-time
{
    font-size: .6875rem;
}
.simple-event-list .simple-event-list-title
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: .78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.simple-event-list .simple-event-list-time
{
    display: block;
}
.simple-event-bloc
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e0e0e0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.simple-event-bloc-img-container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    -webkit-box-flex: 0; 

        -ms-flex: 0 0 100%; 

            flex: 0 0 100%;
}
.simple-event-bloc-img
{
    width: 100%;
    height: 6.25rem;

    border-bottom: 1px solid #e0e0e0;

    -o-object-fit: cover;

       object-fit: cover;
}
.simple-event-bloc-tag
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 3px;
    text-align: center;
    border: 3px solid #fff;
    background-color: #e0e0e0;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
}
.simple-event-bloc-tag small
{
    display: block;
}
.simple-event-bloc .simple-event-bloc-text
{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
}
.simple-event-bloc .simple-event-bloc-title,
.simple-event-bloc .simple-event-bloc-name,
.simple-event-bloc .simple-event-bloc-details
{
    text-transform: uppercase;
}
.simple-event-bloc .simple-event-bloc-title,
.simple-event-bloc .simple-event-bloc-name
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-weight: 700;
}
.simple-event-bloc .simple-event-bloc-name,
.simple-event-bloc .simple-event-bloc-details
{
    font-size: .8125rem;
}
.simple-event-bloc .simple-event-bloc-title
{
    font-size: 1.125rem;
    line-height: 1;

    margin-top: .3125rem;
}
.simple-event-bloc .simple-event-bloc-name a:hover,
.simple-event-bloc .simple-event-bloc-name a:active,
.simple-event-bloc .simple-event-bloc-name a:focus
{
    text-decoration: underline;
}
.simple-event-bloc .simple-event-bloc-details
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
}

/* The left include banner */
.banner-include
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 370px;

            flex: 0 0 370px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.banner-include .banner-include-link
{
    display: block;
}
.banner-include .banner-include-link img
{
    display: block;
}

/* TOP 10 content */
/* Specific parent class + generic event list */
.banner-topten
{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
			margin-left: 15px;
      padding: 7px 0 0 0; 
}
.banner-topten-title
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.2;

    margin-bottom: .9375rem; 

    text-align: center;
    text-transform: uppercase;

    color: #026CDF;
}
.banner-topten-title strong
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;

    display: block;
}

/* BONS PLANS content */
/* Specific parent class + generic event flex blocs */
.banner-bonplan
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
}
.banner-bonplan .simple-event-bloc
{
    min-width: 40%; 
    margin-bottom: 1.25rem;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 0px;

            flex: 1 1 0;
}
.banner-bonplan .simple-event-bloc:nth-last-child(-n+2)
{
    margin-bottom: 0;
}
.banner-bonplan .simple-event-bloc:nth-child(2n+1)
{
    margin-right: 1.25rem;
}
.banner-bonplan .simple-event-bloc .banner-bonplan .simple-event-bloc-img
{
    width: 100%;
}
.banner-bonplan .simple-event-bloc.blue .simple-event-bloc-title a
{
    color: #026CDF;
}
.banner-bonplan .simple-event-bloc.blue .simple-event-bloc-tag
{
    font-size: 2.5rem; 

    color: #fff;
    background-color: #026CDF;
}
.banner-bonplan .simple-event-bloc.pink .simple-event-bloc-title a
{
    color: #d01677;
}
.banner-bonplan .simple-event-bloc.pink .simple-event-bloc-tag
{
    color: #fff; 
    background-color: #d01677;
}

/*
 * Filtres des résultats
 *
 * @author: Olivier Stell
 * @task  : #10
 *
 */
/* Title with number of results */
.results-filter-info
  {font-family: 'Averta', helvetica, arial, sans-serif;
    font-size: 1.125rem;
    padding: .625rem; 
    color: #fff;
    border: 1px solid #c8c8c8;
    border-bottom: 0;
    background-color: #026CDF;
}
.results-filter-info strong
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
}

/* Filter currently applied */
/* If no filter, the zone is hidden */
.current-filters-list
{
    margin: 0;
    padding: .3125rem;

    border-top: 1px solid #c8c8c8;
}
.current-filters-list .current-filter-item
{
    font-size: .875rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin: .4375rem;
    padding: .625rem;

    text-transform: uppercase;

    color: #262626; 
    border: 1px solid #c8c8c8;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;
}
.current-filters-list .current-filter-item.filter-reset
{
    background-color: #c8c8c8;
}
.current-filters-list .current-filter-item::after
{
    font-size: 1rem;

    display: block; 

    margin-left: .3125rem;
}
.current-filters-list .current-filter-item:hover,
.current-filters-list .current-filter-item:focus,
.current-filters-list .current-filter-item:active
{
    border-color: #848282;
}

/* Button to open the filter list */
/* Contains the title of every filter list */
.filter-opener
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: .8125rem;

    position: relative; 

    text-transform: uppercase;

    color: #262626;
}
.filter-opener .filter-titles
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 1px solid #c8c8c8;
}
.filter-opener .filter-general
{
    position: absolute;
    top: 0;
    right: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    overflow: hidden;

    height: 100%;
    padding: 0 .3125rem 0 .625rem;

    border: 1px solid #c8c8c8;
    border-left: none;
    background: #f6f6f6 url('/static/imgs/filter-bg.png') no-repeat;
    background: #f6f6f6 url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%278%27%20height%3D%2750%27%3E%3Cpolygon%20fill%3D%27white%27%20points%3D%270%2C0%208%2C0%200%2C25%208%2C50%200%2C50%27%20/%3E%3C/svg%3E') no-repeat;
    background-position: 0 50%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}
.filter-opener .filter-general [class*='icon']
{
    font-size: 1.5rem;

    display: block; 

    margin-right: .4375rem;
}
.filter-opener .filter-col-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: .625rem;

    border-right: 1px solid #c8c8c8;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filter-opener .filter-col-title:last-child
{
    border: none;
}
.filter-opener .filter-col-title:last-child::after
{
    margin-right: 5.625rem;
}
.filter-opener .filter-col-title::after
{
    font-size: 1.25rem;

    display: block; 

    margin-right: .625rem;

    content: '+';
    transition: color .3s;

    color: #848282;
}
.filter-opener.is-active .filter-col-title::after
{
    content: '-';
}
.filter-opener:hover .filter-col-title::after,
.filter-opener:focus .filter-col-title::after,
.filter-opener:active .filter-col-title::after
{
    color: #026CDF;
}

/* List of all filters */
/* Hidden. Opens when the filter list button is clicked */
.filter-list-container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: auto; 

    transition: -webkit-transform .2s; 

    transition: transform .2s; 

    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;

    border: 1px solid #c8c8c8;
    border-top: none;
}
.filter-list-container .filter-list-item
{
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.filter-list-container ul
{
    max-height: 15.625rem;
}
.filter-list-container.js-hidden
{
    height: 0; 

    -webkit-transform: scaleY(0); 

            transform: scaleY(0);
}

.filter-name,
.filter-town
{
    -webkit-box-flex: 15;
        -ms-flex: 15 1 0px;
            flex: 15 1 0;
}

.filter-month
{
    -webkit-box-flex: 11;
        -ms-flex: 11 1 0px;
            flex: 11 1 0;
}

.filter-place
{
    -webkit-box-flex: 19;
        -ms-flex: 19 1 0px;
            flex: 19 1 0;
}

.filter-list
{
    overflow-y: auto; 

    max-height: 15.625rem;

    border-right: 1px solid #c8c8c8;
    background: #f6f6f6;
}
.filter-list:last-child
{
    border: none;
}
.filter-list .sort-list-item-label
{
    font-size: .8125rem;
}
.filter-list .sort-list-item-label::before
{
    -webkit-transform: translateY(.0625rem);
            transform: translateY(.0625rem);
}

.results-filter .filter-list-container .filter-list .sort-list-item-label::before
{
    -webkit-transform: translateY(.0625rem);
            transform: translateY(.0625rem);
}

/*
 * Tri des résultats
 *
 * @author: Olivier Stell
 * @task  : #11
 *
 */
.results-order
{
    position: relative; 

    display: inline-block;

    margin: .9375rem 0 .9375rem .625rem;
}

.btn-results-order
{
    font-size: .875rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: .625rem 0 .625rem .9375rem;

    transition: border-color .3s; 

    -webkit-box-align: end; 

        -ms-flex-align: end; 

            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.btn-results-order .results-order-checked
{
    margin-left: .3125rem;
}
.btn-results-order:hover,
.btn-results-order:focus,
.btn-results-order:active
{
    border-color: #848282;
}
.btn-results-order::after
{
    margin-bottom: .125rem; 
    margin-left: .3125rem;
}

.result-order-container
{
    position: absolute;
    z-index: 100;
    right: 0;

    transition: -webkit-transform .2s;

    transition: transform .2s;

    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0; 

    border: 1px solid #848282;
    background-color: #fff;
}
.result-order-container.js-hidden
{
    display: block;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);
}

.results-order-list
{
    font-size: .875rem;
    font-weight: 400;

    padding: .625rem 0;

    -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;
}
.results-order-list input[type='radio']:checked + .results-order-label
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: .8125rem; 
    font-weight: 700;
}
.results-order-list .results-order-label
{
    font-size: .875rem;
    font-weight: 400;

    display: block; 

    padding: .125rem .9375rem;
}
.results-order-list .results-order-label:hover,
.results-order-list .results-order-label:active,
.results-order-list .results-order-label:focus
{
    color: #026CDF;
}

.alsa-reset .results-order-list
{
    padding: .625rem 0;
}

/*
 * Bloc de résultat de recherche
 *
 * @author: Olivier Stell
 * @task  : #12
 *
 */
.bloc-results
{
    clear: both;
}

.bloc-result
{font-family: 'Averta', helvetica, arial, sans-serif;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 160px;
    margin-top: .9375rem;
    border: 1px solid #e0e0e0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* Article picture */
    /* Article all text content */
    /* End article all text content */
    /* Container of top right infos */
    /* End container of top right infos */
    /* Container : order, infos, available seats & sales */
    /* Square with the order number */
    /* Flex-item container of location, type & artist */
    /* Contained in infos */
    /* End contained in infos */
    /* Flex-item container of available-seats & sale */
    /* Table with seats availability according to schedule */
    /* Article bottom line */
}
.bloc-result .bloc-result-visual
{
    position: relative;

    width: 97px;
    height: 128px;

    transition: opacity .3s;
}
.bloc-result .bloc-result-visual:hover,
.bloc-result .bloc-result-visual:active,
.bloc-result .bloc-result-visual:focus
{
    opacity: .75;
}
.bloc-result .bloc-result-visual-content
{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: inherit;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}
.bloc-result .bloc-result-content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 

    min-height: 128px;
    padding: 2px 5px 3px 15px;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;
}
.bloc-result .bloc-result-title,
.bloc-result .bloc-result-when
{
    overflow: hidden;

    /*width: 270px;*/
	width: 330px;
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.bloc-result .bloc-result-title
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-weight: 700;

    text-transform: uppercase;
}
.bloc-result .bloc-result-when
{font-family: 'Averta', helvetica, arial, sans-serif;
    line-height: 1.2; 
    font-weight: normal;
    display: block;
}
.bloc-result .bloc-result-rating
{
    line-height: 1.2;

    display: inline-block;

    vertical-align: top; 

    color: #e0e0e0;
}
.bloc-result .bloc-result-rating .gray-stars,
.bloc-result .bloc-result-rating .yellow-stars
{
    display: block; 

    height: 20px;
}
.bloc-result .bloc-result-rating .gray-stars
{
    width: 90px;

    background: url('/static/imgs/rating-gray.png') no-repeat;
}
.bloc-result .bloc-result-rating .yellow-stars
{
    width: 0;

    background: url('/static/imgs/rating-yellow.png') no-repeat;
}
.bloc-result .bloc-result-rating.rate-0 .yellow-stars
{
    width: 0;
}
.bloc-result .bloc-result-rating.rate-0\.5 .yellow-stars
{
    width: 9px;
}
.bloc-result .bloc-result-rating.rate-1 .yellow-stars
{
    width: 18px;
}
.bloc-result .bloc-result-rating.rate-1\.5 .yellow-stars
{
    width: 27px;
}
.bloc-result .bloc-result-rating.rate-2 .yellow-stars
{
    width: 36px;
}
.bloc-result .bloc-result-rating.rate-2\.5 .yellow-stars
{
    width: 45px;
}
.bloc-result .bloc-result-rating.rate-3 .yellow-stars
{
    width: 54px;
}
.bloc-result .bloc-result-rating.rate-3\.5 .yellow-stars
{
    width: 63px;
}
.bloc-result .bloc-result-rating.rate-4 .yellow-stars
{
    width: 72px;
}
.bloc-result .bloc-result-rating.rate-4\.5 .yellow-stars
{
    width: 81px;
}
.bloc-result .bloc-result-rating.rate-5 .yellow-stars
{
    width: 90px;
}
.bloc-result .bloc-result-hours
{
    line-height: 1.2;

    display: inline-block;
    overflow: hidden;

    max-width: 151px;
    margin-top: 4px;
    margin-left: .4375rem;


    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #026CDF;
}
.bloc-result .bloc-result-link
{
    font-size: 14px;

    position: relative;

    margin: 0 .19rem; 

    color: #026CDF;
}
.bloc-result .bloc-result-link:hover,
.bloc-result .bloc-result-link:active
{
    text-decoration: underline;
}
.bloc-result .bloc-result-ticket-info
{
    position: absolute;
    top: 5px;
    right: 5px;

    width: 285px;
    height: 52px;
    padding-left: 130px; 

    text-align: right;
}
.bloc-result.bloc-platinum .bloc-result-ticket-info
{
    background: url('/static/imgs/logo-platinum.png') no-repeat 0 -2px;
    background-position: right 155px top -2px; 
    background-size: 125px 37px;
}
.bloc-result.bloc-billet .bloc-result-ticket-info
{
    background: url('/static/imgs/logo-billet.png') no-repeat 0 0;
    background-image: url('/static/imgs/logo-billet.svg');
    background-position: right 155px top 0; 
    background-size: 41px 20px;
}
.bloc-result.bloc-parking .bloc-result-ticket-info
{
    background: url('/static/imgs/logo-parking.png') no-repeat 0 1px;
    background-image: url('/static/imgs/logo-parking.svg');
    background-position: right 155px top 1px; 
    background-size: 64px 20px;
}

.bloc-result.bloc-package-fr .bloc-result-ticket-info

{
    width: 235px;
    padding-left: 75px; 
    background: url('/static/imgs/fr/logo-package.png') no-repeat 0 1px;
    background-image: url('/static/imgs/fr/logo-package.svg');
    background-position: right 155px top 1px; 
    background-size: 75px 20px;
}

.bloc-result.bloc-package-en .bloc-result-ticket-info
{width: 235px;
    padding-left: 75px; 
    background: url('/static/imgs/en/logo-package.png') no-repeat 0 1px;
    background-image: url('/static/imgs/en/logo-package.svg');
    background-position: right 155px top 1px; 
    background-size: 75px 20px;
}

.bloc-result .bloc-result-price
{font-size: 15px;line-height: 1.2; text-transform: uppercase;color: #026CDF}
.bloc-result .bloc-result-price strong{font-family: 'Averta semibold', helvetica, arial, sans-serif}
.bloc-result .bloc-result-reseller{height: 30px;margin-top: 5px}
.bloc-result .bloc-result-reseller img{width: auto;height: 100%;margin-left: 5px}
.bloc-result .bloc-result-details
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    min-height: 60px;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}
.bloc-result .bloc-result-content-details
{
    position: relative;
    z-index: 0; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;

    width: 73%;
    margin-top: 15px;
}
.bloc-result .bloc-result-order
{font-size: 24px; 
font-weight: normal;
display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    background-color: #dce5ee;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bloc-result .bloc-result-infos
{
    overflow: hidden; 

    width: 360px;
}
.bloc-result .bloc-result-infos p
{
    font-size: 12px;
    line-height: 1.25;
    font-weight: normal;
}
.bloc-result .bloc-result-location,
.bloc-result .bloc-result-type,
.bloc-result .bloc-result-artist .artist-name
{
    text-transform: uppercase;
}
.bloc-result .bloc-result-location
{
    color: #262626;
}
.bloc-result .bloc-result-location [class^='icon']
{
    font-size: 16px;

    display: inline-block;

    -webkit-transform: translateY(.1875rem);

            transform: translateY(.1875rem);
}
.bloc-result .bloc-result-location,
.bloc-result .bloc-result-type,
.bloc-result .bloc-result-artist
{
    overflow: hidden;

    text-overflow: ellipsis;
}
.bloc-result .bloc-result-location,
.bloc-result .bloc-result-type
{
    white-space: nowrap;
}
.bloc-result .bloc-result-location a:hover,
.bloc-result .bloc-result-location a:active,
.bloc-result .bloc-result-location a:focus,
.bloc-result .bloc-result-artist a:hover,
.bloc-result .bloc-result-artist a:active,
.bloc-result .bloc-result-artist a:focus
{
    text-decoration: underline;
}
.bloc-result .bloc-result-artist.js-hidden
{
    display: inherit; 

    white-space: nowrap;
}
.bloc-result .bloc-result-type,
.bloc-result .bloc-result-artist,
.bloc-result .bloc-result-artist .artist-name
{
    color: #848282;
}
.bloc-result .btn-more-artists
{
    position: absolute;
    top: 25px;
    right: -12px;
}
.bloc-result .btn-more-artists::before
{
    font-size: 18px; 
    font-weight: 700;

    content: '+';

    color: #848282;
}
.bloc-result .btn-more-artists.is-active::before
{
    content: '-';
}
.bloc-result .bloc-result-more
{
    position: relative; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 

    width: 27%;
    height: 60px;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.bloc-result .bloc-result-more.js-hidden .available-seats-dropdown
{
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
}
.bloc-result .btn-available-seats
{
    font-size: 14px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 7px 10px;


    color: #848282;
    border: 2px solid #e0e0e0;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;
}
.bloc-result .btn-available-seats:hover,
.bloc-result .btn-available-seats:active,
.bloc-result .btn-available-seats:focus
{
    color: #262626;
}
.bloc-result .btn-available-seats:after
{
    display: block; 

    margin-left: 14px;

   content: '?';
}
.bloc-result .btn-available-seats.is-active
{
    padding-right: 2px;
}
.bloc-result .btn-available-seats.is-active::after
{
    font-size: 16px;

    margin-left: 0;
}
.bloc-result .bloc-result-sale{font-size: 14px;font-weight: 700;line-height: 1.2;overflow: hidden;max-width: 125px;margin-top: auto;white-space: nowrap;text-overflow: ellipsis; color: #962D94;float: right}
.bloc-result .available-seats-dropdown{position: absolute;z-index: 20;top: calc(89px + 12px - .125rem);
    right: 6px;
    width: auto;
    -webkit-transform: scaleY(1); 
            transform: scaleY(1);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;border: 1px solid #e0e0e0}
.bloc-result .available-seats-dropdown td,
.bloc-result .available-seats-dropdown th
{
    font-size: 14px;

    padding: .625rem; 

    text-align: center;
    vertical-align: center;

    color: #262626;
    border: 1px solid #e0e0e0;
}
.bloc-result .available-seats-dropdown .bloc-result-link,
.bloc-result .available-seats-dropdown thead th
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-weight: 700;
}
.bloc-result .available-seats-dropdown tr th
{
    font-weight: bold;
}
.bloc-result .available-seats-dropdown th
{
    white-space: nowrap;
}
.bloc-result .available-seats-dropdown .bloc-result-link
{
    text-decoration: none;
}
.bloc-result .available-seats-dropdown .bloc-result-link:hover,
.bloc-result .available-seats-dropdown .bloc-result-link:active,
.bloc-result .available-seats-dropdown .bloc-result-link:focus
{
    text-decoration: underline;
}
.bloc-result .bloc-result-footer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 1.875rem;

    -ms-flex-item-align: end;

        align-self: flex-end;
}
.bloc-result .bloc-result-services
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: normal;
    border-top: 1px solid #e0e0e0; 
    -webkit-box-flex: 1; 
        -ms-flex: 1 1 auto; 
            flex: 1 1 auto;
}
.bloc-result .bloc-result-services-item,
.bloc-result .bloc-result-services-button
{
    font-size:12px; 
    line-height: 1;

    padding: 2px 2px 2px 5px;

    text-align: center;

    color: #a6a6a6;
    border-right: 1px solid #e0e0e0;
    background-color: #f7f7f7;
}
.bloc-result .bloc-result-services-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* Active item */
}
.bloc-result .bloc-result-services-item.services-eticket,
.bloc-result .bloc-result-services-item.services-mticket
{
    width: 16%;
}
.bloc-result .bloc-result-services-item.services-plan
{
    width: 20%;
}
.bloc-result .bloc-result-services-item.is-active
{
    background-color: #efefef;
    color: #262626;
}
.bloc-result .bloc-result-services-item.is-active::before
{
    font-size: 24px;

    display: block; 

    margin-top: 0;

    color: #262626;

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;
}
.bloc-result .bloc-result-services-button.services-collector
{
    width: 29%;
}
.bloc-result .bloc-result-services-button.services-video
{
    width: 20%;
}
.bloc-result .bloc-result-services-button.services-collector,
.bloc-result .bloc-result-services-button.services-video
{
    cursor: not-allowed;
    pointer-events: none;
}
.bloc-result .bloc-result-services-button sup{display:block;margin:-5px 0 0 -3px}
.bloc-result .bloc-result-services-button span
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.bloc-result .bloc-result-services-button.is-active
{
    background-color: #efefef;
}
.bloc-result .bloc-result-services-button.is-active.services-collector,
.bloc-result .bloc-result-services-button.is-active.services-video
{
    cursor: pointer;
    pointer-events: auto;
    color: #262626;
}
.bloc-result .bloc-result-services-button.is-active.services-collector:hover,
.bloc-result .bloc-result-services-button.is-active.services-collector:active,
.bloc-result .bloc-result-services-button.is-active.services-collector:focus,
.bloc-result .bloc-result-services-button.is-active.services-video:hover,
.bloc-result .bloc-result-services-button.is-active.services-video:active,
.bloc-result .bloc-result-services-button.is-active.services-video:focus
{
    color: #026CDF;
}
.bloc-result .bloc-result-services-button.is-active span::before
{
    font-size: 24px;

    display: block; 

    margin-top: 0;
    margin-left: .125rem;

    color: #262626;

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;
}
.bloc-result .bloc-result-button{width:19%}
.bloc-result .bloc-result-button a{display: block;text-transform:lowercase}
.bloc-result .bloc-result-button a::first-letter{text-transform:uppercase}

.bloc-result .bloc-result-status{font-family:'Averta semibold', helvetica, arial, sans-serif;font-size:16px;font-weight:400;line-height:1;position:relative;
  display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;padding: 5px;text-align: center;border-top: 1px solid;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
    /* Blue button-like links */
    /* Grey button */
    /* White button */
    /* White button */
}
.bloc-result .bloc-result-status.btn-blue{padding:5px 15px 5px 5px;transition:background-color .3s;color:#fff;border-color:#026CDF;background-color:#026CDF}
.bloc-result .bloc-result-status.btn-blue:hover{background-color: #0151a7}
.bloc-result .bloc-result-status.btn-blue:focus,
.bloc-result .bloc-result-status.btn-blue:active{background-color: #0151a7}
.bloc-result .bloc-result-status.btn-blue:hover::after,
.bloc-result .bloc-result-status.btn-blue:focus::after,
.bloc-result .bloc-result-status.btn-blue:active::after
{-webkit-transform: translate3d(.125rem, -50%, 0);transform: translate3d(.125rem, -50%, 0)}
.bloc-result .bloc-result-status.btn-blue::after{font-size: 1rem;position: absolute;top: 50%;right: 0;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s, -webkit-transform .2s; 
-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);color: #fff;display: none}

.bloc-result .bloc-result-status.btn-grey{font-size:15px;line-height: 1;transition: background-color .3s; color: #fff;border-color: #026cdf;background-color: #026cdf}
.bloc-result .bloc-result-status.btn-grey:hover,
.bloc-result .bloc-result-status.btn-grey:focus,
.bloc-result .bloc-result-status.btn-grey:active{background-color: #0151a7}
.bloc-result .bloc-result-status.btn-white
{
    transition: background-color .3s; 

    color: #fff;
    border-color: #e0e0e0;
    background-color: #b61624;
}
.bloc-result .bloc-result-status.btn-white:hover,
.bloc-result .bloc-result-status.btn-white:focus,
.bloc-result .bloc-result-status.btn-white:active
{
    background-color: #cd1929;
}
.bloc-result .bloc-result-status.btn-red
{
    transition: background-color .3s; 

    color: #fff;
    border-color: #e0e0e0;
    background-color: #b61624;
}
.bloc-result .bloc-result-status.btn-red:hover,
.bloc-result .bloc-result-status.btn-red:focus,
.bloc-result .bloc-result-status.btn-red:active
{
    background-color: #cd1929;
}

/*
 * Pagination des résultats de recherche
 *
 * @author: Olivier Stell
 * @task  : #13
 *
 */
.results-pagination
{font-family: 'Averta', helvetica, arial, sans-serif;
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    margin: 2.5rem auto 2.5rem;
    padding: 0 1.25rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.pagination-link,
.pagination-gap
{
    margin: 0 .125rem .125rem; 
    padding: .125rem 0;
}

.pagination-link
{
    font-size: .875rem; 

    color: #262626;
	text-decoration: none;
}
.pagination-link.is-active,
.pagination-link:hover,
.pagination-link:active,
.pagination-link:focus
{
    color: #026CDF;
}
.pagination-link:hover,
.pagination-link:active,
.pagination-link:focus
{
    text-decoration: underline;
}
.pagination-link.is-active
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-weight: 700;

    cursor: not-allowed;
    pointer-events: none;
}
.pagination-link.pagination-previous,
.pagination-link.pagination-next
{
    padding: .125rem;
	text-decoration: none;
}
.pagination-link.pagination-previous:hover,
.pagination-link.pagination-previous:active,
.pagination-link.pagination-previous:focus,
.pagination-link.pagination-next:hover,
.pagination-link.pagination-next:active,
.pagination-link.pagination-next:focus
{
    text-decoration: none;
}
.pagination-gap
{
    color: #a6a6a6;
}

/*
 * Formulaire pour se créer des alertes mail
 *
 * @author: Olivier Stell
 * @task  : #15
 *
 */
.email-alert
{
    padding: 1.25rem; 

    background-color: #ebebeb;
}
.email-alert label
{
    text-align: left;
}
.email-alert .email-alert-content
{
    max-width: 25rem;
    margin: 0 auto;
}
.email-alert .email-alert-title
{
    font-size: 1rem;
    font-weight: 400;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 1.25rem;

    text-align: center;
    text-transform: uppercase;

    color: #262626;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.email-alert .email-alert-title [class^='icon']
{
    font-size: 1.75rem; 

    margin-right: .625rem;

    color: #026CDF;
}
.email-alert .alert-form-title
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: .9375rem;
    font-weight: 700; 

    color: #262626;
}
.email-alert .alert-form-title .alert-item
{
    text-transform: uppercase;
}
.email-alert .alert-form-list-container
{
    overflow-y: auto; 

    width: 100%;
    max-height: 5rem;

    border: 1px solid lightgray;
    background-color: #fff;
}
.email-alert .alert-form-list-container .sort-list
{
    padding-top: .625rem;
}
.email-alert .alert-form-label
{
    font-size: .8125rem;
    font-weight: 400;

    display: block;

    margin-top: .4375rem;
    margin-left: .125rem;
    padding: 0;

    cursor: default; 
    text-align: left;

    color: #777575;
}
.email-alert .alert-form-container
{
    margin-bottom: 1.25rem;
}
.email-alert .alert-form-container .alert-form-input,
.email-alert .alert-form-container .alert-form-select
{
    font-size: .8125rem;

    background-color: #fff;
}
.email-alert .alert-form-container .alert-form-input
{
    line-height: 1.2;

    padding: .625rem; 

    border: 1px solid lightgray;
    border-right: 0;
}
.email-alert .alert-form-container .alert-form-submit
{
    font-size: .875rem;
    line-height: 1;

    margin-right: 0;
    padding: .625rem;

    transition: background-color .3s; 
    text-transform: uppercase;
}
.email-alert .alert-form-container .alert-form-submit:hover,
.email-alert .alert-form-container .alert-form-submit:focus,
.email-alert .alert-form-container .alert-form-submit:active
{
    background-color: #0082ba;
}
.email-alert .alert-form-container .inline-inputs
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.email-alert .alert-form-container .inline-inputs .alert-form-input
{
    min-width: 0;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;
}
.email-alert .alert-form-container .inline-inputs .alert-form-submit
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

/*
 * Scroll to top
 *
 * @author: Olivier Stell
 * @task  : #14
 *
 */
#container
{
    position: relative;
}

.btn-scroll-top
{
    font-size: 2.5rem;

    position: fixed;
    z-index: 50;
    bottom: .9375rem;
    left: calc(50% + (1014px / 2) + .9375rem);

    display: none;

    padding: .3125rem;

    transition: padding .3s; 

    color: #026CDF;
    border: 1px solid #026CDF;
    background-color: #f7f7f7;
}
.btn-scroll-top [class^='icon-']
{
    color: #026CDF;
}
.btn-scroll-top:hover,
.btn-scroll-top:active,
.btn-scroll-top:focus
{
    padding: 0 .3125rem .625rem;
}

/*
 * Fenêtres modales
 *
 * @author: Rodolphe
 *
 */
dialog
{
    display: block;
}

.no-scroll
{
    overflow: hidden;
}

.modal-overlay
{
    position: fixed;
    z-index: 1337;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-color: rgba(0, 0, 0, .3);
}

.modal
{
    position: fixed;
    z-index: 1338;
    top: 50%;
    left: 50%;

    max-width: 90vw;
    max-height: 90vh;
    margin: 0;
    padding: 0;

    -webkit-transform: translate3d(-50%, -50%, 0);

            transform: translate3d(-50%, -50%, 0);

    border: 0;
    background-color: #fff;
    box-shadow: 2px 2px 15px #000;
}
.modal *
{
    max-width: 100%;
}
.modal .container
{
    position: relative;
}
.modal .modal-close
{
    position: absolute;
    z-index: 1339; 
    top: .625rem;
    right: .625rem;

    background-color: #fff;
}
.modal .modal-close::before
{
    font-size: 45px; 

    color: #026CDF;
}

.modal-billet .modal-button,
.modal-video .modal-button
{font-weight: bold;font-size: 1.25rem;font-weight: 400;line-height: 1;position: relative;display: inline-block;margin-top: 1.25rem;padding: .625rem 2.5rem .625rem 2.45rem;
transition: background-color .3s; text-align: center;color: #fff;background-color: #026CDF;text-decoration-line: none}
.modal-billet .modal-button::after,
.modal-video .modal-button::after
{ font-size: 1.25rem;
    position: absolute;
    top: 50%;
    right: .625rem;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s; 
    -webkit-transform: translate3d(0, -50%, 0); 
    transform: translate3d(0, -50%, 0);
    color: #fff;
    display: none
}
.modal-billet .modal-button:hover,
.modal-billet .modal-button:focus,
.modal-billet .modal-button:active,
.modal-video .modal-button:hover,
.modal-video .modal-button:focus,
.modal-video .modal-button:active
{
    background-color: #0082ba;
}
.modal-billet .modal-button:hover::after,
.modal-billet .modal-button:focus::after,
.modal-billet .modal-button:active::after,
.modal-video .modal-button:hover::after,
.modal-video .modal-button:focus::after,
.modal-video .modal-button:active::after
{
    -webkit-transform: translate3d(.4375rem, -50%, 0);
            transform: translate3d(.4375rem, -50%, 0);
}

.modal-video
{
    position: relative;

    width: 670px; 
    padding: 0rem 0rem 20px;

    text-align: center;
}
.modal-video iframe
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}
.modal-video .modal-title
{
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 1.5rem; 
    font-weight: 700;
}
.modal-video .modal-details
{
    font-size: 1rem;

    margin-bottom: .625rem;
}
.modal-video .modal-details .location
{
    text-transform: uppercase;
}
 
.modal-billet
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 800px; 
    padding-right: 1.25rem;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;
}
.modal-billet img
{
    min-width: 0; 
    height: auto;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;
}
.modal-billet .modal-button
{
    min-width: 0;
    margin: 2.5rem 0;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;
    text-decoration-line: none;
}

/*# sourceMappingURL=maps/styles.css.map */
/*ajout*/
/*avis*/
p.rate-5 {
  margin-left: -2px;
  margin-top: 5px;
}

table.availability {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    
    top: 61px;
    width: auto;
    z-index: 20;
    position: absolute;
    
    transition: none;
 
}

table.availability td, table.availability th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #e0e0e0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #e0e0e0;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #e0e0e0;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #e0e0e0;
    border-top-style: solid;
    border-top-width: 1px;
    color: #262626;
    font-size: 0.875rem;
    padding-bottom: 0.625rem;
    padding-left: 10px;

    padding-top: 0.625rem;
    text-align: center;
}
table.availability .bloc-result-link, table.availability thead th {
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-weight: 700;
}
table.availability tr th {
    font-weight: 400;
    background-image: none;
}
table.availability .bloc-result-link {
    text-decoration-color: currentcolor;
    text-decoration-line: none;
    text-decoration-style: solid;
}

    

table.availability caption  {
    background-color: #fff;
    background-image: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #262626;
    font-size: 15px;
    font-style: normal;
    height: 39px;
    padding-bottom: 0;
    padding-top: 7px;
    text-align: center;
    width: 161px;
    padding-left: 0;
    font-weight: 500;
	  border: 2px solid #e0e0e0;
}

table.availability caption span {
    font-family: 'Averta', helvetica, arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    padding-top: 2px;
	padding-right: 13px;
	font-size: 14px;
}

table.availability caption span b {
	padding-left: 10px
}
	
table.availability .bloc-result-link {
    color: #026CDF;
    font-size: 0.875rem;
    margin-bottom: 0;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
    margin-top: 0;
    position: relative;

}     
.genre .page-content-wrapper {float: left}
#resultZone #resultsListZone {
  border: none;
}
 
#banner-salle #mise-avant-artiste .banner-section-blanche hr {
  display: none;
}

.available-seats-dropdown th {
  background: #ffff;
}


#tabPromoRegion .bloc-result .bloc-result-status{height:68%}
#tabpromoregion div.tabs-content p {margin-bottom:0}

/*bk 150518*/
/*jira 1405*/
.sort-calendar .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default:hover{background-color:#fff}
.sort-calendar .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default{color:#e6e4eb}
/*jira 1446*/
.results-order{position:static}
.result-order-container{margin-right:10px}

.breadcrumb ul li a {text-transform:lowercase;}
.breadcrumb ul li a::first-letter {text-transform:uppercase}
.breadcrumb-item:last-child {text-transform:lowercase;display:inline-block}
.breadcrumb-item:last-child::first-letter {text-transform:uppercase}