@media(max-width:767px) {
    .hidden-xs {
        display: none;
    }

    .w1 {width: auto; display: inline-block; vertical-align: top}
    .o1 {display: inline-block; vertical-align: top}
    .w2 {width: auto; display: inline-block; vertical-align: top}
    .o2 {display: inline-block; vertical-align: top}
    .w3 {width: auto; display: inline-block; vertical-align: top}
    .o3 {display: inline-block; vertical-align: top}
    .w4 {width: auto; display: inline-block; vertical-align: top}
    .o4 {display: inline-block; vertical-align: top}
    .w5 {width: auto; display: inline-block; vertical-align: top}
    .o5 {display: inline-block; vertical-align: top}
    .w6 {width: auto; display: inline-block; vertical-align: top}
    .o6 {display: inline-block; vertical-align: top}
    .w7 {width: auto; display: inline-block; vertical-align: top}
    .o7 {display: inline-block; vertical-align: top}
    .w8 {width: auto; display: inline-block; vertical-align: top}
    .o8 {display: inline-block; vertical-align: top}
    .w9 {width: auto; display: inline-block; vertical-align: top}
    .o9 {display: inline-block; vertical-align: top}
    .w10 {width: auto; display: inline-block; vertical-align: top}
    .o10 {display: inline-block; vertical-align: top}
    .w11 {width: auto; display: inline-block; vertical-align: top}
    .o11 {display: inline-block; vertical-align: top}
    .w12 {width: auto; display: inline-block; vertical-align: top}
    .o12 {display: inline-block; vertical-align: top}
    .w13 {width: auto; display: inline-block; vertical-align: top}
    .o13 {display: inline-block; vertical-align: top}
    .w14 {width: auto; display: inline-block; vertical-align: top}
    .o14 {display: inline-block; vertical-align: top}
    .w15 {width: auto; display: inline-block; vertical-align: top}
    .o15 {display: inline-block; vertical-align: top}
    .w16 {width: auto; display: inline-block; vertical-align: top}
    .o16 {display: inline-block; vertical-align: top}
    .w17 {width: auto; display: inline-block; vertical-align: top}
    .o17 {display: inline-block; vertical-align: top}
    .w18 {width: auto; display: inline-block; vertical-align: top}
    .o18 {display: inline-block; vertical-align: top}
    .w19 {width: auto; display: inline-block; vertical-align: top}
    .o19 {display: inline-block; vertical-align: top}
    .w20 {width: auto; display: inline-block; vertical-align: top}
    .o20 {display: inline-block; vertical-align: top}
    .w21 {width: auto; display: inline-block; vertical-align: top}
    .o21 {display: inline-block; vertical-align: top}
    .w22 {width: auto; display: inline-block; vertical-align: top}
    .o22 {display: inline-block; vertical-align: top}
    .w23 {width: auto; display: inline-block; vertical-align: top}
    .o23 {display: inline-block; vertical-align: top}
    .w24 {width: auto; display: inline-block; vertical-align: top}
    .o24 {display: inline-block; vertical-align: top}
    .w25 {width: auto; display: inline-block; vertical-align: top}
    .o25 {display: inline-block; vertical-align: top}
    .w26 {width: auto; display: inline-block; vertical-align: top}
    .o26 {display: inline-block; vertical-align: top}
    .w27 {width: auto; display: inline-block; vertical-align: top}
    .o27 {display: inline-block; vertical-align: top}
    .w28 {width: auto; display: inline-block; vertical-align: top}
    .o28 {display: inline-block; vertical-align: top}
    .w29 {width: auto; display: inline-block; vertical-align: top}
    .o29 {display: inline-block; vertical-align: top}
    .w30 {width: auto; display: inline-block; vertical-align: top}
    .o30 {display: inline-block; vertical-align: top}
    .w31 {width: auto; display: inline-block; vertical-align: top}
    .o31 {display: inline-block; vertical-align: top}
    .w32 {width: auto; display: inline-block; vertical-align: top}
    .o32 {display: inline-block; vertical-align: top}
    .w33 {width: auto; display: inline-block; vertical-align: top}
    .o33 {display: inline-block; vertical-align: top}
    .w34 {width: auto; display: inline-block; vertical-align: top}
    .o34 {display: inline-block; vertical-align: top}
    .w35 {width: auto; display: inline-block; vertical-align: top}
    .o35 {display: inline-block; vertical-align: top}
    .w36 {width: auto; display: inline-block; vertical-align: top}
    .o36 {display: inline-block; vertical-align: top}
    .w37 {width: auto; display: inline-block; vertical-align: top}
    .o37 {display: inline-block; vertical-align: top}
    .w38 {width: auto; display: inline-block; vertical-align: top}
    .o38 {display: inline-block; vertical-align: top}
    .w39 {width: auto; display: inline-block; vertical-align: top}
    .o39 {display: inline-block; vertical-align: top}
    .w40 {width: auto; display: inline-block; vertical-align: top}
    .o40 {display: inline-block; vertical-align: top}
    .w41 {width: auto; display: inline-block; vertical-align: top}
    .o41 {display: inline-block; vertical-align: top}
    .w42 {width: auto; display: inline-block; vertical-align: top}
    .o42 {display: inline-block; vertical-align: top}
    .w43 {width: auto; display: inline-block; vertical-align: top}
    .o43 {display: inline-block; vertical-align: top}
    .w44 {width: auto; display: inline-block; vertical-align: top}
    .o44 {display: inline-block; vertical-align: top}
    .w45 {width: auto; display: inline-block; vertical-align: top}
    .o45 {display: inline-block; vertical-align: top}
    .w46 {width: auto; display: inline-block; vertical-align: top}
    .o46 {display: inline-block; vertical-align: top}

    .xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .xs-1 { width: 8.333333333%; }
    .xs-2 { width: 16.66666667%; }
    .xs-3 { width: 25%; }
    .xs-4 { width: 33.3333333%; }
    .xs-5 { width: 41.66666667%; }
    .xs-6 { width: 50%; }
    .xs-7 { width: 58.33333333%; }
    .xs-8 { width: 66.6666667%; }
    .xs-9 { width: 75%; }
    .xs-10 { width: 83.33333333%; }
    .xs-11 { width: 91.66666667%; }
    .xs-12 { width: 100%; }
    .xs-o-1 { margin-left: 8.333333333%; }
    .xs-o-2 { margin-left: 16.66666667%; }
    .xs-o-3 { margin-left: 25%; }
    .xs-o-4 { margin-left: 33.3333333%; }
    .xs-o-5 { margin-left: 41.66666667%; }
    .xs-o-6 { margin-left: 50%; }
    .xs-o-7 { margin-left: 58.33333333%; }
    .xs-o-8 { margin-left: 66.6666667%; }
    .xs-o-9 { margin-left: 75%; }
    .xs-o-10 { margin-left: 83.33333333%; }
    .xs-o-11 { margin-left: 91.66666667%; }
    .xs-o-12 { margin-left: 100%; }

    .xs-row {
        width: 100%;
    }

    .container {
        width: 100%;
        margin: 0;
        position: relative;
    }

    #logo-container {
        padding: 5px;
        width: 100%;
        display: block;
    }

    #logo-image{
        text-align: center;
        top: 13px;
        left: 4px;
        margin-top: 5px;
        max-height: 47px;
        width: auto;
        margin-bottom: 10px;
    }

    #nav-container {
        text-align: right;
        width: 100%;
        padding-right: 5px;
        padding-top: 5px;
    }

    .navbar-toggle {
        width: 50px;
        height: 50px;
        border: 1px solid #c9c9c9;
        background-color: #fff;
        border-radius: 4px;
        float: right;
    }

    button .icon-bar {
        width: 60%;
        height: 4px;
        display: block;
        margin-top: 6px;
        margin-bottom: 6px;
        background-color: #000;
        margin-left: 20%;
        border-radius: 2px;
    }

    .nav {
        display: none;
        margin-bottom: 20px;
    }

    ul.nav li {
        display: block;
        text-align: left;
        margin-top: 0;
        padding-left: 5px;
        height: 42px;
    }

    ul.nav li a {
        padding-left: 5px;
    }

    .row.header {
        height: auto;
        margin-bottom: -20px;
    }

    .event-lead {
        padding-left: 4px;
    }
    .event-title {
        padding-left: 3px;
    }

    .programme-month {
        padding-top: 21px;
        padding-left: 5px;
    }

    .media-archive {
        padding-left: 5px;
        padding-right: 5px;
    }

    .page {
        padding-left: 5px;
        padding-right: 5px;
    }

    .page table tbody {
        overflow-x: scroll;
    }

    .rightbar {
        width: 100%;
        text-align: center;
        top: 0 !important;
    }

    .rightbar img {
        margin-top: 0px !important;
    }

    .rightbar .ninja-forms-form {
        width: 100%;
    }

    .text-wrap.label-inside input.ninja-forms-req, .textarea-wrap.label-inside textarea.ninja-forms-req, .ninja-forms-form input, .ninja-forms-form select,  .ninja-forms-all-fields-wrap .ninja-forms-form-wrap input {
        width: calc(100% - 42px) !important;
    }

    .ninja-forms-form textarea{
        width: calc(100% - 42px) !important;
    }

    .news-date-and-title {
        padding-left: 4px;
    }

    .news-body {
        padding-left: 5px;
        padding-right: 5px;
    }

    .event-details {
        padding-left: 5px;
        padding-right: 5px;
    }

    .event-prices {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 14px;
    }

    .event-right-bar {
        width: 100%;
    }

    .event-right-bar h2 {
        margin-top: 21px;
        margin-bottom: 14px;
    }

    .event-right-bar iframe {
        height: 240px;
    }

    .partners-page {
        padding: 5px;
    }

    .partners-page .partner {
        padding: 5px;
    }

    footer {
        width: 100%;
        padding-left: 5px;
    }

    footer address {
        margin-bottom: 5px;
    }

    .page-change {
        padding: 0 5px;
    }

    a.soutiens-nous {
        display: none;
    }

    li.li-soutiens-nous {
        height: auto !important;
    }

    a.soutiens-nous.menu {
        height: 60px;
        position: relative;
        left: -3px;
        text-align: center;
        margin-top: 60px;
    }

    a.soutiens-nous.menu img {
        max-height: 100%;
    }

    .bouton-25-ans {
        display: block;
        width: 150px;
        position: absolute;
        left: 50%;
        margin-left: -75px;
        top: 3px;
        z-index: 10;
    }

    .buy-link {
        width: 24%;
    }
}

@media(min-width:768px) and (max-width:966px) {
    .hidden-sm {
        display: none;
    }

    .w1 {width: auto; display: inline-block; vertical-align: top}
    .o1 {display: inline-block; vertical-align: top}
    .w2 {width: auto; display: inline-block; vertical-align: top}
    .o2 {display: inline-block; vertical-align: top}
    .w3 {width: auto; display: inline-block; vertical-align: top}
    .o3 {display: inline-block; vertical-align: top}
    .w4 {width: auto; display: inline-block; vertical-align: top}
    .o4 {display: inline-block; vertical-align: top}
    .w5 {width: auto; display: inline-block; vertical-align: top}
    .o5 {display: inline-block; vertical-align: top}
    .w6 {width: auto; display: inline-block; vertical-align: top}
    .o6 {display: inline-block; vertical-align: top}
    .w7 {width: auto; display: inline-block; vertical-align: top}
    .o7 {display: inline-block; vertical-align: top}
    .w8 {width: auto; display: inline-block; vertical-align: top}
    .o8 {display: inline-block; vertical-align: top}
    .w9 {width: auto; display: inline-block; vertical-align: top}
    .o9 {display: inline-block; vertical-align: top}
    .w10 {width: auto; display: inline-block; vertical-align: top}
    .o10 {display: inline-block; vertical-align: top}
    .w11 {width: auto; display: inline-block; vertical-align: top}
    .o11 {display: inline-block; vertical-align: top}
    .w12 {width: auto; display: inline-block; vertical-align: top}
    .o12 {display: inline-block; vertical-align: top}
    .w13 {width: auto; display: inline-block; vertical-align: top}
    .o13 {display: inline-block; vertical-align: top}
    .w14 {width: auto; display: inline-block; vertical-align: top}
    .o14 {display: inline-block; vertical-align: top}
    .w15 {width: auto; display: inline-block; vertical-align: top}
    .o15 {display: inline-block; vertical-align: top}
    .w16 {width: auto; display: inline-block; vertical-align: top}
    .o16 {display: inline-block; vertical-align: top}
    .w17 {width: auto; display: inline-block; vertical-align: top}
    .o17 {display: inline-block; vertical-align: top}
    .w18 {width: auto; display: inline-block; vertical-align: top}
    .o18 {display: inline-block; vertical-align: top}
    .w19 {width: auto; display: inline-block; vertical-align: top}
    .o19 {display: inline-block; vertical-align: top}
    .w20 {width: auto; display: inline-block; vertical-align: top}
    .o20 {display: inline-block; vertical-align: top}
    .w21 {width: auto; display: inline-block; vertical-align: top}
    .o21 {display: inline-block; vertical-align: top}
    .w22 {width: auto; display: inline-block; vertical-align: top}
    .o22 {display: inline-block; vertical-align: top}
    .w23 {width: auto; display: inline-block; vertical-align: top}
    .o23 {display: inline-block; vertical-align: top}
    .w24 {width: auto; display: inline-block; vertical-align: top}
    .o24 {display: inline-block; vertical-align: top}
    .w25 {width: auto; display: inline-block; vertical-align: top}
    .o25 {display: inline-block; vertical-align: top}
    .w26 {width: auto; display: inline-block; vertical-align: top}
    .o26 {display: inline-block; vertical-align: top}
    .w27 {width: auto; display: inline-block; vertical-align: top}
    .o27 {display: inline-block; vertical-align: top}
    .w28 {width: auto; display: inline-block; vertical-align: top}
    .o28 {display: inline-block; vertical-align: top}
    .w29 {width: auto; display: inline-block; vertical-align: top}
    .o29 {display: inline-block; vertical-align: top}
    .w30 {width: auto; display: inline-block; vertical-align: top}
    .o30 {display: inline-block; vertical-align: top}
    .w31 {width: auto; display: inline-block; vertical-align: top}
    .o31 {display: inline-block; vertical-align: top}
    .w32 {width: auto; display: inline-block; vertical-align: top}
    .o32 {display: inline-block; vertical-align: top}
    .w33 {width: auto; display: inline-block; vertical-align: top}
    .o33 {display: inline-block; vertical-align: top}
    .w34 {width: auto; display: inline-block; vertical-align: top}
    .o34 {display: inline-block; vertical-align: top}
    .w35 {width: auto; display: inline-block; vertical-align: top}
    .o35 {display: inline-block; vertical-align: top}
    .w36 {width: auto; display: inline-block; vertical-align: top}
    .o36 {display: inline-block; vertical-align: top}
    .w37 {width: auto; display: inline-block; vertical-align: top}
    .o37 {display: inline-block; vertical-align: top}
    .w38 {width: auto; display: inline-block; vertical-align: top}
    .o38 {display: inline-block; vertical-align: top}
    .w39 {width: auto; display: inline-block; vertical-align: top}
    .o39 {display: inline-block; vertical-align: top}
    .w40 {width: auto; display: inline-block; vertical-align: top}
    .o40 {display: inline-block; vertical-align: top}
    .w41 {width: auto; display: inline-block; vertical-align: top}
    .o41 {display: inline-block; vertical-align: top}
    .w42 {width: auto; display: inline-block; vertical-align: top}
    .o42 {display: inline-block; vertical-align: top}
    .w43 {width: auto; display: inline-block; vertical-align: top}
    .o43 {display: inline-block; vertical-align: top}
    .w44 {width: auto; display: inline-block; vertical-align: top}
    .o44 {display: inline-block; vertical-align: top}
    .w45 {width: auto; display: inline-block; vertical-align: top}
    .o45 {display: inline-block; vertical-align: top}
    .w46 {width: auto; display: inline-block; vertical-align: top}
    .o46 {display: inline-block; vertical-align: top}

    .xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .xs-1 { width: 8.333333333%; }
    .xs-2 { width: 16.66666667%; }
    .xs-3 { width: 25%; }
    .xs-4 { width: 33.3333333%; }
    .xs-5 { width: 41.66666667%; }
    .xs-6 { width: 50%; }
    .xs-7 { width: 58.33333333%; }
    .xs-8 { width: 66.6666667%; }
    .xs-9 { width: 75%; }
    .xs-10 { width: 83.33333333%; }
    .xs-11 { width: 91.66666667%; }
    .xs-12 { width: 100%; }
    .xs-o-1 { margin-left: 8.333333333%; }
    .xs-o-2 { margin-left: 16.66666667%; }
    .xs-o-3 { margin-left: 25%; }
    .xs-o-4 { margin-left: 33.3333333%; }
    .xs-o-5 { margin-left: 41.66666667%; }
    .xs-o-6 { margin-left: 50%; }
    .xs-o-7 { margin-left: 58.33333333%; }
    .xs-o-8 { margin-left: 66.6666667%; }
    .xs-o-9 { margin-left: 75%; }
    .xs-o-10 { margin-left: 83.33333333%; }
    .xs-o-11 { margin-left: 91.66666667%; }
    .xs-o-12 { margin-left: 100%; }

    .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .sm-1 { width: 8.333333333%; }
    .sm-2 { width: 16.66666667%; }
    .sm-3 { width: 25%; }
    .sm-4 { width: 33.3333333%; }
    .sm-5 { width: 41.66666667%; }
    .sm-6 { width: 50%; }
    .sm-7 { width: 58.33333333%; }
    .sm-8 { width: 66.6666667%; }
    .sm-9 { width: 75%; }
    .sm-10 { width: 83.33333333%; }
    .sm-11 { width: 91.66666667%; }
    .sm-12 { width: 100%; }
    .sm-o-1 { margin-left: 8.333333333%; }
    .sm-o-2 { margin-left: 16.66666667%; }
    .sm-o-3 { margin-left: 25%; }
    .sm-o-4 { margin-left: 33.3333333%; }
    .sm-o-5 { margin-left: 41.66666667%; }
    .sm-o-6 { margin-left: 50%; }
    .sm-o-7 { margin-left: 58.33333333%; }
    .sm-o-8 { margin-left: 66.6666667%; }
    .sm-o-9 { margin-left: 75%; }
    .sm-o-10 { margin-left: 83.33333333%; }
    .sm-o-11 { margin-left: 91.66666667%; }
    .sm-o-12 { margin-left: 100%; }

    .sm-row {
        width: 100%;
    }

    .container {
        width: calc(100% - 42px);
        margin: 10px auto 0 auto;
        position: relative;
    }

    #logo-container {
        padding: 5px;
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    #logo-image{
        text-align: center;
        top: 12px;
        left: 18px;
        margin-top: 5px;
        max-height: 47px;
        width: auto;
    }

    #nav-container {
        text-align: right;
        width: 100%;
        padding-right: 5px;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .navbar-toggle {
        width: 50px;
        height: 50px;
        border: 1px solid #c9c9c9;
        background-color: #fff;
        border-radius: 4px;
        float: right;
    }

    button .icon-bar {
        width: 60%;
        height: 4px;
        display: block;
        margin-top: 6px;
        margin-bottom: 6px;
        background-color: #000;
        margin-left: 20%;
        border-radius: 2px;
    }

    .nav {
        display: none;
        margin-bottom: 20px;
    }

    ul.nav li {
        display: block;
        text-align: left;
        margin-top: 0;
        padding-left: 5px;
        height: 42px;
    }

    ul.nav li a {
        padding-left: 5px;
    }

    .row.header {
        height: auto;
        margin-bottom: -20px;
    }

    .event-lead {
        padding-left: 4px;
    }
    .event-title {
        padding-left: 3px;
    }

    .program {
        padding-left: 22px;
    }

    .programme-month {
        padding-top: 21px;
        padding-left: 5px;
    }

    .news-archive, .event-archive, .media-archive {
        padding-left: 21px;
        padding-right: 21px;
    }

    .page {
        padding-left: 21px;
        padding-right: 21px;
    }

    .page table {
        width: 100%;
    }

    .page table tbody {
        overflow-x: scroll;
    }

    .rightbar {
        width: 100%;
        text-align: center;
        top: 0 !important;
    }

    .rightbar img {
        margin-top: 0px !important;
    }

    .rightbar .ninja-forms-form {
        width: 100%;
    }

    .text-wrap.label-inside input.ninja-forms-req, .textarea-wrap.label-inside textarea.ninja-forms-req, .ninja-forms-form input, .ninja-forms-form select,  .ninja-forms-all-fields-wrap .ninja-forms-form-wrap input {
        width: calc(100% - 42px) !important;
    }

    .ninja-forms-form textarea{
        width: calc(100% - 42px) !important;
    }

    .news-date-and-title {
        padding-left: 4px;
    }

    .news-body {
        padding-left: 5px;
        padding-right: 5px;
    }

    .event-details {
        padding-left: 21px;
        padding-right: 21px;
    }

    .event-prices {
        margin-top: 5px;
        margin-bottom: 14px;
    }

    .event-content-details {
        padding-right: 21px;
    }

    .event-right-bar h2 {
        margin-top: 21px;
        margin-bottom: 14px;
    }

    .event-right-bar iframe {
        height: 150px;
    }

    .partners-page {
        padding: 5px;
    }

    .partners-page .partner {
        padding: 5px;
    }

    footer {
        width: 100%;
        padding-left: 5px;
    }

    footer address {
        margin-bottom: 5px;
    }

    .gallery-videos iframe {
        width: 100%;
    }
}

.table-responsive {
    width: 100%;
    overflow: auto;
}