/*
Theme Name: MW CUSTOM
Author: Julien Dallaire Poirier
Author URI: http://maitreweb.ca
Description: Thème MW CUSTOM
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mwcustom
*/
/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: 'Mulish', "Open Sans",'Helvetica Neue', Arial, Helvetica,sans-serif;
    color: #2e2020;
    font-size:18px;
    font-weight:400;
    background-color: #fdfdfd;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    text-transform: none;
    font-family: 'Mulish',"Open Sans", 'Helvetica Neue', Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.2;
}

h1 {
    font-size:28px;
    font-weight: 700;
}
h2 {
    font-size:1.3em;
    font-weight: 700;
}
h2:not(:first-child), h3:not(:first-child) {
    margin-top:2em;
    margin-bottom:0.8em;
}

h3 {
    font-size:1.1em;
}

h2:not(:first-child), h3:not(:first-child), h4:not(:first-child) {
    margin-top:2em;
    margin-bottom:1em;
}

h4 {
    font-size:18px;
}

h1+h2:not(:first-child) {
    margin-top:-0.6em;
}

h2+h3:not(:first-child) {
    margin-top:-0.6em;
}

h3+h4:not(:first-child) {
    margin-top:-0.6em;
}

p+h2, p+h3, p+h4 {
    /*clear: both;*/
}

p, dl, ul, ol {
    margin: 0 0 1em;
    line-height: 1.3;
}
p:last-child, dl:last-child, ul:last-child, ol:last-child {
    margin-bottom:0;
}

@media(min-width:769px) {
    h1 {
        font-size:36px;
    }
    h2 {
        font-size:26px;
    }
    /*.page-content>h2 {
        position: relative;
        left:-50px;
    }*/
}
@media(min-width:992px) {
    h1 {
        font-size:42px;
    }
    h2 {
        font-size:28px;
    }
    body {
        font-size:20px;
    }
    p, dl, ul {
        margin: 0 0 1em;
    }
}

a {
    color: #f42839;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.bg-primary a {
    /*color:#f42839;*/
    /*background-color:rgba(255,255,255,0.25);*/
}

h1 a, h2 a, h3 a {
    color:inherit;
}

a:hover,
a:focus {
    text-decoration: underline;
    color: #f42839;
}
/*.bg-primary a:hover {
    color:#FFF;
    background-color:#2e2020;
}*/

dt {
    margin-bottom:6px;
    line-height:1.3;
}
dd {
    margin-bottom:1em;
    line-height:1.3;
}

.dl-horizontal {
}

.dl-horizontal dt {
    text-overflow:inherit;
    white-space: inherit;
    line-height:1.2;
}
.dl-horizontal dd {
    margin-bottom:6px;
    line-height:1.2;
}

pre {
    margin-top:100px;
}
.light {
    font-weight: 400;
}

.bg-primary {
    color:#2e2020;
    background-color:#fceda5;
}

/*.bg-primary h2 {
    color:#FFF;
}*/

.bg-special {
    color:#FFF;
    background-color: #f42839;
}

.bg-light {
    color:#2e2020;
    background-color: #fdfdfd;
}

.bg-white {
    color:#2e2020;
    background-color: #FFF;
}

.bg-dark {
    color: #fff;
    background-color: #0e1c51;
}

.bg-black {
    color: #fff;
    background-color: #2e2020;
}

/*.bg-dark h2, .bg-black h2 {
    color:#FFF;
}*/

::-moz-selection {
    text-shadow: none;
    background: #f42839;
    color:#FFF;
}

::selection {
    text-shadow: none;
    background: #f42839;
    color:#FFF;
}

img::selection {
    background: 0 0;
}

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

table td {
    vertical-align:top;
}

.table {
    width:auto;
}
.table-sml {
    font-size:0.8em;
}
.table-noborder {
    border:0 none;
}
.table-noborder>tbody>tr>td, .table-noborder>tbody>tr>th {
    border:0 none;
}
.table-fullw {
    width:100%;
}
.table td.table-date {
    text-align:right;
    width:150px;
    white-space: nowrap;
    font-weight:700;
}
.table tr.old-event {
    opacity:0.3;
}
.table td.table-lieu {
}

blockquote {
    font-size:1.4em;
    font-weight:700;
    padding:10px 40px 10px 60px;
    position: relative;
    font-style: italic;
    margin-bottom:1.6em;
    border:0 none;
}

blockquote p {
    line-height:1.2;
}

blockquote:before {
    content:'\00ab';
    position:absolute;
    top:-20px;
    left:10px;
    font-size:3em;
    line-height:1;
}

blockquote>p:last-of-type:after {
    content:'\00bb';
    font-size:1em;
    margin-left:10px;
}

p.cite {
    padding-left:50px;
    font-size: 1em;
    color:#31c3a8;
}

.bg-primary p.cite {
    color:#FFF;
}

blockquote+p.cite {
    margin-top:-1.6em;
    margin-bottom:1.6em;
}

p.cite:before {
    content:'\2014';
    margin-right:1em;
}

@media(pointer: coarse) {
    a {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
}

/*==== NAV ====*/

.mobile-nav {}

.mobile-navbar {
    padding:15px;
}

.mobile-navbar li.menu-item-has-children {
    padding-bottom:15px;
}

.menu-rapide {
    padding:5px 0;
}

.menu-rapide ul {
    margin:0;
    padding:0;
    list-style: none;
    display:flex;
    justify-content:space-evenly;
    flex-wrap:nowrap;
    align-items:center;
}

.menu-rapide ul li {
    margin:0;
    padding:0;
    list-style: none;
    flex:1 0 25%;
    border-right:1px solid #FFF;
}
.menu-rapide ul li:last-child {
    border-right:0 none;
}

.menu-rapide ul li a {
    font-size:0.9em;
    padding:0 5px;
    display:block;
    text-align:center;
    line-height: 50px;
    color: #FFF;
}

.menu-rapide ul li a:hover, .menu-rapide ul li a:focus {
    color:#f42839;
    text-decoration: none;
}

/*.menu-rapide .btn-accueil-mob {
    width:100px;
    height:100px;
    border-radius: 50px;
}*/

.full-navbar {
    display:none;
}
@media(max-width:768px) {
    .full-navbar, .navbar-collapse.collapse {
        display:none!important;
    }
    .navbar-header {
        display:block;
        height: 60px;
        background-color: #FFF;
        float: none!important;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
        display: flex;
        flex-direction: row;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        padding: 6px;
    }
    .navbar-fixed-top {
        top:0;
        border:0 none;
        position: initial;
    }
    .mobile-nav {
        position: fixed;
        bottom:0;
        top:auto;
        border:0 none;    
        background-color: #0a87ef;
        width: 100%;
        z-index: 1000;
    }
}

@media(min-width:769px) {
    .mobile-nav {
        display:none;
    }
    .full-navbar {
        display:block;
    }
    .navbar-fixed-top {
        position:fixed;
    }

}
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 0;
    text-transform:;
    font-family: 'Mulish', "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;   
    font-weight: 800;
    background: #fff;
    background-position:0 0;
    background-size: contain;
    background-repeat:no-repeat;
    font-size:18px;
}

/*.navbar-custom:after {
    display: block;
    content:"";
    height:4px;
    background: #31c3a8;
    background: linear-gradient(to right, #31b9dd, #32ce71);
}*/

.navbar-custom h1.site-title {
    font-weight: 400;
    text-transform:none;
}

.navbar-custom .navbar-brand {
    padding:8px 8px 8px 40px;
    height:50px;
}

.navbar-custom .navbar-brand img {
    height:100%;
    display:inline-block;
}

.navbar-custom .navbar-brand #logo {
    height:100%;
}
.navbar-custom .navbar-brand svg+span {
    display:none;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #2e2020;
}

.navbar li a {
    line-height:1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar a:hover, .navbar li a:hover, .main-navbar>li.menu-item-has-children:hover>a {
    outline: 0;
    color: #f42839;
    background-color: transparent;
}

.navbar li a:focus,
.navbar li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar li.active {
    outline: 0;
}

.main-navbar {clear:both;}

.main-navbar>li>a {
    padding-top:5px;
    padding-bottom:5px;
}

.main-navbar>li.menu-item-has-children>a {
    padding-right:30px;
    background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2028%22%3E%3Cstyle%3E.style0%7Bstroke%3A%232e2020%3Bstroke-width%3A8%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%224%2C4%2024%2C24%2044%2C4%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E');
    background-repeat:no-repeat;
    background-position:right center;
    background-position:calc(100% - 10px) center;
    background-size:12px 7px;
}

.main-navbar>li.menu-item-has-children>a:hover, .main-navbar>li.menu-item-has-children:hover>a {
    background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2028%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23f42839%3Bstroke-width%3A8%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%224%2C4%2024%2C24%2044%2C4%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E');
}

.main-navbar li.active a {
    background-color: rgba(255,255,255,.3);
}

/*.main-navbar li.current_page_ancestor>a, .main-navbar li.current_page_item>a {
    color:#95CC51;
}*/

.main-navbar li.active a:hover {
    color: #fff;
}
.main-navbar li {
    position:relative;
}
.main-navbar li ul {
    display:none;
    opacity: 0;
    position:absolute;
    top:inherit;
    left:inherit;
    padding:15px;
    background: #FFF;
    border-bottom:#2e2020 solid 4px;
    /*background: linear-gradient(to right, #31b9dd, #32ce71);*/
    list-style: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;

}
.main-navbar li ul li:not(:last-child) {
    margin-bottom:0.6em;
}
.main-navbar li ul li a {
    display:block;
    line-height: 1.3;
    max-width: 300px;
    min-width: 20vw;;
}
.main-navbar li ul li a:hover {
    text-decoration:none;
}
.main-navbar li:hover ul {
    display:block;
    opacity: 1;
}

.navbar .top-navbar {
    float:right;
    padding:5px 0 0 0;
    font-size:1em;
    margin-top:8px;
}
.navbar .top-navbar-nav {
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}

.navbar .top-navbar-nav li {
    display:block;
    float:left;
}

.navbar .top-navbar a {
    display:block;
    padding:5px 15px;
    line-height:1.1;
    font-weight:700;
}
.navbar .top-navbar a:hover {
    text-decoration: none;
}
.top-navbar-fb {
    float:right;
}
.top-navbar-fb span {
    display:none;
}
.top-email {
    text-transform: none;
}
.current-menu-item a, .current-menu-ancestor>a {
    color: #f42839;
}

@media(min-width:992px) {
    .navbar-custom .navbar-brand {
        height:80px;
        display:block;
    }
    .navbar-custom {
        padding:0;
        border-bottom: 0;
        font-size:20px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    }
}

@media(max-width:768px) {
    .navbar-custom {
    }
    .menu-rapide a {
        color:#2e2020;
    }
    .navbar-custom:after {
        display: none;
    }
    .navbar-custom .navbar-brand {
        padding:14px 0 10px;
        height: 60px;
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 769px) and (max-width:1199px) {
    .navbar-custom .container {
        width: auto;
    }
}
/*==== ELEMENTS ====*/

.vid-audio-btn {

}
.audio-toggle {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-70px;
    margin-left:-70px;
    border:2px dotted #FFF;
    background:transparent;
    opacity:0.5;
    font-size:40px;
    display:block;
    border-radius:100px;
    width:140px;
    height:140px;
    line-height:134px;
    vertical-align:middle;
    -webkit-transition:opacity 0.7s ease-out;
    transition:opacity 0.7s ease-out;
    -webkit-animation: grow 3s linear;
    -webkit-animation-iteration-count: infinite;
    cursor:none;
    z-index: 200;
}
@-webkit-keyframes grow {
    0% {transform:scale(1,1);}
    50% {transform:scale(1.1,1.1);}
    100% {transform:scale(1,1);}
}
.audio-toggle:hover {
    opacity:0;
}

.media-heading {
    font-size:24px;
}

.btn-circle {
    width: 60px;
    height: 60px;
    padding: 0;
    text-align:center;
    line-height:60px;
    vertical-align:middle;
    border: 0;
    border-radius: 100%!important;
    font-size: 30px;
    color: #fff;
    background: rgba(0,0,0,0.1);
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:active {
    outline: 0;
    color: #fff;
    background: rgba(0,0,0,0.8);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle i.animated {
    -webkit-animation-name: down;
    -moz-animation-name: down;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

@-webkit-keyframes down {    
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes down {    
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@media(min-width:769px) {
    .btn-circle {
        width: 70px;
        height: 70px;
        line-height:70px;
        font-size:40px;
        margin-top:0;
    }
}

.btn {
    text-transform: uppercase;
    font-family: 'Mulish',"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    border-radius:50px;
}

.btn-primary {
    border: 1px solid #f42839;
    color: #FFF;
    background-color: #f42839;
}

.btn-default {
    border: 1px solid #f42839;
    color: #f42839;
    background-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus {
    border: 1px solid #f42839;
    outline: 0;
    color: #f42839;
    background: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #f42839;
    outline: 0;
    color: #FFF;
    background-color: #f42839;
}

.media-left, .media>.pull-left {
    padding-right: 20px;
}

.media-thumb {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.media-thumb img {
    display:block;
}

.thumbnail .caption :last-child {
    margin-bottom:0;
}

.thumbnail .caption {
    text-align:center;
    font-size:0.8em;
}

.thumb-img img {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover, a.media-thumb.active, a.media-thumb:focus, a.media-thumb:hover, .thumb-img img:hover {
    border-color: #B50E86;
}

.alignright {
    float:right;
    margin:0.3em 0 0.3em 1em;
}

.alignleft {
    float:left;
    margin:0.3em 1em 0.3em 0;
}

.aligncenter {
    display:block;
    margin:1em auto;
}

.date {
    font-size:0.9em;
    color:#DDD;
    margin:5px 0;
}

.well {margin:1em 0;}
.well :last-child {
    margin-bottom:0;
}

.col {
    margin-bottom:40px;
}

.page-tools {
    margin-bottom:2em;
}

#share-bookmarks {
    float:right;
    display:none;
}
#share-bookmarks ul {
    padding:0 !important; margin:0 !important;
}
#share-bookmarks ul li {
    margin: 0 4px !important;
}

.back-top {
    position:fixed;
    bottom:70px;
    right:10px;
    z-index:900;
}

.back-top a {
    font-size:0.9em;
    font-family:'Open Sans Condensed', Arial, sans-serif;
    font-weight:400;
    letter-spacing:1px;
    color:#FFF;
    text-transform:uppercase;
    background-color:#333;
    background-color:rgba(0,0,0,0.2);
    border-radius:40px;
    border:0 none;
    width:50px;
    padding:0;
    text-align:center;
    height:50px;
    display:table-cell;
    vertical-align:middle;
    outline:0 none;
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

.back-top a span {
    display:none;
}

.back-top a:before {
    content:'';
    display: block;
    width:50px;
    height:50px;
    font-size:2em;
    background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%222%2C12%2022%2C12%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E'), url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20height%3D%2224%22%20width%3D%2224%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%222%2C12%2012%2C2%2022%2C12%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E');
    background-repeat:no-repeat, no-repeat;
    background-position: center 5px, center 25px;
    background-size: auto, auto;
    -webkit-transition:background-position 0.3s ease-out;
    transition:background-position 0.3s ease-out;
}

.back-top a:hover {
    background-color:#000;
    background-color:rgba(0,0,0,0.9);
}

.back-top a:hover:before {
    background-position:center 16px, center 17px;
}


@media(max-width:768px){
    .btn {
        white-space: break-spaces;
    }

}
@media screen and (min-width: 992px) {

    .back-top {
        position:fixed;
        bottom:60px;
        right:30px;
        z-index:2000;
    }

}

/*==== HOME ====*/

.intro {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    /*color: #fff;*/
    text-align:center;
    /*background: url(img/loading-b.gif) no-repeat center center;
    background-color: #000;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.intro .intro-body {
    display: block;
    position:absolute;
    bottom:40px;
    width:100%;
    z-index:20;
}

.intro .intro-body .intro-heading {
    font-size: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    display:inline-block;
    padding-bottom:10px;
    margin:0;
}

.intro .intro-body .intro-heading h1 {
    margin-bottom:0
}

.intro .intro-body .intro-content {
    margin-top:14px;
}

.intro {
    height: 100%;
    max-height:78%;
    padding: 0;
    text-align:left;
}

.intro .intro-body {
    bottom:20px;
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
    text-align:left;
    padding:0 10px;
}

.intro .intro-content {
    display:flex;
    align-items:flex-start;
}

.intro .intro-desc {
    order:2;
}

.intro .intro-desc h2 {
    margin-bottom:10px;
    font-size:24px;
    color:#FFF;
}

.intro .intro-desc h2:last-child {
    margin:0;
}

.rh2o {text-transform: none;}

.intro .intro-desc h3 {
    margin-bottom:0;
    margin-top:0;
    font-size:20px;
}

.intro-btn-down {
    flex:0 0 90px;
    display: block;
}

.intro-btn-down a {
    background-color:#f42839;
    display: block;
    margin:0 auto;
}

.intro-btn-down a:hover {
    background-color:#FFF;
    color:#f42839;
}
.en-cours-col-top {
    display:none;
}

.intro-body .block-content {
    padding:20px 25px;
    border-radius: 8px;
}

.intro-body .block-cta {
    text-align: center;
}

.intro-body .block-cta h2 {
    margin-bottom:0.6em;
}

@media(max-width:768px){
    .intro {
        height: auto;
        max-height: none;
    }
    .intro .intro-body {
        position: relative;
        bottom:auto;
        padding-top: 80%;
        padding-bottom: 20px;
    }

    .intro .intro-content {
        display:none;
    }

    .intro .intro-body .col {
        margin-bottom:1em;
    }
    .intro .intro-body .col .block-content {
        box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    }

    .intro .intro-body .intro-heading {
        border:0 none;
        padding:0;
    }

    .intro .intro-body .intro-heading h1 {
        margin:0;
    }

    .intro {
        min-height: 375px;
    }

    .btn-back {
        display: none;
    }

}
@media(min-width:769px){
    .intro .intro-body {
        bottom:25px;
    }

    .intro .intro-desc h2 {
        margin-bottom:14px;
        font-size:26px;
    }

    .intro .intro-desc h3 {
        margin-bottom:0;
        margin-top:0;
        font-size:22px;
    }

}

@media(min-width:992px){
    .en-cours-col-top {
        display:block;
    }
    .boite-en-cours-mobile {
        display:none;
    }
}

.header-bg-container {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.header-bgimg {
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.header-bgimg>img, .header-bgimg-mobile>img {
    display:none;
}
video.bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


@media(max-width:768px){
    .header-bg-container {
        max-height: 60%;
    }
    .header-bgimg {
        background-position: center;
    }

}
#welcome {
}

#welcome h1 {
}


.home .price {
    /*color:#FFF;
    background-color:#2e2020;*/
    font-weight: bold;
}

@media(min-width:769px) {
    .header-bgimg {
        display:block;
    }
    .header-bgimg #header-protic17 {
        width:100%;
        height:100%;
    }
}

@media(min-width:992px) {

    .header-bg-container {
        position:absolute;
        width:100%;
        height:100%;
        overflow:hidden;
    }
    video.bgvid {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}

/*==== PAGE ====*/

.page-container {
    padding-top:30px;
    padding-bottom: 30px;
}
.page-section {
    padding-top:0;
}

.page-section h1{
    /*font-size:30px;
    margin-bottom:20px;*/
}

.page-section header h1{
    font-size:30px;
    margin:20px 0;
}

.page-section header.header-img {
    padding-top:50%;
    background-position:center;
    background-size:cover;
}

.page-content {
    /*margin-top:60px;
    margin-bottom: 60px;*/
}

.row .row {
    margin:0;
}

.page-content video {
    max-width:100%;
}

.page-content li {
    margin-bottom:0.3em;
}
/*.page-content p>a:not(.btn):not(.thumbnail):not(.lightcase) {
    position:relative;
    display:inline-block;
}
.page-content p>a:not(.btn):not(.thumbnail):not(.lightcase):after {
    content: '';
    position:absolute;
    width:100%;
    height: 1px;
    left: 0;
    bottom: 1px;
    background-color:#42C2DC;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.page-content p>a:not(.btn):not(.thumbnail):not(.lightcase):hover:after {
    content: '';
    background-color:#B50E86;
}*/

.content-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.page-content img {
    max-width: 100%;
    height: auto;
}


    .page-content img.pastille {
        margin:20px 0;
    }

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.buy-area {
    margin:2em 0;
}

.presse-titre {}
.presse-infos {
    text-align:right;
}

.other-lang {
    font-size:0.8em;
    font-style:italic;
    color:#999;
    margin-top:20px;
}

.other-lang .title {
    font-size:1.2em;
    margin-top:0;
    margin-bottom:1em;
}

#welcome .other-lang {
    margin-top:40px;
}

.bg-secondary .other-lang {
    color:#CCC;
}

.lang-note {
    color:#8CC641;
    font-size:0.9em;
}

@media(max-width:768px) {
    .page-content img.pastille {
        float:none;
        display: block;
        margin:10px auto;
    }

}
@media(min-width:769px) {

    .page-section {
        padding-top:80px;
    }

    .page-section header.header-img {
        padding-top:25%;
        background-position:center;
        background-size:cover;
    }
    .page-section header h1{
        font-size:36px;
        margin:60px 0;
    }
    .act-list h1 {
        font-size:26px;
        margin-bottom:20px;
    }
    .page-container {
        padding-top:80px;
        padding-bottom: 80px;
    }
    .content-section {
        padding-top: 100px;
    }

    .col {
        margin-bottom:0;
    }

    .download-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
        margin-top: 250px;
    }
}


/*==== PROGRAMMATION ====*/

.programmation .act-time {
    padding:15px 15px 15px 0;
    margin-bottom:0;
}

.programmation .act-desc {
    padding:15px 0 15px 15px;
    margin:0;
    border-left:solid 1px #FFF;
    position:relative;
    margin-bottom:0;
}

.programmation .act-desc:after {
    content:"";
    background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
    width:40px;
    height:1px;
    position:absolute;
    bottom:0;
    left:0;
}

.programmation .act-desc a {
    position: relative;
}

.programmation .act-desc a:after {
    content:"";
    border-bottom-style:solid;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    height:0;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}

.programmation .act-desc .act-title {
    font-weight:400;
    margin:0;
}

.programmation .act-desc .act-title a {
    font-weight:700;
}

.programmation .act-desc .act-title+.act-detail {
    margin:6px 0 0 0;
}

.programmation .act-desc {
    padding:15px 0 15px 15px;
    margin:0;
    border-left:solid 1px #FFF;
    position:relative;
}

.programmation .act-presenter {
    margin-bottom:4px;
}

.programmation .act-presenter(:last-child) {
    margin-bottom:0;
}

/*==== NEWS ==== */

.page-content article:first-child {
    padding-top:0;
}

.entry-content {
    margin-bottom:2em;
    padding-top:1em;
}

.entry-content:not(:first-child) {
    border-top:1px #EEE solid;
}

.entry-content h1 {
    padding-top:0;  
}

.entry-content .date, .page-content .date {
    font-size:1.1em;
    color:#31c3a8;
    margin-top:0;
}

.entry-content .date, .page-content .date+h2 {
    margin-top:10px;
}

.entry-content .content-area {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.entry-content .content-area .post-thumb {
    flex:0 0 150px;
}

.entry-content .content-area .post-content {
    flex:1 1 auto;
}

@media(max-width:768px){
    .entry-content .content-area .post-thumb {
        display:none;
    }

}

/*==== Emplois =====*/

.activite-title-section {
    padding-top:140px;
    padding-bottom:60px;
    position: relative;
}
.activite-title-section h2 {
    margin-bottom: 0;
}
.activite-infos-section, .activite-extra-section, .activite-present-section, .activite-contact-section {
    padding-top:60px;
    padding-bottom:60px;
    position: relative;
}
.activite-infos-section .container, .activite-extra-section .container, .activite-present-section .container {
    position: relative;
    background-color: inherit;
}
/*.activite-infos-section .container::after, .activite-extra-section .container::after, .activite-present-section .container::after {
    position: absolute;
    content:"";
    display: block;
    width:40px;
    height: 40px;
    transform: rotate(45deg);
    background-color: inherit;
    z-index: 20;
    bottom:-76px;
    left:0;
    margin-left:60px;
}*/
.activite-present-section {
    color: #000;
}
.activite-infos {
    font-size:1.2em;
    font-weight:600;
    color: #000;
}
.activite-infos p {
    padding:12px 0;
    margin:0;
}
.activite-infos p:first-child {
    padding-top:0;
}
.activite-infos p:not(:last-child) {
    border-bottom:1px dotted #000;
}

.activite-present {
    /*float:right;
    width: 400px;
    color: #fff;
    background-color: #2e2020;
    margin:0 0 30px 30px;
    color: #FFF;*/
}

.activite-logo {
    background-color: #FFF;
}

.activite-logo img {
    max-width:100%;
    height: auto;
}

.activite-desc {
    
}

.texte_clair {
    color:#FFF;
}

.texte_dark {
    color:#000;
}
.tableau-emplois {

}
.tableau-emplois thead {
    font-weight: 600;
}
.tableau-emplois td {
    border-bottom:1px dotted #2e2020;
    padding:5px 10px;
}
.tableau-emplois td:first-child {
    padding-left:0;
}
.tableau-emplois td:last-child {
    padding-right:0;
}
.tableau-emplois thead td {
    border-bottom:2px solid #2e2020;
}
.activite-table-title {}
.activite-table-boss {}
.activite-table-lieu {}
.activite-table-duree {}
.activite-table-date {}

@media(max-width:768px) {
    .activite-title-section {
        padding-top:60px;
    }
    .container .col:last-child {
        margin-bottom: 0;
    }

    .activite-table-lieu {display: none;}
    .activite-table-duree {display: none;}
    .activite-table-date {display: none;}
}

/*==== Acitvités =====*/

.list-conf {
    padding:0;
    margin:0;
    list-style: none;
    font-size:0.8em;
}
.list-conf>li {
    padding:0;
    margin:0 0 30px 0;
}
.btn-back {
    font-size:30px;
    margin-bottom:2em;
}

.act-conferencier {
    padding-top:35px;
}
.act-conferencier:before {
    content:'';
    width:100px;
    height:0;
    border-top:3px solid #f42839;
    top:-20px;
    position: relative;
    display:block;
}
.act-conf-name {
    margin-bottom:1em;
    font-size:1.1em;
}
.logos-act {
    text-align: center;
}
.logos-act img {
    margin:20px;
}
.act-collabo {
    padding-top:35px;
}

.act-collabo:before {
    content:'';
    width:100px;
    height:0;
    border-top:3px solid #f42839;
    top:-20px;
    position: relative;
    display:block;
}

.act-collabo p {
    font-size:0.8em;
}

/*==== PRODUITS ====*/

.woocommerce .sku_wrapper, .woocommerce-result-count, .woocommerce-ordering, .woocommerce .woocommerce-tabs .tabs {
    display:none;
}

.woocommerce .related.products h2, .woocommerce .upsells.products h2 {
    font-size: 1.1em;
}

.woocommerce .product .woocommerce-loop-product__title {
    text-transform: none;
    font-size: 0.8em;
    line-height: 1.2em;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding:1em 0;
}

.woocommerce div.product form.cart .variations td {
    display: block;
    padding: 0;
}

.woocommerce div.product form.cart .variations td.label {
    display: block;
    text-align: left;
}

.woocommerce div.product form.cart .variations label {
    color:#2e2020;
    display:block;
    margin:10px 0 0 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    border: 1px solid #f42839;
    color: #FFF;
    background-color: #f42839;
    font-size: 18px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    border: 1px solid #f42839;
    outline: 0;
    color: #f42839;
    background: transparent;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    border: 1px solid #f42839;
    color: #f42839;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    border: 1px solid #f42839;
    outline: 0;
    color: #fff;
    background: #f42839;
}

.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock {
    color:#99d7a9;
    font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*==== PARTNERS ====*/

.list-partenariats {
    text-align:center;
    list-style: none;
    padding:0;
}

.list-partenariats>li {
    margin-bottom:4em;
    margin-top:50px;
}
.list-partenariats h2 {
    font-size:30px;
}

.prtn-web-nom + .prtn-web-nom, .prtn-web-nom + .prtn-nom, .prtn-nom + .prtn-web-nom, .prtn-nom + .prtn-nom {
    padding-left:0;
}

.prtn-web-nom + .prtn-web-nom:before, .prtn-web-nom + .prtn-nom:before, .prtn-nom + .prtn-web-nom:before, .prtn-nom + .prtn-nom:before {
    content:'\2022';
    display:inline-block;
    margin:0 19px 0 0;
    color:#000;
}

.logos-partenaires img {
    max-height:90px;
    max-width:200px;
}

.footer-partenaires .logos-partenaires img {
    max-width:450px;
}

.logos-partenaires.partenaires img {
    max-height:140px;
    max-width:320px;
}

.list-partenaires li {
    padding:15px 20px;
}

.partner.telus img {
    max-width:340px;
}

.liste-partenaires {
    text-align: center;
}

.liste-partenaires li {
    padding: 15px 20px;
}

/*.footer-clients .logos-clients img {
    max-width:450px;
}*/

.liste-partenaires .partenaire span {
    display: none;
}

.liste-partenaires .partenaire img {
    max-height: 90px;
    max-width: 200px;
}

/*==== FOOTER ==== */

.page-footer {
    padding: 70px 0 100px;
}

.page-footer .copy {
    margin:2em 0 0;
}

.page-section + .page-footer .footer-partenaires:before {
    content:'';
    width:360px;
    height:0;
    border-top:3px solid #f42839;
    top:-30px;
    margin:0 auto;
    position: relative;
}

ul.banner-social-buttons {
    margin-top: 2em;
}

.logos-partenaires {
    margin:1em 0;
}
.logos-partenaires img {
    margin:0 1em;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }

    .footer-partenaires .logos-partenaires img {
        max-width:100%;
    }

    .footer-partenaires .list-partenaires li {
        padding:15px 0;
        display:block;
    }
    .logos-partenaires img {
        margin: 0;
    }

}


/* =============================================================================
   SOCIAL-BOOKMARKS OVERRIDE
   ========================================================================== */

#share-bookmarks {background-color:transparent !important;}
#share-bookmarks ul {padding:0 !important; margin:0 !important;}
#share-bookmarks ul li {margin: 0 4px 0 0 !important;}
#share-bookmarks ul li a {font-size:0.9em; color:rgba(0,0,0,0.3) !important;}
#share-bookmarks .share-facebook a {border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-google a {border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-twitter a {border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-email a { border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-facebook a:hover, #share-bookmarks .share-google a:hover, #share-bookmarks .share-twitter a:hover, #share-bookmarks .share-email a:hover {color:#42C2DC !important;}


/* WP Forms*/

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #c1e5de;
    border: 1px solid #31c3a8;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    text-transform: uppercase;
    font-family: 'Mulish',"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    border-radius:3px;
    border: 1px solid #f42839;
    color: #FFF;
    background-color: #f42839;
}