/* Début des styles pour le listing events */

.titre-event {
    margin-bottom: 0px;
}

.titre-event h1 {
    line-height: 42px;
    text-transform: uppercase;
}

.titre-event p {
    line-height: 18px;
    font-size: 13px;
    width: 75%;
}

.ui-datepicker td a:hover { color: #e10019; }

.listepoi-event {
    padding: 0px 30px;
}

.listepoi-event .affichage {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    border-bottom: 4px solid #3b3b3b;
    padding: 0 0 5px 0;
    margin-top: -25px;
}

.listepoi-event .affichage a {
    color: #858484;
    margin: 0 10px;
}

.listepoi-event .affichage a.active,
.listepoi-event .affichage a:hover {
    color: #e10019;
}

.listepoi-event .affichage a:last-child {
    margin: 0;
}


.listepoi-event .grille {
    margin-top: 20px;
    padding: 0;
}

.listepoi-event .grille > span,
.listepoi-event .liste > span {
    font-family: "Myriad Pro";
    font-size: 19px;
    font-style: italic;
}

.listepoi-event .grille .row {
    padding: 10px 6px;
}

.listepoi-event .liste .row {
    padding: 0px 0px 20px;
    animation: animationFrames ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
    -webkit-animation: animationFrames ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards;
    -moz-animation: animationFrames ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: animationFrames ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards;
    -ms-animation: animationFrames ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards;
}

.listepoi-event .grille .row div {
    padding: 0 9px 20px;
}

.listepoi-event .grille .row div:last-child {
    float: left;
}

.listepoi-event .liste .row div {
    padding: 10px 12px 3px;
}

.listepoi-event .grille .row div:hover,
.listepoi-event .liste .row div:hover {
    // cursor: pointer;
}

.listepoi-event .grille .row div:hover .desc,
.listepoi-event .grille .row div:hover .desc2,
.listepoi-event .grille .row div:hover .desc,
.listepoi-event .liste .row div:hover .desc,
.listepoi-event .liste .row div:hover .desc2,
.listepoi-event .liste .row div:hover span.type
{
    background-color: #d4d4d4;
}

span.date,
span.heure,
span.type {
    height: 25px;
}

.listepoi-event .grille div span.date,
.listepoi-event .liste div span.date {
    background-color: #e10019;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 2px;
    font-size: 15px;
    text-align: center;
}

.listepoi-event .grille div span.heure,
.listepoi-event .liste div span.heure {
    background-color: rgba(255, 255, 255, 0.65);
    text-transform: uppercase;
    color: #4b4b4b;
    padding: 3px 15px;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 9px;
    z-index: 9;
    font-weight: bold;
    width: auto;
}

.listepoi-event .liste div span.heure {
    top: 35px;
}

.listepoi-event .grille div span.type {
    text-transform: uppercase;
    color: #fff;
    padding: 2.5px 5px;
    font-size: 15px;
    text-align: center;
    display: block;
}

.listepoi-event .liste div span.type {
    text-transform: uppercase;
    color: #fff;
    padding: 2.5px 5px;
    font-size: 15px;
    text-align: center;
    display: block;
    background-color: #efefef;
}

.listepoi-event .grille div span.type.animation {
    background-color: #bcbaba;
}

.listepoi-event .grille div span.type.topevent,
.listepoi-event .liste div span.type.topevent
{
    background-color: #e10019;
}

.listepoi-event .grille div span.type.event,
.listepoi-event .liste div span.type.event {
    background-color: #646262;
}

.listepoi-event .liste .image {
    padding: 0!important;
    height: 162px;
    text-align: center;
    background-color: #d0d0d0;
    overflow: hidden;
}

/*
.listepoi-event .liste .image img {
    height: 100%;
}
*/

.listepoi-event .grille .image {
    padding: 0!important;
    height: 167px;
    text-align: center;
    background-color: #d0d0d0;
    /*min-height: 170px;
    max-height: 153px;
    width: 100%;*/
    overflow: hidden;
}

.listepoi-event .grille div > img {
    text-align: center;
    height: auto;

}

.listepoi-event .grille div .desc {
    background-color: #efefef;
    padding: 10px;
    height: 85px;
    display: block;
    position: relative;
    float: left;
}

.listepoi-event .liste div .desc {
    background-color: #efefef;
    padding: 17px;
    min-height: 179px;
    display: block;
    float: right;
}

.listepoi-event .grille div.top .desc,
.listepoi-event .grille div.top .desc2,
.listepoi-event .liste div.top .desc,
.listepoi-event .liste div.top .desc2,
.listepoi-event .liste .row div.top span.type {
    background-color: #e10019;
}

.listepoi-event .grille .row div.top:hover .desc,
.listepoi-event .grille .row div.top:hover .desc2,
.listepoi-event .liste .row div.top:hover .desc,
.listepoi-event .liste .row div.top:hover .desc2,
.listepoi-event .liste .row div.top:hover span.type{
    background-color: #bf0116;
}

.listepoi-event .grille div.top .desc span:nth-of-type(1),
.listepoi-event .grille div.top .desc span:nth-of-type(2),
.listepoi-event .grille div.top .desc2 span:nth-of-type(1),
.listepoi-event .grille div.top .desc2 span:nth-of-type(2),
.listepoi-event .liste div.top .desc span:nth-of-type(1),
.listepoi-event .liste div.top .desc span:nth-of-type(2),
.listepoi-event .liste div.top .desc2 span:nth-of-type(1),
.listepoi-event .liste div.top .desc2 span:nth-of-type(2) {
    color: #fff;
}

.listepoi-event .grille div .desc span:nth-of-type(1),
.listepoi-event .liste div .desc span:nth-of-type(1) {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #494949;
    overflow: hidden;
    height: auto;
    max-height: 34px;
}

.listepoi-event .grille div .desc span:nth-of-type(2),
.listepoi-event .liste div .desc span:nth-of-type(2) {
    font-size: 11px;
    display: block;
    margin-top: 2px;
    color: #494949;
/*	overflow: hidden;*/
    height: 38px;
    line-height: 17px;
}

.listepoi-event .grille div .desc .ellipsisText {
    display: block;
    display: -webkit-box;
    max-height: 4em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.listepoi-event .grille div .desc2 {
    background-color: #efefef;
    border-top: 1px solid rgba(43, 41, 42, 0.25);
    height: 23px;
    padding: 3px 10px;
}

.listepoi-event .liste div .desc2 {
    background-color: #efefef;
    height: 37px;
    padding: 11px 17px;
    float: right;
}

.listepoi-event .grille div .desc2 span:nth-of-type(1),
.listepoi-event .liste div .desc2 span:nth-of-type(1) {
    float: left;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    overflow-x: hidden;
    width: 50%;
    text-overflow: ellipsis;
    white-space: pre;
}

.listepoi-event .grille div .desc2 span:nth-of-type(2) {
    float: right;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    width: 50%;
    text-align: right;
    text-overflow: ellipsis;
    white-space: pre;
    overflow-x: hidden;
}

.listepoi-event .liste div .desc2 span:nth-of-type(2) {
    float: right;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    vertical-align: middle;
    margin-top: -3px;
    right: 0px;
    position: relative;
}

.listepoi-event .liste div .desc2 a {
    float: right;
    background-color: #e10019;
    color: #fff;
    padding: 6px 15px;
    text-transform: uppercase;
    font-size: 10px;
    top: -7px;
    position: relative;
    right: -66px;
    display: none;
}

.listepoi-event .liste div.top .desc2 a {
    background-color: #fff;
    color: #e10019;
}

.listepoi-event .grille span img {
    display: inline-block;
    width: 11px;
    margin-top: -3px;
}

.listepoi-event .liste span img {
    display: inline-block;
    width: 18px;
    margin-top: -1px;
    vertical-align: middle;
    height: auto;
}

.listepoi-event .grille div.top span img {
    background-color: transparent;
}

.listepoi-event .grille .row {
    perspective: 1300px;
    animation: animationFrames ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
    -webkit-animation: animationFrames ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards;
    -moz-animation: animationFrames ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: animationFrames ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards;
    -ms-animation: animationFrames ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards;

}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,10px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,10px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,10px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,10px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,10px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

.listepoi-event .grille .row .block_click {
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
    0% { }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { }
    100% { opacity: 1; }
}

.listepoi-event .liste {
    margin-top: 20px;
    padding: 0 16px 0 3px;
    height: 840px;
    overflow: auto;
}

.listepoi-event .listepoi-n-carte {
    padding: 20px 0 0 30px;
    height: 760px;
}

.listepoi-event .listepoi-n-carte iframe {
    height: 93%;
}

.listepoi-event .listepoi-carte a {
    background: #738294;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 19px;
    margin: 10px 0;
    width: auto;
    font: 14px OpenSansBold, DinBold, Arial, Helvetica, Sans-serif;
    height: 35px;
}

.listepoi-event .listepoi-carte a:hover {
    background-color: #5b6674;
}

.listepoi-event a.loadmorenews, .listing-news a.loadmorenews {
    display: table;
    margin: 0 auto 20px;
    text-align: center;
    padding: 10px;
    width: auto;
    text-transform: uppercase;
    color: #e3001b;
    border: 1px solid #e3001b;
    border-radius: 4px;
    height: 43px;
    clear: both;
}

.listepoi-event a.loadmorenews:hover, .listing-news a.loadmorenews:hover {
    border: 2px solid #e3001b;
}

.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
}
/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
    position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
    position: fixed;
}
.fixedsticky-dummy {
    display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
    display: block;
}

@media only screen and (max-width: 64em) {
.fixedsticky { position: static; }
}

a.programme:hover {
    color: #fff;
    text-decoration: underline;
}

.programme {
    position: absolute;
    bottom: 0px;
    right: 6%;
    background: rgba(225, 0, 25, 0.68);
    padding: 16px;
    color: #fff;
    width: 240px;
}

.programme i {
    font-size: 24px;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}

.programme div span:nth-of-type(1) {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    line-height: 11px;
}

.programme div span:nth-of-type(2) {
    font-size: 11px;
    line-height: 13px;
}


/* Fin des styles pour le listing events*/

/* Début des styles pour la fiche events */
#fiche-event { margin-top: 20px; }

#fiche-event a.back {
    color: #3b3b3b;
    text-transform: uppercase;
    font-size: 17px;
    margin: 20px 0 10px;
    display: block;
}

#fiche-event .fiche-diapo .slider-for {
    background-color: #bcbbbb;
}

#fiche-event .fiche-diapo .slider-for img {
    margin: 0 auto;
}

#fiche-event .fiche-diapo .slick-prev {
    left: 20px;
}

#fiche-event .fiche-diapo .slick-next {
    right: 20px;
}

#fiche-event .fiche-diapo .slick-prev:before {
    content: '\F104';
    font-family: 'FontAwesome';
    font-size: 35px;
    font-weight: bold;
}

#fiche-event .fiche-diapo .slick-next:before {
    content: '\F105';
    font-family: 'FontAwesome';
    font-size: 35px;
    font-weight: bold;
}

#fiche-event .fiche-diapo .slider-nav .slick-track {
    text-align: center;
    margin-bottom: 10px;
    background: #fff;
}

#fiche-event .fiche-diapo .slider-nav .slick-slide {
    width: 50px!important;
    margin: 7px 6px;
    cursor: pointer;
    float: initial;
    display: inline-block;
}

#fiche-event .fiche-diapo .slider-nav .slick-slide:hover,
#fiche-event .fiche-diapo .slider-nav .slick-slide.slick-actived {
    box-shadow: 0px 0px 0px 2px #f18793;
    -moz-box-shadow: 0px 0px 0px 2px #f18793;
    -webkit-box-shadow: 0px 0px 0px 2px #f18793;
    -o-box-shadow: 0px 0px 0px 2px #f18793;
}

#fiche-event .fiche-diapo .slider-nav .slick-cloned {
    display: none
}

#fiche-event .slick-slide {
    position: relative;
/*
    padding-bottom: 15.25%;
    padding-top: 0px;
    height: 0;
*/
}

#fiche-event .slick-slide iframe,
#fiche-event .slick-slide object,
#fiche-event .slick-slide embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#fiche-event .contenu-fiche {
    margin-bottom: 50px;
}

#fiche-event .contenu-fiche p.columns,
#fiche-event .contenu-fiche span.columns {
    padding: 0
}

#fiche-event .contenu-fiche span.date {
    background-color: #e10019;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 5px;
    font-size: 12px;
    text-align: center;
}

#fiche-event .contenu-fiche span.heure {
    background-color: #868484;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 5px;
    font-size: 12px;
    text-align: center;
}

#fiche-event .contenu-fiche span.type {
    text-transform: uppercase;
    color: #fff;
    padding: 2.5px 5px;
    font-size: 15px;
    text-align: center;
    display: block;
}

#fiche-event .contenu-fiche span.type.animation {
    background-color: #bcbaba;
}

#fiche-event .contenu-fiche h1.title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 29px;
    font-family: "OpenSansExtraBold";
    display: block;
    margin-top: 20px;
    padding: 0;
    line-height: 26px;
    color: #494949;
}

#fiche-event .contenu-fiche span.title2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    display: block;
    padding: 0;
}

#fiche-event .contenu-fiche h3 {
    text-align: left;
}

#fiche-event .contenu-fiche ul {
    clear: both;
}

#fiche-event .articles .title, #fiche-event .autres-events .title {
    margin: 3px 0;
}

#fiche-event .contenu-fiche p {
    margin-top: 10px;
    line-height: 19px;
}

#fiche-event .contenu-fiche span.sub-title i {
    font-size: 20px;
    margin-right: 5px;
}

#fiche-event .contenu-fiche span.sub-title {
    font-size: 18px;
    margin:20px 0;
}

#fiche-event .contenu-fiche p:last-child {
    float: left;
}

#fiche-event .packages {
    padding: 0;
    margin-bottom: 50px;
}

#fiche-event .packages .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    font-family: "OpenSansExtraBold";
    display: block;
    margin: 20px 0 30px;
    padding: 0;
    line-height: 20px;
    color: #494949;
}

#fiche-event .packages > div {
    padding: 10px 8px;
    float: left;
    border-bottom: 2px solid #bbbaba;
}

#fiche-event .packages > div:hover {
    background-color: #f3f1f1;
}

#fiche-event .packages div img {
    padding: 0;
}

#fiche-event .packages div div span {
    font-weight: bold;
    font-size: 15px;
    color: #afc9e6;
    padding: 0;
    height: 24px;
    overflow: hidden;
}

#fiche-event .packages div > span {
    font-weight: bold;
    font-size: 15px;
    color: #afc9e6;
    padding: 17px 0;
}

#fiche-event .packages div div p {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 0
}

#fiche-event .packages div .bouton a {
    background-color: #e10019;
    color: #fff;
    padding: 7px 23%;
    text-transform: uppercase;
    font-size: 13px;
    margin: 13px 11px;
    float: left;
}

#fiche-event .articles {
    padding: 0;
    margin-bottom: 50px;
    background: #f0f0f0;
    padding: 15px 0 15px 15px;
    max-width: 101% !important;
}

#fiche-event .articles .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    font-family: "OpenSansExtraBold";
    float: left;
    color: #494949;
    line-height: normal;
}

#fiche-event .articles .title-2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 23px;
    float: inherit;
    margin-left: 6px;
    line-height: 41px;
}

#fiche-event .articles a.voirplus {
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 50px;
    color: #494949;
    margin: 9px 0 0 50px;
    display: inline-block;
}

#fiche-event .articles a.voirplus:hover {
    color: #e10019;
}

#fiche-event .articles .slider-articles {
    padding: 0;
    margin-top: 20px;
}

#fiche-event .articles .slider-articles a {
    padding: 10px;
}

#fiche-event .articles .slider-articles a:hover {
    background-color: rgba(73, 73, 73, 0.12);
    color: #494949;
}

#fiche-event .articles .slider-articles a img {
    width: 100%;
}

#fiche-event .articles .slider-articles a span {
    text-transform: uppercase;
    color: #494949;
    margin-top: 5px;
    display: block;
    line-height: 16px;
    font-size: 13px;
    height: 48px;
    overflow: hidden;
}

#fiche-event .articles .slider-articles .slick-prev:before {
    content: '\F104'!important;
    font-family: 'FontAwesome';
    font-size: 35px;
    font-weight: bold;
    color: #494949!important
}

#fiche-event .articles .slider-articles .slick-next:before {
    content: '\F105'!important;
    font-family: 'FontAwesome';
    font-size: 35px;
    font-weight: bold;
    color: #494949!important
}

#fiche-event .articles .slider-articles .slick-prev {
    left: 0px!important;
    height: 180px;
    top: 0px;
    margin: 0;
    width: 25px;
    background: rgba(240, 240, 240, 0.89);
}

#fiche-event .articles .slider-articles .slick-prev.slick-disabled {
    opacity: 0;
}

#fiche-event .articles .slider-articles .slick-next {
    right: -1px!important;
    height: 180px;
    top: 0px;
    margin: 0;
    width: 25px;
    background: rgba(240, 240, 240, 0.89);
}

#fiche-event .autres-events {
    margin-bottom: 80px;
    padding: 0 0 30px 0;
}

#fiche-event .autres-events .title {
    color: #494949;
    line-height: normal;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    font-family: "OpenSansExtraBold";
    float: left;
}

#fiche-event .autres-events .title-2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 23px;
    margin-left: 6px;
    line-height: 41px;
}

#fiche-event .autres-events a.voirplus {
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 50px;
    color: #494949;
    margin: 9px 0 0 50px;
    display: inline-block;
}

#fiche-event .autres-events a.voirplus:hover {
    color: #e10019;
}

#fiche-event .autres-events .liste-events {
    padding: 0;
    margin-top: 30px;
}

#fiche-event .autres-events .liste-events div {
    padding: 0px 10px 10px 10px;
    margin-bottom: 7px;
}

#fiche-event .autres-events .liste-events div:last-child {
    float: left;
}

#fiche-event .autres-events .liste-events .des {
    padding: 0;
}

#fiche-event .autres-events .liste-events span.date {
    background-color: #e10019;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 5px;
    font-size: 12px;
    text-align: center;
}

#fiche-event .autres-events .liste-events img {
    background-color: #fff;
    text-align: center;
    padding: 0;
    overflow: hidden;
}

#fiche-event .autres-events .liste-events .desc span:nth-of-type(1) {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    height: auto;
    overflow: hidden;
    max-height: 47px;
}

#fiche-event .autres-events .liste-events .desc span:nth-of-type(2) {
    font-size: 11px;
    line-height: 15px;
    padding-right: 8px;
    display: block;
    height: 33px;
    overflow: hidden;
}

#fiche-event .autres-events .liste-events .desc {
    height: 93px;
    position: relative;
}


#fiche-event .autres-events .liste-events .desc:hover span,
#fiche-event .autres-events .liste-events > div:hover {
color: #e10019;
transition: 0.2s;
cursor: pointer;
}


#fiche-event .autres-events .liste-events .desc a {
    position: absolute;
    bottom: 5px;
    right: 5px;
    border: 2px solid;
    border-radius: 30px;
    padding: 0px 4px 0px 4px;
}

#fiche-event .autres-events .liste-events .desc a i {
    font-size: 13px;
}

#fiche-event .fiche-poi-n-contenu-prix {
    padding: 25px;
    margin-bottom: 5px;
}

#fiche-event .fiche-poi-n-contenu-prix .bouton a {
    margin-top: 0;
}

#fiche-event .fiche-poi-n-contenu2 {
    margin-top: 75px;
}

#fiche-event .fiche-poi-informations {
    background: #f0f0f0;
    margin-bottom: 5px;
}

#fiche-event .fiche-poi-informations .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    font-family: "OpenSansExtraBold";
    display: block;
    padding: 25px 25px 10px 25px;
    margin-bottom: 10px;
}

#fiche-event .fiche-poi-informations iframe {
    width: 100%;
    height: 300px;
    padding: 0px 25px;
}

#fiche-event .fiche-poi-informations .infos {
    margin: 10px 0;
    padding: 10px 25px;
}

#fiche-event .fiche-poi-informations .infos i {
    font-size: 25px;
    margin: 10px 10px 5px 0;
    vertical-align: middle;
}

#fiche-event .fiche-poi-informations .infos i:first-child {
    margin: 10px 10px 5px 4px;
}

#fiche-event .fiche-poi-informations .infos span {
    font-size: 13px;
    line-height: 15px;
    vertical-align: middle;
    width: 151px;
    display: inline-block;
    margin-top: 4px;
}

#fiche-event .fiche-poi-informations .infos span a {
    color: #454545;
    font-weight: 100;
}

#fiche-event .fiche-poi-informations .infos span a:hover {
    color: #e10019;
}

#fiche-event .fiche-poi-informations .liens-reseaux {
    padding: 10px 25px 25px 25px;
}

#fiche-event .fiche-poi-informations .liens-reseaux i {
    font-size: 30px;
    margin: 0 5px;
}

#fiche-event .fiche-poi-informations .liens-reseaux img {
    width: 36px;
    margin: -14px 4px 0 0;
}

#fiche-event .fiche-poi-informations .liens-reseaux i:first-child {
    margin: 0 5px 0 0;
}

#fiche-event .fiche-poi-informations .liens-reseaux a i.fa-facebook-official {
    color: #3b5998;
}

#fiche-event .fiche-poi-informations .liens-reseaux a i.fa-twitter {
    color: #33ccff;
}

#fiche-event .fiche-poi-informations .liens-reseaux a i.fa-youtube-play {
    color: #ff3333;
}

#fiche-event .fiche-poi-informations .liens-reseaux a i.fa-instagram {
    color: rgba(255, 251, 0, 1);
}

#fiche-event .fiche-poi-informations .liens-reseaux a i.fa-linkedin-square {
    color: #0e76a8
}

#fiche-event .fiche-poi-n-contenu-dates {
    background: #738295;
    padding: 25px;
}

#fiche-event .fiche-poi-n-contenu-dates .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    font-family: "OpenSansExtraBold";
    display: block;
    padding: 0;
    margin-bottom: 10px;
    color: #fff;
    /*-ms-word-break: break-all;
    word-break: break-all;*/
}

#fiche-event .fiche-poi-n-contenu-dates .texte {
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px;
    font-size: 15px;
}

#fiche-event a.ajout-calendrier {
    color: #454545;
    font-weight: 100;
    padding: 25px;
    display: block;
}

#fiche-event a.ajout-calendrier i {
    font-size: 27px;
    margin-right: 10px;
    vertical-align: -3px;
}

#fiche-event a.ajout-calendrier:hover {
    color: #e10019;
}

#fiche-event .partage {
    padding: 15px 25px;
}

#fiche-event .partage .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    font-family: "OpenSansExtraBold";
    display: block;
    padding: 0;
    color: #b0c9e7;
}

/* Fin des styles pour la fiche events */

@media only screen and (max-width: 1380px) {
    #fiche-event .autres-events a.voirplus {
        position: absolute;
        bottom: 2px;
        right: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    #fiche-event .fiche-diapo .slider-for img {
        height: auto;
    }
}

@media only screen and (min-width: 1026px) and (max-width: 1130px) {
    .listepoi-n-critere-titre a {
        font: 12px OpenSansBold, DinBold, Arial, Helvetica, Sans-serif;
    }
    .listepoi-event .liste div span.date,
    .listepoi-event .liste div span.type {
        font-size: 11px;
        padding: 4px 5px;
    }
    .listepoi-event .liste {
        padding: 0 6px 0 3px;
    }
}

/* Spécificités pour les écrans de 1260 pixels à 1025 pixels de large */

@media only screen and (min-width: 64.063em) and (max-width: 78.750em) {
    #fiche-event .articles .slider-articles .slick-next,
    #fiche-event .articles .slider-articles .slick-prev {
        height: 168px;
    }
}

@media only screen and (min-width: 642px) and (max-width: 800px) {
    #fiche-event .contenu-fiche span.date {
        font-size: 10px;
        padding: 5.5px 5px;
    }
}

/* Spécificités pour les tablettes (de 641 à 1024 pixels de large maxi) */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #fiche-event .fiche-poi-informations .title,
    #fiche-event .fiche-poi-n-contenu-dates .title,
    #fiche-event .partage .title {
        font-size: 18px;
    }

    #fiche-event .articles a.voirplus {
        margin-left: 0px;
        margin: 0;
        width: 170px;
        position: absolute;
        bottom: 9px;
        right: 19px;
    }
    #fiche-event .articles .title,
    #fiche-event .autres-events .title {
        font-size: 25px;
        line-height: initial;
    }
    #fiche-event .autres-events .title-2,
    #fiche-event .articles .title-2 {
        font-size: 20px;
        vertical-align: bottom;
    }
    .titre-event p {
        width: 100%;
    }
    .listepoi-event .affichage {
        display: none;
    }
    #fiche-event .packages div > span.medium-3 {
        text-align: center;
        padding: 0;
    }
    #fiche-event .packages div.bouton {
        float: left;
    }
    #fiche-event .articles {
        padding: 15px 0 30px 15px;
    }
    #fiche-event .articles .slider-articles {
        margin-top: 0;
    }
    .listepoi-event .grille .row div:last-child {
        float: left!important;
    }
    .listepoi-event .listepoi-carte a {
        font-size: 12px;
        padding: 7px 5px;
        height: 30px;
    }
}

/* Spécificités pour les tablettes de moins de 870 pixels de large */

@media only screen and (min-width: 40.063em) and (max-width: 54.375em) {

    #fiche-event .fiche-poi-informations .title,
    #fiche-event .fiche-poi-informations iframe,
    #fiche-event .fiche-poi-informations .infos {
        padding: 10px 10px;
    }
    #fiche-event .autres-events .liste-events > div {
        padding: 0px 0px 10px 0px;
        margin-bottom: 7px;
    }
    #fiche-event .partage {
        padding: 15px 15px;
    }
    #fiche-event .fiche-poi-n-contenu-dates,
    #fiche-event a.ajout-calendrier {
        padding: 15px;
    }
    #fiche-event .fiche-poi-informations .infos span {
        font-size: 12px;
    }
    #fiche-event .fiche-poi-informations .infos i {
        margin: 0px 9px 0px 1px;
        font-size: 19px;
    }
    .titre-event p {
        width: 100%;
    }
    .listepoi-event .liste {
        padding: 0 6px 0 3px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 710px) {
    #fiche-event .fiche-poi-informations .infos i {
        font-size: 12px;
        vertical-align: initial;
    }
    #fiche-event .fiche-poi-informations .infos span {
        vertical-align: initial;
    }
    #fiche-event .fiche-poi-informations .liens-reseaux i {
        font-size: 22px;
    }
    #fiche-event .fiche-poi-informations .liens-reseaux img {
        width: 27px;
        margin: -9px 4px 0 0;
    }
    #fiche-event .fiche-poi-informations .title,
    #fiche-event .fiche-poi-n-contenu-dates .title,
    #fiche-event .partage .title {
        font-size: 16px;
    }
    .listepoi-event .liste div span.date {
        font-size: 11px;
    }

}

/* Spécificités pour les mobiles (de 0 à 640 pixels de large maxi) */

@media only screen and (max-width: 40em) {

    #fiche-event .partage {
        padding: 15px 0;
    }
    #fiche-event a.ajout-calendrier {
        padding: 15px 0 0 0px;
    }
    #fiche-event .packages > div:last-child {
        border-bottom: 0px solid #bbbaba;
    }
    #fiche-event .packages {
        margin-bottom: 3px;
    }
    #fiche-event .autres-events {
        margin-bottom: 0px;
    }
    #fiche-event .autres-events .liste-events,
    #fiche-event .articles {
        margin-top: 15px;
    }
    #fiche-event .articles .slider-articles {
        margin-top: 8px;
    }
    #fiche-event .packages .title {
        margin: 20px 0 0px;
    }
    #fiche-event .fiche-diapo .slider-nav {
        display: none;
    }
    #fiche-event .fiche-poi-informations iframe {
        padding: 0;
    }
    #fiche-event .fiche-poi-informations .title {
        display: none;
    }
    #fiche-event .fiche-poi-n-contenu-prix {
        padding: 14px;
        position: fixed;
        bottom: -5px;
        left: 0px;
        z-index: 999;
    }
    #fiche-event .autres-events .liste-events > div {
        padding: 0px 0px 10px 0px;
        margin-bottom: 7px;
    }
    #fiche-event .fil-ariane-rm-zone,
    #fiche-event #topdescriptif {
        display: none;
    }
    .listepoi-event .affichage {
        display: none;
    }

    #fiche-event .fiche-poi-informations {
        display: none;
    }

    #fiche-event .articles .slider-articles .slick-next,
    #fiche-event .articles .slider-articles .slick-prev {
        height: 100%;
    }
    #fiche-event .fiche-poi-informations .title,
    #fiche-event .fiche-poi-n-contenu-dates .title,
    #fiche-event .partage .title {
        font-size: 17px;
    }
    #fiche-event .fiche-poi-n-contenu2 {
        margin-top: 0px;
    }
    #fiche-event .articles .title,
    ,
    #fiche-event .autres-events .title,
    #fiche-event .autres-events .title-2 {
        font-size: 16px;
        vertical-align: initial;
    }
    #fiche-event .articles .title-2,
    #fiche-event .autres-events .title-2 {
        font-size: 15px;
        vertical-align: bottom;
        margin-top: 3px;
    }
    #fiche-event .articles a.voirplus {
        margin-left: 0px;
        margin: 0;
        width: 169px!important;
        font-size: 14px;
        width: 163px;
        position: absolute;
        bottom: 9px;
        right: 19px;
    }

    #fiche-event .articles {
        max-width: 105% !important;
        padding: 15px 0 30px 15px;
    }
    #fiche-event .packages div > span.medium-3,
    #fiche-event .packages div .bouton {
        padding: 1% 0;
        font-size: 12px;
    }
    #fiche-event .packages div div span {
        font-weight: initial;
        font-size: 11px;
        color: initial;
        height: 31px;
    }
    #fiche-event .packages > div {
        padding: 10px 0px;
    }
    #fiche-event .packages div .bouton a {
        float: initial;
        margin: 0;
        font-size: 8px;
    }
    .listepoi-event .liste .row div {
        padding: 10px 0px 3px 13px;
    }
    .listepoi-event .liste {
        height: auto;
    }
    .listepoi-event {
        padding: 0px 16px;
    }
    .listepoi-event .affichage {
        margin-top: 0px;
    }
    .listepoi-event .liste div .desc2 a {
        right: -52px;
        top: -4px;
    }
    .listepoi-event .liste div.top .desc2 a {
        right: -56px;
    }
    .listepoi-event .listepoi-carte {
        padding: 20px 0 0 0px;
    }
    .listepoi-event .liste div .desc2 span:nth-of-type(2) {
        right: 15px!important;
    }
    .listepoi-event .liste .row div .desc,
    .listepoi-event .liste .row div .desc2 {
        width: 100%!important;
    }
    .titre-event p {
        width: 100%;
    }
    .listepoi-event .liste .image {
        max-height: initial;
        overflow: hidden;
        height: 100%;
    }

    .programme {
        position: relative;
        bottom: 0;
        right: 0;
        float: left;
        z-index: 9;
    }
    .listepoi-event .listepoi-n-carte {
        height: auto;
        padding-left: 0px;
        overflow: visible;
    }
    .listepoi-event .listepoi-n-carte iframe {
        width: 100%;
        height: 350px;
    }
}


@media only screen and (max-width: 450px) {
    .listepoi-event .liste div span.date,
    .listepoi-event .liste div span.heure {
        width: 50%;
    }
    .listepoi-event .liste div span.type {
        width: 100%;
    }
    .listepoi-event .liste > div img {
        width: 100%;
        height: initial;
    }
    .listepoi-event .liste div .desc,
    .listepoi-event .liste div .desc2 {
        width: 100%;
    }
    .listepoi-event .liste span img {
        width: 20px!important;
    }
    #fiche-event .articles .title-2,
    #fiche-event .autres-events .title-2 {
        margin-top: -3px;
    }
    #fiche-event .articles {
        max-width: 107% !important;
    }
    #fiche-event .articles .title,
    #fiche-event .autres-events .title,
    #fiche-event .packages .title {
        font-size: 19px;
    }
    #fiche-event .autres-events .title-2 {
        font-size: 12px;
        margin-top: -3px;
        float: left;
        line-height: 10px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 320px) {
    .slider-for .slick-slide {
        margin-top: 0;
        transform: translateY(0);
        max-height: 155px;
    }
    #fiche-event .articles {
        max-width: 107% !important;
    }
}



/* Début des styles news */

.titre-event h1 {
    line-height: 42px;
    text-transform: uppercase;
}

.listing-news {
    padding-left: 0;
}

.listing-news .news:nth-of-type(1),
.listing-news .news:nth-of-type(2) {
    width: 50%;
}

.listing-news .news:nth-of-type(1),
.listing-news .news:nth-of-type(2) {
    min-height: 500px;
}

.listing-news .news {
    margin-bottom: 40px;
        animation: animationFrames ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
    -webkit-animation: animationFrames ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards;
    -moz-animation: animationFrames ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: animationFrames ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards;
    -ms-animation: animationFrames ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards;
    min-height: 300px;
}

.listing-news .news a {
    float: left;
    width: 100%;
    height: auto;
}

.listing-news .news:last-child {
    float: left;
}

.listing-news .news:nth-of-type(1) span:nth-of-type(1),
.listing-news .news:nth-of-type(2) span:nth-of-type(1) {
    font-family: 'OpenSansBold';
    font-size: 30px;
    color: #3b3b3b;
    line-height: 37px;
    display: block;
    margin: 5px 0;
    height: auto;
    max-height: 79px;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.listing-news .news:nth-of-type(1) span.descrip,
.listing-news .news:nth-of-type(2) span.descrip {
    color: #000;
    font-family: 'OpenSans', sans-serif;
    font-weight: initial;
    font-size: 12.5px;
    text-align: justify;
    height: auto;
    max-height: 88px;
    /*line-height: 16px;*/
}

.listing-news .news:nth-of-type(1) .tag a:first-child(1) { margin-left: none; }

.listing-news .news:nth-of-type(1) .tag a,
.listing-news .news:nth-of-type(2) .tag a {
    color: #e10019;
    font-family: 'OpenSans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin-left:5px;
    height: auto;
    min-height: 3px;
    float: none;
    width: auto;
}

    .listing-news .news .tag a {
    min-height: auto;
    font-size: 13px;
    width: auto;
    }

.listing-news .news:nth-of-type(1) .tag,
.listing-news .news:nth-of-type(2) .tag {
    display: block;
    margin-top: 5px;
    margin-left: -4px;
}

.news .video {
    position: relative;
}

.news .video img {
    filter: brightness(60%);
    -webkit-filter: brightness(60%);
    -moz-filter: brightness(60%);
    -o-filter: brightness(60%);
    -ms-filter: brightness(60%);
}

.news a:hover .video i {
    transform: scale(1.25);
    transition: 0.5s;
}

.news.actu_img:hover .video i {
    transform: scale(1.25);
    transition: 0.5s;
}

.news .video i {
    position: absolute;
    z-index: 9999;
    color: #fff;
    font-size: 50px;
    top: calc((100% - 43px) / 2);
    left: calc((100% - 47px) / 2);
}

.news a span:nth-of-type(1) {
    font-family: 'OpenSansBold';
    font-size: 14px;
    color: #3b3b3b;
    line-height: 16px;
    display: block;
    margin: 7px 0;
    font-weight: bold;
    max-height: 49px;
    height: auto;
    overflow: hidden;
}

.news a span:nth-of-type(1)::first-letter {
    text-transform: uppercase;
}

.news a span.date { font-size: 12.5px;color: #000;font-weight: initial;font-size: 12.5px; }

.news a span.heure {
    color: black;
    font-weight: initial;
    font-size: 12.5px;
}

.news a span.descrip {
    color: #000;
    font-family: 'OpenSans', sans-serif;
    font-weight: initial;
    font-size: 12.5px;
    text-align: justify;
    display: block;
    height: auto;
    line-height: 1,4;
    max-height: 53px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.news a:hover span:nth-of-type(1),
.news:nth-of-type(1) a:hover span:nth-of-type(1),
.news:nth-of-type(2) a:hover span:nth-of-type(1) {
    color: #e10019;
    transition: 0.2s;
}

.hashtag {
    text-align: right;
}

.hashtag a {
    font-family: 'OpenSans', sans-serif;
    color: #e10019;
    height: 38px;
    padding: 2px 0;
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    height: auto;
}

.hashtag.sticky a:hover { font-size: 17px; }

.categorie span {
    color: #3b3b3b;
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
    text-transform: uppercase;
    display: block;
    margin: 25px 0 10px;
}

.retour span {
    color: #3b3b3b;
    font-size: 21px;
    display: block;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.retour a:hover span {
    color: #e10019;
    transition: 0.2s;
}

.actu > div:nth-of-type(1) {
    position: relative;
    margin: 20px 0;
}

.actu img {
    width: 100%;
}

.actu .flex-video {
    padding-bottom: 60%;
}

.actu .flex-video span {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 5px 15px;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: bold;
}

.actu span.accroche {
    color: #3b3b3b;
    font-size: 24px;
    line-height: 25px;
    display: block;
    margin-bottom: 10px;
}

.actu p {
    margin-bottom: 0;
}

.actu .video-responsive {
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.actu .video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.tag {
    padding: 0;
    margin-top: 20px;
}

.tag span {
    color: #3b3b3b;
    font-size: 30px;
    font-weight: bold;
}

.tag a {
    font-size: 28px;
    margin-left: 5px;
}

.tag .slider-articles {
    padding: 0;
    margin-top: 10px;
    height: 340px;
}

.tag .slider-articles .slick-track a:first-child {
    margin-left: 0;
}

.tag .slider-articles .slick-track a {
    padding: 0 5px;
    margin-left: 0;
}

.tag .slider-articles .slick-track a span {
    color: #3b3b3b;
    font-size: 21px;
    line-height: 25px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    max-height: 75px;
    height: auto;
    overflow: hidden;
}

.tag .slider-articles .slick-track a:hover span {
    color: #e10019;
    transition: 0.2s;
}

.tag .slider-articles .slick-next {
    right: -1px;
    height: 100%;
    top: 0px;
    margin: 0;
    width: 35px;
    background: rgba(255, 255, 255, 0.89);
}

.tag .slider-articles .slick-prev {
    left: 0px;
    height: 100%;
    top: 0px;
    margin: 0;
    width: 35px;
    background: rgba(255, 255, 255, 0.89);
}

.tag .slider-articles .slick-prev:before {
    content: '\F104';
    font-family: 'FontAwesome';
    font-size: 40px;
    font-weight: bold;
    color: #494949
}

.tag .slider-articles .slick-next:before {
    content: '\F105';
    font-family: 'FontAwesome';
    font-size: 40px;
    font-weight: bold;
    color: #494949
}

.tag .slider-articles .slick-prev.slick-disabled {
    opacity: 0;
}

.actu .autres-events {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 70px;
}

.actu .autres-events .title {
    font-weight: bold;
    vertical-align: middle;
    margin: 0;
    display: inline-block;
}

.actu .autres-events .title::first-letter {
    text-transform: uppercase;}

.actu .autres-events .title-2 {
    font-size: 32px;
    margin-left: 6px;
    vertical-align: middle;
}

.actu .autres-events a.voirplus {
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 50px;
    color: #494949;
    margin: 0 0 0 50px;
    display: inline-block;
    font-size: 16px;
    font-family: 'OpenSansBold';
    vertical-align: middle;
}

.actu .autres-events a:hover.voirplus {
    color: #e10019;
    transition: 0.2s;
}

.actu .autres-events .liste-events {
    margin-top: 30px;
    padding-left: 0;
}

.actu .autres-events .liste-events > div:first-child {
    padding-left: 0;
}

.actu .autres-events .liste-events > div {
    padding: 0 10px;
}

.actu .autres-events .liste-events .des {
    padding: 0;
    background-color: #c8c8c8;
    max-height: 100%;
    min-height: 106px;
}

.actu .autres-events .liste-events span.date {
    background-color: #e10019;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 5px;
    font-size: 12px;
    text-align: center;
}

.actu .autres-events .liste-events img {
    background-color: #fff;
    text-align: center;
    padding: 0;
    overflow: hidden;
}

.actu .autres-events .liste-events .block_click:hover {
    cursor: pointer;
}

.actu .autres-events .liste-events .desc span:nth-of-type(1) {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    height: auto;
    overflow: hidden;
    max-height: 74px;
}

.actu .autres-events .liste-events .block_click:hover .desc span:nth-of-type(1) {
    color: #e10019;
    transition: 0.2s;
}

.actu .autres-events .liste-events .desc span:nth-of-type(2) {
    font-size: 14px;
    line-height: 16px;
    padding-right: 8px;
    display: block;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actu .autres-events .liste-events .desc {
    height: 114px;
    position: relative;
    padding: 0 10px 0 15px;
}

.actu .autres-events .liste-events .desc a {
    position: absolute;
    bottom: 5px;
    right: 18px;
    border: 2px solid;
    border-radius: 30px;
    padding: 0px 4px 0px 4px;
}

.actu .autres-events .liste-events .desc a i {
    font-size: 13px;
}

.hashtag .tag a {
    color: #e10019;
    font-family: 'OpenSans', sans-serif;
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
    height: auto;
}

.hashtag .fiche-tag a,.hashtag.fixedsticky a {
    color: #3b3b3b;
    font-family: 'OpenSans', sans-serif;
    font-size: 25px;
    font-weight: bold;
    padding: 2px 0;
    display: block;
}

.hashtag .fiche-tag a:hover,.hashtag.fixedsticky a:hover {
    color: #e10019;
    transition: 0.2s;
    font-size: 26px;
}

.hashtag .partage .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    font-family: 'OpenSansBold';
    display: block;
    padding: 0;
    color: #b0c9e7;
}

.hashtag .partage {
    margin: 40px 0;
}

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

    .listing-news .news:nth-of-type(1),
    .listing-news .news:nth-of-type(2) {
        min-height: 400px;
    }

    .hashtag .fiche-tag a,.hashtag.fixedsticky a {
        font-size: 18px;
    }

    .hashtag .fiche-tag a:hover,.hashtag.fixedsticky a:hover {
        font-size: 19px;
    }
}

@media only screen and (max-width: 64em) {
    .listing-news .news:nth-of-type(1) span:nth-of-type(1),
    .listing-news .news:nth-of-type(2) span:nth-of-type(1) {
        font-size: 19px;
        line-height: 22px;
        max-height: 66px;
    }
    .listing-news .news:nth-of-type(1) span.descrip,
    .listing-news .news:nth-of-type(2) span.descrip {
        display: block;
    }
    .news a span.descrip,.news a span:nth-of-type(2) {
        display: none;
    }

    .listing-news .news {
        min-height: 243px;
    }

    .news a span:nth-of-type(1) {
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      text-transform: initial!important;
    }

    .listing-news .news:nth-of-type(1) .tag span,
    .listing-news .news:nth-of-type(2) .tag span {
        color: #e10019;
        font-family: 'OpenSans', sans-serif;
        font-size: 13px;
        font-weight: bold;
        display: inline-block;
        margin-right: 10px;
    }


    .actu h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .actu > div:nth-of-type(1) span {
        font-size: 11px;
        padding: 3px 15px;
        bottom: -2px;
    }
    .actu > div:nth-of-type(1) {
        margin: 10px 0;
    }
    .actu span.accroche {
        font-size: 18px;
        line-height: 23px;
    }
    .tag .slider-articles .slick-track a span {
        font-size: 16px;
        line-height: 18px;
        margin-top: 5px;
    }
    .tag .slider-articles {
        height: 263px;
    }
    .actu .autres-events .title {
        font-size: 26px;
    }
    .actu .autres-events .title-2 {
        font-size: 26px;
    }
    .actu .autres-events {
        position: relative;
    }
    .actu .autres-events a.voirplus {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }
    .actu .autres-events {
        padding-bottom: 50px;
    }
    .actu .autres-events .liste-events {
        padding-right: 0;
    }
    .actu .autres-events .liste-events .des {
        margin-bottom: 10px;
        min-height: 163px;
    }
    .actu .autres-events .liste-events > div {
        padding-left: 0;
        padding-right: 0;
    }

/*    .listepoi-event .grille div .desc2 span:nth-of-type(1), .listepoi-event .liste div .desc2 span:nth-of-type(1) { width: 54%; }*/


}

@media only screen and (max-width: 920px) {
    .listing-news .news:nth-of-type(1),
    .listing-news .news:nth-of-type(2) {
        min-height: 320px;
    }

    .listing-news .news .tag a {
        display: none;
    }

    .listing-news .news .tag a:nth-of-type(1),
    .listing-news .news .tag a:nth-of-type(2),
    .listing-news .news .tag a:nth-of-type(3) {
        display: inline-block;
    }
}

@media only screen and (max-width: 40em) {
    .titre-event {
        margin-bottom: 20px;
    }
    .titre-event h1 {
        font-size: 34px;
    }
    .listing-news {
        padding-right: 0;
    }
    .listing-news .news {
        width: 100%!important;
        margin-bottom: 16px;
    }

    .listing-news .news a {
        min-height: 0;
        max-height: none;
    }

    .listing-news .news img {
        width: 100%;
    }

    .news a span:nth-of-type(1) { font-size: 18px!important; line-height: 1.3; }

     .news a span.descrip {
        display: block;
        max-height: 0;
        min-height: 0;
    }

    .hashtag .fiche-tag a,.hashtag.fixedsticky a { display: inline-block; }

    .hashtag {
        position: static!important;
    }

    .hashtag a {
        display: inline-block;
        margin-left: 10px;
    }

    .hashtag .fiche-tag a { display: none; }

    .actu h1 {
        font-size: 24px;
        line-height: 30px;
    }
    .actu span.accroche {
        font-size: 16px;
        line-height: 19px;
    }
    .tag .slider-articles {
        height: auto;
    }
    .tag .slider-articles .slick-track a span {
        font-size: 17px;
        line-height: 21px;
        max-height: 105px;
    }

    .tag span {
        font-size: 22px;
    }

    .actu .tag a {
        font-size: 22px;
    }

    .actu .autres-events .liste-events .desc span:nth-of-type(1) {
        font-size: 13px;
        line-height: 16px;
    }
    .actu .autres-events .liste-events .desc span:nth-of-type(2) {
        font-size: 13px;
    }
    .actu .autres-events a.voirplus {
        text-align: center;
        left: -43px;
    }
    .hashtag .partage {
        margin: 20px 0;
        text-align: center;
    }

    .hashtag {
        margin-bottom: 20px!important;
    }

    .listepoi-event .grille .image { height: auto;/*min-height: 337px;*/  }

    .listepoi-event .grille div > img { margin-top: 0;transform: none;width: 100%; }
}

@media only screen and (max-width: 435px) {
    .tag .slider-articles {
        height: 282px;
    }
}

/* Fin des styles news */


.ui-datepicker .ui-datepicker-title{color :#000; }
.ui-datepicker .ui-datepicker-header{width:87%;}

.eventpoi.prefix, .eventpoi.postfix{
height: 40px;
}