/* ----- Resets ----- */
html, body, main, section, header, footer,
article, aside, nav, menu, details,
iframe, object, embed,
img, map, area, audio, video, canvas, source, track,
h1, h2, h3, h4, h5, h6,
p, hr, div, span, bdi, bdo, pre, code, samp,
a, button, em, i, b, strong, small, sup, sub,
u, s, var, abbr, dfn, kbd, address, ins, del,
ul, ol, li, dl, dt, dd,
table, thead, tbody, tfoot, tr, td, th, col, colgroup,
form, fieldset, legend, label, input, select, textarea, datalist, keygen, progress, meter,
caption, blockquote, q, cite, mark, figure, figcaption, summary, time, ruby, rp, rt {
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
}

.divCaptcha input {
    float: none!important;
}
.divCaptcha img{
    margin: 10px 0!important;
    border: 0!important;
    width: auto!important;
}

a:active,
a:focus,
a:visited {
    color: inherit;
}

b {
    font-weight: 700;
}

q,
blockquote {
    quotes: none;
}

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

ul, ol, ul ul {
    list-style-type: none;
    margin: 0;
}


/* ----- Styles ----- */
body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
}

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

[data-layout-target] {
    display: none;
}

[data-layout-placeholder]:first-of-type > div {
    margin-top: 0;
}

.dnn-colpanes-w {
    position: relative;
    padding: 0 55px;
}

    .dnn-colpanes-w .left {
        float: left;
        width: 34%;
        padding: 0 6px 0 0;
    }

    .dnn-colpanes-w .right {
        float: left;
        width: 66%;
    }

.main-centered {
    max-width: 1200px;
    margin: 0 auto;
}

.main-full {
    width: 100%;
    margin: 0;
}

.column {
    float: left;
    width: 50%;
}

    [data-page="agency-details"] .column {
        margin-top: 30px;
    }

        [data-page="agency-details"] .footer .links .column {
            margin-top: 0;
        }

    .columns .column {
        width: 47%;
    }

    .block-espace-agence .columns .column {
        float: left;
        width: 50%;
    }

    .block-actualite .column,
    .block-agence-actualite .column,
    .block-agence-circuits-loisirs .column,
    .block-agence-circuit-loisir .column,
    .block-agence-offres-entreprises .column,
    .block-agence-offre-entreprise .column,
    .block-agence-offres-street .column,
    .block-agence-offre-street .column {
        width: 46%;
    }

    /*.block-temoignages .two-cols,*/
    .block-footer-contact-street .column,
    .block-gyropode-segway .list .column,
    .block-gyropode-segway .description .column {
        width: 48.5%;
    }

    .block-temoignages .two-cols{
        column-count: 2;
        margin-top:15px;
    }

    .column:first-child {
        padding: 0 20px 0 50px;
    }

    .column:last-child {
        padding: 0 50px 0 20px;
    }

    .block-mentions-legales .column:first-child,
    .block-mentions-legales .column:last-child,
    .block-qui-sommes-nous .column:first-child,
    .block-qui-sommes-nous .column:last-child {
        padding: 0 40px;
    }

    .block-offres-emploi .column:first-child,
    .block-espace-agence .columns .column:first-child,
    .block-offre-entreprise-autre .centered .column,
    .block-offre-entreprise-autre .centered .column:first-child {
        padding: 0 25px 0 0;
    }

    .block-offres-emploi .column:last-child,
    .block-espace-agence .columns .column:last-child,
    .block-offre-entreprise-autre .centered .column:last-child {
        padding: 0 0 0 25px;
    }

    .columns .column:first-child {
        margin-right: 6%;
    }

    .block-temoignages .two-cols:first-child,
    .block-footer-contact-street .column:first-child,
    .block-gyropode-segway .list .column:first-child,
    .block-gyropode-segway .description .column:first-child {
        margin-right: 3%;
    }

    .block-gyropode-segway.block-street-offre .description .column:first-child {
        margin-bottom: 104px;
    }

    .block-actualite .column:last-child,
    .block-agence-actualite .column:last-child,
    .block-agence-circuits-loisirs .column:last-child,
    .block-agence-circuit-loisir .column:last-child,
    .block-agence-offres-entreprises .column:last-child,
    .block-agence-offre-entreprise .column:last-child,
    .block-agence-offres-street .column:last-child,
    .block-agence-offre-street .column:last-child {
        margin-left: 8%;
    }

    .block-gyropode-segway .description .column {
        overflow: hidden;
    }

.separator:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background: #fff;
    display: block;
    content: ' ';
}

[data-text-slider="mask"] {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

    [data-text-slider="mask"]:after {
        content: ' ';
        position: absolute;
        bottom: -10px;
        height: 30px;
        width: 100%;
        background-image: linear-gradient(to top, #06a0e1 45%, rgba(255, 255, 255, 0));
    }

        [data-text-slider="mask"].opened:after {
            display: none;
        }

[data-text-slider="trigger"]:not(.text-slider-opened) span:first-child,
[data-text-slider="trigger"].text-slider-opened span:last-child {
    display: inline-block;
}

[data-text-slider="trigger"].text-slider-opened span:first-child,
[data-text-slider="trigger"]:not(.text-slider-opened) span:last-child {
    display: none;
}

/* widgets */
.co-widget-p-link-gift-voucher {
    display: none;
}

#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget {
    background: #06a0e1;
}

#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget-title {
    color: #fff;
}

#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking {
    position: relative;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    line-height: 21px;
    padding: 2px 30px 2px 10px;
    -webkit-transition: background 300ms, color 300ms;
    -moz-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking:before,
    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking:after {
        position: absolute;
        display: block;
        content: ' ';
        top: 50%;
        width: 8px;
        height: 1px;
        right: 13px;
        background: #fff;
        -webkit-transition: background 300ms;
        -moz-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking:before {
        margin: -3px 0 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking:after {
        margin: 2px 0 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking:hover {
        color: #06a0e1;
        background: #fff;
    }

        #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking:hover:before,
        #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget #BtnLaunchBooking:hover:after {
            background: #06a0e1;
        }

#ConstellationCalendarContainerBeAgencePrestationCalendar .pika-cnstell-single {
    border: 0;
    top: 0 !important;
    z-index: 1;
}

    #ConstellationCalendarContainerBeAgencePrestationCalendar .pika-cnstell-lendar {
        width: 96%;
    }

    #ConstellationCalendarContainerBeAgencePrestationCalendar .pika-cnstell-table td .pika-cnstell-button {
        pointer-events: all;
    }

#ConstellationWidgetContainerBeAgencePrestation {
    margin-bottom: 20px;
}

#ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget {
    background: #e5007d;
    padding-bottom: 10px!important;
}

#ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget .co-widget-title {
    display: none;
}

#ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking {
    position: relative;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    line-height: normal;
    height: 40px;
    padding: 2px 30px 2px 10px;
    -webkit-transition: background 300ms, color 300ms;
    -moz-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking:before,
    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking:after {
        position: absolute;
        display: block;
        content: ' ';
        top: 50%;
        width: 8px;
        height: 1px;
        right: 13px;
        background: #fff;
        -webkit-transition: background 300ms;
        -moz-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking:before {
        margin: -3px 0 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking:after {
        margin: 2px 0 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking:hover {
        color: #e5007d;
        background: #fff;
    }

        #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking:hover:before,
        #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking:hover:after {
            background: #e5007d;
        }

#ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget.co-widget-vertical > div {
    width: 40%;
}

#ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget > div.co-widget-search {
    float: right;
    margin-top: 0;
    width: auto;
}


/* btn-border-blue */
a.btn-border-blue:active,
a.btn-border-blue:focus,
a.btn-border-blue:visited,
.btn-border-blue {
    position: relative;
    border: 1px solid #009ee3;
    color: #009ee3;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 21px;
    padding: 2px 30px 2px 10px;
    -webkit-transition: background 300ms, color 300ms;
    -moz-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}

    .btn-border-blue:before,
    .btn-border-blue:after {
        position: absolute;
        display: block;
        content: ' ';
        top: 50%;
        width: 8px;
        height: 1px;
        right: 13px;
        background: #009ee3;
        -webkit-transition: background 300ms;
        -moz-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

    .btn-border-blue:before {
        margin: -3px 0 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btn-border-blue:after {
        margin: 2px 0 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    a.btn-border-blue:hover,
    .btn-border-blue:hover {
        color: #fff;
        background: #009ee3;
    }

        .btn-border-blue:hover:before,
        .btn-border-blue:hover:after {
            background: #fff;
        }


/* btn-border-white */
a.btn-border-white:active,
a.btn-border-white:focus,
a.btn-border-white:visited,
.btn-border-white {
    position: relative;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    line-height: 21px;
    padding: 2px 30px 2px 10px;
    -webkit-transition: background 300ms, color 300ms;
    -moz-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}

    .btn-border-white:before,
    .btn-border-white:after {
        position: absolute;
        display: block;
        content: ' ';
        top: 50%;
        width: 8px;
        height: 1px;
        right: 13px;
        background: #fff;
        -webkit-transition: background 300ms;
        -moz-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

    .btn-border-white:before {
        margin: -3px 0 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btn-border-white:after {
        margin: 2px 0 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    a.btn-border-white:hover,
    .btn-border-white:hover {
        color: #06a0e1;
        background: #fff;
    }

        .btn-border-white:hover:before,
        .btn-border-white:hover:after {
            background: #06a0e1;
        }

    .btn-no-borders:active,
    .btn-no-borders:focus,
    .btn-no-borders:visited,
    .btn-big {
        font-size: 17px;
        line-height: 21px;
        padding: 7px 55px 7px 40px;
    }

    .btn-no-borders:active,
    .btn-no-borders:focus,
    .btn-no-borders:visited,
    .btn-no-borders {
        border: 0;
    }


/* Forms */
.form-result-title {
    color: #7d7d7d;
    padding: 10px;
}

.form-result-summary {
    background: #f2f2f2;
    color: #7d7d7d;
    padding: 15px;
}

    .form-error .form-result-summary {
        background: #f2e6e6;
        color: #7d0000;
        margin-bottom: 15px;
    }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bababa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bababa;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bababa;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #bababa;
}



/* SITE - Header */
.header {
    position: relative;
    z-index: 10;
    padding: 20px 26px 15px;
}

    .header .logo {
        position: relative;
        width: 202px;
    }

        .header .logo a {
            text-decoration: none;
        }

        .header .logo img {
            display: block;
            width: 100%;
        }

    .header .nav {
        position: absolute;
        z-index: 2;
        top: 30px;
        right: 0;
    }

        .header .nav .nav-item {
            display: inline-block;
            margin: 0 0 0 22px;
            vertical-align: middle;
        }

            .header .nav .nav-item.flags {
                position: relative;
                margin: 0;
                padding: 0 22px;
                height: 100%;
                cursor: pointer;
                text-align: center;
            }

                .header .nav .nav-item.flags img {
                    vertical-align: bottom;
                }

                .header .nav .nav-item.flags .nav-hover {
                    display: none;
                    position: absolute;
                    left: 0;
                    top: 100%;
                    width: 100%;
                    background: #fff;
                    padding: 10px 0 0;
                }

                .header .nav .nav-item.flags:hover .nav-hover {
                    display: block;
                }

                .header .nav .nav-item.flags .nav-hover li {
                    display: block;
                    width: 100%;
                    text-align: center;
                }

                    .header .nav .nav-item.flags .nav-hover li a {
                        display: block;
                        width: 100%;
                        padding: 0 0 10px;
                    }

            .header .nav .nav-item.nav-mobile-button {
                position: relative;
                display: none;
                width: 22px;
                height: 18px;
                cursor: pointer;
                background: #fff;
                -webkit-transition: right 200ms, top 200ms;
                -moz-transition: right 200ms, top 200ms;
                -o-transition: right 200ms, top 200ms;
                transition: right 200ms, top 200ms;
            }

                .header .nav .nav-item.nav-mobile-button span,
                .header .nav .nav-item.nav-mobile-button:before,
                .header .nav .nav-item.nav-mobile-button:after {
                    display: block;
                    content: ' ';
                    position: absolute;
                    width: 22px;
                    height: 2px;
                    background: #333;
                }

                .header .nav .nav-item.nav-mobile-button span {
                    top: 8px;
                    -webkit-transition: opacity 200ms;
                    -moz-transition: opacity 200ms;
                    -o-transition: opacity 200ms;
                    transition: opacity 200ms;
                }

                .header .nav .nav-item.nav-mobile-button.js-close span {
                    opacity: 0;
                }

                .header .nav .nav-item.nav-mobile-button:before {
                    top: 0;
                    -webkit-transition: top 200ms, -webkit-transform 200ms;
                    -moz-transition: top 200ms, -webkit-transform 200ms;
                    -o-transition: top 200ms, -webkit-transform 200ms;
                    -moz-transition: top 200ms, -webkit-transform 200ms;
                    -o-transition: top 200ms, transform 200ms;
                    -moz-transition: top 200ms, -webkit-transform 200ms;
                    -o-transition: top 200ms, transform 200ms, -webkit-transform 200ms;
                    transition: top 200ms, -webkit-transform 200ms;
                    transition: top 200ms, transform 200ms;
                    transition: top 200ms, transform 200ms, -webkit-transform 200ms;
                }

                .header .nav .nav-item.nav-mobile-button.js-close:before {
                    top: 8px;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .header .nav .nav-item.nav-mobile-button:after {
                    top: 16px;
                    -webkit-transition: top 200ms, -webkit-transform 200ms;
                    -moz-transition: top 200ms, -webkit-transform 200ms;
                    -o-transition: top 200ms, -webkit-transform 200ms;
                    -moz-transition: top 200ms, -webkit-transform 200ms;
                    -o-transition: top 200ms, -webkit-transform 200ms;
                    -moz-transition: top 200ms, transform 200ms, -webkit-transform 200ms;
                    -o-transition: top 200ms, transform 200ms, -webkit-transform 200ms;
                    transition: top 200ms, -webkit-transform 200ms;
                    transition: top 200ms, transform 200ms;
                    transition: top 200ms, transform 200ms, -webkit-transform 200ms;
                }

                .header .nav .nav-item.nav-mobile-button.js-close:after {
                    top: 8px;
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

        .header .nav a {
            color: #4a4a4a;
            font-size: 13px;
            text-transform: uppercase;
            text-decoration: none;
            -webkit-transition: color 300ms;
            -moz-transition: color 300ms;
            -o-transition: color 300ms;
            transition: color 300ms;
        }

            .header .nav a:hover {
                color: #009ee3;
            }

    .header .nav-mobile {
        display: none;
        z-index: 1;
        position: relative;
        width: 100%;
        text-align: center;
        background: #fff;
    }

        .header .nav-mobile ul {
            list-style-type: none;
        }

            .header .nav-mobile ul li {
                display: block;
                text-transform: uppercase;
                font-size: 14px;
                line-height: 10px;
                color: #333;
                text-align: center;
                border-top: 1px solid #a5a7a8;
            }

                .header .nav-mobile ul li:first-child {
                    margin: 20px 0 0;
                }

                .header .nav-mobile ul li:last-child {
                    margin: 0 0 -10px;
                }

                .header .nav-mobile ul li:after {
                    display: none;
                }

                .header .nav-mobile ul li a, .header .nav-mobile ul li a:visited {
                    display: block;
                    width: 100%;
                    padding: 14px 0;
                    color: inherit;
                    text-decoration: none;
                }


/* HOME - header video */
.block-headervideo {
    position: relative;
    height: 600px;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-size: cover;
}

    .block-headervideo:after {
        content: ' ';
        display: block;
        position: absolute;
        z-index: 5;
        background: #009ee3;
        top: -200px;
        left: -25%;
        width: 150%;
        height: 200px;
        opacity: .85;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
        outline: 1px solid transparent;
    }

    .block-headervideo .video {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
    }

    .block-headervideo .transition-video {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 1;
    }

    .block-headervideo h1 {
        position: absolute;
        z-index: 4;
        font-weight: 900;
        font-size: 50px;
        color: #fff;
        width: 100%;
        top: 45%;
        line-height: 50px;
        text-align: center;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        padding: 0 15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .block-headervideo h1 span {
            display: inline-block;
            background: rgba(0, 159, 227, .5);
            padding: 10px;
        }

        .block-headervideo h1 .reasons {
            display: inline-block;
            padding: 20px 27px 20px;
            margin: 30px 0 0;
            text-transform: uppercase;
            color: #fff;
            text-decoration: none;
            font-size: 12px;
            line-height: 16px;
            background: rgba(49, 49, 49, .7);
            -webkit-transition: color 300ms, background 300ms;
            -moz-transition: color 300ms, background 300ms;
            -o-transition: color 300ms, background 300ms;
            transition: color 300ms, background 300ms;
        }

            .block-headervideo h1 .reasons:hover {
                color: #000;
                background: rgba(255, 255, 255, .9);
            }

    .block-headervideo .search {
        position: absolute;
        z-index: 4;
        bottom: 0;
        width: 470px;
        margin: 0 0 0 -235px;
        left: 50%;
        overflow: hidden;
    }

        .block-headervideo .search:after {
            content: ' ';
            display: block;
            position: absolute;
            z-index: 1;
            background: #009ee3;
            bottom: -65%;
            left: -25%;
            width: 150%;
            height: 150%;
            opacity: .85;
            -webkit-transform: rotate(-4deg);
            -moz-transform: rotate(-4deg);
            -o-transform: rotate(-4deg);
            -ms-transform: rotate(-4deg);
            transform: rotate(-4deg);
            outline: 1px solid transparent;
        }

        .block-headervideo .search input[type=text] {
            position: relative;
            z-index: 2;
            float: left;
            width: 300px;
            height: 50px;
            border: 1px solid #e1e1e1;
            background: #fff;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            margin: 50px 12px 18px 16px;
            -webkit-font-smoothing: antialiased;
            font-size: 18px;
            text-indent: 20px;
            color: #222;
        }

        .block-headervideo .search .submit {
            position: relative;
            z-index: 2;
            cursor: pointer;
            float: left;
            background: #222;
            font-weight: 700;
            font-size: 15px;
            color: #fff;
            -webkit-font-smoothing: antialiased;
            border-radius: 4px;
            width: 130px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            -webkit-appearance: none;
            -moz-appearance: none;
            margin: 50px 0 18px;
            -webkit-transition: color 300ms, background 300ms;
            -moz-transition: color 300ms, background 300ms;
            -o-transition: color 300ms, background 300ms;
            transition: color 300ms, background 300ms;
        }

            .block-headervideo .search .submit:hover {
                color: #222;
                background: #fff;
            }


.block-header-marketing {
    position: relative;
    height: 600px;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .block-header-marketing:after {
        content: ' ';
        display: block;
        position: absolute;
        z-index: 5;
        background: #009ee3;
        top: -200px;
        left: -25%;
        width: 150%;
        height: 200px;
        opacity: .85;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
        outline: 1px solid transparent;
    }

    .block-header-marketing .layer {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .3;
    }

    .block-header-marketing h1 {
        position: absolute;
        z-index: 4;
        font-weight: 900;
        font-size: 50px;
        color: #fff;
        width: 100%;
        top: 66%;
        line-height: 50px;
        text-align: center;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        padding: 0 15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .block-header-marketing h1 span {
            display: inline-block;
            padding: 10px;
        }

        .block-header-marketing h1 p {
            font-weight: 900;
            line-height: 30px;
            font-size: 22px;
            display: block;
            padding: 10px;
        }

        .block-header-marketing h1 .contact {
            display: inline-block;
            padding: 15px 50px;
            margin: 40px 0 0;
            text-transform: uppercase;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            line-height: 16px;
            background: rgba(0, 158, 227, .9);
            -webkit-transition: color 300ms, background 300ms;
            -moz-transition: color 300ms, background 300ms;
            -o-transition: color 300ms, background 300ms;
            transition: color 300ms, background 300ms;
        }

            .block-header-marketing h1 .contact:hover {
                color: #000;
                background: rgba(255, 255, 255, .9);
            }

.block-marketing-menu {
    position: relative;
    background: #272729;
}

    .block-marketing-menu .centered {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 5px;
    }

    .block-marketing-menu ul {
        display: block;
        float: right;
        white-space: nowrap;
    }

        .block-marketing-menu ul li {
            position: relative;
            font-size: 13px;
            color: #fff;
            text-transform: uppercase;
            display: block;
            float: left;
            margin: 0 18px 0 0;
            padding: 15px 0;
            vertical-align: top;
            -webkit-transition: color 300ms;
            -moz-transition: color 300ms;
            -o-transition: color 300ms;
            transition: color 300ms;
        }

            .block-marketing-menu ul li:hover,
            .block-marketing-menu ul li.active {
                color: #009ee3;
            }

            .block-marketing-menu ul li:last-child {
                border-bottom: 0;
                margin: 0;
                padding-right: 18px;
            }

            .block-marketing-menu ul li:after {
                padding: 0 0 0 18px;
                content: '|';
            }

            .block-marketing-menu ul li:hover:after {
                color: #fff;
            }

            .block-marketing-menu ul li:last-child:after {
                display: none;
            }

            .block-marketing-menu ul li img {
                vertical-align: top;
            }

            .block-marketing-menu ul li a {
                text-decoration: none;
                color: inherit;
                display: inline-block;
            }

                .block-marketing-menu ul li ul {
                    display: none;
                    float: none;
                    position: absolute;
                    right: 0;
                    top: 46px;
                    background: rgba(39, 39, 41, .9);
                    z-index: 100000;
                    text-align: center;
                }

                    .block-marketing-menu ul li ul li {
                        float: none;
                        margin: 0;
                        padding: 15px 18px;
                    }

                        .block-marketing-menu ul li ul li:not(:first-of-type) {
                            padding-top: 0;
                        }

                        .block-marketing-menu ul li ul li:after {
                            display: inline-block;
                            content: '___';
                            line-height: 15px;
                            padding: 0;
                            width: 100%;
                        }

                        .block-marketing-menu ul li ul li ul {
                            right: 100%;
                            top: -15px;
                        }

                        .block-marketing-menu ul li ul li:first-of-type ul {
                            top: 0;
                        }

                        .block-marketing-menu ul li ul li a {
                            display: block;
                        }

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


.block-header {
    position: relative;
    height: 600px;
    background: no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

    .block-header:after {
        content: ' ';
        display: block;
        position: absolute;
        z-index: 4;
        background: #009ee3;
        top: -200px;
        left: -25%;
        width: 150%;
        height: 200px;
        opacity: .85;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
        outline: 1px solid transparent;
    }

    .block-header .overlay {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 12px;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        font-size: 19px;
        line-height: 24px;
        padding: 20px 30px 0 10px;
        text-decoration: none;
        text-transform: uppercase;
    }

        .block-header .overlay:before {
            display: block;
            width: 130%;
            height: 250%;
            content: ' ';
            position: absolute;
            top: -45px;
            left: -10px;
            -webkit-transform: rotate(-6deg);
            -moz-transform: rotate(-6deg);
            -ms-transform: rotate(-6deg);
            -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
            outline: 1px solid transparent;
            background: rgba(229, 0, 125, .85);
        }

        .block-header .overlay strong {
            position: relative;
            z-index: 2;
            display: block;
            font-weight: 900;
            font-size: 50px;
            line-height: 50px;
            color: #fff;
        }

        .block-header .overlay span {
            position: relative;
            z-index: 2;
        }

        .block-header .overlay sup {
            font-size: 50%;
        }

.block-arrow {
    position: relative;
    height: 100px;
}

    .block-arrow div {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        background: url('img/arrow.png') no-repeat center center;
        background-size: 38px 38px;
    }

        .block-arrow div:hover {
            -webkit-animation: animation 500ms infinite;
            -moz-animation: animation 500ms infinite;
            -o-animation: animation 500ms infinite;
            animation: animation 500ms infinite;
            -webkit-animation-timing-function: ease-in;
            -moz-animation-timing-function: ease-in;
            -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

@-webkit-keyframes animation {
    0% {
        margin-top: -30px;
    }

    50% {
        margin-top: -20px;
    }

    100% {
        margin-top: -30px;
    }
}

@keyframes animation {
    0% {
        margin-top: -30px;
    }

    50% {
        margin-top: -20px;
    }

    100% {
        margin-top: -30px;
    }
}


/* HOME - Panneau dépliant 7 raisons */
.block-reasons {
    position: relative;
    background: -webkit-radial-gradient(bottom ellipse, #fff 0, #e9e9e9 100%);
    background: radial-gradient(ellipse at bottom, #fff 0, #e9e9e9 100%);
}

    .block-reasons h1 {
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 32px;
        color: #e5007d;
        text-transform: uppercase;
        padding: 38px 0 5px;
    }

    .block-reasons h2 {
        width: 100%;
        text-align: center;
        font-style: italic;
        font-size: 18px;
        color: #5f5f5f;
        text-transform: uppercase;
        padding: 0 0 50px;
    }

        .block-reasons h2 sup {
            font-size: 10px;
        }

    .block-reasons .items {
        width: 100%;
        text-align: center;
        padding: 0 0 45px;
    }

        .block-reasons .items .item {
            position: relative;
            display: inline-block;
            width: 200px;
            height: 200px;
            margin: 0 70px 10px 0;
        }

            .block-reasons .items .item:last-child {
                margin: 0 0 10px;
            }

            .block-reasons .items .item:after {
                z-index: 1;
                position: absolute;
                display: block;
                content: ' ';
                top: -1px;
                left: 6px;
                width: 200px;
                height: 220px;
                -webkit-transform: rotate(-33deg);
                -moz-transform: rotate(-33deg);
                -ms-transform: rotate(-33deg);
                -o-transform: rotate(-33deg);
                transform: rotate(-33deg);
                border-top-left-radius: 100px;
                border-top-right-radius: 100px;
                background: -webkit-linear-gradient(top, #9c9c9c, rgba(255, 255, 255, 0));
                background: linear-gradient(to bottom, #9c9c9c, rgba(255, 255, 255, 0));
            }

            .block-reasons .items .item .circle {
                z-index: 2;
                position: relative;
                width: 100%;
                height: 100%;
                background: #009ee3;
                border: 2px solid #fff;
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                color: #fff;
                text-align: center;
            }

                .block-reasons .items .item .circle img {
                    display: inline-block;
                    margin: 20px 0 6px;
                }

                .block-reasons .items .item .circle h3 {
                    font-weight: 700;
                    font-size: 18px;
                    text-transform: uppercase;
                    margin: 0 0 4px;
                }

                .block-reasons .items .item .circle p {
                    font-weight: 700;
                    font-size: 14px;
                    padding: 0 10px;
                }

    .block-reasons .close {
        position: absolute;
        top: 20px;
        right: 30px;
        width: 25px;
        height: 25px;
    }

        .block-reasons .close:before, .block-reasons .close:after {
            content: ' ';
            display: block;
            position: absolute;
            width: 30px;
            height: 2px;
            background: #333;
            top: 50%;
            left: 0;
            -webkit-transition: width 300ms, left 300ms;
            -moz-transition: width 300ms, left 300ms;
            -o-transition: width 300ms, left 300ms;
            transition: width 300ms, left 300ms;
        }

        .block-reasons .close:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .block-reasons .close:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .block-reasons .close:hover:before, .block-reasons .close:hover:after {
            width: 40px;
            left: -5px;
        }

.block-ctas {
    position: relative;
}

    .block-ctas:after {
        clear: both;
        display: block;
        content: ' ';
    }

    .block-ctas .cta {
        position: relative;
        float: left;
        width: 25%;
        margin: 6px 0 0;
    }

        .block-ctas .cta:after {
            position: absolute;
            z-index: 10;
            top: 0;
            right: -3px;
            content: ' ';
            display: block;
            width: 6px;
            height: 100%;
            background: #fff;
        }

        .block-ctas .cta:last-child:after {
            display: none;
        }

        .block-ctas .cta a {
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-decoration: none;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .block-ctas .cta a img {
                position: relative;
                z-index: 2;
                display: block;
                width: 100%;
            }

            .block-ctas .cta a span {
                position: absolute;
                z-index: 3;
                left: 0;
                bottom: 0;
                width: 100%;
                padding: 0 22px 12px;
                font-size: 25px;
                line-height: 30px;
                text-transform: uppercase;
                color: #fff;
                -webkit-font-smoothing: antialiased;
                -webkit-transition: bottom 300ms;
                -moz-transition: bottom 300ms;
                -o-transition: bottom 300ms;
                transition: bottom 300ms;
                text-shadow: 0 0 10px #000;
            }

            .block-ctas .cta a:hover span {
                bottom: 10px;
            }

            .block-ctas .cta a:hover .hover {
                opacity: 1;
            }

                .block-ctas .cta a:hover .hover:before {
                    width: 40%;
                    left: 30%;
                }

                .block-ctas .cta a:hover .hover:after {
                    height: 40%;
                    top: 20%;
                }

            .block-ctas .cta a .hover {
                position: absolute;
                z-index: 3;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(255, 255, 255, .45);
                opacity: 0;
                -webkit-transition: opacity 300ms;
                -moz-transition: opacity 300ms;
                -o-transition: opacity 300ms;
                transition: opacity 300ms;
            }

                .block-ctas .cta a .hover:before, .block-ctas .cta a .hover:after {
                    content: ' ';
                    display: block;
                    position: absolute;
                    background: #fff;
                }

                .block-ctas .cta a .hover:before {
                    width: 0;
                    height: 1px;
                    top: 40%;
                    left: 50%;
                    -webkit-transition: width 300ms, left 300ms;
                    -moz-transition: width 300ms, left 300ms;
                    -o-transition: width 300ms, left 300ms;
                    transition: width 300ms, left 300ms;
                }

                .block-ctas .cta a .hover:after {
                    width: 1px;
                    height: 0;
                    top: 40%;
                    left: 50%;
                    -webkit-transition: height 300ms, top 300ms;
                    -moz-transition: height 300ms, top 300ms;
                    -o-transition: height 300ms, top 300ms;
                    transition: height 300ms, top 300ms;
                }

.block-home-offres {
    position: relative;
    background: #fff;
    margin-bottom: 6px;
    z-index: 1;
    overflow: hidden;
}

    .block-home-offres:after {
        content: ' ';
        display: block;
        clear: both;
    }

    .block-home-offres .left {
        position: relative;
        display: block;
        width: 33%;
        height: 400px;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

        .block-home-offres .left:hover .overlay {
            height: 190px;
        }

        .block-home-offres .left .overlay {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 170px;
            background: rgba(0, 158 ,227, .85);
            -webkit-transition: height 300ms, padding 300ms;
            -moz-transition: height 300ms, padding 300ms;
            -o-transition: height 300ms, padding 300ms;
            transition: height 300ms, padding 300ms;
        }

            .block-home-offres .left .overlay span {
                position: absolute;
                display: block;
                width: 100%;
                left: 0;
                bottom: 10px;
                color: #fff;
                font-size: 30px;
                text-transform: uppercase;
                text-align: center;
                -webkit-font-smoothing: antialiased;
            }

    .block-home-offres .right {
        position: absolute;
        display: block;
        top: 0;
        left: 33%;
        width: 67%;
        height: 400px;
        margin: 0 0 0 6px;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

        .block-home-offres .right:hover .overlay {
            height: 190px;
        }

        .block-home-offres .right .overlay {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            right: 0;
            height: 170px;
            background: rgba(229, 0, 125, .85);
            -webkit-transition: height 300ms, padding 300ms;
            -moz-transition: height 300ms, padding 300ms;
            -o-transition: height 300ms, padding 300ms;
            transition: height 300ms, padding 300ms;
        }

            .block-home-offres .right .overlay span {
                position: absolute;
                display: block;
                width: 100%;
                padding: 0 55px 0 0;
                left: 0;
                bottom: 20px;
                color: #fff;
                text-align: right;
                -webkit-font-smoothing: antialiased;
                font-style: italic;
                font-weight: 300;
                font-size: 31px;
                line-height: 31px;
            }

                .block-home-offres .right .overlay span strong {
                    font-size: 45px;
                    text-transform: uppercase;
                }

.block-home-streetmarketing {
    position: relative;
    z-index: 10;
    background: #fff;
    overflow: hidden;
}

    .block-home-streetmarketing img {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
    }

    .block-home-streetmarketing:hover .overlay {
        bottom: 26%;
    }

    .block-home-streetmarketing .overlay {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 24%;
        -webkit-font-smoothing: antialiased;
        font-style: italic;
        font-weight: 300;
        color: #009ee3;
        font-size: 31px;
        max-width: 520px;
        padding: 0 50px 0 10px;
        text-decoration: none;
        -webkit-transition: bottom 300ms;
        -moz-transition: bottom 300ms;
        -o-transition: bottom 300ms;
        transition: bottom 300ms;
    }

        .block-home-streetmarketing .overlay:before {
            display: block;
            width: 130%;
            height: 250%;
            content: ' ';
            position: absolute;
            top: -45px;
            left: -10px;
            -webkit-transform: rotate(-6deg);
            -moz-transform: rotate(-6deg);
            -ms-transform: rotate(-6deg);
            -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
            background: rgba(0, 0, 0, .75);
            outline: 1px solid transparent;
        }

        .block-home-streetmarketing .overlay strong {
            position: relative;
            z-index: 2;
            display: block;
            font-size: 51px;
            line-height: 48px;
            color: #fff;
            text-transform: uppercase;
        }

        .block-home-streetmarketing .overlay span {
            position: relative;
            z-index: 2;
        }

.block-sm{
    margin-top:15px;
    margin-bottom:5px;
}

.block-sm ul{
    padding:0;
    margin:0;
    font-size: 0;
}

.block-sm ul li{
    background:#313131;
    position: relative;
    width: 33%;
    display:inline-block;
    margin: 0 .5%;
    vertical-align:top;
    padding-top: 48px;
}

    .block-sm ul li:last-of-type,
    .block-sm ul li:first-of-type {
        margin: 0;
    }

.block-sm ul li .title {
    background:#313131;
    color:#05ADF2;
    position: absolute;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    padding: 15px 0;
    font-size:23px;
    top: 0;
    width: 100%;
}

.block-sm ul li img{
    width: 100%;
}

.block-home-numbers {
    position: relative;
    padding: 40px 0 70px;
    background: url('img/numbers_bg.jpg') no-repeat center center;
    background-size: cover;
}

.block-home-numbers.two {
    background-image: url('img/numbers2.jpg');
    padding: 40px 0 160px;
}

    .block-home-numbers:before {
        position: absolute;
        display: block;
        content: ' ';
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #009ee3;
        opacity: .85;
    }

    .block-home-numbers:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-home-numbers .number {
        position: relative;
        z-index: 2;
        width: 25%;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        vertical-align: text-bottom;
        margin: 0 -2px;
    }

        .block-home-numbers .number img {
            display: inline-block;
        }

        .block-home-numbers .number strong {
            display: inline-block;
            width: 100%;
            font-size: 48px;
            margin: 0 0 6px;
        }

.block-street-home-mosaic {
    position: relative;
    height: 533px;
}

    .block-street-home-mosaic .background {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url('img/mosaique.jpg') no-repeat center center;
        background-size: cover;
    }

.block-home-temoignages {
    position: relative;
    margin: 35px auto 100px;
    padding-bottom: 40px;
    background: #fff;
}

    .block-home-temoignages h1 {
        font-weight: 300;
        font-size: 43px;
        color: #222;
        text-align: center;
        margin: 0 0 25px;
        -webkit-font-smoothing: antialiased;
    }

    .block-home-temoignages .testimonial {
        position: relative;
        width: 100%;
        font-style: italic;
        font-size: 17px;
        line-height: 27px;
        color: #606669;
        -webkit-font-smoothing: antialiased;
        text-align: center;
    }

        .block-home-temoignages .testimonial .center {
            position: relative;
            max-width: 790px;
            margin: 0 auto;
        }

            .block-home-temoignages .testimonial .center p {
                padding: 0 20px;
            }

                .block-home-temoignages .testimonial .center p:before {
                    content: ' ';
                    display: inline-block;
                    width: 16px;
                    height: 18px;
                    margin: 0 10px 0;
                    background: url('img/quote_before.png') no-repeat 0 3px;
                    background-size: 16px 16px;
                }

                .block-home-temoignages .testimonial .center p:after {
                    content: ' ';
                    display: inline-block;
                    width: 16px;
                    height: 18px;
                    margin: 0 0 0 10px;
                    background: url('img/quote_after.png') no-repeat 0 3px;
                    background-size: 16px 16px;
                }

        .block-home-temoignages .testimonial .author {
            display: block;
            text-align: center;
            font-weight: 700;
            font-size: 16px;
            color: #009ae7;
            margin: 16px 0 0;
        }

    .block-home-temoignages .testimonials-pager {
        position: absolute;
        z-index: 900;
        bottom: 0;
        width: 100%;
        text-align: center;
        line-height: 0;
        -webkit-transition: bottom 200ms;
        -moz-transition: bottom 200ms;
        -o-transition: bottom 200ms;
        transition: bottom 200ms;
    }

        .block-home-temoignages .testimonials-pager > span {
            color: transparent;
            position: relative;
            cursor: pointer;
            display: inline-block;
            width: 20px;
            height: 30px;
            -webkit-transition: width 200ms,height 200ms;
            -moz-transition: width 200ms,height 200ms;
            -o-transition: width 200ms,height 200ms;
            transition: width 200ms,height 200ms;
        }

            .block-home-temoignages .testimonials-pager > span:after {
                display: block;
                content: ' ';
                position: absolute;
                width: 10px;
                height: 10px;
                top: 50%;
                left: 50%;
                margin: -5px 0 0 -5px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-radius: 50%;
                background: #ccd6db;
            }

            .block-home-temoignages .testimonials-pager > span:last-child {
                margin: 0;
            }

            .block-home-temoignages .testimonials-pager > span.cycle-pager-active:after {
                background: #009ee3;
            }

.block-map {
    position: relative;
    height: 520px;
    background: #d1d1d1;
}

    .block-map .background {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url('img/map.jpg') no-repeat center center;
        background-size: cover;
    }

    .block-map .overlay {
        position: absolute;
        z-index: 2;
        top: 200px;
        left: 55px;
    }

        .block-map .overlay h2 {
            font-size: 45px;
            line-height: 45px;
            -webkit-font-smoothing: antialiased;
            color: #009ee3;
            text-transform: uppercase;
            margin: 0 0 15px;
        }

        .block-map .overlay ul {
            font-size: 14px;
            color: #595959;
            max-width: 450px;
            line-height: 20px;
            text-transform: uppercase;
            margin-bottom:20px;
        }

            .block-map .overlay ul li {
                display: inline-block;
                margin: 0 4px 0 0;
            }

        .block-map .overlay a {
            color: #595959;
            text-decoration: none;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-map .overlay a:hover {
                opacity: .7;
            }

        .block-map .overlay form {
            margin: 20px 0 0;
        }

            .block-map .overlay input[type=text] {
                float: left;
                width: 242px;
                height: 40px;
                border: 1px solid #e1e1e1;
                background: #fff;
                border-radius: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                margin: 0 10px 0 0;
                font-size: 16px;
                font-weight: 300;
                text-indent: 16px;
                color: #222;
            }

            .block-map .overlay .submit {
                float: left;
                background: #222;
                cursor: pointer;
                font-weight: 700;
                font-size: 12px;
                padding: 0 12px;
                color: #fff;
                -webkit-font-smoothing: antialiased;
                border-radius: 4px;
                height: 40px;
                line-height: 40px;
                -webkit-appearance: none;
                -moz-appearance: none;
                text-transform: uppercase;
                -webkit-transition: color 300ms, background 300ms;
                -moz-transition: color 300ms, background 300ms;
                -o-transition: color 300ms, background 300ms;
                transition: color 300ms, background 300ms;
            }

                .block-map .overlay .submit:hover {
                    color: #222;
                    background: #fff;
                }

.block-share {
    position: relative;
    height: 250px;
    background: url('img/share.jpg') no-repeat center center;
    background-size: cover;
}

    .block-share:before {
        position: absolute;
        display: block;
        content: ' ';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(27, 27, 27, .85);
        z-index: 1;
    }

    .block-share .links {
        position: absolute;
        z-index: 2;
        top: 18%;
        width: 100%;
        line-height: 44px;
        font-style: italic;
        font-size: 15px;
        color: #e5007d;
        text-align: center;
    }

        .block-share .links a {
            text-decoration: none;
            margin: 0 18px 0 0;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-share .links a:hover {
                opacity: .6;
            }

            .block-share .links a:last-child {
                margin: 0;
            }

        .block-share .links img {
            display: inline-block;
            height: 30px;
        }

.block-fulltext {
    position: relative;
    margin-top: 40px;
}


    .block-fulltext p {
        max-width: 810px;
        margin: 0 auto;
        padding: 0 20px;
        font-size: 17px;
        line-height: 25px;
        text-align: center;
        color: #606669;
    }

        .block-fulltext p strong {
            font-weight: 700;
            /*font-weight: normal;*/
        }

        .block-fulltext p a {
            color: #00acee;
            text-decoration: none;
            -webkit-transition: color 300ms;
            -moz-transition: color 300ms;
            -o-transition: color 300ms;
            transition: color 300ms;
        }

            .block-fulltext p a:hover {
                color: #e5017e;
            }

        .block-fulltext p .more {
            border: 1px solid #00a0df;
            color: #00a0df;
            font-weight: 700;
            text-decoration: none;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            margin: 15px 0 0;
            padding: 2px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-fulltext p .more:hover {
                color: #fff;
                background: #00a0df;
            }

.block-social {
    text-align: center;
    padding: 40px 0 50px;
}

    .block-social h2 {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 33px;
        color: #e5007d;
        margin: 0 0 22px;
    }

    .block-social ul {
        width: 100%;
        text-align: center;
    }

    .block-social .button {
        position: relative;
        display: inline-block;
        text-decoration: none;
        padding: 0 44px 0 0;
    }

        .block-social .button:after {
            position: absolute;
            display: block;
            top: 7px;
            margin: -1px 0 0;
            right: 20px;
            content: ' ';
            width: 1px;
            height: 20px;
            background: #d4d4d4;
        }

        .block-social .button.last {
            padding: 0;
        }

            .block-social .button.last:after {
                display: none;
            }

        .block-social .button a {
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-social .button a:hover {
                opacity: .7;
            }

        .block-social .button img {
            height: 30px;
        }

    .block-social .form {
        vertical-align: top;
        display: block;
        margin: 24px 0 0;
    }

        .block-social input[type=text] {
            vertical-align: top;
            display: inline-block;
            width: 245px;
            height: 30px;
            border: 1px solid #e1e1e1;
            background: #fff;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            font-size: 15px;
            text-align: center;
            color: #979797;
            outline: none;
        }

            .block-social input[type=text].js-error {
                border: 1px solid #e5007d;
            }

        .block-social .form .submit {
            vertical-align: top;
            display: inline-block;
            background: #009ee3;
            cursor: pointer;
            font-size: 23px;
            color: #fff;
            -webkit-font-smoothing: antialiased;
            border-radius: 2px;
            width: 30px;
            height: 30px;
            -webkit-appearance: none;
            -moz-appearance: none;
            margin: 0 0 0 5px;
            -webkit-transition: color 300ms, background 300ms;
            -moz-transition: color 300ms, background 300ms;
            -o-transition: color 300ms, background 300ms;
            transition: color 300ms, background 300ms;
        }

            .block-social .form .submit:disabled {
                opacity: .25;
            }

            .block-social .form .submit:hover {
                background: #222;
                color: #fff;
            }

.block-instagram {
    text-align: center;
    padding: 40px 0 0;
    border-top: 1px solid #cacaca;
}

    .block-instagram:after {
        clear: both;
        display: block;
        content: ' ';
    }

    .block-instagram h2 {
        width: 100%;
        text-align: center;
        font-weight: 300;
        font-size: 45px;
        color: #313131;
        margin: 0 0 40px;
    }

    .block-instagram .item {
        position: relative;
        float: left;
        width: 25%;
        margin: 0 0 6px;
    }

        .block-instagram .item:after {
            position: absolute;
            z-index: 10;
            top: 0;
            right: -3px;
            content: ' ';
            display: block;
            width: 6px;
            height: 100%;
            background: #fff;
        }

        .block-instagram .item:last-child:after {
            display: none;
        }

        .block-instagram .item a {
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-decoration: none;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .block-instagram .item a img {
                position: relative;
                z-index: 2;
                display: block;
                width: 100%;
            }

            .block-instagram .item a:hover .hover {
                opacity: 1;
            }

                .block-instagram .item a:hover .hover:before {
                    width: 40%;
                    left: 30%;
                }

                .block-instagram .item a:hover .hover:after {
                    height: 40%;
                    top: 20%;
                }

            .block-instagram .item a .hover {
                position: absolute;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                z-index: 3;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, .8);
                opacity: 0;
                -webkit-transition: opacity 300ms;
                -moz-transition: opacity 300ms;
                -o-transition: opacity 300ms;
                transition: opacity 300ms;
                color: #fff;
                text-align: center;
                font-weight: 300;
                font-size: 14px;
            }

                .block-instagram .item a .hover .caption {
                    margin: auto;
                    width: 80%;
                }

                .block-instagram .item a .hover img {
                    display: block;
                    position: absolute;
                    height: 27px;
                    width: 27px;
                    bottom: 15px;
                    left: 50%;
                    margin: 0 auto 0 -14px;
                }

.block-offres-loisir {
    position: relative;
}

    .block-offres-loisir:after {
        content: ' ';
        display: block;
        clear: both;
    }

    .block-offres-loisir .offer {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        margin: 0 0 35px;
    }

        .block-offres-loisir .offer.js-open a:after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .block-offres-loisir .offer.js-offer a:after {
            display: block;
        }

        .block-offres-loisir .offer a {
            display: block;
            position: relative;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

            .block-offres-loisir .offer a:hover:after {
                -webkit-animation: offer-animation 500ms infinite;
                -moz-animation: offer-animation 500ms infinite;
                -o-animation: offer-animation 500ms infinite;
                animation: offer-animation 500ms infinite;
                -webkit-animation-timing-function: ease-in;
                -moz-animation-timing-function: ease-in;
                -o-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

@-webkit-keyframes offer-animation {
    0% {
        bottom: 18px;
    }

    50% {
        bottom: 12px;
    }

    100% {
        bottom: 18px;
    }
}

@keyframes offer-animation {
    0% {
        bottom: 18px;
    }

    50% {
        bottom: 12px;
    }

    100% {
        bottom: 18px;
    }
}

.block-offres-loisir .offer a:after {
    display: none;
    position: absolute;
    content: ' ';
    z-index: 2;
    bottom: 18px;
    left: 50%;
    width: 38px;
    height: 38px;
    background: url('img/arrow_white.png') no-repeat center center;
    background-size: 38px 38px;
    margin: 0 0 0 -19px;
    -webkit-transition: -webkit-transform 300ms;
    -moz-transition: -webkit-transform 300ms;
    -o-transition: -webkit-transform 300ms;
    -moz-transition: -webkit-transform 300ms;
    -o-transition: -webkit-transform 300ms;
    -moz-transition: transform 300ms, -webkit-transform 300ms;
    -o-transition: transform 300ms, -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
}

.block-offres-loisir .offer a:hover .overlay {
    padding-top: 26px;
}

    .block-offres-loisir .offer a:hover .overlay:before {
        top: -30px;
    }

.block-offres-loisir .offer a .overlay {
    position: absolute;
    z-index: 3;
    font-style: italic;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    padding: 16px 0 50px 18px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: padding 300ms;
    -moz-transition: padding 300ms;
    -o-transition: padding 300ms;
    transition: padding 300ms;
}

    .block-offres-loisir .offer a .overlay:before {
        content: ' ';
        display: block;
        position: absolute;
        top: -40px;
        left: -10%;
        width: 120%;
        height: 125px;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        transform: rotate(-6deg);
        outline: 1px solid transparent;
        background: #009ee3;
        opacity: .85;
        z-index: -1;
        -webkit-transition: top 300ms;
        -moz-transition: top 300ms;
        -o-transition: top 300ms;
        transition: top 300ms;
    }

    .block-offres-loisir .offer a .overlay br {
        display: none;
    }

    .block-offres-loisir .offer a .overlay strong {
        font-size: 28px;
        line-height: 22px;
        display: block;
        text-transform: uppercase;
        margin: 0 0 12px;
    }

.block-offres-loisir .offer a img {
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
}

.block-offres-loisir .offer .details {
    position: relative;
    z-index: 100;
    left: 0;
    width: 100%;
    background: #eee;
    padding: 18px;
}

    .block-offres-loisir .offer .details p {
        color: #585858;
        font-size: 14px;
        line-height: 17px;
        margin: 0 0 16px;
    }

    .block-offres-loisir .offer .details strong {
        font-weight: 700;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
    }

    .block-offres-loisir .offer .details .form label {
        font-weight: 300;
        font-size: 20px;
        color: #009ee3;
        line-height: 40px;
    }

    .block-offres-loisir .offer .details .form input[type=text] {
        width: 206px;
        height: 34px;
        line-height: 34px;
        border: 1px solid #d8d8d8;
        background: #fff;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 16px;
        text-indent: 15px;
        vertical-align: top;
    }

    .block-offres-loisir .offer .details .form .submit {
        background: #222;
        cursor: pointer;
        display: inline-block;
        width: auto;
        line-height: 34px;
        text-decoration: none;
        font-weight: 700;
        font-size: 11px;
        padding: 0 12px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        border-radius: 4px;
        height: 34px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-transform: uppercase;
        -webkit-transition: color 300ms, background 300ms;
        -moz-transition: color 300ms, background 300ms;
        -o-transition: color 300ms, background 300ms;
        transition: color 300ms, background 300ms;
        vertical-align: top;
    }

        .block-offres-loisir .offer .details .form .submit:after {
            content: none;
        }

        .block-offres-loisir .offer .details .form .submit:hover {
            color: #222;
            background: #fff;
        }

.block-offres-entreprise {
    position: relative;
}

    .block-offres-entreprise:after {
        content: ' ';
        display: block;
        clear: both;
    }

    .block-offres-entreprise .offer {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        margin: 0 0 35px;
    }

    .block-offres-entreprise .offer a {
        display: block;
        position: relative;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

        .block-offres-entreprise .offer.js-open .open-link:after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .block-offres-entreprise .offer.js-offer .open-link:after {
            display: block;
        }

        .block-offres-entreprise .offer .open-link {
            display: block;
            position: relative;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

            .block-offres-entreprise .offer .open-link:hover:after {
                -webkit-animation: offer-animation 500ms infinite;
                -moz-animation: offer-animation 500ms infinite;
                -o-animation: offer-animation 500ms infinite;
                animation: offer-animation 500ms infinite;
                -webkit-animation-timing-function: ease-in;
                -moz-animation-timing-function: ease-in;
                -o-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

@keyframes offer-animation {
    0% {
        bottom: 18px;
    }

    50% {
        bottom: 12px;
    }

    100% {
        bottom: 18px;
    }
}

.block-offres-entreprise .offer a:after {
    display: none;
    position: absolute;
    content: ' ';
    z-index: 2;
    bottom: 18px;
    left: 50%;
    width: 38px;
    height: 38px;
    background: url('img/arrow_white.png') no-repeat center center;
    background-size: 38px 38px;
    margin: 0 0 0 -19px;
    -webkit-transition: -webkit-transform 300ms;
    -moz-transition: -webkit-transform 300ms;
    -o-transition: -webkit-transform 300ms;
    -moz-transition: -webkit-transform 300ms;
    -o-transition: -webkit-transform 300ms;
    -moz-transition: transform 300ms, -webkit-transform 300ms;
    -o-transition: transform 300ms, -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
}

.block-offres-entreprise .offer a:hover .overlay {
    padding-top: 26px;
}

    .block-offres-entreprise .offer a:hover .overlay:before {
        top: -30px;
    }

.block-offres-entreprise .offer a .overlay {
    position: absolute;
    z-index: 3;
    font-style: italic;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    padding: 16px 0 50px 18px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: padding 300ms;
    -moz-transition: padding 300ms;
    -o-transition: padding 300ms;
    transition: padding 300ms;
}

    .block-offres-entreprise .offer a .overlay:before {
        content: ' ';
        display: block;
        position: absolute;
        top: -40px;
        left: -10%;
        width: 120%;
        height: 125px;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        transform: rotate(-6deg);
        outline: 1px solid transparent;
        background: #009ee3;
        opacity: .85;
        z-index: -1;
        -webkit-transition: top 300ms;
        -moz-transition: top 300ms;
        -o-transition: top 300ms;
        transition: top 300ms;
    }

    .block-offres-entreprise .offer a .overlay br {
        display: none;
    }


    .block-offres-entreprise .offer a .overlay strong {
        font-size: 31px;
        display: block;
        text-transform: uppercase;
        margin: 0 0 12px;
    }

.block-offres-entreprise .offer a img {
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
}

.block-offres-entreprise .offer .details {
    position: relative;
    z-index: 100;
    left: 0;
    width: 100%;
    background: #eee;
    padding: 18px;
}

    .block-offres-entreprise .offer .details p {
        color: #585858;
        font-size: 14px;
        line-height: 17px;
        margin: 0 0 16px;
    }

    .block-offres-entreprise .offer .details strong {
        font-weight: 700;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
    }

    .block-offres-entreprise .offer .details form label {
        font-weight: 300;
        font-size: 20px;
        color: #009ee3;
        line-height: 40px;
    }

    .block-offres-entreprise .offer .details form input[type=text] {
        width: 206px;
        height: 34px;
        line-height: 34px;
        border: 1px solid #d8d8d8;
        background: #fff;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 16px;
        text-indent: 15px;
        vertical-align: top;
    }

    .block-offres-entreprise .offer .details form input[type=submit] {
        background: #222;
        cursor: pointer;
        font-weight: 700;
        font-size: 11px;
        padding: 0 12px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        border-radius: 4px;
        height: 34px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-transform: uppercase;
        -webkit-transition: color 300ms, background 300ms;
        -moz-transition: color 300ms, background 300ms;
        -o-transition: color 300ms, background 300ms;
        transition: color 300ms, background 300ms;
        vertical-align: top;
    }

        .block-offres-entreprise .offer .details form input[type=submit]:hover {
            color: #222;
            background: #fff;
        }

.block-offre-entreprise {
    position: relative;
    margin: 0 3% 40px 0;
    font-size: 17px;
    line-height: 24px;
    color: #606669;
}

    .block-offre-entreprise:after {
        display: block;
        content: ' ';
        clear: both;
    }

        .block-offre-entreprise h2 {
            font-weight: 900;
            font-size: 45px;
            line-height: 45px;
            color: #009ee3;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 10px;
            text-transform: uppercase;
        }

        .block-offre-entreprise strong, .block-offre-entreprise b {
            font-weight: 700;
            font-weight: normal;
        }

        .block-offre-entreprise .more {
            border: 1px solid #00a0df;
            border-radius: 4px;
            color: #fff;
            background: #00a0df;
            text-decoration: none;
            font-size: 18px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            margin: 50px 0 0;
            padding: 10px 20px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-offre-entreprise .more:hover {
                color: #00a0df;
                background: #fff;
            }

                .block-offre-entreprise .more:hover:before,
                .block-offre-entreprise .more:hover:after {
                    color: #fff;
                    background: #00a0df;
                }

    .block-offre-entreprise .right {
        float: left;
        /*width: 49%;*/
    }

        .block-offre-entreprise .half {
            position: relative;
            display: block;
            float: left;
            width: 50%;
            margin: 0 0 4px;
        }

            .block-offre-entreprise .half:first-child:after {
                display: block;
                content: ' ';
                position: absolute;
                top: 0;
                right: 0;
                width: 4px;
                height: 100%;
                background: #fff;
                z-index: 2;
            }

        .block-offre-entreprise .third {
            position: relative;
            display: block;
            float: left;
            width: 33.33%;
        }

            .block-offre-entreprise .third:after {
                display: block;
                content: ' ';
                position: absolute;
                top: 0;
                right: 0;
                width: 4px;
                height: 100%;
                background: #fff;
                z-index: 2;
            }

            .block-offre-entreprise .third:last-child:after {
                display: none;
            }

            .block-offre-entreprise .third .overlay {
                position: absolute;
                z-index: 3;
                background: rgba(25, 28, 29, .65);
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                font-weight: 700;
                font-size: 17px;
                line-height: 20px;
                color: #fff;
                text-align: center;
                padding: 37% 0 0;
                -webkit-font-smoothing: antialiased;
            }

        .block-offre-entreprise a:hover {
            opacity: .7;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

        .block-offre-entreprise img {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
        }

.block-offre-entreprise-autre {
    position: relative;
    background: #f2f2f2;
}

    .block-offre-entreprise-autre .centered {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 50px 50px;
    }

        .block-offre-entreprise-autre .centered:after {
            content: ' ';
            display: block;
            clear: both;
        }

        .block-offre-entreprise-autre .centered h1 {
            width: 100%;
            font-weight: 300;
            font-size: 45px;
            line-height: 40px;
            -webkit-font-smoothing: antialiased;
            padding: 40px 0 35px;
            color: #ec008c;
        }

        .block-offre-entreprise-autre .centered .offer {
            position: relative;
            display: block;
            float: left;
            width: 100%;
            margin: 0 1% 35px 1%;
        }

            .block-offre-entreprise-autre .centered .offer.js-open a:after {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .block-offre-entreprise-autre .centered .offer.js-offer a:after {
                display: block;
            }

            .block-offre-entreprise-autre .centered .offer a {
                display: block;
                position: relative;
                width: 100%;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
            }

                .block-offre-entreprise-autre .centered .offer a:hover:after {
                    -webkit-animation: offer-animation 500ms infinite;
                    -moz-animation: offer-animation 500ms infinite;
                    -o-animation: offer-animation 500ms infinite;
                    animation: offer-animation 500ms infinite;
                    -webkit-animation-timing-function: ease-in;
                    -moz-animation-timing-function: ease-in;
                    -o-animation-timing-function: ease-in;
                    animation-timing-function: ease-in;
                }

@keyframes offer-animation {
    0% {
        bottom: 18px;
    }

    50% {
        bottom: 12px;
    }

    100% {
        bottom: 18px;
    }
}

.block-offre-entreprise-autre .centered .offer a:after {
    display: none;
    position: absolute;
    content: ' ';
    z-index: 2;
    bottom: 18px;
    left: 50%;
    width: 38px;
    height: 38px;
    background: url('img/arrow_white.png') no-repeat center center;
    background-size: 38px 38px;
    margin: 0 0 0 -19px;
    -webkit-transition: -webkit-transform 300ms;
    -moz-transition: -webkit-transform 300ms;
    -o-transition: -webkit-transform 300ms;
    -moz-transition: -webkit-transform 300ms;
    -o-transition: -webkit-transform 300ms;
    -moz-transition: transform 300ms, -webkit-transform 300ms;
    -o-transition: transform 300ms, -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
}

.block-offre-entreprise-autre .centered .offer a:hover .overlay {
    padding-top: 26px;
}

    .block-offre-entreprise-autre .centered .offer a:hover .overlay:before {
        top: -30px;
    }

.block-offre-entreprise-autre .centered .offer a .overlay {
    position: absolute;
    z-index: 3;
    font-style: italic;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    padding: 16px 0 50px 18px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: padding 300ms;
    -moz-transition: padding 300ms;
    -o-transition: padding 300ms;
    transition: padding 300ms;
}

    .block-offre-entreprise-autre .centered .offer a .overlay:before {
        content: ' ';
        display: block;
        position: absolute;
        top: -40px;
        left: -10%;
        width: 120%;
        height: 125px;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        transform: rotate(-6deg);
        outline: 1px solid transparent;
        background: #009ee3;
        opacity: .85;
        z-index: -1;
        -webkit-transition: top 300ms;
        -moz-transition: top 300ms;
        -o-transition: top 300ms;
        transition: top 300ms;
    }

    .block-offre-entreprise-autre .centered .offer a .overlay br {
        display: none;
    }

    .block-offre-entreprise-autre .centered .offer a .overlay strong {
        font-size: 31px;
        display: block;
        text-transform: uppercase;
        margin: 0 0 12px;
    }

.block-offre-entreprise-autre .centered .offer a img {
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
}

.block-temoignages {
    position: relative;
    padding: 0 60px 40px;
}

    .block-temoignages:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-temoignages .footer-btn {
        clear: both;
        text-align: center;
    }

    .block-temoignages .two-cols:first-child .item:last-child {
        border-bottom: 1px solid #cccccd;
    }

    .block-temoignages .two-cols .item {
        margin: 0 0 25px;
        padding: 0 0 30px;
        border-bottom: 1px solid #cccccd;
    }

        .block-temoignages .two-cols .item:last-child {
            border-bottom: 0;
        }

        .block-temoignages .two-cols .item.left {
            margin-right: 3%;
        }

        .block-temoignages .two-cols .item p {
            font-size: 16px;
            line-height: 23px;
            color: #606669;
            margin: 0 0 8px;
        }

        .block-temoignages .two-cols .item .metas {
            font-weight: 700;
            font-size: 16px;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            line-height: 22px;
            color: #606669;
        }

            .block-temoignages .two-cols .item .metas strong {
                color: #00aeef;
            }

    .block-temoignages .pagination {
        width: 100%;
        clear: both;
        font-size: 18px;
        text-align: center;
    }

        .block-temoignages .pagination a {
            color: #606669;
            text-decoration: none;
            -webkit-transition: color 300ms;
            -moz-transition: color 300ms;
            -o-transition: color 300ms;
            transition: color 300ms;
        }

            .block-temoignages .pagination a:hover {
                color: #e10b7a;
            }

        .block-temoignages .pagination span {
            color: #009ee3;
        }

    .block-temoignages .form {
        position: relative;
        width: 100%;
        float: right;
        background: #f1f1f1;
        margin: 50px 0 25px;
        padding: 20px 28px 28px;
        text-align: right;
    }

        .block-temoignages .form .form-result-title,
        .block-temoignages .form .form-result-summary {
            text-align: left;
        }

        .block-temoignages .form:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-temoignages .form h2 {
            font-weight: 900;
            font-size: 40px;
            color: #009ee0;
            text-transform: uppercase;
            margin: 0 0 14px;
            text-align: left;
            -webkit-font-smoothing: antialiased;
        }

        .block-temoignages .form input[type=text] {
            float: left;
            width: 48.5%;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 40px;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            text-indent: 15px;
            margin: 0 0 12px;
            text-align: left;
        }

            .block-temoignages .form input[type=text].left {
                margin-right: 3%;
            }

            .block-temoignages .form input[type=text].js-error {
                border: 1px solid #e10b7a;
            }

        .block-temoignages .form textarea {
            float: left;
            width: 100%;
            height: 150px;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            padding: 15px;
            margin: 0 0 25px;
            text-align: left;
        }


        .block-contact .form .select,
        .block-temoignages .form .select {
            position: relative;
            float: left;
            width: 48.5%;
            height: 40px;
            border: 1px solid #dedede;
            font-size: 14px;
            text-indent: 15px;
            line-height: 40px;
            margin: 0 0 12px 0;
            text-align: left;
            color: #4a4a4a;
            background: #fff url('img/select.png') no-repeat right 0;
            background-size: 40px 40px;
        }

            .block-contact .form .select {
                float: none;
                width: 100%;
            }

            .block-contact .form .select span,
            .block-temoignages .form .select span {
                position: relative;
                z-index: 1;
            }

                .block-contact .form .select span.empty-option,
                .block-temoignages .form .select span.empty-option {
                    color: #b0b0b0;
                }

            .block-contact .form .select select,
            .block-temoignages .form .select select {
                color: #4a4a4a;
                position: absolute;
                z-index: 2;
                -moz-appearance: none;
                -webkit-appearance: none;
                display: block;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
            }

        .block-temoignages .form .submit {
            -webkit-appearance: none;
            -moz-appearance: none;
            display: inline-block;
            height: 45px;
            line-height: 45px;
            text-decoration: none;
            border-radius: 4px;
            color: #fff;
            background: #009ee3;
            font-weight: 700;
            font-size: 18px;
            padding: 0 50px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
            cursor: pointer;
        }

            .block-temoignages .form .submit:hover {
                background: #fff;
                color: #009ee3;
            }

            .block-temoignages .form .submit:disabled {
                opacity: .25;
            }

.block-footer-contact-street {
    position: relative;
}

    .block-footer-contact-street:after {
        display: block;
        content: ' ';
        clear: both;
    }

        .block-footer-contact-street .form .form-result-title,
        .block-footer-contact-street .form .form-result-summary {
            text-align: left;
        }

        .block-footer-contact-street .form .form-result-title {
            color: #fff;
        }

        .block-footer-contact-street .form:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-footer-contact-street .form h2 {
            font-weight: 900;
            font-size: 40px;
            color: #009ee0;
            text-transform: uppercase;
            margin: 0 0 14px;
            text-align: left;
            -webkit-font-smoothing: antialiased;
        }

        .block-footer-contact-street .form input[type=text] {
            color: #fff;
            float: left;
            width: 48.5%;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 40px;
            border: 1px solid #555;
            border-radius: 0;
            background: #555;
            font-size: 14px;
            text-indent: 15px;
            margin: 0 0 12px;
            text-align: left;
        }

            .block-footer-contact-street .form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
                color: #fff;
            }
            .block-footer-contact-street .form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
               color:    #fff;
               opacity:  1;
            }
            .block-footer-contact-street .form ::-moz-placeholder { /* Mozilla Firefox 19+ */
               color:    #fff;
               opacity:  1;
            }
            .block-footer-contact-street .form :-ms-input-placeholder { /* Internet Explorer 10-11 */
               color:    #fff;
            }

            .block-footer-contact-street .form input[type=text].left {
                margin-right: 3%;
            }

        .block-footer-contact-street .form textarea {
            color: #fff;
            float: left;
            width: 100%;
            height: 150px;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: 1px solid #555;
            border-radius: 0;
            background: #555;
            font-size: 14px;
            padding: 15px;
            margin: 0 0 25px;
            text-align: left;
        }

        .block-footer-contact-street .form .submit {
            -webkit-appearance: none;
            -moz-appearance: none;
            float: left;
            height: 40px;
            line-height: 40px;
            text-decoration: none;
            border-radius: 4px;
            color: #fff;
            background: #009ee3;
            font-weight: 700;
            font-size: 18px;
            text-transform: uppercase;
            text-align: center;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
            cursor: pointer;
            width: 48.5%;
        }

            .block-footer-contact-street .form .submit:hover {
                background: #fff;
                color: #009ee3;
            }

            .block-footer-contact-street .form .submit:disabled {
                opacity: .25;
            }

.block-gyropode-segway {
    position: relative;
}

    .block-gyropode-segway .description {
        padding: 0 60px 30px;
    }

        .block-gyropode-segway .description:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-gyropode-segway .description p {
            font-size: 16px;
            line-height: 23px;
            color: #646464;
            margin: 0 0 20px;
        }

            .block-gyropode-segway .description p.blue {
                color: #00aeef;
            }

            .block-gyropode-segway .description p.strong {
                font-size: 22px;
                font-weight: 900;
                line-height: normal;
            }

        .block-gyropode-segway .description img {
            display: block;
            width: 100%;
        }

    .block-gyropode-segway .list {
        margin: 0 0 30px;
        padding: 0 60px 80px;
    }

        .block-gyropode-segway .list:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-gyropode-segway .list .model {
            position: relative;
        }

            .block-gyropode-segway .list .model img {
                display: block;
                width: 100%;
            }

        .block-gyropode-segway .list h2 {
            width: 100%;
            background: #3c3c3c;
            color: #fff;
            font-weight: 700;
            font-size: 14px;
            padding: 14px 22px 30px 22px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
        }

            .block-gyropode-segway .list h2 br {
                display: none;
            }

            .block-gyropode-segway .list h2 strong {
                font-weight: 900;
                font-size: 60px;
                line-height: 70px;
                display: block;
            }

        .block-gyropode-segway .list .technique {
            position: relative;
            padding: 24px 24px 0;
        }

            .block-gyropode-segway .list .technique p {
                font-size: 16px;
                line-height: 20px;
                color: #646464;
                margin: 0 0 18px;
            }

            .block-gyropode-segway .list .technique h3 {
                font-weight: 900;
                color: #009ee3;
                font-size: 26px;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                border-top: 1px solid #818181;
                margin: 24px 0 10px;
                padding: 16px 0 0;
            }

            .block-gyropode-segway .list .technique .brochure {
                display: block;
                position: absolute;
                bottom: 10px;
                right: 0;
                width: 185px;
                color: #009edb;
                border: 1px solid #009edb;
                text-decoration: none;
                font-weight: 700;
                font-size: 12px;
                line-height: 14px;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                -webkit-transition: background 300ms, color 300ms;
                -moz-transition: background 300ms, color 300ms;
                -o-transition: background 300ms, color 300ms;
                transition: background 300ms, color 300ms;
            }

                .block-gyropode-segway .list .technique .brochure:hover {
                    color: #fff;
                    background: #009edb;
                }

                .block-gyropode-segway .list .technique .brochure span {
                    display: inline-block;
                    padding: 10px 9px 8px;
                }

                .block-gyropode-segway .list .technique .brochure img {
                    display: block;
                    width: 100%;
                }

            .block-gyropode-segway .list .technique table {
                color: #646464;
                font-size: 14px;
                line-height: 20px;
            }

                .block-gyropode-segway .list .technique table strong {
                    font-weight: 900;
                    -webkit-font-smoothing: antialiased;
                    margin: 0 20px 0 0;
                }

    .block-gyropode-segway .faq {
        background: #f5f5f5;
        padding: 0 84px 40px;
    }

        .block-gyropode-segway.w-blue-tab .faq {
            padding: 50px;
        }

        .block-gyropode-segway .faq h2 {
            font-weight: 900;
            font-size: 60px;
            color: #00aeef;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            padding: 36px 0 42px;
        }

        .block-gyropode-segway .faq .line {
            position: relative;
            border-bottom: 1px solid #818181;
            margin: 0 0 26px;
        }

            .block-gyropode-segway .faq .line:before {
                position: absolute;
                left: 48.5%;
                bottom: -2px;
                width: 3%;
                height: 3px;
                content: ' ';
                display: block;
                background: #f5f5f5;
            }

            .block-gyropode-segway .faq .line:last-child {
                margin: 0;
                border-bottom: 0;
            }

            .block-gyropode-segway .faq .line:after {
                display: block;
                content: ' ';
                clear: both;
            }

            .block-gyropode-segway .faq .line .item {
                float: left;
                width: 48.5%;
            }

                .block-gyropode-segway .faq .line .item:first-child {
                    margin-right: 3%;
                }

                .block-gyropode-segway .faq .line .item h3 {
                    font-weight: 900;
                    font-size: 30px;
                    line-height: 30px;
                    color: #ec008c;
                    margin: 0 0 15px;
                    -webkit-font-smoothing: antialiased;
                }

                .block-gyropode-segway .faq .line .item p {
                    font-size: 17px;
                    line-height: 25px;
                    color: #646464;
                    margin: 0 0 22px;
                }

.buy-gyropode-link{
    text-align:center;
    padding:15px 20px;
    background:#01AEF0;
    text-transform:uppercase;
    color:#fff!important;
    font-weight:bold;
    border-radius: 5px;
    text-decoration: none;
}

.presta-rdv-map {
    height: 400px;
    margin-bottom: 20px;
    width: 100%;
}

.presta-infos-sup-w {
    background: #f2f2f2;
    padding: 15px 30px;
    margin-bottom: 20px;
}

    .block-agence-circuit-loisir .presta-infos-sup-w p {
        margin-bottom: 10px;
    }

        .presta-infos-sup-w p:last-of-type {
            margin: 0;
        }

        .presta-infos-sup-w p span {
            float: left;
        }

            .presta-infos-sup-w p span:first-of-type {
                width: 70%;
            }

            .presta-infos-sup-w p span:last-of-type {
                width: 30%;
            }

.block-trouver-agence-map {
    position: relative;
    background: no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

    .block-trouver-agence-map .map {
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 600px;
    }

    .block-trouver-agence-map:after {
        content: ' ';
        display: block;
        position: absolute;
        z-index: 4;
        background: #009ee3;
        top: -200px;
        left: -25%;
        width: 150%;
        height: 200px;
        opacity: .85;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
        outline: 1px solid transparent;
    }

    .block-trouver-agence-map .overlay {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 16px;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        font-size: 12px;
        line-height: 16px;
        padding: 0 50px 0 10px;
        text-decoration: none;
        text-transform: uppercase;
    }

        .block-trouver-agence-map .overlay a {
            color: #fff;
            text-decoration: none;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-trouver-agence-map .overlay a:hover {
                opacity: .7;
            }

        .block-trouver-agence-map .overlay:before {
            display: block;
            width: 130%;
            height: 250%;
            content: ' ';
            position: absolute;
            top: -50px;
            left: -10px;
            -webkit-transform: rotate(-6deg);
            -moz-transform: rotate(-6deg);
            -ms-transform: rotate(-6deg);
            -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
            background: rgba(229, 0, 125, .85);
        }

        .block-trouver-agence-map .overlay strong {
            position: relative;
            z-index: 2;
            display: block;
            font-weight: 900;
            font-size: 50px;
            line-height: 60px;
            color: #fff;
        }

        .block-trouver-agence-map .overlay .form {
            position: relative;
            z-index: 2;
            margin: 12px 0 18px;
        }

            .block-trouver-agence-map .overlay .form:after {
                display: block;
                clear: both;
                content: ' ';
            }

            .block-trouver-agence-map .overlay .form input[type=text] {
                float: left;
                width: 300px;
                height: 50px;
                line-height: 44px;
                border: 1px solid #e1e1e1;
                background: #fff;
                border-radius: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                margin: 0 10px 0;
                font-size: 18px;
                text-indent: 22px;
                color: #222;
            }

            .block-trouver-agence-map .overlay .form .submit {
                float: left;
                background: #222;
                cursor: pointer;
                font-weight: 700;
                font-size: 15px;
                padding: 0 16px;
                color: #fff;
                -webkit-font-smoothing: antialiased;
                border-radius: 4px;
                height: 50px;
                line-height: 50px;
                -webkit-appearance: none;
                -moz-appearance: none;
                text-transform: uppercase;
                -webkit-transition: color 300ms, background 300ms;
                -moz-transition: color 300ms, background 300ms;
                -o-transition: color 300ms, background 300ms;
                transition: color 300ms, background 300ms;
            }

                .block-trouver-agence-map .overlay .form .submit:hover {
                    color: #222;
                    background: #fff;
                }

        .block-trouver-agence-map .overlay span {
            position: relative;
            display: block;
            z-index: 2;
        }

.block-trouver-agence-message {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #d3d3d3;
    -webkit-font-smoothing: antialiased;
    padding: 100px 0 50px;
}

.block-trouver-agence-list {
    position: relative;
    padding: 50px 130px 10px 130px;
}

    .block-trouver-agence-list .item {
        margin: 0 0 40px;
        border-top: 1px solid #b4b4b4;
        background: url('img/pin.png') no-repeat 0 20px;
        background-size: 29px 39px;
    }

        .block-trouver-agence-list .item:after {
            display: block;
            clear: both;
            content: ' ';
        }

        .block-trouver-agence-list .item img {
            float: right;
            display: block;
            width: 416px;
        }

        .block-trouver-agence-list .item .info {
            width: 50%;
            padding: 18px 0 0 50px;
        }

            .block-trouver-agence-list .item .info h2 {
                font-weight: 900;
                font-size: 26px;
                line-height: 26px;
                font-weight: normal;
                color: #ec008c;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
            }

            .block-trouver-agence-list .item .info h3 {
                font-size: 17px;
                line-height: 22px;
                font-weight: 400;
                color: #7d7d7d;
                -webkit-font-smoothing: antialiased;
            }

            .block-trouver-agence-list .item .info p {
                font-size: 17px;
                line-height: 22px;
                font-weight: normal;
                color: #7d7d7d;
                -webkit-font-smoothing: antialiased;
                margin: 15px 0 0;
            }

                .block-trouver-agence-list .item .info p strong {
                    font-weight: 700;
                    text-transform: uppercase;
                }

            .block-trouver-agence-list .item .info a {
                position: relative;
                font-weight: 700;
                font-size: 18px;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                color: #fff;
                text-decoration: none;
                padding: 16px 54px 16px 14px;
                display: inline-block;
                margin: 26px 0 0;
                background: #009ee3;
                -webkit-transition: color 300ms, background 300ms;
                -moz-transition: color 300ms, background 300ms;
                -o-transition: color 300ms, background 300ms;
                transition: color 300ms, background 300ms;
                border: 1px solid #009ee3;
            }

                .block-trouver-agence-list .item .info a:hover {
                    color: #009ee3;
                    background: #fff;
                }

                    .block-trouver-agence-list .item .info a:hover:before, .block-trouver-agence-list .item .info a:hover:after {
                        background: #009ee3;
                    }

                .block-trouver-agence-list .item .info a:before, .block-trouver-agence-list .item .info a:after {
                    position: absolute;
                    display: block;
                    content: ' ';
                    top: 50%;
                    width: 12px;
                    height: 2px;
                    right: 18px;
                    background: #fff;
                    -webkit-transition: background 300ms;
                    -moz-transition: background 300ms;
                    -o-transition: background 300ms;
                    transition: background 300ms;
                }

                .block-trouver-agence-list .item .info a:before {
                    margin: -4px 0 0;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .block-trouver-agence-list .item .info a:after {
                    margin: 3px 0 0;
                    -webkit-transform: rotate(135deg);
                    -moz-transform: rotate(135deg);
                    -ms-transform: rotate(135deg);
                    -o-transform: rotate(135deg);
                    transform: rotate(135deg);
                }

.block-devenez-loueur {
    position: relative;
}

    .block-devenez-loueur .points h2 {
        font-size: 31px;
        color: #009ee3;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 40px;
        -webkit-font-smoothing: antialiased;
    }

    .block-devenez-loueur .points .items {
        width: 100%;
        text-align: center;
        padding: 0 0 30px;
    }

        .block-devenez-loueur .points .items br {
            display: none;
        }

        .block-devenez-loueur .points .items .item {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 180px;
            height: 180px;
            margin: 0 42px 10px 0;
        }

            .block-devenez-loueur .points .items .item:last-child {
                margin: 0 0 10px;
            }

            .block-devenez-loueur .points .items .item:after {
                z-index: 1;
                position: absolute;
                display: block;
                content: ' ';
                top: 2px;
                left: -2px;
                width: 180px;
                height: 170px;
                -webkit-transform: rotate(-33deg);
                -moz-transform: rotate(-33deg);
                -ms-transform: rotate(-33deg);
                -o-transform: rotate(-33deg);
                transform: rotate(-33deg);
                border-top-left-radius: 100px;
                border-top-right-radius: 100px;
                background: -webkit-linear-gradient(top, #9c9c9c, rgba(255, 255, 255, 0));
                background: linear-gradient(to bottom, #9c9c9c, rgba(255, 255, 255, 0));
            }

            .block-devenez-loueur .points .items .item .circle {
                z-index: 2;
                position: relative;
                width: 100%;
                height: 100%;
                background: #009ee3;
                border: 2px solid #fff;
                border-radius: 50%;
                -webkit-font-smoothing: antialiased;
                color: #fff;
                text-align: center;
            }

                .block-devenez-loueur .points .items .item .circle strong {
                    font-weight: 700;
                    font-size: 47px;
                    border-bottom: 3px solid #e6138f;
                    text-transform: uppercase;
                    margin: 8px 0;
                    display: inline-block;
                }

                .block-devenez-loueur .points .items .item .circle p {
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 18px;
                    padding: 0 10px;
                }

    .block-devenez-loueur .columns {
        width: 100%;
        background: #f6f6f6;
        padding: 45px 60px 35px;
    }

        .block-devenez-loueur .columns:after {
            clear: both;
            display: block;
            content: ' ';
        }

        .block-devenez-loueur .columns .column h2 {
            font-weight: 900;
            font-size: 40px;
            line-height: 39px;
            color: #009ee3;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 6px;
        }

            .block-devenez-loueur .columns .column h2.form {
                font-size: 26px;
                color: #626769;
                text-align: right;
                margin: 0 0 40px;
            }

                .block-devenez-loueur .columns .column h2.form strong {
                    font-weight: 700;
                    color: #e5007d;
                    font-size: 41px;
                    line-height: 28px;
                    display: block;
                    margin: 6px 0 0;
                }

        .block-devenez-loueur .columns .column p {
            font-size: 14px;
            line-height: 17px;
            color: #585858;
            margin: 0 0 14px;
        }

        .block-devenez-loueur .columns .column strong {
            font-weight: 700;
            font-size: 13px;
        }

        .block-devenez-loueur .columns .column img {
            display: block;
            width: 100%;
            border: 1px solid #888;
            margin: 0 0 52px;
        }

        .block-devenez-loueur .columns .column .implantations:after {
            display: block;
            clear: both;
            content: ' ';
        }

        .block-devenez-loueur .columns .column .implantations h3 {
            float: left;
            width: 100%;
            font-weight: 900;
            font-size: 14px;
            color: #009ee3;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            margin: 12px 0 6px 0;
        }

        .block-devenez-loueur .columns .column .implantations p {
            float: left;
            color: #e5007d;
        }

            .block-devenez-loueur .columns .column .implantations p.small {
                margin: 20px 0 0;
                font-size: 12px;
                color: #888;
            }

        .block-devenez-loueur .columns .column .implantations .subcolumn {
            float: left;
            width: 30%;
            margin-right: 3.3%;
        }

            .block-devenez-loueur .columns .column .implantations .subcolumn.last {
                margin-right: 0;
            }

        .block-devenez-loueur .columns .column .implantations ul li {
            font-weight: 700;
            font-size: 13px;
            line-height: 18px;
            color: #585858;
            -webkit-font-smoothing: antialiased;
        }

            .block-devenez-loueur .columns .column .implantations ul li:before {
                content: '• ';
            }

            .block-devenez-loueur .columns .column .implantations ul li.title {
                color: #009ee3;
            }

                .block-devenez-loueur .columns .column .implantations ul li.title:before {
                    content: '';
                }

            .block-devenez-loueur .columns .column .implantations ul li.subtitle {
                text-transform: uppercase;
            }

                .block-devenez-loueur .columns .column .implantations ul li.subtitle:before {
                    content: '';
                }

        .block-devenez-loueur .columns .column .form {
            position: relative;
        }

            .block-devenez-loueur .columns .column .form:after {
                display: block;
                content: ' ';
                clear: both;
            }

            .block-devenez-loueur .columns .column .form .field {
                float: left;
                width: 48.5%;
                margin: 0 0 16px;
            }

                .block-devenez-loueur .columns .column .form .field.left {
                    margin-right: 3%;
                }

            .block-devenez-loueur .columns .column .form label {
                font-size: 14px;
                color: #8e8e8e;
                line-height: 20px;
                display: block;
                margin: 20px 0 8px;
            }

            .block-devenez-loueur .columns .column .form input[type=text] {
                width: 100%;
                -webkit-appearance: none;
                -moz-appearance: none;
                height: 40px;
                border: 1px solid #dedede;
                border-radius: 0;
                background: #fff;
                font-size: 14px;
                text-indent: 15px;
                text-align: left;
            }

            .block-devenez-loueur .columns .column .form .select {
                position: relative;
                width: 100%;
                height: 40px;
                border: 1px solid #dedede;
                font-size: 14px;
                text-indent: 15px;
                line-height: 40px;
                text-align: left;
                color: #4a4a4a;
                background: #fff url('img/select.png') no-repeat right 0;
                background-size: 40px 40px;
            }

                .block-devenez-loueur .columns .column .form .select span {
                    position: relative;
                    z-index: 1;
                }

                .block-devenez-loueur .columns .column .form .select span.empty-option {
                    color: #b0b0b0;
                }

                .block-devenez-loueur .columns .column .form .select select {
                    position: absolute;
                    z-index: 2;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    display: block;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    opacity: 0;
                }

            .block-devenez-loueur .columns .column .form textarea {
                width: 100%;
                height: 180px;
                -webkit-appearance: none;
                -moz-appearance: none;
                border: 1px solid #dedede;
                border-radius: 0;
                background: #fff;
                font-size: 14px;
                padding: 15px;
                text-align: left;
                margin: 16px 0 0;
            }

            .block-devenez-loueur .columns .column .form .submit {
                -webkit-appearance: none;
                -moz-appearance: none;
                height: 45px;
                line-height: 45px;
                text-decoration: none;
                border-radius: 4px;
                color: #fff;
                background: #009ee3;
                font-weight: 700;
                font-size: 18px;
                padding: 0 50px;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                -webkit-transition: background 300ms, color 300ms;
                -moz-transition: background 300ms, color 300ms;
                -o-transition: background 300ms, color 300ms;
                transition: background 300ms, color 300ms;
                cursor: pointer;
                float: right;
                margin: 20px 0 0;
            }

                .block-devenez-loueur .columns .column .form .submit:hover {
                    background: #fff;
                    color: #009ee3;
                }

                .block-devenez-loueur .columns .column .form .submit:disabled {
                    opacity: .25;
                }

.block-mentions-legales {
    position: relative;
    padding: 0 0 20px;
}

    .block-mentions-legales:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-mentions-legales h2 {
        font-weight: 900;
        font-size: 27px;
        color: #009ee3;
        line-height: normal;
        text-transform: uppercase;
    }

    .block-mentions-legales p {
        font-size: 14px;
        line-height: 21px;
        color: #585858;
        text-align: justify;
        margin: 0 0 20px;
    }

        .block-mentions-legales p.special {
            border-top: 1px solid #dadada;
            padding: 20px 0 0;
        }

    .block-mentions-legales strong {
        color: #000;
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
    }

    .block-mentions-legales a {
        text-decoration: none;
        color: #009ee3;
    }

.block-acheter-gyropode {
    position: relative;
    background: #f6f6f6;
    padding: 45px 35px 35px;
    margin: 0 -50px 0 -20px;
}

    .block-acheter-gyropode h2 {
        line-height: 39px;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        font-size: 26px;
        color: #626769;
        text-align: right;
        margin: 0 0 40px;
    }

        .block-acheter-gyropode h2 strong {
            font-weight: 700;
            color: #009ee3;
            font-size: 41px;
            line-height: 28px;
            display: block;
            margin: 6px 0 0;
        }

    .block-acheter-gyropode p {
        font-size: 14px;
        line-height: 20px;
        color: #585858;
        margin: 0 0 18px;
    }

        .block-acheter-gyropode p:last-of-type {
            margin-bottom: 60px;
        }

    .block-acheter-gyropode strong {
        font-weight: 700;
        font-size: 13px;
    }

    .block-acheter-gyropode .form {
        position: relative;
    }

        .block-acheter-gyropode .form:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-acheter-gyropode .form .field {
            float: left;
            width: 48.5%;
            margin: 0 0 16px;
            padding: 0;
        }

            .block-acheter-gyropode .form .field.left {
                margin-right: 3%;
            }

        .block-acheter-gyropode .form .checkboxes {
            font-size: 14px;
            line-height: 20px;
            color: #8e8e8e;
            margin: 0 0 6px;
            -webkit-font-smoothing: antialiased;
        }

            .block-acheter-gyropode .form .checkboxes .checkboxes-title {
                display: inline-block;
                margin: 0 12px 0 0;
            }

            .block-acheter-gyropode .form .checkboxes .checkbox-w {
                position: relative;
                padding: 0 0 0 22px;
                margin: 0 16px 0 0;
            }

            .block-acheter-gyropode .form .checkboxes input[type=checkbox] {
                width: 17px;
                height: 17px;
                background: #fff;
                display: inline-block;
                -webkit-appearance: none;
                -moz-appearance: none;
                border-radius: 0;
                border: 1px solid #e0e0e0;
                position: absolute;
                top: 1px;
                left: 0;
                outline: none;
            }

                .block-acheter-gyropode .form .checkboxes input[type=checkbox]:checked::after {
                    position: absolute;
                    top: 3px;
                    left: 3px;
                    width: 9px;
                    height: 9px;
                    background: #009ee3;
                    content: ' ';
                    display: block;
                }

        .block-acheter-gyropode .form input[type=text] {
            width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 40px;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            text-indent: 15px;
            text-align: left;
        }

        .block-acheter-gyropode .form textarea {
            width: 100%;
            height: 180px;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            padding: 15px;
            text-align: left;
            margin: 16px 0 0;
        }

        .block-acheter-gyropode .form .submit {
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 45px;
            line-height: 45px;
            border-radius: 4px;
            color: #fff;
            background: #009ee3;
            font-weight: 700;
            font-size: 18px;
            padding: 0 50px;
            text-transform: uppercase;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
            cursor: pointer;
            float: right;
            margin: 20px 0 0;
        }

            .block-acheter-gyropode .form .submit:hover {
                background: #fff;
                color: #009ee3;
            }

            .block-acheter-gyropode .form .submit:disabled {
                opacity: .25;
            }

.block-presse {
    position: relative;
    background: #f4f4f4;
    padding: 20px 30px;
    margin-bottom: 80px;
}

    .block-presse:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-presse img {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        height: 100%;
    }

    .block-presse h1 {
        position: relative;
        z-index: 2;
        font-weight: 900;
        font-size: 40px;
        margin: 0 0 5px;
        color: #009ee0;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
    }

    .block-presse p {
        position: relative;
        z-index: 2;
        font-weight: 700;
        color: #606669;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        line-height: 23px;
    }

    .block-presse a {
        color: #009ee0;
        text-decoration: none;
        -webkit-transition: color 300ms;
        -moz-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms;
    }

        .block-presse a:hover {
            color: #e5017e;
        }

.block-contact {
    position: relative;
}

    .block-contact .columns {
        width: 100%;
        background: #f6f6f6;
        padding: 45px 60px 35px;
    }

        .block-contact .columns:after {
            clear: both;
            display: block;
            content: ' ';
        }

            .block-contact .columns .column h2 {
                font-weight: 900;
                font-size: 40px;
                line-height: 39px;
                color: #009ee3;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                margin: 0 0 6px;
            }

                .block-contact .columns .column h2.form {
                    font-size: 26px;
                    color: #626769;
                    text-align: right;
                    margin: 0 0 40px;
                }

                    .block-contact .columns .column h2.form strong {
                        font-weight: 700;
                        color: #009ee3;
                        font-size: 41px;
                        line-height: 28px;
                        display: block;
                        margin: 6px 0 0;
                    }

            .block-contact .columns .column p {
                font-size: 14px;
                line-height: 17px;
                color: #585858;
                margin: 0 0 14px;
            }

                .block-contact .columns .column p a {
                    color: #E5007D;
                    text-decoration: none;
                }

            .block-contact .columns .column strong {
                font-weight: 700;
                font-size: 13px;
            }

            .block-contact .columns .column img {
                display: block;
                width: 100%;
                border: 1px solid #888;
                margin: 0 0 52px;
            }

            .block-contact .columns .column div.form {
                position: relative;
            }

                .block-contact .columns .column div.form:after {
                    display: block;
                    content: ' ';
                    clear: both;
                }

                .block-contact .columns .column div.form .field {
                    float: left;
                    width: 48.5%;
                    margin: 0 0 16px;
                }

                    .block-contact .columns .column div.form .field.left {
                        margin-right: 3%;
                    }

                .block-contact .columns .column div.form input[type=text] {
                    width: 100%;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    height: 40px;
                    border: 1px solid #dedede;
                    border-radius: 0;
                    background: #fff;
                    font-size: 14px;
                    text-indent: 15px;
                    text-align: left;
                }

                    .block-contact .columns .column div.form input[type=text].js-error {
                        border: 1px solid #e10b7a;
                    }

                .block-contact .columns .column div.form textarea {
                    width: 100%;
                    height: 180px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    border: 1px solid #dedede;
                    border-radius: 0;
                    background: #fff;
                    font-size: 14px;
                    padding: 15px;
                    text-align: left;
                    margin: 16px 0 0;
                }

                .block-contact .columns .column div.form .submit {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    height: 45px;
                    line-height: 45px;
                    text-decoration: none;
                    border-radius: 4px;
                    color: #fff;
                    background: #009ee3;
                    font-weight: 700;
                    font-size: 18px;
                    padding: 0 50px;
                    text-transform: uppercase;
                    -webkit-font-smoothing: antialiased;
                    -webkit-transition: background 300ms, color 300ms;
                    -moz-transition: background 300ms, color 300ms;
                    -o-transition: background 300ms, color 300ms;
                    transition: background 300ms, color 300ms;
                    cursor: pointer;
                    float: right;
                    margin: 20px 0 0;
                }

                    .block-contact .columns .column div.form .submit:hover {
                        background: #fff;
                        color: #009ee3;
                    }

                    .block-contact .columns .column div.form .submit:disabled {
                        opacity: .25;
                    }

.block-nos-partenaires {
    position: relative;
    background: #f1f1f1;
    text-align: center;
    padding: 30px 0 0 2.5%;
}

    .block-nos-partenaires .item {
        position: relative;
        width: 30%;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0 2.5% 30px 0;
    }

        .block-nos-partenaires .item:hover {
            opacity: .5;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

        .block-nos-partenaires .item img {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            cursor: pointer;
        }

        .block-nos-partenaires .item .overlay {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 32px 30px 30px;
            background: rgba(255, 255, 255, .95);
            text-align: left;
        }

            .block-nos-partenaires .item .overlay h2 {
                font-weight: 900;
                font-size: 24px;
                color: #009ee0;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                margin: 0 0 20px;
            }

            .block-nos-partenaires .item .overlay p {
                font-size: 15px;
                color: #606669;
                line-height: 20px;
                margin: 0 0 20px;
            }

            .block-nos-partenaires .item .overlay .lien {
                font-weight: 700;
                font-size: 15px;
                color: #606669;
                line-height: 20px;
                -webkit-font-smoothing: antialiased;
            }

                .block-nos-partenaires .item .overlay .lien a {
                    color: #009ee0;
                    text-decoration: none;
                }

            .block-nos-partenaires .item .overlay .close {
                position: absolute;
                top: 12px;
                right: 12px;
                width: 20px;
                height: 20px;
            }

                .block-nos-partenaires .item .overlay .close:before, .block-nos-partenaires .item .overlay .close:after {
                    content: ' ';
                    display: block;
                    position: absolute;
                    width: 20px;
                    height: 1px;
                    background: #333;
                    top: 50%;
                    left: 0;
                    -webkit-transition: width 300ms, left 300ms;
                    -moz-transition: width 300ms, left 300ms;
                    -o-transition: width 300ms, left 300ms;
                    transition: width 300ms, left 300ms;
                }

                .block-nos-partenaires .item .overlay .close:before {
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .block-nos-partenaires .item .overlay .close:after {
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                .block-nos-partenaires .item .overlay .close:hover:before, .block-nos-partenaires .item .overlay .close:hover:after {
                    width: 30px;
                    left: -5px;
                }

.block-qui-sommes-nous {
    position: relative;
    padding: 0 0 10px;
}

    .block-qui-sommes-nous .columns {
        position: relative;
        margin: 0 0 30px;
    }

        .block-qui-sommes-nous .columns:after {
            display: block;
            content: ' ';
            clear: both;
        }

    .block-qui-sommes-nous h2 {
        font-weight: 900;
        font-size: 40px;
        line-height: 42px;
        color: #009ee3;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        margin: 0 0 12px;
    }

        .block-qui-sommes-nous h2 em {
            font-style: italic;
        }

    .block-qui-sommes-nous li {
        line-height: 24px;
    }

        .block-qui-sommes-nous li:before {
            content: '\2022';
            display: inline-block;
            margin-right: 5px;
        }

    .block-qui-sommes-nous p {
        font-size: 14px;
        line-height: 18px;
        color: #585858;
        text-align: justify;
        margin: 0 0 25px;
    }

    .block-qui-sommes-nous .image {
        display: block;
        width: 100%;
        height: 32%;
        margin: 0 0 4px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

        .block-qui-sommes-nous .image img {
            display: none;
        }

        .block-qui-sommes-nous .image.wide {
            height: 100%;
            margin: 0;
        }

.block-offres-emploi {
    position: relative;
    padding: 0 30px 50px;
}

    .block-offres-emploi:after {
        display: block;
        clear: both;
        content: ' ';
    }

    .block-offres-emploi .item {
        border-bottom: 1px solid #C5C5C5;
        padding: 0 0 18px;
        margin: 0 0 18px;
    }

        .block-offres-emploi .item:last-child,
        .block-offres-emploi .item.current {
            border-bottom: 0;
        }

        .block-offres-emploi .item h2 {
            font-weight: 700;
            font-size: 16px;
            color: #00acee;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 4px;
            -webkit-transition: color 300ms;
            -moz-transition: color 300ms;
            -o-transition: color 300ms;
            transition: color 300ms;
        }

        .block-offres-emploi .item.selected {
            opacity: .5;
        }

        .block-offres-emploi .item a {
            color: inherit;
            text-decoration: none;
        }

        .block-offres-emploi .item a:hover h2,
        .block-offres-emploi .item.current h2 {
            color: #e5017e;
        }

        .block-offres-emploi .item.selected a:hover h2 {
            color: #00acee;
        }

        .block-offres-emploi .item .date {
            display: block;
            font-size: 15px;
            color: #606669;
            margin: 0 0 20px;
        }

        .block-offres-emploi .item p {
            font-size: 15px;
            line-height: 20px;
            color: #606669;
        }

        .block-offres-emploi .item .description {
            border-top: 1px solid #c5c5c5;
            background: #f6f6f6;
            margin: 20px 0 0;
            padding: 20px;
            font-size: 14px;
            line-height: 18px;
            color: #606669;
            -webkit-font-smoothing: antialiased;
        }

            .block-offres-emploi .item .description strong {
                color: #00acee;
                font-weight: 700;
                font-size: 13px;
            }

.block-actualites {
    position: relative;
    padding: 0 50px 50px;
}

    .block-actualites h1 {
        width: 100%;
        font-weight: 900;
        font-size: 50px;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        padding: 30px 0 25px;
        color: #00a0df;
    }

    .block-actualites .layout {
        position: relative;
    }

    .block-actualites .item {
        display: inline-block;
        width: 29%;
        margin: 0 4% 30px 0;
        vertical-align: top;
        border: 1px solid #cdcdcd;
    }

        .block-actualites.liste-references .item {
            width: 22%;
        }

        .block-actualites .item img {
            display: block;
            width: 100%;
        }

        .block-actualites .item .img-mobile {
            display: none;
            width: 100%;
            height: 200px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .block-actualites .item .metas {
            padding: 16px;
        }

        .block-actualites .item h2 {
            font-weight: 900;
            font-size: 17px;
            line-height: 23px;
            text-transform: uppercase;
            color: #7d7d7d;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 5px;
        }

        .block-actualites .item .date {
            display: block;
            font-weight: 900;
            font-size: 13px;
            color: #009ee3;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 20px;
        }

        .block-actualites .item p {
            font-size: 13px;
            line-height: 18px;
            color: #4d4d4d;
            margin: 0 0 15px;
        }

        .block-actualites .item .more {
            position: relative;
            border: 1px solid #00a0df;
            color: #00a0df;
            font-weight: 700;
            text-decoration: none;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            padding: 2px 30px 2px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-actualites .item .more:before, .block-actualites .item .more:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 8px;
                height: 1px;
                right: 13px;
                background: #00a0df;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            .block-actualites .item .more:before {
                margin: -3px 0 0;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .block-actualites .item .more:after {
                margin: 2px 0 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .block-actualites .item .more:hover {
                color: #fff;
                background: #00a0df;
            }

                .block-actualites .item .more:hover:before, .block-actualites .item .more:hover:after {
                    background: #fff;
                }

.block-actualite {
    position: relative;
    padding: 0 50px 50px;
}

    .block-actualite:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-actualite h1 {
        width: 100%;
        font-weight: 900;
        font-size: 50px;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        padding: 30px 0 25px;
        color: #00a0df;
    }

    .block-actualite h2 {
        font-weight: 900;
        font-size: 21px;
        color: #ec008c;
        margin: 0 0 5px;
        text-transform: uppercase;
    }

    .block-actualite a {
        color: #00aeef;
        text-decoration: none;
    }

    .block-actualite .date {
        display: block;
        font-weight: 700;
        font-size: 14px;
        color: #7d7d7d;
        margin: 0 0 28px;
    }

    .block-actualite .resume {
        font-weight: 700;
        font-size: 14px;
        line-height: 21px;
        -webkit-font-smoothing: antialiased;
        color: #7d7d7d;
        margin: 0 0 28px;
    }

    .block-actualite .description {
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
        margin: 0 0 20px;
    }

    .block-actualite .share {
        width: 100%;
        border-top: 1px solid #b4b4b4;
        font-weight: 700;
        color: #000;
        padding: 20px 0 0;
    }

        .block-actualite .share a {
            display: inline-block;
            margin: 16px 4px 0 0;
            text-decoration: none;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-actualite .share a:hover {
                opacity: .6;
            }

.block-actualites-dernieres {
    position: relative;
    background: #f2f2f2;
}

    .block-actualites-dernieres .centered {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 50px 50px;
    }

    .block-actualites-dernieres h1 {
        width: 100%;
        font-weight: 900;
        font-size: 35px;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        padding: 40px 0 35px;
        color: #00a0df;
    }

    .block-actualites-dernieres .layout {
        position: relative;
    }

    .block-actualites-dernieres .item {
        display: inline-block;
        width: 29%;
        margin: 0 4% 30px 0;
        vertical-align: top;
        background: #fff;
        border: 1px solid #cdcdcd;
    }

        .block-actualites-dernieres .item img {
            display: block;
            width: 100%;
        }

        .block-actualites-dernieres .item .img-mobile {
            display: none;
            width: 100%;
            height: 200px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .block-actualites-dernieres .item .metas {
            padding: 16px;
        }

        .block-actualites-dernieres .item h2 {
            font-weight: 900;
            font-size: 17px;
            line-height: 23px;
            text-transform: uppercase;
            color: #7d7d7d;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 5px;
        }

        .block-actualites-dernieres .item .date {
            display: block;
            font-weight: 900;
            font-size: 13px;
            color: #009ee3;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 20px;
        }

        .block-actualites-dernieres .item p {
            font-size: 13px;
            line-height: 18px;
            color: #4d4d4d;
            margin: 0 0 15px;
        }

        .block-actualites-dernieres .item .more {
            position: relative;
            border: 1px solid #00a0df;
            color: #00a0df;
            font-weight: 700;
            text-decoration: none;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            padding: 2px 30px 2px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-actualites-dernieres .item .more:before,
            .block-actualites-dernieres .item .more:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 8px;
                height: 1px;
                right: 13px;
                background: #00a0df;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            .block-actualites-dernieres .item .more:before {
                margin: -3px 0 0;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .block-actualites-dernieres .item .more:after {
                margin: 2px 0 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .block-actualites-dernieres .item .more:hover {
                color: #fff;
                background: #00a0df;
            }

                .block-actualites-dernieres .item .more:hover:before,
                .block-actualites-dernieres .item .more:hover:after {
                    background: #fff;
                }

.block-espace-agence {
    position: relative;
}

    .block-espace-agence h2 {
        position: relative;
        z-index: 2;
        font-weight: 900;
        font-size: 40px;
        line-height: 38px;
        margin: 0 0 2px;
        color: #009ee0;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
    }

    .block-espace-agence .login {
        position: relative;
        background: #f1f1f1;
        padding: 25px 30px 20px;
        margin-bottom: 40px;
    }

        .block-espace-agence .login:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-espace-agence .login img {
            position: absolute;
            z-index: 1;
            right: 0;
            top: 0;
            height: 100%;
        }

        .block-espace-agence .login p {
            position: relative;
            z-index: 2;
            color: #606669;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
            line-height: 23px;
            margin: 30px 0 0;
        }

        .block-espace-agence .login .form {
            position: relative;
            z-index: 2;
        }

            .block-espace-agence .login .form .submit {
                -webkit-appearance: none;
                -moz-appearance: none;
                height: 40px;
                line-height: 40px;
                display: inline-block;
                text-decoration: none;
                border-radius: 4px;
                color: #fff;
                background: #009ee3;
                font-weight: 700;
                font-size: 16px;
                padding: 0 20px;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                -webkit-transition: background 300ms, color 300ms;
                -moz-transition: background 300ms, color 300ms;
                -o-transition: background 300ms, color 300ms;
                transition: background 300ms, color 300ms;
                cursor: pointer;
            }

                .block-espace-agence .login .form .submit:hover {
                    background: #fff;
                    color: #009ee3;
                }

    .block-espace-agence .columns::after {
        display: block;
        content: ' ';
        clear: both;
    }

        .block-espace-agence .columns .column .inside {
            width: 100%;
            background: #f1f1f1;
            padding: 25px 30px 20px;
        }

        .block-espace-agence .columns .column a {
            margin: 10px 0 0;
            display: inline-block;
            font-weight: 700;
            font-size: 12px;
            text-decoration: none;
            color: #009edb;
            text-transform: uppercase;
            border: 1px solid #009edb;
            padding: 5px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-espace-agence .columns .column a:hover {
                background: #009edb;
                color: #fff;
            }

    .block-espace-agence .question {
        padding: 20px 30px 70px;
        font-size: 16px;
        color: #606669;
    }

        .block-espace-agence .question a {
            color: #009edb;
            text-decoration: none;
            -webkit-transition: color 300ms;
            -moz-transition: color 300ms;
            -o-transition: color 300ms;
            transition: color 300ms;
        }

            .block-espace-agence .question a:hover {
                color: #e5017e;
            }

/* DETAIL AGENCE - header */
.block-agence-header {
    position: relative;
    height: 600px;
    background: no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

    .block-agence-header .action {
        -webkit-font-smoothing: antialiased;
        bottom: 30px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 600px;
        border: 3px solid #fff;
        border-radius: 3px;
    }

    .block-agence-header .overlay {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 40px;
        -webkit-font-smoothing: antialiased;
        font-weight: 300;
        color: #fff;
        font-size: 19px;
        line-height: 8px;
        padding: 0 0 0 26px;
        text-decoration: none;
        text-transform: uppercase;
    }

        .block-agence-header .overlay:before {
            display: block;
            width: 120%;
            height: 200%;
            content: ' ';
            position: absolute;
            top: -80%;
            left: -15%;
            -webkit-transform: rotate(-6deg);
            -moz-transform: rotate(-6deg);
            -ms-transform: rotate(-6deg);
            -o-transform: rotate(-6deg);
            transform: rotate(-6deg);
            outline: 1px solid transparent;
            background: rgba(229, 0, 125, .85);
        }

        .block-agence-header .overlay strong {
            position: relative;
            z-index: 2;
            display: block;
            font-weight: 900;
            font-size: 50px;
            line-height: 60px;
            color: #fff;
        }

        .block-agence-header .overlay span {
            position: relative;
            z-index: 2;
        }

        .block-agence-header .overlay a {
            position: relative;
            z-index: 2;
            border: 1px solid #fff;
            color: #fff;
            font-weight: 700;
            text-decoration: none;
            font-size: 17px;
            text-transform: uppercase;
            padding: 7px 38px 7px 14px;
            display: inline-block;
            line-height: 21px;
            margin: 6px 0 0;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-agence-header .overlay a:before,
            .block-agence-header .overlay a:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 10px;
                height: 1px;
                background: #fff;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            .block-agence-header .overlay a:before {
                right: 20px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .block-agence-header .overlay a:after {
                right: 13px;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .block-agence-header .overlay a:hover {
                color: #e5007d;
                background: #fff;
            }

                .block-agence-header .overlay a:hover:before,
                .block-agence-header .overlay a:hover:after {
                    background: #e5007d;
                }


/* DETAIL AGENCE - header - Widget BE */
#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget {
    padding: 15px !important;
}

#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-title {
    display: inline-block;
    font-size: 22px;
    margin: 0;
    padding: 0;
    height: 40px;
    font-weight: 700;
    line-height: 40px !important;
    vertical-align: middle;
    width: 45%;
}

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-title div {
        display: inline-block;
        height: 40px;
        font-weight: 700;
        line-height: 40px !important;
    }

#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-trip {
    display: inline-block;
    float: none;
    padding: 0 10px !important;
    vertical-align: middle;
    width: 29%;
}

div[data-widget-id] .co-widget .co-widget-trip label {
    display: none !important;
}

div[data-widget-id] .co-widget input {
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

div[data-widget-id] .co-widget input + .co-widget-calendar {
    bottom: 14px;
    right: 10px;
}

#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-search {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 24%;
}

#ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking {
    position: relative;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    height: 40px;
    line-height: 30px;
    padding: 2px 30px 2px 10px;
    -webkit-transition: background 300ms, color 300ms;
    -moz-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking:before,
    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking:after {
        position: absolute;
        display: block;
        content: ' ';
        top: 50%;
        width: 8px;
        height: 1px;
        right: 13px;
        background: #fff;
        -webkit-transition: background 300ms;
        -moz-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking:before {
        margin: -3px 0 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking:after {
        margin: 2px 0 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking:hover {
        color: #06a0e1;
        background: #fff;
    }

        #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking:hover:before,
        #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget .co-widget #BtnLaunchBooking:hover:after {
            background: #06a0e1;
        }

.secure-payment {
    background: #fff;
    color: #747474;
    font-style: italic;
    padding: 10px 15px;
    text-align: center;
}

.secure-left {
    float: left;
}

.secure-right {
    float: right;
}

    .secure-right img {
        height: 19px;
        margin: 0 3px;
    }


/* DETAIL AGENCE - header - Chèques / Cartes cadeaux */
.agence-header-gifts-w {
    background: #06a0e1;
    color: #fff;
    padding: 20px 30px;
}

    .agence-header-gifts-w .gift-title {
        display: inline-block;
        font-size: 28px;
        font-weight: 900;
        text-transform: uppercase;
        vertical-align: middle;
    }

    .agence-header-gifts-w .btn-card,
    .agence-header-gifts-w a.btn-card:active,
    .agence-header-gifts-w a.btn-card:focus,
    .agence-header-gifts-w a.btn-card:visited {
        display: inline-block;
        float: right;
        height: 40px;
        line-height: 34px;
        vertical-align: middle;
    }


/* DETAIL AGENCE - header - Contact */
.block-agence-contact {
    position: relative;
    border-bottom: 6px solid #e30c7c;
}

    .block-agence-contact .close {
        position: absolute;
        z-index: 2;
        right: 10px;
        top: 10px;
        width: 42px;
        height: 42px;
        background: #898989;
        -webkit-transition: background 300ms;
        -moz-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

        .block-agence-contact .close:before, .block-agence-contact .close:after {
            position: absolute;
            display: block;
            content: ' ';
            top: 20px;
            left: 3px;
            width: 36px;
            height: 1px;
            background: #fff;
        }

        .block-agence-contact .close:hover {
            background: #333;
        }

        .block-agence-contact .close:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .block-agence-contact .close:after {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

    .block-agence-contact .centered {
        position: relative;
        z-index: 1;
        max-width: 1100px;
        padding: 40px 20px 40px 10px;
        margin: 0 auto;
    }

        .block-agence-contact .centered:before {
            position: absolute;
            display: block;
            content: ' ';
            left: 340px;
            width: 1px;
            top: 30px;
            bottom: 30px;
            background: #898989;
        }

        .block-agence-contact .centered:after {
            display: block;
            content: ' ';
            clear: both;
        }

    .block-agence-contact .column:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-agence-contact .column:first-child {
        width: 340px;
        padding: 0 20px 0 0;
        position: absolute;
        z-index: 2;
    }

    .block-agence-contact .column:last-child {
        position: relative;
        float: none;
        z-index: 1;
        padding: 0 0 0 370px;
        width: auto;
    }

    .block-agence-contact .tel {
        display: block;
        font-weight: 900;
        font-size: 18px;
        line-height: 28px;
        color: #e5007d;
        padding: 0 0 0 45px;
        margin: 0 0 36px 0;
        background: url('img/agence_tel.png') no-repeat 5px top;
        background-size: 26px 26px;
        -webkit-font-smoothing: antialiased;
    }

        .block-agence-contact .tel a {
            color: #e5007d;
            text-decoration: none;
        }

            .block-agence-contact .tel a.strong {
                display: block;
                font-size: 28px;
            }

    .block-agence-contact .address {
        display: block;
        font-size: 13px;
        line-height: 16px;
        color: #535353;
        padding: 0 0 0 45px;
        margin: 0 0 14px;
        background: url('img/agence_addr.png') no-repeat 8px top;
        background-size: 16px 16px;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
    }

    .block-agence-contact .email {
        display: block;
        width: 100%;
        clear: both;
        font-weight: 700;
        font-size: 13px;
        color: #535353;
        padding: 0 0 0 45px;
        margin: 0 0 12px;
        background: url('img/agence_email.png') no-repeat 6px 2px;
        background-size: 18px 18px;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
    }

        .block-agence-contact .email a {
            color: inherit;
            text-decoration: none;
        }

    .block-agence-contact h2 {
        font-weight: 700;
        font-size: 33px;
        line-height: 27px;
        color: #009ee3;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        margin: 0 0 18px;
    }

    .block-agence-contact .div-form {
        position: relative;
    }

        .block-agence-contact .div-form:after {
            display: block;
            content: ' ';
            clear: both;
        }

    .block-agence-contact .fields {
        float: left;
        width: 48.5%;
        margin-right: 3%;
        color: #7d7d7d;
    }

        .block-agence-contact .fields input[type=text] {
            float: left;
            width: 48.5%;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 36px;
            border: 1px solid #e2e2e2;
            border-radius: 0;
            background: #fff;
            font-weight: 700;
            font-size: 13px;
            -webkit-font-smoothing: antialiased;
            text-indent: 10px;
            margin: 0 0 12px;
            text-align: left;
        }

            .block-agence-contact .fields input[type=text].left {
                margin-right: 3%;
            }

        .block-agence-contact .checkbox {
            display: block;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 12px;
        }

    .block-agence-contact .textarea {
        float: left;
        width: 48.5%;
    }

        .block-agence-contact .textarea textarea {
            float: left;
            width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 86px;
            border: 1px solid #e2e2e2;
            border-radius: 0;
            background: #fff;
            font-weight: 700;
            font-size: 13px;
            -webkit-font-smoothing: antialiased;
            padding: 10px;
            margin: 0 0 12px;
            text-align: left;
        }

        .block-agence-contact .textarea .submit {
            -moz-appearance: none;
            -webkit-appearance: none;
            -webkit-font-smoothing: antialiased;
            background: #009ee3;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 15px;
            font-weight: 700;
            height: 42px;
            line-height: 42px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            width: 100%;
        }

    .block-agence-contact .form-result-summary br {
        border-bottom: 1px solid #aaa9aa;
        content: '';
        display: block;
        height: 0;
        margin: 5px 0 3px;
    }

        .block-agence-contact .form-result-summary br:last-of-type {
            display: none;
        }

        .block-agence-contact .form-error .form-result-summary br {
            border-color: #a88;
        }

/* DETAIL AGENCE - Map */
.block-agence-map {
    position: relative;
    height: 520px;
    background: #d1d1d1;
    border-bottom: 6px solid #e30c7c;
}

    .block-agence-map .close {
        position: absolute;
        z-index: 2;
        right: 10px;
        top: 10px;
        width: 42px;
        height: 42px;
        background: #898989;
        -webkit-transition: background 300ms;
        -moz-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

        .block-agence-map .close:before, .block-agence-map .close:after {
            position: absolute;
            display: block;
            content: ' ';
            top: 20px;
            left: 3px;
            width: 36px;
            height: 1px;
            background: #fff;
        }

        .block-agence-map .close:hover {
            background: #333;
        }

        .block-agence-map .close:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .block-agence-map .close:after {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

    .block-agence-map .map {
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 520px;
    }


/* DETAIL AGENCE - Menu */
.block-agence-menu {
    position: relative;
    border-bottom: 1px solid #b5b5b5;
}

    .block-agence-menu .centered {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .block-agence-menu ul li {
        font-weight: 700;
        font-size: 12px;
        color: #4a4a4a;
        text-transform: uppercase;
        display: inline-block;
        margin: 0 18px 0 0;
        padding: 19px 0 4px;
        vertical-align: top;
        -webkit-transition: color 300ms;
        -moz-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms;
    }

        .block-agence-menu ul li:hover,
        .block-agence-menu ul li.active {
            color: #009ee3;
        }

        .block-agence-menu ul li:last-child {
            border-bottom: 0;
        }

        .block-agence-menu ul li.home {
            padding: 13px 0 10px;
            margin: 0 10px 0 35px;
        }

            .block-agence-menu ul li.home a {
                text-align: left;
                -webkit-transition: opacity 300ms;
                -moz-transition: opacity 300ms;
                -o-transition: opacity 300ms;
                transition: opacity 300ms;
            }

                .block-agence-menu ul li.home a:hover {
                    opacity: .6;
                }

        .block-agence-menu ul li:after {
            padding: 0 0 0 18px;
            content: '|';
        }

        .block-agence-menu ul li:hover:after {
            color: #4a4a4a;
        }

        .block-agence-menu ul li:last-child:after, .block-agence-menu ul li.home:after {
            content: ' ';
        }

        .block-agence-menu ul li img {
            display: inline-block;
            width: 25px;
        }

        .block-agence-menu ul li a {
            text-decoration: none;
            color: inherit;
            display: inline-block;
        }

    .block-agence-menu .social {
        position: absolute;
        top: -575px;
        right: 55px;
        text-align: right;
    }

        .block-agence-menu .social a {
            text-decoration: none;
            margin: 0 0 0 2px;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-agence-menu .social a:hover {
                opacity: .6;
            }

        .block-agence-menu .social img {
            display: inline-block;
            width: 27px;
        }


/* DETAIL AGENCE - Home */
.agency-details-main-w .circuits-loisirs {
    position: relative;
    width: 100%;
    background: #f2f2f2;
    margin: 0 0 6px;
    text-align: center;
}

    .agency-details-main-w .circuits-loisirs h2 {
        text-align: left;
        font-weight: 900;
        font-size: 50px;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        color: #009ee3;
        line-height: 48px;
        padding: 30px 16px 26px;
    }

    .agency-details-main-w .circuits-loisirs .item {
        text-align: left;
        position: relative;
        padding: 18px 16px 14px;
        -webkit-font-smoothing: antialiased;
    }

        .agency-details-main-w .circuits-loisirs .item:before {
            display: block;
            content: ' ';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 20px;
            height: 1px;
            background: #aaa9aa;
        }

        .agency-details-main-w .circuits-loisirs .item:after {
            content: ' ';
            display: block;
            clear: both;
        }

        .agency-details-main-w .circuits-loisirs .item h3 {
            font-weight: 900;
            color: #7d7d7d;
            font-size: 16px;
            text-transform: uppercase;
        }

        .agency-details-main-w .circuits-loisirs .item p {
            font-size: 13px;
            color: #7d7d7d;
            margin: 0 0 8px;
        }

        .agency-details-main-w .circuits-loisirs .item .prix {
            font-weight: 700;
            font-size: 17px;
            color: #e5007d;
            display: inline-block;
        }


        /* btn-border-blue */
        .agency-details-main-w .circuits-loisirs .item .more {
            position: relative;
            border: 1px solid #009ee3;
            color: #009ee3;
            font-weight: 700;
            text-decoration: none;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            margin: -2px 5px 0 0;
            padding: 2px 30px 2px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
            float: right;
        }

            .agency-details-main-w .circuits-loisirs .item .more:before,
            .agency-details-main-w .circuits-loisirs .item .more:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 8px;
                height: 1px;
                right: 13px;
                background: #009ee3;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            .agency-details-main-w .circuits-loisirs .item .more:before {
                margin: -3px 0 0;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .agency-details-main-w .circuits-loisirs .item .more:after {
                margin: 2px 0 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .agency-details-main-w .circuits-loisirs .item .more:hover {
                color: #fff;
                background: #009ee3;
            }

                .agency-details-main-w .circuits-loisirs .item .more:hover:before,
                .agency-details-main-w .circuits-loisirs .item .more:hover:after {
                    background: #fff;
                }


    .agency-details-main-w .circuits-loisirs .tout {
        position: relative;
        border: 1px solid #009ee3;
        color: #009ee3;
        font-weight: 700;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        line-height: 21px;
        margin: 50px 0;
        padding: 9px 40px 9px 20px;
        -webkit-transition: background 300ms, color 300ms;
        -moz-transition: background 300ms, color 300ms;
        -o-transition: background 300ms, color 300ms;
        transition: background 300ms, color 300ms;
    }

        .agency-details-main-w .circuits-loisirs .tout:before,
        .agency-details-main-w .circuits-loisirs .tout:after {
            position: absolute;
            display: block;
            content: ' ';
            top: 50%;
            width: 8px;
            height: 1px;
            right: 13px;
            background: #009ee3;
            -webkit-transition: background 300ms;
            -moz-transition: background 300ms;
            -o-transition: background 300ms;
            transition: background 300ms;
        }

        .agency-details-main-w .circuits-loisirs .tout:before {
            margin: -3px 0 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .agency-details-main-w .circuits-loisirs .tout:after {
            margin: 2px 0 0;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        .agency-details-main-w .circuits-loisirs .tout:hover {
            color: #fff;
            background: #009ee3;
        }

            .agency-details-main-w .circuits-loisirs .tout:hover:before,
            .agency-details-main-w .circuits-loisirs .tout:hover:after {
                background: #fff;
            }

.agency-details-main-w .lagence {
    position: relative;
    width: 100%;
    padding: 14px 18px 18px;
    margin: 0 0 6px;
    background: #06a0e1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

    .agency-details-main-w .lagence h2 {
        font-weight: 900;
        font-size: 50px;
        text-transform: uppercase;
    }

    .agency-details-main-w .lagence p,
    .agency-details-main-w .lagence [data-text-slider="wrapper"] {
        font-weight: 700;
        font-size: 17px;
        margin: 20px 0 18px;
        padding: 0 0 28px;
        border-bottom: 1px solid #fff;
    }

    .agency-details-main-w .lagence .points {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 0 20px;
        background: url('img/agence_pin_small.png') no-repeat 0 2px;
        background-size: 12px 16px;
        margin-bottom: 10px;
    }

        .agency-details-main-w .lagence .points strong {
            font-weight: 700;
            font-size: 16px;
            text-transform: uppercase;
        }

.shortcuts-w a {
    text-decoration: none;
    font-weight: 900;
    display: inline-block;
    padding: 0 0 0 20px;
    margin-right: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

    .shortcuts-w a:hover {
        color: #fff;
    }

    .shortcut-tel {
        background-image: url(img/agence_tel_small.png);
        background-size: 13px;
    }

    .shortcut-mail {
        background-image: url(img/agence_mail_small.png);
        background-size: 15px 10px;
    }

    /* btn-border-white */
    .agency-details-main-w .lagence .more {
    position: relative;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 21px;
    margin: 30px 0 0;
    padding: 2px 0;
    -webkit-transition: background 300ms, color 300ms;
    -moz-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
}

        .agency-details-main-w .lagence .more:before,
        .agency-details-main-w .lagence .more:after {
            position: absolute;
            display: block;
            content: ' ';
            top: 50%;
            width: 8px;
            height: 1px;
            right: 13px;
            background: #fff;
            -webkit-transition: background 300ms;
            -moz-transition: background 300ms;
            -o-transition: background 300ms;
            transition: background 300ms;
        }

        .agency-details-main-w .lagence .more:before {
            margin: -3px 0 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .agency-details-main-w .lagence .more:after {
            margin: 2px 0 0;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        .agency-details-main-w .lagence .more:hover {
            color: #06a0e1;
            background: #fff;
        }

            .agency-details-main-w .lagence .more:hover:before,
            .agency-details-main-w .lagence .more:hover:after {
                background: #06a0e1;
            }

    .agency-details-main-w .lagence .hours-w{
        border-bottom: 1px solid #fff;
        padding-bottom: 18px;
        margin-top: 16px;
    }

    .agency-details-main-w .lagence .hours-w .hours-wording{
        font-weight: bold;
        font-size: 20px;
        background: url(/Portals/_default/Skins/Mobilboard/img/picto-clock.png) no-repeat left center;
        padding-left: 23px;
    }

    .agency-details-main-w .lagence .hours-w .hours-display{
        cursor:pointer;
        margin:10px 0 0 0;
    }

    .agency-details-main-w .lagence .hours-w .hours{
        margin-top:20px;
        display:none;
    }

    .agency-details-main-w .lagence .hours-w .hours .hour{
        margin:5px 0;
    }

    .agency-details-main-w .lagence .hours-w .hours .hour strong{
        font-weight:bold;
    }


/* DETAIL AGENCE - Extrait témoignages */
.agence-temoignages-w {
    position: relative;
    width: 50%;
    height: 350px;
    overflow: hidden;
    float: left;
    margin: 0 0 6px;
    padding: 38px 18px 16px;
    background: #fff;
}

    .agence-temoignages-w.single-col {
        width: 100%;
        padding: 58px 28px;
    }

    .agence-temoignages-w h2 {
        font-weight: 900;
        font-size: 40px;
        line-height: 24px;
        text-transform: uppercase;
        margin: 0 0 45px;
        color: #00a0df;
    }

        .agence-temoignages-w h2 span {
            font-size: 15px;
            text-transform: none;
        }

    .agence-temoignages-w p {
        font-size: 13px;
        line-height: 18px;
        color: #7d7d7d;
        margin: 0 0 10px;
    }

        .agence-temoignages-w p:before {
            content: ' ';
            display: inline-block;
            width: 16px;
            height: 13px;
            background: url('img/agence_quote.png') no-repeat 0 0;
            background-size: 100% 100%;
        }

    .agence-temoignages-w span {
        display: block;
        font-size: 13px;
        line-height: 18px;
        color: #7d7d7d;
    }

        .agence-temoignages-w span strong {
            color: #009ee3;
        }

    .agence-temoignages-w .btn-border-blue {
        margin: 15px 0 0;
    }


/* DETAIL AGENCE - Bloc carte cadeau */
.agence-carte-cadeau-w {
    position: relative;
    width: 50%;
    height: 350px;
    overflow: hidden;
    float: left;
    margin: 0 0 6px;
    padding: 38px 18px 16px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    background: #06a0e1 url('img/agence_carte_cadeau.png') no-repeat right top;
}

    .agence-carte-cadeau-w.single-col {
        width: 100%;
        margin: 20px 0;
        padding: 38px 28px;
    }

    .agence-carte-cadeau-w h2 {
        font-weight: 900;
        font-size: 40px;
        line-height: 24px;
        text-transform: uppercase;
        margin: 0 0 40px;
    }

        .agence-carte-cadeau-w h2 span {
            font-size: 15px;
            text-transform: none;
        }

    .agence-carte-cadeau-w p {
        font-size: 13px;
        line-height: 18px;
    }

    .agence-carte-cadeau-w .btn-border-white:active,
    .agence-carte-cadeau-w .btn-border-white:focus,
    .agence-carte-cadeau-w .btn-border-white:visited,
    .agence-carte-cadeau-w .btn-border-white {
        position: absolute;
        left: 20px;
        bottom: 40px;
    }


.agence-youtube-w {
    position: relative;
    width: 100%;
    margin: 0 0 6px;
}

    .agence-youtube-w iframe {
        display: block;
        width: 100%;
        height: 400px;
    }

[data-layout-placeholder="agence-principal-actualites"] .actualites {
    position: relative;
    width: 100%;
    margin: 0 0 6px;
    overflow: hidden;
}

    [data-layout-placeholder="agence-principal-actualites"] .actualites h2 {
        position: relative;
        width: 100%;
        font-weight: 900;
        font-size: 40px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        margin: 0 0 50px;
    }

        [data-layout-placeholder="agence-principal-actualites"] .actualites h2 span {
            position: relative;
            z-index: 2;
            display: block;
            padding: 15px 20px 10px;
        }

        [data-layout-placeholder="agence-principal-actualites"] .actualites h2:before {
            position: absolute;
            z-index: 1;
            content: ' ';
            display: block;
            width: 120%;
            height: 100px;
            top: -35px;
            left: -10%;
            background: #E72B8F;
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            -o-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .info {
        position: relative;
        width: 50%;
        padding: 0 20px;
    }

        [data-layout-placeholder="agence-principal-actualites"] .actualites .info h3 {
            font-weight: 700;
            font-size: 17px;
            text-transform: uppercase;
            color: #7d7d7d;
            line-height: 20px;
            margin: 0 0 4px;
            -webkit-font-smoothing: antialiased;
        }

            [data-layout-placeholder="agence-principal-actualites"] .actualites .info h3 a {
                color: inherit;
                text-decoration: none;
            }

        [data-layout-placeholder="agence-principal-actualites"] .actualites .info .date {
            font-size: 13px;
            color: #009ee3;
            display: block;
            margin: 0 0 20px;
        }

        [data-layout-placeholder="agence-principal-actualites"] .actualites .info p {
            font-size: 13px;
            line-height: 18px;
            color: #7d7d7d;
            margin: 0 0 50px;
        }


        /* btn-border-blue */
        [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more {
            position: relative;
            border: 1px solid #00a0df;
            color: #00a0df;
            font-weight: 700;
            text-decoration: none;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            margin: 0 0 24px;
            padding: 2px 30px 2px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more:before,
            [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 8px;
                height: 1px;
                right: 13px;
                background: #00a0df;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more:before {
                margin: -3px 0 0;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more:after {
                margin: 2px 0 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more:hover {
                color: #fff;
                background: #00a0df;
            }

                [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more:hover:before,
                [data-layout-placeholder="agence-principal-actualites"] .actualites .info .more:hover:after {
                    background: #fff;
                }


    [data-layout-placeholder="agence-principal-actualites"] .actualites .illus {
        position: absolute;
        top: 0;
        width: 50%;
        left: 50%;
        height: 100%;
        background-size: cover;
        background-position: center center;
    }

[data-layout-placeholder="agence-principal-liens-pros"] .service {
    position: relative;
    width: 50%;
    float: left;
    margin: 0 0 6px;
    background: #504e4e;
    background-position: center center;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

    [data-layout-placeholder="agence-principal-liens-pros"] .service:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        content: ' ';
        opacity: .63;
        background: #191c1d;
        -webkit-transition: opacity 300ms;
        -moz-transition: opacity 300ms;
        -o-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service:hover:before {
        opacity: .4;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service h2 {
        position: absolute;
        width: 100%;
        bottom: 40%;
        padding: 0 20px;
        font-weight: 900;
        font-size: 35px;
        text-transform: uppercase;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service p {
        position: absolute;
        width: 100%;
        top: 55%;
        margin: 20px 0 0;
        padding: 0 20px;
        font-size: 16px;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service img {
        display: block;
        width: 100%;
    }

[data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo h2 {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
    width: 100%;
    font-weight: 900;
    font-size: 40px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    margin: 0 0 50px;
    text-align: right;
}

    [data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo h2 span {
        position: relative;
        z-index: 2;
        display: block;
        padding: 15px 20px 10px;
    }

    [data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo h2:before {
        position: absolute;
        z-index: 1;
        content: ' ';
        display: block;
        width: 120%;
        height: 100px;
        top: -35px;
        left: -10%;
        background: rgba(6, 159, 224, .85);
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

[data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo a:hover {
    opacity: .7;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

[data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo .size-2,
[data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo .size-4 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

[data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo .size-2 {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    width: 50%;
}

[data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo .size-4 {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    width: 25%;
}

.agence-promo-w {
    position: relative;
    width: 50%;
    height: 365px;
    overflow: hidden;
    float: left;
    margin: 0 0 6px;
    padding: 22px 18px 16px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    background: #06a0e1;
    text-decoration: none;
}

    .agence-promo-w.single-col {
        float: none;
        margin: 20px 0;
        width: 100%;
    }

    .agence-promo-w.contact-pro-w {
        height: auto;
        padding: 22px 18px;
    }

    .agence-promo-w.contact-pro-shop-w {
        background: #f2f2f2;
        color: #06a0e1;
    }

    .agence-promo-w h2 {
        font-weight: 900;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 40px;
    }

        .agence-promo-w.contact-pro-w h2 {
            margin: 0;
        }

        .agence-promo-w h2 strong {
            font-size: 60px;
            line-height: 64px;
            display: block;
            margin: 0 0 8px;
        }

            .agence-promo-w.contact-pro-w h2 strong {
                font-size: 28px;
                line-height: normal;
                margin: 0;
            }

    .agence-promo-w p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }

        .agence-promo-w.contact-pro-w p {
            font-size: 20px;
            line-height: normal;
            margin-bottom: 0;
        }

        .agence-promo-w.contact-pro-shop-w p {
            color: #7d7d7d;
        }

        .agence-promo-w p b {
            font-weight: 900;
        }

    .agence-promo-w p + .btn-border-white {
        bottom: 15px;
        position: absolute;
    }

        .agence-promo-w.contact-pro-w p + .btn-border-white {
            right: 18px;
            bottom: 50%;
            transform: translateY(50%);
        }

    .agence-promo-w.contact-pro-w p + .btn-border-blue {
        bottom: 15px;
        position: absolute;
        right: 18px;
    }

[data-layout-placeholder="agence-principal-offres-responsable"] .equipe {
    position: relative;
    width: 50%;
    height: 365px;
    overflow: hidden;
    float: left;
    margin: 0 0 6px;
    background: #06a0e1;
    text-decoration: none;
}

    [data-layout-placeholder="agence-principal-offres-responsable"] .equipe.single {
        float: none;
        width: 100%;
    }

    [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .illus {
        position: relative;
        width: 100%;
        height: 250px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .caption {
        width: 100%;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        padding: 20px 60px 20px 12px;
        height: 115px;
    }

        [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .caption h2 {
            font-weight: 300;
            font-size: 28px;
            text-transform: uppercase;
            margin: 0 0 7px;
        }

        [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .caption p {
            font-size: 14px;
        }

            [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .caption p strong {
                font-weight: 700;
                font-size: 16px;
                text-transform: uppercase;
            }

.agency-details-main-w > h1,
.block-agence-actualites h1 {
    width: 100%;
    font-weight: 900;
    font-size: 50px;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    padding: 30px 0 25px;
    color: #00a0df;
}

.agency-details-main-w > h1 {
    padding: 30px 60px 0 110px;
}

.block-agence-actualites {
    position: relative;
    padding: 0 50px 50px;
}


    .block-agence-actualites .layout {
        position: relative;
    }

    .block-agence-actualites .item {
        display: inline-block;
        width: 29%;
        margin: 0 4% 30px 0;
        vertical-align: top;
        border: 1px solid #cdcdcd;
    }

        .block-agence-actualites .item img {
            display: block;
            width: 100%;
        }

        .block-agence-actualites .item .img-mobile {
            display: none;
            width: 100%;
            height: 200px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .block-agence-actualites .item .metas {
            padding: 16px;
        }

        .block-agence-actualites .item h2 {
            font-weight: 900;
            font-size: 17px;
            line-height: 23px;
            text-transform: uppercase;
            color: #7d7d7d;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 5px;
        }

        .block-agence-actualites .item .date {
            display: block;
            font-weight: 900;
            font-size: 13px;
            color: #009ee3;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 20px;
        }

        .block-agence-actualites .item p {
            font-size: 13px;
            line-height: 18px;
            color: #4d4d4d;
            margin: 0 0 15px;
        }

        .block-agence-actualites .item .more {
            position: relative;
            border: 1px solid #00a0df;
            color: #00a0df;
            font-weight: 700;
            text-decoration: none;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            padding: 2px 30px 2px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-agence-actualites .item .more:before, .block-agence-actualites .item .more:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 8px;
                height: 1px;
                right: 13px;
                background: #00a0df;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            .block-agence-actualites .item .more:before {
                margin: -3px 0 0;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .block-agence-actualites .item .more:after {
                margin: 2px 0 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .block-agence-actualites .item .more:hover {
                color: #fff;
                background: #00a0df;
            }

                .block-agence-actualites .item .more:hover:before, .block-agence-actualites .item .more:hover:after {
                    background: #fff;
                }

.block-agence-actualites-dernieres {
    position: relative;
    background: #f2f2f2;
}

    .block-agence-actualites-dernieres .centered {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 50px 50px;
    }

    .block-agence-actualites-dernieres h1 {
        width: 100%;
        font-weight: 900;
        font-size: 35px;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        padding: 40px 0 35px;
        color: #00a0df;
    }

    .block-agence-actualites-dernieres .layout {
        position: relative;
    }

    .block-agence-actualites-dernieres .item {
        display: inline-block;
        width: 29%;
        margin: 0 4% 30px 0;
        vertical-align: top;
        background: #fff;
        border: 1px solid #cdcdcd;
    }

        .block-agence-actualites-dernieres .item img {
            display: block;
            width: 100%;
        }

        .block-agence-actualites-dernieres .item .img-mobile {
            display: none;
            width: 100%;
            height: 200px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .block-agence-actualites-dernieres .item .metas {
            padding: 16px;
        }

        .block-agence-actualites-dernieres .item h2 {
            font-weight: 900;
            font-size: 17px;
            line-height: 23px;
            text-transform: uppercase;
            color: #7d7d7d;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 5px;
        }

        .block-agence-actualites-dernieres .item .date {
            display: block;
            font-weight: 900;
            font-size: 13px;
            color: #009ee3;
            -webkit-font-smoothing: antialiased;
            margin: 0 0 20px;
        }

        .block-agence-actualites-dernieres .item p {
            font-size: 13px;
            line-height: 18px;
            color: #4d4d4d;
            margin: 0 0 15px;
        }

        .block-agence-actualites-dernieres .item .more {
            position: relative;
            border: 1px solid #00a0df;
            color: #00a0df;
            font-weight: 700;
            text-decoration: none;
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            padding: 2px 30px 2px 10px;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-agence-actualites-dernieres .item .more:before, .block-agence-actualites-dernieres .item .more:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 8px;
                height: 1px;
                right: 13px;
                background: #00a0df;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            .block-agence-actualites-dernieres .item .more:before {
                margin: -3px 0 0;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .block-agence-actualites-dernieres .item .more:after {
                margin: 2px 0 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .block-agence-actualites-dernieres .item .more:hover {
                color: #fff;
                background: #00a0df;
            }

                .block-agence-actualites-dernieres .item .more:hover:before, .block-agence-actualites-dernieres .item .more:hover:after {
                    background: #fff;
                }

.block-agence-actualite {
    position: relative;
    padding: 0 50px 50px;
}

    .block-agence-actualite:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-agence-actualite h1 {
        width: 100%;
        font-weight: 900;
        font-size: 50px;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        padding: 30px 0 25px;
        color: #00a0df;
    }

    .block-agence-actualite h2 {
        font-weight: 900;
        font-size: 21px;
        color: #ec008c;
        margin: 0 0 5px;
        text-transform: uppercase;
    }

    .block-agence-actualite a {
        color: #00aeef;
        text-decoration: none;
    }

    .block-agence-actualite .date {
        display: block;
        font-weight: 700;
        font-size: 14px;
        color: #7d7d7d;
        margin: 0 0 28px;
    }

    .block-agence-actualite .resume {
        font-weight: 700;
        font-size: 14px;
        line-height: 21px;
        -webkit-font-smoothing: antialiased;
        color: #7d7d7d;
        margin: 0 0 28px;
    }

    .block-agence-actualite .description {
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
        margin: 0 0 20px;
    }

    .block-agence-actualite .share {
        width: 100%;
        border-top: 1px solid #b4b4b4;
        font-weight: 700;
        color: #000;
        padding: 20px 0 0;
    }

        .block-agence-actualite .share a {
            display: inline-block;
            margin: 16px 4px 0 0;
            text-decoration: none;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-agence-actualite .share a:hover {
                opacity: .6;
            }

.block-agence-circuits-loisirs {
    position: relative;
    padding: 40px 50px 50px;
}

    .block-agence-circuits-loisirs:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .agence-liste-formules {
        position: relative;
        width: 100%;
        background: #f2f2f2;
        margin: 0 0 6px;
        padding: 0 0 20px;
        text-align: center;
    }

        .agence-liste-formules > p {
            text-align: left;
            padding: 15px;
        }

        .agence-liste-formules.liste-gyropode {
            background: transparent;
        }

        .agence-liste-formules h1 {
            text-align: left;
            font-weight: 900;
            font-size: 50px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            color: #009ee3;
            line-height: 48px;
            padding: 30px 16px 26px;
        }

        .agence-liste-formules .item {
            text-align: left;
            position: relative;
            padding: 18px 16px 16px;
            margin: 0 0 15px;
            -webkit-font-smoothing: antialiased;
        }

            .agence-liste-formules .item:before {
                display: block;
                content: ' ';
                position: absolute;
                bottom: 0;
                left: 18px;
                right: 18px;
                height: 1px;
                background: #aaa9aa;
            }

            .agence-liste-formules .item:after {
                content: ' ';
                display: block;
                clear: both;
            }

            .agence-liste-formules .item h3 {
                font-weight: 900;
                color: #e5007d;
                font-size: 16px;
                text-transform: uppercase;
            }

                .agence-liste-formules.formule-promos .item h3 {
                    color: #e5007d;
                }

            .agence-liste-formules .item p {
                font-size: 13px;
                color: #7d7d7d;
                margin: 2px 0 8px;
            }

            .agence-liste-formules .item .image {
                position: relative;
                float: right;
                display: block;
                width: 170px;
                margin: 0 0 0 20px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
            }

                .agence-liste-formules .item .image img {
                    display: block;
                    width: 100%;
                }

            .agence-liste-formules .item .prix {
                font-weight: 700;
                font-size: 17px;
                color: #7d7d7d;
                display: block;
                margin: 0 0 16px;
            }

            .agence-liste-formules.formule-promos .item .prix {
                font-weight: 400;
                font-size: 14px;
                color: #e5007d;
                display: inline-block;
                margin: 0;
                vertical-align: middle;
            }

            .agence-liste-formules .item .more-sep {
                display: none;
            }

            .agence-liste-formules .item .more {
                position: relative;
                border: 1px solid #00a0df;
                color: #00a0df;
                font-weight: 700;
                text-decoration: none;
                font-size: 12px;
                text-transform: uppercase;
                display: inline-block;
                line-height: 21px;
                margin: 0 12px 12px 0;
                padding: 2px 30px 2px 10px;
                -webkit-transition: background 300ms, color 300ms;
                -moz-transition: background 300ms, color 300ms;
                -o-transition: background 300ms, color 300ms;
                transition: background 300ms, color 300ms;
                float: left;
            }

                .agence-liste-formules .item .more:before,
                .agence-liste-formules .item .more:after {
                    position: absolute;
                    display: block;
                    content: ' ';
                    top: 50%;
                    width: 8px;
                    height: 1px;
                    right: 13px;
                    background: #00a0df;
                    -webkit-transition: background 300ms;
                    -moz-transition: background 300ms;
                    -o-transition: background 300ms;
                    transition: background 300ms;
                }

                .agence-liste-formules .item .more:before {
                    margin: -3px 0 0;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .agence-liste-formules .item .more:after {
                    margin: 2px 0 0;
                    -webkit-transform: rotate(135deg);
                    -moz-transform: rotate(135deg);
                    -ms-transform: rotate(135deg);
                    -o-transform: rotate(135deg);
                    transform: rotate(135deg);
                }

                .agence-liste-formules .item .more:hover {
                    color: #fff;
                    background: #00a0df;
                }

                    .agence-liste-formules .item .more:hover:before, .agence-liste-formules .item .more:hover:after {
                        background: #fff;
                    }

            .agence-liste-formules.formule-promos .item .more {
                background: #e5007d;
                border: 1px solid #e5007d;
                color: #fff;
                margin: 0 5px 0 0;
                float: none;
                display: inline-block;
                vertical-align: middle;
            }

                .agence-liste-formules.formule-promos .item .more:before,
                .agence-liste-formules.formule-promos .item .more:after {
                    background: #fff;
                }

                .agence-liste-formules.formule-promos .item .more:hover {
                    color: #e5007d;
                    background: #fff;
                }

                    .agence-liste-formules.formule-promos .item .more:hover:before,
                    .agence-liste-formules.formule-promos .item .more:hover:after {
                        background: #e5007d;
                    }

    .block-agence-circuits-loisirs .picture {
        display: block;
        width: 100%;
    }

    .block-agence-circuits-loisirs .offre-speciale {
        position: relative;
        width: 100%;
        overflow: hidden;
        float: left;
        margin: 0 0 6px;
        padding: 22px 18px 16px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        background: #06a0e1;
    }

        .block-agence-circuits-loisirs .offre-speciale h2 {
            font-weight: 900;
            font-size: 45px;
            display: block;
            text-transform: uppercase;
            margin: 0 0 10px;
        }

        .block-agence-circuits-loisirs .offre-speciale img {
            display: block;
            width: 100%;
            margin: 0 0 10px;
        }

        .block-agence-circuits-loisirs .offre-speciale h3 {
            font-weight: 700;
            font-size: 16px;
            text-transform: uppercase;
            margin: 0 0 10px;
        }

        .block-agence-circuits-loisirs .offre-speciale p {
            font-size: 13px;
            line-height: 18px;
        }

        .block-agence-circuits-loisirs .offre-speciale .more {
            position: relative;
            border: 1px solid #fff;
            color: #fff;
            font-weight: 700;
            text-decoration: none;
            font-size: 14px;
            text-transform: uppercase;
            display: inline-block;
            line-height: 21px;
            margin: 10px 0;
            padding: 2px 30px 2px 10px;
            float: right;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
        }

            .block-agence-circuits-loisirs .offre-speciale .more:before,
            .block-agence-circuits-loisirs .offre-speciale .more:after {
                position: absolute;
                display: block;
                content: ' ';
                top: 50%;
                width: 8px;
                height: 1px;
                right: 13px;
                background: #fff;
                -webkit-transition: background 300ms;
                -moz-transition: background 300ms;
                -o-transition: background 300ms;
                transition: background 300ms;
            }

            .block-agence-circuits-loisirs .offre-speciale .more:before {
                margin: -3px 0 0;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .block-agence-circuits-loisirs .offre-speciale .more:after {
                margin: 2px 0 0;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .block-agence-circuits-loisirs .offre-speciale .more:hover {
                color: #06a0e1;
                background: #fff;
            }

                .block-agence-circuits-loisirs .offre-speciale .more:hover:before,
                .block-agence-circuits-loisirs .offre-speciale .more:hover:after {
                    background: #06a0e1;
                }

.promo-stamp {
    background: rgba(229, 0, 125, .85);
    border-radius: 100%;
    height: 75px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 75px;
    z-index: 1;
}

    .promo-stamp span {
        display: inline-block;
        vertical-align: middle;
    }

        .promo-stamp span:first-of-type {
            width: 0;
            height: 100%;
        }

        .promo-stamp span:last-of-type {
            color: #fff;
            font-size: 22px;
            font-weight: 900;
        }

.block-agence-circuit-loisir {
    position: relative;
    padding: 50px;
}

    .block-agence-circuit-loisir.detail-gyro,
    .block-agence-circuit-loisir.etude-cas {
        padding: 0;
    }

    .block-agence-circuit-loisir.detail-gyro .circuits {
        margin-bottom: 30px;
    }

    .block-agence-circuit-loisir:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-agence-circuit-loisir h1 {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 27px;
        color: #00aeef;
        margin: 0 0 30px;
    }

        .block-agence-circuit-loisir.detail-actualite h1 {
            color: #e5007d;
        }

        .block-agence-circuit-loisir.detail-reference h1 {
            font-size: 50px;
        }

    .block-agence-circuit-loisir .prestation-be-w {
        background: #e5007d;
        position: relative;
    }

    .block-agence-circuit-loisir .price-from {
        position: absolute;
        z-index: 10;
        top: 10px;
        right: 170px;
        color: #fff;
        font-size: 13px;
        line-height: 18px;
        text-align: right;
    }

        .block-agence-circuit-loisir .price-from strong {
            font-size: 22px;
            font-weight: 700;
        }

    .block-agence-circuit-loisir a {
        color: #00aeef;
        text-decoration: none;
    }

    .block-agence-circuit-loisir h2 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
    }

    .block-agence-circuit-loisir p,
    .block-agence-circuit-loisir .p {
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
        margin: 0 0 20px;
    }

        .block-agence-circuit-loisir.detail-gyro .p p:first-of-type {
            font-weight: 700;
        }

        .block-agence-circuit-loisir.detail-reference .p p:first-of-type {
            color: #e5007d;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 27px;
            line-height: normal;
            margin: 0 0 30px;
        }

        .block-agence-circuit-loisir.detail-reference.etude-cas .p p:first-of-type {
            color: #7d7d7d;
            font-weight: 700;
            text-transform: none;
            font-size: 14px;
        }

        .block-agence-circuit-loisir.detail-reference .p b {
            color: #00aeef;
            text-transform: uppercase;
        }

    .block-agence-circuit-loisir .share {
        width: 100%;
        border-top: 1px solid #b4b4b4;
        font-weight: 700;
        color: #000;
        padding: 20px 0 0;
    }

        .block-agence-circuit-loisir .share a {
            display: inline-block;
            margin: 16px 4px 0 0;
            text-decoration: none;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-agence-circuit-loisir .share a:hover {
                opacity: .6;
            }

    .block-agence-circuit-loisir .prix {
        font-weight: 700;
        font-size: 17px;
        color: #7d7d7d;
        display: inline-block;
        margin: 12px 0 40px;
    }

    .block-agence-circuit-loisir .more {
        position: relative;
        border: 1px solid #00a0df;
        color: #00a0df;
        font-weight: 700;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        display: inline-block;
        line-height: 21px;
        padding: 2px 30px 2px 10px;
        margin: 8px 0 0;
        -webkit-transition: background 300ms, color 300ms;
        -moz-transition: background 300ms, color 300ms;
        -o-transition: background 300ms, color 300ms;
        transition: background 300ms, color 300ms;
        float: right;
    }

        .block-agence-circuit-loisir .more:before, .block-agence-circuit-loisir .more:after {
            position: absolute;
            display: block;
            content: ' ';
            top: 50%;
            width: 8px;
            height: 1px;
            right: 13px;
            background: #00a0df;
            -webkit-transition: background 300ms;
            -moz-transition: background 300ms;
            -o-transition: background 300ms;
            transition: background 300ms;
        }

        .block-agence-circuit-loisir .more:before {
            margin: -3px 0 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .block-agence-circuit-loisir .more:after {
            margin: 2px 0 0;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        .block-agence-circuit-loisir .more:hover {
            color: #fff;
            background: #00a0df;
        }

            .block-agence-circuit-loisir .more:hover:before, .block-agence-circuit-loisir .more:hover:after {
                background: #fff;
            }

    .block-agence-circuit-loisir .circuits {
        position: relative;
        width: 100%;
        background: #f2f2f2;
        margin: 40px 0 0;
        padding: 0 0 20px;
        text-align: center;
    }

        .block-agence-circuit-loisir .circuits h3 {
            text-align: left;
            font-weight: 900;
            font-size: 25px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            color: #009ee3;
            line-height: 48px;
            padding: 18px 16px;
        }

        .block-agence-circuit-loisir .circuits .item {
            text-align: left;
            position: relative;
            padding: 4px 16px 10px;
            margin: 0 0 6px;
            -webkit-font-smoothing: antialiased;
        }

            .block-agence-circuit-loisir .circuits .item:before {
                display: block;
                content: ' ';
                position: absolute;
                bottom: 0;
                left: 18px;
                right: 18px;
                height: 1px;
                background: #aaa9aa;
            }

            .block-agence-circuit-loisir .circuits .item:after {
                content: ' ';
                display: block;
                clear: both;
            }

            .block-agence-circuit-loisir .circuits .item h4 {
                font-weight: 900;
                color: #e5007d;
                font-size: 16px;
                text-transform: uppercase;
                -webkit-transition: color 300ms;
                -moz-transition: color 300ms;
                -o-transition: color 300ms;
                transition: color 300ms;
            }

                .block-agence-circuit-loisir .circuits .item h4:hover {
                    color: #009ee3;
                }

                .block-agence-circuit-loisir .circuits .item h4 a {
                    color: inherit;
                    text-decoration: none;
                }

            .block-agence-circuit-loisir .circuits .item .prix {
                font-weight: 700;
                font-size: 17px;
                color: #7d7d7d;
                display: block;
                margin: 0;
            }

.block-agence-offres-entreprises {
    position: relative;
    padding: 40px 50px 50px;
}

    .block-agence-offres-entreprises:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-agence-offres-entreprises .offres {
        position: relative;
        width: 100%;
        background: #f2f2f2;
        margin: 0 0 6px;
        padding: 0 0 20px;
        text-align: center;
    }

        .block-agence-offres-entreprises .offres h1 {
            text-align: left;
            font-weight: 900;
            font-size: 50px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            color: #009ee3;
            line-height: 48px;
            padding: 30px 16px 26px;
        }

        .block-agence-offres-entreprises .offres .item {
            text-align: left;
            position: relative;
            padding: 18px 16px 16px;
            margin: 0 0 15px;
            -webkit-font-smoothing: antialiased;
        }

            .block-agence-offres-entreprises .offres .item:before {
                display: block;
                content: ' ';
                position: absolute;
                bottom: 0;
                left: 18px;
                right: 18px;
                height: 1px;
                background: #aaa9aa;
            }

            .block-agence-offres-entreprises .offres .item:after {
                content: ' ';
                display: block;
                clear: both;
            }

            .block-agence-offres-entreprises .offres .item h3 {
                font-weight: 900;
                color: #e5007d;
                font-size: 16px;
                text-transform: uppercase;
            }

            .block-agence-offres-entreprises .offres .item p {
                font-size: 13px;
                color: #7d7d7d;
                margin: 2px 0 8px;
            }

            .block-agence-offres-entreprises .offres .item .image {
                float: right;
                display: block;
                width: 138px;
                height: 84px;
                margin: 0 0 0 20px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
            }

                .block-agence-offres-entreprises .offres .item .image img {
                    display: block;
                    width: 100%;
                }

            .block-agence-offres-entreprises .offres .item .prix {
                font-weight: 700;
                font-size: 17px;
                color: #7d7d7d;
                display: block;
                margin: 0 0 16px;
            }

            .block-agence-offres-entreprises .offres .item .more-sep {
                display: none;
            }

            .block-agence-offres-entreprises .offres .item .more {
                position: relative;
                border: 1px solid #00a0df;
                color: #00a0df;
                font-weight: 700;
                text-decoration: none;
                font-size: 12px;
                text-transform: uppercase;
                display: inline-block;
                line-height: 21px;
                margin: 0 12px 12px 0;
                padding: 2px 30px 2px 10px;
                -webkit-transition: background 300ms, color 300ms;
                -moz-transition: background 300ms, color 300ms;
                -o-transition: background 300ms, color 300ms;
                transition: background 300ms, color 300ms;
                float: left;
            }

                .block-agence-offres-entreprises .offres .item .more:before, .block-agence-offres-entreprises .offres .item .more:after {
                    position: absolute;
                    display: block;
                    content: ' ';
                    top: 50%;
                    width: 8px;
                    height: 1px;
                    right: 13px;
                    background: #00a0df;
                    -webkit-transition: background 300ms;
                    -moz-transition: background 300ms;
                    -o-transition: background 300ms;
                    transition: background 300ms;
                }

                .block-agence-offres-entreprises .offres .item .more:before {
                    margin: -3px 0 0;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .block-agence-offres-entreprises .offres .item .more:after {
                    margin: 2px 0 0;
                    -webkit-transform: rotate(135deg);
                    -moz-transform: rotate(135deg);
                    -ms-transform: rotate(135deg);
                    -o-transform: rotate(135deg);
                    transform: rotate(135deg);
                }

                .block-agence-offres-entreprises .offres .item .more:hover {
                    color: #fff;
                    background: #00a0df;
                }

                    .block-agence-offres-entreprises .offres .item .more:hover:before, .block-agence-offres-entreprises .offres .item .more:hover:after {
                        background: #fff;
                    }

    .block-agence-offres-entreprises .intro {
        font-size: 15px;
        line-height: 20px;
        color: #7d7d7d;
        padding: 10px;
        margin: 20px 0 40px;
    }

    .block-agence-offres-entreprises .picture {
        display: block;
        width: 100%;
    }

    .block-agence-offres-entreprises form {
        position: relative;
        width: 100%;
        float: right;
        background: #f1f1f1;
        margin: 40px 0 25px;
        padding: 20px 28px 28px;
        text-align: right;
    }

        .block-agence-offres-entreprises form:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-agence-offres-entreprises form .message {
            position: absolute;
            left: 30px;
            bottom: 40px;
            color: #606669;
            font-size: 14px;
            line-height: 18px;
        }

        .block-agence-offres-entreprises form h2 {
            font-weight: 900;
            font-size: 40px;
            font-weight: normal;
            color: #009ee0;
            text-transform: uppercase;
            margin: 0 0 14px;
            text-align: left;
            -webkit-font-smoothing: antialiased;
        }

        .block-agence-offres-entreprises form input[type=text] {
            float: left;
            width: 48.5%;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 40px;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            text-indent: 15px;
            margin: 0 0 12px;
            text-align: left;
        }

            .block-agence-offres-entreprises form input[type=text].left {
                margin-right: 3%;
            }

            .block-agence-offres-entreprises form input[type=text].js-error {
                border: 1px solid #e10b7a;
            }

            .block-agence-offres-entreprises form input[type=text].large {
                width: 100%;
            }

        .block-agence-offres-entreprises form .select {
            position: relative;
            float: left;
            width: 48.5%;
            height: 40px;
            border: 1px solid #dedede;
            font-size: 14px;
            text-indent: 15px;
            line-height: 40px;
            margin: 0 0 12px;
            text-align: left;
            color: #b0b0b0;
            background: #fff url('img/select.png') no-repeat right 0;
            background-size: 40px 40px;
        }

            .block-agence-offres-entreprises form .select span {
                position: relative;
                z-index: 1;
            }

            .block-agence-offres-entreprises form .select select {
                position: absolute;
                z-index: 2;
                -moz-appearance: none;
                -webkit-appearance: none;
                display: block;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
            }

            .block-agence-offres-entreprises form .select.js-error {
                border: 1px solid #e10b7a;
            }

        .block-agence-offres-entreprises form textarea {
            float: left;
            width: 100%;
            height: 150px;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            padding: 15px;
            margin: 0 0 25px;
            text-align: left;
        }

            .block-agence-offres-entreprises form textarea.js-error {
                border: 1px solid #e10b7a;
            }

        .block-agence-offres-entreprises form input[type=submit] {
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 45px;
            border-radius: 4px;
            color: #fff;
            background: #009ee3;
            font-weight: 700;
            font-size: 18px;
            padding: 0 50px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
            cursor: pointer;
        }

            .block-agence-offres-entreprises form input[type=submit]:hover {
                background: #fff;
                color: #009ee3;
            }

            .block-agence-offres-entreprises form input[type=submit]:disabled {
                opacity: .25;
            }

.block-agence-offre-entreprise {
    position: relative;
    padding: 50px;
}

    .block-agence-offre-entreprise:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-agence-offre-entreprise h1 {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 27px;
        color: #00aeef;
        margin: 0 0 30px;
    }

    .block-agence-offre-entreprise a {
        color: #00aeef;
        text-decoration: none;
    }

    .block-agence-offre-entreprise h2 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
    }

    .block-agence-offre-entreprise p {
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
        margin: 0 0 20px;
    }

    .block-agence-offre-entreprise .intro {
        color: #00aeef;
    }

    .block-agence-offre-entreprise .share {
        width: 100%;
        border-top: 1px solid #b4b4b4;
        font-weight: 700;
        color: #000;
        padding: 20px 0 0;
    }

        .block-agence-offre-entreprise .share a {
            display: inline-block;
            margin: 16px 4px 0 0;
            text-decoration: none;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-agence-offre-entreprise .share a:hover {
                opacity: .6;
            }

    .block-agence-offre-entreprise .prix {
        font-weight: 700;
        font-size: 17px;
        color: #7d7d7d;
        display: inline-block;
        margin: 12px 0 40px;
    }

    .block-agence-offre-entreprise .more {
        position: relative;
        border: 1px solid #00a0df;
        color: #00a0df;
        font-weight: 700;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        display: inline-block;
        line-height: 21px;
        padding: 2px 30px 2px 10px;
        margin: 8px 0 0;
        -webkit-transition: background 300ms, color 300ms;
        -moz-transition: background 300ms, color 300ms;
        -o-transition: background 300ms, color 300ms;
        transition: background 300ms, color 300ms;
        float: right;
    }

        .block-agence-offre-entreprise .more:before, .block-agence-offre-entreprise .more:after {
            position: absolute;
            display: block;
            content: ' ';
            top: 50%;
            width: 8px;
            height: 1px;
            right: 13px;
            background: #00a0df;
            -webkit-transition: background 300ms;
            -moz-transition: background 300ms;
            -o-transition: background 300ms;
            transition: background 300ms;
        }

        .block-agence-offre-entreprise .more:before {
            margin: -3px 0 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .block-agence-offre-entreprise .more:after {
            margin: 2px 0 0;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        .block-agence-offre-entreprise .more:hover {
            color: #fff;
            background: #00a0df;
        }

            .block-agence-offre-entreprise .more:hover:before, .block-agence-offre-entreprise .more:hover:after {
                background: #fff;
            }

    .block-agence-offre-entreprise .circuits {
        position: relative;
        width: 100%;
        background: #f2f2f2;
        margin: 40px 0 0;
        padding: 0 0 20px;
        text-align: center;
    }

        .block-agence-offre-entreprise .circuits h3 {
            text-align: left;
            font-weight: 900;
            font-size: 25px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            color: #009ee3;
            line-height: 48px;
            padding: 18px 16px;
        }

        .block-agence-offre-entreprise .circuits .item {
            text-align: left;
            position: relative;
            padding: 4px 16px 10px;
            margin: 0 0 6px;
            -webkit-font-smoothing: antialiased;
        }

            .block-agence-offre-entreprise .circuits .item:before {
                display: block;
                content: ' ';
                position: absolute;
                bottom: 0;
                left: 18px;
                right: 18px;
                height: 1px;
                background: #aaa9aa;
            }

            .block-agence-offre-entreprise .circuits .item:after {
                content: ' ';
                display: block;
                clear: both;
            }

            .block-agence-offre-entreprise .circuits .item h4 {
                font-weight: 900;
                color: #e5007d;
                font-size: 16px;
                text-transform: uppercase;
                -webkit-transition: color 300ms;
                -moz-transition: color 300ms;
                -o-transition: color 300ms;
                transition: color 300ms;
            }

                .block-agence-offre-entreprise .circuits .item h4:hover {
                    color: #009ee3;
                }

                .block-agence-offre-entreprise .circuits .item h4 a {
                    color: inherit;
                    text-decoration: none;
                }

            .block-agence-offre-entreprise .circuits .item .prix {
                font-weight: 700;
                font-size: 17px;
                color: #7d7d7d;
                display: block;
                margin: 0;
            }

.block-agence-offres-street {
    position: relative;
    padding: 40px 50px 50px;
}

    .block-agence-offres-street:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-agence-offres-street .offres {
        position: relative;
        width: 100%;
        background: #f2f2f2;
        margin: 0 0 6px;
        padding: 0 0 20px;
        text-align: center;
    }

        .block-agence-offres-street .offres h1 {
            text-align: left;
            font-weight: 900;
            font-size: 50px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            color: #009ee3;
            line-height: 48px;
            padding: 30px 16px 26px;
        }

        .block-agence-offres-street .offres .item {
            text-align: left;
            position: relative;
            padding: 18px 16px 16px;
            margin: 0 0 15px;
            -webkit-font-smoothing: antialiased;
        }

            .block-agence-offres-street .offres .item:before {
                display: block;
                content: ' ';
                position: absolute;
                bottom: 0;
                left: 18px;
                right: 18px;
                height: 1px;
                background: #aaa9aa;
            }

            .block-agence-offres-street .offres .item:after {
                content: ' ';
                display: block;
                clear: both;
            }

            .block-agence-offres-street .offres .item h3 {
                font-weight: 900;
                color: #e5007d;
                font-size: 16px;
                text-transform: uppercase;
            }

            .block-agence-offres-street .offres .item p {
                font-size: 13px;
                color: #7d7d7d;
                margin: 2px 0 8px;
            }

            .block-agence-offres-street .offres .item .image {
                float: right;
                display: block;
                width: 138px;
                height: 84px;
                margin: 0 0 0 20px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
            }

                .block-agence-offres-street .offres .item .image img {
                    display: block;
                    width: 100%;
                }

            .block-agence-offres-street .offres .item .prix {
                font-weight: 700;
                font-size: 17px;
                color: #7d7d7d;
                display: block;
                margin: 0 0 16px;
            }

            .block-agence-offres-street .offres .item .more-sep {
                display: none;
            }

            .block-agence-offres-street .offres .item .more {
                position: relative;
                border: 1px solid #00a0df;
                color: #00a0df;
                font-weight: 700;
                text-decoration: none;
                font-size: 12px;
                text-transform: uppercase;
                display: inline-block;
                line-height: 21px;
                margin: 0 12px 12px 0;
                padding: 2px 30px 2px 10px;
                -webkit-transition: background 300ms, color 300ms;
                -moz-transition: background 300ms, color 300ms;
                -o-transition: background 300ms, color 300ms;
                transition: background 300ms, color 300ms;
                float: left;
            }

                .block-agence-offres-street .offres .item .more:before, .block-agence-offres-street .offres .item .more:after {
                    position: absolute;
                    display: block;
                    content: ' ';
                    top: 50%;
                    width: 8px;
                    height: 1px;
                    right: 13px;
                    background: #00a0df;
                    -webkit-transition: background 300ms;
                    -moz-transition: background 300ms;
                    -o-transition: background 300ms;
                    transition: background 300ms;
                }

                .block-agence-offres-street .offres .item .more:before {
                    margin: -3px 0 0;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .block-agence-offres-street .offres .item .more:after {
                    margin: 2px 0 0;
                    -webkit-transform: rotate(135deg);
                    -moz-transform: rotate(135deg);
                    -ms-transform: rotate(135deg);
                    -o-transform: rotate(135deg);
                    transform: rotate(135deg);
                }

                .block-agence-offres-street .offres .item .more:hover {
                    color: #fff;
                    background: #00a0df;
                }

                    .block-agence-offres-street .offres .item .more:hover:before, .block-agence-offres-street .offres .item .more:hover:after {
                        background: #fff;
                    }

    .block-agence-offres-street .intro {
        font-size: 15px;
        line-height: 20px;
        color: #7d7d7d;
        padding: 10px;
        margin: 20px 0 40px;
    }

    .block-agence-offres-street .picture {
        display: block;
        width: 100%;
    }

    .block-agence-offres-street form {
        position: relative;
        width: 100%;
        float: right;
        background: #f1f1f1;
        margin: 40px 0 25px;
        padding: 20px 28px 28px;
        text-align: right;
    }

        .block-agence-offres-street form:after {
            display: block;
            content: ' ';
            clear: both;
        }

        .block-agence-offres-street form .message {
            position: absolute;
            left: 30px;
            bottom: 40px;
            color: #606669;
            font-size: 14px;
            line-height: 18px;
        }

        .block-agence-offres-street form h2 {
            font-weight: 900;
            font-size: 40px;
            font-weight: normal;
            color: #009ee0;
            text-transform: uppercase;
            margin: 0 0 14px;
            text-align: left;
            -webkit-font-smoothing: antialiased;
        }

        .block-agence-offres-street form input[type=text] {
            float: left;
            width: 48.5%;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 40px;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            text-indent: 15px;
            margin: 0 0 12px;
            text-align: left;
        }

            .block-agence-offres-street form input[type=text].left {
                margin-right: 3%;
            }

            .block-agence-offres-street form input[type=text].js-error {
                border: 1px solid #e10b7a;
            }

            .block-agence-offres-street form input[type=text].large {
                width: 100%;
            }

        .block-agence-offres-street form .select {
            position: relative;
            float: left;
            width: 48.5%;
            height: 40px;
            border: 1px solid #dedede;
            font-size: 14px;
            text-indent: 15px;
            line-height: 40px;
            margin: 0 0 12px;
            text-align: left;
            color: #b0b0b0;
            background: #fff url('img/select.png') no-repeat right 0;
            background-size: 40px 40px;
        }

            .block-agence-offres-street form .select span {
                position: relative;
                z-index: 1;
            }

            .block-agence-offres-street form .select select {
                position: absolute;
                z-index: 2;
                -moz-appearance: none;
                -webkit-appearance: none;
                display: block;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
            }

            .block-agence-offres-street form .select.js-error {
                border: 1px solid #e10b7a;
            }

        .block-agence-offres-street form textarea {
            float: left;
            width: 100%;
            height: 150px;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: 1px solid #dedede;
            border-radius: 0;
            background: #fff;
            font-size: 14px;
            padding: 15px;
            margin: 0 0 25px;
            text-align: left;
        }

            .block-agence-offres-street form textarea.js-error {
                border: 1px solid #e10b7a;
            }

        .block-agence-offres-street form input[type=submit] {
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 45px;
            border-radius: 4px;
            color: #fff;
            background: #009ee3;
            font-weight: 700;
            font-size: 18px;
            padding: 0 50px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: background 300ms, color 300ms;
            -moz-transition: background 300ms, color 300ms;
            -o-transition: background 300ms, color 300ms;
            transition: background 300ms, color 300ms;
            cursor: pointer;
        }

            .block-agence-offres-street form input[type=submit]:hover {
                background: #fff;
                color: #009ee3;
            }

            .block-agence-offres-street form input[type=submit]:disabled {
                opacity: .25;
            }

.block-agence-offre-street {
    position: relative;
    padding: 50px;
}

    .block-agence-offre-street:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .block-agence-offre-street h1 {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 27px;
        color: #00aeef;
        margin: 0 0 30px;
    }

    .block-agence-offre-street a {
        color: #00aeef;
        text-decoration: none;
    }

    .block-agence-offre-street h2 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
    }

    .block-agence-offre-street p {
        font-size: 14px;
        line-height: 21px;
        color: #7d7d7d;
        margin: 0 0 20px;
    }

    .block-agence-offre-street .intro {
        color: #00aeef;
    }

    .block-agence-offre-street .share {
        width: 100%;
        border-top: 1px solid #b4b4b4;
        font-weight: 700;
        color: #000;
        padding: 20px 0 0;
    }

        .block-agence-offre-street .share a {
            display: inline-block;
            margin: 16px 4px 0 0;
            text-decoration: none;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .block-agence-offre-street .share a:hover {
                opacity: .6;
            }

    .block-agence-offre-street .prix {
        font-weight: 700;
        font-size: 17px;
        color: #7d7d7d;
        display: inline-block;
        margin: 12px 0 40px;
    }

    .block-agence-offre-street .more {
        position: relative;
        border: 1px solid #00a0df;
        color: #00a0df;
        font-weight: 700;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        display: inline-block;
        line-height: 21px;
        padding: 2px 30px 2px 10px;
        margin: 8px 0 0;
        -webkit-transition: background 300ms, color 300ms;
        -moz-transition: background 300ms, color 300ms;
        -o-transition: background 300ms, color 300ms;
        transition: background 300ms, color 300ms;
        float: right;
    }

        .block-agence-offre-street .more:before, .block-agence-offre-street .more:after {
            position: absolute;
            display: block;
            content: ' ';
            top: 50%;
            width: 8px;
            height: 1px;
            right: 13px;
            background: #00a0df;
            -webkit-transition: background 300ms;
            -moz-transition: background 300ms;
            -o-transition: background 300ms;
            transition: background 300ms;
        }

        .block-agence-offre-street .more:before {
            margin: -3px 0 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .block-agence-offre-street .more:after {
            margin: 2px 0 0;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        .block-agence-offre-street .more:hover {
            color: #fff;
            background: #00a0df;
        }

            .block-agence-offre-street .more:hover:before, .block-agence-offre-street .more:hover:after {
                background: #fff;
            }

    .block-agence-offre-street .circuits {
        position: relative;
        width: 100%;
        background: #f2f2f2;
        margin: 40px 0 0;
        padding: 0 0 20px;
        text-align: center;
    }

        .block-agence-offre-street .circuits h3 {
            text-align: left;
            font-weight: 900;
            font-size: 25px;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            color: #009ee3;
            line-height: 48px;
            padding: 18px 16px;
        }

        .block-agence-offre-street .circuits .item {
            text-align: left;
            position: relative;
            padding: 4px 16px 10px;
            margin: 0 0 6px;
            -webkit-font-smoothing: antialiased;
        }

            .block-agence-offre-street .circuits .item:before {
                display: block;
                content: ' ';
                position: absolute;
                bottom: 0;
                left: 18px;
                right: 18px;
                height: 1px;
                background: #aaa9aa;
            }

            .block-agence-offre-street .circuits .item:after {
                content: ' ';
                display: block;
                clear: both;
            }

            .block-agence-offre-street .circuits .item h4 {
                font-weight: 900;
                color: #e5007d;
                font-size: 16px;
                text-transform: uppercase;
                -webkit-transition: color 300ms;
                -moz-transition: color 300ms;
                -o-transition: color 300ms;
                transition: color 300ms;
            }

                .block-agence-offre-street .circuits .item h4:hover {
                    color: #009ee3;
                }

                .block-agence-offre-street .circuits .item h4 a {
                    color: inherit;
                    text-decoration: none;
                }

            .block-agence-offre-street .circuits .item .prix {
                font-weight: 700;
                font-size: 17px;
                color: #7d7d7d;
                display: block;
                margin: 0;
            }


.galerie-photo {
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0 6px;
    overflow: hidden;
}

    [data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo {
        float: none;
    }

    .galerie-photo:after {
        display: block;
        content: ' ';
        clear: both;
    }

    .galerie-photo img {
        position: relative;
        display: block;
        width: 100%;
        z-index: 2;
    }

        .galerie-photo .full,
        .galerie-photo .third {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .galerie-photo .full {
            position: relative;
            z-index: 1;
            display: block;
            float: left;
            width: 100%;
        }

        .galerie-photo .third {
            position: relative;
            z-index: 1;
            display: block;
            float: left;
            width: 30%;
            margin: 1.5%;
        }

        .galerie-photo .nomarge {
            margin-right: 0;
        }

        .galerie-photo a:hover .hover {
            opacity: 1;
        }

            .galerie-photo a:hover .hover:before {
                width: 40%;
                left: 30%;
            }

            .galerie-photo a:hover .hover:after {
                height: 40%;
                top: 20%;
            }

        .galerie-photo a .hover {
            position: absolute;
            z-index: 3;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(255, 255, 255, .2);
            opacity: 0;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
        }

            .galerie-photo a .hover:before,
            .galerie-photo a .hover:after {
                content: ' ';
                display: block;
                position: absolute;
                background: #fff;
            }

            .galerie-photo a .hover:before {
                width: 0;
                height: 1px;
                top: 40%;
                left: 50%;
                -webkit-transition: width 300ms, left 300ms;
                -moz-transition: width 300ms, left 300ms;
                -o-transition: width 300ms, left 300ms;
                transition: width 300ms, left 300ms;
            }

            .galerie-photo a .hover:after {
                width: 1px;
                height: 0;
                top: 40%;
                left: 50%;
                -webkit-transition: height 300ms, top 300ms;
                -moz-transition: height 300ms, top 300ms;
                -o-transition: height 300ms, top 300ms;
                transition: height 300ms, top 300ms;
            }

    .galerie-photo .overlay {
        position: absolute;
        z-index: 3;
        background: rgba(25, 28, 29, .65);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-weight: 700;
        font-size: 17px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        padding: 37% 0 0;
        -webkit-font-smoothing: antialiased;
    }

.block-marketing-reference {
    position: relative;
    padding: 60px 0 120px 0;
}

    .block-marketing-reference h1 {
        font-weight: 300;
        font-size: 43px;
        color: #222;
        text-align: center;
        margin: 0 0 30px;
        -webkit-font-smoothing: antialiased;
    }

    .block-marketing-reference .reference {
        position: relative;
        width: 100%;
        overflow: hidden;
        font-style: italic;
        font-size: 17px;
        line-height: 27px;
        color: #606669;
        -webkit-font-smoothing: antialiased;
        text-align: left;
    }

        .block-marketing-reference .reference .center {
            position: relative;
            max-width: 880px;
            margin: 0 auto;
        }

            .block-marketing-reference .reference .center img {
                display: block;
                float: left;
                border: 1px solid #e6e6e6;
                margin: 0 40px 0 20px;
            }

            .block-marketing-reference .reference .center .right {
                display: block;
                float: left;
                width: 700px;
            }

                .block-marketing-reference .reference .center .right span {
                    display: block;
                }

                .block-marketing-reference .reference .center .right .titre {
                    font-weight: 900;
                    font-size: 23px;
                    color: #00aeef;
                    text-transform: uppercase;
                }

                .block-marketing-reference .reference .center .right .soustitre {
                    font-size: 18px;
                    color: #000;
                    text-transform: uppercase;
                }

    .block-marketing-reference .references-pager {
        position: absolute;
        z-index: 900;
        bottom: 50px;
        width: 100%;
        text-align: center;
        line-height: 0;
        -webkit-transition: bottom 200ms;
        -moz-transition: bottom 200ms;
        -o-transition: bottom 200ms;
        transition: bottom 200ms;
    }

        .block-marketing-reference .references-pager > span {
            color: transparent;
            position: relative;
            cursor: pointer;
            display: inline-block;
            width: 20px;
            height: 30px;
            -webkit-transition: width 200ms,height 200ms;
            -moz-transition: width 200ms,height 200ms;
            -o-transition: width 200ms,height 200ms;
            transition: width 200ms,height 200ms;
        }

            .block-marketing-reference .references-pager > span:after {
                display: block;
                content: ' ';
                position: absolute;
                width: 10px;
                height: 10px;
                top: 50%;
                left: 50%;
                margin: -5px 0 0 -5px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-radius: 50%;
                background: #ccd6db;
            }

            .block-marketing-reference .references-pager > span:last-child {
                margin: 0;
            }

            .block-marketing-reference .references-pager > span.cycle-pager-active:after {
                background: #009ee3;
            }

.block-marketing-solutions {
    text-align: center;
}

    .block-marketing-solutions:after {
        clear: both;
        display: block;
        content: ' ';
    }

    .block-marketing-solutions .item {
        position: relative;
        float: left;
        width: 33.33%;
        margin: 0 0 6px;
    }

        .block-marketing-solutions .item:after {
            position: absolute;
            z-index: 10;
            top: 0;
            right: -3px;
            content: ' ';
            display: block;
            width: 6px;
            height: 100%;
            background: #fff;
        }

        .block-marketing-solutions .item:last-child:after {
            display: none;
        }

        .block-marketing-solutions .item h2 {
            font-weight: 900;
            font-size: 23px;
            color: #00aeef;
            background: #313131;
            padding: 14px 0;
        }

        .block-marketing-solutions .item .block {
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-decoration: none;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .block-marketing-solutions .item .block img {
                position: relative;
                z-index: 2;
                display: block;
                width: 100%;
            }

.footer {
    margin-top: 30px;
    position: relative;
}

    .footer .links {
        width: 100%;
        background: #313131;
        -webkit-font-smoothing: antialiased;
    }

        .footer .links:after {
            clear: both;
            display: block;
            content: ' ';
        }

        .footer .links .column {
            width: 20%;
            float: left;
            padding: 25px 10px 32px;
        }

            .footer.footer-street-marketing .links .column {
                width: 45%;
            }

            .footer .links .column.column-footer-form {
                margin: 0 5% 0 0;
                padding-left: 60px;
            }

            .footer .links .column:first-child {
                margin: 0 0 0 15%;
            }

                .footer.footer-street-marketing .links .column:first-child {
                    margin-left: 5%;
                    padding-right: 0;
                    text-align: right;
                }

                .footer.footer-street-marketing .links .column:first-child > div {
                    border-right: 1px solid #fff;
                    padding-right: 60px;
                }

            .footer.footer-street-marketing .links .column ul:not(:last-of-type) {
                margin-bottom: 32px;
            }

            .footer .links .column h2 {
                font-weight: 700;
                font-size: 15px;
                color: #fff;
                margin: 0 0 12px;
                text-transform: uppercase;
                cursor: default;
            }

                .footer.footer-street-marketing .links .column h2 {
                    color: #009ee3;
                }

                .footer .links .column h2 .caret {
                    display: none;
                    width: 11px;
                    height: 11px;
                    background: url('img/caret.png') no-repeat 0 0;
                    background-size: 11px 11px;
                    margin: 0 0 0 5px;
                    -webkit-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    -webkit-transition: -webkit-transform 200ms;
                    -moz-transition: -webkit-transform 200ms;
                    -o-transition: -webkit-transform 200ms;
                    -moz-transition: -webkit-transform 200ms;
                    -o-transition: -webkit-transform 200ms;
                    -moz-transition: transform 200ms, -webkit-transform 200ms;
                    -o-transition: transform 200ms, -webkit-transform 200ms;
                    transition: -webkit-transform 200ms;
                    transition: transform 200ms;
                    transition: transform 200ms, -webkit-transform 200ms;
                }

                .footer .links .column h2.js-open .caret {
                    -webkit-transform: rotate(0);
                    -moz-transform: rotate(0);
                    -ms-transform: rotate(0);
                    -o-transform: rotate(0);
                    transform: rotate(0);
                }

            .footer .links .column li {
                margin: 0 0 4px;
            }

            .footer .links .column a {
                font-size: 13px;
                color: #fff;
                text-decoration: none;
            }

    .footer .engagement {
        width: 100%;
        background: #009ee3;
        -webkit-font-smoothing: antialiased;
        text-align: center;
        padding: 15px 0 20px;
    }

        .footer .engagement img {
            position: absolute;
            top: 5px;
            left: -82px;
        }

        .footer .engagement .center {
            position: relative;
            display: inline-block;
            text-align: left;
            text-decoration: none;
        }

            .footer .engagement .center:hover h2 {
                color: #313131;
            }

            .footer .engagement .center:hover p {
                color: #fff;
            }

            .footer .engagement .center h2 {
                font-weight: 700;
                font-size: 24px;
                color: #fff;
                text-transform: uppercase;
                margin: 0 0 6px;
                -webkit-transition: color 300ms;
                -moz-transition: color 300ms;
                -o-transition: color 300ms;
                transition: color 300ms;
            }

            .footer .engagement .center p {
                font-size: 16px;
                color: #313131;
                -webkit-transition: color 300ms;
                -moz-transition: color 300ms;
                -o-transition: color 300ms;
                transition: color 300ms;
            }

                .footer .engagement .center p strong {
                    font-weight: 700;
                    font-weight: normal;
                }

        .footer .engagement .marketing:hover h2 {
            color: #fff;
        }

        .footer .engagement .marketing h2 {
            font-size: 15px;
            color: #fff;
            text-transform: uppercase;
            border: 1px solid #fff;
            margin: 18px 0 16px;
            padding: 10px;
            -webkit-transition: color 300ms, background 300ms;
            -moz-transition: color 300ms, background 300ms;
            -o-transition: color 300ms, background 300ms;
            transition: color 300ms, background 300ms;
        }

            .footer .engagement .marketing h2 strong {
                font-weight: 700;
            }

            .footer .engagement .marketing h2:hover {
                background: #fff;
                color: #009ee3;
            }

    .footer .copyright {
        width: 100%;
        background: #313131;
        text-align: center;
        color: #828282;
        font-size: 14px;
        padding: 15px 20px 22px;
    }

    .footer .mobile-top {
        cursor: pointer;
        width: 50px;
        height: 50px;
        margin: 20px auto 0;
        display: none;
        background: url('img/arrow.png') no-repeat center center;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        background-size: 35px 35px;
    }


/* ----- PhotoSwipe - Customs ----- */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    box-shadow: none;
}

    .pswp__button:focus,
    .pswp__button:hover {
        opacity: 1;
    }

    .pswp__button:active {
        outline: none;
        opacity: .9;
    }

    .pswp__button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url('img/photoswipe-default-skin.png') 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

.pswp__zoom-wrap {
    transform: none !important;
}

.pswp__img {
    height: auto !important;
    width: auto !important;
    max-width: 85% !important;
    max-height: 100% !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
    visibility: visible;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
        content: '';
        top: 35px;
        background-color: rgba(0, 0, 0, .3);
        height: 30px;
        width: 32px;
        position: absolute;
    }

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    -moz-transition: -webkit-transform .25s;
    -o-transition: -webkit-transform .25s;
    -moz-transition: -webkit-transform .25s;
    -o-transition: -webkit-transform .25s;
    -moz-transition: transform .25s, -webkit-transform .25s;
    -o-transition: transform .25s, -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .pswp__share-tooltip a {
        display: block;
        padding: 8px 12px;
        color: #000;
        text-decoration: none;
        font-size: 14px;
        line-height: 18px;
    }

        .pswp__share-tooltip a:hover {
            text-decoration: none;
            color: #000;
        }

        .pswp__share-tooltip a:first-child {
            border-radius: 2px 2px 0 0;
        }

        .pswp__share-tooltip a:last-child {
            border-radius: 0 0 2px 2px;
        }

.pswp__share-modal--fade-in {
    opacity: 1;
}

    .pswp__share-modal--fade-in .pswp__share-tooltip {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff;
}

    a.pswp__share--facebook:hover:before {
        border-bottom-color: #3e5c9a;
    }

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff;
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d;
}

a.pswp__share--download:hover {
    background: #ddd;
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px;
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

    .pswp__caption small {
        font-size: 11px;
        color: #bbb;
    }

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc;
}

.pswp__caption--empty {
    display: none;
}

.pswp__caption--fake {
    visibility: hidden;
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

    .pswp__preloader--active .pswp__preloader__icn {
        background: url('img/photoswipe-preloader.gif') 0 0 no-repeat;
    }

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        -webkit-animation: clockwise 500ms linear infinite;
        -moz-animation: clockwise 500ms linear infinite;
        -o-animation: clockwise 500ms linear infinite;
        animation: clockwise 500ms linear infinite;
    }

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        -webkit-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
        -moz-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
        -o-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
        animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
    }

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        -moz-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        -o-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

.pswp__ui {
    -webkit-font-smoothing: none;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption, .pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    -moz-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    -o-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, .5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, .3);
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}
/* ----- /PhotoSwipe - Customs ----- */


/* ----- Media Queries ----- */

@media (-webkit-min-device-pixel-ratio: 1.5) {

    .block-arrow div,
    .footer .mobile-top {
        background-image: url('img/arrow@2x.png');
    }

    .block-home-temoignages .testimonial .center p:before {
        background-image: url('img/quote_before@2x.png');
    }

    .block-home-temoignages .testimonial .center p:after {
        background-image: url('img/quote_after@2x.png');
    }

    .block-offres-loisir .offer a:after,
    .block-offres-entreprise .offer a:after,
    .block-offre-entreprise-autre .centered .offer a:after {
        background-image: url('img/arrow_white@2x.png');
    }

    .block-contact .form .select,
    .block-temoignages .form .select,
    .block-agence-offres-street .form .select,
    .block-agence-offres-entreprises .form .select,
    .block-devenez-loueur .columns .column .form .select {
        background-image: url('img/select@2x.png');
    }

    .block-agence-contact .tel {
        background-image: url('img/agence_tel@2x.png');
    }

    .block-agence-contact .address {
        background-image: url('img/agence_addr@2x.png');
    }

    .block-agence-contact .email {
        background-image: url('img/agence_email@2x.png');
    }

    .agency-details-main-w .lagence .points {
        background-image: url('img/agence_pin_small@2x.png');
    }

    .agence-temoignages-w p:before,
    .block-agence-circuits-loisirs .temoignage p:before {
        background-image: url('img/agence_quote@2x.png');
    }

    .footer .links .column h2 .caret {
        background-image: url('img/caret@2x.png');
    }

    .shortcut-tel {
        background-image: url(img/agence_tel_small@2x.png);
    }

    .shortcut-mail {
        background-image: url(img/agence_mail_small@2x.png);
    }

}

@media screen and (max-width: 1220px) {
    .block-agence-offre-street .circuits .item .prix,
    .agency-details-main-w .circuits-loisirs .item .prix,
    .agency-details-main-w .lagence p {
        font-size: 15px;
    }

    .block-actualites .item .more,
    .block-actualites-dernieres .item .more,
    .agency-details-main-w .circuits-loisirs .item .more {
        margin: -3px 0 0;
    }

    .agency-details-main-w .circuits-loisirs h2 {
        font-size: 40px;
        line-height: 38px;
        padding: 20px 16px 16px;
    }

    .agency-details-main-w .circuits-loisirs .tout {
        font-size: 13px;
        line-height: 20px;
        margin: 30px 0;
    }

    .agency-details-main-w .lagence h2 {
        font-size: 40px;
    }

    .agence-temoignages-w h2,
    .agence-carte-cadeau-w h2 {
        font-size: 35px;
        line-height: 20px;
        margin: 0 0 35px;
    }

    .agence-carte-cadeau-w .btn-border-white:active,
    .agence-carte-cadeau-w .btn-border-white:focus,
    .agence-carte-cadeau-w .btn-border-white:visited,
    .agence-carte-cadeau-w .btn-border-white {
        font-size: 15px;
        line-height: 20px;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites h2,
    [data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo h2 {
        font-size: 35px;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service h2 {
        font-size: 30px;
    }

    .agence-promo-w h2 strong {
        font-size: 50px;
        line-height: 54px;
    }

    .agence-promo-w.contact-pro-w p + .btn-border-blue,
    .agence-promo-w.contact-pro-w p + .btn-border-white {
        bottom: auto;
        margin-top: 15px;
        position: relative;
        right: auto;
        transform: none;
    }

    .block-agence-actualites .item .more,
    .block-agence-actualites-dernieres .item .more {
        margin: -3px 0 0;
    }

    .agence-liste-formules h1 {
        font-size: 40px;
        line-height: 38px;
        padding: 20px 16px 16px;
    }

    .agence-liste-formules .item .prix,
    .block-agence-circuit-loisir .circuits .item .prix,
    .block-agence-offres-entreprises .offres .item .prix,
    .block-agence-offre-entreprise .circuits .item .prix,
    .block-agence-offres-street .offres .item .prix {
        font-size: 15px;
    }

    .agence-liste-formules .item .more-sep,
    .block-agence-offres-entreprises .offres .item .more-sep,
    .block-agence-offres-street .offres .item .more-sep {
        display: block;
    }

    .agence-liste-formules .item .more,
    .block-agence-offres-entreprises .offres .item .more,
    .block-agence-offres-street .offres .item .more {
        float: none;
    }

    .block-agence-circuits-loisirs .temoignage h2 {
        font-size: 35px;
        line-height: 20px;
        margin: 0 0 35px;
    }

    .block-agence-circuits-loisirs .offre-speciale h2 {
        font-size: 35px;
    }

    .block-agence-offres-entreprises .offres h1,
    .block-agence-offres-street .offres h1 {
        font-size: 40px;
        line-height: 38px;
        padding: 20px 16px 16px;
    }

}

@media (max-width: 1210px) {

    .block-offres-loisir .column:first-child,
    .block-offres-entreprise .column:first-child {
        padding: 0 10px 0 20px;
    }

    .block-offres-loisir .column:last-child,
    .block-offres-entreprise .column:last-child {
        margin-top: 0;
        padding: 0 20px 0 10px;
    }

    .block-offres-loisir .offer a .overlay:before {
        height: 110px;
    }

    .block-offres-loisir .offer a .overlay {
        font-size: 13px;
        line-height: 16px;
        padding: 14px 0 50px 14px;
    }

        .block-offres-loisir .offer a .overlay strong {
            font-size: 24px;
            margin: 0 0 6px;
        }

    .block-offres-entreprise .offer a .overlay:before {
        height: 110px;
    }

    .block-offres-entreprise .offer a .overlay {
        font-size: 13px;
        line-height: 16px;
        padding: 14px 0 50px 14px;
    }

        .block-offres-entreprise .offer a .overlay strong {
            font-size: 24px;
            margin: 0 0 6px;
        }

    .block-offre-entreprise-autre .centered .offer a .overlay:before {
        height: 110px;
    }

    .block-offre-entreprise-autre .centered .offer a .overlay {
        font-size: 13px;
        line-height: 16px;
        padding: 14px 0 50px 14px;
    }

        .block-offre-entreprise-autre .centered .offer a .overlay strong {
            font-size: 24px;
            margin: 0 0 6px;
        }
}

@media (max-width: 1200px) {
    .block-offre-entreprise {
        padding: 0 30px 30px;
    }

    .block-gyropode-segway .description {
        padding: 0 40px 30px;
    }

    .block-gyropode-segway .list {
        padding: 0 40px 20px;
    }

        .block-gyropode-segway .list h2 {
            font-size: 13px;
            padding: 12px 16px 28px;
        }

            .block-gyropode-segway .list h2 strong {
                font-size: 50px;
                line-height: 60px;
            }

        .block-gyropode-segway .list .technique .brochure {
            width: 160px;
        }

        .block-gyropode-segway .list .technique table {
            font-size: 14px;
            line-height: 18px;
        }

    .block-trouver-agence-list {
        padding: 50px 60px 10px;
    }

        .block-trouver-agence-list .item img {
            width: 350px;
        }

        .block-trouver-agence-list .item .info a {
            font-size: 16px;
            margin: 20px 0 0;
            padding: 14px 50px 14px 14px;
        }

    .block-devenez-loueur .points .items .item {
        width: 160px;
        height: 160px;
        margin: 0 30px 10px 0;
    }

        .block-devenez-loueur .points .items .item:after {
            width: 160px;
            height: 150px;
        }

        .block-devenez-loueur .points .items .item .circle strong {
            font-size: 40px;
        }

        .block-devenez-loueur .points .items .item .circle p {
            font-size: 13px;
            line-height: 16px;
        }

    .block-devenez-loueur .columns .column div.form .field,
    .block-acheter-gyropode div.form .field,
    .block-contact .columns .column div.form .field {
        width: 100%;
    }

        .block-devenez-loueur .columns .column div.form .field.left,
        .block-acheter-gyropode div.form .field.left,
        .block-contact .columns .column div.form .field.left {
            margin-right: 0;
        }

    .block-devenez-loueur .columns .column div.form label {
        margin: 0 0 8px;
    }

}

@media (max-width: 1150px) {

    .block-nos-partenaires .item .overlay {
        padding: 32px 20px 20px;
    }

        .block-nos-partenaires .item .overlay h2 {
            font-size: 20px;
            margin: 0 0 8px;
        }

        .block-nos-partenaires .item .overlay p {
            font-size: 13px;
            line-height: 18px;
            margin: 0 0 8px;
        }

        .block-nos-partenaires .item .overlay .lien {
            font-size: 13px;
            line-height: 18px;
        }

    .block-agence-menu ul li {
        margin: 0 10px 0 0;
    }

        .block-agence-menu ul li.home {
            margin: 0 10px 0 15px;
        }

        .block-agence-menu ul li:after {
            padding: 0 0 0 10px;
        }

}

@media (max-width: 1060px) {
    .block-reasons h1 {
        font-size: 28px;
        padding: 28px 0 5px;
    }

    .block-reasons h2 {
        font-size: 18px;
        padding: 0 0 20px;
    }

    .block-reasons .items {
        padding: 0 0 30px;
    }

        .block-reasons .items .item {
            width: 160px;
            height: 160px;
            margin: 0 50px 10px 0;
        }

            .block-reasons .items .item:after {
                width: 160px;
                height: 180px;
            }

            .block-reasons .items .item .circle img {
                height: 30px;
            }

            .block-reasons .items .item .circle h3 {
                font-size: 16px;
            }

            .block-reasons .items .item .circle p {
                font-size: 12px;
            }
}

@media (max-width: 1050px) {

    .dnn-colpanes-w {
        padding: 0 35px;
    }

    .block-header .overlay {
        font-size: 17px;
        line-height: 22px;
        padding: 10px 40px 0 10px;
    }

        .block-header .overlay strong {
            font-size: 45px;
            line-height: 55px;
        }

        .block-header .overlay:before {
            top: -40px;
        }

    .block-home-offres .left,
    .block-home-offres .right {
        height: 350px;
    }


        .block-home-offres .left:hover .overlay,
        .block-home-offres .right:hover .overlay {
            height: 170px;
        }

        .block-home-offres .left .overlay,
        .block-home-offres .right .overlay {
            height: 150px;
        }

            .block-home-offres .left .overlay span {
                font-size: 26px;
            }

            .block-home-offres .right .overlay span {
                font-size: 26px;
                line-height: 26px;
                padding: 0 35px 0 0;
            }

                .block-home-offres .right .overlay span strong {
                    font-size: 40px;
                }

    .block-home-streetmarketing:hover .overlay {
        bottom: 28%;
    }

    .block-home-streetmarketing .overlay {
        font-size: 24px;
        bottom: 25%;
        padding: 0 30px 0 10px;
    }

        .block-home-streetmarketing .overlay strong {
            font-size: 41px;
            line-height: 38px;
        }

    .block-offre-entreprise-autre .centered {
        padding: 0 30px 30px;
    }

    .block-trouver-agence-map .overlay {
        padding: 0 40px 0 10px;
    }

        .block-trouver-agence-map .overlay strong {
            font-size: 45px;
            line-height: 55px;
        }

        .block-trouver-agence-map .overlay .form input[type=text] {
            width: 250px;
            height: 45px;
            line-height: 35px;
            font-size: 20px;
            text-indent: 20px;
        }

        .block-trouver-agence-map .overlay .form .submit {
            height: 45px;
            line-height: 45px;
            font-size: 14px;
        }

    .block-trouver-agence-message {
        padding: 80px 0 30px;
        font-size: 21px;
        line-height: 29px;
    }

    .block-devenez-loueur .points h2 {
        font-size: 27px;
        margin: 0 0 30px;
    }

    .block-devenez-loueur .points .items {
        font-size: 27px;
        padding: 0 0 20px;
    }

        .block-devenez-loueur .points .items br {
            display: block;
        }

    .block-devenez-loueur .columns {
        padding: 35px 40px;
    }

        .block-devenez-loueur .columns .column h2 {
            font-size: 35px;
            line-height: 34px;
        }

            .block-devenez-loueur .columns .column h2.form {
                font-size: 22px;
                margin: 0 0 30px;
            }

                .block-devenez-loueur .columns .column h2.form strong {
                    font-size: 36px;
                    line-height: 22px;
                }

        .block-devenez-loueur .columns .column img {
            margin: 0 0 35px;
        }

    .block-acheter-gyropode {
        padding: 35px 40px;
    }

        .block-acheter-gyropode h2 {
            font-size: 22px;
            margin: 0 0 30px;
        }

            .block-acheter-gyropode h2 strong {
                font-size: 36px;
                line-height: 22px;
            }

        .block-acheter-gyropode .form .checkboxes.sep {
            margin: 0 0 20px;
        }

        .block-acheter-gyropode .form .checkboxes .checkboxes-title {
            margin: 0 0 10px;
        }

        .block-acheter-gyropode .form .checkboxes .checkbox-w {
            display: block;
            margin: 0 0 10px;
        }

    .block-contact .columns {
        padding: 35px 40px;
    }

        .block-contact .columns .column h2 {
            font-size: 35px;
            line-height: 34px;
        }

            .block-contact .columns .column h2.form {
                font-size: 22px;
                margin: 0 0 30px;
            }

                .block-contact .columns .column h2.form strong {
                    font-size: 36px;
                    line-height: 22px;
                }

        .block-contact .columns .column img {
            margin: 0 0 35px;
        }

    .block-actualites,
    .block-actualite,
    .block-actualites-dernieres .centered {
        padding: 0 30px 30px;
    }

        .block-actualites h1,
        .block-actualite h1 {
            font-size: 40px;
        }

    .block-actualites .item,
    .block-actualites-dernieres .item {
        width: 30%;
        margin: 0 3.2% 30px 0;
    }

    .block-espace-agence .login img {
        opacity: .3;
    }

    .block-agence-header .overlay {
        top: 35px;
        font-size: 17px;
    }

        .block-agence-header .overlay strong {
            font-size: 45px;
            line-height: 55px;
        }

    .agence-temoignages-w,
    .agence-carte-cadeau-w {
        width: 100%;
        padding: 28px 18px 16px;
        height: auto;
    }

    .agence-temoignages-w h2 {
        margin: 0 0 25px;
    }

    .agence-carte-cadeau-w h2 {
        margin: 0 0 10px;
    }

    .agence-carte-cadeau-w .btn-border-white:active,
    .agence-carte-cadeau-w .btn-border-white:focus,
    .agence-carte-cadeau-w .btn-border-white:visited,
    .agence-carte-cadeau-w .btn-border-white {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 15px 0 0;
    }

    .agence-youtube-w iframe {
        height: 350px;
    }

    .agence-promo-w,
    [data-layout-placeholder="agence-principal-offres-responsable"] .equipe {
        height: 340px;
    }

    .block-agence-actualites,
    .block-agence-actualite ,
    .block-agence-actualites-dernieres .centered {
        padding: 0 30px 30px;
    }

        .block-agence-actualites h1,
        .block-agence-actualite h1 {
            font-size: 40px;
        }

    .block-agence-actualites .item,
    .block-agence-actualites-dernieres .item {
        width: 30%;
        margin: 0 3.2% 30px 0;
    }

    .block-agence-circuits-loisirs,
    .block-agence-circuit-loisir,
    .block-agence-offres-entreprises,
    .block-agence-offre-entreprise,
    .block-agence-offres-street,
    .block-agence-offre-street {
        padding: 30px;
    }

        .block-agence-circuits-loisirs .column,
        .block-agence-offres-entreprises .column,
        .block-agence-offres-street .column {
            width: 48%;
        }

            .block-agence-circuits-loisirs .column:last-child,
            .block-agence-offres-entreprises .column:last-child,
            .block-agence-offres-street .column:last-child {
                margin-left: 4%;
            }

        .block-agence-circuits-loisirs .temoignage {
            padding: 48px 28px;
        }

            .block-agence-circuits-loisirs .temoignage h2 {
                margin: 0 0 25px;
            }

}

@media (max-width: 1000px) {

    .footer .links .column {
        width: 23%;
    }

        .footer .links .column:first-child {
            margin: 0 0 0 8%;
        }

        .footer .links .column:last-child {
            margin: 0;
        }

    .block-gyropode-segway .list .technique .brochure {
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 15px 0 0;
    }

        .block-gyropode-segway .list .technique .brochure br {
            display: none;
        }

}

@media (max-width: 950px) {

    .dnn-colpanes-w {
        position: relative;
        padding: 0 20px;
    }

    .block-marketing-reference .reference {
        text-align: center;
    }

        .block-marketing-reference .reference .center {
            width: 90%;
        }

            .block-marketing-reference .reference .center img {
                margin: 0 auto 20px;
                float: none;
            }

            .block-marketing-reference .reference .center .right {
                width: 100%;
            }

    .block-marketing-reference .references-pager {
        bottom: 30px;
    }

    .block-marketing-solutions .item h2 {
        font-size: 16px;
    }

    .block-offres-loisir .offer a .overlay br,
    .block-offres-entreprise .offer a .overlay br {
        display: inline-block;
    }

    .block-offres-loisir .offer a .overlay strong,
    .block-offres-entreprise .offer a .overlay strong {
        font-size: 22px;
    }

    .block-offre-entreprise h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .block-fulltext p,
    .block-offre-entreprise {
        font-size: 15px;
        line-height: 22px;
    }

        .block-offre-entreprise .more {
            font-size: 16px;
            line-height: 19px;
        }

    .block-offre-entreprise .third .overlay {
        font-size: 15px;
        line-height: 18px;
    }

    .block-offre-entreprise-autre .centered .offer a .overlay br {
        display: inline-block;
    }

    .block-offre-entreprise-autre .centered .offer a .overlay strong {
        font-size: 22px;
    }

    .block-gyropode-segway .description {
        padding: 0 30px 30px;
    }

        .block-gyropode-segway .description p {
            font-size: 15px;
            line-height: 22px;
        }

    .block-gyropode-segway .list {
        padding: 0 30px 20px;
    }

        .block-gyropode-segway .list h2 br {
            display: block;
        }

        .block-gyropode-segway .list h2 strong {
            font-size: 40px;
            line-height: 50px;
        }

        .block-gyropode-segway .list .technique p {
            font-size: 15px;
            line-height: 19px;
        }

        .block-gyropode-segway .list .technique h3 {
            font-size: 24px;
        }

    .block-gyropode-segway .faq {
        padding: 0 64px 30px;
    }

        .block-gyropode-segway .faq h2 {
            font-size: 50px;
            padding: 26px 0 32px;
        }

        .block-gyropode-segway .faq .line .item h3 {
            font-size: 26px;
            line-height: 26px;
        }

        .block-gyropode-segway .faq .line .item p {
            font-size: 15px;
            line-height: 22px;
        }

    .block-mentions-legales .column:first-child,
    .block-mentions-legales .column:last-child,
    .block-qui-sommes-nous .column:first-child,
    .block-qui-sommes-nous .column:last-child {
        padding: 0 20px;
    }

    .block-agence-contact .column:last-child {
        padding: 0 0 0 350px;
    }

    .block-mentions-legales h2 {
        font-size: 24px;
    }

    .block-presse {
        margin-bottom: 40px;
    }

        .block-presse h1 {
            font-size: 30px;
        }

        .block-presse p {
            font-size: 18px;
        }

    .block-nos-partenaires .item {
        width: 46.25%;
        margin: 0 2.5% 30px 0;
    }

        .block-nos-partenaires .item .overlay h2 {
            font-size: 20px;
            margin: 0 0 8px;
        }

    .block-qui-sommes-nous h2 {
        font-size: 35px;
        line-height: 37px;
    }

    .block-actualites .item .more,
    .block-actualites-dernieres .item .more {
        float: none;
        margin: 10px 0 0;
    }

    .block-espace-agence h2 {
        font-size: 30px;
        line-height: 32px;
        margin: 0 0 5px;
    }

    .block-agence-header {
        height: 550px;
    }

    .block-agence-contact .fields input[type=text].left {
        margin-right: 0;
    }

    .block-agence-contact .fields input[type=text] {
        width: 100%;
        height: 32px;
    }

    .block-agence-contact .textarea textarea {
        height: 110px;
    }

    .block-agence-contact .message {
        bottom: -14px;
    }

    .block-agence-menu .social {
        top: -525px;
    }

    .separator:after {
        display: none;
    }

    .agency-details-main-w .circuits-loisirs h2 {
        font-size: 35px;
        line-height: 34px;
        padding: 20px 16px 6px;
    }

    .agency-details-main-w .circuits-loisirs .item .prix {
        display: block;
    }

    .agency-details-main-w .circuits-loisirs .item .more {
        float: none;
        margin: 10px 0 0;
    }

    .agency-details-main-w .lagence h2 {
        font-size: 35px;
    }

    .agency-details-main-w .lagence p {
        margin: 10px 0;
    }

    .agency-details-main-w .lagence .more {
        margin: 20px 0 0;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .info p {
        margin: 0 0 30px;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service h2 {
        font-size: 24px;
    }

    .agence-promo-w {
        width: 100%;
        height: auto;
    }

        .agence-promo-w h2 {
            margin: 0 0 15px;
        }

            .agence-promo-w h2 br {
                display: none;
            }

            .agence-promo-w h2 strong {
                font-size: 35px;
                line-height: 40px;
            }

        .agence-promo-w p + .btn-border-white {
            bottom: auto;
            position: relative;
        }

    [data-layout-placeholder="agence-principal-offres-responsable"] .equipe {
        width: 100%;
        height: auto;
    }

        [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .illus {
            position: absolute;
            top: 0;
            left: 0;
            width: 35%;
            height: 100%;
        }

            [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .illus img {
                display: none;
            }

        [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .caption {
            padding: 20px 60px 30px 38%;
        }

    .block-agence-actualites .item .more,
    .block-agence-actualites-dernieres .item .more {
        float: none;
        margin: 10px 0 0;
    }

    .agence-liste-formules h1,
    .block-agence-offres-entreprises .offres h1,
    .block-agence-offres-street .offres h1 {
        font-size: 35px;
        line-height: 34px;
        padding: 20px 16px 6px;
    }
}

@media (max-width: 850px) {

    .dnn-colpanes-w .left,
    .dnn-colpanes-w .right {
        width: 50%;
    }

    .column,
    .columns .column,
    .block-actualite .column,
    .block-agence-actualite .column,
    .block-agence-circuits-loisirs .column,
    .block-agence-circuit-loisir .column,
    .block-agence-offres-entreprises .column,
    .block-agence-offre-entreprise .column,
    .block-agence-offres-street .column,
    .block-agence-offre-street .column {
        float: none;
        width: 100%;
    }

        .column:first-child,
        .column:last-child {
            padding: 0;
        }

        .column:last-child {
            margin: 30px 0 0;
        }

    .header .nav .nav-item.desktop {
        display: none;
    }

    .header .nav .nav-item.nav-mobile-button {
        display: inline-block;
    }

    .header .nav-mobile {
        display: block;
    }

    .block-headervideo {
        height: 450px;
    }

        .block-headervideo h1 .reasons {
            display: none;
        }

        .block-headervideo .search {
            width: 320px;
            margin: 0 0 0 -160px;
        }

            .block-headervideo .search input[type=text] {
                width: 200px;
                height: 40px;
                font-size: 14px;
                margin: 40px 10px 15px;
            }

            .block-headervideo .search .submit {
                width: 90px;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
                margin: 40px 0 15px;
            }

    .block-header-marketing,
    .block-header {
        height: 450px;
    }

        .block-header-marketing h1 .contact {
            display: none;
        }

        .block-header .overlay {
            font-size: 15px;
            line-height: 20px;
            padding: 10px 30px 0 10px;
        }

            .block-header .overlay:before {
                top: -35px;
            }

            .block-header .overlay strong {
                font-size: 40px;
                line-height: 50px;
            }

    .block-arrow {
        height: 100px;
    }

    .block-reasons {
        display: none;
    }

    .block-ctas .cta a span {
        font-size: 20px;
        line-height: 25px;
    }

    .block-home-offres .left {
        height: 250px;
    }

        .block-home-offres .left:hover .overlay {
            height: 140px;
        }

        .block-home-offres .left .overlay {
            height: 130px;
        }

            .block-home-offres .left .overlay span {
                font-size: 20px;
            }

    .block-home-offres .right {
        height: 250px;
    }

        .block-home-offres .right:hover .overlay {
            height: 140px;
        }

        .block-home-offres .right .overlay {
            height: 130px;
        }

            .block-home-offres .right .overlay span {
                font-size: 20px;
                line-height: 20px;
                padding: 0 35px 0 0;
            }

                .block-home-offres .right .overlay span strong {
                    font-size: 30px;
                }

    .block-home-streetmarketing:hover .overlay {
        bottom: 28%;
    }

    .block-home-streetmarketing .overlay {
        font-size: 20px;
        bottom: 25%;
    }

        .block-home-streetmarketing .overlay:before {
            top: -35px;
        }

        .block-home-streetmarketing .overlay strong {
            font-size: 35px;
            line-height: 32px;
        }

    .block-home-numbers {
        padding: 20px 0 50px;
    }

        .block-home-numbers .number {
            font-size: 14px;
        }

            .block-home-numbers .number strong {
                font-size: 30px;
            }

    .block-home-temoignages h1 {
        font-size: 38px;
        margin: 0 0 15px;
    }

    .block-map {
        height: 400px;
    }

        .block-map .background {
            opacity: .4;
        }

        .block-map .overlay {
            top: 120px;
            left: 35px;
        }

            .block-map .overlay h2 {
                font-size: 35px;
                line-height: 35px;
            }

            .block-map .overlay input[type=text] {
                width: 200px;
            }

    .block-fulltext {
        margin-top: 30px;
    }

    .block-offres-loisir .offer a .overlay strong,
    .block-offres-entreprise .offer a .overlay strong {
        font-size: 20px;
    }

    .block-offre-entreprise-autre .centered {
        padding: 0 20px 20px;
    }

        .block-offre-entreprise-autre .centered h1 {
            padding: 20px 0;
        }

        .block-offre-entreprise-autre .centered .offer a .overlay strong {
            font-size: 20px;
        }

    .agency-details-main-w > h1 {
        padding: 30px 30px 0 30px;
    }

    .block-temoignages {
        padding: 0 30px 20px;
    }

        .block-temoignages .form h2 {
            font-size: 35px;
        }

        .block-temoignages .form .submit {
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            padding: 0 40px;
        }

    .block-trouver-agence-map .map {
        height: 500px;
    }

    .block-trouver-agence-map .overlay {
        display: block;
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        padding: 20px;
        background: #e5007d;
    }

        .block-trouver-agence-map .overlay:before {
            display: none;
        }

        .block-trouver-agence-map .overlay strong {
            font-size: 40px;
            line-height: 50px;
        }

        .block-trouver-agence-map .overlay .form input[type=text] {
            width: 200px;
            height: 40px;
            line-height: 30px;
            font-size: 17px;
            text-indent: 18px;
        }

        .block-trouver-agence-map .overlay .form .submit {
            height: 40px;
            line-height: 40px;
            font-size: 13px;
        }

    .block-trouver-agence-message {
        padding: 60px 0 20px;
        font-size: 18px;
        line-height: 26px;
    }

    .block-trouver-agence-list {
        padding: 30px 50px 10px;
    }

        .block-trouver-agence-list .item img {
            width: 300px;
        }

        .block-trouver-agence-list .item .info h2 {
            font-size: 24px;
            line-height: 24px;
        }

        .block-trouver-agence-list .item .info a {
            font-size: 14px;
            margin: 14px 0 0;
            padding: 12px 46px 12px 12px;
        }

    .block-devenez-loueur .columns {
        padding: 25px 30px 35px;
    }

        .block-devenez-loueur .columns .column h2 {
            font-size: 30px;
            line-height: 29px;
        }

            .block-devenez-loueur .columns .column h2.form {
                font-size: 18px;
                margin: 0 0 20px;
            }

                .block-devenez-loueur .columns .column h2.form strong {
                    font-size: 32px;
                    line-height: 18px;
                }

        .block-devenez-loueur .columns .column .form textarea {
            margin: 8px 0 0;
        }

        .block-devenez-loueur .columns .column .form .submit {
            font-size: 16px;
            padding: 0 30px;
            height: 40px;
            line-height: 40px;
        }

    .block-acheter-gyropode {
        margin: 0 -15px;
        padding: 25px 30px 35px;
    }

        .block-acheter-gyropode h2 {
            font-size: 18px;
            margin: 0 0 20px;
        }

            .block-acheter-gyropode h2 strong {
                font-size: 32px;
                line-height: 18px;
            }

        .block-acheter-gyropode .form textarea {
            margin: 8px 0 0;
        }

        .block-acheter-gyropode .form .submit {
            font-size: 16px;
            padding: 0 30px;
            height: 40px;
            line-height: 40px;
        }

    .block-contact .columns {
        padding: 25px 30px 35px;
    }

        .block-contact .columns .column h2 {
            font-size: 30px;
            line-height: 29px;
        }

            .block-contact .columns .column h2.form {
                font-size: 18px;
                margin: 0 0 20px;
            }

                .block-contact .columns .column h2.form strong {
                    font-size: 32px;
                    line-height: 18px;
                }

        .block-contact .columns .column div.form textarea {
            margin: 8px 0 0;
        }

        .block-contact .columns .column div.form .submit {
            font-size: 16px;
            padding: 0 30px;
            height: 40px;
            line-height: 40px;
        }

    .block-qui-sommes-nous h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .block-offres-emploi {
        padding: 0 20px 30px;
    }

        .block-offres-emploi .column:first-child,
        .block-offres-emploi .column:last-child {
            padding: 0;
        }

    .block-offres-emploi .column,
    .block-actualite .column {
        width: 100%;
    }

    .block-actualite .column:last-child {
        margin-left: 0;
        margin-top: 30px;
    }

    .block-actualites {
        padding: 0 20px 20px;
    }

        .block-actualites h1 {
            font-size: 35px;
            padding: 20px 0 15px;
        }

        .block-actualites .item {
            width: 31%;
            margin: 0 2.2% 30px 0;
        }

    .block-actualite {
        padding: 0 20px 20px;
    }

        .block-actualite h1 {
            font-size: 35px;
            padding: 20px 0 15px;
        }

    .block-actualites-dernieres .centered {
        padding: 0 20px 20px;
    }

    .block-actualites-dernieres h1 {
        padding: 20px 0 15px;
    }

    .block-actualites-dernieres .item {
        width: 31%;
        margin: 0 2.2% 30px 0;
    }

    .block-agence-header {
        height: 450px;
    }

        .block-agence-header .overlay {
            top: 30px;
            font-size: 15px;
        }

            .block-agence-header .overlay strong {
                font-size: 40px;
                line-height: 50px;
            }

            .block-agence-header .overlay a {
                font-size: 15px;
            }

    .block-agence-contact .close {
        width: 32px;
        height: 32px;
    }

        .block-agence-contact .close:before, .block-agence-contact .close:after {
            width: 26px;
            top: 15px;
            left: 2px;
        }

    .block-agence-contact .centered {
        padding: 30px 20px;
    }

        .block-agence-contact .centered:before {
            display: none;
        }

    .block-agence-contact .column:first-child {
        width: 100%;
        padding: 0;
        position: relative;
        margin: 0 0 40px;
    }

    .block-agence-contact .column:last-child {
        float: none;
        padding: 0;
    }

    .block-agence-contact .tel {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 26px;
        padding: 0 0 0 35px;
    }

    .block-agence-contact .address,
    .block-agence-contact .email {
        padding: 0 0 0 35px;
    }

    .block-agence-contact h2 {
        font-size: 28px;
    }

    .block-agence-contact .fields input[type=text].left {
        margin-right: 3%;
    }

    .block-agence-contact .fields input[type=text] {
        width: 48.5%;
        height: 36px;
    }

    .block-agence-contact .textarea textarea {
        height: 86px;
    }

    .block-agence-contact .message {
        bottom: 12px;
    }

    .block-agence-map .close {
        width: 32px;
        height: 32px;
    }

        .block-agence-map .close:before, .block-agence-map .close:after {
            width: 26px;
            top: 15px;
            left: 2px;
        }

    .block-agence-menu ul li {
        margin: 0 6px 0 0;
    }

        .block-agence-menu ul li.home {
            margin: 0 10px 0 5px;
        }

        .block-agence-menu ul li:after {
            padding: 0 0 0 8px;
        }

    .block-agence-menu .social {
        top: -430px;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service h2 {
        position: relative;
        bottom: auto;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service p {
        position: relative;
        top: auto;
        margin: 0;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service img {
        display: none;
    }

    [data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo h2 {
        font-size: 30px;
    }

        [data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo h2 span {
            padding: 10px 20px;
        }

    .agence-promo-w {
        padding: 12px 18px 16px;
    }

    .agence-youtube-w iframe {
        height: 260px;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites h2 {
        font-size: 30px;
        margin: 0 0 35px;
    }

        [data-layout-placeholder="agence-principal-actualites"] .actualites h2 span {
            padding: 10px 20px;
        }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .info {
        width: 100%;
    }

        [data-layout-placeholder="agence-principal-actualites"] .actualites .info .date {
            margin: 0 0 10px;
        }

        [data-layout-placeholder="agence-principal-actualites"] .actualites .info p {
            margin: 0 0 15px;
        }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .illus {
        display: none;
    }

    [data-layout-placeholder="agence-principal-liens-pros"] .service {
        width: 100%;
        padding: 30px 0;
    }

    .agence-promo-w h2 strong {
        font-size: 30px;
        line-height: 35px;
    }

    [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .caption {
        background-size: 21px 17px;
        padding: 20px 30px 30px 38%;
    }

        [data-layout-placeholder="agence-principal-offres-responsable"] .equipe .caption h2 {
            font-size: 24px;
        }

    .block-agence-actualites {
        padding: 0 20px 20px;
    }

        .block-agence-actualites h1 {
            font-size: 35px;
            padding: 20px 0 15px;
        }

        .block-agence-actualites .item {
            width: 31%;
            margin: 0 2.2% 30px 0;
        }

    .block-agence-actualites-dernieres .centered {
        padding: 0 20px 20px;
    }

    .block-agence-actualites-dernieres h1 {
        padding: 20px 0 15px;
    }

    .block-agence-actualites-dernieres .item {
        width: 31%;
        margin: 0 2.2% 30px 0;
    }

    .block-agence-actualite {
        padding: 0 20px 20px;
    }

        .block-agence-actualite h1 {
            font-size: 35px;
            padding: 20px 0 15px;
        }

    .block-agence-circuits-loisirs {
        padding: 20px;
    }

        .agence-liste-formules .item .more-sep,
        .block-agence-circuits-loisirs .picture {
            display: none;
        }

        .block-agence-circuits-loisirs .temoignage {
            padding: 18px 18px 38px;
        }

        .block-agence-circuits-loisirs .offre-speciale {
            padding: 12px 18px 16px;
        }

            .block-agence-circuits-loisirs .offre-speciale h2 {
                font-size: 30px;
            }

    .block-agence-circuit-loisir {
        padding: 20px;
    }

        .block-agence-circuit-loisir h1 {
            font-size: 22px;
            margin: 0 0 20px;
        }

        .block-agence-circuit-loisir .prix {
            font-size: 15px;
            margin: 12px 0 20px;
        }

        .block-agence-circuit-loisir .circuits h3 {
            padding: 10px 16px;
        }

        .block-agence-circuit-loisir .circuits .item h4 {
            font-size: 14px;
        }

    .block-agence-offres-entreprises {
        padding: 20px;
    }

        .block-agence-offres-entreprises .offres .item .more-sep,
        .block-agence-offres-entreprises .picture {
            display: none;
        }

        .block-agence-offres-entreprises form {
            margin: 0 0 25px;
        }

            .block-agence-offres-entreprises form h2 {
                font-size: 35px;
            }

            .block-agence-offres-entreprises form input[type=submit] {
                font-size: 16px;
                height: 40px;
                padding: 0 40px;
            }

    .block-agence-offre-entreprise {
        padding: 20px;
    }

        .block-agence-offre-entreprise h1 {
            font-size: 22px;
            margin: 0 0 20px;
        }

        .block-agence-offre-entreprise .prix {
            font-size: 15px;
            margin: 12px 0 20px;
        }

        .block-agence-offre-entreprise .circuits h3 {
            padding: 10px 16px;
        }

        .block-agence-offre-entreprise .circuits .item h4 {
            font-size: 14px;
        }

    .block-agence-offres-street {
        padding: 20px;
    }

        .block-agence-offres-street .offres .item .more-sep,
        .block-agence-offres-street .picture {
            display: none;
        }

        .block-agence-offres-street form {
            margin: 0 0 25px;
        }

            .block-agence-offres-street form h2 {
                font-size: 35px;
            }

            .block-agence-offres-street form input[type=submit] {
                font-size: 16px;
                height: 40px;
                padding: 0 40px;
            }

    .block-agence-offre-street {
        padding: 20px;
    }

        .block-agence-offre-street h1 {
            font-size: 22px;
            margin: 0 0 20px;
        }

        .block-agence-offre-street .prix {
            font-size: 15px;
            margin: 12px 0 20px;
        }

        .block-agence-offre-street .circuits h3 {
            padding: 10px 16px;
        }

        .block-agence-offre-street .circuits .item h4 {
            font-size: 14px;
        }

    .galerie-photo .overlay {
        padding: 39% 0 0;
        font-size: 14px;
        line-height: 18px;
    }

    .block-marketing-reference h1 {
        font-size: 38px;
        margin: 0 0 15px;
    }
}

@media (max-width: 800px) {
    .block-marketing-reference .references-pager > span,
    .block-home-temoignages .testimonials-pager > span {
        width: 50px;
    }

        .block-marketing-reference .references-pager > span:after,
        .block-home-temoignages .testimonials-pager > span:after {
            width: 20px;
            height: 20px;
        }

    .block-map .overlay ul {
        line-height: 26px;
    }

        .block-map .overlay ul li {
            margin: 0 14px 0 0;
        }

    .block-map .overlay a {
        padding: 0 12px 0 0;
    }

    .block-nos-partenaires .item .overlay h2 {
        font-size: 17px;
        margin: 0 0 6px;
    }
}

@media (max-width: 750px) {
    .block-marketing-solutions .item h2 {
        font-size: 12px;
    }

    .block-fulltext p {
        font-size: 13px;
        line-height: 20px;
    }

    .block-offres-loisir {
        padding: 0 20px;
    }

    .block-offres-loisir .column,
    .block-offres-entreprise .column,
    .block-temoignages .two-cols {
        width: 100%;
    }

    .block-offre-entreprise-autre .centered .column {
        width: 100%;
        padding: 0;
    }

    .block-offres-loisir .column:first-child,
    .block-offres-loisir .column:last-child,
    .block-offres-entreprise .column:first-child,
    .block-offres-entreprise .column:last-child,
    .block-offre-entreprise-autre .centered .column:first-child,
    .block-offre-entreprise-autre .centered .column:last-child {
        padding: 0;
    }

        .block-offres-loisir .offer a {
            height: 250px;
        }

            .block-offres-loisir .offer a:hover .overlay:before {
                top: -40px;
            }

            .block-offres-loisir .offer a .overlay:before {
                top: -50px;
            }

            .block-offres-loisir .offer a .overlay br,
            .block-offres-loisir .offer a img {
                display: none;
            }

    .block-offres-entreprise {
        padding: 0 20px;
    }

        .block-offre-entreprise-autre .block-offres-entreprise {
            padding: 0;
        }

        .block-offres-entreprise .offer a {
            height: 250px;
        }

            .block-offres-entreprise .offer a:hover .overlay:before {
                top: -40px;
            }

            .block-offres-entreprise .offer a .overlay:before {
                top: -50px;
            }

            .block-offres-entreprise .offer a .overlay br,
            .block-offres-entreprise .offer a img {
                display: none;
            }

    .block-offre-entreprise h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .block-offre-entreprise {
        width: 100%;
        margin: 0 0 30px;
        font-size: 13px;
        line-height: 20px;
    }

        .block-offre-entreprise .more {
            width: 100%;
            margin: 30px 0 0;
            font-size: 14px;
            line-height: 18px;
        }

    .block-offre-entreprise .right {
        width: 100%;
    }

    .block-offre-entreprise-autre .centered .offer a {
        height: 250px;
    }

        .block-offre-entreprise-autre .centered .offer a:hover .overlay:before {
            top: -40px;
        }

        .block-offre-entreprise-autre .centered .offer a .overlay:before {
            top: -50px;
        }

        .block-offre-entreprise-autre .centered .offer a .overlay br,
        .block-offre-entreprise-autre .centered .offer a img {
            display: none;
        }

    .block-temoignages .two-cols {
        column-count:initial;
    }

    .block-temoignages .two-cols:first-child {
        margin-right: 0;
    }

        .block-temoignages .two-cols .item p ,
        .block-temoignages .two-cols .item .metas {
            font-size: 14px;
            line-height: 21px;
        }

    .block-temoignages .pagination {
        font-size: 14px;
    }

    .block-gyropode-segway .description p {
        font-size: 13px;
        line-height: 20px;
    }

    .block-gyropode-segway .list .technique {
        padding: 24px 0 0;
    }

        .block-gyropode-segway .list .technique p {
            font-size: 13px;
            line-height: 17px;
        }

        .block-gyropode-segway .list .technique h3 {
            font-size: 22px;
        }

    .block-gyropode-segway .faq {
        padding: 0 20px 20px;
    }

        .block-gyropode-segway .faq h2 {
            font-size: 40px;
            padding: 16px 0 22px;
        }

        .block-gyropode-segway .faq .line .item h3 {
            font-size: 22px;
            line-height: 22px;
        }

        .block-gyropode-segway .faq .line .item p {
            font-size: 13px;
            line-height: 20px;
        }

    .block-actualites .item,
    .block-actualites-dernieres .item,
    .block-agence-actualites .item,
    .block-agence-actualites-dernieres .item {
        width: 47.5%;
        margin: 0 2.1% 30px 0;
    }
}

@media (max-width: 700px) {

    .dnn-colpanes-w {
        padding: 0 15px;
    }

        .dnn-colpanes-w .left {
            width: 100%;
            padding: 0;
        }

        .dnn-colpanes-w .right {
            width: 100%;
        }

    .block-marketing-reference {
        padding: 35px 0 112px;
    }

    .footer .links .column {
        width: 100%;
        padding: 0 10px 15px 10px;
        text-align: center;
    }

        .footer .links .column.column-footer-form {
            width: 100%;
            padding: 0 15px;
        }

        .footer .links .column:first-child {
            padding: 20px 10px 15px;
            margin: 0;
        }

            .footer.footer-street-marketing .links .column:first-child {
                margin-left: 0;
                padding-right: 0;
                text-align: center;
                width: 100%;
            }

                .footer.footer-street-marketing .links .column:first-child > div {
                    border: 0;
                    padding-right: 0;
                }

        .footer .links .column:last-child {
            margin: 0;
        }

            .footer.footer-street-marketing .links .column:last-child {
                margin-bottom: 15px;
            }

        .footer .links .column h2 {
            cursor: pointer;
            margin: 0 0 6px;
            text-align: center;
        }

            .footer .links .column h2 .caret {
                display: inline-block;
            }

    .footer .engagement img {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 0 10px;
    }

    .footer .engagement .center {
        text-align: center;
        padding: 0 20px;
    }

    .footer .mobile-top {
        display: block;
    }

    .block-headervideo,
    .block-header-marketing {
        height: 350px;
    }

        .block-headervideo h1,
        .block-header-marketing h1 {
            font-size: 30px;
            line-height: 30px;
        }

    .block-marketing-menu ul {
        display: block;
        float: none;
    }

        .block-marketing-menu ul li {
            display: block;
            float: none;
            text-align: center;
            margin: 0;
            padding: 10px 0;
            border-bottom: 1px solid #ccc;
        }

            .block-marketing-menu ul li:after {
                display: none;
            }

            .block-marketing-menu ul li a {
                display: block;
                text-align: center;
            }

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

    .block-header {
        height: 350px;
    }

        .block-header .overlay {
            font-size: 13px;
            line-height: 18px;
            padding: 10px 20px 0 10px;
        }

            .block-header .overlay:before {
                top: -30px;
            }

            .block-header .overlay strong {
                font-size: 35px;
                line-height: 40px;
            }

    .block-arrow {
        height: 70px;
    }

    .block-ctas .cta {
        width: 50%;
    }

        .block-ctas .cta.last:after {
            display: none;
        }

    .block-home-offres .left {
        width: 100%;
        height: 300px;
        overflow: hidden;
        margin: 0 0 6px;
    }

        .block-home-offres .left:hover .overlay {
            height: auto;
            padding: 50px 0 20px;
        }

        .block-home-offres .left .overlay {
            height: auto;
            padding: 30px 0 25px;
        }

            .block-home-offres .left .overlay span {
                text-align: right;
                padding: 0 20px;
                bottom: 15px;
            }

    .block-home-offres .right {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: 300px;
        margin: 0;
        overflow: hidden;
    }

        .block-home-offres .right:hover .overlay {
            height: auto;
            padding: 40px 0 20px;
        }

        .block-home-offres .right .overlay {
            height: auto;
            padding: 20px 0;
        }

            .block-home-offres .right .overlay span {
                position: relative;
                padding: 0 20px;
                bottom: auto;
            }

                .block-home-offres .right .overlay span strong {
                    font-size: 20px;
                }

    .block-home-streetmarketing {
        height: 300px;
    }

        .block-home-streetmarketing img {
            position: absolute;
            width: auto;
            height: 100%;
        }

        .block-home-streetmarketing:hover .overlay {
            bottom: 11%;
        }

        .block-home-streetmarketing .overlay {
            font-size: 20px;
            bottom: 7%;
        }

            .block-home-streetmarketing .overlay strong {
                font-size: 30px;
                line-height: 27px;
            }

    .block-home-temoignages {
        padding-bottom: 60px;
    }

        .block-home-temoignages .testimonials-pager {
            bottom: 10px;
        }

    .block-map {
        height: auto;
    }

        .block-map .background {
            opacity: .2;
        }

        .block-map .overlay {
            position: relative;
            top: auto;
            left: auto;
            padding: 60px 20px 80px;
        }

            .block-map .overlay input[type=text] {
                width: 160px;
            }

    .block-share {
        height: 180px;
    }

    .block-fulltext {
        margin-top: 20px;
    }

    .block-social h2,
    .block-instagram h2 {
        font-size: 28px;
    }

    .block-instagram .item {
        width: 50%;
    }

        .block-instagram .item.last:after {
            display: none;
        }

    .block-gyropode-segway .description {
        padding: 0 20px 20px;
    }

        .block-gyropode-segway .description .column {
            width: 100%;
            height: 250px;
        }

            .block-gyropode-segway .description .column:first-child {
                margin-right: 0;
                height: auto;
            }

            .block-gyropode-segway.block-street-offre .description .column:first-child {
                margin-bottom: 0;
            }

    .block-gyropode-segway .list {
        padding: 0 20px 20px;
    }

    .block-gyropode-segway .faq .line {
        border-bottom: 0;
    }

        .block-gyropode-segway .faq .line:before {
            display: none;
        }

        .block-gyropode-segway .faq .line:last-child .item:last-child {
            border-bottom: 0;
        }

        .block-gyropode-segway .faq .line .item {
            width: 100%;
            border-bottom: 1px solid #818181;
        }

            .block-gyropode-segway .faq .line .item:first-child {
                margin-right: 0;
                margin-bottom: 20px;
            }

    .block-trouver-agence-map .map {
        height: 450px;
    }

    .block-trouver-agence-map .overlay strong {
        font-size: 35px;
        line-height: 45px;
    }

    .block-trouver-agence-map .overlay .form input[type=text] {
        width: 150px;
        height: 35px;
        line-height: 25px;
        font-size: 14px;
        text-indent: 16px;
    }

    .block-trouver-agence-map .overlay .form .submit {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }

    .block-trouver-agence-message {
        padding: 40px 0 10px;
        font-size: 15px;
        line-height: 23px;
    }

    .block-trouver-agence-list {
        padding: 30px 30px 10px;
    }

        .block-trouver-agence-list .item img {
            display: none;
            width: 250px;
        }

        .block-trouver-agence-list .item .info {
            width: 100%;
        }

            .block-trouver-agence-list .item .info h2 {
                font-size: 20px;
                line-height: 20px;
            }

            .block-trouver-agence-list .item .info h3,
            .block-trouver-agence-list .item .info p {
                font-size: 14px;
                line-height: 19px;
            }

            .block-trouver-agence-list .item .info a {
                font-size: 12px;
                margin: 10px 0 0;
                padding: 10px 42px 10px 10px;
            }

    .block-devenez-loueur .points {
        display: none;
    }

    .block-devenez-loueur .columns .column,
    .block-contact .columns .column,
    .block-qui-sommes-nous .column,
    .block-espace-agence .columns .column {
        width: 100%;
    }

        .block-devenez-loueur .columns .column:first-child,
        .block-contact .columns .column:first-child {
            margin-right: 0;
            margin-bottom: 30px;
        }

        .block-devenez-loueur .columns .column .form .field {
            width: 48.5%;
        }

            .block-devenez-loueur .columns .column .form .field.left {
                margin-right: 3%;
            }

    .block-mentions-legales .column {
        width: 100%;
    }

    .block-acheter-gyropode .form .field {
        width: 48.5%;
    }

        .block-acheter-gyropode .form .field.left {
            margin-right: 3%;
        }

    .block-presse h1 {
        font-size: 25px;
    }

    .block-presse p {
        font-size: 15px;
    }

        .block-contact .columns .column div.form .field {
            width: 48.5%;
        }

            .block-contact .columns .column div.form .field.left {
                margin-right: 3%;
            }

    .block-qui-sommes-nous .column:last-child {
        position: relative;
        right: auto;
        top: auto;
        float: left;
    }

    .block-qui-sommes-nous h2 {
        font-size: 25px;
        line-height: 27px;
    }

    .block-qui-sommes-nous .image {
        height: auto;
    }

        .block-qui-sommes-nous .image img {
            display: block;
            width: 100%;
        }

    .block-espace-agence h2 {
        font-size: 25px;
        line-height: 26px;
        margin: 0 0 10px;
    }

        .block-espace-agence h2 br {
            display: none;
        }

    .block-espace-agence .login {
        padding: 25px 20px 20px;
        margin-bottom: 30px;
    }

    .block-espace-agence .columns .column:first-child {
        padding: 0;
        margin: 0 0 30px;
    }

    .block-espace-agence .columns .column:last-child {
        padding: 0;
    }

    .block-espace-agence .question {
        padding: 20px 20px 40px;
    }

    .block-agence-header {
        height: auto;
    }

        .block-agence-header .overlay {
            top: auto;
            margin-top: 25px;
            font-size: 13px;
            position: relative;
            margin-bottom: 50px;
            display: inline-block;
        }

            .block-agence-header .overlay strong {
                font-size: 35px;
                line-height: 45px;
            }

            .block-agence-header .overlay a {
                font-size: 13px;
            }

    .block-agence-header .action {
        width: 90%;
        position: relative;
        margin-bottom: 30px;
        bottom: auto;
    }

    .block-agence-map,
    .block-agence-map .map {
        height: 450px;
    }

    .block-agence-menu ul li {
        display: block;
        text-align: center;
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }

        .block-agence-menu ul li.home {
            margin: 0;
        }

        .block-agence-menu ul li:after {
            display: none;
        }

        .block-agence-menu ul li a {
            display: block;
            text-align: center;
        }

    .block-agence-menu .social {
        right: 20px;
        top: 12px;
    }

    .agence-temoignages-w,
    .agence-carte-cadeau-w {
        width: 50%;
        height: 300px;
    }

        .agence-temoignages-w h2,
        .agence-carte-cadeau-w h2 {
            font-size: 30px;
        }

    .agence-youtube-w iframe {
        height: 360px;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites h2:before {
        top: -45px;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .info {
        width: 50%;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .illus {
        display: block;
    }

    .galerie-photo .overlay {
        padding: 37% 0 0;
    }

    .block-agence-circuits-loisirs .temoignage h2 {
        font-size: 30px;
    }

}

@media (max-width: 650px) {
    .block-offres-loisir .offer a .overlay br,
    .block-offres-entreprise .offer a .overlay br,
    .block-offre-entreprise-autre .centered .offer a .overlay br {
        display: block;
    }

    .block-nos-partenaires {
        padding: 20px 20px 0;
    }

        .block-nos-partenaires .item {
            width: 100%;
            margin: 0 0 20px;
        }
}

@media (max-width: 620px) {

    /* DETAIL AGENCE - header - Widget BE */
    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-title {
        display: block;
        text-align: center;
        height: auto;
        line-height: normal !important;
        margin-bottom: 5px;
        width: auto;
    }

        #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-title div {
            height: auto;
            line-height: normal !important;
        }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-trip {
        display: block;
        padding: 0 !important;
        width: auto;
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-date {
        float: none;
    }

    #ConstellationWidgetContainerBeAgence div[data-widget-id] .co-widget-search {
        display: block;
        margin-top: 10px;
        width: auto;
    }

    .secure-left {
        display: none;
    }

    .secure-right {
        display: inline-block;
        float: none;
    }

    /* DETAIL AGENCE - header - Chèques / Cartes cadeaux */
    .agence-header-gifts-w .gift-title {
        display: block;
        text-align: center;
    }

    .agence-header-gifts-w .btn-card,
    .agence-header-gifts-w a.btn-card:active,
    .agence-header-gifts-w a.btn-card:focus,
    .agence-header-gifts-w a.btn-card:visited {
        display: block;
        margin-top: 10px;
        float: none;
    }

}

@media (max-width: 600px) {
    .block-home-numbers {
        display: none;
    }

    .block-offre-entreprise {
        padding: 0 20px 30px;
    }

    .block-gyropode-segway .list .column {
        width: 100%;
    }

        .block-gyropode-segway .list .column:first-child {
            margin-right: 0;
            margin-bottom: 20px;
        }

    .block-gyropode-segway .list .model {
        display: block;
        height: 220px;
        overflow: hidden;
    }

        .block-gyropode-segway .list .model img {
            position: absolute;
            left: 0;
            bottom: 0;
        }

    .block-gyropode-segway .list .technique .brochure {
        width: 160px;
        position: absolute;
        bottom: 10px;
        right: 0;
        margin: 0;
    }

    .block-agence-contact .fields input[type=text].left {
        margin-right: 0;
    }

    .block-agence-contact .fields input[type=text] {
        width: 100%;
        height: 32px;
    }

    .block-agence-contact .textarea textarea {
        height: 110px;
    }

    .block-agence-contact .message {
        bottom: -14px;
    }

    .agence-temoignages-w,
    .agence-carte-cadeau-w {
        width: 100%;
        height: auto;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .info {
        width: 100%;
    }

    [data-layout-placeholder="agence-principal-actualites"] .actualites .illus {
        display: none;
    }

    [data-layout-placeholder="agence-principal-galerie-photos"] .galerie-photo .size-4 {
        width: 50%;
    }
}

@media (max-width: 550px) {
    .block-agence-offre-street .circuits .item {
        margin: 0;
        padding-bottom: 5px;
    }

    .block-marketing-solutions .item {
        width: 100%;
    }

        .block-marketing-solutions .item.last:after,
        .block-marketing-solutions .item:after {
            display: none;
        }

        .block-marketing-solutions .item h2 {
            font-size: 20px;
        }

    .block-offres-loisir .offer a .overlay:before {
        display: none;
    }

    .block-offres-loisir .offer a .overlay {
        background: rgba(0, 158, 227, .85);
        padding: 14px;
    }

    .block-offres-loisir .offer a .overlay br,
    .block-offres-entreprise .offer a .overlay:before {
        display: none;
    }

    .block-offres-entreprise .offer a .overlay {
        background: rgba(0, 158 ,227, .85);
        padding: 14px;
    }

        .block-offres-entreprise .offer a .overlay br {
            display: none;
        }

    .block-offre-entreprise-autre .centered h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .block-offre-entreprise-autre .centered .offer a .overlay:before {
        display: none;
    }

    .block-offre-entreprise-autre .centered .offer a .overlay {
        background: rgba(0, 158, 227, .85);
        padding: 14px;
    }

        .block-offre-entreprise-autre .centered .offer a .overlay br {
            display: none;
        }

    .agency-details-main-w > h1 {
        padding: 20px 20px 0 20px;
    }

    .block-temoignages {
        padding: 0 20px;
    }

        .block-temoignages .form {
            padding: 20px 18px 18px;
        }

            .block-temoignages .form input[type=text].left {
                margin-right: 0;
            }

            .block-contact .form .select,
            .block-temoignages .form .select,
            .block-temoignages .form input[type=text] {
                width: 100%;
            }

            .block-temoignages .form textarea {
                margin: 0 0 15px;
            }

    .block-actualite h1,
    .block-actualites-dernieres h1 {
        font-size: 30px;
    }

    .block-actualites-dernieres .item {
        width: 100%;
        margin: 0 0 30px;
    }

        .block-actualites-dernieres .item img {
            display: none;
        }

        .block-actualites-dernieres .item .img-mobile {
            display: block;
        }

    .block-agence-actualites h1 {
        font-size: 30px;
    }

    .block-agence-actualites .item {
        width: 100%;
        margin: 0 0 30px;
    }

        .block-agence-actualites .item img {
            display: none;
        }

        .block-agence-actualites .item .img-mobile {
            display: block;
        }

    .block-agence-actualites-dernieres h1 {
        font-size: 30px;
    }

    .block-agence-actualites-dernieres .item {
        width: 100%;
        margin: 0 0 30px;
    }

        .block-agence-actualites-dernieres .item img {
            display: none;
        }

        .block-agence-actualites-dernieres .item .img-mobile {
            display: block;
        }

    .block-agence-actualite h1 {
        font-size: 30px;
    }

    .agence-liste-formules .item {
        margin: 0;
        padding-bottom: 5px;
    }

        .agence-liste-formules .item .image {
            float: none;
            margin: 0 0 20px;
            width: 100%;
        }

            .agence-liste-formules .item .image img {
                height: 170px;
            }

    .block-agence-offres-entreprises .offres .item {
        margin: 0;
        padding-bottom: 5px;
    }

        .block-agence-offres-entreprises .offres .item .image {
            float: none;
            margin: 0 0 20px;
            width: 100%;
        }

            .block-agence-offres-entreprises .offres .item .image img {
                height: 170px;
            }

    .block-agence-offres-entreprises form {
        padding: 20px 18px 18px;
    }

        .block-agence-offres-entreprises form .message {
            position: relative;
            left: auto;
            bottom: auto;
            margin: 10px 0 0;
        }

    .block-agence-circuit-loisir .circuits .item {
        margin: 0;
        padding-bottom: 5px;
    }

    .block-agence-offres-entreprises form input[type=text].left {
        margin-right: 0;
    }

    .block-agence-offres-entreprises form input[type=text],
    .block-agence-offres-entreprises form .select {
        width: 100%;
    }

    .block-agence-offres-entreprises form textarea {
        margin: 0 0 15px;
    }

    .block-agence-offre-entreprise .circuits .item,
    .block-agence-offres-street .offres .item {
        margin: 0;
        padding-bottom: 5px;
    }

        .block-agence-offres-street .offres .item .image {
            float: none;
            margin: 0 0 20px;
            width: 100%;
        }

            .block-agence-offres-street .offres .item .image img {
                height: 170px;
            }

    .block-agence-offres-street form {
        padding: 20px 18px 18px;
    }

        .block-agence-offres-street form .message {
            position: relative;
            left: auto;
            bottom: auto;
            margin: 10px 0 0;
        }

        .block-agence-offres-street form input[type=text].left {
            margin-right: 0;
        }

        .block-agence-offres-street form input[type=text],
        .block-agence-offres-street form .select {
            width: 100%;
        }

        .block-agence-offres-street form textarea {
            margin: 0 0 15px;
        }

    .block-sm ul li {
        display: block;
        width: 100%;
        margin: 4px 0;
    }

}

@media (max-width: 500px) {
    .block-trouver-agence-list {
        padding: 30px 20px 10px;
    }

    .block-devenez-loueur .columns,
    .block-acheter-gyropode {
        padding: 25px 20px 35px;
    }

    .block-contact .columns .column div.form .field,
    .block-devenez-loueur .columns .column div.form .field,
    .block-acheter-gyropode div.form .field {
        width: 100%;
    }

        .block-contact .columns .column div.form .field.left,
        .block-devenez-loueur .columns .column div.form .field.left,
        .block-acheter-gyropode div.form .field.left {
            margin-right: 0;
        }

    .block-presse img {
        opacity: .3;
    }

    .block-contact .columns {
        padding: 25px 20px 35px;
    }

        .block-contact .columns .column h2,
        .block-devenez-loueur .columns .column h2 {
            font-size: 25px;
            line-height: 24px;
        }


    .block-actualites h1 {
        font-size: 30px;
    }

    .block-actualites .item {
        width: 100%;
        margin: 0 0 30px;
    }

        .block-actualites .item img {
            display: none;
        }

        .block-actualites .item .img-mobile {
            display: block;
        }

    .agence-youtube-w iframe {
        height: 260px;
    }
}

@media (max-width: 480px) {
    .block-gyropode-segway .list .technique .brochure {
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 15px 0 0;
    }
}

@media (max-width: 450px) {

    .block-agence-circuit-loisir .price-from {
        bottom: 10px;
        right: 55%;
        top: auto;
    }

    /* widgets */
    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget #BtnLaunchBooking {
        position: relative;
        border: 1px solid #fff;
        background: transparent;
        border-radius: 0;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        line-height: normal;
        height: 40px;
        padding: 2px 30px 2px 10px;
        -webkit-transition: background 300ms, color 300ms;
        -moz-transition: background 300ms, color 300ms;
        -o-transition: background 300ms, color 300ms;
        transition: background 300ms, color 300ms;
    }

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget.co-widget-vertical > div {
        width: 100%;
    }

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget > div.co-widget-search {
        margin-top: 0;
        width: 50%;
    }

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget > div.co-widget-trip {
        float: none;
        margin-bottom: 10px;
    }

    #ConstellationWidgetContainerBeAgencePrestation div[data-widget-id] .co-widget .co-widget-date {
        float: none;
    }

    .footer .engagement .center h2 {
        font-size: 17px;
    }

    .footer .engagement .marketing h2 {
        font-size: 13px;
    }

    .block-home-temoignages h1,
    .block-marketing-reference h1 {
        font-size: 32px;
    }

    .block-home-temoignages .testimonial {
        font-size: 15px;
        line-height: 25px;
    }

    .block-map .overlay .submit {
        padding: 0 8px;
    }

    .block-ctas .cta,
    .block-instagram .item {
        width: 100%;
    }

        .block-ctas .cta:after,
        .block-instagram .item:after {
            display: none;
        }

        .block-ctas .cta a img {
            max-height: 200px;
        }

    .block-agence-contact .fields {
        width: 100%;
        margin-right: 0;
    }

    .block-agence-contact .textarea {
        width: 100%;
    }

    .block-agence-contact .message {
        position: relative;
        bottom: auto;
        float: left;
        padding: 20px 0 0;
    }

    .galerie-photo a:hover .hover:before {
        width: 20%;
        left: 40%;
    }

}

@media (max-width: 420px) {

    .header .logo {
        width: 150px;
    }

    .header .nav {
        top: 24px;
    }

    .block-agence-contact .tel a.strong {
        font-size: 20px;
    }
}

@media (max-width: 400px) {
    .block-header .overlay {
        font-size: 12px;
        line-height: 17px;
        padding: 0 10px;
    }

        .block-header .overlay strong {
            font-size: 26px;
            line-height: 30px;
        }

    .block-trouver-agence-message {
        padding: 30px 0 10px;
        font-size: 13px;
        line-height: 20px;
    }

    .block-agence-header .overlay {
        font-size: 12px;
    }

        .block-agence-header .overlay strong,
        .block-trouver-agence-map .overlay strong {
            font-size: 26px;
            line-height: 36px;
        }

        .block-agence-header .overlay a {
            font-size: 12px;
        }
}