#content #bodyDetail p + p {
    padding: 0 0 15px 0;
}

#content #bodyDetail p {
    padding: 0 0 15px 0;
}

#stickyMenu {
    position: inherit !important;
    top: 0 !important;
}

.headAndFooter {
    max-width: 1280px;
    margin: auto;
    text-align: center;
}

#bandeauHautDetail .leaflet-map-pane {
    z-index: 601;
}

#bandeauHautDetail .leaflet-google-mutant.leaflet-top,
#bandeauHautDetail .leaflet-google-mutant.leaflet-bottom {
    z-index: 600;
}

.mobileOn {
    display: none !important;
}

.est-centre {
    margin: 0 auto;
    position: relative;
    height: auto;
    width: 100%;
    max-width: 1024px;
}

#main-wrapper .breadcrumbAndShare.layout-container {
    padding: 15px 10px;
}

.fd-gris {
    background: #e1e1e1;
    color: #787878;
}

.fd-orange {
    background: #ef8a25;
}

.fd-vert {
    background: #86a607;
    color: #FFF;
}

.txt-vert {
    color: #86a607;
}

.txt-bold {
    font-weight: 500;
}

.txt-reg {
    font-weight: 400;
}

.bandeauTitre .fd-orange {
    padding: 0 30px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

p {
    font-family: ubuntu, Arial;
    font-size: 16px;
    font-weight: 400;
}

#bodyDetail h2 {
    color: #2c2c2c;
    font-family: ubuntu, Arial;
    font-weight: 500;
    font-size: 21px;
    text-transform: uppercase;
    padding: 35px 0 25px 0;
    margin: 0;
    text-align: center;
}

#bodyDetail h3 {
    color: #86a607;
    font-family: ubuntu, Arial;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: left;
}

.f-lft {
    float: left;
}

.f-rgt {
    float: right;
}

.breadcrumb:after {
    top: 0;
}

.header-infos .tarif,
.entree {
    height: 34px;
    line-height: 34px;
    padding: 0 30px;
    padding: 0 0px;
    color: #787878;
    display: inline;
    text-align: center;
    margin: auto;
}

.header-infos .tarif,
.entree .tarif {
    padding: 0 30px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
}

.resa {
    padding: 0 30px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
}

#detail_localisation p {
    color: #4d4d4d;
    font-family: ubuntu, Arial;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 0 !important;
}

#detail_localisation h3 {
    text-align: center;
}

#detail_localisation .localisation:before {
    content: '\f041';
    font-family: FontAwesome;
    display: block;
    font-size: 30px;
    color: #86a607;
    margin: 0 0 10px 0;
}

#detail_localisation .contact:before {
    content: '\f0e0';
    font-family: FontAwesome;
    display: block;
    font-size: 25px;
    color: #86a607;
    margin: 0 0 10px 0;
}

#detail_localisation .geoPos {
    font-size: 14px;
    font-weight: 300;
}

.msry ul,
#detail_infos ul,
#detail_famille ul {
    padding: 0;
    margin: 0;
}

#gallerySliderPopUp .galerie-image img {
    margin: auto;
}

#galerieImage {
    padding: 40px 0;
}

#galerieImage .lae-col-6 {
    max-height: 310px;
}

#galerieImage .lae-col-4 {
    max-height: 250px;
    overflow: hidden;
}

#galerieImage .lae-col-4.vignette-2 .vignette-photo-geolocalisee,
#galerieImage .lae-col-4.vignette-3 .vignette-photo-geolocalisee {
    padding-right: 20px;
}

#detail_labels {
    text-align: center;
    padding: 20px 0;
}

#detail_labels img {
    display: inline-block;
    margin: 0 20px 20px 20px;
    max-height: 80px;
    width: auto;
}

#detail_labels img.label-th {
    margin: 0 0px;
}

.msry ul li,
#detail_famille ul li,
#detail_infos ul li {
    padding: 10px 20px;
    display: block;
    list-style: none;
    white-space: pre-wrap;
    padding: 13px 20px;
}

.msry ul li,
.msry ul li p,
#detail_famille ul li,
#detail_infos ul li,
#detail_infos ul li p {
    font-family: 'Open Sans', sans-serif;
    color: #141414;
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 400;
    line-height: 22px;

}

.msry ul li p,
#detail_famille ul li p
#detail_infos ul li p {
    padding: 0;
}

.msry ul li p .txt-bold,
#detail_infos ul li p .txt-bold {
    font-weight: 600;
    margin-left: 20px;
    padding: 7px 0;
}

.msry .remarque,
#detail_infos .remarque {
    font-size: 13px;
    display: block;
    font-weight: 400;
    line-height: 13px;
}

.msry ul li.normalwhiteSpace,
#detail_infos ul li.normalwhiteSpace {
    white-space: normal;
}

.msry ul li:nth-child(odd),
#detail_infos ul li:nth-child(odd) {
    background: #f0eceb;
}

.msry ul.download li,
#detail_infos ul.download li {
    padding: 10px 0;
    background: transparent;
    width: 48%;
    float: left;
    margin-right: 1%;
}

.msry ul.download li a,
#detail_infos ul.download li a {
    border: solid 1px #86a607;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    white-space: normal;
}

.msry ul.download li a:after,
#detail_infos ul.download li a:after {
    content: '';
    background: url("../assets/fonds/picto-detail-telecharger.png") no-repeat center center;
    width: 34px;
    height: 25px;
    float: right;
    height: 40px;
    line-height: 40px;
}

.msry ul.download li a:hover,
#detail_infos ul.download li a:hover {
    background: #86a607;
    color: #FFF;
}

.msry ul.download li a:hover:after,
#detail_infos ul.download li a:hover:after {
    content: '';
    background: url("../assets/fonds/picto-detail-telecharger-b.png") no-repeat center center;
}

#detail_tarif,
#detail_infos {
    padding: 20px;
    /*display: none;*/
    overflow: hidden;
}

.msry h3,
#detail_infos h3 {
    padding: 30px 0 14px 0;
}

.msry .currentlyClosed,
#detail_infos .currentlyClosed {
    color: #000;
    display: block;
    padding: 0 0 0 41px;
    font-size: 14px;
}

.msry h3:before,
#detail_infos h3:before {
    width: 34px;
    font-size: 22px;
    display: inline-block;
    font-family: FontAwesome;
    text-align: center;
}

.cat-telecharger a {
    border: 1px solid #86a607;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 15px;
    white-space: normal;
}

.cat-telecharger a:hover {
    background: #86a607;
    color: #fff;
}

.cat-telecharger a:after {
    content: '';
    float: right;
    height: 40px;
    line-height: 40px;
    width: 34px;
    font-family: FontAwesome;
    margin: 0 0 0 15px;
}

.cat-ouverture h3:before {
    content: '\f017';
}

.cat-circuit h3:before {
    content: '';
}

.cat-telecharger h3:before {
    content: '';
}

.cat-paiement h3:before {
    content: '\f09d';
}

.cat-tarifs h3:before {
    content: '\f153';
}

.cat-services h3:before {
    content: '\f0f4';
}

.cat-langues h3:before {
    content: '\f024';
}

.cat-capacite h3:before {
    content: '\f007';
}

.cat-equipement h3:before {
     content: '\f0d8';
    font-size:30px!important;
 }
.cat-detail h3:before {
    content: '\f138';
}
.cat-salle h3:before {
    content: '\f138';
}
.cat-groupe h3:before {
    content: '\f0c0';
}

.cat-theme h3:before {
    content: '\f138';
}
.cat-stylearchi h3:before {
    content: '\f0c8';
}
.cat-visites h3:before {
    content: '\f06e';
}

.cat-promotion h3:before {
    content: '\f005';
}
.cat-enfant h3:before {
    content: '\f1ae';
}

.cat-coupdecoeur h3:before {
    content: '\f004';
}

.cat-detailprogramme h3:before {
    content: '\f0ca';
}

.cat-resa h3:before {
    content: '\f095';
}

.cat-appellation h3:before {
    content: '';
    background: url("../assets/fonds/picto-detail-appellation.png");
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.cat-groupes h3:before {
    content: '';
    background: url("../assets/fonds/picto-detail-groupes.png") no-repeat center center;
    width: 34px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

.cat-animaux h3:before {
    content: '';
    background: url("../assets/fonds/picto-detail-animaux.png") no-repeat center center;
    width: 34px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

.cat-duree-difficulte h3:before {
    content: '';
    background: url("../assets/fonds/picto-detail-duree-difficulte.png") no-repeat center center;
    width: 34px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

.cat-accessibilite h3:before {
    content: '\f193';
    font-family: 'FontAwesome';
    width: 34px;
    height: 25px;
    float: left;
    margin-right: 10px;
    font-size: 24px;
    text-align: right;
}

.cat-hebergement h3:before {
    content: '';
    background: url("../assets/fonds/picto-detail-hebergement.png") no-repeat center center;
    width: 34px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

.cat-restauration h3:before {
    content: '';
    background: url("../assets/fonds/picto-detail-repas.png") no-repeat center center;
    width: 34px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

.cat-confortfamilles h3:before {
    content: '';
    background: url("../assets/fonds/picto-detail-confort-famille.png") no-repeat center center;
    width: 34px;
    height: 28px;
    float: left;
    margin-right: 10px;
}

#detail_contactResa .f-rgt {
    display: inline-block;
    padding: 0 15px;
    border-left: solid 1px #FFF;
}

#detail_contactResa .f-rgt p,
#detail_contactResa .f-rgt a {
    color: #86a607;
    line-height: 32px;
}

#detail_contactResa .f-rgt p.tel {
    font-size: 16px;
}

#detail_contactResa p:before,
#detail_contactResa a:before {
    font-family: FontAwesome;
    font-size: 21px;
    float: left;
    margin: 0 8px 0 0;
}

.siteWeb:before {
    content: '\f0ac';
    font-family: FontAwesome;
    margin: 0 5px 0 0;
}

.courriel:before {
    content: '\f0e0';
    font-family: FontAwesome;
    margin: 0 5px 0 0;
}

.telephone:before {
    content: '\f095';
    font-family: FontAwesome;
    margin: 0 5px 0 0;
}
#content #bodyDetail p.inline {
    display: inline-block;
}
#content #bodyDetail p.reseauSociaux a.inline{
    margin: 7px;
}
.Facebook:before {
    content: '\f082';
    font-family: FontAwesome;
    margin: 0 5px 0 0;
}

.Twitter:before {
    content: '\f099';
    font-family: FontAwesome;
    margin: 0 5px 0 0;
}

.Instagram:before {
    content: '\f16d';
    font-family: FontAwesome;
    margin: 0 5px 0 0;
}

#block-crumbs-breadcrumb {
    margin-bottom: 20px;
}

.introduction.static2 {
    /*background:url(../img/site/intro_bandeau_static2.jpg) repeat-x top center;*/
}

.introduction .aside.contact {
    background: #000;
}

.introduction .aside .coords {
    height: 50%;
    width: 100%;
    display: block;
    position: relative;
}

.introduction .map {
    height: 50%;
    width: 100%;
    background-color: transparent !important;
    background: #323232 !important;
}

.introduction .map .gmnoprint {
    display: none;
}

.introduction .coords p,
.introduction .coords li {
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', Arial;
    line-height: 15px;
    padding: 0px 0px;
}

.introduction .coords p.adr {
    padding-left: 35px;
}

.introduction .coords p strong {
    font-weight: 600;
    text-transform: uppercase;
}

.introduction .coords p a {
    color: #FFF;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', Arial;
    line-height: 18px;
    text-decoration: none;
}

.introduction .coords p a:hover {
    color: #FFF;
}

.introduction .coords p .title {
    color: #FFF;
    font-weight: 600;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-transform: none;
}

.introduction .coords ul {
    padding: 0;
    margin: 0px;
}

.introduction .coords li {
    display: block;
    list-style: none;
}

.introduction .coords a {
    line-height: 18px;
    text-decoration: none;
    display: block;
    margin-top: 0px;
    color: #FFF;
    font-weight: 300;
}

.introduction .coords a:hover span {
    color: #FFF;
}

.introduction .coords .detail {
    display: block;
    color: #7b7b7b;
    font-size: 12px;
    font-family: 'Open Sans', Arial;
    margin-left: -30px;
}

.introduction .coords .block {
    padding: 10px 0 0px 35px;
}

.introduction .coords .adr {
    background: url(../assets/pictos-divers/detail-adresse.png) no-repeat 7px 0px;
}

.introduction .coords .iti {
    background: url(../assets/pictos-divers/detail-itinerary.png) no-repeat 3px 9px;
    padding: 10px 0 0px 35px;
}

.introduction .coords .emails {
    background: url(../assets/pictos-divers/detail-mail.png) no-repeat 3px 16px;
}

.introduction .coords .tels {
    background: url(../assets/pictos-divers/detail-tel.png) no-repeat 3px 14px;
}

.introduction .coords .webs {
    background: url(../assets/pictos-divers/detail-web.png) no-repeat left 15px;
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.introduction .coords .emails a,
.introduction .coords .webs a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 190px;
    color: #ff8ed2;
    line-height: 12px;
}

.aside {
    width: 250px;
    min-height: 50px;
    float: right;
}

.aside .title {
    font-family: 'Ubuntu', Arial;
    font-size: 24px;
    color: #8a867e;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
    padding: 25px 0 10px 0;
}

.aside .bloc {
    position: relative;
    padding: 0 0 20px 0;
}

.aside figure,
.aside .bloc figure {
    width: 250px;
    max-height: 130px;
    overflow: hidden;
}

.asidefigure img,
.aside .bloc figure img {
    width: 100%;
}

.aside h3,
.aside .bloc h3 {
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    color: #FFF;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
    background: #333;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 15px 0 10px;
    top: 6px;
    left: -3px;
    position: absolute;
}

.aside h3 a,
.aside .bloc h3 a {
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    color: #FFF;
    font-weight: 300;
    text-decoration: none;
}

.aside h2,
.aside .bloc h2 {
    font-family: 'Open Sans', Arial;
    font-size: 15px;
    color: #85a51e;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 0 0 0;
    line-height: 16px;
}

.aside h2 a,
.aside .bloc h2 a {
    font-family: 'Open Sans', Arial;
    font-size: 15px;
    color: #85a51e;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
}

.colGauche {
    padding-right: 310px;
}

.colGauche .article {
    padding: 20px 0 0 0;
    width: 100%;
}

.colGauche .centree,
.article .centree {
    min-width: inherit;
}

.article img {
    margin: 20px 0px;
}

.article .alignLeft {
    float: left;
    margin: 0px 50px 10px 0;
}

.article .alignRight {
    float: right;
    margin: 0px 0 10px 50px;
}

.article h2 {
    font-family: 'Ubuntu', Arial;
    font-size: 33px;
    font-weight: 300;
    color: #96bb1f;
    line-height: 40px;
    margin: 10px 0 25px 0;
    text-align: left;
}

.article h3 {
    font-family: 'Open Sans', Arial;
    font-size: 15px;
    font-weight: 400;
    color: #96bb1f;
    line-height: 22px;
    text-align: left;
}

.article li {
    list-style: inside;
}

.article p,
.article td,
.article li {
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    font-weight: 400;
    color: #3c3c3c;
    line-height: 20px;
    margin: 0 0 15px 0;
    text-align: left;
}

.article .showHide {
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    font-weight: 400;
    color: #759315;
    line-height: 20px;
    text-decoration: none;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: -5px;
}

.article a {
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    font-weight: 400;
    color: #759315;
    line-height: 20px;
    text-decoration: none;
    font-weight: 500;
}

.article .legende {
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    font-weight: 600;
    color: #96bb1f;
    line-height: 22px;
    font-style: italic;
    text-align: left;
}

.article table {
    width: 100%;
}

.article table td {
    vertical-align: top;
}

.article .col2 {
    width: 100%;
}

.article .col2 .first {
    width: 47%;
    float: left;
    margin-right: 6%;
}

.article .col2 .last {
    width: 47%;
    float: left;
}

.article .alterne tr:nth-child(2n+2) {
    background-color: #e4e3df;
}

.article .alterne td {
    width: 30%;
    padding: 4px 2%;
}

.article .alterne td:first-child {
    width: 27%;
    padding: 6px 2% 6px 4%;
}

.article .col2 img,
.article .col3spe2 img {
    margin-top: 0px;
    margin-bottom: 0px;
}

.article .col2 li {
    margin-bottom: 2px;
}

.col3spe2 article {
    padding: 0 0 30px 0;
}

.col3spe2 article,
.article .col3spe2 article {
    width: 30%;
}

.col3spe2 .first,
.article .col3spe2 div.first {
    float: left;
    width: 30%;
}

.col3spe2 .middle,
.article .col3spe2 div.middle {
    float: left;
    margin-left: 5%;
    width: 30%;
}

.col3spe2 .last,
.article .col3spe2 div.last {
    float: right;
    width: 30%;
}

.col3spe2 figure,
.article .col3spe2 figure {
    max-height: 136px;
    overflow: hidden;
    width: 100%;
}

.col3spe2 img,
.article .col3spe2 img {
    width: 100%;
}

.article .col3spe2 p,
.col3spe2 p {
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    font-weight: 400;
    color: #3c3c3c;
    line-height: 20px;
    margin: 0 0 15px 0;
    text-align: left;
}

.col3spe2 h2,
.article .col3spe2 h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 15px 0px;
    margin: 0;
    font-weight: 300;
    color: #96bb1f;
    font-family: 'Ubuntu', Arial;
    text-align: left;
}

.col3spe2 .enSavoirPlus,
.article .col3spe2 .enSavoirPlus {
    display: inline-block;
    /*background:#728f15 url(../img/site/article_picto-ensavoirplus.png) no-repeat right center;*/
    color: #FFF;
    line-height: 26px;
    padding: 0px 22px 0px 10px;
    text-decoration: none;
    font-family: 'Open Sans', Arial;
    font-size: 13px;
}

.col3spe2 .enSavoirPlus:hover,
.article .col3spe2 .enSavoirPlus:hover {
    background-color: #647F0C;
}

.article .listCaracteristiques p {
    margin: 0 0 0 0;
}

.article .listCaracteristiques p.tarif_rem {
    margin-bottom: 10px;
}

.article .listCaracteristiques p.lib_des,
.article .listCaracteristiques p.horaire-texte {
    white-space: pre-wrap;
}

.article .encartInfosPratiques h3,
.article .listCaracteristiques h3 {
    margin: 25px 0 5px 0;
    text-transform: uppercase;
    border-bottom: solid 1px #dcdad0;
    font-weight: 400;
}

.article .listCaracteristiques h3 img {
    margin-left: 7px;
    margin-top: -3px;
}

.article .listCaracteristiques .separateur {
    /*background:url(../img/site/separateur-puce.png) no-repeat center 14px;*/
    width: 0px;
    padding: 0 0 0 5px;
    margin: 0 0 0 5px;
    min-height: 5px;
    display: inline-block;
    overflow: hidden;
}

/** Introduction diaporama 1 **/
.introduction.diapo1 {
    height: 320px;
}

.introduction.diapo1 .rsArrow.rsArrowLeft .rsArrowIcn {
    /*background:url(../img/site/intro_picto-prev.png) no-repeat left center;*/
}

.introduction.diapo1 .rsArrow.rsArrowRight .rsArrowIcn {
    /*background:url(../img/site/intro_picto-next.png) no-repeat right center;*/
}

.introduction .rsGCaption {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
}

.introduction .rsABlock {
    background: none;
    background-color: transparent;
    margin: 0 auto;
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1024px;
    min-width: 980px;
    left: auto;
    right: auto;
    bottom: 150px;
    top: auto;
}

.introduction .diaporamaLaetis .rsABlock h6 {
    font-family: 'Ubuntu', Arial;
    font-weight: 600;
    font-size: 40px;
    color: #FFF;
    text-shadow: 0px 0px 9px black;
    line-height: 45px;
    text-align: right;
}

.introduction .diaporamaLaetis .rsABlock .desc {
    font-family: 'Ubuntu', Arial;
    font-weight: 400;
    font-size: 24px;
    color: #FFF;
    text-shadow: 0px 0px 9px black;
    line-height: 26px;
    text-align: right;
}

.introduction .diaporamaLaetis .rsABlock .lien {
    text-align: right;
}

.introduction .diaporamaLaetis .rsABlock .lien a {
    font-family: 'Ubuntu', Arial;
    font-weight: 400;
    font-size: 24px;
    color: #FFF;
    text-shadow: 0px 0px 9px black;
    line-height: 26px;
    text-align: right;
    text-decoration: none;
}

.introduction .diaporamaLaetis .rsTabs {
    bottom: 20px;
    text-align: right;
    margin: auto;
    width: 100%;
    max-width: 1024px;
    min-width: 980px;
    float: none;
    position: relative;
    bottom: 60px;
    clear: both;
    height: 0px;
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    color: #FFF;
    font-family: 'Open Sans', Arial;
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
    line-height: 22px;
    margin-left: 5px;
    text-align: center;
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab.rsNavSelected {
    background: #98b325;
    color: #000;
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:first-child:after {
    content: '1';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(2):after {
    content: '2';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(3):after {
    content: '3';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(4):after {
    content: '4';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(5):after {
    content: '5';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(6):after {
    content: '6';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(7):after {
    content: '7';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(8):after {
    content: '8';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(9):after {
    content: '9';
}

.introduction .diaporamaLaetis .rsTabs .rsNavItem.rsTab:nth-child(10):after {
    content: '10';
}

.introduction .diaporamaLaetis .rsABlock.xGauche h6,
.introduction .diaporamaLaetis .rsABlock.xGauche .desc,
.introduction .diaporamaLaetis .rsABlock.xGauche {
    text-align: left;
}

.introduction .diaporamaLaetis .rsABlock.xDroite h6,
.introduction .diaporamaLaetis .rsABlock.xDroite .desc,
.introduction .diaporamaLaetis .rsABlock.xDroite {
    text-align: right;
}

.introduction .diaporamaLaetis .rsABlock.yHaut {
    bottom: 210px;
}

.introduction .diaporamaLaetis .rsABlock.yBas {
    bottom: 155px;
}

.bandeauTitre {
    width: 100%;
    text-align: center;
}

.bandeauTitre h1,
.bandeauTitre .title {
    color: #86a607;
    display: block;
    margin: auto;
    padding: 50px 0 10px 0;
    text-align: center;
    font-family: ubuntu, Arial;
    font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
    max-width: 500px;
    line-height: 44px;
}

.bandeauTitre .clcs {
    display: inline-block;
    position: relative;
}

.bandeauTitre .clc {
    display: inline-block;
    margin-left: 5px;
    font-size: 21px;
    position: relative;
}

.header-infos {
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.bandeauTitre .type {
    display: inline-block;
    padding: 0 20px;
    margin: auto;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    height: 34px;
    line-height: 34px;
    font-weight: 400;
    font-size: 18px;
    padding: 7px 20px;
    line-height: 20px;
    height: auto;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 28px;
}

.header-infos .info {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    padding: 7px 20px;
    height: auto;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 28px;
    margin: 0 3px 0 0;
}

.pc-add-blc:after {
    content: '';
    background: url(../assets/google-icons/gic-add.svg) no-repeat right center;
    width: 23px;
    height: 28px;
    float: right;
    margin: 0 0 0 5px;
}

.header-infos .info.fd-gris {
    color: #787878;
}

.bandeauTitre .tarifRef .two-lines {
    line-height: 12px;
    text-transform: none;
    float: left;
    font-size: 14px;
    padding: 3px 0;
    padding: 3px 5px 3px 0;
}

.bandeauTitre .tarifComplet strong {
    font-size: 24px;
    font-weight: 400;
    float: right;
    margin: 0 0 0 8px;
}

.bandeauTitre .tarifRef strong {
    font-weight: 600;
    float: right;
    margin-left: 5px;
    font-size: 24px;
    font-size: 32px;
}

.bandeauTitre .info.dates:after {
    content: '';
    background: url(../assets/google-icons/ic_event_white_24px.svg) no-repeat right center;
    width: 23px;
    height: 28px;
    float: right;
    margin: 0 0 0 8px;
}

.bandeauTitre .info.distance:after {
    content: '';
    background: url(../assets/google-icons/gic-terrain.svg) no-repeat right center;
    width: 23px;
    height: 28px;
    float: right;
    margin: 0 0 0 5px;
}

.bandeauTitre .info .persons {
    margin-left: 5px;
    float: right;
    /*background: url("../assets/google-icons/gic-persons.svg") no-repeat center center;
    width: 20px;
    height:20px;*/
}

.bandeauTitre .info .person {
    background: url("../assets/google-icons/gic-person.svg") no-repeat center center;
    width: 16px;
    height: 28px;
    float: right;
    color: #FFF;
}

.bandeauTitre .tracking {
    background: none;
    padding: 2px 5px 20px 4px;
    display: inline-block;
    font-size: 14px;
    color: #4b4c50;
    text-transform: uppercase;
    line-height: 22px;
    font-weight: 300;
    border-top: solid 1px #7b7b7b;
}

.bandeauTitre .subject {
    margin: auto;
    font-family: Open Sans, "Segoe UI", "Helvetica", sans-serif;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    display: block;
}

.bandeauTitre .carnet {
    float: right;
    /*background:#7b9d1a url(../img/site/panier_ajouter.png) no-repeat center 30px;*/
    font-family: 'Ubuntu Condensed', Arial;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    padding: 80px 0 0 0;
    width: 250px;
    height: 35px;
}

.bandeauTitre .carnet:hover {
    /*background:#6D8B19 url(../img/site/panier_ajouter.png) no-repeat center 30px;*/
}

.bandeauTitre h2 {
    font-family: Ubuntu, Arial;
    font-size: 16px;
    color: #4b4c50;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 0 0;
    padding: 10px 0 0px 0;
    line-height: 22px;
}

.bandeauTitre h2:before {
    content: '\f041';
    font-family: FontAwesome;
    font-size: 22px;
    margin: 0 10px 0 0;
}

.bandeauTitre h3 {
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 0 0 0;
    margin: 0 0 0 0;
}

.bandeauTitre.simple h1,
.bandeauTitre.simple .title {
    line-height: 115px;
    height: auto;
}

.bandeauTitre.simple.sur2lignes h1,
.bandeauTitre.simple.sur2lignes .title {
    line-height: 37px;
    padding-top: 20px;
}

.bandeauTitre .nav {
    position: absolute;
    /*right:270px; */
    right: 10px;
    top: 35px;
    width: auto;
}

.bandeauTitre .nav .num {
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 11px 0px 10px 0px;
    font-family: 'Open Sans', Arial;
    font-weight: 300;
    font-size: 11px;
    color: #FFF;
}

.bandeauTitre .nav .prev {
    background: url(../img/site/prev-fiche.png) no-repeat center center;
    width: 12px;
    height: 21px;
    display: inline-block;
    float: left;
    padding: 10px 8px 10px 8px;
}

.bandeauTitre .nav .next {
    background: url(../img/site/next-fiche.png) no-repeat center center;
    width: 12px;
    height: 21px;
    display: inline-block;
    float: right;
    padding: 10px 8px 10px 8px;
}

.bandeauTitre .nav .disabled {
    opacity: 0.2;
}

.owl-carousel-detail-wrapper {
    max-height: 430px;
    height: 430px;
}

.owl-carousel {
    max-height: 430px;
    height: 430px;
}

.owl-carousel .owl-item {
    height: 430px;
}

.owl-carousel .owl-item img {
    object-fit: cover;
    height: 100%;
}

.owl-carousel .owl-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -25px;
}

.owl-carousel .owl-controls .owl-prev,
.owl-carousel .owl-controls .owl-next {
    font-size: 50px;
    color: #FFF;
    line-height: 50px;
    height: 50px;
    position: absolute;
    padding: 10px;
}

.owl-carousel .owl-controls .owl-prev {
    left: 5%;
}

.owl-carousel .owl-controls .owl-next {
    right: 5%;
}

.voirFiche {
    padding: 10px 30px;
    margin: 40px auto;
    color: #FFF;
    background: #86a607;
    display: block;
    text-align: center;
    font-family: ubuntu, Arial;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    max-width: 300px;
    line-height: 30px;
}

.voirFiche span {
    font-weight: 300;
    font-size: 30px;
    display: inline-block;
    margin: 0 0 0 5px;
}

#filArianeInterneContainer {
    background: #86a607;
    position: relative;
}

.fixed #filArianeInterneContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

#filArianeInterne {
    height: 54px;
    z-index: 999;
}

#filArianeInterne li {
    display: block;
    list-style: none;
}

#filArianeInterne p,
#filArianeInterne a {
    font-family: ubuntu, Arial;
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
    display: block;
    height: 54px;
    line-height: 54px;
}
#filArianeInterne a.current {
    border-bottom: 4px solid #fff;
}
#filArianeInterne .f-rgt p,
#filArianeInterne .f-rgt a {
    font-weight: 300;
    text-transform: none;
    padding: 0 30px 0 0;
}

#filArianeInterne p:before,
#filArianeInterne a:before {
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
}

#filArianeInterne a.fb:before {
    content: '\f09a';
}

#filArianeInterne a.web:before {
    content: '\f0ac';
}

#filArianeInterne a.email:before {
    content: '\f0e0';
}

#filArianeInterne .tel:before {
    content: '\f095';
}

#filArianeInterneContainer .prixDates {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.59+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.59) 0%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.59) 0%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.59) 0%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

#filArianeInterneContainer .prixDates ul {
    background: none;
}

#filArianeInterneContainer .prixDates ul li {
    color: #000;
    float: right;
    background: #fff;
    margin: 5px 5px 0 0;
    border-radius: 2px;
    /* box-shadow: 0 0 3px #000;*/
}

#filArianeInterneContainer .prixDates ul li .resa {
    padding: 0px 15px;
    height: 42px;
    line-height: 42px;
    border-radius: 2px;
    font-weight: 400;
    font-size: 16px;
}

#filArianeInterneContainer .prixDates ul li .resa:after {
    height: 42px;
}

#filArianeInterneContainer .prixDates ul li p {
    padding: 0px 15px;
    height: 42px;
    line-height: 42px;
    color: #86a607;
}

#filArianeInterneContainer .prixDates ul li p strong {
    font-size: 23px;
    padding: 5px;
}

.is_stuck #filArianeInterneContainer .prixDates {
    visibility: visible;
    opacity: 1;
}

#filArianeInterneContainer .prixDates p.dates:after {
    content: '\f274';
    font-family: FontAwesome;
    font-size: 20px;
    margin: 0 0 0 10px;
}

/** BANDEAU **/
.owl-carousel .owl-item.video {
    width: 100%;
}

.bandeauTitre .dsioBskAddBtn,
.bandeauTitre .dsioBskRemoveBtn {
    float: right;
    /*background:#7b9d1a url(/lae/services1.0/plugins/laetis/diffusio-257/ext-havd_site_SQL3c/assets/fonds/panier_ajouter.png) no-repeat center 30px;*/
    font-family: 'Ubuntu Condensed', Arial;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    padding: 80px 0 0 0;
    width: 250px;
    height: 35px;
}

/*.bandeauTitre .dsioBskRemoveBtn {
  background:#7b9d1a url(/lae/services1.0/plugins/laetis/diffusio-257/ext-havd_site_SQL3c/assets/fonds/panier_retirer.png) no-repeat center 30px;
}
.bandeauTitre .dsioBskRemoveBtn:hover {
  background:#7b9d1a url(/lae/services1.0/plugins/laetis/diffusio-257/ext-havd_site_SQL3c/assets/fonds/panier_retirer.png) no-repeat center 30px;
}
.bandeauTitre .dsioBskAddBtn:hover{
  background:#7b9d1a url(/lae/services1.0/plugins/laetis/diffusio-257/ext-havd_site_SQL3c/assets/fonds/panier_ajouter.png) no-repeat center 30px;
}*/
.bskLkRetHtml {
    display: none;
}

.dsioDivTurnPage .turnPageBtn a span {
    display: none;
}

.bandeauTitre .nav {
    right: 270px;
}

.bandeauTitre {
    overflow: hidden;
}

.bandeauTitre h1 {
    text-align: center;
    margin-bottom: 20px;
}

.bandeauTitre.double h1.double {
    padding: 8px 0 0px 0;
    line-height: 40px;
}

.bandeauTitre h1 img {
    vertical-align: top;
    margin: 5px 5px 0 5px;
    max-height: 25px;
    width: auto;
}

#dsioCssLoader {
    display: none;
}

.bandeauTitre .nav .num {
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 11px 0px 10px 0px;
    font-family: 'Open Sans', Arial;
    font-weight: 300;
    font-size: 11px;
    color: #FFF;
    margin: 0px;
}

.bandeauTitre .nav .prev {
    /*background:url(/lae/services1.0/plugins/laetis/diffusio-257/ext-havd_site_SQL3c/assets/fonds/prev-fiche.png) no-repeat center center;*/
    width: 12px;
    height: 21px;
    display: inline-block;
    float: left;
    padding: 10px 8px 10px 8px;
    margin: 0px;
}

.bandeauTitre .nav .next {
    /*background:url(/lae/services1.0/plugins/laetis/diffusio-257/ext-havd_site_SQL3c/assets/fonds/next-fiche.png) no-repeat center center;*/
    width: 12px;
    height: 21px;
    display: inline-block;
    float: right;
    padding: 10px 8px 10px 8px;
    margin: 0px;
}

#detail_descriptif {
    padding: 50px 20px 20px 20px;
    text-align: center;
}
#detail_descriptif .logos{display: flex; gap: 1rem;align-items: center;justify-content: center;}
#detail_descriptif .logos img {
    margin: 0 3px;
}

#detail_descriptif .msry {
    text-align: left;
}

#detail_descriptif p {
    font-family: ubuntu, Arial;
    font-size: 18px;
    font-weight: 300;
    color: #1a1a1a;
    line-height: 28px;
}

#detail_descriptif p strong {
    font-weight: 500;
}

#bodyDetail .lae-grid {
    padding: 0 10px;
    white-space: normal;
}

#bodyDetail .openingHours {
    padding: 15px 0 0 0;
    display: none;
    white-space: normal;
}

#bodyDetail .is-open .openingHours {
    display: block;
}

#bodyDetail .trigger {
    display: block;
    cursor: pointer;
}

#bodyDetail .trigger:after {
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    font-size: 17px;
}

#bodyDetail .is-open .trigger:after {
    content: '\f106';
}

#bodyDetail a {
    color: #86a607;
}

#bodyDetail #filArianeInterne a {
    color: #fff;
}

#bodyDetail .openingHours .hours {
    text-align: center;
    color: #86a607;
    float: left;
}

#bodyDetail .openingHours p {
    border-top: solid 1px #d8d8d8;
    display: block;
    font-size: 17px;
}

#bodyDetail .openingHours p span.dayName {
    float: left;
}

#bodyDetail .openingHours p span {
    display: block;
}

#bodyDetail .openingHours p:first-child {
    border: none;
}

#bodyDetail .lae-grid .lae-col-6 {
    /*padding: 0px 10px 20px 10px;*/
}

.msry {
    position: absolute;
    left: 5000px;
}

.msry .lae-col-6 {
    padding: 0;
    float: left;
    width: 45%;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.msry.loaded {
    position: relative;
    left: auto;
}

.msry.loaded .lae-col-6 {
    opacity: 1;
}

/** MEDIA CONTACT CARTE **/
#dsioCssOiDetail {
    padding-top: 0px;
}

#dsioCssOiDetail .blocMediaContact {
    background-color: #2e2e2e;
    width: 100%;
    height: 335px;
    display: none;
}

#dsioCssOiDetail .blocMediaContact .est-centre {
    background: #2e2e2e;
}

#dsioCssOiDetail .coords {
    width: 250px;
    float: right;
    height: 335px;
    display: block;
    position: relative;
    background-color: #292929;
}

.introduction .coords div.contener {
    bottom: 0px;
    position: absolute;
    width: 230px;
    padding: 0px 10px 10px 10px;
    left: 0px;
}

.introduction .introductionNoPhoto {
    background: #323232 url(../assets/messages/visuel-non-disponible-liste_fr.png) no-repeat center center;
    height: 335px;
    width: 535px;
    float: left;
}

#bandeauHautDetail {
    height: 430px;
    width: 100%;
    margin-top: 20px;
    z-index: 0;
}

#dsioMapViewTypeOiDetail {
    height: 100%;
    width: 100%;
}

#dsioOiDetailPlayerMediaList,
#dsioCssOiDetail .tfoInfosColMedias,
#dsioCssOiDetail .diaporama.photo {
    height: 335px;
    width: 535px;
}

#dsioCssOiDetail .diaporama.photo {
    float: left;
}

.gmnoprint {
    display: none;
}

#dsioOiDetailPlayerMediaList .rsArrowLeft .rsArrowIcn,
#dsioOiDetailPlayerMediaList.rsFullscreen .rsArrowLeft .rsArrowIcn {
    background: #2e2e2e url(../assets/pictos-divers/diapo-prev.png) no-repeat center center;
    background-position: center center !important;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

#dsioOiDetailPlayerMediaList .rsArrowRight .rsArrowIcn,
#dsioOiDetailPlayerMediaList.rsFullscreen .rsArrowRight .rsArrowIcn {
    background: #2e2e2e url(../assets/pictos-divers/diapo-next.png) no-repeat center center;
    background-position: center center !important;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-left: -35px;
}

/**
 * detail
 **/
.articleDsio {
    float: left;
    width: 58%;
    padding-bottom: 30px;
    padding-right: 2%;
}

.asideDsio {
    width: 40%;
    padding-top: 60px;
}

.asideDsio .imageAside {
    width: 250px;
    margin: auto auto 20px 30px;
}

#themes {
    padding: 0;
}

#themes li {
    display: block;
    float: left;
    text-align: center;
    font-family: "Open sans", Arial, Helvetica, sans-serif;
    color: #353535;
    font-size: 13px;
    font-weight: 300;
    /* padding: 20px 30px; */
    width: 120px;
    height: 110px;
}

#themes li .img {
    height: 50px;
    vertical-align: middle;
}

#themes img {
    margin: auto;
}

.articleDsio .description {
    padding-top: 60px;
}

.articleDsio .description h2 {
    color: #6b0078;
    font-size: 24px;
    font-family: "Open sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    border-bottom: solid #6b0078 1px;
    height: 29px;
    margin-top: 30px;
}

.articleDsio .description h2 span {
    background: #FFF;
    display: inline-block;
    padding-right: 5px;
    height: 30px;
}

.articleDsio .description .programme {
    border-left: solid #6b0078 9px;
    padding-left: 25px;
    white-space: pre-wrap;
}

.articleDsio .description p {
    font-family: "Open sans", Arial, Helvetica, sans-serif;
    color: #484848;
    font-size: 14px;
    font-weight: 300;
    white-space: pre-wrap;
}

#dsioCssOiDetail .ouverture {
    background: #6b0078;
    padding: 10px 15px 5px 15px;
    display: inline-block;
    margin-bottom: -3px;
}

#dsioCssOiDetail .ouverture p {
    font-size: 18px;
    font-family: "Open sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    float: left;
}

#dsioCssOiDetail .ouverture p.dateFin {
    padding: 0 0 0 15px;
    margin-left: 10px;
    background: url("../../assets/fonds/separateur-dates.png") no-repeat left 5px;
}

#dsioCssOiDetail .ouverture p strong {
    font-size: 38px;
    font-weight: 600;
    display: block;
    color: #FFF;
}

.pratiqueOrga {
    width: 100%;
    float: none;
    clear: both;
    background: #dfdfdf;
    margin: 0px;
    padding: 0;
}

.pratiqueOrga .pratique {
    display: inline-block;
    width: 54%;
    padding: 3% 3%;
    float: left;
}

.pratiqueOrga .pratique .tarifs,
.pratiqueOrga .pratique .docs,
.pratiqueOrga .pratique .periodes {
    padding-left: 90px;
    position: relative;
    min-height: 90px;
    padding-top: 15px;
}

.pratiqueOrga .pratique .periodes strong {
    font-weight: 600;
}

.pratiqueOrga .pratique .docs a {
    font-weight: 600;
    color: #6b0078;
}

.pratiqueOrga .pratique .docs a:hover {
    font-weight: 600;
    color: #484848;
}

.pratiqueOrga .pratique .tarifs:before {
    content: '';
    background: #6b0078 url("../assets/pictos-divers/detail-euro.png") no-repeat center center;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
}

.pratiqueOrga .pratique .periodes:before {
    content: '';
    background: #6b0078 url("../assets/pictos-divers/detail-clock.png") no-repeat center center;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
}

.pratiqueOrga .pratique .docs:before {
    content: '';
    background: #6b0078 url("../assets/pictos-divers/detail-doc.png") no-repeat center center;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
}

.artiste h2,
.pratiqueOrga .pratique h2 {
    color: #6b0078;
}

.artiste h3,
.artiste a,
.artiste p,
.pratiqueOrga .pratique h3,
.pratiqueOrga .pratique a,
.pratiqueOrga .pratique p {
    color: #484848;
    font-weight: 300;
    font-family: 'Open Sans';
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.pratiqueOrga .pratique h3 {
    font-weight: 600;
}

.pratiqueOrga .organisateur {
    background: #a214b3;
    width: 40%;
    display: block;
    padding: 0 0 20px 0;
    height: 100%;
    float: right;
}

.pratiqueOrga .organisateur h2 {
    background: #6b0078 url("../assets/pictos-divers/detail-smiley.png") no-repeat center 30px;
    padding: 90px 0 0 0;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin: 0;
    border: none;
}

.pratiqueOrga .organisateur .title {
    overflow: hidden;
}

.pratiqueOrga .organisateur .title:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 400px 0 000px;
    border-color: #6b0078 transparent transparent transparent;
    clear: none;
}

.pratiqueOrga .organisateur .content {
    color: #ffffff;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 35px 40px;
}

.pratiqueOrga .organisateur .content h3,
.pratiqueOrga .organisateur .content a,
.pratiqueOrga .organisateur .content p {
    color: #ffffff;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.artiste .content .link,
.pratiqueOrga .organisateur .content .link {
    display: inline-block;
    background: #6b0078;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 0 10px 0 20px;
    margin: 20px 0 0 0;
    height: 34px;
    line-height: 34px;
    position: relative;
}

.artiste .content .link:after,
.pratiqueOrga .organisateur .content .link:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 17px;
    border-color: transparent transparent transparent #6b0078;
    position: absolute;
    left: 100%;
    top: 0px;
}

.articleDsio.description .pratiqueOrga .pratique,
.asideDsio .pratiqueOrga .organisateur {
    width: 100%;
}

.asideDsio .pratiqueOrga .organisateur .title {
    margin: 0;
    padding: 0;
}

.asideDsio .pratiqueOrga .organisateur p {
    line-height: normal;
}

.articleDsio.artiste {
    padding: 30px 3%;
    width: 94%;
}

.articleDsio.artiste .artisteItem {
    clear: both;
}

.articleDsio.artiste h3 {
    color: #6b0078;
    font-weight: 600;
}

.articleDsio.artiste .imgArtiste {
    float: left;
    width: 350px;
    margin: 0 30px 0 0;
    padding: 0;
}

.bandeauPrixEtClassements {
    height: auto;
    border-bottom: solid 1px #dcdad0;
    padding: 35px 0 35px 0;
    margin: 0px 0px 20px 0px;
}

.bandeauPrixEtClassements .tarifRef {
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    line-height: 24px;
    color: #525252;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.bandeauPrixEtClassements .tarifRef span {
    font-weight: 600;
    font-size: 30px;
}

.bandeauPrixEtClassements .restaurantLie,
.bandeauPrixEtClassements .resaEnLigne {
    display: inline-block;
    margin: 0 0 0 20px;
}

.bandeauPrixEtClassements .dates {
    display: block;
    vertical-align: middle;
    height: 100%;
}

.bandeauPrixEtClassements .dates p {
    display: block;
    margin: 0px;
    font-size: 15px;
}

.bandeauPrixEtClassements .dates p:first-letter {
    text-transform: uppercase;
}

.bandeauPrixEtClassements .classementTripadvisor {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    overflow: hidden;
    width: 80px;
}

.bandeauPrixEtClassements .classementTripadvisor .cdsROW.narrow .cdsRating {
    width: 80px;
    text-align: left;
}

.bandeauPrixEtClassements .classementTripadvisor .cdsROW.narrow .cdsRating img {
    margin: 0px 0px 8px 0px;
}

.bandeauPrixEtClassements .classementTripadvisor .cdsROW.narrow .logo {
    display: none;
}

.bandeauPrixEtClassements .classementTripadvisor .cdsROW.border {
    border: none;
}

.bandeauPrixEtClassements .classementTripadvisor .wwctpW {
    display: none;
}

.bandeauPrixEtClassements .classementTripadvisor .cdsROW .cdsLocName {
    padding-bottom: 8px;
}

.bandeauPrixEtClassements .classementTripadvisor {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    overflow: hidden;
    width: 80px;
}

.bandeauPrixEtClassements .classementTripadvisor .cdsROW .cdsLocName a {
    /*background:url(/lae/public1.0/img/site/tripadvisor.png) no-repeat left center;*/
    padding: 0 0 0 36px;
    height: 22px;
    width: 0;
    overflow: hidden;
    display: block;
}

.bandeauPrixEtClassements .resaEnLigne a {
    /*background:url(../assets/fonds/resa.png) no-repeat center 5px;*/
    width: 50px;
    padding: 50px 0 0 0;
    height: 25px;
    display: block;
    color: #43731c;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    font-family: 'Ubuntu Condensed', Arial;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
}

.bandeauPrixEtClassements .restaurantLie a {
    /*background:url(../assets/fonds/fiche-restau.png) no-repeat center 5px;*/
    width: 60px;
    padding: 50px 0 0 0;
    height: 25px;
    display: block;
    color: #43731c;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    font-family: 'Ubuntu Condensed', Arial;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
}

.bandeauPrixEtClassements .restaurantLie:hover,
.bandeauPrixEtClassements .resaEnLigne a:hover {
    opacity: 0.8;
}

.article {
    width: 100%;
}

.article .classementsLabel {
    float: left;
    height: auto;
    display: block;
    vertical-align: middle;
    padding-top: 20px;
}

.article .classementsLabel img {
    margin: 0px 20px;
    padding: 0;
    display: inline-block;
    height: auto;
    width: auto;
    vertical-align: middle;
}

/*.article .infosPratique {
  white-space:pre-wrap;
}*/
.article .description p {
    font-size: 14px;
    white-space: pre-wrap;
}

.article .description p strong {
    display: block;
    margin-bottom: 10px;
}

.article .descriptionPlus {
    display: none;
}

.article .lirePlusDescription {
    font-size: 14px;
    white-space: pre-wrap;
}

.article h2 {
    color: #5A5A5A;
    border-bottom: solid 1px #A0A0A0;
    font-family: 'Open Sans', Arial;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding: 20px 0 0 0;
}

.article .offre .attribut,
.article .offre .oneTarif {
    margin-bottom: 0px;
}

.article.offre {
    margin-top: 20px;
    padding: 40px 20px 20px 20px;
    width: auto;
    background-color: #F8F8F8;
    position: relative;
    min-width: 50%;
    width: 100%;
}

.article.offre:nth-child(2n+1) {
    background-color: transparent;
}

.article.offre h2 {
    margin: 0 0 0 0;
    border-bottom: none;
}

.article.offre h2 img {
    margin: 0 0 0 5px;
}

.article.offre .categorie {
    background: #96bb1f;
    color: #FFF;
    display: inline-block;
    padding: 5px 20px 5px 20px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.article.offre .diaporamaLaetis {
    width: 250px;
    height: 160px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.article.offre .diaporamaLaetis .rsImg {
    display: none;
}

.article.offre .diaporamaLaetis .rsSlide .rsImg {
    display: block;
}

.article.offre .clearfix {
    clear: both;
}

.article.offre {
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    font-weight: 400;
    color: #3c3c3c;
    line-height: 20px;
    margin: 20px 0 15px 0;
    text-align: left;
}

.article.offre .singleImg {
    width: 250px;
    float: left;
    margin: 5px 15px 15px 0;
}

.article.offre .encartInfosPratiques h3,
.article.offre .listCaracteristiques h3,
.article .offre h3 {
    margin-top: 20px;
}

.mediaPDF li {
    color: #759315;
}

#offresDetail {
    /*background: url(/lae/public1.0/img/site/article_slider_fond.png) repeat-x center top;*/
    padding: 0;
    margin: 0 0 20px 0;
}

.article.offre .lib_des {
    white-space: pre-wrap;
}

/**
 * Contexte
 **/
#dsioDetailContextListe {
    margin: 0px 75px;
    padding: 0 0 0 0;
}

#oiDetailContextListCarousel {
    width: 100%;
    height: 260px;
}

#oiDetailContextListCarousel .oiDetailContextListItem {
    cursor: pointer;
    width: inherit;
    margin: 5px 5px 20px 5px;
    /* width:225px;
     padding:5px 5px 20px 5px;*/
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#oiDetailContextListCarousel .oiDetailContextListItem:hover {
    background: #F4F4F4;
}

#oiDetailContextListCarousel .img {
    width: 225px;
    height: 140px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}

.oiDetailContextListItem p span.classement img {
    vertical-align: top;
    margin: 0px 0 0 10px;
    max-height: 15px;
    width: inherit;
}

#oiDetailContextListCarousel .owl-wrapper-outer {
    overflow: hidden !important;
}

#oiDetailContextListCarousel .owl-prev {
    position: absolute;
    top: 50px;
    left: -35px;
}

#oiDetailContextListCarousel .owl-next {
    position: absolute;
    top: 50px;
    right: -35px;
}

#oiDetailContextListCarousel .owl-next .fa,
#oiDetailContextListCarousel .owl-prev .fa {
    font-size: 48px;
    color: #878787;
}

#dsioDetailContextListe .titleAutresResultats {
    font-family: 'Ubuntu Condensed', Arial;
    text-transform: uppercase;
    font-weight: 400;
    color: #bbb7b0;
    font-size: 20px;
    margin: 40px 0 30px 0;
}

#dsioDetailContextListe .img {
    background-size: cover;
}

#dsioDetailContextListe .noImg {
    background: #E5E5E5 url(../assets/messages/visuel-non-disponible-liste_fr.png) no-repeat center center;
    background-size: auto;
}

#dsioDetailContextListe .loader {
    /*background: #E5E5E5 url(../assets/fonds/img-loading.gif) no-repeat center center;*/
}

#oiDetailContextListCarousel h3 {
    font-family: 'Open Sans', Arial;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
    color: #3c3c3c;
    font-size: 13px;
    margin: 0 0 5px 0;
    padding: 0 5px;
}

#oiDetailContextListCarousel p {
    color: #85a51e;
    font-family: 'Open Sans', Arial;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 13px;
}

#oiDetailContextListCarousel p .classement {
    font-size: 10px;
    padding-right: 10px;
    border-right: solid 1px #85a51e;
    margin: 0 10px 0 0;
}

/** BANDEAU OFFRE **/
.article .sliderOffre a.enSavoirPlus {
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
}

.article .sliderOffre a.enSavoirPlus:after {
    content: ' +';
}

.article.sliderOffre h3,
.article .sliderOffre h3 {
    padding: 15px 0px 15px 0px;
}

/** BANDEAU OFFRE FEDEREES **/
.offresFederees .offreFederee {
    width: 30%;
    height: 140px;
    float: left;
    margin-bottom: 10px;
    margin-right: 1%;
}

.offresFederees .offreFederee figure {
    width: 130px;
    height: 95px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
}

.offresFederees .offreFederee img {
    width: 100%;
    margin: 0px;
}

.article .offresFederees .offreFederee h3 {
    font-size: 13px;
}

.article .offresFederees .offreFederee p {
    font-size: 12px;
    margin: 0px 0 10px 0;
}

.article .offresFederees .offreFederee .enSavoirPlus {
    font-size: 12px;
}

/* DETAIL CIRKWI */
#cdf .cdf_module_fleche_consultation_circuit {
    display: none;
}

.cdf_module_cellule_droite.cdf_module_icone_suivant,
.cdf_module_cellule_droite.cdf_module_icone_precedent,
.cdf_module_icone_fond_carte.cdf_module_icone_bordure_hover,
.cdf_module_icone_triangle.cdf_module_icone_bordure_hover,
.cdf_module_icone_lien.cdf_module_icone_bordure_hover {
    display: none;
}

#ecranUser .cdf_module_barre_haut .cdf_module_fleche a div.cdf_sprite_menu {
    /*background: url("../assets/fonds/retour-cirkwi.png") no-repeat center center;*/
    padding: 0 0 0 71px;
    overflow: hidden;
    height: 14px;
    border: none;
}

#ecranUser .cdf_module_barre_haut li {
    height: 30px;
}

#ecranUser #cdf .cdf_ul_menu,
#ecranUser .cdf_module_barre_haut {
    height: auto;
}

#ecranUser #cdf .cdf_module .cdf_module_info h2 {
    font-family: 'Ubuntu', Arial;
    font-size: 35px !important;
    color: #FFF;
    height: auto;
    font-weight: 300;
}

#cdf .cdf_module_liste_onglet .cdf_onglet_etape .cdf_corp_etape .cdf_etape_info h3 {
    font-family: 'Open Sans';
}

#cdf .cdf_module_liste_bouton .cdf_module_bouton p {
    width: 140px;
}

#cdf #cdf_module_consultation p {
    font-size: 12px;
    font-family: 'Open Sans';
}

#ecranUser #cdf .cdf_module .cdf_module_info p {
    color: #FFF;
}

#cdf .cdf_module_liste_onglet .cdf_onglet h2 {
    font-family: 'Ubuntu', Arial;
    font-size: 25px !important;
    font-weight: 300;
}

.cdf_module_info_gauche,
.cdf_module_liste_onglet,
.cdf_module_liste_bouton {
    width: 100%;
    max-width: 1024px;
    min-width: 980px;
    margin: auto !important;
    float: none !important;
}

.cdf_module_info {
    width: 100%;
    height: 82px;
    /*background: url(/lae/public1.0/img/site/bloc-titre_fond-vert.png) repeat-x top center;*/
}

#pratiqueOrga {
    width: 100%;
    float: none;
}

#detail_offres {
    padding: 30px 0;
    height: 600px;
    overflow: hidden;
}

#detail_offres h2 {
    color: #2e2d30;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 30px 0;
}

.owl-carousel.owl-carousel-offre {
    width: 90%;
    margin: 0 5%;
}

.owl-carousel-offre .owl-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -25px;
}

.owl-carousel-offre .owl-controls .owl-prev,
.owl-carousel-offre .owl-controls .owl-next {
    font-size: 50px;
    color: #2e2d30;
    line-height: 50px;
    height: 50px;
    position: absolute;
    padding: 10px;
}

.owl-carousel-offre .owl-controls .owl-nav {
    position: relative;
}

.owl-carousel-offre .owl-controls .owl-prev {
    /*right: 100%;*/
    left: -40px;
}

.owl-carousel-offre .owl-controls .owl-next {
    /*left: 100%;*/
    right: -40px;
}

.owl-carousel-offre .item {
    background: #eeeeee;
    height: 420px;
    cursor: pointer;
}

.owl-carousel-offre .item .header {
    height: 70px;
    padding: 15px 25px;
}

.owl-carousel-offre .item .date,
.owl-carousel-offre .item .categorie {
    color: #af007d;
    font-size: 16px;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
}

.owl-carousel-offre .item .date i {
    margin: 0 5px;
}

.owl-carousel-offre .item .commune {
    display: block;
    color: #86a607;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 30px 25px 0 25px;
    line-height: 22px;
}

.owl-carousel-offre .item .commune:before {
    content: '\f041';
    font-family: FontAwesome;
    margin: 0 10px 0 0;
    font-size: 22px;
    float: left;
}

#bodyDetail .owl-carousel-offre .item .title {
    display: block;
    color: #26282d;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px 25px 20px 25px;
    line-height: 21px;
}

.owl-carousel-offre .item .img {
    height: 200px;
    width: 100%;
    position: relative;
}

.owl-carousel-offre .item .img:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #af007d url("../assets/fonds/plus-offre.png") no-repeat center center;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin: 0 0 0 -15px;
}

.owl-carousel-offre .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#detail_ot {
    background: #f0eceb;
    text-align: center;
    padding: 30px 20px 45px 20px;
}

#detail_ot h2 {
    color: #1a1a1a;
    font-weight: 400;
    font-size: 22px;
    text-transform: none;
    text-align: center;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
    padding: 0 0 30px 0;
}

#detail_ot h3 {
    color: #86a607;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
    padding: 0;
}

#detail_ot p {
    color: #2e2e2e;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
}

#detail_ot a {
    background: #86a607;
    display: inline-block;
    text-align: center;
    height: 34px;
    line-height: 34px;
    padding: 0 34px;
    color: #FFF;
}

#detail_avis {
    background: #f0eceb;
    padding: 0 20px 40px 20px;
}

#detail_avis #CDSWIDSSP {
    width: 100% !important;
}

#detail_avis .TA_selfserveprop {
    margin: auto;
    width: 100%;
    max-width: 600px;
}

#detail_gallerie {
    padding: 20px 20px;
}

#detail_gallerie {
    text-align: center;
    padding: 50px 0;
}

.openSliderButton {
    background: #000;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

#bandeauHautDetail .detailSearch .leaflet-popup-content {
    margin: 10px 0;
}

#bandeauHautDetail .dsioDetailMarkerPopup .proxi,
#bandeauHautDetail .dsioDetailMarkerPopup .iti {
    color: #7a7a7a;
    font-size: 14px;
    line-height: 16px;
    font-family: ubuntu, Arial, Helvetica, sans-serif;
    font-weight: 400;
    width: 130px;
    padding: 15px 0;
    display: inline-block;
    text-align: center;
    height: auto;
}

#bandeauHautDetail .dsioDetailMarkerPopup .proxi {
    display: none;
}

#bandeauHautDetail .dsioDetailMarkerPopup a:before {
    content: '';
    height: 40px;
    width: 40px;
    display: block;
    margin: auto auto 5px auto;
}

#bandeauHautDetail .dsioDetailMarkerPopup .iti:before {
    background: url("../../assets/fonds/iti-vers.png") no-repeat center center;
}

#bandeauHautDetail .dsioDetailMarkerPopup .proxi:before {
    background: url("../../assets/fonds/a-proximite.png") no-repeat center center;
}

#bandeauHautDetail .leaflet-popup {
    bottom: 25px !important;
}

#bandeauHautDetail .dsioDetailMarkerPopup .iti:hover:before {
    /*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    -moz-transform:rotate(120deg); -moz-transform:skewx(25deg) translatex(150px);
    -webkit-transform:rotate(120deg);
    -o-transform:rotate(120deg);
    -ms-transform:rotate(120deg);*/
}

#bandeauHautDetail .leaflet-popup-content-wrapper,
#bandeauHautDetail .leaflet-popup-tip {
    /*box-shadow: 0 0 3px #666;*/
    border-radius: 0;
}

/* table granule */
.table-granule {
    border-collapse: collapse;
    width: 100% !important;
    color: #666666;
}

.table-granule__head th,
.table-granule__day td,
.table_complement {
    border: 1px solid #b8b8b8;
    padding: 0 5px;
}

.table-granule__head th,
.table-granule__day td {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.table-granule__head th {
    padding: 5px;
    min-width: 250px;

}

.table-granule__day--closed {

    /*color: #5f5f5f;
    background-color: #f7f7f7;*/
}

.table-granule .table-granule__day--closed.invisible {
    visibility: hidden;
    display: table-cell;
}

.table-granule__day--current {
    font-weight: 800;
}

.table-granule__time,
.table-granule__fullDay {
    text-align: center;
}

.table-granule__dayName {
    width: 20%;
}

.table-granule__fullDay {

}

.table-granule__time {
    width: 45%;
}

@media (max-width: 850px) {
    .msry .lae-col-6 {
        width: 40%;
    }

    #filArianeInterne p, #filArianeInterne a {
        padding: 0 20px 0px 0;
    }
}

@media (max-width: 768px) {
    #detail_contactResa .f-rgt {
        float: none;
        display: block;
        padding: 0;
        border: none;
    }

    #filArianeInterne .f-rgt strong,
    #filArianeInterne .f-rgt span {
        display: none;
    }

    .centree {
        min-width: initial;
    }

    #dsioCssOiDetail .diaporama.photo {
        float: none;
        margin: 0 auto;
    }

    #dsioCssOiDetail .blocMediaContact {
        height: 100%;
    }

    .msry .lae-col-6 {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .mobileOn {
        display: block !important;
    }

    #filArianeInterne .resa.mobileOn {
        display: inline-block !important;
        width: 50%;
        height: 54px;
        padding: 0;
        margin: 0;
        float: right;
    }

    #filArianeInterne .resa.mobileOn a {
        line-height: 54px;
        height: 54px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        text-align: left;
        padding: 0 20px;
    }

    #filArianeInterne .resa.mobileOn .pc-add-blc:after {
        height: 54px;
        line-height: 54px;
    }

    #dsioOiDetailPlayerMediaList, #dsioCssOiDetail .tfoInfosColMedias, #dsioCssOiDetail .diaporama.photo {
        width: 100%;
        max-width: 535px;
    }

    #dsioCssOiDetail .coords {
        max-width: 600px;
        width: 100%;
        float: none;
    }

    .introduction .coords div.contener {
        top: 20px;
    }

    .articleDsio .description {
        padding: 20px;
    }

    .asideDsio {
        float: none;
        padding-top: 25px;
    }

    .pratiqueOrga .pratique, .pratiqueOrga .organisateur {
        float: none;
        width: 100%;
    }

    .owl-carousel-offre .owl-controls {
        display: none;
    }

    .owl-carousel-offre .item .img {
        height: 150px;
    }

    .owl-carousel-offre .item {
        height: 385px;
    }

    #filArianeInterne ul {
        padding: 0 0 0 0px;
        margin: 0;
        text-align: center;
    }

    #filArianeInterne .f-lft a {
        line-height: 54px;
        height: 54px;
    }

    #filArianeInterne .f-lft {
        display: none;
    }

    /*#filArianeInterne .f-lft,*/
    #filArianeInterne .f-rgt {
        float: none;
        display: inline-block;
    }

    #filArianeInterne .f-rgt a {
        line-height: 54px;
        height: 54px;
        text-align: center;
    }

    #filArianeInterne .f-rgt p, #filArianeInterne .f-rgt a {
        padding: 0 10px;
    }

    #filArianeInterne .f-rgt p, #filArianeInterne .f-rgt a {
        margin: 0;
    }
}

@media (max-width: 400px) {
    #filArianeInterne .resa.mobileOn {
        width: 45%;
    }

    #filArianeInterne .f-rgt a {
        padding: 0 7px;
    }
}

@media (min-width: 768px) {
    #filArianeInterne.sticky {
        z-index: 100;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #ffffff;
        box-shadow: 0px 0px 10px 0px #4c4c4c;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .23);
    }

    body.toolbar-fixed.toolbar-horizontal #filArianeInterne.sticky,
    body.toolbar-fixed.toolbar-vertical #filArianeInterne.sticky {
        top: 39px;
    }

    body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open #filArianeInterne.sticky {
        top: 80px;
    }

}
.sansLogo {
    background-color: #f0eceb;
    border-radius: 5px;
    color: #1a1a1a;
    padding: 10px 15px;
}
#detail_descriptif .logos img {
    max-width: 70px;
    margin: 0 auto!important;
}
.logos  .libelle {
    font-size: 1.3rem;
}