@charset "UTF-8";
/**
 * Setup
 */
/*------------------------------------*    $DEFAULTS
    \*------------------------------------*/
/**
 * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
 * in the inuit.css-web-template) to override them.
 */
/*------------------------------------*    $DEBUG
    \*------------------------------------*/
/**
 * Debug mode will visually highlight any potential markup/accessibility quirks
 * in the browser. Set to `true` or `false`.
 */
/*------------------------------------*    $BORDER-BOX
    \*------------------------------------*/
/**
 * Do you want all elements to adopt `box-sizing:border-box;` as per
 * paulirish.com/2012/box-sizing-border-box-ftw ?
 */
/*------------------------------------*    $BASE
    \*------------------------------------*/
/**
 * Base stuff
 */
/**
 * Base font-family.
 */
/**
 * Default colour for objects’ borders etc.
 */
/*------------------------------------*    $RESPONSIVE
    \*------------------------------------*/
/**
 * Responsiveness?
 */
/*------------------------------------*    $FONT-SIZES
    \*------------------------------------*/
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/*------------------------------------*    $QUOTES
    \*------------------------------------*/
/**
 * English quote marks?
 */
/**
 * If you want English quotes then please do not edit these; they’re only here
 * because Sass needs them.
 */
/**
 * If you need non-English quotes, please alter the following values accordingly:
 */
/*------------------------------------*    $BRAND
    \*------------------------------------*/
/**
 * Brand stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/*------------------------------------*    $OBJECTS AND ABSTRACTIONS
    \*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 */
/*------------------------------------*    $FRAMEWORK
    \*------------------------------------*/
/**
 * inuit.css will work these next ones out for use within the framework.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
/* 
                                                                                                
                                                                                                
                                  mm                       `7MMF'   `7MF'                       
                                  MM                         `MA     ,V                         
     ,p6"bo `7MM  `7MM  ,pP"Ybd mmMMmm ,pW"Wq.`7MMpMMMb.pMMMb.VM:   ,V ,6"Yb.  `7Mb,od8 ,pP"Ybd 
    6M'  OO   MM    MM  8I   `"   MM  6W'   `Wb MM    MM    MM MM.  M'8)   MM    MM' "' 8I   `" 
    8M        MM    MM  `YMMMa.   MM  8M     M8 MM    MM    MM `MM A'  ,pm9MM    MM     `YMMMa. 
    YM.    ,  MM    MM  L.   I8   MM  YA.   ,A9 MM    MM    MM  :MM;  8M   MM    MM     L.   I8 
     YMbmd'   `Mbod"YML.M9mmmP'   `Mbmo`Ybmd9'.JMML  JMML  JMML. VF   `Moo9^Yo..JMML.   M9mmmP' 
                                                                                                
                                                                                                
     */
/* 
   dP""b8  dP"Yb  88      dP"Yb  88""Yb .dP"Y8 
  dP   `" dP   Yb 88     dP   Yb 88__dP `Ybo." 
  Yb      Yb   dP 88  .o Yb   dP 88"Yb  o.`Y8b 
   YboodP  YbodP  88ood8  YbodP  88  Yb 8bodP' 
   */
/* 
  8888b.  88 8b    d8 888888 88b 88 .dP"Y8 88  dP"Yb  88b 88 .dP"Y8 
   8I  Yb 88 88b  d88 88__   88Yb88 `Ybo." 88 dP   Yb 88Yb88 `Ybo." 
   8I  dY 88 88YbdP88 88""   88 Y88 o.`Y8b 88 Yb   dP 88 Y88 o.`Y8b 
  8888Y"  88 88 YY 88 888888 88  Y8 8bodP' 88  YbodP  88  Y8 8bodP' 
  */
/* 
  8888P          88 88b 88 8888b.  888888 Yb  dP 
    dP  ________ 88 88Yb88  8I  Yb 88__    YbdP  
   dP   """""""" 88 88 Y88  8I  dY 88""    dPYb  
  d8888          88 88  Y8 8888Y"  888888 dP  Yb 
  */
/*------------------------------------*    INUIT.CSS
\*------------------------------------*/
/*!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 */
/**
 * inuit.css acts as a base stylesheet which you should extend with your own
 * theme stylesheet.
 *
 * inuit.css aims to do the heavy lifting; sorting objects and abstractions,
 * design patterns and fiddly bits of CSS, whilst leaving as much design as
 * possible to you. inuit.css is the scaffolding to your decorator.
 *
 * This stylesheet is heavily documented and contains lots of comments, please
 * take care to read and refer to them as you build. For further support please
 * tweet at @inuitcss.
 *
 * Owing to the amount of comments please only ever use minified CSS in
 * production. This file is purely a dev document.
 *
 * The table of contents below maps to section titles of the same name, to jump
 * to any section simply run a find for $[SECTION-TITLE].
 *
 * Most objects and abstractions come with a chunk of markup that you should be
 * able to paste into any view to quickly see how the CSS works in conjunction
 * with the correct HTML.
 *
 * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines
 *
 * LICENSE
 *
 * Copyright 2013 Harry Roberts
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Thank you for choosing inuit.css. May your web fonts render perfectly.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You’re reading it!
 * WARNING.............Here be dragons!
 * IMPORTS.............Begin importing the sections below
 *
 * MIXINS..............Super-simple Sass stuff
 * NORMALIZE...........normalize.css
 * RESET...............Set some defaults
 * CLEARFIX............
 * SHARED..............Shared declarations
 *
 * MAIN................High-level elements like `html`, `body`, etc.
 * HEADINGS............Double-stranded heading hierarchy
 * PARAGRAPHS..........
 * SMALLPRINT..........Smaller text elements like `small`
 * QUOTES..............
 * CODE................
 * LISTS...............
 * IMAGES..............
 * TABLES..............
 * FORMS...............
 *
 * GRIDS...............Fluid, proportional and nestable grids
 * FLEXBOX.............Crudely emulate flexbox
 * COLUMNS.............CSS3 columns
 * NAV.................A simple abstraction to put a list in horizontal nav mode
 * OPTIONS.............Grouped nav items
 * PAGINATION..........Very stripped back, basic paginator
 * BREADCRUMB..........Simple breadcrumb trail object
 * MEDIA...............Media object
 * MARGINALIA..........Simple marginalia content
 * ISLAND..............Boxed off content
 * BLOCK-LIST..........Blocky lists of content
 * MATRIX..............Gridded lists
 * SPLIT...............A simple split-in-two object
 * THIS-OR-THIS........Options object
 * LINK-COMPLEX........
 * FLYOUT..............Flyout-on-hover object
 * ARROWS..............CSS arrows
 * SPRITE..............Generic spriting element
 * ICON-TEXT...........Icon and text couplings
 * BEAUTONS............Use the beautons micro library
 * LOZENGES............Basic lozenge styles
 * RULES...............Horizontal rules
 * STATS...............Simple stats object
 * GREYBOX.............Wireframing styles
 *
 * WIDTHS..............Width classes for use alongside the grid system etc.
 * PUSH................Push classes for manipulating grids
 * PULL................Pull classes for manipulating grids
 * BRAND...............Helper class to apply brand treatment to elements
 * HELPER..............A series of helper classes to use arbitrarily
 * DEBUG...............Enable to add visual flags for debugging purposes
 */
/*------------------------------------*    $WARNING
\*------------------------------------*/
/*
 * inuit.css, being an OO framework, works in keeping with the open/closed
 * principle. The variables you set previously are now being used throughout
 * inuit.css to style everything we need for a base. Any custom styles SHOULD
 * NOT be added or modified in inuit.css directly, but added via your theme
 * stylesheet as per the open/closed principle:
 *
 * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
 *
 * Try not to edit any CSS beyond this point; if you find you need to do so
 * it is a failing of the framework so please tweet at @inuitcss.
 */
/*------------------------------------*    $IMPORTS
\*------------------------------------*/
/**
 * Generic utility styles etc.
 */
/*------------------------------------*    $DEFAULTS
\*------------------------------------*/
/**
 * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
 * in the inuit.css-web-template) to override them.
 */
/*------------------------------------*    $DEBUG
\*------------------------------------*/
/**
 * Debug mode will visually highlight any potential markup/accessibility quirks
 * in the browser. Set to `true` or `false`.
 */
/*------------------------------------*    $BORDER-BOX
\*------------------------------------*/
/**
 * Do you want all elements to adopt `box-sizing:border-box;` as per
 * paulirish.com/2012/box-sizing-border-box-ftw ?
 */
/*------------------------------------*    $BASE
\*------------------------------------*/
/**
 * Base stuff
 */
/**
 * Base font-family.
 */
/**
 * Default colour for objects’ borders etc.
 */
/*------------------------------------*    $RESPONSIVE
\*------------------------------------*/
/**
 * Responsiveness?
 */
/**
 * Responsiveness for widescreen/high resolution desktop monitors and beyond?
 * Note: `$responsive` variable above must be set to true before enabling this.
 */
/**
 * Responsive push and pull produce a LOT of code, only turn them on if you
 * definitely need them.
 */
/**
 * Note: `$push` variable above must be set to true before enabling these.
 */
/**
 * Note: `$pull` variable above must be set to true before enabling these.
 */
/**
 * Tell inuit.css when breakpoints start.
 */
/*------------------------------------*    $FONT-SIZES
\*------------------------------------*/
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/*------------------------------------*    $QUOTES
\*------------------------------------*/
/**
 * English quote marks?
 */
/**
 * If you want English quotes then please do not edit these; they’re only here
 * because Sass needs them.
 */
/**
 * If you need non-English quotes, please alter the following values accordingly:
 */
/*------------------------------------*    $BRAND
\*------------------------------------*/
/**
 * Brand stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/*------------------------------------*    $OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 */
/*------------------------------------*    $FRAMEWORK
\*------------------------------------*/
/**
 * inuit.css will work these next ones out for use within the framework.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
/*------------------------------------*    $MIXINS
\*------------------------------------*/
/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing in a
 * single value, e.g.:
 *
   `@include font-size(10px);`
 *
 * Thanks to @redclov3r for the `line-height` Sass:
 * twitter.com/redclov3r/status/250301539321798657
 */
/**
 * Style any number of headings in one fell swoop, e.g.:
 *
   .foo{
       @include headings(1, 3){
           color:#BADA55;
       }
    }
 *
 * With thanks to @lar_zzz, @paranoida, @rowanmanning and ultimately
 * @thierrylemoulec for refining and improving my initial mixin.
 */
/**
 * Create vendor-prefixed CSS in one go, e.g.
 *
   `@include vendor(border-radius, 4px);`
 *
 */
/**
 * Create CSS keyframe animations for all vendors in one go, e.g.:
 *
   .foo{
       @include vendor(animation, shrink 3s);
   }

   @include keyframe(shrink){
       from{
           font-size:5em;
       }
   }
 *
 * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569
 */
/**
 * Force overly long spans of text to truncate, e.g.:
 *
   `@include truncate(100%);`
 *
 * Where `$truncation-boundary` is a united measurement.
 */
/**
 * CSS arrows!!! But... before you read on, you might want to grab a coffee...
 *
 * This mixin creates a CSS arrow on a given element. We can have the arrow
 * appear in one of 12 locations, thus:
 *
 *       01    02    03
 *    +------------------+
 * 12 |                  | 04
 *    |                  |
 * 11 |                  | 05
 *    |                  |
 * 10 |                  | 06
 *    +------------------+
 *       09    08    07
 *
 * You pass this position in along with a desired arrow color and optional
 * border color, for example:
 *
 * `@include arrow(top, left, red)`
 *
 * for just a single, red arrow, or:
 *
 * `@include arrow(bottom, center, red, black)`
 *
 * which will create a red triangle with a black border which sits at the bottom
 * center of the element. Call the mixin thus:
 *
   .foo{
       background-color:#BADA55;
       border:1px solid #ACE;
       @include arrow(top, left, #BADA55, #ACE);
   }
 *
 */
/**
 * Media query mixin.
 *
 * It’s not great practice to define solid breakpoints up-front, preferring to
 * modify your design when it needs it, rather than assuming you’ll want a
 * change at ‘mobile’. However, as inuit.css is required to take a hands off
 * approach to design decisions, this is the closest we can get to baked-in
 * responsiveness. It’s flexible enough to allow you to set your own breakpoints
 * but solid enough to be frameworkified.
 *
 * We define some broad breakpoints in our vars file that are picked up here
 * for use in a simple media query mixin. Our options are:
 *
 * palm
 * lap
 * lap-and-up
 * portable
 * desk
 * desk-wide
 *
 * Not using a media query will, naturally, serve styles to all devices.
 *
 * `@include media-query(palm){ [styles here] }`
 *
 * We work out your end points for you:
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
@font-face {
    font-family: 'Proxima Nova';
    src: url('../css/fonts/Proxima-Nova-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../css/fonts/Proxima-Nova-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

/*
 * Correct `block` display not defined in IE 8/9.
 */
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";
@import url("https://fonts.googleapis.com/css?family=Lato");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/*
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

/*
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

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

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

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

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

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

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

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

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

/*
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/*
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

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

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

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

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

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

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

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/*------------------------------------*    $RESET
\*------------------------------------*/
/**
 * A more considered reset; more of a restart...
 * As per: csswizardry.com/2011/10/reset-restarted
 */
/**
    * Let’s make the box model all nice, shall we...?
    */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * The usual...
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title], dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u, ins {
  text-decoration: none; }

/**
 * Apply faux underline via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/**
 * So that `alt` text is visually offset if images don’t load.
 */
img {
  font-style: italic; }

/**
 * Give form elements some cursor interactions...
 */
label,
input,
textarea,
button,
select,
option {
  cursor: pointer; }

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none; }

/*------------------------------------*    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.cf:after, .nav:after, .media:after, .island:after,
.islet:after, .matrix:after, .multi-list:after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*    $SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned, this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
/**
 * Base elements
 */
h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
.form-fields > li,
.media,
.island,
.islet {
  margin-bottom: 18px;
  margin-bottom: 1.28571rem; }
  .islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet
  ul, .islet ol, .islet dl, .islet
  blockquote, .islet p, .islet address, .islet
  table, .islet
  fieldset, .islet figure, .islet
  pre,
  .islet .form-fields > li, .islet
  .media, .islet
  .island, .islet
  .islet {
    margin-bottom: 9px;
    margin-bottom: 0.64286rem; }

/**
 * Doubled up `margin-bottom` helper class.
 */
.landmark {
  margin-bottom: 36px;
  margin-bottom: 2.57143rem; }

/**
 * `hr` elements only take up a few pixels, so we need to give them special
 * treatment regarding vertical rhythm.
 */
hr {
  margin-bottom: 16px;
  margin-bottom: 1.14286rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once, here.
 */
ul, ol, dd {
  margin-left: 36px;
  margin-left: 2.57143rem; }

/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*    $MAIN
\*------------------------------------*/
html {
  font: 0.875em/1.28571 "Open Sans", sans-serif;
  overflow-y: scroll;
  min-height: 100%; }

/*------------------------------------*    $HEADINGS
\*------------------------------------*/
/**
 * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * When we define a heading we also define a corresponding class to go with it.
 * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded
 * heading hierarchy.
 */
h1, .alpha {
  font-size: 40px;
  font-size: 2.85714rem;
  line-height: 1.35; }

h2, .beta {
  font-size: 30px;
  font-size: 2.14286rem;
  line-height: 1.2; }

h3, .gamma {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1.5; }

h4, .delta {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.8; }

h5, .epsilon {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.125; }

h6, .zeta {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.28571; }

/**
 * Heading groups and generic any-heading class.
 * To target any heading of any level simply apply a class of `.hN`, e.g.:
 *
   <hgroup>
       <h1 class=hN>inuit.css</h1>
       <h2 class=hN>Best. Framework. Ever!</h2>
   </hgroup>
 *
 */
hgroup .hN {
  margin-bottom: 0; }

/**
 * A series of classes for setting massive type; for use in heroes, mastheads,
 * promos, etc.
 */
.giga {
  font-size: 96px;
  font-size: 6.85714rem;
  line-height: 1.125; }

.mega {
  font-size: 72px;
  font-size: 5.14286rem;
  line-height: 1; }

.kilo {
  font-size: 48px;
  font-size: 3.42857rem;
  line-height: 1.125; }

/*------------------------------------*    $PARAGRAPHS
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger.
 */
.lede,
.lead {
  font-size: 15.75px;
  font-size: 1.125rem;
  line-height: 1.14286; }

/*------------------------------------*    $SMALLPRINT
\*------------------------------------*/
/**
 * A series of classes for setting tiny type; for use in smallprint etc.
 */
.smallprint,
.milli {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5; }

.micro {
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 1.63636; }

/*------------------------------------*    $QUOTES
\*------------------------------------*/
/**
 * If English quotes are set in `_vars.scss`, define them here.
 */
/**
 * Big up @boblet: html5doctor.com/blockquote-q-cite
 */
/**
 * Inline quotes.
 */
q {
  quotes: "‘" "’" "\\201C" "\\201D"; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }
  q q:before {
    content: "\201C";
    content: open-quote; }
  q q:after {
    content: "\201D";
    content: close-quote; }

blockquote {
  quotes: "\\201C" "\\201D"; }
  blockquote p:before {
    content: "\\201C";
    content: open-quote; }
  blockquote p:after {
    content: "";
    content: no-close-quote; }
  blockquote p:last-of-type:after {
    content: "\\201D";
    content: close-quote; }
  blockquote q:before {
    content: "\2018";
    content: open-quote; }
  blockquote q:after {
    content: "\2019";
    content: close-quote; }

/**
 *
   <blockquote>
       <p>Insanity: doing the same thing over and over again and expecting
       different results.</p>
       <b class=source>Albert Einstein</b>
   </blockquote>
 *
 */
blockquote {
  /**
     * .4em is roughly equal to the width of the opening “ that we wish to hang.
     */
  text-indent: -0.41em; }
  blockquote p:last-of-type {
    margin-bottom: 0; }

.source {
  display: block;
  text-indent: 0; }
  .source:before {
    content: "\2014"; }

/*------------------------------------*    $CODE
\*------------------------------------*/
/**
 * Use an explicit font stack to ensure browsers render correct `line-height`.
 */
pre {
  overflow: auto; }

pre mark {
  background: none;
  border-bottom: 1px solid;
  color: inherit; }

/**
 * Add comments to your code examples, e.g.:
 *
   <code>&lt;/div&gt;<span class=code-comment>&lt;!-- /wrapper --&gt;</span></code>
 *
 */
.code-comment {
  /**
     * Override this setting in your theme stylesheet
     */
  opacity: 0.75;
  filter: alpha(opacity=75); }

/**
 * You can add line numbers to your code examples but be warned, it requires
 * some pretty funky looking markup, e.g.:
 *
   <ol class=line-numbers>
       <li><code>.nav{</code></li>
       <li><code>    list-style:none;</code></li>
       <li><code>    margin-left:0;</code></li>
       <li><code>}</code></li>
       <li><code>    .nav > li,</code></li>
       <li><code>        .nav > li > a{</code></li>
       <li><code>            display:inline-block;</code></li>
       <li><code>           *display:inline-block;</code></li>
       <li><code>            zoom:1;</code></li>
       <li><code>        }</code></li>
   </ol>
 *
 * 1. Make the list look like code.
 * 2. Give the list flush numbers with a leading zero.
 * 3. Make sure lines of code don’t wrap.
 * 4. Give the code form by forcing the `code` to honour white-space.
 */
.line-numbers {
  font-family: monospace, serif;
  /* [1] */
  list-style: decimal-leading-zero inside;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  overflow: auto;
  /* [3] */
  margin-left: 0; }

.line-numbers code {
  white-space: pre;
  /* [4] */ }

/*------------------------------------*    $IMAGES
\*------------------------------------*/
/**
 * Demo: jsfiddle.net/inuitcss/yMtur
 */
/**
 * Fluid images.
 */
img {
  max-width: 100%; }

/**
 * Non-fluid images if you specify `width` and/or `height` attributes.
 */
img[width],
img[height] {
  max-width: none; }

/**
 * Rounded images.
 */
.img--round {
  border-radius: 4px; }

/**
 * Image placement variations.
 */
.img--right {
  float: right;
  margin-bottom: 18px;
  margin-left: 18px; }

.img--left {
  float: left;
  margin-right: 18px;
  margin-bottom: 18px; }

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 18px;
  margin-left: auto; }

/**
 * Keep your images on your baseline.
 *
 * Please note, these will not work too nicely with fluid images and will
 * distort when resized below a certain width. Use with caution.
 */
.img--short {
  height: 90px; }

.img--medium {
  height: 180px; }

.img--tall {
  height: 270px; }

/**
 * Images in `figure` elements.
 */
figure > img {
  display: block; }

/*------------------------------------*    $LISTS
\*------------------------------------*/
/**
 * Remove vertical spacing from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Have a numbered `ul` without the semantics implied by using an `ol`.
 */
/*ul*/
.numbered-list {
  list-style-type: decimal; }

/*------------------------------------*    $TABLES
\*------------------------------------*/
/**
 * We have a lot at our disposal for making very complex table constructs, e.g.:
 *
   <table class="table--bordered  table--striped  table--data">
       <colgroup>
           <col class=t10>
           <col class=t10>
           <col class=t10>
           <col>
       </colgroup>
       <thead>
           <tr>
               <th colspan=3>Foo</th>
               <th>Bar</th>
           </tr>
           <tr>
               <th>Lorem</th>
               <th>Ipsum</th>
               <th class=numerical>Dolor</th>
               <th>Sit</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <th rowspan=3>Sit</th>
               <td>Dolor</td>
               <td class=numerical>03.788</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>32.210</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>47.797</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <th rowspan=2>Sit</th>
               <td>Dolor</td>
               <td class=numerical>09.640</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>12.117</td>
               <td>Lorem</td>
           </tr>
       </tbody>
   </table>
 *
 */
table {
  width: 100%; }

th,
td {
  padding: 4.5px;
  text-align: left; }
  @media screen and (min-width: 480px) {
    th,
    td {
      padding: 9px; } }

/**
 * Cell alignments
 */
[colspan] {
  text-align: center; }

[colspan="1"] {
  text-align: left; }

[rowspan] {
  vertical-align: middle; }

[rowspan="1"] {
  vertical-align: top; }

.numerical {
  text-align: right; }

/**
 * In the HTML above we see several `col` elements with classes whose numbers
 * represent a percentage width for that column. We leave one column free of a
 * class so that column can soak up the effects of any accidental breakage in
 * the table.
 */
.t5 {
  width: 5%; }

.t10 {
  width: 10%; }

.t12 {
  width: 12.5%; }

/* 1/8 */
.t15 {
  width: 15%; }

.t20 {
  width: 20%; }

.t25 {
  width: 25%; }

/* 1/4 */
.t30 {
  width: 30%; }

.t33 {
  width: 33.333%; }

/* 1/3 */
.t35 {
  width: 35%; }

.t37 {
  width: 37.5%; }

/* 3/8 */
.t40 {
  width: 40%; }

.t45 {
  width: 45%; }

.t50 {
  width: 50%; }

/* 1/2 */
.t55 {
  width: 55%; }

.t60 {
  width: 60%; }

.t62 {
  width: 62.5%; }

/* 5/8 */
.t65 {
  width: 65%; }

.t66 {
  width: 66.666%; }

/* 2/3 */
.t70 {
  width: 70%; }

.t75 {
  width: 75%; }

/* 3/4*/
.t80 {
  width: 80%; }

.t85 {
  width: 85%; }

.t87 {
  width: 87.5%; }

/* 7/8 */
.t90 {
  width: 90%; }

.t95 {
  width: 95%; }

/**
 * Bordered tables
 */
.table--bordered th,
.table--bordered td {
  border: 1px solid #1b1b1b; }
  .table--bordered th:empty,
  .table--bordered td:empty {
    border: none; }

.table--bordered thead tr:last-child th {
  border-bottom-width: 2px; }

.table--bordered tbody tr th:last-of-type {
  border-right-width: 2px; }

/**
 * Striped tables
 */
.table--striped tbody tr:nth-of-type(odd) {
  background-color: #ffc;
  /* Override this color in your theme stylesheet */ }

/**
 * Data table
 */
.table--data {
  font: 12px/1.5 sans-serif; }

/*------------------------------------*    $FORMS
\*------------------------------------*/
/**
 *
 * Demo: jsfiddle.net/inuitcss/MhHHU
 *
 */
fieldset {
  padding: 18px; }

/**
 * Text inputs
 *
 * Instead of a `[type]` selector for each kind of form input, we just use a
 * class to target any/every one, e.g.:
   <input type=text class=text-input>
   <input type=email class=text-input>
   <input type=password class=text-input>
 *
 */
.text-input,
textarea {
  /**
     * Style these via your theme stylesheet.
     */ }

/**
 * Group sets of form fields in a list, e.g.:
 *
   <ul class=form-fields>
       <li>
           <label />
           <input />
       </li>
       <li>
           <label />
           <select />
       </li>
       <li>
           <label />
           <input />
       </li>
   </ul>
 *
 */
.form-fields {
  list-style: none;
  margin: 0; }

.form-fields > li:last-child {
  margin-bottom: 0; }

/**
 * Labels
 *
 * Define a `.label` class as well as a `label` element. This means we can apply
 * label-like styling to meta-labels for groups of options where a `label`
 * element is not suitable, e.g.:
 *
   <li>
       <span class=label>Select an option below:</span>
       <ul class="multi-list  four-cols">
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
label,
.label {
  display: block; }

/**
     * Extra help text in `label`s, e.g.:
     *
       <label>Card number <small class=additional>No spaces</small></label>
     *
     */
.additional {
  display: block;
  font-weight: normal; }

/*
 * Groups of checkboxes and radios, e.g.:
 *
   <li>
       <ul class=check-list>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
.check-list {
  list-style: none;
  margin: 0; }

/*
     * Labels in check-lists
     */
.check-label,
.check-list label,
.check-list .label {
  display: inline-block; }

/**
 * Spoken forms are for forms that read like spoken word, e.g.:
 *
   <li class=spoken-form>
       Hello, my <label for=spoken-name>name</label> is
       <input type=text class=text-input id=spoken-name>. My home
       <label for=country>country</label> is
       <select id=country>
           <option>UK</option>
           <option>US</option>
           <option>Other</option>
       </select>
   </li>
 *
 */
.spoken-form label {
  display: inline-block;
  font: inherit; }

/**
 * Extra help text displayed after a field when that field is in focus, e.g.:
 *
   <label for=email>Email:</label>
   <input type=email class=text-input id=email>
   <small class=extra-help>.edu emails only</small>
 *
 * We leave the help text in the document flow and merely set it to
 * `visibility:hidden;`. This means that it won’t interfere with anything once
 * it reappears.
 *
 */
/*small*/
.extra-help {
  display: inline-block;
  visibility: hidden; }

.text-input:active + .extra-help,
.text-input:focus + .extra-help {
  visibility: visible; }

/**
 * Objects and abstractions
 */
/*------------------------------------*    $GRIDS
\*------------------------------------*/
/**
 * Fluid and nestable grid system, e.g.:
 *
   <div class="grid">

       <div class="grid__item  one-third">
           <p>One third grid</p>
       </div><!--

    --><div class="grid__item  two-thirds">
           <p>Two thirds grid</p>
       </div><!--

    --><div class="grid__item  one-half">
           <p>One half grid</p>
       </div><!--

    --><div class="grid__item  one-quarter">
           <p>One quarter grid</p>
       </div><!--

    --><div class="grid__item  one-quarter">
           <p>One quarter grid</p>
       </div>

   </div>
 *
 * Demo: jsfiddle.net/inuitcss/CLYUC
 *
 */
/**
 * Grid wrapper
 */
.grid {
  margin-left: -18px;
  list-style: none;
  margin-bottom: 0; }

/**
     * Very infrequently occuring grid wrappers as children of grid wrappers.
     */
.grid > .grid {
  margin-left: 0; }

/**
     * Grid
     */
.grid__item {
  display: inline-block;
  width: 100%;
  padding-left: 18px;
  vertical-align: top; }

/*------------------------------------*    $NAV
\*------------------------------------*/
/**
 * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
 * When used on an `ol` or `ul`, this class throws the list into horizontal mode
 * e.g.:
 *
   <ul class=nav>
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/Vnph4
 *
 */
.nav {
  list-style: none;
  margin-left: 0; }
  .nav > li,
  .nav > li > a {
    display: inline-block;
    *display: inline;
    zoom: 1; }

/**
 * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
 *
   <ul class="nav  nav--stacked">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--stacked > li {
  display: list-item; }
  .nav--stacked > li > a {
    display: block; }

/**
 * `.nav--banner` extends `.nav` and centres the list, e.g.:
 *
   <ul class="nav  nav--banner">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--banner {
  text-align: center; }

/**
 * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
 *
   <ul class="nav  nav--block">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--block {
  line-height: 1;
  /**
     * Remove whitespace caused by `inline-block`.
     */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap; }
  .nav--block > li {
    letter-spacing: normal;
    word-spacing: normal; }
    .nav--block > li > a {
      padding: 9px; }

/**
 * Force a nav to occupy 100% of the available width of its parent. Extends
 * `.nav`, e.g.:
 *
   <ul class="nav  nav--fit">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 * Thanks to @pimpl for this idea!
 */
.nav--fit {
  display: table;
  width: 100%; }
  .nav--fit > li {
    display: table-cell; }
    .nav--fit > li > a {
      display: block; }

/**
 * Make a list of keywords. Extends `.nav`, e.g.:
 *
   `<ul class="nav  nav--keywords>`
 *
 */
.nav--keywords > li:after {
  content: "\002C" "\00A0"; }

.nav--keywords > li:last-child:after {
  display: none; }

/*------------------------------------*    $PAGINATION
\*------------------------------------*/
/**
 * Basic pagination object, extends `.nav`.
 * Requires some funky commenting to collapse any white-space caused by the
 * `display:inline-block;` rules.
 *
   <ol class="nav  pagination">
       <li class=pagination__first>First</li>
       <li class=pagination__prev>Previous</li>
       <li><a href=/page/1>1</a></li>
       <li><a href=/page/2>2</a></li>
       <li class=current><a href=/page/3>3</a></li>
       <li><a href=/page/4>4</a></li>
       <li><a href=/page/5>5</a></li>
       <li class=pagination__next><a href=/page/next>Next</a></li>
       <li class=pagination__last><a href=/page/last>Last</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/9Y6PU
 *
 */
.pagination {
  text-align: center;
  /**
     * Remove whitespace caused by `inline-block`.
     */
  letter-spacing: -0.31em;
  word-spacing: -0.43em; }

.pagination > li {
  padding: 9px;
  letter-spacing: normal;
  word-spacing: normal; }

.pagination > li > a {
  padding: 9px;
  margin: -9px; }

.pagination__first a:before {
  content: "\00AB" "\00A0"; }

.pagination__last a:after {
  content: "\00A0" "\00BB"; }

/*------------------------------------*    $BREADCRUMB
\*------------------------------------*/
/**
 * Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>The Board</a></li>
       <li class=current><a href=#>Directors</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/rkAY9
 *
 */
.breadcrumb > li + li:before {
  content: "\00BB" "\00A0"; }

/**
 * For denoting a path-like structure, GitHub style, e.g.:
 *
   <ol class="nav  breadcrumb--path">
       <li class=breadcrumb__root><a href=#>inuit.css</a></li>
       <li><a href=#>inuit.css</a></li>
       <li><a href=#>partials</a></li>
       <li class=current><a href=#>objects</a></li>
   </ol>
 *
 */
.breadcrumb--path > li + li:before {
  content: "\002F" "\00A0"; }

/**
 * Assign a delimiter on the fly through a data attribute, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li data-breadcrumb="|"><a href=#>About</a></li>
       <li data-breadcrumb="|"><a href=#>The Board</a></li>
       <li data-breadcrumb="|" class=current><a href=#>Directors</a></li>
   </ol>
 *
 */
.breadcrumb > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) " "; }

/**
 * Denote the root of the tree.
 */
.breadcrumb__root {
  font-weight: bold; }

/*------------------------------------*    $MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 * E.g.:
 *
   <div class=media>
       <img src=http://placekitten.com/200/300 alt="" class=media__img>
       <p class=media__body>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/cf4Qs
 *
 */
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 18px; }

/**
     * Reversed image location (right instead of left).
     */
.media__img--rev {
  float: right;
  margin-left: 18px; }

.media__img img,
.media__img--rev img {
  display: block; }

.media__body {
  overflow: hidden; }

.media__body,
.media__body > :last-child {
  margin-bottom: 0; }

/**
     * `.img`s in `.islet`s need an appropriately sized margin.
     */
.islet .media__img {
  margin-right: 9px; }

.islet .media__img--rev {
  margin-left: 9px; }

/*------------------------------------*    $ISLAND
\*------------------------------------*/
/**
 * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
 * E.g.:
 *
   <div class=island>
       I am boxed off.
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/u8pV3
 *
 */
.island,
.islet {
  display: block; }

.island {
  padding: 18px; }

.island > :last-child,
.islet > :last-child {
  margin-bottom: 0; }

/**
 * Just like `.island`, only smaller.
 */
.islet {
  padding: 9px; }

/*------------------------------------*        $BLOCK-LIST
    \*------------------------------------*/
/**
     * Create big blocky lists of content, e.g.:
     *
       <ul class=block-list>
          <li>Foo</li>
          <li>Bar</li>
          <li>Baz</li>
          <li><a href=# class=block-list__link>Foo Bar Baz</a></li>
       </ul>
     *
     * Extend this object in your theme stylesheet.
     *
     * Demo: jsfiddle.net/inuitcss/hR57q
     *
     */
.block-list__link, .matrix__link {
  margin: -9px; }

/*------------------------------------*    $MATRIX
\*------------------------------------*/
/**
 * Create a grid of items out of a single list, e.g.:
 *
   <ul class="matrix  three-cols">
       <li class=all-cols>Lorem</li>
       <li>Ipsum <a href=#>dolor</a></li>
       <li><a href=# class=matrix__link>Sit</a></li>
       <li>Amet</li>
       <li class=all-cols>Consectetuer</li>
   </ul>
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/Y2zrU
 *
 */
.matrix {
  border-left-width: 1px; }
  .matrix > li {
    float: left;
    border-right-width: 1px; }

/**
 * The `.multi-list` object is a lot like the `.matrix` object only without the
 * blocky borders and padding.
 *
   <ul class="multi-list  four-cols">
       <li>Lorem</li>
       <li>Ipsum</li>
       <li>Dolor</li>
       <li>Sit</li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/Y2zrU
 *
 */
.multi-list {
  list-style: none;
  margin-left: 0; }

.multi-list > li {
  float: left; }

/**
     * Apply these classes alongside the `.matrix` or `.multi-list` classes on
     * lists to determine how wide their columns are.
     */
.two-cols > li {
  width: 50%; }

.three-cols > li {
  width: 33.333%; }

.four-cols > li {
  width: 25%; }

.five-cols > li {
  width: 20%; }

/**
     * Unfortunately we have to qualify this selector in order to bring its
     * specificity above the `.[number]-cols > li` selectors above.
     */
.matrix > .all-cols,
.multi-list > .all-cols {
  width: 100%; }

/*------------------------------------*    $LINK-COMPLEX
\*------------------------------------*/
/**
 * As inspired by @necolas:
 * github.com/necolas/suit-utils/blob/master/link.css#L18
 *
 * Add hover behaviour to only selected items within links, e.g.:
 *
   <a href=log-in class=link-complex>
       <i class="s  s--user"></i>
       <span class=link-complex__target>Log in</span>
   </a>
 *
 * Demo: jsfiddle.net/inuitcss/rt9M3
 *
 */
.link-complex,
.link-complex:hover,
.link-complex:active,
.link-complex:focus {
  text-decoration: none; }

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

/*------------------------------------*    $ARROWS
\*------------------------------------*/
/**
 * It is a common design treatment to give an element a triangular points-out
 * arrow, we typically build these with CSS. These following classes allow us to
 * generate these arbitrarily with a mixin, `@arrow()`.
 */
/**
 * Forms the basis for any/all CSS arrows.
 */
.simulation__recapitulatif, .arrow.arrow--bottom-center, .blk__thumbs .nav .active .item__link {
  position: relative; }
  .simulation__recapitulatif:before, .arrow.arrow--bottom-center:before, .blk__thumbs .nav .active .item__link:before, .simulation__recapitulatif:after, .arrow.arrow--bottom-center:after, .blk__thumbs .nav .active .item__link:after {
    content: "";
    position: absolute;
    border-collapse: separate; }
  .simulation__recapitulatif:before, .arrow.arrow--bottom-center:before, .blk__thumbs .nav .active .item__link:before {
    border: 9px solid transparent; }
  .simulation__recapitulatif:after, .arrow.arrow--bottom-center:after, .blk__thumbs .nav .active .item__link:after {
    border: 8px solid transparent; }

/**
 * Define individual edges so we can combine what we need, when we need.
 */
.simulation__recapitulatif:before, .simulation__recapitulatif:after {
  bottom: 100%; }

.arrow.arrow--bottom-center:before, .blk__thumbs .nav .active .item__link:before, .arrow.arrow--bottom-center:after, .blk__thumbs .nav .active .item__link:after {
  top: 100%; }

.arrow.arrow--bottom-center:before, .blk__thumbs .nav .active .item__link:before, .simulation__recapitulatif:before, .arrow.arrow--bottom-center:after, .blk__thumbs .nav .active .item__link:after, .simulation__recapitulatif:after {
  left: 50%;
  margin-left: -9px; }

.arrow.arrow--bottom-center:after, .blk__thumbs .nav .active .item__link:after, .simulation__recapitulatif:after {
  margin-left: -8px; }

/*------------------------------------*    $RULES
\*------------------------------------*/
/**
 * Horizontal rules, extend `hr`.
 *
 * Demo: jsfiddle.net/inuitcss/L6GuZ
 *
 */
.rule {
  color: #1b1b1b;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 17px;
  margin-bottom: 1.21429rem; }

/**
 * Dotted rules
 */
.rule--dotted {
  border-bottom-style: dotted; }

/**
 * Dashed rules
 */
.rule--dashed {
  border-bottom-style: dashed; }

/**
 * Ornamental rules. Places a § over the rule.
 */
.rule--ornament {
  position: relative;
  /**
    * Pass in an arbitrary ornament though a data attribute, e.g.:
    *
      <hr class="rule  rule--ornament" data-ornament="!">
    *
    */ }
  .rule--ornament:after {
    content: "\00A7";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    line-height: 0;
    text-align: center; }
  .rule--ornament[data-ornament]:after {
    content: attr(data-ornament); }

/**
 * Style trumps; helper and brand classes
 */
/*------------------------------------*    $WIDTHS
\*------------------------------------*/
/**
 * Sizes in human readable format. These are used in conjunction with other
 * objects and abstractions found in inuit.css, most commonly the grid system
 * and faux flexbox.
 *
 * We have a mixin to generate our widths and their breakpoint-specific
 * variations.
 */
/**
    * Whole
    */
.one-whole {
  width: 100%; }

/**
    * Halves
    */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }

/**
    * Thirds
    */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/**
    * Quarters
    */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }

/**
    * Fifths
    */
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/**
    * Sixths
    */
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/**
    * Eighths
    */
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/**
    * Tenths
    */
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/**
    * Twelfths
    */
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

/**
 * If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
 * access to these classes. You can define at which breakpoint you’d like an
 * element to be a certain size, e.g.:
 *
 * `<div class="g  one-quarter  lap-one-half  palm-one-whole"> ... </div>`
 *
 * This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
 * horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
 * at ‘mobile’ sizes.
 *
 * Demo: jsfiddle.net/inuitcss/WS4Ge
 *
 */
/* endif */
/*------------------------------------*    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*    $BRAND
\*------------------------------------*/
/**
 * `.brand` is a quick and simple way to apply your brand face and/or color to
 * any element using a handy helper class.
 */
.brand {
  font-family: Raleway, sans-serif!important;
  color: #4a8ec2!important; }

.brand-face {
  font-family: Raleway, sans-serif!important; }

.brand-color,
.brand-colour {
  color: #4a8ec2!important; }

/*------------------------------------*    $HELPER
\*------------------------------------*/
/**
 * A series of helper classes to use arbitrarily. Only use a helper class if an
 * element/component doesn’t already have a class to which you could apply this
 * styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
 * that ruleset as opposed to adding the `.float--left` class to the markup.
 *
 * A lot of these classes carry `!important` as you will always want them to win
 * out over other selectors.
 */
/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

/**
 * Text alignment
 */
.text--left {
  text-align: left  !important; }

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

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

/**
 * Font weights
 */
.weight--light {
  font-weight: 300 !important; }

.weight--normal {
  font-weight: 400 !important; }

.weight--semibold {
  font-weight: 600 !important; }

/**
 * Add/remove margins
 */
.push {
  margin: 18px !important; }

.push--top {
  margin-top: 18px !important; }

.push--right {
  margin-right: 18px !important; }

.push--bottom {
  margin-bottom: 18px !important; }

.push--left {
  margin-left: 18px !important; }

.push--ends {
  margin-top: 18px !important;
  margin-bottom: 18px !important; }

.push--sides {
  margin-right: 18px !important;
  margin-left: 18px !important; }

.push-half {
  margin: 9px !important; }

.push-half--top {
  margin-top: 9px !important; }

.push-half--right {
  margin-right: 9px !important; }

.push-half--bottom {
  margin-bottom: 9px !important; }

.push-half--left {
  margin-left: 9px !important; }

.push-half--ends {
  margin-top: 9px !important;
  margin-bottom: 9px !important; }

.push-half--sides {
  margin-right: 9px !important;
  margin-left: 9px !important; }

.flush {
  margin: 0 !important; }

.flush--top {
  margin-top: 0 !important; }

.flush--right {
  margin-right: 0 !important; }

.flush--bottom {
  margin-bottom: 0 !important; }

.flush--left {
  margin-left: 0 !important; }

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/**
 * Add/remove paddings
 */
.soft {
  padding: 18px !important; }

.soft--top {
  padding-top: 18px !important; }

.soft--right {
  padding-right: 18px !important; }

.soft--bottom {
  padding-bottom: 18px !important; }

.soft--left {
  padding-left: 18px !important; }

.soft--ends {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

.soft--sides {
  padding-right: 18px !important;
  padding-left: 18px !important; }

.soft-half {
  padding: 9px !important; }

.soft-half--top {
  padding-top: 9px !important; }

.soft-half--right {
  padding-right: 9px !important; }

.soft-half--bottom {
  padding-bottom: 9px !important; }

.soft-half--left {
  padding-left: 9px !important; }

.soft-half--ends {
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.soft-half--sides {
  padding-right: 9px !important;
  padding-left: 9px !important; }

.hard {
  padding: 0 !important; }

.hard--top {
  padding-top: 0 !important; }

.hard--right {
  padding-right: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.hard--left {
  padding-left: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/**
 * Pull items full width of `.island` parents.
 */
.full-bleed {
  margin-right: -18px !important;
  margin-left: -18px !important; }
  .islet .full-bleed {
    margin-right: -9px !important;
    margin-left: -9px !important; }

/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
.informative {
  cursor: help !important; }

/**
 * Mute an object by reducing its opacity.
 */
.muted {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important; }

/**
 * Align items to the right where they imply progression/movement forward, e.g.:
 *
   <p class=proceed><a href=#>Read more...</a></p>
 *
 */
.proceed {
  text-align: right !important; }

/**
 * Add a right-angled quote to links that imply movement, e.g.:
 *
   <a href=# class=go>Read more</a>
 *
 */
.go:after {
  content: " " "»" !important; }

/**
 * Apply capital case to an element (usually a `strong`).
 */
.caps {
  text-transform: uppercase !important; }

/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

/* endif */
/* 
	                                                                                                     
	                                                                                                     
	MMMMMMMM               MMMMMMMM  iiii                        iiii                                    
	M:::::::M             M:::::::M i::::i                      i::::i                                   
	M::::::::M           M::::::::M  iiii                        iiii                                    
	M:::::::::M         M:::::::::M                                                                      
	M::::::::::M       M::::::::::Miiiiiii xxxxxxx      xxxxxxxiiiiiiinnnn  nnnnnnnn        ssssssssss   
	M:::::::::::M     M:::::::::::Mi:::::i  x:::::x    x:::::x i:::::in:::nn::::::::nn    ss::::::::::s  
	M:::::::M::::M   M::::M:::::::M i::::i   x:::::x  x:::::x   i::::in::::::::::::::nn ss:::::::::::::s 
	M::::::M M::::M M::::M M::::::M i::::i    x:::::xx:::::x    i::::inn:::::::::::::::ns::::::ssss:::::s
	M::::::M  M::::M::::M  M::::::M i::::i     x::::::::::x     i::::i  n:::::nnnn:::::n s:::::s  ssssss 
	M::::::M   M:::::::M   M::::::M i::::i      x::::::::x      i::::i  n::::n    n::::n   s::::::s      
	M::::::M    M:::::M    M::::::M i::::i      x::::::::x      i::::i  n::::n    n::::n      s::::::s   
	M::::::M     MMMMM     M::::::M i::::i     x::::::::::x     i::::i  n::::n    n::::nssssss   s:::::s 
	M::::::M               M::::::Mi::::::i   x:::::xx:::::x   i::::::i n::::n    n::::ns:::::ssss::::::s
	M::::::M               M::::::Mi::::::i  x:::::x  x:::::x  i::::::i n::::n    n::::ns::::::::::::::s 
	M::::::M               M::::::Mi::::::i x:::::x    x:::::x i::::::i n::::n    n::::n s:::::::::::ss  
	MMMMMMMM               MMMMMMMMiiiiiiiixxxxxxx      xxxxxxxiiiiiiii nnnnnn    nnnnnn  sssssssssss    
	                                                                                                     
	                                                                                                     
	                                                                                                     
	                                                                                                     
	                                                                                                     
	                                                                                                     
	                                                                                                     
 */
/**
 * Provides some useful mixins to go with Inuitcss and SASS
 * 		- prefix
 *   	- box-sizing
 *   	- grid-center
 *   	- border-radius
 *   	- box-shadow
 *   	- font-face
 *   	- font-size
 */
/**
* Would you like Sass’ silent classes, or regular CSS classes?
* 		=> https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss#L90-L100
*/
/**
* You do not need to edit anything from this line onward; csswizardry-grids is
* good to go. Happy griddin’!
* 		=> https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss#L146-L156
*/
/* 
	                                                  
	                               ,...,,             
	`7MM"""Mq.                   .d' ""db             
	  MM   `MM.                  dM`                  
	  MM   ,M9 `7Mb,od8 .gP"Ya  mMMmm`7MM  `7M'   `MF'
	  MMmmdM9    MM' "',M'   Yb  MM    MM    `VA ,V'  
	  MM         MM    8M""""""  MM    MM      XMX    
	  MM         MM    YM.    ,  MM    MM    ,V' VA.  
	.JMML.     .JMML.   `Mbmmd'.JMML..JMML..AM.   .MA.
	                                                  
	                                                  
 */
/**
 * This mixin has been disabled
 * Please use the native inuit mixin "vendor" : @include vendor($property, $values...)
 */
/* 
	                                                                                
	 ,,                                      ,,            ,,                       
	*MM                            .M"""bgd  db            db                       
	 MM                           ,MI    "Y                                         
	 MM,dMMb.   ,pW"Wq.`7M'   `MF'`MMb.    `7MM  M"""MMV `7MM  `7MMpMMMb.  .P"Ybmmm 
	 MM    `Mb 6W'   `Wb `VA ,V'    `YMMNq.  MM  '  AMV    MM    MM    MM :MI  I8   
	 MM     M8 8M     M8   XMX    .     `MM  MM    AMV     MM    MM    MM  WmmmP"   
	 MM.   ,M9 YA.   ,A9 ,V' VA.  Mb     dM  MM   AMV  ,   MM    MM    MM 8M        
	 P^YbmdP'   `Ybmd9'.AM.   .MA.P"Ybmmd" .JMML.AMMmmmM .JMML..JMML  JMML.YMMMMMb  
	                                                                      6'     dP 
	                                                                      Ybmmmd'   
 */
/* 
	                                                                                      
	                     ,,        ,,                                                     
	                     db      `7MM   .g8"""bgd                    mm                   
	                               MM .dP'     `M                    MM                   
	 .P"Ybmmm `7Mb,od8 `7MM   ,M""bMM dM'       ` .gP"Ya `7MMpMMMb.mmMMmm .gP"Ya `7Mb,od8 
	:MI  I8     MM' "'   MM ,AP    MM MM         ,M'   Yb  MM    MM  MM  ,M'   Yb  MM' "' 
	 WmmmP"     MM       MM 8MI    MM MM.        8M""""""  MM    MM  MM  8M""""""  MM     
	8M          MM       MM `Mb    MM `Mb.     ,'YM.    ,  MM    MM  MM  YM.    ,  MM     
	 YMMMMMb  .JMML.   .JMML.`Wbmd"MML. `"bmmmd'  `Mbmmd'.JMML  JMML.`Mbmo`Mbmmd'.JMML.   
	6'     dP                                                                             
	Ybmmmd'                                                                               
 */
/**
* Centered grids align grid items centrally without needing to use push or pull
* classes. Extends `.grid`.
* 		=> https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss#L296-L306
*/
.grid--center {
  text-align: center; }
  .grid--center > .grid__item {
    text-align: left; }

/* 
	                                                                                                            
	 ,,                               ,,                                           ,,    ,,                     
	*MM                             `7MM                `7MM"""Mq.               `7MM    db                     
	 MM                               MM                  MM   `MM.                MM                           
	 MM,dMMb.   ,pW"Wq.`7Mb,od8  ,M""bMM  .gP"Ya `7Mb,od8 MM   ,M9   ,6"Yb.   ,M""bMM  `7MM `7MM  `7MM  ,pP"Ybd 
	 MM    `Mb 6W'   `Wb MM' "',AP    MM ,M'   Yb  MM' "' MMmmdM9   8)   MM ,AP    MM    MM   MM    MM  8I   `" 
	 MM     M8 8M     M8 MM    8MI    MM 8M""""""  MM     MM  YM.    ,pm9MM 8MI    MM    MM   MM    MM  `YMMMa. 
	 MM.   ,M9 YA.   ,A9 MM    `Mb    MM YM.    ,  MM     MM   `Mb. 8M   MM `Mb    MM    MM   MM    MM  L.   I8 
	 P^YbmdP'   `Ybmd9'.JMML.   `Wbmd"MML.`Mbmmd'.JMML. .JMML. .JMM.`Moo9^Yo.`Wbmd"MML..JMML. `Mbod"YML.M9mmmP' 
	                                                                                                            
	                                                                                                            
 */
/**
 * The mixin produces the different versions of "border-radius" to fit with different the vendors prefixes.
 * Examples:
 * 		p {@include border-radius;}							// produces 4 rounded corners to the default radius value.
 * 		p {@include border-radius(20px);}					// produces 4 rounded corners of 20px radius each.
 * 		p {@include border-radius(20px, 20px, 0, 0);}		// produces 2 rounded corners (top-left and top-right) of 20 px radius each and sharp other corners.
 * 		p {@include border-radius(20px, 50px);}				// produces 4 rounded corners top-left/bottom-right being identical (20px) and top-right/bottom-left identical (50px).
 * 		p {@include border-radius(5px 20px);}				// produces 4 rounded corners with different radix between horizontal (5px) and vertical axis (20px).
 */
/* 
	                                                                                                
	 ,,                                       ,,                       ,,                           
	*MM                            .M"""bgd `7MM                     `7MM                           
	 MM                           ,MI    "Y   MM                       MM                           
	 MM,dMMb.   ,pW"Wq.`7M'   `MF'`MMb.       MMpMMMb.   ,6"Yb.   ,M""bMM  ,pW"Wq.`7M'    ,A    `MF'
	 MM    `Mb 6W'   `Wb `VA ,V'    `YMMNq.   MM    MM  8)   MM ,AP    MM 6W'   `Wb VA   ,VAA   ,V  
	 MM     M8 8M     M8   XMX    .     `MM   MM    MM   ,pm9MM 8MI    MM 8M     M8  VA ,V  VA ,V   
	 MM.   ,M9 YA.   ,A9 ,V' VA.  Mb     dM   MM    MM  8M   MM `Mb    MM YA.   ,A9   VVV    VVV    
	 P^YbmdP'   `Ybmd9'.AM.   .MA.P"Ybmmd"  .JMML  JMML.`Moo9^Yo.`Wbmd"MML.`Ybmd9'     W      W     
	                                                                                                
	                                                                                                
 */
/**
 * Several $value accepted.
 * Examples:
 * 		p {@include box-shadow(1px 1px 5px #f00);}							// produces a single red drop shadow SE.
 * 		p {@include box-shadow(1px 1px 5px #f00, -10px -10px 5px #00f);}	// produces a red drop shadow SE AND a blue drop shadow NW.
 */
/* 
	                                                                 
	    ,...                                                         
	  .d' ""                 mm   `7MM"""YMM                         
	  dM`                    MM     MM    `7                         
	 mMMmm,pW"Wq.`7MMpMMMb.mmMMmm   MM   d  ,6"Yb.  ,p6"bo   .gP"Ya  
	  MM 6W'   `Wb MM    MM  MM     MM""MM 8)   MM 6M'  OO  ,M'   Yb 
	  MM 8M     M8 MM    MM  MM     MM   Y  ,pm9MM 8M       8M"""""" 
	  MM YA.   ,A9 MM    MM  MM     MM     8M   MM YM.    , YM.    , 
	.JMML.`Ybmd9'.JMML  JMML.`Mbmo.JMML.   `Moo9^Yo.YMbmd'   `Mbmmd' 
	                                                                 
	                                                                 
 */
/* 
	                                                             
	    ,...                                 ,,                  
	  .d' ""                 mm    .M"""bgd  db                  
	  dM`                    MM   ,MI    "Y                      
	 mMMmm,pW"Wq.`7MMpMMMb.mmMMmm `MMb.    `7MM  M"""MMV .gP"Ya  
	  MM 6W'   `Wb MM    MM  MM     `YMMNq.  MM  '  AMV ,M'   Yb 
	  MM 8M     M8 MM    MM  MM   .     `MM  MM    AMV  8M"""""" 
	  MM YA.   ,A9 MM    MM  MM   Mb     dM  MM   AMV  ,YM.    , 
	.JMML.`Ybmd9'.JMML  JMML.`MbmoP"Ybmmd" .JMML.AMMmmmM `Mbmmd' 
	                                                             
	                                                             
 */
/**
 * Rewrites original inuit mixin WITHOUT line-height property
 */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/* 
																																  
																																  
	HHHHHHHHH     HHHHHHHHH                   lllllll                                                                             
	H:::::::H     H:::::::H                   l:::::l                                                                             
	H:::::::H     H:::::::H                   l:::::l                                                                             
	HH::::::H     H::::::HH                   l:::::l                                                                             
	  H:::::H     H:::::H      eeeeeeeeeeee    l::::lppppp   ppppppppp       eeeeeeeeeeee    rrrrr   rrrrrrrrr       ssssssssss   
	  H:::::H     H:::::H    ee::::::::::::ee  l::::lp::::ppp:::::::::p    ee::::::::::::ee  r::::rrr:::::::::r    ss::::::::::s  
	  H::::::HHHHH::::::H   e::::::eeeee:::::eel::::lp:::::::::::::::::p  e::::::eeeee:::::eer:::::::::::::::::r ss:::::::::::::s 
	  H:::::::::::::::::H  e::::::e     e:::::el::::lpp::::::ppppp::::::pe::::::e     e:::::err::::::rrrrr::::::rs::::::ssss:::::s
	  H:::::::::::::::::H  e:::::::eeeee::::::el::::l p:::::p     p:::::pe:::::::eeeee::::::e r:::::r     r:::::r s:::::s  ssssss 
	  H::::::HHHHH::::::H  e:::::::::::::::::e l::::l p:::::p     p:::::pe:::::::::::::::::e  r:::::r     rrrrrrr   s::::::s      
	  H:::::H     H:::::H  e::::::eeeeeeeeeee  l::::l p:::::p     p:::::pe::::::eeeeeeeeeee   r:::::r                  s::::::s   
	  H:::::H     H:::::H  e:::::::e           l::::l p:::::p    p::::::pe:::::::e            r:::::r            ssssss   s:::::s 
	HH::::::H     H::::::HHe::::::::e         l::::::lp:::::ppppp:::::::pe::::::::e           r:::::r            s:::::ssss::::::s
	H:::::::H     H:::::::H e::::::::eeeeeeee l::::::lp::::::::::::::::p  e::::::::eeeeeeee   r:::::r            s::::::::::::::s 
	H:::::::H     H:::::::H  ee:::::::::::::e l::::::lp::::::::::::::pp    ee:::::::::::::e   r:::::r             s:::::::::::ss  
	HHHHHHHHH     HHHHHHHHH    eeeeeeeeeeeeee llllllllp::::::pppppppp        eeeeeeeeeeeeee   rrrrrrr              sssssssssss    
													  p:::::p                                                                     
													  p:::::p                                                                     
													 p:::::::p                                                                    
													 p:::::::p                                                                    
													 p:::::::p                                                                    
													 ppppppppp                                                                    
																																  
 */
/**
 * 		- Globals
 * 			- Split
 * 			- DiscreetList
 * 			- NakedList
 * 			- Naked
 */
/* 
																
				  ,,           ,,                   ,,          
	  .g8"""bgd `7MM          *MM                 `7MM          
	.dP'     `M   MM           MM                   MM          
	dM'       `   MM  ,pW"Wq.  MM,dMMb.   ,6"Yb.    MM  ,pP"Ybd 
	MM            MM 6W'   `Wb MM    `Mb 8)   MM    MM  8I   `" 
	MM.    `7MMF' MM 8M     M8 MM     M8  ,pm9MM    MM  `YMMMa. 
	`Mb.     MM   MM YA.   ,A9 MM.   ,M9 8M   MM    MM  L.   I8 
	  `"bmmmdPY .JMML.`Ybmd9'  P^YbmdP'  `Moo9^Yo..JMML.M9mmmP' 
																
																
 */
.field-collection-container {
  border-bottom: 0;
  margin-bottom: initial; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.text--rev {
  color: #fff !important; }

.btn {
  display: inline-block;
  line-height: 42px;
  height: 46px;
  padding: 0 34px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  -webkit-border-top-left-radius: 46px;
  -webkit-border-top-right-radius: 46px;
  -webkit-border-bottom-right-radius: 46px;
  -webkit-border-bottom-left-radius: 46px;
  -moz-border-radius-topleft: 46px;
  -moz-border-radius-topright: 46px;
  -moz-border-radius-bottomright: 46px;
  -moz-border-radius-bottomleft: 46px;
  border-top-left-radius: 46px;
  border-top-right-radius: 46px;
  border-bottom-right-radius: 46px;
  border-bottom-left-radius: 46px;
  margin-bottom: 15px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (max-width: 767px) {
    .btn {
      max-width: 100%; } }
  .btn.btn_fill {
    color: white;
    background-image: -webkit-linear-gradient(-90deg, #0d3050 0%, #092035 100%);
    background-image: -moz-linear-gradient(-90deg, #0d3050 0%, #092035 100%);
    background-image: -o-linear-gradient(-90deg, #0d3050 0%, #092035 100%);
    background-image: linear-gradient(-90deg, #0d3050 0%, #092035 100%); }
    .btn.btn_fill:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      opacity: 0;
      content: '';
      background-color: #FFFFFF;
      border: 1px solid #0d3050;
      z-index: -1;
      width: 0; }
    .btn.btn_fill:hover {
      color: #092035; }
      .btn.btn_fill:hover:before {
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
        opacity: 1;
        -webkit-border-top-left-radius: 19px;
        -webkit-border-top-right-radius: 19px;
        -webkit-border-bottom-right-radius: 19px;
        -webkit-border-bottom-left-radius: 19px;
        -moz-border-radius-topleft: 19px;
        -moz-border-radius-topright: 19px;
        -moz-border-radius-bottomright: 19px;
        -moz-border-radius-bottomleft: 19px;
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        border-bottom-right-radius: 19px;
        border-bottom-left-radius: 19px; }
  .btn.btn--hard {
    background-color: transparent;
    color: #0d3050;
    border: 2px solid #0d3050; }
    .btn.btn--hard:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      opacity: 0;
      content: '';
      background-image: -webkit-linear-gradient(-90deg, #0d3050 0%, #092035 100%);
      background-image: -moz-linear-gradient(-90deg, #0d3050 0%, #092035 100%);
      background-image: -o-linear-gradient(-90deg, #0d3050 0%, #092035 100%);
      background-image: linear-gradient(-90deg, #0d3050 0%, #092035 100%);
      z-index: -1;
      width: 0; }
    .btn.btn--hard:hover {
      text-decoration: none;
      color: white; }
      .btn.btn--hard:hover:before {
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
        opacity: 1;
        -webkit-border-top-left-radius: 19px;
        -webkit-border-top-right-radius: 19px;
        -webkit-border-bottom-right-radius: 19px;
        -webkit-border-bottom-left-radius: 19px;
        -moz-border-radius-topleft: 19px;
        -moz-border-radius-topright: 19px;
        -moz-border-radius-bottomright: 19px;
        -moz-border-radius-bottomleft: 19px;
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        border-bottom-right-radius: 19px;
        border-bottom-left-radius: 19px; }

/* 
	.dP"Y8 88""Yb 88     88 888888 
	`Ybo." 88__dP 88     88   88   
	o.`Y8b 88"""  88  .o 88   88   
	8bodP' 88     88ood8 88   88   
 */
/**
 * Inspired by .split from inuit but without the need of dl + dt + dd
 */
.split {
  text-align: right; }
  .split .split__left {
    float: left;
    clear: left;
    text-align: left; }
  .split .split__right {
    margin: 0; }

/* 
	8888P 888888 88""Yb 88""Yb    db             8b    d8 88 Yb  dP 
	  dP  88__   88__dP 88__dP   dPYb   ________ 88b  d88 88  YbdP  
	 dP   88""   88""Yb 88"Yb   dP__Yb  """""""" 88YbdP88 88  dPYb  
	d8888 888888 88oodP 88  Yb dP""""Yb          88 YY 88 88 dP  Yb 

	Usage:
		<div class="zebra-mix">
			<div class="zebra">one</div>
			<div class="zebra">two</div>
			<div class="zebra zebra--force">three FORCE</div>
			<div class="zebra zebra--force">four</div>
			<div class="zebra">five</div>
			<div class="zebra">six</div>
			<div class="zebra">seven</div>
			<div class="zebra zebra--resist">eight RESIST</div>
			<div class="zebra">nine</div>
			<div class="zebra">ten</div>
		</div>

 */
.zebra-mix .zebra:nth-child(even), .zebra-mix .zebra--force {
  background: #ccc; }

.zebra-mix .zebra--resist {
  background: #fff !important; }

/* 
	8888b.  88 .dP"Y8  dP""b8 88""Yb 888888 888888 888888 88     88 .dP"Y8 888888 
	 8I  Yb 88 `Ybo." dP   `" 88__dP 88__   88__     88   88     88 `Ybo."   88   
	 8I  dY 88 o.`Y8b Yb      88"Yb  88""   88""     88   88  .o 88 o.`Y8b   88   
	8888Y"  88 8bodP'  YboodP 88  Yb 888888 888888   88   88ood8 88 8bodP'   88   
 */
.mainSection ul {
  list-style: inside;
  margin: 0; }

/* 
	88b 88    db    88  dP 888888 8888b.  88     88 .dP"Y8 888888 
	88Yb88   dPYb   88odP  88__    8I  Yb 88     88 `Ybo."   88   
	88 Y88  dP__Yb  88"Yb  88""    8I  dY 88  .o 88 o.`Y8b   88   
	88  Y8 dP""""Yb 88  Yb 888888 8888Y"  88ood8 88 8bodP'   88   
 */
/**
 * Inuit Silent class
 * This mixin undresses a <ul> and its <li>s
 */
.development__palette, .development__palette--derivatives {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* 
	88b 88    db    88  dP 888888 8888b.  
	88Yb88   dPYb   88odP  88__    8I  Yb 
	88 Y88  dP__Yb  88"Yb  88""    8I  dY 
	88  Y8 dP""""Yb 88  Yb 888888 8888Y"  
 */
/**
 * Inuit Silent class
 * This mixin undresses input fields, fieldsets...
 */
/**
 * Font family
 * This mixin undresses Proxima Nova...
 */
@font-face {
  font-family: 'Proxima Nova';
  src: url("../../gds_services/assets/fonts/ProximaNova/Regular/ProximaNova-Regular.eot");
  src: url("../../gds_services/assets/fonts/ProximaNova/Regular/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaNova/Regular/ProximaNova-Regular.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaNova/Regular/ProximaNova-Regular.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaNova/Regular/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url("../../gds_services/assets/fonts/ProximaNova/Semibold/ProximaNova-Semibold.eot");
  src: url("../../gds_services/assets/fonts/ProximaNova/Semibold/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaNova/Semibold/ProximaNova-Semibold.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaNova/Semibold/ProximaNova-Semibold.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaNova/Semibold/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../../gds_services/assets/fonts/ProximaNova/Light/ProximaNova-Light.eot");
  src: url("../../gds_services/assets/fonts/ProximaNova/Light/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaNova/Light/ProximaNova-Light.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaNova/Light/ProximaNova-Light.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaNova/Light/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'ProximaNova-Lightit';
  src: url("../../gds_services/assets/fonts/ProximaNova/Light-it/ProximaNovaCond-LightIt.eot");
  src: url("../../gds_services/assets/fonts/ProximaNova/Light-it/ProximaNovaCond-LightIt.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaNova/Light-it/ProximaNovaCond-LightIt.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaNova/Light-it/ProximaNovaCond-LightIt.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaNova/Light-it/ProximaNovaCond-LightIt.svg#ProximaNovaCond-LightIt") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Montserrat-lightitalic';
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-LightItalic.eot");
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-LightItalic.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-LightItalic.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Montserrat-light';
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Light.eot");
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Light.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Light.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-regular';
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Regular.eot");
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Regular.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Regular.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-semibold';
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-SemiBold.eot");
  src: url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-SemiBold.woff") format("woff"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-SemiBold.ttf") format("truetype"), url("../../gds_services/assets/fonts/ProximaFirefox/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal; }

/* 
	                                                                                                 
	                             dddddddd                                                            
	                             d::::::d                                                            
	                             d::::::d                                                            
	                             d::::::d                                                            
	                             d:::::d                                                             
	                     ddddddddd:::::d     eeeeeeeeeeee  vvvvvvv           vvvvvvv                 
	                   dd::::::::::::::d   ee::::::::::::ee v:::::v         v:::::v                  
	                  d::::::::::::::::d  e::::::eeeee:::::eev:::::v       v:::::v                   
	 --------------- d:::::::ddddd:::::d e::::::e     e:::::e v:::::v     v:::::v    --------------- 
	 -:::::::::::::- d::::::d    d:::::d e:::::::eeeee::::::e  v:::::v   v:::::v     -:::::::::::::- 
	 --------------- d:::::d     d:::::d e:::::::::::::::::e    v:::::v v:::::v      --------------- 
	                 d:::::d     d:::::d e::::::eeeeeeeeeee      v:::::v:::::v                       
	                 d:::::d     d:::::d e:::::::e                v:::::::::v                        
	                 d::::::ddddd::::::dde::::::::e                v:::::::v                         
	                  d:::::::::::::::::d e::::::::eeeeeeee         v:::::v                          
	                   d:::::::::ddd::::d  ee:::::::::::::e          v:::v                           
	                    ddddddddd   ddddd    eeeeeeeeeeeeee           vvv                            
	                                                                                                 
	                                                                                                 
	                                                                                                 
	                                                                                                 
	                                                                                                 
	                                                                                                 
	                                                                                                 
 */
/**
 * These styles are for development only:
 * 		- color presentation
 * 		- pages list
 * 		- ...
 */
/* 
	                                                      
	                     ,,                               
	`7MM"""Mq.         `7MM           mm     mm           
	  MM   `MM.          MM           MM     MM           
	  MM   ,M9 ,6"Yb.    MM  .gP"Ya mmMMmm mmMMmm .gP"Ya  
	  MMmmdM9 8)   MM    MM ,M'   Yb  MM     MM  ,M'   Yb 
	  MM       ,pm9MM    MM 8M""""""  MM     MM  8M"""""" 
	  MM      8M   MM    MM YM.    ,  MM     MM  YM.    , 
	.JMML.    `Moo9^Yo..JMML.`Mbmmd'  `Mbmo  `Mbmo`Mbmmd' 
	                                                      
	                                                      
 */
.development {
  /* 	.rule {
		margin: 60px 0 0;
		border: 1px solid black;
		height: 1px;
	}
 */ }
  .development__colors--colWhite {
    background: #fff;
    color: #1b1b1b; }
    .development__colors--colWhite:after {
      content: "#fff"; }
  .development__colors--colWhite--2 {
    background: #f2f2f2;
    color: #1b1b1b; }
    .development__colors--colWhite--2:after {
      content: "#f2f2f2"; }
  .development__colors--colBlack {
    background: #000;
    color: #fff; }
    .development__colors--colBlack:after {
      content: "#000"; }
  .development__colors--colBlack--2 {
    background: #1b1b1b;
    color: #fff; }
    .development__colors--colBlack--2:after {
      content: "#1b1b1b"; }
  .development__colors--colCharcoal {
    background: #3f3f3f;
    color: #fff; }
    .development__colors--colCharcoal:after {
      content: "#3f3f3f"; }
  .development__colors--colCharcoal--2 {
    background: #666;
    color: #fff; }
    .development__colors--colCharcoal--2:after {
      content: "#666"; }
  .development__colors--colCharcoal--3 {
    background: #959595;
    color: #1b1b1b; }
    .development__colors--colCharcoal--3:after {
      content: "#959595"; }
  .development__colors--colCharcoal--4 {
    background: #d5dcdd;
    color: #1b1b1b; }
    .development__colors--colCharcoal--4:after {
      content: "#d5dcdd"; }
  .development__colors--colEndeavour {
    background: #253289;
    color: #fff; }
    .development__colors--colEndeavour:after {
      content: "#253289"; }
  .development__colors--colEndeavour--2 {
    background: #3777fc;
    color: #fff; }
    .development__colors--colEndeavour--2:after {
      content: "#3777fc"; }
  .development__colors--colEndeavour--3 {
    background: #00a1e4;
    color: #fff; }
    .development__colors--colEndeavour--3:after {
      content: "#00a1e4"; }
  .development__colors--colCarrot {
    background: #f6891f;
    color: #1b1b1b; }
    .development__colors--colCarrot:after {
      content: "#f6891f"; }
  .development__colors--colCarrot--2 {
    background: #f8a14c;
    color: #1b1b1b; }
    .development__colors--colCarrot--2:after {
      content: "#f8a14c"; }
  .development__colors--colCarrot--3 {
    background: #da521f;
    color: #1b1b1b; }
    .development__colors--colCarrot--3:after {
      content: "#da521f"; }
  .development__colors--colViolet {
    background: #b41e8e;
    color: #fff; }
    .development__colors--colViolet:after {
      content: "#b41e8e"; }
  .development__colors--colViolet--2 {
    background: #c6168d;
    color: #fff; }
    .development__colors--colViolet--2:after {
      content: "#c6168d"; }
  .development__colors--colYellowgreen {
    background: #8dc63f;
    color: #1b1b1b; }
    .development__colors--colYellowgreen:after {
      content: "#8dc63f"; }
  .development__colors--colCardinal {
    background: #c51733;
    color: #fff; }
    .development__colors--colCardinal:after {
      content: "#c51733"; }
  .development__palette {
    margin: 0 auto;
    width: 50%; }
    .development__palette--derivatives {
      position: absolute;
      left: 100%;
      top: 0;
      padding-left: 14px;
      width: 500px;
      text-align: left;
      font-size: 0; }
      .development__palette--derivatives .palette__item {
        display: inline-block !important;
        bottom: -10px;
        margin: 0.5em;
        width: 140px !important;
        height: 140px !important;
        padding: 55px 0 !important;
        line-height: 14px !important;
        font-size: 14px; }
  .development .palette__item {
    position: relative;
    margin-bottom: 1em;
    border: 2px solid #000;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 180px;
    height: 180px;
    padding: 70px 0;
    text-align: center;
    line-height: 20px;
    font-weight: bold; }
    .development .palette__item:after {
      display: block;
      font-weight: normal; }
  .development h2.dev,
  .development h3.dev {
    text-align: left;
    font-family: monospace;
    color: black; }
  .development .smallprint {
    display: block;
    line-height: 1.1em;
    font-weight: 400; }

/**
 * She’s all yours, cap’n... Begin importing your stuff here.
 */
.tooltip-element, .tooltip-element:after, .tooltip-element:before, .tooltip-element *, .tooltip-element *:after, .tooltip-element *:before {
  box-sizing: border-box; }

.tooltip-element {
  position: absolute;
  display: none; }

.tooltip-element.tooltip-open {
  display: block; }

.tooltip-element.tooltip-theme-arrows {
  max-width: 100%;
  max-height: 100%; }

.tooltip-element.tooltip-theme-arrows .tooltip-content {
  border-radius: 5px;
  position: relative;
  font-family: inherit;
  background: #000;
  color: #eee;
  padding: 1em;
  font-size: 1.1em;
  line-height: 1.5em; }

.tooltip-element.tooltip-theme-arrows .tooltip-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 8px;
  border-style: solid; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content {
  margin-bottom: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content:before {
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-top-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content {
  margin-top: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content:before {
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-bottom-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content {
  margin-right: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content:before {
  left: 100%;
  top: 50%;
  margin-top: -8px;
  border-left-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content {
  margin-left: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content:before {
  right: 100%;
  top: 50%;
  margin-top: -8px;
  border-right-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content {
  margin-top: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content:before {
  bottom: 100%;
  left: 8px;
  border-bottom-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content {
  margin-top: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content:before {
  bottom: 100%;
  right: 8px;
  border-bottom-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content {
  margin-bottom: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content:before {
  top: 100%;
  left: 8px;
  border-top-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content {
  margin-bottom: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content:before {
  top: 100%;
  right: 8px;
  border-top-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
  margin-right: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content:before {
  top: 8px;
  left: 100%;
  border-left-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
  margin-left: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content:before {
  top: 8px;
  right: 100%;
  border-right-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
  margin-right: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content:before {
  bottom: 8px;
  left: 100%;
  border-left-color: #000; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
  margin-left: 8px; }

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content:before {
  bottom: 8px;
  right: 100%;
  border-right-color: #000; }

.tooltip-element.tooltip-theme-arrows {
  pointer-events: none; }

.tooltip-element.tooltip-theme-arrows .tooltip-content {
  padding: 0.5em 1em; }

.tooltip-element, .tooltip-element:after, .tooltip-element:before, .tooltip-element *, .tooltip-element *:after, .tooltip-element *:before {
  box-sizing: border-box; }

.tooltip-element {
  position: absolute;
  display: none; }

.tooltip-element.tooltip-open {
  display: block; }

.tooltip-element.tooltip-theme-twipsy {
  max-width: 100%;
  max-height: 100%; }

.tooltip-element.tooltip-theme-twipsy .tooltip-content {
  border-radius: 5px;
  position: relative;
  font-family: inherit;
  background: #414141;
  color: #fff;
  padding: 1em;
  font-size: 1.1em;
  line-height: 1.5em; }

.tooltip-element.tooltip-theme-twipsy .tooltip-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 10px;
  border-style: solid; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content {
  margin-bottom: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content:before {
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content {
  margin-top: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content:before {
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-bottom-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content {
  margin-right: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content:before {
  left: 100%;
  top: 50%;
  margin-top: -10px;
  border-left-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content {
  margin-left: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content:before {
  right: 100%;
  top: 50%;
  margin-top: -10px;
  border-right-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content {
  margin-top: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content:before {
  bottom: 100%;
  left: 10px;
  border-bottom-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content {
  margin-top: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content:before {
  bottom: 100%;
  right: 10px;
  border-bottom-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content {
  margin-bottom: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content:before {
  top: 100%;
  left: 10px;
  border-top-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content {
  margin-bottom: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content:before {
  top: 100%;
  right: 10px;
  border-top-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
  margin-right: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content:before {
  top: 10px;
  left: 100%;
  border-left-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
  margin-left: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content:before {
  top: 10px;
  right: 100%;
  border-right-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
  margin-right: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content:before {
  bottom: 10px;
  left: 100%;
  border-left-color: #414141; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
  margin-left: 10px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content:before {
  bottom: 10px;
  right: 100%;
  border-right-color: #414141; }

.tooltip-element.tooltip-theme-twipsy {
  opacity: 0;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
  pointer-events: none; }

.tooltip-element.tooltip-theme-twipsy .tooltip-content {
  padding: 0.5em 1em; }

.tooltip-element.tooltip-theme-twipsy .tooltip-content {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 3px 8px;
  line-height: 18px;
  font-size: 11px; }

.tooltip-element.tooltip-theme-twipsy.tooltip-open-transitionend {
  display: block; }

.tooltip-element.tooltip-theme-twipsy.tooltip-after-open {
  opacity: 1; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

.submenu .jspHorizontalBar {
  background: rgba(19, 49, 79, 0.2);
  height: 4px;
  width: calc(100% - 70px);
  margin-left: 70px;
  transition: all .3s ease-in-out; }
  .submenu .jspHorizontalBar:hover {
    height: 6px; }

.submenu .jspVerticalBar {
  background: rgba(19, 49, 79, 0.2);
  width: 4px;
  transition: all .3s ease-in-out; }
  .submenu .jspVerticalBar:hover {
    width: 6px; }

.submenu .jspDrag {
  background: #13314f;
  border-radius: 4px; }

.select-items div .jspHorizontalBar {
  background: rgba(19, 49, 79, 0.2);
  height: 4px;
  width: calc(100% - 70px);
  margin-left: 70px;
  transition: all .3s ease-in-out; }
  .select-items div .jspHorizontalBar:hover {
    height: 6px; }

.select-items div .jspVerticalBar {
  background: rgba(19, 49, 79, 0.2);
  width: 4px;
  transition: all .3s ease-in-out;
  padding: 0; }
  .select-items div .jspVerticalBar:hover {
    width: 6px; }

.select-items div .jspTrack {
  padding: 0; }

.select-items div .jspDrag {
  background: #13314f;
  border-radius: 4px;
  padding: 0; }

/*


          GGGGGGGGGGGGG                                                                                              lllllll
       GGG::::::::::::G                                                                                              l:::::l
     GG:::::::::::::::G                                                                                              l:::::l
    G:::::GGGGGGGG::::G                                                                                              l:::::l
   G:::::G       GGGGGG    eeeeeeeeeeee    nnnn  nnnnnnnn        eeeeeeeeeeee    rrrrr   rrrrrrrrr   aaaaaaaaaaaaa    l::::l
  G:::::G                ee::::::::::::ee  n:::nn::::::::nn    ee::::::::::::ee  r::::rrr:::::::::r  a::::::::::::a   l::::l
  G:::::G               e::::::eeeee:::::een::::::::::::::nn  e::::::eeeee:::::eer:::::::::::::::::r aaaaaaaaa:::::a  l::::l
  G:::::G    GGGGGGGGGGe::::::e     e:::::enn:::::::::::::::ne::::::e     e:::::err::::::rrrrr::::::r         a::::a  l::::l
  G:::::G    G::::::::Ge:::::::eeeee::::::e  n:::::nnnn:::::ne:::::::eeeee::::::e r:::::r     r:::::r  aaaaaaa:::::a  l::::l
  G:::::G    GGGGG::::Ge:::::::::::::::::e   n::::n    n::::ne:::::::::::::::::e  r:::::r     rrrrrrraa::::::::::::a  l::::l
  G:::::G        G::::Ge::::::eeeeeeeeeee    n::::n    n::::ne::::::eeeeeeeeeee   r:::::r           a::::aaaa::::::a  l::::l
   G:::::G       G::::Ge:::::::e             n::::n    n::::ne:::::::e            r:::::r          a::::a    a:::::a  l::::l
    G:::::GGGGGGGG::::Ge::::::::e            n::::n    n::::ne::::::::e           r:::::r          a::::a    a:::::a l::::::l
     GG:::::::::::::::G e::::::::eeeeeeee    n::::n    n::::n e::::::::eeeeeeee   r:::::r          a:::::aaaa::::::a l::::::l
       GGG::::::GGG:::G  ee:::::::::::::e    n::::n    n::::n  ee:::::::::::::e   r:::::r           a::::::::::aa:::al::::::l
          GGGGGG   GGGG    eeeeeeeeeeeeee    nnnnnn    nnnnnn    eeeeeeeeeeeeee   rrrrrrr            aaaaaaaaaa  aaaallllllll







          */
/**
 *    - Common
 *    - Header
 *      - Logo
 *      - Navigation
 *    - Body
 *    - Footer
 *    - Pages
 */
/*
    /$$$$$$
   /$$__  $$
  | $$  \__/  /$$$$$$  /$$$$$$/$$$$  /$$$$$$/$$$$   /$$$$$$  /$$$$$$$
  | $$       /$$__  $$| $$_  $$_  $$| $$_  $$_  $$ /$$__  $$| $$__  $$
  | $$      | $$  \ $$| $$ \ $$ \ $$| $$ \ $$ \ $$| $$  \ $$| $$  \ $$
  | $$    $$| $$  | $$| $$ | $$ | $$| $$ | $$ | $$| $$  | $$| $$  | $$
  |  $$$$$$/|  $$$$$$/| $$ | $$ | $$| $$ | $$ | $$|  $$$$$$/| $$  | $$
   \______/  \______/ |__/ |__/ |__/|__/ |__/ |__/ \______/ |__/  |__/



   */
html {
  background: #fff;
  font-family: desk; }

body {
  font-family: "Open Sans", sans-serif;
  /*@include fontSize($base-font-size);*/
  font-size: 0.9rem;
  line-height: 17px;
  color: #1b1b1b; }

.ctnt, .phrase-legale .content,
.share-links {
  margin: auto;
  width: 940px; }

.landing-fullstyle .ctnt, .landing-fullstyle .phrase-legale .content, .phrase-legale .landing-fullstyle .content {
  width: 1280px; }
  @media screen and (max-width: 1280px) {
    .landing-fullstyle .ctnt, .landing-fullstyle .phrase-legale .content, .phrase-legale .landing-fullstyle .content {
      width: calc(100% - 20px); } }

.padding_bottom {
  padding-bottom: 40px; }

/*
   /$$   /$$                           /$$
  | $$  | $$                          | $$
  | $$  | $$  /$$$$$$   /$$$$$$   /$$$$$$$  /$$$$$$   /$$$$$$
  | $$$$$$$$ /$$__  $$ |____  $$ /$$__  $$ /$$__  $$ /$$__  $$
  | $$__  $$| $$$$$$$$  /$$$$$$$| $$  | $$| $$$$$$$$| $$  \__/
  | $$  | $$| $$_____/ /$$__  $$| $$  | $$| $$_____/| $$
  | $$  | $$|  $$$$$$$|  $$$$$$$|  $$$$$$$|  $$$$$$$| $$
  |__/  |__/ \_______/ \_______/ \_______/ \_______/|__/



  */
header {
  position: relative;
  font-family: "Open Sans", sans-serif;
  z-index: 999;
  transition: all 0.3s ease-in-out;
  background: white; }
  header:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
    z-index: -1; }
  header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    header.sticky .second-menu {
      padding: 8px 0; }
    header.sticky .logo img {
      width: 50px; }
    header.sticky .logo-title {
      font-size: 18px; }
    header.sticky .header-right > a {
      font-size: 0;
      margin-right: 30px; }
      header.sticky .header-right > a::before {
        margin-bottom: -20px; }
    header.sticky .socials {
      padding: 16px; }
      header.sticky .socials .list__item {
        display: none; }
  header .header-left {
    display: inline-block; }
  header .header-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0; }
    header .header-right > a {
      text-align: center;
      margin-right: 60px;
      vertical-align: middle;
      font-size: 12px;
      text-transform: uppercase;
      color: #13314f;
      display: inline-block;
      font-weight: 600;
      text-decoration: none;
      transition: all .3s ease-in-out; }
      header .header-right > a.item__link--service {
        display: none; }
      header .header-right > a:hover {
        color: #458dc5; }
      header .header-right > a::before {
        display: block !important;
        margin: 0 auto 20px; }
    header .header-right .item__link--user::before {
      content: ''; }
    header .header-right .item__link--search::before {
      content: ''; }
  header .logo {
    display: inline-block;
    vertical-align: middle; }
    header .logo img {
      transition: all .3s ease-in-out;
      width: 100%;
      display: block; }
  header .logo-title {
    font-family: "Proxima Nova", sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 18px;
    font-size: 24px;
    color: #13314f;
    font-weight: normal;
    transition: all .3s ease-in-out; }
  header span.title-etb {
    font-family: "Proxima Nova Bold", sans-serif;
  }
  header .second-menu {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 18px 0;
    position: relative; }
    @media screen and (max-width: 1280px) {
      header .second-menu {
        max-width: calc(100% - 20px); } }
  header .socials {
    background: #13314f;
    height: 100%;
    color: white;
    padding: 25px;
    width: auto;
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
    header .socials .list__item {
      display: block;
      text-align: center;
      margin-bottom: 20px;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 1;
      font-weight: 600; }
    header .socials .list__item__icon {
      list-style: none;
      margin: 0; }
      header .socials .list__item__icon li {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 12px; }
        header .socials .list__item__icon li:last-child {
          margin: 0; }
        header .socials .list__item__icon li a {
          transition: all .3s ease-in-out; }
          header .socials .list__item__icon li a:hover {
            opacity: .5; }

.top-bar {
  height: 33px;
  background: #1b1b1b; }

/*

                                  ,,                          ,,
  `7MN.   `7MF'                   db                   mm     db
    MMN.    M                                          MM
    M YMb   M  ,6"Yb.`7M'   `MF'`7MM  .P"Ybmmm ,6"Yb.mmMMmm `7MM  ,pW"Wq.`7MMpMMMb.
    M  `MN. M 8)   MM  VA   ,V    MM :MI  I8  8)   MM  MM     MM 6W'   `Wb MM    MM
    M   `MM.M  ,pm9MM   VA ,V     MM  WmmmP"   ,pm9MM  MM     MM 8M     M8 MM    MM
    M     YMM 8M   MM    VVV      MM 8M       8M   MM  MM     MM YA.   ,A9 MM    MM
  .JML.    YM `Moo9^Yo.   W     .JMML.YMMMMMb `Moo9^Yo.`Mbmo.JMML.`Ybmd9'.JMML  JMML.
                                     6'     dP
                                     Ybmmmd'
                                     */
.menu {
  background-color: #eff3f8;
  position: absolute;
  width: 100%;
  opacity: 0;
  transform: translateY(-100%);
  transition: all .3s ease-in-out, opacity .6s;
  z-index: -2; }
  .menu.active {
    transform: translateY(0);
    opacity: 1; }
  .menu:before {
    content: '';
    display: block;
    width: calc(50% - 640px);
    height: 100%;
    background: #13314f;
    position: absolute; }
  .menu a:hover, .menu a:focus, .menu a {
    text-decoration: none; }
  .menu .nav-secondary {
    max-width: 1280px;
    margin: 0 auto;
    height: 560px;
    position: relative; }
    .menu .nav-secondary > .nav {
      width: 308px;
      background-color: #13314f;
      height: 100%;
      padding: 50px 0 50px 20px; }
      @media only screen and (min-width: 1200px) {
        .menu .nav-secondary > .nav {
          padding: 50px 0; } }
      .menu .nav-secondary > .nav > .list__item {
        display: block;
        margin-bottom: 35px;
        color: white;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        max-width: 208px; }
        .menu .nav-secondary > .nav > .list__item:first-child .submenu {
          display: block; }
        .menu .nav-secondary > .nav > .list__item > .item__link a, .menu .nav-secondary > .nav > .list__item > .item__link {
          display: block; }
        .menu .nav-secondary > .nav > .list__item > .item__link a {
          transition: all .3s ease-in-out;
          display: inline-block; }
          .menu .nav-secondary > .nav > .list__item > .item__link a:hover, .menu .nav-secondary > .nav > .list__item > .item__link a.open {
            color: #458dc5; }
        .menu .nav-secondary > .nav > .list__item > .item__link.item__link--handle::after {
          content: '';
          background: url("img/arrow-right.svg");
          width: 14px;
          height: 16px;
          float: right;
          transition: all .3s ease-in-out; }
        .menu .nav-secondary > .nav > .list__item > .item__link.item__link--handle:hover::after {
          background: url("img/arrow-right-blue.svg"); }
        .menu .nav-secondary > .nav > .list__item > .item__link.item__link--handle.open::after {
          background: url("img/arrow-right-blue.svg"); }
      .menu .nav-secondary > .nav .submenu {
        display: none;
        position: absolute;
        right: 0;
        top: 50px;
        width: calc(100% - 308px);
        color: #13314f;
        overflow: hidden;
        height: 490px; }
        .menu .nav-secondary > .nav .submenu .submenu_container {
          padding: 0 0 40px 75px;
          -moz-column-count: 2;
          -moz-column-gap: 10%;
          -webkit-column-count: 2;
          -webkit-column-gap: 10%;
          column-count: 2;
          column-gap: 10%; }
        .menu .nav-secondary > .nav .submenu ul {
          list-style: none;
          margin: 0; }
        .menu .nav-secondary > .nav .submenu .list__item--2 {
          display: inline-block;
          width: 100%;
          margin-bottom: 26px; }
        .menu .nav-secondary > .nav .submenu .list__item--title {
          font-size: 16px;
          font-weight: 600;
          display: block;
          margin-bottom: 8px;
          text-transform: uppercase; }
        .menu .nav-secondary > .nav .submenu li {
          font-size: 14px;
          margin-bottom: 8px;
          font-weight: 400;
          text-transform: initial; }
          .menu .nav-secondary > .nav .submenu li a:after {
            display: none; }
          .menu .nav-secondary > .nav .submenu li a:hover {
            color: #458dc5; }

.toggle-menu {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 31px;
  height: 20px;
  margin-right: 35px; }
  .toggle-menu:hover, .toggle-menu:focus, .toggle-menu {
    outline: none; }

.burger-menu {
  cursor: pointer;
  width: 32px;
  top: 9px;
  left: 0px; }
  .burger-menu::before {
    width: 22px;
    top: 8px;
    content: ""; }
  .burger-menu::after {
    width: 32px;
    bottom: 8px;
    content: ""; }
  .burger-menu::after, .burger-menu::before, .burger-menu {
    position: absolute;
    transition: all .2s ease-in-out;
    background: #13314f;
    height: 4px;
    display: block; }
  .burger-menu.active {
    background-color: transparent; }
    .burger-menu.active::after {
      transform: rotate(-45deg);
      bottom: 0px; }
    .burger-menu.active::before {
      transform: rotate(45deg);
      top: 0px;
      width: 32px; }

.breadcrumb {
  padding-top: 10px; }

/*
  `7MMF'
    MM
    MM         ,pW"Wq.   .P"Ybmmm ,pW"Wq.
    MM        6W'   `Wb :MI  I8  6W'   `Wb
    MM      , 8M     M8  WmmmP"  8M     M8
    MM     ,M YA.   ,A9 8M       YA.   ,A9
  .JMMmmmmMMM  `Ybmd9'   YMMMMMb  `Ybmd9'
                        6'     dP
                        Ybmmmd'
                        */
/*

                              ,,
  MMP""MM""YMM              `7MM  `7MM"""Yp,
  P'   MM   `7                MM    MM    Yb
       MM  ,pW"Wq.   ,pW"Wq.  MM    MM    dP  ,pW"Wq.`7M'   `MF'
       MM 6W'   `Wb 6W'   `Wb MM    MM"""bg. 6W'   `Wb `VA ,V'
       MM 8M     M8 8M     M8 MM    MM    `Y 8M     M8   XMX
       MM YA.   ,A9 YA.   ,A9 MM    MM    ,9 YA.   ,A9 ,V' VA.
     .JMML.`Ybmd9'   `Ybmd9'.JMML..JMMmmmd9   `Ybmd9'.AM.   .MA.


     */
.toolbox-nav {
  position: absolute;
  top: 30px;
  right: -54px;
  z-index: 1000; }
  .toolbox-nav .toolbox__handle {
    position: absolute;
    top: 0;
    left: -55px;
    background-image: url(img/sprite.png);
    background-position: -101px 0px;
    width: 55px;
    height: 62px;
    cursor: pointer; }
  .toolbox-nav .tools__list {
    list-style: none;
    margin: 0;
    max-width: 185px;
    box-shadow: 2px 2px 5px #959595;
    background: #fff;
    position: absolute; }
  .toolbox-nav .tool__item {
    position: relative;
    border-bottom: 1px solid #959595;
    height: 62px;
    padding-left: 62px;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 11px;
    font-size: 0.78571rem;
    font-weight: 700;
    cursor: pointer; }
    .toolbox-nav .tool__item:hover {
      background: #d5dcdd; }
  .toolbox-nav .tool__icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 11px;
    width: 40px;
    height: 40px; }
  .toolbox-nav .tool__link {
    display: table-cell;
    vertical-align: middle;
    height: 62px; }
    .toolbox-nav .tool__link:hover {
      text-decoration: none; }

.landing-fullstyle #toolbox .tools__list {
  list-style: none;
  margin: 62px 0; }

.landing-fullstyle #toolbox .field-collection-container {
  display: flex;
  justify-content: space-around;
  align-content: space-around; }
  .landing-fullstyle #toolbox .field-collection-container .tool__item {
    display: inline-block;
    text-align: center;
    flex-grow: 1;
    border-right: 2px solid #e3e9f2; }
    .landing-fullstyle #toolbox .field-collection-container .tool__item:last-child {
      border-right: 0; }
    .landing-fullstyle #toolbox .field-collection-container .tool__item .tool__icon {
      display: block;
      margin: 0 auto; }
    .landing-fullstyle #toolbox .field-collection-container .tool__item .image {
      margin-bottom: 10px; }
    .landing-fullstyle #toolbox .field-collection-container .tool__item span {
      font-family: Raleway, sans-serif;
      font-size: 14px;
      font-weight: 900;
      color: #13314f;
      text-transform: uppercase;
      vertical-align: bottom;
      display: table-cell;
      padding-right: 12px; }
      .landing-fullstyle #toolbox .field-collection-container .tool__item span::after {
        content: '';
        background: url("img/arrow-right-bl.svg");
        width: 14px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        transition: all .3s ease-in-out;
        margin-right: -12px; }
  .landing-fullstyle #toolbox .field-collection-container .tool__link {
    text-decoration: none; }

/*
   /$$$$$$$                  /$$
  | $$__  $$                | $$
  | $$  \ $$  /$$$$$$   /$$$$$$$ /$$   /$$
  | $$$$$$$  /$$__  $$ /$$__  $$| $$  | $$
  | $$__  $$| $$  \ $$| $$  | $$| $$  | $$
  | $$  \ $$| $$  | $$| $$  | $$| $$  | $$
  | $$$$$$$/|  $$$$$$/|  $$$$$$$|  $$$$$$$
  |_______/  \______/  \_______/ \____  $$
                                 /$$  | $$
                                |  $$$$$$/
                                 \______/
                                 */
.zebra--force {
  padding: 10px 0;
  background: #f2f2f2; }

.arrow.arrow--bottom-center:before {
  border-top-color: #f2f2f2 !important; }

.arrow.arrow--bottom-center:after {
  border-top-color: #f2f2f2 !important; }

.title--2, .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .chrono_attente > div.text > span, .landing-fullstyle .view-search-job-offer .offre-heade-subtitle {
  margin-bottom: 1.33333em;
  text-align: left;
  text-transform: uppercase;
  font-family: Raleway, sans-serif;
  font-size: 40px;
  font-size: 2.85714rem;
  font-weight: 900;
  color: #13314f; }
  .landing-fullstyle .title--2, .landing-fullstyle .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .landing-fullstyle .chrono_attente > div.chrono > span.chrono_time, .landing-fullstyle .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .landing-fullstyle .chrono_attente > div.text > span, .landing-fullstyle .view-search-job-offer .offre-heade-subtitle {
    width: 1280px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1280px) {
      .landing-fullstyle .title--2, .landing-fullstyle .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .landing-fullstyle .chrono_attente > div.chrono > span.chrono_time, .landing-fullstyle .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .landing-fullstyle .chrono_attente > div.text > span, .landing-fullstyle .view-search-job-offer .offre-heade-subtitle {
        width: calc(100% - 20px); } }
  .title--2 .title--2--subtitle, .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time .title--2--subtitle, .bloc_temps .bloc_attente .chrono_attente > div.text > span .title--2--subtitle, .landing-fullstyle .view-search-job-offer .offre-heade-subtitle .title--2--subtitle {
    display: block;
    margin-bottom: 4em;
    font-size: 16px;
    font-size: 1.14286rem;
    color: #1b1b1b; }
  .title--2--search {
    margin-bottom: 0.75em;
    text-align: left; }

.title--site {
  position: absolute;
  left: 133px;
  top: 9px;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.6rem;
  color: #f6891f;
  font-weight: normal; }

.lede {
  /*@include fontSize($h5-size);*/
  font-size: 0.9rem;
  font-weight: 700; }
  .lede.lede--cite {
    text-transform: uppercase; }

.smallprint {
  color: #3f3f3f; }

.item__date {
  text-transform: uppercase;
  font-size: 11px;
  font-size: 0.78571rem;
  color: #b41e8e; }

.item__author {
  font-size: 16px;
  font-size: 1.14286rem;
  color: #00a1e4; }
  .item__author::before {
    display: block;
    margin-bottom: 0.5em;
    border-top: 1px solid #00a1e4;
    width: 70px;
    height: 0;
    content: ""; }

/*
  88""Yb 88     88  dP                       88  88 888888    db    8888b.  88""Yb    db    88b 88 8888b.
  88__dP 88     88odP                        88  88 88__     dPYb    8I  Yb 88__dP   dPYb   88Yb88  8I  Yb
  88""Yb 88  .o 88"Yb                        888888 88""    dP__Yb   8I  dY 88""Yb  dP__Yb  88 Y88  8I  dY
  88oodP 88ood8 88  Yb oooooooooo oooooooooo 88  88 888888 dP""""Yb 8888Y"  88oodP dP""""Yb 88  Y8 8888Y"
  */
.blk__headband {
  margin-bottom: 0;
  height: 240px;
  background: url(/sites/all/themes/gds/css/img/ajax-loader.gif) no-repeat 50% 50%;
  padding: 80px 0 0 40px; }
  .blk__headband .title--1 {
    max-width: 66%;
    text-transform: uppercase;
    line-height: 1em;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    font-size: 2.85714rem;
    font-weight: 900;
    color: #fff;
    text-shadow: 0px 0px 8px #8D8C8C; }

/*
  88""Yb 88     88  dP                       8888b.  88 .dP"Y8  dP""b8  dP"Yb  Yb    dP 888888 88""Yb
  88__dP 88     88odP                         8I  Yb 88 `Ybo." dP   `" dP   Yb  Yb  dP  88__   88__dP
  88""Yb 88  .o 88"Yb                         8I  dY 88 o.`Y8b Yb      Yb   dP   YbdP   88""   88"Yb
  88oodP 88ood8 88  Yb oooooooooo oooooooooo 8888Y"  88 8bodP'  YboodP  YbodP     YP    888888 88  Yb
  */
.landing-fullstyle .blk__push_two {
  margin: 0; }
  .landing-fullstyle .blk__push_two .blk__discover {
    width: 48.20313%;
    float: left;
    height: 422px;
    background-color: #13314f;
    padding: 0;
    margin: 0 0 46px;
    position: relative;
    font-family: Raleway, sans-serif; }
    .landing-fullstyle .blk__push_two .blk__discover:nth-child(2n-2) {
      float: right; }
    .landing-fullstyle .blk__push_two .blk__discover:last-child:nth-child(odd) {
      width: 100%;
      height: 280px; }
      .landing-fullstyle .blk__push_two .blk__discover:last-child:nth-child(odd) .content-bloc p {
        max-width: 100%; }
    .landing-fullstyle .blk__push_two .blk__discover.push__app .link-image {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 4; }
    .landing-fullstyle .blk__push_two .blk__discover.push__app .content-bloc {
      z-index: inherit !important; }
      .landing-fullstyle .blk__push_two .blk__discover.push__app .content-bloc .block-list, .landing-fullstyle .blk__push_two .blk__discover.push__app .content-bloc .matrix {
        z-index: 5; }
    .landing-fullstyle .blk__push_two .blk__discover.push__app .link-image__title {
      position: relative;
      z-index: 5;
      display: block;
      text-decoration: none; }
    .landing-fullstyle .blk__push_two .blk__discover::after {
      content: '';
      background-color: rgba(19, 49, 79, 0.2);
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
    .landing-fullstyle .blk__push_two .blk__discover.item-two-bloc .link-image {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 4; }
    .landing-fullstyle .blk__push_two .blk__discover.item-two-bloc .content-bloc {
      z-index: inherit; }
      .landing-fullstyle .blk__push_two .blk__discover.item-two-bloc .content-bloc .item__title {
        position: relative;
        z-index: 5; }
        .landing-fullstyle .blk__push_two .blk__discover.item-two-bloc .content-bloc .item__title .link-image-title {
          z-index: 5;
          position: relative; }
          .landing-fullstyle .blk__push_two .blk__discover.item-two-bloc .content-bloc .item__title .link-image-title:hover {
            background-color: transparent;
            text-decoration: none; }
      .landing-fullstyle .blk__push_two .blk__discover.item-two-bloc .content-bloc .block-list, .landing-fullstyle .blk__push_two .blk__discover.item-two-bloc .content-bloc .matrix {
        z-index: 5; }
    .landing-fullstyle .blk__push_two .blk__discover img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .landing-fullstyle .blk__push_two .blk__discover .item__title--picto {
      color: white;
      font-size: 38px;
      line-height: 1.2;
      z-index: 2; }
    .landing-fullstyle .blk__push_two .blk__discover .block-list, .landing-fullstyle .blk__push_two .blk__discover .matrix {
      z-index: 2;
      position: absolute;
      bottom: 40px;
      left: 40px;
      margin: 0;
      list-style: none;
      width: auto; }
      .landing-fullstyle .blk__push_two .blk__discover .block-list li:last-child a, .landing-fullstyle .blk__push_two .blk__discover .matrix li:last-child a {
        margin-bottom: 0; }
      .landing-fullstyle .blk__push_two .blk__discover .block-list li a, .landing-fullstyle .blk__push_two .blk__discover .matrix li a {
        position: relative;
        background-color: #5395c9;
        padding: 18px 70px 18px 25px;
        margin-bottom: 8px;
        display: block;
        font-weight: 600;
        text-transform: uppercase;
        color: white;
        border-radius: 54px;
        height: 54px;
        line-height: 1.5;
        border: 0;
        text-align: left; }
        .landing-fullstyle .blk__push_two .blk__discover .block-list li a::after, .landing-fullstyle .blk__push_two .blk__discover .matrix li a::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 25px;
          transform: translateY(-50%);
          transition: all .2s ease-in-out; }
        .landing-fullstyle .blk__push_two .blk__discover .block-list li a:hover, .landing-fullstyle .blk__push_two .blk__discover .matrix li a:hover {
          text-decoration: none; }
          .landing-fullstyle .blk__push_two .blk__discover .block-list li a:hover::after, .landing-fullstyle .blk__push_two .blk__discover .matrix li a:hover::after {
            right: 20px; }
        .landing-fullstyle .blk__push_two .blk__discover .block-list li a.ios, .landing-fullstyle .blk__push_two .blk__discover .matrix li a.ios {
          background: url("img/appstore.png") no-repeat;
          background-size: 150px;
          border-radius: 0;
          width: 150px;
          padding: 0;
          background-position: 0px 1px;
          height: 45px;
          border-radius: 9px; }
          .landing-fullstyle .blk__push_two .blk__discover .block-list li a.ios::after, .landing-fullstyle .blk__push_two .blk__discover .matrix li a.ios::after {
            display: none; }
        .landing-fullstyle .blk__push_two .blk__discover .block-list li a.playstore, .landing-fullstyle .blk__push_two .blk__discover .matrix li a.playstore {
          background: url("img/playstore.png") no-repeat;
          background-size: 150px;
          border-radius: 0;
          width: 150px;
          padding: 0; }
          .landing-fullstyle .blk__push_two .blk__discover .block-list li a.playstore::after, .landing-fullstyle .blk__push_two .blk__discover .matrix li a.playstore::after {
            display: none; }
      .landing-fullstyle .blk__push_two .blk__discover .block-list.link-app li, .landing-fullstyle .blk__push_two .blk__discover .link-app.matrix li {
        display: inline-block;
        margin-right: 20px; }
    .landing-fullstyle .blk__push_two .blk__discover .content-bloc {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
      padding: 40px; }
      .landing-fullstyle .blk__push_two .blk__discover .content-bloc p {
        color: white;
        font-size: 16px;
        line-height: 1.5;
        max-width: 300px; }
        .landing-fullstyle .blk__push_two .blk__discover .content-bloc p.item__title--picto {
          font-size: 38px;
          line-height: 1.2; }

.landing-fullstyle .blk__push {
  list-style: none;
  margin: 40px -15px 0; }
  .landing-fullstyle .blk__push .blk__discover {
    width: 33.33%;
    float: left;
    padding: 0 15px;
    text-align: center; }
  .landing-fullstyle .blk__push .item__title--picto {
    font-size: 20px;
    color: #13314f;
    font-weight: 900;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block; }
  .landing-fullstyle .blk__push .block-list, .landing-fullstyle .blk__push .matrix {
    list-style: none;
    margin: 0; }

.les_services .blk__discover .item__title {
  min-height: 155px; }

.teaser--double .title--2, .teaser--double .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .teaser--double .chrono_attente > div.chrono > span.chrono_time, .teaser--double .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .teaser--double .chrono_attente > div.text > span, .teaser--double .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .teaser--double .offre-heade-subtitle {
  margin-bottom: 0.66666em;
  font-size: 24px;
  font-size: 1.71429rem;
  color: #000; }

.teaser--double .grid__item.one-half.hard--left, .teaser--double .grid__item.hard--left.two-quarters, .teaser--double .grid__item.hard--left.three-sixths, .teaser--double .grid__item.hard--left.four-eighths, .teaser--double .grid__item.hard--left.five-tenths, .teaser--double .grid__item.hard--left.six-twelfths {
  margin-bottom: 14px;
  border-left: 1px solid #959595; }

.discovers.cycle-slideshow {
  margin-right: 1px;
  width: 100% !important; }
  .discovers.cycle-slideshow .grid__item.one-third, .discovers.cycle-slideshow .grid__item.two-sixths, .discovers.cycle-slideshow .grid__item.four-twelfths {
    position: relative !important;
    max-width: 319px; }
    .discovers.cycle-slideshow .grid__item.one-third .btn_ctnr, .discovers.cycle-slideshow .grid__item.two-sixths .btn_ctnr, .discovers.cycle-slideshow .grid__item.four-twelfths .btn_ctnr,
    .discovers.cycle-slideshow .grid__item.one-third .lede,
    .discovers.cycle-slideshow .grid__item.two-sixths .lede,
    .discovers.cycle-slideshow .grid__item.four-twelfths .lede {
      max-width: 301px !important; }
  .discovers.cycle-slideshow .grid__item.one-quarter, .discovers.cycle-slideshow .grid__item.two-eighths, .discovers.cycle-slideshow .grid__item.three-twelfths {
    max-width: 239px;
    position: relative !important; }
    .discovers.cycle-slideshow .grid__item.one-quarter .btn_ctnr, .discovers.cycle-slideshow .grid__item.two-eighths .btn_ctnr, .discovers.cycle-slideshow .grid__item.three-twelfths .btn_ctnr,
    .discovers.cycle-slideshow .grid__item.one-quarter .lede,
    .discovers.cycle-slideshow .grid__item.two-eighths .lede,
    .discovers.cycle-slideshow .grid__item.three-twelfths .lede {
      max-width: 224px !important; }
  .discovers.cycle-slideshow .soft--sides {
    border-right: 1px solid #d5dcdd; }
  .discovers.cycle-slideshow .cycle-slide * {
    white-space: normal; }

.article__slider--ctnr {
  position: relative;
  margin-top: 42px;
  background: #f2f2f2;
  padding: 29px 42px 6px; }
  .article__slider--ctnr .cycle-prev {
    display: block;
    position: absolute;
    top: 70px;
    left: 0;
    margin-top: -10px;
    background-image: url(img/sprite.png);
    background-position: 0px -88px;
    width: 24px;
    height: 37px; }
  .article__slider--ctnr .cycle-next {
    display: block;
    position: absolute;
    top: 70px;
    right: 0;
    margin-top: -17px;
    background-image: url(img/sprite.png);
    background-position: -24px -88px;
    width: 24px;
    height: 37px; }

.one-two {
  width: 50%;
  text-align: left; }
  .one-two ul {
    margin: 0 auto;
    text-align: left;
    width: 70%; }

.article.cycle-slideshow {
  margin: 0; }
  .article.cycle-slideshow .grid__item.one-third, .article.cycle-slideshow .grid__item.two-sixths, .article.cycle-slideshow .grid__item.four-twelfths {
    max-width: 218px;
    min-height: 190px; }
  .article.cycle-slideshow .grid__item.one-third .btn__ctnr, .article.cycle-slideshow .grid__item.two-sixths .btn__ctnr, .article.cycle-slideshow .grid__item.four-twelfths .btn__ctnr,
  .article.cycle-slideshow .grid__item.one-third .lede,
  .article.cycle-slideshow .grid__item.two-sixths .lede,
  .article.cycle-slideshow .grid__item.four-twelfths .lede {
    max-width: 218px !important;
    max-height: none !important;
    min-height: 3em; }
  .article.cycle-slideshow .cycle-slide * {
    white-space: normal; }
  .article.cycle-slideshow .blk__teaser.teaser--read {
    padding-left: 7px;
    padding-right: 7px; }
    .article.cycle-slideshow .blk__teaser.teaser--read > img {
      width: 100%; }
    .article.cycle-slideshow .blk__teaser.teaser--read .lede {
      height: 100px;
      overflow: hidden; }
  .article.cycle-slideshow .blk__teaser.teaser--read-dossier {
    padding-left: 7px;
    padding-right: 7px; }
    .article.cycle-slideshow .blk__teaser.teaser--read-dossier > img {
      width: 100%; }
    .article.cycle-slideshow .blk__teaser.teaser--read-dossier .lede {
      height: auto;
      overflow: hidden; }

.cycle-prev {
  display: block;
  position: absolute;
  top: 50%;
  left: -44px;
  margin-top: -10px;
  background-image: url(img/sprite.png);
  background-position: 0px -88px;
  width: 24px;
  height: 37px; }

.cycle-next {
  display: block;
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -17px;
  background-image: url(img/sprite.png);
  background-position: -24px -88px;
  width: 24px;
  height: 37px; }

/*
  88""Yb 88     88  dP                          db    8888b.  8888b.  88""Yb 888888 .dP"Y8 .dP"Y8
  88__dP 88     88odP                          dPYb    8I  Yb  8I  Yb 88__dP 88__   `Ybo." `Ybo."
  88""Yb 88  .o 88"Yb                         dP__Yb   8I  dY  8I  dY 88"Yb  88""   o.`Y8b o.`Y8b
  88oodP 88ood8 88  Yb oooooooooo oooooooooo dP""""Yb 8888Y"  8888Y"  88  Yb 888888 8bodP' 8bodP'
  */
.blk__address .org,
.blk__address .adr {
  font-size: 16px;
  font-size: 1.14286rem;
  color: #00a1e4; }

.blk__address .org {
  text-transform: uppercase;
  font-weight: 700; }

.blk__address dt {
  color: #c51733; }

.blk__address .legend_other {
  font-family: Calibri, sans-serif;
  font-size: 0.8rem;
  display: block; }

.blk__address dd {
  margin: 0 0 5px; }

.blk__address .btn__ctnr li {
  list-style: none; }

/*
  88""Yb 88     88  dP                          db     dP""b8 888888 88   88 .dP"Y8
  88__dP 88     88odP                          dPYb   dP   `"   88   88   88 `Ybo."
  88""Yb 88  .o 88"Yb                         dP__Yb  Yb        88   Y8   8P o.`Y8b
  88oodP 88ood8 88  Yb oooooooooo oooooooooo dP""""Yb  YboodP   88   `YbodP' 8bodP'
  */
.blk__actus .title--2, .blk__actus .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .blk__actus .chrono_attente > div.chrono > span.chrono_time, .blk__actus .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .blk__actus .chrono_attente > div.text > span, .blk__actus .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .blk__actus .offre-heade-subtitle {
  font-size: 40px;
  display: inline; }

.blk__actus .actu-link {
  float: right; }

.blk__actus .grid {
  margin: 40px 0 0; }
  .blk__actus .grid .grid-sizer,
  .blk__actus .grid .grid__item {
    width: 48%; }
  .blk__actus .grid .gutter-sizer {
    width: 2%; }
  .blk__actus .grid:after {
    content: '';
    display: block;
    clear: both; }
  .blk__actus .grid .grid__item {
    background: #eff3f8;
    margin-bottom: 20px;
    padding: 0; }
    .blk__actus .grid .grid__item:nth-of-type(2), .blk__actus .grid .grid__item:nth-of-type(4) {
      transform: translateX(27px); }
    .blk__actus .grid .grid__item .media {
      margin: 0; }
    .blk__actus .grid .grid__item .block-list, .blk__actus .grid .grid__item .matrix {
      display: none; }
    .blk__actus .grid .grid__item.large-image img {
      width: 100%; }

.blk__actus .media__body {
  padding: 20px; }
  .blk__actus .media__body .article-tag {
    font-size: 12px;
    text-transform: uppercase;
    color: white;
    background: #458dc5;
    padding: 5px 17px;
    border-radius: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block; }
    @media only screen and (min-width: 1200px) {
      .blk__actus .media__body .article-tag {
        margin-bottom: 0; } }
  .blk__actus .media__body .item__date {
    float: right;
    font-size: 12px;
    color: #13314f; }
  .blk__actus .media__body p {
    font-size: 14px;
    color: #13314f; }
    .blk__actus .media__body p.lede {
      font-size: 20px;
      color: #13314f;
      font-weight: 900;
      margin-top: 20px;
      margin-bottom: 10px; }

.blk__actus .grid_onecol {
  list-style: none;
  margin: 40px -15px 0; }
  .blk__actus .grid_onecol::after {
    content: '';
    display: table;
    clear: both; }
  .blk__actus .grid_onecol .one_row {
    width: 33.33%;
    float: left;
    padding: 0 15px; }
    .blk__actus .grid_onecol .one_row .media__img {
      width: 100%;
      margin: 0; }
    .blk__actus .grid_onecol .one_row .media__body {
      width: 100%;
      padding: 10px 0; }
      .blk__actus .grid_onecol .one_row .media__body .item__date {
        float: none;
        display: block;
        margin-bottom: 0; }
      .blk__actus .grid_onecol .one_row .media__body p.lede {
        margin-top: 10px; }
  .blk__actus .grid_onecol .block-list, .blk__actus .grid_onecol .matrix {
    display: none; }

.blk__actus .lede a:hover {
  text-decoration: none; }

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

.blk__actus div.field-collection-container {
  text-align: center; }

.blk__actus .blk__push_gp h3 {
  font-size: 24px;
  font-weight: 800;
  color: #13314f;
  margin-bottom: 20px; }

.blk__actus .blk__push_gp p {
  font-size: 14px;
  font-weight: 400;
  color: #13314f;
  margin: 14px 0; }

.blk__actus .blk__push_pat {
  text-align: center;
  border-right: 2px solid #e3e9f2;
  padding: 0 55px; }
  .blk__actus .blk__push_pat:last-child {
    border-right: 0; }
  .blk__actus .blk__push_pat h3 {
    font-size: 30px;
    font-weight: 400;
    color: #13314f;
    line-height: 1.2; }
  .blk__actus .blk__push_pat p {
    font-size: 16px;
    font-weight: 400;
    color: #13314f; }
  .blk__actus .blk__push_pat .btn__ctnr {
    text-align: center; }
  .blk__actus .blk__push_pat .btn.btn--hard {
    border-color: #458dc5;
    height: 54px;
    line-height: 52px;
    font-weight: 900; }

.blk__actus.referenceorder .grid .grid__item {
  position: relative !important; }

/*
  88""Yb 888888 88b 88                          db     dP""b8 888888 88  dP"Yb  88b 88
  88__dP   88   88Yb88                         dPYb   dP   `"   88   88 dP   Yb 88Yb88
  88""Yb   88   88 Y88                        dP__Yb  Yb        88   88 Yb   dP 88 Y88
  88oodP   88   88  Y8 oooooooooo oooooooooo dP""""Yb  YboodP   88   88  YbodP  88  Y8
  */
/*
  88""Yb 88      dP"Yb   dP""b8 88  dP          88     88 .dP"Y8 888888
  88__dP 88     dP   Yb dP   `" 88odP  ________ 88     88 `Ybo."   88
  88""Yb 88  .o Yb   dP Yb      88"Yb  """""""" 88  .o 88 o.`Y8b   88
  88oodP 88ood8  YbodP   YboodP 88  Yb          88ood8 88 8bodP'   88
  */
.blk__trust {
  margin: 0 auto 14px;
  line-height: 1.5em;
  padding-bottom: 60px; }
  .blk__trust.env--carrot {
    background: #f6891f; }
  .blk__trust .title--2, .blk__trust .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .blk__trust .chrono_attente > div.chrono > span.chrono_time, .blk__trust .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .blk__trust .chrono_attente > div.text > span, .blk__trust .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .blk__trust .offre-heade-subtitle {
    margin-top: 42px;
    color: #fff; }
  .blk__trust .grid__item {
    border-left: 1px solid rgba(182, 102, 18, 0.5);
    padding: 0 18px 42px; }
    .blk__trust .grid__item:first-child {
      border: 0; }
    .blk__trust .grid__item .block-list, .blk__trust .grid__item .matrix {
      background: #f6891f;
      margin-left: -20px;
      padding: 9px 0 0 20px; }
  .blk__trust .lede,
  .blk__trust .title--3 {
    max-height: none;
    text-transform: uppercase;
    line-height: 1em;
    font-size: 20px;
    font-size: 1.42857rem;
    font-weight: 700;
    color: #fff !important; }
    .blk__trust .lede a:hover,
    .blk__trust .title--3 a:hover {
      text-decoration: none; }
  .blk__trust p {
    margin-bottom: 9px; }
  .blk__trust .block-list > li .go, .blk__trust .matrix > li .go {
    color: #fff; }
    .blk__trust .block-list > li .go::before, .blk__trust .matrix > li .go::before {
      background-image: url(img/sprite.png);
      background-position: -156px -134px;
      width: 11px;
      height: 11px; }
    .blk__trust .block-list > li .go::after, .blk__trust .matrix > li .go::after {
      display: none; }
    .blk__trust .block-list > li .go:hover, .blk__trust .matrix > li .go:hover {
      color: inherit;
      text-decoration: underline; }
      .blk__trust .block-list > li .go:hover::before, .blk__trust .matrix > li .go:hover::before {
        background-image: url(img/sprite.png);
        background-position: -156px -134px;
        width: 11px;
        height: 11px; }

.breadcrumb {
  margin-bottom: 1rem;
  font-size: 11px;
  font-size: 0.78571rem; }
  .breadcrumb .current,
  .breadcrumb .nolink {
    font-weight: 700; }

.landing-fullstyle .breadcrumb {
  display: none; }

.pagination,
.pager {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 20px;
  font-weight: 700;
  color: #8dc63f; }
  .pagination li,
  .pager li {
    display: inline-block;
    margin: 0 5px !important;
    border: 1px solid #8dc63f;
    min-width: 38px;
    padding: 9px !important;
    text-align: center; }
    .pagination li.pagination__prev, .pagination li.pager-prev,
    .pager li.pagination__prev,
    .pager li.pager-prev {
      margin-right: 14px !important; }
    .pagination li.pagination__next, .pagination li.pager-next,
    .pager li.pagination__next,
    .pager li.pager-next {
      margin-left: 14px !important; }
    .pagination li.current, .pagination li.pager-current,
    .pager li.current,
    .pager li.pager-current {
      background: #8dc63f;
      color: #fff; }
    .pagination li a:hover,
    .pager li a:hover {
      text-decoration: none; }

/*
  88""Yb 88     88  dP                       888888 888888 Yb  dP 888888
  88__dP 88     88odP                          88   88__    YbdP    88
  88""Yb 88  .o 88"Yb                          88   88""    dPYb    88
  88oodP 88ood8 88  Yb oooooooooo oooooooooo   88   888888 dP  Yb   88
  */
/*
  88""Yb 88     88  dP                        dP""b8 888888  dP"Yb
  88__dP 88     88odP                        dP   `"   88   dP   Yb
  88""Yb 88  .o 88"Yb                        Yb        88   Yb   dP
  88oodP 88ood8 88  Yb oooooooooo oooooooooo  YboodP   88    YbodP
  */
.blk__cto {
  margin-bottom: 0;
  background: no-repeat 50% 50%;
  background-size: 100%;
  padding: 40px 0; }
  .blk__cto .grid__item {
    position: relative;
    border-left: 1px solid rgba(79, 79, 79, 0.5);
    padding-right: 14px;
    padding-bottom: 42px;
    text-align: center;
    color: #666; }
    .blk__cto .grid__item.first {
      border: 0; }
  .blk__cto .title--3 {
    text-transform: uppercase;
    color: #000; }
  .blk__cto p {
    color: #000; }
  .blk__cto .btn__ctnr {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center; }
    .blk__cto .btn__ctnr li {
      list-style: none; }

/*
  88""Yb 88     88  dP                        dP""b8  dP"Yb  88b 88 888888    db     dP""b8 888888
  88__dP 88     88odP                        dP   `" dP   Yb 88Yb88   88     dPYb   dP   `"   88
  88""Yb 88  .o 88"Yb                        Yb      Yb   dP 88 Y88   88    dP__Yb  Yb        88
  88oodP 88ood8 88  Yb oooooooooo oooooooooo  YboodP  YbodP  88  Y8   88   dP""""Yb  YboodP   88
  */
.blk__contact {
  margin: 0 auto 14px;
  width: 460px;
  background: #253289;
  padding: 20px;
  text-align: center;
  color: #fff; }
  .blk__contact .title--3 {
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.42857rem;
    font-weight: 700; }
  .blk__contact .grid__item {
    border-right: 1px solid #fff;
    padding: 0 14px;
    text-align: center;
    font-weight: 700; }
    .blk__contact .grid__item.last {
      border: 0; }
  .blk__contact .tel::before {
    display: block;
    margin: 0 auto;
    background-image: url(img/sprite.png);
    background-position: -108px -63px;
    width: 25px;
    height: 25px;
    content: ""; }
  .blk__contact .org::before {
    display: block;
    margin: 0 auto;
    background-image: url(img/sprite.png);
    background-position: -98px -88px;
    width: 25px;
    height: 25px;
    content: ""; }
  .blk__contact .email::before {
    display: block;
    margin: 0 auto;
    background-image: url(img/sprite.png);
    background-position: -73px -88px;
    width: 25px;
    height: 25px;
    content: ""; }

/*
     db    88""Yb 888888 88  dP""b8 88     888888
    dPYb   88__dP   88   88 dP   `" 88     88__
   dP__Yb  88"Yb    88   88 Yb      88  .o 88""
  dP""""Yb 88  Yb   88   88  YboodP 88ood8 888888
  */
.article {
  text-align: justify; }
  .article .title--2, .article .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .article .chrono_attente > div.chrono > span.chrono_time, .article .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .article .chrono_attente > div.text > span, .article .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .article .offre-heade-subtitle {
    margin-bottom: 0;
    text-align: left; }
  .article .article__ours {
    margin-bottom: 35px;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.78571rem;
    color: #1b1b1b; }
    .article .article__ours.article__header {
      margin-bottom: 10px; }
      .article .article__ours.article__header p {
        margin-bottom: 10px; }
  .article .p-category {
    display: inline-block;
    position: relative;
    margin-right: 14px;
    background: #253289;
    padding: 1px 30px 1px 5px;
    line-height: 9px;
    font-size: 9px;
    color: #fff; }
    .article .p-category.env--cardinal {
      background: #c51733; }
    .article .p-category.env--carrot {
      background: #f6891f; }
    .article .p-category.env--yellowgreen {
      background: #8dc63f; }
    .article .p-category::after {
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      background-image: url(img/sprite.png);
      background-position: -166px -76px;
      width: 7px;
      height: 11px;
      content: ""; }
  .article .lede {
    /*@include fontSize($h6-size);*/
    font-size: 0.9rem;
    font-weight: 400; }
  .article .e-description h2,
  .article .e-description .titre--3 {
    margin-bottom: 17px;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.42857rem;
    text-align: left; }
  .article .e-description h3,
  .article .e-description .titre--4 {
    margin-bottom: 17px;
    font-size: 16px;
    font-size: 1.14286rem;
    text-align: left; }
  .article .e-description a,
  .article .e-description .article__link {
    text-decoration: underline;
    font-weight: 700;
    color: #253289; }
  .article .e-description ul li {
    list-style: none; }
    .article .e-description ul li:before {
      display: inline-block;
      width: 6px;
      height: 6px;
      content: "";
      background: #000;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomright: 10px;
      -moz-border-radius-bottomleft: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      margin: 0 6px;
      overflow: hidden; }
  .article figure {
    margin-bottom: 50px; }
    .article figure.small {
      float: left;
      /*margin: 0 $base-font-size 0 0;*/ }
      .article figure.small.small--rev {
        float: right;
        /* margin: 0 0 0 $base-font-size;*/ }
    .article figure.large {
      margin: 0; }
      .article figure.large img {
        width: 100%; }
  .article figcaption {
    position: relative;
    background: #f2f2f2;
    padding: 3px; }
  .article .ico__action {
    position: absolute;
    top: -24px;
    right: 5px;
    background-image: url(img/sprite.png);
    background-position: -156px 0px;
    width: 19px;
    height: 19px; }
  .article .pages .page {
    display: block; }
    .article .pages .page.inactive {
      display: none; }
  .article .article__navigation {
    margin-top: 20px; }
    .article .article__navigation .ctnr {
      margin: 7px;
      height: calc(100% - 28px);
      background: #f2f2f2;
      padding: 14px; }
    .article .article__navigation .article__link {
      display: block;
      margin-bottom: 14px;
      text-decoration: none;
      text-transform: uppercase;
      color: #b41e8e;
      cursor: pointer; }
      .article .article__navigation .article__link.article__link--previous::before {
        display: inline-block;
        margin-right: 5px;
        background-image: url(img/sprite.png);
        background-position: -168px -122px;
        width: 5px;
        height: 10px;
        content: ""; }
      .article .article__navigation .article__link.article__link--next::after {
        display: inline-block;
        margin-left: 5px;
        background-image: url(img/sprite.png);
        background-position: -167px -134px;
        width: 5px;
        height: 10px;
        content: ""; }
    .article .article__navigation .flush {
      text-align: left; }
    .article .article__navigation .lede {
      font-weight: 700;
      text-align: justify; }
      .article .article__navigation .lede a:hover {
        text-decoration: none; }
  .article aside .title--2, .article aside .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .article aside .chrono_attente > div.chrono > span.chrono_time, .article aside .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .article aside .chrono_attente > div.text > span, .article aside .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .article aside .offre-heade-subtitle {
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 400; }
  .article aside .menu-block-wrapper > .menu {
    margin: 0.5em 0 2em 1em; }
    .article aside .menu-block-wrapper > .menu > li.collapsed {
      list-style-image: url(img/edito-menu-l1-collapsed.png); }
    .article aside .menu-block-wrapper > .menu > li.expanded {
      list-style-image: url(img/edito-menu-l1-expanded.png); }
    .article aside .menu-block-wrapper > .menu > li > a {
      display: block;
      margin-left: -20px;
      padding: 4px 4px 4px 20px; }
      .article aside .menu-block-wrapper > .menu > li > a.active-trail {
        background: #f2f2f2;
        font-weight: 700; }
    .article aside .menu-block-wrapper > .menu .menu {
      margin: 0;
      border-left: 1px solid #959595; }
      .article aside .menu-block-wrapper > .menu .menu li {
        list-style: none !important;
        margin: 0 0 0.3em 1em; }
        .article aside .menu-block-wrapper > .menu .menu li .active {
          font-weight: 700; }
  .article .article__related--list {
    margin: 14px 0 0 0; }
    .article .article__related--list .article__related--item {
      list-style: none;
      margin-top: 14px;
      background: #f2f2f2;
      padding: 14px;
      text-align: left; }
    .article .article__related--list .item__date {
      color: inherit;
      padding: 18px 0 0;
      clear: both;
      font-size: 0.7rem;
      color: #3f3f3f;
      margin: 0 0 8px; }
    .article .article__related--list .lede {
      font-weight: 700;
      font-size: 0.9rem;
      color: #000;
      margin: 0 0 2px; }
    .article .article__related--list p:empty {
      display: none; }
    .article .article__related--list div.field-content {
      font-size: 0.9rem;
      color: #666; }

/*
  88""Yb 88     88  dP                       8b    d8 888888 8888b.  88    db    88""Yb 888888 88b 88 .dP"Y8
  88__dP 88     88odP                        88b  d88 88__    8I  Yb 88   dPYb   88__dP   88   88Yb88 `Ybo."
  88""Yb 88  .o 88"Yb                        88YbdP88 88""    8I  dY 88  dP__Yb  88""Yb   88   88 Y88 o.`Y8b
  88oodP 88ood8 88  Yb oooooooooo oooooooooo 88 YY 88 888888 8888Y"  88 dP""""Yb 88oodP   88   88  Y8 8bodP'
  */
.media.egalized .media__body {
  position: relative;
  padding-bottom: 80px; }
  .media.egalized .media__body.trio-bloc-parent {
    padding-bottom: 0; }
  .media.egalized .media__body .btn__ctnr {
    position: absolute;
    bottom: 0; }
    .media.egalized .media__body .btn__ctnr.trio {
      position: relative;
      bottom: -10px; }
      .media.egalized .media__body .btn__ctnr.trio li a {
        line-height: 30px;
        height: 30px; }
    .media.egalized .media__body .btn__ctnr li {
      margin-bottom: 14px; }
      .media.egalized .media__body .btn__ctnr li:last-child {
        margin-bottom: 0; }

.media.egalized .media__margin {
  margin-left: 18px;
  margin-right: inherit;
  float: right; }

/*
  88""Yb 88     88  dP                       888888 88  88 88   88 8b    d8 88""Yb .dP"Y8
  88__dP 88     88odP                          88   88  88 88   88 88b  d88 88__dP `Ybo."
  88""Yb 88  .o 88"Yb                          88   888888 Y8   8P 88YbdP88 88""Yb o.`Y8b
  88oodP 88ood8 88  Yb oooooooooo oooooooooo   88   88  88 `YbodP' 88 YY 88 88oodP 8bodP'
  */
.blk__thumbs {
  margin: 0 auto 14px;
  line-height: 1.8em;
  color: #666; }
  .blk__thumbs .grid--medium {
    margin: 0 auto;
    width: 750px; }
  .blk__thumbs .nav {
    background: #d5dcdd;
    text-align: center;
    text-transform: uppercase;
    line-height: 2.4em;
    font-size: 15px;
    font-size: 1.07143rem;
    font-weight: 700;
    color: #253289; }
    .blk__thumbs .nav .item__link {
      border-right: 1px solid #253289;
      color: inherit; }
      .blk__thumbs .nav .item__link.last {
        border: none; }
      .blk__thumbs .nav .item__link:hover {
        text-decoration: none; }
    .blk__thumbs .nav .active .item__link {
      background: #8dc63f;
      color: #fff;
      cursor: default; }
      .blk__thumbs .nav .active .item__link:before {
        border-top-color: #8dc63f !important; }
      .blk__thumbs .nav .active .item__link:after {
        border-top-color: #8dc63f !important; }
  .blk__thumbs .thumb__ctnt {
    overflow: hidden;
    padding-top: 28px; }
  .blk__thumbs .lede {
    margin-bottom: 0;
    color: #000; }

/*
  88""Yb 88     88  dP                       8888b.     db    888888    db
  88__dP 88     88odP                         8I  Yb   dPYb     88     dPYb
  88""Yb 88  .o 88"Yb                         8I  dY  dP__Yb    88    dP__Yb
  88oodP 88ood8 88  Yb oooooooooo oooooooooo 8888Y"  dP""""Yb   88   dP""""Yb
  */
.blk__data {
  margin: 28px auto;
  width: 800px;
  background: #f2f2f2;
  padding: 20px; }
  .blk__data .title--3 {
    text-transform: uppercase;
    font-weight: 700;
    color: #f6891f; }
  .blk__data .data__label {
    padding: 0 14px;
    text-align: right;
    text-transform: uppercase;
    font-weight: 700; }
  .blk__data .data__ctnt {
    margin-left: 0;
    border-left: 1px solid #f6891f;
    padding-bottom: 7px;
    line-height: 21px; }

/*


  `7MN.   `7MF'
    MMN.    M
    M YMb   M  .gP"Ya `7M'    ,A    `MF',pP"Ybd
    M  `MN. M ,M'   Yb  VA   ,VAA   ,V  8I   `"
    M   `MM.M 8M""""""   VA ,V  VA ,V   `YMMMa.
    M     YMM YM.    ,    VVV    VVV    L.   I8
  .JML.    YM  `Mbmmd'     W      W     M9mmmP'


  */
.news .media__img {
  background: no-repeat 50% top #f2f2f2; }
  .news .media__img.env--article .caption {
    background: #f6891f; }
  .news .media__img.env--file .caption {
    background: #8dc63f; }
  .news .media__img.env--brief .caption {
    background: #00a1e4; }
  .news .media__img.env--communication .caption {
    background: #b41e8e; }
  .news .media__img.env--testimonial .caption {
    background: #253289; }

.news .caption {
  padding: 0 7px;
  text-transform: uppercase;
  color: #fff;
  background: #00a1e4; }
  .news .caption .smallprint {
    font-weight: 700;
    color: inherit; }

/*
  88b 88 888888 Yb        dP .dP"Y8                   8b    d8    db    88 88b 88
  88Yb88 88__    Yb  db  dP  `Ybo." ________ ________ 88b  d88   dPYb   88 88Yb88
  88 Y88 88""     YbdPYbdP   o.`Y8b """""""" """""""" 88YbdP88  dP__Yb  88 88 Y88
  88  Y8 888888    YP  YP    8bodP'                   88 YY 88 dP""""Yb 88 88  Y8
  */
.news--main .title--3,
.news-results .title--3 {
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1.4em;
  font-size: 16px;
  font-size: 1.14286rem; }

.news--main .item__date,
.news-results .item__date {
  font-size: 14px;
  font-size: 1rem;
  color: #959595; }

/*
  88b 88 888888 Yb        dP .dP"Y8                   88""Yb 888888 .dP"Y8 88   88 88     888888 .dP"Y8
  88Yb88 88__    Yb  db  dP  `Ybo." ________ ________ 88__dP 88__   `Ybo." 88   88 88       88   `Ybo."
  88 Y88 88""     YbdPYbdP   o.`Y8b """""""" """""""" 88"Yb  88""   o.`Y8b Y8   8P 88  .o   88   o.`Y8b
  88  Y8 888888    YP  YP    8bodP'                   88  Yb 888888 8bodP' `YbodP' 88ood8   88   8bodP'
  */
.news-results .result__item {
  list-style: none; }

.news-results .media__img {
  width: 115px; }
  .news-results .media__img img {
    width: 100%; }

/*

                                             ,,                   ,,       ,,
  `7MMF'  `7MMF'                             db   mm            `7MM     `7MM                             mm
    MM      MM                                    MM              MM       MM                             MM
    MM      MM  ,pW"Wq.  ,pP"Ybd `7MMpdMAo.`7MM mmMMmm  ,6"Yb.    MM       MM  ,pW"Wq.   ,p6"bo   ,6"Yb.mmMMmm ,pW"Wq.`7Mb,od8
    MMmmmmmmMM 6W'   `Wb 8I   `"   MM   `Wb  MM   MM   8)   MM    MM       MM 6W'   `Wb 6M'  OO  8)   MM  MM  6W'   `Wb MM' "'
    MM      MM 8M     M8 `YMMMa.   MM    M8  MM   MM    ,pm9MM    MM mmmmm MM 8M     M8 8M        ,pm9MM  MM  8M     M8 MM
    MM      MM YA.   ,A9 L.   I8   MM   ,AP  MM   MM   8M   MM    MM       MM YA.   ,A9 YM.    , 8M   MM  MM  YA.   ,A9 MM
  .JMML.  .JMML.`Ybmd9'  M9mmmP'   MMbmmd' .JMML. `Mbmo`Moo9^Yo..JMML.   .JMML.`Ybmd9'   YMbmd'  `Moo9^Yo.`Mbmo`Ybmd9'.JMML.
                                   MM
                                 .JMML.
                                 */
/*
  88""Yb 88     88  dP                       88      dP"Yb   dP""b8    db    888888  dP"Yb  88""Yb
  88__dP 88     88odP                        88     dP   Yb dP   `"   dPYb     88   dP   Yb 88__dP
  88""Yb 88  .o 88"Yb                        88  .o Yb   dP Yb       dP__Yb    88   Yb   dP 88"Yb
  88oodP 88ood8 88  Yb oooooooooo oooooooooo 88ood8  YbodP   YboodP dP""""Yb   88    YbodP  88  Yb
  */
.blk__locator {
  width: 820px;
  background: #00a1e4;
  padding: 14px;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: 700; }
  .blk__locator .form-fields {
    border: 0;
    padding: 0; }
  .blk__locator .label {
    margin-bottom: 14px; }
  .blk__locator .text-input {
    border: 1px solid #00a1e4;
    border-right: 0;
    width: 260px;
    height: 30px;
    padding: 2px 2px 2px 7px; }
  .blk__locator .btn.search {
    margin-top: 1px;
    width: 34px;
    height: 34px;
    padding: 0;
    vertical-align: top; }
  .blk__locator--results .nb-results {
    font-size: 20px;
    font-size: 1.42857rem;
    font-weight: 700;
    color: #253289; }
  .blk__locator .grid__item > p,
  .blk__locator .grid__item .label {
    font-size: 0.90rem; }

#resultsTPL,
#caresTPL {
  display: none !important; }

.zebra--force.inactive {
  display: none; }

/*
  88""Yb 888888 .dP"Y8 88   88 88     888888 .dP"Y8
  88__dP 88__   `Ybo." 88   88 88       88   `Ybo."
  88"Yb  88""   o.`Y8b Y8   8P 88  .o   88   o.`Y8b
  88  Yb 888888 8bodP' `YbodP' 88ood8   88   8bodP'
  */
#showZoneResults {
  height: 450px;
  overflow: auto; }
  #showZoneResults .hospital-locator-results__list li .soft-half--left {
    width: auto;
    float: right; }
    #showZoneResults .hospital-locator-results__list li .soft-half--left .block-list__item {
      text-align: left; }

.hospital-locator-results__list {
  padding-right: 10px; }
  .hospital-locator-results__list .result__item {
    border-bottom: 1px solid #959595;
    padding: 10px 0 10px 0;
    font-size: 1rem;
    height: auto;
    width: 100%;
    display: block;
    color: #666;
    overflow: hidden; }
    .hospital-locator-results__list .result__item.inactive {
      display: none; }
    .hospital-locator-results__list .result__item.shaded {
      opacity: 0.3; }
    .hospital-locator-results__list .result__item.Focus {
      background-color: #FFF; }
    .hospital-locator-results__list .result__item.NotFocus {
      background-color: transparent; }
  .hospital-locator-results__list .org {
    text-transform: uppercase;
    font-weight: 700;
    color: #1b1b1b;
    float: left;
    width: 240px; }
  .hospital-locator-results__list .grid__item {
    padding-left: 0 !important; }
  .hospital-locator-results__list .soft-half--left {
    text-align: right; }
  .hospital-locator-results__list .distance {
    font-size: 11px;
    font-size: 0.78571rem;
    font-style: italic;
    float: left; }
  .hospital-locator-results__list .otherinfo {
    font-size: 0.8rem;
    font-weight: normal;
    display: block; }
  .hospital-locator-results__list .tel {
    font-weight: 700;
    display: block;
    float: left; }
  .hospital-locator-results__list .adr {
    float: left;
    width: 250px; }
  .hospital-locator-results__list .block-list, .hospital-locator-results__list .matrix {
    margin: 14px 0 0;
    font-size: 14px;
    font-size: 1rem; }
    .hospital-locator-results__list .block-list .block-list__item, .hospital-locator-results__list .matrix .block-list__item {
      padding: 7px 0; }
    .hospital-locator-results__list .block-list .go::before, .hospital-locator-results__list .matrix .go::before {
      width: 15px;
      height: 15px;
      background-image: url(img/sprite.png);
      background-position: -156px -51px;
      width: 15px;
      height: 15px;
      vertical-align: sub; }
    .hospital-locator-results__list .block-list .go:hover::before, .hospital-locator-results__list .matrix .go:hover::before {
      background-image: url(img/sprite.png);
      background-position: -156px -51px;
      width: 15px;
      height: 15px; }
    .hospital-locator-results__list .block-list .go.green::before, .hospital-locator-results__list .matrix .go.green::before {
      background-image: url(img/sprite.png);
      background-position: -156px -36px;
      width: 15px;
      height: 15px;
      vertical-align: sub; }
    .hospital-locator-results__list .block-list .go.green:hover::before, .hospital-locator-results__list .matrix .go.green:hover::before {
      background-image: url(img/sprite.png);
      background-position: -156px -36px;
      width: 15px;
      height: 15px; }

/*
   dP""b8 8b    d8    db    88""Yb
  dP   `" 88b  d88   dPYb   88__dP
  Yb  "88 88YbdP88  dP__Yb  88"""
   YboodP 88 YY 88 dP""""Yb 88
   */
.gmap {
  width: 470px;
  min-height: 450px; }
  .blk__map .gmap {
    width: auto;
    max-height: 300px;
    min-height: 300px; }
  .gmap .map-canvas {
    width: 100%;
    height: 450px;
    background: url(/sites/all/themes/gds/css/img/ajax-loader.gif) no-repeat 50% 50%; }
    .blk__map .gmap .map-canvas {
      max-height: 300px; }
  .gmap .title--2, .gmap .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .gmap .chrono_attente > div.chrono > span.chrono_time, .gmap .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .gmap .chrono_attente > div.text > span, .gmap .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .gmap .offre-heade-subtitle {
    font-size: 14px;
    font-size: 1rem; }

#showZoneCares .cycle-prev,
#showZoneCares .cycle-next {
  top: 35%;
  margin-top: 0; }

#showZoneCares .cycle-slideshow .grid__item .item__title {
  font-size: 0.8rem;
  text-transform: none;
  line-height: 15px;
  cursor: pointer; }
  #showZoneCares .cycle-slideshow .grid__item .item__title .care__check {
    position: relative;
    top: 8px; }

#showZoneCares .cycle-slideshow .grid__item .item__title--picto {
  height: auto;
  padding-bottom: 0;
  margin-bottom: 0; }
  #showZoneCares .cycle-slideshow .grid__item .item__title--picto img {
    padding-bottom: 10px; }

.blk__locator--services {
  position: relative;
  margin-top: 2em; }
  .blk__locator--services .msg--cares {
    margin-top: 1em;
    text-align: center; }
    .blk__locator--services .msg--cares .msg--info {
      font-weight: 700; }

.services-list .blk__discover {
  opacity: 0.3 !important;
  width: 120px !important;
  height: auto !important;
  padding-bottom: 20px; }
  .services-list .blk__discover.active {
    opacity: 1 !important; }

.gmap {
  width: 470px;
  min-height: 450px; }
  .blk__map .gmap {
    width: auto;
    max-height: 300px;
    min-height: 300px; }
  .gmap .map-canvas {
    width: 100%;
    height: 450px;
    background: url(/sites/all/themes/gds/css/img/ajax-loader.gif) no-repeat 50% 50%; }
    .blk__map .gmap .map-canvas {
      max-height: 300px; }
  .gmap .title--2, .gmap .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .gmap .chrono_attente > div.chrono > span.chrono_time, .gmap .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .gmap .chrono_attente > div.text > span, .gmap .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .gmap .offre-heade-subtitle {
    font-size: 14px;
    font-size: 1rem; }

.blk__locator--services {
  position: relative;
  margin-top: 2em; }

/* .services-list {
    .blk__discover {
        padding-bottom: 0;
    }
}
 */
/*
  88""Yb 88     88  dP                        dP""b8    db    88""Yb  dP"Yb  88   88 .dP"Y8 888888 88
  88__dP 88     88odP                        dP   `"   dPYb   88__dP dP   Yb 88   88 `Ybo." 88__   88
  88""Yb 88  .o 88"Yb                        Yb       dP__Yb  88"Yb  Yb   dP Y8   8P o.`Y8b 88""   88  .o
  88oodP 88ood8 88  Yb oooooooooo oooooooooo  YboodP dP""""Yb 88  Yb  YbodP  `YbodP' 8bodP' 888888 88ood8
  */
.HP-slider {
  width: 100%;
  overflow: hidden;
  max-width: 1536px;
  margin: 0 auto; }
  .HP-slider li.slide {
    position: relative;
    height: 100%;
    min-height: 300px;
    background-color: #14314F;
    max-height: 389px; }
    .HP-slider li.slide.endeavour {
      background: #253289; }
    .HP-slider li.slide.endeavour--3 {
      background: #00a1e4; }
    .HP-slider li.slide.charcoal {
      background: #3f3f3f; }
    .HP-slider li.slide.carrot {
      background: #f6891f; }
    .HP-slider li.slide.cardinal {
      background: #c51733; }
    .HP-slider li.slide.yellowgreen {
      background: #8dc63f; }
    .HP-slider li.slide.violet {
      background: #b41e8e; }
    .HP-slider li.slide.pink {
      background-color: #F48782; }
    .HP-slider li.slide.lightpink {
      background-color: #EABDC4; }
    .HP-slider li.slide.darkpink {
      background-color: #D44D6B; }
    .HP-slider li.slide.skyblue {
      background-color: #AEDFE4; }
    .HP-slider li.slide.bluegrey {
      background-color: #E2E9F3; }
    .HP-slider li.slide.darkblue {
      background-color: #14314F; }
    .HP-slider li.slide.blue {
      background-color: #5395C9; }
    .HP-slider li.slide.green {
      background-color: #AFD679; }
    .HP-slider li.slide.orange {
      background-color: #F8B26C; }
    .HP-slider li.slide .slide__ctnt {
      height: 100%;
      display: inline-flex;
      width: 100%; }
    .HP-slider li.slide img {
      height: 100%;
      object-fit: cover; }
    .HP-slider li.slide.half .slide__ctnt, .HP-slider li.slide.half {
      height: 100%; }
    .HP-slider li.slide.half .bg__img {
      width: auto;
      height: 100%;
      margin-left: auto; }
      @media only screen and (max-width: 1366px) {
        .HP-slider li.slide.half .bg__img {
          width: 50%; } }
    .HP-slider li.slide.half .container-titles {
      max-width: 520px; }
  .HP-slider .container-titles {
    position: absolute;
    top: 50%;
    left: calc(50% - 640px);
    transform: translateY(-50%);
    max-width: 800px;
    width: 100%;
    margin-top: -14px; }
    @media only screen and (max-width: 1300px) {
      .HP-slider .container-titles {
        left: calc(50% - 615px);
        margin-top: 0px; } }
    @media only screen and (max-width: 1280px) {
      .HP-slider .container-titles {
        left: 20px; } }
    .HP-slider .container-titles.endeavour .bloc-titre {
      color: #13314f; }
    .HP-slider .container-titles.white .btn.btn--hard {
      color: white;
      border-color: white;
      border: 0; }
      .HP-slider .container-titles.white .btn.btn--hard::before {
        background-image: -webkit-linear-gradient(-90deg, white 0%, #fafafa 100%);
        background-image: -moz-linear-gradient(-90deg, white 0%, #fafafa 100%);
        background-image: -o-linear-gradient(-90deg, white 0%, #fafafa 100%);
        background-image: linear-gradient(-90deg, white 0%, #fafafa 100%); }
      .HP-slider .container-titles.white .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid white;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.white .btn.btn--hard:hover {
        color: #0d3050; }
    .HP-slider .container-titles.endeavour--3 .bloc-titre h1, .HP-slider .container-titles.endeavour--3 .bloc-titre p {
      color: #00a1e4; }
    .HP-slider .container-titles.endeavour--3 .btn.btn--hard {
      color: #00a1e4;
      border: 0; }
      .HP-slider .container-titles.endeavour--3 .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.endeavour--3 .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #00a1e4;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.endeavour--3 .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.endeavour--3 .btn.btn--hard:hover:before {
          background: #00a1e4; }
    .HP-slider .container-titles.charcoal .bloc-titre h1, .HP-slider .container-titles.charcoal .bloc-titre p {
      color: #3f3f3f; }
    .HP-slider .container-titles.charcoal .btn.btn--hard {
      color: #3f3f3f;
      border: 0; }
      .HP-slider .container-titles.charcoal .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.charcoal .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #3f3f3f;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.charcoal .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.charcoal .btn.btn--hard:hover:before {
          background: #3f3f3f; }
    .HP-slider .container-titles.carrot .bloc-titre h1, .HP-slider .container-titles.carrot .bloc-titre p {
      color: #f6891f; }
    .HP-slider .container-titles.carrot .btn.btn--hard {
      color: #f6891f;
      border: 0; }
      .HP-slider .container-titles.carrot .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.carrot .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #f6891f;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.carrot .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.carrot .btn.btn--hard:hover:before {
          background: #f6891f; }
    .HP-slider .container-titles.cardinal .bloc-titre h1, .HP-slider .container-titles.cardinal .bloc-titre p {
      color: #c51733; }
    .HP-slider .container-titles.cardinal .btn.btn--hard {
      color: #c51733;
      border: 0; }
      .HP-slider .container-titles.cardinal .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.cardinal .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #c51733;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.cardinal .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.cardinal .btn.btn--hard:hover:before {
          background: #c51733; }
    .HP-slider .container-titles.yellowgreen .bloc-titre h1, .HP-slider .container-titles.yellowgreen .bloc-titre p {
      color: #8dc63f; }
    .HP-slider .container-titles.yellowgreen .btn.btn--hard {
      color: #8dc63f;
      border: 0; }
      .HP-slider .container-titles.yellowgreen .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.yellowgreen .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #8dc63f;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.yellowgreen .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.yellowgreen .btn.btn--hard:hover:before {
          background: #8dc63f; }
    .HP-slider .container-titles.violet .bloc-titre h1, .HP-slider .container-titles.violet .bloc-titre p {
      color: #b41e8e; }
    .HP-slider .container-titles.violet .btn.btn--hard {
      color: #b41e8e;
      border: 0; }
      .HP-slider .container-titles.violet .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.violet .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #b41e8e;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.violet .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.violet .btn.btn--hard:hover:before {
          background: #b41e8e; }
    .HP-slider .container-titles.pink .bloc-titre h1, .HP-slider .container-titles.pink .bloc-titre p {
      color: #F48782; }
    .HP-slider .container-titles.pink .btn.btn--hard {
      color: #F48782;
      border: 0; }
      .HP-slider .container-titles.pink .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.pink .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #F48782;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.pink .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.pink .btn.btn--hard:hover:before {
          background: #F48782; }
    .HP-slider .container-titles.lightpink .bloc-titre h1, .HP-slider .container-titles.lightpink .bloc-titre p {
      color: #EABDC4; }
    .HP-slider .container-titles.lightpink .btn.btn--hard {
      color: #EABDC4;
      border: 0; }
      .HP-slider .container-titles.lightpink .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.lightpink .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #EABDC4;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.lightpink .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.lightpink .btn.btn--hard:hover:before {
          background: #EABDC4; }
    .HP-slider .container-titles.darkpink .bloc-titre h1, .HP-slider .container-titles.darkpink .bloc-titre p {
      color: #D44D6B; }
    .HP-slider .container-titles.darkpink .btn.btn--hard {
      color: #D44D6B;
      border: 0; }
      .HP-slider .container-titles.darkpink .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.darkpink .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #D44D6B;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.darkpink .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.darkpink .btn.btn--hard:hover:before {
          background: #D44D6B; }
    .HP-slider .container-titles.skyblue .bloc-titre h1, .HP-slider .container-titles.skyblue .bloc-titre p {
      color: #AEDFE4; }
    .HP-slider .container-titles.skyblue .btn.btn--hard {
      color: #AEDFE4;
      border: 0; }
      .HP-slider .container-titles.skyblue .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.skyblue .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #AEDFE4;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.skyblue .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.skyblue .btn.btn--hard:hover:before {
          background: #AEDFE4; }
    .HP-slider .container-titles.bluegrey .bloc-titre h1, .HP-slider .container-titles.bluegrey .bloc-titre p {
      color: #E2E9F3; }
    .HP-slider .container-titles.bluegrey .btn.btn--hard {
      color: #E2E9F3;
      border: 0; }
      .HP-slider .container-titles.bluegrey .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.bluegrey .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #E2E9F3;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.bluegrey .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.bluegrey .btn.btn--hard:hover:before {
          background: #E2E9F3; }
    .HP-slider .container-titles.darkblue .bloc-titre h1, .HP-slider .container-titles.darkblue .bloc-titre p {
      color: #14314F; }
    .HP-slider .container-titles.darkblue .btn.btn--hard {
      color: #14314F;
      border: 0; }
      .HP-slider .container-titles.darkblue .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.darkblue .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #14314F;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.darkblue .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.darkblue .btn.btn--hard:hover:before {
          background: #14314F; }
    .HP-slider .container-titles.blue .bloc-titre h1, .HP-slider .container-titles.blue .bloc-titre p {
      color: #5395C9; }
    .HP-slider .container-titles.blue .btn.btn--hard {
      color: #5395C9;
      border: 0; }
      .HP-slider .container-titles.blue .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.blue .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #5395C9;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.blue .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.blue .btn.btn--hard:hover:before {
          background: #5395C9; }
    .HP-slider .container-titles.green .bloc-titre h1, .HP-slider .container-titles.green .bloc-titre p {
      color: #AFD679; }
    .HP-slider .container-titles.green .btn.btn--hard {
      color: #AFD679;
      border: 0; }
      .HP-slider .container-titles.green .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.green .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #AFD679;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.green .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.green .btn.btn--hard:hover:before {
          background: #AFD679; }
    .HP-slider .container-titles.orange .bloc-titre h1, .HP-slider .container-titles.orange .bloc-titre p {
      color: #F8B26C; }
    .HP-slider .container-titles.orange .btn.btn--hard {
      color: #F8B26C;
      border: 0; }
      .HP-slider .container-titles.orange .btn.btn--hard::before {
        background: transparent; }
      .HP-slider .container-titles.orange .btn.btn--hard.btn__action.env--:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        border: 2px solid #F8B26C;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .HP-slider .container-titles.orange .btn.btn--hard:hover {
        color: white; }
        .HP-slider .container-titles.orange .btn.btn--hard:hover:before {
          background: #F8B26C; }
  .HP-slider .bloc-titre {
    color: white; }
    .HP-slider .bloc-titre h1 {
      font-size: 48px;
      line-height: 1.2;
      font-family: Raleway, sans-serif;
      font-weight: 900;
      text-transform: uppercase;
      margin-bottom: 10px; }
      @media only screen and (min-width: 481px) and (max-width: 1023px) {
        .HP-slider .bloc-titre h1 {
          font-size: 26px; } }
    .HP-slider .bloc-titre p {
      font-size: 16px;
      line-height: 1.2; }
      @media only screen and (min-width: 481px) and (max-width: 1023px) {
        .HP-slider .bloc-titre p {
          font-size: 14px; } }
      .HP-slider .bloc-titre p:last-child {
        margin-bottom: 32px; }
      .HP-slider .bloc-titre p:empty {
        display: none; }

.generale-sante {
  overflow: hidden;
  margin-bottom: 70px;
  max-width: 1280px;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    .generale-sante {
      padding: 0 20px; } }
  .generale-sante .owl-stage {
    display: flex; }
    .generale-sante .owl-stage .owl-item:first-child {
      width: 618px !important; }
      .generale-sante .owl-stage .owl-item:first-child .container-titles {
        width: 618px; }
  .generale-sante .owl-carousel .owl-stage-outer {
    overflow: visible; }
  .generale-sante .owl-carousel .owl-dots {
    position: relative;
    bottom: 0;
    right: calc(50% - 640px);
    margin-top: 30px; }
    .generale-sante .owl-carousel .owl-dots .owl-dot {
      background-color: #13314f;
      opacity: .5; }
      .generale-sante .owl-carousel .owl-dots .owl-dot.active {
        opacity: 1; }
  .generale-sante .container-titles {
    height: 363px;
    transition: all 0.3s ease-in-out; }
    @media all and (-ms-high-contrast: none) {
      .generale-sante .container-titles {
        position: relative;
        overflow: hidden; } }
    .generale-sante .container-titles img {
      height: 100%;
      object-fit: cover;
      cursor: pointer; }
      @media all and (-ms-high-contrast: none) {
        .generale-sante .container-titles img {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 618px;
          max-width: 618px; } }
  .generale-sante .bloc-titre {
    position: absolute;
    bottom: 0;
    background: rgba(19, 49, 79, 0.85);
    color: white;
    padding: 18px;
    width: 100%;
    min-height: 100px; }
    @media all and (-ms-high-contrast: none) {
      .generale-sante .bloc-titre {
        z-index: 99; } }
    .generale-sante .bloc-titre p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      margin: 0;
      font-size: 14px;
      height: 35px; }
    .generale-sante .bloc-titre h3 {
      font-size: 20px;
      font-weight: 900;
      line-height: 1;
      margin-bottom: 10px; }

.owl-carousel {
  margin: 0;
  list-style: none; }
  .owl-carousel .owl-dots {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 40px;
    width: 100%; }
    @media only screen and (max-width: 992px) {
      .owl-carousel .owl-dots {
        bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .owl-carousel .owl-dots {
        bottom: 10px; } }
    .owl-carousel .owl-dots .owl-dot {
      height: 12px;
      width: 12px;
      background-color: #ffffff;
      border-radius: 12px;
      display: inline-block;
      margin: 0 6px;
      transition: all .2s ease-out; }
      .owl-carousel .owl-dots .owl-dot.active {
        width: 28px; }

/*


      .g8"""bgd
    .dP'     `M
    dM'       ` ,6"Yb.  `7Mb,od8 .gP"Ya  ,pP"Ybd
    MM         8)   MM    MM' "',M'   Yb 8I   `"
    MM.         ,pm9MM    MM    8M"""""" `YMMMa.
    `Mb.     ,'8M   MM    MM    YM.    , L.   I8
      `"bmmmd' `Moo9^Yo..JMML.   `Mbmmd' M9mmmP'


      */
.view-filters .cares-search .text-input {
  margin-right: 0;
  border: 1px solid #253289;
  width: 845px;
  height: 54px;
  max-width: 845px;
  padding: 16px 20px; }

.view-filters .cares-search .btn.search {
  margin-top: 0;
  width: 54px;
  height: 54px;
  background: #253289;
  padding: 0;
  vertical-align: top;
  color: #fff; }

/*

   /$$$$$$$$                    /$$
  | $$_____/                   | $$
  | $$     /$$$$$$   /$$$$$$  /$$$$$$    /$$$$$$   /$$$$$$
  | $$$$$ /$$__  $$ /$$__  $$|_  $$_/   /$$__  $$ /$$__  $$
  | $$__/| $$  \ $$| $$  \ $$  | $$    | $$$$$$$$| $$  \__/
  | $$   | $$  | $$| $$  | $$  | $$ /$$| $$_____/| $$
  | $$   |  $$$$$$/|  $$$$$$/  |  $$$$/|  $$$$$$$| $$
  |__/    \______/  \______/    \___/   \_______/|__/



  */
.phrase-legale {
  padding: 20px 0;
  width: 100% !important; }
  .phrase-legale p {
    margin: 0; }

.footer {
  background: #111d29;
  padding: 55px 0 30px; }
  .footer .ctnt, .footer .phrase-legale .content, .phrase-legale .footer .content {
    width: 1280px; }
    @media screen and (max-width: 1280px) {
      .footer .ctnt, .footer .phrase-legale .content, .phrase-legale .footer .content {
        width: calc(100% - 20px); } }
  .footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .footer .footer--menu {
    margin-left: -15px;
    margin-right: -15px; }
    @media screen and (max-width: 1200px) {
      .footer .footer--menu {
        margin: 0; } }
    .footer .footer--menu::after {
      content: '';
      display: table;
      clear: both; }
    .footer .footer--menu:last-of-type {
      padding-bottom: 10px;
      border-bottom: 1px solid #13314f; }
    .footer .footer--menu > li {
      float: left;
      width: 25%;
      padding: 0 15px;
      margin-bottom: 22px; }
      .footer .footer--menu > li a {
        display: block;
        font-size: 12px;
        color: white;
        line-height: 19px; }
      .footer .footer--menu > li > a {
        font-size: 14px;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 8px; }
  @media screen and (max-width: 1280px) {
    .footer .grid {
      margin: 0; } }
  .footer .grid:first-of-type {
    padding: 32px 0;
    border-bottom: 1px solid #13314f; }
  .footer .grid .socials > .list__item {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 900; }
  .footer .grid .socials .list__item__icon {
    display: inline-block;
    vertical-align: middle; }
    .footer .grid .socials .list__item__icon li {
      display: inline-block;
      margin-right: 8px; }

.social_share {
  margin: 0;
  list-style: none; }

.newsletter-subscription-form {
  text-align: right;
  padding: 0;
  width: 50%;
  float: right; }
  .newsletter-subscription-form .form-fields {
    border: 0;
    padding: 0; }
  .newsletter-subscription-form .label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 900;
    float: left;
    margin-top: 8px; }
  .newsletter-subscription-form .text-input {
    width: 100%;
    height: 38px;
    padding: 5px 20px;
    max-width: 330px;
    background: transparent;
    border: 1px solid #13314f;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 0;
    color: white;
    font-size: 12px; }
  .newsletter-subscription-form .submit {
    height: 38px;
    background: transparent;
    vertical-align: top;
    float: right;
    color: white;
    line-height: 32px;
    padding: 0 20px 0 14px;
    border: 1px solid #13314f;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;}

#newsletter_form div { display: inline-block; }
.recaptcha_privacy { text-align: right; font-size: 0.65em;margin-top: 5px; }
.grecaptcha-badge { visibility: hidden; }


.rule {
  clear: left;
  color: #f2f2f2; }

.legals {
  display: block;
  margin: 32px 0 0;
  text-align: center; }
  .legals ul li {
    display: inline-block;
    font-size: 12px; }
    .legals ul li::after {
      content: '-';
      display: inline-block;
      margin: 0 5px; }
    .legals ul li:last-child::after {
      content: ''; }

.blk__footer--sup {
  list-style: none;
  background-color: #e3e9f2;
  padding: 35px 0; }
  .blk__footer--sup .field-collection-container {
    width: 1280px;
    margin: 0 auto;
    display: flex; }
    @media screen and (max-width: 1280px) {
      .blk__footer--sup .field-collection-container {
        width: calc(100% - 20px); } }
  .blk__footer--sup::after {
    content: '';
    display: table;
    clear: both; }
  .blk__footer--sup .grid__item {
    padding: 0 15px 0 85px;
    position: relative; }
    .blk__footer--sup .grid__item::after {
      content: '';
      width: 1px;
      height: 100%;
      position: absolute;
      left: 70px;
      top: 0;
      background: #13314f; }
    .blk__footer--sup .grid__item img {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      max-width: 35px; }
    .blk__footer--sup .grid__item h4,
    .blk__footer--sup .grid__item span{
      font-size: 15.8px;
      font-weight: 900;
      color: #13314f; }
    .blk__footer--sup .grid__item p {
      font-size: 12px; }
    .blk__footer--sup .grid__item .block-list, .blk__footer--sup .grid__item .matrix {
      list-style: none;
      margin: 0;
      margin-top: 10px; }
      .blk__footer--sup .grid__item .block-list .go, .blk__footer--sup .grid__item .matrix .go {
        font-size: 14px;
        color: #13314f; }
        .blk__footer--sup .grid__item .block-list .go::after, .blk__footer--sup .grid__item .matrix .go::after {
          content: "" !important;
          background: url("img/arrow-right-bl.svg") no-repeat;
          background-size: 10px;
          width: 14px;
          height: 12px;
          display: inline-block;
          vertical-align: middle;
          margin-left: 12px; }
    .blk__footer--sup .grid__item:last-child {
      padding-right: 0;
      padding-left: 75px; }
      .blk__footer--sup .grid__item:last-child:after {
        left: 60px; }

/*
   /$$$$$$$
  | $$__  $$
  | $$  \ $$ /$$$$$$   /$$$$$$   /$$$$$$   /$$$$$$$
  | $$$$$$$/|____  $$ /$$__  $$ /$$__  $$ /$$_____/
  | $$____/  /$$$$$$$| $$  \ $$| $$$$$$$$|  $$$$$$
  | $$      /$$__  $$| $$  | $$| $$_____/ \____  $$
  | $$     |  $$$$$$$|  $$$$$$$|  $$$$$$$ /$$$$$$$/
  |__/      \_______/ \____  $$ \_______/|_______/
                      /$$  \ $$
                     |  $$$$$$/
                      \______/
                      */
.ramsay-services-container {
  padding: 60px 0 80px;
  background-color: #13314f;
  background-position: center center;
  background-size: cover;
  color: white;
  position: relative;
  margin-bottom: 80px; }
  .ramsay-services-container.width-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: .6;
    z-index: 1; }
  .ramsay-services-container .ctnt, .ramsay-services-container .phrase-legale .content, .phrase-legale .ramsay-services-container .content {
    z-index: 2;
    position: relative; }
  .ramsay-services-container .info, .ramsay-services-container .bloc_temps .sous_title, .bloc_temps .ramsay-services-container .sous_title {
    font-family: Raleway, sans-serif;
    font-size: 24px; }
    .ramsay-services-container .info::before, .ramsay-services-container .bloc_temps .sous_title::before, .bloc_temps .ramsay-services-container .sous_title::before {
      content: '';
      margin-right: 20px;
      vertical-align: middle; }
  .ramsay-services-container .title, .ramsay-services-container .bloc_temps .chrono_hours, .bloc_temps .ramsay-services-container .chrono_hours {
    font-family: Raleway, sans-serif;
    font-size: 40px;
    line-height: 1.5;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase; }
  .ramsay-services-container .sub-title {
    font-family: Raleway, sans-serif;
    font-size: 28px;
    font-weight: 900;
    color: #bdcbdf;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase; }
  .ramsay-services-container .description {
    font-size: 16px;
    line-height: 1.2;
    max-width: 740px;
    margin: 0 auto 80px;
    text-align: center; }
    .ramsay-services-container .description ~ .ramsay-services {
      margin-top: 0; }
  .ramsay-services-container .ramsay-services {
    display: block;
    list-style: none;
    margin: 0 0 60px;
    margin-top: 40px; }
    .ramsay-services-container .ramsay-services ul {
      list-style: none;
      margin: 0;
      display: flex;
      justify-content: space-around;
      align-content: center; }
      .ramsay-services-container .ramsay-services ul li {
        display: inline-flex;
        padding-top: 30px;
        width: 142px;
        height: 142px;
        background: #f2f5fa; }
        .ramsay-services-container .ramsay-services ul li a, .ramsay-services-container .ramsay-services ul li > span {
          display: block;
          margin: 0 auto;
          text-align: center; }
        .ramsay-services-container .ramsay-services ul li span {
          display: block;
          font-size: 14px;
          color: #13314f;
          font-weight: 700;
          margin-top: 12px;
          text-transform: uppercase; }
        .ramsay-services-container .ramsay-services ul li .blc-ramsay {
          margin-top: 0; }
  .ramsay-services-container .btn__ctnr {
    text-align: center; }
  .ramsay-services-container .btn.btn--hard {
    color: white;
    border-color: white; }
    .ramsay-services-container .btn.btn--hard::before {
      background-image: -webkit-linear-gradient(-90deg, white 0%, #fafafa 100%);
      background-image: -moz-linear-gradient(-90deg, white 0%, #fafafa 100%);
      background-image: -o-linear-gradient(-90deg, white 0%, #fafafa 100%);
      background-image: linear-gradient(-90deg, white 0%, #fafafa 100%); }
    .ramsay-services-container .btn.btn--hard:hover {
      color: #0d3050; }

.qualite {
  padding-top: 30px;
  padding-bottom: 30px; }
  .qualite.two ul li {
    width: 50%; }
    .qualite.two ul li:first-child {
      border-right: 1px solid grey; }
    .qualite.two ul li .bloc-rating-two {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 30px; }
    .qualite.two ul li .two-satisf-desc, .qualite.two ul li .two-cert-desc {
      max-width: 400px; }
    .qualite.two ul li .two-cert-val, .qualite.two ul li .two-satisf-val {
      padding-right: 30px; }
    .qualite.two ul li .desc-two-bloc {
      max-width: 280px;
      margin: 0 auto;
      text-align: left; }
  .qualite .rating-mention {
    text-align: right;
    margin-bottom: 0;
    padding-bottom: 25px;
    position: relative; }
    .qualite .rating-mention:before {
      content: "";
      width: 30%;
      position: absolute;
      background: gray;
      height: 1px;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .qualite h2.info, .qualite .bloc_temps h2.sous_title, .bloc_temps .qualite h2.sous_title {
    font-family: Raleway, sans-serif;
    font-size: 24px;
    margin-bottom: 50px;
    color: #13314f; }
    .qualite h2.info::before, .qualite .bloc_temps h2.sous_title::before, .bloc_temps .qualite h2.sous_title::before {
      content: '';
      vertical-align: middle;
      margin-right: 20px; }
  .qualite ul {
    list-style: none;
    margin: 0; }
    .qualite ul li {
      width: 33%;
      float: left;
      text-align: center; }
      .qualite ul li:nth-child(2).red .title--2, .qualite ul li:nth-child(2).red .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li:nth-child(2).red .chrono_attente > div.chrono > span.chrono_time, .qualite ul li:nth-child(2).red .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li:nth-child(2).red .chrono_attente > div.text > span, .qualite ul li:nth-child(2).red .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li:nth-child(2).red .offre-heade-subtitle {
        color: #fe0000;
        font-size: 20px;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 14px; }
      .qualite ul li .title--2, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.chrono > span.chrono_time, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.text > span, .qualite ul li .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li .offre-heade-subtitle {
        /* margin-bottom: 20px;
          display: flex;
          width: 200px;
          height: 170px;
          align-items: center;
          justify-content: center;
          padding: 0;   
          border-radius: 50%;
          color:white;
          */ }
      .qualite ul li.orange .title--2, .qualite ul li.orange .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li.orange .chrono_attente > div.chrono > span.chrono_time, .qualite ul li.orange .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li.orange .chrono_attente > div.text > span, .qualite ul li.orange .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li.orange .offre-heade-subtitle {
        color: #e96922; }
      .qualite ul li.darkgreen .title--2, .qualite ul li.darkgreen .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li.darkgreen .chrono_attente > div.chrono > span.chrono_time, .qualite ul li.darkgreen .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li.darkgreen .chrono_attente > div.text > span, .qualite ul li.darkgreen .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li.darkgreen .offre-heade-subtitle {
        color: #0d997d; }
      .qualite ul li.lightgreen .title--2, .qualite ul li.lightgreen .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li.lightgreen .chrono_attente > div.chrono > span.chrono_time, .qualite ul li.lightgreen .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li.lightgreen .chrono_attente > div.text > span, .qualite ul li.lightgreen .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li.lightgreen .offre-heade-subtitle {
        color: #29bb9c; }
      .qualite ul li.yellow .title--2, .qualite ul li.yellow .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li.yellow .chrono_attente > div.chrono > span.chrono_time, .qualite ul li.yellow .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li.yellow .chrono_attente > div.text > span, .qualite ul li.yellow .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li.yellow .offre-heade-subtitle {
        color: #efc32f; }
      .qualite ul li.red .title--2, .qualite ul li.red .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li.red .chrono_attente > div.chrono > span.chrono_time, .qualite ul li.red .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li.red .chrono_attente > div.text > span, .qualite ul li.red .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li.red .offre-heade-subtitle {
        color: #fe0000; }
      .qualite ul li.grey .title--2, .qualite ul li.grey .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li.grey .chrono_attente > div.chrono > span.chrono_time, .qualite ul li.grey .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li.grey .chrono_attente > div.text > span, .qualite ul li.grey .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li.grey .offre-heade-subtitle {
        color: #666666;
        font-size: 20px;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 14px; }
      .qualite ul li.green .title--2, .qualite ul li.green .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li.green .chrono_attente > div.chrono > span.chrono_time, .qualite ul li.green .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li.green .chrono_attente > div.text > span, .qualite ul li.green .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li.green .offre-heade-subtitle {
        color: #0d997d; }
      .qualite ul li .title--2, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.chrono > span.chrono_time, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.text > span, .qualite ul li .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .qualite ul li .offre-heade-subtitle {
        font-size: 50px;
        margin-bottom: 20px;
        transition: all 0.3s ease-in-out; }
        .qualite ul li .title--2 + span, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time + span, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.chrono > span.chrono_time + span, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.text > span + span, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.text > span + span, .qualite ul li .landing-fullstyle .view-search-job-offer .offre-heade-subtitle + span, .landing-fullstyle .view-search-job-offer .qualite ul li .offre-heade-subtitle + span, .qualite ul li .title--2 span, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time span, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.chrono > span.chrono_time span, .qualite ul li .bloc_temps .bloc_attente .chrono_attente > div.text > span span, .bloc_temps .bloc_attente .qualite ul li .chrono_attente > div.text > span span, .qualite ul li .landing-fullstyle .view-search-job-offer .offre-heade-subtitle span, .landing-fullstyle .view-search-job-offer .qualite ul li .offre-heade-subtitle span {
          font-size: 30px; }
      .qualite ul li h3 {
        font-size: 30px;
        line-height: 1.2;
        display: block;
        margin: 16px 0 0;
        font-weight: 900;
        transition: all 0.3s ease-in-out;
        color: #13314f;
        margin-bottom: 10px; }
      .qualite ul li p {
        color: #13314f; }
      .qualite ul li a:hover {
        text-decoration: none;
        transition: all 0.3s ease-in-out; }
        .qualite ul li a:hover span {
          opacity: 0.7; }
        .qualite ul li a:hover h3 {
          opacity: 0.7; }

.page-search .zebraMix {
  min-height: 300px; }

/*
  .dP"Y8 888888    db    88""Yb  dP""b8 88  88
  `Ybo." 88__     dPYb   88__dP dP   `" 88  88
  o.`Y8b 88""    dP__Yb  88"Yb  Yb      888888
  8bodP' 888888 dP""""Yb 88  Yb  YboodP 88  88
  */
.main-search-form .form-fields {
  border: 0;
  padding: 0; }

.main-search-form .text-input {
  border: 1px solid #253289;
  width: 845px;
  height: 40px;
  padding: 5px 20px; }

.main-search-form .btn.search {
  width: 40px;
  height: 40px;
  background: #253289;
  padding: 0;
  vertical-align: top;
  color: #fff; }

.form__msg.form__msg--error {
  color: #c51733; }

.form__msg.form__msg--results {
  font-size: 16px;
  font-size: 1.14286rem; }
  .form__msg.form__msg--results .nb-results {
    font-weight: 700; }
  .form__msg.form__msg--results .search__terms {
    font-weight: 700;
    color: #8dc63f; }

.main-search-options {
  font-size: 16px;
  font-size: 1.14286rem; }
  .main-search-options .form-fields {
    border: 0;
    padding: 0; }
  .main-search-options .spoken-form {
    text-align: right; }
  .main-search-options .main-search-options--select {
    margin-right: 14px; }

.search-results .search-results__list {
  margin-left: 0; }

.search-results .result__item {
  list-style: none;
  margin: 0;
  padding: 0.5em 0; }
  .search-results .result__item:hover {
    background: #f2f2f2; }

.search-results .title--3 {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.42857rem;
  font-weight: 700;
  color: #253289; }

.search-results .result__summary {
  margin-bottom: 0; }

.search-results .block-list, .search-results .matrix {
  margin-bottom: 0; }
  .search-results .block-list > li, .search-results .matrix > li {
    margin-bottom: 0; }

.bottom-search-form {
  margin-top: 28px; }
  .bottom-search-form .form-fields {
    border: 0;
    padding: 0; }
  .bottom-search-form .form-item,
  .bottom-search-form .form-actions {
    display: inline;
    margin-right: -3px; }
  .bottom-search-form .text-input {
    border: 1px solid #666;
    border-right: 0;
    width: 145px;
    height: 20px;
    padding: 2px 2px 2px 7px; }
  .bottom-search-form .form-text {
    border: 1px solid #666;
    border-right: 0;
    width: 155px;
    height: 26px; }
  .bottom-search-form .btn.search,
  .bottom-search-form .form-submit {
    margin-left: -1px;
    border: 1px solid #666;
    border-left: 0;
    width: 26px;
    height: 26px;
    background: url(/sites/all/themes/gds/css/img/search-btn-inv.png) no-repeat 50% 50% #fff;
    padding: 0;
    vertical-align: top;
    text-indent: -999em;
    color: #666; }

.view-filters div.form-item,
.view-filters div.views-widget,
.view-filters div.views-submit-button {
  display: inline;
  float: none; }
  .view-filters div.form-item label,
  .view-filters div.views-widget label,
  .view-filters div.views-submit-button label {
    display: none; }

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 2px; }

/*
  8888b.  88 88""Yb 888888  dP""b8 888888  dP"Yb  88""Yb Yb  dP
   8I  Yb 88 88__dP 88__   dP   `"   88   dP   Yb 88__dP  YbdP
   8I  dY 88 88"Yb  88""   Yb        88   Yb   dP 88"Yb    8P
  8888Y"  88 88  Yb 888888  YboodP   88    YbodP  88  Yb  dP
  */
.directory-form .form-fields,
.news-form .form-fields,
.view-filters .form-fields,
.jobs-form .form-fields {
  border: 0;
  padding: 0; }

.directory-form .spoken-form,
.news-form .spoken-form,
.view-filters .spoken-form,
.jobs-form .spoken-form {
  margin-bottom: 0;
  text-align: center;
  color: #3f3f3f; }

.directory-form .label,
.directory-form label,
.news-form .label,
.news-form label,
.view-filters .label,
.view-filters label,
.jobs-form .label,
.jobs-form label {
  display: inline-block !important;
  margin-right: 14px;
  font-weight: 700; }

.directory-form .text-input,
.directory-form .form-text,
.directory-form .select,
.directory-form .form-select,
.news-form .text-input,
.news-form .form-text,
.news-form .select,
.news-form .form-select,
.view-filters .text-input,
.view-filters .form-text,
.view-filters .select,
.view-filters .form-select,
.jobs-form .text-input,
.jobs-form .form-text,
.jobs-form .select,
.jobs-form .form-select {
  margin-right: 28px;
  max-width: 150px;
  padding: 7px; }

.directory-form .form-text,
.news-form .form-text,
.view-filters .form-text,
.jobs-form .form-text {
  border-width: 1px;
  width: 178px; }

.directory-form .btn.search,
.directory-form .form-submit,
.news-form .btn.search,
.news-form .form-submit,
.view-filters .btn.search,
.view-filters .form-submit,
.jobs-form .btn.search,
.jobs-form .form-submit {
  width: 33px;
  height: 33px;
  background: #3f3f3f;
  padding: 0;
  vertical-align: top;
  color: #fff; }

.directory-form .ajax-progress,
.news-form .ajax-progress,
.view-filters .ajax-progress,
.jobs-form .ajax-progress {
  float: none !important; }

.view-filters.zebra--force form {
  margin: auto;
  width: 940px; }

.directory__summary {
  margin: 28px 0; }

.directory-results__list .result__item {
  margin-top: 14px;
  border-bottom: 1px solid #f2f2f2;
  list-style: none;
  padding-bottom: 14px; }
  .directory-results__list .result__item:last-child {
    border: 0; }

.directory-results__list .photo {
  display: block;
  margin: 0 auto;
  border-radius: 50%; }

.directory-results__list .fn.n {
  font-size: 20px;
  font-size: 1.42857rem; }

.directory-results__list .category,
.directory-results__list .company {
  font-size: 16px;
  font-size: 1.14286rem; }

.directory-results__list .company,
.directory-results__list .btn__ctnr {
  margin-top: 52px;
  list-style: none; }
  .directory-results__list .company li,
  .directory-results__list .btn__ctnr li {
    margin-bottom: 14px; }

/*
   88888  dP"Yb  88""Yb .dP"Y8
      88 dP   Yb 88__dP `Ybo."
  o.  88 Yb   dP 88""Yb o.`Y8b
  "bodP'  YbodP  88oodP 8bodP'
  */
.jobs-form .form__msg {
  text-align: center;
  font-size: 24px;
  font-size: 1.71429rem; }
  .jobs-form .form__msg .nb-results {
    display: block;
    color: #8dc63f; }

.jobs-form .form-submit {
  margin-top: 1em;
  border: 0;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  background: #253289;
  padding: 0 4em;
  text-align: center;
  text-transform: uppercase;
  line-height: 2.75em;
  font-size: 12px;
  font-size: 0.85714rem;
  font-weight: 700;
  color: #fff; }

.jobs-results .job__item {
  border: 1px solid #8dc63f; }

.jobs-results .job__activity {
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  min-height: 56px;
  background: #8dc63f;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  font-size: 1.14286rem;
  color: #fff; }

.jobs-results .job__title {
  display: block;
  padding: 25px 14px;
  text-align: center;
  font-size: 20px;
  font-size: 1.42857rem;
  font-weight: 700;
  color: #253289; }
  .jobs-results .job__title:hover, .jobs-results .job__title.open {
    background: #8dc63f;
    text-decoration: none;
    color: #fff; }

.jobs-results .job__infos {
  margin: 0;
  background: #f2f2f2;
  padding: 0 14px;
  color: #666; }
  .jobs-results .job__infos li {
    list-style: none;
    border-top: 1px solid #d5dcdd;
    min-height: 38px;
    padding: 5px 0;
    font-size: 11px;
    font-size: 0.78571rem; }
  .jobs-results .job__infos .job__infos--location div {
    display: inline; }
  .jobs-results .job__infos .job__infos--location::before {
    display: block;
    float: left;
    margin-top: 5px;
    background-image: url(img/sprite.png);
    background-position: -123px -88px;
    width: 30px;
    height: 20px;
    content: ""; }
  .jobs-results .job__infos .job__infos--contract::before {
    display: block;
    float: left;
    margin-top: 5px;
    background-image: url(img/sprite.png);
    background-position: 0px -125px;
    width: 30px;
    height: 20px;
    content: ""; }
  .jobs-results .job__infos .job__infos--contract div {
    display: inline-block;
    width: 155px; }
  .jobs-results .job__infos strong {
    display: inline-block; }

.jobs-details__list {
  position: relative;
  margin-left: 0;
  list-style: none; }

.job-detail__item {
  display: none;
  margin-left: 18px;
  border: 1px solid #8dc63f;
  padding: 14px; }
  .job-detail__item::before {
    display: block;
    position: absolute;
    top: -13px;
    left: 120px;
    margin-left: -5px;
    content: ""; }
  .job-detail__item:nth-child(2)::before {
    left: 353px; }
  .job-detail__item:nth-child(3)::before {
    left: 586px; }
  .job-detail__item:nth-child(4)::before {
    left: 819px; }
  .job-detail__item.open {
    display: list-item; }
  .job-detail__item .job__infos--header .detail__title {
    margin: 28px 0 14px;
    text-transform: uppercase;
    font-weight: 700; }
  .job-detail__item .job__infos--header .jom__infos--linkmission a {
    color: transparent;
    position: absolute;
    right: 22px;
    top: 10px;
    background: url(/sites/all/themes/gds/images/Logo-Mission-Handicap-2017-1.png) no-repeat 100%;
    width: 75px;
    height: 59px; }
  .job-detail__item .detail__data {
    font-weight: 700; }
  .job-detail__item ul {
    margin: 0 0 14px 18px;
    list-style: disc; }

/*

                                                                                           ,,    ,,
  `7MM"""YMM        `7MM                   db                                            `7MM    db
    MM    `7          MM                  ;MM:                                             MM
    MM   d  ,6"Yb.    MM  ,MP'.gP"Ya     ,V^MM.    ,p6"bo   ,p6"bo   ,pW"Wq.`7Mb,od8  ,M""bMM  `7MM  ,pW"Wq.`7MMpMMMb.
    MM""MM 8)   MM    MM ;Y  ,M'   Yb   ,M  `MM   6M'  OO  6M'  OO  6W'   `Wb MM' "',AP    MM    MM 6W'   `Wb MM    MM
    MM   Y  ,pm9MM    MM;Mm  8M""""""   AbmmmqMA  8M       8M       8M     M8 MM    8MI    MM    MM 8M     M8 MM    MM
    MM     8M   MM    MM `Mb.YM.    ,  A'     VML YM.    , YM.    , YA.   ,A9 MM    `Mb    MM    MM YA.   ,A9 MM    MM
  .JMML.   `Moo9^Yo..JMML. YA.`Mbmmd'.AMA.   .AMMA.YMbmd'   YMbmd'   `Ybmd9'.JMML.   `Wbmd"MML..JMML.`Ybmd9'.JMML  JMML.


  */
.bellows__item.bellows--is-open > .bellows__header::before {
  background-image: url(img/sprite.png);
  background-position: -156px -102px;
  width: 16px;
  height: 10px;
  transform: initial !important;
  top: 40%; }

.bellows__item.bellows--is-open > .bellows__header img.photo {
  max-width: 15vw; }

.bellows dt,
.bellows dd {
  margin-left: 25.5vw; }

.bellows .block-list, .bellows .matrix {
  margin: 0;
  max-width: none; }

.bellows img.photo {
  position: absolute;
  top: -3px;
  left: 20px;
  border-radius: 50%;
  max-width: 60px; }

.bellows__item {
  background-color: #fff;
  padding-bottom: 1px;
  padding-top: 18px;
  margin-bottom: 8px; }

.bellows__header {
  position: relative;
  background: none;
  color: #3f3f3f;
  padding: 0;
  text-align: left;
  border: none; }
  .bellows__header::before {
    background-image: url(img/sprite.png);
    background-position: -156px -76px;
    width: 10px;
    height: 16px;
    transform: initial !important;
    content: ''; }

.bellows__content {
  margin-left: 25.5vw;
  color: #666; }
  .bellows__content li {
    padding-right: 0;
    padding-left: 0; }
    .bellows__content li strong {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #000;
      padding: 0; }

.prestation__main {
  margin-top: 20px; }
  .prestation__main .ctnr {
    background-color: #f2f2f2;
    padding: 16px 20px;
    height: 285px; }
  .prestation__main ul {
    list-style: inherit;
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
    .prestation__main ul.first {
      max-width: 90px;
      border-right: 2px solid #666;
      padding: 10px 3px 10px 0;
      position: relative; }
      .prestation__main ul.first::after, .prestation__main ul.first::before {
        content: "";
        display: block;
        height: 2px;
        width: 10px;
        background-color: #666;
        position: absolute;
        right: 0px; }
      .prestation__main ul.first::before {
        top: 0; }
      .prestation__main ul.first::after {
        bottom: 0; }
  .prestation__main li {
    margin: 5px; }
  .prestation__main em {
    font-style: normal;
    display: table-cell;
    height: 40px;
    vertical-align: middle; }
  .prestation__main span {
    display: inline-block;
    max-width: 190px;
    vertical-align: middle; }
  .prestation__main hr {
    margin-bottom: 20px; }

.prestation__title {
  font-size: 16px;
  font-size: 1.14286rem;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Raleway, sans-serif; }

.prestation__list--included {
  display: inline-block; }

.prestation__img {
  width: 32px;
  display: inline-block;
  vertical-align: middle; }
  .prestation__img--included {
    width: 23px;
    filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1); }
  .prestation__img--pack {
    margin-right: 16px; }

.prestation__plus {
  font-size: 34px;
  font-size: 2.42857rem;
  color: #666;
  font-weight: bold; }

.push--bottom-lg {
  margin-bottom: 60px; }

.simulation__titre {
  text-transform: uppercase;
  font-family: Raleway, sans-serif; }

.simulation form label {
  display: inline-block; }

.simulation form input {
  width: inherit !important; }

.simulation__titre {
  text-transform: uppercase;
  font-family: Raleway, sans-serif; }

.simulation form label {
  display: inline-block; }

.simulation form input {
  width: inherit !important; }

.simulation form select {
  margin-left: 58px;
  max-width: 150px;
  padding: 7px 11px; }

.simulation__recapitulatif {
  background-color: #dfdfdf;
  padding: 20px;
  margin-top: 40px; }
  .simulation__recapitulatif:before {
    border-bottom-color: #dfdfdf !important; }
  .simulation__recapitulatif:after {
    border-bottom-color: #dfdfdf !important; }
  .simulation__recapitulatif h4 {
    text-transform: uppercase;
    margin-bottom: 0; }
  .simulation__recapitulatif .grid__item {
    text-align: center; }

.simulation .text-input {
  margin-left: 40px; }

.simulation #total.orange {
  font-size: 40px;
  font-size: 2.85714rem;
  color: #f6891f;
  font-weight: 700; }
  .simulation #total.orange::after {
    content: "€";
    top: -0.7em;
    font-size: 65%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

.checkbox-filters {
  margin: 0 0 30px 0; }
  .checkbox-filters li {
    padding: 10px;
    display: inline-block;
    vertical-align: top; }
    .checkbox-filters li i,
    .checkbox-filters li em {
      font-style: normal; }
    .checkbox-filters li.filter--formules {
      width: 50%; }
      .checkbox-filters li.filter--formules strong {
        font-family: Raleway;
        text-transform: uppercase; }
      .checkbox-filters li.filter--formules .price {
        font-size: 20px;
        font-size: 1.42857rem;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700; }
      .checkbox-filters li.filter--formules .jour {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-size: 1rem;
        font-weight: 100; }
    .checkbox-filters li.filter--options {
      width: 25%; }
      .checkbox-filters li.filter--options strong {
        font-size: 13px;
        font-size: 0.92857rem; }
      .checkbox-filters li.filter--options span {
        width: 80%; }
    .checkbox-filters li input[type=checkbox],
    .checkbox-filters li input[type=radio] {
      display: none; }
    .checkbox-filters li label {
      width: 100%; }
    .checkbox-filters li input[type=checkbox]:checked + .checkbox::before,
    .checkbox-filters li input[type=radio]:checked + .checkbox::before {
      content: "\0025A0";
      color: grey; }
    .checkbox-filters li input[type=checkbox]:disabled + .checkbox::before,
    .checkbox-filters li input[type=radio]:disabled + .checkbox::before {
      content: "\0025A0";
      color: #bbb;
      cursor: default;
      border: 1px solid #bbb; }
    .checkbox-filters li input[type=checkbox]:disabled + .checkbox,
    .checkbox-filters li input[type=radio]:disabled + .checkbox {
      color: #bbb; }
    .checkbox-filters li .checkbox::before {
      font-size: 28px;
      font-size: 2rem;
      line-height: 12px;
      color: white;
      content: "\0025A0";
      display: inline-block;
      width: 22px;
      height: 22px;
      border: 1px solid #666;
      text-align: center;
      vertical-align: top; }
    .checkbox-filters li span {
      display: inline-block;
      margin-left: 10px;
      width: 90%; }
    .checkbox-filters li strong {
      display: table-cell;
      font-size: 14px;
      font-size: 1rem;
      font-weight: 100; }

.tooltip-gds::before {
  background-image: url(img/sprite.png);
  background-position: -156px -19px;
  width: 17px;
  height: 17px;
  content: "";
  display: inline-block;
  margin-bottom: 14px;
  margin-left: 10px;
  vertical-align: bottom; }

.one-quarter.blk__teaser.teaser--read, .blk__teaser.teaser--read.two-eighths, .blk__teaser.teaser--read.three-twelfths {
  padding: 0 18px 0 18px; }

.doctorAction {
  width: 49% !important; }

.zebra .ctnt .zebra_content a, .zebra .phrase-legale .content .zebra_content a, .phrase-legale .zebra .content .zebra_content a {
  color: #253289;
  font-weight: 700;
  text-decoration: underline; }

.article__navigation .article__navigation--next {
  float: right; }

.reinitialiser {
  background: #253289;
  color: #ffffff;
  padding: 0 5px 0 5px;
  margin-left: 20px; }

.reinitialiser:hover {
  text-decoration: none; }

.item__title--disc img {
  border-radius: 50%; }

.ui-widget-content {
  max-height: 207px;
  overflow: auto; }

/* Page Atelier */
.headerAtelier .ctnt, .headerAtelier .phrase-legale .content, .phrase-legale .headerAtelier .content {
  text-align: center; }
  .headerAtelier .ctnt h2, .headerAtelier .phrase-legale .content h2, .phrase-legale .headerAtelier .content h2 {
    font-size: 30px;
    margin-bottom: 0; }
  .headerAtelier .ctnt .zebra_content div, .headerAtelier .phrase-legale .content .zebra_content div, .phrase-legale .headerAtelier .content .zebra_content div {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 50px; }
  .headerAtelier .ctnt .zebra_content p, .headerAtelier .phrase-legale .content .zebra_content p, .phrase-legale .headerAtelier .content .zebra_content p {
    font-size: 15px; }

.zebraMix .withoutPadding {
  padding: 0; }

.content_atelier_moment:after {
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #f2f2f2;
  bottom: -13px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  width: 0; }

.content_atelier_moment {
  margin: auto;
  background: #f2f2f2;
  position: relative;
  padding-bottom: 14px; }
  .content_atelier_moment .title--3 {
    color: #253289;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    margin: 10px;
    text-align: center; }
  .content_atelier_moment .seperator {
    width: 100%;
    height: 30px;
    background: #ffffff; }
  .content_atelier_moment .ui-datepicker-inline {
    border: none;
    background: none; }
  .content_atelier_moment .ui-datepicker-header {
    border: none;
    background: none; }
  .content_atelier_moment .ui-datepicker td span {
    color: #3f3f3f;
    border: none;
    background: none; }
  .content_atelier_moment .ui-state-disabled {
    opacity: 1; }
  .content_atelier_moment .atelier_image {
    width: 100%;
    height: 421px;
    overflow: hidden; }
    .content_atelier_moment .atelier_image img {
      width: 100%;
      height: auto; }
  .content_atelier_moment .atelier_content {
    background: url("img/bg-imgAtelier.png") 0 0 repeat;
    padding: 80px 27px 0 27px;
    position: absolute;
    top: 0;
    right: 0;
    height: 421px;
    width: 488px; }
    .content_atelier_moment .atelier_content h2 {
      text-transform: uppercase;
      font-size: 30px;
      margin-bottom: 10px; }
    .content_atelier_moment .atelier_content h3 {
      text-transform: uppercase;
      font-size: 15px;
      margin-bottom: 22px; }
    .content_atelier_moment .atelier_content h5 {
      display: none; }
    .content_atelier_moment .atelier_content p {
      font-size: 14px;
      margin: 0; }
  .content_atelier_moment .LinkAtelier {
    background: #253289;
    border: 0 none;
    color: white;
    font-size: 16px;
    line-height: 2em;
    font-family: Calibri;
    width: 233px;
    display: block;
    text-align: center;
    overflow: hidden;
    text-align: center;
    width: 234px;
    margin: 14px 0 14px 0; }
  .content_atelier_moment .bigSeeMore,
  .content_atelier_moment .calendarCancel {
    display: none;
    background: #253289;
    border: 0 none;
    color: white;
    font-size: 16px;
    font-family: Calibri;
    line-height: 2.75em;
    margin: 13px auto 0 auto;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    width: auto;
    clear: both; }

.noleft {
  margin-left: 0 !important; }

.aletier_listing {
  padding-top: 40px;
  width: 940px;
  margin: 0 auto;
  overflow: hidden; }
  .aletier_listing .Clicked:after {
    position: absolute;
    content: "";
    width: 27px;
    height: 17px;
    background: url("img/arowTop.png") 0 0 no-repeat;
    left: 90px;
    bottom: -34px; }
  .aletier_listing .aletier {
    width: 22.3%;
    border: 1px solid #cdcdcd;
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 30px;
    position: relative; }
    .aletier_listing .aletier a {
      display: block;
      width: 100%;
      background: #253289;
      font-size: 16px;
      font-family: Calibri;
      color: #ffffff;
      text-align: center;
      padding: 10px 0 10px 0; }
    .aletier_listing .aletier .time {
      display: block;
      color: #f6891f;
      width: 100%;
      font-size: 17px;
      font-weight: bold;
      background: #f2f2f2;
      margin: 0;
      text-align: center;
      padding: 10px 0 10px 0;
      min-height: 37px; }
      .aletier_listing .aletier .time span {
        padding-left: 20px;
        background: url("img/bg-timer-ateliers.png") 0 5px no-repeat; }
    .aletier_listing .aletier .title, .aletier_listing .aletier .bloc_temps .chrono_hours, .bloc_temps .aletier_listing .aletier .chrono_hours {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      padding: 30px 8px 30px 8px;
      margin: 0;
      min-height: 106px; }
    .aletier_listing .aletier .title:hover, .aletier_listing .aletier .bloc_temps .chrono_hours:hover, .bloc_temps .aletier_listing .aletier .chrono_hours:hover {
      background-color: #253289;
      color: #fff; }
  .aletier_listing .aletier:hover,
  .aletier_listing .aletier:hover .title,
  .aletier_listing .aletier:hover .bloc_temps .chrono_hours, .bloc_temps
  .aletier_listing .aletier:hover .chrono_hours {
    cursor: pointer;
    background-color: #253289;
    color: #fff; }
  .aletier_listing .inscriptionDetails {
    background: #ffffff;
    width: 940px;
    border: 1px solid #cdcdcd;
    padding: 25px;
    display: none;
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
    height: auto; }
    .aletier_listing .inscriptionDetails .slider {
      width: 426px;
      height: 240px;
      float: right;
      position: relative; }
      .aletier_listing .inscriptionDetails .slider a {
        width: 10px;
        height: 10px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        display: block;
        float: left;
        margin-right: 6px;
        text-indent: 10000px; }
      .aletier_listing .inscriptionDetails .slider .pagination {
        position: absolute;
        bottom: 10px;
        left: 192px; }
      .aletier_listing .inscriptionDetails .slider .selected {
        background-color: #ffffff; }
      .aletier_listing .inscriptionDetails .slider .nav {
        display: none !important; }
      .aletier_listing .inscriptionDetails .slider ul {
        margin: 0; }
        .aletier_listing .inscriptionDetails .slider ul li {
          padding: 0;
          margin: 0;
          width: 100%; }
    .aletier_listing .inscriptionDetails .choix-date span:first-of-type {
      float: left;
      display: block;
      width: 100%;
      margin-bottom: 24px; }
    .aletier_listing .inscriptionDetails .choix-date {
      overflow: hidden; }
      .aletier_listing .inscriptionDetails .choix-date label:nth-child(odd) {
        padding-left: 10px; }
      .aletier_listing .inscriptionDetails .choix-date label {
        font-family: calibri;
        font-size: 14px;
        font-weight: bold;
        float: left;
        line-height: 20px;
        width: 50%;
        margin-top: 8px; }
        .aletier_listing .inscriptionDetails .choix-date label .nbr-places-dispo {
          color: #f6891f !important;
          display: inline;
          float: none;
          margin: 0; }
      .aletier_listing .inscriptionDetails .choix-date span {
        color: #272727;
        font-size: 14px;
        font-family: Calibri; }
    .aletier_listing .inscriptionDetails .DescriptionLeft {
      float: left;
      max-width: 50%; }
      .aletier_listing .inscriptionDetails .DescriptionLeft h5 {
        padding-left: 2px; }
      .aletier_listing .inscriptionDetails .DescriptionLeft h4 {
        color: #253289;
        text-transform: uppercase;
        font-size: 28px;
        margin: 0;
        line-height: 34px; }
      .aletier_listing .inscriptionDetails .DescriptionLeft p {
        color: #737373;
        font-size: 14px;
        font-family: Calibri; }
      .aletier_listing .inscriptionDetails .DescriptionLeft p:last-child {
        color: #212121;
        font-size: 14px; }
  .aletier_listing .form-atelier {
    clear: both; }
    .aletier_listing .form-atelier .radio {
      display: inline-block;
      height: 18px;
      position: relative;
      width: 18px;
      top: 4px;
      margin-right: 13px; }
      .aletier_listing .form-atelier .radio input {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        margin: 0;
        opacity: 0;
        width: 18px; }
      .aletier_listing .form-atelier .radio span {
        background: url("img/sprite-uniform.png") no-repeat scroll 0 0;
        color: #3f3f3f;
        cursor: pointer;
        display: inline-block;
        font-family: Calibri, sans-serif;
        font-size: 1rem;
        height: 18px;
        width: 18px; }
      .aletier_listing .form-atelier .radio .checked {
        background-position: -23px 0; }
    .aletier_listing .form-atelier .radio.disabled span {
      opacity: 0.6; }
    .aletier_listing .form-atelier .checker {
      display: inline-block; }
      .aletier_listing .form-atelier .checker input {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        margin: 0;
        opacity: 0;
        width: 18px; }
      .aletier_listing .form-atelier .checker span {
        height: 19px;
        width: 19px;
        cursor: pointer;
        border: 1px solid #666666;
        margin-right: 10px; }
      .aletier_listing .form-atelier .checker .checked {
        background: url("img/caseAcocher.png") no-repeat scroll 4px 4px; }
      .aletier_listing .form-atelier .checker label {
        font-size: 14px;
        font-family: Calibri; }
    .aletier_listing .form-atelier .checker.disabled span {
      border: 1px solid #E4DEDE; }
    .aletier_listing .form-atelier .form-type-textfield {
      float: left;
      width: 424px;
      margin-right: 34px; }
      .aletier_listing .form-atelier .form-type-textfield .ErrorField {
        border: 1px solid #eb2629; }
      .aletier_listing .form-atelier .form-type-textfield input {
        border: 1px solid #dadada;
        font-size: 14px;
        font-family: Calibri;
        color: #949494;
        padding: 16px 13px 16px 13px;
        width: 100%;
        margin-top: 8px; }
      .aletier_listing .form-atelier .form-type-textfield label {
        font-size: 14px;
        font-family: Calibri;
        color: #272727;
        font-weight: normal; }
    .aletier_listing .form-atelier .form-item-popin-subscription-phone,
    .aletier_listing .form-atelier .form-item-popin-subscription-prenom {
      margin-right: 0; }
    .aletier_listing .form-atelier .form-type-checkbox {
      clear: both; }
    .aletier_listing .form-atelier .form-submit {
      background: #253289;
      border: 0 none;
      clear: both;
      color: white;
      display: block;
      font-family: Calibri;
      font-size: 16px;
      line-height: 2.75em;
      margin: 13px auto 0;
      overflow: hidden;
      padding: 0 52px;
      text-align: center; }
    .aletier_listing .form-atelier .ui-datepicker-trigger {
      display: none; }
    .aletier_listing .form-atelier #popin-subscription-date-accouchement {
      background: url("img/sprite-uniform.png") no-repeat scroll right -72px; }
    .aletier_listing .form-atelier .form-item-popin-subscription-date-accouchement {
      margin-bottom: 30px; }
    .aletier_listing .form-atelier .error li {
      color: #ff0a0a; }
    .aletier_listing .form-atelier #success {
      font-size: 18px;
      font-weight: bold;
      padding: 40px;
      text-align: center; }
  .aletier_listing.tow .inscriptionDetails {
    border-top: 0;
    width: calc(48% - 1px);
    margin-top: -1px;
    background-color: #fff;
    float: right;
    position: relative;
    margin-right: 8px; }
    .aletier_listing.tow .inscriptionDetails .choix-date label {
      width: 100%; }
      .aletier_listing.tow .inscriptionDetails .choix-date label:nth-child(odd) {
        padding-left: 0; }
    .aletier_listing.tow .inscriptionDetails .form-atelier .form-type-textfield {
      width: 100%;
      margin-right: 0; }
    .aletier_listing.tow .inscriptionDetails #popin-subscription-form .champsObligatoires {
      bottom: 60px; }
    .aletier_listing.tow .inscriptionDetails #popin-subscription-form .form-submit {
      margin: 50px auto 0; }
    .aletier_listing.tow .inscriptionDetails:last-child {
      float: left;
      margin-right: 0;
      width: 48%; }
  .aletier_listing.tow .aletier {
    width: 48%;
    padding: 20px 25px 70px;
    margin-bottom: 0;
    float: left;
    position: relative; }
    .aletier_listing.tow .aletier:hover {
      background-color: initial;
      color: initial; }
    .aletier_listing.tow .aletier a {
      width: 89%;
      position: absolute;
      bottom: 20px; }
    .aletier_listing.tow .aletier .DescriptionLeft h4 {
      color: #253289;
      text-transform: uppercase;
      font-size: 24px;
      margin: 0;
      line-height: 1; }
    .aletier_listing.tow .aletier .DescriptionLeft h5 {
      text-transform: uppercase; }
    .aletier_listing.tow .aletier .slider-atelier {
      width: 100%;
      display: inline-block;
      position: relative;
      margin-bottom: 20px; }
      .aletier_listing.tow .aletier .slider-atelier .cycle-slideshow {
        margin: 0;
        width: 100%;
        display: inline-block; }
        .aletier_listing.tow .aletier .slider-atelier .cycle-slideshow img {
          max-width: 100%;
          width: 100%;
          height: auto; }
      .aletier_listing.tow .aletier .slider-atelier .pagination {
        position: absolute;
        bottom: 8px;
        z-index: 100;
        width: 100%;
        text-align: center; }
        .aletier_listing.tow .aletier .slider-atelier .pagination span {
          cursor: pointer;
          display: inline-block;
          margin-right: 14px;
          background-image: url(/sites/all/themes/gds/css/img/sprite.png);
          background-position: -156px -122px;
          width: 12px;
          height: 12px;
          text-indent: -999em; }
          .aletier_listing.tow .aletier .slider-atelier .pagination span.cycle-pager-active {
            background-position: -57px -125px; }

.aletier_listing.tow .aletier .time {
  width: 89%;
  position: absolute;
  bottom: 66px; }

.node-type-article .ui-datepicker .ui-datepicker-header {
  overflow: hidden; }

.zebra .ui-datepicker-header {
  margin-bottom: 11px; }
  .zebra .ui-datepicker-header span {
    font-size: 14px;
    font-family: Calibri; }

.zebra tbody {
  border-top: 0; }

.zebra .ui-datepicker-inline {
  margin: 20px auto 10px auto;
  overflow: hidden; }
  .zebra .ui-datepicker-inline thead {
    display: none; }

.zebra .ui-datepicker-group {
  border: 1px solid #e6e7e8; }

.zebra .good_date a {
  background: #8dc63f; }

.zebra .ui-datepicker-group-first {
  margin-right: 30px; }

.zebra .ui-datepicker-title {
  font-size: 14px;
  font-family: Calibri; }

.zebra .ui-datepicker td a {
  text-align: center;
  font-size: 16px;
  font-family: Calibri; }

.zebra .ui-datepicker td span {
  text-align: center;
  font-size: 16px;
  font-family: Calibri; }

.zebra .ui-datepicker-prev {
  left: 22px;
  text-indent: 1000px;
  top: 6px;
  cursor: pointer; }
  .zebra .ui-datepicker-prev span {
    background: url("img/prev-agenda.png") no-repeat scroll 0 0; }

.zebra .ui-datepicker-next {
  cursor: pointer;
  right: 24px;
  text-indent: 1000px;
  top: 6px; }
  .zebra .ui-datepicker-next span {
    background: url("img/next-agenda.png") no-repeat scroll 0 0; }

.zebra .ui-datepicker-multi-2 .ui-datepicker-group {
  width: 46%;
  background: #ffffff; }

.zebra a.ui-state-disabled {
  visibility: hidden; }

.zebra .ui-state-active {
  background: #609912 !important; }

.tarif-atelier {
  clear: both;
  padding: 20px 0; }
  .tarif-atelier p span {
    font-weight: bold; }
  .tarif-atelier strong {
    font-weight: normal; }

#popin-subscription-form {
  padding-top: 10px;
  position: relative; }
  #popin-subscription-form #error {
    padding-top: 10px; }
    #popin-subscription-form #error ul {
      list-style: outside none none; }
      #popin-subscription-form #error ul li {
        color: #FF0000; }
  #popin-subscription-form .champsObligatoires {
    position: absolute;
    right: 0;
    bottom: 10px; }

#errormessage {
  font-size: 18px;
  font-weight: bold;
  padding: 40px;
  text-align: center;
  color: #FF0000; }

/*
.draggableviews-grid-care-block {
  margin-left: -18px !important;
  list-style: none !important;
  margin-bottom: 0 !important;
}
.draggableviews-grid-care-block .one-third {
  width: 32.333%;
}
.draggableviews-grid-care-block .block-list > li{
  border: 0 !important;
  padding: 7px 20px !important;
  border-bottom-width: 1px !important;
}
.draggableviews-processed {
  float:none !important;
}
*/
.draggableviews-processed {
  float: none; }

.item__title--picto a {
  display: block; }

.item__title--picto a:hover {
  background: #f2f2f2; }

/* */
#showZoneCares .title--2, #showZoneCares .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente #showZoneCares .chrono_attente > div.chrono > span.chrono_time, #showZoneCares .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente #showZoneCares .chrono_attente > div.text > span, #showZoneCares .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer #showZoneCares .offre-heade-subtitle {
  font-size: 1rem; }

.moreBlocForArticle .title--2, .moreBlocForArticle .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .moreBlocForArticle .chrono_attente > div.chrono > span.chrono_time, .moreBlocForArticle .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .moreBlocForArticle .chrono_attente > div.text > span, .moreBlocForArticle .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .moreBlocForArticle .offre-heade-subtitle {
  text-align: left; }

.ui-autocomplete .ui-state-focus {
  border: 0 none !important;
  margin: 0 !important; }

.chercheBySoin {
  display: none; }

.grid__item .espaceAfterTitre {
  margin-bottom: 35px; }

.article.cycle-slideshow .grid__item.one-third, .article.cycle-slideshow .grid__item.two-sixths, .article.cycle-slideshow .grid__item.four-twelfths {
  min-height: 201px; }

/* Practionner Refonte*/
.Hospitalid {
  padding-bottom: 18px; }
  .Hospitalid span {
    display: block;
    color: #3f3f3f;
    font-family: Calibri, sans-serif;
    font-size: 1rem; }

.headerPractitioner {
  position: relative;
  min-width: 540px; }
  .headerPractitioner p {
    margin-bottom: 0 !important; }
  .headerPractitioner .category {
    display: block; }
  .headerPractitioner .activity {
    display: block;
    font-size: 1.14286rem; }
  .headerPractitioner .moreToShow {
    display: none; }
    .headerPractitioner .moreToShow .bloc_adress {
      min-width: 540px;
      padding-left: 0; }
      .headerPractitioner .moreToShow .bloc_adress .contorgadr {
        float: left; }
    .headerPractitioner .moreToShow .horaire {
      margin-bottom: 10px; }
    .headerPractitioner .moreToShow .horaire,
    .headerPractitioner .moreToShow .fax {
      display: block; }
  .headerPractitioner .seemore {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("img/arrow.png");
    background-position: -211px -39px;
    width: 11px;
    height: 17px;
    text-indent: -2000px;
    overflow: hidden; }
  .headerPractitioner .moreToShowActive {
    background-position: -163px -102px;
    width: 17px;
    z-index: 20000; }
  .headerPractitioner .CV {
    background: #253289;
    border: 0 none;
    color: white;
    font-family: Calibri;
    font-size: 16px;
    line-height: 2em;
    margin: 14px 0;
    overflow: hidden;
    text-align: center;
    width: 184px;
    padding: 4px 0 4px 0;
    display: block; }
  .headerPractitioner .name {
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold; }
  .headerPractitioner .siteInternet {
    display: block;
    background: #253289;
    border: 0 none;
    color: white;
    font-family: Calibri;
    font-size: 16px;
    line-height: 2em;
    margin: 14px 0;
    overflow: hidden;
    text-align: center;
    width: 184px;
    padding: 4px 0 4px 0; }
  .headerPractitioner .globallinksabsolute {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    margin-top: 20px; }
  .headerPractitioner .itineraire a,
  .headerPractitioner .rdv a {
    margin-left: 20px;
    display: block; }
  .headerPractitioner .itineraire a:before,
  .headerPractitioner .rdv a:before {
    background-image: url("img/sprite.png");
    background-position: -80px -125px;
    content: "";
    display: inline-block;
    height: 11px;
    margin: 0 10px 0 -20px;
    width: 11px; }
  .headerPractitioner .box_adrs {
    clear: inherit; }
  .headerPractitioner .etablissementMulti {
    clear: initial !important;
    float: left;
    width: auto !important; }
  .headerPractitioner .otherinfo {
    display: block; }

/* .view-practitioner-soins{
  .etablissementMulti{
    padding-right: 20px;
    min-height:136px;
  }
  .one-quarter{
    display: table-cell;
    margin: 0;
    padding: 0 55px 0 0;
    vertical-align: top;
    width: 250px;
  }
  .img_profile {
      background: #cccbc8 none repeat scroll 0 0;
      border-radius: 100px;
      height: 130px;
      margin-left: 20px;
      overflow: hidden;
      width: 130px;
    img {
      border-radius: 100px;
      display: inline-block;
      height: auto;
      max-width: 100%;
    }
  }
  .result--item{
     list-style: outside none none;
    .grid {
        margin: 0 auto;
        max-width: 940px;
        padding: 30px 0;
      }
  }
  .profile_name{
      span{
        font-size: 1.42857rem;
      }
    }
    .category, .activity{
      font-size: 1.14286rem;
    }
    .bloc_profile {
      p {
        color: #3f3f3f;
        font-family: Calibri,sans-serif;
        font-size: 1rem;
        margin: 0 0 18px;
      }
    }
}
*/
/* Nouveau Affichage Annuaire WS */
.view-id-practitioner .views-exposed-form .disabled span,
.view-id-practitioner .views-exposed-form .disabled #edit-combine {
  background: #EBEBE4 !important; }

.view-practitioner-soins .practionner-view .directory-results ul {
  width: 940px;
  margin: 0 auto; }

.practionner-view {
  background-color: #f2f2f2; }
  .practionner-view .directory {
    padding-bottom: 20px; }
    .practionner-view .directory .result__item,
    .practionner-view .directory .result--item {
      background-color: #ffffff;
      margin-top: 16px;
      width: 100%;
      display: inline-block;
      padding: 20px 0 20px 20px; }
      .practionner-view .directory .result__item .contentPractionnerwsAnnuaire .page-wrapp,
      .practionner-view .directory .result--item .contentPractionnerwsAnnuaire .page-wrapp {
        overflow: hidden; }
      .practionner-view .directory .result__item .prendreRdvAJax,
      .practionner-view .directory .result--item .prendreRdvAJax {
        position: relative;
        width: 170px;
        margin-left: 10px; }
        .practionner-view .directory .result__item .prendreRdvAJax .ajax-progress-throbber,
        .practionner-view .directory .result--item .prendreRdvAJax .ajax-progress-throbber {
          position: absolute;
          top: 0;
          right: 0; }
      .practionner-view .directory .result__item div[id^="takeAnAppointment"] .prendre-rdv,
      .practionner-view .directory .result--item div[id^="takeAnAppointment"] .prendre-rdv {
        margin-left: 60px; }
      .practionner-view .directory .result__item div[id^="takeAnAppointment"] #calendarContainer h2,
      .practionner-view .directory .result--item div[id^="takeAnAppointment"] #calendarContainer h2 {
        margin-left: 60px; }
      .practionner-view .directory .result__item div[id^="takeAnAppointment"] form,
      .practionner-view .directory .result--item div[id^="takeAnAppointment"] form {
        padding-top: 20px; }
        .practionner-view .directory .result__item div[id^="takeAnAppointment"] form .form-item,
        .practionner-view .directory .result--item div[id^="takeAnAppointment"] form .form-item {
          display: inline-block;
          margin: 0;
          width: 226px; }
        .practionner-view .directory .result__item div[id^="takeAnAppointment"] form #select-motifs,
        .practionner-view .directory .result--item div[id^="takeAnAppointment"] form #select-motifs {
          margin-bottom: 20px; }
        .practionner-view .directory .result__item div[id^="takeAnAppointment"] form #sous-motif,
        .practionner-view .directory .result--item div[id^="takeAnAppointment"] form #sous-motif {
          display: none;
          width: 300px;
          float: left; }
        .practionner-view .directory .result__item div[id^="takeAnAppointment"] form .selector,
        .practionner-view .directory .result--item div[id^="takeAnAppointment"] form .selector {
          border: 1px solid #dadada;
          display: block;
          height: 50px;
          line-height: 50px;
          max-width: 100%;
          position: relative; }
          .practionner-view .directory .result__item div[id^="takeAnAppointment"] form .selector span,
          .practionner-view .directory .result--item div[id^="takeAnAppointment"] form .selector span {
            color: #808080;
            cursor: pointer;
            display: block;
            font-family: Calibri, sans-serif;
            font-size: 1rem;
            font-weight: normal;
            height: 50px;
            line-height: 50px;
            overflow: hidden;
            padding: 0 49px 0 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%; }
          .practionner-view .directory .result__item div[id^="takeAnAppointment"] form .selector span:after,
          .practionner-view .directory .result--item div[id^="takeAnAppointment"] form .selector span:after {
            background: #dadada url("img/sprite-uniform.png") no-repeat scroll 4px -28px;
            content: "";
            display: block;
            height: 48px;
            position: absolute;
            right: 0;
            top: 0;
            width: 48px; }
          .practionner-view .directory .result__item div[id^="takeAnAppointment"] form .selector select,
          .practionner-view .directory .result--item div[id^="takeAnAppointment"] form .selector select {
            border: medium none;
            cursor: pointer;
            height: 50px;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100% !important; }
        .practionner-view .directory .result__item div[id^="takeAnAppointment"] form .req,
        .practionner-view .directory .result--item div[id^="takeAnAppointment"] form .req {
          clear: both;
          color: #1b1b1b;
          font-family: Calibri, sans-serif;
          font-size: 12px; }
        .practionner-view .directory .result__item div[id^="takeAnAppointment"] form label,
        .practionner-view .directory .result--item div[id^="takeAnAppointment"] form label {
          display: none; }
      .practionner-view .directory .result__item div[id^="takeAnAppointment"] h2,
      .practionner-view .directory .result--item div[id^="takeAnAppointment"] h2 {
        color: #253289;
        font-size: 18px;
        font-family: Calibri, ​sans-serif; }
      .practionner-view .directory .result__item div[id^="takeAnAppointment"] #select-motifs,
      .practionner-view .directory .result--item div[id^="takeAnAppointment"] #select-motifs {
        margin-right: 20px;
        float: left; }
      .practionner-view .directory .result__item .headerNameAdr,
      .practionner-view .directory .result--item .headerNameAdr {
        min-height: 80px;
        display: block; }
      .practionner-view .directory .result__item .headerPractitionerTop .headerClickPractionner,
      .practionner-view .directory .result--item .headerPractitionerTop .headerClickPractionner {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        margin-right: 20px; }
      .practionner-view .directory .result__item .headerPractitionerTop .headerClickPractionner:before,
      .practionner-view .directory .result--item .headerPractitionerTop .headerClickPractionner:before {
        background: transparent url("img/picto-fleche-bas.svg") no-repeat 0 0;
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        content: ' ';
        position: absolute;
        right: 0;
        top: 1px; }
      .practionner-view .directory .result__item .headerPractitionerTop .activePractionner:before,
      .practionner-view .directory .result--item .headerPractitionerTop .activePractionner:before {
        background: transparent url("img/picto-fleche-haut.svg") no-repeat 0 0;
        background-size: 25px 25px; }
      .practionner-view .directory .result__item .headerPractitioner,
      .practionner-view .directory .result--item .headerPractitioner {
        width: 100%; }
        .practionner-view .directory .result__item .headerPractitioner .img_profile,
        .practionner-view .directory .result--item .headerPractitioner .img_profile {
          width: 69px;
          height: 69px;
          border-radius: 50%;
          overflow: hidden;
          float: left;
          margin-right: 40px; }
        .practionner-view .directory .result__item .headerPractitioner .connerHeaderPractionner,
        .practionner-view .directory .result--item .headerPractitioner .connerHeaderPractionner {
          padding-left: 109px; }
          .practionner-view .directory .result__item .headerPractitioner .connerHeaderPractionner span,
          .practionner-view .directory .result--item .headerPractitioner .connerHeaderPractionner span {
            color: #3f3f3f;
            line-height: 20px;
            font-family: Calibri, ​sans-serif; }
        .practionner-view .directory .result__item .headerPractitioner .rdv-en-ligne,
        .practionner-view .directory .result--item .headerPractitioner .rdv-en-ligne {
          float: right;
          color: #253289;
          font-size: 13px;
          margin-right: 44px;
          font-family: Calibri, ​sans-serif;
          line-height: 24px;
          margin-top: 0;
          position: absolute;
          top: 0;
          right: 0; }
          .practionner-view .directory .result__item .headerPractitioner .rdv-en-ligne:before,
          .practionner-view .directory .result--item .headerPractitioner .rdv-en-ligne:before {
            content: '';
            width: 24px;
            height: 24px;
            float: left;
            margin-right: 6px;
            background-image: url(img/cal-rdv.png);
            background-size: 100% 100%; }
      .practionner-view .directory .result__item .grid,
      .practionner-view .directory .result--item .grid {
        margin: 0; }
      .practionner-view .directory .result__item .grid__item,
      .practionner-view .directory .result--item .grid__item {
        padding-left: 0; }
      .practionner-view .directory .result__item .etablissementMulti,
      .practionner-view .directory .result--item .etablissementMulti {
        background-color: #f7f7f7; }
      .practionner-view .directory .result__item .moreToShow,
      .practionner-view .directory .result--item .moreToShow {
        display: none; }
        .practionner-view .directory .result__item .moreToShow .siteInternetAndCv,
        .practionner-view .directory .result--item .moreToShow .siteInternetAndCv {
          overflow: hidden;
          padding-left: 110px;
          margin-top: 16px; }
          .practionner-view .directory .result__item .moreToShow .siteInternetAndCv a,
          .practionner-view .directory .result--item .moreToShow .siteInternetAndCv a {
            float: left;
            font-size: 13px;
            color: #253289;
            font-family: Calibri, ​sans-serif; }
        .practionner-view .directory .result__item .moreToShow .siteInternet:before,
        .practionner-view .directory .result--item .moreToShow .siteInternet:before {
          background: transparent url("img/sprite-rdv.png") no-repeat scroll -18px 6px;
          border: 1px solid #253289;
          border-radius: 50%;
          content: "";
          display: inline-block;
          height: 34px;
          margin-right: 7px;
          vertical-align: middle;
          width: 34px; }
        .practionner-view .directory .result__item .moreToShow .CV:before,
        .practionner-view .directory .result--item .moreToShow .CV:before {
          background: transparent url("img/sprite-rdv.png") no-repeat scroll -18px 6px;
          border: 1px solid #253289;
          border-radius: 50%;
          content: "";
          display: inline-block;
          height: 34px;
          margin-right: 7px;
          vertical-align: middle;
          width: 34px; }
        .practionner-view .directory .result__item .moreToShow .seperateurSiteAndCv,
        .practionner-view .directory .result--item .moreToShow .seperateurSiteAndCv {
          height: 33px;
          width: 1px;
          float: left;
          background-color: #253289;
          display: block;
          margin-left: 28px;
          margin-right: 28px;
          padding-top: 20px; }
        .practionner-view .directory .result__item .moreToShow .box_adrs,
        .practionner-view .directory .result--item .moreToShow .box_adrs {
          padding-left: 110px; }
          .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti:nth-child(3),
          .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti:nth-child(3) {
            margin-right: 0; }
          .practionner-view .directory .result__item .moreToShow .box_adrs .activeEtablissement,
          .practionner-view .directory .result--item .moreToShow .box_adrs .activeEtablissement {
            background-color: #8dc63f !important; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .activeEtablissement .name::before,
            .practionner-view .directory .result--item .moreToShow .box_adrs .activeEtablissement .name::before {
              background-position: 0 -61px !important; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .activeEtablissement .headerNameAdr span,
            .practionner-view .directory .result--item .moreToShow .box_adrs .activeEtablissement .headerNameAdr span {
              color: #ffffff; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .activeEtablissement .telephone,
            .practionner-view .directory .result--item .moreToShow .box_adrs .activeEtablissement .telephone {
              color: #ffffff; }
              .practionner-view .directory .result__item .moreToShow .box_adrs .activeEtablissement .telephone span,
              .practionner-view .directory .result--item .moreToShow .box_adrs .activeEtablissement .telephone span {
                color: #ffffff; }
          .practionner-view .directory .result__item .moreToShow .box_adrs .large,
          .practionner-view .directory .result--item .moreToShow .box_adrs .large {
            width: calc(100% - 20px) !important; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .titleHoraire,
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .horaireDetails,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .titleHoraire,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .horaireDetails {
              display: block !important; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .showDetails,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .showDetails {
              display: none !important; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .horaire,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .horaire {
              min-height: 20px;
              margin-left: 22px;
              margin-right: 40px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .titleHoraire,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .titleHoraire {
              position: relative;
              font-size: 16px;
              font-weight: bold;
              font-family: Calibri, ​sans-serif;
              color: #3f3f3f; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .etablissementAdressBlock,
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .horaire,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .etablissementAdressBlock,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .horaire {
              width: 224px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .etablissementAdressBlock,
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .horaire,
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .prendreRdvAJax,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .etablissementAdressBlock,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .horaire,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .prendreRdvAJax {
              float: left; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .prendreRdvAJax,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .prendreRdvAJax {
              margin-top: 90px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .titleHoraire:before,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .titleHoraire:before {
              background: transparent url("img/sprite-annuaire-ws.png") no-repeat scroll -40px -61px;
              content: " ";
              height: 19px;
              left: -22px;
              position: absolute;
              top: 0;
              width: 16px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .large .ajax-take-appointment,
            .practionner-view .directory .result--item .moreToShow .box_adrs .large .ajax-take-appointment {
              margin-top: 0 !important; }
          .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti,
          .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti {
            margin-top: 18px;
            float: left;
            padding: 20px 20px 20px 35px;
            width: 258px;
            margin-right: 11px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .titleHoraire,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .titleHoraire {
              display: none; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .name,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .name {
              font-size: 16px;
              font-weight: bold;
              position: relative; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .name:before,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .name:before {
              background: transparent url("img/sprite-annuaire-ws.png") no-repeat scroll -17px -61px;
              height: 19px;
              width: 14px;
              content: ' ';
              position: absolute;
              left: -22px;
              top: 0; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti span,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti span {
              display: block;
              font-family: Calibri, ​sans-serif;
              font-size: 14px;
              color: #3f3f3f; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .adr span,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .adr span {
              display: inline; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .itineraire,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .itineraire {
              min-height: 35px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .itineraire a,
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .horaire a,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .itineraire a,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .horaire a {
              color: #253289;
              font-size: 13px;
              font-family: Calibri, ​sans-serif; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .itineraire a:before,
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .horaire a:before,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .itineraire a:before,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .horaire a:before {
              background: transparent url("img/sprite-annuaire-ws.png") no-repeat scroll -40px -40px;
              content: "";
              display: inline-block;
              height: 17px;
              vertical-align: middle;
              width: 17px;
              margin-right: 6px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .itineraire .horaireDetails,
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .horaire .horaireDetails,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .itineraire .horaireDetails,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .horaire .horaireDetails {
              display: none;
              padding: 4px 0 0; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .ajax-take-appointment,
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .ajax-take-appointment-without-link,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .ajax-take-appointment,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .ajax-take-appointment-without-link {
              background: #253289;
              border: 0 none;
              color: white;
              display: block;
              font-family: Calibri;
              font-size: 16px;
              line-height: 2em;
              margin-top: 16px;
              overflow: hidden;
              padding: 4px 0;
              text-align: center;
              width: 170px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .ajax-take-appointment-without-link,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .ajax-take-appointment-without-link {
              background: #c1c1c1;
              cursor: default;
              text-decoration: none; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .telephone,
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .otherinfo,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .telephone,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .otherinfo {
              display: inline-block; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .telephone,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .telephone {
              min-height: 50px; }
            .practionner-view .directory .result__item .moreToShow .box_adrs .etablissementMulti .otherinfo,
            .practionner-view .directory .result--item .moreToShow .box_adrs .etablissementMulti .otherinfo {
              font-size: 10px;
              font-family: Calibri, ​sans-serif; }
      .practionner-view .directory .result__item .hospitalref,
      .practionner-view .directory .result--item .hospitalref {
        overflow: hidden;
        margin-top: 4px; }
        .practionner-view .directory .result__item .hospitalref span,
        .practionner-view .directory .result--item .hospitalref span {
          font-family: Calibri, ​sans-serif;
          font-size: 14px;
          font-weight: bold;
          color: #3f3f3f;
          display: block; }

.practionner-view-summary .nb-results {
  color: #253289; }

.view-practitioner-soins .img_profile img,
.view-practitioner .img_profile img {
  width: 69px;
  height: 69px; }

html.js fieldset.collapsed {
  margin-bottom: 60px; }

.webform-client-form legend::after,
.webform-client-form .stepform::after {
  background: transparent url("img/edito-titre-expanded.png") no-repeat scroll 0 center; }

.webform-client-form .expanded::after {
  background: transparent url("img/edito-titre-collapsed.png") no-repeat scroll 0 center !important;
  height: 18px; }

span.stickertimer {
  background-color: #458dc5;
  color: white;
  display: block;
  font-weight: bold;
  height: 92px;
  width: 100%;
  position: relative;
  padding: 20px 20px 20px 35px; }
  span.stickertimer em {
    vertical-align: middle;
    margin-right: 28px; }
  span.stickertimer span {
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    text-transform: uppercase;
    line-height: 1; }
    @media screen and (max-width: 1200px) {
      span.stickertimer span {
        font-size: 16px; } }
    @media only screen and (min-width: 481px) and (max-width: 1023px) {
      span.stickertimer span {
        font-size: 14px; } }
  span.stickertimer a:hover {
    text-decoration: none; }
  span.stickertimer::after {
    content: '';
    float: right;
    margin-top: 12px; }

.class_hopital.block-bandeau {
  margin-top: 60px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between; }
  .class_hopital.block-bandeau .globaltimer.one {
    width: 100%; }
  .class_hopital.block-bandeau .globaltimer.two {
    width: 66.66%;
    padding-right: 15px; }
    .class_hopital.block-bandeau .globaltimer.two span.stickertimer span.desc {
      display: block; }
  .class_hopital.block-bandeau .globaltimer.three {
    width: 46.875%; }
    @media only screen and (min-width: 481px) and (max-width: 1023px) {
      .class_hopital.block-bandeau .globaltimer.three {
        width: 50%; } }
  .class_hopital.block-bandeau .infos-pratiques.one {
    width: 100%; }
    .class_hopital.block-bandeau .infos-pratiques.one .Bloc-info {
      margin: 0; }
      .class_hopital.block-bandeau .infos-pratiques.one .Bloc-info > div {
        display: flex;
        width: 80%; }
      .class_hopital.block-bandeau .infos-pratiques.one .Bloc-info h3 {
        font-size: 15px;
        display: inline-block;
        margin: 0 auto 0 0;
        text-transform: uppercase;
        line-height: 2; }
      .class_hopital.block-bandeau .infos-pratiques.one .Bloc-info p {
        margin-right: auto;
        line-height: 2;
        font-weight: 600; }
      .class_hopital.block-bandeau .infos-pratiques.one .Bloc-info .tel-text {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        line-height: 2;
        margin-right: 10px;
        font-weight: 600; }
  .class_hopital.block-bandeau .infos-pratiques.two {
    width: 66.66%;
    padding-right: 15px; }
  .class_hopital.block-bandeau .infos-pratiques.three {
    width: 26.5625%; }
    @media only screen and (min-width: 481px) and (max-width: 1023px) {
      .class_hopital.block-bandeau .infos-pratiques.three {
        width: 25%; } }
  .class_hopital.block-bandeau .globalcompteur.one {
    width: 100%; }
  .class_hopital.block-bandeau .globalcompteur.two {
    width: 33.33%; }
  .class_hopital.block-bandeau .globalcompteur.three {
    width: 23.4375%; }
    @media only screen and (min-width: 481px) and (max-width: 1023px) {
      .class_hopital.block-bandeau .globalcompteur.three {
        width: 20%; } }
    .class_hopital.block-bandeau .globalcompteur.three i {
      height: 52px; }

.class_hopital .globaltimer {
  float: left;
  width: 100%; }
  .class_hopital .globaltimer span.stickertimer {
    padding-top: 26px;
    padding-left: 160px;
    background-color: #f2f5fa; }
    .class_hopital .globaltimer span.stickertimer::after {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      margin: 0; }
    .class_hopital .globaltimer span.stickertimer em {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      background: #13314f;
      height: auto;
      width: 110px;
      text-align: center;
      font-size: 40px;
      font-weight: 800;
      color: #5395c9;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: wrap;
      padding-bottom: 22px;
      padding-left: 20px;
      font-style: normal; }
      .class_hopital .globaltimer span.stickertimer em::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 46px 0 46px 30px;
        border-color: transparent transparent transparent #13314f;
        position: absolute;
        top: 0;
        left: 109px; }
        @media only screen and (min-width: 1024px) {
          .class_hopital .globaltimer span.stickertimer em::after {
            left: 109.5px; } }
    .class_hopital .globaltimer span.stickertimer .min {
      position: absolute;
      left: 45px;
      bottom: 18px;
      display: block;
      color: white;
      font-size: 20px;
      font-weight: 700;
      text-transform: initial;
      line-height: 1; }
    .class_hopital .globaltimer span.stickertimer span.title--2, .class_hopital .globaltimer span.stickertimer .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .class_hopital .globaltimer span.stickertimer .chrono_attente > div.chrono > span.chrono_time, .class_hopital .globaltimer span.stickertimer .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .class_hopital .globaltimer span.stickertimer .chrono_attente > div.text > span, .class_hopital .globaltimer span.stickertimer .landing-fullstyle .view-search-job-offer span.offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .class_hopital .globaltimer span.stickertimer span.offre-heade-subtitle {
      font-size: 16px;
      line-height: 1;
      margin-bottom: 10px;
      width: 100%; }
    .class_hopital .globaltimer span.stickertimer span.desc {
      color: #13314f;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 400;
      text-transform: initial;
      vertical-align: bottom; }

.class_hopital .globalcompteur {
  float: left;
  background-color: #fcc3da;
  width: 100%;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .class_hopital .globalcompteur a {
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 16px 20px 16px 35px; }
  .class_hopital .globalcompteur.quarter {
    border-left: 0; }
  .class_hopital .globalcompteur i {
    vertical-align: middle;
    margin-right: 23px;
    background: url("../images/icon-clinique__01.png") no-repeat !important; }
  .class_hopital .globalcompteur .compteur_bebe_actuel {
    display: inline-block;
    vertical-align: middle; }
    .class_hopital .globalcompteur .compteur_bebe_actuel p {
      font-size: 18px;
      margin: 0;
      line-height: 1.2;
      display: inline-block;
      vertical-align: -1px; }
    .class_hopital .globalcompteur .compteur_bebe_actuel span {
      font-size: 30px;
      font-weight: 700;
      color: #fff; }
      .class_hopital .globalcompteur .compteur_bebe_actuel span.label-compteur {
        font-size: 18px;
        font-weight: 400;
        text-transform: lowercase; }
  .class_hopital .globalcompteur.three {
    display: flex;
    align-items: center;
    justify-content: center; }
    .class_hopital .globalcompteur.three a {
      padding: 10px 0 10px 11px;
      display: flex;
      align-items: center;
      height: 100%; }
      @media only screen and (min-width: 481px) and (max-width: 1023px) {
        .class_hopital .globalcompteur.three a {
          padding-left: 10px; } }
    .class_hopital .globalcompteur.three i {
      margin-right: 10px;
      background: url("../images/icon-clinique__01.png") no-repeat !important;
      min-width: 60px; }
    .class_hopital .globalcompteur.three .compteur_bebe_actuel p {
      display: inline-block;
      vertical-align: middle; }
    .class_hopital .globalcompteur.three .compteur_bebe_actuel span {
      font-size: 25px; }
      @media screen and (max-width: 1024px) {
        .class_hopital .globalcompteur.three .compteur_bebe_actuel span {
          font-size: 20px; } }
      .class_hopital .globalcompteur.three .compteur_bebe_actuel span.label-compteur {
        font-size: 16px; }
        @media screen and (max-width: 1024px) {
          .class_hopital .globalcompteur.three .compteur_bebe_actuel span.label-compteur {
            font-size: 16px; } }
        .class_hopital .globalcompteur.three .compteur_bebe_actuel span.label-compteur strong {
          vertical-align: -5px; }

.block-bandeau:not(.class_hopital) {
  margin-top: 60px; }
  .block-bandeau:not(.class_hopital) .globaltimer {
    float: left;
    width: 100%; }
    .block-bandeau:not(.class_hopital) .globaltimer.half {
      width: 66.66%;
      padding-right: 15px; }
  .block-bandeau:not(.class_hopital) .globalcompteur {
    float: left;
    background-color: #fcc3da;
    width: 100%;
    height: 92px; }
    .block-bandeau:not(.class_hopital) .globalcompteur.half {
      width: 33.33%; }
    .block-bandeau:not(.class_hopital) .globalcompteur a {
      text-decoration: none;
      display: block;
      width: 100%;
      padding: 10px; }
      @media only screen and (min-width: 1200px) {
        .block-bandeau:not(.class_hopital) .globalcompteur a {
          padding: 16px 20px 16px 35px; } }
    .block-bandeau:not(.class_hopital) .globalcompteur.quarter {
      border-left: 0; }
    .block-bandeau:not(.class_hopital) .globalcompteur i {
      vertical-align: middle;
      margin-right: 23px;
      background: url("../images/icon-clinique__01.png") no-repeat !important; }
      @media only screen and (min-width: 481px) and (max-width: 1023px) {
        .block-bandeau:not(.class_hopital) .globalcompteur i {
          margin-right: 10px; } }
    .block-bandeau:not(.class_hopital) .globalcompteur .compteur_bebe_actuel {
      display: inline-block;
      vertical-align: middle; }
      .block-bandeau:not(.class_hopital) .globalcompteur .compteur_bebe_actuel p {
        font-size: 18px;
        margin: 0;
        line-height: 1.2;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px; }
      .block-bandeau:not(.class_hopital) .globalcompteur .compteur_bebe_actuel span {
        font-size: 30px;
        font-weight: 700;
        color: #fff; }
        .block-bandeau:not(.class_hopital) .globalcompteur .compteur_bebe_actuel span.label-compteur {
          font-size: 18px;
          font-weight: 400;
          text-transform: lowercase;
          vertical-align: bottom;
          line-height: normal; }
          .block-bandeau:not(.class_hopital) .globalcompteur .compteur_bebe_actuel span.label-compteur strong {
            font-size: 20px;
            vertical-align: -5px; }

.info-social {
  float: left;
  background-color: #13314f;
  height: 62px;
  border-left: 1px solid #fff;
  padding: 0; }
  .info-social.half {
    width: 46.4%; }
  .info-social.quarter {
    width: 23.2%; }
  .info-social.quarter p {
    padding-left: 19px;
    line-height: 1.4em;
    padding-top: 6px;
    padding-right: 26px; }
  .info-social p {
    padding-left: 40px;
    line-height: 62px;
    margin: 0;
    color: #fff;
    font-size: 18px; }

.facebook {
  float: left;
  background-color: #13314f;
  width: 7%;
  height: 62px;
  border-left: 1px solid #fff;
  padding: 22px 0px;
  color: transparent;
  background-image: url("/sites/all/themes/gds/css/img/facebook.png");
  background-repeat: no-repeat;
  background-position: 47%; }
  .facebook a {
    padding: 20px 3px; }

.twitter {
  float: left;
  background-color: #13314f;
  height: 62px;
  width: 46.6%;
  border-left: 1px solid #fff;
  padding: 5px 25px 5px 65px;
  color: #fff;
  background-image: url(/sites/all/themes/gds/css/img/twitter.png);
  background-repeat: no-repeat;
  background-position: 23px;
  font-size: 12px;
  line-height: 14px; }
  .twitter .tweets-pulled-listing {
    margin-top: 3px; }
  .twitter .tweet-author-wrapper {
    margin-bottom: 2px; }
  .twitter .tweet-screenname a {
    font-size: 10px; }
  .twitter .tweet-text {
    font-size: 11px; }
  .twitter .block-with-text {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 2.6em; }

.webform-client-form label {
  cursor: default; }

.webform-component-checkboxes label {
  width: calc(100% - 20px); }

.webform-component-checkboxes input {
  float: left;
  margin-top: 6px; }

.webform-client-form div.radio {
  float: left;
  margin-top: 4px; }

.webform-client-form .webform-component-grid div.radio {
  float: none;
  margin-top: 0;
  position: relative; }

.webform-component-radios label.option {
  width: calc(100% - 20px); }

.fieldcollectionNotNodeRefference {
  text-align: left; }
  .fieldcollectionNotNodeRefference li {
    float: left; }

.content_atelier_moment h3.title--3 {
  color: #253289;
  margin-bottom: 1.28571rem;
  margin-top: 1.28571rem;
  text-align: center;
  text-transform: uppercase; }

.classDatePicker .form-type-select {
  display: none !important; }

.wideRadioButton {
  width: 100% !important; }

.referenceorder {
  margin-bottom: 70px; }
  .referenceorder .title--2, .referenceorder .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .referenceorder .chrono_attente > div.chrono > span.chrono_time, .referenceorder .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .referenceorder .chrono_attente > div.text > span, .referenceorder .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .referenceorder .offre-heade-subtitle {
    margin-bottom: 70px;
    display: block; }
  .referenceorder ul {
    margin: 0 -7px; }
    .referenceorder ul li {
      float: left;
      width: 33.33%;
      padding: 0 7px;
      text-align: left; }
      .referenceorder ul li .btn__ctnr {
        text-align: left; }

.webform-client-form .dateNaissance {
  width: 50% !important; }

.webform-client-form .has-error .webform-grid div.radio {
  margin-bottom: 10px; }

.webform-client-form .has-error .webform-grid .form-type-radio label.error {
  left: -14px;
  bottom: -4px;
  top: auto; }

.node-type-webform .webform-client-form .webform-grid .webform-grid-option .form-item.form-type-radio {
  padding: 0;
  margin-right: 0; }

.form-type-radio .error {
  position: absolute;
  bottom: -15px;
  left: 0; }

.webform-component--liste-de-selection-radio .form-item-submitted-liste-de-selection-radio {
  position: relative; }

.descriptionAfterButton a {
  color: #253289;
  font-weight: 700;
  text-decoration: underline; }

table.sticky-header {
  z-index: 10; }

.node-type-webform .webform-client-form .form-item.dateNaissance {
  width: 100% !important; }
  .node-type-webform .webform-client-form .form-item.dateNaissance .form-text {
    width: 100%;
    max-width: 440px; }

.node-type-webform .webform-client-form .form-item.webform-component {
  margin: 0 auto 28px; }
  .node-type-webform .webform-client-form .form-item.webform-component.wideRadioButton .form-type-checkbox label,
  .node-type-webform .webform-client-form .form-item.webform-component.wideRadioButton .form-type-radio label {
    width: 155px;
    padding: 2px 0 0 5px;
    margin-top: 0; }
  .node-type-webform .webform-client-form .form-item.webform-component.has-error .form-type-checkbox .checker span {
    border: 1px solid #ff0000; }

.node-type-webform .webform-client-form .form-item.form-type-checkbox label.error {
  opacity: 0; }

.node-type-webform .webform-client-form .form-item.form-type-checkbox, .node-type-webform .webform-client-form .form-item.form-type-radio {
  display: inline-block;
  margin: 0;
  padding: 14px 0 0;
  width: auto;
  margin-right: 30px;
  position: relative;
  vertical-align: top; }
  .node-type-webform .webform-client-form .form-item.form-type-checkbox label, .node-type-webform .webform-client-form .form-item.form-type-radio label {
    width: calc(100% - 26px);
    padding: 0;
    float: right; }
    .node-type-webform .webform-client-form .form-item.form-type-checkbox label.error, .node-type-webform .webform-client-form .form-item.form-type-radio label.error {
      position: absolute;
      width: 125px;
      left: 0;
      bottom: -12px;
      top: inherit;
      margin: 0;
      line-height: 1 !important; }
    .node-type-webform .webform-client-form .form-item.form-type-checkbox label a, .node-type-webform .webform-client-form .form-item.form-type-radio label a {
      color: #253289;
      text-decoration: underline;
      font-weight: 700; }
  .node-type-webform .webform-client-form .form-item.form-type-checkbox div.radio, .node-type-webform .webform-client-form .form-item.form-type-radio div.radio {
    float: left;
    margin-top: 0;
    height: inherit;
    width: inherit; }
    .node-type-webform .webform-client-form .form-item.form-type-checkbox div.radio span, .node-type-webform .webform-client-form .form-item.form-type-radio div.radio span {
      margin-right: 10px;
      float: left; }
  .node-type-webform .webform-client-form .form-item.form-type-checkbox .checker, .node-type-webform .webform-client-form .form-item.form-type-radio .checker {
    display: inline-block; }
    .node-type-webform .webform-client-form .form-item.form-type-checkbox .checker input, .node-type-webform .webform-client-form .form-item.form-type-radio .checker input {
      background: transparent none repeat scroll 0 0;
      border: medium none;
      cursor: pointer;
      display: inline-block;
      height: 15px;
      margin: 0;
      opacity: 0;
      width: 15px; }
    .node-type-webform .webform-client-form .form-item.form-type-checkbox .checker span, .node-type-webform .webform-client-form .form-item.form-type-radio .checker span {
      height: 16px;
      width: 16px;
      cursor: pointer;
      border: 1px solid #dbdcde;
      margin-right: 10px;
      margin-top: 0;
      float: left; }
    .node-type-webform .webform-client-form .form-item.form-type-checkbox .checker .checked, .node-type-webform .webform-client-form .form-item.form-type-radio .checker .checked {
      background: url("img/caseAcocher2.png") no-repeat scroll 1px 3px; }
    .node-type-webform .webform-client-form .form-item.form-type-checkbox .checker label, .node-type-webform .webform-client-form .form-item.form-type-radio .checker label {
      font-size: 14px;
      font-family: Calibri; }
  .node-type-webform .webform-client-form .form-item.form-type-checkbox .checker.disabled span, .node-type-webform .webform-client-form .form-item.form-type-radio .checker.disabled span {
    border: 1px solid #E4DEDE; }

.node-type-webform .webform-client-form .form-item.form-type-radio label.option {
  width: calc(100% - 28px); }

.node-type-webform .webform-client-form .webform-datepicker {
  position: relative; }
  .node-type-webform .webform-client-form .webform-datepicker label.error {
    position: absolute;
    left: 0;
    bottom: -22px; }

.node-type-webform .webform-client-form .webform-datepicker {
  position: relative; }
  .node-type-webform .webform-client-form .webform-datepicker label.error {
    position: absolute;
    left: 0;
    bottom: -22px; }

.practionner-view .directory .result__item div[id^="takeAnAppointment"] h2 {
  margin: 0;
  line-height: 48px;
  display: block; }
  .practionner-view .directory .result__item div[id^="takeAnAppointment"] h2.aucunedispo {
    text-align: center; }

.practionner-view .directory .result__item div[id^="takeAnAppointment"] .contentPractionnerwsAnnuaire .prendre-rdv {
  margin: 0;
  padding: 0 20px; }
  .practionner-view .directory .result__item div[id^="takeAnAppointment"] .contentPractionnerwsAnnuaire .prendre-rdv .col-1,
  .practionner-view .directory .result__item div[id^="takeAnAppointment"] .contentPractionnerwsAnnuaire .prendre-rdv .col-2 {
    width: 50%;
    float: left;
    text-align: center; }
  .practionner-view .directory .result__item div[id^="takeAnAppointment"] .contentPractionnerwsAnnuaire .prendre-rdv #lists-motifs {
    background-color: #fff;
    padding: 10px;
    width: 100%;
    float: left; }

.practionner-view .directory .result__item div[id^="takeAnAppointment"] .contentPractionnerwsAnnuaire #prendre-rdv-calendar-warrper .prendre-rdv-calendar {
  width: 100%;
  float: right; }
  .practionner-view .directory .result__item div[id^="takeAnAppointment"] .contentPractionnerwsAnnuaire #prendre-rdv-calendar-warrper .prendre-rdv-calendar #calendarContainer h2 {
    margin: 5px 0;
    display: block;
    text-align: center;
    line-height: 1.2; }
  .practionner-view .directory .result__item div[id^="takeAnAppointment"] .contentPractionnerwsAnnuaire #prendre-rdv-calendar-warrper .prendre-rdv-calendar #calendarContainer #calendarErreur ul {
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0; }

#sliding-popup {
  opacity: 1;
  transition: opacity 1s ease;
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
  color: white;
  background-color: rgba(19, 49, 79, 0.85) !important;
  left: 0;
  right: 0;
  bottom: 0 !important;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 100%;
  top: auto !important; }
  #sliding-popup > div {
    width: 100%;
    max-width: 940px;
    margin: 0 auto; }
    #sliding-popup > div .popup-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: justify;
      align-content: space-between;
      max-width: 100%; }
      #sliding-popup > div .popup-content #popup-text {
        -ms-flex: 80%;
        flex: 80%;
        margin: 0;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400; }
      #sliding-popup > div .popup-content #popup-buttons {
        flex: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        flex-direction: row-reverse;
        margin: 0; }
        #sliding-popup > div .popup-content #popup-buttons .find-more-button {
          border: 0;
          background: transparent;
          box-shadow: none;
          color: #ffffff;
          font-weight: 400;
          text-shadow: none;
          margin: 0 5px; }
          #sliding-popup > div .popup-content #popup-buttons .find-more-button:hover {
            text-decoration: underline; }
        #sliding-popup > div .popup-content #popup-buttons .agree-button {
          background: #e1004c;
          /* color: white; */
          color: #ffffff;
          box-shadow: none;
          font-weight: bold;
          text-shadow: none;
          border: 0;
          border-radius: 0;
          padding: 10px 20px;
          margin: 0 5px; }

.header-social ul {
  list-style: none;
  margin: 0;
  margin-bottom: 20px; }
  .header-social ul li {
    display: inline-block; }
    .header-social ul li a {
      text-align: center;
      width: 20px;
      height: 20px;
      padding: 20px;
      position: relative;
      display: block;
      transition: all 0.3s ease-in-out; }
      .header-social ul li a:hover {
        margin-left: 0; }
      .header-social ul li a i {
        font-size: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        transform: translate(-50%, -50%); }
        .header-social ul li a i:before {
          font-size: 22px; }
      .header-social ul li a.addthis_button_facebook {
        background-color: #3b5998; }
      .header-social ul li a.addthis_button_twitter {
        background-color: #1da1f2; }
      .header-social ul li a.addthis_button_linkedin {
        background-color: #0077b5; }

.job_offer {
  font-size: 14px;
  line-height: 23px; }
  .job_offer span strong {
    padding-right: 10px; }
  .job_offer .offer__title {
    font-size: 1.5em;
    text-transform: none;
    line-height: 1.666em;
    color: #13314f;
    /* margin: 12px 0 6px; */
    display: block; }
  .job_offer a.btn.btn--hard.btn__action {
    padding: 10px 20px;
    letter-spacing: 1px;
    border: 1px solid #13314f;
    transition: all 0.3s ease-in-out; }
    .job_offer a.btn.btn--hard.btn__action:hover {
      background: #fff;
      color: #13314f;
      border: 1px solid #13314f; }

/*Addthis*/
.share-links .addthis_toolbox {
  display: inline-block; }

.share-links [class*="addthis_button"],
.share-links a.link {
  width: 30px !important;
  height: 30px;
  display: inline-block;
  position: relative;
  vertical-align: top; }
  .share-links [class*="addthis_button"] .fa,
  .share-links a.link .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff; }

.share-links [class*="addthis_button"][class*="_facebook"] {
  background-color: #3b5998; }

.share-links [class*="addthis_button"][class*="_twitter"] {
  background-color: #00aced; }

.share-links [class*="addthis_button"][class*="_linkedin"] {
  background-color: #007bb6; }

.share-links a.link {
  background-color: #8dc63f; }

/*Link Retur*/
.link-return > a {
  font-size: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 3px solid #13314f;
  border-radius: 50%;
  position: relative; }
  .link-return > a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("img/left-arrow.png");
    display: block;
    width: 16px;
    height: 16px; }

.icon-info-green:before, .bloc_temps .info.green .ico-info:before, .bloc_temps .green.sous_title .ico-info:before, .icon-info-blue:before, .bloc_temps .info .ico-info:before, .bloc_temps .sous_title .ico-info:before, .icon-info:before, .savoir-plus > div:before, .icon-chrono-blue:before, .bloc_temps .chrono_hours:before, .icon-chrono-green:before, .bloc_temps .chrono_hours.green:before, .icon-chrono-time:before, .bloc_temps .bloc_attente .chrono_attente > div.chrono:before, .icon-trauma:before, .bloc_temps .pic_trauma:before, .icon-medecine:before, .bloc_temps .pic_medecine:before, .icon-red-plus:before, .infos-pratiques .Bloc-text .left-text:before, .icon-telephone:before, .icon-picto-map:before, .infos-pratiques .Bloc-info.map:before, .icon-arrow-right:before, .icon-warn:before, .savoir-plus > div:not(:last-child):before, .icon-show-more:before, .savoir-plus > div .savoir-plus-btn:before, .icon-seniors:before, .service-en-photos .cover-bloc h3:before, .icon-left-slid:before, .icon-right-slid:before, #container-ctrl .owl-nav .owl-next:before, #container-ctrl .owl-nav .owl-prev:before, .icon-smallLeft-slid:before, .icon-smallRight-slid:before, .bon-a-savoir #container-ctrl .owl-nav .owl-next:before, .bon-a-savoir #container-ctrl .owl-nav .owl-prev:before {
  content: '';
  display: inline-block;
  background-image: url("img/sprite-urgence.png"); }

.icon-info-green:before, .bloc_temps .info.green .ico-info:before, .bloc_temps .green.sous_title .ico-info:before {
  background-position: 0 0;
  width: 25px;
  height: 25px; }

.icon-info-blue:before, .bloc_temps .info .ico-info:before, .bloc_temps .sous_title .ico-info:before {
  background-position: -40px 0;
  width: 25px;
  height: 25px; }

.icon-info:before, .savoir-plus > div:before {
  background-position: -40px -34px;
  width: 24px;
  height: 24px; }

.icon-chrono-blue:before, .bloc_temps .chrono_hours:before {
  background-position: 0 -38px;
  width: 36px;
  height: 42px; }

.icon-chrono-green:before, .bloc_temps .chrono_hours.green:before {
  background-position: 0 -92px;
  width: 36px;
  height: 42px; }

.icon-chrono-time:before, .bloc_temps .bloc_attente .chrono_attente > div.chrono:before {
  background-position: -91px -78px;
  width: 109px;
  height: 122px; }

.icon-trauma:before, .bloc_temps .pic_trauma:before {
  background-position: -71px 0;
  width: 42px;
  height: 60px; }

.icon-medecine:before, .bloc_temps .pic_medecine:before {
  background-position: -118px -5px;
  width: 82px;
  height: 50px; }

.icon-red-plus:before, .infos-pratiques .Bloc-text .left-text:before {
  background-position: -49px -95px;
  width: 37px;
  height: 37px; }

.icon-telephone:before, .icon-picto-map:before, .infos-pratiques .Bloc-info.map:before {
  background-position: 0 -140px;
  width: 58px;
  height: 58px; }

.icon-picto-map:before, .infos-pratiques .Bloc-info.map:before {
  background-position: 0 -200px; }

.icon-arrow-right:before {
  background-position: -43px -66px;
  width: 19px;
  height: 19px; }

.icon-warn:before, .savoir-plus > div:not(:last-child):before {
  background-position: -61px -151px;
  width: 25px;
  height: 23px; }

.icon-show-more:before, .savoir-plus > div .savoir-plus-btn:before {
  background-position: -71px -74px;
  width: 12px;
  height: 8px; }

.icon-seniors:before, .service-en-photos .cover-bloc h3:before {
  background-position: -110px -210px;
  width: 75px;
  height: 38px; }

.icon-left-slid:before, .icon-right-slid:before, #container-ctrl .owl-nav .owl-next:before, #container-ctrl .owl-nav .owl-prev:before {
  background-position: -63px -217px;
  width: 18px;
  height: 32px; }

.icon-right-slid:before, #container-ctrl .owl-nav .owl-next:before {
  background-position: -84px -216px; }

.icon-smallLeft-slid:before, .icon-smallRight-slid:before, .bon-a-savoir #container-ctrl .owl-nav .owl-next:before, .bon-a-savoir #container-ctrl .owl-nav .owl-prev:before {
  background-position: -64px -188px;
  width: 11px;
  height: 18px; }

.icon-smallRight-slid:before, .bon-a-savoir #container-ctrl .owl-nav .owl-next:before {
  background-position: -79px -188px; }

.icon-down-green:before, .bloc_temps .medecine:before, .icon-down-blue:before, .bloc_temps .trauma:before, .icon-down-gray:before, .bloc_temps .bloc_attente:before, .bloc_temps .bloc_attente .chrono_attente:before, .bloc_temps .bloc_attente > .title:before, .bloc_temps .bloc_attente > .chrono_hours:before {
  content: '';
  display: inline-block;
  background-image: url("img/sprite-urgence-down.png");
  background-repeat: repeat-y;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }

.icon-down-green:before, .bloc_temps .medecine:before {
  background-position: -30px -10px;
  width: 18px;
  left: 0; }

.icon-down-blue:before, .bloc_temps .trauma:before {
  background-position: 0 -10px;
  width: 18px; }

.icon-down-gray:before, .bloc_temps .bloc_attente:before, .bloc_temps .bloc_attente .chrono_attente:before, .bloc_temps .bloc_attente > .title:before, .bloc_temps .bloc_attente > .chrono_hours:before {
  background-position: -60px -8px;
  width: 28px; }

.sprite--facebook, .share_facebook, .sprite--facebook-dark, .footer .grid .socials .share_facebook, .sprite--twitter, .share_twitter, .sprite--twitter-dark, .footer .grid .socials .share_twitter, .sprite--linkedin, .share_linkedin, .share_instagram, .sprite--linkedin-dark, .footer .grid .socials .share_linkedin, .footer .grid .socials .share_instagram, .sprite--youtube, .share_youtube, .sprite--youtube-dark, .footer .grid .socials .share_youtube, .sprite--mail, .share_email, .sprite--user, header .header-right .item__link--user::before, .sprite--search, header .header-right .item__link--search::before, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item-combine::after, .sprite--temps-att, .sprite--patient-att, span.stickertimer em, .sprite--naissances, .class_hopital .globalcompteur i, .block-bandeau:not(.class_hopital) .globalcompteur i, .sprite--naissances-3, .class_hopital .globalcompteur.three i, .sprite--arrow-circle, .landing-fullstyle .blk__push_two .blk__discover .block-list li a::after, .landing-fullstyle .blk__push_two .blk__discover .matrix li a::after, span.stickertimer::after, .sprite--arrow-circle-d, .class_hopital .globaltimer span.stickertimer::after, .infos-pratiques .Bloc-info a:before, .sprite--info-icon, .ramsay-services-container .info::before, .ramsay-services-container .bloc_temps .sous_title::before, .bloc_temps .ramsay-services-container .sous_title::before, .sprite--info-iconBlue, .qualite h2.info::before, .qualite .bloc_temps h2.sous_title::before, .bloc_temps .qualite h2.sous_title::before, .sprite-info-b-info, .infos-pratiques .Bloc-info::before {
  display: inline-block;
  background-image: url("img/sprtie-HP-GP.png"); }

.sprite--facebook, .share_facebook, .sprite--facebook-dark, .footer .grid .socials .share_facebook, .sprite--twitter, .share_twitter, .sprite--twitter-dark, .footer .grid .socials .share_twitter, .sprite--linkedin, .share_linkedin, .share_instagram, .sprite--linkedin-dark, .footer .grid .socials .share_linkedin, .footer .grid .socials .share_instagram, .sprite--youtube, .share_youtube, .sprite--youtube-dark, .footer .grid .socials .share_youtube, .sprite--mail, .share_email {
  width: 26px;
  height: 27px; }

.sprite--facebook, .share_facebook {
  background-position: -1px 0; }

.sprite--facebook-dark, .footer .grid .socials .share_facebook {
  background-position: -1px -141px; }

.sprite--twitter, .share_twitter {
  background-position: -39px 0; }

.sprite--twitter-dark, .footer .grid .socials .share_twitter {
  background-position: -34px -141px; }

.sprite--linkedin, .share_linkedin {
  background-position: -79px 0; }

.sprite--linkedin, .share_instagram {
  background-position: -160px 27px }

.sprite--linkedin-dark, .footer .grid .socials .share_linkedin {
  background-position: -102px -141px; }


.sprite--linkedin-dark, .footer .grid .socials .share_instagram {
  background-position: 0px -173px; }

.sprite--youtube, .share_youtube {
  background-position: -119px 0; }

.sprite--youtube-dark, .footer .grid .socials .share_youtube {
  background-position: -68px -141px; }

.sprite--mail, .share_email {
  background-position: -158px 0; }

.sprite--user, header .header-right .item__link--user::before {
  background-position: 0 -40px;
  width: 29px;
  height: 29px; }

.sprite--search, header .header-right .item__link--search::before, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item-combine::after {
  background-position: -38px -40px;
  width: 29px;
  height: 29px; }

.sprite--temps-att {
  background-position: 0 -74px;
  width: 46px;
  height: 56px; }

.sprite--patient-att, span.stickertimer em {
  background-position: -141px -141px;
  width: 55px;
  height: 46px; }

.sprite--naissances, .class_hopital .globalcompteur i, .block-bandeau:not(.class_hopital) .globalcompteur i {
  background-position: -52px -73px;
  width: 62px;
  height: 62px; }

.sprite--naissances-3, .class_hopital .globalcompteur.three i {
  background-position: -80px -174px;
  width: 36px;
  height: 36px; }

.sprite--arrow-circle, .landing-fullstyle .blk__push_two .blk__discover .block-list li a::after, .landing-fullstyle .blk__push_two .blk__discover .matrix li a::after, span.stickertimer::after {
  background-position: -76px -34px;
  width: 33px;
  height: 33px; }

/*.sprite--arrow-circle-d, .class_hopital .globaltimer span.stickertimer::after, .infos-pratiques .Bloc-info a:before {
  background-position: -0 -174px;
  width: 35px;
  height: 35px; }
*/
.sprite--info-icon, .ramsay-services-container .info::before, .ramsay-services-container .bloc_temps .sous_title::before, .bloc_temps .ramsay-services-container .sous_title::before {
  background-position: -121px -35px;
  width: 49px;
  height: 49px; }

.sprite--info-iconBlue, .qualite h2.info::before, .qualite .bloc_temps h2.sous_title::before, .bloc_temps .qualite h2.sous_title::before {
  background-position: -124px -90px;
  width: 43px;
  height: 43px; }

.sprite-info-b-info, .infos-pratiques .Bloc-info::before {
  background-position: -39px -174px;
  width: 36px;
  height: 36px; }

.hide {
  display: none; }

.clear::after, .clear::before {
  content: '';
  display: table;
  clear: both; }

.strong {
  font-weight: 900; }

.container-page-urgences {
  padding: 30px 0;
  background-color: #f4f7fa; }
  .container-page-urgences .ctnt, .container-page-urgences .phrase-legale .content, .phrase-legale .container-page-urgences .content {
    max-width: 940px;
    width: 100%; }

.owl-carousel, .owl-carousel .owl-stage-outer {
  z-index: inherit; }

#container-ctrl {
  position: absolute;
  left: 3.51563%;
  bottom: 50px;
  z-index: 99;
  display: inline-block; }
  #container-ctrl .owl-nav {
    font-size: 0; }
    #container-ctrl .owl-nav .owl-prev {
      left: 0;
      top: 0;
      position: absolute; }
    #container-ctrl .owl-nav .owl-next {
      right: 0;
      top: 0;
      position: absolute; }
  #container-ctrl .owl-dots {
    margin: 10px 30px; }
    #container-ctrl .owl-dots .owl-dot {
      display: inline-block;
      width: 5px;
      height: 5px;
      border-radius: 5px;
      background-color: #fff;
      margin: 4px;
      transition: 0.2s linear; }
      #container-ctrl .owl-dots .owl-dot.active {
        width: 16px; }

.infos-pratiques {
  font-family: "Open Sans", sans-serif;
  font-size: 0;
  display: flex; }
  .infos-pratiques .Bloc-text {
    padding: 16px 0 16px 22px;
    background-color: #13314f;
    color: #fff;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    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; }
    .infos-pratiques .Bloc-text .left-text {
      width: 70.10582%;
      padding: 0 32px 0 45px;
      font-size: 14.5px;
      line-height: 1.2;
      display: inline-block;
      vertical-align: middle;
      border-right: 1px solid #fff;
      position: relative; }
      .infos-pratiques .Bloc-text .left-text:before {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      @media screen and (max-width: 992px) {
        .infos-pratiques .Bloc-text .left-text {
          width: 70%; } }
    .infos-pratiques .Bloc-text .right-text {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      width: 29.10053%; }
      .infos-pratiques .Bloc-text .right-text > span {
        font-size: 24px;
        font-weight: 700; }
        .infos-pratiques .Bloc-text .right-text > span > span {
          font-size: 16px;
          font-weight: 600; }
  .infos-pratiques .Bloc-info {
    padding: 16px 10px 16px 82px;
    background-color: #e3e9f2;
    color: #13314f;
    display: inline-block;
    width: 100%;
    height: 92px;
    margin-left: 1.40625%;
    font-size: 17px;
    vertical-align: top;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .infos-pratiques .Bloc-info::before {
      content: '';
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%); }
    @media screen and (max-width: 992px) {
      .infos-pratiques .Bloc-info {
        padding-left: 50px; } }
    .infos-pratiques .Bloc-info .title, .infos-pratiques .Bloc-info .bloc_temps .chrono_hours, .bloc_temps .infos-pratiques .Bloc-info .chrono_hours {
      display: block;
      font-size: 15px;
      color: #13314f;
      margin-bottom: 8px; }
    .infos-pratiques .Bloc-info .tel {
      font-size: 14px;
      font-weight: 600;
      line-height: 26px;
      white-space: nowrap;
      background-color: #13314f;
      padding: 0 12px;
      border-radius: 26px;
      display: inline-block;
      text-align: center;
      color: #fff; }
    .infos-pratiques .Bloc-info p {
      font-size: 12px;
      line-height: 1.2;
      color: #13314f;
      display: inline-block;
      vertical-align: middle;
      margin: 0 14px 5px 0; }
    .infos-pratiques .Bloc-info a {
      font-size: 0;
      height: 36px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }
      .infos-pratiques .Bloc-info a:before {
        content: '';
        display: inline-block;
        background-image: url(img/sprtie-HP-GP.png);
        background-position: -4px 38px;
        width: 33px;
        height: 33px;}
      .infos-pratiques .Bloc-info a:hover:before {
        opacity: 0.6; }
    .infos-pratiques .Bloc-info span:empty {
      display: none; }

.bloc_temps {
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .bloc_temps > .ctnt, .phrase-legale .bloc_temps > .content {
      width: 95%; } }
  .bloc_temps, .bloc_temps.grid {
    margin: 0 0 116px; }
    .bloc_temps::after, .bloc_temps::before, .bloc_temps.grid::after, .bloc_temps.grid::before {
      content: '';
      display: table;
      clear: both; }
  .bloc_temps .grid__item {
    float: left;
    padding: 0; }
  .bloc_temps .title--2, .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .bloc_temps .offre-heade-subtitle {
    font-size: 40px;
    margin-bottom: 50px;
    text-transform: initial; }
  .bloc_temps .title, .bloc_temps .chrono_hours {
    font-family: Raleway, sans-serif;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #13314f;
    margin-bottom: 30px; }
    .bloc_temps .title > span, .bloc_temps .chrono_hours > span {
      background-color: #f4f7fa;
      padding: 0 15px;
      display: inline-block;
      font-weight: 700; }
    .bloc_temps .title::after, .bloc_temps .chrono_hours::after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #b4c1d6;
      display: block;
      margin-top: -15px; }
  .bloc_temps .info, .bloc_temps .sous_title {
    font-family: "Open Sans", sans-serif;
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin: 20px 0 0;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block; }
    .bloc_temps .info > [tooltip], .bloc_temps .sous_title > [tooltip] {
      float: right;
      margin-left: 10px; }
    .bloc_temps .info .ico-info, .bloc_temps .sous_title .ico-info {
      display: block;
      font-size: 0; }
      .bloc_temps .info .ico-info:before, .bloc_temps .sous_title .ico-info:before {
        float: right;
        cursor: help; }
  .bloc_temps .sous_title {
    margin-top: 0;
    font-size: 14px;
    line-height: 16px; }
    .bloc_temps .sous_title.green::before {
      display: none; }
    .bloc_temps .sous_title::before {
      display: none; }
  .bloc_temps .chrono_hours {
    font-size: 52px;
    line-height: 54px;
    font-weight: 900;
    margin: 10px 0;
    display: inline-block; }
    .bloc_temps .chrono_hours::before {
      float: left;
      margin: 10px 16px 0 0; }
    .bloc_temps .chrono_hours::after {
      display: none; }
  .bloc_temps p {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #13314f;
    max-width: 150px;
    margin: 10px auto; }
  .bloc_temps .trauma {
    position: relative; }
  .bloc_temps .medecine {
    position: relative; }
  .bloc_temps .pic_trauma {
    margin: 95px auto;
    padding: 24px 0 0;
    width: 122px;
    height: 122px;
    border: 5px solid #dce3ed;
    border-radius: 50%;
    display: block; }
  .bloc_temps .pic_medecine {
    margin: 95px auto;
    padding: 28px 0 0;
    width: 122px;
    height: 122px;
    border: 5px solid #dce3ed;
    border-radius: 50%;
    display: block; }
  .bloc_temps .bloc_attente {
    padding: 52px 12px 0;
    position: relative; }
    .bloc_temps .bloc_attente:before {
      height: 30px;
      left: 50%;
      transform: translateX(-50%); }
    .bloc_temps .bloc_attente .chrono_attente {
      display: table;
      width: 100%;
      padding-bottom: 45px;
      position: relative; }
      .bloc_temps .bloc_attente .chrono_attente:before {
        height: 30px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        top: auto; }
      .bloc_temps .bloc_attente .chrono_attente > div {
        display: table-cell;
        width: 50%;
        vertical-align: middle; }
        .bloc_temps .bloc_attente .chrono_attente > div.chrono {
          position: relative; }
          .bloc_temps .bloc_attente .chrono_attente > div.chrono > span {
            position: absolute;
            left: 50%;
            transform: translateX(-50%); }
            .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time {
              bottom: 48px;
              font-size: 40px;
              line-height: 42px;
              margin: 0;
              color: inherit; }
            .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_text {
              font-family: "Open Sans", sans-serif;
              bottom: 34px;
              font-size: 16px;
              line-height: 18px; }
        .bloc_temps .bloc_attente .chrono_attente > div.text {
          text-align: left; }
          .bloc_temps .bloc_attente .chrono_attente > div.text > span {
            font-size: 24px;
            line-height: 30px;
            margin: 0;
            color: #d73d2b;
            text-transform: uppercase; }
          .bloc_temps .bloc_attente .chrono_attente > div.text p {
            margin: 0; }
    .bloc_temps .bloc_attente > .title, .bloc_temps .bloc_attente > .chrono_hours {
      position: relative;
      margin-bottom: 0;
      padding-bottom: 230px; }
      .bloc_temps .bloc_attente > .title:before, .bloc_temps .bloc_attente > .chrono_hours:before {
        height: 30px;
        left: 50%;
        transform: translateX(-50%);
        height: 82px;
        top: 50%; }
      .bloc_temps .bloc_attente > .title.evol, .bloc_temps .bloc_attente > .evol.chrono_hours {
        padding-bottom: 60px; }
        .bloc_temps .bloc_attente > .title.evol:before, .bloc_temps .bloc_attente > .evol.chrono_hours:before {
          height: 30px;
          top: 60%; }
  .bloc_temps .sortie {
    margin-top: -40px; }
  .bloc_temps .bulesky {
    color: #3091b9; }
  .bloc_temps .orange {
    color: #d73d2b; }
  .bloc_temps .green {
    color: #28a6a5; }
  .bloc_temps .date {
    margin-top: -25px;
    float: right;
    color: #5f5f5f;
    font-style: italic;
    font-size: 12px; }

/*TOOLTIP STYLES */
[tooltip] {
  position: relative; }

[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: .9em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0; }

[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001; }

[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 40em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; }

/* hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block; }

[tooltip='']::before,
[tooltip='']::after {
  display: none !important; }

[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333; }

[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
  font-size: 12px; }

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em); }

@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0); } }

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%); } }

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards; }

.savoir-plus {
  background-color: #e3e9f2;
  padding: 32px 26px;
  margin-bottom: 78px; }
  @media screen and (max-width: 1024px) {
    .savoir-plus.ctnt, .phrase-legale .savoir-plus.content {
      width: 95%; } }
  .savoir-plus > div {
    font-size: 15px;
    line-height: 1.2;
    color: #13314f;
    padding: 16px 0 0; }
    .savoir-plus > div::before {
      vertical-align: -4px;
      margin-right: 8px; }
    .savoir-plus > div:not(:last-child) {
      padding: 0 0 20px;
      border-bottom: 1px solid #c0cee2; }
    .savoir-plus > div > span {
      margin-right: 5px; }
    .savoir-plus > div .savoir-plus-btn {
      display: inline-block;
      font-size: 13px;
      transition: all 0.3s ease-in-out;
      text-transform: uppercase; }
      .savoir-plus > div .savoir-plus-btn:before {
        float: right;
        margin: 4px 10px;
        transition: all 0.3s ease-in-out; }
      .savoir-plus > div .savoir-plus-btn:hover {
        opacity: 0.8; }
      .savoir-plus > div .savoir-plus-btn:focus, .savoir-plus > div .savoir-plus-btn:active {
        outline: none; }
    .savoir-plus > div #savoir-plus {
      margin: 15px 0 0;
      padding: 20px;
      font-size: 15px;
      line-height: 1.2;
      background-color: #dce4ef; }

.bloc-video_wrapper {
  margin: 0 auto 190px;
  width: 100%;
  position: relative; }
  .bloc-video_wrapper .video {
    position: relative;
    width: 100%; }
  .bloc-video_wrapper .btnPlay {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    background-position: center 70%; }
    .bloc-video_wrapper .btnPlay.play {
      opacity: 0.6;
      background: url("img/play.png") center 70% no-repeat rgba(0, 0, 0, 0.3); }
  .bloc-video_wrapper #my_video {
    display: block;
    width: 100%;
    height: auto;
    max-height: 757px;
    background: #a4ccdf; }
  .bloc-video_wrapper .controles {
    position: relative;
    width: 100%;
    height: 20px;
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 10px 0 0; }
    @media screen and (max-width: 1280px) {
      .bloc-video_wrapper .controles {
        width: 95%; } }
    .bloc-video_wrapper .controles .progress {
      position: relative;
      width: 100%;
      height: 3px;
      top: 50%;
      transform: translateY(-50%);
      background: #c5ced8;
      float: left; }
      .bloc-video_wrapper .controles .progress .bar {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: #13314f;
        transition: .3s linear;
        border: 0;
        border-radius: 0;
        margin: 0;
        opacity: 0;
        width: 100%; }
      .bloc-video_wrapper .controles .progress.active > .bar {
        opacity: 1; }
    .bloc-video_wrapper .controles .goto {
      display: block;
      position: absolute;
      width: 27px;
      height: 27px;
      background: #f4f7fa;
      border: 3px solid #c5ced8;
      top: 0;
      left: 0;
      cursor: pointer;
      transition: .3s linear;
      border-radius: 27px;
      transform: translateX(-50%);
      z-index: 9; }
      .bloc-video_wrapper .controles .goto.active {
        border-color: #13314f; }
        .bloc-video_wrapper .controles .goto.active > span {
          color: #13314f;
          font-weight: bold; }
      .bloc-video_wrapper .controles .goto > span {
        display: block;
        position: absolute;
        font-size: 13px;
        left: 50%;
        text-align: center;
        transform: translateX(-50%);
        color: #c5ced8;
        text-transform: uppercase; }
        .bloc-video_wrapper .controles .goto > span.number {
          top: 0;
          line-height: 21px; }
        .bloc-video_wrapper .controles .goto > span.desc {
          width: 132px;
          top: 33px;
          color: #13314f;
          font-size: 12px; }
          @media screen and (max-width: 992px) {
            .bloc-video_wrapper .controles .goto > span.desc {
              width: 120px; } }

@media screen and (max-width: 1280px) {
  .bon-a-savoir {
    padding: 0 20px; } }

.bon-a-savoir .image {
  display: inline-block;
  width: 100%; }

.bon-a-savoir .title--2, .bon-a-savoir .bloc_temps .bloc_attente .chrono_attente > div.chrono > span.chrono_time, .bloc_temps .bloc_attente .bon-a-savoir .chrono_attente > div.chrono > span.chrono_time, .bon-a-savoir .bloc_temps .bloc_attente .chrono_attente > div.text > span, .bloc_temps .bloc_attente .bon-a-savoir .chrono_attente > div.text > span, .bon-a-savoir .landing-fullstyle .view-search-job-offer .offre-heade-subtitle, .landing-fullstyle .view-search-job-offer .bon-a-savoir .offre-heade-subtitle {
  text-transform: initial;
  text-align: left;
  font-size: 50px;
  margin-bottom: 40px; }

.bon-a-savoir .container-sav {
  margin-bottom: 40px;
  display: flex;
  flex-flow: wrap; }

.bon-a-savoir .content-savoir {
  background-color: #fff;
  display: inline-block;
  width: 32.5%;
  padding: 30px;
  margin-bottom: 12px;
  margin-right: 1.17188%;
  color: #13314f;
  float: left; }
  .bon-a-savoir .content-savoir:nth-child(3n+3) {
    margin-right: 0; }
  .bon-a-savoir .content-savoir img {
    display: block;
    margin-bottom: 30px; }
  .bon-a-savoir .content-savoir h3 {
    font-weight: 400;
    font-size: 24px;
    font-family: Raleway, sans-serif;
    margin: 0 0 10px;
    line-height: 1.2; }
  .bon-a-savoir .content-savoir a[href^='tel'] {
    pointer-events: none; }
  .bon-a-savoir .content-savoir a img {
    display: inline-block;
    transform: translateY(20%); }
  .bon-a-savoir .content-savoir p {
    font-size: 14px;
    line-height: 18px;
    line-height: 1.2; }
    .bon-a-savoir .content-savoir p img {
      margin-bottom: 0; }
  .bon-a-savoir .content-savoir h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0; }

.bon-a-savoir .title, .bon-a-savoir .bloc_temps .chrono_hours, .bloc_temps .bon-a-savoir .chrono_hours {
  font-size: 20px;
  color: #13314f;
  font-family: Raleway, sans-serif;
  margin-bottom: 10px; }

.bon-a-savoir .medecin {
  margin-bottom: 30px; }
  .bon-a-savoir .medecin p {
    font-size: 18px;
    color: #13314f;
    margin: 0;
    text-transform: lowercase; }
    .bon-a-savoir .medecin p::first-letter {
      text-transform: uppercase; }
  .bon-a-savoir .medecin img {
    width: auto;
    border-radius: 50%;
    margin-bottom: 10px; }
  .bon-a-savoir .medecin ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style: none;
    position: relative; }
    .bon-a-savoir .medecin ul li {
      color: #13314f;
      font-size: 14px;
      line-height: 24px; }
      .bon-a-savoir .medecin ul li::after {
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        width: 4px;
        height: 4px;
        display: block;
        background-color: #13314f; }

.bon-a-savoir #container-ctrl {
  position: relative;
  bottom: 0;
  left: 0; }
  .bon-a-savoir #container-ctrl .owl-nav {
    font-size: 0; }
  .bon-a-savoir #container-ctrl .owl-dots {
    margin: 2px 20px; }
    .bon-a-savoir #container-ctrl .owl-dots .owl-dot {
      background-color: #5395c9;
      width: 3px;
      height: 3px;
      border-radius: 3px; }
      .bon-a-savoir #container-ctrl .owl-dots .owl-dot.active {
        width: 10px; }

.btn-urgent {
  line-height: 42px;
  height: 46px;
  max-width: 192px;
  width: 100%;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  -webkit-border-top-left-radius: 46px;
  -webkit-border-top-right-radius: 46px;
  -webkit-border-bottom-right-radius: 46px;
  -webkit-border-bottom-left-radius: 46px;
  -moz-border-radius-topleft: 46px;
  -moz-border-radius-topright: 46px;
  -moz-border-radius-bottomright: 46px;
  -moz-border-radius-bottomleft: 46px;
  border-top-left-radius: 46px;
  border-top-right-radius: 46px;
  border-bottom-right-radius: 46px;
  border-bottom-left-radius: 46px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 auto 100px;
  display: block; }
  .btn-urgent.btn_transparent {
    background-color: transparent;
    color: #13314f;
    border: 2px solid #13314f; }
    .btn-urgent.btn_transparent:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      opacity: 0;
      content: '';
      background: #13314f;
      z-index: -1;
      width: 0; }
    .btn-urgent.btn_transparent:hover {
      color: white; }
      .btn-urgent.btn_transparent:hover:before {
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        width: 100%;
        opacity: 1;
        -webkit-border-top-left-radius: 46px;
        -webkit-border-top-right-radius: 46px;
        -webkit-border-bottom-right-radius: 46px;
        -webkit-border-bottom-left-radius: 46px;
        -moz-border-radius-topleft: 46px;
        -moz-border-radius-topright: 46px;
        -moz-border-radius-bottomright: 46px;
        -moz-border-radius-bottomleft: 46px;
        border-top-left-radius: 46px;
        border-top-right-radius: 46px;
        border-bottom-right-radius: 46px;
        border-bottom-left-radius: 46px; }

.service-en-photos {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .service-en-photos .cover-bloc {
    width: 32.5%;
    background-color: #5395c9;
    color: #fff;
    display: inline-block;
    padding: 0 45px; }
    .service-en-photos .cover-bloc h3 {
      font-weight: 400;
      font-size: 30px;
      line-height: 1.4;
      max-width: 250px;
      font-family: Raleway, sans-serif;
      margin: 45px 0; }
      .service-en-photos .cover-bloc h3:before {
        display: block;
        margin-bottom: 20px; }
  .service-en-photos .owl-carousel {
    width: 67.5%;
    display: inline-block;
    position: static; }

.landing-fullstyle .view-search-job-offer .close-job {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("img/close.png") no-repeat center;
  vertical-align: -6px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  cursor: pointer; }

.landing-fullstyle .view-search-job-offer .offre-heade-subtitle {
  display: block;
  font-size: 16px; }
  .landing-fullstyle .view-search-job-offer .offre-heade-subtitle::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 22px;
    margin-right: 10px;
    background: url("img/rechercher.png") no-repeat center;
    vertical-align: -6px; }

.landing-fullstyle .view-search-job-offer .view-filters {
  margin: 0; }
  .landing-fullstyle .view-search-job-offer .view-filters .zebra--force {
    background-color: white;
    padding-bottom: 0; }
    .landing-fullstyle .view-search-job-offer .view-filters .zebra--force::before {
      display: none; }
  .landing-fullstyle .view-search-job-offer .view-filters .arrow.arrow--bottom-center:after {
    display: none; }

.landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item {
    width: 32.5%;
    padding: 0;
    margin-bottom: 16px; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid #autocomplete {
      border: 0; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid #autocomplete ul {
        background-color: white;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
        border: 2px solid #13314f;
        margin-top: 12px;
        height: 300px;
        overflow-y: scroll; }
        .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid #autocomplete ul li {
          text-align: left;
          white-space: normal !important;
          padding-left: 23px;
          color: #13314f;
          font-size: 16px;
          padding: 13px 16px;
          border: 1px solid transparent;
          border-color: transparent transparent rgba(19, 49, 79, 0.1) transparent;
          cursor: pointer;
          user-select: none;
          text-align: left; }
          .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid #autocomplete ul li:hover {
            background: rgba(19, 49, 79, 0.1); }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid .select2-container--default .select2-selection--single {
      width: 100%;
      height: 57px;
      border: 2px solid #13314f;
      border-radius: 57px;
      padding: 0 50px 0 25px;
      font-size: 20px;
      color: #13314f;
      position: relative;
      outline: none; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #13314f; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 53px;
        text-align: left; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-field-hopital-nid .select2-container--default .select2-selection--single .select2-selection__arrow::after {
        content: '';
        position: absolute;
        top: 18px;
        background: url("img/arrow-right-bl.svg") no-repeat;
        width: 14px;
        height: 16px;
        transform: rotate(90deg);
        right: 26px; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-select {
      padding: 0;
      position: relative;
      height: 57px;
      width: 100% !important; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .chosen-single, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .select-selected {
      position: absolute;
      width: 100% !important;
      left: 0;
      top: 18px;
      font-size: 18px;
      color: #13314f;
      text-align: left;
      padding: 0 40px 0 25px;
      height: initial;
      line-height: 1.2;
      cursor: pointer;
      text-decoration: none;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .chosen-single::after, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .select-selected::after {
        content: '';
        position: absolute;
        top: 0;
        background: url("img/arrow-right-bl.svg") no-repeat;
        width: 14px;
        height: 16px;
        transform: rotate(90deg);
        right: 26px; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .chosen-search-input, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector {
      width: 100%;
      height: 57px;
      border: 2px solid #13314f;
      border-radius: 57px;
      padding: 0 50px 0 25px;
      font-size: 20px;
      color: #13314f; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .chosen-search-input::placeholder, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector::placeholder {
        color: #13314f;
        font-size: 20px; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .chosen-search-input:-moz-placeholder, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector:-moz-placeholder {
        color: #13314f;
        font-size: 20px; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .chosen-search-input::-webkit-input-placeholder, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector::-webkit-input-placeholder {
        color: #13314f;
        font-size: 20px; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector {
      padding: 0;
      overflow: visible; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector > span {
        display: none; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector .form-select {
        font-size: 14px; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-text {
      width: 100%;
      padding: 0 50px 0 25px;
      height: 57px;
      border-bottom: 2px solid rgba(19, 49, 79, 0.2);
      font-size: 20px;
      color: #13314f; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-text::placeholder {
        color: #13314f;
        font-size: 20px; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-text:-moz-placeholder {
        color: #13314f;
        font-size: 20px; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-text::-webkit-input-placeholder {
        color: #13314f;
        font-size: 20px; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-text:focus {
        outline: none; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item-combine {
    width: 66.25%;
    position: relative; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item-combine::after {
      content: '';
      position: absolute;
      right: 20px;
      top: 20px;
      opacity: .8; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets:last-child {
    justify-content: center; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-submit {
    margin: 34px 0 50px;
    width: 32.5%;
    height: 57px;
    border-radius: 57px;
    background: #13314f;
    font-size: 18px;
    text-transform: initial;
    font-weight: 400;
    transition: all .3s ease-in-out; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-submit:hover {
      background: #2764a1; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-results {
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 52px;
    border: 2px solid #13314f;
    border-top: 1px solid rgba(19, 49, 79, 0.2);
    text-align: left;
    padding: 20px;
    overflow: hidden;
    background: white;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    z-index: 9999;
    max-height: 210px; }
    .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-results .active-result {
      padding-top: 10px;
      font-size: 14px;
      color: #13314f;
      font-weight: 400;
      transition: all .2s ease-in-out; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-results .active-result:first-child {
        padding-top: 0; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-results .active-result.result-selected {
        font-weight: 600; }
      .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-results .active-result em {
        font-size: 15px;
        font-weight: 700;
        text-decoration: underline; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-container.chosen-container-active .chosen-search-input, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-container.chosen-container-active .form-item div.selector, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .chosen-container.chosen-container-active div.selector {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    outline: none; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-container.chosen-container-active .chosen-results {
    display: block; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-container.chosen-container-active .chosen-single, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-container.chosen-container-active .select-selected {
    display: block; }
  .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-container.chosen-with-drop .chosen-single, .landing-fullstyle .view-search-job-offer .views-exposed-form .views-exposed-widgets .chosen-container.chosen-with-drop .select-selected {
    display: none; }

.landing-fullstyle .view-search-job-offer .push--ends.jobs-form {
  background: #5395c9;
  padding: 40px 40px 30px;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
  .landing-fullstyle .view-search-job-offer .push--ends.jobs-form .form__msg {
    color: white;
    font-size: 16px;
    text-align: left; }
    .landing-fullstyle .view-search-job-offer .push--ends.jobs-form .form__msg .nb-results {
      color: white;
      font-size: 30px;
      font-weight: 800;
      margin-bottom: 10px; }

.landing-fullstyle .view-search-job-offer .jobs-results {
  padding: 0 40px 40px;
  background: #5395c9; }
  .landing-fullstyle .view-search-job-offer .jobs-results .jobs-results__list {
    margin: 0 -5px; }
  .landing-fullstyle .view-search-job-offer .jobs-results .job__item {
    border: 0;
    background: #f2f5fa;
    transition: all .2s ease-in-out; }
    .landing-fullstyle .view-search-job-offer .jobs-results .job__item:hover, .landing-fullstyle .view-search-job-offer .jobs-results .job__item.active {
      background: #13314f; }
      .landing-fullstyle .view-search-job-offer .jobs-results .job__item:hover .job__title, .landing-fullstyle .view-search-job-offer .jobs-results .job__item.active .job__title {
        color: white;
        background: transparent;
        outline: none; }
    .landing-fullstyle .view-search-job-offer .jobs-results .job__item > div {
      cursor: pointer; }
  .landing-fullstyle .view-search-job-offer .jobs-results .result__item {
    width: 20%;
    padding: 0 5px;
    margin-bottom: 10px; }
  .landing-fullstyle .view-search-job-offer .jobs-results .job__activity {
    background: transparent;
    border: 0;
    min-height: 52px;
    font-size: 12px;
    font-weight: 800;
    padding: 20px 20px 0;
    text-align: left;
    line-height: 1.2;
    text-transform: uppercase;
    color: #5395c9; }
  .landing-fullstyle .view-search-job-offer .jobs-results .job__title {
    font-size: 18px;
    color: #13314f;
    text-align: left;
    padding: 0 20px;
    font-weight: 800;
    line-height: 1.2;
    min-height: 110px;
    padding-bottom: 10px;
    transition: all .2s ease-in-out;
    word-wrap: break-word; }
    .landing-fullstyle .view-search-job-offer .jobs-results .job__title:hover {
      background: transparent; }
  .landing-fullstyle .view-search-job-offer .jobs-results .job__infos {
    padding: 0;
    background: transparent; }
    .landing-fullstyle .view-search-job-offer .jobs-results .job__infos li {
      padding: 0 20px;
      font-size: 12px;
      color: #13314f;
      background: #e7edf4;
      line-height: 1.2;
      margin: 0;
      border: 0;
      height: 74px;
      display: table;
      width: 100%; }
      .landing-fullstyle .view-search-job-offer .jobs-results .job__infos li:first-child {
        margin-bottom: 1px; }
      .landing-fullstyle .view-search-job-offer .jobs-results .job__infos li:before {
        content: '';
        display: inline-block;
        vertical-align: middle; }
      .landing-fullstyle .view-search-job-offer .jobs-results .job__infos li > span {
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
        color: #13314f; }
    .landing-fullstyle .view-search-job-offer .jobs-results .job__infos strong {
      font-weight: 800; }
    .landing-fullstyle .view-search-job-offer .jobs-results .job__infos .job__infos--location {
      padding-left: 30px;
      position: relative; }
      .landing-fullstyle .view-search-job-offer .jobs-results .job__infos .job__infos--location::before {
        background: url("img/pin.png") no-repeat left;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        height: 24px; }
    .landing-fullstyle .view-search-job-offer .jobs-results .job__infos .job__infos--contract::before {
      background: url("img/contrat.png") no-repeat left;
      margin-top: 3px; }
  .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list {
    margin: 0 -40px; }
    .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list:last-child .job-detail__item {
      margin-bottom: -40px; }
    .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item {
      padding: 45px 90px;
      margin: 45px 0;
      background: #e7edf4;
      border: 0; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item::before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 21px 21px 21px;
        border-color: transparent transparent #e7edf4 transparent;
        top: -21px;
        left: 130px;
        margin: 0; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item:nth-child(2)::before {
        left: 370px; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item:nth-child(1)::before {
        left: 140px; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item:nth-child(2)::before {
        left: 380px; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item:nth-child(3)::before {
        left: 620px; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item:nth-child(4)::before {
        left: 860px; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job-detail__item:nth-child(5)::before {
        left: 1100px; }
    .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .job__infos--header {
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(19, 49, 79, 0.2);
      margin-bottom: 28px; }
    .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .jom__infos--linkmission a {
      position: static;
      display: block;
      float: left; }
    .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .share-links {
      width: auto;
      display: inline-block;
      float: right; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .share-links [class*="addthis_button"], .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .share-links .link {
        background: transparent;
        margin: 28px 10px 0;
        font-size: 22px; }
        .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .share-links [class*="addthis_button"] .fa, .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .share-links .link .fa {
          color: #13314f; }
    .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .detail__title {
      font-size: 20px;
      font-weight: 800;
      text-transform: uppercase;
      color: #13314f; }
      .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .detail__title ~ .detail__title {
        font-size: 14px; }
    .landing-fullstyle .view-search-job-offer .jobs-results .jobs-details__list .field-content {
      font-size: 14px;
      line-height: 1.2;
      color: #13314f; }

.landing-fullstyle .view-search-job-offer ul.pager li {
  border-color: #13314f; }
  .landing-fullstyle .view-search-job-offer ul.pager li a {
    color: #13314f; }
  .landing-fullstyle .view-search-job-offer ul.pager li.pager-current {
    background: #13314f; }
    .landing-fullstyle .view-search-job-offer ul.pager li.pager-current a {
      color: white; }
  .landing-fullstyle .view-search-job-offer ul.pager li.pager-ellipsis {
    color: #13314f; }
  .landing-fullstyle .view-search-job-offer ul.pager li.pager-next a, .landing-fullstyle .view-search-job-offer ul.pager li.pager-last a, .landing-fullstyle .view-search-job-offer ul.pager li.pager-previous a, .landing-fullstyle .view-search-job-offer ul.pager li.pager-first a {
    background: transparent;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: static;
    -moz-osx-font-smoothing: grayscale;
    text-indent: initial;
    font-size: 0; }
    .landing-fullstyle .view-search-job-offer ul.pager li.pager-next a:after, .landing-fullstyle .view-search-job-offer ul.pager li.pager-last a:after, .landing-fullstyle .view-search-job-offer ul.pager li.pager-previous a:after, .landing-fullstyle .view-search-job-offer ul.pager li.pager-first a:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 24px;
      line-height: 36px; }
  .landing-fullstyle .view-search-job-offer ul.pager li.pager-next a:after {
    content: "\f105"; }
  .landing-fullstyle .view-search-job-offer ul.pager li.pager-last a:after {
    content: "\f101"; }
  .landing-fullstyle .view-search-job-offer ul.pager li.pager-previous a:after {
    content: "\f104"; }
  .landing-fullstyle .view-search-job-offer ul.pager li.pager-first a:after {
    content: "\f100"; }

.select-items div {
  color: #13314f;
  font-size: 16px;
  padding: 4px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(19, 49, 79, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  text-align: left; }

.selector {
  position: relative; }
  .selector select {
    display: none; }

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px; }

.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 2px solid #13314f;
  margin-top: 12px;
  height: 300px;
  overflow-y: scroll; }
  .select-items div {
    transition: all .2s linear; }
    .select-items div:hover {
      background: rgba(19, 49, 79, 0.1); }

.select-hide {
  display: none; }

.same-as-selected {
  background-color: rgba(19, 49, 79, 0.1); }

.select2-container .select2-dropdown {
  background-color: white;
  border: 2px solid #13314f !important;
  margin-top: 12px; }
  .select2-container .select2-dropdown ul li {
    color: #13314f;
    font-size: 16px;
    padding: 11px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(19, 49, 79, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    text-align: left; }

.content-qr {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 35px 0 0;
  font-family: Calibri, sans-serif; }
  .content-qr .letter {
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-align: center;
    line-height: 24px;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    font-size: 19px;
    font-size: 1.35714rem;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase; }
    .content-qr .letter.letter-nc {
      background: #dadada;
      font-size: 14px;
      font-size: 1rem; }
    .content-qr .letter.letter-di {
      background: #434343;
      font-size: 14px;
      font-size: 1rem; }
    .content-qr .letter.letter-nr {
      background: #1b1b1b;
      font-size: 14px;
      font-size: 1rem; }
    .content-qr .letter.letter-e {
      background: #b4007d; }
    .content-qr .letter.letter-d {
      background: #c3002c; }
    .content-qr .letter.letter-c {
      background: #d74c13; }
    .content-qr .letter.letter-b {
      background: #f08801; }
    .content-qr .letter.letter-a {
      background: #8dc63f; }
  .content-qr .value-percent {
    color: #434343;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 25px;
    min-width: 80px;
    padding-right: 27px;
    position: relative; }
    .content-qr .value-percent:after {
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      width: 27px;
      height: 24px;
      margin-left: 19px;
      display: inline-block; }
    .content-qr .value-percent.note-vert:after {
      background: url("img/flech-class-vert.png") 0 center no-repeat; }
    .content-qr .value-percent.note-orange:after {
      background: url("img/flech-class-orange.png") 0 center no-repeat; }
    .content-qr .value-percent.note-rouge:after {
      background: url("img/flech-class-rouge.png") 0 center no-repeat; }
  .content-qr .panel-heading {
    width: 100%;
    margin: 0 0 20px;
    padding: 14px 44px;
    background-color: #f2f2f2;
    position: relative; }
    .content-qr .panel-heading:after {
      display: inline-block;
      content: "";
      width: 9px;
      height: 17px;
      position: absolute;
      right: 53px;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background: url("img/edito-titre-collapsed.png") 0 center no-repeat; }
    .content-qr .panel-heading h4 {
      font-size: 20px;
      font-size: 1.42857rem;
      font-family: Calibri, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 1;
      color: #1b1b1b;
      width: 74.6%;
      display: inline-block;
      margin: 0 28px 0 0;
      vertical-align: middle; }
    .content-qr .panel-heading .note {
      width: 19.7%;
      display: inline-block;
      vertical-align: middle; }
      .content-qr .panel-heading .note span {
        vertical-align: middle;
        display: inline-block; }
      .content-qr .panel-heading .note .letter {
        margin-right: 19px; }
    .content-qr .panel-heading.open:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -13px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -14px;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-top: 14px solid #f2f2f2; }
    .content-qr .panel-heading.open:after {
      width: 16px;
      height: 9px;
      right: 49px;
      background: url("img/edito-titre-expanded.png") 0 center no-repeat; }
  .content-qr .panel-content {
    width: 100%;
    padding: 0 44px 44px;
    clear: both; }
    .content-qr .panel-content table {
      margin: 0 0 10px; }
      .content-qr .panel-content table th {
        padding: 10px 2px;
        background: #0095d9;
        font-family: Calibri, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid #fff;
        text-align: center; }
        .content-qr .panel-content table th.item-4 {
          width: 183px; }
      .content-qr .panel-content table td {
        background: #f2fafd;
        border: 1px solid #fff;
        padding: 8px 12px;
        font-family: Calibri, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        color: #1b1b1b;
        vertical-align: top;
        text-align: left; }
        .content-qr .panel-content table td.percentage {
          width: 117px;
          text-align: center;
          font-weight: bold;
          font-size: 20px;
          font-size: 1.42857rem;
          vertical-align: middle; }
        .content-qr .panel-content table td.last {
          vertical-align: middle; }
        .content-qr .panel-content table td.caption {
          background: none;
          padding: 14px 0;
          color: #0095d9;
          text-transform: uppercase;
          font-weight: bold; }
    .content-qr .panel-content .legende-table {
      max-width: 730px; }
      .content-qr .panel-content .legende-table .class-letter {
        font-size: 0;
        margin-bottom: 15px; }
        .content-qr .panel-content .legende-table .class-letter .letter {
          margin: 0 5px 0 0; }
      .content-qr .panel-content .legende-table p {
        font-family: Calibri, sans-serif;
        color: #434343;
        font-size: 14px;
        font-size: 1rem;
        margin: 0; }

.webform-client-form {
  display: block;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }
  .webform-client-form fieldset {
    border: none;
    padding: 0;
    margin: 0; }
  .webform-client-form legend, .webform-client-form .stepform {
    width: calc(100% - 28px);
    margin: 0 0 20px;
    padding: 14px 44px;
    background-color: #f2f2f2;
    position: relative;
    font-size: 20px;
    font-size: 1.42857rem;
    font-family: Calibri, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    color: #1b1b1b;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 30px 14px; }
    .webform-client-form legend a, .webform-client-form .stepform a {
      font-size: 20px;
      font-size: 1.42857rem;
      font-family: Calibri, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none; }
    .webform-client-form legend:before, .webform-client-form .stepform:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -13px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -14px;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-top: 14px solid #f2f2f2; }
    .webform-client-form legend:after, .webform-client-form .stepform:after {
      display: inline-block;
      content: "";
      position: absolute;
      width: 16px;
      height: 9px;
      right: 49px;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background: none; }
  .webform-client-form .fieldset-wrapper {
    width: 100%;
    max-width: 940px;
    margin: 0 auto; }
  .webform-client-form h3 {
    font-size: 15px;
    font-size: 1.07143rem;
    font-family: Calibri, sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 12px 0; }
  .webform-client-form label {
    display: inline-block;
    color: #272727;
    font-size: 14px;
    font-size: 1rem;
    font-family: Calibri, sans-serif;
    margin: 0 0 8px;
    font-weight: normal;
    line-height: 1; }
    .webform-client-form label .form-required {
      color: #272727;
      font-size: 14px;
      font-size: 1rem; }
    .webform-client-form label.option {
      padding: 2px 0 0 15px; }
  .webform-client-form .form-text {
    outline: none;
    width: 100%;
    height: 48px;
    padding: 8px 10px;
    line-height: 1;
    color: #3f3f3f;
    font-size: 2rem;
    font-family: Calibri, sans-serif;
    font-weight: normal;
    border: 1px solid #dadada; }
    .webform-client-form .form-text:-moz-placeholder {
      color: #9c9c9c; }
    .webform-client-form .form-text::-moz-placeholder {
      color: #9c9c9c; }
    .webform-client-form .form-text:-ms-input-placeholder {
      color: #9c9c9c; }
    .webform-client-form .form-text::-webkit-input-placeholder {
      color: #9c9c9c; }
    .webform-client-form .form-text.webform-calendar {
      text-align: center; }
  .webform-client-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #dadada;
    color: #3f3f3f;
    font-size: 14px;
    font-size: 1rem;
    font-family: Calibri, sans-serif; }
  .webform-client-form .grippie {
    display: none; }
  .webform-client-form select, .webform-client-form select option {
    outline: none; }
  .webform-client-form select {
    width: 100%; }
  .webform-client-form div.radio {
    display: inline-block;
    height: 18px;
    width: 18px; }
    .webform-client-form div.radio span {
      background: url("img/sprite-uniform.png") 0 0 no-repeat;
      cursor: pointer;
      display: inline-block;
      height: 18px;
      width: 18px;
      color: #3f3f3f;
      font-size: 14px;
      font-size: 1rem;
      font-family: Calibri, sans-serif; }
      .webform-client-form div.radio span.checked {
        background-position: -23px 0; }
    .webform-client-form div.radio input {
      background: none;
      border: medium none;
      cursor: pointer;
      display: inline-block;
      height: 18px;
      margin: 0;
      opacity: 0;
      width: 18px; }
  .webform-client-form div.selector {
    border: 1px solid #dadada;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    display: block; }
    .webform-client-form div.selector span {
      color: #808080;
      font-size: 14px;
      font-size: 1rem;
      font-family: Calibri, sans-serif;
      font-weight: normal;
      cursor: pointer;
      display: block;
      height: 50px;
      line-height: 50px;
      overflow: hidden;
      padding: 0 49px 0 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
      .webform-client-form div.selector span:after {
        background: #dadada url("img/sprite-uniform.png") 4px -28px no-repeat;
        content: "";
        width: 48px;
        height: 48px;
        position: absolute;
        top: 0;
        right: 0;
        display: block; }
    .webform-client-form div.selector select {
      border: medium none;
      height: 50px;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100% !important;
      cursor: pointer;
      -webkit-appearance: none; }
  .webform-client-form .webform-component, .webform-client-form .form-item {
    width: 100%;
    clear: both;
    margin: 0 0 28px;
    padding: 0 14px; }
  .webform-client-form > div > .form-item {
    margin: 0 auto;
    width: 100%;
    max-width: 936px;
    padding: 0; }
  .webform-client-form .form-item .form-item {
    padding: 0; }
  .webform-client-form .webform-container-inline div.form-item {
    display: inline-block; }
  .webform-client-form .webform-layout-box {
    width: 100%;
    clear: both;
    margin: 0 0 28px; }
    .webform-client-form .webform-layout-box:after {
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      clear: both; }
    .webform-client-form .webform-layout-box > .form-item {
      width: 50%;
      padding: 0 14px;
      float: left;
      margin: 0;
      clear: none; }
    .webform-client-form .webform-layout-box > .form-item.dateNaissance {
      width: 50% !important;
      padding: 0 14px;
      float: left;
      clear: none; }
    .webform-client-form .webform-layout-box .form-type-radio {
      display: inline-block;
      margin: 0;
      padding: 14px 0 0;
      width: auto; }
      .webform-client-form .webform-layout-box .form-type-radio label {
        width: 155px;
        padding: 2px 0 0 15px;
        display: inline-block; }
      .webform-client-form .webform-layout-box .form-type-radio input {
        vertical-align: middle; }
  .webform-client-form .wideRadioButton .form-type-radio, .webform-client-form .wideRadioButton .form-type-checkbox {
    display: inline-block;
    margin: 0;
    padding: 14px 0 0;
    width: auto; }
    .webform-client-form .wideRadioButton .form-type-radio label, .webform-client-form .wideRadioButton .form-type-checkbox label {
      width: 155px;
      padding: 2px 0 0 15px;
      display: inline-block; }
    .webform-client-form .wideRadioButton .form-type-radio input, .webform-client-form .wideRadioButton .form-type-checkbox input {
      vertical-align: middle; }
  .webform-client-form .wideRadioButton .form-type-checkbox input {
    margin-top: 3px; }
  .webform-client-form .form-actions {
    padding: 0 0 18px;
    margin: 0 auto;
    width: calc(100% - 28px);
    max-width: 936px;
    overflow: hidden; }
    .webform-client-form .form-actions .form-submit {
      display: inline-block;
      border: none;
      padding: 0 19px;
      height: 41px;
      background: #253289;
      color: #fff;
      font-size: 16px;
      font-size: 1.14286rem;
      font-family: Calibri, sans-serif;
      font-weight: bold;
      cursor: pointer;
      text-transform: uppercase; }
      .webform-client-form .form-actions .form-submit.webform-previous {
        float: left; }
      .webform-client-form .form-actions .form-submit.webform-next {
        float: right; }
      .webform-client-form .form-actions .form-submit.webform-submit {
        float: right; }
  .webform-client-form .stepform {
    position: relative; }
    .webform-client-form .stepform:before {
      display: none; }
    .webform-client-form .stepform:after {
      width: 9px;
      height: 17px;
      background: url("img/edito-titre-collapsed.png") 0 center no-repeat; }
    .webform-client-form .stepform input {
      height: 50px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0); }
  .webform-client-form .dateNaissance .form-type-select {
    display: none !important; }

.webform-confirmation {
  text-align: center;
  padding: 30px 0 50px; }
  .webform-confirmation p {
    display: inline-block;
    padding: 20px 44px 12px;
    font-size: 14px;
    font-size: 1rem;
    color: #272727;
    font-family: Calibri, sans-serif;
    background: url("img/icon-form-valide.png") 0 center no-repeat; }

div.links {
  text-align: center;
  padding-bottom: 30px; }
  div.links a {
    text-decoration: underline; }
    div.links a:hover {
      text-decoration: none; }

.view-practitioner {
  padding-bottom: 100px;
  /* filtre */
  /* msg results*/
  /*list results*/
  /*pagination*/ }
  .view-practitioner .view-filters {
    padding: 14px 0 4px;
    background: #f2f2f2; }
    .view-practitioner .view-filters:after, .view-practitioner .view-filters:before {
      display: none; }
  .view-practitioner .views-exposed-form {
    position: relative; }
    .view-practitioner .views-exposed-form .views-exposed-widgets {
      margin: 0; }
    .view-practitioner .views-exposed-form .views-exposed-widget {
      float: left;
      padding: 0; }
      .view-practitioner .views-exposed-form .views-exposed-widget label {
        color: #3f3f3f;
        font-size: 16px;
        font-size: 1.14286rem;
        padding: 7px 15px 0 0;
        display: inline-block;
        margin: 0;
        float: left;
        font-weight: normal;
        min-width: 86px; }
      .view-practitioner .views-exposed-form .views-exposed-widget .views-widget {
        float: left !important;
        padding: 0 25px 10px 0; }
        .view-practitioner .views-exposed-form .views-exposed-widget .views-widget .form-select {
          width: 150px;
          margin: 0;
          max-width: none;
          height: 32px; }
        .view-practitioner .views-exposed-form .views-exposed-widget .views-widget div.selector {
          border: 1px solid #dadada;
          height: 32px;
          line-height: 32px;
          overflow: hidden;
          position: relative;
          max-width: 100%;
          display: block;
          background: #fff; }
          .view-practitioner .views-exposed-form .views-exposed-widget .views-widget div.selector span {
            color: #a5a5a5;
            font-size: 16px;
            font-size: 1.14286rem;
            font-family: Calibri, sans-serif;
            font-weight: normal;
            cursor: pointer;
            display: block;
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            padding: 0 35px 0 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%; }
            .view-practitioner .views-exposed-form .views-exposed-widget .views-widget div.selector span:after {
              background: #dadada url("img/sprite-uniform.png") 0 -130px no-repeat;
              content: "";
              width: 32px;
              height: 32px;
              position: absolute;
              top: 0;
              right: 0;
              display: block; }
          .view-practitioner .views-exposed-form .views-exposed-widget .views-widget div.selector select {
            border: medium none;
            height: 32px;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100% !important;
            cursor: pointer;
            -webkit-appearance: none; }
        .view-practitioner .views-exposed-form .views-exposed-widget .views-widget .form-text {
          margin: 0;
          height: 32px;
          border: none;
          max-width: none;
          width: 170px;
          color: #a5a5a5;
          font-size: 16px;
          font-size: 1.14286rem;
          font-family: Calibri, sans-serif;
          background: url("img/icon-form-valide.png") 0 center no-repeat;
          background: #fff !important; }
    .view-practitioner .views-exposed-form .views-submit-button {
      position: absolute;
      top: 0;
      right: 0; }
      .view-practitioner .views-exposed-form .views-submit-button .form-submit {
        margin: 0;
        height: 32px;
        width: 32px; }
  .view-practitioner .directory__summary {
    margin: 30px 0 40px;
    color: #3f3f3f;
    font-size: 16px;
    font-size: 1.14286rem;
    font-family: Calibri, sans-serif; }
    .view-practitioner .directory__summary .nb-results {
      font-weight: bold;
      font-size: 16px;
      font-size: 1.14286rem; }
  .view-practitioner .directory-results .ctnt, .view-practitioner .directory-results .phrase-legale .content, .phrase-legale .view-practitioner .directory-results .content {
    width: 100%;
    padding-bottom: 16px; }
    .view-practitioner .directory-results .ctnt .result__item, .view-practitioner .directory-results .phrase-legale .content .result__item, .phrase-legale .view-practitioner .directory-results .content .result__item {
      margin: 0;
      padding: 30px 0; }
      .view-practitioner .directory-results .ctnt .result__item .grid, .view-practitioner .directory-results .phrase-legale .content .result__item .grid, .phrase-legale .view-practitioner .directory-results .content .result__item .grid {
        margin: 0 auto;
        max-width: 940px; }
        .view-practitioner .directory-results .ctnt .result__item .grid:after, .view-practitioner .directory-results .phrase-legale .content .result__item .grid:after, .phrase-legale .view-practitioner .directory-results .content .result__item .grid:after {
          content: ".";
          display: block;
          height: 0;
          overflow: hidden;
          clear: both; }
        .view-practitioner .directory-results .ctnt .result__item .grid .one-quarter, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .one-quarter, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .one-quarter, .view-practitioner .directory-results .ctnt .result__item .grid .two-eighths, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .two-eighths, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .two-eighths, .view-practitioner .directory-results .ctnt .result__item .grid .three-twelfths, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .three-twelfths, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .three-twelfths {
          padding: 0 55px 0 0;
          margin: 0 0 0  0;
          /*width:26.5%;*/
          width: 250px;
          vertical-align: top;
          display: table-cell; }
          .view-practitioner .directory-results .ctnt .result__item .grid .one-quarter.last, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .one-quarter.last, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .one-quarter.last, .view-practitioner .directory-results .ctnt .result__item .grid .last.two-eighths, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .last.two-eighths, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .last.two-eighths, .view-practitioner .directory-results .ctnt .result__item .grid .last.three-twelfths, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .last.three-twelfths, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .last.three-twelfths {
            padding: 0;
            width: 47%; }
        .view-practitioner .directory-results .ctnt .result__item .grid .img_profile_opend, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .img_profile_opend, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .img_profile_opend {
          width: 186px !important;
          height: 186px !important;
          margin: 0 !important; }
        .view-practitioner .directory-results .ctnt .result__item .grid .img_profile, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .img_profile, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .img_profile {
          margin-left: 20px;
          width: 130px;
          height: 130px;
          overflow: hidden;
          -webkit-border-top-left-radius: 100px;
          -webkit-border-top-right-radius: 100px;
          -webkit-border-bottom-right-radius: 100px;
          -webkit-border-bottom-left-radius: 100px;
          -moz-border-radius-topleft: 100px;
          -moz-border-radius-topright: 100px;
          -moz-border-radius-bottomright: 100px;
          -moz-border-radius-bottomleft: 100px;
          border-top-left-radius: 100px;
          border-top-right-radius: 100px;
          border-bottom-right-radius: 100px;
          border-bottom-left-radius: 100px;
          background: #cccbc8; }
          .view-practitioner .directory-results .ctnt .result__item .grid .img_profile img, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .img_profile img, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .img_profile img {
            display: inline-block;
            -webkit-border-top-left-radius: 100px;
            -webkit-border-top-right-radius: 100px;
            -webkit-border-bottom-right-radius: 100px;
            -webkit-border-bottom-left-radius: 100px;
            -moz-border-radius-topleft: 100px;
            -moz-border-radius-topright: 100px;
            -moz-border-radius-bottomright: 100px;
            -moz-border-radius-bottomleft: 100px;
            border-top-left-radius: 100px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            border-bottom-left-radius: 100px;
            max-width: 100%;
            height: auto; }
        .view-practitioner .directory-results .ctnt .result__item .grid .bloc_profile p, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_profile p, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_profile p {
          margin: 0 0 18px;
          color: #3f3f3f;
          font-size: 14px;
          font-size: 1rem;
          font-family: Calibri, sans-serif; }
        .view-practitioner .directory-results .ctnt .result__item .grid .bloc_profile .profile_name, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_profile .profile_name, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_profile .profile_name {
          display: block;
          font-size: 20px;
          font-size: 1.42857rem;
          font-weight: bold; }
        .view-practitioner .directory-results .ctnt .result__item .grid .bloc_profile .flush--bottom li, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_profile .flush--bottom li, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_profile .flush--bottom li {
          padding: 0 20px; }
          .view-practitioner .directory-results .ctnt .result__item .grid .bloc_profile .flush--bottom li .popUp, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_profile .flush--bottom li .popUp, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_profile .flush--bottom li .popUp {
            font-size: 14px;
            font-size: 1rem; }
        .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs {
          vertical-align: top;
          width: 440px; }
          .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress > div, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress > div, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress > div, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs > div, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs > div, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs > div {
            width: 100%;
            clear: both; }
          .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress pre, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress pre, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress pre, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs pre, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs pre, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs pre {
            overflow: inherit;
            white-space: normal; }
          .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .contorgadr, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .contorgadr, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .contorgadr, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .contorgadr, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .contorgadr, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .contorgadr {
            display: table-cell;
            vertical-align: top;
            width: 250px;
            padding: 0 45px 20px 0;
            font-size: 14px;
            font-size: 1rem;
            font-family: Calibri, sans-serif;
            color: #3f3f3f; }
            .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .contorgadr a, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .contorgadr a, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .contorgadr a, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .contorgadr a, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .contorgadr a, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .contorgadr a {
              color: #3f3f3f;
              font-size: 16px;
              font-size: 1.14286rem;
              font-family: Calibri, sans-serif;
              font-weight: bold; }
              .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .contorgadr a:hover, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .contorgadr a:hover, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .contorgadr a:hover, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .contorgadr a:hover, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .contorgadr a:hover, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .contorgadr a:hover {
                text-decoration: underline; }
            .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .contorgadr .otherinfo, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .contorgadr .otherinfo, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .contorgadr .otherinfo, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .contorgadr .otherinfo, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .contorgadr .otherinfo, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .contorgadr .otherinfo {
              font-size: 0.8rem; }
          .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .lien_practitioner, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .lien_practitioner, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .lien_practitioner, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .lien_practitioner, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .lien_practitioner, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .lien_practitioner {
            display: table-cell;
            vertical-align: top; }
            .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .lien_practitioner .titre-s, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .lien_practitioner .titre-s, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .lien_practitioner .titre-s, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .lien_practitioner .titre-s, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .lien_practitioner .titre-s, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .lien_practitioner .titre-s {
              font-size: 16px;
              font-size: 1.14286rem;
              font-family: Calibri, sans-serif;
              font-weight: bold; }
            .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .lien_practitioner p, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .lien_practitioner p, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .lien_practitioner p, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .lien_practitioner p, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .lien_practitioner p, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .lien_practitioner p {
              margin: 0 0 5px;
              font-size: 14px;
              font-size: 1rem;
              font-family: Calibri, sans-serif;
              color: #3f3f3f; }
            .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .lien_practitioner a, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .lien_practitioner a, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .lien_practitioner a, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .lien_practitioner a, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .lien_practitioner a, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .lien_practitioner a {
              display: inline-block;
              width: 185px;
              background: #253289;
              padding: 12px 5px;
              margin-bottom: 15px;
              text-decoration: none;
              color: #fff;
              font-size: 16px;
              font-size: 1.14286rem;
              font-family: Calibri, sans-serif;
              font-weight: bold;
              text-transform: uppercase;
              text-align: center; }
            .view-practitioner .directory-results .ctnt .result__item .grid .bloc_adress .lien_practitioner .otherinfo, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .bloc_adress .lien_practitioner .otherinfo, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .bloc_adress .lien_practitioner .otherinfo, .view-practitioner .directory-results .ctnt .result__item .grid .box_adrs .lien_practitioner .otherinfo, .view-practitioner .directory-results .phrase-legale .content .result__item .grid .box_adrs .lien_practitioner .otherinfo, .phrase-legale .view-practitioner .directory-results .content .result__item .grid .box_adrs .lien_practitioner .otherinfo {
              font-size: 0.8rem; }
  .view-practitioner ul.pager {
    font-size: 0; }
    .view-practitioner ul.pager li {
      margin: 0 4px !important;
      padding: 0 !important;
      display: inline-block;
      min-width: 40px;
      height: 40px;
      overflow: hidden;
      font-size: 19px;
      font-size: 1.35714rem;
      border: 1px solid #8dc63f;
      font-family: Calibri, sans-serif;
      color: #fff;
      font-weight: bold;
      text-align: center;
      line-height: 38px; }
      .view-practitioner ul.pager li.pager-ellipsis {
        color: #8dc63f; }
      .view-practitioner ul.pager li.pager-next a, .view-practitioner ul.pager li.pager-last a, .view-practitioner ul.pager li.pager-first a, .view-practitioner ul.pager li.pager-previous a {
        width: 38px;
        overflow: hidden;
        text-indent: -1000px;
        background: url("img/picto-pagination.png") 0 -101px no-repeat; }
      .view-practitioner ul.pager li.pager-first a {
        background-position: 0 0; }
      .view-practitioner ul.pager li.pager-previous a {
        background-position: 0 -50px; }
      .view-practitioner ul.pager li.pager-next a {
        background-position: 0 -101px; }
      .view-practitioner ul.pager li.pager-last a {
        background-position: 0 -150px; }
      .view-practitioner ul.pager li a {
        background: #fff;
        color: #8dc63f;
        display: inline-block;
        width: 100%;
        height: 38px; }

.link-list .item-list {
  margin-top: 0.5em;
  text-transform: none;
  font-weight: 400; }
  .link-list .item-list li {
    padding: 3px 20px;
    list-style: outside none none;
    margin: 0; }
  .link-list .item-list a {
    position: relative;
    font-size: 13px;
    font-size: 0.92857rem;
    color: #000; }
    .link-list .item-list a::before {
      display: inline-block;
      margin: 0 10px 0 -20px;
      width: 11px;
      height: 11px;
      background-image: url(img/sprite.png);
      background-position: -80px -125px;
      width: 11px;
      height: 11px;
      content: ""; }
    .link-list .item-list a::after {
      display: none; }
    .link-list .item-list a:hover {
      text-decoration: none;
      color: #253289; }
      .link-list .item-list a:hover::before {
        background-image: url(img/sprite.png);
        background-position: -69px -125px;
        width: 11px;
        height: 11px; }

.agendaBlocks {
  margin: 0 auto;
  clear: both;
  width: 100%;
  max-width: 940px;
  padding: 0; }
  .agendaBlocks:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both; }
  .agendaBlocks .firstDesc {
    float: left;
    width: 431px;
    min-height: 233px;
    background: #253289;
    padding: 19px 10px 10px;
    font-size: 0;
    font-family: Calibri, sans-serif;
    color: #fff;
    line-height: 1;
    text-align: center; }
    .agendaBlocks .firstDesc .description {
      max-width: 325px;
      margin: 0 auto 15px;
      line-height: 18px;
      font-size: 14px;
      font-size: 1rem; }
      .agendaBlocks .firstDesc .description span {
        font-weight: bold;
        font-size: 20px;
        font-size: 1.42857rem;
        display: block;
        text-transform: uppercase;
        margin-bottom: 12px;
        line-height: 1; }
    .agendaBlocks .firstDesc .tel {
      width: 33.33%;
      display: inline-block;
      padding: 6px 10px 0;
      font-size: 14px;
      font-size: 1rem;
      font-weight: bold;
      vertical-align: top;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      word-wrap: break-word; }
      .agendaBlocks .firstDesc .tel:before {
        content: "";
        background: url("img/icon-contact.png") 0 0 no-repeat;
        width: 18px;
        height: 25px;
        display: block;
        overflow: hidden;
        margin: 0 auto 13px; }
      .agendaBlocks .firstDesc .tel:last-child:before {
        width: 22px;
        background-position: -60px 0; }
    .agendaBlocks .firstDesc .adres {
      width: 33.33%;
      min-height: 111px;
      display: inline-block;
      border: 1px solid #fff;
      border-width: 0 1px;
      padding: 6px 10px 0;
      font-size: 14px;
      font-size: 1rem;
      font-weight: bold;
      vertical-align: top;
      line-height: 20px; }
      .agendaBlocks .firstDesc .adres:before {
        content: "";
        background: url("img/icon-contact.png") -27px 0 no-repeat;
        width: 23px;
        height: 25px;
        display: block;
        overflow: hidden;
        margin: 0 auto 13px; }
  .agendaBlocks .agendaContainer {
    float: right;
    width: 433px;
    min-height: 233px;
    border: 1px solid #e8e8e8;
    padding: 20px 0 0;
    font-family: Calibri, sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #434343;
    line-height: 1; }
    .agendaBlocks .agendaContainer:after {
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      clear: both; }
    .agendaBlocks .agendaContainer .agendabox {
      padding: 0 0 0 16px;
      width: 195px;
      float: left; }
    .agendaBlocks .agendaContainer .title-agenda {
      display: block;
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 20px;
      font-size: 1.42857rem;
      margin-bottom: 15px; }
    .agendaBlocks .agendaContainer .view-agenda {
      width: 175px; }
      .agendaBlocks .agendaContainer .view-agenda .view-header .date-nav-wrapper {
        margin: 0; }
      .agendaBlocks .agendaContainer .view-agenda .view-header .date-nav {
        padding: 6px 0 0;
        margin: 0;
        height: 36px; }
        .agendaBlocks .agendaContainer .view-agenda .view-header .date-nav h3 {
          margin: 0;
          padding: 0;
          line-height: 1;
          font-size: 14px;
          font-size: 1rem; }
          .agendaBlocks .agendaContainer .view-agenda .view-header .date-nav h3 a {
            font-family: Calibri, sans-serif;
            font-size: 14px;
            font-size: 1rem;
            text-transform: uppercase;
            font-weight: normal;
            color: #434343; }
      .agendaBlocks .agendaContainer .view-agenda .view-header .pager {
        margin: 0; }
        .agendaBlocks .agendaContainer .view-agenda .view-header .pager .date-prev, .agendaBlocks .agendaContainer .view-agenda .view-header .pager .date-next {
          -webkit-border-top-left-radius: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-bottom-right-radius: 0px;
          -webkit-border-bottom-left-radius: 0px;
          -moz-border-radius-topleft: 0px;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-bottomright: 0px;
          -moz-border-radius-bottomleft: 0px;
          border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
          border-bottom-left-radius: 0px;
          width: 6px;
          height: 12px;
          padding: 0 !important;
          border: none;
          line-height: 1;
          margin: 0 !important;
          min-width: inherit;
          top: 6px;
          left: 20px;
          right: auto;
          background: none; }
          .agendaBlocks .agendaContainer .view-agenda .view-header .pager .date-prev a, .agendaBlocks .agendaContainer .view-agenda .view-header .pager .date-next a {
            width: 6px;
            height: 12px;
            display: inline-block;
            overflow: hidden;
            text-indent: -1000px;
            line-height: 1;
            margin: 0;
            text-align: left;
            background: url("img/prev-agenda.png") 0 0 no-repeat; }
        .agendaBlocks .agendaContainer .view-agenda .view-header .pager .date-next {
          right: 20px;
          left: auto; }
          .agendaBlocks .agendaContainer .view-agenda .view-header .pager .date-next a {
            background: url("img/next-agenda.png") 0 0 no-repeat; }
      .agendaBlocks .agendaContainer .view-agenda .view-content table thead th {
        display: none; }
      .agendaBlocks .agendaContainer .view-agenda .view-content table td {
        vertical-align: middle;
        text-align: center;
        font-family: Calibri, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        color: #3f3f3f;
        padding: 0 0 5px; }
        .agendaBlocks .agendaContainer .view-agenda .view-content table td .month {
          height: 20px;
          line-height: 20px;
          width: 100%;
          position: relative;
          overflow: hidden; }
          .agendaBlocks .agendaContainer .view-agenda .view-content table td .month.mini-day-off {
            display: none; }
          .agendaBlocks .agendaContainer .view-agenda .view-content table td .month .nid {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            overflow: hidden;
            text-indent: -1000px;
            text-align: left;
            cursor: pointer; }
        .agendaBlocks .agendaContainer .view-agenda .view-content table td.has-events .month {
          background: #c6e29f; }
        .agendaBlocks .agendaContainer .view-agenda .view-content table td.has-events .focus {
          background: #9acd56; }
        .agendaBlocks .agendaContainer .view-agenda .view-content table td.today {
          background: none; }
    .agendaBlocks .agendaContainer .details {
      width: 210px;
      height: 162px;
      background: #8dc63f;
      float: left;
      margin: 0 0 0 12px;
      position: relative;
      padding: 10px;
      text-align: center;
      font-family: Calibri, sans-serif;
      font-size: 14px;
      font-size: 1rem;
      line-height: 1;
      color: #fff; }
      .agendaBlocks .agendaContainer .details:before {
        content: "";
        position: absolute;
        display: block;
        left: -11px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 12px solid #8dc63f; }
      .agendaBlocks .agendaContainer .details .title, .agendaBlocks .agendaContainer .details .bloc_temps .chrono_hours, .bloc_temps .agendaBlocks .agendaContainer .details .chrono_hours {
        padding: 12px  0 0;
        height: 50px;
        margin-bottom: 5px;
        font-size: 16px;
        font-size: 1.14286rem;
        font-weight: bold;
        text-transform: uppercase; }
      .agendaBlocks .agendaContainer .details .desc {
        height: 60px;
        width: 100%;
        overflow: hidden; }
      .agendaBlocks .agendaContainer .details .linkmore {
        position: absolute;
        bottom: 20px;
        right: 24px;
        display: inline-block;
        padding: 0 0 0 20px;
        font-size: 14px;
        font-size: 1rem;
        text-transform: capitalize;
        background: url("img/link-more.png") 0 2px no-repeat; }

.view-search-job-offer {
  padding-bottom: 50px;
  /* filtre */ }
  .view-search-job-offer .view-filters {
    /*padding: 20px 0 18px;*/
    background: #f2f2f2;
    margin-bottom: 40px; }
    .view-search-job-offer .view-filters:after, .view-search-job-offer .view-filters:before {
      display: none; }
  .view-search-job-offer .view-filters .zebra--force {
    padding: 25px 0 20px; }
  .view-search-job-offer .view-filters .zebra--force:before {
    border: 14px solid transparent; }
  .view-search-job-offer .views-exposed-form {
    position: relative; }
    .view-search-job-offer .views-exposed-form .views-exposed-widgets {
      width: 100%;
      clear: both;
      margin: 0; }
      .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item {
        float: left;
        padding: 0 10px 10px 0; }
        .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item.form-item-combine {
          padding-right: 0;
          float: right; }
        .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-select {
          width: 150px;
          margin: 0;
          max-width: none;
          height: 32px; }
        .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector {
          border: 1px solid #dadada;
          height: 32px;
          line-height: 32px;
          overflow: hidden;
          position: relative;
          max-width: 100%;
          display: block;
          background: #fff; }
          .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector span {
            color: #a5a5a5;
            font-size: 16px;
            font-size: 1.14286rem;
            font-family: Calibri, sans-serif;
            font-weight: normal;
            cursor: pointer;
            display: block;
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            padding: 0 35px 0 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            text-align: left; }
            .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector span:after {
              background: #dadada url("img/sprite-uniform.png") 0 -130px no-repeat;
              content: "";
              width: 32px;
              height: 32px;
              position: absolute;
              top: 0;
              right: 0;
              display: block; }
          .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item div.selector select {
            border: medium none;
            height: 32px;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100% !important;
            cursor: pointer;
            -webkit-appearance: none; }
        .view-search-job-offer .views-exposed-form .views-exposed-widgets .form-item .form-text {
          margin: 0;
          height: 32px;
          border: none;
          max-width: none;
          width: 170px;
          color: #a5a5a5;
          font-size: 16px;
          font-size: 1.14286rem;
          font-family: Calibri, sans-serif;
          background: url("img/icon-form-valide.png") 0 center no-repeat;
          background: #fff !important; }
    .view-search-job-offer .views-exposed-form .views-submit-button {
      position: absolute;
      top: 0;
      right: 0; }
      .view-search-job-offer .views-exposed-form .views-submit-button .form-submit {
        margin: 0;
        height: 32px;
        width: 32px; }
  .view-search-job-offer .form__msg--results {
    line-height: 1; }
  .view-search-job-offer .jobs-results {
    margin-bottom: 15px; }
    .view-search-job-offer .jobs-results .jobs-details__list li > div.field-content {
      padding-bottom: 40px; }

.view-practitioner, .view-search-job-offer {
  /*pagination*/ }
  .view-practitioner ul.pager, .view-search-job-offer ul.pager {
    font-size: 0; }
    .view-practitioner ul.pager li, .view-search-job-offer ul.pager li {
      margin: 0 4px !important;
      padding: 0 !important;
      display: inline-block;
      min-width: 40px;
      height: 40px;
      overflow: hidden;
      font-size: 19px;
      font-size: 1.35714rem;
      border: 1px solid #8dc63f;
      font-family: Calibri, sans-serif;
      color: #fff;
      font-weight: bold;
      text-align: center;
      line-height: 38px; }
      .view-practitioner ul.pager li.pager-ellipsis, .view-search-job-offer ul.pager li.pager-ellipsis {
        color: #8dc63f; }
      .view-practitioner ul.pager li.pager-next a, .view-practitioner ul.pager li.pager-last a, .view-practitioner ul.pager li.pager-first a, .view-practitioner ul.pager li.pager-previous a, .view-search-job-offer ul.pager li.pager-next a, .view-search-job-offer ul.pager li.pager-last a, .view-search-job-offer ul.pager li.pager-first a, .view-search-job-offer ul.pager li.pager-previous a {
        width: 38px;
        overflow: hidden;
        text-indent: -1000px;
        background: url("img/picto-pagination.png") 0 -101px no-repeat; }
      .view-practitioner ul.pager li.pager-first a, .view-search-job-offer ul.pager li.pager-first a {
        background-position: 0 0; }
      .view-practitioner ul.pager li.pager-previous a, .view-search-job-offer ul.pager li.pager-previous a {
        background-position: 0 -50px; }
      .view-practitioner ul.pager li.pager-next a, .view-search-job-offer ul.pager li.pager-next a {
        background-position: 0 -101px; }
      .view-practitioner ul.pager li.pager-last a, .view-search-job-offer ul.pager li.pager-last a {
        background-position: 0 -150px; }
      .view-practitioner ul.pager li a, .view-search-job-offer ul.pager li a {
        background: #fff;
        color: #8dc63f;
        display: inline-block;
        width: 100%;
        height: 38px; }

.view-search-news, .view-search-news-by-communique {
  padding-bottom: 50px; }