@charset "utf-8";

/**/
/*OVERRIDE BOOTSTRAP*/
.navbar {
    margin:0;
    padding:0;
    height: 50px;
    background-color: #1b75bb;
}
.navbar>.container {
    padding:0;
}
.navbar-header {
    position:relative;
    z-index:10;
}
.navbar-brand {
    padding:0;
    float:left;
}
.navbar-inverse {
    background-color: #1b75bb;
    border-color: #1b75bb;
}
.navbar-inverse .navbar-brand {
    color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li,
.navbar-inverse .nav-bis > li {
    padding:0 12px;
    list-style:none;
    float:left;
}
.navbar-inverse .navbar-nav > li {
    position:static;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .nav-bis > li > a {
    color: #fff;
    height:48px;
    display:table-cell;
    vertical-align:middle;
    padding:0;
    text-align:center;
    line-height:4.8px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav > li.active > a:focus {
    background:transparent;
}
.modal-content {
    border-radius:0;
}

a.noHover,
a.noHover:hover,
a.noHover:focus{
    text-decoration: none !important;
    cursor: default !important;
}

/*GG STYLES*/
html.top, html.bottom {
    background-color: #fff;
    border: none;
    padding: 0;
}
body {
    background:#fff;
    padding-top: 50px;
    -webkit-font-smoothing : antialiased;
    font-family: Verdana, Geneva, sans-serif;
    color:#000;
    font-size:12px;
    line-height:1.2;
}
body.pop-in {
    padding-top:10px;
}
.navbar h1 {
    margin:0;
}
#navbar {
    margin-top:2px;
    float:left;
    font-family: 'IntroRegular';
    font-size:16px;
    font-size:1.6rem;
    width:1046px;
}
.navbar-inverse .navbar-nav li a {
    position:relative;
}
.navbar-inverse .navbar-nav li a:after,
.navbar-inverse .navbar-nav li.active ul li a:after {
    display:block;
    position:absolute;
    background:#fff;
    width:100%;
    height:0;
    content:"";
    bottom:0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.navbar-inverse .navbar-nav li a.hover:after,
.navbar-inverse .navbar-nav li a:hover:after,
.navbar-inverse .navbar-nav li a:focus:after,
.navbar-inverse .navbar-nav li.active a:after,
.navbar-inverse .navbar-nav li.active a:hover:after,
.navbar-inverse .navbar-nav li.active a:focus:after,
.navbar-inverse .navbar-nav li.active ul li.active a:after {
    height:6px;
}
/*NAV BIS : Langue et recherche*/
.navbar-inverse .nav-bis {
    padding:0;
    margin:0;
}
.navbar-inverse .nav-bis li.search {
    padding-left:8px;
    padding-right:8px;
}
.navbar-inverse .nav-bis li.langues {
    padding-top:11px;
    position:relative;
    padding-left:8px;
    padding-right:3px;
}
.navbar-inverse .nav-bis li.langues a,
.navbar-inverse .nav-bis li.langues a:hover {
    background:#fff;
    color:#1b75bb;
    height:26px;
    width:26px;
    line-height:26px;
    border-radius:50%;
    text-decoration: none !important;
}

/*SOUS NAVIGATION*/
.navbar-inverse .navbar-nav li div {
    margin:0;
    padding:0;
    position:absolute;
    z-index:0;
    width:100%;
    left:0;
    background:#fff;
    display:none;
}
.navbar-inverse .navbar-nav li div ul.container {
    padding-left:158px;
}
.navbar-inverse .navbar-nav li ul li {
    list-style:none;
    float:left;
    padding:0 12px;
}
.navbar-inverse .navbar-nav li ul li a {
    line-height:50px;
    display:block;
}
.navbar-inverse .navbar-nav li ul li a:after,
.navbar-inverse .navbar-nav li ul li.active a:after,
.navbar-inverse .navbar-nav li.active ul li a:after,
.navbar-inverse .navbar-nav li.active ul li.active a:after {
    background:#1b75bb;
}
.navbar-inverse .navbar-nav li.participez ul li a:after,
.navbar-inverse .navbar-nav li.participez ul li.active a:after,
.navbar-inverse .navbar-nav li.participez.active ul li a:after,
.navbar-inverse .navbar-nav li.participez.active ul li.active a:after,
.navbar-inverse .navbar-nav li ul li.violet a:after,
.navbar-inverse .navbar-nav li ul li.violet.active a:after,
.navbar-inverse .navbar-nav li.active ul li.violet a:after,
.navbar-inverse .navbar-nav li.active ul li.violet.active a:after {
    background:#662d91;
}
.navbar-inverse .navbar-nav li ul li.rouge a:after,
.navbar-inverse .navbar-nav li ul li.rouge.active a:after,
.navbar-inverse .navbar-nav li.active ul li.rouge a:after,
.navbar-inverse .navbar-nav li.active ul li.rouge.active a:after {
    background:#cd1833;
}
.navbar-inverse .navbar-nav li.sejournez ul li a:after,
.navbar-inverse .navbar-nav li.sejournez ul li.active a:after,
.navbar-inverse .navbar-nav li.sejournez.active ul li a:after,
.navbar-inverse .navbar-nav li.sejournez.active ul li.active a:after,
.navbar-inverse .navbar-nav li ul li.orange a:after,
.navbar-inverse .navbar-nav li ul li.orange.active a:after,
.navbar-inverse .navbar-nav li.active ul li.orange a:after,
.navbar-inverse .navbar-nav li.active ul li.orange.active a:after {
    background:#f68705;
}
.navbar-inverse .navbar-nav li.soutenez ul li a:after,
.navbar-inverse .navbar-nav li.soutenez ul li.active a:after,
.navbar-inverse .navbar-nav li.soutenez.active ul li a:after,
.navbar-inverse .navbar-nav li.soutenez.active ul li.active a:after,
.navbar-inverse .navbar-nav li ul li.vert a:after,
.navbar-inverse .navbar-nav li ul li.vert.active a:after,
.navbar-inverse .navbar-nav li.active ul li.vert a:after,
.navbar-inverse .navbar-nav li.active ul li.vert.active a:after {
    background:#007300;
}
.navbar-inverse .navbar-nav li ul li a:hover,
.navbar-inverse .navbar-nav li ul li.active a {
    color:#1b75bb;
    text-decoration:none;
}
.navbar-inverse .navbar-nav li.participez ul li a:hover,
.navbar-inverse .navbar-nav li.participez ul li.active a,
.navbar-inverse .navbar-nav li ul li.violet a:hover,
.navbar-inverse .navbar-nav li ul li.violet.active a {
    color:#662d91;
}
.navbar-inverse .navbar-nav li ul li.rouge a:hover,
.navbar-inverse .navbar-nav li ul li.rouge.active a {
    color:#cd1833;
}
.navbar-inverse .navbar-nav li.sejournez ul li a:hover,
.navbar-inverse .navbar-nav li.sejournez ul li.active a,
.navbar-inverse .navbar-nav li ul li.orange a:hover,
.navbar-inverse .navbar-nav li ul li.orange.active a {
    color:#f68705;
}
.navbar-inverse .navbar-nav li.soutenez ul li a:hover,
.navbar-inverse .navbar-nav li.soutenez ul li.active a,
.navbar-inverse .navbar-nav li ul li.vert a:hover,
.navbar-inverse .navbar-nav li ul li.vert.active a {
    color:#007300;
}


#qtranslate-chooser {
    display:none;
    position:absolute;
    right:3px;
    top:30px;
    padding:8px 0 0 0;
}

#qtranslate-chooser li {
    list-style:none;
    margin-top:5px;
}
#qtranslate-chooser li.active{
    display:none;
}
#qtranslate-chooser li a {
    background:#1b75bb;
    color:#fff;
    height:26px;
    width:26px;
    line-height:26px;
    border-radius:50%;
    display: table-cell;
    text-align:center;
    text-decoration: none;
}
#qtranslate-chooser li a:hover{
    color:#1b75bb;
    background:#fff;
    text-decoration: none;
}

.wrapper {
    display:inline-block;
    width:100%;
    float:left;
    position:relative;
}



/*BLOC SLICE IMAGE / SLICE IMAGE CONTENT & TITRE DES FICHES*/
.wrapper.image-slice img.gimic,
.wrapper.image-content-slice img.gimic {
    position:absolute;
    bottom:0;
    left:0;
    max-width:759px;
    max-height:326px;
}
.wrapper.image-slice .wrapper,
.wrapper.image-content-slice .wrapper {
    position:absolute;
    left:0;
}
.wrapper.image-slice.top .wrapper,
.wrapper.image-content-slice .wrapper {
    top:0;
}
.wrapper.image-slice.bottom .wrapper,
.wrapper.image-slice.titre .wrapper {
    bottom:0;
}
.wrapper.image-slice.top .container {
    padding:150px 85px 0 85px;
}
.wrapper.image-content-slice .container {
    padding:150px 15px 0 15px;
}
.wrapper.image-slice.bottom .container {
    padding:0 85px 150px 85px;
}
.wrapper.image-slice.titre .container {
    padding:0 85px 40px 85px;
}
.wrapper.image-slice.left .container .content {
    float:left;
}
.wrapper.image-slice.right .container .content {
    float:right;
}
.wrapper.entete .container .content {
    text-align:left;
}
.wrapper.image-slice.titre h1 {
    margin:0;
}
.wrapper.image-slice.titre h1 span.picto-titre {
    margin-right:20px;
    width:124px;
    position:relative;
    height:280px;
    float:left;
}
.wrapper.image-slice.titre h1 span.picto-titre img  {
    position:absolute;
    top:50%;
    margin-top:-62px;
}
.wrapper.image-slice.titre h1 span.titre-texte  {
    display:table-cell;
    vertical-align:middle;
    height:280px;
}
.wrapper.image-slice.titre h1 span.sous-titre {
    display:block;
}
.wrapper.image-slice ul.logos {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:45px;
    right:50%;
    margin-right:-585px;
}
.wrapper.image-slice ul.logos li {
    width:125px;
    height:125px;
    background:#fff;
    border-radius:50%;
    overflow:hidden;
}


.wrapper.image-content-slice.parallaxInit .wrapper.sliceImgContent,
.wrapper.image-slice.parallaxInit .wrapper.sliceImgContent{
    position: absolute !important;
}

/*BLOC BREADCRUMB*/
.breadcrumb {
    margin-bottom:0;
}
.breadcrumb ul {
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
    display:inline-block;
}
.breadcrumb ul li {
    list-style:none;
    float:left;
    font-size:11px;
    font-size:1.1rem;
    margin-right:5px;
}
/*
.breadcrumb ul li :after {
    content:"-";
    margin-left:5px;
}
*/
.breadcrumb li + li:before {
    content: " - ";
}

/*BLOC PARTAGE*/
.share {
    position:absolute;
    right:-15px;
    z-index:1;
}
.liste-actus .share,
.fiche-actu .share {
    top:-10px;
}
.share li {
    list-style:none;
    margin-bottom:8px;
}
.share li a,
.share li a i {
    display:block;
    width:31px !important;
    height:31px;
    background:#999;
    color:#fff;
    border-radius:50%;
    text-align:center;
}
.share li.rss a,
.share li.rss a i {
    background:#fe7218;
}
.share li a i {
    font-size:2px;
    font-size:2rem;
    line-height:34px;
    line-height:3.4rem;
}
.addthis_button_tweet iframe{
    width: 31px !important;
    height: 20px !important;
    position: relative !important;
    top: -25px;
    display: block;
    overflow: hidden;
    opacity: 0;
}

#atstbx {
    position: absolute;
    right: -15px;
    z-index: 1;
}

.at-custom-share-anchor {
    border-radius: 50%;
    display: list-item !important;
    margin-bottom: 8px !important;
    text-align: -webkit-match-parent;
}

a.at-custom-share-anchor .at-icon-wrapper {
    cursor: pointer;
    background: #999999 !important;
}
.at-share-tbx-element .at-share-btn {
    display: block !important;
    margin:0 0 5px 0 !important;
}
.at-share-tbx-element .at-share-btn:focus, .at-share-tbx-element .at-share-btn:hover {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0px) !important;

    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    outline-offset: -1px;
}



/*BLOC PROGRAMME*/
.programme h3 {
    font-size:55px;
    font-size:5.5rem;
    line-height:55px;
    line-height:5.5rem;
    font-family: 'IntroBold';
    text-transform:uppercase;
    margin:0;
}
.programme h3 span {
    font-size:16px;
    font-size:1.6rem;
}

.programme h4.titreCalendar{
    font-size: 32px !important;
    margin-top: -15px;
    text-transform: capitalize;
    margin-bottom: 14px;
    font-weight: 700px;
    padding-left: 4px;
}


.programme table th {
    color:#1b75bb;
    padding:10px 0;
}
.programme table td {
    padding:5px 0;
}
.programme table td.col01,
.programme table td.col02,
.programme table td.col03,
.programme table td.col05,
.programme table td.col06,
.programme table td.col07 {
    width:15%;
}
.programme table td.col04 {
    width:10%;
}
.programme .col-sm-6:nth-child(odd) {
    padding-left:0;
    border-right: 1px solid #ccc;
    clear:left;
}
.programme .col-sm-6:nth-child(even) {
    padding-left:30px;
    padding-right:0;
    border-left: 1px solid #ccc;
    margin-left:-1px;
}


/*BLOC TESTIMONIAL*/
.slice.testimonial {
    padding-left:8.4%;
    margin-top:15px;
    margin-bottom:15px;
}
.testimonial .main-content {
    margin-top:40px;
    margin-bottom:40px;
}
.slice.trame-1,
.slice.trame-2,
.slice.trame-3,
.slice.trame-4,
.slice.trame-5 {
    background-position:60px 0;
    background-repeat:no-repeat;
}
.slice.trame-1 {
    background-image:url("../img/css/trames-testimonials/trame-1.png");
}
.slice.trame-2 {
    background-image:url("../img/css/trames-testimonials/trame-2.png");
}
.slice.trame-3 {
    background-image:url("../img/css/trames-testimonials/trame-3.png");
}
.slice.trame-4 {
    background-image:url("../img/css/trames-testimonials/trame-4.png");
}
.slice.trame-5 {
    background-image:url("../img/css/trames-testimonials/trame-5.png");
}
.slice .testimonial img.portrait {
    position:absolute;
    right:100%;
    top:20px;
    margin-right:20px;
    border-radius:50%;
}


/*BLOC IMAGES/VIDEO XL DANS CONTENU*/
.slice .img-xl img,
.slice .img-xl video,
.slice .img-xl .slideshow {
    margin-left:-40px;
    max-width:100%;
    height:auto;
}
.slice .img-xl .slideshow img,
.slice .img-xl .slideshow video {
    margin-left:0;
}


/*BLOC ACTU / LISTE ACTUS / PAGE ACTU*/
.slice .actu {
    margin-top:20px;
    margin-bottom:20px;
}
.slice.liste-actus .actu {
    margin-top:0;
    margin-bottom:40px;
}
.slice.fiche-actu {
    margin-bottom:20px;
}
.slice.fiche-actu .actu {
    margin-top:0;
    margin-bottom:0;
}
.slice .actu h3 span,
.slice.liste-actus .actu h2 span,
.slice.fiche-actu .actu h2 span {
    background:#00317a;
}
.slice .actu h4,
.slice.liste-actus .actu h3,
.slice.fiche-actu .actu h3 {
    color:#5d9ace;
    font-size:14px;
    font-size:1.4rem;
    line-height:18px;
    line-height:1.8rem;
    font-weight:bold;
    margin:0 0 3px 0;
    display:inline-block;
}
.slice .actu .auteur {
    color:#5d9ace;
}
.slice .actu .suite {
    display:block;
    width:22px;
    height:22px;
    overflow:hidden;
    border:1px solid #00317a;
    text-indent:-5000px;
    background:url("../img/css/plus-suite.png") no-repeat center center;
}

.slice.liste-actus,
.slice.fiche-actu {
    display:inline-block;
}
.slice.fiche-actu .retour {
    font-size:11px;
    font-size:1.1rem;
    line-height:15px;
    line-height:1.5rem;
    position:relative;
    right:auto;
    text-transform:uppercase;
}


/*BLOC LISTE SPORTS / EVENT / CONFERENCES*/
.slice .liste-sports .decal-title span {
    background:#1b75bb;
}
.slice .liste-culture .decal-title span {
    background:#290852;
}
.slice .liste-conferences .decal-title span {
    background:#002700;
}

.slice .listePictos.colorHover   ul li.hover span,
.slice .listePictos.colorHover   ul li:hover span{ font-weight:600 !important; }

.slice .liste-sports.colorHover  ul li.hover span,
.slice .liste-sports.colorHover  ul li:hover span{ color: #1b75bb ;  }

.slice .liste-culture.colorHover ul li.hover span,
.slice .liste-culture.colorHover ul li:hover span{ color: #290852;  }

.slice .liste-conferences.colorHover ul li.hover span,
.slice .liste-conferences.colorHover ul li:hover span{ color: #002700;  }

.slice .listePictos ul{
    padding:0;
    margin-left:-16px;
    margin-bottom:0;
}
.slice .listePictos ul li {
    list-style:none;
    font-family: 'IntroRegular';
    font-size:19px;
    font-size:1.9rem;
    line-height:22px;
    line-height:2.2rem;
    padding-top:10px;
    padding-bottom:5px;
    position:static;
}
.slice .listePictos ul li span {
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
}
.slice .liste-sports ul li span.picto + span,
.slice .liste-culture ul li span.picto + span{
    width:50%;
}
.slice .liste-conferences ul li span.picto + span {
    width:70%;
}
.slice .liste-sports ul li span,
.slice .liste-culture ul li span,
.slice .liste-conferences ul li span {
    margin-bottom:15px;
}

.slice .listePictos.withInfoBloc ul li.hover span.picto:after {
    content:'\f0d8';
    font-family:'FontAwesome';
    position:absolute;
    left:50%;
    bottom:-23px;
    margin-left:-6px;
    color: #000 !important;
}
.slice .listePictos.withInfoBloc ul li.hover .detail{
    z-index:11;
}


.detail {
    width:100%;
    padding:30px 0 15px 0;
    border-top:5px solid #000;
    border-bottom:5px solid #000;
    position:absolute;
    left:0;
    background:#fff;
    z-index:9;
    display:none;
}


body.archiveEvents .contenuPageBlocs{
    padding-left: 44px;
}

body.archiveEvents form {
    margin-left: 30px;
    border-left: 1px solid #cccccc;
}
body.archiveEvents form ul{ list-style-type: none; }
body.archiveEvents form ul li h4{ float:left; margin-right: 20px; min-width:100%; }
body.archiveEvents form ul li { clear:both; margin:0; }
body.archiveEvents .searchandfilter ul li{ padding:5px 0; }
body.archiveEvents .searchandfilter h4 { padding: 5px 0 3px; font-size: 15px;}



body.archiveEvents #post-5070, #post-5621, { margin-bottom: 0; }
.slice.block.testimonial h2{ margin: 0; }
body.archiveEvents .searchandfilter ul li { padding: 5px 0; float: left; display: block; clear: none; }

body.archiveEvents .searchandfilter ul li { width: 50%; /* $$$$$ */ }
/* body.archiveEvents .searchandfilter .sf-field-taxonomy-accessibility-public{ margin-left:50%; } */

body.archiveEvents .searchandfilter ul li.sf-field-taxonomy-date .chosen-search,
body.archiveEvents .searchandfilter ul li.sf-field-taxonomy-event-category .chosen-search,
body.archiveEvents .searchandfilter ul li.sf-field-taxonomy-accessibility-participants .chosen-search,
body.archiveEvents .searchandfilter ul li.sf-field-taxonomy-accessibility-public .chosen-search{
    display:none;
}


@media (max-width: 745px) {
    body.archiveEvents .searchandfilter ul li { width: 100%; /* $$$$$ */ }
    body.archiveEvents .searchandfilter .sf-field-taxonomy-accessibility-public{ margin-left:0%; }
}

body.archiveEvents .searchandfilter select.sf-input-select { min-width: none; width: inherit; }
body.archiveEvents .searchandfilter .chosen-container { font-size: 14px; width: inherit !important; }
form.searchandfilter label { width: 95%; }
body.archiveEvents .searchandfilter ul li.sf-field-submit{ clear: both; float: right; text-align: right; }
body.archiveEvents .searchandfilter ul li.sf-field-submit{ margin-top: 0; }
body.archiveEvents .searchandfilter ul li.sf-field-submit input{ margin: 10px 40px 0 0; padding: 8px 40px; }
body.archiveEvents .searchandfilter .chosen-container .chosen-results li.active-result{ width:100%; }

body.archiveEvents form ul li select{ min-width:255px;  margin-top: 3px; }
body.archiveEvents form ul li select,
body.archiveEvents form ul li select option {
    background: #fff;
    color: #1b75bb;
    border: 1px solid #ccc;
    padding: 0 10px;
    height: 30px;
    border-radius: 5px;
}









body.archiveEvents form input[type="submit"]{
    background: #1b75bb;
    border: 1px solid #fff;
    padding: 8px 20px;
    margin-top: 40px;
    color: #fff;
    font-size: 20px;
}

.ajaxReload .content-main{
    padding-left: 15px !important;
}
.accessibiliteEvent{ padding: 0; }
.accessibiliteEvent .detaile{
    position:relative;
    display:block;
    border-top: none;
    border-bottom: none; /* border-bottom:1px dotted #000; */
    background: transparent;
    z-index:initial;
}
.accessibiliteEvent .content ul.liste-handicaps{ margin-left: 0; margin-top: 5px; }
.accessibiliteEvent .content ul.liste-handicaps li {
    width: 50px !important;
    margin-left: 0 !important;
    overflow: hidden;
}
body.recherche .accessibiliteEvent .content ul.liste-handicaps{ margin-left: 0; margin-top: 5px; }
body.recherche .accessibiliteEvent .content ul.liste-handicaps li {
    width: 40px !important;
}

body.recherche .accessibiliteEvent .content ul.liste-handicaps li img {
    width:inherit; height:auto;
    padding:2px;
}

a.savoirplus{
    text-decoration: none;
    padding: 4px 10px;
    /* background: red; */
    color: #fff;
    font-size: 19px;

    width:100%;
    text-align:center;
    display: block;
}
a.savoirplus.savoirplusEvent{
    clear: both;
    margin: 0px 0px 80px 0;
    padding: 8px 10px !important;
    padding: 0;
}


a.savoirplus:hover{
    text-decoration: none;
}

.content-slice .barreacces{
    display: inline-block;
}
.content-slice .barreacces.firstBarre{
    margin-right: 45px;
}


.detail .visu img {
    width:100%;
    height:auto;
}
.detail .content .titre {
    font-size:23px;
    font-size:2.3rem;
}
.detail .content .sous-titre p {
    font-size:17px;
    font-size:1.7rem;
    margin: 3px 0;
}

.detail .content p {
    font-size:12px;
    font-size:1.2rem;
    line-height:1.2;
}


/*BLOC MOSAIQUE*/
.mosaique-slice {
    background-repeat:no-repeat;
    background-position:25% bottom;
    padding-bottom:50px;
}
.mosaique-slice .slice {
    margin-bottom:15px;
}
.mosaique-slice .slice.titre {
    position:relative;
}
.mosaique-slice .slice.titre .content {
    position:absolute;
    bottom:20px;
}
.mosaique-slice .slice .mosaique {
    margin-bottom:20px;
    padding:0;
}
.mosaique-slice .slice .mosaique .bloc-mosaique {
    padding-left:0;
    margin-right:3%;
    width:31.333333%;
    float:left;
    font-size:13px;
    font-size:1.3rem;

}
.mosaique-slice .slice .mosaique .bloc-mosaique div {
    display:table-cell;
    vertical-align:middle;
    height:268px;
    width:272px;
    padding:20px;
    font-family: 'IntroRegular';
}
.mosaique-slice .slice .mosaique .bloc-mosaique:last-child {
    margin-right:0;
}

/*
.mosaique-slice .slice.titre:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 250px 0 0 200px;
    border-color: transparent transparent transparent #ffffff;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
     -webkit-transform:rotate(360deg);
}
*/

/*BLOC GALLERIE D'IMAGES*/
.content-gallery-slice .slice img {
    margin:15px 0;
}

/*BLOC TELECHARGEZ PROGRAMME*/
.telechargez-slice .slice {
    position:relative;
}
.telechargez-slice .slice .content {
    position:absolute;
    top:20px;
    padding:0;
}
.telechargez-slice .slice a {
    color:#fff;
    font-size:50px;
    font-size:5rem;
    font-family:'IntroBold';
}

/*BLOC TRANSPORTS*/
.slice.transports .decal-title span {
    background:#004fa3;
}
.slice.transports {
    clear:left;
}
.liste-transports h4 {
    font-family: 'IntroBold';
    text-transform:uppercase;
    font-size:24px;
    font-size:2.4rem;
    line-height:28px;
    line-height:2.8rem;
}
.liste-transports p {
    margin:10px 0;
}
.liste-transports .lignes {
    margin-bottom:25px;
}
.liste-transports .lignes img {
    margin: 0 4px 5px;
}

/*BLOC A PROXIMITE*/
.slice.proximite .decal-title span {
    background:#cd1833;
}
.liste-proximite h4 {
    font-family: 'IntroBold';
    text-transform:uppercase;
    font-size:19px;
    font-size:1.9rem;
    line-height:23px;
    line-height:2.3rem;
}
.liste-proximite ul.infos {
    margin:-22px 0 10px 0;
    padding:0;
}
.liste-proximite ul.infos li {
    list-style:none;
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#ff931e;
    overflow:hidden;
    margin:0 5px;
}
.liste-proximite .btn {
    text-transform:uppercase;
    font-size:11px;
    font-size:1.1rem;
    line-height:15px;
    line-height:1.5rem;
}

/*BLOC BENEVOLE*/
.wrapper.benevole {
    padding:20px 0;
    color:#fff;
    font-family: 'IntroRegular';
    font-size:24px;
    font-size:2.4rem;
    background:#662e91;
}
.wrapper.benevole ul {
    text-align:right;
}
.wrapper.benevole ul li {
    list-style:none;
    width:48%;
    font-size:16px;
    font-size:1.6rem;
    text-align:left;
}
.wrapper.benevole ul li a {
    display:block;
    padding:10px 50px 10px 12px;
}
.wrapper.benevole ul li.devenir {
    float:left;
}
.wrapper.benevole ul li.devenir a {
    background:#290852 url("../img/css/picto-devenir-benevole.png") no-repeat right center;
    color:#fff;
}
.wrapper.benevole ul li.deja {
    float:right;
}
.wrapper.benevole ul li.deja a {
    background:#fff url("../img/css/picto-deja-benevole.png") no-repeat right center;
    color:#290852;
}


/*BLOC INSCRIPTION*/
.wrapper.inscription {
    padding:20px 0;
    color:#fff;
    font-family: 'IntroRegular';
    font-size:24px;
    font-size:2.4rem;
    background:#662e91;
}
.wrapper.inscription a {
    display:block;
    font-size:19px;
    font-size:1.9rem;
    padding:10px 50px 10px 12px;
    background:#8e499b url("../img/css/picto-inscription.png") no-repeat right center;
    color:#fff;
    margin:8px 0;
}


/*BLOC BILLETERIE*/
.wrapper.billeterie {
    padding:20px 0;
    color:#fff;
    font-family: 'IntroRegular';
    font-size:24px;
    font-size:2.4rem;
    background:#662e91;
}
.wrapper.billeterie a {
    display:block;
    font-size:19px;
    font-size:1.9rem;
    padding:10px 35px;
    background:#290852;
    color:#fff;
    margin:8px 0;
}


/*BLOC DON*/
.wrapper.don {
    padding:20px 0;
    color:#fff;
    font-family: 'IntroRegular';
    font-size:24px;
    font-size:2.4rem;
    background:#3fa9f5;
}
.wrapper.don ul {
    text-align:right;
}
.wrapper.don ul li {
    list-style:none;
    width:48%;
    font-size:16px;
    font-size:1.6rem;
    text-align:left;
}
.wrapper.don ul li a {
    display:block;
    padding:10px 50px 10px 12px;
}
.wrapper.don ul li.devenir {
    float:left;
}
.wrapper.don ul li.devenir a {
    background:#1b75bb url("../img/css/picto-devenir-benevole.png") no-repeat right center;
    color:#fff;
}
.wrapper.don ul li.don {
    float:right;
}
.wrapper.don ul li.don a {
    background:#00317a url("../img/css/picto-faire-don.png") no-repeat right center;
    color:#fff;
}


/*BLOC CANDIDATURE*/
.wrapper.candidature {
    padding:20px 0;
    color:#fff;
    font-family: 'IntroRegular';
    font-size:17px;
    font-size:1.7rem;
    background:#3fa9f5;
}
.wrapper.candidature ul {
    text-align:right;
}
.wrapper.candidature ul li {
    list-style:none;
    width:48%;
    font-size:16px;
    font-size:1.6rem;
    text-align:left;
}
.wrapper.candidature ul li a {
    display:block;
    padding:10px 50px 10px 12px;
}
.wrapper.candidature ul li.devenir {
    float:left;
}
.wrapper.candidature ul li.devenir a {
    background:#1b75bb url("../img/css/picto-devenir-benevole.png") no-repeat right center;
    color:#fff;
}
.wrapper.candidature ul li.candidature {
    float:right;
}
.wrapper.candidature ul li.candidature a {
    background:#00317a url("../img/css/picto-inscription.png") no-repeat right center;
    color:#fff;
}


/*BLOC CONTACT*/
.wrapper.contact {
    padding:20px 0;
    color:#fff;
    font-family: 'IntroRegular';
    font-size:24px;
    font-size:2.4rem;
    background:#3fa9f5;
}
.wrapper.contact ul {
    text-align:right;
}
.wrapper.contact ul li {
    list-style:none;
    width:48%;
    font-size:16px;
    font-size:1.6rem;
    text-align:left;
}
.wrapper.contact ul li a {
    display:block;
    padding:10px 50px 10px 12px;
}
.wrapper.contact ul li.devenir {
    float:left;
}
.wrapper.contact ul li.devenir a {
    background:#1b75bb url("../img/css/picto-devenir-benevole.png") no-repeat right center;
    color:#fff;
}
.wrapper.contact ul li.contact {
    float:right;
}
.wrapper.contact ul li.contact a {
    background:#00317a url("../img/css/picto-contact.png") no-repeat right center;
    color:#fff;
}


/*BLOC RECHERCHE // BLOC NEWSLETTER*/
.wrapper.search,
.wrapper.newsletter {
    padding:20px 0;
    color:#fff;
    text-align:center;
    font-family: 'IntroRegular';
    font-size:16px;
}
.wrapper.search {
    background:#662e91;
}
.wrapper.search i {
    font-size:36px;
    font-size:3.6rem;
    margin-right:10px;
    vertical-align:middle;
}
.wrapper.newsletter {
    background:#0973bd;
}
.wrapper.search form,
.wrapper.newsletter form {
    display:inline-block;
}
.wrapper.search form input,
.wrapper.newsletter form input {
    font-family: Verdana, Geneva, sans-serif;
    font-size:12px;
    font-style:italic;
    border:none;
    padding:0 30px;
    vertical-align:middle;
    width:350px;
}
.wrapper.search form input {
    background:#874394;
    height:46px;
}
.wrapper.newsletter form input {
    background:#3fa9f5;
    height:30px;
}
.wrapper.search form input[type="submit"],
.wrapper.newsletter form input[type="submit"] {
    font-family: 'IntroRegular';
    font-size:22px;
    border:none;
    background:transparent;
    font-style:normal;
    padding:0 10px;
    width:auto;
}

.wrapper.search{ width:100%; }
.wrapper.search .fa{ display:none; }
body.recherche .wrapper.noresults{ padding: 30px 0 40px; }
body.recherche .wrapper.noresults .content-main{ width:100%; }
body.recherche .nav .search{ display: none; }




a.newsletterLink{
    font-family: 'IntroRegular';
    font-size: 22px;
    border: none;
    background: transparent;
    font-style: normal;
    padding: 0 10px;
    width: auto;
    height: 30px;
    color:#fff;
    vertical-align: middle;
    background: #3786C3;
    padding: 10px 24px;
}
a.newsletterLink:hover{
    text-decoration: none !important;
    background: #3B8DC5;
}


html.framed #wrapperCookies,
html.framed .navbar,
html.framed .breadcrumb,
html.framed ul.share,
html.framed .wrapper.newsletter,
html.framed #footer,
body.in-iframe #wrapperCookies,
body.in-iframe .navbar,
body.in-iframe .breadcrumb,
body.in-iframe ul.share,
body.in-iframe .wrapper.newsletter,
body.in-iframe #footer
{
    display:none;
}
html.framed body,
body.in-iframe{
    padding-top : 0;
}


.mfp-preloader{
    width:32px;
    height:32px;
    background: url("../img/css/ajax-loader.gif") no-repeat center center;
    background-color: transparent;
    /* display:block !important; */
    z-index: 999999999999;
    margin:auto;
    margin-top: -16px;
    color:transparent;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close {
    color: #0973bd;
    right: 15px !important;
    background: #fff;
    width: 40px !important;
    height: 40px;
    border-radius: 50%;
    top: 10px !important;
    text-align: center;
    padding: 0;
    line-height: 41px;
    padding-left: 1px;
}






/**/
/**/
/**/
/*FOOTER*/
.container.navig ul {
    padding:30px 0 20px 0;
}
.container.navig ul li {
    list-style:none;
    float:left;
    padding:0 15px;
    width:25%; /* 4 colonne    20%; pour cinq */
}
.container.navig>ul>li>a {
    font-family: 'IntroSemiBold';
    font-size:18px;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #000;
    display:block;
}
.container.navig ul li ul {
    padding:0;
}
.container.navig ul li ul li {
    list-style:disc inside;
    float:none;
    padding:0;
    margin:5px 0;
    width:100%;
}
#footer .logos ul {
    list-style:none;
    padding:0;
    display:inline-block;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}
#footer .logos ul li {
    padding:0 10px;
    display:inline-block;
    vertical-align:bottom;
}
#footer .logos.logos-partenaires ul li {
    margin-bottom:30px;
}

.wrapper.bottom-navig {
    background:#cccccc;
    padding:20px 0;
}
.wrapper.bottom-navig ul {
    margin:0;
    padding:0;
}
.wrapper.bottom-navig ul.pull-left {
    font-size:18px;
}
.wrapper.bottom-navig ul.pull-left li {
    margin-right:30px;
}
.wrapper.bottom-navig ul.pull-right li {
    margin-left:10px;
}
.wrapper.bottom-navig ul li {
    list-style:none;
    float:left;
    font-family: 'IntroRegular';
    line-height:34px;
}
.wrapper.bottom-navig ul li.private {
    font-size:24px;
    margin-left:10px;
}
.wrapper.bottom-navig ul li.private a {
    color:#767676;
}
.wrapper.bottom-navig ul li.copyright {
    margin:0 10px 0 20px;
}
.wrapper.bottom-navig ul li.round a {
    display:block;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#999999;
    color:#fff;
    text-align:center;
    font-size:22px;
}


/*LAYOUT*/
.flex {
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.clear{
    clear:both;
}

.clearfix {
    width:100%;
    display:inline-block;
}
p {
    margin:15px 0;
}
.partage-reseaux,
.relative {
    position:relative;
}
.inline-block {
    display:inline-block;
}
.slice .content-main p:first-of-type {
    margin-top:0;
}
.border-left {
    border-left:1px solid #cccccc;
}
.border-right {
    border-right:1px solid #cccccc;
}
.container.contenu {
    padding-left:50px;
    padding-right:50px;
}
.content-main {
    padding-left:30px;
    padding-right:30px;
}
.margin-top {
    margin-top:20px
}
.margin-bottom {
    margin-bottom:20px
}
.thumb img {
    margin:0 16px 20px 0;
}


/*PICTOS*/
.picto {
    display:block;
    border-radius:50%;
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    position:relative;
    overflow:hidden;
}
.programme .picto {
    width:47px;
    height:47px;
}
.picto.sport,
.liste-sports .picto {
    background:#1b75bb;
}
.picto.culture,
.liste-culture .picto {
    background:#662d91;
}
.picto.conference,
.liste-conferences .picto {
    background:#007300;
}
.programme .picto {
    margin:0 10px 0 -54px;
    float:left;
}



/*LISTES*/
ul.liste-handicaps,
ul.liste-square,
ul.liste-circle {
    padding:0;
    margin:15px 0 0 0;
}
ul.liste-circle.slide {
    width:775px;
}
ul.liste-handicaps {
    margin-left:-44px;
}
.detail .content ul.liste-handicaps {
    margin:0 0 15px 0;
}
ul.liste-square,
ul.liste-circle {
    margin-left:-30px;
}
ul.liste-handicaps li,
ul.liste-square li,
ul.liste-circle li {
    list-style:none;
    display:inline-block;
    text-align:center;vertical-align:top;
    color:#4d4d4d;
    margin-bottom:15px;
}
.liste-square li img { background:#f8f8f8 }

ul.liste-handicaps li {
    width:73px;
    margin-left:44px;
    font-size:10px;
    font-size:1rem;
    line-height:14px;
    line-height:1.4rem;
}
.detail .content ul.liste-handicaps li {
    margin:0 5px 0 0;
    padding:0;
}

ul.liste-square li,
ul.liste-circle li {
    width:125px;
    margin-left:30px;
}
.openPopup,
ul.liste-square li.openPopup,
ul.liste-circle li.openPopup {
    cursor:pointer;
}


ul.liste-square li span,
ul.liste-circle li span {
    display:block;
    margin-bottom:2px;
    font-size:16px;
    font-size:1.6rem;
    line-height:20px;
    line-height:2rem;
    font-family: 'IntroBold';
}

ul.liste-handicaps li img,
ul.liste-square li img,
ul.liste-circle li img {
    display:block;
    margin-bottom:5px;
}

ul.liste-handicaps li img {
    background:#cccccc;
    padding:10px;
}
ul.liste-handicaps li.accessok img {
    background:#007300;
}
ul.liste-circle li img {
    border-radius:50%;
}

/*SLIDESHOW*/
.slick-prev:before,
.slick-next:before {
    content: "";
}
.slick-prev, .slick-next {
    height:83px;
    top:auto;
    bottom:0;
    transform:none;
    width:28px;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
    left:-27px;
    background:#fff url("../img/css/slide-prev.png") no-repeat center 5px;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
    right:-50px;
    background:#fff url("../img/css/slide-next.png") no-repeat center 5px;
}


/*BOUTONS*/
.btn {
    position:relative;
    font-family: 'IntroRegular';
    font-size:17px;
    font-size:1.7rem;
}
.btn:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    right:-15px;
    width:15px;
}
.btn-primary:after,
.btn-bleu:after {
    background:url("../img/css/biseaux-btn/btn-bleu.png") no-repeat;
    background-size:100% 100%;
}
.btn-primary-inv:after,
.btn-bleu-inv:after {
    background:url("../img/css/biseaux-btn/btn-bleu-inv.png") no-repeat;
    background-size:100% 100%;
}
.btn-bleu-fonce:after {
    background:url("../img/css/biseaux-btn/btn-bleu-fonce.png") no-repeat;
    background-size:100% 100%;
}
.btn-bleu-fonce-inv:after {
    background:url("../img/css/biseaux-btn/btn-bleu-fonce-inv.png") no-repeat;
    background-size:100% 100%;
}
.btn-violet:after {
    background:url("../img/css/biseaux-btn/btn-violet.png") no-repeat;
    background-size:100% 100%;
}
.btn-violet-inv:after {
    background:url("../img/css/biseaux-btn/btn-violet-inv.png") no-repeat;
    background-size:100% 100%;
}
.btn-vert:after {
    background:url("../img/css/biseaux-btn/btn-vert.png") no-repeat;
    background-size:100% 100%;
}
.btn-vert-inv:after {
    background:url("../img/css/biseaux-btn/btn-vert-inv.png") no-repeat;
    background-size:100% 100%;
}
.btn-rouge:after {
    background:url("../img/css/biseaux-btn/btn-rouge.png") no-repeat;
    background-size:100% 100%;
}
.btn-rouge-inv:after {
    background:url("../img/css/biseaux-btn/btn-rouge-inv.png") no-repeat;
    background-size:100% 100%;
}
.btn-orange:after {
    background:url("../img/css/biseaux-btn/btn-orange.png") no-repeat;
    background-size:100% 100%;
}
.btn-orange-inv:after {
    background:url("../img/css/biseaux-btn/btn-orange-inv.png") no-repeat;
    background-size:100% 100%;
}
.btn-noir:after {
    background:url("../img/css/biseaux-btn/btn-noir.png") no-repeat;
    background-size:100% 100%;
}
.btn-noir-inv:after {
    background:url("../img/css/biseaux-btn/btn-noir-inv.png") no-repeat;
    background-size:100% 100%;
}
.btn.btn-border {
    border:1px solid #cccccc;
}



.btn-primary,
.btn-bleu,
.btn-bleu-inv,
.btn-rss {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2d6da3;
}


.btn.btn-rss {
    padding:6px 20px 6px 12px;
}
.btn.btn-rss:after {
    background:url("../img/css/biseaux-btn/btn-rss.png") no-repeat;
    background-size:100% 100%;
    content:"\f09e";
    font-family:'FontAwesome';
    font-size:26px;
    position:absolute;
    right:-47px;
    width:59px;
}

/*Bouton liens utiles*/
#btn-liens-utiles {
    display:block;
    width:65px;
    height:65px;
    background:url("../img/css/bg-bout-liens-utiles.png") no-repeat;
    color:#fff;
    text-align:center;
    border-radius:50%;
    padding-top:28px;
    position:fixed;
    bottom:100px;
    right:50%;
    margin-right:-670px;
    z-index:8;
}
#btn-liens-utiles:hover{
    text-decoration: none;
}


/*GESTION TEXTE*/
.text-intro {
    font-family:'IntroRegular';
    font-size:30px;
    font-size:3rem;
}
.slice h2 {
    font-size:58px;
    font-size:5.8rem;
    line-height:60px;
    line-height:6rem;
    font-family: 'IntroBold';
    padding:0;
}
.slice h2 + a.pull-right {
    margin: 20px 15px 0 0;
}
.slice .testimonial blockquote {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    line-height: 3.2rem;
    font-family: 'IntroLight';
    margin:0 0 10px 0;
    border-left:none;
    padding:0;
}
.slice .testimonial p.auteur {
    color:#0973bd;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
}
.slice h1.decal-title,
.slice h2.decal-title,
.slice h3.decal-title,
.slice h4.decal-title,
.slice h5.decal-title,
.slice h6.decal-title,
.slice .decal-title,
.slice .retour {
    font-size:16px;
    font-size:1.6rem;
    line-height:20px;
    line-height:2rem;
    font-family:'IntroRegular';
    color:#fff;
    position:absolute;
    right:100%;
    text-align:right;
    padding:0;
    margin:0;
}
.slice.relative .decal-title {
    font-size:11px;
    font-size:1.1rem;
    line-height:15px;
    line-height:1.5rem;
    right:83.3333%;
    margin-right:-1px;
}
.slice h1.decal-title span,
.slice h2.decal-title span,
.slice h3.decal-title span,
.slice h4.decal-title span,
.slice h5.decal-title span,
.slice h6.decal-title span,
.slice .decal-title {
    padding:5px 10px;
    display:inline-block;
    margin-right:1px;
    min-width:120px;
}
.slice .retour {
    padding:5px 10px;
    background:#999999;
    color:#fff;
}
.slice .retour:hover{
    text-decoration: none;
}
.slice .retour:before {
    content:"<";
    margin-right:5px;
}
.content-main {
    line-height:1.5;
}
.content2col .colcontent02 {
    font-family: 'IntroLight';
    font-size:20px;
    font-size:2rem;
    line-height:1;
}
.content2col .colcontent02 strong {
    font-family: 'IntroBold';
}

/*Pastille prix*/
.prix {
    display:block;
    width:70px;
    height:70px;
    font-size:25px;
    font-size:2.5rem;
    line-height:70px;
    line-height:7rem;
    color:#fff;
    font-family: 'IntroBold';
    text-align:center;
    border-radius:50%;
    background:#006837;
}
.prix.pink {
    background:#f1647a;
}
.prix.mini {
    font-size:13px;
    font-size:1.3rem;
}

/*Pastille couleur*/
.pastille {
    display:table-cell;
    vertical-align:middle;
    width:131px;
    height:131px;
    font-size:16px;
    font-size:1.6rem;
    line-height:20px;
    line-height:2rem;
    color:#fff;
    font-family: 'IntroRegular';
    text-align:center;
    border-radius:50%;
}
.pastille-bleue {
    background-color: #337ab7;
}
.pastille-bleu-foncee {
    background-color: #00327b;
}
.pastille-violette {
    background-color: #662d91;
}
.pastille-verte {
    background-color: #007300;
}
.pastille-rouge {
    background-color: #cd1833;
}
.pastille-orange {
    background-color: #f68705;
}
.pastille-noire {
    background-color: #000;
}
.pastille-rose {
    background-color: #ff6d8b;
}

/*surlignage*/
.surlignage-bleu {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #337ab7;
    padding:10px 15px;
    display:inline-block;
}
.surlignage-bleu-fonce {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #00327b;
    padding:10px 15px;
    display:inline-block;
}
.surlignage-violet {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #662d91;
    padding:10px 15px;
    display:inline-block;
}
.surlignage-vert {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #007300;
    padding:10px 15px;
    display:inline-block;
}
.surlignage-rouge {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #cd1833;
    padding:10px 15px;
    display:inline-block;
}
.surlignage-orange {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #f68705;
    padding:10px 15px;
    display:inline-block;
}
.surlignage-noir {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #000;
    padding:10px 15px;
    display:inline-block;
}
.surlignage-rose {
    color:#fff;
    font-size:23px;
    line-height:28px;
    background-color: #ff6d8b;
    padding:10px 15px;
    display:inline-block;
}

/*Décalage*/
.decal-15 {
    margin-left:-15px;
}
.decal-30 {
    margin-left:-30px;
}
.decal-95 {
    margin-left:-95px;
}
.decal15 {
    margin-left:15px;
}
.decal30 {
    margin-left:30px;
}
.decal45 {
    margin-left:45px;
}
.decal60 {
    margin-left:60px;
}

/*Alignement*/
.align-left {
    float:left;
}
.align-right {
    float:right;
}

/*Compteurs*/
.compteur {
    width:135px;
    height:135px;
    display:block;
    margin:15px auto;
    font-size:11px;
    font-size:1.1rem;
    font-family: Verdana, Geneva, sans-serif;
    color:#4d4d4d;
    text-align:center;
    box-sizing: border-box;
    padding:50px 15px 15px 15px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;
}
.compteur01 {
    background-image:url("../img/css/bg-chrono/chrono_00_410.png");
}
.compteur02 {
    background-image:url("../img/css/bg-chrono/chrono_01_410.png");
}
.compteur03 {
    background-image:url("../img/css/bg-chrono/chrono_02_410.png");
}
.compteur04 {
    background-image:url("../img/css/bg-chrono/chrono_03_410.png");
}
.compteur05 {
    background-image:url("../img/css/bg-chrono/chrono_04_410.png");
}
.compteur06 {
    background-image:url("../img/css/bg-chrono/chrono_05_410.png");
}
.compteur07 {
    background-image:url("../img/css/bg-chrono/chrono_06_410.png");
}
.compteur08 {
    background-image:url("../img/css/bg-chrono/chrono_07_410.png");
}
.compteur09 {
    background-image:url("../img/css/bg-chrono/chrono_08_410.png");
}
.compteur10 {
    background-image:url("../img/css/bg-chrono/chrono_09_410.png");
}
.compteur11 {
    background-image:url("../img/css/bg-chrono/chrono_10_410.png");
}
.compteur12 {
    background-image:url("../img/css/bg-chrono/chrono_11_410.png");
}
.compteur13 {
    background-image:url("../img/css/bg-chrono/chrono_12_410.png");
}

/*Tailles du texte*/
.size10 {
    font-size:10px;
    font-size:1rem;
    line-height:12px;
    line-height:1.2rem;
}
.size11 {
    font-size:11px;
    font-size:1.1rem;
    line-height:13px;
    line-height:1.3rem;
}
.size12 {
    font-size:12px;
    font-size:1.2rem;
    line-height:14px;
    line-height:1.4rem;
}
.size14 {
    font-size:14px;
    font-size:1.4rem;
    line-height:16px;
    line-height:1.6rem;
}
.size16 {
    font-size:16px;
    font-size:1.6rem;
    line-height:18px;
    line-height:1.8rem;
}
.size18 {
    font-size:18px;
    font-size:1.8rem;
    line-height:20px;
    line-height:2rem;
}
.size20 {
    font-size:20px;
    font-size:2rem;
    line-height:22px;
    line-height:2.2rem;
}
.size22 {
    font-size:22px;
    font-size:2.2rem;
    line-height:24px;
    line-height:2.4rem;
}
.size24 {
    font-size:24px;
    font-size:2.4rem;
    line-height:26px;
    line-height:2.6rem;
}
.size26 {
    font-size:26px;
    font-size:2.6rem;
    line-height:28px;
    line-height:2.8rem;
}
.size28 {
    font-size:28px;
    font-size:2.8rem;
    line-height:30px;
    line-height:3rem;
}
.size30 {
    font-size:30px;
    font-size:3rem;
    line-height:32px;
    line-height:3.2rem;
}
.size35 {
    font-size:35px;
    font-size:3.5rem;
    line-height:37px;
    line-height:3.7rem;
}
.size40 {
    font-size:40px;
    font-size:4rem;
    line-height:42px;
    line-height:4.2rem;
}
.size45 {
    font-size:45px;
    font-size:4.5rem;
    line-height:47px;
    line-height:4.7rem;
}
.size50 {
    font-size:50px;
    font-size:5rem;
    line-height:52px;
    line-height:5.2rem;
}
.size55 {
    font-size:55px;
    font-size:5.5rem;
    line-height:57px;
    line-height:5.7rem;
}
.size60 {
    font-size:60px;
    font-size:6rem;
    line-height:62px;
    line-height:6.2rem;
}
.size70 {
    font-size:70px;
    font-size:7rem;
    line-height:72px;
    line-height:7.2rem;
}
.size80 {
    font-size:80px;
    font-size:8rem;
    line-height:82px;
    line-height:8.2rem;
}
.size90 {
    font-size:90px;
    font-size:9rem;
    line-height:92px;
    line-height:9.2rem;
}
.size100 {
    font-size:100px;
    font-size:10rem;
    line-height:102px;
    line-height:10.2rem;
}
.size110 {
    font-size:110px;
    font-size:11rem;
    line-height:112px;
    line-height:11.2rem;
}
.size120 {
    font-size:120px;
    font-size:12rem;
    line-height:122px;
    line-height:12.2rem;
}
.size130 {
    font-size:130px;
    font-size:13rem;
    line-height:132px;
    line-height:13.2rem;
}

/*TABLEAUX*/
table {
    width:100%;
    border:none;
}
th,
td {
    text-align:left;
}
th {
    padding:5px 0;
}
td {
    padding:2px 0;
}
th.w75,
td.w75 {
    width:75%;
}
th.w66,
td.w66 {
    width:66.666666%;
}
th.w50,
td.w50 {
    width:50%;
}
th.w40,
td.w40 {
    width:40%;
}
th.w33,
td.w33 {
    width:33.333333%;
}
th.w25,
td.w25 {
    width:25%;
}
th.w20,
td.w20 {
    width:20%;
}
th.w15,
td.w15 {
    width:15%;
}
th.w10,
td.w10 {
    width:10%;
}
th.w5,
td.w5 {
    width:5%;
}


/*POP IN*/

/*Animation*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.9;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/*Bout close*/
.mfp-inline-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    top:0;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close {
    color:#0973bd;
    right: 20px;
    width:auto;
}
.mfp-close {
    font-size:40px;
    opacity:1;
    padding: 0 0 18px 0;
    right: 0;
    text-align:right;
    top: 0;
    width: 44px;
}

/*BG*/
.mfp-bg {
    background:#0973bd;
    opacity:0.9;
}
.mfp-bg.liens-utiles {
    background:rgba(2,36,83,0.95) url("../img/css/bg-pop-in-liens-utiles.png") no-repeat center center;
}
.mfp-fade.mfp-bg.mfp-ready.liens-utiles {
  opacity:1;
}
.mfp-iframe-scaler iframe {
    background:#fff;
}

/*Largeurs*/
.small .mfp-content{
    background: #fff;
    padding-top: 50px;
    -webkit-font-smoothing: antialiased;
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
    font-size: 12px;
    line-height: 1.2;
}
.small .mfp-inline-holder .mfp-content,
.small .mfp-iframe-holder .mfp-content {
    max-width: 340px;
}
.medium .mfp-inline-holder .mfp-content,
.medium .mfp-iframe-holder .mfp-content {
    max-width: 500px;
}
.large .mfp-inline-holder .mfp-content,
.large .mfp-iframe-holder .mfp-content {
    max-width: 900px;
}

.pop-in{
    padding: 20px 40px 40px;
    background: #fff;
    padding-top: 50px;
    -webkit-font-smoothing: antialiased;
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
    font-size: 12px;
    line-height: 1.2;
}
#pop-in {
    padding:0 40px;
}

.pop-in .titre,
#pop-in h1 {
    color:#0973bd;
    font-size:35px;
    font-size:3.5rem;
    font-family:'IntroRegular';
    display:inline-block;
    min-height: 92px;

}
.pop-in .titrePortrait,
#pop-in .portrait {
    position:relative;
    padding-left:110px;
    font-weight: 600;
}

.pop-in .titrePortrait .sousTitrePopup,
#pop-in .portrait .sousTitrePopup {
    color: #777;
    font-size: 13px;
    line-height: normal;
    position: relative;
    top: -14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.pop-in img.portrait,
#pop-in img.portrait {
    position:absolute;
    top:50%;
    left:0;
    margin-top:-46px;
}
.pop-in img.round{
    border-radius:50%;
}
.pop-in img,
.pop-in video,
#pop-in img,
#pop-in video {
    max-width: 100%;
    height:auto;
}

/*Pop in Liens Utiles*/
.liens-utiles h1 {
    font-family: IntroBold;
    color:#022453;
    text-transform:uppercase;
    font-size:54px;
    font-size:5.4rem;
    line-height:56px;
    line-height:5.6rem;
    padding:0 15px;
}
.liens-utiles ul.liste-liens {
    display:inline-block;
    width:100%;
    margin-bottom:30px;
    padding:0;
}
.liens-utiles ul.liste-liens li {
    list-style:none;
    text-align:center;
    border-right:1px solid #b5b5b5;
    padding-top:10px;
    padding-bottom:10px;
}
.liens-utiles ul.liste-liens li img {
    display:block;
    margin:0 auto 10px auto;
}
.liens-utiles ul.liste-liens li:last-child,
.liens-utiles ul.liste-liens li:nth-child(4n+4) {
    border-right:none;
}
.liens-utiles ul.liste-logos {
    display:inline-block;
    width:100%;
    padding:0 45px;
}
.liens-utiles ul.liste-logos li {
    list-style:none;
    display:inline-block;
    padding:0 15px;
    vertical-align:bottom;
}

/* bloc shortcode video html 5 custom */
.blocVideoHtml{
    width:inherit; height:inherit; display:block; position:relative;
    display: table;
    vertical-align:middle;
}

.blocVideoHtml .cover{
    position:relative; width:100%; height:100%; display:block;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
}
.blocVideoHtml .cover .playBtn{
    opacity:0.57 ; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background: url(../img/css/playBtn_bl.png) center center no-repeat;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
}
.blocVideoHtml:hover .cover .playBtn{
    opacity:0.90;
}
/* TODO AJOUTER BOUTON STOP AU HOVER QD PLAYING */

.blocVideoHtml .cover img{}
.blocVideoHtml video{
    position:absolute;top:0;left:0; width:inherit;height:inherit; margin:0 ; padding:0;
    opacity:0;
    display: table-cell;
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width:100%;
}
.blocVideoHtml.playing .cover{ opacity:0; }
.blocVideoHtml.playing video{  opacity:1; }

.edit-link a{
    display: block;
    background: red;
    padding: 4px 10px;
    left: 0;
    position: fixed;
    top: 0;
    width: 63px;
    text-align: center;
    height: 50px;
    z-index: 200000000;
    font-weight:bold;
}
.edit-link a{ color : #fff; }


.edit-link-event a {
    display: block;
    background: red;
    padding: 4px 0px;
    left: auto;
    position: absolute;
    top: 0;
    width: 136px;
    text-align: center;
    height: 22px;
    font-weight: bold;
    right: 30px;
    line-height: normal;
    color:#fff;
}



.infobox {
    background: #fff;
    position: absolute;
    padding: 0px;
    width: 500px;
    padding-top: 0;

    -moz-box-shadow: 2px 2px 5px 2px #aaaaaa;
    -webkit-box-shadow: 2px 2px 5px 2px #aaaaaa;
    -o-box-shadow: 2px 2px 5px 2px #aaaaaa;
    box-shadow: 2px 2px 5px 2px #aaaaaa;

    margin-top: -120px;
}
.infobox .close {
    cursor: pointer;
    float: right;
    font-size: 19px;
    height: 25px;
    position: relative;
    text-align: center;
    /* top: -20px; */
    width: 25px;
    z-index: 2;
    color: #777;
    opacity: 0.8;
    right: -2px;
}

.popup-maker-gmap{
    position:relative;
    width:500px;
    max-width: 100%;
    /* min-width:300px; */
    min-height: 120px;
    display: block;
    background: #fff;
}

.popup-maker-gmap p{
    margin: 5px 0
}

.popup-maker-gmap img{
    display:inline-block;
    float: left;
}
.popup-maker-gmap .info{
    display:inline-block;
    float: left;
    padding:10px;
}

.popup-gallery a{
    outline: none;
}

.mfp-gallery .mfp-container,
.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.mfp-gallery.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-gallery.mfp-removing .mfp-container,
.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-arrow:before{ display:none; }



#wrapperCookies {
  background: #0C529E !important;
  display:none;
}
#cookies {
  width:960px;
  margin:auto;
  color:#fff;
  font-size:12px;
  font-size:1.2rem;
  line-height:36px;
  line-height:3.6rem;
  font-family:"Lato", sans-serif;
  display:table;
}
#cookies p {
  float:left;
  margin:0;
  font-family: "latoregular", Arial, sans-serif;
}
#cookies a {
  color:#fff;
}
#cookies a.close {
  float:right;
  text-align:center;
  width:30px;
  display:block;
  border-left:1px solid rgba(255,255,255,0.6);
  border-right:1px solid rgba(255,255,255,0.6);
}
#cookies a i {
  line-height:30px;
  line-height:3rem;
}

#cookies {
width:90%;
line-height:16px;
line-height:1.6rem;
padding:5px 0;
}
#cookies p {
float:left;
width:90%;
}
#wrapperCookies:hover a.close {
    border:1px solid rgba(255,255,255,0.9);
}
#cookies a.close {
border:1px solid rgba(255,255,255,0.6);
opacity:1;
}




/* ----------------------------- */
/* ==La recherche                 */
/* ----------------------------- */
#wrapperSearch {
    height: 0px;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    position: fixed;
    top: -90px;
    z-index: 10;
}
#wrapperSearch.open {
    top: 50px;
    height:90px;
}

li.search{
    cursor:pointer;
}

body.recherche li.search{
    opacity:0.3;
    cursor: default;
}


.search {text-align: center; }
  .search > * {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .search > i {
    font-size: 1.48em; }
  .search form {
    height: 36px; }
    .search form input {
      height: 36px;
      margin: 0;
      border: none;
      background: transparent;
      outline: none;
    }
    .search form input[type="text"] {
      width: 450px;
      border: none;
      border-bottom: 1px dotted #e3e3e3;
      margin-left: 25px;
      margin-right: 25px; }
    .search form input[type="submit"] {
      background: #0c529e;
      color: #fff;
      padding-left: 15px;
      padding-right: 15px; }
  .search .close {
    display: block;
    float: right;
    /* background: transparent url("../images/bout-close-search.png") no-repeat scroll center center/47px 36px; */
    width: 56px;
    height: 36px;
    overflow: hidden;
    text-indent: -5000px;
}


@media (max-width: 1699px) {
    /*BLOC MOSAIQUE*/
    .mosaique-slice {
        background-position:20% bottom;
    }
}

@media (max-width: 1599px) {

    /*BLOC MOSAIQUE*/
    .mosaique-slice {
        background-position:15% bottom;
    }

}


@media (max-width: 1399px) {

    .wrapper.image-slice.top .container {
        padding:100px 85px 0 85px;
    }
    .wrapper.image-content-slice .container {
        padding:100px 15px 0 15px;
    }
    .wrapper.image-slice.bottom .container {
        padding:0 85px 100px 85px;
    }
    .wrapper.image-slice.titre .container {
        padding:0 85px 10px 85px;
    }

    /*BLOC MOSAIQUE*/
    .mosaique-slice {
        background-position:10% bottom;
    }

    /*Bouton liens utiles*/
    #btn-liens-utiles {
        margin-right:-620px;
    }

}


@media (max-width: 1249px) {

    /*Bouton liens utiles*/
    #btn-liens-utiles {
        margin-right:-570px;
    }

}


@media (max-width: 1199px) {

    #navbar {
        width:846px;
    }

    /*BLOC SLICE IMAGE & SLICE IMAGE CONTENT*/
    .wrapper.image-content-slice .container {
        padding:80px 15px 0 15px;
    }
    .wrapper.image-slice.titre h1 span.picto-titre {
        width:90px;
        height:200px;
    }
    .wrapper.image-slice.titre h1 span.picto-titre img  {
        margin-top:-45px;
    }
    .wrapper.image-slice.titre h1 span.titre-texte  {
        height:200px;
    }
    .wrapper.image-slice .container h1 img {
        width:90px;
        height:auto;
    }
    .wrapper.image-slice ul.logos {
        margin-right:-485px;
    }

    /*BLOC PROGRAMME*/
    .programme table td.col01,
    .programme table td.col02,
    .programme table td.col03,
    .programme table td.col05,
    .programme table td.col06,
    .programme table td.col07 {
        width:16%;
    }
    .programme table td.col04 {
        width:4%;
    }


    /*BLOC TESTIMONIAL*/
    .slice.trame-1,
    .slice.trame-2,
    .slice.trame-3,
    .slice.trame-4,
    .slice.trame-5 {
        background-position:15px 0;
        background-repeat:no-repeat;
    }


    /*BLOC MOSAIQUE*/
    .mosaique-slice {
        background-position:6.5% bottom;
    }
    .mosaique-slice .slice .mosaique .bloc-mosaique div {
        height:222px;
        width:225px;
    }

    /*BLOC TELECHARGEZ PROGRAMME*/
    .telechargez-slice .slice a {
        font-size:40px;
        font-size:4rem;
    }

    /**/
    /**/
    /**/
    /*FOOTER*/
    .container.navig ul li ul li {
        margin:3px 0;
    }
    .container.navig ul li ul li a {
        font-size:10px;
    }

    /*LISTES*/
    ul.liste-circle.slide {
        width:620px;
    }


    /*Tailles du texte*/
    .image-slice .size35 {
        font-size:32px;
        font-size:3.2rem;
        line-height:34px;
        line-height:3.4rem;
    }
    .image-slice .size40 {
        font-size:34px;
        font-size:3.4rem;
        line-height:36px;
        line-height:3.6rem;
    }
    .image-slice .size45 {
        font-size:36px;
        font-size:3.6rem;
        line-height:38px;
        line-height:3.8rem;
    }
    .image-slice .size50 {
        font-size:38px;
        font-size:3.8rem;
        line-height:40px;
        line-height:4rem;
    }
    .image-slice .size55 {
        font-size:40px;
        font-size:4rem;
        line-height:42px;
        line-height:4.2rem;
    }
    .image-slice .size60 {
        font-size:45px;
        font-size:4.5rem;
        line-height:47px;
        line-height:4.7rem;
    }
    .image-slice .size70 {
        font-size:50px;
        font-size:5rem;
        line-height:52px;
        line-height:5.2rem;
    }
    .image-slice .size80 {
        font-size:55px;
        font-size:5.5rem;
        line-height:57px;
        line-height:5.7rem;
    }
    .image-slice .size90 {
        font-size:60px;
        font-size:6rem;
        line-height:62px;
        line-height:6.2rem;
    }
    .image-slice .size100 {
        font-size:65px;
        font-size:6.5rem;
        line-height:67px;
        line-height:6.7rem;
    }
    .image-slice .size110 {
        font-size:70px;
        font-size:7rem;
        line-height:72px;
        line-height:7.2rem;
    }
    .image-slice .size120 {
        font-size:75px;
        font-size:7.5rem;
        line-height:77px;
        line-height:7.7rem;
    }
    .image-slice .size130 {
        font-size:80px;
        font-size:8rem;
        line-height:82px;
        line-height:8.2rem;
    }

    /*Bouton liens utiles*/
    #btn-liens-utiles {
        margin-right:-500px;
    }

}


@media (max-width: 991px) {

    .navbar-inverse .navbar-nav > li,
    .navbar-inverse .navbar-nav li ul li {
        padding:0 8px;
    }
    #navbar {
        font-size:12px;
        font-size:1.2rem;
        width:626px;
    }

    /*BLOC SLICE IMAGE & SLICE IMAGE CONTENT*/
    .wrapper.image-slice.top,
    .wrapper.image-slice.bottom,
    .wrapper.image-content-slice {
        overflow:hidden;
    }
    .wrapper.image-slice p,
    .wrapper.image-slice h1,
    .wrapper.image-slice h2,
    .wrapper.image-slice h3,
    .wrapper.image-slice h4,
    .wrapper.image-slice h5,
    .wrapper.image-slice h6 {
        text-shadow: 0px 2px 1px rgba(255, 255, 255, 1);
    }
    .wrapper.image-slice p .btn {
        text-shadow: none;
    }
    .wrapper.image-slice img.gimic,
    .wrapper.image-content-slice img.gimic {
        display:none;
    }
    .wrapper.image-slice.top img,
    .wrapper.image-slice.bottom img,
    .wrapper.image-content-slice img,
    .wrapper.mosaique-slice .container .titre img {
        position:absolute;
        top:0;
        right:0;
        height:100%;
        width:auto;
    }
    .wrapper.image-slice.right img {
        right:auto;
        left:0;
    }
    .wrapper.image-slice.top .wrapper,
    .wrapper.image-slice.bottom .wrapper,
    .wrapper.image-content-slice .wrapper,
    .wrapper.mosaique-slice .container .titre,
    .wrapper.mosaique-slice .container .titre .content {
        position:relative;
    }
    .wrapper.image-slice.top .container,
    .wrapper.image-slice.bottom .container {
        padding:90px 45px;
    }
    .wrapper.image-slice.titre .container {
        padding:10px 45px;
    }
    .wrapper.image-content-slice .container {
        padding:40px 15px;
    }
    .wrapper.image-slice ul.logos {
        margin-right:-375px;
    }
    .wrapper.image-slice ul.logos li {
        width:85px;
        height:85px;
    }
    .wrapper.image-slice ul.logos li img {
        width:100%;
        height:auto;
    }

    /*BLOC IMAGES/VIDEO XL DANS CONTENU*/
    .slice .img-xl img,
    .slice .img-xl video {
        margin-left:0;
    }


    /*BLOC TESTIMONIAL*/
    .slice.testimonial {
        padding-left:0;
    }
    .slice.trame-1,
    .slice.trame-2,
    .slice.trame-3,
    .slice.trame-4,
    .slice.trame-5 {
        background-image:none;
    }
    .slice .testimonial h2 {
        float:left;
        width:70%;
    }
    .slice .testimonial img.portrait {
        position:relative;
        right:auto;
        top:auto;
        margin-right:0;
        margin-left:25px;
        float:right;
    }

    .slice .testimonial h3 {
        display:inline-block;
        width:100%;
    }

    /*BLOC ACTU*/
    .slice .actu h4 {
        margin:15px 0 3px 0;
    }

    /*BLOC MOSAIQUE*/
    .mosaique-slice {
        background-image:none !important;
    }

    /*BLOC TELECHARGEZ PROGRAMME*/
    .telechargez-slice .slice .content {
        top: 10px;
    }
    .telechargez-slice .slice a {
        font-size:34px;
        font-size:3.4rem;
    }

    /*LAYOUT*/
    .container.contenu {
        padding-left:15px;
        padding-right:15px;
    }
    .slice .content-main p:first-of-type {
        margin-top:15px;
    }

    /*GESTION TEXTE*/
    .slice h2 {
        float:none;
    }
    .slice h1.decal-title,
    .slice h2.decal-title,
    .slice h3.decal-title,
    .slice h4.decal-title,
    .slice h5.decal-title,
    .slice h6.decal-title,
    .slice .decal-title,
    .slice.relative .decal-title,
    .slice .retour {
        position:relative;
        right:auto;
        text-align:left;
        clear:both;
        margin-left:0;
        margin-right:0;
        padding:0;
        float:none;
    }
    .slice.relative .decal-title {
        margin:15px 0;
    }
    .slice .retour {
        padding: 5px 10px;
    }

    /*Décalage*/
    .decal-15,
    .decal-30,
    .decal-95,
    .decal15,
    .decal30,
    .decal45,
    .decal60 {
        margin-left:0;
    }

    /*Alignement*/
    .align-left,
    .align-right {
        float:none;
    }

    /**/
    /**/
    /**/
    /*FOOTER*/
    .container.navig>ul>li>a {
        font-size:15px;
    }
    #footer .logos.logos-partenaires ul li img {
        width:100%;
        height:auto;
    }
    .wrapper.bottom-navig {
        text-align:center;
    }
    .wrapper.bottom-navig ul.pull-left,
    .wrapper.bottom-navig ul.pull-right {
        float:none !important;
    }
    .wrapper.bottom-navig ul li {
        float:none;
        display:inline-block;
    }
    .wrapper.bottom-navig ul li.private {
        margin-left:30px;
    }
    .wrapper.bottom-navig ul li.round {
        margin-top:10px;
        margin-bottom:10px;
    }
    .wrapper.bottom-navig ul li.copyright {
        margin:0;
        display:block;
    }
    .wrapper.bottom-navig ul.pull-left {
        font-size:15px;
    }

    /*Bouton liens utiles*/
    #btn-liens-utiles {
        margin-right:-380px;
    }

}


@media (max-width: 767px) {

    /*LOGO*/
    .navbar > .container {
        padding:0 15px;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left:10px;
    }
    .navbar-brand > img {
        width:70px;
        height:auto;
    }
    #navbar {
        margin-top:0;
        float:none;
        width:auto;
        background:#fff;
        border-color:transparent;
        padding-top:15px;
        padding-bottom:10px;
        border-bottom:3px solid #1b75bb;
    }
    .navbar-inverse .navbar-nav > li,
    .navbar-inverse .nav-bis > li {
        float:none;
        width:100%;
    }
    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .nav-bis > li > a:hover,
    .navbar-inverse .nav-bis > li > a:focus,
    .navbar-inverse .nav-bis > li > a {
        color:#1b75bb;
        height:auto;
        text-align:left;
        line-height:34px;
        display:block;
    }
    .navbar-inverse .navbar-nav li a:after {
        display:none;
    }


    /*NAV BIS : Langue et recherche*/
    .navbar-inverse .nav-bis {
        text-align:center;
        width:100%;
    }
    .navbar-inverse .nav-bis li.langues,
    .navbar-inverse .nav-bis li.search {
        float:none !important;
        display:inline-block;
        width:auto;
    }
    .navbar-inverse .nav-bis li.langues a,
    .navbar-inverse .nav-bis li.search a {
        display:inline-block;
    }
    .navbar-inverse .nav-bis li.langues a,
    .navbar-inverse .nav-bis li.langues a:hover {
        background:#1b75bb;
        color:#fff;
        text-align:center;
    }

    /*SOUS NAVIGATION*/

    .navbar-inverse .navbar-nav li div {
        position:relative;
    }
    .navbar-inverse .navbar-nav li div ul.container {
        padding-left:0;
    }
    .navbar-inverse .navbar-nav li ul li {
        float:none;
    }
    .navbar-inverse .navbar-nav li ul li a {
        line-height:34px;
    }

    /*BLOC BENEVOLE*/
    .wrapper.benevole {
        font-size:14px;
        font-size:1.4rem;
    }
    .wrapper.benevole ul li {
        font-size:14px;
        font-size:1.4rem;
    }
    /*BLOC INSCRIPTION*/
    .wrapper.inscription {
        font-size:14px;
        font-size:1.4rem;
    }
    .wrapper.inscription a {
        font-size:14px;
        font-size:1.4rem;
    }
    /*BLOC BILLETERIE*/
    .wrapper.billeterie {
        font-size:14px;
        font-size:1.4rem;
    }
    .wrapper.billeterie a {
        font-size:14px;
        font-size:1.4rem;
    }
    /*BLOC DON*/
    .wrapper.don {
        font-size:14px;
        font-size:1.4rem;
    }
    .wrapper.don ul li {
        font-size:14px;
        font-size:1.4rem;
    }
    /*BLOC CANDIDATURE*/
    .wrapper.candidature {
        font-size:14px;
        font-size:1.4rem;
    }
    .wrapper.candidature ul li {
        font-size:14px;
        font-size:1.4rem;
    }
    /*BLOC CONTACT*/
    .wrapper.contact {
        font-size:14px;
        font-size:1.4rem;
    }
    .wrapper.contact ul li {
        font-size:14px;
        font-size:1.4rem;
    }

    /*BLOC SLICE IMAGE & SLICE IMAGE CONTENT*/
    .wrapper.image-slice.top .container,
    .wrapper.image-slice.bottom .container  {
        padding:50px 0;
        background:rgba(255,255,255,0.8);
    }
    .wrapper.image-slice.titre .container {
        padding:60px 0 30px 0;
    }
    .wrapper.image-slice .container h1 span.picto-titre {
        width:12vw;
        height:auto;
    }
    .wrapper.image-slice .container h1 span.titre-texte {
        height:auto;
    }
    .wrapper.image-slice .container h1 span.picto-titre img {
        width:12vw;
        height:auto;
        position:relative;
        margin-top:0;
    }
    .wrapper.image-slice ul.logos {
        margin-right:0;
        right:15px;
        top:10px;
    }
    .wrapper.image-slice ul.logos li {
        width:30px;
        height:30px;
        float:left;
    }
    .wrapper.image-slice .container h1 span.titre-texte {
        height:auto;
    }
    .wrapper.image-slice .container h1 span.picto-titre img {
        width:12vw;
        height:auto;
        position:relative;
        margin-top:0;
    }
    .wrapper.image-slice ul.logos {
        margin-right:0;
        right:15px;
        top:10px;
    }
    .wrapper.image-slice ul.logos li {
        width:30px;
        height:30px;
        float:left;
    }
    .wrapper.image-content-slice .container {
        padding:15px;
        background:rgba(255,255,255,0.8);
    }

    .wrapper.image-slice.parallaxInit .container,
    .wrapper.image-content-slice.parallaxInit .container {
        background: none;
    }
    .wrapper.image-slice.parallaxInit img,
    .wrapper.image-content-slice.parallaxInit img {
        opacity: 0.2;
    }

    /*BLOC MOSAIQUE*/
    .mosaique-slice {
        padding-bottom:20px;
    }
    .mosaique-slice .slice.titre {
        display:inline-block;
        width:100%;
        overflow:hidden;
    }
    .mosaique-slice .slice.titre .content {
        position:relative;
        bottom:auto;
        padding:20px;
        background:rgba(255,255,255,0.8);
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
    }
    .mosaique-slice .slice .mosaique {
        margin-bottom:0;
        padding:0;
    }
    .mosaique-slice .slice .mosaique .bloc-mosaique {
        margin:0 0 15px 0;
        width:100%;
        float:none;
    }
    .mosaique-slice .slice .mosaique .bloc-mosaique div {
        display:block;
        height:auto;
        width:100%;
    }

    /*BLOC GALLERIE D'IMAGES*/
    .content-gallery-slice .slice .content-main {
        padding:0;
        display:inline-block;
    }

    /*BLOC TELECHARGEZ PROGRAMME*/
    .telechargez-slice .slice .content {
        top: 0;
        padding:0 50% 0 15px;
    }
    .telechargez-slice .slice a {
        font-size:30px;
        font-size:3rem;
    }

    /*Tailles du texte*/
    .image-slice p {
        margin:1.4vw;
    }
    /*BOUTONS*/
    .image-slice .btn,
    .mosaique-slice .btn {
        font-size:3.6vw;
        line-height:3.6vw;
    }
    .image-slice .size10,
    .mosaique-slice .size10 {
        font-size:4vw;
        line-height:4vw;
    }
    .image-slice .size11,
    .mosaique-slice .size11 {
        font-size:4.2vw;
        line-height:4.2vw;
    }
    .image-slice .size12,
    .mosaique-slice .size12 {
        font-size:4.4vw;
        line-height:4.4vw;
    }
    .image-slice .size14,
    .mosaique-slice .size14 {
        font-size:4.6vw;
        line-height:4.6vw;
    }
    .image-slice .size16,
    .mosaique-slice .size16 {
        font-size:4.8vw;
        line-height:4.8vw;
    }
    .image-slice .size18,
    .mosaique-slice .size18 {
        font-size:5vw;
        line-height:5vw;
    }
    .image-slice .size20,
    .mosaique-slice .size20 {
        font-size:5.2vw;
        line-height:5.2vw;
    }
    .image-slice .size22,
    .mosaique-slice .size22 {
        font-size:5.4vw;
        line-height:5.4vw;
    }
    .image-slice .size24,
    .mosaique-slice .size24 {
        font-size:5.6vw;
        line-height:5.6vw;
    }
    .image-slice .size26,
    .mosaique-slice .size26 {
        font-size:5.8vw;
        line-height:5.8vw;
    }
    .image-slice .size28,
    .mosaique-slice .size28 {
        font-size:6vw;
        line-height:6vw;
    }
    .image-slice .size30,
    .mosaique-slice .size30 {
        font-size:6.2vw;
        line-height:6.2vw;
    }
    .image-slice .size35,
    .mosaique-slice .size35 {
        font-size:6.4vw;
        line-height:6.4vw;
    }
    .image-slice .size40,
    .mosaique-slice .size40 {
        font-size:6.6vw;
        line-height:6.6vw;
    }
    .image-slice .size45,
    .mosaique-slice .size45 {
        font-size:6.8vw;
        line-height:6.8vw;
    }
    .image-slice .size50,
    .mosaique-slice .size50 {
        font-size:7vw;
        line-height:7vw;
    }
    .image-slice .size55,
    .mosaique-slice .size55 {
        font-size:7.4vw;
        line-height:7.4vw;
    }
    .image-slice .size60,
    .mosaique-slice .size60 {
        font-size:7.8vw;
        line-height:7.8vw;
    }
    .image-slice .size70,
    .mosaique-slice .size70 {
        font-size:8.2vw;
        line-height:8.2vw;
    }
    .image-slice .size80,
    .mosaique-slice .size80 {
        font-size:10vw;
        line-height:10vw;
    }
    .image-slice .size90,
    .mosaique-slice .size90 {
        font-size:12vw;
        line-height:12vw;
    }
    .image-slice .size100,
    .mosaique-slice .size100 {
        font-size:14vw;
        line-height:14vw;
    }
    .image-slice .size110,
    .mosaique-slice .size110 {
        font-size:16vw;
        line-height:16vw;
    }
    .image-slice .size120,
    .mosaique-slice .size120 {
        font-size:18vw;
        line-height:18vw;
    }
    .image-slice .size130,
    .mosaique-slice .size130 {
        font-size:20vw;
        line-height:20vw;
    }

    /*BLOC BENEVOLE / INSCRIPTION / DON / CONTACT / CANDIDATURE*/
    .wrapper.benevole div>br,
    .wrapper.inscription div>br,
    .wrapper.don div>br,
    .wrapper.contact div>br {
        display:none;
    }
    .wrapper.benevole ul,
    .wrapper.don ul,
    .wrapper.contact ul,
    .wrapper.candidature ul {
        margin-left:0;
        margin-right:0;
        margin-top:15px;
        padding:0;
    }

    /*SLIDESHOW*/
    .slick-prev,
    .slick-prev:hover,
    .slick-prev:focus {
        left:-15px;
    }
    .slick-next,
    .slick-next:hover,
    .slick-next:focus {
        right:-15px;
    }

    /*LAYOUT*/
    .flex {
        display: block;
    }
    .content-main {
        padding-left:15px;
        padding-right:15px;
    }
    .content-main img,
    .colcontent01 img,
    .colcontent02 img,
    .textimonial img,
    .content-main video,
    .colcontent01 video,
    .colcontent02 video,
    .textimonial video {
        max-width:100%;
        height:auto;
    }

    /*BLOC DETAIL ROLL OVER DES LISTES SPORTS / CULTURE....*/
    .detail {
        padding:10px 0;
    }
    .detail .content ul.liste-handicaps {
        margin:15px -15px;
    }


    /*BLOC PROGRAMME*/
    .programme .colcontent01 {
        padding-right:0;
    }
    .programme table td {
        font-size:10px;
        font-size:1rem;
    }
    .programme table td.col02,
    .programme table td.col03,
    .programme table td.col05,
    .programme table td.col06,
    .programme table td.col07 {
        width:15%;
    }
    .programme table td.col04 {
        width:1px;
        font-size:0;
        border-left:1px solid #ccc;
    }
    .programme .col-sm-6:nth-child(odd) {
        padding-left:15px;
    }
    .programme .col-sm-6:nth-child(even) {
        padding-left:15px;
        padding-right:15px;
        border-right: 1px solid #ccc;
        border-left:none;
        margin-left:0;
    }


    /**/
    /**/
    /**/
    /*FOOTER*/
    .container.navig ul {
        padding:0 0 20px 0;
    }
    .container.navig ul li {
        float:none;
        display:inline-block;
        padding:0 15px;
        width:49%;
        margin-top:25px;
        vertical-align:top
    }
    #footer .logos ul {
        list-style:none;
        padding:0;
        display:inline-block;
        width:100%;
        margin:10px 0;
    }
    #footer .logos.logos-instit ul {
        padding:0 15px;
        text-align:center;
    }
    #footer .logos.logos-instit ul li {
        padding-right:6%;
        display:inline-block;
        vertical-align:middle;
        width:47%;
        margin-bottom:15px;
    }
    #footer .logos.logos-instit ul li:nth-child(even) {
        padding-right:0;
    }
    #footer .logos.logos-instit ul li img {
        width:100%;
        height:auto;
    }

    /*Bouton liens utiles*/
    #btn-liens-utiles {
        margin-right:0;
        right:5px;
        bottom:30px;
        width:45px;
        height:45px;
        background:#1b75bb url("../img/css/bg-bout-liens-utiles.png") no-repeat center -5px;
        background-size:100% auto;
        padding-top:13px;
        font-size:10px;
        font-size:1rem;
        line-height:12px;
        line-height:1.2rem;
    }

    /*LISTES*/
    ul.liste-handicaps {
        margin-left:-15px;
    }
    ul.liste-square,
    ul.liste-circle {
        margin-left:-5px;
    }
    ul.liste-circle.slide {
        width:100%;
    }
    ul.liste-handicaps li {
        margin-left:15px;
    }
    ul.liste-square li,
    ul.liste-circle li {
        margin-left:4px;
    }
    ul.liste-circle.slide li {
        margin-left:15px;
    }

    /*GESTION TEXTE*/
    .slice h2 {
        font-size:38px;
        font-size:3.8rem;
        line-height:40px;
        line-height:4rem;
    }
    .content1col img,
    .content2col img {
        width:100%;
        height:auto;
    }






  /* ----------------------------- */
  /* ==La recherche                 */
  /* ----------------------------- */
  #wrapperSearch.open {
    height: 48px;
    padding-top: 5px; }
  #wrapperSearch .contentSite {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  #wrapperSearch .close {
    display: none; }

  .search {
    text-align: center;
    width: 95%; }
    .search form {
      height: auto;
      width: 90%;
      padding-left: 5px; }
      .search form input[type="text"] {
        width: 73%;
        margin-left: 0px;
        margin-right: 0; }
      .search form input[type="submit"] {
        display: inline-block;
        width: 25%;
        float: none;
        margin: 0 auto 0 auto;
        padding-left: 10px;
        padding-right: 10px; }
    .search .close {
      display: block;
      float: none;
      margin: 0 auto 0 auto; }

}


@media (max-width: 599px) {

    .wrapper.search form input,
    .wrapper.newsletter form input {
        width:250px;
    }

    /*BLOC TELECHARGEZ PROGRAMME*/
    .telechargez-slice .slice .content {
        top: 10px;
        padding:0 40% 0 15px;
    }

}

@media (max-width: 399px) {

    .search form{
        margin-top:20px;
    }
    .wrapper.search form input,
    .wrapper.newsletter form input {
        width:180px;
    }


    .wrapper.newsletter .newsletterLink .fa{
        display:none;
    }

    /*BLOC TELECHARGEZ PROGRAMME*/
    .telechargez-slice .slice .content {
        top: 0;
        padding:0 25% 0 15px;
    }
    .telechargez-slice .slice a {
        font-size:20px;
        font-size:2rem;
    }

}


@media (max-width: 399px) {

    .newsletter .container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .newsletterLink{
        padding:13px !important;
        text-align: center;
    }

}


/**/
/**/
/* civicrm form style */
body .crm-container form {
    display:inline-block;
}

body #crm-container,
body .crm-container{
    margin-bottom:5px;
}

body #crm-container.crm-public .label,
body .crm-container form .label{
    -webkit-font-smoothing: antialiased;
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
    font-size: 12px;
    line-height: 1.2;
    text-align:left;
}
body .crm-container .crm-section .content,
body .crm-container-snippet .crm-section .content {
    margin-left: 25%;
}
body .crm-container .resizable-textarea textarea {
    width: 100%;
}
div.grippie {
    margin-right:0 !important;
}
body .crm-container form input {
    font-family: Verdana, Geneva, sans-serif;
    font-size:12px;
    padding:0 30px;
    vertical-align:middle;
    width:200px;
    height:30px;
}
body .crm-container form input[type="radio"],
body .crm-container form input[type="checkbox"] {
    width:auto;
    height:auto;
    margin-right:5px;
}
body .crm-container form input[type="radio"] + label,
body .crm-container form input[type="checkbox"] + label {
    margin-right:20px;
    vertical-align:middle;
}
body .crm-container .crm-button input[type="submit"],
body #crm-container .crm-button input[type="submit"]
 {
    font-family: 'IntroRegular';
    font-size:22px;
    border:none;
    background:transparent;
    font-style:normal;
    padding:0 10px;
    width:auto;
}
/*
#crm-container .crm-button,
.crm-container .crm-button
*/
body .crm-container a.button,
body .crm-container a.button:link,
body .crm-container a.button:visited,
body .crm-container input.form-submit,
body .crm-container .crm-button,
body #crm-container input[type=button],
body #crm-container input.form-submit-inline,
body #crm-container .crm-button,
body #crm-container .crm-button.crm-button-type-next
{
    text-shadow: none;
    background: #0973BD;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    border:none;
    border-radius:0;
}
body .crm-container a.button:hover,
body .crm-container a.button:link:hover,
body .crm-container a.button:visited:hover,
body .crm-container input.form-submit:hover,
body .crm-container .crm-button:hover,
body #crm-container input[type=button]:hover,
body #crm-container input.form-submit-inline:hover,
body #crm-container .crm-button:hover
{
    background: #3fa9f5;
}
body #printer-friendly,
body .crm-container .crm-button.crm-button-type-cancel,
body #crm-container .crm-button.crm-button-type-cancel {
    display : none;
}

body .crm-submit-buttons{ float:right; }

body .crm-container .crm-error {
    padding: 2px;
    font-size: 12px;
}



@media (max-width: 767px) {

    body #crm-container.crm-public .label,
    body .crm-container form .label{
        display:block;
    }
    body .crm-container .crm-section .content,
    body .crm-container-snippet .crm-section .content {
        margin-left:0;
    }

    #wrapperSearch{
        width:100%;
        z-index:-1;
        display:none;
    }

    #wrapperSearch.open{
        position: fixed;
        z-index: 99999999999;
        height: 100%;
        width: 100%;
        top: 0;
        display:block;
    }
    #wrapperSearch .fa-search{
        display: none;
    }

    #wrapperSearch .search{
        position: absolute;
        margin: auto;
        left: 0;
        top: 20%;
        /* margin-top: -120px; */
    }





    #navbar .langues{ position: fixed; top: -12px; left: 82px; z-index:100; }
    #navbar .langues a{ display:none;     background: #fff; color: #ccc; }
    #qtranslate-chooser li.lang-en.active a{ color: #1b75bb; }
    #navbar .langues a.qtranxs_text{ display:block; }
    #qtranslate-chooser{ display:block; position:relative; top:0; }
    #qtranslate-chooser li.lang-en.active{ display:block; }
    #qtranslate-chooser li{ display:inline-block !important;  margin-right: 5px;}
}



/*
.parallax{
  position:static;
}

.imageHolder {
    position: absolute !important;
}

.absolute{
    position:absolute !important;
}
*/

.chosen-container-single .chosen-single{
    box-shadow: none !important;
    background: #fff !important;
    color: #1b75bb !important;
    border: 1px solid #ccc !important;
    padding-top: 7px !important;
    height: 30px !important;
    font-family: inherit;
    min-width: 255px;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.2 !important;
}

form.searchandfilter select{
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

form.searchandfilter select:disabled{
    opacity:0.3;
}


form.searchandfilter label {
    font-weight: normal;
}
form.searchandfilter li h4 {
    text-transform: capitalize;
}

form.searchandfilter select option{
    text-transform: capitalize;
}