@charset "UTF-8";
/* Style.css */
/* Colors */
/* END Colors */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

input[type=submit] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}

*, *::before, *::after, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-selection {
    background: #2d3135;
    color: #fff;
}

::selection {
    background: #2d3135;
    color: #fff;
}

img::-moz-selection {
    background: transparent;
}

img::selection {
    background: transparent;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-size: 1em;
    line-height: 1.4;
    background: #fff;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*[dir='rtl'] {
    direction: rtl !important;
    letter-spacing: 0 !important;
}

*[dir='ltr'] {
    direction: ltr !important;
}

/* -------------------------------------------- */
/* ----  STRUCTURE GLOBAL */
/* -------------------------------------------- */
div.wrap-global {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    background: #f5f5fa;
}

/* --------------------------------- */
/*--- container/content des pages */
/* --------------------------------- */
main.container-page {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #f5f5fa;
    overflow: hidden;
    padding-bottom: 110px;
	display: block;
}

main.container-page.top {
    margin-top: 180px;
}

main.container-page.dark {
    background: #4b4e52 url(../img/explorer-bg.png) 0 0 repeat;
    padding-bottom: 0;
	display: block;
}

main.container-page.dark div.content-page {
    background: none;
}

div.content-page {
    background: #f5f5fa;
}

div.content-page section {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* --------------------------------- */
/*--- container/content des pages tools */
/* --------------------------------- */
div.container-tools {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

div.container-tools.closed {
    right: 0;
    left: auto;
    width: 60px;
    height: 100%;
}

div.content-tools {
    position: relative;
    top: 0;
    left: 60px;
    width: 100%;
    width: calc(100% - 60px);
    min-width: 480px;
    height: 100%;
    overflow: hidden;
    background: #fff;
}

div.content-tools section {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------------------------------------------- */
/*--- container/content des pages Modules explorer */
/* ------------------------------------------------------- */
div.container-module {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-width: 480px;
    background: #fff;
}

div.container-module.dark {
    background: #2d3135;
}

div.container-module > div.intro {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    text-align: center;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
}

div.container-module > div.intro h3 {
    margin-bottom: 15px;
    font: normal 1.625em "parisine-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

div.container-module > div.intro h4 {
    font: normal 3.4em "parisplus-clair", sans-serif;
    color: #4b4e52;
}

div.container-module > div.intro span.loader {
    position: absolute;
    bottom: -70px;
    top: auto;
    display: inline-block;
    margin-top: 0;
}

div.container-module > div.intro.fade {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

/* ------------------------------------------------------- */
/*--- content template explorer */
/* ------------------------------------------------------- */
div.content-explorer {
    position: relative;
    top: 0;
    left: 120px;
    z-index: 0;
    width: calc(100% - 120px);
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background: #4b4e52 url(../img/explorer-bg.png) 0 0 repeat;
}

div.content-explorer.noscrolling {
    overflow-y: hidden;
}

/* ------------------------------------------------------- */
/*--- content template journey */
/* ------------------------------------------------------- */
div.content-journey {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    height: calc(100% - 70px);
    background-color: #2d3135;
}

/* --------------------------------- */
/*--- mask transition */
/* --------------------------------- */
div.mask-transition {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 0;
    background: #fff;
}

div.mask-transition.zindex {
    z-index: 9;
}

.noscrolling {
    overflow: hidden;
}

.scrolling {
    overflow-y: scroll;
}

.help-accessibility a {
    font: normal 0.75em "parisplus-std", sans-serif;
    color: #000;
    text-decoration: none;
}

.screenreader {
    border: 0 none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    width: 1px;
}

button.bt-playpause {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
}

button.bt-playpause:after {
    content: '';
    position: absolute;
    left: 11px;
    top: 8px;
    width: 10px;
    height: 12px;
    display: block;
    background: url(../img/icons-player.png) -79px -76px no-repeat;
}

button.bt-playpause.pause:after {
    top: 8px;
    width: 9px;
    height: 12px;
    display: block;
    background: url(../img/icons-player.png) -92px -76px no-repeat;
}

/* -------------------------------------------- */
/* ----  LOADER */
/* -------------------------------------------- */
span.loader {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -48px;
    width: 96px;
    height: 30px;
    display: block;
    background: url(../img/loader.gif) 0 0 no-repeat;
}

span.loader.bottom {
    top: auto;
    bottom: 15px;
}

span.loader-js {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -48px;
    width: 96px;
    height: 30px;
    display: block;
    background: url(../img/loader-sprite.png) 0 0 no-repeat;
}

span.loader-js.white {
    background: url(../img/loader-sprite-white.png) 0 0 no-repeat;
}

span.loader-js.fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    background: none;
    width: 100%;
    height: 100%;
}

span.loader-js.fixed span.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -48px;
    width: 96px;
    height: 30px;
    background: url(../img/loader-sprite.png) 0 0 no-repeat;
}

span.loader-js.bottom {
    top: auto;
    bottom: 20px;
}

span.loader-js.bottom-25 {
    top: auto;
    bottom: 25%;
}

span.loader-js.right {
    left: auto;
    right: 10px;
    margin: -15px 0 0 0;
}

/* -------------------------------------------- */
/* ----  icons access */
/* -------------------------------------------- */
ul.icons-access {
    float: left;
}

ul.icons-access li {
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 37px;
    border: 1px solid #dbdfe4;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: url(../img/icons-agenda-access.png) 0 0 no-repeat;
}

ul.icons-access li.handicap {
    background-position: -1px 0;
}

ul.icons-access li.handicap-visual {
    background-position: -49px 0;
}

ul.icons-access li.handicap-auditory {
    background-position: -97px 0;
}

ul.icons-access li.handicap-auditory-t {
    background-position: -235px 0;
}

ul.icons-access li.handicap-mental {
    background-position: -145px 0;
}

ul.icons-access li.handicap-lsf {
    background-position: -193px 0;
}

/* -------------------------------------------- */
/* ----  GREEN BUTTON */
/* -------------------------------------------- */
.bt-green,
h6 a{
    position: relative;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    border: 2px solid #39b54b;
    padding: 0 30px;
    color: transparent;
    font-size: 16px;
}

h6 a:before, h6 a:after,
.bt-green:before, .bt-green:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    -moz-transition: all 120ms ease-out;
    -o-transition: all 120ms ease-out;
    -webkit-transition: all 120ms ease-out;
    transition: all 120ms ease-out;
}

.h6 a:before,
.bt-green:before {
    z-index: 1;
    left: 0;
    background-color: #39b54b;
    color: #fff;
}

.h6 a:after,
.bt-green:after {
    z-index: 2;
    left: -100%;
    color: #39b54b;
}

h6 a:hover:before, h6 a.hover:before,
.bt-green:hover:before, .bt-green.hover:before {
    left: 20px;
}

h6 a:hover:after, h6 a.hover:after,
.bt-green:hover:after, .bt-green.hover:after {
    left: 0;
}

/* -------------------------------------------- */
/* ----  UTILS */
/* -------------------------------------------- */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    direction: ltr;
    *line-height: 0;
}

.ir br {
    display: none;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* -------------------------------------------- */
/* -----  SCROLLPANE PLUGIN JQUERY */
/* -------------------------------------------- */
.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

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

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

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    position: relative;
    background: #efefef;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.jspDrag {
    background: #39b54b;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    min-height: 20px;
}

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

.jspArrow {
    background: #555;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #999;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

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

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

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

/* -----------------------------
    MEDIA QUERIES RETINA
--------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    ul.icons-access li {
        background-size: 275px 37px;
        background-image: url(../img/icons-agenda-access@2x.png);
    }

    span.loader-js {
        background-size: 96px 1740px;
        background-image: url(../img/loader-sprite@2x.png);
    }

    span.loader-js.white {
        background-image: url(../img/loader-sprite-white@2x.png);
    }

    span.loader-js.fixed span.icon {
        background-size: 96px 1740px;
        background-image: url(../img/loader-sprite@2x.png);
    }

    span.loader {
        background-size: 96px 30px;
        background-image: url(../img/loader@2x.gif);
    }
}

/* -------------------------------------------- */
/* ----  CUSTOM SELECT */
/* -------------------------------------------- */
div.item-select {
    position: relative;
    top: 0;
    left: 0;
    height: 45px;
    margin: 20px 0 40px 0;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #e6e9ef;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

div.item-select.dark {
    background: #373d42;
    border: none;
}

div.item-select.dark div.select-custom {
    background: #373d42 url(../img/arrow-bottom.png) right 20px no-repeat;
}

div.item-select.dark select:focus, div.item-select.dark select:active {
    background: #373d42;
    color: #fff;
    padding-left: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.item-select select {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    width: inherit;
    font-family: "parisplus-std", sans-serif;
    font-size: inherit;
    line-height: 40px;
    border: none;
    padding: 2px 5px 2px 25px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

div.item-select select option {
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 2px 10px;
}

div.item-select select:focus, div.item-select select:active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.item-select div.select-custom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: inherit;
    height: 43px;
    padding: 0 25px 0 25px;
    color: #fff;
    font: normal 1em/43px "parisplus-std", sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    background: #fff url(../img/arrow-white-bottom.png) 280px 21px no-repeat;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

/* -------------------------------------------- */
/* ----  CUSTOM CHECKBOX */
/* -------------------------------------------- */
ul.checkboxes li {
    position: relative;
    top: 0;
    left: 0;
    margin: 5px 0;
}

ul.checkboxes li label {
    display: inline-block;
    width: auto;
    padding-left: 30px;
    font: normal 0.875em/18px "parisplus-std", sans-serif;
    color: #4b4e52;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

ul.checkboxes li label strong {
    font-weight: 700;
}

ul.checkboxes li label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #d9dde2;
    box-sizing: content-box;
}

ul.checkboxes li label.checked:before {
    background: url(../img/input-check.png) 1px 2px no-repeat;
}

/* -------------------------------------------- */
/* ----  CUSTOM RADIOS */
/* -------------------------------------------- */
ul.radios {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top;
}

ul.radios li {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

ul.radios li label {
    padding-left: 25px;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #8a8e93;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

ul.radios li label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    height: 16px;
    width: 16px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #d9dde2;
}

ul.radios li label.checked:before {
    background-color: #39b54b;
    -moz-box-shadow: inset 0 0 0 2px #f6f5fb;
    -webkit-box-shadow: inset 0 0 0 2px #f6f5fb;
    box-shadow: inset 0 0 0 2px #f6f5fb;
}

ul.radios li input {
    position: absolute;
    top: 0;
    left: 0;
}

/* -----------------------------
    MEDIA QUERIES RETINA
--------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.item-select div.select-custom {
        background-size: 8px 5px;
        background-image: url(../img/arrow-white-bottom@2x.png);
    }

    div.item-select.dark div.select-custom {
        background-size: 25px 7px;
        background-image: url(../img/arrow-bottom@2x.png);
    }

    ul.checkboxes li label.checked:before {
        background-size: 11px 9px;
        background-image: url(../img/input-check@2x.png);
    }
}

/* -------------------------------------------- */
/* -----  DATEPICKER JQUERY-UI */
/* -------------------------------------------- */
.datepicker span.title-day {
    display: none;
}

.ui-datepicker {
    width: 330px;
    min-height: 410px;
    border: 4px solid #39b54b;
    padding: 0 0 5px 0;
	background-color: white;
}

.ui-datepicker-header {
    height: 120px;
    background: #39b54b;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 45px;
    z-index: 3;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../img/icons.png) 0 0 no-repeat;
}

.ui-datepicker .ui-datepicker-next {
    right: 20px;
    background-position: -178px -130px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 20px;
    background-position: -130px -130px;
}

.ui-datepicker .ui-datepicker-next-hover {
    background-position: -69px -130px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    background-position: -5px -131px;
}

.ui-datepicker-title {
    position: relative;
    top: 52px;
    color: #fff;
    font: normal 1.5em "parisine-std-clair", sans-serif;
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 0.76em;
}

.ui-datepicker-calendar thead {
    background: #39b54b;
    color: #fff;
    font: normal 0.75em/30px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.ui-datepicker-calendar tbody:before {
    content: "";
    display: block;
    height: 10px;
}

.ui-datepicker th {
    padding: .7em .3em;
}

.ui-datepicker-calendar a.ui-state-default {
    height: 40px;
    width: 40px;
    font: normal 0.938em/35px "parisine-std-clair", sans-serif;
    font-weight: bold;
    text-align: center;
    color: #333;
}

.ui-datepicker-calendar span.ui-state-default {
    height: 40px;
    width: 40px;
    font: normal 0.938em/35px "parisine-std", sans-serif;
    font-weight: bold;
    text-align: center;
    color: #c2c2c2;
}

.dp-highlight a.ui-state-default {
    background: #39b54b;
    color: #FFF;
}

a.ui-state-default {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 150ms;
    -o-transition: background-color 150ms;
    -webkit-transition: background-color 150ms;
    transition: background-color 150ms;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

a.ui-state-hover, a.ui-state-preselect {
    background: rgba(57, 181, 75, 0.5);
    color: #fff;
    cursor: pointer;
}

/* -----------------------------
    MEDIA QUERIES - MAX-WIDTH 620px
--------------------------------*/
@media screen and (max-height: 620px) {
    .ui-datepicker {
        min-height: 360px;
    }

    .ui-datepicker-header {
        height: 60px;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: 15px;
    }

    .ui-datepicker-title {
        top: 22px;
    }
}

/* -----------------------------
    MEDIA QUERIES RETINA
--------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

/* -------------------------------------------- */
/* ----  Mixin placeholder */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* ----  Mixin SVG Animation */
/* -------------------------------------------- */
header.global {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    min-width: 760px;
    min-height: 180px;
    background: #fff;
    /* -----------------------------
  		MEDIA QUERIES MAX WIDTH 960px
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES RETINA & MAX WIDTH 960px
  --------------------------------*/
}

header.global.fixed {
    position: fixed;
    top: -180px;
    min-height: 67px;
    background: #24272a;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 50;
}

header.global.fixed div.top {
    display: none;
}

header.global.fixed div.bottom {
    border-bottom: none;
}

header.global.fixed div.bottom nav {
    top: 0;
    height: 67px;
    border-left: none;
    border-top: none;
    border-right: none;
    background: #2d3135;
}

header.global.fixed div.bottom nav a.logo {
    display: block;
}

header.global.fixed div.bottom nav ul {
    left: 60px;
}

header.global.fixed div.bottom nav ul li {
    position: relative;
    padding: 0 16px;
    border-right-color: #23262b;
}

header.global.fixed div.bottom nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

header.global div.top {
    width: 930px;
    height: 110px;
    margin: 0 auto;
    padding-top: 25px;
    text-align: left;
}

header.global div.top a.logo {
    float: left;
    width: 378px;
    height: 63px;
    background: url(../img/logo.png) 0 0 no-repeat;
    background-position-y: center;
}

header.global div.top a.access {
    position: relative;
    float: left;
    margin-top: 5px;
    width: 198px;
    height: 49px;
    margin-left: 124px;
    background: url(../img/logos-accessibility.png) 0 -51px no-repeat;
}

header.global div.top ul {
    float: left;
    margin-top: 5px;
}

header.global div.top ul li {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
}

header.global div.top ul li.lng-menu {
    position: absolute;
    margin-left: 5px;
    overflow: hidden;
    width: 0;
}

header.global div.top ul li.lng-menu ul {
    margin-top: 0;
}

header.global div.top ul li.lng-menu ul li {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    background: url(../img/icons.png) -254px -430px no-repeat;
    background-color: #fff;
}

header.global div.top ul li.lng-menu ul li.more-lng {
    background-position: -193px -431px;
}

header.global div.top ul li.lng-menu ul li a, header.global div.top ul li.lng-menu ul li button {
    color: #39b54b;
    position: relative;
}

header.global div.top ul li.lng-menu ul li a svg, header.global div.top ul li.lng-menu ul li button svg {
    height: 100%;
    width: 100%;
}

header.global div.top ul li.lng-menu ul li a svg.svg-1 path, header.global div.top ul li.lng-menu ul li button svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

header.global div.top ul li.lng-menu ul li a svg.svg-1.inverse path, header.global div.top ul li.lng-menu ul li button svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

header.global div.top ul li.lng-menu ul li a svg.svg-1.anim path, header.global div.top ul li.lng-menu ul li button svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

header.global div.top ul li.lng-menu ul li a svg.svg-2 path, header.global div.top ul li.lng-menu ul li button svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

header.global div.top ul li.lng-menu ul li a svg.svg-2.anim path, header.global div.top ul li.lng-menu ul li button svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

header.global div.top ul li.lng-menu ul li a svg, header.global div.top ul li.lng-menu ul li button svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

header.global div.top ul li.lng {
    margin: 0 10px;
    background: url(../img/icons.png) -296px -240px no-repeat;
}

header.global div.top ul li.facebook a, header.global div.top ul li.twitter a {
    position: relative;
}

header.global div.top ul li.facebook a svg, header.global div.top ul li.twitter a svg, header.global div.top ul li.instagram a svg {
    height: 100%;
    width: 100%;
}

header.global div.top ul li.facebook a svg.svg-1 path, header.global div.top ul li.twitter a svg.svg-1 path, header.global div.top ul li.instagram a svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

header.global div.top ul li.facebook a svg.svg-1.inverse path, header.global div.top ul li.twitter a svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

header.global div.top ul li.facebook a svg.svg-1.anim path, header.global div.top ul li.twitter a svg.svg-1.anim path, header.global div.top ul li.instagram a svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

header.global div.top ul li.facebook a svg.svg-2 path, header.global div.top ul li.twitter a svg.svg-2 path, header.global div.top ul li.instagram a svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

header.global div.top ul li.facebook a svg.svg-2.anim path, header.global div.top ul li.twitter a svg.svg-2.anim path, header.global div.top ul li.instagram a svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

header.global div.top ul li.facebook a svg, header.global div.top ul li.twitter a svg, header.global div.top ul li.instagram a svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

header.global div.top ul li.facebook {
    background: url(../img/icons-share_V2.png) 0 0 no-repeat;
}

header.global div.top ul li.twitter {
    margin-left: 5px;
    background: url(../img/icons-share_V2.png) -51px 0 no-repeat;
}

/* TODO use svg file to be provided by MQB */
header.global div.top ul li.instagram {
	margin-left: 5px;
	background: url(../img/icons-share_V2.png) -203px 0 no-repeat;
}

header.global div.top ul li a, header.global div.top ul li button {
    display: block;
    width: 100%;
    height: 100%;
    font: normal 0.875em/50px "parisplus-std", sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #fff;
}

header.global div.bottom {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e6e9ef;
}

header.global div.bottom nav {
    position: relative;
    top: 1px;
    left: 0;
    display: block;
    width: 930px;
    height: 70px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    border-left: 1px solid #e6e9ef;
    border-right: 1px solid #e6e9ef;
    border-top: 1px solid #e6e9ef;
}

header.global div.bottom nav a.logo {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 60px;
    height: 67px;
    background: url(../img/logo-small.png) 0 0 no-repeat;
}

header.global div.bottom nav ul {
    position: relative;
    width: 935px;
    top: 0;
    left: 0;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

header.global div.bottom nav ul li {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    padding: 0 23px;
    border-right: 1px solid #e6e9ef;
}

header.global div.bottom nav ul li.last {
    border-right: none;
    padding: 0 27px;
}

header.global div.bottom nav ul li a {
    position: relative;
    z-index: 2;
    display: block;
    font: normal 0.813em/70px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #2d3135;
    text-decoration: none;
    text-transform: uppercase;
}

header.global div.bottom nav ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #36ae47;
    -moz-transition: height 200ms ease-out;
    -o-transition: height 200ms ease-out;
    -webkit-transition: height 200ms ease-out;
    transition: height 200ms ease-out;
}

header.global div.bottom nav ul li:hover:after, header.global div.bottom nav ul li.active:after {
    height: 10px;
}

header.global div.smenus {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    background-color: #39b54b;
}

header.global div.smenus div.smenu {
    display: inline-block;
    width: 930px;
    margin: 0 auto;
    padding: 45px 50px;
    background-color: #36ae47;
    border-right: 1px solid #33a544;
    border-left: 1px solid #33a544;
    text-align: left;
    color: #fff;
}

header.global div.smenus div.smenu div.col {
    float: left;
    width: 410px;
}

header.global div.smenus div.smenu div.col.col-1 {
    border-right: 1px solid #33a544;
}

header.global div.smenus div.smenu div.col.col-2 {
    padding-left: 50px;
}

header.global div.smenus div.smenu h3 {
    font: italic 1.125em "parisplus-clair", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
}

header.global div.smenus div.smenu a.btn-title {
    display: inline-block;
    border: 2px solid #fff;
    padding: 0 25px;
    margin-top: 30px;
    font: normal 0.8em/55px "parisplus-std", sans-serif;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #39b54b;
    -moz-transition: background-color, color, 100ms;
    -o-transition: background-color, color, 100ms;
    -webkit-transition: background-color, color, 100ms;
    transition: background-color, color, 100ms;
}

header.global div.smenus div.smenu a.btn-title:hover {
    color: #39b54b;
    background-color: #fff;
}

header.global div.smenus div.smenu ul {
    margin-bottom: 30px;
}

header.global div.smenus div.smenu ul.no-title {
    margin-top: 50px;
}

header.global div.smenus div.smenu ul:last-child {
    margin-bottom: 0;
}

header.global div.smenus div.smenu ul li {
    position: relative;
    margin-bottom: 20px;
}

header.global div.smenus div.smenu ul li:last-child {
    margin-bottom: 0;
}

header.global div.smenus div.smenu ul li:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    height: 10px;
    width: 7px;
    background: url(../img/icons.png) -80px -1px no-repeat;
}

header.global div.smenus div.smenu ul li a {
    position: relative;
    top: 0;
    left: 0;
    font: normal 0.938em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    margin-left: 30px;
}

header.global div.smenus div.smenu ul li a:after {
    position: absolute;
    content: "";
    top: 20px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

header.global div.smenus div.smenu ul li a:before {
    position: absolute;
    content: "";
    top: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #73c67f;
}

header.global div.smenus div.smenu ul li a:hover:after {
    width: 100%;
}

@media screen and (max-width: 960px) {
    header.global div.smenus div.smenu {
        width: 100%;
        padding: 35px 40px;
    }

    header.global div.smenus div.smenu div.col {
        width: 50%;
    }

    header.global div.smenus div.smenu a.btn-title {
        font-size: 0.65em;
    }

    header.global div.smenus div.smenu ul li a {
        font-size: 0.8em;
    }

    header.global.fixed div.bottom nav ul li {
        padding: 0 13px;
    }

    header.global.fixed div.bottom nav ul li a {
        font-size: 0.6em;
    }

    header.global div.top {
        width: 760px;
    }

    header.global div.top a.logo {
        width: 300px;
        height: 50px;
        margin-left: 20px;
        background: url(../img/logo-mini.jpg) 0 0 no-repeat;
        background-position-y: center;
    }

    header.global div.top a.access {
        margin: 0 0 0 50px;
    }

    header.global div.top ul {
        margin: 0;
    }

    header.global div.bottom nav {
        text-align: left;
    }

    header.global div.bottom nav ul {
        width: 100%;
        width: calc(100% - 60px);
    }

    header.global div.bottom nav ul li {
        padding: 0 10px;
    }

    header.global div.bottom nav ul li a {
        font: 700 0.7em/70px "parisine-std", sans-serif;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    header.global div.smenus div.smenu ul li:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    header.global div.top a.logo {
        background-size: 378px 63px;
        background-image: url(../img/logo@2x.png);
        background-position-y: center;
    }

    header.global div.top a.access {
        background-size: 305px 100px;
        background-image: url(../img/logos-accessibility@2x.png);
    }

    header.global div.top ul li.lng-menu ul li {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    header.global div.top ul li.lng {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    header.global div.top ul li.facebook, header.global div.top ul li.twitter {
        background-size: 350px 150px;
        background-image: url(../img/icons-share@2x.png);
    }

    header.global div.bottom nav a.logo {
        background-size: 60px 67px;
        background-image: url(../img/logo-small@2x.png);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 960px), only screen and (min-resolution: 144dpi) and (max-width: 960px) {
    header.global div.top a.logo {
        background-size: 300px 50px;
        background-image: url(../img/logo-mini.jpg);
        background-position-y: center;
    }
}

/* -----------------------------
	CAS PARTICULIER PADDING LANGUE
--------------------------------*/
html[lang='en'] header.global.fixed div.bottom nav ul li {
    padding: 0 27px;
}

html[lang='en'] header.global div.bottom nav ul li {
    padding: 0 32px;
}

html[lang='en'] header.global div.bottom nav ul li.last {
    padding: 0 34px;
}

/* -----------------------------
	CAS PARTICULIER PADDING LANGUE
--------------------------------*/
html[lang='es'] header.global.fixed div.bottom nav ul li {
    padding: 0 23px;
}

html[lang='es'] header.global div.bottom nav ul li {
    padding: 0 22px;
}

html[lang='es'] header.global div.bottom nav ul li.last {
    padding: 0 22px;
}

footer {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    min-width: 760px;
    padding: 70px 0;
    background: #39b54b;
    overflow: hidden;
    float: left;
    /* -----------------------------
      MEDIA QUERIES RETINA
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES MAX WIDTH 960px
  --------------------------------*/
}

footer div.wrap {
    display: inline-block;
    width: 930px;
}

footer div.wrap div.col {
    float: left;
    width: 192px;
    text-align: left;
}

footer div.wrap div.col.last {
    width: 162px;
}

footer div.wrap div.col.last h3 {
    padding-right: 0;
}

footer div.wrap div.col.last ul {
    padding-right: 0;
}

footer div.wrap div.col.col3 {
    width: 576px;
}

footer div.wrap div.col div.col-inner {
    margin: 20px 30px 0 0;
    border-top: 1px solid #61c46f;
}

footer div.wrap div.col div.col-inner:first-child {
    border-top: 0;
}

footer div.wrap div.col div.col-inner h3 {
    position: relative;
    top: 0;
    left: 0;
    margin: 20px 0 0 0;
    padding: 0 30px 10px 0;
    font: normal 0.875em "parisplus-std", sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

footer div.wrap div.col div.col-inner h3.border {
    margin: 20px 30px 0 0;
}

footer div.wrap div.col div.col-inner > ul:not(.access) {
    margin: 0 0 30px 0;
    padding-right: 30px;
    display: block;
}

footer div.wrap div.col div.col-inner > ul:not(.access) li {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    margin: 20px 0;
    font: normal 0.813em/14px "parisplus-std", sans-serif;
    color: #fff;
    -moz-transition: left 200ms ease-out;
    -o-transition: left 200ms ease-out;
    -webkit-transition: left 200ms ease-out;
    transition: left 200ms ease-out;
}

footer div.wrap div.col div.col-inner > ul:not(.access) li a, footer div.wrap div.col div.col-inner > ul:not(.access) li h6, footer div.wrap div.col div.col-inner > ul:not(.access) li ul.share, footer div.wrap div.col div.col-inner > ul:not(.access) li ul.access {
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	padding-right: 1px;
}

footer div.wrap div.col div.col-inner > ul:not(.access) li a {
    display: block;
    color: #fff;
    text-decoration: none;
}

footer div.wrap div.col div.col-inner > ul:not(.access) > li:hover a {
    color: #8eea9c;
}

footer div.wrap div.col div.col-inner ul.share {
    display: inline-block;
    width: 162px;
    margin: 15px 0 10px;
}

footer div.wrap div.col div.col-inner ul.share li {
    position: relative;
    display: inline-block;
    float: none;
    width: 50px;
    height: 50px;
    margin: 5px 0 5px;
    border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

footer div.wrap div.col div.col-inner ul.share li svg {
    height: 100%;
    width: 100%;
}

footer div.wrap div.col div.col-inner ul.share li svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

footer div.wrap div.col div.col-inner ul.share li svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

footer div.wrap div.col div.col-inner ul.share li svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

footer div.wrap div.col div.col-inner ul.share li svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

footer div.wrap div.col div.col-inner ul.share li svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

footer div.wrap div.col div.col-inner ul.share li:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../img/icons-share_V2.png) 0 0 no-repeat;
}

footer div.wrap div.col div.col-inner ul.share li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

footer div.wrap div.col div.col-inner ul.share li svg {
    position: absolute;
    top: 0;
    left: 0;
}

footer div.wrap div.col div.col-inner ul.share li.facebook:before {
    background-position: -11px -67px;
}

footer div.wrap div.col div.col-inner ul.share li.twitter:before {
    background-position: -65px -67px;
}

footer div.wrap div.col div.col-inner ul.share li.youtube:before {
    background-position: -117px -67px;
}

/* TODO use svg file to be provided by MQB */
footer div.wrap div.col div.col-inner ul.share li.instagram:before {
	background-position: -172px -67px;
}

footer ul.access {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 80px;
    width: 930px;
    margin: 30px auto 0 auto;
    border-top: 1px solid #61c46f;
}

footer ul.access li {
    float: left;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    margin: 30px 15px 0 0;
    background: url(../img/logos-accessibility.png);
}

footer ul.access li svg {
    height: 100%;
    width: 100%;
}

footer ul.access li svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

footer ul.access li svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

footer ul.access li svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

footer ul.access li svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

footer ul.access li svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

footer ul.access li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

footer ul.access li svg {
    position: absolute;
    top: 0;
    left: 0;
}

footer ul.access li.handi-2 {
    background-position: -64px 0;
}

footer ul.access li.handi-3 {
    background-position: -124px 0;
}

footer ul.access li.handi-4 {
    background-position: -184px 0;
}

footer ul.access li.handi-5 {
    background-position: -244px 0;
}

footer ul.access li.handi-6 {
	background: url(../img/logo-facil_iti.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

footer ul.access li:last-child {
    margin-right: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    footer div.wrap div.col ul.share li:before {
        background-size: 350px 150px;
        background-image: url(../img/icons-share@2x.png);
    }
}

@media screen and (max-width: 960px) {
    footer div.wrap {
        display: inline-block;
        width: 700px;
    }

    footer div.wrap div.col {
        float: left;
        width: 143px;
        text-align: left;
    }

    footer div.wrap div.col.last {
        width: 128px;
    }

    footer div.wrap div.col.last h3 {
        padding-right: 0;
    }

    footer div.wrap div.col.last ul {
        padding-right: 0;
    }

    footer div.wrap div.col.col3 {
        width: 429px;
    }

    footer div.wrap div.col h3 {
        margin: 20px 0 0 0;
        padding: 0 15px 10px 0;
    }

    footer div.wrap div.col h3.border {
        margin: 20px 15px 0 0;
        padding: 30px 0 20px 0;
    }

    footer div.wrap div.col > ul:not(.access) {
        margin: 0 0 30px 0;
        padding-right: 30px;
        display: block;
    }

    footer div.wrap div.col div.col-inner ul.share {
        width: auto;
    }

    footer div.wrap div.col div.col-inner ul.share li {
        width: 40px;
        height: 40px;
    }

    footer div.wrap div.col div.col-inner ul.share li:before {
        top: 5px;
        right: 5px;
    }

    footer ul.access {
        width: 700px;
        bottom: 90px;
    }
}

aside.bar-tools {
    position: absolute;
    left: 0;
    top: 220px;
    z-index: 10;
    width: 60px;
    height: 396px;
    background: #2d3135;
    /*overflow: hidden;*/
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
}
.bar-item {
    color: white;
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1.2em;
    vertical-align: middle;
    font-weight: 700;
    font-family: "parisplus-std", sans-serif;
    opacity: 0;
    visibility: hidden;
}

aside.bar-tools.opened .bar-item {
    padding-left: 4em;
}

.bar-item {
    color: white;
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1.2em;
    vertical-align: middle;
    font-weight: 700;
    font-family: "parisplus-std", sans-serif;
    opacity: 0;
    visibility: hidden;
}

aside.bar-tools.bottom {
    top: 100%;
}

aside.bar-tools.opened {
    top: 0;
    height: 100%;
}

aside.bar-tools.opened a.close {
    display: block;
}

aside.bar-tools nav {
    position: relative;
    top: 50%;
    left: 0;
    height: 396px;
    margin-top: -198px;
}

aside.bar-tools ul li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 66px;
    background: url(../img/icons-tools.png) 0 0 no-repeat;
}

aside.bar-tools ul li:last-child:after {
    background: none;
}

aside.bar-tools ul li.active {
    background-color: #39b54b;
}

aside.bar-tools ul li.active:after {
    background: none;
}

aside.bar-tools ul li:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 20px;
    height: 1px;
    margin-left: -10px;
    background: #4b4e52;
}

aside.bar-tools ul li:hover:after {
    background-color: #39b54b;
}

aside.bar-tools ul li span.bar {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background: #39b54b;
}

aside.bar-tools ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

ul#tools-bar li:hover .bar-item {
    visibility: visible;
    opacity: 1;
    transition: opacity .1s cubic-bezier(0.88, 0.01, 0.93, 0.4);
}

aside.bar-tools ul li.search.active, aside.bar-tools ul li.search:hover {
    background-position: -60px 0;
}

aside.bar-tools ul li.ticket {
    background-position: 0 -65px;
}

aside.bar-tools ul li.info {
    background-position: 0 -132px;
}

aside.bar-tools ul li.agenda {
    background-position: 0 -197px;
}

aside.bar-tools ul li.medias {
    background-position: 0 -263px;
}

aside.bar-tools ul li.plan {
    background-position: 0 -325px;
}

aside.bar-tools a.close {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 60px;
    height: 60px;
}

aside.bar-tools a.close:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 24px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/icons.png) -50px -17px no-repeat;
}

aside.bar-tools a.close:hover:before {
    background-position: -64px -17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    aside.bar-tools ul li {
        background-size: 120px 375px;
        background-image: url(../img/icons-tools@2x.png);
    }

    aside.bar-tools a.close.before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

div.popin {
    position: fixed;
    z-index: 25;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #24272a;
    background-color: rgba(36, 39, 42, 0.98);
    opacity: 0;
}

div.popin div.popin-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 0 70px;
    margin: auto;
    height: 650px;
    width: 620px;
    background-color: #f5f5fa;
    text-align: left;
}

div.popin div.popin-wrapper div.content {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

div.popin div.popin-wrapper span.close {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 13px;
    width: 13px;
    background: url(../img/icon-close.png) 0 0 no-repeat;
    cursor: pointer;
}

div.popin div.popin-wrapper h3 {
    margin: 70px 0 15px 0;
    padding-right: 70px;
    font: normal 1.25em "parisine-std", sans-serif;
    color: #4b4e52;
}

div.popin div.popin-wrapper p {
    margin-bottom: 50px;
    padding-right: 70px;
    font: normal 1em/28px "parisine-std", sans-serif;
    color: #898989;
}

div.popin div.popin-wrapper div.bloc-content {
    width: 100%;
    margin-bottom: 30px;
}

div.popin div.popin-wrapper div.bloc-content label {
    display: inline-block;
    width: 100px;
    margin-right: 70px;
    font: normal 1em "parisine-std", sans-serif;
    color: #4b4e52;
}

div.popin div.popin-wrapper ul.radios label {
    width: auto;
    margin-right: 20px;
}

div.popin div.popin-wrapper div.bloc-checkbox {
    margin-top: 50px;
}

div.popin div.popin-wrapper div.bloc-checkbox label {
    width: auto;
}

div.popin div.popin-wrapper div.bloc-input input {
    width: 300px;
    height: 45px;
    color: #2d3135;
    background-color: #fff;
    border: 1px solid #e6e9ef;
    outline: none;
    text-indent: 25px;
    font: normal 0.9em "parisplus-std", sans-serif;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

div.popin div.popin-wrapper div.bloc-select div.item-select {
    width: 300px;
    margin: 0;
    vertical-align: middle;
}

div.popin div.popin-wrapper div.bloc-select div.item-select div.select-custom {
    text-align: left;
    color: #8a8e93;
    font-size: 0.875em;
}

div.popin div.popin-wrapper input[type="submit"] {
    display: inline-block;
    height: 38px;
    padding: 0 25px;
    margin: 20px 0 0 0;
    border: none;
    background-color: #39b54b;
    color: #fff;
    font: normal 0.75em "parisplus-std", sans-serif;
    cursor: pointer;
    outline: none;
}

div.infobar {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 30;
    padding: 10px;
    width: 100%;
    background-color: #333333;
    /* -----------------------------
  	MEDIA QUERIES - WIDTH
  --------------------------------*/
}

div.infobar div.wrap {
    position: relative;
    width: 930px;
    margin: 0 auto;
    text-align: left;
}

div.infobar span.icon, div.infobar p {
    display: inline-block;
    vertical-align: middle;
}

div.infobar span.icon {
    height: 40px;
    width: 40px;
    margin-right: 20px;
}

div.infobar p {
    width: 70%;
    font: normal 0.8em/20px "parisine-std", sans-serif;
    color: #acacac;
}

div.infobar span.close {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 15px;
    height: 15px;
    background: url(../img/icons.png) -48px -16px no-repeat;
    cursor: pointer;
}

@media screen and (max-width: 960px) {
    div.infobar div.wrap {
        width: 90%;
    }

    div.infobar p {
        width: 80%;
    }
}

div.prehome {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    min-width: 760px;
    height: 100%;
    background: #fff;
    overflow: hidden;
    /* -----------------------------
  	MEDIA QUERIES - WIDTH
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.prehome div.infos {
    position: relative;
    top: 0;
    left: 0;
    height: 105px;
    overflow: hidden;
}

div.prehome div.infos div.info-left {
    float: left;
    width: 67%;
    height: 105px;
    background: #39b54b;
    color: #fff;
}

div.prehome div.infos div.info-left div.wrap {
    position: absolute;
    width: 930px;
    left: 0;
    right: 0;
    margin: auto;
}

div.prehome div.infos div.info-left div.wrap ul {
    padding-top: 30px;
}

div.prehome div.infos div.info-left div.wrap ul li {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    display: none;
}

div.prehome div.infos div.info-left div.wrap ul li.current {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    display: block;
}

div.prehome div.infos div.info-left div.wrap ul li:before {
    content: "";
    position: absolute;
    left: 0;
}

div.prehome div.infos div.info-left div.wrap ul li.schedule:before {
    top: 20px;
    width: 62px;
    height: 62px;
    background: url(../img/icons.png) -152px -176px no-repeat;
}

div.prehome div.infos div.info-left div.wrap ul li.meteo:before {
    top: 23px;
    width: 65px;
    height: 58px;
    background: url(../img/icons.png) -92px -246px no-repeat;
}

div.prehome div.infos div.info-left div.wrap ul li.news:before {
    top: 25px;
    width: 53px;
    height: 49px;
    background: url(../img/icons.png) -170px -252px no-repeat;
}

div.prehome div.infos div.info-left div.wrap strong, div.prehome div.infos div.info-left div.wrap p {
    display: block;
    font-weight: 700;
    text-align: left;
    margin-left: 90px;
}

div.prehome div.infos div.info-left div.wrap strong {
    font: normal 1.188em "parisplus-std", sans-serif;
}

div.prehome div.infos div.info-left div.wrap p {
    font: normal 1.125em "parisplus-clair", sans-serif;
}

div.prehome div.infos div.info-right {
    position: relative;
    z-index: 2;
    float: left;
    width: 33%;
    height: 105px;
    background: #24272a;
}

div.prehome div.infos div.info-right div.wrap {
    width: 140px;
    margin: 24px 0 0 40px;
    text-align: center;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.prehome div.infos div.info-right div.wrap ul.titles li {
    margin-bottom: 5px;
    font: normal 1.125em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    display: none;
}

div.prehome div.infos div.info-right div.wrap ul.titles li.current {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    display: block;
}

div.prehome div.infos div.info-right div.wrap button.arrow, div.prehome div.infos div.info-right div.wrap ul.nav {
    display: inline-block;
    vertical-align: middle;
}

div.prehome div.infos div.info-right div.wrap button.arrow {
    position: relative;
    height: 36px;
    width: 36px;
    cursor: pointer;
    background: none;
}

div.prehome div.infos div.info-right div.wrap button.arrow.previous {
    background: url(../img/icons.png) -3px -229px no-repeat;
}

div.prehome div.infos div.info-right div.wrap button.arrow.next {
    background: url(../img/icons.png) -47px -229px no-repeat;
}

div.prehome div.infos div.info-right div.wrap button.arrow.disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    pointer-events: none;
}

div.prehome div.infos div.info-right div.wrap button.arrow svg {
    position: absolute;
    top: 0;
    left: 0;
}

div.prehome div.infos div.info-right div.wrap button.arrow svg {
    height: 100%;
    width: 100%;
}

div.prehome div.infos div.info-right div.wrap button.arrow svg.svg-1 path {
    stroke-dashoffset: -101;
    stroke-dasharray: 101;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.prehome div.infos div.info-right div.wrap button.arrow svg.svg-1.inverse path {
    stroke-dashoffset: 101 !important;
}

div.prehome div.infos div.info-right div.wrap button.arrow svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.prehome div.infos div.info-right div.wrap button.arrow svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 101;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.prehome div.infos div.info-right div.wrap button.arrow svg.svg-2.anim path {
    stroke-dashoffset: 101;
}

div.prehome div.infos div.info-right div.wrap ul.nav {
    margin: 0 6px;
}

div.prehome div.infos div.info-right div.wrap ul.nav li {
    height: 6px;
    width: 6px;
    margin: 0 2px;
    display: inline-block;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.prehome div.infos div.info-right div.wrap ul.nav li.current {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.prehome div.push {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    cursor: pointer;
}

div.prehome div.push figure {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

div.prehome div.push figure > img {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

div.prehome div.push figure.show {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.prehome div.push figure:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}

div.prehome div.push div.ctn-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

div.prehome div.push div.ctn-video button.bt-playpause {
    bottom: 20px;
    left: 20px;
}

div.prehome div.push div.title {
    position: relative;
    top: 50%;
    left: 0;
    z-index: 1;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.prehome div.push div.title h1 {
    font: normal 4.3em/70px "parisplus-clair", sans-serif;
}

div.prehome div.push div.title h2 {
    margin-top: 10px;
    font: normal 1.6em "parisplus-clair", sans-serif;
    font-weight: 700;
}

div.prehome div.push div.title span.enter {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 35px;
    display: inline-block;
    padding-left: 40px;
    font: normal 0.875em/33px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

div.prehome div.push div.title span.enter:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/icons.png) -114px -182px no-repeat;
}

div.prehome div.push div.title button.icon-play {
    display: inline-block;
    margin-top: 35px;
    background: none;
}

@media screen and (max-width: 960px) {
    div.prehome div.infos div.info-left div.wrap {
        margin-left: 50px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.prehome div.infos div.info-left div.wrap ul li.schedule:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.prehome div.infos div.info-left div.wrap ul li.meteo:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.prehome div.infos div.info-left div.wrap ul li.news:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.prehome div.infos div.info-right div.wrap button.arrow.previous {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.prehome div.infos div.info-right div.wrap button.arrow.next {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.prehome div.push div.title span.enter:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

div.languages {
    position: fixed;
    z-index: 25;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    overflow-y: auto;
    background: #2d3135 url(../img/language-map.png) center top no-repeat;
    /* -----------------------------
      MEDIA QUERIES RETINA
  --------------------------------*/
}

div.languages button.close {
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: url(../img/icons.png) -49px -16px no-repeat;
}

div.languages div.bloc-title {
    height: 200px;
    width: 100%;
    text-align: center;
}

div.languages div.bloc-title p {
    font: normal 2em/200px "parisine-std-clair", sans-serif;
    color: #fff;
}

div.languages div.wrapper {
    position: relative;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding-bottom: 50px;
}

div.languages div.wrapper > ul {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-top: 1px solid #22252a;
    background-color: #2d3135;
    background-color: rgba(45, 49, 53, 0.5);
}

div.languages div.wrapper > ul > li {
    position: relative;
    top: 0;
    float: left;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #22252a;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

div.languages div.wrapper > ul > li > button {
    padding-left: 30px;
    width: 100%;
    display: block;
    color: #fff;
    text-align: left;
    font: normal 0.938em/80px "parisplus-std", sans-serif;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

div.languages div.wrapper > ul > li > button:hover {
    background-color: #39b54b;
}

div.languages div.wrapper > ul > li ul {
    position: relative;
    top: 0;
    left: 0;
    padding: 10px 0 20px 0;
    display: block;
}

div.languages div.wrapper > ul > li ul li {
    padding-left: 50px;
    height: 35px;
    display: block;
    font: normal 0.75em/35px "parisplus-std", sans-serif;
}

div.languages div.wrapper > ul > li ul li a {
    position: relative;
    top: 0;
    left: 0;
    color: #fff;
    display: block;
    text-decoration: none;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}

div.languages div.wrapper > ul > li ul li a span {
    font-style: italic;
    color: #727274;
    background-color: #2d3135;
    background-color: rgba(45, 49, 53, 0.5);
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}

div.languages div.wrapper > ul > li ul li a:hover {
    color: #39b54b;
}

div.languages div.wrapper > ul > li ul li a:hover span {
    color: #39b54b;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.languages button.close {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

section.map {
    overflow: hidden;
    /* ------- nav --------- */
    /* ------- quaibranly infobox --------- */
    /* ------- metro/velib infobox --------- */
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
}

section.map div.nav {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 120px;
    background: #fff;
    border-bottom: 1px solid #e6e9ef;
    -webkit-tap-highlight-color: transparent;
}

section.map div.nav div.nav-content {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    max-width: 930px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
}

section.map div.nav div.nav-content a.bt-green {
    position: absolute;
    top: 30px;
    height: 60px;
    padding: 0 20px;
}

section.map div.nav div.nav-content a.bt-green:before, section.map div.nav div.nav-content a.bt-green:after {
    content: attr(data-content);
    font: normal 0.813em/58px "parisplus-std", sans-serif;
    font-weight: 700;
}

section.map div.nav div.nav-content a.bt-green:after {
    background-color: #fff;
}

section.map div.nav div.nav-content ul.bt-pictos {
    overflow: hidden;
    float: right;
    width: 760px;
    height: 100%;
}

section.map div.nav div.nav-content ul.bt-pictos:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

section.map div.nav div.nav-content ul.bt-pictos li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin: 0 15px;
    background: url(../img/map-icons.png) 0 0 no-repeat;
    cursor: pointer;
    -moz-box-shadow: 0 0 0 1px #f0efec inset;
    -webkit-box-shadow: 0 0 0 1px #f0efec inset;
    box-shadow: 0 0 0 1px #f0efec inset;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

section.map div.nav div.nav-content ul.bt-pictos li svg {
    height: 100%;
    width: 100%;
}

section.map div.nav div.nav-content ul.bt-pictos li svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

section.map div.nav div.nav-content ul.bt-pictos li svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

section.map div.nav div.nav-content ul.bt-pictos li svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

section.map div.nav div.nav-content ul.bt-pictos li svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

section.map div.nav div.nav-content ul.bt-pictos li svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

section.map div.nav div.nav-content ul.bt-pictos li button {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: none;
}

section.map div.nav div.nav-content ul.bt-pictos li svg {
    position: absolute;
    top: 0;
    left: 0;
}

section.map div.nav div.nav-content ul.bt-pictos li.pietons {
    background-position: -30px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.pietons.active {
    background-position: -109px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.velib {
    background-position: -30px -156px;
}

section.map div.nav div.nav-content ul.bt-pictos li.velib.active {
    background-position: -109px -156px;
}

section.map div.nav div.nav-content ul.bt-pictos li.autolib {
    background-position: -676px -35px;
}

section.map div.nav div.nav-content ul.bt-pictos li.autolib.active {
    background-position: -770px -35px;
}

section.map div.nav div.nav-content ul.bt-pictos li.metro {
    background-position: -190px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.metro.active {
    background-position: -270px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.bus {
    background-position: -190px -156px;
}

section.map div.nav div.nav-content ul.bt-pictos li.bus.active {
    background-position: -270px -156px;
}

section.map div.nav div.nav-content ul.bt-pictos li.bateau {
    background-position: -350px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.bateau.active {
    background-position: -430px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.parking {
    background-position: -351px -156px;
}

section.map div.nav div.nav-content ul.bt-pictos li.parking.active {
    background-position: -429px -156px;
}

section.map div.nav div.nav-content ul.bt-pictos li.handicap {
    background-position: -508px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.handicap.active {
    background-position: -588px -36px;
}

section.map div.nav div.nav-content ul.bt-pictos li.quai {
    background-position: -510px -156px;
}

section.map div.nav div.nav-content ul.bt-pictos li.quai.active {
    background-position: -589px -156px;
}

section.map div.info-box-quaibranly {
    overflow: hidden;
    width: 365px;
    padding: 20px 0 24px 55px;
    text-align: left;
    background: url(../img/map-qbranly-box-shadow.png) 2px 234px no-repeat;
}

section.map div.info-box-quaibranly.opened {
    width: 965px;
}

section.map div.info-box-quaibranly div.info-content {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 300px;
    height: 375px;
    background: #fff;
}

section.map div.info-box-quaibranly div.info-content div.header {
    width: 100%;
    height: 255px;
    padding: 115px 40px 40px 40px;
    background: url(../img/map-qbranly.jpg) 0 0 no-repeat;
}

section.map div.info-box-quaibranly div.info-content div.header h2 {
    font: normal 1.125em/25px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
}

section.map div.info-box-quaibranly div.info-content div.header p {
    font: normal 0.875em/18px "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #d9dde2;
    margin-top: 5px;
}

section.map div.info-box-quaibranly div.info-content div.header p.open {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 25px;
    padding-left: 27px;
    font: normal 0.875em/20px "parisplus-std", sans-serif;
    color: #fff;
}

section.map div.info-box-quaibranly div.info-content div.header p.open strong {
    font-weight: 700;
}

section.map div.info-box-quaibranly div.info-content div.header p.open:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../img/icons.png) -99px 0 no-repeat;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav {
    display: block;
    height: 120px;
    border-right: 1px solid #e4e5e5;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 60px;
    padding-left: 67px;
    font: normal 1em/60px "parisplus-std", sans-serif;
    font-weight: 700;
    border-top: 1px dotted #d9d9d9;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li:hover, section.map div.info-box-quaibranly div.info-content ul.info-nav li.active {
    background-color: #39b54b;
    color: #fff;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 10px;
    width: 60px;
    height: 22px;
    background: url(../img/icons.png) 0 0 no-repeat;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li.horaires:before {
    background-position: -135px 0;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li.horaires:hover:before, section.map div.info-box-quaibranly div.info-content ul.info-nav li.horaires:hover.active, section.map div.info-box-quaibranly div.info-content ul.info-nav li.horaires.active:before, section.map div.info-box-quaibranly div.info-content ul.info-nav li.horaires.active.active {
    background-position: -135px -29px;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li.tarifs:before {
    background-position: -190px 0;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li.tarifs:after {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    top: 59px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li.tarifs:hover:before, section.map div.info-box-quaibranly div.info-content ul.info-nav li.tarifs.active:before {
    background-position: -190px -29px;
}

section.map div.info-box-quaibranly div.info-content ul.info-nav li.tarifs:hover:after, section.map div.info-box-quaibranly div.info-content ul.info-nav li.tarifs.active:after {
    border-top-color: #39b54b;
}

section.map div.info-box-quaibranly div.info-content.horaires {
    width: 270px;
    padding: 50px 40px;
    display: none;
}

section.map div.info-box-quaibranly div.info-content.horaires.big {
    width: 320px;
    background: #f5f5fa;
}

section.map div.info-box-quaibranly div.info-content.horaires.opened {
    display: block;
}

section.map div.info-box-quaibranly div.info-content.horaires h3 {
    padding-bottom: 25px;
    font: normal 1em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

section.map div.info-box-quaibranly div.info-content.horaires ul.info-txt {
    padding: 25px 0 25px 0;
}

section.map div.info-box-quaibranly div.info-content.horaires ul.info-txt li {
    display: block;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #64686d;
}

section.map div.info-box-quaibranly div.info-content.horaires ul.info-txt li.label {
    margin-bottom: 5px;
    font-weight: 700;
    color: #333;
}

section.map div.info-box-quaibranly div.info-content.horaires ul.info-txt li span.figure {
    font-weight: 700;
    font-size: 1.1em;
}

section.map div.info-box-quaibranly div.info-content.horaires a.bt-green {
    position: absolute;
    bottom: 40px;
    height: 36px;
    display: inline-block;
    padding: 0 10px;
}

section.map div.info-box-quaibranly div.info-content.horaires a.bt-green:before, section.map div.info-box-quaibranly div.info-content.horaires a.bt-green:after {
    content: attr(data-content);
    text-transform: none;
    font: normal 0.75em/33px "parisplus-std", sans-serif;
    font-weight: 700;
}

section.map div.info-box-quaibranly div.info-content.horaires a.bt-green:after {
    background-color: #fff;
}

section.map div.info-box-quaibranly div.info-content.tarifs {
    width: 590px;
    height: 450px;
    display: none;
}

section.map div.info-box-quaibranly div.info-content.tarifs.opened {
    display: block;
}

section.map div.info-box-quaibranly div.info-content.tarifs h3 {
    font: normal 1em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

section.map div.info-box-quaibranly div.info-content.tarifs h4 {
    font: normal 0.875em/50px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #333;
}

section.map div.info-box-quaibranly div.info-content.tarifs p {
    font: normal 0.875em/18px "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #333;
}

section.map div.info-box-quaibranly div.info-content.tarifs span.tarif {
    display: block;
    padding-top: 15px;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #333;
}

section.map div.info-box-quaibranly div.info-content.tarifs span.tarif strong {
    font-weight: 700;
}

section.map div.info-box-quaibranly div.info-content.tarifs span.tarif.title {
    font: normal 0.875em "parisplus-clair", sans-serif;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul {
    padding-left: 40px;
    display: block;
    width: 100%;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul.row1 {
    height: 95px;
    padding-top: 40px;
    background: #f5f5fa;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul.row1 span.tarif {
    padding-top: 0px;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul.row1 + li {
    display: none;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul.row2 {
    height: 125px;
    background: #fff;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul.row3 {
    height: 50px;
    background: #f5f5fa;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul.row4 {
    height: 85px;
    background: #fff;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul li {
    float: left;
    width: 100px;
}

section.map div.info-box-quaibranly div.info-content.tarifs ul li:first-child {
    width: 335px;
}

section.map div.info-box-quaibranly div.info-content.tarifs div.bottom {
    height: 100px;
    padding-top: 33px;
    text-align: right;
    background: #f5f5fa;
}

section.map div.info-box-quaibranly div.info-content.tarifs div.bottom a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font: normal 0.75em/35px "parisplus-std", sans-serif;
    text-decoration: none;
}

section.map div.info-box-quaibranly div.info-content.tarifs div.bottom a.bt-underline {
    margin-right: 15px;
    color: #333333;
    text-decoration: underline;
}

section.map div.info-box-quaibranly div.info-content.tarifs div.bottom a.bt-green {
    margin-right: 50px;
    height: 36px;
}

section.map div.info-box-quaibranly div.info-content.tarifs div.bottom a.bt-green:before, section.map div.info-box-quaibranly div.info-content.tarifs div.bottom a.bt-green:after {
    content: attr(data-content);
    font: normal 1em/33px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: none;
}

section.map div.info-box-quaibranly div.info-content.tarifs div.bottom a.bt-green:after {
    background-color: #fff;
}

section.map div.info-box {
    position: relative;
    width: 285px;
    height: 85px;
    top: 0;
    left: 0;
    background: url(../img/map-infobox-transport.png) 0 0 no-repeat;
    -moz-transition: all 60ms ease-out;
    -o-transition: all 60ms ease-out;
    -webkit-transition: all 60ms ease-out;
    transition: all 60ms ease-out;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

section.map div.info-box:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 263px;
    height: 32px;
    background: url(../img/map-shadow.png) 0 0 no-repeat;
    -moz-transition: all 80ms ease-out;
    -o-transition: all 80ms ease-out;
    -webkit-transition: all 80ms ease-out;
    transition: all 80ms ease-out;
}

section.map div.info-box:hover {
    top: -10px;
}

section.map div.info-box:hover:before {
    bottom: -10px;
}

section.map div.info-box div.info {
    position: relative;
    top: 6px;
    left: 24px;
    width: 242px;
    cursor: pointer;
}

section.map div.info-box div.info:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

section.map div.info-box div.info span {
    position: absolute;
    top: 44px;
    left: 37px;
    padding: 0 5px;
    font: normal 0.7em/14px "parisplus-std", sans-serif;
    font-weight: 700;
}

section.map div.info-box div.info span.l42 {
    background: #0063af;
}

section.map div.info-box div.info span.l63 {
    background: #d4ce00;
}

section.map div.info-box div.info span.l69 {
    background: #9ad4dd;
}

section.map div.info-box div.info span.l72 {
    background: #e70018;
}

section.map div.info-box div.info span.l80 {
    background: #f6a3b7;
}

section.map div.info-box div.info span.l82 {
    background: #f69439;
}

section.map div.info-box div.info span.l87 {
    background: #651e86;
}

section.map div.info-box div.info span.l92 {
    background: #fdcd00;
}

section.map div.info-box div.info span.duration {
    position: absolute;
    top: 49px;
    right: 0;
    left: auto;
    display: inline-block;
    padding: 0 3px;
    font-size: 0.65em;
    line-height: 15px;
    color: #fff;
    background: #39b54b;
}

section.map div.info-box div.info ul {
    position: relative;
    height: 14px;
    margin-top: 3px;
}

section.map div.info-box div.info ul li {
    display: inline-block;
    vertical-align: top;
}

section.map div.info-box div.info ul li span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 0;
    left: 0;
}

section.map div.info-box div.info div.picto {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 65px;
    height: 64px;
    background: url(../img/icons.png) 0 0 no-repeat;
    border-right: 1px dotted #d9d9d9;
}

section.map div.info-box div.info div.picto.line9 {
    background-position: -119px -51px;
}

section.map div.info-box div.info div.picto.line6 {
    background-position: -246px -367px;
}

section.map div.info-box div.info div.picto.line8 {
    background-position: -245px 10px;
}

section.map div.info-box div.info div.picto.rerc {
    background-position: -179px -52px;
}

section.map div.info-box div.info div.picto.velib {
    background-position: -45px -166px;
}

section.map div.info-box div.info div.picto.bus {
    background-position: -230px -116px;
}

section.map div.info-box div.info div.picto.parking {
    background-position: -239px -52px;
}

section.map div.info-box div.info div.picto.monument {
    background-position: -291px -118px;
}

section.map div.info-box div.info div.picto.bateau {
    background-position: -291px -171px;
}

section.map div.info-box div.info div.picto.autolib {
    background-position: -231px -171px;
}

section.map div.info-box div.info div.txt {
    display: inline-block;
    vertical-align: middle;
    width: 165px;
    margin-top: -55px;
    padding: 0 0 0 20px;
    color: #333;
    text-align: left;
}

section.map div.info-box div.info div.txt h4 {
    font: normal 0.875em "parisplus-std", sans-serif !important;
    font-weight: 700;
}

section.map div.info-box div.info div.txt p {
    font: normal 0.75em "parisplus-clair", sans-serif;
    font-weight: 700;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    section.map {
        /* ------- nav --------- */
        /* ------- quaibranly infobox --------- */
        /* ------- infobox --------- */
    }

    section.map div.nav div.nav-content ul.bt-pictos li {
        background-size: 850px 240px;
        background-image: url(../img/map-icons@2x.png);
    }

    section.map div.info-box-quaibranly {
        background-size: 359px 171px;
        background-image: url(../img/map-qbranly-box-shadow@2x.png);
    }

    section.map div.info-box-quaibranly div.info-content div.header {
        background-size: 300px 257px;
        background-image: url(../img/map-qbranly@2x.jpg);
    }

    section.map div.info-box-quaibranly div.info-content div.header p.open:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    section.map div.info-box-quaibranly div.info-content ul.info-nav li:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    section.map div.info-box {
        background-size: 285px 85px;
        background-image: url(../img/map-infobox-transport@2x.png);
    }

    section.map div.info-box div.info div.picto {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

@media screen and (max-width: 960px) {
    section.map {
        /* -----------------------------
      MEDIA QUERIES RETINA
      --------------------------------*/
    }

    section.map div.nav div.nav-content ul.bt-pictos li {
        height: 38px;
        width: 38px;
        margin: 0 8px;
        background-image: url(../img/map-icons-small.png);
        background-size: 700px 192px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li svg {
        display: none;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.pietons {
        background-position: -25px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.pietons.active {
        background-position: -89px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.velib {
        background-position: -26px -125px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.velib.active {
        background-position: -89px -125px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.autolib {
        background-position: -542px -32px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.autolib.active {
        background-position: -618px -32px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.metro {
        background-position: -153px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.metro.active {
        background-position: -217px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.bus {
        background-position: -153px -125px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.bus.active {
        background-position: -217px -125px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.bateau {
        background-position: -281px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.bateau.active {
        background-position: -346px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.parking {
        background-position: -281px -125px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.parking.active {
        background-position: -346px -125px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.handicap {
        background-position: -408px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.handicap.active {
        background-position: -473px -30px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.quai {
        background-position: -408px -125px;
    }

    section.map div.nav div.nav-content ul.bt-pictos li.quai.active {
        background-position: -473px -125px;
    }
}

@media only screen and (max-width: 960px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 960px) and (min-resolution: 144dpi) {
    section.map div.nav div.nav-content ul.bt-pictos li {
        background-size: 700px 192px;
        background-image: url(../img/map-icons-small@2x.png);
    }
}

@media screen and (max-width: 760px) {
    section.map div.nav div.nav-content a.bt-green {
        display: none;
    }
}

div.player-video {
    position: absolute;
    bottom: -70px;
    left: 0;
    z-index: 2;
    height: 70px;
    width: 100%;
    background-color: #2f3337;
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
}

div.player-video ::-moz-selection {
    background: transparent;
}

div.player-video ::selection {
    background: transparent;
}

div.player-video.small span.bt-play {
    margin-right: 0px;
}

div.player-video.small div.duration {
    margin-right: 10px;
    width: 90px;
}

div.player-video.small div.bar {
    margin-right: 10px;
    width: 28%;
}

div.player-video.small div.volume {
    margin-right: 5px;
}

div.player-video.white {
    background-color: #fff;
}

div.player-video.show {
    bottom: 0;
}

div.player-video div.wrap {
    text-align: left;
    width: 100%;
    padding: 12px 20px 0;
}

div.player-video span, div.player-video div, div.player-video button {
    display: inline-block;
    vertical-align: middle;
}

div.player-video button.bt-play {
    height: 41px;
    width: 40px;
    margin-right: 10px;
    cursor: pointer;
    background: url(../img/icons-player.png) 0 -43px no-repeat;
}

div.player-video button.bt-play.pause {
    background-position: 0 0;
}

div.player-video div.duration {
    color: #737981;
    margin-right: 20px;
    height: 25px;
}

div.player-video div.duration span {
    font: normal 0.813em "parisine-std", sans-serif;
}

div.player-video div.duration span.elapsed {
    color: #d9dde2;
}

div.player-video div.bar {
    position: relative;
    height: 45px;
    width: 40%;
    margin-right: 15px;
    cursor: pointer;
}

div.player-video div.bar button.thumb {
    position: absolute;
    z-index: 3;
    top: 15px;
    left: -8px;
    height: 15px;
    width: 15px;
    background-color: #39b54b;
    border: 3px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: left 100ms;
    -o-transition: left 100ms;
    -webkit-transition: left 100ms;
    transition: left 100ms;
}

div.player-video div.bar span.total {
    position: relative;
    top: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

div.player-video div.bar span.total:before {
    content: "";
    position: absolute;
    top: 20px;
    height: 4px;
    width: 100%;
    display: block;
    background-color: #3c4043;
}

div.player-video div.bar span.total span.progress {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 2;
    height: 4px;
    width: 0;
    background-color: #39b54b;
    -moz-transition: width 100ms;
    -o-transition: width 100ms;
    -webkit-transition: width 100ms;
    transition: width 100ms;
}

div.player-video div.volume {
    position: relative;
    top: 0;
    margin-right: 15px;
}

div.player-video div.volume:hover button.bt-volume {
    background-position: -72px -6px;
}

div.player-video div.volume:hover button.bt-volume.mute {
    background-position: -72px -36px;
}

div.player-video div.volume:hover div.bar-volume {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}

div.player-video div.volume button.bt-volume {
    position: relative;
    top: -2px;
    z-index: 2;
    display: inline-block;
    width: 20px;
    height: 18px;
    cursor: pointer;
    background: url(../img/icons-player.png) -54px -6px no-repeat;
}

div.player-video div.volume button.bt-volume.mute {
    background-position: -54px -36px;
}

div.player-video div.volume div.bar-volume {
    position: absolute;
    bottom: -12px;
    left: -8px;
    width: 35px;
    height: 180px;
    background-color: #d9dde2;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    /*visibility: hidden;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}

div.player-video div.volume div.bar-volume:focus {
	/*visibility:visible;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}

div.player-video div.volume div.bar-volume span.total {
    position: relative;
    margin: 20px auto 0;
    display: block;
    height: 125px;
    width: 8px;
    background-color: #4b4e52;
    overflow: hidden;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

div.player-video div.volume div.bar-volume span.total span.progress {
    position: absolute;
    display: block;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background-color: #39b54b;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div.player-video button.bt-fullscreen {
    margin-top: 1px;
    height: 16px;
    width: 20px;
    border: 2px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

div.player-video div.caption {
    position: relative;
    margin-top: 1px;
    margin-right: 15px;
}

div.player-video button.bt-caption {
    height: 6px;
    width: 16px;
    background: url(../img/icons-player.png) -52px -81px no-repeat;
}

div.player-video button.bt-caption.off {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}

div.player-video div.caption div.menu-caption {
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 5px 10px;
    background: #2f3337;
    border: 1px solid #ddd;
    margin-left: -40px;
}

div.player-video div.caption div.menu-caption button {
    display: block;
    font: normal 0.813em/26px "parisine-std", sans-serif;
    color: #fff;
}

div.player-video div.caption div.menu-caption button:hover, div.player-video div.caption div.menu-caption button.active {
    color: #39b54b;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.player-video button.bt-play {
        background-size: 100px 87px;
        background-image: url(../img/icons-player@2x.png);
    }

    div.player-video div.volume button.bt-volume {
        background-size: 100px 87px;
        background-image: url(../img/icons-player@2x.png);
    }

    div.player-video div.caption button.bt-caption {
        background-size: 100px 87px;
        background-image: url(../img/icons-player@2x.png);
    }
}

div.player-media {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    margin-bottom: 40px;
    cursor: pointer;
    background-color: #000;
}

div.player-media div.player-video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div.player-media div.player-video-js div.vjs-default-skin {
    width: 100%;
    height: calc(100% - 70px);
}

div.player-media div.player-video-js div.vjs-default-skin video {
    background: #000;
    width: 100%;
    height: 100%;
}

div.player-media div.player-video-js div.wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    padding: 12px 20px 0;
    background-color: #2f3337;
    text-align: left;
}

div.player-media div.player-video-js div.wrap button.bt-play {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    margin-right: 25px;
	margin-left: -5px;
    cursor: pointer;
    background: #2f3337 url(../img/icons-player.png) 0 -43px no-repeat;
}

div.player-media div.player-video-js div.wrap button.bt-play.pause {
    background-position: 0 0;
}

div.player-media div.player-video-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.player-media div.player-video-youtube .ctn-youtube {
    width: 100%;
    height: calc(100% - 70px);
}

div.player-media figure {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(100% - 70px);
    overflow: hidden;
}

div.player-media figure img {
    display: block;
}

div.player-media div.legend {
    position: absolute;
    bottom: 0;
    left: 60px;
    z-index: 4;
    height: 70px;
    width: 100%;
    width: calc(100% - 60px);
    padding: 14px 0 0 25px;
    background-color: #2f3337;
    text-align: left;
}

div.player-media div.legend div.title {
    font: normal 1em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	width: 100%;
}

section.edito div.player-media.video-yt div.legend div.title,
section.edito div.player-media.video div.legend div.title {
	padding-right: 50px;
}

div.player-media div.legend div.caption {
    margin: 0 !important;
    padding: 0 !important;
    font: normal 0.875em "parisplus-clair", sans-serif !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-overflow: ellipsis;
    overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

div.player-media div.legend > p small {
    position: relative;
    color: #fff !important;
    text-align: left;
}

div.player-media div.legend > p small a {
    font-size: 0.9em !important;
    color: #fff !important;
}

div.player-media div.legend span.duration {
    position: absolute;
    right: 30px;
    top: 25px;
    font: 700 0.75em "parisine-std", sans-serif;
    color: #fff;
}

/*
	USE BY TEMPLATE-JOURNEY AND TEMPLATE-EXPLORER
*/
div.zoom-controls {
    width: 223px;
    height: 33px;
    margin-bottom: -19px;
    z-index: 12;
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
}

div.zoom-controls button {
    float: left;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.zoom-controls button.cursor {
    width: 33px;
    height: 33px;
    background: url(../img/icons-zoom.png) 0px 0 no-repeat;
}

div.zoom-controls button.cursor.minus {
    margin-right: 7px;
    background-position: 0px -8px;
}

div.zoom-controls button.cursor.plus {
    margin-left: 7px;
    background-position: -58px -8px;
}

div.zoom-controls button.cursor.off {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}

div.zoom-controls span {
    float: left;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.zoom-controls span.dot {
    position: relative;
    width: 23px;
    height: 33px;
}

div.zoom-controls span.dot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background: #fff;
    margin: 14px 9px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.zoom-controls span.dot:hover:before {
    background: #39b54b;
}

div.zoom-controls span.dot.off {
    display: none;
}

div.zoom-controls span.dot.current:before {
    width: 10px;
    height: 10px;
    margin: 11px 6px;
    background: #39b54b;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.zoom-controls button.cursor {
        background-size: 90px 50px;
        background-image: url(../img/icons-zoom@2x.png);
    }
}

div.content-page {
    /* ------------------------ */
    /* --- CAROUSSEL */
    /* ------------------------ */
    /* ------------------------ */
    /* --- MAP */
    /* ------------------------ */
    /* ------------------------ */
    /* --- COLLECTIONS */
    /* ------------------------ */
    /* ------------------------ */
    /* --- VOUS ETES */
    /* ------------------------ */
    /* -----------------------------
  	MEDIA QUERIES - MAX-WIDTH 960
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - MAX-WIDTH 1440
  --------------------------------*/
}

div.content-page section.caroussel {
    width: 100%;
    margin-top: 80px;
    max-width: 930px;
    min-width: 760px;
    text-align: left;
    overflow: hidden;
}

div.content-page section.caroussel button.bt-playpause {
    right: 20px;
    bottom: 100px;
    z-index: 0;
}

div.content-page section.caroussel div.legend {
    position: absolute;
    top: 392px;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 420px;
    padding: 0 40px 0 40px;
    background: #2d3135;
    background: rgba(45, 49, 53, 0.9);
}

div.content-page section.caroussel div.legend a.title {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 30px 0 40px;
    text-decoration: none;
}

div.content-page section.caroussel div.legend a.title h2 {
    font: normal 1.5em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    overflow: auto;
    text-overflow: clip;
}

div.content-page section.caroussel div.legend a.title h3 {
    width: 300px;
    font: normal 1em "parisplus-std", sans-serif;
    line-height: normal;
    color: #fff;
    line-height: 1.8em;
    margin-top: 0.2em;
}

div.content-page section.caroussel div.legend a.title div.date {
    font: normal 0.875em/25px "parisplus-std", sans-serif;
    color: #39b54b;
}

div.content-page section.caroussel div.legend p {
    width: 300px;
    font: normal 1em "parisplus-std", sans-serif;
    color: #a4a9b1;
    line-height: 1.8em;
}

div.content-page section.caroussel div.legend p.close {
    margin-top: -15px;
}

div.content-page section.caroussel div.legend a.bt-green {
    position: relative;
    margin: 40px 0 30px;
    height: 40px;
    display: inline-block;
	width: 45%;
}

div.content-page section.caroussel div.legend a.bt-green:before, div.content-page section.caroussel div.legend a.bt-green:after {
    content: attr(data-content);
    font: normal 0.75em/38px "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-page section.caroussel div.legend a.bt-green:after {
    background-color: transparent;
    width: 100%;
}

div.content-page section.caroussel div.legend a.bt-green:hover:before {
    left: 100%;
}
/*bouton 'acheter un billet'*/
div.content-page section.caroussel div.legend a#billet {
	float: right;
}
div.content-page section.caroussel ul.photos {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 520px;
    overflow: hidden;
    background: #2d3135;
    cursor: url(../img/cursor.png) 0 0, url(../img/cursor.cur), pointer;
}

div.content-page section.caroussel ul.photos:active {
    cursor: url(../img/cursorClose.png) 0 0, url(../img/cursorClose.cur), pointer;
}

div.content-page section.caroussel ul.photos li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.content-page section.caroussel ul.photos li img {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
}

div.content-page section.caroussel ul.photos li.transition {
    display: block;
    z-index: 3;
    width: 0;
}

div.content-page section.caroussel ul.photos li.active {
    display: block;
    z-index: 2;
}

div.content-page section.caroussel ul.nav {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    background-color: #fff;
}

div.content-page section.caroussel ul.nav.items-5 li {
    width: 20%;
}

div.content-page section.caroussel ul.nav.items-4 li {
    width: 25%;
}

div.content-page section.caroussel ul.nav.items-3 li {
    width: 33%;
}

div.content-page section.caroussel ul.nav.items-3 li:nth-child(2) {
    width: 34%;
}

div.content-page section.caroussel ul.nav.items-2 li {
    width: 50%;
}

div.content-page section.caroussel ul.nav.items-1 li {
    width: 100%;
}

div.content-page section.caroussel ul.nav li {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    float: left;
    width: 20%;
    height: 80px;
    padding: 30px 10px 0 20px;
    font: normal 0.75em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #999;
    border-left: 1px solid #e6e9ef;
    text-align: left;
    cursor: pointer;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-page section.caroussel ul.nav li:last-child {
    border-right: 1px solid #e6e9ef;
}

div.content-page section.caroussel ul.nav li.active {
    color: #2d3135;
}

div.content-page section.caroussel ul.nav li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 5px;
    background: #e6e9ef;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-page section.caroussel ul.nav li a {
    text-decoration: none;
    color: inherit;
}

div.content-page section.caroussel ul.nav li span.timer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 0;
    height: 5px;
    background: #39b54b;
}

div.content-page section.caroussel ul.nav li:hover {
    color: #39b54b;
}

div.content-page section.caroussel ul.nav li:hover:after {
    background: #39b54b;
}

div.content-page section.caroussel ul.nav li.active:hover:after {
    background: #e6e9ef;
}

div.content-page section.map {
    width: 100%;
    height: 640px;
    margin-top: 115px;
}

div.content-page section.map.margin90 {
    margin-top: 90px;
}

div.content-page section.map div.gmap {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 520px;
}

div.content-page section.collections {
    width: 100%;
    margin-top: 115px;
    max-width: 930px;
    min-width: 760px;
}

div.content-page section.collections.map_collections {
    margin-top: 0;
}

div.content-page section.collections.map_collections:before {
    background: none;
}

div.content-page section.collections:before {
    content: "";
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    margin: auto;
    width: 930px;
    height: 1px;
    background: #d7d8dd;
}

div.content-page section.collections h2 {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    font: normal 2.1em "parisine-std", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    color: #2d3135;
    display: inline-block;
    background: #f5f5fa;
}

div.content-page section.collections h3 {
    font: italic 1.25em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #2d3135;
    margin: 65px 0 75px 0;
}

div.content-page section.collections div.parcours {
    display: inline-block;
    height: 100%;
    width: 100%;
}

div.content-page section.collections div.parcours div.parcours-container {
    display: inline-block;
    width: 930px;
    text-align: center;
}

div.content-page section.collections div.parcours div.parcours-container figure {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin: 0 30px 30px 0;
    width: 290px;
    height: 490px;
    background: #fff;
    /*
          a
          {
          	position:absolute;
          	top:2%;
          	left:2%;
          	z-index:3;
          	display:block;
          	width:96%;
          	height:96%;
          	background:url(../img/trans-ie8.png) 0 0 repeat\0;//only IE8;
          }
          */
}

div.content-page section.collections div.parcours div.parcours-container figure.last {
    margin-right: 0;
}

div.content-page section.collections div.parcours div.parcours-container figure img {
    position: relative;
    z-index: 1;
    display: inherit;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

div.content-page section.collections div.parcours div.parcours-container figure figcaption {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100px;
    padding: 0 10px;
    overflow: hidden;
    display: table;
    text-align: center;
    background-color: #fff;
}

div.content-page section.collections div.parcours div.parcours-container figure figcaption p {
    display: table-cell;
    vertical-align: middle;
    font: normal 1.25em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #2d3135;
    text-align: center;
}

div.content-page section.collections div.parcours div.parcours-container figure a {
    position: relative;
    z-index: 3;
    display: block;
}


div.content-page section.collections div.map {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 930px;
    width: 100%;
    height: 390px;
    background: #fff;
}

div.content-page section.collections div.map img {
    position: relative;
    top: 0;
    left: 50%;
    height: 100%;
    margin-left: -100%;
}

div.content-page section.collections div.map div.objets {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    background: #39b54b;
    cursor: pointer;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

div.content-page section.collections div.map div.objets:after {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    top: 36px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid #39b54b;
    border-left: 8px solid transparent;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

div.content-page section.collections div.map div.objets button {
    font: normal 0.875em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
}

div.content-page section.collections div.map div.objets button span {
    font-weight: 400;
}

div.content-page section.collections div.map div.objets a {
    display: none;
}

div.content-page section.collections div.map div.objets.amerique {
    top: 80px;
    left: 680px;
}

div.content-page section.collections div.map div.objets.amerique:hover {
    left: 665px;
}

div.content-page section.collections div.map div.objets.afrique {
    top: 190px;
    left: 50px;
}

div.content-page section.collections div.map div.objets.afrique:hover {
    left: 35px;
}

div.content-page section.collections div.map div.objets.europe {
    top: 50px;
    left: 40px;
}

div.content-page section.collections div.map div.objets.europe:hover {
    left: 25px;
}

div.content-page section.collections div.map div.objets.asie {
    top: 110px;
    left: 250px;
}

div.content-page section.collections div.map div.objets.asie:hover {
    left: 235px;
}

div.content-page section.collections div.map div.objets.oceanie {
    top: 270px;
    left: 330px;
}

div.content-page section.collections div.map div.objets.oceanie:hover {
    left: 305px;
}

div.content-page section.collections div.map div.objets:hover {
    padding: 20px 25px;
    background: #fff;
}

div.content-page section.collections div.map div.objets:hover:after {
    border-top-color: #fff;
}

div.content-page section.collections div.map div.objets:hover button {
    display: block;
    margin-bottom: 15px;
    color: #2d3135;
}

div.content-page section.collections div.map div.objets:hover a {
    display: block;
    padding: 0 20px;
    font: normal 0.75em/38px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #39b54b;
}

div.content-page section.vous-etes {
    width: 100%;
    margin-top: 115px;
}

div.content-page section.vous-etes > div.diaporama {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 520px;
    text-align: center;
}

div.content-page section.vous-etes > div.diaporama h2 {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    margin-top: -90px;
    width: 100%;
    font: normal 4em "parisine-std", sans-serif;
    font-weight: 700;
    font-variant: small-caps;
    color: #fff;
}

div.content-page section.vous-etes > div.diaporama ul.photos {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    background: #2d3135;
}

div.content-page section.vous-etes > div.diaporama ul.photos li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

div.content-page section.vous-etes > div.diaporama ul.photos li img {
    position: relative;
    left: 50%;
    display: inline-block;
    margin-left: -100%;
    height: 100%;
}

div.content-page section.vous-etes > div.diaporama ul.photos li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}

div.content-page section.vous-etes > div.diaporama div.nav {
    position: relative;
    top: -100px;
    z-index: 1;
    width: 930px;
    height: 100px;
    display: inline-block;
    overflow: hidden;
    background: #2b2f32;
    background: rgba(43, 47, 50, 0.9);
}

div.content-page section.vous-etes > div.diaporama div.nav ul {
    display: block;
    width: 933px;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li {
    float: left;
    height: 100px;
    padding: 0 10px;
    font: normal 1.063em/18px "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #222629;
    -moz-transition: background 250ms ease-out;
    -o-transition: background 250ms ease-out;
    -webkit-transition: background 250ms ease-out;
    transition: background 250ms ease-out;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li:last-child {
    border-right: none;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li button {
    background: none;
    color: #fff;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li span {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li span:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    display: inline-block;
    width: 0%;
    height: 5px;
    background: #39b54b;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li.active {
    background: #fff;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li.active button {
    background: #fff;
    color: #2b2f32;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li.active span:after {
    width: 100%;
}

div.content-page section.vous-etes > div.diaporama div.nav ul li:hover span:after {
    width: 100%;
}

div.content-page section.vous-etes div.results {
    width: 100%;
    max-width: 930px;
    min-width: 760px;
    margin: 60px auto 0 auto;
}

div.content-page section.vous-etes div.results div.block-results h3 {
    display: inline-block;
    width: 620px;
    font: italic 1.25em/30px "parisplus-clair", sans-serif;
    font-weight: 700;
}

div.content-page section.vous-etes div.results div.block-results div.diaporama {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 930px;
}

div.content-page section.vous-etes div.results div.block-results div.diaporama ul {
    display: inline-block;
    width: 930px;
    height: 435px;
    margin-top: 60px;
    text-align: left;
}

div.content-page section.vous-etes div.results div.block-results div.diaporama ul li {
    float: left;
    margin: 0 30px 50px 0;
    text-align: center;
}

div.content-page section.vous-etes div.results div.block-results div.diaporama ul li.last {
    margin-right: 0;
}

div.content-page section.vous-etes div.results div.block-results div.diaporama ul li h4 {
    margin: 40px 0 30px 0;
    font: normal 1.125em "parisplus-std", sans-serif;
    font-weight: 700;
}

a.bt-green,
div.content-page section.vous-etes div.results div.block-results div.diaporama ul li a.bt-green {
    position: relative;
    height: 50px;
    display: inline-block;
}

a.bt-green:before,
div.content-page section.vous-etes div.results div.block-results div.diaporama ul li a.bt-green:before,
a.bt-green:after,
div.content-page section.vous-etes div.results div.block-results div.diaporama ul li a.bt-green:after {
    content: attr(data-content);
    font: normal 0.875em/48px "parisplus-std", sans-serif;
    font-weight: 700;
}

a.bt-green:after,
div.content-page section.vous-etes div.results div.block-results div.diaporama ul li a.bt-green:after {
    background-color: #f5f5fa;
}

@media only screen and (max-width: 960px) {
    div.content-page {
        /* ------------------------ */
        /* --- CAROUSSEL */
        /* ------------------------ */
        /* ------------------------ */
        /* --- COLLECTIONS */
        /* ------------------------ */
        /* ------------------------ */
        /* --- MAP */
        /* ------------------------ */
        /* ------------------------ */
        /* --- VOUS ETES */
        /* ------------------------ */
    }

    div.content-page section.caroussel {
        padding: 0 78px 0 20px;
    }

    div.content-page section.caroussel ul.nav li {
        padding: 32px 15px 0 15px;
        font-size: 0.65em;
    }

    div.content-page section.caroussel div.legend {
        left: auto;
    }

    div.content-page section.collections div.parcours {
        width: 640px;
    }

    div.content-page section.collections div.parcours div.parcours-container {
        width: 100%;
    }

    div.content-page section.collections div.map {
        height: 320px;
        width: 768px;
        margin: 0 auto;
    }

    div.content-page section.collections div.map img {
        width: 100%;
        height: auto;
        left: 0;
        margin-left: 0;
    }

    div.content-page section.collections div.map div.objets.amerique {
        left: 40px;
        top: 70px;
    }

    div.content-page section.collections div.map div.objets.amerique:hover {
        left: 25px;
    }

    div.content-page section.collections div.map div.objets.europe {
        top: 30px;
        left: 295px;
    }

    div.content-page section.collections div.map div.objets.europe:hover {
        left: 280px;
    }

    div.content-page section.collections div.map div.objets.afrique {
        left: 330px;
        top: 180px;
    }

    div.content-page section.collections div.map div.objets.afrique:hover {
        left: 285px;
    }

    div.content-page section.collections div.map div.objets.asie {
        left: 510px;
        top: 80px;
    }

    div.content-page section.collections div.map div.objets.asie:hover {
        left: 475px;
    }

    div.content-page section.collections div.map div.objets.oceanie {
        left: 580px;
        top: 230px;
    }

    div.content-page section.collections div.map div.objets.oceanie:hover {
        left: 535px;
    }

    div.content-page section.map div.nav div.nav-content {
        width: 95%;
    }

    div.content-page section.map div.nav div.nav-content ul.bt-pictos {
        width: 560px;
    }

    div.content-page section.map div.nav div.nav-content ul.bt-pictos li {
        margin: 0 8px;
    }

    div.content-page section.vous-etes div.results div.block-results {
        overflow: hidden;
    }

    div.content-page section.vous-etes div.results div.block-results div.diaporama {
        width: 640px;
    }

    div.content-page section.vous-etes div.results div.block-results div.diaporama ul {
        width: 100%;
    }

    div.content-page section.vous-etes div.results div.block-results div.diaporama ul li {
        margin: 0 12px 50px;
    }

    div.content-page section.vous-etes div.diaporama div.nav ul li {
        font-size: 1em;
        padding: 0 22px;
    }
}

@media only screen and (min-width: 1440px) {
    div.content-page section.vous-etes > div.diaporama ul.photos li img {
        left: 0;
        margin-left: 0;
        height: auto;
        width: 100%;
    }
}

div.content-page {
    /* -----------------------------
  	MEDIA QUERIES - MAX-WIDTH 1440
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - MAX-WIDTH 1440
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - MAX-WIDTH 960
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-page div.header-inner {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-width: 760px;
    height: 615px;
}

div.content-page div.header-inner.small {
    height: 570px;
}

div.content-page div.header-inner.mini {
    height: 300px;
}

div.content-page div.header-inner.dark {
    background-color: #2e3134;
}

div.content-page div.header-inner figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2d3135;
}

div.content-page div.header-inner figure img {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

div.content-page div.header-inner figure img.show {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.content-page div.header-inner div.titles.edito.medium h1 {
    font-size: 5em;
    line-height: 85px;
}
div.content-page div.header-inner div.titles.edito h1 {
    font: normal 6.5em "parisplus-std",sans-serif;
    font-weight: normal;
    font-size: 6.5em;
    line-height: normal;
    font-weight: 700;
    color: #fecf2d;
    text-transform: uppercase;
}

div.content-page div.header-inner figure:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

div.content-page div.header-inner div.titles {
    position: relative;
    top: 50%;
    left: 0;
    z-index: 1;
    max-width: 1100px;
    margin: -35px auto 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.content-page div.header-inner div.titles h1 {
    display: inline-block;
    font: 700 4em "parisplus-clair", sans-serif;
    color: #fff;
}

div.content-page div.header-inner div.titles h2 {
    font: normal 2.3em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    padding-top: 5px;
}

div.content-page div.header-inner div.titles.edito h1 {
    font: normal 6.5em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fecf2d;
    text-transform: uppercase;
}

div.content-page div.header-inner div.titles.edito.medium h1 {
    font-size: 5em;
    line-height: 85px;
}

div.content-page div.header-inner div.titles.edito.medium h2 {
    padding-top: 15px;
    font-size: 1.6em;
}

div.content-page div.header-inner div.titles.edito.small h1 {
    font-size: 4em;
    line-height: 75px;
}

div.content-page div.header-inner div.titles.edito.small h2 {
    padding-top: 15px;
    font-size: 1.5em;
}

div.content-page div.header-inner div.titles.edito.xsmall h1 {
    font-size: 3em;
    line-height: 55px;
}

div.content-page div.header-inner div.titles.edito.xsmall h2 {
    padding-top: 15px;
    font-size: 1em;
}

div.content-page div.header-inner div.titles.edito-mini-title {
    margin-top: 0;
}

div.content-page div.header-inner div.titles.edito-mini-title h2 {
    font: normal 1.875em "parisplus-clair", sans-serif;
    color: #fff;
}

div.content-page div.header-inner div.titles.edito-mini-title.small {
    font-size: 0.8em;
}

div.content-page div.header-inner div.date {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    color: #fff;
    font: normal 2em "parisplus-clair", sans-serif;
    font-weight: 700;
}

div.content-page div.header-inner div.date span.arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 14px;
    height: 7px;
    margin: 0 10px;
    background: url(../img/icons.png) 0 -13px no-repeat;
}

div.content-page div.header-inner div.date span.month {
    display: inline-block;
    font-size: 0.65em;
}

div.content-page div.header-inner div.date:after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background: #fff;
}

div.content-page div.header-inner > button.arrow {
    position: absolute;
    bottom: 105px;
    left: 50%;
    z-index: 1;
    display: block;
    width: 52px;
    height: 52px;
    margin-left: -22px;
    background: url(../img/icons.png) 0 -64px no-repeat;
    cursor: pointer;
}

div.content-page div.header-inner > button.arrow svg {
    height: 100%;
    width: 100%;
}

div.content-page div.header-inner > button.arrow svg.svg-1 path {
    stroke-dashoffset: -157;
    stroke-dasharray: 157;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page div.header-inner > button.arrow svg.svg-1.inverse path {
    stroke-dashoffset: 157 !important;
}

div.content-page div.header-inner > button.arrow svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page div.header-inner > button.arrow svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 157;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page div.header-inner > button.arrow svg.svg-2.anim path {
    stroke-dashoffset: 157;
}

div.content-page div.header-inner > button.arrow svg {
    position: absolute;
    top: 0;
    left: 0;
}

div.content-page div.breadcrumb {
    position: relative;
    top: 0px;
    left: 0;
    z-index: 1;
    width: 930px;
    min-width: 760px;
    height: 70px;
    margin: -70px auto 0 auto;
    text-align: left;
    background: #39b54b;
}

div.content-page div.breadcrumb.out {
    margin-top: 0;
}

div.content-page div.breadcrumb ol {
    display: inline-block;
}

div.content-page div.breadcrumb ol li {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    padding: 0 18px 0 14px;
    font: normal 0.875em/70px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
}

div.content-page div.breadcrumb ol li > a {
    display: block;
    height: 100%;
    width: 100%;
    color: #fff;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

div.content-page div.breadcrumb ol li.active > a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.content-page div.breadcrumb ol li.active:after {
    display: none;
}

div.content-page div.breadcrumb ol li.home {
    width: 70px;
    height: 70px;
    background: url(../img/icons.png) -52px -58px no-repeat;
}

div.content-page div.breadcrumb ol li.share {
    position: absolute;
    right: 0;
    left: auto;
    width: 70px;
    height: 70px;
    background-color: #4b4e52;
    z-index: 2;
    cursor: pointer;
    -moz-transition: width 200ms ease-out;
    -o-transition: width 200ms ease-out;
    -webkit-transition: width 200ms ease-out;
    transition: width 200ms ease-out;
}

div.content-page div.breadcrumb ol li.share button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    display: block;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-page div.breadcrumb ol li.share:after {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 24px;
    height: 24px;
    background: url(../img/icons.png) -308px -72px no-repeat;
}

div.content-page div.breadcrumb ol li.share.close {
    width: 210px;
}

div.content-page div.breadcrumb ol li.share.close:after {
    top: 24px;
    right: 26px;
    width: 17px;
    height: 20px;
    background-position: -47px -15px;
}

div.content-page div.breadcrumb ol li.share.close ul {
    width: 140px;
    height: 70px;
}

div.content-page div.breadcrumb ol li.share ul {
    position: absolute;
    top: 0;
    right: 70px;
    width: 0;
    display: inline-block;
    overflow: hidden;
}

div.content-page div.breadcrumb ol li.share ul li {
    position: absolute;
    top: 0;
    width: 70px;
    height: 70px;
    -moz-transition: background 150ms;
    -o-transition: background 150ms;
    -webkit-transition: background 150ms;
    transition: background 150ms;
}

div.content-page div.breadcrumb ol li.share ul li:after {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px;
    background: url(../img/icons-share.png) 0 0 no-repeat;
}

div.content-page div.breadcrumb ol li.share ul li.twitter {
    left: 70px;
    background-color: #55acee;
}

div.content-page div.breadcrumb ol li.share ul li.twitter:after {
    background-position: -70px -70px;
}

div.content-page div.breadcrumb ol li.share ul li.facebook {
    left: 0;
    background-color: #3a5795;
}

div.content-page div.breadcrumb ol li.share ul li.facebook:after {
    background-position: -15px -70px;
}

div.content-page div.breadcrumb ol li.share ul li:hover {
    background-color: #4b4e52;
}

div.content-page div.breadcrumb ol li.share ul li a {
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

div.content-page div.breadcrumb ol li:after {
    content: "";
    position: absolute;
    top: 30px;
    right: 0;
    width: 6px;
    height: 10px;
    display: block;
    background: url(../img/icons.png) -17px 0 no-repeat;
}

@media only screen and (min-width: 1440px) {
    div.content-page div.header-inner figure img {
        left: 0;
        margin-left: 0;
        height: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    div.content-page div.breadcrumb {
        width: calc(100% - 60px);
        margin-left: 0;
    }

    div.content-page div.header-inner div.date {
        font-size: 1.5em;
    }

    div.content-page div.header-inner div.date:after {
        top: 40px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-page div.header-inner div.date span.arrow {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page div.header-inner > button.arrow {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page div.header-inner div.breadcrumb ol li.home {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page div.header-inner div.breadcrumb ol li:after {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

div.content-page {
    /* ----------------
  	SECTION EDITO
  -------------------*/
    /* ----------------
  	SECTION CAROUSSEL
  -------------------*/
    /* ----------------
  	SECTION MORE LINKS
  -------------------*/
    /* ----------------
  	SECTION ABOUT
  -------------------*/
    /* ----------------
  	SECTION PARTNERS
  -------------------*/
    /* -----------------------------
  		MEDIA QUERIES - WIDTH
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - WIDTH
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-page section.edito {
    overflow: hidden;
    width: 930px;
    margin: 0px auto 0;
    display: block;
}

div.content-page .col>section.edito {
	width: 100%;
}

div.content-page section.edito:first-of-type article {
    margin-top: 50px;
}

div.content-page section.edito.full {
    width: 100%;
}

div.content-page section.edito article {
    width: 100%;
    max-width: 930px;
    /*min-width: 760px;*/
    margin: 70px auto 30px auto;
    text-align: left;
}

div.content-page section.edito article.closed {
    display: none;
}

div.content-page section.edito article div.col {
    float: left;
    width: 435px;
}

div.content-page section.edito article div.col.col1 {
    margin-right: 60px;
}

div.content-page section.edito article div.col.col1:only-child {
    /*
    margin: 0 20px;
    width: 96%;
     */
    margin: 0;
    width: 100%;
}

div.content-page section.edito article div.full-width > *:first-child {
    margin-top: 0;
}

div.content-page section.edito article div.full-width > figure {
    margin-top: 60px;
}

div.content-page section.edito article div.full-width figcaption {
    margin-top: 0;
    margin-bottom:15px;
    font: normal 0.75em/20px "parisine-std", sans-serif;
    color: #bbb;
}

div.content-page section.edito article h2 {
    margin: 30px 0 30px;
    font: normal 1.625em "parisplus-std", sans-serif;
    color: #2d3135;
    text-transform: uppercase;
}

div.content-page section.edito article h3, div.drawer h3 {
    margin: 30px 0;
    font: 700 1.125em "parisplus-std", sans-serif;
    color: #39b54b;
    text-transform: uppercase;
	text-align: left;
}

div.content-page section.edito article p.stitle,
div.content-page.content-66 section.edito article p.stitle{
    margin-top: 30px;
    font: italic 1.563em/40px "parisine-std-clair", sans-serif;
    color: #4b4e52;
    font-weight: 700;
}

div.content-page section.edito article p.stitle a {
    color: #4b4e52;
}

div.content-page section.edito article p:not(.stitle) {
    font: normal 1em/30px "parisplus-std", sans-serif;
    color: #2d3135;
    margin: 30px 0;
}

div.content-page section.edito article p:not(.stitle):last-child {
    margin-bottom: 0;
}

div.content-page section.edito article p:not(.stitle) a {
    color: #39b54b;
    text-decoration: underline;
}

div.content-page section.edito article p:not(.stitle) a.bt-green {
    color: transparent;
    text-decoration: none;
}

div.content-page section.edito article p:not(.stitle) a:hover {
    text-decoration: none;
}

div.content-page section.edito article p:not(.stitle) b, div.content-page section.edito article p:not(.stitle) strong {
    font-weight: 700;
}

div.content-page section.edito article div.items {
    margin-bottom: 110px;
}

div.content-page section.edito article div.items ul {
    display: block;
    text-align: left;
}

div.content-page section.edito article div.items ul li {
    position: relative;
    margin: 5px 30px 0;
    font: normal 1em/30px "parisplus-std", sans-serif;
    color: #2d3135;
}

div.content-page section.edito article div.items ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -25px;
    display: block;
    width: 8px;
    height: 12px;
    background: url(../img/icons.png) -78px -19px no-repeat;
}

div.content-page section.edito article div.col > figure img {
    width: 100%;
}

div.content-page section.edito article div.col > figure figcaption {
    margin-top: 15px;
    font: normal 0.75em/20px "parisine-std", sans-serif;
    color: #bbb;
}

div.content-page section.edito article div.infos {
    margin-top: 40px;
    margin-bottom: 50px;
}

div.content-page section.edito article div.infos > ul {
    display: block;
}

div.content-page section.edito article div.infos > ul > li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    min-height: 70px;
    padding: 20px 0 20px 20px;
    font: normal 1em/25px "parisplus-std", sans-serif;
    color: #4b4e52;
    border-bottom: 1px solid #e0e0e4;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-page section.edito article div.infos > ul > li a {
    color: #4b4e52;
}

div.content-page section.edito article div.infos > ul > li a:hover {
    color: #39b54b;
}

div.content-page section.edito article div.infos > ul > li:last-child {
    border: none;
}

div.content-page section.edito article div.infos > ul > li span {
    float: left;
    font-weight: 700;
}

div.content-page section.edito article div.infos > ul > li:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 15px;
    display: none;
    width: 30px;
    height: 30px;
    background: url(../img/icons.png) 0 0 no-repeat;
}

div.content-page section.edito article div.infos > ul > li.date {
    padding-left: 60px;
}

div.content-page section.edito article div.infos > ul > li.date:before {
    display: block;
    background-position: 0 -35px;
}

div.content-page section.edito article div.infos > ul > li.lieu {
    padding-left: 60px;
}

div.content-page section.edito article div.infos > ul > li.lieu:before {
    display: block;
    background-position: -30px -35px;
}

div.content-page section.edito article div.infos > ul > li.horaires {
    padding-left: 60px;
}

div.content-page section.edito article div.infos > ul > li.horaires:before {
    display: block;
    background-position: -60px -35px;
}

div.content-page section.edito article div.infos > ul > li.tarifs {
    padding-left: 60px;
}

div.content-page section.edito article div.infos > ul > li.tarifs:before {
    display: block;
    background-position: -90px -35px;
}

div.content-page section.edito article div.infos > ul > li ul.icons-access {
    margin: -6px 0 0 10px;
}

div.content-page section.edito article div.infos > ul > li ul.icons-access li {
    margin: 0 2px;
}

div.content-page section.edito article div.player-media {
    width: 435px;
    height: 315px;
}

div.content-page section.edito article div.player-media figure {
    width: 100%;
    height: 245px;
}

div.content-page section.edito article div.player-media figure img {
    height: 100%;
}

div.content-page section.edito article div.player-media div.player-video-js div.vjs-default-skin {
    width: 100% !important;
    height: 100% !important;
}

div.content-page section.edito article div.player-media div.player-video .ctn-youtube {
    width: 100%;
    height: 245px;
}

div.content-page div.twitter {
    background-color: #fff;
}

div.content-page div.twitter div.bloc-title {
    height: 70px;
    padding: 18px 30px 0 40px;
    border-bottom: 1px dotted #96989a;
}

div.content-page div.twitter div.bloc-title strong {
    float: left;
    font: 700 1.25em "parisplus-std", sans-serif;
    color: #39b54b;
    line-height: 35px;
}

div.content-page div.twitter div.bloc-title a.bt-green {
    position: relative;
    float: right;
    height: 35px;
    padding: 0 15px;
    display: inline-block;
}

div.content-page div.twitter div.bloc-title a.bt-green:before, div.content-page div.twitter div.bloc-title a.bt-green:after {
    content: attr(data-content);
    text-transform: none;
    font: normal 0.75em/33px "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-page div.twitter div.bloc-title a.bt-green:after {
    background-color: #fff;
}

div.content-page div.twitter div.bloc-feed {
    padding: 30px 30px;
    overflow: hidden;
}

div.content-page div.twitter div.bloc-feed div.feed {
    width: 100%;
    max-height: 350px;
    height: 100%;
    overflow-y: auto;
    outline: none;
}

div.content-page div.twitter div.bloc-feed div.feed div.tweet {
    margin-right: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e1;
}

div.content-page div.twitter div.bloc-feed div.feed div.tweet:last-child {
    border: none;
}

div.content-page div.twitter div.bloc-feed div.feed div.title {
    position: relative;
    margin-bottom: 30px;
}

div.content-page div.twitter div.bloc-feed div.feed div.title img {
    float: left;
    margin-right: 8px;
}

div.content-page div.twitter div.bloc-feed div.feed div.title span.name {
    padding-top: 5px;
    display: block;
    font: normal 1.125em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #2d3135;
}

div.content-page div.twitter div.bloc-feed div.feed div.title span.user-name {
    display: block;
    font: normal 1em "parisplus-std", sans-serif;
    color: #858585;
}

div.content-page div.twitter div.bloc-feed div.feed div.title span.date {
    position: absolute;
    top: 5px;
    right: 0;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #858585;
}

div.content-page div.twitter div.bloc-feed div.feed div.title a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

div.content-page div.twitter div.bloc-feed div.feed p {
    margin-bottom: 25px;
    font: normal 0.875em/1.5em "parisplus-std", sans-serif;
    color: #2d3135;
}

div.content-page div.twitter div.bloc-feed div.feed p a {
    color: #39b54b;
    text-decoration: none;
}

div.content-page section.edito div.more {
    position: relative;
    top: 0;
    left: 0;
    max-width: 930px;
    min-width: 760px;
    margin: 0 auto;
}

div.content-page section.edito div.more:before {
    content: "";
    position: absolute;
    left: 0;
    top: 80px;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #e5e5ea;
}

div.content-page section.edito div.more button {
    position: relative;
    z-index: 1;
    height: 60px;
    padding: 0 50px;
    margin: 50px 0 0;
    display: inline-block;
    color: #fff;
    background-color: #39b54b;
    font: 700 1em/60px "parisplus-std", sans-serif;
    text-decoration: none;
    border-left: 30px solid #f5f5fa;
    border-right: 30px solid #f5f5fa;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
}

div.content-page section.edito div.more button::before {
	content: "";
	background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/icons.png') -45px -11px no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	transform: rotate(45deg);
}

div.content-page section.edito div.more button:hover {
    background-color: #33a343;
}

div.content-page section.edito div.drawer:before {
	content:"";
	position: absolute;
	left: 0;
	top: 80px;
	display: block;
	height: 1px;
	width: 100%;
	background-color: #e5e5ea;
}

div.content-page section.edito div.drawer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	padding: 0 10px;
}

div.content-page section.edito div.drawer + article {
	background: #ffffff;
	margin-left: 0px;
}
div.content-page section.edito div.drawer + article .full-width {
    padding: 10px;
}

div.content-page section.edito div.drawer svg {
    /*
	cursor: pointer;
	stroke: gray;
	stroke-width: 6;
	width: 40px;
	height: 40px;
	min-width: 40px;
     */
    cursor: pointer;
    stroke: gray;
    stroke-width: 6;
    min-width: 40px;
    width: 50px;
    height: 50px;
    top: 0;
    position: absolute;
    left: 0;
    background: blue;
    opacity: 0;
}

div.content-page section.caroussel-expo {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 760px;
    margin: 90px 0;
    background-color: #202428;
}

div.content-page section.caroussel-expo h2 {
    width: 100%;
    max-width: 930px;
    height: 140px;
    margin: 0 auto 0 auto;
    font: normal 2em/140px "parisplus-std", sans-serif;
    color: #fff;
    text-align: left;
}

div.content-page section.caroussel-expo div.diaporama {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 435px;
    overflow: hidden;
    margin-bottom: 40px;
}

div.content-page section.caroussel-expo div.diaporama ul {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}

div.content-page section.caroussel-expo div.diaporama ul li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.content-page section.caroussel-expo div.diaporama ul li:hover {
    cursor: pointer;
}

div.content-page section.caroussel-expo div.diaporama ul li.mask:hover {
    cursor: default;
}

div.content-page section.caroussel-expo div.diaporama ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    -moz-transition: background 450ms;
    -o-transition: background 450ms;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

div.content-page section.caroussel-expo div.diaporama ul li.mask:after {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

div.content-page section.caroussel-expo div.diaporama ul li img {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    height: 100%;
    overflow: hidden;
	margin: auto;
}

div.content-page section.caroussel-expo div.bottom {
    position: relative;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
}

div.content-page section.caroussel-expo div.diaporama div.arrows {
    top: 0px;
    left: 0;
    z-index: 1;
    width: 100%;
	padding: 0 60px;
    margin-top: -250px;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    height: 61px;
    width: 60px;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow.next {
    margin-left: 10px;
    background: url(../img/icons.png) -9px -447px no-repeat;
    float: right;
    position: relative;
    margin-right: 12%;
	background-size: 700%;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow.previous {
    background: url(../img/icons.png) -9px -447px no-repeat;
    float: left;
    position: relative;
    margin-left: 12%;
    transform: rotate(180deg);
	background-size: 700%;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow svg {
    height: 100%;
    width: 100%;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow svg.svg-1 path {
    stroke-dashoffset: -189;
    stroke-dasharray: 189;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow svg.svg-1.inverse path {
    stroke-dashoffset: 189 !important;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 189;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow svg.svg-2.anim path {
    stroke-dashoffset: 189;
}

div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

div.content-page section.caroussel-expo div.bottom div.legend {
    width: 380px;
    margin: 0 auto;
    padding-bottom: 20px;
    z-index: 10;
    position: relative;
	text-align: center;
	min-height: 120px;
}

div.content-page section.caroussel-expo div.bottom div.legend h3 {
    font: normal 1.25em/28px "parisplus-std", sans-serif;
    color: #fff;
	text-transform: none;
	margin-bottom: 15px;
	text-align: center;
}

div.content-page section.caroussel-expo div.bottom div.legend p {
	font: normal 0.9em/22px "parisplus-std", sans-serif;
	color: #fff;
	margin-bottom: 15px;
}

div.content-page section.caroussel-expo div.bottom div.legend span.credits {
    display: block;
    font: normal 0.75em/18px "parisplus-std", sans-serif;
    color: #4b4e52;
    position: relative;
}

div.content-page section.more-links {
    position: relative;
    top: 0;
    width: 930px;
    min-width: 760px;
    margin: 45px auto 0;
    text-align: left;
    overflow: hidden;
}

div.content-page section.more-links h2 {
    max-width: 300px;
    font: 700 1.375em "parisine-std", sans-serif;
    margin-bottom: 5px;
}

div.content-page section.more-links p {
    max-width: 300px;
    color: #8a8e93;
    font: italic 0.938em "parisine-std", sans-serif;
    line-height: 1.5em;
}

div.content-page section.more-links.opened div.wrap-ctn button.plus span.bar-v {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

div.content-page section.more-links div.wrap-ctn {
    position: relative;
    padding: 40px 40px;
    background-color: #202428;
    cursor: pointer;
}

div.content-page section.more-links div.wrap-ctn button.plus {
    position: absolute;
    z-index: 2;
    height: 51px;
    width: 51px;
    right: 40px;
    top: 40px;
    background: url(../img/icons.png) -194px -316px no-repeat;
    cursor: pointer;
}

div.content-page section.more-links div.wrap-ctn button.plus svg {
    height: 100%;
    width: 100%;
}

div.content-page section.more-links div.wrap-ctn button.plus svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.more-links div.wrap-ctn button.plus svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

div.content-page section.more-links div.wrap-ctn button.plus svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page section.more-links div.wrap-ctn button.plus svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.more-links div.wrap-ctn button.plus svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

div.content-page section.more-links div.wrap-ctn button.plus svg {
    position: absolute;
    top: 0;
    left: 0;
}

div.content-page section.more-links div.wrap-ctn button.plus span.bar-h, div.content-page section.more-links div.wrap-ctn button.plus span.bar-v {
    position: absolute;
    background-color: #fff;
}

div.content-page section.more-links div.wrap-ctn button.plus span.bar-h {
    width: 12px;
    height: 2px;
    top: 24px;
    left: 19px;
}

div.content-page section.more-links div.wrap-ctn button.plus span.bar-v {
    height: 12px;
    width: 2px;
    top: 19px;
    left: 24px;
    -moz-transition: all 130ms ease-out;
    -o-transition: all 130ms ease-out;
    -webkit-transition: all 130ms ease-out;
    transition: all 130ms ease-out;
}

div.content-page section.more-links div.wrap-ctn h2 {
    color: #fff;
}

div.content-page section.more-links div.more-ctn {
    height: 0;
    width: 100%;
    padding: 0 60px;
    background-color: #fff;
    overflow: hidden;
}

div.content-page section.more-links div.more-ctn ul {
	height: 250px;
    position: relative;
    margin: 90px 0 60px;
}

div.content-page section.more-links div.more-ctn ul li {
    position: relative;
    width: 210px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 90px;
}

div.content-page section.more-links div.more-ctn ul li:last-child {
    margin-right: 0;
}

div.content-page section.more-links div.more-ctn ul li strong {
    margin-bottom: 5px;
    color: #24272a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 700 1.125em "parisplus-std", sans-serif;
}

div.content-page section.more-links div.more-ctn ul li p {
    font: 700 italic 1.125em "parisplus-clair", sans-serif;
    color: #24272a;
}

div.content-page section.more-links div.more-ctn ul li span {
    display: block;
    width: 157px;
    height: 130px;
    margin: 0 auto 50px;
}

div.content-page section.more-links div.more-ctn ul li span.icon-pdf {
    background: url(../img/icon-pdf.png) 0 0 no-repeat;
}

div.content-page section.more-links div.more-ctn ul li span.icon-link {
    background: url(../img/icon-link.png) 0 0 no-repeat;
}

div.content-page section.more-links div.more-ctn ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.content-page section.more-links div.more-ctn div.nav {
    width: 100%;
    text-align: center;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-page section.more-links div.more-ctn div.nav button {
    position: relative;
    display: inline-block;
    height: 60px;
    width: 60px;
    cursor: pointer;
    -moz-transition: opacity 100ms ease-in-out;
    -o-transition: opacity 100ms ease-in-out;
    -webkit-transition: opacity 100ms ease-in-out;
    transition: opacity 100ms ease-in-out;
}

div.content-page section.more-links div.more-ctn div.nav button svg {
    height: 100%;
    width: 100%;
}

div.content-page section.more-links div.more-ctn div.nav button svg.svg-1 path {
    stroke-dashoffset: -189;
    stroke-dasharray: 189;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.more-links div.more-ctn div.nav button svg.svg-1.inverse path {
    stroke-dashoffset: 189 !important;
}

div.content-page section.more-links div.more-ctn div.nav button svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page section.more-links div.more-ctn div.nav button svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 189;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.more-links div.more-ctn div.nav button svg.svg-2.anim path {
    stroke-dashoffset: 189;
}

div.content-page section.more-links div.more-ctn div.nav button svg {
    position: absolute;
    top: 0;
    left: 0;
}

div.content-page section.more-links div.more-ctn div.nav button.disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
    pointer-events: none;
}

div.content-page section.more-links div.more-ctn div.nav button.left {
    margin-right: 10px;
    background: url(../img/icons.png) -186px -370px no-repeat;
}

div.content-page section.more-links div.more-ctn div.nav button.right {
    background: url(../img/icons.png) -4px -426px no-repeat;
}

div.content-page section.about {
    position: relative;
    top: 0;
    height: 170px;
    width: 930px;
    min-width: 760px;
    margin: 45px auto 0;
    text-align: left;
}

div.content-page section.about div.wrap-ctn {
    position: relative;
    height: 100%;
    padding: 50px 0 0 40px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 0 #d9dde2;
    -webkit-box-shadow: 0 2px 0 #d9dde2;
    box-shadow: 0 2px 0 #d9dde2;
}

div.content-page section.about div.wrap-ctn button.arrow {
    position: absolute;
    z-index: 0;
    top: 60px;
    height: 51px;
    width: 51px;
    right: 40px;
    background: url(../img/icons.png) -7px -372px no-repeat;
    cursor: pointer;
}

div.content-page section.about div.wrap-ctn button.arrow svg {
    height: 100%;
    width: 100%;
}

div.content-page section.about div.wrap-ctn button.arrow svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.about div.wrap-ctn button.arrow svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

div.content-page section.about div.wrap-ctn button.arrow svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page section.about div.wrap-ctn button.arrow svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.about div.wrap-ctn button.arrow svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

div.content-page section.about div.wrap-ctn button.arrow svg {
    position: absolute;
    top: 0;
    left: 0;
}

div.content-page section.about div.wrap-ctn h2 {
    padding-right: 120px;
    font: 700 1.375em "parisine-std", sans-serif;
    margin-bottom: 5px;
    color: #4b4e52;
}

div.content-page section.about div.wrap-ctn p {
    padding-right: 120px;
    color: #8a8e93;
    font: italic 0.938em "parisine-std", sans-serif;
    line-height: 1.5em;
}

div.content-page section.about div.wrap-ctn a {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../img/trans-ie8.png) 0 0 repeat \0;
}

div.content-page section.partners {
    margin-top: 90px;
    width: 100%;
    min-width: 760px;
    padding: 130px 0 40px;
    background-color: #fff;
}

div.content-page section.partners .wrap {
    width: 930px;
    margin: 0 auto;
}

div.content-page section.partners .wrap h2, div.content-page section.partners .wrap ul {
    display: inline-block;
    vertical-align: top;
}

div.content-page section.partners .wrap h2 {
    font: 700 1.125em "parisine-std-clair", sans-serif;
    color: #2d3135;
    text-transform: uppercase;
    margin-right: 60px;
}

div.content-page section.partners .wrap ul {
    width: 60%;
    text-align: left;
}

div.content-page section.partners .wrap ul li {
    display: inline-block;
    margin: 0 20px 30px 0;
}

@media only screen and (max-width: 767px) {
    div.content-page section.edito article div.full-width {
        padding-right: 80px;
        padding-left: 20px;
    }
}

@media only screen and (max-width: 960px) {
    div.content-page {
        /* ----- section edito ---------- */
        /* ----- section caroussel-expo ---------- */
        /* ----- section more-links ---------- */
        /* ----- section about ---------- */
        /* ----- section partners ---------- */
    }

    div.content-page section.edito article > h2 {
        padding-left: 20px;
    }

    div.content-page section.edito article div.col {
        width: 100%;
        padding: 0 80px 0 20px;
    }

    div.content-page section.edito article div.col.col1 {
        margin-bottom: 50px;
    }

    div.content-page section.edito article div.col.col2 div.video img {
        width: 100%;
    }

    div.content-page section.caroussel-expo h2 {
        width: 100%;
        margin-left: 50px;
    }

    div.content-page section.caroussel-expo div.diaporama div.arrows {
        left: 20px;
    }

    div.content-page section.more-links {
        width: 100%;
        padding: 0 80px 0 20px;
    }

    div.content-page section.about {
        width: 100%;
        padding: 0 80px 0 20px;
    }

    div.content-page section.partners {
        padding: 80px 0 10px;
    }

    div.content-page section.partners div.wrap {
        width: 100%;
    }

    div.content-page section.partners div.wrap h2 {
        display: block;
        margin: 30px 0 50px;
    }

    div.content-page section.partners div.wrap ul {
        width: 80%;
        text-align: center;
    }

    div.content-page section.partners div.wrap ul li {
        margin-bottom: 20px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-page {
        /* ----- section edito ---- */
        /* ----- section caroussel expo ---- */
        /* ----- section more-links ---- */
    }

    div.content-page section.edito article div.infos > ul > li:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page section.edito article div.items ul li:before {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page section.edito article div.media div.player-video-js div.wrap button.bt-play {
        background-size: 100px 87px;
        background-image: url(../img/icons-player@2x.png);
    }

    div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow.next {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page section.caroussel-expo div.diaporama div.arrows button.arrow.previous {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page section.more-links div.wrap-ctn button.plus {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page section.more-links div.more-ctn ul li span.icon-pdf {
        background-size: 157px 130px;
        background-image: url(../img/icon-pdf@2x.png);
    }

    div.content-page section.more-links div.more-ctn ul li span.icon-link {
        background-size: 157px 130px;
        background-image: url(../img/icon-link@2x.png);
    }

    div.content-page section.more-links div.more-ctn div.nav button.left {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page section.more-links div.more-ctn div.nav button.right {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-page section.about div.wrap-ctn button.arrow {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

div.content-page {
    /* ----------------
  	SECTION EXPOSITIONS
  -------------------*/
    /* ----------------
  	SECTION PAST EVENTS
  -------------------*/
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH - 960
  --------------------------------*/
}

div.content-page form.event-filter div.filters div.item-select {
    width: 205px;
    margin: 0 5px;
    text-align: left;
}

div.content-page section.expositions {
    overflow: hidden;
    width: 100%;
}

div.content-page section.expositions form.event-filter.section-filter {
    margin-top: 70px;
}

div.content-page section.expositions form.event-filter.section-filter div.filters div.item-select {
    max-width: 300px;
    width: 100%;
}

div.content-page section.expositions section.news {
    padding-bottom: 30px;
}

div.content-page section.expositions section.soon {
    padding-bottom: 0;
}

div.content-page section.expositions section.news, div.content-page section.expositions section.soon {
    background-color: #f5f5fa;
}

div.content-page section.expositions section.news h2, div.content-page section.expositions section.soon h2 {
    background-color: #f5f5fa;
}

div.content-page section.expositions section.news div.news-wrap div.bloc-news div.more, div.content-page section.expositions section.soon div.news-wrap div.bloc-news div.more {
    height: 325px;
    background-color: #fff;
}

div.content-page section.expositions section.news div.news-wrap div.bloc-news div.more p, div.content-page section.expositions section.soon div.news-wrap div.bloc-news div.more p {
    margin-top: 20px;
    color: #2d3135;
    font: normal 0.875em/25px "parisplus-std", sans-serif;
}

div.content-page section.expositions section.news div.news-wrap div.bloc-news div.more a.more, div.content-page section.expositions section.soon div.news-wrap div.bloc-news div.more a.more {
    height: 50px;
    line-height: 52px;
}

div.content-page section.past-events {
    margin-top: 90px;
    width: 100%;
    min-width: 760px;
    background-color: #202428;
    padding-bottom: 30px;
}

div.content-page section.past-events:before {
    content: "";
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    margin: auto;
    width: 930px;
    height: 1px;
    background-color: #4c5053;
}

div.content-page section.past-events h2 {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    margin: 100px 0 75px;
    font: normal 2.1em "parisine-std", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    background: #202428;
}

div.content-page section.past-events ul {
    width: 930px;
    margin: 80px auto 0;
    text-align: left;
    padding-left: 18px;
    overflow: hidden;
}

div.content-page section.past-events ul li {
    position: relative;
    width: 200px;
    margin: 0 10px 50px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    cursor: pointer;
}

div.content-page section.past-events ul li span.border {
    position: absolute;
    z-index: 1;
    width: 200px;
    height: 300px;
}

div.content-page section.past-events ul li span.border.small {
    height: 250px;
}

div.content-page section.past-events ul li img {
    margin-bottom: 20px;
}

div.content-page section.past-events ul li h3 {
    margin-bottom: 5px;
    font: 700 0.938em "parisplus-std", sans-serif;
    color: #fff;
}

div.content-page section.past-events ul li p {
    font: 700 0.875em "parisplus-clair", sans-serif;
    color: #d9dde2;
}

div.content-page section.past-events ul li a {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 960px) {
    div.content-page section.past-events ul {
        width: 100%;
    }
}

div.content-page {
    /* ----------------
  	SECTION CONCERTS
  -------------------*/
}

div.content-page section.concerts {
    overflow: hidden;
    /* -----------------------------
    MEDIA QUERIES - MAX-WIDTH 960px
    --------------------------------*/
}

div.content-page section.concerts section.affiche {
    width: 930px;
    min-width: 760px;
    text-align: left;
}

div.content-page section.concerts section.affiche:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin: auto;
    width: 930px;
    height: 1px;
    background: #d7d8dd;
}

div.content-page section.concerts section.affiche h2 {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    margin: 65px 0 80px;
    font: normal 2.1em "parisine-std", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    color: #2d3135;
    display: inline-block;
    background: #f5f5fa;
}

div.content-page section.concerts section.affiche a.more {
    padding: 0 28px;
    display: inline-block;
    background-color: #39b54b;
    color: #fff;
    font: 700 0.75em/38px "parisplus-std", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

div.content-page section.concerts section.affiche div.date, div.content-page section.concerts section.affiche div.ctn {
    display: inline-block;
    vertical-align: top;
}

div.content-page section.concerts section.affiche div.date + div.ctn {
    width: 370px;
}

div.content-page section.concerts section.affiche div.ctn {
    position: relative;
    top: 0;
    left: 0;
    padding: 27px 30px;
    text-align: left;
}

div.content-page section.concerts section.affiche div.date {
    max-width: 75px;
    height: 90px;
    overflow: hidden;
    border-right: 1px solid #535454;
    padding: 35px 25px 0;
    color: #fff;
    font: 700 0.75em "parisplus-clair", sans-serif;
}

div.content-page section.concerts section.affiche div.date span.day {
    display: block;
    font-size: 1.75em;
}

div.content-page section.concerts section.affiche article.push-big a.bt-green, div.content-page section.concerts section.affiche article.push a.bt-green {
    position: relative;
    margin-top: 20px;
    height: 40px;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

div.content-page section.concerts section.affiche article.push-big a.bt-green:before, div.content-page section.concerts section.affiche article.push-big a.bt-green:after, div.content-page section.concerts section.affiche article.push a.bt-green:before, div.content-page section.concerts section.affiche article.push a.bt-green:after {
    content: attr(data-content);
    font: normal 0.75em/38px "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-page section.concerts section.affiche article.push-big a.bt-green:after, div.content-page section.concerts section.affiche article.push a.bt-green:after {
    background-color: transparent;
    width: 100%;
}

div.content-page section.concerts section.affiche article.push-big a.bt-green:hover:before, div.content-page section.concerts section.affiche article.push a.bt-green:hover:before {
    left: 100%;
}

div.content-page section.concerts section.affiche article.push-big {
    position: relative;
    height: 390px;
    overflow: hidden;
}

div.content-page section.concerts section.affiche article.push-big div.caption {
    position: absolute;
    z-index: 2;
    width: 460px;
    top: 260px;
    left: 0;
    background-color: #2d3135;
    /* IE8 Fallback */
    background-color: rgba(45, 49, 53, 0.95);
    text-align: left;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-page section.concerts section.affiche article.push-big div.caption div.ctn div.categories {
    font: normal 0.95em "parisplus-std", sans-serif;
    color: #fff;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.content-page section.concerts section.affiche article.push-big div.caption div.ctn h3 {
    margin-bottom: 3px;
    font: 700 1.5em "parisplus-std", sans-serif;
    color: #fff;
    text-transform: uppercase;
    cursor: default;
}

div.content-page section.concerts section.affiche article.push-big div.caption div.ctn h4 {
    font: 700 1.25em "parisplus-clair", sans-serif;
    color: #39b54b;
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
}

div.content-page section.concerts section.affiche article.push-big div.caption div.ctn h4.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

div.content-page section.concerts section.affiche article.push-big div.caption div.ctn p {
    margin-top: 25px;
    width: 300px;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #a4a9b1;
    line-height: 1.8em;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
}

div.content-page section.concerts section.affiche article.push-big div.caption div.ctn p.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

div.content-page section.concerts section.affiche article.push-big div.caption div.ctn a.bt-green {
    margin-top: 35px;
}

div.content-page section.concerts section.affiche article.push-big img {
    display: block;
    height: 100%;
}

div.content-page section.concerts section.affiche article.push-big > a {
    display: block;
    width: 100%;
    height: 100%;
    background: #2d3135;
}

div.content-page section.concerts section.affiche article.push {
    width: 450px;
    display: inline-block;
    vertical-align: top;
    margin-top: 70px;
}

div.content-page section.concerts section.affiche article.push:nth-of-type(even) {
    margin-right: 25px;
}

div.content-page section.concerts section.affiche article.push figure {
    position: relative;
    height: 385px;
    overflow: hidden;
}



div.content-page section.concerts section.affiche article.push figure.fixed figcaption {
    bottom: 0;
}

div.content-page section.concerts section.affiche article.push figure > a {
    display: block;
    width: 100%;
    height: 100%;
    background: #2d3135;
}

div.content-page section.concerts section.affiche article.push figure img {
    width: 100%;
    display: block;
}

div.content-page section.concerts section.affiche article.push figure figcaption {
    position: absolute;
    top: 260px;
    left: 0;
    width: 100%;
    padding-bottom: 25px;
    overflow: hidden;
    background-color: #2d3135;
    /* IE8 Fallback */
    background-color: rgba(45, 49, 53, 0.95);
    text-align: left;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-page section.concerts section.affiche article.push figure figcaption div.ctn div.categories {
    font: normal 0.95em "parisplus-std", sans-serif;
    color: #fff;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.content-page section.concerts section.affiche article.push figure figcaption div.ctn h3 {
    margin-bottom: 3px;
    font: 700 1.5em "parisplus-std", sans-serif;
    color: #fff;
    text-transform: uppercase;
    cursor: default;
}

div.content-page section.concerts section.affiche article.push figure figcaption div.ctn h4 {
    font: 700 1.25em "parisplus-clair", sans-serif;
    color: #39b54b;
    cursor: default;
}

div.content-page section.concerts section.affiche article.push figure figcaption div.ctn a.bt-green {
    margin-top: 35px;
}

div.content-page section.concerts section.affiche article.push div.synopsis {
    height: 190px;
    background-color: #fff;
    padding: 50px;
    text-align: left;
}

div.content-page section.concerts section.affiche article.push div.synopsis p {
    height: 100px;
    overflow: hidden;
    font: normal 0.875em/25px "parisplus-std", sans-serif;
    color: #2d3035;
}

@media screen and (max-width: 960px) {
    div.content-page section.concerts section.affiche {
        width: 100%;
        padding: 0 80px 120px 20px;
    }

    div.content-page section.concerts section.affiche:before {
        left: -60px;
        width: 670px;
    }

    div.content-page section.concerts section.affiche article.push-big {
        width: 100%;
        overflow: hidden;
        margin: 0 auto 70px;
    }

    div.content-page section.concerts section.affiche article.push {
        width: 320px;
    }

    div.content-page section.concerts section.affiche article.push:nth-of-type(even) {
        margin-right: 10px;
    }

    div.content-page section.concerts section.affiche article.push div.ctn {
        width: 240px;
        padding: 35px 20px;
    }

    div.content-page section.concerts section.affiche article.push figure figcaption div.ctn h3 {
        font-size: 1.2em;
    }

    div.content-page section.concerts section.affiche article.push figure figcaption div.ctn h4 {
        font-size: 1.1em;
    }
}

div.content-page {
    /* -----------------------------
  MEDIA QUERIES - MAX-WIDTH 960px
  --------------------------------*/
    /* ---------------------------------------------
  MEDIAS QUERIES RETINA
  ------------------------------------------------ */
}

div.content-page section.social {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    text-align: left;
}

div.content-page section.social div.wrap {
    width: 930px;
    margin: 0 auto;
}

div.content-page section.social h2 {
    margin: 100px 0 50px;
    font: normal 1.25em "parisine-std", sans-serif;
}

div.content-page section.social h2 span.green {
    font-family: "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

div.content-page section.social ul {
    margin-bottom: 100px;
}

div.content-page section.social ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

div.content-page section.social ul li a {
    position: relative;
    padding-left: 60px;
    text-decoration: none;
    color: #4b4e52;
    font: normal 1em "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-page section.social ul li a span.icon {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    height: 50px;
    width: 50px;
    background: url(../img/icons-share.png) 0 0 no-repeat;
}

div.content-page section.social ul li a span.icon svg {
    height: 100%;
    width: 100%;
}

div.content-page section.social ul li a span.icon svg.svg-1 path {
    stroke-dashoffset: -151;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.social ul li a span.icon svg.svg-1.inverse path {
    stroke-dashoffset: 151 !important;
}

div.content-page section.social ul li a span.icon svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page section.social ul li a span.icon svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 151;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.social ul li a span.icon svg.svg-2.anim path {
    stroke-dashoffset: 151;
}

div.content-page section.social ul li a span.icon svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

div.content-page section.social ul li.google a span.icon {
    background-position: -153px 0;
}

div.content-page section.social ul li.twitter a span.icon {
    background-position: -51px 0;
}

div.content-page section.social ul li.youtube a span.icon {
    background-position: -102px 0;
}

div.content-page section.social ul li:last-child {
    margin: 0;
}

div.content-page section.contact div.wrap {
    width: 930px;
    margin: 0 auto;
}

div.content-page section.contact h3 {
    font: normal 1.25em "parisine-std", sans-serif;
}

div.content-page section.contact h3 span.green {
    font-family: "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

div.content-page section.contact section.newsletter {
    text-align: left;
}

div.content-page section.contact section.newsletter h3 {
    margin: 100px 0 10px;
}

div.content-page section.contact section.newsletter p.field-required {
    width: 640px;
    margin: 10px 0 60px;
    font: normal 0.75em/20px "parisplus-std", sans-serif;
    font-weight: bold;
    color: #8a8e93;
}

div.content-page section.contact section.newsletter h4 {
    padding: 40px 0 30px;
    font: normal 1em "parisplus-std", sans-serif;
    color: #4b4e52;
    font-weight: 700;
    display: block;
}

div.content-page section.contact section.newsletter .error {
    border-color: red;
}

div.content-page section.contact section.newsletter label {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    font: normal 1em "parisplus-std", sans-serif;
    width: 100px;
    margin-right: 70px;
}

div.content-page section.contact section.newsletter label span.star {
    color: #8a8e93;
}

div.content-page section.contact section.newsletter fieldset.full legend {
    padding: 40px 0 30px;
    font: normal 1em "parisplus-std", sans-serif;
    color: #4b4e52;
    font-weight: 700;
    display: block;
    width: 100%;
}

div.content-page section.contact section.newsletter fieldset.col-1 legend {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    font: normal 1em "parisplus-std", sans-serif;
    width: 100px;
    margin-right: 70px;
}

div.content-page section.contact section.newsletter ul.checkboxes li label {
    width: auto;
	text-align: left;
	margin-left: 10px;
}

div.content-page section.contact section.newsletter ul.radios li label {
    width: auto;
    margin-right: 20px;
}

div.content-page section.contact section.newsletter div.infos div.field {
    margin-bottom: 20px;
}

div.content-page section.contact section.newsletter div.item-select div.select-custom {
	text-align: left;
	color: #8a8e93;
	font-size: 0.875em;
}

div.content-page section.contact section.newsletter div.field-select {
    margin: 45px 0;
}

div.content-page section.contact section.newsletter div.field-select label {
    vertical-align: middle;
}

div.content-page section.contact section.newsletter div.item-select,
div.content-page section.contact section.newsletter div select[multiple='multiple']
{
    width: 315px;
    margin: 0;
    vertical-align: middle;
}

div.content-page section.contact section.newsletter div select[multiple='multiple'] {
	z-index: 1;
	width: 315px;
	font-family: "parisplus-std", sans-serif;
	font-size: inherit;
	line-height: 40px;
	border: none;
	padding: 2px 5px 2px 25px;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 15px;
	color: #8a8e93;
}

div.content-page section.contact section.newsletter div select[multiple='multiple']  option:nth-child(2n) {
	background-color: rgba(57, 181, 75, 0.1);
}

div.content-page section.contact section.newsletter .fieldwrap .form-group {
	display: inline-flex;
}

div.content-page section.contact section.newsletter .fieldwrap .form-group label {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 180px;
}

div.content-page section.contact section.newsletter .fieldwrap .form-group input {
	margin: 10px 0px;
}

div.content-page section.contact section.newsletter input[type='file'] {
	color: #111111;
	margin: 5px 0px;
}

div.content-page section.contact section.newsletter input[type="file"]::-webkit-file-upload-button {
	background: #39b54b;
	border: 2px solid #39b54b;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	outline: none;
	font-weight: 700;
	padding: 8px 20px;
	transition: all 0.3s ease;
}

div.content-page section.contact section.newsletter  [type="file"]::-webkit-file-upload-button:hover {
	background: #fff;
	border: 2px solid #39b54b;
	color: #39b54b;
}

div.content-page section.contact section.newsletter input[type='text'],
div.content-page section.contact section.newsletter input[type='email'],
div.content-page section.contact section.newsletter input[type='password'],
div.content-page section.contact section.newsletter input[type='tel'],
div.content-page section.contact section.newsletter input[type='url'],
div.content-page section.contact section.newsletter input[type='number'],
div.content-page section.contact section.newsletter input[type='date']
{
    width: 315px;
    height: 45px;
    color: #2d3135;
    background-color: #fff;
    color: #2d3135;
    border: 1px solid #e6e9ef;
    text-indent: 25px;
    font: normal 0.9em "parisplus-std", sans-serif;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

div.content-page section.contact section.newsletter .form checkboxes {
	text-align: left !important;
}

div.content-page section.contact section.newsletter input[type=number]::-webkit-inner-spin-button,
div.content-page section.contact section.newsletter input[type=number]::-webkit-outer-spin-button,
div.content-page section.contact section.newsletter input[type="date"]::-webkit-calendar-picker-indicator {
	transform: translateX(-20px);
}

div.content-page section.contact section.newsletter div.mail-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

div.content-page section.contact section.newsletter div.mail-content > ul {
    margin-top: 30px;
}

div.content-page section.contact section.newsletter div.mail-content > ul > li {
    margin-bottom: 20px;
}

div.content-page section.contact section.newsletter button[type="submit"] {
    display: inline-block;
    height: 38px;
    padding: 0 25px;
    margin: 50px 0 25px 0;
    border: none;
    background-color: #39b54b;
    color: #fff;
    font: normal 0.75em "parisplus-std", sans-serif;
    font-weight: 700;
    cursor: pointer;
}

div.content-page section.contact section.newsletter p.msg {
    width: 640px;
    margin: 20px 0;
    font: normal 0.75em/20px "parisplus-std", sans-serif;
    color: red;
}

div.content-page section.contact section.newsletter p.legal {
    width: 640px;
    font: normal 0.75em/20px "parisplus-std", sans-serif;
    color: #8a8e93;
}

@media screen and (max-width: 960px) {
    div.content-page section.social div.wrap {
        width: 100%;
        padding: 0 80px 0 30px;
    }

    div.content-page section.contact div.wrap {
        width: 100%;
        padding: 0 80px 0 30px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-page section.social ul li a span.icon {
        background-size: 350px 150px;
        background-image: url(../img/icons-share@2x.png);
    }
}

div.content-page {
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH - 960
  --------------------------------*/
}

div.content-page section.aide-wrap {
    width: 100%;
    max-width: 930px;
    padding: 110px 0 0;
    background-color: #f5f5f8;
    text-align: left;
}

div.content-page section.aide-wrap h2, div.content-page section.aide-wrap p {
    color: #2d3135;
}

div.content-page section.aide-wrap h2 {
    margin-bottom: 70px;
    font: normal 1.625em "parisplus-std", sans-serif;
}

div.content-page section.aide-wrap div.aide-list {
    padding: 0 40px;
}

div.content-page section.aide-wrap h3 {
    margin-bottom: 5px;
    font: normal 1.125em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
    text-transform: uppercase;
}

div.content-page section.aide-wrap p {
    font: normal 1em/30px "parisplus-std", sans-serif;
    margin-bottom: 60px;
}

div.content-page section.aide-wrap p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 960px) {
    div.content-page section.aide-wrap {
        padding-right: 80px;
    }

    div.content-page section.aide-wrap h2 {
        padding-left: 20px;
    }
}

div.content-page section.wrap-404 {
    width: 776px;
    background-color: #f5f5f8;
    text-align: center;
}

div.content-page section.wrap-404 h1, div.content-page section.wrap-404 h2, div.content-page section.wrap-404 p {
    color: #2d3135;
}

div.content-page section.wrap-404 h1 {
    font: normal 10.486em/1.377em "parisplus-std", sans-serif;
}

div.content-page section.wrap-404 h2 {
    font: normal 1.25em/1.5em "parisine-std", sans-serif;
}

div.content-page section.wrap-404 h3 {
    color: #39b54b;
    font: normal 1em/1.5em "parisine-std", sans-serif;
    font-weight: 700;
}

div.content-page section.wrap-404 p {
    font: normal 1em/1.5em "parisine-std", sans-serif;
}

div.content-page section.wrap-404 p span.green {
    color: #39b54b;
}

div.content-page section.wrap-404 div.list-404 {
    position: relative;
    padding: 20px 0;
}

div.content-page section.wrap-404 div.list-404:before, div.content-page section.wrap-404 div.list-404:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    width: 48px;
    height: 1px;
    margin-left: -24px;
    background-color: #dedee3;
}

div.content-page section.wrap-404 div.list-404:before {
    top: 0;
}

div.content-page section.wrap-404 div.list-404:after {
    bottom: 0;
}

div.content-page section.wrap-404 div.expositions {
    display: inline-block;
    width: 100%;
    padding: 50px 0 30px 0;
    text-align: center;
}

div.content-page section.wrap-404 div.expositions figure {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 245px;
    height: 225px;
    margin: 40px 20px 0 0;
}

div.content-page section.wrap-404 div.expositions figure.last {
    margin-right: 0;
}

div.content-page section.wrap-404 div.expositions figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 80px;
    overflow: hidden;
}

div.content-page section.wrap-404 div.expositions figcaption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

div.content-page section.wrap-404 div.expositions p.centered {
    vertical-align: middle;
    display: inline-block;
    width: 210px;
    margin: 0 auto;
}

div.content-page section.wrap-404 div.expositions a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 2;
}

div.content-page {
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH - 960
  --------------------------------*/
    /* -----------------------------
  MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-page section.chercheurs {
    width: 100%;
    min-width: 768px;
    min-height: 1000px;
    padding: 50px 0 110px;
}

div.content-page section.chercheurs div.filters-wrap {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
}

div.content-page section.chercheurs div.filters-header {
    position: relative;
    left: 0;
    height: 60px;
    width: 100%;
    line-height: 60px;
    color: #989b9f;
    border-bottom: 2px solid #383c40;
}

div.content-page section.chercheurs div.filters-header:before,
div.content-page section.chercheurs div.filters-menu fieldset.search:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: transparent url(../img/loupe.png) 0 0 no-repeat;
}

div.content-page section.chercheurs div.filters-menu fieldset.search input {
	float: left;
	height: 60px;
	width: 75%;
	font: 900 1em "parisplus-clair", sans-serif;
	color: #fff;
	background: transparent;
	border: none;
	outline: none;
	padding: 10px 0;
}

div.content-page section.chercheurs div.filters-menu fieldset.search:after {
	position: relative;
	top: 17px;
	right: 10px;
	left: 10px;
	float: right;
}

div.content-page section.chercheurs div.filters-header input {
    margin-left: 50px;
    float: left;
    height: 60px;
    font: normal 2em "parisplus-clair", sans-serif;
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
}

div.content-page section.chercheurs div.filters-header input::-webkit-input-placeholder {
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

div.content-page section.chercheurs div.filters-header input:-moz-placeholder {
    /* Firefox 18- */
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

div.content-page section.chercheurs div.filters-header input::-moz-placeholder {
    /* Firefox 19+ */
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

div.content-page section.chercheurs div.filters-header input:-ms-input-placeholder {
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

div.content-page section.chercheurs div.filters-header div.result-nb {
    margin-right: 10px;
    float: right;
    font: 1em/60px "parisplus-std", sans-serif;
}

div.content-page section.chercheurs div.filters-header button.filters {
    position: relative;
    top: 0;
    left: 0;
    float: right;
    margin: 0 0 0 10px;
    padding: 0 28px 0 55px;
    color: #fff;
    background-color: #383c40;
    font: 1em/60px "parisplus-std", sans-serif;
}

div.content-page section.chercheurs div.filters-header button.filters:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 20px;
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/menu.png) 0 0 no-repeat;
}

div.content-page section.chercheurs div.filters-menu {
    display: block;
    height: auto;
    font: normal 1em/30px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #383c40;
    text-align: left;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

div.content-page section.chercheurs div.filters-menu.closed {
    height: 0 !important;
}

div.content-page section.chercheurs div.filters-menu div.submit {
    display: inline-block;
    text-align: center;
    width: 100%;
}

div.content-page section.chercheurs div.filters-menu div.submit button {
    display: inline-block;
    margin: 30px 5px 30px 5px;
    padding: 0 22px 0 22px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

div.content-page section.chercheurs div.filters-menu div.submit button.reset {
    background-color: #2d3135;
}

div.content-page section.chercheurs div.filters-menu div.submit button.save {
    background-color: #39b54b;
}

div.content-page section.chercheurs div.filters-menu div.submit span.msg {
    float: left;
    margin: 30px 0 0 20px;
    font-size: 0.85em;
    text-align: left;
    line-height: 18px;
}

div.content-page section.chercheurs div.filters-menu div.submit span.msg small {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
}

div.content-page section.chercheurs div.filters-menu div.search-filters {
    position: relative;
    display: block;
    padding: 0;
    border-bottom: 1px solid #4c4f53;
}

div.content-page section.chercheurs div.filters-menu div.search-filters fieldset {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 30px 0;
    display: inline-block;
    border-bottom: 2px solid #53575a;
}

div.content-page section.chercheurs div.filters-menu div.search-filters fieldset > div:nth-child(4) {
    margin-right: 0;
}

div.content-page section.chercheurs div.filters-menu div.search-filters fieldset legend {
    padding-top: 30px;
    margin-bottom: 20px;
    font: normal 1em "parisplus-std", sans-serif;
    color: #8a8e93;
}

div.content-page section.chercheurs div.filters-menu div.item-select {
    width: 28%;
    margin: 0 4% 25px 0;
    background-color: #2d3035;
}

div.content-page section.chercheurs div.filters-menu div.item-select select {
    width: 100%;
    text-align: left;
}

div.content-page section.chercheurs div.filters-menu div.item-select div.select-custom {
    width: 100%;
    background-color: #2d3035;
}

div.content-page section.chercheurs div.filters-menu div.date {
    position: relative;
    width: 30.5%;
    display: inline-block;
}

div.content-page section.chercheurs div.filters-menu div.date > input {
    position: relative;
    float: left;
    width: 35%;
    height: 45px;
    background: #2d3035;
    font: normal 0.875em/40px "parisine-std-clair", sans-serif;
    color: #fff;
    text-align: center;
    border: none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    outline: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.content-page section.chercheurs div.filters-menu div.date > input::-webkit-input-placeholder {
    color: #fff;
}

div.content-page section.chercheurs div.filters-menu div.date > input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

div.content-page section.chercheurs div.filters-menu div.date > input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

div.content-page section.chercheurs div.filters-menu div.date > input:-ms-input-placeholder {
    color: #fff;
}

div.content-page section.chercheurs div.filters-menu div.date p.error {
    font: italic 0.85em "parisplus-std", sans-serif;
    color: red;
}

div.content-page section.chercheurs div.filters-menu div.date span.arrow {
    position: relative;
    float: left;
    width: 11%;
    height: 40px;
    background: url(../img/arrow-mini.png) center center no-repeat;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-page section.chercheurs div.filters-menu div.date span.picto-calendar {
    position: absolute;
    right: 0;
    top: 2px;
    display: block;
    width: 38px;
    height: 38px;
    background: url(../img/icons-tools.png) -13px -215px no-repeat;
    border: 2px solid #868889;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-page section.chercheurs div.filters-menu div.date span.picto-calendar:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

div.content-page section.chercheurs div.filters-menu div.date div.datepicker {
    position: absolute;
    top: 55px;
    left: 0;
    right: auto;
    z-index: 2;
    background: #fff;
}

div.content-page section.chercheurs div.filters-menu div.date div.datepicker span.close {
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/icons.png) -49px -17px no-repeat;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

div.content-page section.chercheurs div.filters-menu div.date div.datepicker span.close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

div.content-page section.chercheurs div.results-wrap {
    width: 100%;
    max-width: 930px;
    margin: 30px auto 0;
}

div.content-page section.chercheurs div.results-wrap article {
    position: relative;
    top: 0;
    left: 0;
    padding: 30px 0;
    text-align: left;
    border-bottom: #3f4246 1px solid;
}

div.content-page section.chercheurs div.results-wrap article:last-child {
    border-bottom: none;
}

div.content-page section.chercheurs div.results-wrap article div.content {
    display: inline-block;
    width: calc(100% - 212px);
    padding: 10px 0 0 0;
    vertical-align: middle;
}

div.content-page section.chercheurs div.results-wrap article figure {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}

div.content-page section.chercheurs div.results-wrap article figure img {
    display: block;
}

div.content-page section.chercheurs div.results-wrap article h2 {
    display: block;
    width: 80%;
    margin-left: 8px;
    font: normal 20px/32px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
    overflow: hidden;
    margin-bottom: 10px;
}

div.content-page section.chercheurs div.results-wrap article div.txt ul li {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 8px;
    padding-right: 12px;
    font: normal 0.875em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    display: inline-block;
}

div.content-page section.chercheurs div.results-wrap article div.txt ul li:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    width: 2px;
    height: 15px;
    background: #2d3135;
    display: block;
}

div.content-page section.chercheurs div.results-wrap article div.txt ul li:last-child:before {
    display: none;
}

div.content-page section.chercheurs div.results-wrap article a.more {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

@media screen and (max-width: 960px) {
    div.content-page section.chercheurs div.filters-wrap {
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 120px);
    }

    div.content-page section.chercheurs div.results-wrap {
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 120px);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-page section.chercheurs div.filters-header:before {
        background-size: 25px 25px;
        background-image: url(../img/loupe@2x.png);
    }

    div.content-page section.chercheurs div.filters-header button.filters:before {
        background-size: 14px 10px;
        background-image: url(../img/menu@2x.png);
    }

    div.content-page section.chercheurs div.filters-header div.filters-menu div.date span.picto-calendar {
        background-size: 120px 375px;
        background-image: url(../img/icons-tools@2x.png);
    }

    div.content-page section.chercheurs div.filters-header div.filters-menu div.date div.datepicker span.close {
        background-size: 350 10px;
        background-image: url(../img/icons@2x.png);
    }
}

div.content-page {
    /* -----------------------------
  MEDIA QUERIES - MAX-WIDTH 960px
  --------------------------------*/
    /* -----------------------------
  MEDIA QUERIES RETINA & MAX WIDTH 960px
  --------------------------------*/
}

div.content-page section.chercheurs-portrait {
    width: 100%;
    max-width: 930px;
    min-width: 760px;
    padding: 50px 0 55px;
}

div.content-page section.chercheurs-portrait h2 {
    margin-bottom: 25px;
    font-size: 2em;
    color: #39b54b;
    font-weight: 700;
    font-family: "parisplus-std", sans-serif;
}

div.content-page section.chercheurs-portrait h3 {
    font-size: 1.5em;
    color: #39b54b;
    font-weight: 700;
    font-family: "parisine-std", sans-serif;
    text-transform: uppercase;
}

div.content-page section.chercheurs-portrait div.title {
    width: 100%;
    margin-bottom: 35px;
    text-align: left;
}

div.content-page section.chercheurs-portrait div.left {
    float: left;
    width: 50%;
    padding-right: 25px;
    text-align: left;
}

div.content-page section.chercheurs-portrait div.left div.case {
    padding: 30px 15px;
    font-size: 0.8em;
    border-top: 1px solid #e0e0e4;
    overflow: auto;
}

div.content-page section.chercheurs-portrait div.left div.case div.case-name {
    float: left;
    width: 145px;
    font-family: "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-page section.chercheurs-portrait div.left div.case div.case-infos {
    float: left;
    display: block;
    width: 245px;
    color: #4b4e52;
    font-family: "parisplus-std", sans-serif;
}

div.content-page section.chercheurs-portrait div.left div.case div.case-infos li {
    margin-bottom: 8px;
}

div.content-page section.chercheurs-portrait div.right {
    float: right;
    width: 50%;
    padding-left: 25px;
}

div.content-page section.chercheurs-portrait div.right figure {
    width: 100%;
}

div.content-page section.chercheurs-portrait div.right figure img {
    width: 100%;
    display: block;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur {
    width: 100%;
    padding: 30px;
    background: #fff;
    text-align: left;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    padding-left: 40px;
    line-height: 27px;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li a {
    text-decoration: none;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li a:hover {
    text-decoration: underline;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-top: 7px;
    width: 22px;
    height: 16px;
    background-color: #000;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.mail {
    color: #4b4e52;
    font-family: "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.mail a {
    color: #4b4e52;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.mail:before {
    background: url(../img/img-mail-chercheur.png) center center no-repeat;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.url {
    font-family: "parisine-std-clair", sans-serif;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.url a {
    color: inherit;
}

div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.url:before {
    background: url(../img/img-url-chercheur.png) center center no-repeat;
}

div.content-page section.chercheurs-portrait div.content-chercheur {
    float: left;
    width: 100%;
    /*margin-top: 25px;*/
    border-top: 1px solid #e0e0e4;
    text-align: left;
}

div.content-page section.chercheurs-portrait div.content-chercheur h3 {
    margin-top: 50px;
    margin-bottom: 50px;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.content-bloc {
    position: relative;
    font-size: 1em;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.content-bloc p {
    margin-bottom: 25px;
    color: #4b4e52;
    font-family: "parisplus-std", sans-serif;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.content-bloc p strong {
    color: #000;
    display: block;
    font-weight: 700;
    padding-bottom: 10px;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.content-bloc a.link-green {
    color: #39b54b;
    text-decoration: none;
    font-family: "parisplus-std", sans-serif;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.content-bloc a.link-green:hover {
    text-decoration: underline;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.content-bloc.bourse {
    padding-left: 30px;
    border-left: 1px solid #e0e0e4;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.content-bloc.publications {
    padding-bottom: 72px;
    margin-top: 40px;
    border-bottom: 1px solid #e0e0e4;
    transition: all 0.3s ease-out;
}

div.content-page section.chercheurs-portrait div.content-chercheur h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: "parisine-std", sans-serif;
    font-size: 1.7em;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.more-publications {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.more-publications button {
    display: inline-block;
    padding: 5px;
    font-family: "parisplus-std", sans-serif;
    border-bottom: 2px solid #39b54b;
    color: black;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

div.content-page section.chercheurs-portrait div.content-chercheur div.more-publications button:hover {
    border-bottom: 2px solid #2C8839;
}

@media screen and (max-width: 960px) {
    div.content-page section.chercheurs-portrait {
        width: calc(100% - 120px);
        margin-left: 30px;
        margin-right: 30px;
    }

    div.content-page section.chercheurs-portrait div.left div.case {
        padding: 11px 15px;
    }

    div.content-page section.chercheurs-portrait div.left div.case div.case-name {
        width: 80px;
    }

    div.content-page section.chercheurs-portrait div.content-chercheur {
        margin-top: 60px;
        padding: 0 40px;
    }

    div.content-page section.chercheurs-portrait div.content-chercheur h3 {
        margin-top: 60px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 960px), only screen and (min-resolution: 144dpi) and (max-width: 960px) {
    div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.url:before {
        background-size: 18px 13px;
        background-image: url(../img/img-url-chercheur@2x.png);
    }

    div.content-page section.chercheurs-portrait div.right div.contact-chercheur li.mail:before {
        background-size: 18px 13px;
        background-image: url(../img/img-mail-chercheur@2x.png);
    }
}

div.content-page {
    /* -----------------------------
  MEDIA QUERIES - MAX-WIDTH 960px
  --------------------------------*/
    /* -----------------------------
  MEDIA QUERIES RETINA & MAX WIDTH 960px
  --------------------------------*/
}

div.content-page section.chercheurs-infos {
    width: 100%;
    max-width: 930px;
    min-width: 760px;
    padding: 90px 0 0;
}

div.content-page section.chercheurs-infos p.intro {
    margin-top: 60px;
    font: italic 1.563em/40px "parisine-std-clair", sans-serif;
    color: #4b4e52;
    font-weight: 700;
    text-align: left;
}

div.content-page section.chercheurs-infos > p.intro {
    margin-top: 0;
}

div.content-page section.chercheurs-infos div.filters {
    margin: 65px 0 0;
	display: inline;
}

div.content-page section.chercheurs-infos div.filters div.item-select {
    min-width: 140px;
    margin-top: 0;
    margin-bottom: 0;
}

div.content-page section.chercheurs-infos div.filters div.item-select select {
    min-width: 140px;
}

div.content-page section.chercheurs-infos div.filters div.item-select div.select-custom {
    min-width: 140px;
}

div.content-page section.chercheurs-infos section.infos {
    width: 100%;
    text-align: center;
}

div.content-page section.chercheurs-infos section.infos:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin: auto;
    width: 930px;
    height: 1px;
    background: #d7d8dd;
}

div.content-page section.chercheurs-infos section.infos h2 {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    margin: 65px 0 0;
    font: normal 2.1em "parisine-std", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    color: #2d3135;
    display: inline-block;
    background: #f5f5fa;
}

div.content-page section.chercheurs-infos section.infos div.results-block {
    margin-top: 60px;
	margin-bottom: 60px;
}

div.content-page section.chercheurs-infos section.infos div.results-block.article ul {
    border: none;
}

div.content-page section.chercheurs-infos section.infos div.results-block.article ul li {
    margin: 25px 0;
    padding: 0;
    display: block;
    font-size: 1em;
    line-height: 27px;
}

div.content-page section.chercheurs-infos section.infos div.results-block.article ul li strong {
    display: block;
}

div.content-page section.chercheurs-infos section.infos div.results-block.article ul li:first-child {
    margin-top: 0;
    padding: 0;
    font-weight: 400;
}

div.content-page section.chercheurs-infos section.infos div.results-block.article ul li:first-child:before {
    display: none;
}

div.content-page section.chercheurs-infos section.infos div.results-block.article ul li:before {
    display: none;
}

div.content-page section.chercheurs-infos section.infos div.results-block.article ul li:after {
    display: none;
}

div.content-page section.chercheurs-infos section.infos div.results-block h3 {
    margin-bottom: 25px;
    font: normal 1.125em "parisplus-std", sans-serif;
    font-weight: 700;
    text-align: left;
    color: #39b54b;
    text-transform: uppercase;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul {
    width: 100%;
    padding: 12px 0;
    display: block;
    font-family: "parisplus-std", sans-serif;
    text-align: left;
    border-bottom: 1px solid #e1e3e7;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul strong {
    font-weight: 700;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul:last-child {
    border-bottom: none;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 0.875em;
    padding: 0 18px 0 13px;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    display: block;
    width: 2px;
    height: 15px;
    background: #c6c9cc;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li:first-child {
    font-size: 1em;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 0;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li:first-child:after {
    display: none;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li:first-child:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 12px;
    display: block;
    background: url(../img/icons.png) -79px -20px no-repeat;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li:last-child {
    padding-right: 0;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li:last-child:after {
    display: none;
}

div.content-page section.chercheurs-infos section.infos div.results-block ul li:nth-child(1):after {
    display: none;
}

@media screen and (max-width: 960px) {
    div.content-page section.chercheurs-infos {
        width: calc(100% - 120px);
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 960px), only screen and (min-resolution: 144dpi) and (max-width: 960px) {
    div.content-page section.chercheurs-infos section.infos div.results-block ul li:first-child:before {
        background-size: 350px 500px;
        background-image: url(../img/icons.png);
    }
}

div.content-page {
    /* -----------------------------
  	MEDIA QUERIES - WIDTH
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-page section.player-notice {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 760px;
    margin: 90px 0;
    background-color: #202428;
    color: #fff;
    overflow: hidden;
    -moz-transition: height 200ms ease-out;
    -o-transition: height 200ms ease-out;
    -webkit-transition: height 200ms ease-out;
    transition: height 200ms ease-out;
}

div.content-page section.player-notice h2 {
    font: normal 1.375em "parisine-std", sans-serif;
    font-weight: 700;
    margin-bottom: 60px;
    text-align: left;
}

div.content-page section.player-notice h2.green {
    color: #39b54b;
}

div.content-page section.player-notice div.details {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 100%;
    max-width: 960px;
    margin-left: -475px;
    padding: 80px 0 120px 0;
}

div.content-page section.player-notice div.details h1 {
    font: normal 1.375em "parisine-std", sans-serif;
    font-weight: 700;
    margin-bottom: 60px;
    text-align: center;
}

div.content-page section.player-notice div.details h1.green {
    color: #39b54b;
}

div.content-page section.player-notice div.details figure {
    display: inline-block;
    width: 310px;
    vertical-align: top;
}

div.content-page section.player-notice div.details figure img {
    width: 100%;
}

div.content-page section.player-notice div.details div.content {
    display: inline-block;
    width: 310px;
    margin-left: 40px;
    padding-top: 35px;
    vertical-align: top;
    text-align: left;
}

div.content-page section.player-notice div.details div.content ul {
    display: block;
    font: normal 0.875em/30px "parisplus-std", sans-serif;
    color: white;
}

div.content-page section.player-notice div.details div.content ul li strong {
    font-weight: 700;
}

div.content-page section.player-notice div.details div.content p {
    margin: 30px 0;
    font: normal 0.875em/30px "parisplus-std", sans-serif;
}

div.content-page section.player-notice div.details div.content a.bt-green {
    display: inline-block;
    color: #fff;
    font: 700 0.875em/45px "parisplus-std", sans-serif;
    text-decoration: none;
}

div.content-page section.player-notice div.details div.content a.bt-green:before, div.content-page section.player-notice div.details div.content a.bt-green:after {
    content: attr(data-content);
}

div.content-page section.player-notice div.details div.content a.bt-green:after {
    background-color: #2d3135;
}

div.content-page section.player-notice div.details a.arrow {
    position: absolute;
    top: 350px;
    display: block;
    width: 62px;
    height: 62px;
    background: url(../img/icons.png) no-repeat;
}

div.content-page section.player-notice div.details a.arrow svg {
    height: 100%;
    width: 100%;
}

div.content-page section.player-notice div.details a.arrow svg.svg-1 path {
    stroke-dashoffset: -190;
    stroke-dasharray: 190;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.player-notice div.details a.arrow svg.svg-1.inverse path {
    stroke-dashoffset: 190 !important;
}

div.content-page section.player-notice div.details a.arrow svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page section.player-notice div.details a.arrow svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 190;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-page section.player-notice div.details a.arrow svg.svg-2.anim path {
    stroke-dashoffset: 190;
}

div.content-page section.player-notice div.details a.arrow.prev {
    left: 0;
    background-position: -55px -310px;
}

div.content-page section.player-notice div.details a.arrow.next {
    right: 0;
    background-position: -125px -310px;
}

div.content-page section.player-notice div.details button.close {
    position: absolute;
    top: 80px;
    right: 0;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/icons.png) -50px -17px no-repeat;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

div.content-page section.player-notice div.details button.close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.content-page section.player-notice div.grid {
    top: 0;
    display: block;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 80px 0 80px 0;
}

div.content-page section.player-notice div.grid div.thumb-container {
    position: relative;
    width: 100%;
}

div.content-page section.player-notice div.grid figure {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
}

div.content-page section.player-notice div.grid figure img {
    width: 165px;
    display: block;
}

div.content-page section.player-notice div.grid figure figcaption {
    /*position: relative;*/
    position: absolute;
    display: block;
    bottom: -30px;
    width: 100%;
    /*margin-top: 10px;*/
    padding: 10px;
    color: #fff;
    text-align: left;
    background: #000;
    background: rgba(0, 0, 0, 0.85);
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}

div.content-page section.player-notice div.grid figure figcaption.show {
    bottom: 0;
}

div.content-page section.player-notice div.grid figure figcaption p {
    font: normal 0.75em/18px "parisplus-std", sans-serif;
}

div.content-page section.player-notice div.grid button.display-more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    width: 100%;
    font: normal 1em/70px "parisplus-std", sans-serif;
    background: #39b54b;
    cursor: pointer;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: 0.95;
}

div.content-page section.player-notice div.grid button.display-more:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

@media only screen and (max-width: 1080px) {
    div.content-page section.player-notice {
        padding: 0 80px 0 20px;
    }

    div.content-page section.player-notice div.details {
        left: 0;
        padding: 80px 80px 120px 20px;
        margin-left: 0;
    }

    div.content-page section.player-notice div.details figure {
        width: 50%;
    }

    div.content-page section.player-notice div.details div.content {
        width: 40%;
        margin-left: 8%;
    }

    div.content-page section.player-notice div.details a.arrow {
        top: auto;
        bottom: 30px;
    }

    div.content-page section.player-notice div.details a.arrow.prev {
        left: 50%;
        margin-left: -50px;
    }

    div.content-page section.player-notice div.details a.arrow.next {
        left: 50%;
        margin-left: 50px;
    }

    div.content-page section.player-notice div.details button.close {
        right: 80px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-page section.player-notice div.details a.arrow {
        background-image: url(../img/icons@2x.png);
        background-size: 350px 500px;
    }

    div.content-page section.player-notice div.details button.close {
        background-image: url(../img/icons@2x.png);
        background-size: 350px 500px;
    }
}

div.content-page {
    /* ----------------
  	SECTION NEWS/SOON
  -------------------*/
    /* -----------------------------
  	MEDIA QUERIES - WIDTH
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-page section.news, div.content-page section.soon {
    width: 100%;
    min-width: 760px;
    text-align: left;
    background-color: #fff;
    padding-bottom: 50px;
    text-align: center;
}

div.content-page section.news:before, div.content-page section.soon:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin: auto;
    width: 930px;
    height: 1px;
    background-color: #d7d8dd;
}

div.content-page section.news h2, div.content-page section.soon h2 {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    margin: 65px 0;
    font: normal 2.1em "parisine-std", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    color: #2d3035;
    display: inline-block;
    background: #fff;
}

div.content-page section.news div.news-wrap, div.content-page section.soon div.news-wrap {
    position: relative;
    top: 0;
    left: 15px;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

div.content-page section.news div.news-wrap div.bloc-news, div.content-page section.soon div.news-wrap div.bloc-news {
    width: 290px;
    max-height: 825px;
    overflow: hidden;
    /*
        display: inline-block;
        vertical-align: top;
        margin: 10px 26px 20px 0;
        */
    float: left;
    margin: 10px 30px 20px 0;
}

div.content-page section.news div.news-wrap div.bloc-news:last-child, div.content-page section.soon div.news-wrap div.bloc-news:last-child {
    margin-right: 0;
}

div.content-page section.news div.news-wrap div.bloc-news figure, div.content-page section.soon div.news-wrap div.bloc-news figure {
    text-align: left;
    overflow: hidden;
}

div.content-page section.news div.news-wrap div.bloc-news figure img, div.content-page section.soon div.news-wrap div.bloc-news figure img {
    position: relative;
    z-index: 1;
    width: 100%;
    display: inherit;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

div.content-page section.news div.news-wrap div.bloc-news figure figcaption, div.content-page section.soon div.news-wrap div.bloc-news figure figcaption {
    position: relative;
    z-index: 2;
    height: 65px;
    padding: 20px 0 0 40px;
    background-color: #202428;
    line-height: 65px;
    font: normal 0.75em "parisplus-clair", sans-serif;
    color: #fff;
}

div.content-page section.news div.news-wrap div.bloc-news figure figcaption span.figure, div.content-page section.soon div.news-wrap div.bloc-news figure figcaption span.figure {
    font-size: 1.6em;
    font-weight: 700;
}

div.content-page section.news div.news-wrap div.bloc-news figure figcaption span.icon-arrow-mini, div.content-page section.soon div.news-wrap div.bloc-news figure figcaption span.icon-arrow-mini {
    height: 7px;
    width: 14px;
    margin: 0 8px;
    display: inline-block;
    background: url(../img/arrow-mini.png) 0 0 no-repeat;
}

div.content-page section.news div.news-wrap div.bloc-news figure figcaption span.soon, div.content-page section.soon div.news-wrap div.bloc-news figure figcaption span.soon {
    position: relative;
    top: 4px;
    padding: 0 10px;
    margin: -8px 20px 0 0;
    float: right;
    border: 1px solid #d4d8dd;
    font: italic 1em/32px "parisine-std", sans-serif;
}

div.content-page section.news div.news-wrap div.bloc-news div.more, div.content-page section.soon div.news-wrap div.bloc-news div.more {
    height: 230px;
    padding: 40px 0 0 40px;
    background-color: #f8f8fb;
    text-align: left;
}

div.content-page section.news div.news-wrap div.bloc-news div.more div.title, div.content-page section.soon div.news-wrap div.bloc-news div.more div.title {
    height: 76px;
    overflow: hidden;
}

div.content-page section.news div.news-wrap div.bloc-news div.more.big, div.content-page section.soon div.news-wrap div.bloc-news div.more.big {
    height: 310px;
}

div.content-page section.news div.news-wrap div.bloc-news div.more.big div.title, div.content-page section.soon div.news-wrap div.bloc-news div.more.big div.title {
    height: 168px;
}

div.content-page section.news div.news-wrap div.bloc-news div.more h3, div.content-page section.news div.news-wrap div.bloc-news div.more h4, div.content-page section.news div.news-wrap div.bloc-news div.more p, div.content-page section.soon div.news-wrap div.bloc-news div.more h3, div.content-page section.soon div.news-wrap div.bloc-news div.more h4, div.content-page section.soon div.news-wrap div.bloc-news div.more p {
    width: 80%;
}

div.content-page section.news div.news-wrap div.bloc-news div.more span.categories, div.content-page section.soon div.news-wrap div.bloc-news div.more span.categories {
    font: normal 0.95em "parisplus-std", sans-serif;
    color: #2d3135;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.content-page section.news div.news-wrap div.bloc-news div.more h3, div.content-page section.soon div.news-wrap div.bloc-news div.more h3 {
    margin-bottom: 10px;
    font: 700 1.25em "parisplus-std", sans-serif;
    color: #2d3135;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.content-page section.news div.news-wrap div.bloc-news div.more h4, div.content-page section.soon div.news-wrap div.bloc-news div.more h4 {
    font: 700 1em "parisplus-clair", sans-serif;
    color: #868686;
    line-height: 1.3em;
}

div.content-page section.news div.news-wrap div.bloc-news div.more a.bt-green, div.content-page section.soon div.news-wrap div.bloc-news div.more a.bt-green {
    position: relative;
    height: 38px;
    margin: 20px 0 0 0;
    display: inline-block;
}

div.content-page section.news div.news-wrap div.bloc-news div.more a.bt-green:before, div.content-page section.news div.news-wrap div.bloc-news div.more a.bt-green:after, div.content-page section.soon div.news-wrap div.bloc-news div.more a.bt-green:before, div.content-page section.soon div.news-wrap div.bloc-news div.more a.bt-green:after {
    content: attr(data-content);
    font: normal 0.75em/36px "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-page section.news div.news-wrap div.bloc-news div.more a.bt-green:after, div.content-page section.soon div.news-wrap div.bloc-news div.more a.bt-green:after {
    background-color: #f8f8fb;
}

@media only screen and (max-width: 960px) {
    div.content-page {
        /* ----- section news/soon ---------- */
    }

    div.content-page section.news div.news-wrap, div.content-page section.soon div.news-wrap {
        width: 100%;
        padding-right: 80px;
        text-align: center;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-page section.news div.news-wrap div.bloc-news figure figcaption span.icon-arrow-mini, div.content-page section.soon div.news-wrap div.bloc-news figure figcaption span.icon-arrow-mini {
        background-size: 14px 7px;
        background-image: url(../img/arrow-mini@2x.png);
    }
}

div.content-tools {
    /* ------------------
  AGENDA LEFT
  ---------------------*/
    /* ------------------
  FILTER BAR
  ---------------------*/
    /* ------------------
  AGENDA RIGHT
  ---------------------*/
    /* -----------------------------
  	MEDIA QUERIES WIDTH/HEIGHT
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - MAX-HEIGHT 650
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
}

div.content-tools div.agenda-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 45%;
    height: 100%;
    overflow: hidden;
    background: #fff;
}

div.content-tools div.agenda-left div.content {
    position: relative;
    top: 50%;
    left: 0px;
    width: 321px;
    margin: -310px auto 0 auto;
    text-align: left;
}

div.content-tools div.agenda-left div.content h1 {
    font: normal 2em "parisine-std-clair", sans-serif;
    font-weight: bold;
    color: #24272a;
}

div.content-tools div.agenda-left div.content div.date {
    display: block;
    margin: 40px 0 10px 0;
}

div.content-tools div.agenda-left div.content div.date label {
    vertical-align: top;
    display: inline-block;
    font: italic 0.875em/37px "parisine-std-clair", sans-serif;
    font-weight: 700;
    color: #7e8083;
}

div.content-tools div.agenda-left div.content div.date input {
    vertical-align: top;
    display: inline-block;
    width: 112px;
    height: 37px;
    margin: 0 8px;
    font: normal 0.875em/35px "parisine-std", sans-serif;
    color: #7e8083;
    text-align: center;
    outline: none;
    border: 1px solid #f0f2f6;
    border-radius: 20px;
}

div.content-tools div.agenda-left div.content div.date p.error {
    padding-top: 15px;
    font: italic 0.8em/20px sans-serif;
    color: #cc0000;
}

div.content-tools div.agenda-left div.content div.datepicker {
    position: relative;
    top: 0;
    left: 0;
}

div.content-tools div.agenda-left div.content div.datepicker caption {
    position: absolute;
}

div.content-tools div.filter-bar {
    position: fixed;
    top: 0;
    left: 45%;
    z-index: 5;
    width: 55%;
    height: 45px;
    background: #26292c;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools div.filter-bar button.bt {
    position: relative;
    top: 0;
    left: -10px;
    padding: 0 20px;
    font: normal 1em/45px "parisine-std", sans-serif;
    color: #39b54b;
    cursor: pointer;
}

div.content-tools div.filter-bar button.bt:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    display: block;
    width: 8px;
    height: 7px;
    background: url(../img/icons.png) -36px -12px no-repeat;
}

div.content-tools div.filter-bar button.bt.opened:after {
    background-position: -22px -12px;
}

div.content-tools div.agenda-right {
    position: relative;
    top: 45px;
    left: 45%;
    z-index: 0;
    width: 55%;
    padding: 0 30px 45px 30px;
    min-height: 100%;
    background: #f5f5fa;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* -------- filters container */
    /* -------- results container */
}

div.content-tools div.agenda-right div.filters-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 45px 0 50px 0;
    background: #26292c;
}

div.content-tools div.agenda-right div.filters-container ::-moz-selection {
    background: transparent;
}

div.content-tools div.agenda-right div.filters-container ::selection {
    background: transparent;
}

div.content-tools div.agenda-right div.filters-container strong {
    display: block;
    font: normal 1.375em/50px "parisplus-clair", sans-serif;
    color: #fff;
}

div.content-tools div.agenda-right div.filters-container button.select, div.content-tools div.agenda-right div.filters-container button.new-search {
    display: inline-block;
    font: normal 0.875em/20px "parisplus-std", sans-serif;
    margin: 15px 0;
    color: #8a8e93;
    border-bottom: 1px solid #8a8e93;
    cursor: pointer;
    background: none;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-tools div.agenda-right div.filters-container button.select:hover, div.content-tools div.agenda-right div.filters-container button.new-search:hover {
    color: #39b54b;
    border-color: #39b54b;
}

div.content-tools div.agenda-right div.filters-container div.filters {
    display: inline-block;
    width: 100%;
    margin: 20px 0 40px 0;
    text-align: center;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    text-align: left;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 35px;
    padding: 0 20px;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    font: normal 14px/35px "parisplus-std", sans-serif;
    background: url(../img/input-checkbox.png) right -27px no-repeat;
    cursor: pointer;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label:after {
    content: "";
    position: absolute;
    top: 17px;
    right: 27px;
    width: 150px;
    height: 1px;
    background: #464a4d;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label span {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    background: #26292c;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label span::-moz-selection {
    background: transparent;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label span::selection {
    background: transparent;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label span.txt {
    color: #fff;
    padding-right: 5px;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label span.num {
    margin-left: -5px;
    padding-right: 10px;
    color: #8a8e93;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label.checked {
    background-position: right 9px;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label:hover span.txt {
    color: #8a8e93;
}

div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item input[type=checkbox] {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
}

div.content-tools div.agenda-right div.filters-container div.item-select {
    width: 300px;
}

div.content-tools div.agenda-right div.filters-container div.item-select div.select-custom {
    text-align: left;
}

div.content-tools div.agenda-right div.filters-container input[type=submit] {
    display: block;
    padding: 10px 40px;
    margin: 0 auto 10px;
    font: normal 0.75em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    background: #39b54b;
    border: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

div.content-tools div.agenda-right div.results-container {
    position: relative;
    top: 0;
    left: 0;
    min-height: 100%;
}

div.content-tools div.agenda-right div.results-container section {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    float: left;
    width: 100%;
}

div.content-tools div.agenda-right div.results-container section:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: 45px;
    background: #d7d8dd;
}

div.content-tools div.agenda-right div.results-container section h2 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    height: 90px;
    padding: 0 20px;
    font: normal 1.7em/90px "parisine-std", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    color: #2d3135;
    background: #f5f5fa;
}

div.content-tools div.agenda-right div.results-container section article {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    min-width: 400px;
    min-height: 265px;
    margin: 10px 0;
    float: left;
    text-align: left;
    background: #fff;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-tools div.agenda-right div.results-container section article.super-event {
    background-color: #2d3135;
}

div.content-tools div.agenda-right div.results-container section article.super-event img.super-event-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.02;
}

div.content-tools div.agenda-right div.results-container section article.super-event div.content h5, div.content-tools div.agenda-right div.results-container section article.super-event div.content h3, div.content-tools div.agenda-right div.results-container section article.super-event div.content p {
    color: #e6e9ef;
}

div.content-tools div.agenda-right div.results-container section article.super-event div.content h4 {
    color: #fff;
}

div.content-tools div.agenda-right div.results-container section article.super-event div.content h4 a {
    color: #fff;
}

div.content-tools div.agenda-right div.results-container section article.super-event div.content ul.icons-access li {
    border-color: #565a5d;
}

div.content-tools div.agenda-right div.results-container section article:hover {
    left: 8px;
}

div.content-tools div.agenda-right div.results-container section article > a {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin-right: 30px;
    cursor: pointer;
}

div.content-tools div.agenda-right div.results-container section article > a img {
    display: block;
}

div.content-tools div.agenda-right div.results-container section article div.content {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    padding: 20px 0 10px;
}

div.content-tools div.agenda-right div.results-container section article div.content .note {
    display: inline-block;
    font: normal 0.688em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #4b4e52;
    text-decoration: none;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-tools div.agenda-right div.results-container section article div.content a.note:hover {
    color: #39b54b;
}

div.content-tools div.agenda-right div.results-container section article div.content h5, div.content-tools div.agenda-right div.results-container section article div.content h3 {
    margin-right: 10px;
    display: inline-block;
    font: normal 1.125em "parisine-std-clair", sans-serif;
    font-weight: 700;
    color: #4b4e52;
}

div.content-tools div.agenda-right div.results-container section article div.content h3 span.arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 14px;
    height: 7px;
    margin: 0 10px;
    background: url(../img/icons.png) 0 -13px no-repeat;
}

div.content-tools div.agenda-right div.results-container section article div.content h3 span.month {
    display: inline-block;
    font: normal 0.8em "parisplus-clair", sans-serif;
}

div.content-tools div.agenda-right div.results-container section article div.content h4 {
    padding: 10px 0;
    font: normal 1.375em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #2d3135;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.content-tools div.agenda-right div.results-container section article div.content h4 a {
    color: #2d3135;
    text-decoration: none;
}

div.content-tools div.agenda-right div.results-container section article div.content h4 a:hover {
    color: #39b54b;
}

div.content-tools div.agenda-right div.results-container section article div.content p {
    padding: 5px 0;
    font: normal 0.875em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #4b4e52;
}

div.content-tools div.agenda-right div.results-container section article div.content p strong {
    font-family: "parisine-std", sans-serif;
}

div.content-tools div.agenda-right div.results-container section article div.content ul.icons-access {
    display: block;
    float: none;
    margin-top: 20px;
}

div.content-tools div.agenda-right div.results-container section article div.content ul.icons-access li {
    margin: 0 3px;
}

div.content-tools div.agenda-right div.results-container section article div.content a.bt-green {
    margin-top: 15px;
    height: 37px;
    display: inline-block;
    padding: 0 8px;
}

div.content-tools div.agenda-right div.results-container section article div.content a.bt-green:before, div.content-tools div.agenda-right div.results-container section article div.content a.bt-green:after {
    content: attr(data-content);
    font: normal 0.75em/35px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: none;
}

div.content-tools div.agenda-right div.results-container section article div.content a.bt-green:after {
    background-color: transparent;
    width: 100%;
}

div.content-tools div.agenda-right div.results-container section article div.content a.bt-green:hover:before {
    left: 100%;
}

@media only screen and (max-width: 960px) {
    div.content-tools div.agenda-left {
        height: 140px;
        z-index: 1;
    }

    div.content-tools div.agenda-left div.content {
        top: 25px;
        width: 420px;
        margin-top: 0;
    }

    div.content-tools div.agenda-left div.content h1 {
        display: none;
    }

    div.content-tools div.agenda-left div.content div.date {
        margin-top: 0;
    }

    div.content-tools div.agenda-left div.content div.date input {
        width: 150px;
        padding-left: 10px;
        background: none;
        border: 1px solid #e6e9ef;
        text-align: center;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
    }

    div.content-tools div.agenda-left div.content div.datepicker {
        display: none;
    }

    div.content-tools div.filter-bar {
        top: 90px;
    }

    div.content-tools div.agenda-right {
        position: absolute;
        top: 135px;
        z-index: 2;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    div.content-tools div.agenda-right div.filters-container {
        top: -90px;
    }
}

@media only screen and (max-height: 650px) {
    div.content-tools div.agenda-left div.content {
        top: 30px;
        margin-top: 0;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-tools div.filter-bar button.bt:after {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-tools div.agenda-right div.filters-container div.filters div.filter div.item label {
        background-size: 17px 53px;
        background-image: url(../img/input-checkbox@2x.png);
    }

    div.content-tools div.results-container section article div.content h3 span.arrow {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-tools div.results-container section article div.content div.bottom ul.share li {
        background-size: 350px 100px;
        background: url(../img/icons-share@2x.png);
    }
}

div.content-tools {
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH 960
  --------------------------------*/
}

div.content-tools section.map div.nav {
    height: 90px;
}

div.content-tools section.map div.nav div.nav-content {
    width: 760px;
}

div.content-tools section.map div.nav div.nav-content a.bt-green {
    display: none;
}

div.content-tools section.map div.nav div.nav-content ul.bt-pictos {
    float: none;
    text-align: center;
}

@media screen and (max-width: 960px) {
    div.content-tools section.map div.nav div.nav-content {
        width: 100%;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos {
        width: 640px;
        margin: 0 auto;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li {
        height: 38px;
        width: 38px;
        margin: 0 10px;
        background-image: url(../img/map-icons-small.png);
        background-size: 700px 192px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.pietons {
        background-position: -25px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.pietons.active {
        background-position: -89px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.velib {
        background-position: -26px -125px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.velib.active {
        background-position: -89px -125px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.autolib {
        background-position: -542px -32px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.autolib.active {
        background-position: -618px -32px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.metro {
        background-position: -153px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.metro.active {
        background-position: -217px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.bus {
        background-position: -153px -125px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.bus.active {
        background-position: -217px -125px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.bateau {
        background-position: -281px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.bateau.active {
        background-position: -346px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.parking {
        background-position: -281px -125px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.parking.active {
        background-position: -346px -125px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.handicap {
        background-position: -408px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.handicap.active {
        background-position: -473px -30px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.quai {
        background-position: -408px -125px;
    }

    div.content-tools section.map div.nav div.nav-content ul.bt-pictos li.quai.active {
        background-position: -473px -125px;
    }
}

div.content-tools {
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH 1050px
  --------------------------------*/
    /*
  @media screen and (max-width: 1050px)
  {
  	div.ctn-right
  	{
  		div.wrapper
  		{
  			max-width: 390px;
  			padding-left: 30px;
  			div.res-online
  			{
  				ul
  				{
  					li
  					{
  						width: 100px;
  					}
  				}
  			}
  		}
  	}
  }
  */
}

div.content-tools div.ctn-left, div.content-tools div.ctn-right {
    position: relative;
    float: left;
    height: 100%;
}

div.content-tools div.ctn-left {
    width: 40%;
    overflow: hidden;
}

div.content-tools div.ctn-left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

div.content-tools div.ctn-right {
    width: 60%;
    text-align: left;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

div.content-tools div.ctn-right div.wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 0 40px 60px;
}

div.content-tools div.ctn-right div.wrapper div.res-online h1, div.content-tools div.ctn-right div.wrapper div.res-online h2, div.content-tools div.ctn-right div.wrapper div.res-phone h1, div.content-tools div.ctn-right div.wrapper div.res-phone h2 {
    font: normal 2em "parisplus-clair", sans-serif;
    margin-bottom: 30px;
}

div.content-tools div.ctn-right div.wrapper div.res-online {
    margin-bottom: 50px;
}

div.content-tools div.ctn-right div.wrapper div.res-online ul li {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 30px 0;
    font: normal 1.08em "parisplus-clair", sans-serif;
    font-weight: 700;
    text-align: left;
    /*
          a
          {
          	position: absolute;
          	z-index: 3;
          	top: 0;
          	left: 0;
          	height: 100%;
          	width: 100%;
          }
          */
}

div.content-tools div.ctn-right div.wrapper div.res-online ul li figure {
    position: relative;
}

div.content-tools div.ctn-right div.wrapper div.res-online ul li figure img {
    position: relative;
    width: 100%;
    z-index: 1;
    display: inherit;
    cursor: pointer;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

div.content-tools div.ctn-right div.wrapper div.res-online ul li a {
    text-decoration: none;
    color: #666666;
}

div.content-tools div.ctn-right div.wrapper div.res-online ul li:hover figcaption {
    color: #39b54b;
}

div.content-tools div.ctn-right div.wrapper div.res-online ul li figcaption {
    position: relative;
    z-index: 2;
    padding-top: 10px;
    background-color: #fff;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

div.content-tools div.ctn-right div.wrapper div.res-phone span.tel {
    font: normal 1.75em "parisine-std-clair", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

div.content-tools div.ctn-right div.wrapper div.res-phone span.subtitle {
    margin-bottom: 15px;
    display: block;
    font: normal 0.875em "parisplus-clair", sans-serif;
    color: #666666;
}

div.content-tools div.ctn-right div.wrapper div.res-phone p {
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #666666;
    line-height: 1.8em;
}

div.content-tools div.ctn-right div.wrapper div.res-phone p span.bold {
    font-weight: 700;
}

div.content-tools {
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH 1280
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - HEIGHT 700
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES WIDTH 930
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES WIDTH 930
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES RETINA
  --------------------------------*/
}

div.content-tools div.medias-nav {
    position: fixed;
    left: 60px;
    width: calc(100% - 60px);
    height: 120px;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid #e8e8ed;
}

div.content-tools div.medias-nav ul {
    width: 100%;
    text-align: center;
}

div.content-tools div.medias-nav ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    cursor: pointer;
}

div.content-tools div.medias-nav ul li a {
    font: normal 1.125em/120px "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #24272a;
    text-decoration: none;
    -moz-transition: color 200ms ease-in;
    -o-transition: color 200ms ease-in;
    -webkit-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
}

div.content-tools div.medias-nav ul li a.active, div.content-tools div.medias-nav ul li a:hover {
    color: #39b54b;
}

div.content-tools section.medias-ctn {
    position: relative;
    top: 120px;
    height: calc(100% - 120px);
    overflow: hidden;
    /* -------------------
    	container right
    ---------------------- */
    /* -------------------
    	container left
    ---------------------- */
}

div.content-tools section.medias-ctn div.media-view {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

div.content-tools section.medias-ctn div.medias-ctn-right {
    position: relative;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

div.content-tools section.medias-ctn div.medias-ctn-right small {
    position: relative;
    color: #000;
    display: block;
    margin-top: 10px;
    width: 100%;
    padding: 0 30px;
    text-align: left;
    font: normal 0.7em/22px "parisplus-std", sans-serif;
}

div.content-tools section.medias-ctn div.medias-ctn-right small a {
    color: #000;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top div.media-overlay {
    position: relative;
    height: 100%;
    z-index: 3;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top div.media-overlay button {
    display: block;
    position: absolute;
    z-index: 2;
    height: 71px;
    width: 71px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url(../img/icon-play-video.png) 0 0 no-repeat;
    cursor: pointer;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top div.media-overlay img {
    position: relative;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top div.media-overlay img.full-h {
    width: auto;
    height: 100%;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top div.media-overlay img.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top.ctn-video {
    position: relative;
    top: 0;
    left: 0;
    height: 380px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top.ctn-video iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top.ctn-video div.player-video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top.ctn-video div.player-video-js video {
    background: #000;
    width: 100%;
    height: 100%;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top.ctn-audio {
    height: 330px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top.ctn-audio div.player-audio {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 80px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top.ctn-audio div.player-audio.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos {
    width: 100%;
    padding: 70px 0;
    text-align: left;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos div.wrap {
    width: 70%;
    margin: 0 auto;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos span.date {
    display: inline-block;
    font: normal 0.85em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #4b4e52;
    margin-bottom: 8px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos p.title {
    margin-bottom: 3px;
    font: normal 1.75em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #4b4e52;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos p.stitle {
    font: normal 1em "parisplus-clair", sans-serif;
    color: #676b70;
    margin-bottom: 30px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos p {
    font: normal 0.875em/22px "parisplus-std", sans-serif;
    color: #a6a8ab;
    margin: 5px 0;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos p strong {
    font-weight: 700;
    color: #373737;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos p.credits {
    margin-top: 15px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos span.share {
    margin-top: 30px;
    display: inline-block;
    vertical-align: middle;
    font: normal 0.938em/38px "parisine-std", sans-serif;
    color: #4b4e52;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 30px;
    display: inline-block;
    vertical-align: middle;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li {
    float: left;
    height: 38px;
    font: normal 0.938em/38px "parisine-std", sans-serif;
    color: #4b4e52;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a svg {
    height: 100%;
    width: 100%;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a svg.svg-1 path {
    stroke-dashoffset: -115;
    stroke-dasharray: 115;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a svg.svg-1.inverse path {
    stroke-dashoffset: 115 !important;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 115;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a svg.svg-2.anim path {
    stroke-dashoffset: 115;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li a svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li.facebook {
    width: 38px;
    margin-left: 20px;
    background: url(../img/icons-share.png) 0px -110px no-repeat;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li.twitter {
    width: 38px;
    margin-left: 10px;
    background: url(../img/icons-share.png) -64px -110px no-repeat;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 90px;
    padding-left: 40px;
    border-bottom: 1px solid #e5e5e5;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li:hover a {
    color: #39b54b;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li:last-child {
    border: none;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li:before {
    content: '';
    display: inline-block;
    /*height: 100%;*/
    vertical-align: middle;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li:after {
    content: "";
    position: absolute;
    top: 32px;
    left: 0;
    display: block;
    width: 30px;
    height: 28px;
    background: url(../img/icons-media.png) 0 0 no-repeat;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li a {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font: normal 0.875em/20px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #4b4e52;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li a em {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 0.9em;
    color: #a6a8ab;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li.document:after {
    background-position: 0 -1px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li.document span.download {
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: 42px;
    height: 42px;
    background: url(../img/icons.png) -300px -296px no-repeat;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li.link:after {
    background-position: 0 -34px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li.video:after {
    background-position: 0 -58px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li.audio:after {
    background-position: -3px -92px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-app {
    padding-top: 80px;
    background-color: #fbfcfc;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-app div.wrap {
    text-align: center;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-app img {
    position: relative;
    margin: 0 auto 50px auto;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-app div.links {
    margin-top: 70px;
}

div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-press, div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-access, div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-learn {
    padding-top: 95px;
}

div.content-tools section.medias-ctn div.medias-ctn-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    display: inline-block;
}

div.content-tools section.medias-ctn div.medias-ctn-left:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7ec;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.filters {
    overflow: hidden;
    height: 100px;
    padding: 28px 0 0 30px;
    text-align: left;
    background-color: #2d3135;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.filters div.item-select {
    width: 40%;
    max-width: 300px;
    margin: 0 10px 0 0;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.filters div.item-select.big {
    width: 50%;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.filters div.item-select.small {
    width: 25%;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.filters div.item-select div.select-custom, div.content-tools section.medias-ctn div.medias-ctn-left div.filters div.item-select select {
    width: 100%;
    text-align: left;
    font-size: 0.875em;
}

div.content-tools section.medias-ctn div.medias-ctn-left a.push {
    position: relative;
    top: 30px;
    left: 0;
    display: block;
    height: 80px;
    padding: 15px 0 0 100px;
    margin: 0 20px 25px 20px;
    font: normal 1em/25px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #24272a;
    text-align: left;
    background: #e8ebee;
    text-decoration: none;
    cursor: pointer;
}

div.content-tools section.medias-ctn div.medias-ctn-left a.push:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 30px;
    height: 21px;
    background: url(../img/eye.png) 0 0 no-repeat;
}

div.content-tools section.medias-ctn div.medias-ctn-left a.push span {
    display: block;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #86898c;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container {
    position: relative;
    top: 40px;
    text-align: left;
    outline: none;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container div.jspVerticalBar {
    right: 20px;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul {
    padding: 0 30px 70px 20px;
    overflow: hidden;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
    /*
            a
            {
            	position:absolute;
            	top:2px;
            	left:2px;
            	z-index:1;
            	display: block;
            	width:100%;
            	height:100%;
            	width:calc(100% - 2px);
            	height:calc(100% - 2px);
            }
            */
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li a {
    text-decoration: none;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li:hover, div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li.active {
    background-color: #f4f4f4;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li figure {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li figure figcaption {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    width: calc(100% - 120px);
    overflow: hidden;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li figure img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li figure span.date {
    display: inline-block;
    font: normal 0.7em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #4b4e52;
    margin-bottom: 3px;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li figure h3 {
    display: block;
    margin-bottom: 3px;
    font: normal 1em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #24272a;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li figure p {
    margin-bottom: 8px;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #86898c;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul li figure span {
    display: block;
    font: normal 0.813em "parisine-std", sans-serif;
    color: #a0a2a4;
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container ul.format-landscape li figure figcaption {
    width: 70%;
    width: calc(100% - 180px);
}

div.content-tools section.medias-ctn div.medias-ctn-left div.results-container p.no-result {
    font: normal 1em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #24272a;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    div.content-tools div.medias-nav ul li {
        margin: 0 20px;
    }

    div.content-tools section.medias-ctn div.medias-ctn-left div.filters {
        padding-left: 20px;
    }
}

@media screen and (max-height: 700px) {
    div.content-tools div.medias-nav {
        height: 80px;
    }

    div.content-tools div.medias-nav ul li a {
        line-height: 80px;
    }

    div.content-tools section.medias-ctn {
        top: 80px;
        height: calc(100% - 80px);
    }
}

@media only screen and (max-width: 930px) {
    div.content-tools div.medias-nav ul {
        text-align: left;
    }

    div.content-tools div.medias-nav ul li {
        margin: 0 15px;
        font-size: 1em;
    }

    div.content-tools section.medias-ctn {
        height: 100%;
        overflow-y: scroll;
    }

    div.content-tools section.medias-ctn div.media-view {
        height: auto;
        overflow: hidden;
    }

    div.content-tools section.medias-ctn div.medias-ctn-right {
        left: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-press, div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-access, div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos.ctn-learn {
        padding-top: 55px;
    }

    div.content-tools section.medias-ctn div.medias-ctn-left {
        position: relative;
        top: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    div.content-tools div.medias-nav {
        height: 120px;
        padding-top: 20px;
    }

    div.content-tools div.medias-nav ul {
        vertical-align: middle;
    }

    div.content-tools div.medias-nav ul li a {
        line-height: 35px;
    }

    div.content-tools section.medias-ctn {
        top: 120px;
        height: calc(100% - 120px);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-top div.media-overlay span {
        background-size: 71px 71px;
        background-image: url(../img/icon-play-video@2x.png);
    }

    div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li.facebook {
        background-size: 350px 150px;
        background-image: url(../img/icons-share@2x.png);
    }

    div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.share li.twitter {
        background-size: 350px 150px;
        background-image: url(../img/icons-share@2x.png);
    }

    div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links li:after {
        background-size: 41px 120px;
        background-image: url(../img/icons-media@2x.png);
    }

    div.content-tools section.medias-ctn div.medias-ctn-right div.ctn-infos ul.links.document span.download {
        background-size: 350px 500px;
        background-image: url(../img/icons.png);
    }

    div.content-tools section.medias-ctn div.medias-ctn-left a.push:before {
        background-size: 30px 21px;
        background-image: url(../img/eye@2x.png);
    }
}

div.content-tools section.search {
    position: relative;
    top: 0;
    left: 0;
    padding: 100px 0;
    background-color: #26292c;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* -------------
  ----COMMON------
  -----------------*/
    /* -------------
  ---END COMMON---
  ----------------*/
    /* ------------------
  ----SEARCH FORM------
  ---------------------*/
    /* -------------------
  ---END SEARCH FORM----
  ---------------------*/
    /* -------------------------
  ---SEARCH CATEGORY -----
  ----------------------------*/
    /* -------------------------
  ---SEARCH PROGRAMMATION-----
  ----------------------------*/
    /* -------------------------
  ---SEARCH DOCUMENTS-----
  ----------------------------*/
    /* -----------------------------
  MEDIA QUERIES - MAXWIDTH 960
  --------------------------------*/
    /* -----------------------------
  MEDIA QUERIES - MAXWIDTH 768
  --------------------------------*/
    /* -----------------------------
  MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-tools section.search div.search-title {
    position: relative;
    top: 0;
    left: 0;
    width: 80%;
    display: inline-block;
    padding-bottom: 60px;
}

div.content-tools section.search div.search-title h2 {
    position: relative;
    float: left;
    font: normal 2.2em/45px "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: left;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.search div.search-title h2 span.result-nb {
    margin-left: 15px;
    font-size: 0.8em;
    font-family: "parisine-std-clair", sans-serif;
    color: #4b4e52;
}

div.content-tools section.search div.search-title div.slider-nav {
    float: right;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.search div.search-title div.slider-nav div.progress-bar {
    position: relative;
    display: inline-block;
    height: 60px;
    width: 222px;
    margin: 0 30px;
    vertical-align: top;
}

div.content-tools section.search div.search-title div.slider-nav div.progress-bar:before {
    content: "";
    position: relative;
    top: 15px;
    display: inline-block;
    height: 2px;
    width: 100%;
    background-color: #4b4e52;
}

div.content-tools section.search div.search-title div.slider-nav div.progress-bar span.drag {
    position: relative;
    top: -6px;
    left: 0;
    display: block;
    width: 26px;
    height: 26px;
    margin: 0;
    background: transparent url(../img/icons.png) -323px -2px no-repeat;
    cursor: pointer;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow {
    position: relative;
    display: inline-block;
    height: 61px;
    width: 61px;
    cursor: pointer;
    vertical-align: top;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow svg {
    height: 100%;
    width: 100%;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow svg.svg-1 path {
    stroke-dashoffset: -183;
    stroke-dasharray: 183;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow svg.svg-1.inverse path {
    stroke-dashoffset: 183 !important;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 183;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow svg.svg-2.anim path {
    stroke-dashoffset: 183;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow svg {
    position: absolute;
    top: 0;
    left: 0;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow.next {
    background: url(../img/icons.png) -125px -310px no-repeat;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow.previous {
    background: url(../img/icons.png) -55px -310px no-repeat;
}

div.content-tools section.search div.search-title div.slider-nav button.arrow.off {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    cursor: default;
}

div.content-tools section.search h3 {
    font: normal 1em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
}

div.content-tools section.search h3 span.green {
    color: #33a343;
}

div.content-tools section.search p {
    font: normal 1em "parisplus-clair", sans-serif;
    font-weight: 700;
    font-style: italic;
    color: #4b4e52;
}

div.content-tools section.search p span.green {
    color: #33a343;
}

div.content-tools section.search div.slider {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /*
    a
    {
    	position: absolute;
    	top: 0;
    	left: 0;
    	display: block;
    	width: 100%;
    	height: 100%;
    }
    */
}

div.content-tools section.search div.slider div.slides-wrapper {
    position: relative;
    top: 0;
    left: 10%;
    height: 100%;
    overflow: hidden;
}

div.content-tools section.search div.slider div.item {
    position: relative;
    top: 0;
    left: 0;
    float: left;
}

div.content-tools section.search div.slider div.item a {
    text-decoration: none;
}

div.content-tools section.search div.search-form-wrap {
    display: block;
    width: 80%;
    margin: 0 auto 85px auto;
    text-align: left;
}

div.content-tools section.search div.search-form-wrap h1.result-nb {
    display: block;
    margin-bottom: 40px;
    font: normal 1.25em "parisplus-clair", sans-serif;
    color: #8c8c8c;
}

div.content-tools section.search div.search-form-wrap div.input-search {
    position: relative;
    display: block;
    padding: 0 0 26px 55px;
    width: 100%;
    border-bottom: 1px solid #4c4f53;
}

div.content-tools section.search div.search-form-wrap div.input-search:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 26px;
    height: 26px;
    background: transparent url(../img/loupe.png) 0 0 no-repeat;
}

div.content-tools section.search div.search-form-wrap div.input-search input {
    display: block;
    width: 100%;
    height: 60px;
    font: normal 2.5em "parisplus-clair", sans-serif;
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
}

div.content-tools section.search div.search-form-wrap div.input-search input::-webkit-input-placeholder {
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
}

div.content-tools section.search div.search-form-wrap div.input-search input:-moz-placeholder {
    /* Firefox 18- */
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
}

div.content-tools section.search div.search-form-wrap div.input-search input::-moz-placeholder {
    /* Firefox 19+ */
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
}

div.content-tools section.search div.search-form-wrap div.input-search input:-ms-input-placeholder {
    font: normal 1em "parisplus-clair", sans-serif;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
}

div.content-tools section.search div.search-form-wrap div.input-search input:focus {
    background: transparent;
}

div.content-tools section.search div.search-form-wrap div.input-search div.search-autocompletion {
    margin-top: 5px;
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    outline: none;
}

div.content-tools section.search div.search-form-wrap div.input-search div.search-autocompletion ul {
    display: block;
    width: 100%;
    overflow: hidden;
}

div.content-tools section.search div.search-form-wrap div.input-search div.search-autocompletion ul li {
    display: block;
    height: 60px;
    font: normal 2.5em/60px "parisplus-clair", sans-serif;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -moz-transition: color 150ms;
    -o-transition: color 150ms;
    -webkit-transition: color 150ms;
    transition: color 150ms;
}

div.content-tools section.search div.search-form-wrap div.input-search div.search-autocompletion ul li.on {
    color: #39b54b;
}

div.content-tools section.search div.search-form-wrap div.input-search div.search-autocompletion ul li:hover, div.content-tools section.search div.search-form-wrap div.input-search div.search-autocompletion ul li:focus {
    color: #39b54b;
}

div.content-tools section.search div.search-form-wrap div.input-search span.close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #717377;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/icons.png) -322px -472px no-repeat;
    cursor: pointer;
}

div.content-tools section.search div.search-form-wrap div.search-filters {
    position: relative;
    display: block;
    padding: 45px 50px 30px 0;
    border-bottom: 1px solid #4c4f53;
}

div.content-tools section.search div.search-form-wrap div.search-filters > div:nth-child(3), div.content-tools section.search div.search-form-wrap div.search-filters > div:nth-child(6), div.content-tools section.search div.search-form-wrap div.search-filters > div:nth-child(9), div.content-tools section.search div.search-form-wrap div.search-filters > div:nth-child(12) {
    margin-right: 0;
}

div.content-tools section.search div.search-form-wrap div.item-select {
    width: 30%;
    margin: 0 4% 25px 0;
}

div.content-tools section.search div.search-form-wrap div.item-select select {
    width: 100%;
}

div.content-tools section.search div.search-form-wrap div.item-select div.select-custom {
    width: 100%;
}

div.content-tools section.search div.search-form-wrap div.date {
    position: relative;
    width: 30%;
    display: inline-block;
}

div.content-tools section.search div.search-form-wrap div.date > input {
    position: relative;
    float: left;
    width: 44%;
    height: 45px;
    background: #373d42;
    font: normal 0.875em/40px "parisine-std-clair", sans-serif;
    color: #fff;
    text-align: center;
    border: none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    outline: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.content-tools section.search div.search-form-wrap div.date p.error {
    font: italic 0.85em "parisplus-std", sans-serif;
    color: red;
}

div.content-tools section.search div.search-form-wrap div.date span.arrow {
    position: relative;
    float: left;
    width: 11%;
    height: 40px;
    background: url(../img/arrow-mini.png) center center no-repeat;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.search div.search-form-wrap div.date button.picto-calendar {
    position: absolute;
    right: -53px;
    top: 2px;
    display: block;
    width: 38px;
    height: 38px;
    background: url(../img/icons-tools.png) -13px -215px no-repeat;
    border: 2px solid #868889;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

div.content-tools section.search div.search-form-wrap div.date button.picto-calendar:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

div.content-tools section.search div.search-form-wrap div.date div.datepicker {
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 2;
    background: #fff;
}

div.content-tools section.search div.search-form-wrap div.date div.datepicker caption {
    position: absolute;
}

div.content-tools section.search div.search-form-wrap div.date div.datepicker button.close {
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/icons.png) -49px -17px no-repeat;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

div.content-tools section.search div.search-form-wrap div.date div.datepicker button.close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

div.content-tools section.search div.search-category {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 135px;
}

div.content-tools section.search div.search-category div.item {
    width: auto;
    height: 100%;
    margin-right: 30px;
}

div.content-tools section.search div.search-category div.item:last-child {
    margin-right: 0;
}

div.content-tools section.search div.search-category figure figcaption {
    margin-top: 25px;
}

div.content-tools section.search div.search-programmation div.slider {
    height: 500px;
}

div.content-tools section.search div.search-programmation div.item {
    width: 250px;
    height: 100%;
    margin-right: 0;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #2d3135;
}

div.content-tools section.search div.search-programmation div.item:first-child {
    margin-left: -30px;
    border-left: none;
}

div.content-tools section.search div.search-programmation div.item figure {
    width: 76%;
    margin: 0 auto;
}

div.content-tools section.search div.search-programmation div.item div.more {
    min-height: 250px;
    width: 100%;
}

div.content-tools section.search div.search-programmation p.h4-like {
    font: normal 1em "parisplus-std", sans-serif;
    font-style: italic;
    color: #8a8e93;
}

div.content-tools section.search div.search-programmation h3 {
    padding: 10px 0;
    font: normal 1.3em/30px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
}

div.content-tools section.search div.search-programmation h3 span.green {
    color: #33a343;
}

div.content-tools section.search div.search-programmation p {
    display: inline-block;
    width: 100%;
    font: normal 0.938em/28px "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #d9dde2;
}

div.content-tools section.search div.search-programmation p span.green {
    color: #33a343;
}

div.content-tools section.search div.search-programmation figure figcaption {
    margin-top: 0;
    color: #d9dde2;
}

div.content-tools section.search div.search-programmation figure figcaption > span.day {
    font: normal 1.5em/71px "parisplus-clair", sans-serif;
}

div.content-tools section.search div.search-programmation figure figcaption > span.month {
    font: normal 0.75em/71px "parisplus-clair", sans-serif;
}

div.content-tools section.search div.search-programmation figure figcaption > span.icon-arrow-mini {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 35px;
    background: url(../img/arrow-mini.png) center bottom no-repeat;
}

div.content-tools section.search div.search-document div.item {
    width: 220px;
}

@media screen and (max-width: 1024px) {
    div.content-tools section.search div.search-title h2 {
        font-size: 2em;
        line-height: 50px;
    }

    div.content-tools section.search div.search-title div.slider-nav div.progress-bar {
        width: 150px;
    }
    div.player-video button.bt-volume,
    div.player-video button.bt-fullscreen,
    div.player-video.small div.volume{
        display: none;
    }
}

@media screen and (max-width: 768px) {
    div.content-tools section.search div.search-title h2 {
        font-size: 1.5em;
        line-height: 55px;
    }

    div.content-tools section.search div.search-title div.slider-nav {
        clear: both;
        float: left;
        margin-top: 25px;
    }

    div.content-tools section.search div.search-title div.slider-nav div.progress-bar {
        width: 100px;
        margin-left: 0;
    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-tools section.search div.search-form-wrap div.input-search:before {
        background-size: 25px 25px;
        background-image: url(../img/loupe@2x.png);
    }

    div.content-tools section.search div.search-form-wrap div.input-search span.close {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    div.content-tools section.search div.search-form-wrap div.date span.arrow {
        background-size: 14px 7px;
        background-image: url(../img/arrow-mini@2x.png);
    }

    div.content-tools section.search div.search-form-wrap div.date button.picto-calendar {
        background-size: 120px 375px;
        background-image: url(../img/icons-tools@2x.png);
    }

    div.content-tools section.search div.search-form-wrap div.date div.datepicker button.close {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

div.content-tools {
    /* -----------------------------
  	MEDIA QUERIES MIN-WIDTH 1024px
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES MIN-WIDTH 1024px
  --------------------------------*/
    /* -----------------------------
  MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-tools section.plan {
    width: 100%;
    height: 100%;
    /* ------- NAV BOTTOM ----- */
    /* ------- END NAV BOTTOM ----- */
}

div.content-tools section.plan div.plan-content {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: calc(100% - 90px);
    /* ------- FLOOR-CONTENT ----- */
    /* ------- END FLOOR-CONTENT ----- */
    /* ------- NAV FLOORS ----- */
    /* ------- END NAV FLOORS ----- */
    /* ------- NAV VIEWS ----- */
    /* ------- END NAV VIEWS ----- */
}

div.content-tools section.plan div.plan-content div.floors-content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    /* ------- FLOOR ----- */
    /* ------- END FLOOR ----- */
}

div.content-tools section.plan div.plan-content div.floors-content span.icon-label-roll {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 51;
    display: block;
    max-width: 260px;
    padding: 3px 8px;
    font: normal 0.75em/18px "parisine-std", sans-serif;
    color: #fff;
    background: #2d3134;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #39b54b;
    overflow: hidden;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* ------- ICONS ----- */
    /* ------- END ICONS ----- */
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.mask {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor.active {
    z-index: 10;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor.front {
    z-index: 11;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view > img {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    cursor: url(../img/cursor.png) 0 0, url(../img/cursor.cur), pointer;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom:active {
    cursor: url(../img/cursorClose.png) 0 0, url(../img/cursorClose.cur), pointer;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom > img {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom.front {
    background: #39b54b;
    z-index: 1;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone {
    height: 50px;
    padding: 0 30px;
    font: normal 1em/46px "parisplus-std", sans-serif;
    font-weight: 700;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone.on:before {
    display: block;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone.detail {
    height: 30px;
    font: normal 0.86em/26px "parisplus-std", sans-serif;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone.detail.on:before {
    top: 8px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone.detail:after {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    width: 4px;
    margin-left: -2px;
    height: 68px;
    display: block;
    background: url(../img/icons-plan.png) -265px -102px no-repeat;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone.detail.bottom:after {
    top: -70px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone.detail.bottom a:hover {
    top: -10px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.view-zoom span.zone.detail-level2 {
    cursor: default;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor h2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 50px;
    padding: 0 30px 0 45px;
    color: #fff;
    font: normal 1em/50px "parisine-std", sans-serif;
    font-weight: 700;
    background: #39b54b;
    -moz-transition: width 150ms;
    -o-transition: width 150ms;
    -webkit-transition: width 150ms;
    transition: width 150ms;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor h2:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 20px;
    width: 17px;
    height: 30px;
    background: url(../img/icons-plan.png) -117px -117px no-repeat;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 2;
    display: block;
    height: 40px;
    padding: 0 20px;
    font: normal 0.8em/35px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.on:before {
    content: "";
    position: absolute;
    top: 17px;
    right: 10px;
    width: 10px;
    height: 10px;
    display: none;
    background: url(../img/icons-plan.png) -676px -172px no-repeat;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.ameriques {
    background: #ae522e;
    border-color: #ae522e;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.ameriques.on {
    background: #2d3134;
    background: rgba(45, 49, 52, 0.3);
    border-color: #ae522e;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.afrique {
    background: #ffc600;
    border-color: #ffc600;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.afrique.on {
    background: #2d3134;
    background: rgba(45, 49, 52, 0.3);
    border-color: #ffc600;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.oceanie {
    background: #3b9297;
    border-color: #3b9297;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.oceanie.on {
    background: #2d3134;
    background: rgba(45, 49, 52, 0.3);
    border-color: #3b9297;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.asie {
    background: #c27f26;
    border-color: #c27f26;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor span.zone.asie.on {
    background: #2d3134;
    background: rgba(45, 49, 52, 0.3);
    border-color: #c27f26;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon:hover {
    z-index: 4;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon img {
    position: relative;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin {
    width: 47px;
    height: 69px;
    background: url(../img/icons-plan.png) -176px -104px no-repeat;
    text-align: center;
    /*
              							&.plan-tactile
              							{
              								&:before
              								{
              									background-position:-990px -146px;
              								}
              							}

              							&.plan-orientation
              							{
              								&:before
              								{
              									background-position:-1045px -146px;
              								}
              							}
              							*/
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    height: 30px;
    display: block;
    background: url(../img/icons-plan.png) 0 0 no-repeat;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.plan-tactile:before {
    background-position: -436px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.dispositif-sensoriel:before {
    background-position: -488px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.borne-podo:before {
    background-position: -536px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.bande-podo:before {
    background-position: -599px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.handicap:before {
    background-position: -89px 0;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.mal-entendants-t:before {
    background-position: -449px 0;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.mal-entendants:before {
    background-position: -650px -109px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.informations:before {
    background-position: -893px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.billeterie:before {
    background-position: -846px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.toilettes:before {
    background-position: -629px 0;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.changement-etage:before {
    background-position: -729px 0;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.ascenseur:before {
    background-position: -703px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.escalier:before {
    background-position: -746px -106px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.restaurant:before {
    background-position: -810px 2px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.bar:before {
    background-position: -791px -110px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin.points-interet:before {
    background-position: -989px 0;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation {
    width: 230px;
    height: 133px;
    padding: 20px;
    background: #fff;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation.two {
    height: 246px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation.three {
    height: 359px;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -8px;
    display: block;
    width: 17px;
    height: 10px;
    background: url(../img/icons-plan.png) -13px -178px no-repeat;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation div.ctn {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid #d3d3d3;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation div.ctn:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation div.content {
    width: 110px;
    float: left;
    text-align: left;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation div.content h3 {
    font: normal 0.688em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #2d3135;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation div.content p {
    margin-top: 12px;
    font: normal 0.688em "parisplus-std", sans-serif;
    color: #868686;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation div.content a {
    margin-top: 12px;
    display: inline-block;
    padding: 0 12px;
    font: normal 0.625em/30px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: #39b54b;
    text-decoration: none;
    -moz-transition: background 100ms;
    -o-transition: background 100ms;
    -webkit-transition: background 100ms;
    transition: background 100ms;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation div.content a:hover {
    background: #33a343;
}

div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation img {
    float: right;
}

div.content-tools section.plan div.plan-content nav.floors {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    width: 50px;
    padding: 4px 0;
    background: #2d3134;
}

div.content-tools section.plan div.plan-content nav.floors span, div.content-tools section.plan div.plan-content nav.floors button {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    margin: 0 auto;
    background: #383c3e;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.plan div.plan-content nav.floors button.num {
    z-index: 2;
    width: 35px;
    height: 35px;
    margin: 7px auto;
    cursor: pointer;
    color: #39b54b;
    font: normal 0.875em/35px "parisine-std", sans-serif;
    font-weight: 700;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background, color, 200ms;
    -o-transition: background, color, 200ms;
    -webkit-transition: background, color, 200ms;
    transition: background, color, 200ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

div.content-tools section.plan div.plan-content nav.floors button.num.active {
    background: #39b54b;
    color: #fff;
    cursor: default;
}

div.content-tools section.plan div.plan-content nav.floors button.num:hover {
    color: #fff;
}

div.content-tools section.plan div.plan-content nav.floors span.dot {
    width: 4px;
    height: 4px;
    margin: 5px auto;
    background: #575a5d;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.content-tools section.plan div.plan-content nav.floors span.dot-roll {
    position: absolute;
    top: auto;
    left: 23px;
    bottom: 45px;
    z-index: 1;
    width: 4px;
    height: 4px;
    margin: 5px auto;
    background: #39b54b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.content-tools section.plan div.plan-content nav.floors span.dot-roll.big {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

div.content-tools section.plan div.plan-content div.views {
    position: absolute;
    top: 340px;
    right: 0;
    z-index: 19;
    width: 50px;
    height: 100px;
    background: #f6f6f6;
    overflow: hidden;
    -moz-transition: height 150ms;
    -o-transition: height 150ms;
    -webkit-transition: height 150ms;
    transition: height 150ms;
}

div.content-tools section.plan div.plan-content div.views.more {
    height: 145px;
}

div.content-tools section.plan div.plan-content div.views button {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 35px;
    height: 35px;
    margin: 10px auto;
    cursor: pointer;
    background-color: #fff;
    -moz-transition: background-color 100ms;
    -o-transition: background-color 100ms;
    -webkit-transition: background-color 100ms;
    transition: background-color 100ms;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.plan div.plan-content div.views button:hover {
    background-color: #39b54b;
}

div.content-tools section.plan div.plan-content div.views button.other-view {
    background-image: url(../img/icons-plan.png);
    background-position: -51px -111px;
    background-repeat: no-repeat;
}

div.content-tools section.plan div.plan-content div.views button.other-view:hover {
    background-position: -51px -164px;
}

div.content-tools section.plan div.plan-content div.views button.other-view.view2 {
    background-position: -306px -111px;
}

div.content-tools section.plan div.plan-content div.views button.other-view.view2:hover {
    background-position: -306px -164px;
}

div.content-tools section.plan div.plan-content div.views button.other-view-3 {
    background-image: url(../img/icons-plan.png);
    background-position: -363px -110px;
    background-repeat: no-repeat;
}

div.content-tools section.plan div.plan-content div.views button.other-view-3:hover, div.content-tools section.plan div.plan-content div.views button.other-view-3.on {
    background-color: #39b54b;
    background-position: -363px -163px;
}

div.content-tools section.plan div.plan-content div.views button.zoom:hover.more:after, div.content-tools section.plan div.plan-content div.views button.zoom:hover.more:before {
    background: #fff;
}

div.content-tools section.plan div.plan-content div.views button.zoom:hover.less:after {
    background: #fff;
}

div.content-tools section.plan div.plan-content div.views button.zoom.more:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 11px;
    display: block;
    width: 12px;
    height: 2px;
    background: #2d3134;
}

div.content-tools section.plan div.plan-content div.views button.zoom.more:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 16px;
    display: block;
    width: 2px;
    height: 12px;
    background: #2d3134;
}

div.content-tools section.plan div.plan-content div.views button.zoom.less:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 11px;
    display: block;
    width: 12px;
    height: 2px;
    background: #2d3134;
}

div.content-tools section.plan div.bottom {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 90px;
    background: #f6f6f6;
    text-align: center;
}

div.content-tools section.plan div.bottom div.titles {
    position: relative;
    top: 0;
    left: 0;
    width: 420px;
    padding: 5px 0 5px;
    vertical-align: top;
    display: none;
    text-align: left;
    background: #39b54b;
    overflow: hidden;
}

div.content-tools section.plan div.bottom div.titles:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 45px;
    width: 17px;
    height: 30px;
    background: url(../img/icons-plan.png) -117px -117px no-repeat;
}

div.content-tools section.plan div.bottom div.titles ul {
    position: relative;
    top: 0;
    left: 0;
    -moz-transition: top 200ms ease-out;
    -o-transition: top 200ms ease-out;
    -webkit-transition: top 200ms ease-out;
    transition: top 200ms ease-out;
}

div.content-tools section.plan div.bottom div.titles ul li {
    height: 28px;
    padding-left: 80px;
    font: normal 1.125em/28px "parisine-std", sans-serif;
    font-weight: 700;
    display: block;
    color: #fff;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.plan div.bottom div.titles ul li:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

div.content-tools section.plan div.bottom div.titles ul li.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    cursor: default;
}

div.content-tools section.plan div.bottom div.titles ul li button {
    color: #fff;
    background: none;
}

div.content-tools section.plan div.bottom ul.icons {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    margin-top: 15px;
    padding: 0 15px;
    text-align: center;
}

div.content-tools section.plan div.bottom ul.icons li {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    border: none;
    background: #fff;
    cursor: pointer;
    -moz-box-shadow: 0 0 0 1px #e5e5e5 inset;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5 inset;
    box-shadow: 0 0 0 1px #e5e5e5 inset;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-tools section.plan div.bottom ul.icons li svg {
    height: 100%;
    width: 100%;
}

div.content-tools section.plan div.bottom ul.icons li svg.svg-1 path {
    stroke-dashoffset: -182;
    stroke-dasharray: 182;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-tools section.plan div.bottom ul.icons li svg.svg-1.inverse path {
    stroke-dashoffset: 182 !important;
}

div.content-tools section.plan div.bottom ul.icons li svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-tools section.plan div.bottom ul.icons li svg.svg-2 path {
    stroke-dashoffset: 0;
    stroke-dasharray: 182;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.content-tools section.plan div.bottom ul.icons li svg.svg-2.anim path {
    stroke-dashoffset: 182;
}

div.content-tools section.plan div.bottom ul.icons li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/icons-plan.png) 7px 13px no-repeat;
}

div.content-tools section.plan div.bottom ul.icons li button {
    display: block;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

div.content-tools section.plan div.bottom ul.icons li.active button {
    border: 1px solid #39b54b;
    -moz-box-shadow: 0 0 0 0 #e5e5e5 inset;
    -webkit-box-shadow: 0 0 0 0 #e5e5e5 inset;
    box-shadow: 0 0 0 0 #e5e5e5 inset;
    background-color: #39b54b;
}

div.content-tools section.plan div.bottom ul.icons li.active button svg path {
    stroke-dashoffset: 0;
}

div.content-tools section.plan div.bottom ul.icons li svg {
    position: absolute;
    top: 0;
    left: 0;
}

div.content-tools section.plan div.bottom ul.icons li.off {
    cursor: default;
}

div.content-tools section.plan div.bottom ul.icons li.off:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

div.content-tools section.plan div.bottom ul.icons li.icon-mal-voyants:before {
    background-position: 8px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-mal-voyants.active:before {
    background-position: 7px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-handicap:before {
    background-position: -82px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-handicap.active:before {
    background-position: -83px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-mal-entendants:before {
    background-position: -443px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-mal-entendants.active:before {
    background-position: -444px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-toilettes:before {
    background-position: -623px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-toilettes.active:before {
    background-position: -624px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-accueil:before {
    background-position: -532px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-accueil.active:before {
    background-position: -533px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-acces:before {
    background-position: -713px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-acces.active:before {
    background-position: -714px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-restauration:before {
    background-position: -803px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-restauration.active:before {
    background-position: -804px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-programmation:before {
    background-position: -892px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-programmation.active:before {
    background-position: -893px -38px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-points-interet:before {
    background-position: -983px 13px;
}

div.content-tools section.plan div.bottom ul.icons li.icon-points-interet.active:before {
    background-position: -984px -38px;
}

div.content-tools section.plan div.bottom span.label-roll {
    position: absolute;
    top: -50px;
    left: 50%;
    color: #fff;
    display: block;
    background: #2d3134;
    padding: 0 20px;
    font: normal 0.875em/50px "parisplus-std", sans-serif;
    font-weight: 700;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

div.content-tools section.plan div.bottom span.label-roll:after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 2;
    display: block;
    width: 16px;
    height: 8px;
    margin-left: -8px;
    background: url(../img/icons-plan.png) -13px -125px no-repeat;
}

@media only screen and (min-width: 1120px) {
    div.content-tools section.plan div.plan-content div.floors-content div.floor h2 {
        display: none;
    }

    div.content-tools section.plan div.bottom {
        text-align: left;
    }

    div.content-tools section.plan div.bottom div.titles {
        display: inline-block;
    }

    div.content-tools section.plan div.bottom ul.icons {
        width: 70%;
        width: calc(100% - 430px);
    }
}

@media only screen and (max-width: 1200px) {
    div.content-tools section.plan div.bottom ul.icons {
        padding: 0 5px;
    }

    div.content-tools section.plan div.bottom ul.icons li {
        margin: 0 3px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-tools section.plan {
        /* ------- NAV BOTTOM ----- */
    }

    div.content-tools section.plan div.plan-content {
        /* ------- FLOOR-CONTENT ----- */
        /* ------- NAV VIEWS ----- */
    }

    div.content-tools section.plan div.plan-content div.floors-content div.floor {
        /* ------- ICONS ----- */
    }

    div.content-tools section.plan div.plan-content div.floors-content div.floor h2:before {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.pin:before {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.plan-content div.floors-content div.floor div.icon.programmation:after {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.plan-content div.views button.other-view {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.plan-content div.views button.other-view-3 {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.bottom div.titles:before {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.bottom ul.icons li:before {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }

    div.content-tools section.plan div.bottom span.label-roll:after {
        background-size: 1121px 200px;
        background-image: url(../img/icons-plan@2x.png);
    }
}

div.content-explorer {
    /* -----------------------------
      MEDIA QUERIES RETINA
  	--------------------------------*/
}

div.content-explorer section.list-results {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 50px 50px 50px;
}

div.content-explorer section.list-results div.category:first-child {
    padding-top: 40px;
}

div.content-explorer section.list-results div.category.audio article figure, div.content-explorer section.list-results div.category.archive article figure, div.content-explorer section.list-results div.category.film article figure, div.content-explorer section.list-results div.category.bibliography article figure {
    background-color: transparent;
}

div.content-explorer section.list-results article {
    position: relative;
    top: 0;
    left: 0;
    padding: 30px 0;
    text-align: left;
    border-bottom: #3f4246 1px solid;
}

div.content-explorer section.list-results article:last-child {
    border-bottom: none;
}

div.content-explorer section.list-results article div.content {
    display: inline-block;
    width: calc(100% - 212px);
    padding: 10px 0 20px 0;
    vertical-align: middle;
}

div.content-explorer section.list-results article figure {
    display: inline-block;
    width: 180px;
    height: 125px;
    margin-right: 27px;
    margin-top: 15px;
    vertical-align: top;
    text-align: center;
    background-color: #4b4e52;
}

div.content-explorer section.list-results article figure img {
    height: 125px;
    max-width : 100%;
    object-fit: cover;
}

div.content-explorer section.list-results article h3 {
    display: block;
    width: 80%;
    font: normal 20px/32px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
    overflow: hidden;
    margin-bottom: 10px;
}

div.content-explorer section.list-results article h3 a.favorite {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 0 -9px 6px;
    border: 1px solid #64676a;
    background: url(../img/icons-explorer.png) -246px -255px no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    /*font: normal 20px/40px $fontPlus;
          font-weight: $weightBold; */
}

div.content-explorer section.list-results article h3 a.favorite:hover {
    border-color: #fff;
}

div.content-explorer section.list-results article h3 a.favorite.on {
    background-color: #39b54b;
    border-color: transparent;
}

div.content-explorer section.list-results article div.country-description {
    position: absolute;
    display: inline-block;
    padding: 0 20px;
    font: normal 0.875em/36px "parisplus-std", sans-serif;
    color: #000;
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.content-explorer section.list-results article div.country-description span.arrow {
    display: inline-block;
    width: 20px;
    height: 36px;
    vertical-align: middle;
    background: url(../img/icons-explorer.png) -294px -154px no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

div.content-explorer section.list-results article div.country-description span.green {
    color: #39b54b;
    font-weight: 700;
}

div.content-explorer section.list-results article div.description-item {
    display: inline;
    font: normal 14px/30px "parisplus-std", sans-serif;
    vertical-align: middle;
    color: white;
}

div.content-explorer section.list-results article div.description-item a {
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dashed;
}

div.content-explorer section.list-results article div.description-item:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 15px;
    vertical-align: middle;
    background: #2d3135;
    margin: 0 5px;
}

div.content-explorer section.list-results article div.description-item:last-child:after {
    display: none;
}

div.content-explorer section.list-results div.page {
    margin-top: -20px;
    font: normal 0.95em/15px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #2d3135;
    text-align: right;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-explorer section.list-results article h3 a.favorite {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.content-explorer section.list-results article div.country-description span.arrow {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }
}

div.content-explorer {
    /* -----------------------------
      MEDIA QUERIES RETINA
  	--------------------------------*/
}

div.content-explorer section.map {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

div.content-explorer section.map div.gmap {
    width: 100%;
    height: 100%;
    /* ------- metro/velib infobox --------- */
}

div.content-explorer section.map div.gmap .gmap_label {
    height: 36px;
    min-width: 50px;
    padding: 0 20px;
    background-color: #39b54b;
    font: normal 0.9em/36px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

div.content-explorer section.map div.gmap div.info-explorer-box {
    position: relative;
    width: 285px;
    height: 85px;
    top: 0;
    left: 0;
    background: url(../img/map-infobox-transport.png) 0 0 no-repeat;
    -moz-transition: all 60ms ease-out;
    -o-transition: all 60ms ease-out;
    -webkit-transition: all 60ms ease-out;
    transition: all 60ms ease-out;
}

div.content-explorer section.map div.gmap div.info-explorer-box:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 263px;
    height: 32px;
    background: url(../img/map-shadow.png) 0 0 no-repeat;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info {
    position: relative;
    top: 6px;
    left: 24px;
    width: 240px;
    height: 65px;
    text-align: left;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info.level2 {
    cursor: pointer;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info.level2 span.picto.zoom-in {
    display: none;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info.level2:hover span.picto {
    border-color: #c9caca;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info div.txt {
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 60px 0 15px;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info div.txt h4 {
    font: normal 0.9em/16px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #333;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info div.txt p {
    font: normal 0.75em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info button.picto {
    position: absolute;
    top: 12px;
    right: 15px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/icons-explorer.png) -75px 10px no-repeat;
    border: 1px solid #e2e3e3;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: border-color 100ms;
    -o-transition: border-color 100ms;
    -webkit-transition: border-color 100ms;
    transition: border-color 100ms;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info button.picto.zoom-in {
    right: 60px;
    background-position: -305px -250px;
}

div.content-explorer section.map div.gmap div.info-explorer-box div.info button.picto:hover {
    border-color: #555;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-explorer section.map div.gmap div.info-explorer-box {
        background-image: url(../img/map-infobox-transport@2x.png);
        background-size: 285px 84px;
    }

    div.content-explorer section.map div.gmap div.info-explorer-box div.info button.picto {
        background-image: url(../img/icons-explorer@2x.png);
        background-size: 350px 500px;
    }
}

div.content-explorer {
    /* -----------------------------
      MEDIA QUERIES RETINA
  	--------------------------------*/
}

div.content-explorer section.thumb-results {
    position: relative;
    left: 0px;
    width: 100%;
    padding: 50px 60px 50px 50px;
    overflow: hidden;
    /**********************
    *****THUMB ERESULTS**
    **********************/
}

div.content-explorer section.thumb-results div.result-wrap {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}

div.content-explorer section.thumb-results div.page {
    position: absolute;
    z-index: 1;
    right: -50px;
    display: block;
    height: 25px;
    font: normal 0.85em/20px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: right;
}

div.content-explorer section.thumb-results div.page:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
}

div.content-explorer section.thumb-results figure {
    position: absolute;
    display: block;
}

div.content-explorer section.thumb-results figure img {
    width: 240px;
    display: block;
}

div.content-explorer section.thumb-results figure figcaption {
    position: relative;
    display: block;
    margin-top: 10px;
    color: #fff;
    text-align: left;
}

div.content-explorer section.thumb-results figure figcaption h3 {
    font: normal 14px/18px "parisplus-std", sans-serif;
    font-weight: 700;
    padding-right: 35px;
}

div.content-explorer section.thumb-results figure figcaption p {
    font: normal 12px/18px "parisplus-std", sans-serif;
    overflow: hidden;
}

div.content-explorer section.thumb-results figure figcaption a.favorite {
    position: absolute;
    top: 0px;
    right: 1px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 -9px 6px;
    border: 1px solid #64676a;
    background: url(../img/icons-explorer.png) -246px -255px no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity, border-color, ease-out 150ms;
    -o-transition: opacity, border-color, ease-out 150ms;
    -webkit-transition: opacity, border-color, ease-out 150ms;
    transition: opacity, border-color, ease-out 150ms;
}

div.content-explorer section.thumb-results figure figcaption a.favorite:hover {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}

div.content-explorer section.thumb-results figure figcaption a.favorite.on {
    background-color: #39b54b;
    border-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.content-explorer section.thumb-results figure figcaption a.favorite:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.content-explorer section.thumb-results figure:hover figcaption a.favorite {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-explorer section.thumb-results figure figcaption a.favorite {
        background-image: url(../img/icons-explorer@2x.png);
        background-size: 350px 500px;
    }
}

div.explorer-all-categories {
    width: 100%;
    /***********************************
  ***** ALL THUMB RESULTS & FAVORITE**
  ***********************************/
}

div.explorer-all-categories div.category {
    position: relative;
    display: block;
    padding: 40px 0;
    border-bottom: 2px solid #383c40;
    text-align: left;
    color: #fff;
}

div.explorer-all-categories div.category:first-child {
    padding-top: 0;
}

div.explorer-all-categories div.category h1.category-title {
    display: inline-block;
    font: normal 1.5em/30px "parisplus-std", sans-serif;
    margin-bottom: 40px;
}

div.explorer-all-categories div.category h1.category-title span.result-nb {
    margin-left: 8px;
    font: normal 0.667em/30px "parisine-std-clair", sans-serif;
    font-weight: 700;
    color: #d9dde2;
}

div.explorer-all-categories div.category h2.category-title {
    display: inline-block;
    font: normal 1.5em/30px "parisplus-std", sans-serif;
    margin-bottom: 40px;
}

div.explorer-all-categories div.category h2.category-title span.result-nb {
    margin-left: 8px;
    font: normal 0.667em/30px "parisine-std-clair", sans-serif;
    font-weight: 700;
    color: #d9dde2;
}

div.explorer-all-categories div.category a.btn-more {
    float: right;
    padding: 0 16px;
    font: normal 0.875em/39px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: #39b54b;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-transition: background 150ms ease-in-out;
    -o-transition: background 150ms ease-in-out;
    -webkit-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
}

div.explorer-all-categories div.category a.btn-more:hover {
    background: #33a343;
}

div.explorer-all-categories div.category div.thumb-container {
    display: block;
    width: 300%;
    overflow: hidden;
}

div.explorer-all-categories div.category div.thumb-container figure {
    position: relative;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    margin-left: 60px;
}

div.explorer-all-categories div.category div.thumb-container figure:first-child {
    margin-left: 0px;
}

div.explorer-all-categories div.category div.thumb-container figure h2 {
    font: normal 14px/18px "parisplus-std", sans-serif;
    font-weight: 700;
    padding-right: 35px;
}

div.explorer-all-categories div.category div.thumb-container figure h3 {
    font: normal 14px/18px "parisplus-std", sans-serif;
    font-weight: 700;
    padding-right: 35px;
}

div.explorer-all-categories div.category div.thumb-container figure p {
    font: normal 12px/18px "parisplus-std", sans-serif;
}

div.explorer-all-categories div.category div.thumb-container figure > a {
    display: block;
    width: 100%;
    height: 100%;
}

div.explorer-all-categories div.category div.thumb-container figure img {
    width: 100%;
    height: 210px;
}

div.explorer-all-categories div.category div.thumb-container figure img.icon {
    width: 180px;
    height: auto;
}

div.explorer-all-categories div.category div.thumb-container figure figcaption {
    width: 100%;
}

div.explorer-all-categories div.category div.thumb-container figure figcaption h2, div.explorer-all-categories div.category div.thumb-container figure figcaption p {
    width: 140px;
    padding: 0;
    overflow: hidden;
}

div.explorer-all-categories div.category div.thumb-container figure figcaption h3, div.explorer-all-categories div.category div.thumb-container figure figcaption p {
    width: 140px;
    padding: 0;
    overflow: hidden;
}

div.explorer-popin-details {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
    width: 100%;
    width: calc(100% - 120px);
    height: 100%;
    background: #4b4e52 url(../img/explorer-bg.png) 0 0 repeat;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

div.explorer-popin-details.origin-search {
    position: fixed;
    z-index: 50;
    width: calc(100% - 60px);
}

div.explorer-popin-details.origin-search.page-edito {
    width: 100%;
}

div.explorer-popin-details.origin-search section.explorer-details div.details-left nav {
    width: 280px;
    margin: 0 0 0 -140px;
}

div.explorer-popin-details.origin-search section.explorer-details div.details-left nav a.favorite {
    display: none;
}

div.explorer-popin-details.origin-search section.explorer-details div.details-left nav span.thumb {
    border-right: none;
}

div.explorer-popin-details.origin-search section.explorer-details div.details-left nav div.page {
    width: 190px;
}

div.explorer-popin-details.origin-search section.explorer-details div.details-right nav {
    display: none;
}

div.explorer-popin-details.origin-search section.explorer-details div.details-right a.bt-all {
    display: none;
}

/* --------------------------------
-- EN MODE TEMPLATE
----------------------------------- */
section.explorer-details {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    /* -----------------
  	LEFT
  --------------------*/
    /* -----------------
  	RIGHT
  ------------------- */
}

section.explorer-details div.details-left {
    position: absolute;
    top: 0;
    left: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    width: calc(100% - 480px);
}

section.explorer-details div.details-left.transition {
    -moz-transition: width, height, ease-out 300ms;
    -o-transition: width, height, ease-out 300ms;
    -webkit-transition: width, height, ease-out 300ms;
    transition: width, height, ease-out 300ms;
}

section.explorer-details div.details-left.fullscreen {
    width: 100% !important;
}

section.explorer-details div.details-left div.diaporama {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

section.explorer-details div.details-left div.diaporama a.back {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 79px;
    display: block;
    background: #3b3e42;
    overflow: hidden;
    -moz-transition: background, opacity, 150ms;
    -o-transition: background, opacity, 150ms;
    -webkit-transition: background, opacity, 150ms;
    transition: background, opacity, 150ms;
}

section.explorer-details div.details-left div.diaporama a.back.closed {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

section.explorer-details div.details-left div.diaporama a.back span {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    padding-left: 30px;
    font: normal 0.9em/80px "parisine-std", sans-serif;
    text-decoration: none;
    color: #fff;
}

section.explorer-details div.details-left div.diaporama a.back span:before {
    content: '';
    position: absolute;
    top: 34px;
    left: 0;
    display: block;
    width: 24px;
    height: 12px;
    background: url(../img/icons-explorer.png) -85px -91px no-repeat;
    -moz-transition: background 100ms;
    -o-transition: background 100ms;
    -webkit-transition: background 100ms;
    transition: background 100ms;
}

section.explorer-details div.details-left div.diaporama a.back:hover {
    background: rgba(59, 62, 66, 0.7);
}

section.explorer-details div.details-left div.diaporama a.back:hover span:before {
    background-position: -87px -91px;
}

section.explorer-details div.details-left div.diaporama ul {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    height: calc(100% - 160px);
}

section.explorer-details div.details-left div.diaporama ul:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

section.explorer-details div.details-left div.diaporama ul li {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 70%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

section.explorer-details div.details-left div.diaporama ul li > button {
    display: block;
    width: 100%;
    height: 100%;
}

section.explorer-details div.details-left div.diaporama ul li.landscape {
    height: auto;
    width: 70%;
}

section.explorer-details div.details-left div.diaporama ul li.landscape img {
    height: auto;
    width: 100%;
}

section.explorer-details div.details-left div.diaporama ul li.zoom-in > img {
    cursor: url(../img/cursor-zoom.cur), pointer;
    cursor: url(../img/cursor-zoom.png) 0 0, zoom-in;
}

section.explorer-details div.details-left div.diaporama ul li img {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

section.explorer-details div.details-left div.diaporama div.zoom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: url(../img/cursor-close.cur), pointer;
    cursor: url(../img/cursor-close.png), zoom-out;
}

section.explorer-details div.details-left div.diaporama div.zoom img {
    position: relative;
    top: 0;
    left: 0;
}

section.explorer-details div.details-left div.diaporama div.zoom button.close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #717377;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/icons-explorer.png) -136px -148px no-repeat;
    cursor: pointer;
}

section.explorer-details div.details-left div.diaporama div.player-media {
    width: 100%;
    height: 100%;
    min-width: 425px;
}

section.explorer-details div.details-left div.diaporama div.player-media figure img {
    height: 100%;
}

section.explorer-details div.details-left div.nav {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 5;
    width: 390px;
    height: 80px;
    margin: 0 0 0 -195px;
    overflow: hidden;
    background: #f5f5fa;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

section.explorer-details div.details-left div.nav.small {
    width: 180px;
    margin-left: -90px;
}

section.explorer-details div.details-left div.nav.small div.page {
    width: 90px;
}

section.explorer-details div.details-left div.nav.zoom-opened {
    width: 280px;
    margin-left: -140px;
}

section.explorer-details div.details-left div.nav.zoom-opened div.zoom-controls-ctn {
    width: 280px;
    visibility: visible;
}

section.explorer-details div.details-left div.nav.transition {
    -moz-transition: width, margin-left, ease-out 350ms;
    -o-transition: width, margin-left, ease-out 350ms;
    -webkit-transition: width, margin-left, ease-out 350ms;
    transition: width, margin-left, ease-out 350ms;
}

section.explorer-details div.details-left div.nav div.zoom-controls-ctn {
    float: left;
    display: inline-block;
    width: 0;
    visibility: hidden;
    height: 100%;
    overflow: hidden;
    background: #2d3135;
    -moz-transition: width 450ms ease-out;
    -o-transition: width 450ms ease-out;
    -webkit-transition: width 450ms ease-out;
    transition: width 450ms ease-out;
}

section.explorer-details div.details-left div.nav div.zoom-controls-ctn div.zoom-controls {
    position: relative;
    top: 25px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

section.explorer-details div.details-left div.nav div.page {
    width: 210px;
    float: left;
}

section.explorer-details div.details-left div.nav div.page button.arrow {
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
    width: 33px;
    height: 33px;
    border: 1px solid #cecfd3;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/icons-explorer.png) 0 0 no-repeat;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition: border 150ms;
    -o-transition: border 150ms;
    -webkit-transition: border 150ms;
    transition: border 150ms;
}

section.explorer-details div.details-left div.nav div.page button.arrow.right {
    background-position: -288px -157px;
}

section.explorer-details div.details-left div.nav div.page button.arrow.left {
    background-position: -258px -157px;
}

section.explorer-details div.details-left div.nav div.page button.arrow:hover {
    border-color: #4b4e52;
}

section.explorer-details div.details-left div.nav div.page span.num {
    width: 55px;
    display: inline-block;
    vertical-align: top;
    font: normal 1em/80px "parisplus-std", sans-serif;
    letter-spacing: 0.05em;
    color: #a6a6a6;
}

section.explorer-details div.details-left div.nav div.page span.num b {
    font-weight: 700;
    color: #4b4e52;
}

section.explorer-details div.details-left div.nav button.thumb {
    width: 90px;
    height: 80px;
    float: left;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    background: url(../img/icons-explorer.png) -253px -355px no-repeat;
    cursor: pointer;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
}

section.explorer-details div.details-left div.nav button.thumb:hover, section.explorer-details div.details-left div.nav button.thumb.on {
    background-color: #39b54b;
    background-position: -182px -355px;
}

section.explorer-details div.details-left div.nav a.favorite {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 90px;
    height: 80px;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
}

section.explorer-details div.details-left div.nav a.favorite:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 27px;
    width: 33px;
    height: 33px;
    display: block;
    border: 1px solid #d5d5da;
    background: url(../img/icons-explorer.png) -193px -252px no-repeat;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

section.explorer-details div.details-left div.nav a.favorite:hover {
    background-color: #39b54b;
}

section.explorer-details div.details-left div.nav a.favorite:hover:after {
    background-position: -244px -252px;
}

section.explorer-details div.details-left div.nav a.favorite.on:after {
    border-color: transparent;
    background-color: #39b54b;
    background-position: -244px -252px;
}

section.explorer-details div.details-left div.nav a.favorite.on:hover:after {
    border: 1px solid #33A33D;
}

section.explorer-details div.details-left div.thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background: #e6e9ef;
}

section.explorer-details div.details-left div.thumbs div.scroll-pane {
    overflow: hidden;
    height: 100%;
}

section.explorer-details div.details-left div.thumbs div.scroll-pane ul {
    width: 100%;
    padding: 40px 20px;
    display: inline-block;
}

section.explorer-details div.details-left div.thumbs div.scroll-pane ul li {
    display: inline-block;
    margin: 8px 8px 8px;
    cursor: pointer;
}

section.explorer-details div.details-left div.thumbs div.scroll-pane ul li img {
    display: block;
}

section.explorer-details div.details-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 480px;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    -moz-transition: right 300ms ease-out;
    -o-transition: right 300ms ease-out;
    -webkit-transition: right 300ms ease-out;
    transition: right 300ms ease-out;
}

section.explorer-details div.details-right.closed {
    right: -480px;
}

section.explorer-details div.details-right nav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 149px;
    overflow: hidden;
}

section.explorer-details div.details-right nav ul {
    display: inline-block;
    background: #000;
    width: 480px;
    height: 100%;
    overflow: hidden;
    text-align: left;
}

section.explorer-details div.details-right nav ul li {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 160px;
    height: 100%;
}

section.explorer-details div.details-right nav ul li.empty {
    background: #a6a6a6;
}

section.explorer-details div.details-right nav ul li.mask img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

section.explorer-details div.details-right nav ul li img {
    height: 100%;
}

section.explorer-details div.details-right nav a.arrow {
    position: absolute;
    top: 2%;
    left: 2%;
    display: block;
    z-index: 1;
    width: 96%;
    height: 96%;
}

section.explorer-details div.details-right nav a.arrow:after {
    content: "";
    position: absolute;
    top: 50px;
    display: block;
    width: 42px;
    height: 42px;
    background: #000 url(../img/icons-explorer.png) 0 0 no-repeat;
    background: rgba(0, 0, 0, 0.3) url(../img/icons-explorer.png) 0 0 no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background 200ms;
    -o-transition: background 200ms;
    -webkit-transition: background 200ms;
    transition: background 200ms;
}

section.explorer-details div.details-right nav a.arrow.right:after {
    right: 25px;
    background-position: -73px -43px;
}

section.explorer-details div.details-right nav a.arrow.left:after {
    left: 25px;
    background-position: -73px -16px;
}

section.explorer-details div.details-right nav a.arrow:hover:after {
    background-color: rgba(0, 0, 0, 0.7);
}

section.explorer-details div.details-right article {
    position: relative;
    top: 30px;
    padding-bottom: 60px;
    text-align: left;
}

section.explorer-details div.details-right article div.intro {
    padding: 0 60px;
}

section.explorer-details div.details-right article div.intro span.num-journey {
    font: normal 1em/40px "parisplus-std", sans-serif;
    color: #a6a6a6;
}

section.explorer-details div.details-right article div.intro span.num-journey b {
    font-weight: 700;
    color: #4b4e52;
}

section.explorer-details div.details-right article div.intro h1 {
    font: normal 2em/35px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
}

section.explorer-details div.details-right article div.intro h2 {
    font: italic 1em/35px "parisplus-std", sans-serif;
    color: #666;
}

section.explorer-details div.details-right article div.intro > ul {
    margin: 50px 0;
}

section.explorer-details div.details-right article div.intro > ul li {
    font: normal 1em/25px "parisplus-std", sans-serif;
    color: #333;
}

section.explorer-details div.details-right article div.intro > ul li b {
    font-weight: 700;
}

section.explorer-details div.details-right article div.edito {
    background: #fff;
}

section.explorer-details div.details-right article div.edito h3:first-child {
    border-top: none;
}

section.explorer-details div.details-right article div.edito div.more figure {
    background: #f5f5fa;
}

section.explorer-details div.details-right article div.media {
    background: #f5f5fa;
}

section.explorer-details div.details-right article div.media h2 {
    padding: 45px 0 15px;
    margin: 0 60px 0;
    font: italic 1.45em "parisplus-clair", sans-serif;
    font-weight: 700;
    color: #8d8c92;
}

section.explorer-details div.details-right article div.media h3:nth-child(2) {
    border-top: none;
    height: 70px;
    line-height: 50px;
}

section.explorer-details div.details-right article div.media h3:nth-child(2) button {
    top: 0px;
}

section.explorer-details div.details-right article h3 {
    position: relative;
    top: 0;
    left: 0;
    height: 100px;
    display: block;
    margin: 0 60px;
    font: normal 1.125em/100px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    border-top: solid 1px #dcdce1;
    -moz-transition: color 200ms;
    -o-transition: color 200ms;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

section.explorer-details div.details-right article h3 button {
    position: absolute;
    right: 0;
    top: 27px;
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e5e9;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: border 200ms;
    -o-transition: border 200ms;
    -webkit-transition: border 200ms;
    transition: border 200ms;
    background: url(../img/icons-explorer.png) -273px -316px no-repeat;
}

section.explorer-details div.details-right article h3.less button {
    background-position: -204px -316px;
}

section.explorer-details div.details-right article h3:hover {
    color: #39b54b;
}

section.explorer-details div.details-right article p {
    padding: 0 60px 0 60px;
    margin-bottom: 40px;
    height: auto;
    overflow: hidden;
    font: normal 0.938em/25px "parisine-std", sans-serif;
    color: #333;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}

section.explorer-details div.details-right article p.folded {
    height: 0;
    margin-bottom: 0;
}

section.explorer-details div.details-right article div.more {
    margin: 0 60px;
    height: auto;
    overflow: hidden;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
section.explorer-details div.details-right article div.more a {
	text-decoration: none;
}


section.explorer-details div.details-right article div.more.folded {
    height: 0;
}

section.explorer-details div.details-right article div.more div.player-media {
    width: 345px;
    height: 264px;
}

section.explorer-details div.details-right article div.more div.player-media figure {
    width: 100%;
    height: 194px;
    margin: 0;
}

section.explorer-details div.details-right article div.more div.player-media figure img {
    width: 100%;
    height: 100%;
}

section.explorer-details div.details-right article div.more div.player-media div.player-video-js div.vjs-default-skin {
    width: 100% !important;
    height: 194px !important;
}

section.explorer-details div.details-right article div.more div.player-media div.player-video-js div.vjs-default-skin .vjs-time-controls,
section.explorer-details div.details-right article div.more div.player-media div.player-video-js div.vjs-default-skin .vjs-time-divider {
    display: none;
}

section.explorer-details div.details-right article div.more div.player-media div.player-video-js div.vjs-default-skin .vjs-progress-control {
    left: 80px;
}

section.explorer-details div.details-right article div.more div.player-media div.player-video div.duration {
    display: none;
}

section.explorer-details div.details-right article div.more div.player-media div.player-video div.bar {
    margin-left: 15px;
    margin-right: 15px;
    width: 50%;
}

section.explorer-details div.details-right article div.more div.player-media div.player-video .ctn-youtube {
    width: 100%;
    height: 194px;
}

section.explorer-details div.details-right article div.more.type-picto figure {
    background: none;
}

section.explorer-details div.details-right article div.more.type-picto figure img {
    width: 180px;
    height: auto;
}

section.explorer-details div.details-right article div.more.type-picto figure figcaption {
    padding: 20px 0;
}

section.explorer-details div.details-right article div.more.type-affiche figure {
    display: inline-block;
}

/*section.explorer-details div.details-right article div.more.type-affiche figure a {*/
    /*float: left;*/
/*}*/

section.explorer-details div.details-right article div.more.type-affiche a:visited {
	color: #4b4e52;
}

section.explorer-details div.details-right article div.more.type-affiche figure img {
    float: left;
}

section.explorer-details div.details-right article div.more.type-affiche figure figcaption {
    overflow: hidden;
}

section.explorer-details div.details-right article div.more.type-affiche figure figcaption h4 {
    margin-top: 15px;
    font: normal 1em/25px "parisine-std-clair", sans-serif;
    font-weight: normal;
    color: #2d3135;
}

section.explorer-details div.details-right article div.more.type-affiche figure figcaption h5 {
    font: normal 1.125em/25px "parisine-std", sans-serif;
    font-weight: 700;
    color: #2d3135;
}

section.explorer-details div.details-right article div.more.type-affiche figure figcaption > span {
    font: normal 1.125em "parisine-std-clair", sans-serif;
    font-weight: 700;
    color: #4b4e52;
}

section.explorer-details div.details-right article div.more.type-affiche figure figcaption > span span.arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 14px;
    height: 7px;
    margin: 0 10px;
    background: url(../img/icons.png) 0 -13px no-repeat;
}

section.explorer-details div.details-right article div.more.type-affiche figure figcaption > span span.month {
    display: inline-block;
    font: normal 0.8em "parisplus-clair", sans-serif;
}

section.explorer-details div.details-right article div.more figure {
    position: relative;
    top: 0;
    left: 0;
    width: 360px;
    margin-bottom: 40px;
    background: #fff;
    /*
          a
          {
          	position:absolute;
          	top:0;
          	left:0;
          	z-index: 1;
          	display: block;
          	width:100%;
          	height:100%;
          }
          */
}

section.explorer-details div.details-right article div.more figure img {
    display: block;
    height: 100%;
}

section.explorer-details div.details-right article div.more figure figcaption {
    padding: 20px;
}

section.explorer-details div.details-right article div.more figure figcaption h4 {
    font: normal 1.125em/25px "parisine-std", sans-serif;
    font-weight: 700;
    color: #39b54b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section.explorer-details div.details-right article div.more figure figcaption p {
    font: normal 1em "parisine-std", sans-serif;
    padding: 0;
    margin: 0;
    color: #4b4e52;
}

section.explorer-details div.details-right article div.more .bt-all {
    display: inline-block;
    height: 36px;
    padding: 0 20px;
    margin: 20px 0 80px 0;
    font: normal 0.875em/36px "parisine-std", sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: #39b54b;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-transition: background 150ms ease-in-out;
    -o-transition: background 150ms ease-in-out;
    -webkit-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
}

section.explorer-details div.details-right article div.more .bt-all:hover {
    background: #33a343;
}

section.explorer-details div.details-right article div.more ul.links {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

section.explorer-details div.details-right article div.more ul.links li {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 70px;
    padding-left: 40px;
}

section.explorer-details div.details-right article div.more ul.links li:hover a {
    color: #39b54b;
}

section.explorer-details div.details-right article div.more ul.links li:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

section.explorer-details div.details-right article div.more ul.links li:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 30px;
    height: 28px;
    background: url(../img/icons-media.png) 0 -1px no-repeat;
}

section.explorer-details div.details-right article div.more ul.links li a {
    width: 100%;
    padding-right: 45px;
    display: inline-block;
    vertical-align: middle;
    font: normal 0.875em/20px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #4b4e52;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
}

section.explorer-details div.details-right article div.more ul.links li a em {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 0.9em;
    color: #a6a8ab;
}

section.explorer-details div.details-right article div.more ul.links li span.download {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    width: 42px;
    height: 42px;
    background: url(../img/icons.png) -300px -296px no-repeat;
}

/* -----------------------------
	MEDIA QUERIES - MAXWIDTH 980
--------------------------------*/
@media screen and (max-width: 980px) {
    section.explorer-details {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        /* -----------------
    	LEFT
    ------------------- */
        /* -----------------
    	RIGHT
    ------------------- */
    }

    section.explorer-details div.details-left {
        position: relative;
        width: 100%;
        height: 70%;
        min-width: 620px;
    }

    section.explorer-details div.details-left.fullscreen {
        height: 100%;
    }

    section.explorer-details div.details-left div.diaporama ul {
        -moz-transition: height 300ms ease-out;
        -o-transition: height 300ms ease-out;
        -webkit-transition: height 300ms ease-out;
        transition: height 300ms ease-out;
    }

    section.explorer-details div.details-right {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    section.explorer-details div.details-right.closed {
        right: auto;
    }

    section.explorer-details div.details-right nav {
        position: absolute;
        top: auto;
        bottom: 50px;
    }

    section.explorer-details div.details-right article {
        padding-bottom: 300px;
    }
}

/* -----------------------------
MEDIA QUERIES RETINA
--------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    section.explorer-details div.details-left div.diaporama a.back span:before {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    section.explorer-details div.details-left div.diaporama div.zoom button.close {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    section.explorer-details div.details-left div.nav div.page button.arrow {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    section.explorer-details div.details-left div.nav button.thumb {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    section.explorer-details div.details-left div.nav a.favorite:after {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    section.explorer-details div.details-right nav a.arrow:after {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    section.explorer-details div.details-right article h3 button {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    section.explorer-details div.details-right article div.more.type-affiche figure figcaption > span span.arrow {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }

    section.explorer-details div.details-right article div.more ul.links li:after {
        background-size: 41px 120px;
        background-image: url(../img/icons-media@2x.png);
    }

    section.explorer-details div.details-right article div.more ul.links li span.download {
        background-size: 350px 500px;
        background-image: url(../img/icons@2x.png);
    }
}

div.explorer-header {
    /* -----------------------------
  MEDIA QUERIES - MAX-WIDTH 1200px
  --------------------------------*/
    /* -----------------------------
  MEDIA QUERIES - MAX-WIDTH 1100px
  --------------------------------*/
    /* -----------------------------
      MEDIA QUERIES RETINA
  	--------------------------------*/
}

div.explorer-header div.filters {
    position: relative;
    left: 0;
    height: 70px;
    width: 100%;
    min-width: 700px;
    padding: 10px 50px 0 50px;
    line-height: 60px;
    color: #989b9f;
}

div.explorer-header div.filters:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50px;
    display: block;
    width: 90%;
    width: calc(100% - 110px);
    height: 2px;
    background: #393d41;
}

div.explorer-header div.filters div, div.explorer-header div.filters ul, div.explorer-header div.filters li {
    float: left;
    margin: 0 28px 0 25px;
    font: 1em/58px "parisplus-std", sans-serif;
}

div.explorer-header div.filters div.result-nb {
    float: left;
    height: 58px;
    margin: 0;
    color: #fff;
}

div.explorer-header div.filters div.right {
    float: right;
    height: 58px;
    margin: 0;
}

div.explorer-header div.filters ul.orders li.order {
    position: relative;
    cursor: pointer;
    color: #fff;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
}

div.explorer-header div.filters ul.orders li.order button {
    color: #fff;
}

div.explorer-header div.filters ul.orders li.order.on, div.explorer-header div.filters ul.orders li.order:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.explorer-header div.filters ul.orders li.order.selected {
    display: none;
}

div.explorer-header div.filters ul.orders li.order span.arrow {
    position: absolute;
    top: 0;
    right: -28px;
    width: 28px;
    height: 100%;
    display: block;
}

div.explorer-header div.filters ul.orders li.order span.arrow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 28px;
    height: 100%;
    background: url(../img/icons-explorer.png) -195px -145px no-repeat;
}

div.explorer-header div.filters ul.orders li.order.asc span.arrow:after {
    background-position: -230px -145px;
}

div.explorer-header div.filters button.filters-selected {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px;
    padding: 0 28px 0 55px;
    color: #fff;
    background-color: #383c40;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.explorer-header div.filters button.filters-selected:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    display: block;
    width: 28px;
    height: 100%;
    background: url(../img/icons-explorer.png) -275px 21px no-repeat;
}

div.explorer-header div.filters button.filters-selected span.filter-nb {
    position: absolute;
    top: -5px;
    right: -8px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font: 0.75em/20px "parisine-std", sans-serif;
    background-color: #39b54b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.explorer-header div.smenu-filters,
section.search div.search-form-wrap div.url-information {
    display: block;
    height: auto;
    margin: 0 60px 0 50px;
    padding: 30px 25px;
    font: normal 1em/30px "parisplus-std", sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #383c40;
    overflow: hidden;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

section.search div.search-form-wrap div.url-information {
	margin: -20px 60px 0 0px;
	background-color: #26292C;
	padding: 30px 0;
}

div.explorer-header div.smenu-filters.off {
    height: 0;
    padding: 0 25px;
}

div.explorer-header div.smenu-filters div.personal-selection {
    display: block;
    width: 100%;
    height: auto;
}

div.explorer-header div.smenu-filters div.personal-selection div.filter-selected {
    position: relative;
    float: left;
    border: #5e6165 3px solid;
    margin: 5px;
    padding: 0 50px 0 22px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

div.explorer-header div.smenu-filters div.personal-selection div.filter-selected button.close {
    position: absolute;
    top: 0;
    right: 5px;
    display: block;
    width: 28px;
    height: 100%;
    cursor: pointer;
    background: url(../img/icons-explorer.png) -146px -157px no-repeat;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

div.explorer-header div.smenu-filters div.personal-selection div.filter-selected button.close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

div.explorer-header div.smenu-filters div.personal-selection div.filter-selected span.category {
    font: italic 0.813em/30px "parisplus-std", sans-serif;
}

div.explorer-header div.smenu-filters div.personal-selection div.filter-selected span.operator {
    color: #39b54b;
    margin-right: 5px;
}

div.explorer-header div.smenu-filters div.personal-selection div.filter-selected.advanced {
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 0.938em;
    font-weight: normal;
    text-align: left;
    background-color: #4b4e52;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.explorer-header div.smenu-filters div.personal-selection div.filter-selected.advanced span.close {
    right: 12px;
    background-position: -146px -147px;
}

div.explorer-header div.smenu-filters div.personal-selection span.msg,
section.search div.search-form-wrap div.url-information span.msg {
    margin-top: 0;
}

div.explorer-header div.smenu-filters button.button {
    float: left;
    margin: 30px 5px 5px 5px;
    padding: 0 22px 0 22px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

div.explorer-header div.smenu-filters button.button.reset {
    background-color: #2d3135;
}

div.explorer-header div.smenu-filters button.button.save {
    background-color: #39b54b;
}

div.explorer-header div.smenu-filters span.msg {
    float: left;
    margin: 30px 0 0 20px;
    font-size: 0.85em;
    text-align: left;
    line-height: 18px;
}

div.explorer-header div.smenu-filters span.msg small {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
}

div.explorer-header div.smenu-filters div.display-options {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #54585c;
    text-align: left;
}

div.explorer-header div.smenu-filters div.display-options div.item-select {
    display: inline-block;
    width: 185px;
    max-width: 200px;
    height: 40px;
    margin: 0 40px 20px 0;
    background-color: #2d3135;
}

div.explorer-header div.smenu-filters div.display-options div.item-select select {
    width: 100%;
}

div.explorer-header div.smenu-filters div.display-options div.item-select div.select-custom {
    width: 100%;
    height: 40px;
    background-color: #2d3135;
}

div.explorer-header div.smenu-filters div.display-options fieldset.bloc-radios {
    margin-right: 40px;
    display: inline-block;
}

div.explorer-header div.smenu-filters div.display-options fieldset.bloc-radios legend {
    float: left;
    line-height: 40px;
    margin-right: 20px;
}

div.explorer-header div.smenu-filters div.display-options fieldset.bloc-radios label {
    line-height: 40px;
}

div.explorer-header div.smenu-filters div.display-options fieldset.bloc-radios label:before {
    top: 10px;
    border-color: #8a8e93;
}

div.explorer-header div.smenu-filters div.display-options fieldset.bloc-radios label.checked:before {
    -moz-box-shadow: inset 0 0 0 2px #383c40;
    -webkit-box-shadow: inset 0 0 0 2px #383c40;
    box-shadow: inset 0 0 0 2px #383c40;
}

div.explorer-header div.smenu-filters div.display-options fieldset.bloc-radios ul.radios li {
    margin-left: 5px;
}

@media screen and (max-width: 1200px) {
    div.explorer-header div.filters div, div.explorer-header div.filters ul, div.explorer-header div.filters li {
        margin: 0 20px 0 17px;
    }
}

@media screen and (max-width: 1100px) {
    div.explorer-header div.filters ul.orders {
        position: relative;
        z-index: 3;
        height: 59px;
        padding: 0 0 30px 0;
        margin-right: 0;
        overflow: hidden;
        text-align: left;
        background: #4b4e52;
        -moz-transition: height 100ms ease-in-out;
        -o-transition: height 100ms ease-in-out;
        -webkit-transition: height 100ms ease-in-out;
        transition: height 100ms ease-in-out;
    }

    div.explorer-header div.filters ul.orders.show {
        height: auto;
    }

    div.explorer-header div.filters ul.orders li.order {
        float: none;
        display: block;
        margin: 0;
        padding: 0 80px 0 35px;
        color: #7e8085;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    div.explorer-header div.filters ul.orders li.order.on, div.explorer-header div.filters ul.orders li.order:hover {
        color: #fff;
    }

    div.explorer-header div.filters ul.orders li.order.selected {
        display: block;
    }

    div.explorer-header div.filters ul.orders li.order span.arrow {
        right: 0;
        width: 60px;
        display: inline-block;
    }

    div.explorer-header div.filters ul.orders li.order span.arrow:after {
        left: 10px;
        display: none;
    }

    div.explorer-header div.filters ul.orders li.order:first-child {
        border-bottom: 2px solid #3e4043;
    }

    div.explorer-header div.filters ul.orders li.order:first-child span.arrow {
        border-left: 2px solid #3e4043;
    }

    div.explorer-header div.filters ul.orders li.order:first-child span.arrow:after {
        display: block;
    }

    div.explorer-header div.filters button.filters-selected {
        margin-left: 0;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.explorer-header div.filters ul.orders li.order span.arrow:after {
        background-image: url(../img/icons-explorer@2x.png);
        background-size: 350px 500px;
    }

    div.explorer-header div.filters button.filters-selected:before {
        background-image: url(../img/icons-explorer@2x.png);
        background-size: 350px 500px;
    }

    div.explorer-header div.smenu-filters div.personal-selection div.filter-selected button.close {
        background-image: url(../img/icons-explorer@2x.png);
        background-size: 350px 500px;
    }
}

div.explorer-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH 980
  --------------------------------*/
}

div.explorer-header nav {
    width: 100%;
    /*height: 120px;
    overflow: hidden;*/
}

div.explorer-header nav ul {
    width: 100%;
    padding: 30px 0 30px 60px;
    line-height: 60px;
    /* 120px;*/
    text-align: left;
}

div.explorer-header nav ul li {
    display: inline-block;
    vertical-align: middle;
}

div.explorer-header nav ul li a {
    margin: 0 13px;
    padding: 12px 15px;
    font: normal 1.125em/35px "parisplus-std", sans-serif;
    color: #989b9f;
    text-decoration: none;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    -moz-transition: background, color, 350ms;
    -o-transition: background, color, 350ms;
    -webkit-transition: background, color, 350ms;
    transition: background, color, 350ms;
}

div.explorer-header nav ul li a:hover {
    color: #fff;
}

div.explorer-header nav ul li.current a {
    background-color: #39b54b;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    div.explorer-header nav ul {
        padding-left: 40px;
    }

    div.explorer-header nav ul li a {
        margin: 0 3px;
    }
}

div.explorer-nav-main {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 120px;
    height: 100%;
    /*****************
  **ASIDE EXPLORER**
  *****************/
    /***********
  **SUBMENUS**
  ***********/
    /****************************
  **SUBMENU OF SEARCH LEVEL 1**
  *****************************/
    /*********************************************
  **SUBMENU OF SEARCH LEVEL 2 : AUTOCOMPLETION**
  *********************************************/
    /**********************************************
  **SUBMENU OF SEARCH LEVEL 1 : ADVANCED SEARCH**
  **********************************************/
    /************************************
  **SUBMENU OF CATEGORY  : TEMPLATE 1**
  ************************************/
    /************************************
  **SUBMENU OF CATEGORY  : TEMPLATE 2**
  ************************************/
    /************************************
  **SUBMENU OF CATEGORY  : TEMPLATE 3**
  ************************************/
    /* -----------------------------
  	MEDIA QUERIES - MAXWIDTH 870
  --------------------------------*/
    /* -----------------------------
      MEDIA QUERIES RETINA
  	--------------------------------*/
}

div.explorer-nav-main div.scroll-pane {
    outline: 0;
}

div.explorer-nav-main input.error {
    background-color: #ffe1e1 !important;
}

div.explorer-nav-main div.explorer-aside {
    position: relative;
    left: 0;
    top: 0;
    z-index: 11;
    width: 120px;
    height: 100%;
    font: 0.813em/30px "parisplus-std", sans-serif;
    background: #ffffff;
    overflow: hidden;
}

div.explorer-nav-main div.explorer-aside div.top {
    position: absolute;
    top: 0;
    left: 0;
    height: 480px;
}

div.explorer-nav-main div.explorer-aside div.top li {
    position: relative;
    background: url(../img/icons-explorer.png) 43px 27px no-repeat;
    background-color: #39b54b;
    border-bottom: #379c46 1px solid;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
}

div.explorer-nav-main div.explorer-aside div.top li a, div.explorer-nav-main div.explorer-aside div.top li button {
    top: 0;
    left: 0;
    display: block;
    width: 120px;
    height: 95px;
    padding-top: 50px;
    color: #fff;
    text-decoration: none;
}

div.explorer-nav-main div.explorer-aside div.top li.selected, div.explorer-nav-main div.explorer-aside div.top li:hover {
    background-color: #33a343;
}

div.explorer-nav-main div.explorer-aside div.top li.back-website {
    height: 80px;
    background-color: #2d3135;
    background-position: 46px 27px;
}

div.explorer-nav-main div.explorer-aside div.top li.back-website:hover {
    background-color: #4b4e52;
}

div.explorer-nav-main div.explorer-aside div.top li.back-website a {
    padding-top: 0px;
    height: 100%;
}

div.explorer-nav-main div.explorer-aside div.top li.search {
    height: 120px;
    background-position: 43px -53px;
}

div.explorer-nav-main div.explorer-aside div.top li.search a, div.explorer-nav-main div.explorer-aside div.top li.search button {
    padding-top: 0px;
    height: 100%;
}

div.explorer-nav-main div.explorer-aside div.top li.people {
    background-position: 43px -173px;
}

div.explorer-nav-main div.explorer-aside div.top li.culture {
    background-position: 43px -268px;
}

div.explorer-nav-main div.explorer-aside div.top li.country {
    background-position: 43px -363px;
}

div.explorer-nav-main div.explorer-aside div.bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 187px;
    background: #fff;
}

div.explorer-nav-main div.explorer-aside div.bottom a.favorite {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 120px;
    height: 120px;
    color: #5b5f63;
    text-decoration: none;
    padding-top: 65px;
    background: url(../img/icons-explorer.png) 43px -430px no-repeat;
    border-bottom: #e3e3e4 1px solid;
    border-top: #e3e3e4 1px solid;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
}

div.explorer-nav-main div.explorer-aside div.bottom a.favorite span.result-nb {
    content: "";
    position: absolute;
    top: 54px;
    left: 60px;
    display: block;
    width: 15px;
    height: 15px;
    font: 0.625em/15px "parisine-std", sans-serif;
    color: #fff;
    background-color: #39b54b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.explorer-nav-main div.explorer-aside div.bottom a.favorite.off {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    cursor: default;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode {
    position: relative;
    float: left;
    width: 32px;
    margin-top: 17px;
    background: url(../img/icons-explorer.png) 0 0 no-repeat;
    overflow: hidden;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.thumb {
    margin-left: 12px;
    background-position: -165px 6px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.thumb.on, div.explorer-nav-main div.explorer-aside div.bottom a.mode.thumb:hover {
    background-position: -210px 6px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.list {
    background-position: -165px -32px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.list.on, div.explorer-nav-main div.explorer-aside div.bottom a.mode.list:hover {
    background-position: -210px -32px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.map {
    background-position: -164px -71px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.map.on, div.explorer-nav-main div.explorer-aside div.bottom a.mode.map:hover {
    background-position: -210px -71px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.off {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    cursor: default;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.off.thumb {
    background-position: -165px 6px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.off.list {
    background-position: -165px -32px;
}

div.explorer-nav-main div.explorer-aside div.bottom a.mode.off.map {
    background-position: -164px -71px;
}

div.explorer-nav-main div.smenu {
    position: absolute;
    top: 0;
    left: -410px;
    width: 340px;
    height: 100%;
    overflow: hidden;
    -moz-transition: left 350ms ease-out;
    -o-transition: left 350ms ease-out;
    -webkit-transition: left 350ms ease-out;
    transition: left 350ms ease-out;
}

div.explorer-nav-main div.smenu button.green-button {
    display: block;
    padding: 0 22px 0 22px;
    color: #fff;
    font: normal 0.875em/36px "parisplus-std", sans-serif;
    font-weight: 700;
    background-color: #39b54b;
    cursor: pointer;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-transition: background 150ms;
    -o-transition: background 150ms;
    -webkit-transition: background 150ms;
    transition: background 150ms;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.explorer-nav-main div.smenu button.green-button:hover {
    background-color: #33a343;
}

div.explorer-nav-main div.smenu button.validate {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 70px;
    font: normal 0.875em/70px "parisplus-std", sans-serif;
    font-weight: 700;
    text-align: center;
    background-color: #39b54b;
    color: #fff;
    cursor: pointer;
}

div.explorer-nav-main div.smenu.smenu-level1 {
    left: 120px;
    z-index: 10;
}

div.explorer-nav-main div.smenu.smenu-level2 {
    left: 460px;
    z-index: 9;
}

div.explorer-nav-main div.smenu.smenu-level3 {
    left: 530px;
    z-index: 8;
}

div.explorer-nav-main div.smenu div.search-tool {
    position: relative;
    display: block;
    width: 100%;
    height: 90px;
    background-color: #fff;
}

div.explorer-nav-main div.smenu div.search-tool input {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 258px;
    height: 38px;
    margin: -19px 0 0 -129px;
    vertical-align: middle;
    font: normal 0.875em/35px "parisplus-std", sans-serif;
    text-indent: 20px;
    color: #4b4e52;
    background-color: #fff;
    border: #dcddde 1px solid;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

div.explorer-nav-main div.smenu div.search-tool input::-webkit-input-placeholder {
    font: normal 1em/35px "parisplus-std", sans-serif;
    color: #4b4e52;
}

div.explorer-nav-main div.smenu div.search-tool input:-moz-placeholder {
    /* Firefox 18- */
    font: normal 1em/35px "parisplus-std", sans-serif;
    color: #4b4e52;
}

div.explorer-nav-main div.smenu div.search-tool input::-moz-placeholder {
    /* Firefox 19+ */
    font: normal 1em/35px "parisplus-std", sans-serif;
    color: #4b4e52;
}

div.explorer-nav-main div.smenu div.search-tool input:-ms-input-placeholder {
    font: normal 1em/35px "parisplus-std", sans-serif;
    color: #4b4e52;
}

div.explorer-nav-main div.smenu div.scroll-pane-list {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    height: calc(100% - 90px);
    outline: 0;
}

div.explorer-nav-main div.smenu div.scroll-pane-list ul {
    width: 100%;
    overflow: hidden;
}

div.explorer-nav-main div.smenu div.scroll-pane-list ul li {
    display: block;
    padding: 15px 0 15px 25px;
    width: 100%;
    border-bottom: #dcddde 1px solid;
    font: normal 1em/25px "parisplus-std", sans-serif;
    color: #4b4e52;
    cursor: pointer;
}

div.explorer-nav-main div.smenu div.scroll-pane-list ul li button {
    color: #4b4e52;
    background: none;
}

div.explorer-nav-main div.smenu div.scroll-pane-list ul li span.result-nb {
    color: #8a8e93;
}

div.explorer-nav-main div.smenu div.scroll-pane-list ul li:hover {
    color: #39b54b;
}

div.explorer-nav-main div.smenu div.scroll-pane-list ul li:hover button {
    color: #39b54b;
}

div.explorer-nav-main div.smenu div.scroll-pane-list ul li:hover span.result-nb {
    color: #39b54b;
}

div.explorer-nav-main div.smenu-search {
    background: #33a343 url(../img/shadow-search.png) -36px 70px no-repeat;
}

div.explorer-nav-main div.smenu-search input.search-tool {
    display: block;
    width: 240px;
    height: 50px;
    margin: 50px 0 0 40px;
    vertical-align: middle;
    font: normal 0.875em/40px "parisplus-std", sans-serif;
    color: #fff;
    text-indent: 25px;
    background-color: #48ac56;
    border: #5cb569 1px solid;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

div.explorer-nav-main div.smenu-search input.search-tool::-webkit-input-placeholder {
    font: normal 1em/40px "parisplus-std", sans-serif;
    color: #fff;
}

div.explorer-nav-main div.smenu-search input.search-tool:-moz-placeholder {
    /* Firefox 18- */
    font: normal 1em/40px "parisplus-std", sans-serif;
    color: #fff;
}

div.explorer-nav-main div.smenu-search input.search-tool::-moz-placeholder {
    /* Firefox 19+ */
    font: normal 1em/40px "parisplus-std", sans-serif;
    color: #fff;
}

div.explorer-nav-main div.smenu-search input.search-tool:-ms-input-placeholder {
    font: normal 1em/40px "parisplus-std", sans-serif;
    color: #fff;
}

div.explorer-nav-main div.smenu-search button.advanced-search {
    display: block;
    margin: 15px 0 0 65px;
    text-align: left;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    background: none;
}

div.explorer-nav-main div.smenu-search button.advanced-search:hover {
    text-decoration: none;
}

div.explorer-nav-main div.smenu-search div.saved-searchs {
    width: 100%;
    margin-top: 40px;
    text-align: left;
}

div.explorer-nav-main div.smenu-search div.saved-searchs h2 {
    padding-left: 40px;
    margin-bottom: 16px;
    font: normal 1.375em/60px "parisine-std-clair", sans-serif;
    color: #fff;
}

div.explorer-nav-main div.smenu-search div.saved-searchs div.scroll-pane-search-saved {
    width: 100%;
    height: 100%;
}

div.explorer-nav-main div.smenu-search div.saved-searchs ul {
    display: block;
    padding: 0 40px;
}

div.explorer-nav-main div.smenu-search div.saved-searchs li {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding: 20px 15px;
    background-color: #2d8f3b;
    font: normal 1.125em "parisine-std-clair", sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}

div.explorer-nav-main div.smenu-search div.saved-searchs li button {
    color: #fff;
    background: none;
}

div.explorer-nav-main div.smenu-search div.saved-searchs li a {
    color: #fff;
    text-decoration: none;
}

div.explorer-nav-main div.smenu-search div.saved-searchs li a span.date {
    display: block;
    font-size: 0.875em;
    color: #7bc98c;
}

div.explorer-nav-main div.smenu-search div.saved-searchs li a:hover {
    text-decoration: underline;
}

div.explorer-nav-main div.smenu-search div.saved-searchs li button.delete {
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url(../img/icons-explorer.png) -150px -162px no-repeat;
    cursor: pointer;
}

div.explorer-nav-main div.smenu-search-autocompletion {
    text-align: left;
    font: normal 1.125em/30px "parisplus-std", sans-serif;
    color: #fff;
    background-color: #2d3135;
    /*
    div.result-autocompletion
    {
    	height: 100%;
    }
    */
}

div.explorer-nav-main div.smenu-search-autocompletion h3 {
    position: relative;
    left: 40px;
    display: block;
    width: 260px;
    width: calc(100% - 80px);
    margin: 20px 0;
    line-height: 50px;
    font-weight: 700;
    border-bottom: #42464a 1px solid;
}

div.explorer-nav-main div.smenu-search-autocompletion h3 span.result-nb {
    font-weight: normal;
    font-size: 0.875em;
    color: #abadae;
}

div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list {
    height: calc(100% - 200px);
    outline: 0;
}

div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list ul {
    padding: 15px 40px 30px 40px;
}

div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list ul li {
    display: block;
    width: 100%;
    height: initial;
    font-size: 0.938em;
    line-height: 30px;
    color: #42464a;
    cursor: pointer;
    border-bottom: none;
    text-indent: 0;
    padding: 0;
}

div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list ul li b,
div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list ul li strong{
    color: #fff;
}

div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list ul li:hover {
    color: #39b54b;
}

div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list ul li:hover b,
div.explorer-nav-main div.smenu-search-autocompletion div.scroll-pane-list ul li:hover strong{
    color: #39b54b;
}

div.explorer-nav-main div.smenu-search-autocompletion button.green-button {
    position: absolute;
    bottom: 55px;
    left: 40px;
}

div.explorer-nav-main div.smenu-search-advanced {
    width: 410px;
    text-align: center;
    color: #fff;
    overflow-y: auto;
    height: 100%;
    padding: 33px 0 50px 0;
    background-color: #2d3135;
}

div.explorer-nav-main div.smenu-search-advanced button.back {
    position: relative;
    display: block;
    margin: 0 0 70px 40px;
    padding-left: 30px;
    font: normal 0.875em "parisplus-std", sans-serif;
    text-align: left;
    color: #fff;
}

div.explorer-nav-main div.smenu-search-advanced button.back:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0px;
    display: block;
    width: 30px;
    height: 10px;
    background: url(../img/icons-explorer.png) -83px -92px no-repeat;
}

div.explorer-nav-main div.smenu-search-advanced h2 {
    margin-left: 40px;
    font: normal 1.375em "parisine-std-clair", sans-serif;
    text-align: left;
    color: #fff;
}

div.explorer-nav-main div.smenu-search-advanced div.filters {
    display: inline-block;
    width: 330px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-input-container {
    position: relative;
    display: block;
    width: 330px;
    padding: 15px;
    margin-top: 55px;
    background-color: #fff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-input-container.error {
    background-color: #ffe1e1;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-input-container div.filter-added {
    position: relative;
    height: 30px;
    float: left;
    padding: 0 35px 0 17px;
    margin: 2px 8px 2px 0;
    font: normal 0.875em/30px "parisplus-std", sans-serif;
    font-weight: 700;
    background-color: #abadae;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-input-container div.filter-added:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    display: block;
    margin-top: -11px;
    width: 20px;
    height: 20px;
    background: url(../img/icons-explorer.png) -150px -162px no-repeat;
    cursor: pointer;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-input-container input {
    width: auto;
    min-width: 30px;
    max-width: 100%;
    height: 30px;
    float: left;
    border: none;
    background: transparent;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #abadae;
    text-align: left;
}

div.explorer-nav-main div.smenu-search-advanced div.operator {
    position: relative;
    display: inline-block;
    width: 80px;
    margin: 10px auto;
    font: normal 0.875em/30px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    border: #abadae 2px solid;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.explorer-nav-main div.smenu-search-advanced div.operator button {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -11px;
    width: 20px;
    height: 20px;
    background: url(../img/icons-explorer.png) -263px -106px no-repeat;
    cursor: pointer;
}

div.explorer-nav-main div.smenu-search-advanced div.operator button.prev {
    left: 3px;
}

div.explorer-nav-main div.smenu-search-advanced div.operator button.next {
    right: 3px;
    background-position: -293px -106px;
}

div.explorer-nav-main div.smenu-search-advanced div.operator:after, div.explorer-nav-main div.smenu-search-advanced div.operator:before {
    content: "";
    position: absolute;
    left: 50%;
    display: block;
    width: 2px;
    height: 11px;
    margin-left: -1px;
    background: #abadae;
}

div.explorer-nav-main div.smenu-search-advanced div.operator:before {
    top: -11px;
}

div.explorer-nav-main div.smenu-search-advanced div.operator:after {
    bottom: -11px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category {
    position: relative;
    display: block;
    width: 330px;
    min-height: 50px;
    padding: 10px 0 5px 28px;
    font: normal 0.875em/20px "parisplus-std", sans-serif;
    text-align: left;
    background-color: #35393d;
    border: #3f4246 1px solid;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category:hover.add-filter button.label {
    color: #aaa !important;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category button.label, div.explorer-nav-main div.smenu-search-advanced div.filter-category span.label {
    position: relative;
    display: block;
    width: 80%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    -moz-transition: color 150ms;
    -o-transition: color 150ms;
    -webkit-transition: color 150ms;
    transition: color 150ms;
    color: #fff;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category button.label span.type, div.explorer-nav-main div.smenu-search-advanced div.filter-category span.label span.type {
    font: normal 0.813em/30px "parisplus-std", sans-serif;
    font-style: italic;
    text-transform: capitalize;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category button.label:hover, div.explorer-nav-main div.smenu-search-advanced div.filter-category span.label:hover {
    color: #39b54b;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category button.close {
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    margin-top: -11px;
    width: 20px;
    height: 20px;
    background: url(../img/icons-explorer.png) -150px -162px no-repeat;
    cursor: pointer;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category button.close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 30px;
    text-indent: 65px;
    height: 50px;
    padding: 10px 0 10px 0;
    padding: 0;
    overflow: hidden;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 16px;
    display: block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url(../img/icons-explorer.png) -204px -162px no-repeat;
    cursor: pointer;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter.open {
    height: auto;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter.open button.label:after {
    background-position: -238px -162px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter.open ul {
    visibility: visible;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter button.label {
    height: 50px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter button.label:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 30px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/icons-explorer.png) -249px -206px no-repeat;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter button.label:hover {
    color: #fff;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category ul {
    width: 100%;
    visibility: hidden;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category ul li {
    display: block;
    text-indent: 28px;
    background-color: #35393d;
    border-top: #3f4246 1px solid;
    line-height: 50px;
    cursor: pointer;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category ul li:last-child {
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category ul li.current {
    border-top-color: #39b54b;
    background-color: #39b54b;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category ul li:hover {
    border-top-color: #39b54b;
    background-color: #39b54b;
}

div.explorer-nav-main div.smenu-search-advanced div.filter-category ul li button {
    color: #fff;
}

div.explorer-nav-main div.smenu-search-advanced button.green-button {
    position: relative;
    top: 30px;
    left: 0;
    width: 235px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
}

div.explorer-nav-main div.smenu-category-template-1 {
    text-align: left;
    background-color: #f2f2f2;
}

div.explorer-nav-main div.smenu-category-template-2 {
    text-align: left;
    background-color: #f2f2f2;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree {
    height: calc(100% - 160px);
    overflow-y: auto;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    overflow: hidden;
    cursor: pointer;
    -moz-transition: height 200ms ease-in;
    -o-transition: height 200ms ease-in;
    -webkit-transition: height 200ms ease-in;
    transition: height 200ms ease-in;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li button.label {
    position: relative;
    display: block;
    height: 70px;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-indent: 58px;
    text-align: left;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li:before {
    content: "";
    position: absolute;
    top: 69px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dcddde;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.selected {
    height: auto;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.selected > button.label {
    color: #39b54b;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.to-validated {
    color: #39b54b;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-first, div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-middle {
    position: relative;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-first button.label:after, div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-middle button.label:after {
    content: "";
    position: absolute;
    top: 23px;
    left: 23px;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #8a8e93;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/icons-explorer.png) -282px -325px no-repeat;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-first.selected > button.label:after, div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-middle.selected > button.label:after {
    background-position: -213px -325px;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-first.to-validate, div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-middle.to-validate {
    color: #39b54b;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-first {
    font: normal 1em/70px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-first a {
    color: #000;
    text-decoration: none;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-middle {
    padding-left: 10px;
    font: normal 1em/70px "parisplus-std", sans-serif;
    text-transform: none;
    color: #8a8e93;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-middle a {
    color: #8a8e93;
    text-decoration: none;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-middle button {
    color: #8a8e93;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-last {
    font: normal 1em/70px "parisplus-std", sans-serif;
    text-transform: none;
    color: #000;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-last a, div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-last button {
    color: #4b4e52;
    text-decoration: none;
    text-indent: 58px;
    width: 100%;
    text-align: left;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-last span.result-nb {
    font: normal 0.875em/70px "parisplus-std", sans-serif;
    color: #8a8e93;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-last:hover button.label {
    background-color: #39b54b;
    color: #fff;
}

div.explorer-nav-main div.smenu-category-template-2 div.scroll-pane-tree li.filter-last:hover span.result-nb {
    color: #dfdfdf;
}

div.explorer-nav-main div.smenu-category-template-3 {
    text-align: left;
    background-color: #f2f2f2;
}

div.explorer-nav-main div.smenu-category-template-3 h3 /*h2*/ {
    margin: 45px 0 25px 25px;
    font: normal 0.875em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #4b4c4e;
}

div.explorer-nav-main div.smenu-category-template-3 div.input-search {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font: normal 0.875em/35px "parisplus-std", sans-serif;
}

div.explorer-nav-main div.smenu-category-template-3 div.input-search label {
    margin-left: 50px;
}

div.explorer-nav-main div.smenu-category-template-3 div.input-search input {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 130px;
    height: 35px;
    margin: -17px 0 0 -65px;
    vertical-align: middle;
    /*font: normal 1em $fontPlus;*/
    text-indent: 20px;
    color: #4b4e52;
    background-color: #fff;
    border: #dcddde 1px solid;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

@media screen and (max-width: 870px) {
    div.explorer-nav-main div.smenu-search-advanced {
        width: 350px;
    }

    div.explorer-nav-main div.smenu-search-advanced div.filters {
        width: 280px;
    }

    div.explorer-nav-main div.smenu-search-advanced div.filter-input-container {
        width: 280px;
    }

    div.explorer-nav-main div.smenu-search-advanced div.filter-category {
        width: 280px;
    }

    div.explorer-nav-main div.smenu.smenu-level3 {
        left: 470px;
        width: 300px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.explorer-nav-main div.explorer-aside div.top li {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.explorer-aside div.bottom a.favorite {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.explorer-aside div.bottom a.mode {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.explorer-aside a.display-cat {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-search div.saved-searchs li span.delete {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-search-advanced button.back:before {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-search-advanced div.filter-input-container div.filter-added:after {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-search-advanced div.operator button {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-search-advanced div.filter-category span.close {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter:after {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-search-advanced div.filter-category.add-filter button.label:before {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-nav-main div.smenu-category-template-2 li.filter-first button.label:after, div.explorer-nav-main div.smenu-category-template-2 li.filter-middle button.label:after {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }
}

div.content-explorer div.popin-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

div.content-explorer div.popin-save {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    margin: -145px 0 0 -285px;
    width: 570px;
    height: 290px;
    background: #fff;
    text-align: left;
}

div.content-explorer div.popin-save h2 {
    height: 70px;
    padding-left: 40px;
    font: normal 1.125em/70px "parisplus-std", sans-serif;
    color: #2d3135;
    border-bottom: 1px solid #d9d9d9;
}

div.content-explorer div.popin-save input[type='text'] {
    display: inline-block;
    width: 490px;
    height: 35px;
    margin: 50px 0 25px 40px;
    color: #2d3135;
    background-color: #fff;
    color: #2d3135;
    border: 1px solid #e6e9ef;
    outline: none;
    text-indent: 25px;
    font: normal 0.9em "parisplus-std", sans-serif;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

div.content-explorer div.popin-save input[type='text'].error {
    border-color: red;
}

div.content-explorer div.popin-save input[type="submit"], div.content-explorer div.popin-save button.cancel {
    display: inline-block;
    vertical-align: top;
    height: 35px;
    padding: 0 25px;
    border: none;
    background-color: #39b54b;
    color: #fff;
    font: normal 1em/35px "parisine-std", sans-serif;
    outline: 0;
    font-weight: normal;
    cursor: pointer;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

div.content-explorer div.popin-save button.cancel {
    margin: 0 10px 0 40px;
    background: #000;
    font-weight: 700;
}

div.content-explorer div.popin-save span.msg-error {
    margin: 0 0 20px 40px;
    display: inline-block;
    width: 100%;
    color: red;
    font: normal 0.85em "parisine-std", sans-serif;
}

div.explorer-popin-favorites {
    position: absolute;
    left: 120px;
    top: 0;
    z-index: 0;
    width: 100%;
    padding: 50px;
    width: calc(100% - 120px);
    height: 100%;
    background: #4b4e52;
    overflow: hidden;
}

div.explorer-popin-favorites div.explorer-all-categories {
    /**CHECKBOXES FIX**/
    /* -----------------------------
        MEDIA QUERIES RETINA
    	--------------------------------*/
}

div.explorer-popin-favorites div.explorer-all-categories div.top {
    border-bottom: 2px solid #363a3e;
    margin-bottom: 40px;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite {
    position: relative;
    width: 100%;
    padding-bottom: 30px;
    text-align: left;
    font: normal 1em/30px "parisplus-std", sans-serif;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite span.selected-nb {
    font-style: italic;
    color: #fff;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.select-all {
    position: relative;
    left: 65px;
    z-index: 1;
    display: inline-block;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    cursor: pointer;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.select-all.off:after {
    background: url(../img/input-check.png) 0 0 no-repeat;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.select-all:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 3px;
    left: -36px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/icons-explorer.png) -127px -205px no-repeat;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.select-all:after {
    content: "";
    position: absolute;
    top: 8px;
    left: -33px;
    display: block;
    width: 15px;
    height: 15px;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.select-all:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.close {
    position: absolute;
    top: -15px;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #717377;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/icons-explorer.png) -136px -148px no-repeat;
    cursor: pointer;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.selection-options {
    padding-bottom: 45px;
    text-align: left;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.selection-options button.btn-grey {
    display: inline-block;
    margin: 5px 10px 5px 0;
    padding: 0 25px;
    font: normal 1em/35px "parisplus-std", sans-serif;
    color: #76797d;
    background-color: #2d3135;
    cursor: pointer;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-transition: background 150ms ease-out;
    -o-transition: background 150ms ease-out;
    -webkit-transition: background 150ms ease-out;
    transition: background 150ms ease-out;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.selection-options button.btn-grey.off {
    cursor: default;
    background-color: rgba(45, 49, 53, 0.2) !important;
    color: #76797d !important;
}

div.explorer-popin-favorites div.explorer-all-categories div.top div.selection-options button.btn-grey:hover {
    background-color: #39b54b;
    color: #fff;
}

div.explorer-popin-favorites div.explorer-all-categories div.scroll-pane {
    overflow-y: auto;
    height: 80%;
    height: calc(100% - 200px);
    outline: none;
    -webkit-overflow-scrolling: touch;
}

div.explorer-popin-favorites div.explorer-all-categories div.scroll-pane .jspTrack {
    background: #76797d;
}

div.explorer-popin-favorites div.explorer-all-categories div.thumb-container {
    height: auto;
    width: 100%;
}

div.explorer-popin-favorites div.explorer-all-categories div.thumb-container figure {
    margin: 0 60px 30px 0;
}

div.explorer-popin-favorites div.explorer-all-categories div.thumb-container ul.checkboxes {
    margin-top: 30px;
}

div.explorer-popin-favorites div.explorer-all-categories div.thumb-container ul.checkboxes label {
    color: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.select-all:before {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }

    div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.select-all.off:after {
        background-size: 12px 10px;
        background-image: url(../img/input-check@2x.png);
    }

    div.explorer-popin-favorites div.explorer-all-categories div.top div.favorite button.close {
        background-size: 350px 500px;
        background-image: url(../img/icons-explorer@2x.png);
    }
}

div.container-module {
    /* -----------------------------
  	MEDIA QUERIES WIDTH  1200
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES WIDTH  768px
  --------------------------------*/
}

div.container-module div.journey-popin-list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #2d3135;
}

div.container-module div.journey-popin-list > div {
    height: 100%;
}

div.container-module div.journey-list {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #2d3135;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /**********
    **NAV TOP**
    **********/
    /**********
    **RESULTS**
    **********/
}

div.container-module div.journey-list div.journey-top-nav {
    position: relative;
    top: 0;
    left: 0;
    z-index: 11;
    overflow: hidden;
    display: inline-block;
    width: 80%;
    height: 155px;
    padding-top: 50px;
    border-bottom: 1px solid #414549;
    text-align: left;
    background-color: #2d3135;
}

div.container-module div.journey-list div.journey-top-nav h1 {
    display: inline-block;
    font: normal 2.375em "parisplus-clair", sans-serif;
    color: #fff;
}

div.container-module div.journey-list div.journey-top-nav div.journey-filters {
    float: right;
}

div.container-module div.journey-list div.journey-top-nav div.item-select {
    width: 300px;
    height: 45px;
    margin: 0 14px 0 0;
}

div.container-module div.journey-list div.journey-top-nav div.item-select:last-child {
    margin-right: 0;
    width: 225px;
}

div.container-module div.journey-list div.journey-top-nav div.item-select select {
    width: 100%;
}

div.container-module div.journey-list div.journey-top-nav div.item-select div.select-custom {
    width: 100%;
    height: 45px;
    text-align: left;
}

div.container-module div.journey-list div.results {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 60px;
    text-align: center;
}

div.container-module div.journey-list div.results div.wrap {
    display: inline-block;
}

div.container-module div.journey-list div.results div.wrap figure {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 195px;
    height: 315px;
    margin: 30px 9px 0 9px;
    /*
          a
          {
          	position:absolute;
          	top:0;
          	left:0;
          	display: block;
          	width: 100%;
          	height: 100%;
          	background:url(../img/trans-ie8.png) 0 0 repeat\0;//only IE8;
          }
          */
}

div.container-module div.journey-list div.results div.wrap figure img {
    display: block;
}

div.container-module div.journey-list div.results div.wrap figure figcaption {
    position: relative;
    display: inline-block;
    text-align: left;
}

div.container-module div.journey-list div.results div.wrap figure figcaption h2 {
    margin-top: 25px;
    max-height: 70px;
    font: normal 1.25em/24px "parisplus-std", sans-serif;
    color: white;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.container-module div.journey-list div.results div.wrap figure figcaption p {
    font: normal 0.875em/24px "parisplus-std", sans-serif;
    color: #39b54b;
}

@media only screen and (max-width: 1200px) {
    div.container-module div.journey-list div.journey-top-nav {
        height: 175px;
        padding-top: 30px;
    }

    div.container-module div.journey-list div.journey-top-nav h1 {
        display: block;
    }

    div.container-module div.journey-list div.journey-top-nav div.journey-filters {
        float: left;
        width: 100%;
        height: 45px;
        margin-top: 20px;
        overflow: hidden;
    }

    div.container-module div.journey-list div.journey-top-nav div.item-select {
        width: 265px;
    }

    div.container-module div.journey-list div.journey-top-nav div.item-select:last-child {
        width: 200px;
    }
}

@media only screen and (max-width: 768px) {
    div.container-module div.journey-list div.journey-top-nav {
        left: 4.5%;
        width: 90%;
    }

    div.container-module div.journey-list div.results {
        width: 90%;
    }
}

div.content-journey {
    /********************
  **ZOOM JOURNEY**
  ********************/
    /********************
  **THUMB-BAR JOURNEY**
  ********************/
    /**********************
  **PROGRESS-BAR JOURNEY*
  **********************/
    /* -----------------------------
  	MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.content-journey div.collection {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2d3135;
}

div.content-journey div.collection section {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}

div.content-journey div.collection section.start > img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

div.content-journey div.collection section > img {
    position: absolute;
    top: 0;
    left: 0;
}

div.content-journey div.collection section > img:not(.fullscreen) {
    height: 100%;
}

div.content-journey div.collection section > img.zoom-in {
    cursor: url(../img/cursor-zoom.cur), pointer;
    cursor: url(../img/cursor-zoom.png), zoom-in;
}

div.content-journey div.collection section div.content-start {
    position: relative;
    top: 30%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 50px;
    color: #fff;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.content-journey div.collection section div.content-start h1 {
    font: normal 7.5em/120px "parisplus-clair", sans-serif;
    font-weight: 700;
    margin-bottom: 40px;
}

div.content-journey div.collection section div.content-start h1.medium {
    font-size: 6.3em;
    line-height: 95px;
}

div.content-journey div.collection section div.content-start h1.small {
    font-size: 4.8em;
    line-height: 75px;
}

div.content-journey div.collection section div.content-start span.date {
    font: normal 1.875em/35px "parisplus-clair", sans-serif;
    font-weight: 700;
}

div.content-journey div.collection section div.content-start span.date span.month {
    font-size: 0.667em;
}

div.content-journey div.collection section div.content-start span.date span.arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 14px;
    height: 9px;
    margin: 0 10px;
    background: url(../img/icons-journey.png) -171px -186px no-repeat;
}

div.content-journey div.collection section > div.stitle {
    position: absolute;
    top: 8%;
    display: block;
    width: 100%;
    font: normal 1.125em/25px "parisplus-clair", sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

div.content-journey div.collection section > div.stitle:after {
    content: "";
    position: absolute;
    top: 33px;
    left: 50%;
    width: 20px;
    height: 1px;
    margin-left: -10px;
    background: #fff;
}

div.content-journey div.collection section button.arrow-play {
    position: absolute;
    left: 50%;
    bottom: 10%;
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 0 0 -30px;
    background: #39b54b url(../img/icons-journey.png) -4px -209px no-repeat;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
}

div.content-journey div.collection section button.arrow-play:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

div.content-journey div.collection section article {
    position: absolute;
    right: 7%;
    bottom: 10%;
    display: inline-block;
    width: 465px;
    height: auto;
    max-height: 85%;
    color: #4b4e52;
    text-align: left;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    outline: 0;
}

div.content-journey div.collection section article.left {
    right: auto;
    left: 7%;
}

div.content-journey div.collection section article .jspTrack, div.content-journey div.collection section article .jspDrag {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

div.content-journey div.collection section article .jspVerticalBar {
    width: 5px;
}

div.content-journey div.collection section article div.block {
    height: 100%;
    padding: 40px 0 0 0;
}

div.content-journey div.collection section article h2 {
    padding: 0 40px;
    font: normal 1.563em/32px "parisplus-std", sans-serif;
}

div.content-journey div.collection section article p {
    padding: 35px 40px 40px 40px;
    font: normal 0.938em/26px "parisplus-std", sans-serif;
    color: #70767b;
}

div.content-journey div.collection section article span.caption {
    display: block;
    padding: 0 40px 40px;
    font: normal 0.938em/20px "parisplus-std", sans-serif;
    font-style: italic;
    color: #aeaeae;
}

div.content-journey div.collection section article div.nav {
    display: block;
    text-align: center;
    padding-bottom: 40px;
    -webkit-tap-highlight-color: transparent;
}

div.content-journey div.collection section article div.nav button {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
}

div.content-journey div.collection section article div.nav button:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #a1a1a1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.content-journey div.collection section article div.nav button.current:before {
    border-color: #39b54b;
    background-color: #39b54b;
}

div.content-journey div.collection section div.bt-end {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 80%;
    width: calc(100% - 465px);
}

div.content-journey div.collection section div.bt-end button.arrow-replay {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 60px;
    height: 61px;
    margin-left: -30px;
    margin-top: -30px;
    background: #39b54b url(../img/icons-journey.png) -5px -325px no-repeat;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
}

div.content-journey div.collection section div.bt-end button.arrow-replay:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

div.content-journey div.collection section div.content-end {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 90px 0 70px 70px;
    width: 465px;
    color: #4b4e52;
    background-color: #fff;
    text-align: left;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

div.content-journey div.collection section div.content-end h2 {
    font: normal 1.75em/32px "parisplus-std", sans-serif;
    width: 300px;
}

div.content-journey div.collection section div.content-end h3 {
    font: normal 1.375em/32px "parisplus-std", sans-serif;
    margin-bottom: 20px;
}

div.content-journey div.collection section div.content-end p {
    width: 300px;
    margin: 30px 0;
    font: normal 0.938em/26px "parisplus-std", sans-serif;
    color: #70767b;
}

div.content-journey div.collection section div.content-end div.share {
    position: relative;
    top: 0;
    left: 0;
    height: 80px;
    display: block;
}

div.content-journey div.collection section div.content-end div.share p {
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 700;
    color: #4b4e52;
}

div.content-journey div.collection section div.content-end div.share ul {
    position: relative;
    top: 20px;
    left: 20px;
    display: inline-block;
}

div.content-journey div.collection section div.content-end div.share ul li {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: url(../img/icons-share.png) 0 0 no-repeat;
}

div.content-journey div.collection section div.content-end div.share ul li.facebook {
    background-position: 0px 0px;
}

div.content-journey div.collection section div.content-end div.share ul li.twitter {
    margin-left: 7px;
    background-position: -51px 0px;
}

div.content-journey div.collection section div.content-end div.share ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

div.content-journey div.collection section div.content-end a.bt-green {
    position: relative;
    left: 0px;
    height: 50px;
    padding: 0 20px;
    margin: 40px 0 70px;
    display: inline-block;
    font: normal 0.813em/50px "parisplus-std", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    background: #39b54b;
    color: #fff;
    -moz-transition: background 150ms ease-in-out;
    -o-transition: background 150ms ease-in-out;
    -webkit-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
}

div.content-journey div.collection section div.content-end a.bt-green:hover {
    background: #33a343;
}

div.content-journey div.collection section div.content-end div.more {
    overflow: hidden;
}

div.content-journey div.collection section div.content-end div.more h2 {
    font: normal 1.375em/32px "parisplus-std", sans-serif;
    margin-bottom: 20px;
}

div.content-journey div.collection section div.content-end div.more figure {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 20px;
    background: #fff;
    overflow: hidden;
    /*
            a
            {
            	position:absolute;
            	top:0;
            	left:0;
            	display:block;
            	width:100%;
            	height:100%;
            }
            */
}

div.content-journey div.collection section div.content-end div.more figure img {
    float: left;
    height: 100%;
}

div.content-journey div.collection section div.content-end div.more figure figcaption {
    overflow: hidden;
    padding: 20px 20px 0;
}

div.content-journey div.collection section div.content-end div.more figure figcaption h3 {
    font: normal 1.25em/24px "parisplus-std", sans-serif;
    color: #2d3135;
    margin: 0;
}

div.content-journey div.collection section div.content-end div.more figure figcaption p {
    font: normal 0.875em/24px "parisplus-std", sans-serif;
    color: #39b54b;
    margin: 5px;
}

div.content-journey div.journey-zoom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: url(../img/cursor-close.cur), pointer;
    cursor: url(../img/cursor-close.png), zoom-out;
}

div.content-journey div.journey-zoom img {
    position: relative;
    top: 0;
    left: 0;
    image-rendering: optimizeSpeed;
}

div.content-journey div.journey-zoom span.close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #39b54b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/icons-journey.png) -170px -50px no-repeat;
    cursor: pointer;
}

div.content-journey div.journey-thumb {
    position: absolute;
    left: 0;
    bottom: -80px;
    z-index: 10;
    display: block;
    height: 80px;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -moz-transition: bottom 200ms ease-in-out;
    -o-transition: bottom 200ms ease-in-out;
    -webkit-transition: bottom 200ms ease-in-out;
    transition: bottom 200ms ease-in-out;
}

div.content-journey div.journey-thumb.show {
    bottom: 0;
}

div.content-journey div.journey-thumb ul {
    display: inline-block;
}

div.content-journey div.journey-thumb ul li {
    position: relative;
    float: left;
    height: 100%;
    width: 60px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

div.content-journey div.journey-thumb ul li.over span.mask, div.content-journey div.journey-thumb ul li.on span.mask {
    background-color: transparent;
}

div.content-journey div.journey-thumb ul li img {
    display: block;
    height: 100%;
    width: 100%;
}

div.content-journey div.journey-thumb ul li span.mask {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.75);
    -moz-transition: background 120ms;
    -o-transition: background 120ms;
    -webkit-transition: background 120ms;
    transition: background 120ms;
}

div.content-journey div.journey-progressbar {
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: 10;
    display: block;
    width: 100%;
    height: 6px;
    background-color: #a0a6ae;
    -moz-transition: bottom 100ms;
    -o-transition: bottom 100ms;
    -webkit-transition: bottom 100ms;
    transition: bottom 100ms;
}

div.content-journey div.journey-progressbar.show {
    bottom: 0;
}

div.content-journey div.journey-progressbar span.progress {
    position: relative;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: #39b54b;
    -moz-transition: width 550ms ease-out;
    -o-transition: width 550ms ease-out;
    -webkit-transition: width 550ms ease-out;
    transition: width 550ms ease-out;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.content-journey {
        /********************
      **ZOOM JOURNEY**
      ********************/
    }

    div.content-journey div.collection section div.content-start span.date span.arrow {
        background-size: 200px 400px;
        background-image: url(../img/icons-journey@2x.png);
    }

    div.content-journey div.journey-zoom span.close {
        background-size: 200px 400px;
        background-image: url(../img/icons-journey@2x.png);
    }
}

div.container-module {
    /* -----------------------------
  	MEDIA QUERIES WIDTH  768px
  --------------------------------*/
    /* -----------------------------
  	MEDIA QUERIES - RETINA
  --------------------------------*/
}

div.container-module div.journey-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 70px;
    width: 100%;
    background: #24272a;
    z-index: 11;
    /**********************
    **BOTTOM-NAV JOURNEY**
    **********************/
}

div.container-module div.journey-nav nav {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    /***************
      **TUTO JOURNEY**
      ****************/
}

div.container-module div.journey-nav nav ul {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

div.container-module div.journey-nav nav ul li {
    float: left;
    width: calc(100% - 211px);
    height: 100%;
    line-height: 70px;
}

div.container-module div.journey-nav nav ul li.collection-title {
    text-align: left;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

div.container-module div.journey-nav nav ul li.collection-title.show {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

div.container-module div.journey-nav nav ul li.collection-title.small {
    width: calc(100% - 430px);
}

div.container-module div.journey-nav nav ul li.collection-title p {
    display: inline-block;
    padding-left: 30px;
    font: normal 1.125em/20px "parisplus-std", sans-serif;
    color: #fff;
    vertical-align: middle;
}

div.container-module div.journey-nav nav ul li.collection-title span.description {
    font: normal 0.778em/20px "parisplus-std", sans-serif;
    color: #646970;
}

div.container-module div.journey-nav nav ul li.ico {
    width: 70px;
    -moz-transition: background-color 100ms;
    -o-transition: background-color 100ms;
    -webkit-transition: background-color 100ms;
    transition: background-color 100ms;
}

div.container-module div.journey-nav nav ul li.ico-home {
    position: relative;
    z-index: 1;
    background: url(../img/icons-journey.png) 18px 20px no-repeat;
}

div.container-module div.journey-nav nav ul li.ico-home:hover {
    background-color: #39b54b;
}

div.container-module div.journey-nav nav ul li.ico-index {
    margin-left: 1px;
    background: #4b4e52 url(../img/icons-journey.png) -53px 19px no-repeat;
}

div.container-module div.journey-nav nav ul li.ico-index:hover, div.container-module div.journey-nav nav ul li.ico-index.on {
    background-color: #39b54b;
}

div.container-module div.journey-nav nav ul li.ico-help {
    float: right;
    background: url(../img/icons-journey.png) -132px 19px no-repeat;
    cursor: pointer;
}

div.container-module div.journey-nav nav ul li.ico-help button {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
}

div.container-module div.journey-nav nav div.zoom-controls {
    position: absolute;
    bottom: 50%;
    right: 70px;
    display: block;
}

div.container-module div.journey-nav nav div.tutorial {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 550px;
    height: 100px;
    line-height: 100px;
    padding: 0 100px 0 170px;
    background: #fff url(../img/icons-journey.png) 24px -78px no-repeat;
    z-index: 12;
    cursor: pointer;
}

div.container-module div.journey-nav nav div.tutorial p {
    display: inline-block;
    font: normal 0.75em "parisine-std", sans-serif;
    line-height: auto;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
}

div.container-module div.journey-nav nav div.tutorial span.ico-help {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 70px;
    background: #d7d7d7 url(../img/icons-journey.png) -132px 36px no-repeat;
}

@media only screen and (max-width: 768px) {
    div.container-module div.journey-nav nav {
        width: 90%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    div.container-module div.journey-nav nav ul {
        /***************
      **TUTO JOURNEY**
      ****************/
    }

    div.container-module div.journey-nav nav ul li.ico-home {
        background-size: 200px 400px;
        background-image: url(../img/icons-journey@2x.png);
    }

    div.container-module div.journey-nav nav ul li.ico-index {
        background-size: 200px 400px;
        background-image: url(../img/icons-journey@2x.png);
    }

    div.container-module div.journey-nav nav ul li.ico-help {
        background-size: 200px 400px;
        background-image: url(../img/icons-journey@2x.png);
    }

    div.container-module div.journey-nav nav ul div.tutorial span.ico-help {
        background-size: 200px 400px;
        background-image: url(../img/icons-journey@2x.png);
    }
}

/* ------ REGLES CSS
1- ------- Positionnement
	position:relative;
	left
	right
	top
	bottom
	float
2- -------- Dimensions
	display
	width
	height
	padding
	margin
3- --------- Texte
	color
	font
	text-decoration
4- ---------- background - border
	background;
	border
5- ---------- Propriétés CSS3
	-moz-box-shadow
	etc ..
---------------- */

/*# sourceMappingURL=style.css.map */
.bg-black-content{
    background: #2d3135;
}
div.content-page section.edito article.bg-black-content p:not(.stitle),
div.content-page section.edito article.bg-black-content h2{
    color: #fff;
}
 div.content-page section.edito article.bg-black-content h2{
   margin-left: 30px;
}
div.content-page section.edito article.bg-black-content p{
    margin: 30px;
    margin-right: 0;
    margin-left: 0;
}

div.content-page section.edito article.bg-black-content .csc-textpic.csc-textpic-center.csc-textpic-above{
    margin: 0;
}

div.content-page section.edito article.bg-black-content p:not(.stitle) a.bt-green{
    margin-bottom:30px;
}
div.content-page section.edito article.bg-black-content{
    max-width: none;
}
div.content-page section.edito.bg-black-content{
    margin-bottom: 30px;
}

.bg-white-content{
    background: #fff;
}
div.content-page section.edito article.bg-white-content h2{
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 30px;
}
div.content-page section.edito article.bg-white-content p{
    margin: 30px;
    margin-right: 0;
    margin-left: 0;
}
div.content-page section.edito article.bg-white-content p:not(.stitle) a.bt-green{
    margin-bottom:30px;
}
div.content-page section.edito article.bg-white-content{
    max-width: none;
}
div.content-page section.edito.bg-white-content{
    margin-bottom: 10px;
}

section.edito .bg-white-content .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
section.edito .bg-black-content .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
    margin-right: 80px;
}
div.content-page section.edito article.bg-white-content .csc-textpic-intext-left-nowrap div.full-width p,
div.content-page section.edito article.bg-black-content .csc-textpic-intext-left-nowrap div.full-width p{
margin-left: 40px;
}
div.content-page section.edito article.bg-white-content .csc-textpic-intext-right-nowrap div.full-width p,
div.content-page section.edito article.bg-black-content .csc-textpic-intext-right-nowrap div.full-width p{
    margin-left: 80px;
}
div.content-page section.edito article.bg-white-content .csc-textpic-center.csc-textpic-below div.full-width p,
div.content-page section.edito article.bg-black-content .csc-textpic-center.csc-textpic-below div.full-width p{
    margin-left: 80px;
    text-align: center;
}
div.content-page section.edito article.bg-white-content .csc-textpic-left.csc-textpic-below div.full-width p,
div.content-page section.edito article.bg-black-content .csc-textpic-left.csc-textpic-below div.full-width p{
    margin-left: 80px;
}
div.content-page section.edito article.bg-white-content .csc-textpic-left div.csc-textpic-imagewrap figure img,
div.content-page section.edito article.bg-black-content .csc-textpic-left div.csc-textpic-imagewrap figure img{
    margin: 0 80px;
    width:85%;
}
div.content-page section img.imgZoom{
    display: none;
    position: absolute;
    top: 5%;
    z-index: 11;
    width: 90%;
    height: auto;
    box-shadow: 0px 0px 20px black;
    left: 5%;
}
.zoomBtn {
    /*background: #39b54b;*/
    color: #fff;
    font: normal 1.05em/28px "parisplus-std", sans-serif;
    font-size: 1.05em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 25px;
    display: table;
    z-index: 9;
    text-align: center;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -200px;
/*  Icon hidden, pending MQB decision
    background-image: url(../../../Icons/zoom.png);
*/
    background-size: 100%;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}
/*
.zoomBtn::before{
    content: 'zoom';
    font-size: 16px;
}
*/
.zoomBg{
    display: none;
    position: absolute;
    background: #0B151A;
    opacity: 0.7;
    z-index: 9;
    width: 100%;
    height: 1000%;
}
.zoomBg,
.zoomBtn,
.imgZoom{
    cursor: pointer;
}


.zoomBg{
    background-image: url(../../../Icons/close-icon.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 99% 0.1%;
    position: absolute;
    top: 0;
}
.content-33 h3{
    text-transform: uppercase;
    color: #39b54b;
    font-weight: bold;
    font: normal 1em/1.5em "parisplus-std", sans-serif;
    font-size: 20px;
}
.content-33 p.stitle{
    color: #000;
    font-weight: bold;
    font-size: 20px;
}
.vjs-default-skin {
    color: #ffffff;
    z-index: 10;
    position: relative;
    margin-top: 0;
}
.content-66 div.player-media.audio{
    width: 50%;
    height: 350px;
    margin-bottom: 15px;
}
.content-66 div.player-media.audio figure img{
    width: 100%;
    height: auto;
}
.content-66 div.player-media.audio .wrap{
    min-height: 95px;
    background-color: #2d3135;
}
.content-66 div.player-media.audio .vjs-control-bar{
    top: 250px;
}
.content-66 div.player-media.audio .vjs-progress-control{
    display: none;
}
.content-66 div.player-media.audio .vjs-control-bar .vjs-control[role='button'] {
    outline: none;
}
.content-66 div.player-media.audio .vjs-control-bar .vjs-control[role='button']:hover {
    cursor: pointer;
}

.mobile-version-header h2{
    color: #fff;
    font-size: 22px;
}
.ce-image.ce-center.ce-above, .ce-textpic.ce-center.ce-above {
    margin: 0 30px;
}

/* Custom zoom modal style */
.carrousel-expo .diaporama ul li:hover {
    cursor: hand;
}
.zoom-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 50; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.zoom-modal-content {
    margin: auto;
    display: block;
    max-height: 90%;
    max-width: 90%;
}

.zoom-modal-content {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.zoom-modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.zoom-modal-close:hover,
.zoom-modal-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

a.chevron-link::before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	width: 8px;
	height: 12px;
	background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/icons.png') -78px -19px no-repeat;
}
sup{
    vertical-align: super;
}
sub{
    vertical-align: sub;
}
div.content-page.content-66 section.edito article div.player-media.audio-or-download{
    height: 340px;
    margin-bottom: 15px;
}
.tx_mqb_text{
    background: #39b54b;
    color: #fff;
    font: normal 1.05em/28px "parisplus-std", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 25px;
    display: inline-block;
}
.mask .tx_mqb_text {
    opacity: 0.3;
    cursor: default;
}
.tx_mqb_text_content{
    top: 29%;
    position: absolute;
    z-index: 10;
    text-align: center;
    width: 100%;
}
button:focus,
a:focus{
    outline: none;
}

@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.animated {
      -webkit-animation-duration:1s;
      animation-duration:1s;
      -webkit-animation-fill-mode:both;
      animation-fill-mode:both
  }
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,
    43% {
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,
    43% {
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform:translate3d(0,-30px,0);
        -ms-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform:translate3d(0,-15px,0);
        -ms-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform:translate3d(0,-4px,0);
        -ms-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity:1
    }
    25%,
    75% {
        opacity:0
    }
}
@keyframes flash {
    0%,
    100%,
    50% {
        opacity:1
    }
    25%,
    75% {
        opacity:0
    }
}
.flash {
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    100% {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        -ms-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    100% {
        -webkit-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
.pulse {
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    30% {
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40% {
        -webkit-transform:scale3d(0.75,1.25,1);
        transform:scale3d(0.75,1.25,1)
    }
    50% {
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65% {
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75% {
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    100% {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    30% {
        -webkit-transform:scale3d(1.25,.75,1);
        -ms-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40% {
        -webkit-transform:scale3d(0.75,1.25,1);
        -ms-transform:scale3d(0.75,1.25,1);
        transform:scale3d(0.75,1.25,1)
    }
    50% {
        -webkit-transform:scale3d(1.15,.85,1);
        -ms-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65% {
        -webkit-transform:scale3d(.95,1.05,1);
        -ms-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75% {
        -webkit-transform:scale3d(1.05,.95,1);
        -ms-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    100% {
        -webkit-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
.rubberBand {
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform:translate3d(-10px,0,0);
        -ms-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform:translate3d(10px,0,0);
        -ms-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
.shake {
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform:rotate3d(0,0,1,15deg);
        transform:rotate3d(0,0,1,15deg)
    }
    40% {
        -webkit-transform:rotate3d(0,0,1,-10deg);
        transform:rotate3d(0,0,1,-10deg)
    }
    60% {
        -webkit-transform:rotate3d(0,0,1,5deg);
        transform:rotate3d(0,0,1,5deg)
    }
    80% {
        -webkit-transform:rotate3d(0,0,1,-5deg);
        transform:rotate3d(0,0,1,-5deg)
    }
    100% {
        -webkit-transform:rotate3d(0,0,1,0deg);
        transform:rotate3d(0,0,1,0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform:rotate3d(0,0,1,15deg);
        -ms-transform:rotate3d(0,0,1,15deg);
        transform:rotate3d(0,0,1,15deg)
    }
    40% {
        -webkit-transform:rotate3d(0,0,1,-10deg);
        -ms-transform:rotate3d(0,0,1,-10deg);
        transform:rotate3d(0,0,1,-10deg)
    }
    60% {
        -webkit-transform:rotate3d(0,0,1,5deg);
        -ms-transform:rotate3d(0,0,1,5deg);
        transform:rotate3d(0,0,1,5deg)
    }
    80% {
        -webkit-transform:rotate3d(0,0,1,-5deg);
        -ms-transform:rotate3d(0,0,1,-5deg);
        transform:rotate3d(0,0,1,-5deg)
    }
    100% {
        -webkit-transform:rotate3d(0,0,1,0deg);
        -ms-transform:rotate3d(0,0,1,0deg);
        transform:rotate3d(0,0,1,0deg)
    }
}
.swing {
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    10%,
    20% {
        -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    100% {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    10%,
    20% {
        -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    100% {
        -webkit-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
.tada {
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform:none;
        transform:none
    }
    15% {
        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30% {
        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45% {
        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60% {
        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75% {
        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes wobble {
    0% {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    15% {
        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30% {
        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        -ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45% {
        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        -ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60% {
        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        -ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75% {
        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        -ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
    100% {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.wobble {
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    100% {
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        -ms-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        -ms-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform:scale3d(.9,.9,.9);
        -ms-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        -ms-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform:scale3d(.97,.97,.97);
        -ms-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    100% {
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        -ms-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
.bounceIn {
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn;
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90% {
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        -ms-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        -ms-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75% {
        -webkit-transform:translate3d(0,-10px,0);
        -ms-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90% {
        -webkit-transform:translate3d(0,5px,0);
        -ms-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    100% {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90% {
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        -ms-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        -ms-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75% {
        -webkit-transform:translate3d(-10px,0,0);
        -ms-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90% {
        -webkit-transform:translate3d(5px,0,0);
        -ms-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    100% {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.bounceInLeft {
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90% {
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        -ms-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        -ms-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75% {
        -webkit-transform:translate3d(10px,0,0);
        -ms-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90% {
        -webkit-transform:translate3d(-5px,0,0);
        -ms-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    100% {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.bounceInRight {
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90% {
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    100% {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        -ms-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        -ms-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75% {
        -webkit-transform:translate3d(0,10px,0);
        -ms-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90% {
        -webkit-transform:translate3d(0,-5px,0);
        -ms-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    100% {
        -webkit-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.bounceInUp {
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,
    55% {
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    100% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(.9,.9,.9);
        -ms-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,
    55% {
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        -ms-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    100% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        -ms-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut {
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut;
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,
    45% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0,10px,0);
        -ms-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,
    45% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        -ms-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        -ms-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown {
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        -ms-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        -ms-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft {
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        -ms-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        -ms-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight {
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,
    45% {
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0,-10px,0);
        -ms-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,
    45% {
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        -ms-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        -ms-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp {
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        -ms-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        -ms-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInDownBig {
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        -ms-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        -ms-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInLeftBig {
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        -ms-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInRightBig {
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        -ms-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        -ms-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.fadeInUpBig {
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@keyframes fadeOut {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
.fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        -ms-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        -ms-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        -ms-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft {
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        -ms-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        -ms-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        -ms-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp {
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        -ms-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40% {
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50% {
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80% {
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
        -ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40% {
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50% {
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80% {
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        -ms-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100% {
        -webkit-transform:perspective(400px);
        -ms-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility:visible;
    -ms-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    100% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
        -ms-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        -ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    100% {
        -webkit-transform:perspective(400px);
        -ms-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    100% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
        -ms-transform:perspective(400px) rotate3d(0,1,0,10deg);
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        -ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    100% {
        -webkit-transform:perspective(400px);
        -ms-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
    100% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        -ms-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
    100% {
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
.flipOutX {
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
        transform:perspective(400px) rotate3d(0,1,0,-15deg);
        opacity:1
    }
    100% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px);
        -ms-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
        -ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);
        transform:perspective(400px) rotate3d(0,1,0,-15deg);
        opacity:1
    }
    100% {
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0
    }
}
.flipOutY {
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY;
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    100% {
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        -ms-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(20deg);
        -ms-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        -ms-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    100% {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:1
    }
}
.lightSpeedIn {
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity:1
    }
    100% {
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity:1
    }
    100% {
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        -ms-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut {
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin:center;
        -ms-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        -ms-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:center;
        -ms-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateIn {
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        -ms-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        -ms-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight {
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        -ms-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft {
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        -ms-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight {
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    100% {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,200deg);
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin:center;
        -ms-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    100% {
        -webkit-transform-origin:center;
        -ms-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,200deg);
        -ms-transform:rotate3d(0,0,1,200deg);
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
.rotateOut {
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0,0,1,45deg);
        transform:rotate(0,0,1,45deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0,0,1,45deg);
        -ms-transform:rotate(0,0,1,45deg);
        transform:rotate(0,0,1,45deg);
        opacity:0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        -ms-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutDownRight {
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        -ms-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,90deg);
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100% {
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,90deg);
        -ms-transform:rotate3d(0,0,1,90deg);
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
.rotateOutUpRight {
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,
    60% {
        -webkit-transform:rotate3d(0,0,1,80deg);
        transform:rotate3d(0,0,1,80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,
    80% {
        -webkit-transform:rotate3d(0,0,1,60deg);
        transform:rotate3d(0,0,1,60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    100% {
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,
    60% {
        -webkit-transform:rotate3d(0,0,1,80deg);
        -ms-transform:rotate3d(0,0,1,80deg);
        transform:rotate3d(0,0,1,80deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,
    80% {
        -webkit-transform:rotate3d(0,0,1,60deg);
        -ms-transform:rotate3d(0,0,1,60deg);
        transform:rotate3d(0,0,1,60deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    100% {
        -webkit-transform:translate3d(0,700px,0);
        -ms-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge {
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.rollIn {
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
.rollOut {
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50% {
        opacity:1
    }
}
@keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        -ms-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50% {
        opacity:1
    }
}
.zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
@keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
.zoomInDown {
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
@keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
.zoomInLeft {
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
@keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
.zoomInRight {
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
@keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
.zoomInUp {
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
    0% {
        opacity:1
    }
    50% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    100% {
        opacity:0
    }
}
@keyframes zoomOut {
    0% {
        opacity:1
    }
    50% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        -ms-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    100% {
        opacity:0
    }
}
.zoomOut {
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    100% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    100% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        -ms-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
.zoomOutDown {
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        -ms-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        -ms-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft {
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    100% {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        -ms-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        -ms-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight {
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    100% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
    }
    100% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        -ms-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)
    }
}
.zoomOutUp {
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
.opened{
    transition: 1s;
    left: 0;
}
.carte-content-hover{
    width: 100%;
    height: 100%;
    position: absolute;
}
.hoverImg img{
    transform: scale(1.1);
    box-shadow: 5px 5px 5px grey;
}
#edito section.edito article.closed.openEffect{
    display: block;

}
.drawer button{
    position: absolute;
    z-index: 2;
    height: 51px;
    width: 51px;
    right: 40px;
    background: url(../img/icons.png) -194px -316px no-repeat;
    cursor: pointer;
}
.bar-h {
    position: absolute;
    background-color: grey;
    width: 12px;
    height: 2px;
    top: 24px;
    left: 19px;
}
.bar-v {
    position: absolute;
    background-color: grey;
    height: 12px;
    width: 2px;
    top: 19px;
    left: 24px;
    -moz-transition: all 130ms ease-out;
    -o-transition: all 130ms ease-out;
    -webkit-transition: all 130ms ease-out;
    transition: all 130ms ease-out;
}
div.content-page section.edito div.drawer:hover{

}
div.content-page section.edito div.drawer svg:hover{
    /*background: lightgrey;
    opacity: 1;*/
}

@media only screen and (min-width: 1200px) {
    .header-inner figure img {
        width: 100%;
        height: auto;
    }
}

div.content-page section.edito{
    /*width: 930px !important;*/
}

/* MLL Style */
@media screen and (max-width: 960px) {
    div.content-page section.edito article div.col {
        padding: 0;
    }
}
@media screen and (min-width: 960px) {
    .content-66, .content-33 {
        width: 100%;
    }
}
.titles h1{
    font-size: 5em;
}
@media screen and (min-width: 2000px) {
    .titles h1{
        font-size: 6.5em;
    }
}
.tx-mqb-slider{
    z-index: 10;
}
.content-66{
    width: 64%;
    float: left;
    position: relative;
    padding-top: 50px;
    margin-right: 2%;
    margin-left: 1%;
}
.content-33{
    width: 33%;
    float: left;
    position: relative;
    margin: 0;
    padding-top: 50px;
}
div.content-page.content-66 section.edito article p{
    text-align: left;
}
.template-66-33 div.content-page section.edito article div.col.col1 {
    margin-right: 2%;
}
.template-66-33 div.content-page section.edito div.drawer + article div.col.col1 {
    background: #ffffff;
    padding: 20px 10px;
}

.template-66-33 .titles h1{
    font: normal 5em "parisplus-std",sans-serif;
    font-weight: normal;
    font-size: 5em;
    line-height: normal;
    font-weight: 700;
    color: #fecf2d;
    text-transform: uppercase;
}
.template-66-33 .header-inner{
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    /*min-width: 760px;*/
    height: 615px;
}
.template-66-33 .mobile-version-header{
    height: 400px;
}
.template-66-33 .header-inner figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2d3135;
}
.template-66-33 .titles{
    position: relative;
    top: 50%;
    left: 0;
    z-index: 1;
    max-width: 1240px;
    margin: -35px auto 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.template-66-33 .breadcrumb{
    position: relative;
    top: 0px;
    left: 0;
    z-index: 1;
    width: 930px;
    height: 70px;
    margin: -70px auto 0 auto;
    text-align: left;
    background: #39b54b;
}
.template-66-33 .breadcrumb ol{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    display: inline-block;
    list-style: none;
}
.template-66-33 .breadcrumb ol li{
    position: relative;
    top: 0;
    left: 0;
    float: left;
    padding: 0 18px 0 14px;
    font: normal 0.875em/70px "parisplus-std",sans-serif;
    font-weight: normal;
    font-weight: 700;
    color: #fff;
}
.template-66-33 .breadcrumb ol li.home {
    width: 70px;
    height: 70px;
    background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/icons.png') -52px -58px no-repeat;
}
.template-66-33 .breadcrumb ol li::after {
    content: "";
    position: absolute;
    top: 30px;
    right: 0;
    width: 6px;
    height: 10px;
    display: block;
    background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/icons.png') -17px 0 no-repeat;
}
.template-66-33 .breadcrumb ol li > a {
    display: block;
    height: 100%;
    width: 100%;
    color: #fff;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}
.template-66-33 .breadcrumb ol li.share {
    position: absolute;
    right: 0;
    left: auto;
    width: 70px;
    height: 70px;
    background-color: #4b4e52;
    z-index: 2;
    cursor: pointer;
    -moz-transition: width 200ms ease-out;
    -o-transition: width 200ms ease-out;
    -webkit-transition: width 200ms ease-out;
    transition: width 200ms ease-out;
}
.template-66-33 .breadcrumb ol li.share button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    display: block;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.template-66-33 .breadcrumb ol li.share ul {
    position: absolute;
    top: 0;
    right: 70px;
    width: 0;
    display: inline-block;
    overflow: hidden;
}
.template-66-33 .breadcrumb ol li.share ul li.facebook {
    left: 0;
    background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/facebook.png') center no-repeat #3a5795;
}
.template-66-33 .breadcrumb ol li.share ul li.twitter {
    left: 70px;
    background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/twitter.png') center no-repeat #55acee;

}
.template-66-33 div.content-page section.concerts section.affiche article.push figure {
    position: relative;
    height: 385px;
    overflow: hidden;
}
.template-66-33 article .styleH5{
    position: absolute;
    right: 0;
    margin: auto;
    margin-top: auto;
    height: 1px;
    background: #d7d8dd;
    left: -60px;
    width: 670px;
    margin-top: -95px;
    display: block;
}
.template-66-33 .tx_mqb_text{
    background: #39b54b;
    color: #fff;
    font: normal 1.05em/28px "parisplus-std", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
}
.template-66-33 .tx_mqb_text:hover,
.template-66-33 .tx_mqb_text_hover{
    border: 1px solid #39b54b;
    background: #fff;
    color: #39b54b;
    text-decoration: none;
}

.template-66-33 .mask .tx_mqb_text {
    opacity: 0.3;
    cursor: default;
}
.template-66-33 .tx_mqb_text_content{
    top: 44%;
    position: absolute;
    z-index: 10;
    text-align: center;
    width: 100%;
}
.template-66-33 div.content-page section.caroussel-expo div.bottom div.arrows {
    width: 100%;
}
.template-66-33 div.content-page section.caroussel-expo div.bottom div.arrows button.arrow.previous {
    float: left;
    margin-left: 40px;
}

div.content-page.content-66 section.caroussel-expo h2 {
    max-height: 50px;
    font-size: 27px;
    padding: 10px;
    color: #fff;
}

.template-66-33 div.content-page section.caroussel-expo div.bottom div.arrows button.arrow.next {
    float: right;
    margin-right: 40px;
}
.template-66-33 h5 {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    margin: 65px 0 30px;
    font: normal 2.1em "parisine-std", sans-serif;
    font-variant-caps: normal;
    font-weight: normal;
    font-variant-alternates: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variant: small-caps;
    font-weight: 700;
    color: #2d3135;
    background: #f5f5fa;
    text-align: center;
    display: inline-block;
}
.template-66-33 .header-inner figure img{
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -100%;
    height: 100%;
    width: auto;

}
.template-66-33 .mobile-version-header figure img{
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -100%;
    height: auto;
    width: 100%;
}
.template-66-33 div.content-page div.breadcrumb {
    position: relative;
    top: 0px;
    left: 0;
    z-index: 1;
    width: 930px;
    min-width: 760px;
    height: 70px;
    margin: -70px auto 0 auto;
    text-align: left;
    background: #39b54b;
}
.template-66-33 div.content-page section.caroussel-expo {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: initial;
    margin: 0;
    background-color: #202428;
}
.template-66-33 main.container-page.top {
    margin-top: 20px;
}
.template-66-33 main.container-page {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.content-33 h2{
    color: #39b54b;
    font: 700 1.25em "parisplus-std", sans-serif;
    text-transform: uppercase;
    text-align: left;
}
.content-33 p{
    color: #626262;
    font: normal 1em/1.5em "parisplus-std", sans-serif;
    text-align: left;
    margin: 10px 0;
}
.content-33 a{
    color: #39b54b;
    font: normal 1em/28px "parisplus-std", sans-serif;
    text-align: left;
    text-decoration: underline;
}
.content-33 section{
    margin-bottom: 30px;
    padding: 7%;
}

.template-66-33 .breadcrumb ol li.share{
    background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/share.png') center no-repeat #4b4e52;
}
.template-66-33 .breadcrumb ol li.share.close {
    width: 210px;
    background: url('../../../../../../../../typo3conf/ext/mqb_base/Resources/Public/Montage/Desktop/img/close.png') 170px center no-repeat #4b4e52;
}
.template-66-33 .breadcrumb ol li.share ul li.facebook {
    left: 0;
    background-color: #3a5795;
}
.template-66-33 .breadcrumb ol li.share ul li.twitter {
    left: 70px;
    background-color: #55acee;
}
.template-66-33 .breadcrumb ol li.share ul li {
    position: absolute;
    top: 0;
    width: 70px;
    height: 70px;
    -moz-transition: background 150ms;
    -o-transition: background 150ms;
    -webkit-transition: background 150ms;
    transition: background 150ms;
}
.template-66-33 .breadcrumb ol li.share.close ul {
    width: 140px;
    height: 70px;
}
.template-66-33 .breadcrumb ol .share:after,
.template-66-33 #share-edito li:after{
    display: none;
}
.template-66-33 .breadcrumb ol li.active::after {
    display: none;
}
.template-66-33 .twitter {
    background-color: #fff;
}

.template-66-33 .twitter div.bloc-title {
    height: 70px;
    padding: 18px 30px 0 40px;
    border-bottom: 1px dotted #96989a;
}

.template-66-33 .twitter div.bloc-title strong {
    float: left;
    font: 700 1.25em "parisplus-std", sans-serif;
    color: #39b54b;
    line-height: 35px;
}

.template-66-33 .twitter div.bloc-title a.bt-green {
    position: relative;
    float: right;
    height: 35px;
    padding: 0 15px;
    display: inline-block;
}

.template-66-33 .twitter div.bloc-title a.bt-green:before, .twitter div.bloc-title a.bt-green:after {
    content: attr(data-content);
    text-transform: none;
    font: normal 0.75em/33px "parisplus-std", sans-serif;
    font-weight: 700;
}

.template-66-33 .twitter div.bloc-title a.bt-green:after {
    background-color: #fff;
}

.template-66-33 .twitter div.bloc-feed {
    padding: 30px 30px;
    overflow: hidden;
}

.template-66-33 .twitter div.bloc-feed div.feed {
    width: 100%;
    max-height: 350px;
    height: 100%;
    overflow-y: auto;
    outline: none;
}

.template-66-33 .twitter div.bloc-feed div.feed div.tweet {
    margin-right: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e1;
}

.template-66-33 .twitter div.bloc-feed div.feed div.tweet:last-child {
    border: none;
}

.template-66-33 .twitter div.bloc-feed div.feed div.title {
    position: relative;
    margin-bottom: 30px;
    text-align: left;
}

.template-66-33 .twitter div.bloc-feed div.feed div.title img {
    float: left;
    margin-right: 8px;
}

.template-66-33 .twitter div.bloc-feed div.feed div.title span.name {
    padding-top: 5px;
    display: block;
    font: normal 1.125em "parisplus-std", sans-serif;
    font-weight: 700;
    color: #2d3135;
}

.template-66-33 .twitter div.bloc-feed div.feed div.title span.user-name {
    display: block;
    font: normal 1em "parisplus-std", sans-serif;
    color: #858585;
}

.template-66-33 .twitter div.bloc-feed div.feed div.title span.date {
    position: absolute;
    top: 5px;
    right: 0;
    font: normal 0.875em "parisplus-std", sans-serif;
    color: #858585;
}

.template-66-33 .twitter div.bloc-feed div.feed div.title a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.template-66-33 .twitter div.bloc-feed div.feed p {
    margin-bottom: 25px;
    font: normal 0.875em/1.5em "parisplus-std", sans-serif;
    color: #2d3135;
}

.template-66-33 .twitter div.bloc-feed div.feed p a {
    color: #39b54b;
    text-decoration: none;
}
.content-33 div{
    color: #39b54b;
    font: 700 1.25em "parisplus-std", sans-serif;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 20px;
}
.content-33 section article div,
.content-33 div .twitter *{
    color: initial;
    font: initial;
    text-transform: initial;
    text-align: initial;
    margin-bottom: initial;
}
.content-33 .csc-textpic-imagewrap img{
    width: 117%;
    height: auto;
    margin-top: -8%;
    margin-left: -8%;
}
.content-33 .csc-textpic-intext-right .csc-textpic-imagewrap img{
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: 0;
}
.template-66-33 section.edito .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap{
    width: 100%;
    margin: 0;
    float: none;
    margin-top: 20px;
}
.content-33 .csc-textpic-left b{
    font: normal 1.3em/1.5em "parisplus-std", sans-serif;
    color: #000;
    font-weight: bold;
}
.content-33 .csc-textpic-left p{
    margin: 5px 0;
}
.content-33 .csc-textpic-imagewrap{
    margin-bottom: 20px;
}
.content-33 .csc-textpic-left p i{
    font-style: normal;
    color: #999898;
}
.mqbslider .lSAction {
    margin-top: 0;
    display: flex;
    justify-content: space-evenly;
    top: 45%;
    position: absolute;
    width: 100%;
}
.slider .lSSlideOuter .lSAction > a.lSPrev {
    left: 0px;
    position: absolute;
    top: 0;
}
.slider .lSSlideOuter .lSAction > a.lSNext {
    right: 0px;
    position: absolute;
    top: 3px;
}
.template-66-33 .mobile-version-header{
    min-width: initial;
}
.carte-content{
    background: #fff;
    margin: 20px 0;
    position: relative;
    float: left;
    font-family: "parisplus-std",sans-serif;
    text-align: left;
    width: 100%;
}
div.content-page.content-66 section.edito article p {
    margin: 0px 5px 20px;
    max-width: 1045px;
    text-align: justify;
    font-size: 20px;
    line-height: 28px;
}
div.content-page.content-66 section.edito article div.col{
    width: 100%;
}
div.content-page.content-66 section.edito article div.col.col1.col1Small{
    width: 49%;
}
div.content-page.content-66 section.edito article div.col.col2{
    width: 49%;
}
.carte-content img{
    float: left;
}
.carte-content-right-titre{
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.carte-content-right-titre:hover{
    text-decoration: underline;
}
.carte-content-right-sstitre{
    color: #6c6c6c;
    margin: 10px 0 20px 0;
}
.mobile-version .carte-content-right-sstitre{
    margin: 0px 0 20px 0;
}
.carte-content-right{
    padding: 30px;
    float: left;
    width: 76%;
}
.carte-content-right-lien{
    position: relative;
    z-index: 1;
    height: 40px;
    padding: 0 20px;
    margin: 20px 0 0;
    display: inline-block;

    font: 700 1em/40px "parisplus-std", sans-serif;
    text-decoration: none;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
    float: right;
    color: #39b54b;
    background-color: #fff;
    border: 1px solid #39b54b;
}
.carte-content-right-lien:hover{
    color: #fff;
    background-color: #39b54b;
}

.carte-content-img img:hover{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}
.template-66-33 footer div.wrap div.col div.col-inner ul.share li{
    background: transparent;
}
div.content-page.content-66 section.edito:first-child{
    margin-top: 0px;
}
div.content-page.content-66 section.edito{
    width: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
div.content-page.content-66 section.edito article h2{
    text-align: left;
}
.content-33-mobile{
    width: 75%;
    margin: auto;
    position: relative;
    padding: 0;
    float: none;
    margin-top: 20px;
}
.content-66 .vjs-default-skin {
    position: initial;
    margin-top: 0px;
}
div.content-page.content-66 section.more-links {
    width: 100%;
}
.template-66-33 div.header-inner div.titles.edito h2 {
    padding-top: 15px;
    font-size: 1.6em;
    font: normal 2.3em "parisplus-std",sans-serif;
    font-weight: 700;
    color: #fff;
}
.template-66-33 .bt-green.reverse-colors:before {
    color: #39b54b;
    background-color: #fff;
    border: 2px solid #39b54b;
}
.template-66-33 .bt-green.reverse-colors:after {
    color: #fff;
    background-color: #39b54b;
    border: 0px;
}
.template-66-33 a, .template-66-33 a.scrollAnchor {
    color: #39B54B;
    text-decoration: none;
}

.template-66-33 a.scrollAnchor:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(../img/icons.png) -78px -19px no-repeat;
}
.template-66-33 a:hover, .template-66-33 a.scrollAnchor:hover {
    text-decoration: underline;
}
.template-66-33 .csc-textpic.csc-textpic-center.csc-textpic-above {
    margin: 0px;
}
.content-66 h5 {
    padding-top: 15px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #e0e0e1;
    line-height: 0.2em;
    margin: 10px 0 20px;
}
.content-66 h5 span {
    background:#f5f5fa;
    padding:0 10px;
}
div.content-page.content-66 section.edito article div.items ul li {
    margin: 5px 40px 0;
}
div.content-page.content-66 .caroussel-expo {
}
div.content-page.content-66 .caroussel-expo .arrows svg.svg-1.anim path {
    stroke-dashoffset: 0;
}
div.content-page.content-66 .caroussel-expo .arrows svg.svg-1.anim path {
    stroke-dashoffset: 0;
}

div.content-page.content-66 section.edito article div.player-media {
    width: 100%;
    height: 100%;
    min-height: 315px;
}

.template-66-33 .hover{
    color: #39b54b;
    background-color: #fff;
    border: 1px solid #39b54b;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .template-66-33 .container-page.top{
        width: 90%;
    }
    .template-66-33 div.content-page section.edito article{
        min-width: initial;
    }
    .content-66{
        width: 64%;
    }
    .carte-content-right{
        width: 68%;
    }
    .carte-content-right-lien{
        float: right;
        color: #39b54b;
        background: #fff;
        border: 1px solid #39b54b;
    }
    .carte-content-right-txt{
        color: #000;
    }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .template-66-33 .container-page.top{
        width: 90%;
    }
    .template-66-33 div.content-page section.edito article{
        min-width: initial;
    }
    .content-66{
        width: 64%;
    }
    .carte-content-right{
        width: 68%;
    }
    .carte-content-right-lien{
        float: right;
        color: #39b54b;
        background: #fff;
        border: 1px solid #39b54b;
    }
    .carte-content-right-txt{
        color: #000;
    }
}

.content-33-mobile .csc-textpic-imagewrap img{
    width:126%;
    height: auto;
    margin-left: -12%
}
.template-66-33 .leftSlider, .template-66-33 .rightSlider {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 2px solid #878787;
    border-radius: 50%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.template-66-33 .leftSlider:after, .template-66-33 .rightSlider:after {
    content: '';
    display: inline-block;
    margin-top: 19px;
    margin-left: 21px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #878787;
    border-right: 2px solid #878787;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-radius: 1px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.template-66-33 .rightSlider:after {
    margin-left: 18px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mqbslider .lSAction a.lSNext,
.mqbslider .lSAction a.lSPrev {
    background: none;
}

.mqbslider .lSAction a {
    min-width: 40px;
    width: 60px;
    height: 52px;
}
@media only screen and (min-width: 1200px) {
    .template-66-33 .header-inner figure img {
        width: 100%;
        height: auto;
    }
}
.template-66-33 .drawer-opened .bar-v{
    transform: rotate(-90deg);
}