/*
    Theme Name: La MJC Jacques Prévert
    Description: La MJC Jacques Prévert
    Version: 2.0
    Author: <a href="http://www.babaweb.fr/">BABAWEB</a>
    Author URI: http://www.babaweb.fr/
*/

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Hind:400,300,500,600,700);

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

img {
    vertical-align: middle;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

/*------------------------------------------------
Image
------------------------------------------------*/
.img--contain,
.img--cover {
    position: relative;

    overflow: hidden;
}

.img--contain img,
.img--cover img {
    display: block;
    width: auto;
    height: auto;

    position: absolute;
    top: -10000%;
    left: -10000%;
    bottom: -10000%;
    right: -10000%;

    margin: auto;

    -webkit-transition: -webkit-transform 0.4s ease;

    transition: -webkit-transform 0.4s ease;

    transition: transform 0.4s ease;

    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.img--contain img {
    max-width: 100%;
    max-height: 100%;
}

.img--cover img {
    min-width: 1000%;
    min-height: 1000%;
    -webkit-transform: scale(.1);
    transform: scale(.1);
}

/* BASIC WP STYLES */
.alignleft,
img.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.alignright,
img.alignright {
    display: block;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* GENERAL */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: "hind", sans-serif;
    background: #ffffff;
    font-size: 14px;
    color: #273580;
}

a {
    text-decoration: none;
    color: #273580;
    ;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

hr {
    clear: both;
    margin: 0;
    padding: 0;
    height: 1px;
}

.container section ul {
    list-style: circle;
    padding-left: 20px;
    line-height: 25px;
    color: #273580;
}

.container section ul li a {
    color: #ffffff;
}

.container {
    width: 100%;
    box-sizing: border-box;
    max-width: 1000px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.container.medium {
    max-width: 1500px;
}

.container.large {
    max-width: none;
    padding: 0 50px;
}

.clear {
    clear: both;
}

strong {
    font-weight: 700;
}

i,
em {
    font-style: italic;
}

img {
    height: auto;
}

iframe {
    width: 100%;
}

* {
    max-width: 100%;
}

.owl-stage {
    max-width: none;
}

.upper-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 30px;
    background-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;

    position: relative;
    z-index: 1;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;

    overflow: hidden;
    color: #273580;
}

.upper-header-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.upper-header-item:first-child {
    margin: 0 auto 0 0;
}

.upper-header-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.upper-header-search-input {
    display: block;

    padding: 0 10px;
    border: 0;

    background: transparent;

    color: #273580;
}

.upper-header-search-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;

    border: 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background: transparent;

    color: #273580;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.upper-header-search-submit:hover {
    color: #fff;
}

.upper-header-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    border-left-width: 1px;
    border-left-style: solid;

    padding: 0 10px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #273580;
}

.upper-header-link:hover {
    color: #fff;
}

.upper-header-link.icon-facebook:hover {
    background-color: #3b5999;
}

.upper-header-link.icon-twitter:hover {
    background-color: #55acee;
}

.upper-header-link.icon-instagram:hover {
    background-color: #e4405f;
}

.upper-header-link > i {
    margin: 0 5px 0 0;
}

@media screen and (max-width: 1500px) {
    .upheader ul li.upheader_buyplace {
        display: inline-block;
        background-color: #ffffff;
        left: 0;
        position: absolute;
        margin: 0;
        width: 200px;
        text-align: center;
        text-transform: uppercase;
    }
}

@media screen and (max-width: 1150px) {
    .upheader ul li.upheader_buyplace {
        display: none
    }
}


/* HEADER */
header {
    background: #ffffff;
    width: 100%;
    height: 80px;
    text-transform: uppercase;
    color: #273580;
    font-weight: 700;
    position: relative;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}

header .top_left {
    overflow: hidden;
    height: 100%;
    float: left;
    display: inline-block;
}

header .top_logo {
    float: left;
    width: 200px;
    height: 100%;
}

header .top_logo > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

header .top_logo > a img,
header .kiosque img {
    width: 85px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .kiosque {
    width: 150px;
    height: 100%;
    float: left;
    position: relative;
}

header .kiosque span {
    display: block;
    height: 150px;
    width: 50px;
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: rotateZ(15deg) translateY(-50%);
    transform: rotateZ(15deg) translateY(-50%);
}

header .kiosque img {
    width: 74px;
}

header > nav {
    height: 100%;
    width: calc(100% - 400px);
    float: left;
    font-size: 15px;
}

header > nav.nav-kiosque {
    width: calc(100% - 700px);
}

header > nav > ul {
    height: 100%;
    display: table;
    margin: 0 auto;
}

header > nav > ul > li {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

header > nav > ul > li:before {
    content: " ";
    display: block;
    width: calc(100% - 1px);
    height: 0;
    position: absolute;
    left: 1px;
    top: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

header > nav > ul > li:hover:before,
header > nav > ul > li.active:before {
    height: 60px;
}

header > nav > ul > li:hover a,
header > nav > ul > li.active a {
    color: #ffffff;
}

header > nav > ul > li > a {
    color: #273580;
    display: block;
    height: 80px;
    width: 100%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding-top: 35px;
}

header > nav > ul > li > a > span {
    padding: 2px 15px;
    line-height: 10px;
}

header > .top_right {
    float: right;
    height: 100%;
    width: 200px;
    text-align: left;
    position: relative;
}

header > .top_right > a {
    color: #ffffff;
    padding: 0 25px;
    line-height: 40px;
    display: inline-block;
    height: 40px;
    position: absolute;
    top: 50%;
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

header .btn_toggle {
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    display: none;
    left: 50%;
    top: 0;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

header .btn_toggle span {
    width: 24px;
    height: 2px;
    display: block;
    position: absolute;
    top: 39px;
    left: 28px;
    background: #000000;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

header .btn_toggle span:before {
    content: ' ';
    width: 24px;
    height: 2px;
    display: block;
    position: relative;
    top: -6px;
    background: #000000;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

header .btn_toggle span:after {
    content: ' ';
    width: 24px;
    height: 2px;
    display: block;
    position: relative;
    top: 4px;
    background: #000000;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

header .btn_toggle.active span {
    width: 0;
    left: 31px;
    background: #000000;
}

header .btn_toggle.active span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -8px;
    background: #000000;
}

header .btn_toggle.active span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
    background: #000000;
}


@media screen and (max-width: 1700px) {
    header .top_logo {
        width: 150px;
    }

    header .kiosque {
        width: 100px;
    }

    header .top_right {
        width: 150px;
    }

    header > nav {
        width: calc(100% - 300px);
    }

    header > nav.nav-kiosque {
        width: calc(100% - 400px);
    }

    header > nav > ul > li > a > span {
        padding: 2px 8px;
    }

    header > .top_right > a {
        padding: 0 10px;
        height: 40px;
    }
}

#inter_sites {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 160px;
}

#inter_sites > a {
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 15px;
    position: relative;
    left: 0;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}

#inter_sites:not(.home) > a,
#inter_sites.scrolled > a {
    left: -105px;
}

#inter_sites > a:hover {
    left: 0;
}

#inter_sites > a:not(:last-child) {
    margin-bottom: 2px;
}

@media screen and (max-width: 1250px) {
    #inter_sites {
        display: none;
    }
}

/* FOOTER */
.footerup {
    width: 100%;
    padding: 60px;
    box-sizing: border-box;
    max-width: 1470px;
    margin: 120px auto;
    clear: both;
}

.footerup ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.footerup ul li {
    display: block;
    width: calc(100% / 4);
    text-align: center;
}

.footerup ul li a {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    position: relative;
    display: table;
    margin: auto;
    padding: 5px 0;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}

.footerup ul li a span {
    font-weight: normal;
    text-transform: none;
    font-size: 20px;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}

.footerup ul li a:hover span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.footerup ul li a:before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 0;
    right: 50%;
    height: 1px;
    background-color: #ffffff;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}

.footerup ul li a:hover:before {
    width: 50%;
}

.footerup ul li a:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 0;
    left: 50%;
    height: 1px;
    background-color: #ffffff;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}

.footerup ul li a:hover:after {
    width: 50%;
}

@media screen and (max-width: 1200px) {
    .footerup {
        padding-bottom: 30px;
    }

    .footerup ul li {
        width: calc(100% / 2);
        margin-bottom: 30px;
    }
}

footer {
    border-top: 1px solid #273580;
    width: 100%;
    height: 300px;
}

footer > .col_footer {
    width: calc(100% / 5);
    height: 100%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding: 60px 0;
}

footer > .col_footer > .contenu {
    display: inline-block;
    height: 100%;
    text-align: left;
    position: relative;
}

footer > .col_footer > .contenu > * {
    display: block;
    margin-bottom: 20px;
}

footer > .col_footer > .contenu > h2 {
    color: #273580;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 16px;
}

footer > .col_footer > .contenu > a {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    color: #273580;
}

footer > .col_footer:first-child > .contenu > a:last-child,
footer > .col_footer:nth-child(4) > .contenu > a:last-child {
    position: absolute;
    bottom: 0px;
    margin-bottom: 15px;
}


footer > .col_footer:nth-child(3) {
    color: #fff;
    height: 300px;
    padding: 40px 0;
    /* -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);*/
    position: relative;
    z-index: 100;
}

footer > .col_footer:nth-child(3):before {
    content: ' ';
    display: block;
    position: absolute;
    top: -15px;
    width: 100%;
    height: 15px;
    left: 0;
}

footer > .col_footer:nth-child(3) > .contenu {
    text-align: center;
}

footer > .col_footer:nth-child(3) > .contenu > h2 > img {
    width: 140px;
}

footer > .col_footer:nth-child(4) > .contenu > a,
footer > .col_footer:last-child > .contenu > div > a {
    white-space: nowrap;
}

footer > .col_footer:nth-child(4) > .contenu > a:not(:last-child):hover:before,
footer > .col_footer:last-child > .contenu > div > a:hover:before {
    margin-right: 12px;
}

/*footer > .col_footer:nth-child(4) > .contenu > a::before,
footer > .col_footer:last-child > .contenu > div > a::before {
    font-family: "icons", sans-serif;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    border: 1px solid #273580;
    position: relative;
    top: -4px;
    margin-right: 8px;
    color: #273580;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    transition: 0.2s ease-out;
}*/

/*footer > .col_footer:nth-child(4) > .contenu > a:nth-child(2)::before,
footer > .col_footer:last-child > .contenu > div > a:first-child::before {
    content: "\e801";
}

footer > .col_footer:nth-child(4) > .contenu > a:nth-child(3)::before,
footer > .col_footer:last-child > .contenu > div > a:last-child::before {
    content: "\e802";
}*/

/*footer > .col_footer:nth-child(4) > .contenu > a:last-child::before {
    content: "\e800";
    font-size: 16px;
    line-height: 16px;
}*/

footer > .col_footer:nth-child(4) > .contenu > a:not(:last-child),
footer > .col_footer:last-child > .contenu > div > a {
    text-transform: uppercase;
}

footer > .col_footer:nth-child(4) > .contenu > a:not(:last-child) i,
footer > .col_footer:last-child > .contenu > div > a i {
    height: 20px;
    width: 20px;
    color: #273580;
    border: 1px solid #273580;
    border-radius: 100%;
    font-size: 12px;
    line-height: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    margin-right: 4px;
}

footer > .col_footer:last-child {
    padding: 30px 0;
}

footer > .col_footer:last-child > .contenu {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 20px);
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}

footer > .col_footer:last-child > .contenu > div {
    display: none;
    text-align: left;
}

footer > .col_footer:last-child > .contenu > div > a {
    display: block;
}

footer > .col_footer:last-child > .contenu > div > a:first-child {
    margin-bottom: 20px;
}

footer > .col_footer:last-child > .contenu > a {
    text-transform: uppercase;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    position: relative;
}

/*footer>.col_footer:last-child>.contenu>a:hover { background: #010101;}*/
footer > .col_footer:last-child > .contenu > a > span {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer > .col_footer:last-child > .contenu > a:not(:last-child) {
    margin-bottom: 15px;
}

@media screen and (max-width: 1320px) {
    footer > .col_footer:last-child > .contenu > a {
        font-size: 12px;
    }
}

/* INDEX */
/* slider */
#slider {
    display: block;
    width: 100%;
    position: relative;

    margin: 0 0 50px 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: opacity .5s ease-out;

    transition: opacity .5s ease-out;
    ;
}

#slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

#slider .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

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

    padding: 50px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

#slider .item:before {
    display: block;
    width: 0;
    height: 500px;

    content: '';
}

#slider .slide_content {
    display: block;
    width: 100%;
    max-width: 1300px;

    margin: 150px 0 0 0;
}

#slider h2 {
    display: inline-block;

    padding: 20px 20px 15px 20px;
    margin-bottom: 10px;

    background-color: #273580;

    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

#slider h2 span {
    font-size: 40px;
    font-weight: 300;
}

#slider .date {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;

    font-size: 16px;
    font-weight: 700;
}

#slider .date span,
#slider .date i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    border-width: 1px;
    border-style: solid;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: #fff;
}

#slider .date span {
    padding: 10px 15px;
    margin: 0 2px 0 0;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;
}

#slider .date i {
    width: 1em;
    min-width: 1em;

    padding: 10px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
}

#slider .slide_content span.date + span {
    display: inline-block;
    width: 42px;
    height: 42px;

    border-width: 1px;
    border-style: solid;
    margin-left: 2px;

    background-color: #fff;

    text-align: center;
    line-height: 42px;
    color: #273580;

    vertical-align: middle;
}

#slider .slide_content a {
    color: #fff;
}

#slider .slide_content a:hover span.date + span {
    background-color: #1c1c1c;

    color: #ffffff;
}

/* section#slider { width: 100%; height: 650px; opacity: 0; transition: opacity 0.5s ease-out; margin-bottom: 50px;}
.owl-stage-outer, .owl-stage { height: 100%; width: 100%;}
#slider .owl-stage-outer, #slider .owl-item, #slider .owl-stage, #slider .item { height: 100%; width: 100%;}
#slider .item { position: relative; }
#slider .slide_content { position: absolute; width: 60%; box-sizing: border-box; bottom: 50px; left: 0; z-index: 1; padding-left: 50px; padding-right: 25px;}
#slider .slide_content h2 { font-size: 50px; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; line-height: 40px; background-color: #273580; display: inline-block; padding: 20px 20px 15px 20px; }
#slider .slide_content h2 span { font-weight: 300; font-size: 40px;}


#slider .slide_content span.date { padding: 0 15px; border-width: 1px; border-style: solid; background-color: #fff; font-weight: 700; font-size: 16px; display: inline-block; height: 42px; vertical-align: middle; line-height: 42px;}
#slider .slide_content span.date+span { border-width: 1px; border-style: solid; color: #273580; display: inline-block; height: 42px; width: 42px; margin-left: 2px; text-align: center; vertical-align: middle; line-height: 42px; background: #fff; }
#slider .slide_content a:hover span.date+span { background-color: #1c1c1c; color: #ffffff; } */

#slider .owl-dots {
    position: absolute;
    bottom: 170px;
    left: 50px;
    z-index: 1;
    display: none;
}

#slider .owl-prev, #slider .owl-next {
    position: absolute;
    top: 50%;
    border-radius: 100%;
    border: none;
    background-color: #FFFFFF;
    width: 40px;
    height: 40px;
    display: block;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: #273580;
    cursor: pointer;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    outline: none !important;
}

#slider .owl-prev:hover, #slider .owl-next:hover {
    background-color: #273580;
    color: #FFFFFF;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#slider .owl-prev {
    left: 50px;
}

#slider .owl-next {
    right: 50px;
}

#slider .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid #fff;
    float: left;
}

#slider .owl-dots .owl-dot:not(:first-child) {
    margin-left: 5px;
}

/* agenda culturel */
#agenda {
    position: absolute;
    right: 0;
    top: 110px;
    width: 40%;
    max-width: 580px;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    padding: 40px;
    color: #273580;
    text-align: center;
}

section#agenda h4 {
    position: static;
    float: left;
}

hr {
    position: relative;
    top: 35px;
    border-width: 0;
    border-top-width: 1px;
    margin: 0;
    width: 0;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

#ateliers hr,
#stages hr {
    position: absolute;
    top: 50px;
}

section#agenda ul {
    margin-bottom: 30px;
    text-align: left;
    clear: both;
}

section#agenda ul li {
    width: 100%;
    height: 40px;
    background: #ffffff;
    margin-bottom: 2px;
    line-height: 40px;
    white-space: nowrap;
}

section#agenda ul li a {
    color: #273580;
    display: block;
    padding: 0 25px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

section#agenda ul li a:hover {
    color: #5390C7;
}

section#agenda ul li span:first-child {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    max-width: 50%;
    white-space: nowrap;
}

section#agenda ul li span:last-child {
    font-weight: 700;
    float: right;
    max-width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

section#agenda > a {
    color: #273580;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 0 25px;
}

section#agenda > a:hover {
    color: #ffffff;
    background: #1c1c1c;
}

section#agenda > a > i {
    font-size: 16px;
}

/* Vignettes Index */
body > .container section {
    padding-top: 35px;
    color: #273580;
    position: relative;
    z-index: 10;
    margin-bottom: 35px;
    width: 100%;
}

body > .container section .col_2 {
    display: table-cell;
    width: 50%;
}

body > .container section .col_2:first-of-type {
    padding-right: 20px;
}

body > .container section .col_2:last-child {
    margin-left: 10px;
}

body > .container section p {
    line-height: 25px;
    text-align: justify;
    font-size: 14px;
}

body > .container section p:not(:last-child) {
    margin-bottom: 20px;
}

/*body>.container section a { color: #273580; }*/

.index .titre {
    position: relative;
    left: 0;
    top: -20px;
    margin-bottom: 0;
}

.titre,
#agenda .titre {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    text-align: left;
    padding-right: 20px;
    margin-bottom: 20px;
}

.titre span,
#agenda .titre span {
    font-weight: 300;
}

body > .container section .owl-carousel {
    width: 100%;
}

body > .container section .vignette {
    position: relative;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

body > .container section .vignette:hover {
    background-size: 110%;
}

body > .container section .vignette:before {
    content: ' ';
    display: block;
    padding-top: 65%;
}

body > .container section .vignette > a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-linear-gradient(bottom, rgba(24, 23, 26, 0.9), rgba(24, 23, 26, 0), rgba(24, 23, 26, 0));
    background-image: linear-gradient(to top, rgba(24, 23, 26, 0.9), rgba(24, 23, 26, 0), rgba(24, 23, 26, 0));
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.vignette > a > span {
    position: absolute;
    top: 15px;
    right: 15px;
}

.vignette span > span:not(:last-child) {
    margin-right: 1px;
}

.vignette div {
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 500;
    width: 100%;
    padding: 25px 15px;
    box-sizing: border-box;
    font-size: 15px;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.vignette div span {
    font-weight: normal;
    font-size: 13px;
}

.vignette:hover div {
    padding-bottom: 35px;
}

body > .container section .owl-nav {
    position: absolute;
    right: 0;
    top: -55px;
    padding-left: 15px;
}

body > .container section .owl-nav .owl-prev,
body > .container > section .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    color: #273580;
    text-align: center;
    float: left;
    background: rgba(255, 255, 255, 0.4);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: pointer;
    outline: none;
}

body > .container section .owl-nav .owl-prev:hover,
body > .container > section .owl-nav .owl-next:hover {
    background: #1c1c1c;
    color: #ffffff;
}

body > .container section .owl-nav .owl-prev i,
body > .container section .owl-nav .owl-next i {
    display: block;
    width: 100%;
}

body > .container section .owl-nav .owl-prev i:before,
body > .container section .owl-nav .owl-next i:before {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
}

body > .container section .owl-nav .owl-prev i:before {
    padding: 0 2px 0 0;
}

body > .container section .owl-nav .owl-next i:before {}

body > .container section .owl-nav .owl-prev {
    margin-right: 5px;
}

/* PAGES NO IMG A LA UNE */
.img_no_entete {
    padding: 75px 50px 50px 50px;
    width: 100%;
    position: relative;
    background-color: #ffffff;
    box-sizing: border-box;
}

.img_no_entete h1 {
    text-transform: uppercase;
    color: #273580;
    font-weight: 700;
    font-size: 50px;
}

.img_no_entete a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    top: 20px;
}

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

.img_no_entete .reserve_link a {
    position: initial;
    border: 1px solid #273384;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    padding: 20px 30px;
    margin-top: 20px;
    height: auto;
    line-height: inherit;
}

.img_no_entete .reserve_link a:hover {
    background-color: #273384;
    color: #ffffff;
}

/* PAGES */
.img_entete {
    height: 600px;
    width: 100%;
    position: relative;
    background-position: center center !important;
    background-size: cover !important;
}

.img_entete .container {
    height: 100%;
}

.img_entete .contenu {
    position: absolute;
    bottom: 110px;
    z-index: 1;
    width: calc(100% - 100px);
    text-align: center;
}

.img_entete h1 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 15px;
    display: inline-block;
    padding: 10px 10px 5px 10px;
    background-color: #273580;
    color: #ffffff;
}

.img_entete h2 {
    text-transform: uppercase;
    color: #273580;
    font-weight: 500;
    font-size: 35px;
    margin-bottom: 15px;
}

.img_entete span {
    font-weight: 700;
    line-height: normal;
}

.img_entete span:first-of-type {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #000;
}

.img_entete:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    height: 200px;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.img_entete a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    top: 20px;
}

.img_entete span.note {
    color: #273580;
}

.img_entete span.note,
.img_entete span.note * {
    border: none;
    font-weight: 300;
    white-space: nowrap;
    vertical-align: middle;
}

.img_entete span.note > i {
    font-size: 12px;
}

.img_entete span.note > i:before {
    margin: 0;
}

.img_entete span.note > span {
    padding-left: 10px;
    display: inline-block;
}

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

.img_entete .reserve_link a {
    position: initial;
    border: 1px solid #273384;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    padding: 20px 30px;
    margin-top: 20px;
    height: auto;
    line-height: inherit;
}

.img_entete .reserve_link a:hover {
    background-color: #273384;
    color: #ffffff;
}

/* Ateliers */
body > .container > section#atelierslist {
    width: 66%;
    float: left;
}

body > .container > section#atelierslist .vignette {
    position: relative;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: calc(100% / 4);
    float: left;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}


/* section#atelierslist ul:not(.filter) { margin-bottom: 30px; text-align: left; clear: both; list-style:none; padding-left: 0; }
section#atelierslist ul:not(.filter) li { width: 100%; height: 40px; border-bottom: 1px solid #bdbdbd; line-height: 40px; white-space: nowrap; transition: 0.3s ease-out;}
section#atelierslist ul:not(.filter) li.hidden { height: 0;}
section#atelierslist ul:not(.filter) li a { display: flex; flex-flow: row wrap; padding: 2px 25px 0 25px; box-sizing: border-box; width: 100%; height: 100%; color: #273580; }
section#atelierslist ul:not(.filter) li a>* { text-overflow: ellipsis; overflow: hidden; flex: auto; }
section#atelierslist ul:not(.filter) li:hover a { color: #ffffff; }
section#atelierslist ul:not(.filter) li span:first-child { font-weight: bold; text-transform: uppercase; }
section#atelierslist ul:not(.filter) li span:last-child { font-weight: 700; text-align: right;} */
section#atelierslist > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 0 25px;
}

section#atelierslist > a > i {
    font-size: 16px;
}




.container section .filter {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #273580;
    margin-bottom: 15px;
}

.filter li {
    display: inline-block;
    vertical-align: middle;
    color: #273580;
    border: 1px solid #273580;
    border-bottom: 0;
    cursor: pointer;
    margin-top: 1px;
}

.filter li > span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    padding: 0 15px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.filter li > span.active {
    color: #ffffff;
    background-color: #273580;
}

.filter li:hover span {
    color: #ffffff;
}

.filter li:not(:last-child) {
    margin-right: 1px;
}

.unselected {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
}

.hidden {
    width: 0 !important;
}

/* Stage / Animations */
body > .container > section#stageslist {
    width: 100%;
    float: none;
    padding-top: 0;
}

body > .container.large > section#stageslist {
    width: 66%;
    float: left;
    padding-top: 35px;
}

body > .container > section#stageslist .vignette {
    position: relative;
    width: calc(100% / 4);
    float: left;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media screen and (max-width:950px) {
    body > .container > section#atelierslist .vignette {
        width: calc(100% / 3);
    }

    body > .container > section#stageslist .vignette {
        width: calc(100% / 3);
    }
}

@media screen and (max-width:650px) {
    body > .container > section#atelierslist .vignette {
        width: calc(100% / 2);
    }

    body > .container > section#stageslist .vignette {
        width: calc(100% / 2);
    }
}

@media screen and (max-width:450px) {
    body > .container > section#atelierslist .vignette {
        width: 100%;
    }

    body > .container > section#stageslist .vignette {
        width: 100%;
    }
}

.tarifs {
    margin: 20px 0;
}

.tarifs td,
.tarifs th {
    height: 20px;
    padding: 5px 10px;
    vertical-align: middle;
}

.tarifs tr:nth-of-type(2n) {
    background-color: rgb(239, 239, 239);
}

.tarifs tr:nth-of-type(2n+1) {
    background-color: rgb(216, 216, 216);
}

.reserv {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 10px;
    float: right;
    position: relative;
    top: -10px;
}

/* Page Agenda culturel */
section#agendacontent {
    width: 34%;
    box-sizing: border-box;
    padding: 0 0 0 50px;
    float: left;
}

section#agendalist {
    width: 66%;
    float: left;
}

section#agendalist h4 {
    position: static;
    float: left;
}

hr {
    position: relative;
    top: 35px;
    border-width: 0;
    border-top-width: 1px;
    margin: 0;
    width: 0;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

/* section#agendalist ul:not(.filter) { margin-bottom: 30px; text-align: left; clear: both; list-style:none; padding-left: 0; }
section#agendalist ul:not(.filter) li { width: 100%; height: 40px; border-bottom: 1px solid #bdbdbd; margin-bottom: 2px; line-height: 40px; white-space: nowrap; transition: 0.3s ease-out;}
section#agendalist ul:not(.filter) li.hidden { height: 0; margin-bottom: 0;}
section#agendalist ul:not(.filter) li a { display: block; padding: 0 25px; box-sizing: border-box; width: 100%; height: 100%; float: left; color: #273580; }
section#agendalist ul:not(.filter) li a>* { float: left; width: 50%; text-overflow: ellipsis; overflow: hidden;}
section#agendalist ul:not(.filter) li span:first-child {display: inline-block; font-weight: bold; text-transform: uppercase; }
section#agendalist ul:not(.filter) li span:last-child { font-weight: 700; float: right; text-align: right;} */
section#agendalist > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 0 25px;
}

section#agendalist > a > i {
    font-size: 16px;
}

body > .container.singleagenda .cat {
    display: inline-block;
    height: 50px;
    padding: 0 30px;
    line-height: 56px;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

body > .container.singleagenda h5.date {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

body > .container.singleagenda h5.horaire {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
}

body > .container.singleagenda hr.borderclear {
    left: 0 !important;
    width: 100% !important;
    top: 0;
    margin: 20px 0;
}

/* Page Kiosque */
/* body>.container.childlink { top: -50px; } */
body > .container.childlink section {
    margin-bottom: 0;
    padding-top: 0px;
    top: 0
}

section#childlinklist ul {
    text-align: left;
    clear: both;
    list-style: none;
    padding-left: 0px;
}

section#childlinklist ul li {
    width: 100%;
    border: 1px solid #273580;
    margin-bottom: 2px;
    white-space: nowrap;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

section#childlinklist ul li a {
    display: block;
    padding: 0 25px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #273580;
}

section#childlinklist ul li a:hover {
    color: #ffffff;
}

section#childlinklist ul li span {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: normal;
    vertical-align: middle;
}

section#childlinklist > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 0 25px;
}

/* Breadcum */
.breadcrumb {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 50px;
    color: #757575;
    clear: both;
}

.breadcrumb a {
    color: #273580;
}

.breadcrumb span.breadcrumb_separator {
    padding: 0 5px;
}

/* Nos documents à télécharger */
.nosdocuments_download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.item_download {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    width: calc((100% - 80px) / 2);
    margin: 0 20px 30px 20px;
    position: relative;
}

.item_download:hover {
    background-color: #eaeaea;
}

.item_download a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 15px 40px 15px;
    box-sizing: border-box;
}

.item_download h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    width: calc(100% - 40px);
    margin-bottom: 50px;
}

.item_download:hover h2 {
    color: #ffffff;
}

.item_download span {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    width: 200px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
}

.item_download:hover span {
    border-radius: 15px;
    background-color: #ffffff;
    color: #273580;
}

/* CONTACT */
.wpcf7-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    max-width: 800px;
    margin: auto;
}

.form_item {
    width: 100%;
    margin-bottom: 30px;
}

.form_item50 {
    width: calc(50% - 20px);
}

.form_itemmargeleft {
    margin-left: 40px;
}

.form_item label {
    display: block;
}

.wpcf7-form input,
.wpcf7-form textarea {
    width: 100%;
    height: 30px;
    border: 0;
    border-bottom: 1px solid #eaeaea;
    color: #273580;
    font-size: 14px;
    font-weight: bold;
}

.wpcf7-form textarea {
    height: 100px;
    font-family: inherit;
    font-size: inherit;
}

.wpcf7-form input::-webkit-input-placeholder,
.wpcf7-form textarea::-webkit-input-placeholder {
    font-weight: normal;
}

.wpcf7-form input::-moz-placeholder,
.wpcf7-form textarea::-moz-placeholder {
    font-weight: normal;
}

.wpcf7-form input:-ms-input-placeholder,
.wpcf7-form textarea:-ms-input-placeholder {
    font-weight: normal;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    font-weight: normal;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=email],
.wpcf7-form textarea {
    background: none;
}

.wpcf7-form .wpcf7-not-valid-tip {
    margin-top: 10px;
}

.wpcf7-form .form_submit {
    width: 100%;
}

/* .wpcf7-form .form_submit:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: -100%; background-color: #273580; opacity: 0.1; transition: .25s ease-out; } */
/* .wpcf7-form .form_submit:hover:before { left: 0; } */
/* .wpcf7-form .form_submit span { position: relative; z-index: 1; } */

/* ESPACE VIE PROG */
.animprog {
    max-width: 980px;
    position: relative;
    border: 1px solid #273580;
    padding: 0;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
}

.animprog a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

body > .container section.animprog_bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0;
    z-index: auto;
    margin-bottom: 0;
}

.animprog_title {
    width: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}

.animprog_title h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    width: 100%;
    margin: 0 20px;
}

.animprog_title h2 span {
    display: block;
    font-size: 20px;
    text-transform: initial;
    font-weight: normal;
    margin-top: 20px;
}

.animprog:hover .animprog_title,
.animprog:hover .animprog_title h2 span {
    color: #ffffff;
}

.animprog_img {
    width: 50%;
}

.animprog_img img {
    width: 100%;
}


/* PAGE MJC */
.block-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 20px) !important;
    max-width: none;

    margin: -10px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

@media screen and (min-width: 1250px) {
    .block-links-agenda .block-link {
        width: calc(50% - 20px);
        max-height: 250px;
    }
}

.block-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(25% - 20px);

    position: relative;
    z-index: 1;

    padding: 30px;
    margin: 10px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 5px;
    color: #fff;

    box-sizing: border-box;
}

.block-link:before {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    background-image: -webkit-linear-gradient(125deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);

    background-image: linear-gradient(325deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);

    content: '';

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .25s ease;
    transition: .25s ease;
}

.block-link:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.block-link:after {
    display: block;
    width: 0;

    padding: 100% 0 0 0;

    content: '';
}

.mjc {
    max-width: 1500px;
    padding: 0 50px;
}

.mjc_bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mjc_link {
    width: calc(25% - 20px);
    height: 400px;
    margin: 10px;
    position: relative;
}

.mjc_link .mjc_link_background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    background: rgb(255, 255, 255);
    background: -webkit-linear-gradient(326deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(124deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(326deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.mjc_link:hover .mjc_link_background {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.mjc_link a {
    position: relative;
    padding: 30px;
    display: block;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
}

.mjc_link a span {
    width: 100%;
}

.mjc_partner_bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.mjc_partner_img {
    margin: 10px;
    width: calc(25% - 20px);
}


@media screen and (max-width: 1460px) {
    .mjc_link {
        width: calc(50% - 20px);
        height: 200px;
    }
}

@media screen and (max-width: 800px) {
    .mjc_link {
        width: calc(100% - 20px);
    }

    .mjc_partner_img {
        width: calc(100% - 20px);
        max-width: 300px;
        margin: 10px auto;
    }
}

.singleatelier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: 1200px;
}

body > .container section.singleatelier_infos {
    max-width: 400px;
    min-width: 400px;
    margin-right: 60px;
}

.singleatelier_soustitre {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 25px;
    display: block;
    width: 100%;
}

body > .container section.singleatelier_infos .singleatelier_item span {
    font-weight: normal;
    font-size: 16px;
}

body > .container section.singleatelier_infos .singleatelier_item ul {
    list-style: none;
    padding-left: 0;
}

body > .container section.singleatelier_infos .singleatelier_item ul li span {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}


body > .container section.singleatelier_infos .singleatelier_item,
body > .container section.singleatelier_infos .singleatelier_item p {
    /*font-size: 20px;*/
    margin-bottom: 10px;
    font-weight: bold;
}

body > .container section.singleatelier_infos .singleatelier_item {
    position: relative;
    padding-left: 30px;
}

body > .container section.singleatelier_infos .singleatelier_item > i {
    position: absolute;
    left: 0;
    top: 0px;
}

body > .container.singleatelier .singleatelier_link {
    margin: 60px 0;
    padding-top: 60px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #273580;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

body > .container.singleatelier .singleatelier_link a {
    padding: 20px 30px;
    color: #273580;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
}

body > .container.singleatelier .singleatelier_link a:hover {
    color: #ffffff;
}

.agenda-links {
    display: block;
    width: 100%;
}

.agenda-links:not(:last-child) {
    margin-bottom: 35px;
}

.button-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    padding: 10px 20px;
    border-width: 1px;
    border-style: solid;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: #fff;

    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;

    -webkit-transition: .2s ease;

    transition: .2s ease;
    cursor: pointer;
}

.button-link:hover {
    color: #fff;
}

.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;

    position: relative;
    z-index: 1;

    padding: 30px 40px;

    background-color: #8693a1;

    text-transform: uppercase;
    color: #fff;

    -webkit-transition: padding .2s ease;

    transition: padding .2s ease;
    box-sizing: border-box;
}

.button:not(:last-child) {
    margin-bottom: 2px;
}

a.button:before {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    background-color: rgba(0, 0, 0, .15);

    content: '';

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

a.button:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

a.button:hover {
    padding: 30px 30px 30px 50px;
}

.button img {
    width: 50px;
    margin-right: 20px;
}

.button img + div {
    width: calc(100% - 70px);
}

.button-title {
    display: block;
    width: 100%;

    font-size: 20px;
    font-weight: 700;
    color: inherit;
}

.button-title:not(:last-child) {
    margin-bottom: 5px;
}

.social-networks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 10px);

    margin: -5px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.social-network {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;

    border-radius: 100%;
    margin: 5px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    background-color: rgba(255, 255, 255, .1);

    color: #fff;

    -webkit-transition: background-color .2s ease;

    transition: background-color .2s ease;
}

.social-network:hover {
    background-color: rgba(255, 255, 255, .3);
}

.home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 50px);
    max-width: none;

    position: relative;
    z-index: 1;

    margin: -25px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.home-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    margin: 0 0 20px 0 !important;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.home-title:after {
    display: block;
    height: 1px;

    margin: 0 0 .5em 20px;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;

    background-color: #273580;

    content: '';

    -webkit-transform: scaleX(0);

            transform: scaleX(0);
    -webkit-transform-origin: center left;
            transform-origin: center left;

    -webkit-animation: title .3s linear forwards;

            animation: title .3s linear forwards;
}

@-webkit-keyframes title {
    from {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }

    to {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}

@keyframes title {
    from {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }

    to {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}

.home-main,
.home-buttons {
    margin: 25px;
}

.home-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - 1px) / 1.5 - 50px);

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.home-news {
    display: block;
    width: 100%;

    position: relative;
    z-index: 1;

    padding: 35px 0 0 0;
    margin: 0 0 50px 0;
}

.home-news:before,
.home-news:after {
    display: block;

    position: absolute;
    z-index: -1;

    border-color: #273580;

    content: '';
}

.home-news:before {
    width: 1px;
    height: 0;

    bottom: 0;
    left: -1px;

    border-left: 1px solid #273580;

    -webkit-animation: news-before .3s ease-out forwards .9s;

            animation: news-before .3s ease-out forwards .9s;
}

@-webkit-keyframes news-before {
    0% {
        height: 0;
    }

    100% {
        height: calc(100% - 80px);
    }
}

@keyframes news-before {
    0% {
        height: 0;
    }

    100% {
        height: calc(100% - 80px);
    }
}

.home-news:after {
    width: 0;
    height: 0;

    top: 53px;
    right: 0;

    border: solid #273580;
    border-width: 0 1px 1px 0;

    -webkit-animation: news-after .6s linear forwards .3s;

            animation: news-after .6s linear forwards .3s;
}

@-webkit-keyframes news-after {
    0% {
        height: 0;
        width: 0;
    }

    50% {
        width: 0;
        height: calc(100% - 54px);
    }

    100% {
        width: 100%;
        height: calc(100% - 54px);
    }
}

@keyframes news-after {
    0% {
        height: 0;
        width: 0;
    }

    50% {
        width: 0;
        height: calc(100% - 54px);
    }

    100% {
        width: 100%;
        height: calc(100% - 54px);
    }
}

.news-slider {
    display: block;
    width: 100%;

    padding: 0 0 60px 0;
}

.news-slider:before,
.news-slider:after {
    display: block;
    width: 40px;
    height: calc(100% - 60px);

    position: absolute;
    top: 0;
    z-index: 1;

    content: '';
}

.news-slider:before {
    left: 0;

    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.news-slider:after {
    right: 1px;

    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.news-slider .owl-nav {
    display: none;
}

.news-slider .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: absolute;
    bottom: -12px;
    left: 40px;

    padding: 0 5px;

    background-color: #fff;
}

.news-slider .owl-dot {
    display: block;
    width: 15px;
    height: 15px;

    padding: 0;
    border: 1px solid #273580;
    border-radius: 100%;
    margin: 5px;

    background-color: transparent;
    outline: none;
    cursor: pointer;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation: news-dots .3s ease-out forwards .8s;
            animation: news-dots .3s ease-out forwards .8s;
}

@-webkit-keyframes news-dots {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes news-dots {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.news-slider .owl-dot.active {
    background-color: #273580;
}

.news {
    display: block;
    width: 100%;

    padding: 0 60px;

    font-size: 18px;
    line-height: 1.5;

    box-sizing: border-box;
}

.home-workshop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 35px 0 0 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.home-workshop-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 20px 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.home-workshop-header .home-title {
    top: -10px;

    width: auto;

    margin: 0 !important;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;
}

.home-buttons {
    display: block;
    width: calc((100% - 1px) / 3 - 50px);
}

.workshop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 20px);
    max-width: none;

    margin: -10px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.workshop-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 20px);
    height: calc(50% - 20px);

    position: relative;
    z-index: 1;

    padding: 30px 30px 0 30px;
    margin: 10px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    color: #fff;

    box-sizing: border-box;
}

.workshop-info-item:not(:last-child) {
    margin: 0 0 15px 0;
}

.workshop-item:before {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    content: '';

    -webkit-transition: .3s ease-out;

    transition: .3s ease-out;
}

.workshop-item:hover:before {
    background-color: rgba(0, 0, 0, .5);
}

.workshop-public {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;

    padding: 0 30px 0 15px;
    margin: 0 -30px auto 0;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: end;
        align-self: flex-end;

    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.workshop-info {
    display: block;
    width: 100%;

    margin: 15px 0 30px 0;

    font-size: 16px;
}

.workshop-info-item {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-weight: 700;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transform: translateX(-20px);

            transform: translateX(-20px);
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.workshop-item:hover .workshop-info-item {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.workshop-item:hover .workshop-info-item:nth-last-child(2) {
    -webkit-transition: .2s ease .1s;
    transition: .2s ease .1s;
}

.workshop-title {
    display: block;
    width: 100%;

    margin: 0 0 50px 0;

    /* text-transform: uppercase; */
    font-size: 30px;
    font-weight: 700;
}

.workshop-next {
    display: block;
    max-width: calc(100% + 60px);

    position: relative;

    padding: 15px 30px 15px 60px;
    margin: -30px -30px 20px -30px;

    -ms-flex-item-align: end;

        align-self: flex-end;

    font-size: 16px;
}

.workshop-next:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 100%;

    position: absolute;
    top: 0;
    left: 20px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    content: '\e80a';
    font-family: 'icons', sans-serif;
    font-size: 25px;
}

.workshop-next-label,
.workshop-next-date {
    display: block;
    width: 100%;
}

.workshop-next-label {
    margin: 0 0 3px 0;

    font-size: .8em;
    font-weight: 700;
}

/* .workshop-next-date {
    font-weight: 700;
} */

.workshop-more {
    display: block;

    position: relative;
    z-index: 1;

    padding: 15px 30px;
    margin: auto 0 0 -30px;

    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.workshop-more:before {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    background-color: #fff;

    content: '';

    -webkit-transform: scaleX(0);

            transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
}

.workshop-item:hover .workshop-more {
    color: #273580;
}

.workshop-item:hover .workshop-more:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}

.search {
    display: block;
    width: 100%;
    max-width: 800px;

    padding: 0 50px;
    margin: 75px auto 50px auto;
}

.search-title {
    display: block;
    width: 100%;

    margin: 0 0 50px 0;

    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
    color: #273580;
}

.search-category {
    display: block;
    width: 100%;
    position: relative;
}

.search-category:not(:last-child) {
    margin: 0 0 50px 0;
}

.search-category:not(.active):not(:last-child) {
    margin-bottom: 20px;
}

.search-category-title {
    display: inline-block;

    position: relative;

    padding: 0 0 0 24px;
    margin: 0 0 0 -24px;

    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;

    cursor: pointer;
}

.search-category-title:before {
    display: block;
    width: 8px;
    height: 8px;

    position: absolute;
    top: 5px;
    left: 0;

    border: solid #000;
    border-width: 0 2px 2px 0;

    content: '';

    box-sizing: border-box;

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);
}

.search-category:not(.active) .search-category-title:before {
    top: 7px;
    left: -2px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.search-results {
    display: block;
    width: 100%;

    margin: 10px 0 0 0;
}

.search-category:not(.active) .search-results {
    display: none;
}

.search-result {
    display: block;
    width: 100%;

    font-size: 16px;
}

.search-result-link {
    display: block;
    width: calc(100% + 35px);

    position: relative;

    padding: 10px 15px 10px 20px;
    margin: 0 -15px 0 -20px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.search-result-link:before {
    display: block;
    width: 5px;
    height: calc(100% - 20px);

    position: absolute;
    top: 10px;
    left: 0;

    background-color: #273580;

    content: '';
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.search-result-link:hover {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.search-result-link:hover:before {
    height: 100%;

    top: 0;
}

.search-result-title {
    display: block;
    width: 100%;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
}

.search-result-title:not(:last-child) {
    margin: 0 0 5px 0;
}

.keyword {
    position: relative;
    z-index: 1;

    color: #fff;
}

.keyword:before {
    display: block;
    width: calc(100% + 2px);
    height: calc(100% - 4px);

    position: absolute;
    top: 2px;
    left: -1px;
    z-index: -1;

    background-color: #273580;
    color: #fff;

    content: '';
}

.list {
    display: block;
    width: 100%;

    padding: 0 !important;
}

.list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    border-bottom: 1px solid #dbdbdb;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;

    -webkit-transition: .2s ease;

    transition: .2s ease;
}

.list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 12.5px 20px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: center;

    color: #273580 !important;
}

.list-link:hover {
    background-color: #273580;

    color: #fff !important;
}

.list-cell {
    display: block;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;

    line-height: 1.1;
}

.list-cell:not(:last-child) {
    margin: 0 10px 0 0;
}

.list-cell:first-child {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
}

.list-cell:last-child {
    text-align: right;
}

.list-item.hidden {
    height: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

body > .container section .formatted-text h2:not(:last-child),
body > .container section .formatted-text h3:not(:last-child),
body > .container section .formatted-text h4:not(:last-child),
body > .container section .formatted-text h5:not(:last-child),
body > .container section .formatted-text h6:not(:last-child),
body > .container section .formatted-text p:not(:last-child),
body > .container section .formatted-text ul:not(:last-child),
body > .container section .formatted-text ol:not(:last-child) {
    margin-bottom:20px;
}

.formatted-text h2 {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    
    margin-top: 40px;
}
.formatted-text h2:first-child {
    margin-top: 0
}

.formatted-text h3 {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    
    margin-top: 40px;
}
.formatted-text h3:first-child {
    margin-top: 0
}


.formatted-text h4 {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    
    margin-top: 40px;
}
.formatted-text h4:first-child {
    margin-top: 0
}


.formatted-text h5 {
    display: block;
    width: 100%;

    font-size: 20px;
    font-weight: 700;
    
    margin-top: 40px;
}
.formatted-text h5:first-child {
    margin-top: 0
}


.formatted-text h6 {
    display: block;
    width: 100%;

    font-size: 18px;
    font-weight: 700;
    
    margin-top: 40px;
}
.formatted-text h6:first-child {
    margin-top: 0
}


/* Recaptcha */
.grecaptcha-badge{
    visibility: collapse !important;
}

body > .container section.singleatelier_infos {
    margin-right: 120px;
}

.singleatelier {
    max-width: unset;
    width: 84%;
}

.container ul.people-list {
    padding-left: 0;
}

.container .people-item {
    display: inline-block;
    border-top: 1px solid #273580;
    padding: 30px 0;
    list-style: none;
    width: 100%;
}

.container .people-item:last-of-type {
	border-bottom: 1px solid #273580;
}

.container .people-item--row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.container .people-item--row .title {
    width: 100%;
}

.people-item-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.container .people-item-title {
    margin-bottom: 4px !important;
}

.container .people-item-genre {
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    margin-bottom: 6px;
}

.container .people-item-img {
    width: 20%;
    max-width: 400px;
    margin-right: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .people-item-img:before {
    content: '';
    display: block;
    width: 0;
    padding-top: 100%;
}

.container .people-item-infos {
    display: inline-block;
    margin-top: 16px;
}

.container .people-item-infos a {
    color: #273580;
    text-transform: uppercase;
    margin-right: 40px;
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 6px;
}

.container .people-item-infos .icon {
    font-size: 20px;
    margin-right: 10px;
}

.singleatelier_bloc {
    border: 1px solid  #273580;
}

.singleatelier_item:not(:last-of-type) {
    border-bottom: 1px solid  #273580;
}

.singleatelier_item-date {
    text-transform: uppercase;
    padding: 0 !important;
}

.singleatelier_item-date li {
    background-color: #273580;
    color: #FFFFFF;
    font-size:22px;
    line-height: 48px;
    padding: 8px 20px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: 700;
}

.singleatelier_item-date li:last-of-type {
    border-bottom: none;
}

.singleatelier_infos .singleatelier_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px !important;
    line-height: 23px !important;
    margin: 0 !important;
    padding: 24px 20px !important;
    list-style: none !important;
}

.singleatelier_infos .singleatelier_item:first-of-type {
    font-size: 18px !important;
    line-height: 29px !important;
}

.singleatelier_infos .singleatelier_item_data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 6px 40px 6px 0;
}

.singleatelier_item_data--person {
    display: block !important;
}

.singleatelier_infos .singleatelier_item:last-of-type .singleatelier_item_data li:before {
    content: '-';
    padding-right: 10px;
}

.singleatelier_infos .singleatelier_item_data p {
    margin-bottom: 0 !important;
}

.singleatelier_infos .singleatelier_item_data_title {
    margin-right: 6px;
}

.singleatelier_infos .singleatelier_item_data--full {
    width: 100%;
    margin-right: 0;
}

.singleatelier_infos .singleatelier_item_data i {
    margin-right: 10px;
}

.singleatelier_event {
    display: inline-block;
    margin: 40px 0 0 0;
    border: 1px solid #273384;
    background-color: #ffffff;
    font-size: 16px;
    padding: 15px 26px;
    line-height: 26px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.singleatelier_event span {
    font-weight: bold;
}

.singleatelier_event i {
    margin-right: 10px;
}

.singleatelier_event:hover {
    background-color: #273384;
    color: #ffffff;
}

.singleatelier_inscription {
    margin-top: 40px;
    padding: 40px 0;
    border-top: 1px solid #273384;
    border-bottom: 1px solid #273384;
}

.singleatelier_seance a,
.singleatelier_inscription a {
    display: inline-block;
    border: 1px solid transparent;
    background-color: #273384;
    color: #FFFFFF;
    font-size: 16px;
    padding: 15px 26px;
    line-height: 26px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-transform: uppercase;
    font-weight: 700;
}

.singleatelier_seance a:hover,
.singleatelier_inscription a:hover {
    background-color: #FFFFFF;
    color: #273384;
    border-color: #273384;
}

.singleatelier_seance a i,
.singleatelier_inscription a i {
    margin-right: 10px;
}

.singleatelier_seance {
    margin: 40px 0 80px 0;
    border: 1px solid #273384;
    position: relative;
}

.singleatelier_infos_atelier h4,
.singleatelier_seance h4 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    font-size: 25px;
    line-height: 40px;
    padding: 0 10px;
    -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
    font-weight: 700;
}

.singleatelier_seance_item {
    border-bottom: 1px solid #273384;
    padding: 24px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.singleatelier_seance_item:first-of-type {
    padding-top: 30px;
}

.singleatelier_seance_item:last-of-type {
    padding-bottom: 44px;
    border-bottom: none;
}

.singleatelier_seance a {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,50%);
            transform: translate(-50%,50%);
}

.singleatelier_seance .singleatelier_item_data--full {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700;
}

.singleatelier_document {
    margin-top: 40px;
}

.singleatelier_document_preview:hover .singleatelier_document_preview_bg {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.singleatelier_document_download {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid #273384;
    background-color: #FFFFFF;
    color: #273384;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.singleatelier_document_download span,
.singleatelier_document_download i {
    padding: 15px 26px;
}

.singleatelier_document_download span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.singleatelier_document_download i {
    background-color: #273384;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.singleatelier_document_download:hover {
    background-color: #273384;
    color: #FFFFFF;
}

.singleatelier_document_preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFFFFF;
    position: relative;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.singleatelier_document_preview_content {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.singleatelier_document_preview:before {
    content: '';
    display: block;
    width: 0;
    padding-top: 100%;
}

.singleatelier_document_preview_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    background-color: #273384;

    -webkit-transition: opacity 0.4s ease;

    transition: opacity 0.4s ease;
}

.singleatelier_description {
    width: calc( 100% - 520px ) !important;
}

.singleatelier_description_slides {
    padding-top: 40px;
    display: block;
    width: 100%;
    position: relative;
}

.singleatelier_description_slides .owl-stage-outer {
    overflow: hidden;
    position: relative;
}

.singleatelier_description_slides .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.singleatelier_description_slides .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.singleatelier_description_slide {
    width: 100%;
    height: 500px;
    position: relative;
}

/*body > .container section .singleatelier_description_slides .owl-nav*/
.singleatelier_description_slides .owl-nav {
    position: unset !important;
}

.singleatelier_description_slides .owl-nav button {
    position: absolute;
    top: 50%;
    border: none !important;
    background-color: #FFFFFF !important;
    color: #273384 !important;
}

.singleatelier_description_slides .owl-nav button:hover {
    background-color: #273384 !important;
    color: #FFFFFF !important;
}


.singleatelier_description_slides .owl-prev {
    left: 0;
}

.singleatelier_description_slides .owl-next {
    right: 0;
}

.singleatelier_description_slides .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.singleatelier_description_slides .owl-dot {
    display: block;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    width: 5px;
    height: 5px;
    margin: 0 3px;
    outline: none !important;
    cursor: pointer;
    position: relative;
    padding: 0;
}

.singleatelier_description_slides .owl-dot.active {
    background-color: #FFFFFF;
}

.singleatelier_description_video {
    margin-top: 80px;
    position: relative;
    height: 500px;
}

.singleatelier_description_video_src {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    display: none;
}

.singleatelier_description_video.active .singleatelier_description_video_src {
    display: block;
}

.singleatelier_description_video.active .singleatelier_description_video_thumbnail,
.singleatelier_description_video.active .singleatelier_description_video_btn {
    display: none;
}

.singleatelier_description_video_thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.singleatelier_description_video_thumbnail:after {
    content: '';
    background-color: #273384;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.singleatelier_description_video_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 55px;
    color: #FFFFFF;
    background-color: transparent;
    border: none;
    outline: none !important;
    cursor: pointer;
}

.singleatelier_infos_atelier {
    border: 1px solid #273384;
    position: relative;
}

.singleatelier_infos_atelier h4 {
    text-transform: uppercase;
}

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

.singleatelier_seance > h3 {
    padding: 8px 20px;
    background-color: #273384;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    text-transform: uppercase;
}

.singleatelier_seances--end {
    border-bottom: 1px solid #273384;
}

.text--bold {
    font-weight: 700;
}

.singleatelier_item_data--price {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
                -ms-grid-row-align: flex-start !important;
            align-items: flex-start !important;
}

.singleatelier_item_data--price div {
    font-weight: 400;
}

.singleatelier_item_data--price p {
    font-weight: 700;
    font-size: 18px !important;
    line-height: 29px !important;
}

.singleatelier_item_data--price ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.singleatelier_item_data--price ul:before {
    content: '\e81e';
    font-family: "icons";
    margin-left: -20px;
    position: absolute;
}

.singleatelier_item_data--price li {
    list-style: none;
    margin-right: 10px;
}

.text--light p {
    font-weight: 400 !important;
}

.singleatelier_item_data--big p {
    font-size: 18px !important;
    line-height: 29px !important;
}

@media screen and (max-width: 1500px) {
    .container .people-item-img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }
}