/* INIT FONT FACE */
/*
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=010f5c5b-dd41-4f9a-9fff-4228a7d903ba");
*/

/*
 * Reset default based on work by Eric Meyer
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    vertical-align: baseline;
}

* {
    outline-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}


body {
    line-height: 1;
    font-family: 'PingFang SC', "Microsoft YaHei"!important;
    font-weight: 300;
   	
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

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

del {
    text-decoration: line-through;
}

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

a img {
    border: none;
}

a {
    text-decoration: none;
}

.picture {
    display: block;
}

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


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

img {
    -ms-interpolation-mode: bicubic;
}

div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-focus-inner {
    border: 0;
}


.visible-xs, .visible-sm {display: none}
.hidden-xs {display:block}


.prepend-top {
    margin-top:20px;
}

.prepend-top-2 {
    margin-top:40px;
}

.prepend-top-3 {
    margin-top:60px;
}

.black {
    color:#000000!important;
    text-transform: none!important;
}



/*
 *  Typo
 */
.anim {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

*::selection {
    background: #FBEFF3;
    /* Safari */
    color: #000;
}

*::-moz-selection {
    background: #FBEFF3;
    /* Firefox */
    color: #000;
}

body {
    font: normal 14px/23px 'HelveticaNeue', sans-serif;
    -webkit-text-size-adjust: 100%;
}
body.no-scrolling {overflow:hidden;}

strong, .bold {
    font-weight: 800;
}


.detail.success {
    font: normal 14px/20px 'HelveticaNeue', sans-serif;
    font-weight: bold;
}

.rte p {
    margin-bottom: 14px;
}

.nav-primary {
    font-family: 'PingFang SC', "Microsoft YaHei";
    font-weight: 700
}

.nav-primary a {
    font-size: 13px;
}

body, a, .carousel-quisommesnous .carousel-view-text .heading-active, .black, .aside .rte, .aside .help-link {
    color: #000;
}

.nav-member, .tweet a, .form-group *, #box-member, #box-member a {
    color: #000;
}

#footer, #footer a, .project-submit, .aside-filter .filter .checkbox, .gray, .project-description a,
.help-hover a, .push-5 .teasing, .organigramme-function, .pager a, .project-address, .project-date {
    color: #999;
}

.project-submit {
    color: #aaa;
}

.tweet, .tweet-date a {
    color: #d5d5d5;
}

.tweet-message {
    overflow: hidden;
}

.bottom-tweet-message {
    display:none;
}

.fb-message-list {
    max-height:200px;
}

.carousel .carousel-nav *, .nav-thirdy li.nav-thirdy-active a, .btn, #footer a:hover, #footer a.active, .icon-collaborateurs-notif,
.carousel-quisommesnous .carousel-view-text .heading {
    color: #fff;
}

.carousel .carousel-nav .carousel-item-active, .carousel .carousel-nav .carousel-item-total {
    color: #e41e3c
}

.nav-primary .nav-primary-active a, .nav-primary a:hover, .red, a.help-link, .pager a.active,
.project-availability, .calendar-day-active, .map-label span, #box-member .heading {
    color: #e80033;
}

.project-terms {
    color: #333;
}

.nav-thirdy li a, .carousel-404 .carousel-view-text .heading {
    color: #c4bbbe;
}

.pink {
    color: #e3849c;
}

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

.uppercase {
    text-transform: uppercase;
}

.form-checkbox a {
    text-decoration: underline;
}

.lang_select {
    width: 50px;
    height: 100px;
    position: absolute;
    top: 0px;
    right: 101px;
}

.lang_select a {
    width: 48px;
    text-align: center;
    line-height: 0;
    padding: 18px 0 16px 0;
    height: 16px;
    display: block;
    color: #cccccc;
    border-left: 1px solid #e6e6e6;
    font-size: 11px;
    line-height: 17px;
    font-weight: 800;
}

.lang_select a:hover, .lang_select a.current {
    color: #000000;
}

.lang_select a.lang-fr {
    border-bottom: 1px solid #e6e6e6;
    margin-top: -1px
}

/* ANIMATIONS */
.anim-opacity {
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    /* Hack IE8 */
    filter: alpha(opacity=25);
    /* Hack IE 5-7 */
    -webkit-transition: opacity 300ms cubic-bezier(.17, .67, .47, 1); /* transition pour Chrome et Safari */
    -moz-transition: opacity 300ms cubic-bezier(.17, .67, .47, 1); /* transition pour Firefox */
    -o-transition: opacity 300ms cubic-bezier(.17, .67, .47, 1); /* transition pour Opéra */
    transition: opacity 300ms cubic-bezier(.17, .67, .47, 1);
}

/*
 *  Structure
 */

html {
    background: #f6f6f6;
    overflow-x: visible;
}

body {
    min-width: 975px;
}



/*
 *  Pushes
 */

.push {
    display: block;
    width: 195px;
    position: relative;
    float: left;
    overflow: hidden;
}

.push img.picture {
    position: relative;
}

.push div {
    padding: 17px 20px;
    background: #fff;
    width: 155px;
    height: 161px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*.push:hover div,
.push-hover div,
.push-active div {
    background: #fff7f9;
}*/

.push .push-border {
    display: block;
    _display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.push:hover .push-border,
.push-hover .push-border,
.push-active .push-border {
    border: 1px solid #e80033;
}

.push .icon-queue {
    position: absolute;
    top: 35px;
    left: -7px;
}

.push-1, .push-no-more, .push-more-prev, .push-more {
    height: 390px;
    width: calc(16.666666% - 30px);
    padding: 0px 15px;
    margin-bottom: 30px
}

.push-no-more, .push-more, .push-no-more, .push-no-more, .push-more-prev {
    margin: 0px 0px;
}

.push-no-more p, .push-more p, .push-no-more p, .push-no-more p, .push-more-prev p {
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    background: #ffffff;
    padding-top: 25%;
    height: 75%;
    margin-top: 0%;
}

.push-no-more p img, .push-more p img, .push-no-more p img, .push-no-more p img, .push-more-prev p img {
    margin-bottom: 20px
}

.push-list-media .push-1 > div > div p.detail:last-child {
    color: #767676
}

.push-1 > div {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0px !important
}


.push-1 > div > div {
    width: 100%;
    position: relative
}

.push-1 > div > div p.detail:last-child {
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    font-weight: 500;
    color: #000000
}

.push-1 > div > div p.detail:last-child span {
    display:none
}

.push-1 .icon-queue {
    top: -7px;
    left: 50%;
    margin-left: -8px;
}

.push-1 .icon-queue {
    top: -7px;
    left: 50%;
    margin-left: -8px;
}

.push-2 {
    height: 195px;
    width: 390px;
}

.push-4 {
    height: 390px;
    width: 390px;
}

.push .heading {
    margin-bottom: 12px;
    padding-bottom: 6px;
    font: bold 18px/22px 'HelveticaNeue', sans-serif;
    font-weight: 800;
}

.push-5 {
    height: auto;
    width: 100%;
    position: relative;
}

.push-5 div.carousel-view-left-inner {
    width: 57%;
    height: 100%;
    position: absolute;
    float: left;
    background-size: cover;
    background-position: center
}

.push-5 div.carousel-view-left-inner img {
    width: auto;
    min-height: 100%;
    min-width: 100%;
    height: auto;
}

.push-5 div.push-inner {
    padding: 0px;
    width: 43%;
    min-height: 505px;
    background: #fff;
    position: relative;
    top: 0;
    float: left
}

.push-5 div.push-inner > div {
    width: 371px
}

.push-5 p {
    font-size: 14px;
    line-height: 23px
}

.push-5 .heading {
    font-size: 24px;
    line-height: 30px;
    font-weight: 900;
    margin-bottom: 30px
}

.push-5 .teasing {
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
}

.push-5 p {
    margin-bottom: 20px;
    text-align: justify;
}

.push-5 .icon-gototop {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;
    margin-left: -29px
}

.push-5 img.picture, .push-5 div.push-inner {
    position: relative;
    float: left;
}

.push-5 {margin-bottom:50px;}

.container-home {
    padding: 30px 120px 0px 120px;
    overflow: hidden;
}

.push-list-home {
    height: 1170px;
    position: relative;
}

.push-list-home .push {
    position: absolute;
}

.push-list-home .push img {
    width: 100%;
    height: 100%
}

.push-list-home .push-4 div {
    width: 50%;
    height: 50%
}

.push-list-home .push-2 {
    display: block;
    padding: 0px
}

.push-list-home .push-2 img {
    float: right;
    width: 50%;
    height: 100%;
    right: 0px
}

.push-list-home .push-2.push-left img {
    float: left;
    right: auto;
    left: 0px
}

.push-list-home .push-2 div {
    position: relative;
    width: 50%;
    display: block;
    float: left;
    height: 100%
}

.push-list-home .push div h2 b {
    display: none;
}

.push-list-home .push div h2 span,
.push-list-home .push p span{
    display: none;
}

.push-list-home .push p span.date {
    display: inline;
    font-weight: 800;
    padding-left: 5px;
}

/*.push-list-home .push p span.date::before {
    content:'';
    display: inline-block;
    vertical-align: 1px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e41e3c;
    margin-right: 5px;
}*/

.push-list-home .push div h2 b,
.push-list-home .push p b{
    display: inline;
}


.push-list-home .push-2.push-left div {
    float: right
}

.push-list-home .push div {
    -webkit-box-sizing: none;
    -moz-box-sizing: none;
    box-sizing: none;
    background: rgba(237, 247, 250, 0.8);

}

.push-list-home .push-sociaux {
    display: none
}

#containerPlus {
    width: 100%;
    /*padding: 0px 30px;*/
    display: block
}

#voir-plus {
    padding: 0px 120px;
    margin-bottom: 30px;
    width: 100%
}

/*.push-voir:hover div {
    background: #fff7f9
}*/

.push-voir {
    display: block;
    left: 50%;
    background-color: #E9E9E9;
}

.push-voir div {
    text-align: center;
    height: 100%;
    background-color: #E9E9E9;
}

.push-voir div p {
    font-size: 14px;
    line-height: 20px;
    top: 50%;
    margin-top: -35px;
    color: #767676
}

.push-voir div p img {
    margin-bottom: 16px
}


.push-more {
    text-align: center;
    font: normal 11px/15px 'HelveticaNeue';
    text-transform: uppercase;
    float: left;
}

.push-more-prev {
    text-align: center;
    font: normal 11px/15px 'HelveticaNeue';
    text-transform: uppercase;
    float: left;
}

.push-no-more {
    display: none;
    text-align: center;
    font: normal 11px/15px 'HelveticaNeue';
    text-transform: uppercase;
    float: left;
}

.aside {
    float: left;
    background: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
}

.aside-depot {
    z-index: 1;
}

#depot {
    min-height: 561px;
    background: #ffffff;
}

.aside-filter .filter {
    padding: 20px;
    width: 100%;
    height: auto;
    border-bottom: solid 1px #ececec;
    background: #222222
}

.aside-filter {
    margin-top: 20px;
}

.aside-filter .filter .trier {
    color: #ffffff;
    display: inline-block;
    float: left;
    line-height: 18px;
    font-size: 14px;
    margin-right: 30px;
}

.aside-filter .filter .heading {
    width:120px;
}

.aside-filter .filter form {
    width: auto;
    display: table
}

.aside-filter .filter .heading {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    display: inline-block;
    color: #656565;
    margin-right: 30px
}

.aside-filter .filter h2:last-child {
    margin-top: 20px
}

.aside-filter .filter .checkbox {
    font-size: 14px;
    line-height: 18px;
    position: relative;
    padding-left: 20px;
    zoom: 1;
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
    margin-right: 20px;
    margin-bottom: 20px
}

.aside-filter .filter .checkbox .icon {
    position: absolute;
    left: 0;
    top: 2px;
}

#filters-mobiles {
    display: none
}

#filters-mobiles p:hover {
    cursor: pointer
}

.aside .project-submit,
.aside .project-terms {
    padding: 59px 20px;
    width: 100%;
    display: block;
    text-align: left;
    font-size: 25px;
    line-height: 28px;
    font-weight: 800;
    color: #000
}

.aside .terms-depos {
    border-bottom: solid 1px #ececec !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:80px;
}

.aside .terms-depos:hover {
    background: #FFF7F9;
}

.aside .terms-depos .icon-expand {
    background-position: -96px -16px;
    background-color: black;
    border: solid 6px black;
    display: inline-block;
    position:absolute;
    right:0px;
    top:0px;
}

.aside .terms-depos:hover .icon-expand {
    background-color: #e80033;
    border-color: #e80033;
}

.aside .terms-depos .icon-expand.invert{
    background-position: -96px -1px
}

.aside .project-submit {
    display: none
}

.aside .rte {
    font: normal 11px/16px 'HelveticaNeue';
    text-transform: none;
    text-align: left;
}

.aside .help-link {
    padding-left: 30px;
    position: relative;
    display: block;
    zoom: 1;
}

.aside .help-link .icon {
    position: absolute;
    top: 3px;
    left: 0;
}

.aside .project-submit img {
    margin: 0 auto 10px;
}

.aside .project-terms img {
    margin: 10px auto 10px;
}

.push-list-media {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
}

.mediatheque .push-1 .heading b {
   /* display: none;*/
}

#types-contenu>h2, #type-media>h2{
    float:left
}

#types-contenu>div, #type-media>div {
    display:table
}

.push-1 .heading b {display: inline-block}
.push-1 .heading span {display:none;}

.aside-project {
    width: 20%;
    overflow: hidden
}

.aside-project img {
    width: 100%;
    height: auto
}

.push-list-media-project {
    width: 80%;
    background: #ffffff
}

.mediatheque {
    padding: 0px 15px;
    margin-top: 30px
}

.media-audio-player a {
    color:#e51e3d;
}

.push-detail {
    clear: both;
    padding: 30px 15px 0px 15px;
    background: #ffffff;
    margin-bottom: 30px
}

.push-detail-illus {
    float: left;
    position: relative;
    width: 43%;
    height: auto !important
}

.push-detail-illus a.icon-close {
    position: absolute;
    right: -40px;
    top: 0;
    z-index: 4;
}

.push-list-media-project .push-detail-illus a.icon-close {
    right: -122px;
}

.push-list-media-project .push-detail-illus a.icon-prev {
    position: absolute;
    right: -40px;
    top: 0;
    z-index: 4;
    background-position: -80px -32px;
}

.push-list-media-project .push-detail-illus
a.icon-next {
    position: absolute;
    right: -81px;
    top: 0;
    z-index: 4;
    background-position: -80px -48px;
}

.push-detail-right {
    margin-top: 0px;
    float: left;
    position: relative;
    z-index: 3;
    width: 57%
}

.push-detail-text {
    padding: 20px;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 3;
}

.push-detail-text.above {
    z-index: 4;
}

.push-detail-text.next {
    margin-top: 0px;
}

.push-detail-text.margin {
    margin-top: 1px;
    padding-top: 0;
}

.push-detail-text-nopadding {
    background: #fff;
    width: 350px;
    position: relative;
    z-index: 3;
}

.push-detail-text-social {
    margin-top: 15px;
    height: 30px;
}

.push-detail-text-pager a.active {
    font-weight: bold;
}

.push-detail-text p, .push-detail-text-page p {
    font-size: 14px;
    line-height: 22px
}

.push-detail-text-page a, .push-detail-text-page p a {
    color: #e51e3d;
    word-wrap: break-word;
}

.push-detail .heading {
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 700
}

.push-detail .detail {
    margin-bottom: 0;
    color: #e51e3d;
    margin-bottom: 30px
}

.push-detail .detail span.date {
    display: inline;
    font-weight: 800;
    padding-left: 5px;
}

.push-detail .detail span.date::before {
    content:'';
    display: inline-block;
    vertical-align: 1px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e41e3c;
    margin-right: 5px;
}

.push-detail .fb_iframe_widget {
    margin-right: 20px
}

.push-detail-video .picture {
    width: 100%;
    height: auto;
}

.push-detail-video .push-detail-illus {
    height: auto !important
}

.push-detail .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    display: none
}

.push-detail .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.push-detail-audio .player {
    text-align: center;
    background-color: #fbeff3;
    padding: 10px 0;
    outline-style: none;
}

.pager {
    margin-bottom: 16px;
    color: #ccc;
}

.pager a {
    font-weight: bold;
}

.push-detail-illus iframe {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.push-detail-illus
.trigger-player {
    z-index: 4;
    position: relative;
    display: block;
}

.push-detail-right .icon-close {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5;
    margin-top: -30px;
    margin-right: -15px
}

.help {
    margin: 0px;
    padding: 30px;
    width: 25%;
    height: auto;
    background: #fff;
    float: left;
    text-align: center;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

#depot .help:last-child {
    border-right:1px solid #ffffff;
}

.help .heading {
    margin-bottom: 20px;
    font: normal 18px/22px 'HelveticaNeue', sans-serif;
    position: absolute;
    left: 5%;
    width: 90%;
    z-index: 2;
    top: 40px
}

.help .picture {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 60px
}

.help p {
    margin-bottom: 25px;
}

.help a {
    margin-bottom: 25px;
    font-size: 14px;
    text-transform: none;
    font-weight:800;
}

.help .help-hover {
    width: 100%;
    height: 100%;
    padding: 0px;
    position: absolute;
    bottom: -100%;
    background-color: #FFF;
    cursor: pointer;
}

.help .help-hover p {
    font-size: 12px;
    line-height: 18px
}

.help .wrap-help {
    position: relative;
    overflow: hidden;
    min-height: 270px
}

.help .wrap-help>p {
    margin-top:20px;
}

.help-link {
    text-transform: uppercase;
    text-decoration: none;
}

.help-link .icon {
    margin: -3px 5px 0 0;
}

.project-terms-inner .project-terms-1,
.project-terms-inner .project-terms-2 {
    /*background-color: #FFF;*/
}

.aside .project-terms {
    float: left;
    border-bottom: none;
}

.project-terms-inner, .project-terms-inner2 {
    float: left;
    background: #ffffff;
    position: relative;
    display: none;
    z-index: 1;
    margin-bottom: 0px;
}

.project-terms-inner {
    border-bottom: solid 1px #ececec !important;
}

.project-terms-inner2 {
    display: block;
}

.project-terms-inner .icon-close {
    position: absolute;
    top: 0;
    right: -40px;
    display: block;
}

.project-terms-inner {
    width: 100%
}

.project-terms-1, .project-terms-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.project-terms-1 {
    width: 35%;
    float: left;
}

.project-terms-1 div {
    width: 345px;
    padding: 0px;
    margin: 50px auto
}

.project-terms-1 div p:first-child strong {
    color:#b8b8b8;
}

.project-terms-2 div>strong {
    color:#b8b8b8;
}

.project-terms-2 {
    padding: 50px;
    width: 65%;
    float: left;
}

.project-terms-2 table tbody tr td:first-child p {
    font-weight:800
}

.project-terms-inner p {
    margin-bottom: 16px;
}

.project-header-inner {
    float: left;
    background: url(/assert/images/px-gray.png) repeat-y 428px 0 white;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
    width: 100%;
}

.project-header-1 {
    padding: 40px 0px;
    width: 350px;
    float: left;
    margin-right: 1px;
    margin-right: 169px;
}

.project-header-2 {
    padding: 50px 0px;
    width: 350px;
    float: left;
}

.project-header-inner a {
    color: #333;
}

.project-header-inner h1.heading-2 {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

.form-container {
    width: 71%;
    margin-left: 5%;
    background: #ffffff;
}

ul.bullet-red,
ul.bullet-gray {
    margin-bottom: 16px;
}

ul.bullet-red li {
    padding-left: 12px;
    background: url(/assert/images/bg/bullet-red.png) 0 7px no-repeat;
}

ul.bullet-gray li {
    padding-left: 12px;
    background: url(/assert/images/bg/bullet-gray.png) 0 7px no-repeat;
}

.push-list-media .theme-anchor {
    opacity: 0;
    height:1px;
}


.theme-anchor .icon {
    border: solid 9px #333333;
    background-color: #333333;
}

.push-gouvernance div.push-inner {
    height: auto;
}

div.gouvernance-inner {
    position: static;
    background: #fff7f9;
    float: left;
    width: 100%
}

div.gouvernance-organigramme {
    background: #fff7f9;
    width: 426px;
    position: relative;
}

div.gouvernance-organigramme ul {
    float: left;
    width:100%;
}

div.gouvernance-organigramme ul li {
    padding-left: 30px;
    position: relative;
    width: 142px;
    float:left;
    height:100px;
    margin-right: 40px;

}

div.gouvernance-organigramme ul li .icon {
    position: absolute;
    top: 3px;
    left: 0;
}

div.gouvernance-organigramme ul>li{
    color:#e51e3d
}

div.gouvernance-inner .heading-2 {
    padding: 20px 60px 18px;
    background: #fbeff3;
    width: 465px;
    font: normal 11px/24px 'HelveticaNeue';
    text-transform: uppercase;
}

div.gouvernance-inner .heading-3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 900;
    margin-bottom: 30px;
}

div.gouvernance-bottom {
    width: 100%;
    background: #fbeff3;
    display: inline-block;
    color: #e70033;
    text-transform: uppercase;
}

div.gouvernance-bottom h3 {
    font-weight: 500;
}

div.gouvernance-bottom span {
    display: inline-block
}

p.organigramme-name {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    text-transform: uppercase;
}



#plus-gouvernance {
    display:none;
}


.push-5 p.organigramme-function {
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
}

.push-list-related {
    float: left;
}

.push-list-related .heading-related {
    margin-top: 1px;
    padding: 20px;
    font-size: 11px;
    text-transform: uppercase;
    background: #fff;
}

p.associated {
    font-size: 11px;
}

ul.associated-list {
}

ul.associated-list a {
    font-size: 11px;
    color: #979797;
    background: url('/assert/images/puce.png') center left no-repeat;
    padding-left: 10px;
}

ul.associated-list a:hover {
}

/* Form */
.project-submit-form {
    background: transparent;
    float: left;
    position: relative;
    width: 100%;
}

.project-submit-form a.icon-gototop {
    position: absolute;
    bottom: 0;
    right: 0px;
}

.project-submit-form .heading, .heading2 {
    font: normal 24px/26px 'HelveticaNeue', sans-serif;
    margin-bottom: 10px;
}

.heading-2 {
    font: normal 12px/18px 'HelveticaNeue', sans-serif;
    font-weight: bold;
}

.project-submit-form .heading-3 {
    padding: 13px 45px;
    line-height: 24px;
    background: #fff7f9;
    font-size: 13px;
    position: relative;
    zoom: 1;
}

.heading-3 .middle {
    position: absolute;
    left: 50%;
    margin-left: 45px;
}

.project-submit-form .heading-3 .icon {
    margin-right: 10px;
}

.project-submit-form p {
    margin-bottom: 0px;
}

.project-submit-form p.error,
.project-submit-form label.error,
.contest-submit-form p.error,
.contest-submit-form label.error,
.contest-submit-form p.error a,
.contest-submit-form th.error {
    color: #E80033;
}

.form-description-1 {
    padding: 40px 50px 30px;
    width: 485px;
    float: left;
}

.form-description-2 {
    padding: 40px 50px 30px;
    width: 210px;
    float: left;
    font-size: 11px;
    line-height: 16px;
}

.form-group-1 {
    padding: 40px 0px 30px 50px;
    width: 50%;
    float: left;
}

.form-group-1 label {
    margin-right: 10px;
}

.form-group-2 {
    padding: 40px 5% 30px;
    width: 100%;
    background: #ffffff;
}

.form-group-2 .detail.gray {
    font-weight: 500;
    text-transform: none;
}

.form-group .form-item.error input {
    border-color: #E80033;
}

.form-group .form-item.error label {
    color: #E80033;
}


.form-item {
    margin-bottom: 10px;
    clear: both;
}

.form-item .btn {
    background: #222222;
    font-weight: 800;
    font-size: 14px;
}

.ui-datepicker {
    width:243px;
}

.ui-datepicker .ui-datepicker-header {
    padding-bottom:5px!important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top:-12px!important
}

.form-text input, .form-textarea textarea {
    padding: 2px 5px;
    width: 53%;
    max-width: 200px;
    height: 20px;
    font: normal 12px/20px 'HelveticaNeue', sans-serif;
    background: #fff;
    border: solid 1px #d8d8d8;
}

.add-more-field, .add-more-file {
    background: rgb(195, 195, 195);
    width: 26px;
    height: 26px;
    display: inline-block;
    top: -1px;
}

.add-more-field img, .add-more-file img {
    margin-left: 5px;
}

.form-text-min input {
    width: 80px;
}

.form-textarea textarea {
    width: 100%;
    height: 190px;
}

label.width-medium {
    width: 33%;
    float: left;
}

label.width-large {
    width: 295px;
    float: left;
}

label.width-extra-large {
    width: 355px;
    float: left;
}

label.width-extra-extra-large {
    width: 555px;
    float: left;
}

.btn {
    padding: 0 20px;
    background: url(/assert/images/bg/btn.png) repeat-x #000;
    display: inline-block;
    font: normal 11px/35px 'HelveticaNeue', sans-serif;
    height: 35px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

.project-billet .btn, #box-member .btn {
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    margin: 0;
}

a.delete-file-icon {
    position: relative;
    top: 3px;
    left: 5px;
}

span.delete-file {
    padding-left: 10px;
}

/*
 * Projects
 */


.slide-projets .push-1 div img {
    width: 100%
}

.project-category {
    padding: 63px 50px;
    height: 19px;
    line-height: 23px;
    font-size: 25px;
    font-weight: 800;
    display: block;
    background: #fff;
    position: relative;
    border-top: 1px solid #ececec;
}

.project-category:hover {
    cursor: pointer;
    background: #FFF7F9;
}

.project-category .icon-pipe {
    margin: 0 10px;
}

.project-category .icon-expand {
    position: absolute;
    right: 0px;
    top: 0;
}

.project-category .icon-close {
    background-color: #E80033;
    border-color:#E80033;
}

.project-category-list .icon-gototop {
    margin: 0 auto;
    float: none;
    text-align: center;
}

.project-list, .project-inner {
    display: none;
}

.project-list {
    border-bottom: 1px solid #ececec;
}

.project-list .project {
    padding: 20px 100px 20px 100px;
    line-height: 23px;
    font-weight: 800;
    font-size: 14px;
    background: #fbeff3;
    display: block;
    position: relative;
    zoom: 1;
}

.project-list .project span.icon {
    position:relative; float:right;
    right:auto;
    display: inline-block;
    margin-left:10px;
    top:0px;
}

.project-list .project span.icon-project-bullet {
    position:relative;
    float: left;
    margin-left: 0px;
    width:22px;

}

.project-list .project-odd {
    background: #fff7f9;
}

.project .detail {
    position: absolute;
    right: 50px;
    top: 14px;
    width: 100px;
    line-height: 24px;
    display: block;
}

.project .icon-project-bullet {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    margin-right: 15px;
}

.project .icon-article {
    position: absolute;
    top: 14px;
    right: 126px;
}

.project .icon-portrait {
    position: absolute;
    top: 14px;
    right: 88px;
}

.project .icon-video {
    position: absolute;
    top: 14px;
    right: 50px;
}

.project .icon-player {
    margin: -7px 0 0 16px;
    height: 27px;
    width: 28px;
    background-position: 0px -382px
}

.project-description {
    background: #fff;
    float: left;
    width: 640px
}

.project-description p {
    font-size: 14px;
    line-height: 23px
}

.project-description-1 {
    padding: 20px;
    width: 100%;
    float: left;
}

.project-description-2 {
    padding: 20px;
    width: 100%;
    float: left;
    font-size: 11px;
    line-height: 16px;
}

.project-description-2 a {
    color:#E80033;
}

.push-list-media-project .push img {
    width: 100%;
    height: auto
}

.project-description .heading, .project-billet .heading, .project-confirm-text .heading {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 30px;
    font-weight: 800
}

.project-confirm-text .heading {
    font-size: 18px;
}

.project-description .heading-2, .aside .rte .heading-2, .billet-form .heading-2 {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.project-description
.detail,
.project-confirm-text
.detail {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 18px;
}

.project-description p,
.project-billet p,
.project-confirm-text p {
    margin-bottom: 16px;
}

.project-confirm-text {
    float: left;
}

.project-confirm-text-inner {
    margin-bottom: 1px;
    padding: 40px 50px;
    width: 485px;
    background: #fff;
}

.project-confirm-illus {
    float: left;
}

.project-confirm-text .coord li {
    margin: 0 5% 10px 0;
    width: 45%;
    float: left;
    font-size: 11px;
    line-height: 16px;
}

.project-billetterie-list .aside {
    width: 20%;
    background: transparent;
}

.project-billetterie-list .aside img {
    width: 100%;
    height: auto;
}

.project-billetterie-list .project-list {
    display: block;
}

.project-billetterie-list .project-list .project {
    padding-right: 400px;
}

.project-billetterie-list .project-address {
    font: normal 10px/14px 'HelveticaNeue', sans-serif;
    text-transform: uppercase;
}

.project-billetterie-list .project-availability {
    font: normal 11px/14px 'HelveticaNeue', sans-serif;
    position: absolute;
    top: 19px;
    right: 250px;
}

.project-billetterie-list .project-date {
    font: normal 11px/14px 'HelveticaNeue', sans-serif;
    position: absolute;
    top: 19px;
    right: 75px;
}

.project-billetterie-list .project-availability img, .project-billetterie-list .project-date img {
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.calendar {
    padding-top: 16px;
    text-align: center;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    background: #f6f6f6;
}

.calendar-inner {
    height: 32px;
}

.calendar-day {
    padding-bottom: 16px;
    text-align: center;
}

.calendar-day span {
    padding: 3px 8px;
    border-left: solid 1px #e3e3e3;
}

.calendar-day-active {
    font-weight: bold;
}

.calendar-day-event {
    background: url(/assert/images/bg/calendar-day-active.png) center bottom no-repeat;
    padding-top: 18px;
    cursor: pointer;
}

.calendar-day-monday span {
    border-color: #e70034;
}

.calendar-month {
    padding-right: 8px;
    font-weight: bold;
    text-transform: uppercase;
}

.calendar .icon {
    margin-top: -2px;
}

.billet-form {
    padding: 0px;
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    border-left: 1px solid #ececec;
    background: #fff;
    display: none;
    font-size: 11px;
    line-height: 14px;
    height: 100% !important;
}

.billet-form .wrap {
    position: relative;
    width: 100%;
    padding: 20px;
    height: 100%;
}

.billet-form .reservation,
.billet-form .confirmation {
    position: relative;
    top: 0px;
    left: 0px;
    height: 100%;
}

.billet-form .billet-user {
    margin-bottom: 16px;
    padding: 5px 10px;
    background: #ececec;
    float: left;
}

.billet-form
span.icon-place {
    margin: 5px 10px 0;
    float: left;
}

.billet-form
img.icon-place {
    margin: -2px 4px 0;
}

.billet-form
img.icon-pipe {
    margin: -1px 0 0 4px;
}

.billet-form
.icon-billet-close {
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 2;
}

.billet-form
.form-selecter {
    margin-top: 2px;
    clear: none;
    float: left;
}

.project-billet {
    padding: 50px;
    width: 680px;
    background: #fff;
    float: left;
    position: relative;
    overflow: hidden;
}

.project-billet-1 {
    margin-right: 50px;
    width: 500px;
    float: left;
}

.project-billet-2 {
    width: 315px;
    float: left;
}

.map-label {
    padding: 6px 15px;
    display: inline-block;
    font: normal 10px/14px 'HelveticaNeue';
    background: white;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #faccd6;
}

/*
 * Announcement
 */
.announcements {
    background: #fff;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.separator{
    display: block;
    height: 60px;
    width: 1px;
    background-color: #d9d9d9;
}

.announcement {
    width: 50%;
    float: left;
    align-self: flex-start;
}

.announcements div.wrapper {
    margin: 0 80px;
}

.announcements img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.announcements p {
    text-align: center;
}

.announcements h3 {
    text-align: center;
    font-weight: bold;
    font-size: inherit;
}

/*
 * Carousel
 */

.carousel-home {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.carousel-home
.carousel-view {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.carousel-home
.carousel-view ul {
    width: 99999px;
    height: 100%;
    position: relative;
}

.carousel-home
.carousel-view ul li {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

.carousel-view ul li a {
    width: 100%
}

.carousel-home .carousel-nav {
    position: absolute;
    top: 40%;
    right: 5%;
    width: 225px;
    z-index: 2;
    left:auto;
}

.carousel-nav.black .carousel-item-active,
.carousel-nav.black .carousel-item-total,
.carousel-nav.black h1,
.carousel-nav.black p {
    color: #000000;
}

.carousel-home
.carousel-direction {
    margin-bottom: 20px;
}

.carousel-home
.carousel-prev {
    position: absolute;
    top: 0;
    opacity: 0.6;
    display: block;
}

.carousel-home
.carousel-next {
    left: 110px;
    position: absolute;
    top: 0;
    opacity: 0.6;
    display: block;
}

.carousel-home .carousel-prev:hover, .carousel-home .carousel-next:hover {
    opacity: 1;
    cursor: pointer;
}

.carousel-home
.carousel-item-active {
    font-size: 40px;
    margin-left: 28px;
    top: 0;
}

.carousel-home
.carousel-item-total {
    font-size: 15px;
    position: relative;
    left: 5px;
    top: -18px;
}

.carousel-home
.carousel-nav .heading {
    margin-bottom: 15px;
    padding-top: 15px;
    font-size: 18px;
    line-height: 20px;
    font-family: 'PingFang SC', "Microsoft YaHei";
    font-weight: 700;
    background: url(/assert/images/bg/carousel-heading.png) no-repeat top left;
}

.carousel-nav.black .heading {
    background-image: url(/assert/images/bg/carousel-heading-black.png);
}

.carousel-home
.carousel-nav p {
    padding-top: 15px;
    font-weight: normal;
    background: url(/assert/images/bg/carousel-heading.png) no-repeat top left;
}

.carousel-nav.black p {
    background-image: url(/assert/images/bg/carousel-heading-black.png);
}

/*-*/
.carousel-quisommesnous {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    margin-bottom:50px;
}

.carousel-quisommesnous
.carousel-view {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.carousel-quisommesnous
.carousel-view ul {
    width: 99999px;
    height: 100%;
    position: relative;
}

.carousel-quisommesnous
.carousel-view ul li {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

.carousel-quisommesnous
.carousel-nav {
    display: none;
}

.carousel-quisommesnous  .carousel-view-text {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 660px;
    z-index: 2;
}

.carousel-view-text p, .carousel-view-text li {
    font-size: 14px;
    line-height: 22px
}

.carousel-quisommesnous .carousel-view-text p,
.carousel-quisommesnous .carousel-view-text li {
    text-align: justify;
}

.carousel-view-text .heading2, .carousel-view-text .heading2 strong {
    font-weight: 700
}

.carousel-quisommesnous
.heading {
    margin-bottom: 16px;
    padding-bottom: 13px;
    font: normal 24px/36px 'HelveticaNeue', sans-serif;
    text-transform: uppercase;
    background: url(/assert/images/bg/quisommesnous-heading.png) no-repeat bottom left;
}

.carousel-quisommesnous
.carousel-view-text ul {
    width: auto;
    height: auto;
}

.carousel-view-text
ul.theme-nav {
    position: relative;
    top: 16px;
    list-style: none;
    font-style: normal;
    width: 640px;
}

.carousel-quisommesnous
.carousel-view-text
.theme-nav li {
    float: left;
    width: auto;
    margin-right: 10px;
    margin-bottom: 5px;
}

.carousel-quisommesnous
.carousel-view-text
.theme-nav li a {
    padding: 12px 12px 12px 45px;
    width: auto;
    float: left;
    background: #eee6e9;
    position: relative;
    font-size: 11px;
    line-height: 16px;
    height: 32px;
    font-weight: bold;
}

.carousel-quisommesnous
.carousel-view-text
.theme-nav li a:hover {
    background-color: #f5edf0;
}

.carousel-quisommesnous li>img {
    width:auto;
    height:auto;
    min-height: 100%;
    min-width:100%;
    float:right
}

.carousel-quisommesnous .carousel-view-text-inner li {
    list-style-type: none;
    padding-left: 0px;
}

.carousel-quisommesnous
.carousel-view-text
.carousel-quisommesnous
.carousel-view-text
.theme-nav li a:hover {
    background: #fcf8f9;
}

.carousel-view-text p b {
    display:none
}

.carousel-quisommesnous .picture-mobiles {
    display: none
}

.carousel-quisommesnous .heading2 {
    margin-bottom:30px;
}

.theme-nav .icon {
    position: absolute;
    top: 11px;
    left: 20px;
}

/*-*/
.carousel-404 .heading {
    background: url(/assert/images/bg/404-heading.png) no-repeat bottom left;
}

/*-*/
.carousel-push {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.carousel-push
.carousel-view {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.carousel-push
.carousel-view ul {
    width: 99999px;
    height: 100%;
    position: relative;
}

.carousel-push
.carousel-view ul li {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

.carousel-push
.carousel-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 72px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.1);
    _background: #000 none;
    filter: alpha(opacity=30);
    text-align: center;
    padding: 28px 0 0;

}

.carousel-push
.carousel-direction {
    filter: alpha(opacity=100);
}

.carousel-push
.carousel-prev {
    position: absolute;
    top: 30px;
    left: 27px;
    opacity: 0.6;
}

.carousel-push
.carousel-next {
    position: absolute;
    top: 30px;
    right: 27px;
    opacity: 0.6;
}

.carousel-push .carousel-prev:hover, .carousel-push .carousel-next:hover {
    opacity: 1;
    cursor: pointer;
}

.carousel-push
.carousel-item-active {
    font-size: 30px;
    opacity: 0.8;
}

.carousel-push
.carousel-item-total {
    font-size: 11px;
    position: relative;
    left: 2px;
    top: -14px;
    opacity: 0.8;
}

.carousel-view-left-inner {
    overflow: hidden;
    height: 100%;
    float: left;
    background: #FBEFF3;
}

table {
    background: #FBEFF3;
    margin: 12px 0;
}

td {
    border: 2px solid #fff;
    padding: 10px;
}

#loaderFilter {
    position: absolute;
    right: 10px;
    top: 20px;
    display: none;
    z-index: 2;
}

.form-radio label input {
    margin-right: 5px;
    display:none;
}

.form-radio label:before {
    content: "";
    border:1px solid #d8d8d8;
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right:5px;
}

.form-radio label.labelChecked:before{
    background: url('/assert/images/checked.jpg');
}


.form-radio label:first-child:before {
    content: "";
    border:none;
    line-height: 15px;
    width: 0px;
    height: 0px;
    display: inline-block;
    margin-right:0px;
}

/* /////////////////////////////////////////////////////////// */
/* ///////////////////////  CONTEST  ///////////////////////// */
/* /////////////////////////////////////////////////////////// */

.contest-push {
    height: auto;
    width: 100%;
    position: relative;
    background-color: #fff;
    display: block;
}

.contest-push .contest-push-left,
.contest-push .contest-push-right {
    float: left;
    width: 40%;
    padding: 50px;
}

.contest-push .contest-push-left img,
.contest-push .contest-push-right img {
    width: 100%;
}

.last-push .contest-push-left img,
.last-push .contest-push-right img {
    width: auto !important;
}

.last-push .contest-push-left,
.last-push .contest-push-right {
    text-align: center;
}

.last-push .contest-push-left,
.last-push .contest-push-right {
    width: 33.3333%;
}

.contest-push h1 {
    font-weight: bold;
    line-height: 1.4em;
    font-size: 2.04em;
    margin-bottom: 10px;
}

.contest-push p {
    line-height: 23px;
    font-size: 14px;
    margin-top: 30px;
}

.contest-push p a {
    text-decoration: none;
    color: #ef2441;
    font-weight: bold;
}

.contest-push p a:hover {
    text-decoration: underline;
}

.contest-push p span {
    color: #ef2441;
    font-weight: bold;
}

.contest-push ul {
    list-style: disc inside;
    margin-top: 10px;
}

.contest-push li {
    margin-bottom: 10px;
}

.contest-push h3 {
    font-weight: bold;
    line-height: 1.6em;
    margin-top: 30px;
    font-size: 1.4em;
    color: #ef2441;
}

.contest-push .contest-deadline {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #ef2441;
    padding: 12px;
    font-weight: bold;
    color: #fff;
}

#the-rules-push {
    background: #fff;
    padding: 50px 70px;
}

#the-rules-push h1 {
    font-weight: bold;
    font-size: 2.04em;
}

#the-rules-push h3,
#the-rules-push p {
    line-height: 1.8em;
    font-size: 1.1em;
}

#the-rules-push h3 {
    line-height: 2em;
    font-weight: bold;
    font-size: 1.1em;
    margin: 20px 0;
}

#the-rules-push p {
    margin: 20px 0;
}

#the-rules-push p a {
    font-weight: bold;
}

#the-rules-push p b {
    color: #ef2441;
}

#the-rules-push #rules-nav-pages {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

#the-rules-push #rules-nav-pages a {
    font-weight: bold;
    margin: 0 4px;
    text-decoration: none;
}

#the-rules-push #rules-nav-pages a.selected {
    color: #e70033;
}

#the-rules-push #rules-nav-pages .arrow-next {
    margin-left: 10px;
    width: 5px;
    height: 9px;
    display: inline-block;
    background: url(/assert/images/arrow-right.gif) no-repeat;
    vertical-align: middle;
}

#the-rules-push #rules-nav-pages .arrow-prev {
    margin-right: 10px;
    width: 5px;
    height: 9px;
    display: inline-block;
    background: url(/assert/images/arrow-left.gif) no-repeat;
    vertical-align: middle;
}

#the-form-push {
    width: 80%
}

#the-form-push
.contest-submit-form {
    background: #fff;
    padding: 50px 70px;
    display: block;
}

#the-form-push
.contest-submit-form h2 {
    margin: 40px 0;
    padding: 13px 45px;
    line-height: 24px;
    background: #fff7f9;
    font-size: 13px;
    position: relative;
    zoom: 1;
}

#the-form-push textarea {
    width: 500px;
    height: 100px;
    overflow: auto;
}

#the-form-push #professor-area textarea {
    width: 500px;
    height: 40px;
    overflow: auto;
}

#the-form-push .heading-3 {
    font-weight: bold;
}

.form-text select {
    width: 202px;
    height: 27px;
    overflow: hidden;
    border: 1px solid #ccc;
    font-weight: bold;
}

#the-form-push .contest-form-group-1 {
    padding: 10px 40px 0 0;
}

#the-form-push .contest-form-group-2 {
    padding: 10px 40px 0 0;
}

#the-form-push .contest-form-group-2 .form-textarea textarea {
    max-width: 50%
}

#the-form-push
.contest-form-group-2 label.width-medium {
    width: 280px;
}

#the-form-push label {
    margin-right: 20px;
}

#the-form-push .contest-form-group-1 {
    padding: 20px 50px 0 0;
    width: 50%;
    float: left;
}

#the-form-push .contest-form-group-2 {
    padding: 20px 50px 0 0;

}

#the-form-push #accept-rules,
#the-form-push #accept-rules a {
    color: #ef2441;
    font-style: italic;
}

#the-form-push #accept-rules a {
    text-decoration: underline;
}

#the-form-push table {
    width: 840px;
    background-color: #fff;
    border-collapse: collapse;
    border: 1px solid #ccc;
    padding: 0;
    margin: 30px 0 10px 0;
}

#the-form-push table td {
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    height: 80px;
    border: 1px solid #ccc;
    width: 210px;
}

#the-form-push table th {
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    height: 40px;
    border: 1px solid #ccc;
    width: 210px;
    padding: 4px;
}

#the-form-push table textarea {
    border: 0;
    text-align: center;
    width: 210px;
    height: 80px;
    overflow: auto;
    font: normal 12px/20px 'HelveticaNeue', sans-serif;
    color: #666;
}

#the-form-push .form-textarea {
    height: auto;
    margin: 0;
    padding: 0;
}

#the-form-push .text-highlight {
    color: #ef2441;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.ico-contest {
    margin-right: 6px;
}

#the-form-push .border {
    border: 1px solid #cccccc;
    text-align: center;
    padding: 20px;
    overflow: auto;
    min-height: 268px;
    max-width: 480px;
}

#the-form-push .border p {
    margin-bottom: 20px;
}

#the-form-push .border p.strong {
    margin-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
    clear: both;
}

#the-form-push .border .form-item {
    overflow: auto;
}

#the-form-push .border label {
    width: 100%;
    float: left;
}

#the-form-validation {
    background: #fff;
    padding: 50px 70px;
}

#the-form-validation h1 {
    color: #ef2441;
    font-weight: bold;
    font-size: 2.18em;
    margin-bottom: 30px;
}

#the-form-validation h2 {
    font-weight: bold;
    line-height: 1.2em;
    font-size: 1.54em;
    margin-bottom: 30px;
}

#the-form-validation p {
    line-height: 1.8em;
    font-size: 1.1em;
    margin: 20px 0;
}

.ui-datepicker {
    width: 255px;
}

body .ui-datepicker select.ui-datepicker-month, body .ui-datepicker select.ui-datepicker-year {
    width: 58px;
}

body .ui-datepicker select.ui-datepicker-month {
    margin-left: 17px;
}

body .ui-datepicker select.ui-datepicker-year {
    margin-right: 17px;
}

body .ui-datepicker .ui-datepicker-prev {
    left: -5px;
}

body .ui-datepicker .ui-datepicker-next {
    right: -5px;
}

.carousel #push-contest {
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 100;
    display: none;
}

.carousel #push-contest h1 {
    color: #ef2542;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
}

.carousel #push-contest h2 {
    color: #333333;
    margin: 14px 0 10px 0;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 26px;
}

.carousel #push-contest .the_button .arrow {
    margin-left: 20px;
    height: 7px;
}

.carousel #push-contest .the_button .link_container {
    margin-top: 14px;
}

.carousel #push-contest .the_button .link_container .the_link {
    background: #ef2542;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.carousel #push-contest .the_button .link_container a.the_link {
    color: #fff;
    text-decoration: none;
}

.carousel #push-contest .the_button .link_container a.the_link:hover {
    color: #000;
}

/*
#winners{                                         width: 100%;
background-color: #fff;
}
#winners .push-left{                              width: 50%;
#width: 49.9%;
}
#winners .push-right{                             width: 50%;
#width: 49.9%;
}
*/

.contest-push .winner-push-right {
    float: left;
}

#winners .contest-push-left {
    background: url('/assert/images/background_winners.jpg') right bottom no-repeat;
}

#winners ul.winners {
    padding: 0 0 0 15px;
    list-style: disc;
    margin-top: 30px;
    margin-left: 0;
}

#winners ul.winners li {
    float: left;
    width: 210px;
    margin-right: 0px;
    padding-right: 30px;
    min-height: 90px;
    line-height: 20px;
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box; /* Firefox 1 - 28 */
    box-sizing: border-box;
}

#winners ul.winners li:nth-child(2n+1) {
    clear: both;
}

#winners ul.winners li.left {
    margin-right: 0px;
}

#winners ul.winners li b {
    font-size: 15px;
}

#winners ul.winners li span.red {
    color: #ef2441;
    font-weight: bold;
}

#winners ul.winners li span.grey {
    color: #808080;
}

#winners .videos {
    list-style: none;
}

#winners .videos a {
    font-size: 11px;
    font-weight: normal;
    color: #979797;
    background: url('/assert/images/puce.png') center left no-repeat;
    padding-left: 10px;
}

#winners p.congrats {
    margin-top: 0px;
}

#winners p span.red {
    font-weight: normal;
}

#winners_experience {
    background-color: #fff;
    padding-bottom: 30px;
}

#winners_experience .contest-push-experience {
    background: url('/assert/images/background_winners_experience.gif') bottom right no-repeat;
    padding: 50px;
}

#winners_experience .contest-push-experience .social-links {
    margin: 50px 0 40px 0;
}

#winners_experience .contest-push-experience .social-links a.social-btn {
    display: block;
    width: 72px;
    height: 72px;
    background-position: top;
    float: left;
    margin-right: 20px;
}

#winners_experience .contest-push-experience .social-links a.social-btn:hover {
    background-position: bottom;
}

#winners_experience .contest-push-experience .social-links a.facebook {
    background: url('/assert/images/btn_fb_winner.gif') no-repeat;
}

#winners_experience .contest-push-experience .social-links a.twitter {
    background: url('/assert/images/btn_twitter_winner.gif') no-repeat;
}

.reservation_input {
    float: left;
    margin-left: 10px;
    width: 105px;
    margin-top: 2px
}

.div_reservation {
    width: 100%;
    float: left
}

.modifyPwd .project {
    padding: 20px 50px 40px
}

.modifyPwd label {
    float: left;
    width: 400px
}

.modifyPwd input {
    float: left !important
}

.modifyPwd div {
    float: left;
    width: 400px;
}

.modifyReservations .btn, .modifyPwd .btn {
    height: 25px !important;
    font: normal 11px/27px 'HelveticaNeue', sans-serif !important
}

.submit-pswd {
    margin-left: 50px;
    margin-top: 20px;
}

.addline {
    width: 16px;
    height: 16px;
    background: url('/assert/images/icone_plus.png') no-repeat;
    float: left;
    margin-left: 11px;
    cursor: pointer;
}

#list-mars li {
    margin-bottom: 15px;
    width: 480px;
    float: left;
    color: #535352;
    cursor: pointer;
    background: none
}

#list-mars li img {
    width: 16px;
    height: 16px;
    float: left;
    display: none
}

#list-mars li p {
    float: left;
    margin-left: 21px;
    width: 455px
}

#list-mars li p strong {
    color: #7E7E7E
}

.heading-mars {
    color: #e80033;
    font-size: 20px;
    padding-bottom: 20px
}

/* ////////////////////////////////////////////////////////////////////// */
/* ///////////////////////  FETE DE LA MUSIQUE  ///////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
.carousel-ftm {
    margin-bottom: 50px;
    height: 600px;
}

.carousel-ftm .picture {
    display: block;
    height: auto;
    width: 100%;
    z-index: 1;
    min-height: 700px;
    min-width: 1400px;
}

.carousel-ftm .carousel-view {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.carousel-ftm .content {
    display: block;
    height: auto;
    width: 960px;
    margin: 90px auto;
    text-align: center;
    color: #ffffff;
}

.carousel-ftm .heading {
    font-size: 70px;
    text-transform: uppercase;
    line-height: 40px;
}

.carousel-ftm .heading span {
    display: block;
    font-size: 12px;
    text-align: right;
    padding-right: 22px;
}

.carousel-ftm p {
    font-size: 19px;
    line-height: 22px;
    margin-top: 30px;
}

.carousel-ftm .map {
    display: block;
    width: 352px;
    height: 358px;
    background: url('/assert/images/fete_musique/map.png') no-repeat top left;
    margin: 90px auto;
}

.carousel-ftm .map a {
    position: absolute;
    height: 10px;
    width: 11px;
    background: url('/assert/images/fete_musique/puces.png') no-repeat 0px -10px;
}

.carousel-ftm .map a:hover, .carousel-ftm .map a.active {
    background: url('/assert/images/fete_musique/puces.png') no-repeat 0px 0px;
}

/*** POSITION PUCES ***/
.carousel-ftm .map a.paris {
    top: 100px;
    left: 190px;
}

.carousel-ftm .map a.lyon {
    top: 210px;
    left: 265px;
}

.carousel-ftm .map a.avignon {
    top: 280px;
    left: 248px;
}

.carousel-ftm .map a.limoges {
    top: 200px;
    left: 140px;
}

.carousel-ftm .map a.bordeaux {
    top: 241px;
    left: 100px;
}

/*** END POSITION PUCES ***/
.all_ftm {
    display: block;
    overflow: hidden;
}

.liste-concert-ftm {
    display: block;
    float: left;
    width: 80%;
}

.push_concert {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    overflow: hidden;
}

.push_concert .contain_picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    overflow: hidden;
    height: 100%;
}

.push_concert .picture {
    display: block;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    z-index: 1;
}

.push_concert .content {
    float: right;
    width: 50%;
    background: #ffffff;
    height: auto;
    z-index: 2;
    text-align: left;
}

.push_concert .artiste {
    display: block;
    float: left;
    width: 30%;
    height: 100%;
}

.push_concert .description {
    display: block;
    float: left;
    width: 70%;
    height: auto;
}

.push_concert .artiste div {
    display: block;
    margin: 40px auto;
    width: 60%;
    height: auto;
    overflow: hidden;
}

.push_concert .artiste div img {
    width: 100%;
    height: auto;
    display: block;
}

.push_concert .artiste div img.illu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.push_concert h4 {
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 5px;
}

.push_concert h3 {
    font-size: 15px;
    line-height: 22px;
    color: #e70033;
    text-transform: uppercase;
}

.push_concert h2 {
    font-size: 28px;
    line-height: 34px;
    color: #333333;
    margin-top: 40px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.push_concert .reco {
    font-size: 15px;
    line-height: 20px;
    color: #a8a8a8;
    font-style: italic;
}

.push_concert .date {
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    margin: 30px 0px;
    font-weight: bold;
}

.push_concert .desc {
    font-size: 12px;
    line-height: 22px;
    color: #8c8c8c;
    overflow: hidden;
    margin-bottom: 20px;
}

.push_concert .desc.hidemore {
    max-height: 138px;
}

.push_concert .description span.border {
    height: 1px;
    width: 100%;
    background: #e5e5e5;
    margin-bottom: 20px;
    display: block;
}

.push_concert .description span.more {
    display: block;
    float: right;
    background: #e5e5e5;
    padding: 3px 10px;
    cursor: pointer;
}

.push_concert .description span.more:hover {
    opacity: 0.7;
}

.push_concert .englobe {
    display: block;
    padding: 70px 20px 20px 0px;
}

.push_concert a {
    color: #333333;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    padding: 10px 25px 10px 50px;
    background-image: url(/assert/images/fete_musique/ico_lieux.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-color: #fbeff3;
    float: left;
    display: block;
    margin-bottom: 20px;
}

.push_concert a:hover {
    padding: 10px 35px 10px 60px;
}

.push_concert.hide {
    display: none;
    visibility: hidden;
}

.timeline-concert {
    position: absolute;
    width: 20%;
    height: 100%;
    background: transparent;
    top: 0;
    right: 0;
}

.timeline-concert .back_time {
    z-index: 2;
    position: absolute;
    width: 3px;
    height: 100%;
    right: 25px;
    top: 45px;
}

.timeline-concert .back_time a {
    display: block;
    width: 100%;
    height: 11px;
    background-image: url('/assert/images/fete_musique/motif_timeline.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.timeline-concert .current_t {
    z-index: 1;
    position: absolute;
    top: 34px;
    right: 24.5px;
    height: 40px;
}

.timeline-concert .current_t p {
    float: left;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 40px;
    font-weight: bold;
    color: #ffffff;
    height: 40px;
    background: #e70033;
    padding: 0px 20px;
}

.timeline-concert .current_t span {
    float: left;
    display: inline-block;
    height: 40px;
    width: 29px;
    background-image: url(/assert/images/fete_musique/current_timeline.jpg);
    background-repeat: no-repeat;
    background-position: 0px center;
}

.timeline-concert.fixed {
    position: fixed;
    right: -7px;
}

#wrapper {
    display: none;
}

#wrapper h1> .title-track {
    font-size:20px;
    line-height: 16px;
    display: block;
    margin-top:0px;
}
#wrapper h1> .title-track .title-track{
    font-size:20px;
    line-height: 16px;
    display: block;
    margin-top:0px;
}

#wrapper h1> .title-track:first-child{
    margin-top:10px;
}

/* contest */
#winners .contest-push-left {
    width: 50%;
    float: left;
    height: 100%;
}

#winners ul.winners li {
    width: 50%;
}

#winners .winner-push-right {
    width: 50%;
    float: right;
    height: 100%;
    position: absolute;
    overflow: hidden;
    right: 0px;
}

#winners .winner-push-right img {
    height: 100%;
    width: auto;
    float: left;
}




@media screen and (min-width: 1025px) {
    #wrapper {
        display: none !important;
    }

    #header-mobiles {
        display: none!important;
    }
}

@media screen and (min-width: 1025px) and (min-width: 1600px) {
    /*.push-5 div.push-inner>div {width:412px}*/


}

@media screen and (min-width: 1025px) and (max-width: 1365px) {
    .espace-perso {
        margin-top: 6px;
    }

    .espace-perso, .espace-perso-deco {
        width: 155px;
    }

    .push-list-home .push-4 img {
        width: 100%;
        height: 100%;
    }

    .push-list-home .push-2 img {
        width: 50%;
        height: 100%;
        position: absolute;
    }

    .tweet {
        width: 128px;
    }


    /* MEDIATHEQUE */
    .push-1, .push-no-more, .push-more-prev, .push-no-more {
        width: calc(20% - 30px);
    }

    .project-description {
        width: 640px
    }

    .slide-projets .push-1 {
        width: calc(25% - 30px)
    }

    .carousel-quisommesnous .picture-mobiles {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50%;
    }
}

@media screen and (max-width: 1024px) {

    .visible-sm {display: block}
    .inline { display:inline}
    .hidden-sm {display: none!important}
    .body-lock {
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: fixed;

    }

    /* MENU */
    html, body {
        min-width: 100%;
    }

    body {
        overflow-x: hidden;
    }

  
    /* PLAYER */
    #player {
        display: none
    }

    #arrow-player {
        position:absolute;
        top:70px;
        left:-20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e70032 transparent;
    }

    #playerContent {
        width: 100%
    }

    /* MEMBER */
    #box-member {
        width: 100%;
        right: auto;
        left: 0px;
        top: 114px;
        border: none;
        position: absolute;
        padding-bottom: 40px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #box-member .box-member-content {
        width: 100%;
        padding-bottom: 20px
    }

    #box-member .box-member-2 {
        display: none
    }

    #box-member .icon-queue {
        display: none
    }

    #box-member .box-member-2 {
        width: 421px;
        padding: 0px;
        text-align: center;
        margin: 0 auto;
        float: none;
        display: inline-block;
        margin-top: 0px !important;
    }

    #box-member .box-member-2 .sec-heading {
        font-size: 26px;
        line-height: 30px;
        font-weight: 300;
        text-transform: none;
        color: #000000;
        margin-bottom: 30px
    }

    #box-member .form-checkbox {
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
        text-align: left;
        color: #AAAAAA
    }

    #box-member .form-checkbox input[type=checkbox] {
        margin-right: 15px;
        top: -2px
    }

    #box-member .form-checkbox input[type=checkbox]:after {
        height: 15px;
        width: 15px;
        border: 1px solid #AAAAAA;
        content: '';
        display: block;
        position: relative;
        background: white;
        margin-top: -2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    #box-member .form-checkbox input[type=checkbox]:checked:after {
        content: '\2713';
        font-size: 17px;
        line-height: 16px;
        text-align: center
    }

    #box-member .form-text input {
        height: 22px;
        width: 379px;
        font-size: 18px;
        line-height: 22px;
        padding: 18px 20px;
        font-weight: 300
    }

    .project-billet .btn, #box-member .btn {
        height: 60px;
        font-size: 18px;
        line-height: 22px;
        padding: 18px 20px;
        font-weight: 300;
        width: 250px
    }

    #box-member .detail {
        width: 300px;
        margin: 0 auto;
    }

    #box-member .form-submit {
        margin-top: 30px
    }

    #box-member .form-submit .detail {
        font-weight: 500;
        text-align: left;
        text-transform: none;
        margin-left: 0px;
        width: 100%;
        font-size: 12px;
        color: #AAAAAA;
        margin-bottom: 20px
    }

    #box-member .form-text select {
        width: 421px !important;
        height: 60px;
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
        padding: 20px;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    #box-member .form-text select option {
        padding: 20px
    }

    .box-member-2 {
        border: none
    }

    #box-member .connect {
        display: none
    }

    /* AUDIO MOBILES */
    #wrapper {
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px) !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
        margin-top: 0px;
        background: #e51e3d;
        padding: 20px;
        color: #fff;
        float: left;
        margin-top: 0;
        display: none;
        position: absolute;
        top: 80px;
    }

    #wrapper > div {
        width: 100%;
        height: auto;
        display: block;
    }

    #wrapper h1 {
        text-align: center;
        font-weight: 100;
        font-size: 32px;
        line-height: 32px;
        margin: 10px 0px;
        min-height: 206px;
    }

    #wrapper h1 a {
        color:#ffffff;
        font-size:18px;
        line-height: 25px;
        margin-top:40px;
        display: inline-block;
        font-weight: 500;
        width:100%;
    }

    #wrapper h1 a span {
        display:inline-block;
        background-position: -5px -277px;
        margin-top:-7px;
    }

    #wrapper h1 b {
        margin: 0px auto;
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
        display: block;
        width:330px;
        opacity:0.7;
    }

    .audiojs {
        width: 100%;
        background: transparent;
        overflow: visible;
        height: auto;
    }

    div#audiojs_wrapper0 {
        box-shadow: none;
    }

    .audiojs .scrubber {
        width: 100%;
        background: transparent;
        display: block;
        border-top: none;
        overflow: visible;
        padding: 0px;
        margin: 54px 0px;
        background-image: url('/assert/images/dashed.png');
        background-repeat: repeat-x;
        height: 1px;

    }

    .audiojs .loaded {
        display: block;
        height: 21px;
        background: url('/assert/images/bg_loaded.png');
        background-repeat: repeat-x;
        margin-top: -10px;
        position: absolute;
        max-width: 100%;
    }

    .audiojs .progress {
        background: #ffffff;
        background-image: none;
        margin-top: -3px;
        height: 7px;
        float: left
    }

    .scrubber-start, .scrubber-end {
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background: #fff;
        margin-top: -9px
    }

    .scrubber-start {
        left: -5px;
    }

    .scrubber-end {
        right: -5px;
    }

    .nb-playlist {
        width: auto;
        display: inline-block;
        float: right;
        margin-top: -16px;
        margin-right: 0px;
    }

    .audiojs .container-nav {
        width: 100%;
        display: block;
        float: left;
        padding-bottom: 80px;
    }

    .audiojs .time .duration {
        display: none;

    }

    .audiojs .time {
        float: left;
        height: 36px;
        line-height: 36px;
        padding: 0px;
        border-left: none;
        color: #fff;
        text-shadow: none;
        position: absolute;
        font-size: 16px;
        margin-top: -12px;
        right: 0px;
        font-weight: 100;
        letter-spacing: 1px;
        font-family: 'PingFang SC', "Microsoft YaHei";
        font-style: normal !important;
    }

    .audiojs .time em {
        padding: 0px;
    }

    .audiojs .play-pause {
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        text-align: center;
        width: 150px;
        height: 150px;
        border-radius: 75px;
        font-size: 20px;
        color: #fff;
        line-height: 100px;
        text-align: center;
        background: transparent;
        border: 4px solid #ffffff;
        padding: 0px;
        float: left
    }

    .audiojs .play-pause p {
        display: inline-block;
        height: 86px;
        width: 100px;
    }

    .audiojs .play-pause p.pause, .audiojs .play-pause p.loading, .audiojs .play-pause p.error {
        display: none;
    }

    #wrapper .audiojs .play {

        background: url("/assert/images/player-sprite.png") 24px 0px no-repeat;
        background-size: 68px auto;
        margin-left: 0px;
        margin-top: 29px;
    }

    #wrapper .playing .play {
        background: url("/assert/images/player-sprite.png") 17px -90px no-repeat;
        background-size: 68px auto;
        margin-left: 0px;
        margin-top: 29px;
    }

    #wrapper .loading .play {
        background: url("/assert/images/loader-mobiles.gif") 17px 8px no-repeat;
        background-size: 68px auto;
        margin-left: 0px;
        margin-top: 29px;
    }

    .nb-playlist p {
        display: block;
        font-size: 16px;
        font-weight: 100;
        font-family:'HelveticaNeue', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        width: auto;
        float: right;
    }

    .audiojs .prev {
        width: calc(50% - 95px);
        height: 40px;
        display: inline-block;
        margin-top: 60px;
        position: relative;
        float: left;

    }

    .audiojs .prev span {
        display: block;
        width: 60px;
        height: 40px;
        background: url("/assert/images/player-sprite.png") 3px -383px no-repeat;
        background-size: 68px auto;
        float: right;
    }

    .audiojs .next {
        width: calc(50% - 95px);
        height: 40px;
        display: inline-block;
        margin-top: 60px;
        position: relative;
        float: left;
    }

    .audiojs .next span {
        display: block;
        width: 60px;
        height: 40px;
        background: url("/assert/images/player-sprite.png") -11px -291px no-repeat;
        background-size: 68px auto;
    }

    .clear-audio {
        width: 100%;
        display: block;
        float: left;
        height: 1px;
    }

    .audiojs .aleatoire {
        float: left;
        width: auto;
        display: block;
        position: absolute;
        opacity: 0.6;
    }

    .audiojs .aleatoire.active {
        opacity: 1;
    }

    .audiojs .aleatoire span {
        display: block;
        width: 60px;
        height: 23px;
        background: url("/assert/images/player-sprite.png") -19px -480px no-repeat;
        background-size: 68px auto;
    }

    .audiojs .boucle {
        float: left;
        width: auto;
        display: block;
        position: relative;
        opacity: 0.6;
        margin-top: -18px;
    }

    .audiojs .boucle.active {
        opacity: 1;
    }

    .audiojs .boucle span {
        display: block;
        width: 60px;
        height: 23px;
        background: url("/assert/images/player-sprite.png") -19px -570px no-repeat;
        background-size: 68px auto;
    }

    .audiojs .error-message {
        position: absolute;
        width: 100%;
        background: white;
        color: red;
        padding: 10px;
        display: none;
    }

    /*FOOTER */
    img.icon-bullet {
        display: none
    }


    .push-list-home .push-sociaux {
        display: block;
        background: #222222;
        font-style: italic
    }

    .push-list-home .push-sociaux .tweet-tiret {
        margin-top: 8px;
        margin-bottom: 10px
    }

    .push-list-home .push-sociaux div, .push-list-home .push-sociaux.push-left div {
        background: transparent;
        width: 100%;
        color: #ffffff;
        width: 100%;
        float: left
    }

    .push-list-home .push-sociaux div a {
        color: #666666
    }

    .push-list-home .push-sociaux div p {
        color: #ffffff
    }

    .push-list-home .push-4 {
        text-align: center
    }

    .push-list-home .push-4 img {
        width: auto;
        height: 100%;
    }

    .push-list-home .push-4 div {
        text-align: left
    }

    .mediatheque .carousel .carousel-nav .carousel-item-active,
    .mediatheque .carousel .carousel-nav .carousel-item-total {
        left: 0px;
    }

    .mediatheque .carousel-push .carousel-nav {
        padding-top: 8px;
    }

    .bottom-tweet-message {
        position:absolute!important;
        bottom:0px!important;
        height:8px!important;
        background: #222222!important;
        width:100%!important;
        padding:0px!important;
    }

  
    /* SOUTIENS */
    .slide-projets .push-1>div>div {
        padding:20px!important
    }

    /*HOME */
    .push-list-home .push div h2 span {
        display:none;
    }
    .push-list-home .push div h2 b {
        display:inline;
    }

    /* QUI SOMMES NOUS */

    .push-5 div.push-inner > div {
        width: 273px;
        margin: 0 auto;

    }

    .push-5 div.push-inner {
        float:right;
        left:auto!important;
        padding-top: 20px;
        width: 46%!important;
    }

    .carousel-quisommesnous .picture {
        display: none
    }

    .carousel-quisommesnous .picture-mobiles {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 30%;
        display: block
    }

    .carousel-quisommesnous li img {
        width: auto;
        height: 100%;
        float: right;
    }

    /* MEDIATHEQUE */
    .push-detail .push-detail-illus, .push-detail .push-detail-right {
        width: 50%
    }

    .push-detail .push-detail-illus .picture {
        width:100%
    }

    .push-1, .push-no-more, .push-more-prev, .push-no-more, .push-more {
        width: calc(25% - 30px);
    }

    .aside-filter .filter .checkbox {
        margin-bottom: 12px;
        margin-right: 20px
    }

    .aside-filter .filter .checkbox, .aside-filter .filter .heading {
        font-size: 14px;
        line-height: 20px;
    }

    .push .heading {
        font-size: 16px;
        line-height: 20px;
    }

    .push-list-media .push-1 > div > div p.detail:last-child {
        font-size: 14px;
        line-height: 20px
    }

    .aside-project {
        width: 26%;
    }

    .push-list-media-project {
        width: 74%
    }

    .project-description {
        width: 568px
    }

    .project-category {
        padding: 50px 20px;
        font-size: 18px;
        line-height: 23px
    }

    .project .icon-player, .project .icon-article, .project .icon-portrait, .project .icon-video {
        position: relative;
        top: -2px;
        right: auto;
        display: inline-block;
        margin-right: 5px;
        background-size: 77px
    }

    .project .icon-player {
        background-position: 5px -261px;
        width: 24px;
        height: 19px;
        top: 0px;
        margin-left: 10px
    }

    .project .icon-article {
        background-position: 1px -282px;
        width: 21px;
        height: 19px;
    }

    .project .icon-portrait {
        background-position: -20px -282px;
        width: 21px;
        height: 19px;
    }

    .project .icon-video {
        background-position: -42px -283px;
        width: 21px;
        height: 19px;
    }

    div.slide-projets {
        height: 418px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        width: auto;
        background: #F6F6F6;
        padding-top: 20px;
    }

    div.slide-projets > div {
        height: 100%
    }

    div.slide-projets .push-1 {
        display: inline-block;
    }

    .swap-projet {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 300%;
        height: 100%;
        z-index: 9
    }

    .slide-projets {
        width: 100%;
        margin-left: 0px
    }

    .slide-projets .push-1 {
    }

    /* DEPOTS */
    .project-terms-inner {
        display: block
    }

    .help {
        display: none
    }

    .aside .project-terms {
        padding-left: 50px;
        padding-right: 50px;
    }

    .project-terms-1 div {
        margin: 0px;
        width: auto;
    }

    .project-terms-1, .project-terms-2, .project-terms-3, .project-terms-4 {
        margin-top: 20px;
        width: 50%;
        float: left;
    }



    .project-terms-1, .project-terms-3{
        padding: 0px 10px 0px 20px
    }

    .project-terms-2, .project-terms-4{
        padding: 0px 20px 0px 10px
    }

    .project-terms-3, .project-terms-4 {
        margin-bottom: 30px;
    }

    .project-terms-3 .heading-2, .project-terms-4 .heading-2 {
        font-size: 14px; line-height: 25px; font-weight: 800; text-transform: uppercase; margin-bottom:20px;
    }

    .project-terms-4 {
        margin-top:99px;
    }

    .project-heading {
        width: auto;
        padding: 0px 50px;
        font-size: 25px;
        line-height: 25px;
        font-weight: 800;
        margin: 30px 0px;
    }

    .nav-thirdy .nav-thirdy-active .icon-queue {
        top: 66px;
    }

    .nav-thirdy-project li {
        display: none;
    }

    .nav-thirdy-project li:first-child {
        display: block;
        width: 100%;
    }

    .nav-thirdy-project li:first-child img {
        display: none;
    }

    .project-terms-inner .icon-close {
        right: 0px;
    }

    .project-terms-inner .icon-close {
        display: none;
    }

    /* FORMULAIRE */
    .project-header-inner {
        background: none;
    }

    .project-header-1 {
        padding: 40px 20px;
        width: 50%;
        margin-right: 0px;
    }

    .project-header-2 {
        padding: 50px 20px;
        width: 50%;
        border-left: solid 1px #d8d8d8;
    }

    .form-container {
        width: 100%;
        margin-left: 0px;
    }

    .calendar {
        display: none;
    }

    .announcements {
        display: block;
    }

    .separator{
        display: block;
        height: 1px;
        width: 60px;
        background-color: #d9d9d9;
        margin: 40px auto;
    }

    .announcement {
        width: 100%;
        float: none;
    }

    .announcements div.wrapper {
        margin: 0 10%;
        text-align: center;
    }

    .announcements img {
        float: none;
    }

    .project-billetterie-list .project-list .project {
        padding-right: 20px;
        padding-left: 50px;
    }

    .project-billetterie-list .project-category {
        height: 20px;
        padding: 20px 50px;

    }

    .project-billetterie-list .project-list a.project {
        padding-bottom: 58px;
    }

    .project-billetterie-list .project-availability {
        left: 56px;
        width: 280px;
    }

    .project-billetterie-list .project-date {
        right: 56px;
    }

    .project-billetterie-list .project-availability, .project-billetterie-list .project-date {
        bottom: 20px;
        top: auto;
    }

    .push-list-media.push-list-media-project {
        width: 74%;
    }

    .project-billet {
        width: 100%;
        padding: 20px;

    }

    .project-billet .project-billet-1 {
        width: 100%;
    }

    .project-billet .btn {
        height: 20px;
        width: auto;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 12px 20px;
        background-image: none;
        background: #000000;
    }

    .reservation input.btn {
        height: 44px;
    }

    .modifyPwd {
        width: 100%;
    }

    .modifyPwd .icon {
        float: left;
        top: 0px !important;
        display: inline-block;
        left: 0px;
        position: relative;
        margin-right: 10px
    }

    .modifyPwd .form-text {
        width: 100% !important;
        padding: 20px !important;

    }

    .modifyPwd label {
        width: 30%;
    }

    .modifyPwd .form-text > div {
        float: right !important;
        padding: 0px
    }

    .modifyPwd .form-text > div input {
        float: left !important;
    }

    .submit-pswd {
        width: auto !important;
        margin-bottom: 40px;
    }

    /* Contest */
    .contest-push {
        width: 100%;
    }

    .contest-push .contest-push-left,
    .contest-push .contest-push-right {
        width: 50%;
    }

    .last-push .contest-push-left,
    .last-push .contest-push-right {
        width: 33.3333%;
    }

    #the-form-push .contest-submit-form {
        padding: 50px;
    }

    #the-form-push {
        width: 100%
    }

    #the-form-push .contest-form-group-1 {
        width: 100%;
        padding: 0px;
    }

    #the-form-push label.width-extra-large,
    #the-form-push label.width-extra-extra-large {
        width: 100%;
    }

    #the-form-push .contest-form-group-2 {
        padding: 0px
    }

    #winners {
        width: 100%;
    }


    /************************\
    |                        |
    |   FETE DE LA MUSIQUE   |
    |      ~TABLETTE~        |
    |                        |
    \************************/

    .music-day .header {
        height: 566px;
    }

    .music-day .header .header-content {
        left: 50px;
        z-index: 2;
    }

    .music-day .header .header-content .header-description {
        font-size: 20px;
        line-height: 26px;
        margin: 50px 0;
        padding-right: 100px;
    }

    .music-day .header .header-content .sections_list .sections_item {
        margin-right: 10px;
    }

    .music-day .header .header-content .sections_list .sections_item a {
        padding: 15px;
        font-size: 12px;
    }


}

@media screen and (min-width: 768px) {
    #container-gouvernance {
        overflow: visible!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .push-list-home .push div h2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0px
    }

    .push-list-home .push div p {
        font-size: 12px;
        line-height: 18px
    }

    /* SEARCH BAR */
    div.search-nav {
      top: 12px;
      right: 100px;
      background: none;
    }
    div.search-nav span {
      width: 27px;
      height: 28px;
      background-position: 0 -469px;
    }
    div.search-nav.active span{
      background-position: -27px -469px;
    }
    div#search-form {
      width: 100%;
      background: #e51e3d;
    }
    div#search-form.is-opened {
      height: 65px;
    }
    div#search-form form {
      padding: 10px 25px;
    }
    div#seach-result .search-result-title {
      padding: 46px 30px;
    }
    div#seach-result .search-result-title p {
      font-size: 23px;
    }
    div#seach-result .search-result-title .search-result-count {
      font-size: 16px;
      margin-top: 17px;
    }
    div#seach-result .search-result-list {
      padding: 0 30px 50px;
    }
    div#seach-result .search-result-list a.result-item {
      height: 95px;
      line-height: 95px;
      padding: 0 30px;
    }
    div#seach-result .search-result-list a.result-item span {
      font-size: 13px;
      float: left;
      margin: 0;
    }
    div#seach-result .search-result-list a.result-item p {
      width: 80%;
      float: left;
      line-height: 95px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    /* END SEARCH BAR */


}

@media screen and (min-width: 768px) and (max-width: 800px) {

    .push-list-home .push div p.detail {
        font-size:10px;
        line-height: 16px;
    }

    .push-list-home .push div h2 {
        font-size:14px;
        line-height: 18px;
    }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {

    /* CONTENT */
    .tweet-list {
        display: none
    }

}

/*
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .push-list-home .push{position:relative;
width:100%!important;
margin-bottom: 30px;
top:0px!important;
left:0px!important}
    .push div {width:50%;
height:50%;
bottom:-1px}
    .push-list-home .push {height:560px!important;
}
    .push-list-home .push-2 {height:280px!important}
    .push-list-home .push-2 div {width:50%;
height:100%;
position:absolute}
    .push-list-home .push-2.push-left img {float:left}
    .push-list-home .push-2.push-left div {position:relative}
    .push-list-home .push-sociaux {display:none}
    .push-list-home .push-4 img { width:100%;
height:auto;
}

}
*/
@media screen and (max-width: 767px) {

    .visible-xs {display: block}
    .hidden-xs {display:none}



    /* SEARCH BAR */
    div#seach-result {
      top: 81px;
    }
    div#seach-result .search-result-title {
        padding: 70px 20px 48px;
    }
    div#seach-result .search-result-list {
      padding: 0 20px 50px;
    }
    div#seach-result .search-result-list a.result-item {
      text-align: center;
      height: auto;
      line-height: normal;
      padding: 33px;
    }
    div#seach-result .search-result-list a.result-item span {
      display: block;
      font-size: 13px;
    }
    div.search-nav-close {
      top: 170px
    }
    /* END SEARCH BAR */

    #loaderFilter {
        z-index: 4;
        top:64px;
    }

    /* PLAYER */

    #wrapper h1 {
        min-height: 183px;
        font-size: 26px;
        line-height: 30px;
        margin:0px;
    }

    #wrapper h1 b {
        width:260px
    }

    #wrapper h1 a {
        margin-top:20px;
        font-size: 14px;
    }

    #wrapper h1> .title-track {
        font-size:18px; line-height: 24px;
    }

    .audiojs {
        margin-top:-10px;
    }

    .audiojs .play-pause {
        width:100px;
        height:100px;
        border-radius: 50px;
        margin:0px auto;
        display: inline-block;
        float:none;
        top:-7px
    }
    .audiojs .scrubber {
        margin:30px 0px;
    }
    #wrapper .audiojs .play {
        margin-top:9px;
        background-size: 50px;
        background-position: 29px 6px;
        height:72px;
    }

    #wrapper .playing .play {
        background-position: 22px -63px;
        margin-top:11px;
        height:70px;
    }
    .audiojs .play-pause p {
        height:78px
    }

    .audiojs .prev, .audiojs .next {
        top: -23px;
        float:none;
    }

    .audiojs .prev span {
        background-size: 50px;
        background-position: 9px -274px;
    }

    .audiojs .next span {
        background-size: 50px;
        background-position: 5px -208px;
    }

    /* CAROUSEL */
    .carousel-home .carousel-nav {
        padding: 0px 25px;
    }

    .carousel-home .carousel-direction {
        z-index: 3;
        padding: 0px 30px
    }

    .carousel-view ul li a img {
        width: auto;
        position: absolute;
        left: 50%;
        margin-left:-100%;
        min-width: 150%;
    }

    .carousel-home .carousel-next {
        right: 30px
    }

    .carousel-home .carousel-prev, .carousel-home .carousel-next {
        margin-top: -2px;
    }

    .carousel-home .carousel-direction, .carousel-view-text {
        top: 30%
    }

    .carousel-home .carousel-nav .heading, .carousel-home .carousel-nav p {
        width: 100%
    }

    .carousel-home .carousel-nav .heading {
        font-size: 22px;
        line-height: 28px
    }

    .carousel-home .carousel-item-active, .carousel-home .carousel-item-total {
        font-size: 20px;
        line-height: 24px;
        top: 0px
    }

    .carousel .carousel-nav .carousel-item-active, .carousel .carousel-nav .carousel-item-total {
        left: 50%
    }

    .carousel-view-text p b {
        display:inline-block;
    }
    .carousel-view-text p span {
        display:none
    }

    .mediatheque .carousel .carousel-nav .carousel-item-active,
    .mediatheque .carousel .carousel-nav .carousel-item-total {
        left: 0px;
    }

   

    /* TWITTER */
    .tweet-list {
        display: none;
    }

    /*HOME CONTENT */
    .push-list-home .push {
        margin-bottom: 30px;
        width: 100%;
        position: relative !important;
        top: 0px !important;
        left: 0px !important;
        overflow: hidden;
        width: 100% !important
    }

    .push-list-home .push {
    }

    .push-list-home .push img {
    }

    .push-list-home .push p {
        font-size: 14px;
        line-height: 23px
    }

    .push-list-home .push div {
        width: 60%;
        height: 50%
    }

    .push-list-home .push-2 {
        height: 165px !important;
        overflow: hidden
    }

    .push-list-home .push-2 div {
        width: 65%;
        height: 165px;
        position: relative;
        bottom: auto;
        top: 0px;
    }

    .push-list-home .push-2 div p {
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .detail_content{
        display:none !important;
    }

    .push-list-home .push-2 img {
        width: 35%;
        height: auto !important;
    }

    .push-list-home .push-2.push-left img {
        float: left;
        position: absolute
    }

    .push-list-home .push-2.push-left div {
        position: relative;
        float: right
    }

    .push-list-home .push-sociaux div p:last-child {
        display: block;
        width: 100%
    }

    .push-list-home .push-sociaux {
        height: auto;
        max-height: 178px
    }

    .push-list-home .push-sociaux div {
        width: 100% !important;
        height: auto
    }

    #voir-plus {
        position: relative;
        height: auto;
        width: 50%;
        padding: 0px 25px 0px 0px;
        /*margin-left: 30px*/
    }

    .push-voir, .push-voir a {
        height: auto !important
    }
    .push-voir div p {
        top: auto;
        margin-top: 0px
    }

    /* QUI SOMMES NOUS */
    .carousel-quisommesnous {
        height: auto !important;
        margin-bottom:0px;
    }

    .carousel-quisommesnous > div > ul > li {
        height: auto !important;
        overflow: visible
    }

    .carousel-quisommesnous li>img {
        display:none
    }

    .carousel-quisommesnous > div > ul > li:last-child {
        display: none
    }

    .carousel-quisommesnous .carousel-view-text {
        position: relative
    }

    .carousel-quisommesnous .carousel-view-text-inner p strong {
        margin:30px 0px;
        display:block;
    }

    .push-5 div.carousel-view-left-inner img {
        width:100%;
    }

    .push-5 {
        margin-bottom:0px;
    }

    .push-5 div.carousel-view-left-inner {
        position: relative;
        height: 254px
    }

    .push-5 div.push-inner > div {
        width: 100%;
        padding: 0px !important
    }

    .push-5 div.push-inner {
        min-height: 0px;
    }

    .carousel-quisommesnous .picture-mobiles {
        height: 170px;
        background-size: 230%;
        background-position: center;
    }

    .theme-anchor {
        display: none ;
    }

    .push-list-media>.push-5 {
        padding-top:20px;
        background: #ffffff;
    }

    .push-list-media .push-gouvernance {
        border-top: 1px solid #c0bebe;
        padding-top:0px;
    }

    .push-list-media .push-5 .icon-gototop {
        display:none
    }

    .push-list-media .push-5 .heading{
        margin-top:20px;
    }

    .carousel-quisommesnous .carousel-view-text {
        width: 100%;
        margin: 0px !important;
        top: 0px;
        left: 0px;
        padding: 4.6%;
        background: #ffffff
    }

    .carousel-quisommesnous .carousel-view-text .theme-nav {
        display: none
    }

    .gouvernance-inner {
        padding: 4.6% !important
    }

    div.gouvernance-organigramme ul li {
        width: 100%;
        padding-left: 0px;
        height:auto;
    }

    div.gouvernance-organigramme ul li .icon {
        position: relative;
        top: auto;
        left: auto;
        display: inline-block;
    }

    p.organigramme-name {
        margin: 10px 0px
    }

    .push-5 p.organigramme-function {
        width: 80%;
        margin-left: 10%
    }

    p.organigramme-name, .push-5 p.organigramme-function {
        font-size: 14px;
        line-height: 23px
    }

    .carousel-view-text-inner p {
        font-size: 14px;
        line-height: 23px
    }
    .carousel-quisommesnous .carousel-view-text .heading2 {
        margin-top:20px
    }

    .carousel-quisommesnous .carousel-view-text .heading2, .carousel-quisommesnous .carousel-view-text .heading2 strong {
        font-size: 24px;
        line-height: 30px;
        font-weight: 900;
        margin-bottom: 30px;
    }

    .gouvernance-inner {
        padding: 4.6%
    }

    .push-5 div.carousel-view-left-inner {
        height: 254px
    }

    .push-5.push-gouvernance div.carousel-view-left-inner {
        height: auto
    }

    div.gouvernance-organigramme {
        width: 100%;
        text-align: center
    }

    div.gouvernance-organigramme ul {
        width: 100%;
        position: relative !important;
        left: 0px !important;
        top: 0px !important
    }

    #plus-gouvernance {
        display: inline-block;
        text-align: center;
        float: none;
    }
    #plus-gouvernance img {
        width:50px;
        height:50px;
        min-height: 0px!important;
    }

    div.gouvernance-organigramme ul>div {
        float:left;
        display:none;
    }

    .gouvernance-bottom h3 {
        display: block;
        margin: 0 auto;
        width: 90%
    }

    .gouvernance-bottom {
        padding: 4.6% !important;
        width: 100%;
        text-align: center
    }

    div.gouvernance-bottom span {
        display: block;
        margin: 0 auto 10px
    }


    .push-detail {
        padding: 0px
    }

    .push-detail .push-detail-illus, .push-detail .push-detail-right {
        width: 100%
    }

    .push-detail-right {
        padding-top: 30px;
    }

    .push-detail-illus, .push-detail-right {
        width: 100%;
        height: auto !important
    }

    .push-detail-right .icon-close {
        margin-top: 0px;
        margin-right: 0px
    }

    /* FILTERS */
    .aside-filter .filter {
        padding: 0px;
        margin-top: 0px;
        float:left;
        width:100%;
    }

    .aside-filter .filter .trier {
        display: none
    }

    #filters-mobiles {
        width: 100%;
        display: inline-block;
        float:left;
    }

    #filters-mobiles p {
        width: 50%;
        display: inline-block;
        text-align: center;
        float: left;
        text-transform: uppercase;
        color: #ffffff;
        padding: 15px 0px 10px 0px;
        box-sizing: border-box;
        font-size: 12px
    }

    .push-5 div.push-inner {
        width:100%!important;
    }

    .nav-thirdy li a img {
        display: none
    }

    .aside-filter .filter .checkbox {
        width: 100%
    }

    .aside-filter .filter .heading {
        display: none
    }


    .aside-filter .filter form > div {
        display: none
    }

    #types-contenu, #type-media {
        position: absolute;
        background: #222222;
        width: 100%;
        padding-left: 30px;
        border-top: 1px solid #565656;
    }

    #types-contenu .checkbox, #type-media .checkbox {
        margin-top: 20px
    }

    #types-contenu .checkbox:last-child, #type-media .checkbox:last-child {
        margin-bottom: 40px
    }

    .aside-filter .filter form {
        display: block;
        top:0px;
        float:left;
        width:100%;
    }

    .aside-project {
        width: 100%;
    }

    .push-list-media-project {
        width: 100%
    }

    .project-description {
        width: 100%
    }

    .project .icon-project-bullet {
        display: none
    }

    .project-list .project {
        padding:20px 20px 12px 20px;
    }

    .project-list .project>span:nth-child(2) {
        display: inline-block;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 0px;
        position: relative;
    }
    .project-list .project>span:nth-child(2) span {
        float:left;
        margin:0 5px!important;
    }

    .project-list .project>span:nth-child(2) img {
        margin-top:-1px;
        float:left;
        margin-left:0px;
    }

    /* NOS PROJETS */
    .aside-project img {
        width: 100%;
        height: auto;
        margin-top: -100%
    }

    /* AIDES */
    .project-terms-1 div {
        margin: 0px;
        width: auto;
    }

    .project-terms-1, .project-terms-2, .project-terms-3, .project-terms-4 {
        margin-top: 20px;
        padding: 0px 50px;
        width: 100%;
        float: left;
    }


    .project-terms-3, .project-terms-4 {
        margin-bottom:0px;
    }

    .project-terms-4 {
        margin-top:0px;
    }

    /* FORMULAIRE */
    .project-header-inner {
        background: none;
    }

    .project-header-1 {
        padding: 20px 20px;
        width: 100%;
        margin-right: 0px;
    }

    .project-header-2 {
        padding: 20px 20px;
        width: 100%;
        border-left: none;
    }

    .form-container {
        width: 100%;
        margin-left: 0px;
    }

    .form-group-1 {
        width: 100%;
    }

    .project-submit-form .heading-3, .form-group-1 {
        padding: 20px;
    }

    /* BILLETTERIE */
    .project-billetterie-list .project-availability {
        left: 20px;
    }

    .project-billetterie-list .project-date {
        right: 20px;
    }

    .project-billetterie-list .project-category {
        height: 48px;
        padding: 20px;
    }

    .project-billetterie-list .project-category span.red {
        float: none;
        clear: both;
        display: block;
    }

    .project-billetterie-list .project-category .icon-pipe {
        display: none;
    }

    #map {
        height: 290px !important;
    }

    .modifyPwd label {
        width: 100%
    }

    .modifyPwd input {
        float: left !important
    }

    .modifyPwd div {
        float: left;
        width: 100%;
    }

    .modifyPwd .form-text > div {
        float: left !important;
        margin-bottom: 30px;
    }

    .submit-pswd {
        margin-left: 20px;
    }

    .project-billetterie-list .project-list .project {
        padding-right: 20px;
        padding-left: 20px;
    }

    /* PLAN */

    /* Contest */
    .contest-push {
        width: 100%;
    }

    .contest-push .contest-push-left,
    .contest-push .contest-push-right,
    .last-push .contest-push-left,
    .last-push .contest-push-right {
        width: 100%;
    }

    #winners .contest-push-left,
    #winners .winner-push-right {
        width: 100%;
        position: relative;
    }

    #winners ul.winners li {
        width: 50%;
    }

    #winners .winner-push-right {
        max-height: 300px;
    }

    #winners .winner-push-right img {
        width: 100%;
    }

    /************************\
    |                        |
    |   FETE DE LA MUSIQUE   |
    |      ~BIG MOBILE~      |
    |                        |
    \************************/

    .music-day .header .header-content .logo {
        width: 130px;
    }

    .music-day .header .header-content .sections_list {
        display: none;
    }

    .music-day .places_list .places_item .place_header .icon-gototop {
        display: none;
    }

    .music-day .places_list .places_item .place_header .place_header-description {
        position: relative;
        top: auto;
        left: auto;
        font-size: 20px;
        color: black;
        padding: 15px 0 15px 40px;
        border-top: 1px solid #d9d9d9;
        font-weight: 400;
    }

    .music-day .places_list .places_item .place_events-list .events_item.border-right {
        border-right: none;
    }

    .music-day .places_list .places_item .place_events-list .events_item.border-top-right {
        border-right: none;
        border-top: none;
    }

    .music-day .places_list .places_item .place_events-list .events_item.border-top {
        border-top: none;
    }

    .music-day .places_list .places_item .place_events-list .events_item {
        width: 100%;
        box-sizing: border-box;
        padding: 45px 40px;
        min-height: initial;
        border-top: 1px solid #f2f2f2 !important;
    }

}

@media screen and (min-width: 482px) and (max-width: 767px) {

    .push-list-home .push-2 div {
        min-height: 100%;
    }

    .push-list-home .push-sociaux {
        display: none
    }

    /* MEDIATHEQYE */
    .mediatheque {
        padding: 0px 0px;
        margin-top: 15px
    }

    .push-detail-text {
        padding: 20px
    }

    .push-1, .push-no-more, .push-more-prev, .push-no-more, .push-more {
        width: calc(33.33333% - 30px);
    }

    /* .push-1 .heading {
         font-size: 14px;
         line-height: 18px
     }*/
    .push-1 > div > div p.detail:last-child {
        font-size: 12px;
        line-height: 14px;
    }

    .push-detail-text {
        padding: 15px !important
    }
}

@media screen and (max-width: 481px) {
    /* MENU */
    #header-mobiles .logo-mobiles, #header-mobiles .nav-secondary {
        margin-top: 20px
    }

    #connect-mobiles > p {
        text-align: left;
        padding-left: 10px;
    }

    #connect-mobiles > p span {
        display: inline-block;
        float: left;
        margin-right: 10px !important;
        top: -6px;
    }

    #header > div.header-absolute {
        left: 0px;
    }

    #arrow-top.arrow-open {
        right: 188px;
    }

    .push-list-home .push {
        overflow: hidden;
        margin-bottom: 10px;
    }
	
	

    .container-home {
        padding: 25px 25px 0px 25px;
    }

    .push-list-home {
        height: auto !important;
    }

    .push-list-home .push div {
        width: 50%;
        padding: 10px !important;
    }

    .push-list-home .push-4 img {
        width: 100%;
        height: auto;
    }
	
	.video-js{
		height: auto !important;
	}

    .push-list-home .push-2 {
        height: 130px;
        max-height: 130px
    }

    .push-list-home .push-2 div {
        height: 100%;
        position: relative;
        float: right
    }

    .push-list-home .push-2 img, .push-list-home .push-2 div {
        width: 50%
    }

    .push-list-home .push-2 img {
        float: left
    }

    .push-list-home .push-2.push-sociaux {
        height: auto !important;
        padding-bottom: 5px;
    }

    .push-list-home .push-sociaux div {
        width: 100%
    }

    .push-list-home .push div h2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0px
    }

    .push-list-home .push div h2 b {
        display: inline;
    }

    .push-list-home .push div h2 span {
        display: none;
    }

    .push-list-home .push div p.detail {
        font-size: 10px;
        line-height: 14px
    }

    .push-list-home .push div p:last-child {
        display: none
    }

    .push-list-home .push-sociaux {
        max-height: none
    }

    .push-list-home .push-sociaux div p:last-child {
        display: block
    }

    #voir-plus {
        display: block;
        /*float: left;*/
        width: auto;
    }

    .push-voir div p img {
        width: 20px;
        height: 20px;
        margin-bottom: 0px;
        margin-top: 4px
    }
   }