/* - SKIN SOUS-NIVEAU - */
/* Reset */

button:focus {
    outline: 0!important;
}
.TitreLightGris50{
    text-transform: initial!important;
}
/* Fin Reset */

/* BE Liste */

#BeListe.be-w{
    background: #2a2a2a;
}

.jaipasdimagination{
    opacity:0!important;
}

ul.container.ddr-cat-left {
    margin-top: 20px;
}

.monPrixPromo{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-around;
    width: 40%;
    align-items: center;
    margin: 0 auto;
}

.monPrixPromo span.stroked, .monPrixPromo span.value.stroked-value{
    color: red!important;
}

/** BE EveryWhere  */

#BE_everyWhere .descBE, #BE_everyWhere div#containerBE,
#BE_everyWhere .co-widget-container {
    background: none!important;
}

#BE_everyWhere .co-widget-i-calendar {
    top: auto!important;
}

#BE_everyWhere .co-widget .co-widget-styled.co-widget-chevron-down:before {
    margin: auto!important;
}


#BeListe .be-w_wrap{
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    background: #2a2a2a;
    justify-content: space-between;
    padding: 20px 0 0 0;
    width: 1370px;
    margin: 0 auto;
}

#BeListe #ConstellationWidget {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    background: none!important;
    padding: 0!important;

}

#BeListe .descBE {
    position: relative;
    background: #2a2a2a;
    width: 330px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: column;
    margin: 0 auto;
}

#BeListe span.pictosBE {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
}

#BeListe span.titreBE {
    font-size: 22px;
    font-family: Heebo;
    font-weight: bold;
    color: #fff;
    display: block;
    margin: 10px 0;
    text-align: center;
}

#BeListe .co-widget-title {
    display: none!important;
}

#BeListe .co-widget .co-widget-type ul li.active i{
    color: #171717!important
}

#BeListe div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-type ul li a {
    color: #fff !important;
    line-height: 50px;
    padding: 0!important;
}

#BeListe div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-type ul li {
    color: #fff!important;
    background: #171717!important;
}

#BeListe div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-type ul li:hover {
    color: #171717!important;
    background: #fff;
}

#BeListe .co-widget .co-widget-type ul li{
    height: 50px!important;
    margin: 0 1px!important;
}

#BeListe .co-widget-type ul li.active {
    background: #fff !important;
}
#BeListe .co-widget-type ul li.active a{
    color: #171717!important;
    line-height: 50px;
    padding: 0;
}

#BeListe .co-widget .co-widget-date{
    padding: 0 10px!important;
}

.BeListe .co-widget > div:not([class*=co-widget-title]):not([class*=co-widget-type]):not([class*=co-widget-container]),
.BeListe .co-widget > .co-widget-container > div:not([class*=co-widget-title]):not([class*=co-widget-type]):not([class*=co-widget-container]){
    padding: 0 20px 0 0!important;
}

#BeListe div[data-widget-id="6d8255cd-2859-47be-81df-4b68fdab91f8"] .co-widget #BtnLaunchBooking{
    background: #0077ff!important;
}

#BeListe div#containerBE {
    padding: 0!important;
    position: relative;
    margin: 0 auto!important;
    width: 1000px;
    background: #2A2A2A;
    padding: 20px 0 0 0!important;
    display: block;
}

#BeListe div[data-widget-id="6d8255cd-2859-47be-81df-4b68fdab91f8"] .co-widget .co-widget-btn-resume-capa {
    background: #fff!important;
    color: #0077ff!important;
    font-weight: 600;
    font-family: Heebo!important;
    font-size: 12px;
}

#BeListe .co-widget-container{
    padding: 15px 1px 10px 1px!important;
}

#BeListe .wrap_paiement {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row-reverse;
}

#BeListe span.texteBE {
    font-style: italic;
    font-size: 11px;
    text-align: center;
    display: block;
    color: #747474!important;
}

#BeListe span.pictosBE img {
    width: 100px;
}

#BeListe .co-widget .co-widget-container{
    /*background: #fff!important;*/
    margin: 0 auto;
}

#BeListe .co-widget input, .co-widget select, .co-widget .co-widget-styled{
    border: 0!important;
    border-bottom: 1px solid rgba(0,0,0,0.1)!important;
    height: 45px!important;
    font-family: Heebo!important;
    font-weight: 400;
    color: #0077ff!important;
}

#BeListe div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget-occupancy-define label, div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-styled select {
    color: #0077ff!important;
    font-family: Heebo!important;
    font-weight: 400;
    font-size: 16px!important;
}

#BeListe .co-widget .co-widget-date #FieldDate::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #0077ff!important;
}
#BeListe .co-widget .co-widget-date #FieldDate::-moz-placeholder { /* Firefox 19+ */
    color: #0077ff!important;
}
#BeListe .co-widget .co-widget-date #FieldDate:-ms-input-placeholder { /* IE 10+ */
    color: #0077ff!important;
}
#BeListe .co-widget .co-widget-date #FieldDate:-moz-placeholder { /* Firefox 18- */
    color: #0077ff!important;
}

#BeListe div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-btn-resume-capa, #ConstellationWidget input[attribute=value]{
    background: #fff!important;
    font-family: Heebo!important;
    color: #0077ff!important;
    height: 45px;
    font-size: 12px!important;
    border-bottom: 1px solid rgba(0,0,0,0.1)!important;
    font-weight: 600!important;
}

#BeListe div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget #BtnLaunchBooking{
    background: #0077ff!important;
    text-transform: initial!important;
    height: 45px!important;
}

#BeListe .co-widget input, .co-widget select{
    font-size: 16px;
}

#BeListe .co-widget .co-widget-styled.co-widget-chevron-down:before {
    color: inherit;
    float: right;
    margin-top: 0!important;
    margin-right: 0!important;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 5px;
}

#BeListe .co-widget-i-calendar{
    top: 50%!important;
    transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    -moz-transform: translateY(-50%)!important;
    -o-transform: translateY(-50%)!important;
    font-size: 16px;
    right: 20px!important;
}

/* DETAIL OI */
.detail-oi {
    padding-top: 85px;
}
/*.diapo-light-w .right-part img{
    height: 525px;
}*/
.detail-oi .diapo-light-w,
.detail-oi .diapo-full-w {
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.detail-oi .diapo-full-w {
    height: auto;
    overflow: hidden;
    padding: 0;
    margin-bottom: 50px;
}
.detail-oi .diapo-light-w .left-part,
.detail-oi .diapo-full-w .left-part,
.detail-oi .diapo-light-w .right-part,
.detail-oi .diapo-full-w .right-part {
    display: inline-block;
    margin-right: -4px;
    height: 100%;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.detail-oi .diapo-full-w .left-part,
.detail-oi .diapo-full-w .right-part{
    height:500px;
}

.detail-oi .diapo-full-w .left-part,
.detail-oi .diapo-light-w .left-part {
    position: relative;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.detail-oi .diapo-full-w .right-part {
    position: relative;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

    .detail-oi .diapo-full-w .right-part .diapo-full, .diapo-light-w .slider {
        margin: 0;
        height: 100%;
    }

        .diapo-light-w .slider li{
            height: 524px;
        }
        .detail-oi .diapo-full-w .right-part .diapo-full .slick-list,
        .detail-oi .diapo-full-w .right-part .diapo-full .slick-list .slick-track,
        .detail-oi .diapo-full-w .right-part .diapo-full .item {
            height: 100%;
        }
.detail-oi .diapo-full-w .right-part .diapo-full .slick-dots {
    bottom: 85px;
}

.detail-oi .diapo-light-w .right-part .slider .slick-dots {
    bottom: 85px;
}

.detail-oi .diapo-full-w .right-part .arrow,
.detail-oi .diapo-light-w .right-part .arrow,
.detail-oi.agenda #Infos_OI_light_droite .slider .arrow {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 80px;
    cursor: pointer;
}
.detail-oi .diapo-full-w .right-part .arrow.prev,
.detail-oi .diapo-light-w .right-part .arrow.prev {
    left: 70px;
}
.detail-oi .diapo-full-w .right-part .arrow.next,
.detail-oi .diapo-light-w .right-part .arrow.next {
    right: 70px;
}

.detail-oi.agenda #Infos_OI_light_droite .slider .arrow{
    font-size:50px;
}

.detail-oi.agenda #Infos_OI_light_droite .slider .arrow.prev{
    left:20px;
}

.detail-oi.agenda #Infos_OI_light_droite .slider .arrow.next{
    right:20px;
}

.detail-oi.agenda #Infos_OI_light_droite .slider .slick-dots {
    bottom: -25px;
    margin: 0;
}

.detail-oi.agenda #Infos_OI_light_droite .slider .slick-dots li{
    background:#b9b9b9;
    border:none;
}

.detail-oi.agenda #Infos_OI_light_droite .slider .slick-dots li.slick-active{
    background:#161616;
}

.detail-oi .diapo-full-w .right-part .diapo-full .slick-dots li,
.detail-oi .diapo-light-w .right-part .slider .slick-dots li {
    border: none;
    background: rgba(255, 255, 255, 0.5);
}
.detail-oi .diapo-full-w .right-part .diapo-full .slick-dots li.slick-active,
.detail-oi .diapo-full-w .right-part .diapo-full .slick-dots li:hover,
.detail-oi .diapo-light-w .right-part .slider .slick-dots li.slick-active,
.detail-oi .diapo-light-w .right-part .slider .slick-dots li:hover {
    background: #fff;
}

.detail-oi .diapo-full-w .right-part .encarts, .detail-oi .right-part .encarts{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.detail-oi .diapo-full-w .right-part .encarts .coup-coeur{
    background:#FFDE00;
    padding:20px;
    display:inline-block;
    margin-right: -2px;
}

.detail-oi .diapo-full-w .right-part .encarts .coup-coeur p{
    display:inline-block;
    text-transform:uppercase;
    font-weight:bold;
    margin:0;
    font-size:19px;
    color:#000;
    line-height: 12px;
    vertical-align:middle;
}

.detail-oi .diapo-full-w .right-part .encarts .coup-coeur span{
    text-transform:none;
    font-weight:normal;
    font-size:15px;
}

.detail-oi .diapo-full-w .right-part .encarts .voir-video, .detail-oi .right-part .encarts .voir-video{
    color:#fff;
    background:#171717;
    padding:23px 27px 27px 27px;
    display:inline-block;
    margin-right: -2px;
    font-weight: bold;
    cursor:pointer;
}

.detail-oi .diapo-full-w .right-part .encarts .voir-video p, .detail-oi .right-part .encarts .voir-video p{
    margin:0;
    display:inline-block;
    font-size:16px;
}

.detail-oi .diapo-full-w .left-part  .back-to-list,
.detail-oi .diapo-light-w .left-part .back-to-list{
    position: absolute;
    left:20px;
    top:20px;
    color: #747474;
    text-transform: uppercase;
    font-size: 13px;
}

.detail-oi .diapo-full-w .left-part  .back-to-list em,
.detail-oi .diapo-light-w .left-part .back-to-list em{
    margin-right:5px;
}

.detail-oi .map {
    position: relative;
    margin: 0 auto;
    background-color:transparent;
    width:135px;
    pointer-events:none;
}

.detail-oi .marker {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  color: transparent;
  border-radius: 10px;
  background-color: #0077FF;
  background-color: white;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
}

.detail-oi .marker:after {
  content: ' ';
  position: absolute;
  left:-5px;
  top:-5px;
  border: 1px solid white;
  box-shadow: 0 0 10px white;
  border-radius: 20px;
  height: 20px;
  width: 20px;
  opacity: 0;
  -webkit-animation: pulsate 1.86s ease-out;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 0.4;}
  100% {-webkit-transform: scale(1.6, 1.6); opacity: 0.0;}
}

.detail-oi .marker:hover {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
}

#svg-container path:hover{fill:#0077FF;transition:0.5s fill;}

.map path{
    cursor: pointer;
}

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

  #cities{height:97%;/*display:none;*/}

  .marker{
    width: 6px;
    height: 6px;
  }

  .marker:after {
    width: 10px;
    height: 10px;
    left:-2px;
    top:-2px;
  }
}

.detail-oi .diapo-full-w .left-part .infos-w,
.detail-oi .diapo-light-w .left-part .infos-w {
    text-align: center;
}

.detail-oi .diapo-full-w .left-part .infos-w .type-commune,
.detail-oi .diapo-light-w .left-part .infos-w .type-commune {
    font-size: 16px;
    color: #747474;
    font-weight: bold;
    margin: 15px 0;
}
.detail-oi .diapo-full-w .left-part .infos-w .title,
.detail-oi .diapo-light-w .left-part .infos-w .title {
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
    color: #000;
    margin: 0;
}
.detail-oi .diapo-full-w .left-part .infos-w .stars,
.detail-oi .diapo-light-w .left-part .infos-w .stars {
    color: #000;
    font-size: 40px;
    font-weight: bold;
}
.detail-oi .diapo-full-w .left-part .infos-w .contacts,
.detail-oi .diapo-light-w .left-part .infos-w .contacts {
    margin-top: 35px;
}
.detail-oi .diapo-full-w .left-part .infos-w .contacts .contacts-title,
.detail-oi .diapo-light-w .left-part .infos-w .contacts .contacts-title,
.detail-oi.agenda .no-affiche-w .contacts .contacts-title{
    display: none;
}

.detail-oi.agenda .no-affiche-w .contacts{
    margin-bottom:50px;
}

.detail-oi .diapo-full-w .left-part .infos-w .contacts .contacts-list,
 .detail-oi .diapo-light-w .left-part .infos-w .contacts .contacts-list,
.detail-oi.agenda .no-affiche-w .contacts .contacts-list {
    margin: 0;
}

.detail-oi .diapo-full-w .left-part .infos-w .contacts .contacts-list li,
.detail-oi .diapo-light-w .left-part .infos-w .contacts .contacts-list li,
.detail-oi.agenda .no-affiche-w .contacts .contacts-list li {
    display: inline-block;
    margin-right: 6px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    padding: 10px;
    vertical-align: top;
    background: #000;
}
.detail-oi .diapo-full-w .left-part .infos-w .contacts .contacts-list li a,
.detail-oi .diapo-light-w .left-part .infos-w .contacts .contacts-list li a,
.detail-oi.agenda .no-affiche-w .contacts .contacts-list li a {
    margin-top: 5px;
    display: block;
    font-size: 12px;
    line-height: 11px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.detail-oi .diapo-full-w .left-part .infos-w .contacts .contacts-list li a.symbol,
.detail-oi .diapo-light-w .left-part .infos-w .contacts .contacts-list li a.symbol,
.detail-oi.agenda .no-affiche-w .contacts .contacts-list li a.symbol {
    font-size: 26px;
}

.detail-oi .diapo-full-w .left-part .infos-w .prix-a-partir{
    margin-top:20px;
}

.detail-oi .diapo-full-w .left-part .infos-w .prix-a-partir .wording{
    color:#747474;
    font-size:20px;
    font-weight:bold;
}

.detail-oi .diapo-full-w .left-part .infos-w .prix-a-partir .value{
    color:#000;
    font-size:25px;
    font-weight:bold;
}

.detail-oi .diapo-full-w .left-part .infos-w .dispos .wording{
    font-style:italic;
    font-size:13px;
    font-weight:bold;
    margin-bottom: 11px;
    display: inline-block;
}

.detail-oi .diapo-light-w .right-part {
    overflow: hidden;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.detail-oi .map-w {
    margin-bottom: 50px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.detail-oi .version-green{
    margin: 20px 0 0px 0;
    border-top: 1px solid #e6e6e6;
    padding: 14px 0 0 0;
}

.detail-oi .version-green .wording{
    font-weight:bold;
    color: #000;
    margin-left:10px;
    font-size:14px;
}

.detail-oi .version-green .text{
    margin-top:10px;
    margin-bottom: 0;
}

.detail-oi .version-affaires{
    margin:20px 0;
}

.detail-oi .version-affaires {
    padding: 14px 0;
    margin: 10px 0 25px 0;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}

.detail-oi .version-affaires .img{
    margin-right: 15px;
    display: inline-block;
    max-width: 16%;
    vertical-align: middle;
}

.detail-oi .version-affaires .wording{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    display: inline-block;
    width: 81%;
    vertical-align: middle;
}

.detail-oi .version-affaires .wording .lien{
    color:#0077ff;
}

.voir-aussi-detail-poi {
    overflow: hidden;
    margin-top: 50px;
}
.voir-aussi-detail-poi .title {
    font-size: 40px;
    color: #000;
    font-weight: bold;
}
.voir-aussi-detail-poi .title .small {
    font-size: 20px;
}
.voir-aussi-detail-poi .poi .image_poi {
    position: relative;
    overflow: hidden;
    height: 900px;
}
.voir-aussi-detail-poi .poi .image_poi .gradient {
    position: absolute;
    top: 0;
    width: 100%;
    background: url(img/map-gradient.png) repeat-x;
    height: 203px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 2;
}
.voir-aussi-detail-poi .poi .image_poi img {
    width: 100%;
    z-index: 1;
}
.detail-oi .detail-nav{
    margin-bottom:35px;
}

.detail-oi .detail-nav .list{
    font-size:18px;
    font-weight:bold;
    display:none;
}

.detail-oi .detail-nav .list .item{
    display:inline-block;
    margin-right: 28px;
}

.detail-oi .detail-nav .list .item .link{
    color:#0077ff;
}

.detail-oi .detail-nav .list .item .link:hover,
.detail-oi .detail-nav .list .item .link.active{
    color:#000;
    border-bottom:1px solid #b9b9b9;
    padding-bottom:10px;
}

.detail-oi .sel-box{
    position:relative;
    display:block;
}

.detail-oi #select{
    display: block;
    width: calc(100% - 12px);
    padding: 12px 0 12px 12px;
    background: #0177FF;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.detail-oi #select .symbol{
    float:right;
    margin-right:12px;
    font-size:24px;
    font-weight:bold;
}

.detail-oi .toc-odd{
    background: #f1f1f1;
    width: 100%;
    display: none;
    margin: 0;
}
.detail-oi .toc-odd li{
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
}

.detail-oi .toc-odd li a{
    padding: 12px 0 12px 12px;
    display:block;
    width: calc(100% - 12px);
}

.bp-cat .infos-bp .libelle-presta{
    color:#171717;
    font-size:14px;
}

.bp-cat .infos-bp .pastille{
    font-size:30px;
    font-weight:bold;
    color:#171717;
    margin-left:10px;
}

.bp-cat .infos-bp .date{
    color:#171717;
    font-size:15px;
    font-weight:bold;
}

.bp-cat .infos-bp .date.red{
    color:#f50f0f;
    margin-left: 10px;
    font-weight: normal;
}

.detail-oi .container-black-title{
    margin-top:45px;
}

.detail-oi .chambres{

}

.detail-oi .chambres .chambre .left-part,
.detail-oi .chambres .chambre .right-part{

}

.detail-oi .chambres .chambre .left-part{
    position:relative;
    overflow:hidden;
}

.detail-oi .chambres .chambre .left-part img{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);

}

.detail-oi .chambres .chambre .right-part{
    background: #171717;
    color: #fff;
    padding:30px 45px;
}

.detail-oi .chambres .chambre .right-part .titre-chambre{
    margin:0;
    padding-top:25px;
    font-size:30px;
    font-weight:bold;
    color:#fff;
}

.detail-oi .chambres .chambre .right-part .capacites{
    margin:0;
    font-size:16px;
}

.detail-oi .chambres .chambre .right-part .capacites li{
    display:inline-block;
}

.detail-oi .chambres .chambre .right-part .capacites li:after {
    content: "/";
    margin-left:5px;
}

.detail-oi .chambres .chambre .right-part .capacites li:last-child:after {
    content: "";
    margin-left:0;
}

.detail-oi .chambres .chambre .right-part .descriptif{
    font-size:15px;
    margin-top:25px;
}

.detail-oi .chambres .chambre .right-part .prix{
    font-size:25px;
    line-height:26px;
    display:inline-block;
    vertical-align:top;
}

.detail-oi .chambres .chambre .right-part .prix .wording{
    font-size:12px;
}

.detail-oi .chambres .chambre .right-part .dispos-chambre{
    color:#0077ff;
    font-size:18px;
    font-weight:bold;
    display:inline-block;
    vertical-align:top;
    max-width: 115px;
    line-height: 18px;
    margin-left:50%;
}

.detail-oi .activites{

}

.detail-oi .activites .item{
    margin:25px 0;
}

.detail-oi .activites .item .left-part,
.detail-oi .activites .item .right-part{
    display:inline-block;
    margin-right:-4px;
    vertical-align: top;
}

.detail-oi .activites .item .left-part{
    display:none;
}

.detail-oi .activites .item .left-part img{
    width:100%;
}

.detail-oi .activites .item .right-part{
    width: 72%;
    margin-left: 2%;
}

.detail-oi .activites .item .right-part .text-w{
    width:76%;
    display:inline-block;
    vertical-align: middle;
}

.detail-oi .activites .item .right-part .text-w .title{
    font-size: 20px;
    color:#000;
}

.detail-oi .activites .item .right-part .text-w .text{
    display:none;
}

.detail-oi .activites .item .right-part .text-w .lien{
    color:#0077ff;
    font-size:16px;
    font-weight:bold;
}

.detail-oi .activites .item .right-part .text-w .lien .symbol{
    margin-left:5px;
}

.detail-oi .activites .item .right-part .price-w{
    display:inline-block;
}

.detail-oi .activites .item .right-part .price-w .price{
    font-size: 26px;
    line-height: 23px;
    color:#000;
}

.detail-oi .activites .item .right-part .price-w .price .wording{
    font-size: 12px;
    color:#a3a3a3;
}

.detail-oi.agenda .infos{
    width:80%;
}

.detail-oi.agenda .infos .title{
    font-size:28px;
}

.detail-oi.agenda .infos .text{
    font-size:15px;
    font-weight:bold;
    color:#000;
    margin: 0 0 10px 0;
}

.detail-oi.agenda .infos .text .right{
    font-weight:normal;
}

.detail-oi.agenda .infos .contacts-list{
    margin: 0;
}

.detail-oi.agenda .infos .contacts-list li{
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    margin: 0 15px 0 0;
}

.detail-oi.agenda .infos .contacts-list li a{
    color:#0077FF;
}

.detail-oi.agenda .infos .contacts-list li a .symbol{
    font-size: 16px;
    margin-right: 5px;
}

.detail-oi.agenda .no-affiche-w{
    background:#171717;
    color:#fff;
    text-align:center;
    padding-top: 35px;
    margin: 0 0 60px 0;
}

.detail-oi.agenda .no-affiche-w .type{
    color:#717171;
    font-size:16px;
    font-weight:bold;
    margin:15px 0 0 0;
}

.detail-oi.agenda .no-affiche-w .title{
    color:#fff;
    font-size:36px;
}

.detail-oi.agenda .no-affiche-w a{
    color:#fff;
}

.detail-oi.agenda #Infos_OI_light_droite .slider{
    width:315px;
}

div[id*=ConstellationCalendarContainer] .pika-cnstell-table td .pika-cnstell-button{
    pointer-events:auto!important;
}

/* FIN DETAIL OI */
/* Booking-engine */

#spec-edit {
    position: relative;
}
#spec-edit .pane-edit {
    width: 108.9%;
    margin-top: -44px;
    display: none;
    margin-left: -12px;
}
#spec-edit .pane-options {
    background-color: #FFF;
    margin-bottom: 10px;
    padding: 0 0 10px 10px;
}
#spec-edit .pane-options .num_chambre {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    color: #212121;
    font-family: Heebo;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    text-transform: uppercase;
}
#spec-edit .pane-options .num_chambre span {
    float: right;
    color: #E74C3C;
    font-family: Heebo;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}
#spec-edit .pane-options .num_chambre span i {
    margin-left: 4px;
}
#spec-edit .ajouter_chambre {
    display: block;
    padding: 0 15px;
    background: #0077ff;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
#spec-edit .nb-people {
    padding-right: 10px;
}
#spec-edit .nb-people li {
    border: 1px solid #DDE0E5;
    padding-left: 10px;
}
#spec-edit .nb-people li input {
    border: none;
    background: #fff;
    width: 40px;
    padding-left: 13px;
}
.mod_reservation {
    background-color: #373737;
    padding-top: 19px;
    padding-bottom: 34px;
    z-index: 3;
}
.mod_reservation .nb-nights {
    padding: 12px 0;
}
.mod_reservation .title {
    width: 18%;
    float: left;
}
.mod_reservation p {
    text-align: left;
}
.mod_reservation p span {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.input-text-wrapper {
    box-sizing: border-box;
}
.input_text {
    line-height: 44px;
    border: 0;
    padding: 0 12px;
    color: #162a4a;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
}
.mod_reservation .input_submit {
    line-height: 44px;
    width: 100%;
    text-align: center;
    height: 44px;
    background-color: #0077ff;
    color: white;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    padding: 12px;
}
.mod_reservation .input_modifier {
    line-height: 44px;
    text-align: center;
    height: 42px;
    background-color: #373737;
    color: white;
    border: 1px solid #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: -1px;
}
.mod_reservation .input_submit:before {
    background-color: #20997b;
}
.mod_reservation .input_modifier:before {
    background-color: #146ca6;
}
.input_date em {
    color: #162a4a;
    font-size: 16px;
    position: absolute;
    right: 21px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
.input_select em {
    color: #162a4a;
    font-size: 16px;
    position: absolute;
    right: 21px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
/* COMMUNS */

.range-slider {
    width: 150px;
    height: auto;
    position: relative;
}
.range-cursor-slider {
    width: 130px;
    position: absolute;
    background: #585858;
    height: 3px;
    left: 10px;
    border-radius: 10px;
}
li.range-slider {
    position: relative;
    top: -10px;
}
.maToolbox {
    margin: 0!important;
}
.maToolbox span.amount {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    padding: 0 0 20px 0;
    justify-content: space-between;
}
.range-slider .tooltip {
    opacity: 1;
    position: absolute;
    display: block;
    top: -25px;
    width: 35px;
    height: 20px;
    color: #fff;
    text-align: center;
    font: 10pt Tahoma, Arial, sans-serif;
    border-radius: 3px;
    border: 1px solid #333;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    box-sizing: border-box;
    background: linear-gradient(to top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, 0.5) 100%);
    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000', GradientType=0);
    /* IE6-9 */
}
.volume {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    right: -5px;
    background: url('../images/volume.png') no-repeat 0 -50px;
    position: absolute;
    margin-top: -5px;
}
.range-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    font-weight: bold;
    color: #0077ff;
    outline: none;
    top: -9px;
    margin-left: -10px;
    padding: 0!important;
}
.ui-slider-range {
    background: #0077ff;
    position: absolute;
    border: 0;
    top: 0;
    height: 100%;
    border-radius: 25px;
}
/* Transitions */

.TextGrisClair16 a,
.readMore,
.readLess,
#Search_commune,
.bandeau_comm a,
#Btn_reservez {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

/* DDR Simple-List */

.simple-list{
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
    margin-top: 50px;
}

.simple-list .item{
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.simple-list .item .parent-link{
    display:block;
    color:#000;
    font-weight:bold;
    font-size:20px;
    margin-bottom:15px;
}

.simple-list .item .sub-item{
    margin:0 0 45px 0;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.simple-list .item .sub-item li{
}

.simple-list .item .sub-item .link{
    color:#0077ff;
    font-size:16px;
    font-weight:bold;
}

/* Fin DRR Simple-List */

/*DDR child_item*/
.containerGray{
    background: #f5f5f5;
    padding: 0 0 20px 0;
}
ul.child_item_gray {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    width: 1024px;
    margin: 20px auto;
    padding-left: 10px;
}
ul.child_item_gray li {
    width: 45%;
}
ul.child_item_gray li a {
    color: #0077ff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}
.containerWhite{
    background: #fff;
    padding: 0 0 20px 0;
}
.container-black-title h3.title {
    font-size: 30px;
}
ul.child_item {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    width: 1024px;
    margin: 20px auto;
    padding-left: 10px;
}
ul.child_item li {
    width: 33%;
}
ul.child_item li a {
    color: #0077ff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}
/* Breadcrumb */

#Breadcrumb {
    display: block;
    width: 100%;
    min-width: 320px;
    text-align: center;
    padding: 20px 0;
    background: #000;
    border-bottom: 2px solid #2c2c2c;
}
#Breadcrumb em {
    padding: 0px 10px;
}
#Breadcrumb span, #Breadcrumb a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    /* padding: 0 6px; */
}
#Breadcrumb a:hover,
#Breadcrumb a:focus {
    text-decoration: underline;
}
#Breadcrumb a:last-child {
    margin-right: 10px;
    color: #191919;
}
#Breadcrumb img {
    margin: -5px 20px 0 20px;
}
/* Liens d'évitement */

#Evitement {
    position: absolute;
    left: -999999px;
}
#Evitement:focus {
    position: static;
}
/* Box et overlay */

.close_box {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(img/sprite_oi.png);
    background-position: 50% -1260px;
    background-repeat: no-repeat;
    cursor: pointer;
}
#Overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
    opacity: 0.5;
}
/* Hack IE7 */

* + html #Overlay {
    display: none;
}
/* Fin hack IE7 */
/*---- STRUCTURE ----*/

.intro_page_liste p span {
    padding: 30px 0!important;
    display: block;
    line-height: 1.2!important;
    text-align: left!important;
    color: #171717!important;
    font-size: 16px!important;
}

.content_pane,
.content_mag {
    /*padding-top: 30px;*/
}
.content_mag {
    width: 655px;
    margin: auto;
}
.content_left {
    width: 56%;
    display: inline-block;
    vertical-align: top;
}
.content_right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width: 699px) {
    .content_mag {
        width: 96%;
        padding: 30px 2%;
        min-width: 320px;
    }
}
/* BOOKING ENGINE */

.be-cat .title {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 0 0;
}
.be-cat {
    background: #f9f9f9;
}
.be-cat .co-widget-title {
    display: none!important;
}
.be-cat .co-widget,
.be-cat .co-widget .co-widget-container,
.be-cat .co-widget .co-widget-styled,
.be-cat input {
    background: transparent!important;
    color: #0077ff!important;
}
.be-cat select {
    background: #f9f9f9!important;
    color: #0077ff!important;
}
.be-cat input,
.be-cat select,
.be-cat .co-widget .co-widget-styled,
.be-cat button {
    border-radius: 0!important;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    font-family: Heebo!important;
    font-size: 16px!important;
    font-weight: normal;
}
.be-cat .co-widget-btn-resume-capa {
    background: transparent!important;
    color: #0077ff!important;
    font-size: 12px!important;
}
.be-cat #BtnLaunchBooking {
    background: #0077ff!important;
    font-size: 12px!important;
}
.be-cat .co-widget input,
.be-cat .co-widget select,
.be-cat .co-widget button:not([class*=pika]),
.be-cat .co-widget .co-widget-styled {
    height: 45px;
}
.be-cat .co-widget > .co-widget-container > div:not([class*=co-widget-title]):not([class*=co-widget-type]):not([class*=co-widget-container]) {
    padding: 0 22px 0 0;
}
[class*=co-widget-col-]:not([class*=co-widget-title-occupancy-people]) + [class*=co-widget-col-]:not([class*=co-widget-ddl-type]) {
    padding-left: 18px!important;
}
.be-cat .co-widget-col-7 {
    width: 52.333333%!important;
}
.be-cat .co-widget-col-5 {
    width: 47.666667%!important;
}
.be-cat #tbResumeCapa {
    color: #000!important;
}
.be-cat .co-widget .co-widget-styled select {
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist-button;
    appearance: menulist-button;
}
/* FIN BOOKING ENGINE */
/* INTRO CATEGORIES */

.intro-cat p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin: 30px 0;
}
.intro-cat a {
    color: #0077ff!important;
}
/* FIN INTRO CATEGORIES */
/* BONS PLANS CATEGORIES */

#BonPlanSkin .liste_OI li {
    display: inline-block;
    vertical-align: top;
    width: 310px!important;
    height: 330px;
    text-align: left;
    margin: 10px 10px 0 0!important;
    position: relative;
    overflow: hidden;
}

.bp-cat.container,
.selec-cat.container {
    padding-left: 0;
    padding-right: 0;
    margin: 20px auto 35px auto;
}
.bp-cat .slider {
    padding: 0;
    -webkit-box-shadow: 0 6px 13px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 6px 13px rgba(0, 0, 0, .35);
    box-shadow: 0 6px 13px rgba(0, 0, 0, .35);
    margin: 0 0 50px 0;
}
.bp-cat .slick-track .slick-slide,
.selec-cat .slick-track .slick-slide {
    opacity: 1;
}
.bp-cat .arrow,
.selec-cat .arrow {
    font-size: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    background: #171717;
    color: #fff;
    padding: 10px 8px;
}
.bp-cat .next,
.selec-cat .next {
    right: 0;
}
.bp-cat .prev,
.selec-cat .prev {
    left: 0;
}
.bp-cat .slick-dots,
.selec-cat .slick-dots {
    position: absolute;
    bottom: -35px;
}
.bp-cat .slick-dots li,
.bp-cat .slick-dots li:hover,
.selec-cat .slick-dots li,
.selec-cat .slick-dots li:hover {
    width: 10px;
    height: 10px!important;
    background: #d1d1d1;
    border: none;
    margin-right: 8px;
}
.bp-cat .slick-dots li.slick-active,
.selec-cat .slick-dots li.slick-active {
    background: #171717;
}
.bp-cat .infos-bp {
    padding: 20px 40px;
    text-align: center;
}
.bp-cat .infos-bp .titre-bp {
    color: #0077ff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.bp-cat .infos-bp .texte-bp {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}
.bp-cat .infos-bp .prix-bp {
    font-size: 15px;
    color: #000;
}
.bp-cat .img-bp,
.bp-cat .img-bp img {
    width: 100%;
}
.bp-cat .img-bp .gradient {
    display: none;
}
.bp-cat .fiche-oi {
    background: red;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    margin: 14px 0 20px 0;
}
/* FIN BONS PLANS CATEGORIES */
/* SELECTION CATEGORIES */

.selec-cat .slider {
    margin-left: 0;
}
.selec-cat .slider-item {
    display: inline-block;
    width: 80%;
    vertical-align: bottom;
    position: relative;
    height: 290px;
    margin: 0 13px;
    overflow: hidden;
}

.selec-cat.recos .slider-item{
    height:auto;
}

.selec-cat .infos-selec {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    padding-top: 40px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}
.selec-cat.incontournables .infos-selec {
    padding-top: 65px;
}

.selec-cat .infos-selec .book {
    margin-left: 20px;
    padding: 2px 5px;
    border-radius: 5px;
    background: #148c14;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}
.selec-cat .infos-selec p {
    color: #fff;
}
.selec-cat .infos-selec a {
    color: #0F76EF;
    float: right;
    margin-right: 20px;
}
.selec-cat.incontournables .infos-selec a {
    float: left;
    margin-left: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
}
.selec-cat .infos-selec .titre-selec {
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    padding-left: 20px;
}
.selec-cat.incontournables .infos-selec .titre-selec {
    margin-bottom: 0;
}
.selec-cat.incontournables .infos-selec .type-selec {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
    margin-left: 20px;
}
.selec-cat .infos-selec .titre-selec.half {
    max-width: 59%;
}
.selec-cat .infos-selec .prix-selec {
    max-width: 39%;
    position: absolute;
    bottom: 0px;
    right: 20px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}
.selec-cat .infos-selec .prix-selec .wording {
    font-size: 11px;
    font-weight: normal;
}
.selec-cat .infos-selec .bottom-part {
    padding: 10px 0 10px 20px;
    background: #171717;
    font-size: 14px;
    font-weight: bold;
}
.selec-cat .infos-selec .bottom-part .commune-oi {
    color: #fff;
}

.selec-cat.incontournables.recos .title{
    font-size: 40px;
    color: #000;
}

.selec-cat.incontournables.recos .infos-selec {
    bottom:30px;
    padding-bottom: 10px;
}

.selec-cat.incontournables.recos .black-ribbon {
    background:#181818;
    font-size:15px;
    font-weight:bold;
    position:absolute;
    bottom:0;
    width: calc(100% - 20px);
    padding: 5px 10px;
    z-index:2;
}

.selec-cat.incontournables.recos .black-ribbon .location{
    color:#fff;
    text-transform:capitalize;
}

.selec-cat.incontournables.recos .black-ribbon .symbol{
    font-size:14px;
    margin-right:5px;
}

.selec-cat.incontournables.recos .black-ribbon .link{
    font-weight: bold;
    font-size: 15px;
    color:#0083FF;
    float:right;
}
/* FIN SELECTION CATEGORIES */
/* DDR CAT LEFT */

.ddr-cat-left .item {
    position: relative;
    float: left;
    overflow: hidden;
}
.ddr-cat-left .item .img-w img {
    height: 100%;
}
.ddr-cat-left .item.half {
    width: 100%;
    height: 400px;
    margin-right: 1%;
    margin-bottom: 30px;
}

.ddr-cat-left .item.half .img-w{
    height: 400px;
}

.ddr-cat-left.alt .item.half{
    height:180px;
}

.ddr-cat-left .item.half .text {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background: #171717;
    padding: 15px 20px;
}
.ddr-cat-left .item.quarter {
    width: 48%;
    height: 215px;
    margin: 0 1%;
}
.ddr-cat-left .item.quarter .text {
    color: #fff;
    background: #171717;
    padding: 10px 0 10px 6px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    position: absolute;
    bottom: 33px;
    width: 100%;
}
.ddr-cat-left .item.simple {
    font-weight: bold;
    font-size: 17px;
    width: 100%;
    text-align: center;
    margin: 5px 0;
}
.ddr-cat-left .item.simple a {
    color: #0476FA;
}
/* FIN DDR CAT LEFT */
/* PUBS CAT */

.pubs-cat {
    display: none;
}

.pubs-w{
    display:none;
}

.pub-custom-dom-w ul li{
    width: 48%;
    margin: 0 1%;
    display: inline-block;
    vertical-align: top;
}

.pub-custom-dom-w ul li a{
    display:block;
    width:100%;
}

.pub-custom-dom-w ul li a img{
    width:100%;
}

/* FIN PUBS CAT */
/* VOIR AUSSI BOOK */

.book-slider .bandeau-top {
    background: #171717;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}
.book-slider .bb-bookblock {
    width: 100%;
    height: 435px;
}
.book-slider .bb-bookblock.cloned {
    margin-bottom: 30px;
}
.book-slider .bb-item {
    display: block;
    position: relative;
}
.book-slider .bb-custom-wrapper {
    overflow: hidden;
    position: relative;
    padding: 0;
}
.book-slider .bb-item .macaron {
    position: absolute;
    z-index: 102;
    top: 228px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.book-slider .bb-item .part-left {
    height: 290px;
    overflow: hidden;
    position: relative;
}
.book-slider .bb-bookblock.cloned .bb-item .part-left {
    height: 180px;
}
.book-slider .bb-item .part-left .image_article {
    display: block;
    width: 100%;
    height: 100%;
}
.book-slider .bb-item .part-left .image_article img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.book-slider .prev,
.book-slider .next {
    display: none;
}
.book-slider .article {
    max-width: 70%;
    margin: 0 auto;
}
.book-slider .bb-bookblock.cloned .article {
    padding: 20px 0 0 0;
}
.book-slider .article .quote {
    display: none;
}
.book-slider .article .text {
    text-align: justify;
    line-height: 26px;
    font-size: 16px;
    -moz-text-align-last: center;
    text-align-last: center;
}
.book-slider .article .signature {
    display: block;
    font-size: 21px;
    margin: 30px 70px;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.book-slider .etiquette {
    background: #171717;
    padding: 15px 20px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin-left: 65px;
}
.book-slider .etiquette em {
    font-weight: bold;
    font-style: normal;
}
.book-slider .article .title {
    color: #161616;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0;
}
.book-slider .bb-bookblock.cloned .article .title {
    font-size: 26px;
}
.book-slider .article .lieux {
    margin-bottom: 0;
}
.book-slider .article .page-text {
    font-size: 30px;
}
.book-slider .article .page-description {} .book-slider .bb-bookblock.cloned .bb-item {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    background: url(img/book-bkg-pages.jpg) repeat-x bottom;
}
.book-slider .bb-bookblock.cloned .bb-item .part-left {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;
}
.book-slider .bb-bookblock.cloned .bb-item .part-right {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;
}
.book-slider .bb-bookblock.cloned .bb-item .image_article {
    height: 240px;
}
.book-slider .bb-bookblock.cloned .bb-item .image_article a {
    height: 100%;
}
.book-slider .bb-bookblock.cloned .bb-item .image_article img {
    width: 100%;
}
.book-slider .bb-bookblock.cloned .etiquette {
    display: none;
}
/* FIN VOIR AUSSI BOOK */

.container-black-title {
    text-align: center;
    font-size: 40px;
}
.container-black-title.text-left {
    text-align: left;
}
.container-black-title .title {
    color: #000;
    font-weight: bold;
    padding: 20px 0 0 0;
}
/*---- ENTETES ----*/

.entete_pages_texte,
.entete_listes_et_rubriques,
.entete_magazine,
.entete_agenda,
#Entete_detail_FMA_defaut {
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.entete_pages_texte,
#Entete_detail_FMA_defaut {
    height: 410px;
}
.entete_listes_et_rubriques {
    height: 235px;
    position: relative;
}
.entete_listes_et_rubriques.new {
    height: 450px;
}
.entete_listes_et_rubriques .title-w {
    padding-top: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    display: block;
    width: 1024px;
    padding: 0!important;
    margin: 0!important;
}
.entete_listes_et_rubriques .title-w .master-breadcrumb {
    padding: 0;
    margin: 0;
}
.entete_listes_et_rubriques .title-w .master-breadcrumb li {
    display: inline-block;
    text-shadow: 0 0 32px rgba(0, 0, 0, .3), 0 3px 7px rgba(0, 0, 0, .25);
    color: #fff;
    font-size: 18px;
    margin: 0 2px;
}
.entete_listes_et_rubriques .title-w .master-breadcrumb li.separator {
    font-size: 22px;
}
.entete_listes_et_rubriques .title-w .master-breadcrumb li a {
    color: #fff;
    font-weight: bold;
}
.entete_listes_et_rubriques .title-w .master-breadcrumb li.underlined a,
.entete_listes_et_rubriques .title-w .master-breadcrumb li a:hover {
    text-decoration: underline!important;
}
.entete_listes_et_rubriques .title-w .title {
    z-index: 2;
    color: #fff;
    font-weight: bold;
    font-size: 70px;
    max-width: 50%;
    text-shadow: 0 0 32px rgba(0, 0, 0, .3), 0 3px 7px rgba(0, 0, 0, .25);
}
.entete_listes_et_rubriques .mea {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 20px;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
}
.entete_listes_et_rubriques .mea p {
    color: #fff;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
}
.entete_listes_et_rubriques .mea a {
    color: #0077ff;
}
.entete_magazine,
.entete_agenda {
    height: 540px;
    position: relative;
}
.entete_agenda {
    margin-bottom: 170px;
}
.content_entete_magazine {
    position: absolute;
    bottom: 20px;
    width: 410px;
    left: 50%;
    margin-left: -205px;
    text-align: center;
}
.content_entete_magazine h1,
.content_entete_magazine p,
.entete_agenda h1,
.entete_agenda p {
    text-shadow: 0.05em 0.05em 0.5em #000;
}
.content_entete_magazine p {
    margin: 0;
}
.entete_agenda h1,
.entete_agenda p {
    position: absolute;
    width: 1000px;
    padding: 0 10px;
    left: 50%;
    margin-left: -510px;
    color: #fff;
    text-align: center;
}
.entete_agenda h1 {
    font-size: 5em;
    top: 120px;
    font-weight: normal;
    text-transform: uppercase;
}
.entete_agenda p {
    font-size: 1.6em;
    top: 260px;
    line-height: 1.5em;
}
#Entete_detail_FMA_defaut {
    background-image: url(img/entete-agenda-detail-defaut.jpg);
    margin-bottom: 35px;
}
@media screen and (min-width: 1600px) {
    .entete_pages_texte,
    .entete_agenda,
    #Entete_detail_FMA_defaut {
        height: 600px;
    }
    .entete_listes_et_rubriques,
    .entete_listes_et_rubriques.new {
        height: 500px;
    }

    .entete_listes_et_rubriques.new .title-w {
        padding-top: 170px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .entete_pages_texte,
    #Entete_detail_FMA_defaut {
        height: 500px;
    }
    .entete_listes_et_rubriques {
        height: 350px;
    }
}
@media screen and (max-width: 1024px) {
    ul.child_item, ul.child_item_gray{
        width: 90%;
    }
    .entete_listes_et_rubriques,
    .entete_pages_texte,
    .entete_magazine,
    .entete_agenda,
    #Entete_detail_FMA_defaut {
        margin-top: 60px;
    }
    .entete_agenda h1,
    .entete_agenda p {
        margin-left: 0;
        left: 0;
        width: 94%;
        padding: 0 3%;
    }
}
@media screen and (min-width: 740px) and (max-width: 1024px) {
    .entete_agenda h1,
    .entete_agenda p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media screen and (max-width: 739px) {
    .entete_agenda {
        margin-bottom: 30px;
    }
    .entete_agenda p {
        display: none;
    }
}
@media screen and (max-width: 569px) {
    .entete_listes_et_rubriques {
        height: 100px;
    }
    .entete_pages_texte,
    #Entete_detail_FMA_defaut {
        height: 130px;
    }
    .entete_magazine,
    .entete_agenda {
        height: 410px;
    }
}
@media screen and (max-width: 419px) {
    .content_entete_magazine {
        width: 96%;
        padding: 0 2%;
        left: 0;
        margin-left: 0;
    }
    .entete_agenda p {
        display: none;
    }
}
/*---- RUBRIQUES ----*/

.ddr_menu_page {
    margin-left: 0;
    margin: 50px 0;
    text-align: center;
}
.ddr_menu_page li {
    background: #171717;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 200px;
    margin: 0 30px 20px 0;
}
.ddr_menu_page li a {
    display: block;
    background: #171717!important;
}
.icone_ddr_menu_page {
    width: 100%;
    height: 145px;
    overflow: hidden;
}
.icone_ddr_menu_page img {
    width: 100%;
}
.ddr_menu_page li a span {
    display: block;
    text-align: center;
    font-family: Heebo;
    font-weight: 600;
    font-size: 16px;
    text-transform: initial;
    color: #fff;
    line-height: 1.2;
    padding: 10px 5px;
}
.ddr_menu_page li a:hover span,
.ddr_menu_page li a:focus span {
    color: #0077ff;
}
/*@media screen and (min-width: 1025px)
{
    .liste_OI_FMA li:nth-child(4n+4) {
        margin: 10px 0 10px 10px;
    }
}*/
@media screen and (max-width: 1024px) {
    .icone_ddr_menu_page {
        height: auto;
    }
}
@media screen and (min-width: 770px) and (max-width: 1024px) {
    .ddr_menu_page li {
        width: 21%;
        margin-right: 3%;
    }
}
@media screen and (max-width: 559px) {
    .ddr_menu_page li {
        width: 47%;
        margin: 0 4% 20px 0;
    }
    .ddr_menu_page li:nth-child(2n) {
        margin-right: 0;
    }
}
/*---- MAGAZINES ----*/
/* Liste magazines */

.liste_magazines {
    width: 950px;
    margin: auto;
    text-align: center;
}
.liste_magazines a {
    display: inline-block;
    width: 253px;
    margin-left: 7%;
    margin-bottom: 60px;
}
.liste_magazines a:nth-child(3n+1) {
    margin-left: 0;
}
.liste_magazines img {
    -moz-box-shadow: -10px 10px 10px 0 #868686;
    -webkit-box-shadow: -10px 10px 10px 0 #868686;
    box-shadow: -10px 10px 10px 0 #868686;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#868686, Direction=224, Strength=10);
}
@media screen and (max-width: 989px) {
    .liste_magazines {
        width: 100%;
    }
}
@media screen and (min-width: 600px) and (max-width: 939px) {
    .liste_magazines a {
        margin-left: 0;
        width: 50%;
    }
}
@media screen and (max-width: 599px) {
    .liste_magazines a {
        margin-left: 0;
        margin-bottom: 30px;
        display: block;
        width: 100%;
    }
}
.moyens-com-sociaux li {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: cover;
}
.moyens-com-sociaux li.fb {
    background-image: url(/Portals/_default/Skins/Morbihan/img/of-fb.png);
}
.moyens-com-sociaux li.twitter {
    background-image: url(/Portals/_default/Skins/Morbihan/img/of-twitter.png);
}
.moyens-com-sociaux li.gPlus {
    background-image: url(/Portals/_default/Skins/Morbihan/img/of-google.png);
}
.moyens-com-sociaux li a {
    display: block;
    height: 100%;
    width: 100%;
}
/* Encart newsletter et FB */

.bandeau_comm {
    padding: 20px 0;
    text-align: center;
    width: 690px;
    margin: 20px auto;
}
.bandeau_comm p,
.bandeau_comm a,
.et {
    font-size: 1.8em;
    display: inline-block;
    vertical-align: top;
}
.bandeau_comm p {
    padding-right: 15px;
    text-align: left;
}
.bandeau_comm p:first-child {
    width: 115px;
}
.bandeau_comm p:nth-child(2n) {
    width: 100px;
}
.bandeau_comm p:first-child + a {
    width: 155px;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 0;
    border: 1px solid #856a54;
    background: #856a54;
    color: #fff;
}
.bandeau_comm p:first-child + a:hover,
.bandeau_comm p:first-child + a:focus {
    background: #fff;
    color: #856a54;
    border: 1px solid #eae9e7;
}
.et {
    width: 84px;
    height: 30px;
    padding-top: 12px;
    margin: 0 25px;
    text-align: center;
    font-size: 1.8em;
    background: url(img/picto_encart_ms.png) 0 0 no-repeat;
}
.bandeau_comm a:last-child {
    width: 140px;
    height: 45px;
    background: url(img/sprite_FB_home.png) 50% 0 no-repeat #3d5d9d;
}
.bandeau_comm a:last-child:hover,
.bandeau_comm a:last-child:focus {
    background-position: 50% -45px;
}
@media screen and (max-width: 729px) {
    .bandeau_comm {
        width: 100%;
    }
    .et {
        display: block;
        margin: 15px auto 20px auto;
    }
}
/* Voir aussi détail magazine */

.diapo_mag {
    width: 655px;
    position: relative;
    margin: auto;
}
.diapo_mag .puces_diapo_mag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.diapo_mag .puces_diapo_mag li {
    width: 12px;
    height: 11px;
    cursor: pointer;
    background: url(img/puces_diapo.png) 0 -14px no-repeat;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
.diapo_mag .puces_diapo_mag li.actif {
    background-position: 0 0;
}
.diapo_mag .ecran_diapo_mag {
    width: 535px;
    height: 295px;
    overflow: hidden;
    margin: 60px 0 40px 60px;
}
.diapo_mag .ecran_diapo_mag ul {
    margin: 0;
    width: 2520px;
}
.diapo_mag .ecran_diapo_mag li {
    width: 535px;
    display: inline-block;
    vertical-align: top;
}
a.img_mag,
.infos_mag {
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
}
a.img_mag {
    width: 200px;
    height: 283px;
    overflow: hidden;
    margin-right: 30px;
    text-align: right;
}
a.img_mag img {
    max-width: 100%;
    max-height: 100%;
}
.infos_mag {
    width: 300px;
}
.dates_mag {
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.6em;
    color: #767676;
    margin-bottom: 5px;
}
.mois_mag {
    padding-right: 3px;
}
.titre_mag {
    font-size: 3.2em;
    line-height: 1em;
    color: #373737;
    margin-bottom: 5px;
}
.texte_mag {
    font-size: 1.6em;
    color: #626262;
}
.lieu_mag {
    font-size: 1.4em;
    font-style: italic;
}
.mag_prec,
.mag_suiv {
    width: 50px;
    height: 40px;
    position: absolute;
    top: 45%;
    background-image: url(img/sprite.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.mag_prec {
    background-position: 0 -1150px;
    left: 0;
}
.mag_suiv {
    background-position: 0 -1110px;
    right: 0;
}
/* PLUG-IN SLICK.JS */
/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track .slick-slide {
    opacity: .2;
    transition: all 0.4s;
}
.slick-track .slick-active {
    opacity: 1;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-loading .slick-list {
    background: #fff;
}
/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    top: 36%;
    display: block;
    width: 170px;
    height: 165px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    text-indent: -99999px;
}
.slick-prev {
    left: 0;
    background: url("/Portals/_default/Skins/Morbihan/img/arrow-left-slick.png") 0 0 no-repeat;
}
.slick-next {
    right: 0;
    background: url("/Portals/_default/Skins/Morbihan/img/arrow-right-slick.png") 0 0 no-repeat;
}
/* Dots */

.slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    bottom: 0;
}
.rando-around-ph .slick-dots li{
    width: 12px!important;
    height: 12px!important;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px!important;
    margin-right: 15px;
    padding: 0;
    border: 1px solid white;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li:hover,
.slick-dots li.slick-active {
    background: #fff;
}
@media screen and (max-width: 669px) {
    .diapo_mag {
        width: 100%;
    }
    .diapo_mag .puces_diapo_mag {
        position: static;
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
    }
    .diapo_mag .ecran_diapo_mag {
        margin: 20px 0;
        width: 100%;
        height: auto;
    }
    .diapo_mag .ecran_diapo_mag li {
        width: 260px;
        height: 510px;
        margin-left: 20px;
        border: 1px solid #cbcbcb;
        text-align: center;
    }
    a.img_mag,
    .infos_mag {
        display: block;
    }
    a.img_mag {
        margin: 20px auto 0 auto;
        width: 161px;
        height: 215px;
    }
    .infos_mag {
        width: 90%;
        margin: 30px auto 25px auto;
    }
    .dates_mag {
        margin-bottom: 10px;
    }
    .titre_mag {
        font-size: 3em;
    }
    .texte_mag,
    .mag_prec,
    .mag_suiv {
        display: none;
    }
}
/*---- BROCHURES ----*/
/* Liste magazines */

.liste_brochures {
    width: 950px;
    margin: auto;
    text-align: center;
}
.liste_brochures li {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 250px;
    height: 400px;
    margin-left: 7%;
    margin-bottom: 60px;
    position: relative;
    -moz-box-shadow: -10px 10px 10px 0 #868686;
    -webkit-box-shadow: -10px 10px 10px 0 #868686;
    box-shadow: -10px 10px 10px 0 #868686;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#868686, Direction=224, Strength=10);
}
.liste_brochures li:nth-child(3n+1) {
    margin-left: 0;
}
.liste_brochures li img {
    width: 100%;
}
.titre_brochure {
    text-align: left;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #303030;
    background: #fff;
    width: 210px;
    height: 40px;
    margin: 0;
    padding: 15px 20px;
    position: absolute;
    top: 15px;
    left: 0;
}
.titre_brochure span {
    font-size: 0.8em;
}
.infos_brochure {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    background: #fff;
    padding: 5px;
    width: 240px;
    height: 50px;
}
.infos_brochure .ville_OI_liste {
    display: block;
    margin-bottom: 10px;
    font-size: 1.4em;
}
.infos_brochure a {
    display: block;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-align: center;
    text-decoration: underline;
    color: #0077ff;
}
.infos_brochure a:hover,
.infos_brochure a:focus {
    text-decoration: none;
}
@media screen and (max-width: 989px) {
    .liste_brochures {
        width: 100%;
    }
}
@media screen and (min-width: 600px) and (max-width: 939px) {
    .liste_brochures li {
        margin-left: 0;
        width: 50%;
    }
}
@media screen and (max-width: 599px) {
    .liste_brochures li {
        margin-left: 0;
        margin-bottom: 30px;
        display: block;
        width: 100%;
    }
}
/*---- LISTE OI's ----*/

/*BE liste*/

div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget-occupancy-define label, div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-styled select {
    color: #171717!important;
    font-weight: bold!important;
}

div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget input, div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-styled, div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-occupancy .co-widget-occupancy-define {
    background: #FFFFFF;
    border-color: #CCCCCC;
    color: #171717!important;
    font-weight: bold!important;
}

div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget, .co-widget .co-widget-container{
    background: #2a2a2a!important;
    margin: 0 auto;
}

.be_box div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget, .be_box .co-widget .co-widget-container{
    background: #fff!important;
    margin: 0 auto;
}

div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-styled select{
    color: #171717;
}

div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-icon:not(.co-widget-service):not(.co-widget-transport):not(.co-widget-cruise) {
    color: #0077ff!important;
}

.co-widget-i-calendar {
    position: absolute;
    right: 20px!important;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

.co-widget .co-widget-styled, .co-widget input, .co-widget select, .co-widget button:not([class*=pika]){
    height: 45px!important;
}

div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-btn-resume-capa {
    background: #fff!important;
    color: #0077ff!important;
}

.co-widget .co-widget-styled.co-widget-chevron-down:before {
    color: inherit;
    position: absolute!important;
    top: 50%!important;
    right: 5px!important;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 12px;
    margin: 0!important;
}

div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget #BtnLaunchBooking{
    background: #0077ff!important;
}

.objTour_liste {
    width: 100%;
    margin: auto;
}
/*-- Pagination --*/

#Zero_OI_liste,
#Nbre_OI_liste,
.pagination_OI_liste {
    font-family: Heebo;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}
#Zero_OI_liste {
    width: 100%;
    text-align: center;
}
#Nbre_OI_liste,
#Pagination_OI_liste_haut {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
}
#Pagination_OI_liste_haut {
    text-align: right;
}
#Pagination_OI_liste_bas {
    text-align: center;
    margin-bottom: 60px;
}
.filtres_actifs_OI_liste {
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 10px 0;
}
.filtres_actifs_OI_liste > span,
#Zone_commune {
    display: inline-block;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
}
.filtres_actifs_OI_liste > span {
    background: url(img/sprite_oi.png) 100% -1623px no-repeat;
    margin: 0 10px;
    background-color: #0077ff;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: initial;
    border-radius: 5px;
    float: left;
}
#Zone_commune {
    text-align: left;
}
#Zone_commune .hidden {
    width: 105px;
    border: 1px solid #e4dcd5;
    margin: 0 10px;
}
#Zone_commune select {
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #404040;
    width: 125px;
    padding: 10px 15px;
    border-radius: 5px;
    height: 42px;
}
#Zone_commune .hidden,
#Zone_commune span {
    display: inline-block;
    vertical-align: middle;
}
#Zone_commune span {
    color: #444;
}
.page_liste_prec,
.page_liste_suiv {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url(img/sprite_oi.png);
    background-repeat: no-repeat;
}
.page_liste_prec {
    background-position: 50% -700px;
    margin-right: 40px;
}
.page_liste_suiv {
    background-position: 50% -720px;
    margin-left: 40px;
}
@media screen and (max-width: 399px) {
    .pagination_liste_bas {
        margin-bottom: 70px;
    }
    .page_liste_prec {
        margin-right: 30px;
    }
    .page_liste_suiv {
        margin-left: 30px;
    }
}
/*--- Option OIs ---*/

.Options_liste {
    text-align: center;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
.enteteFiltreListe {
    display: block;
    width: 30%;
    background: #fff;
    color: #000;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 0 0 5px;
    padding: 0 10px;
}
.titre_filtre_liste {
    cursor: pointer;
    padding: 0 10px;
    background: #0077ff;
    width: 34%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    position: relative;
}
div.Titre_filtre_criteres {
    border-radius: 0 5px 5px 0;
    margin-right: 20px;
}
.titre_filtre_liste:hover {
    color: #000;
}
.titre_filtre_liste:hover,
.titre_filtre_liste:focus,
.titre_filtre_liste.filtre_actif {
    background-image: none;
    background-color: #202020;
    color: #fff;
}
.titre_filtre_liste p {
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0 5px 40px;
    margin: 0 auto;
    background-repeat: no-repeat;
}
.Titre_filtre_territoires p {
    background-position: 0 -20px;
    width: 195px;
}
.Titre_filtre_criteres p {
    background-position: 0 -135px;
    width: 175px;
}
.titre_filtre_liste span {
    display: block;
    padding-right: 35px;
    background: url(img/sprite_oi.png) 100% -742px no-repeat;
}
.titre_filtre_liste:hover span,
.titre_filtre_liste:focus span,
.titre_filtre_liste.filtre_actif span {
    background-position: 100% -762px;
}
/* -- Filtres map svg -- */

ul#cities{
  list-style: none;
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ul#cities li{
    cursor: pointer;
}

.map {
  position: relative;
  margin: 0 auto;
  background-color:#2A2A2A;
  width:100%;
}

.markerTip {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  color: transparent;
  border-radius: 10px;
  background-color: #0077FF;
  background-color: white;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  z-index: 1!important;
  border: 0;
}

.markerTip:after {
  content: ' ';
  position: absolute;
  left:-5px;
  top:-5px;
  border: 1px solid white;
  box-shadow: 0 0 10px white;
  border-radius: 20px;
  height: 20px;
  width: 20px;
  opacity: 0;
  -webkit-animation: pulsate 1.86s ease-out;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 0.4;}
  100% {-webkit-transform: scale(1.6, 1.6); opacity: 0.0;}
}

.markerTip:hover {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
}


/*
VILLES
left:positionX en sélectionnant le coin haut gauche dans illsutrator
top:positionY en sélectionnant le coin haut gauche dans illsutrator
*/
#pontivy {
  left:calc( (474 / 1000) * 100% );
  top:calc( (190 / 780) * 100% );
}
#lefaouet {
  left:calc( (224 / 1000) * 100% );
  top:calc( (195 / 780) * 100% );
}
#guemene-sur-scorff {
  left:calc( (330 / 1000) * 100% );
  top:calc( (223 / 780) * 100% );
}
#belle-ile-en-mer {
  left:calc( (361 / 1000) * 100% );
  top:calc( (723 / 780) * 100% );
}
#houat {
  left:calc( (465 / 1000) * 100% );
  top:calc( (667 / 780) * 100% );
}
#groix {
  left:calc( (223 / 1000) * 100% );
  top:calc( (504 / 780) * 100% );
}
#quiberon {
  left:calc( (386 / 1000) * 100% );
  top:calc( (606 / 780) * 100% );
}
#carnac {
  left:calc( (400 / 1000) * 100% );
  top:calc( (532 / 780) * 100% );
}
#la-trinite-sur-mer {
  left:calc( (438 / 1000) * 100% );
  top:calc( (527 / 780) * 100% );
}
#locmine {
  left:calc( (509 / 1000) * 100% );
  top:calc( (346 / 780) * 100% );
}
#pont-scorff {
  left:calc( (250 / 1000) * 100% );
  top:calc( (360 / 780) * 100% );
}
#lorient {
  left:calc( (264 / 1000) * 100% );
  top:calc( (422 / 780) * 100% );
}
#auray {
  left:calc( (468 / 1000) * 100% );
  top:calc( (486 / 780) * 100% );
}
#hoedic {
  left:calc( (509 / 1000) * 100% );
  top:calc( (718 / 780) * 100% );
}
#vannes {
  left:calc( (581 / 1000) * 100% );
  top:calc( (502 / 780) * 100% );
}
#la-roche-bernard {
  left:calc( (766 / 1000) * 100% );
  top:calc( (622 / 780) * 100% );
}
#penestin {
  left:calc( (703 / 1000) * 100% );
  top:calc( (615 / 780) * 100% );
}
#damgan {
  left:calc( (655 / 1000) * 100% );
  top:calc( (576 / 780) * 100% );
}
#rochefort-en-terre {
  left:calc( (754 / 1000) * 100% );
  top:calc( (469 / 780) * 100% );
}
#la-gacilly {
  left:calc( (863 / 1000) * 100% );
  top:calc( (436 / 780) * 100% );
}
#malestroit {
  left:calc( (768 / 1000) * 100% );
  top:calc( (414 / 780) * 100% );
}
#ploermel {
  left:calc( (723 / 1000) * 100% );
  top:calc( (303 / 780) * 100% );
}
#josselin {
  left:calc( (646 / 1000) * 100% );
  top:calc( (300 / 780) * 100% );
}
.tooltip-inner{background-color:#0077FF}
.tooltip.top > .tooltip-arrow {border-top: 5px solid #0077FF;}

#svg-container path:hover{fill:#0077FF;transition:0.5s fill;}

@media only screen and (max-width: 500px)
{
  #cities{height:97%;/*display:none;*/}
  .markerTip{
    width: 6px;
    height: 6px;
  }
  .markerTip:after {
    width: 10px;
    height: 10px;
    left:-2px;
    top:-2px;
  }
}


.pointeur {
    fill: #fff!important;
    stroke: #fff!important;
}
#svg-container path {
    fill: #111111;
    stroke: #353535;
}
#svg-container path:hover {
    fill: #474747;
    transition: .6s fill;
    stroke: #353535;
}
Carte-filtre-territoires .map{
    width: 50%;
}
#svg-container {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    overflow: hidden;
}
.options_map_filtre {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: column;
    justify-content: center;
}
/*-- Filtres --*/

.options_filtre_liste {
    position: absolute;
    width: 100%;
    background: #2a2a2a;
    z-index: 3;
    top: 50px;
    left: 0;
}
/* -- Pagination Custom -- */

.pagination_custom {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    margin-top: 40px;
    display: block;
}
.pagination_custom ul {
    display: inline-block;
    margin: 0!important;
}
.pagination_custom li {
    float: left;
    margin: 0 5px;
}
.pagination_custom li.button:first-child {
    position: absolute;
    left: 0;
}
.pagination_custom li.button:last-child {
    position: absolute;
    right: 0;
}
.pagination_custom a {
    display: inline-block;
    line-height: 44px;
    height: 44px;
    background-color: #fff;
}
.pagination_custom .button a {
    background-color: #0077ff;
    padding: 0 15px;
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
}
.pagination_custom .numbers a {
    width: 38px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background: #0077ff;
}
.pagination_custom .active a {
    color: #202020;
    background: #fff;
}
li.numbers span {
    color: #fff;
    font-size: 20px;
    padding: 0 15px;
}
.linking p {
    margin: 0;
    color: #0077ff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
.linking p a {
    color: #0077ff;
}
/*- Filtre localisation -*/

.form_filtre,
.Carte-filtre-territoires {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.form_filtre input,
.geo-search-input {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 10px 10px 10px 45px;
    margin: 0;
    background: #404040;
    border: none;
}
input#GeoFilterInput::placeholder {
    color: #fff;
}
input#GeoFilterInput::-webkit-input-placeholder {
    color: #fff;
}
input#GeoFilterInput::-moz-placeholder {
    color: #fff;
}
input#GeoFilterInput:-ms-input-placeholder {
    color: #fff;
}
input#GeoFilterInput:-moz-placeholder {
    color: #fff;
}
div.form_filtre {
    margin-bottom: 40px;
}
div.form_filtre em {
    position: absolute;
    top: 50%;
    font-size: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-left: 10px;
    color: #fff;
}
.geo-search-input:-ms-input-placeholder {
    color: #8d8d8d;
    font-style: italic;
}
.geo-search-input::-moz-placeholder {
    color: #8d8d8d;
    font-style: italic;
}
.geo-search-input::-webkit-input-placeholder {
    color: #8d8d8d;
    font-style: italic;
}
#Search_commune {
    cursor: pointer;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: #0077ff;
    border: 1px solid #0077ff;
    display: block;
    padding: 15px 20px;
    margin-top: 20px;
}
#Search_commune:hover,
#Search_commune:focus {
    color: #2d2d2d;
    background: #fff;
    border: 1px solid #eae9e7;
}
#recherche .ui-autocomplete {
    z-index: 999;
    font-size: 16px;
    position: absolute!important;
}
@media screen and (max-width: 1370px){

    #BeListe .be-w_wrap{
        width: 1024px;
    }

}
@media screen and (max-width: 399px) {
    .form_filtre input.geo-search-input {
        width: 90%;
        padding: 10px 0;
    }
    .geo-search-input:-ms-input-placeholder {
        color: #fff;
    }
    .geo-search-input::-moz-placeholder {
        color: #fff;
    }
    .geo-search-input::-webkit-input-placeholder {
        color: #fff;
    }
}
/* Carte filtre localisation */

#Carte-filtre-territoires {
    position: relative;
    text-align: left;
}
#Carte-filtre-territoires ul {
    margin: 0;
}
#Carte-filtre-hover li {
    position: absolute;
    display: none;
}
#Carte-filtre-hover li.actif,
#Carte-filtre-hover li.zone_open {
    display: block;
}
#Zone_img1 {
    left: 429px;
    top: 210px;
}
#Zone_img2 {
    left: 319px;
    top: 88px;
}
#Zone_img3 {
    left: 176px;
    top: 195px;
}
#Zone_img4 {
    left: 117px;
    top: 129px;
}
#Zone_img5 {
    left: 75px;
    top: 63px;
}
#Zone_img6 {
    left: 208px;
    top: 64px;
}
#Zone_img7 {
    left: 260px;
    top: 208px;
}
.carto_filtre_img {
    position: absolute;
    top: 0;
    left: 0;
}
.carto_filtre_img:first-child {
    z-index: 2;
}
#Carte-filtre-communes li {
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    background-image: url(img/sprite_oi.png);
    background-repeat: no-repeat;
    font-size: 1.2em;
    color: #a9a9a9;
}
#Carte-filtre-communes li:hover,
#Carte-filtre-communes li:focus,
#Carte-filtre-communes li.actif {
    color: #5e9fa4;
}
#Carte-filtre-communes li#Lorient,
#Carte-filtre-communes li#Carnac,
#Carte-filtre-communes li#Quiberon,
#Carte-filtre-communes li#La_Trinite,
#Carte-filtre-communes li#Pontivy {
    color: #282828;
    text-transform: uppercase;
}
#Carte-filtre-communes li#Lorient:hover,
#Carte-filtre-communes li#Lorient:focus,
#Carte-filtre-communes li#Lorient.actif,
#Carte-filtre-communes li#Carnac:hover,
#Carte-filtre-communes li#Carnac:focus,
#Carte-filtre-communes li#Carnac.actif,
#Carte-filtre-communes li#Quiberon:hover,
#Carte-filtre-communes li#Quiberon:focus,
#Carte-filtre-communes li#Quiberon.actif,
#Carte-filtre-communes li#La_Trinite:hover,
#Carte-filtre-communes li#La_Trinite:focus,
#Carte-filtre-communes li#La_Trinite.actif,
#Carte-filtre-communes li#Pontivy:hover,
#Carte-filtre-communes li#Pontivy:focus,
#Carte-filtre-communes li#Pontivy.actif {
    color: #ffd800;
}
/*#Le_Faouet {
    top: 100px;
    left: 86px;
    padding-right: 25px;
    background-position: right -1087px;
}
#Le_Faouet:hover,
#Le_Faouet:focus,
#Le_Faouet.actif {
    background-position: right -1117px;
}
#Pont_Scorff {
    top: 189px;
    left: 134px;
    padding-left: 25px;
    background-position: left -1087px;
}
#Pont_Scorff:hover,
#Pont_Scorff:focus,
#Pont_Scorff.actif {
    background-position: left -1117px;
}
#Groix {
    top: 266px;
    left: 95px;
    padding-right: 25px;
    background-position: right -1087px;
}
#Groix:hover,
#Groix:focus,
#Groix.actif {
    background-position: right -1117px;
}
#Guemene {
    left: 193px;
    top: 119px;
    padding-top: 15px;
    background-position: -12px -1087px;
}
#Guemene:hover,
#Guemene:focus,
#Guemene.actif {
    background-position: -12px -1117px;
}*/
/*#Locmine {
    left: 268px;
    top: 178px;
    padding-bottom: 10px;
    background-position: center -1073px;
}
#Locmine:hover,
#Locmine:focus,
#Locmine.actif {
    background-position: center -1103px;
}
#Auray {
    top: 255px;
    left: 244px;
    padding-bottom: 10px;
    background-position: center -1073px;
}
#Auray:hover,
#Auray:focus,
#Auray.actif {
    background-position: center -1103px;
}
#Houat {
    left: 237px;
    top: 362px;
    padding-left: 25px;
    background-position: left -1087px;
}
#Houat:hover,
#Houat:focus,
#Houat.actif {
    background-position: left -1117px;
}
#Hoedic {
    left: 259px;
    top: 396px;
    padding-left: 25px;
    background-position: left -1087px;
}
#Hoedic:hover,
#Hoedic:focus,
#Hoedic.actif {
    background-position: left -1117px;
}*/
/*#Josselin {
    left: 332px;
    top: 172px;
    padding-top: 15px;
    background-position: 16px -1087px;
}
#Josselin:hover,
#Josselin:focus,
#Josselin.actif {
    background-position: 16px -1117px;
}
#Vannes {
    left: 306px;
    top: 278px;
    padding-left: 25px;
    background-position: left -1087px;
}
#Vannes:hover,
#Vannes:focus,
#Vannes.actif {
    background-position: left -1117px;
}
#Damgan {
    left: 344px;
    top: 322px;
    padding-left: 25px;
    background-position: left -1087px;
}
#Damgan:hover,
#Damgan:focus,
#Damgan.actif {
    background-position: left -1117px;
}
#Penestin {
    left: 332px;
    top: 341px;
    padding-right: 25px;
    background-position: right -1087px;
}
#Penestin:hover,
#Penestin:focus,
#Penestin.actif {
    background-position: right -1117px;
}*/
/*#Ploermel {
    left: 389px;
    top: 177px;
    padding-left: 23px;
    background-position: left -1087px;
}
#Ploermel:hover,
#Ploermel:focus,
#Ploermel.actif {
    background-position: left -1117px;
}
#Malestroit {
    left: 368px;
    top: 238px;
    padding-right: 25px;
    background-position: right -1087px;
}
#Malestroit:hover,
#Malestroit:focus,
#Malestroit.actif {
    background-position: right -1087px;
}
#Rochefort {
    left: 400px;
    top: 270px;
    width: 51px;
    line-height: 1em;
    padding-left: 22px;
    background-position: left -1090px;
}
#Rochefort:hover,
#Rochefort:focus,
#Rochefort.actif {
    background-position: left -1120px;
}
#La_Roche {
    left: 398px;
    top: 340px;
    padding-bottom: 10px;
    background-position: 6px -1073px;
}
#La_Roche:hover,
#La_Roche:focus,
#La_Roche.actif {
    background-position: 6px -1103px;
}
#La_Gacilly {
    left: 453px;
    top: 239px;
    padding-bottom: 10px;
    background-position: 6px -1073px;
}
#La_Gacilly:hover,
#La_Gacilly:focus,
#La_Gacilly.actif {
    background-position: 6px -1103px;
}*/
/*#Lorient {
    left: 103px;
    top: 223px;
    padding-right: 25px;
    background-position: right -1147px;
}
#Carnac {
    left: 175px;
    top: 287px;
    padding-right: 25px;
    background-position: right -1147px;
}
#Quiberon {
    left: 151px;
    top: 327px;
    padding-right: 25px;
    background-position: right -1147px;
}
#La_Trinite {
    left: 212px;
    top: 287px;
    padding-top: 20px;
    width: 61px;
    line-height: 1em;
    background-position: center -1147px;
}
#Pontivy {
    left: 260px;
    top: 107px;
    padding-left: 25px;
    background-position: left -1147px;
}*/
/*- Filtre critères -*/

.Filtre_criteres {
    padding-bottom: 30px;
    text-align: left;
}
.Filtre_criteres .list_aggregations {
    display: none;
}
.list_filtre_criteres {
    display: block;
    vertical-align: top;
    width: 96%;
    margin: 20px auto;
    border-bottom: 1px solid;
}
.list_filtre_criteres p em {
    float: right;
}
.list_filtre_criteres ul {
    margin-left: 0;
    margin-bottom: 20px;
}
.normalDisplay .map{
    width: 80%!important;
}
.list_filtre_criteres.normalDisplay{
    flex-direction: row;
    border: 0;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
.list_filtre_criteres.normalDisplay p {
    margin: 0;
}
.list_filtre_criteres p {
    font-family: Heebo;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    margin-bottom: 20px;
    color: #fff;
    cursor: pointer;
}
.list_filtre_criteres li {
    cursor: pointer;
    padding: 5px 0;
    text-align: left;
    font-family: Heebo;
    font-weight: bold;
    font-size: 16px;
    color: #0077ff;
}
.list_filtre_criteres li span {
    display: block;
    padding-top: 5px;
}
/*.list_filtre_criteres li:hover,
.list_filtre_criteres li:focus,
.list_filtre_criteres li.checked {
    background-color: #f9ef9f;
}*/

.list_filtre_criteres li:last-child {
    border-bottom: none;
}
/* Classes pictos */

.filtre_1_etoile span,
.filtre_2_etoiles span,
.filtre_3_etoiles span,
.filtre_4_etoiles span,
.filtre_5_etoiles span {
    background-image: url(img/sprite_classement.png);
    background-repeat: no-repeat;
}
.list_filtre_criteres li.filtre_1_etoile.checked span,
.list_filtre_criteres li.filtre_2_etoiles.checked span,
.list_filtre_criteres li.filtre_3_etoiles.checked span,
.list_filtre_criteres li.filtre_4_etoiles.checked span,
.list_filtre_criteres li.filtre_5_etoiles.checked span {
    display: inline;
}
.filtre_1_etoile span {
    background-position: 5px -13px;
    padding-left: 30px;
}
.filtre_2_etoiles span {
    background-position: 5px -63px;
    padding-left: 50px;
}
.filtre_3_etoiles span {
    background-position: 5px -113px;
    padding-left: 70px;
}
.filtre_4_etoiles span {
    background-position: 5px -163px;
    padding-left: 90px;
}
.filtre_5_etoiles span {
    background-position: 5px -213px;
    padding-left: 110px;
}
/*.filtre_wifi span,
.filtre_spa span,
.filtre_resto span,
.filtre_piscine span,
.filtre_parking span,
.filtre_suite span,
.filtre_handi_t span,
.filtre_pouce span,
.filtre_coeur span,
.filtre_onsale span {
    padding-left: 45px;
    background-image: url(img/sprite_oi.png);
    background-repeat: no-repeat;
}*/

.filtre_wifi span {
    background-position: 5px -1800px;
}
.filtre_spa span {
    background-position: 5px -2250px;
}
.filtre_resto span {
    background-position: 5px -1850px;
}
.filtre_piscine span {
    background-position: 5px -1900px;
}
.filtre_parking span {
    background-position: 5px -1950px;
}
.filtre_suite span {
    background-position: 5px -2050px;
}
.filtre_handi_t span {
    background-position: 5px -2003px;
}
.filtre_pouce span {
    background-position: 5px -2204px;
}
.filtre_coeur span {
    background-position: 5px -2155px;
}
.filtre_onsale span {
    background-position: 5px -2100px;
}
/*-- Filtre dates FMA --*/

section.Filtre_dates_liste {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: column;
}

.filtre_dates_bloc {
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    margin: 10px;
    align-items: center;
}

.filtre_dates_bloc p.filter_submit {
    background: #0077ff;
    display: block;
    width: 80%;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 16px;
}
.normalDisplay .filtre_dates_bloc label{
    margin: 0;
}

.filtre_dates_bloc label {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.border_gris input {
    background: #404040;
    border: none;
    padding: 15px 20px;
    width: 180px;
    border-radius: 5px;
    margin-left: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}


#Filtre_dates_liste {
    padding: 20px 15px;
}
#Filtre_dates_liste label {
    font-size: 1.4em;
    color: #202020;
    text-transform: uppercase;
}
.filtre_dates_bloc,
#Filtre_dates_liste label,
#Filtre_dates_liste .border_gris,
#Filtre_dates_liste .border_gris input,
#Filtre_dates_liste .border_gris img,
#Fd_reset_dates,
#Filtre_dates_liste .filter_submit,
#Auto_dates_liste li {
    display: inline-block;
    vertical-align: middle;
}
#Filtre_dates_liste .border_gris {
    padding: 10px 10px 10px 20px;
    margin: 0 10px;
}
#Filtre_dates_liste .border_gris input {
    border: none;
    width: 100%;
    font-size: 1.6em;
    color: #fff;
    background: #404040;
}
#Filtre_dates_liste .border_gris img {
    cursor: pointer;
}
#Fd_reset_dates {
    width: 40px;
    height: 38px;
    background: url(img/sprite_oi.png) 50% -1621px no-repeat #0077ff;
    border: 1px solid #0077ff;
    cursor: pointer;
}
#Fd_reset_dates:hover,
#Fd_reset_dates:focus {
    background: url(img/sprite_oi.png) 50% -1581px no-repeat #fff;
    border: 1px solid #eae9e7;
}
#Filtre_dates_liste .filter_submit {
    width: 50px;
    cursor: pointer;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(img/sprite_oi.png) 100% -1662px no-repeat #0077ff;
    border: 1px solid #0077ff;
    padding: 10px 35px 10px 25px;
    margin-bottom: 0;
    margin-left: 40px;
}
#Filtre_dates_liste .filter_submit:hover,
#Filtre_dates_liste .filter_submit:focus {
    color: #2d2d2d;
    background: url(img/sprite_oi.png) 100% -1372px no-repeat #fff;
    border: 1px solid #eae9e7;
}
.Auto_dates_liste {
    margin: 25px 0;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
}
.Auto_dates_liste li {
    background: #171717;
    padding: 15px 0;
    width: 250px;
}
.Auto_dates_liste li a {
    font-family: Heebo;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}
.Auto_dates_liste li.actifAgenda {
    background: #fff;
    padding: 15px 0;
    width: 250px;
}
.Auto_dates_liste li.actifAgenda a {
    font-family: Heebo;
    font-weight: bold;
    font-size: 16px;
    color: #171717;
}
.Auto_dates_liste li:hover {
    background: #fff;
    padding: 15px 0;
}
.Auto_dates_liste li:hover a {
    font-family: Heebo;
    font-weight: bold;
    font-size: 16px;
    color: #171717;
}
@media screen and (min-width: 860px) and (max-width: 1024px) {
    #Carte-filtre-territoires {
        position: relative;
        text-align: left;
        width: 90%;
    }
    Carte-filtre-territoires .map{
        width: 70%;
    }
    #svg-container {
        width: 100%;
    }
    .filtre_dates_bloc:first-child {
        width: 60%;
    }
    .filtre_dates_bloc:last-child {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
}
@media screen and (max-width: 859px) {
    .filtre_dates_bloc {
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    .filtre_dates_bloc:first-child {
        width: 100%;
    }
    .filtre_dates_bloc:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 539px) {
    #Filtre_dates_liste label,
    #Filtre_dates_liste .border_gris {
        display: block;
    }
    #Filtre_dates_liste .border_gris {
        width: 200px;
        margin: 10px auto;
    }
    #Filtre_dates_liste .border_gris input {
        width: 180px;
    }
}
@media screen and (max-width: 499px) {
    #Auto_dates_liste li {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}
/*-- Voir sur une carte --*/

#Autour_moi_mob,
.voir_carte_OI_mob,
.voir_carte_OI_liste {
    font-family: Heebo;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
}
.content-list-mode {
    display: block;
    padding-bottom: 1px;
}
.content-map-mode {
    display: block;
    margin-top: 10px;
}
.voir_carte_OI_1:last-child {
    border-radius: 0 5px 5px 0!important;
}
.voir_carte_OI_1 {
    border-radius: 5px 0 0 5px;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    width: 20%;
    background-color: #0077ff;
    cursor: pointer;
}
.Btn_actif {
    background: #fff;
    color: #000;
}
.voir_carte_OI_1:hover,
.voir_carte_OI_1:focus {
    background: #fff;
    color: #000;
}
.voir_carte_OI_1 p {
    width: 161px;
    color: #fff;
    font-family: Heebo;
    font-weight: 400;
    margin: 0 auto;
    padding: 5px 0 5px 35px;
    background-repeat: no-repeat;
    background-position: 0 -197px;
}
.voir_carte_OI_liste span {
    display: block;
    padding-right: 35px;
    /*background:url(img/sprite_oi.png) 100% -742px no-repeat;*/
}
.voir_carte_OI_liste:hover span,
.voir_carte_OI_liste:focus span {
    background-position: 100% -762px;
}
#Voir_carte_OI_2 {
    display: block;
    color: #191919;
    width: 130px;
    border: 1px #ababab solid;
    padding: 15px 15px 15px 35px;
    margin: 20px auto 45px auto;
}
#Voir_carte_OI_2:hover,
#Voir_carte_OI_2:focus {
    color: #fff;
    border: 1px solid #0077ff;
}
#Autour_moi_mob,
.voir_carte_OI_mob {
    display: none;
    border: 1px #ababab solid;
    width: 270px;
    margin: 0 auto 10px auto;
}
#Autour_moi_mob p,
.voir_carte_OI_mob p {
    color: #191919;
    padding: 15px 15px 15px 35px;
    margin: 0 auto;
    background-image: url(img/sprite_oi.png);
    background-repeat: no-repeat;
}
#Autour_moi_mob p {
    width: 100px;
    background-position: 5px -832px;
}
.voir_carte_OI_mob p {
    width: 130px;
    background-position: 5px -656px;
}
/*-- Map --*/

.list-map-container {
    height: 400px;
}
@media screen and (max-width: 1024px) {

    .liste_OI, .liste_OI_FMA{
        margin: 10px 0 0 0!important;
    }

    .objTour_liste {
        width: 100%;
        padding: 20px 0;
    }
    .options_filtre_liste {
        width: 96%;
        padding: 0 2%;
        border: none;
        position: absolute;
    }
    .form_filtre,
    #Carte-filtre-territoires {
        display: block;
        margin: 20px auto;
    }
}
@media screen and (min-width: 790px) and (max-width: 1024px) {
    #Champ_commune,
    #Zone_commune {
        display: inline-block;
        vertical-align: top;
    }
    #Champ_commune {
        margin-right: 20px;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
    #Search_commune {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        margin-left: 20px;
    }
}
@media screen and (max-width: 959px) {
    #Search_commune {
        margin: 20px auto;
    }
}
@media screen and (max-width: 569px) {
    #Autour_moi_mob,
    .voir_carte_OI_mob {
        width: 100%;
    }
}
@media screen and (max-width: 509px) {
    #Zone_commune {
        padding-left: 0;
    }
}
@media screen and (max-width: 449px) {
    .Filtre_criteres {
        padding: 0;
        width: 100%;
    }
    .list_filtre_criteres {
        width: auto;
        display: block;
        padding: 0;
        margin: 0;
    }
    .list_filtre_criteres ul {
        padding: 0 4% 20px 4%;
        display: none;
    }
    .list_filtre_criteres p {
        cursor: pointer;
        font-size: 1.4em;
        font-weight: normal;
        padding: 15px 50px 15px 4%;
        margin-bottom: 0;
        border-bottom: 1px solid #e4dcd5;
        background: url(img/sprite_oi.png) 97% -988px no-repeat;
    }
    .list_filtre_criteres p.actif {
        color: #0077ff;
        background-position: 97% -1034px;
    }
    .btn_filtre {
        width: 100%;
        padding: 15px 0;
        margin-left: 0;
        position: static;
    }
    .btn_filtre span {
        width: 160px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 439px) {
    #Champ_commune {
        width: 80%;
    }
    #Champ_commune::-webkit-input-placeholder {
        font-size: 0;
        color: transparent;
    }
    #Champ_commune:-moz-placeholder {
        font-size: 0;
        color: transparent;
    }
    #Champ_commune::-moz-placeholder {
        font-size: 0;
        color: transparent;
    }
    #Champ_commune:-ms-input-placeholder {
        font-size: 0;
        color: transparent;
    }
}
@media screen and (max-width: 389px) {
    .liste_OI {
        padding: 0;
    }
    #Zone_commune span:last-child {
        display: none;
    }
}
/*--- OIs ---*/

.liste_OI,
.liste_OI_FMA {
    margin: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.liste_OI li {
    display: inline-block;
    vertical-align: top;
    width: 320px;
    height: 330px;
    text-align: left;
    margin: 20px 20px 0 0;
    position: relative;
    overflow: hidden;
}
    ul.liste_OI_FMA li {
        vertical-align: top;
        width: 220px;
        height: 330px;
        text-align: left;
        margin: 20px 20px 0 0;
        position: relative;
        overflow: hidden;
    }
.liste_OI li:nth-child(3n) {
    margin-right: 0;
}
.liste_OI_FMA li {
    display: inline-block;
    vertical-align: top;
    width: 232px;
    height: 310px;
    margin: 10px;
    position: relative;
    overflow: hidden;
}

/*datepicker*/
#ui-datepicker-div{
    z-index: 3!important;
}
.ui-datepicker-calendar thead {
    color: #fff!important;
    background: #202020!important;
}
.ui-datepicker th{
    color: #fff!important;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: inherit!important;
    text-align: center;
    font-size: 14px;
}
.ui-datepicker-header {
    background: #202020!important;
    color: #fff!important;
    font-family: Tahoma, sans-serif;
    padding: 10px 0;
    border-bottom: 1px solid #202020;
}
.ui-datepicker td .ui-state-active, .ui-datepicker td .ui-state-hover {
    background: #0077ff!important;
    color: #fff!important;
}
.ui-datepicker td{
    background: #fff!important;
}
.ui-datepicker .ui-state-disabled .ui-state-default {
    color: rgba(20,20,20,0.5)!important;
}
.ui-datepicker td .ui-state-default{
    color: #202020!important;
}
.oi-dates {
    float: left!important;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin-top: 0!important;
}
span.dateTop {
    font-size: 20px;
    font-weight: bold;
    color: #171717;
    position: relative;
    top: 3px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: baseline;
    margin: 0 auto;
    justify-content: center;
}
span.dateTop span {
    font-size: 12px;
    font-weight: 300;
    margin: 0 2px;
}
span.dateDu, span.dateAu {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin: 10px;
    width: 55px;
    height: 55px;
    background: #fff;
    position: relative;
}

.detail-oi.agenda span.dateDu,
.detail-oi.agenda span.dateAu {
    margin: 10px 5px;
    display: inline-block;
}

span.dateBottom {
    background: #0077ff;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
}
/* Infos top */

.infos_OI_liste_haut {
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
    background: #2a2a2a;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.ombre_img {
    display: block;
    width: 100%;
    height: 107px;
    background: url(img/ombre_img_oi.png) repeat-x;
    position: absolute;
    left: 0;
    bottom: 0;
}
.resa_OI_liste {
    width: 100%;
    height: 110px;
    background: url(img/ombre_oi_reservable.png) repeat-x;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.resa_OI_liste span {
    display: block;
    width: 75px;
    height: 30px;
    padding-left: 35px;
    margin: 10px 0 0 15px;
    background: url(img/sprite_oi.png) 0 -615px no-repeat;
    color: #0077ff;
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.1em;
}
.corner_tag_OI_liste {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.corner_tag_OI_liste div {
    margin-top: 10px;
    float: right;
    margin-right: 10px;
}
.tag_coeur_OI,
.tag_pouce_OI,
.tag_dble_OI {
    width: 30px;
    height: 30px;
    background-image: url(img/sprite_oi.png);
    background-repeat: no-repeat;
}
.coeurPicto {
    background-image: url(img/sprite_oi.png);
    background-position: 50% -881px;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
}
.tag_coeur_OI {
    height: 30px;
    width: 100%;
    background: #ffde00;
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    font-weight: lighter;
    margin: 0!important;
    align-items: center;
    color: #171717;
}
.tag_pouce_OI {
    background-position: 50% -255px;
}
.tag_dble_OI {
    background-position: 50% -75px;
}
.class_OI_liste {
    opacity: 1!important;
    height: 15px;
}
.prix_OI_liste {
    position: absolute;
    right: 15px;
    bottom: 0;
    color: #fff;
    text-align: right;
    margin: 0!important;
}
.prix_OI_liste span {
    display: inline-block;
}
.prix_OI_liste span.montant {
    font-family: Heebo;
    font-size: 22px;
    padding-top: 2px;
    font-weight: bold;
}
.prix_OI_liste span.euro {
    font-size: 15px;
    font-weight: bold;
}
/* Infos milieu */

.liste_OI_FMA .infos_OI_liste_milieu{
    height: 128px;
}

.infos_OI_liste_milieu {
    background: #fff;
    border: 1px solid #d6d6d6;
    height: 90px;
    position: relative;
}
.titre_OI_liste {
    font-family: Heebo;
    font-weight: 900;
    font-size: 22px;
    color: #fff;
    line-height: 1.2;
    width: 210px;
    margin: 0!important;
    text-shadow: 0 0 32px #000;

}
.bandeau-promo {
    background: #f60f10;
    padding: 2px 10px;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 15px;
    color: #fff;
}
.bandeau-promo p {
    color: #fff!important;
    font-weight: bold;
    font-size: 12px;
}
p.titre_OI_liste img {
    height: 15px;
}
.contenuImageListe {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 305px;
}
ul.liste_OI_FMA .contenuImageListe {
    bottom: 40px;
}
.titre_OI_liste_bp {
    font-size: 1.6em;
}
span.list_btn_reserver {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #148c14;
    padding: 3px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
}
.texte_OI_liste {
    font-size: 14px;
    color: #000;
    word-wrap: break-word;
    margin: 5px 20px 10px 20px;
}
span.typeOi {
    margin: 10px 0 0 20px;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
}
.pictos_OI_liste {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.pictos_OI {
    width: 30px;
    height: 30px;
    background-image: url(img/sprite_oi.png);
    /*background-repeat: no-repeat;*/
    display: inline-block;
    vertical-align: middle;
}
.picto_wifi_OI {
    background-position: 50% -360px;
}
.picto_spa_OI {
    background-position: 50% -450px;
}
.picto_resto_OI {
    background-position: 50% -390px;
}
.picto_piscine_OI {
    background-position: 50% -417px;
}
.picto_parking_OI {
    background-position: 50% -509px;
}
.picto_suite_OI {
    background-position: 50% -569px;
}
.picto_handi_OI {
    background-position: 50% -538px;
}
.picto_label_OI {
    display: inline-block;
    vertical-align: middle;
}
.liste_OI li:hover div.infos_OI_liste_haut {
    height: 200px!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.liste_OI li:hover div.infos_OI_liste_milieu {
    display: block!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.liste_OI_FMA li:hover div.infos_OI_liste_haut {
    height: 200px!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.liste_OI_FMA li:hover div.infos_OI_liste_milieu {
    display: block!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    bottom: 40px;
}
/* Infos bottom */

.infos_OI_liste_bas p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}
.ville_OI_liste {
    color: #171717;
    text-transform: initial!important;
    text-align: left;
    position: relative;
    left: 10px;
    font-weight: 500;
}
.carto_OI_liste {
    text-align: right;
    color: #0077ff;
    width: 100px;
}
span.linkDetail {
    float: right;
    margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #0077ff;
}
.infos_OI_liste_bas {
    display: block;
    width: 320px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    position: absolute;
    bottom: 0;
}
.infos_OI_liste_bas a{
    position: absolute;
    right: 15px;
    top: 0;
}
.liste_OI_FMA .infos_OI_liste_bas {
    display: block;
    width: 232px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    position: absolute;
    bottom: 0;
}
/* Infos liste FMA */

.lien_img_OI_liste_FMA,
.infos_OI_liste_FMA {
    display: inline-block;
    vertical-align: top;
}
.lien_img_OI_liste_FMA {
    width: 40%;
    min-width: 190px;
    height: 280px;
    overflow: hidden;
}
.ombre_img_OI_liste_FMA {
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: 96%;
    height: 270px;
    padding: 10px 2% 0 2%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(img/ombre_img_oi_fma.png) 0 0 repeat-x;
}
.infos_OI_liste_FMA {
    position: relative;
    padding: 20px 4%;
    width: 50%;
    height: 238px;
    border: 1px solid #cacaca;
    border-left: none;
    margin-left: -2px;
}
.liste_OI_FMA .titre_OI_liste {
    font-size: 22px;
    font-family: Heebo;
    font-weight: bold;
    text-shadow: 0 0 32px #000;

}
.liste_OI_FMA .ville_OI_liste {
    font-size: 1.4em;
}
.dates_OI_liste_FMA {
    margin-bottom: 5px;
    font-size: 1.3em;
    color: #848484;
    text-transform: uppercase;
}
@media screen and (min-width: 1000px) and (max-width: 1029px) {
    .ville_OI_liste,
    .carto_OI_liste {
        width: 46%;
    }
}
@media screen and (min-width: 790px) and (max-width: 999px) {
    .carto_OI_liste {
        text-align: center;
    }
}

@media screen and (min-width: 570px) and (max-width: 669px) {
    .carto_OI_liste {
        text-align: center;
    }
}

/*---- DETAIL OI ----*/

/*.pika-cnstell-lendar {
    width: 70% !important;
}*/
.detail-oi .ois-assos-container{
    margin-bottom:25px;
}

.detail-oi .pane-w.masked{
    height:485px;
    overflow:hidden;
}

.detail-oi .tab_content .pika-cnstell-single{
    max-width:555px;
    margin:0 auto;
}

.detail-oi .tab_content .pika-cnstell-single .pika-cnstell-lendar{
    width:98%!important;
}

.detail-oi .ois-assos-container .subtitle{
    font-size:40px;
    margin:20px 0;
}

.detail-oi .ois-assos-container .subtitle .name{
    display:none;
}

.detail-oi .ois-assos .oi-asso{
    width:99%;
    display:block;
}

.detail-oi .ois-assos .oi-asso .oi-asso-image{
    position:relative;
}

.detail-oi .ois-assos .oi-asso .oi-asso-image img{
    width:100%;
}

.detail-oi .ois-assos .oi-asso .oi-asso-image .type{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    color: #fff;
    padding: 6px 16px;
    background: #171717;
    text-transform: uppercase;
    font-weight: bold;
}

.detail-oi .ois-assos .oi-asso .oi-asso-image .oi-asso-infos{
    color:#fff;
    position:absolute;
    bottom:0;
    padding:28px 20px 15px 20px;
    line-height:14px;
    width:calc(100% - 40px);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,1,17,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,1,17,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,1,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000111',GradientType=0 );
}

.detail-oi .ois-assos .oi-asso .title{
    font-size:22px;
    line-height:26px;
    font-weight:bold;
}

.detail-oi .ois-assos .oi-asso .tel{
    color:#0077ff;
    font-size:14px;
    font-weight:bold;
}

.detail-oi .ois-assos .oi-asso .tel .symbol{
    margin-right:5px;
}

.detail-oi .ois-assos .oi-asso .avis{
    background: #F5F5F5;
    padding: 10px;
    margin-top: 18px;
    border-radius: 4px;
    position:relative;
    border: 4px solid #F5F5F5;
}

.detail-oi .ois-assos .oi-asso .avis:before {
	bottom: 100%;
	right: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.detail-oi .ois-assos .oi-asso .avis:after {
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #F5F5F5;
	border-width: 15px;
	margin-left: -15px;
}
.detail-oi .ois-assos .oi-asso .avis:before {
	border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #F5F5F5;
    border-width: 16px;
    margin-left: -16px;
}

.detail-oi .ois-assos .oi-asso .avis .texte{
    line-height:18px;
    font-size:12px;
}

.detail-oi .see-more-gradient{
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 200px;
    margin-top: -250px;
    z-index: 9;
    position: relative;
}

.detail-oi .see-more{
    display: inline-block;
    text-align: center;
    width: 100%;
    background: #0077ff;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0;
    cursor:pointer;
    position: relative;
    z-index: 8;
}

.content_voir_aussi {
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
    /*padding-top: 50px;*/
}
.content-written-by {
    border: 1px solid #e6e6e6;
    padding: 20px;
    font-size: 15px;
    margin-bottom: 25px;
}
.content-written-by p {
    display: inline-block;
}
.content-written-by p .brown {
    color: #0077ff;
    font-weight: bold;
}
.content-written-by img {
    display: inline-block;
    margin-left: 35px;
}
/*-- Commun light et premium --*/

.ancre_video_detail {
    width: 85px;
    padding-left: 40px;
    height: 25px;
    padding-top: 7px;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #fff!important;
    background: url(img/sprite_oi.png) 0 -1300px no-repeat;
}
.tag_diapo_detail {
    height: 82px;
    width: 82px;
    background: url(img/corner_tag_OI_detail.png) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}
.tag_diapo_detail span {
    display: block;
    margin-top: 40px;
    margin-left: 45px;
}
.tarif_min_OI_detail {
    text-align: right;
    width: 125px;
}
.tarif_min_OI_detail span {
    display: block;
    font-size: 4em;
    margin-top: 15px;
}
.content_detail h1 {
    font-family: Heebo;
    font-weight: 400;
    font-size: 5em;
}
.retour_liste_OI {
    width: 65px;
    font-size: 1.4em;
    text-transform: uppercase;
    text-align: right;
}
@media screen and (max-width: 599px) {
    .content_detail h1 {
        font-size: 3em;
        line-height: 1.5em;
    }
}
/*-- Diapos détail light --*/

#Diapo_detail_light {
    overflow: hidden;
    position: relative;
    background: #052e45;
}
#Ecran_diapo_detail_light {
    width: 10000px;
    height: 410px;
}
#Ecran_diapo_detail_light img {
    display: inline;
    height: 410px;
    margin-left: -2px;
}
#Diapo_detail_light .fleche_prec,
#Diapo_detail_light .fleche_suiv {
    top: 150px;
}
#Options_diapo_detail_light {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 50px;
    padding-top: 80px;
    background: url(img/fond_diapo_light.png) repeat-x;
}
#Ancre_video_detail_light {
    margin-bottom: 25px;
    margin-left: 25px;
    color: #fff;
}
#Ancre_video_detail_light,
#Puces_diapo_detail_light {
    display: inline-block;
    vertical-align: middle;
}
#Puces_diapo_detail_light {
    padding-bottom: 10px;
}
#Puces_diapo_detail_light li {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    background: url(img/sprite.png) no-repeat 50% -475px;
}
#Puces_diapo_detail_light li.actif {
    background-position: 50% -495px;
}
@media screen and (max-width: 399px) {
    #Puces_diapo_detail_light {
        display: none;
    }
    #Ancre_video_detail_light {
        display: block;
        margin: 0 auto;
    }
}
/*-- Diapo détail premium --*/

#slides {
    position: relative;
}
#slides .slides-container {
    display: none;
}
#slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
/*#slides .scrollable:after { content: ""; display: table; clear: both;}*/

.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 40%;
    width: 100%;
}
.slides-navigation a {
    position: absolute;
    display: block;
}
.slides-navigation a.prev {
    left: 0;
}
.slides-navigation a.next {
    right: 0;
}
.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 225px;
    width: 100%;
    text-align: center;
    font-size: 0;
    color: transparent;
}
.slides-pagination a {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    background: url(img/sprite.png) no-repeat 50% -475px;
    text-indent: -100%;
}
.slides-pagination a.current {
    background-position: 50% -495px;
}
#Options_diapo_detail_premium {
    position: absolute;
    z-index: 4;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: url(img/fond_diapo_premium.png) repeat-x;
}
#Options_diapo_detail_premium .center {
    position: relative;
    padding-top: 100px;
    height: 200px;
}
#Ancre_video_detail_premium {
    display: block;
    color: #0077ff;
    background: url('img/video-play.jpg') no-repeat;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
}
#Titre_OI_detail_premium {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
#Retour_liste_premium {
    background: url(img/sprite_oi.png) -10px -1351px no-repeat;
    position: absolute;
    bottom: 50px;
    margin-right: 60px;
}
#Tarif_min_OI_detail_premium,
#Retour_liste_premium,
#Options_diapo_detail_premium .btn_reservez {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
#Tarif_min_OI_detail_premium {
    position: absolute;
    left: 30%;
    bottom: 20px;
}
/*-- Titre OI light --*/

#Titre_OI_detail_light,
#Retour_liste_light {
    display: inline-block;
    vertical-align: top;
}
#Titre_OI_detail_light {
    width: 86%;
    padding: 0 2%;
    color: #242424;
    text-align: center;
}
#Titre_OI_detail_light img {
    margin-top: -25px;
}
#Retour_liste_light {
    margin-top: 15px;
    color: #856a54;
    background: url(img/sprite_oi.png) -10px -1223px no-repeat;
}
#Retour_liste_light.retour_mob_detail_premium,
#Titre_OI_detail_light.titre_mob_detail_premium {
    display: none;
}
@media screen and (max-width: 1024px) {
    #Titre_OI_detail_light.titre_mob_detail_premium {
        display: block;
        margin: 20px auto;
    }
    #Titre_OI_detail_premium,
    #Tarif_min_OI_detail_premium,
    #Options_diapo_detail_premium .btn_reservez {
        display: none;
    }
    .ot-rando-detail #Titre_OI_detail_premium {
        display: block;
    }
    #Options_diapo_detail_premium .center {
        padding-top: 245px;
        height: auto;
    }
    #Ancre_video_detail_premium {
        top: 240px;
    }
    .slides-pagination {
        bottom: 35px;
        z-index: 6;
    }
    .slick-initialized .slick-slide {
        max-height: none;
    }
}
@media screen and (max-width: 899px) {
    #Titre_OI_detail_light,
    #Retour_liste_light,
    #Retour_liste_light.retour_mob_detail_premium {
        display: block;
    }
    #Titre_OI_detail_light {
        padding: 0;
        width: 100%;
    }
    #Ancre_video_detail_premium {
        right: 50%;
        margin-right: -62px;
    }
    #Retour_liste_light {
        margin: 15px auto;
    }
    #Retour_liste_premium,
    .slides-pagination {
        display: none;
    }
    .ois-associes .baseline {
        display: none;
    }
    .ois-associes .oiasso-slider {
        width: 90%;
        margin-left: 0;
    }
    .ois-associes .oiasso-slider .slick-next {
        display: none !important;
    }
}
/*-- Encart bon plan --*/

.encart_BP_OI_detail {
    background: #ec4440;
}
.encart_BP_OI_detail p {
    color: #fff;
    margin-bottom: 10px;
}
.dates_BP_OI_detail {
    font-size: 1.6em;
    text-transform: uppercase;
}
.titre_BP_OI_detail {
    font-family: Heebo;
    font-weight: 400;
    font-size: 2.6em;
    line-height: 1.2em;
}
.chapo_BP_OI_detail {
    font-size: 1.6em;
}
.lien_BP_OI_detail {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    background: url(img/sprite_oi.png) 50px -1555px no-repeat;
    cursor: pointer;
    margin-left: 145px;
    text-align: right;
}
.encart_BP_OI_detail .lien_BP_OI_detail {
    margin-bottom: 0;
}
.box_BP_OI_detail {
    position: absolute;
    left: 50%;
    top: -75px;
    z-index: 11;
    width: 800px;
    padding-right: 40px;
    margin-left: -420px;
}
.box_BP_OI_detail .close_box {
    background-color: #ec4440;
}
.encart_BP_OI_detail .titre_box_BP {
    color: #fff;
    font-size: 2.6em;
    background: #ec4440;
    margin: 0;
    padding: 30px 10px;
    text-align: center;
}
.encart_BP_OI_detail .article_box_BP {
    background: #fff;
    color: #626262;
    margin: 0;
    padding: 30px 20px;
    font-size: 1.6em;
}
#BP_OI_detail_light {
    width: 100%;
    margin-top: 30px;
    position: relative;
}
#BP_OI_detail_light .content_BP_OI_detail {
    padding: 20px 0 20px 200px;
    margin: 0 auto;
    width: 410px;
    min-height: 100px;
    background: url(img/img_bon_plan_detail.png) 0 bottom no-repeat;
}
#BP_OI_detail_light .box_BP_OI_detail {
    top: -50px;
}
.content_BP_OI_detail {
    padding: 20px 85px 20px 0;
    text-align: right;
    float: right;
    width: 400px;
}
@media screen and (max-width: 1024px) {
    .content_BP_OI_detail {
        padding: 20px 0;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    .lien_BP_OI_detail {
        margin: 0 auto;
    }
}
@media screen and (max-width: 899px) {
    .box_BP_OI_detail {
        width: 96%;
        left: 2%;
        margin-left: 0;
    }
}
@media screen and (max-width: 699px) {
    .box_BP_OI_detail {
        padding-right: 0;
    }
}
@media screen and (max-width: 639px) {
    #BP_OI_detail_light .content_BP_OI_detail {
        padding: 20px 0;
        background: none;
    }
}
@media screen and (max-width: 539px) {
    .encart_BP_OI_detail {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 469px) {
    #BP_OI_detail_light .content_BP_OI_detail {
        width: 100%;
        text-align: center;
    }
    .lien_BP_OI_detail {
        margin: 0 auto;
    }
}
/*-- Infos OI agenda --*/

#Retour_liste_agenda,
#Img_OI_affiche,
#Infos_OI_agenda,
#Adresse_OI_agenda,
#Contacts_OI_agenda {
    display: inline-block;
    vertical-align: top;
}
#Retour_liste_agenda,
#Img_OI_affiche {
    margin-right: 30px;
}
#Retour_liste_agenda {
    color: #856a54;
    background: url(img/sprite_oi.png) -10px -1223px no-repeat;
}
#Img_OI_affiche {
    max-width: 290px;
}
#Infos_OI_agenda {
    width: 910px;
    padding-right: 15px;
}
#Infos_OI_agenda.colD_OI_agenda {
    width: 580px;
    padding-right: 20px;
}
.dates_OI_agenda {
    font-size: 1.6em;
    text-transform: uppercase;
    color: #4d4d4d;
    margin-bottom: 5px;
}
#Infos_OI_agenda h1 {
    color: #242424;
    margin-top: 0;
}
#Infos_OI_agenda h1.marge_titre_agenda {
    margin-top: 20px;
}
#Lien_programme_OI {
    display: block;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #191919;
    width: 190px;
    border: 1px #ababab solid;
    padding: 15px 15px 15px 35px;
    margin: 20px 0;
    background: url(img/sprite_oi.png) 5px -1702px no-repeat;
}
#Lien_programme_OI:hover,
#Lien_programme_OI:focus {
    color: #fff;
    border: 1px solid #0077ff;
    background: url(img/sprite_oi.png) 5px -1752px no-repeat #0077ff;
}
#Infos_OI_agenda .lien_carnet_voyage {
    margin: 20px 0;
}
#Adresse_OI_agenda,
#Contacts_OI_agenda {
    width: 49%;
}
#Contacts_OI_agenda {
    text-align: right;
}
#Contacts_OI_agenda .moyens_com {
    clear: both;
}
a.url_OI_agenda,
a.url_OI_agenda:link {
    display: block;
    font-size: 1.6em;
    color: #0077ff;
    margin-bottom: 5px;
    clear: both;
}
a.url_OI_agenda:hover,
a.url_OI_agenda:focus {
    text-decoration: underline;
}
@media screen and (max-width: 1024px) {
    #Retour_liste_agenda {
        display: block;
        margin-bottom: 20px;
    }
    #Infos_OI_agenda {
        width: 100%;
        padding-right: 0;
    }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
    #Infos_OI_agenda.colD_OI_agenda {
        margin-top: -45px;
        width: 60%;
        padding-right: 0;
    }
    #Img_OI_affiche {
        max-width: 28%;
    }
}
@media screen and (max-width: 699px) {
    #Img_OI_affiche,
    #Infos_OI_agenda,
    #Adresse_OI_agenda,
    #Contacts_OI_agenda,
    #Infos_OI_agenda.colD_OI_agenda {
        display: block;
    }
    #Adresse_OI_agenda,
    #Contacts_OI_agenda {
        width: 100%;
    }
    #Infos_OI_agenda {
        text-align: center;
    }
    #Infos_OI_agenda.colD_OI_agenda {
        width: 100%;
        padding-right: 0;
    }
    #Retour_liste_agenda,
    #Img_OI_affiche,
    #Lien_programme_OI,
    #Infos_OI_agenda .lien_carnet_voyage {
        margin: 20px auto;
    }
}
/*-- Infos OI --*/
/*- Colonne gauche -*/

#Infos_OI_light_gauche,
#Infos_OI_premium_gauche {
    width: 60%;
    text-align: justify;
    display: inline-block;
    padding-top: 20px;
}
#Infos_OI_premium_gauche {
    min-height: 300px;
}
.border_infos_OI {
    padding: 0 30px;
}
.border_infos_OI ul{
    margin-left: 0!important;
}
#Infos_OI_light_gauche .titre_infos_OI_detail {
    margin-top: 30px;
}
#Infos_OI_light_gauche .titre_infos_OI_detail:first-child {
    margin-top: 0;
}
.bon-plans {
    background: #EC453F;
    padding: 25px;
    margin-bottom: 20px;
}
.bon-plans .bon-plan .titre,
.bon-plans .bon-plan .texte,
.bon-plans .bon-plan .lien {
    color: #fff;
}
.bon-plans .bon-plan .titre {
    font-size: 25px;
}
.bon-plans .bon-plan .texte {
    color: #FFBDAE;
    font-size: 15px;
}
.bon-plans .bon-plan .lien {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.bon-plans .slick-next,
.bon-plans .slick-prev {
    width: 20px;
    height: 50px;
}
.bon-plans .slick-prev {
    background: url(img/sprite_oi.png) -4px -2348px no-repeat;
}
.bon-plans .slick-next {
    background: url(img/sprite_oi.png) -10px -2297px no-repeat;
}
.titre_infos_OI_detail {
    color: #000;
    font-weight: bold;
    font-size: 1.4em;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.infos_OI_detail {
    font-size: 1.6em;
    color: #000;
    line-height: 1.5em;
    margin: 0;
}
/*.infos_OI_detail span { display:block;}*/

#Infos_OI_light_gauche p.lien_bg_marron,
#Infos_OI_premium_gauche p.lien_bg_marron {
    cursor: pointer;
}
#Infos_OI_premium_gauche p.lien_bg_marron a {
    color: #fff;
}
#Infos_OI_premium_gauche p.lien_bg_marron a:hover {
    color: #000;
}
#Infos_mob_OI_premium_gauche {
    display: none;
}
a.lien_site_OI_detail {
    display: block;
    font-size: 1.6em;
    color: #0077ff;
    font-weight: bold;
    margin-bottom: 5px;
}
a.lien_site_OI_detail:focus,
a.lien_site_OI_detail:hover {
    text-decoration: none;
}

a.lien_site_OI_detail:first-of-type{
    margin-bottom:10px;
}

a.lien_site_OI_detail:last-of-type{
    margin-bottom:20px;
}

/* Box moyen com */

.moyens_com {
    width: 220px;
    float: right;
}
.box_com {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11;
}
.box_tel {
    width: 800px;
    padding-right: 40px;
    text-align: center;
}
.box_tel p {
    margin: 0;
}
.proprio_box {
    color: #fff;
    font-size: 2.6em;
    background: #171717;
    padding: 30px 10px;
    text-align: center;
    margin-bottom: 0;
}
.proprio_box span {
    display: block;
    font-weight: bold;
    margin-top: 20px;
}
.be_box {
    color: #fff;
    font-size: 2.6em;
    background: #fff;
    padding: 30px 10px;
    text-align: center;
    margin-bottom: 0;
}
.box_tel a {
    display: block;
    font-size: 6em;
    background: #fff;
    padding: 50px 10px;
    cursor: none;
}
.detail-oi .open-be {
    background: #0077ff;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding: 15px 25px;
    cursor:pointer;
    margin: 18px 0;
}
.box_be {
    padding-right: 40px;
}

.box_be .calendar,
.box_be .booking-engine{
    width:100%;
    margin-right:-4px;
    display:inline-block;
    vertical-align:top;
}

.box_be .co-widget-p-link-gift-voucher,
.box_be .co-widget.co-widget-vertical .co-widget-trip label,
.box_be .co-widget label:not([class*=co-widget-ignore]){
    display:none!important;
}

.box_com .close_box {
    background-color: #171717;
}

.box_be .co-widget {
    background: #fff !important;
}
.box_be .co-widget.co-widget-vertical {
    padding: 10px 35px 35px 35px !important;
}
.box_be .co-widget label:not([class*=co-widget-ignore]) {
    color: #363636 !important;
}
.box_be .co-widget input {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 42px !important;
    border-top:none!important;
    border-left:none!important;
    border-right:none!important;
}

.box_be .co-widget .co-widget-styled{
    border-top:none!important;
    border-left:none!important;
    border-right:none!important;
}

.box_be .co-widget input,
.box_be .co-widget select,
.box_be .co-widget button:not([class*=pika]) {
    min-height: 45px !important;
}

.box_be .co-widget.co-widget-vertical [class*=co-widget-col-]:not([class*=co-widget-date]) + [class*=co-widget-col-]{
    padding-left:0px!important;
}

.box_be .co-widget input, .box_be .co-widget select{
    color:#000!important;
    font-family:Heebo!important;
    font-weight:bold;
    font-size:16px;
}

.box_be .co-widget .co-widget-btn-resume-capa {
    color:#1d7aff!important;
    background: #fff !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border-bottom:1px solid #CCCCCC!important;
}
.box_be .co-widget #BtnLaunchBooking {
    background: #1d7aff !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.box_be .co-widget .co-widget-styled {
    height: 42px !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.box_mail {
    width: 600px;
    padding-right: 40px;
    text-align: left;
}
.box_com.box_mail {
    bottom: -130px;
}
#Form_box_mail {
    background: #fff;
    padding: 20px;
}
#Form_box_mail label:first-child {
    text-align: left;
    font-size: 1.6em;
    color: #3d3d3d;
    width: 115px;
    display: inline-block;
    vertical-align: top;
}
#Form_box_mail div {
    margin-bottom: 10px;
}
#Form_box_mail .Eform_Obl {
    text-align: center;
}
#Form_box_mail input,
#Form_box_mail textarea {
    width: 60%;
    padding: 10px 2%;
    border: none;
    border: 1px #dcdcdc solid;
}
#Form_box_mail .check_contact label {
    text-align: left;
    font-size: 1.6em;
    color: #3d3d3d;
}
#Form_box_mail .check_contact input {
    width: auto;
}
a.validClick {
    width: 80px;
    margin: 0 auto;
    cursor: pointer;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(img/sprite_oi.png) 100% -1657px no-repeat #0077ff;
    border: 1px solid #0077ff;
    display: block;
    padding: 15px 35px 15px 25px;
}
a.validClick:hover,
a.validClick:focus {
    color: #2d2d2d;
    background: url(img/sprite_oi.png) 100% -1367px no-repeat #fff;
    border: 1px solid #eae9e7;
}
.form_mail_detail {
    display: none;
}
.msg_valid_form,
.msg_erreur_form {
    font-size: 1.6em;
    font-weight: bold;
}
.msg_valid_form {
    color: green;
}
.msg_erreur_form {
    color: red;
}
/*- Colonne droite -*/

.chaines_labels_OI_detail {
    margin-bottom: 20px;
}
.chaines_labels_OI_detail img {
    margin-right: 5px;
}
.chapo_OI_detail {
    font-size: 1.6em;
    line-height: 1.5em;
    color: #191919;
}
.text_OI_detail {
    font-size: 1.6em;
    line-height: 1.5em;
    color: #000;
}
a.ancre_info_detail {
    display: block;
    width: 160px;
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 1.4em;
    color: #856a54;
    text-transform: uppercase;
    background: url(img/sprite_oi.png) 130px -1242px no-repeat;
}
.pictos_OI_detail {
    margin-bottom: 20px;
}
.tarif_min_OI_detail,
.btn_reservez {
    display: inline-block;
    vertical-align: middle;
}
.btn_reservez {
    display: inline-block;
    vertical-align: middle;
    margin-right: 75px;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    width: 130px;
    text-align: center;
    color: #fff !important;
    border: 1px solid #0077ff;
    background: #0077ff;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 20px;
}
/* Colonne droite light */

#Infos_OI_light_droite {
    width: 40%;
    margin-right: -4px;
    display: inline-block;
    vertical-align: top;
    padding-top: 25px;
}
#Infos_OI_light_droite .btn_reservez {
    color: #191919;
    margin: 20px 0 20px 25px;
}
#Infos_OI_light_droite .btn_reservez:hover,
#Infos_OI_light_droite .btn_reservez:focus {
    color: #fff;
}
/* Colonne droite premium */

#Infos_OI_premium_droite {
    vertical-align:top;
    margin-right: -4px;
    width: 40%;
    display: inline-block;
}
#Options_diapo_detail_premium .btn_reservez {
    color: #fff;
}
.resa-vid-button {
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E4E4;
}
@media screen and (min-width: 1025px) and (max-width: 1039px) {
    #Infos_OI_premium_gauche {
        width: 450px;
    }
}
@media screen and (max-width: 1024px) {
    #Infos_mob_OI_premium_gauche {
        display: block;
    }
    #Infos_mob_OI_premium_gauche .btn_reservez {
        margin-left: 25px;
    }
    #Infos_OI_premium_droite {
        position: static;
    }
    .border_infos_OI {
        padding: 0;
    }
}
@media screen and (min-width: 540px) and (max-width: 1024px) {
    #Infos_OI_light_gauche,
    #Infos_OI_premium_gauche {
        padding: 0 1% 0 0;
        width: 99%;
    }
    #Infos_OI_light_droite,
    #Infos_OI_premium_droite {
        width: 57%;
    }
    #Infos_OI_premium_droite {
        float: right;
        margin-right: 0;
        margin-top: 40px;
    }
    #Infos_OI_premium_droite .text_OI_detail {
        padding-right: 30px;
    }
}
@media screen and (max-width: 899px) {
    .box_com {
        width: 96%;
        left: 2%;
        margin-left: 0;
        padding-right: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    #Ancre_video_detail_premium {
        display: block;
    }
}
@media screen and (min-width: 430px) and (max-width: 899px) {
    .proprio_box {
        padding-top: 45px;
    }
}
@media screen and (max-width: 539px) {
    #Infos_OI_light_gauche,
    #Infos_OI_premium_gauche {
        padding: 0;
        width: 100%;
        border: none;
        text-align: center;
    }
    #Infos_OI_light_droite,
    #Infos_OI_premium_droite {
        float: none;
        width: 100%;
        padding: 0;
    }
    a.ancre_info_detail {
        text-align: left;
        margin: 0 auto;
    }
    #Infos_OI_premium_droite .text_OI_detail {
        padding: 0 2%;
    }
}
@media screen and (max-width: 429px) {
    .proprio_box {
        padding-top: 35px;
        font-size: 2em;
    }
    .box_tel a {
        font-size: 4em;
        padding: 30px 10px;
    }
}
@media screen and (max-width: 409px) {
    #Form_box_mail input,
    #Form_box_mail textarea {
        width: 96%;
        display: block;
    }
    #Form_box_mail .check_contact input {
        display: inline-block;
    }
}
/*- Vidéo(s) -*/

.video_OI_detail iframe {
    margin: 20px auto;
}
/*- Infos pratiques -*/
/* Pictos */

#Infos_pratiques_pictos {
    text-align: left;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
#Infos_pratiques_pictos p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 1.4em;
}
#Infos_pratiques_pictos p:first-child {
    margin-left: 0;
}
#Infos_pratiques_pictos p span {
    display: inline-block;
    vertical-align: middle;
    font-family: Heebo;
    font-weight: 400;
    text-transform: initial!important;
}
#Infos_pratiques_pictos p span.pictos_OI {
    margin-right: 5px;
}
/* Onglets */

#Infos_pratiques_onglets {
    margin: 35px 0;
}
#Infos_pratiques_onglets ul,
#Infos_pratiques_listes ul {
    margin: 0;
}
#Infos_pratiques_onglets .infos_OI_detail {
    font-family: Heebo;
    font-weight: 400;
}
#Infos_pratiques_onglets .tabs li h3,
#Infos_pratiques_onglets .tabs li .h3 {
    font-family: Heebo;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    color: #000;
    margin: 0;
    padding: 27px 0;
    text-align: center;
}
#Infos_pratiques_onglets ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 65px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#Infos_pratiques_onglets ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0 21px;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #e6e6e6;
    color: #000 !important;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#Infos_pratiques_onglets .tab_last {
    border-right: 1px solid #e6e6e6;
}
#Infos_pratiques_onglets ul.tabs li:hover {
    color: #000;
    background: #f7f7f7;
}
#Infos_pratiques_onglets ul.tabs li.active {
    background-color: #171717;
    border-bottom: 1px solid #fff;
    display: block;
}
#Infos_pratiques_onglets ul.tabs li.active h3,
#Infos_pratiques_onglets ul.tabs li.active .h3 {
    color: #fff;
}
#Infos_pratiques_onglets .tab_container {
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto;
    border: 2px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: none;
}
#Infos_pratiques_onglets .tab_content {
    padding: 20px;
    display: none;
}
#Infos_pratiques_onglets .tab_drawer_heading {
    font-weight: normal;
    display: none;
    color: #fff;
    padding: 15px;
    font-family: Heebo;
    font-weight: 700;
    font-size: 1.4em;
    background: #171717;
    border-top: 1px solid #2f2f2f;
    margin: 0;
}

#Infos_pratiques_onglets .tab_drawer_heading .symbol{
    font-weight:bold;
    font-size:24px;
    float:right;
}

.liste_infos_pratiques_onglets {
    margin-left: 2%;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
#tab3 .liste_infos_pratiques_onglets {
    margin-left: 2%;
    width: 47%;
}
#tab4 p {
    font-size: 1.6em;
    line-height: 1.5em;
}
div[id*=ConstellationCalendarContainer] .pika-cnstell-single {
    top: 0 !important;
}
#periodesDispo .clndr {
    width: 62%;
    margin: 0 auto;
}
.adresse-alentours {
    background: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 30px 10px;
    max-width: 380px;
}
.adresse-alentours p {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    font-size: 20px;
}
.adresse-alentours .link {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    max-width: 30px;
    display: inline-block;
    color: #0077ff;
    line-height: 10px;
    margin-top: 25px;
}
.reseaux-sociaux {
    margin: 50px 0;
}

.detail-oi.agenda .reseaux-sociaux {
    margin: 5px 0;
}

.reseaux-sociaux .titre {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #000;
}
.social {
    text-align: center;
    padding: 0;
    margin: 0;
}

.detail-oi.agenda .social{
    text-align:left;
}

.social li {
    display: inline-block;
    margin: 0 8px;
}

.detail-oi.agenda .social li{
    margin:0 5px;
}

.social li a {
    width: 60px;
    height: 60px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.social .facebook a {
    background-image: url('img/picto-facebook.png');
}
.social .twitter a {
    background-image: url('img/picto-twitter.png');
}
.social .google a {
    background-image: url('img/picto-google-plus.png');
}
@media screen and (max-width: 739px) {
    #Infos_pratiques_onglets .tab_content {
        background: #fff;
        border: 3px solid #e6e6e6;
        border-top: none;
        border-bottom: none;
    }
    .liste_infos_pratiques_onglets,
    #tab3 .liste_infos_pratiques_onglets {
        display: block;
        margin-bottom: 25px;
        width: 98%;
    }
    #Infos_pratiques_onglets .tabs {
        display: none!important;
    }
    #Infos_pratiques_onglets .tab_drawer_heading {
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
/* Carnet de voyage */

a.lien_carnet_voyage {
    display: block;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #191919;
    width: 200px;
    border: 1px #ababab solid;
    padding: 15px 15px 15px 35px;
    margin: 20px auto 45px auto;
    background: url(img/sprite_oi.png) 5px -1452px no-repeat;
}
a.lien_carnet_voyage:hover,
a.lien_carnet_voyage:focus {
    color: #fff;
    border: 1px solid #0077ff;
    background: url(img/sprite_oi.png) 5px -1502px no-repeat #0077ff;
}
/* Commentaires */

.lien_comment_OI_detail {
    width: 96%;
    text-align: center;
    padding: 25px 2% 20px 2%;
    background: #f4f4f4;
    cursor: pointer;
    margin-bottom: 0;
}
.lien_comment_OI_detail.actif {
    background: #c0e2b4;
}
.lien_comment_OI_detail span {
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.6em;
    text-transform: uppercase;
    color: #050708;
}
#Lien_comment_Tripadvisor span {
    padding: 15px 200px 10px 0;
    background: url(img/logo_Tripadvisor.png) 100% 50% no-repeat;
}
.comment_OI_detail {
    margin-bottom: 20px;
}
.content_comment_OI {
    width: 100%;
}
/* Facebook */

#Text_share_FB_OI,
#Box_share_FB_OI {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}
#Text_share_FB_OI {
    background: url(img/FB_detail.png) 10px 5px no-repeat #3b5997;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.6em;
    text-transform: uppercase;
    color: #fff;
    padding: 25px 30px 20px 160px;
}
#Box_share_FB_OI {
    border: 1px solid #ededed;
    border-left: none;
    text-align: center;
    width: 285px;
    height: 39px;
    padding-top: 22px;
    margin-left: -2px;
}
@media screen and (max-width: 1024px) {
    #Text_share_FB_OI,
    #Box_share_FB_OI {
        display: block;
    }
    #Text_share_FB_OI {
        padding: 60px 2% 20px 2%;
        text-align: center;
        background-position: 50% 0;
    }
    #Box_share_FB_OI {
        padding: 0;
        margin: 0 auto;
        border: none;
        height: auto;
    }
}
/*---- VOIR AUSSI ----*/
/*-- Liste agenda : diapo à la une --*/

#Diapo_VoirAussi_agenda {
    width: 700px;
    height: 330px;
    padding: 0 60px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
#Ecran_VoirAussi_agenda {
    width: 700px;
    height: 280px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 30px 0 rgba(92, 92, 92, .5);
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#727272, Direction=180, Strength=10);
}
#Ecran_VoirAussi_agenda ul {
    margin: 0;
    width: 2800px;
}
#Ecran_VoirAussi_agenda li {
    display: inline-block;
    vertical-align: top;
}
a.img_VoirAussi_agenda,
.infos_VoirAussi_agenda {
    display: inline-block;
    vertical-align: middle;
}
a.img_VoirAussi_agenda {
    width: 190px;
    height: 280px;
    overflow: hidden;
}
.infos_VoirAussi_agenda {
    width: 440px;
    padding: 30px 35px;
    margin-left: -2px;
    position: relative;
}
.dates_VoirAussi_agenda {
    font-family: Heebo;
    font-weight: 400;
    font-size: 16px;
    color: #171717;
    margin-bottom: 5px;
}
.mois_VoirAussi_agenda {
    padding-right: 3px;
}
.titre_VoirAussi_agenda {
    font-size: 3.2em;
    line-height: 1em;
    color: #171717;
    margin-bottom: 5px;
}
.texte_VoirAussi_agenda {
    font-size: 16px;
    color: #171717;
}
.lieu_VoirAussi_agenda {
    font-size: 1.4em;
    color: #4d4d4d;
    text-align: left;
    padding-left: 20px;
    background: url(img/sprite_oi.png) -10px -671px no-repeat;
}
#VoirAussi_agenda_prec,
#VoirAussi_agenda_suiv {
    width: 50px;
    height: 40px;
    position: absolute;
    top: 115px;
    background-image: url(img/sprite_oi.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
#VoirAussi_agenda_prec {
    background-position: 0 -2350px;
    left: 0;
}
#VoirAussi_agenda_suiv {
    background-position: 0 -2300px;
    right: 0;
}
#Puces_VoirAussi_agenda {
    position: absolute;
    bottom: 5px;
    left: 0;
    text-align: center;
    margin: 0;
    width: 100%;
}
#Puces_VoirAussi_agenda li {
    width: 12px;
    height: 11px;
    cursor: pointer;
    background: url(img/puces_diapo_agenda.png) 0 0 no-repeat;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
#Puces_VoirAussi_agenda li.actif {
    background-position: 0 -12px;
}
#Diapo_VoirAussi_agenda .mois_eve {
    padding-right: 3px;
}

@media screen and (min-width: 1600px){

    .entete_listes_et_rubriques .title-w .title{
        max-width: 90%!important;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1524px)
{

    .filtres_actifs_OI_liste{
        margin: 20px 0 0 0!important;
    }

    div#containerBE {
        position: relative;
        margin: 0!important;
        width: 1024px;
        background: #2A2A2A;
        padding: 0 17px!important;
        display: block;
        margin: 0!important;
    }

    #List-content {
        width: 1024px;
        padding: 0 17px;
    }

    .be-w_wrap{
        justify-content: center;
        padding: 0 17px!important;
        width: 1024px;
        margin: 0 auto;
        flex-direction: column;
    }

    .descBE {
        position: relative;
        background: #2a2a2a;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 20px;
    }

    Carte-filtre-territoires .map{
        width: 70%;
    }

    #svg-container{
        width: 100%;
    }

    .Filtre_territoires.options_filtre_liste.options_map_filtre {
        width: 97%;
        padding: 0 2%;
        border: none;
        position: absolute;
    }

}
@media screen and (min-width: 1524px)
{

   #List-content {
        width: 1370px;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: space-between;
    }

    .wrapListe {
        display: block;
        width: 1000px;
    }

    .bigDisplay{
        display: block!important;
        width: 330px;
        margin-top: 80px;
    }

    .normalDisplay{
        display: none!important;
    }

    .Btn_actif {
        background: #fff!important;
        color: #000!important;
    }

    .voir_carte_OI_1 {
        border-radius: 0 5px 5px 0;
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
        width: 135px;
        background-color: #0077ff;
        cursor: pointer;
    }
    #Voir_carte_OI_top{
        border-radius: 0 5px 5px 0;
    }
    .voir_carte_OI_1:first-child {
        border-radius: 5px 0 0 5px!important;
    }
    #Autour_moi_mob, .voir_carte_OI_mob, .voir_carte_OI_liste {
        font-family: Heebo;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        color: #fff;
        display: inline-block;
    }

    .options_filtre_liste {
        position: relative;
        width: 100%;
        background: #2a2a2a;
        z-index: 3;
        top: 50px;
    }

    .list_filtre_criteres {
        display: block;
        vertical-align: top;
        width: 100%;
        margin: 20px auto;
        border-bottom: 1px solid;
    }

    #svg-container {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 auto;
        vertical-align: middle;
        overflow: hidden;
    }

    div.form_filtre {
        margin: 20px 0;
    }

}
@media screen and (min-width: 1600px) {
    #Diapo_VoirAussi_agenda {
        top: -390px;
    }
}
@media screen and (max-width: 1024px) {
    #List-content {
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    #Diapo_VoirAussi_agenda {
        top: 360px;
    }
}
@media screen and (max-width: 502px)
{
    .titre_filtre_liste{
        font-size: 14px;
    }

    .list_filtre_criteres li{
        font-size: 14px;
    }

    .titre_filtre_liste em{
        display: none;
    }

    #Autour_moi_mob, .voir_carte_OI_mob, .voir_carte_OI_liste{
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {

    .voir_aussi_proxi_agenda .ois-proxi-detail{
        width: 1024px;
        margin: 20px auto;
    }

    .voir_aussi_proxi ul.ois-proxi-detail{
        height: auto!important;
    }

    .img_OI_proxi{
        width: 100%!important;
    }

    .img_OI_proxi img{
        margin: 0!important;
        padding: 0!important;
        width: 100%!important;
    }

    .infos_OI_proxi{
        width: 100%!important;
        padding: 0!important;
        height: 120px;
    }

    .infos_OI_proxi p, .infos_OI_proxi a, .infos_OI_proxi span{
        padding-left: 20px;
        margin: 5px 0!important;
    }

    .voir_aussi_proxi .arrow.prev{
        right: 20%!important;
    }

    .voir_aussi_proxi .arrow.next{
        right: 16%!important;
    }

    .lien_OI_proxi {
        display: flex!important;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-direction: column;
    }

    .img_OI_proxi{
        width: 100%!important;
        margin: 0!important;
    }

     .detail-oi .diapo-light-w .left-part .infos-w{
         padding-top: 20px;
     }

    .slider{
        width: 100%;
        height: 350px;
    }

    .entete_listes_et_rubriques .title-w{
        width: 320px!important;
    }

    #BeListe #ConstellationWidget{
        width: 90%!important;
    }

    #BeListe .be-w_wrap{
        width: 100%!important;
        margin: 0 auto;
        flex-direction: column;
    }

    #BeListe .descBE{
        width: 320px!important;
        margin: 0 auto;
    }

    #BeListe .co-widget-container {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }

    #BeListe div#containerBE{
        width: 100%!important;
    }

    #BeListe label{
        display: none!important;
    }

    #BeListe .dms.co-widget-col-3.co-widget-ddl-type {
        width: 100%;
        padding: 0!important;
    }

    #BeListe .co-widget-col-7.co-widget-date, .co-widget-col-5.co-widget-duration{
        padding: 0!important;
    }

    #BeListe .co-widget-col-3.dms.co-widget-trip {
        width: 100%;
        padding: 0!important;
    }

    #BeListe .co-widget-occupancy.co-widget-col-4.dms {
        width: 100%;
        padding: 0!important;
    }

    .entete_listes_et_rubriques .title-w .title{
        font-size: 50px!important;
        max-width: 100%!important;
    }

    #BeListe .co-widget-col-2.co-widget-search.dms {
        width: 100%;
        padding: 0!important;
    }

    .Options_liste{
        width: 100%;
    }

    .titre_filtre_liste{
        width: auto!important;
        margin: 0;
    }

    .Auto_dates_liste{
        flex-direction: column;
    }

    .liste_OI_FMA li:nth-child(odd){
        margin: 20px 20px 0 0!important;
    }

    .liste_OI_FMA li:nth-child(4n+4) {
        margin: 20px 20px 0 0!important;
    }

    #svg-container {
        width: 100%!important;
    }
    #Carte-filtre-territoires {
        margin: 0!important;
    }
    #Zero_OI_liste,
    #Nbre_OI_liste,
    .pagination_OI_liste {
        font-size: 16px;
    }
    .list_filtre_criteres p {
        font-size: 18px;
    }
    .liste_OI li:nth-child(3n + 3) {
        margin: 20px 20px 0 0!important;
    }
    .liste_OI li:nth-child(2n + 2) {
        margin: 20px 20px 0 0!important;
    }
    .enteteFiltreListe {
        display: none;
    }
}


@media screen and (min-width: 1025px) and (max-width: 1600px)
{
    .entete_listes_et_rubriques .title-w .title {
        max-width: 100%!important;
    }
}

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

    .detail-oi .diapo-light-w{
        width: 95%;
    }

    .text_OI_detail{
        margin-top: 20px;
    }

    .detail-oi .diapo-full-w .left-part .infos-w .title, .detail-oi .diapo-light-w .left-part .infos-w .title{
        font-size: 26px;
        line-height: 1.3;
    }

    .slider{
        width: 100%;
        height: 524px;
    }

    #BeListe .co-widget-col-2.co-widget-search.dms {
        width: 100%!important;
        margin-top: 2px;
    }

    #BeListe .dms.co-widget-col-3.co-widget-ddl-type {
        width: 50%;
        padding: 0 2px 0 0!important;
    }

    #BeListe .co-widget-col-5.co-widget-duration, #ConstellationWidget .co-widget-col-7.co-widget-date{
        padding: 0 2px!important;
    }

    #BeListe .co-widget-col-3.dms.co-widget-trip {
        width: 50%!important;
    }

    #BeListe .co-widget-occupancy.co-widget-col-4.dms {
        width: 100%!important;
    }

    .entete_listes_et_rubriques .title-w{
        width: 75%!important;
    }

     div#containerBE {
        position: relative;
        margin: 0!important;
        width: 768px!important;
        background: #2A2A2A;
        padding: 0 17px!important;
        display: block;
        margin: 0!important;
    }

    #List-content {
        width: 768px;
        padding: 0 17px;
    }

    #BeListe .be-w_wrap{
        justify-content: center;
        padding: 0 17px!important;
        width: 768px;
        margin: 0 auto;
        flex-direction: column;
    }

    #BeListe .descBE {
        position: relative;
        background: #2a2a2a;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 20px;
    }

    .entete_listes_et_rubriques .title-w .title{
        max-width: 100%!important;
    }

    .filtres_actifs_OI_liste {
        font-family: Heebo;
        font-weight: 400;
        font-size: 1.4em;
        text-transform: uppercase;
        color: #fff;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        align-items: center;
        justify-content: flex-start;
        margin: 30px 0  0 30px;
    }

    .liste_OI li:nth-child(3n + 3) {
        margin: 20px 20px 0 0!important;
    }
    .liste_OI li:nth-child(2n + 2) {
        margin-right: 0!important;
    }
}
@media screen and (min-width: 740px) and (max-width: 839px) {
    #Diapo_VoirAussi_agenda,
    #Ecran_VoirAussi_agenda {
        width: 600px;
    }
    #Diapo_VoirAussi_agenda {
        margin-left: -360px;
    }
    .infos_VoirAussi_agenda {
        width: 340px;
        padding: 20px 35px;
    }
    a.img_VoirAussi_agenda,
    .infos_VoirAussi_agenda {
        vertical-align: top;
    }
}
@media screen and (max-width: 739px) {
    #Diapo_VoirAussi_agenda {
        width: 100%;
        height: 600px;
        padding: 0;
    }
    #Diapo_VoirAussi_agenda,
    #Puces_VoirAussi_agenda {
        position: static;
        margin-left: 0;
    }
    #Puces_VoirAussi_agenda {
        margin-top: 20px;
    }
    #Ecran_VoirAussi_agenda {
        width: 100%;
        height: auto;
        background: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #Ecran_VoirAussi_agenda li {
        width: 300px;
        height: 510px;
        margin-left: 20px;
        border: 1px solid #cbcbcb;
        position: relative;
    }
    a.img_VoirAussi_agenda,
    .infos_VoirAussi_agenda {
        display: block;
    }
    a.img_VoirAussi_agenda {
        margin: 20px auto 0 auto;
        width: 161px;
        height: 215px;
    }
    .infos_VoirAussi_agenda {
        width: 90%;
        padding: 20px 5%;
        height: 235px;
    }
    .titre_VoirAussi_agenda {
        font-size: 3em;
        text-align: center;
    }
    .texte_VoirAussi_agenda,
    .dates_VoirAussi_agenda {
        text-align: center;
    }
    .lieu_VoirAussi_agenda,
    #Diapo_VoirAussi_agenda .fiche_oi {
        position: absolute;
        bottom: 20px;
    }
    .lieu_VoirAussi_agenda {
        width: 110px;
        padding-right: 10px;
        margin-bottom: 0;
        left: 5%;
    }
    #Diapo_VoirAussi_agenda .fiche_oi {
        right: 5%;
        width: 100px;
        padding-right: 30px;
    }
    #VoirAussi_agenda_prec,
    #VoirAussi_agenda_suiv {
        display: none;
    }
}
/*-- Page détail : autres hébergements --*/

#Intro_voir_aussi_detail_autres {
    display: none;
}
h4.titre_border_clair {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 0;
}
h4.titre_border_clair span {
    font-size: 1em;
}
#Intro_voir_aussi_detail_autres p {
    font-size: 3.6em;
    color: #191919;
    text-align: center;
    text-transform: uppercase;
}
.voir_aussi_detail_autres {
    width: 970px;
    margin: 30px auto;
}

.voir_aussi_detail_autres ul li {
    box-shadow: 1px 1px 10px #333;
}

.voir_aussi_detail_autres .liste_OI li:nth-child(3n){
    margin: 20px 20px 0 0;
}

@media screen and (max-width: 1024px) {
    .voir_aussi_detail_autres {
        width: 96%;
        padding: 0 2%;
    }
}
/*-- Page détail : aux alentours --*/

.carte_OI_proxi,
#Liste_OI_proxi {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.carte_OI_proxi {
    height: 440px;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    position:relative;
}

.carte_OI_proxi .see-on-map{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    cursor:pointer;
}

.carte_OI_proxi .see-on-map .text{
    cursor: pointer;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 43%;
    left: 1%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 27px;
    font-weight: bold;
}

#Liste_OI_proxi {
    margin-left: -2px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.voir_aussi_proxi {
    background: #171717;
}
.titre_voir_aussi_proxi {
    font-size: 2.6em;
    color: #aeaeae;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.voir_aussi_proxi ul.ois-proxi-detail {
    height: 295px;
    overflow: hidden;
    margin: 0;
}
.voir_aussi_proxi li.slick-slide {
    margin-bottom: 20px;
    height: 100%;
}
.img_OI_proxi,
.infos_OI_proxi {
    display: inline-block;
    vertical-align: top;
}
.infos_OI_proxi {
    padding: 30px 25px;
    color: #fff;
    width: 44%;
}
.infos_OI_proxi p {
    margin-bottom: 15px;
}
.infos_OI_proxi p,
.infos_OI_proxi span {
    color: #fff;
}
.lien_OI_proxi {
    display: inline-block;
}
.img_OI_proxi {
    height: 100%;
    float: none;
    overflow: hidden;
    position: relative;
    width: 25%;
}
.type_OI_proxi {
    font-size: 16px;
}
.titre_OI_proxi {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1!important;
}
.voir_aussi_proxi .learn-more-link {
    color: #0077ff;
    font-size: 15px;
    font-weight: bold;
}
.voir_aussi_proxi .arrow {
    position: absolute;
    z-index: 9;
    bottom: 20px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}
.voir_aussi_proxi .arrow.prev {
    right: 36%;
}
.voir_aussi_proxi .arrow.next {
    right: 20%;
}
.voir_aussi_proxi .slick-dots {
    display: none!important;
}
.voir_aussi_proxi .slick-dots li {
    background: #8b8b8b;
    border: none;
    margin-right: 6px;
}
.voir_aussi_proxi .slick-dots li.slick-active {
    background: #fff;
    border: none;
}
@media screen and (max-width: 709px) {
    .carte_OI_proxi,
    #Liste_OI_proxi {
        display: block;
    }
    .carte_OI_proxi {
        width: 100%;
    }
    #Liste_OI_proxi {
        width: 100%;
    }
    .titre_voir_aussi_proxi {
        text-align: center;
    }
    .voir_aussi_proxi {
        padding: 0;
    }
    #ticker-previous,
    #ticker-next {
        margin-top: 10px;
    }
}
/*-- Liste randos --*/

.ot-randos-list .liste_OI li {
    width: 225px;
}
.ot-randos-list .liste_OI li .titre_OI_liste {
    font-size: 2em;
}
.ot-randos-list .liste_OI li:nth-child(3n) {
    margin-right: 20px;
}
.ot-randos-list .liste_OI li:nth-child(4n) {
    margin-right: 0;
}
@media screen and (max-width: 1029px) and (min-width: 790px) {
    .ot-randos-list .liste_OI li:nth-child(3n) {
        margin-right: 0;
    }
    .ot-randos-list .liste_OI li:nth-child(4n) {
        margin-right: 20px;
    }
}
.ot-randos-list .infos_OI_liste_haut {
    height: 162px;
}
.ot-randos-list .infos_OI_liste_milieu {
    height: 140px;
}
@media screen and (max-width: 999px) and (min-width: 790px) {
    .ot-randos-list .infos_OI_liste_milieu {
        height: 140px;
    }
}
.ot-randos-list .titre_OI_liste span {
    line-height: 16px;
    vertical-align: top;
}
.ot-randos-list .infos_OI_liste_bas {
    text-align: center;
}
.ot-randos-list .liste_OI .ville_OI_liste {
    width: auto;
}
.ot-randos-list [class^=pr-col-] {
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 12px;
    padding: 10px 0 0 0;
    text-align: center;
}
.ot-randos-list .pr-col-12 {
    width: 100%;
}
.ot-randos-list .pr-col-6 {
    width: 50%;
}
.ot-randos-list .pr-col-4 {
    width: 33.33333333%;
}
/*-- Détail rando  --*/

.rando-slides-w {
    height: 50vh;
}
.rando-master-slides-w {
    height: 75vh;
}
.partial-breadcrumbs {
    background: #171717;
    padding: 20px 0;
    text-align: center;
}
.partial-breadcrumbs a,
.partial-breadcrumbs span {
    color: #0077ff;
    font-size: 19px;
    line-height: 19px;
}
.partial-breadcrumbs img {
    margin: -5px 20px 0;
}
.partial-breadcrumbs > div:last-child {
    color: #191919;
}
.rando-step-count,
.rando-category {
    font-size: 16px;
    text-align: center;
}
.rando-step-count {
    padding-top: 25px;
}
.rando-category {
    color: #fff;
}
.rando-title-block .partial-breadcrumbs {
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}
.rando-title-block .partial-breadcrumbs a,
.rando-title-block .partial-breadcrumbs span {
    font-size: 14px;
    line-height: normal;
}
.rando-title-block #Titre_OI_detail_premium {
    color: #191919;
}
.rando-title-master {
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.rando-title-master #Titre_OI_detail_premium {
    color: #fff;
}
.diapo-info-block {
    padding: 0 30px;
    background: #fff;
}
.rando-steps-title,
.rando-contact-title {
    color: #191919;
    font-family: Heebo;
    font-weight: 300;
    font-size: 4em;
    font-weight: normal;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
.rando-contact-title {
    font-size: 3.6em;
    margin-top: 80px;
}
.rando-step-nav-w,
.rando-back-to-master {
    text-align: center;
}
.rando-step-nav-w {
    margin: 50px 0 25px;
}
.rando-step-nav-w:first-child {
    margin-right: 25px;
}
.rando-back-to-master a {
    color: #6c6c6c;
    font-size: 24px;
}
.rando-back-to-master a span {
    color: #0077ff;
    font-weight: 700;
}
.rando-pictos-w {
    padding: 20px 0 0;
    text-align: center;
}
.rando-picto-item,
.rando-picto-item > div {
    display: inline-block;
}
.rando-picto-item {
    margin: 0 20px 20px;
}
.rando-picto-text {
    color: #191919;
    font-family: Heebo;
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
    line-height: 1.1;
    text-align: left;
}
.rando-picto-label {
    color: #aba99a;
    font-size: 10px;
    text-transform: uppercase;
}
.ot-rando-detail .oi-article {
    padding: 25px;
    text-align: center;
}
.ot-rando-detail .rando-access {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #aba99a;
}
.ot-rando-detail .steps-link {
    display: inline-block;
}
.ot-rando-detail .carte_OI_proxi {
    margin-top: 0;
    width: 100%;
}
/*-- Pictos rando --*/

.picto-rando {
    background: transparent url('img/sprite-randos.png') no-repeat;
    display: inline-block;
}
.picto-rando_liste {
    background: transparent url('img/sprite-randos-blanc.png') no-repeat;
    display: inline-block;
}
.pr-access {
    background-position: -75px -91px;
    margin-right: 5px;
    height: 15px;
    vertical-align: middle;
    width: 13px;
}
.pr-bike-riding {
    background-position: -55px -36px;
    height: 19px;
    width: 28px;
}
.pr-horse-riding {
    background-position: -56px -90px;
    height: 16px;
    margin: 1px 0 2px;
    width: 15px;
}
.pr-on-water {
    background-position: -72px -55px;
    height: 18px;
    margin: 0 0 1px;
    width: 16px;
}
.pr-walking {
    background-position: -56px -73px;
    height: 17px;
    margin: 1px 0;
    width: 26px;
}
.pr-distance {
    background-position: -28px -80px;
    height: 26px;
    width: 28px;
}
.pr-elevation {
    background-position: 0 -80px;
    height: 26px;
    width: 28px;
}
.pr-loop {
    background-position: 0 -54px;
    height: 26px;
    width: 27px;
}
.pr-duration {
    background-position: -27px -54px;
    height: 26px;
    width: 27px;
}
.pr-duration-small {
    background-position: -55px -55px;
    height: 17px;
    margin: 1px 0;
    width: 17px;
}
.pr-distance-small {
    background: url(img/picto-distance.png)!important;
    height: 17px;
    margin: 1px 0;
    width: 17px;
}
.pr-adults {
    background-position: 0 -106px;
    height: 26px;
    width: 22px;
}
.pr-children {
    background-position: -22px -106px;
    height: 26px;
    width: 28px;
}
.pr-family {
    background-position: -50px -106px;
    height: 26px;
    width: 31px;
}
.pr-easy {
    background-position: 0 0;
    height: 27px;
    width: 27px;
}
.pr-easy-small {
    background-position: -55px 0;
    height: 18px;
    margin: 0 0 1px;
    width: 18px;
}
.pr-average {
    background-position: 0 -27px;
    height: 27px;
    width: 27px;
}
.pr-average-small {
    background-position: -73px 0;
    height: 18px;
    margin: 0 0 1px;
    width: 18px;
}
.pr-hard {
    background-position: -27px 0;
    height: 27px;
    width: 27px;
}
.pr-hard-small {
    background-position: -55px -18px;
    height: 18px;
    margin: 0 0 1px;
    width: 18px;
}
.pr-very-hard {
    background-position: -27px -27px;
    height: 27px;
    width: 27px;
}
.pr-very-hard-small {
    background-position: -73px -18px;
    height: 18px;
    margin: 0 0 1px;
    width: 18px;
}
.pr-wind-rose {
    background-position: -81px -106px;
    height: 16px;
    width: 16px;
}
/* Etapes */

.rando-step-list-w {
    margin: 0;
}
.rando-step-list-w li {
    border: solid #e6e6e6;
    border-width: 1px 1px 0;
}
.rando-step-list-w li:first-of-type {
    border-top: 0;
}
.rando-step-list-w li .picto-step {
    margin: 0 25px;
}
.rando-step-list-w li > a {
    background: transparent url('img/oiasso-arrow.png') right 40px center no-repeat;
    display: block;
    padding-right: 100px;
    white-space: nowrap;
}
.rando-step-list-w li > a > span {
    display: inline-block;
    vertical-align: middle;
}
.rando-step-list-w li > a > span.step-img-w {
    display: none;
}
.step-text {
    color: #737373;
    font-size: 14px;
    padding: 15px 0;
    white-space: normal;
    width: 80%;
}
.step-title {
    color: #191919;
    font-family: Heebo;
    font-weight: 400;
    font-size: 20px;
}
a.rando-step-list-footer,
a.rando-step-list-footer:link,
a.rando-step-list-footer:visited {
    background: #202020;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}
.rando-step-list-footer:hover {
    color: #fff;
}
/* Downloads */

.rando-downloads-w {
    margin: 50px 0 0;
    text-align: center;
}
.rando-downloads-w a,
.rando-downloads-w a:link,
.rando-downloads-w a:visited {
    color: #0077ff;
    font-family: Heebo;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}
.rando-downloads-w em {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: top;
}
.rando-downloads-w li {
    display: inline-block;
    margin-top: 30px;
    width: 45%;
}
/* Contacts */

.rando-contacts-w {
    margin-top: 80px;
    text-align: center;
}
.rando-contacts-w .moyens_com {
    display: inline-block;
    float: none;
    margin: 0 15px;
}
/* Voir aussi randos */

.slick-randos {
    margin: 0;
}
.slick-randos .infos_OI_liste_bas {
    margin: 0;
}

.slick-randos  li{
    width: 320px!important;
}

/*.slick-randos .slick-slide {
    margin: 0 11px 50px;
}*/
.slick-randos .slick-dots {
    bottom: 12px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 50px;
    z-index: 5;
}
.slick-randos .slick-dots li {
    background: #f2f0e6;
    border: 0;
    margin: 7px;
}
.slick-randos .slick-dots li.slick-active {
    background: #ffd800;
}
.slick-randos .slick-arrow {
    background: transparent url('img/sprite.png') no-repeat;
    bottom: 0;
    cursor: pointer;
    height: 40px;
    top: auto;
    width: 50px;
    z-index: 10;
}
.slick-randos .slick-next {
    background-position: 0 -1110px;
}
.slick-randos .slick-prev {
    background-position: 0 -1150px;
}
@media screen and (min-width: 768px) {
    .rando-step-list-w li {
        border-width: 1px 1px 0 0;
    }
    .rando-step-list-w li > a > span.step-img-w {
        display: inline-block;
        position: relative;
        height: 130px;
        overflow: hidden;
        width: 200px;
        z-index: 1;
    }
    .step-img {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }
    .step-text {
        width: 50%;
    }
    .rando-downloads-w li {
        border-right: 1px solid #e6e6e6;
        width: 20%;
    }
    .rando-downloads-w li:last-child {
        border: 0;
    }
}
@media screen and (min-width: 1154px) {
    .slick-randos .slick-arrow {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .slick-randos .slick-next {
        right: -65px;
    }
    .slick-randos .slick-prev {
        left: -65px;
    }
}
/* Pictos étapes */

.picto-step {
    background: #202020;
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px rgba(0, 0, 0, .1);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: Heebo;
    font-weight: 700;
    padding: 5px 0;
    text-align: center;
    width: 30px;
}
/*---- CARNET DE VOYAGE ----*/
/*-- Carnet vide --*/

#Carnet_vide {
    width: 825px;
    margin: auto;
}
#Carnet_vide p.titre_border_clair {
    margin: 70px 0 0;
}
#Carnet_vide hr {
    width: 320px;
    margin: 50px auto;
}
#Carnet_vide div {
    border: 1px solid #e6e6e6;
    border-top: 0;
    padding: 50px 0;
    text-align: center;
}
#Carnet_vide div p {
    width: 320px;
    margin: 20px auto;
}
#Carnet_vide div p:first-child {
    font-size: 3em;
    color: #3d3d3d;
    line-height: 1.2em;
}
#Carnet_vide div p:last-child {
    font-family: Heebo;
    font-size: 1.6em;
    font-weight: 400;
    color: #6e6e6e;
}
#Carnet_vide div .lien_carnet_voyage {
    font-size: .9em;
    margin-bottom: 20px;
}
.ss_titre_carnet {
    font-size: 2.6em;
    color: #6e6e6e;
    line-height: 1.2em;
    width: 500px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    text-align: center;
}
#Carnet_partager {
    padding-top: 60px;
    margin-top: 50px;
    background: url('img/enveloppe_grise.png') 50% 0 no-repeat;
}
#Carnet_ajouter {
    width: 500px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 40px auto;
    text-align: center;
}
#Carnet_ajouter li {
    margin-bottom: 15px;
}
#Carnet_ajouter a {
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    color: #856a54;
    text-transform: uppercase;
}
#Carnet_ajouter a:hover,
#Carnet_ajouter a:focus {
    text-decoration: underline;
}
/*-- Liste OI carnet --*/

#Nbre_OI_carnet {
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    color: #4d4d4d;
    text-transform: uppercase;
    text-align: center;
}
.carnet_liste_OI {
    margin-left: 0;
    width: 970px;
    margin: auto;
}
.carnet_liste_OI li {
    display: inline-block;
    vertical-align: top;
    width: 308px;
    margin: 0 22px 20px -1px;
    text-align: left;
}
.carnet_liste_OI li:nth-child(3n) {
    margin-right: 0;
}
.carnet_liste_OI .infos_OI_liste_milieu {
    height: 100px;
}
#Carnet_supprimer span {
    display: block;
    width: 125px;
    margin: 0 auto;
    color: #191919;
    padding-left: 30px;
    background: url('img/sprite_oi.png') -5px -1592px no-repeat;
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    text-transform: uppercase;
}
#Carnet_supprimer:hover,
#Carnet_supprimer:focus {
    background: #0077ff;
}
#Carnet_supprimer:hover span,
#Carnet_supprimer:focus span {
    background: url('img/sprite_oi.png') -5px -1632px no-repeat;
    color: #fff;
}
#Carnet_envoyer {
    text-align: center;
}
#Carnet_envoyer p {
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    color: #4d4d4d;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-right: 10px;
}
#Carnet_envoyer p,
#Carnet_envoyer .inputTextBox {
    display: inline-block;
    vertical-align: middle;
}
#Carnet_envoyer .inputTextBox {
    width: 200px;
    margin-right: 10px;
}
#Carnet_envoyer .lien_bg_marron {
    width: 100px;
    margin: 20px auto;
}
@media screen and (max-width: 999px) {
    .carnet_liste_OI {
        width: 96%;
        padding: 20px 2%;
    }
}
@media screen and (min-width: 790px) and (max-width: 1029px) {
    .carnet_liste_OI li {
        width: 32%;
        margin: 0 10px 20px 0;
    }
}
@media screen and (max-width: 869px) {
    #Carnet_vide {
        width: 96%;
        min-width: 320px;
    }
}
@media screen and (min-width: 570px) and (max-width: 789px) {
    .carnet_liste_OI li,
    .carnet_liste_OI li:nth-child(3n) {
        width: 48%;
        margin: 0 10px 20px 0;
    }
    .carnet_liste_OI li:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 669px) {
    #Carnet_envoyer p,
    #Carnet_envoyer .inputTextBox {
        display: block;
    }
    #Carnet_envoyer .inputTextBox {
        margin: 10px auto 10px auto;
    }
}
@media screen and (max-width: 569px) {
    .ss_titre_carnet,
    #Carnet_ajouter {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .carnet_liste_OI li:nth-child(3n),
    .carnet_liste_OI li:nth-child(2n),
    .carnet_liste_OI li {
        display: block;
        margin: 0 auto 10px auto;
    }
}
@media screen and (max-width: 399px) {
    #Carnet_vide div p {
        width: 96%;
    }
}
/*---- PAGE PINTEREST ----*/

.blocs_pinterest {
    text-align: center;
}
.blocs_pinterest div.Normal > span {
    margin: 20px 80px !important;
}
@media screen and (max-width: 1024px) {
    .blocs_pinterest div.Normal > span {
        margin: 20px 2% !important;
    }
}
/*---- PAGE METEO ----*/

.encart_meteo {
    text-align: center;
}
.bloc_meteo {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    width: 188px;
}
.bloc_meteo:last-child {
    margin-right: 0;
}
.jour_meteo {
    font-family: Heebo;
    font-size: 1.6em;
    font-weight: 400;
    color: #191919;
}
.name {
    font-size: 1.5em;
}
.icone_meteo {
    width: 40px;
    margin-bottom: 10px;
}
.infos_meteo p {
    font-size: 1.4em;
}
.infos_meteo p span {
    font-family: Heebo;
    font-weight: 400;
    color: #0077ff;
}
@media screen and (max-width: 1024px) {
    .bloc_meteo {
        margin-bottom: 20px;
    }
}
/*---- FORMULAIRES ----*/
/*-- Newsletter et contact --*/

.ModConstellationEformsDemRenseignementC {
    position: relative;
    border: 1px solid #e6e6e6;
    border-top: 0;
    padding: 40px 0;
    margin: -40px 20px 70px 20px;
}
.Eform_PanelGlobal {
    width: 500px;
    margin: 0 auto;
}
.Eform_PanelTitle,
.Eform_PanelDem,
.Eform_DivLabelSelection,
.Eform_PanelCoords,
.Eform_DivBtnSubmit a {
    display: none;
}
.Eform_PanelObl {
    text-align: center;
    margin-bottom: 50px;
}
.Eform_LabelTxtObl,
.Eform_Obl {
    font-size: 1.6em;
    font-style: italic;
    color: #919191;
}
.Eform_CheckBoxListSelection label,
.Eform_RadioButtonListCivilite label {
    font-size: 1.4em;
    color: #3d3d3d;
}
.Eform_CheckBoxListSelection input,
.Eform_RadioButtonListCivilite input {
    margin-right: 10px;
}
.Eform_RadioButtonListCivilite label {
    margin-right: 30px;
}
.Eform_PanelCivilite,
.Eform_CheckBoxListSelection,
.Eform_PanelCoords,
.Eform_PanelNom,
.Eform_PanelPrenom,
.Eform_PanelAdresse1,
.Eform_PanelAdresse2,
.Eform_PanelCp,
.Eform_PanelCommune,
.Eform_PanelPays,
.Eform_PanelEmail,
.Eform_PanelTel,
.Eform_PanelFax {
    margin-bottom: 20px;
}
.Eform_DivLabelMessage,
.Eform_DivTextBoxMessage,
.Eform_DivLabelCivilite,
.Eform_DivRadioButtonListCivilite,
.Eform_DivLabelNom,
.Eform_DivTextBoxNom,
.Eform_DivLabelPrenom,
.Eform_DivTextBoxPrenom,
.Eform_DivLabelAdresse1,
.Eform_DivTextBoxAdresse1,
.Eform_DivLabelAdresse2,
.Eform_DivTextBoxAdresse2,
.Eform_DivLabelCp,
.Eform_DivTextBoxCp,
.Eform_DivLabelCommune,
.Eform_DivTextBoxCommune,
.Eform_DivLabelPays,
.Eform_DivTextBoxPays,
.Eform_DivLabelEmail,
.Eform_DivTextBoxEmail,
.Eform_DivLabelTel,
.Eform_DivTextBoxTel,
.Eform_DivLabelFax,
.Eform_DivTextBoxFax {
    display: inline-block;
    vertical-align: middle;
}
.Eform_DivLabelMessage,
.Eform_DivLabelCivilite,
.Eform_DivLabelNom,
.Eform_DivLabelPrenom,
.Eform_DivLabelAdresse1,
.Eform_DivLabelAdresse2,
.Eform_DivLabelCp,
.Eform_DivLabelCommune,
.Eform_DivLabelPays,
.Eform_DivLabelEmail,
.Eform_DivLabelTel,
.Eform_DivLabelFax {
    font-size: 1.4em;
    text-transform: uppercase;
    color: #3d3d3d;
    width: 29%;
}
.Eform_DivTextBoxMessage,
.Eform_DivRadioButtonListCivilite,
.Eform_DivTextBoxNom,
.Eform_DivTextBoxPrenom,
.Eform_DivTextBoxAdresse1,
.Eform_DivTextBoxAdresse2,
.Eform_DivTextBoxCp,
.Eform_DivTextBoxCommune,
.Eform_DivTextBoxPays,
.Eform_DivTextBoxEmail,
.Eform_DivTextBoxTel,
.Eform_DivTextBoxFax {
    width: 70%;
}
.Eform_DivTextBoxMessage textarea,
.Eform_DivTextBoxNom input,
.Eform_DivTextBoxPrenom input,
.Eform_DivTextBoxAdresse1 input,
.Eform_DivTextBoxAdresse2 input,
.Eform_DivTextBoxCp input,
.Eform_DivTextBoxCommune input,
.Eform_DivTextBoxPays select,
.Eform_DivTextBoxEmail input,
.Eform_DivTextBoxTel input,
.Eform_DivTextBoxFax input {
    width: 96%;
    padding: 10px 2%;
    border: none;
    border: 1px #dcdcdc solid;
}
.Eform_DivBtnSubmit input {
    cursor: pointer;
    font-family: SourceSansProRegular;
    font-size: 1.4em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url(img/sprite_oi.png) 100% -1657px no-repeat #856b54;
    border: 1px solid #856b54;
    display: block;
    padding: 15px 35px 15px 25px;
    margin: 32px auto;
}
.Eform_DivBtnSubmit input:hover,
.Eform_DivBtnSubmit input:focus {
    color: #2d2d2d;
    background: url(img/sprite_oi.png) 100% -1367px no-repeat #fff;
    border: 1px solid #eae9e7;
}
.form-oi-name {
    display: none;
}
@media screen and (max-width: 639px) {
    .ModConstellationEformsDemRenseignementC {
        border: none;
        margin: -40px 0 70px 0;
        width: 100%;
    }
    .Eform_DivBtnSubmit input {
        margin: 0 auto;
        position: static;
    }
}
@media screen and (max-width: 539px) {
    .Eform_PanelGlobal {
        width: 100%;
    }
}
@media screen and (max-width: 389px) {
    .Eform_DivLabelMessage,
    .Eform_DivTextBoxMessage,
    .Eform_DivLabelCivilite,
    .Eform_DivRadioButtonListCivilite,
    .Eform_DivLabelNom,
    .Eform_DivTextBoxNom,
    .Eform_DivLabelPrenom,
    .Eform_DivTextBoxPrenom,
    .Eform_DivLabelAdresse1,
    .Eform_DivTextBoxAdresse1,
    .Eform_DivLabelAdresse2,
    .Eform_DivTextBoxAdresse2,
    .Eform_DivLabelCp,
    .Eform_DivTextBoxCp,
    .Eform_DivLabelCommune,
    .Eform_DivTextBoxCommune,
    .Eform_DivLabelPays,
    .Eform_DivTextBoxPays,
    .Eform_DivLabelEmail,
    .Eform_DivTextBoxEmail,
    .Eform_DivLabelTel,
    .Eform_DivTextBoxTel,
    .Eform_DivLabelFax,
    .Eform_DivTextBoxFax {
        display: block;
        width: 100%;
    }
    .Eform_DivLabelMessage,
    .Eform_DivLabelCivilite,
    .Eform_DivLabelNom,
    .Eform_DivLabelPrenom,
    .Eform_DivLabelAdresse1,
    .Eform_DivLabelAdresse2,
    .Eform_DivLabelCp,
    .Eform_DivLabelCommune,
    .Eform_DivLabelPays,
    .Eform_DivLabelEmail,
    .Eform_DivLabelTel,
    .Eform_DivLabelFax {
        text-align: center;
        margin-bottom: 10px;
    }
}
/*---- PAGE RESULTATS GSA ----*/

.content_pane .box_input_search {
    border: 1px solid #e6e6e6;
    margin: 40px auto 0 auto;
    width: 320px;
}
.content_pane .box_input_search input:first-child {
    width: 260px;
}
.gsa_list {
    margin-top: 40px;
}
.nav_results_GSA,
.nav_results_GSA_bas {
    margin: 20px 0;
    padding: 10px 0;
}
.nav_results_GSA {
    border-bottom: 1px dashed #C8C2AA;
}
.nav_results_GSA_bas {
    border-top: 1px dashed #C8C2AA;
}
.nbr_results_GSA,
.opt_results_GSA {
    width: 49%;
}
.nbr_results_GSA,
.opt_results_GSA,
.no_result_GSA {
    font-size: 2em;
    font-family: Heebo;
    font-weight: 400;
}
.opt_results_GSA {
    text-align: right;
    text-transform: uppercase;
}
.opt_results_GSA span {
    color: #0077ff;
    padding: 0 10px;
}
.opt_results_GSA a:hover,
.opt_results_GSA a:focus {
    color: #008ECE;
}
.opt_results_GSA a {
    text-decoration: underline;
}
.gsa_list article {
    padding: 20px;
}
.gsa_list article:nth-child(odd) {
    background: #F2F0E6;
}
.gsa_list article img {
    width: 200px;
    margin-right: 20px;
}
.img_oi_results,
.infos_oi_results {
    display: inline-block;
    vertical-align: top;
}
.img_oi_results {
    width: 200px;
    height: 133px;
    overflow: hidden;
}
.infos_oi_results {
    width: 760px;
    margin-left: 20px;
}
.titre_oi_results {
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.6em;
}
.text_oi_results {
    font-size: 1.4em;
    margin-top: 10px;
}
a.lien_oi_results {
    display: block;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #0077ff;
    padding-right: 35px;
    margin-top: 10px;
}
/*---- YOUTUBE PLAYLIST ----*/

.youtube_playlist,
.description {
    margin: 50px auto;
    height: 400px;
}
.playlists .special {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: 420px;
}
.playlists .ytv-list-header > a {
    -webkit-animation: pulse 2s infinite;
    -moz-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.playlists .ytv-list-header.ytv-playlist-open > a {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}
@-webkit-keyframes pulse {
    0% {
        background: rgba(255, 255, 255, 0);
    }
    50% {
        background: rgba(255, 255, 255, .1);
    }
    100% {
        background: rgba(255, 255, 255, 0);
    }
}
@-moz-keyframes pulse {
    0% {
        background: rgba(255, 255, 255, 0);
    }
    50% {
        background: rgba(255, 255, 255, .1);
    }
    100% {
        background: rgba(255, 255, 255, 0);
    }
}
@-o-keyframes pulse {
    0% {
        background: rgba(255, 255, 255, 0);
    }
    50% {
        background: rgba(255, 255, 255, .1);
    }
    100% {
        background: rgba(255, 255, 255, 0);
    }
}
@keyframes pulse {
    0% {
        background: rgba(255, 255, 255, 0);
    }
    50% {
        background: rgba(255, 255, 255, .1);
    }
    100% {
        background: rgba(255, 255, 255, 0);
    }
}
.ytv-canvas {
    display: block;
    background: #282828;
    overflow: hidden;
    font-family: Heebo;
    width: 100%;
    height: 400px;
}
.ytv-canvas::-webkit-scrollbar {
    border-left: 1px solid #000;
    width: 10px;
}
.ytv-canvas::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .1);
}
.ytv-video {
    position: absolute;
    top: 0;
    right: 300px;
    bottom: 0;
    left: 0;
    height: 100%;
}
.ytv-video iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    display: block;
}
.ytv-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 300px;
}
.ytv-list-inner {
    overflow: auto;
    position: absolute;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
}
.ytv-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.ytv-list .ytv-active a {
    border-left: 2px solid #fff;
    background: rgba(255, 255, 255, .05);
    ;
}
.ytv-list a {
    display: block;
    text-decoration: none;
    font-size: 11px;
    color: #fefefe;
    padding: 10px;
    padding-left: 8px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    border-left: 2px solid transparent;
}
.ytv-list a b {
    max-height: 45px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.ytv-list li:first-child a {
    border-top: none;
}
.ytv-list li:last-child a {
    border-bottom: none;
}
.ytv-list a:hover,
.ytv-list-header .ytv-playlists a:hover {
    background: rgba(255, 255, 255, .05);
}
.ytv-list a:active,
.ytv-list-header .ytv-playlists a:active {
    background: rgba(0, 0, 0, .05);
}
.ytv-list .ytv-content {
    padding-left: 125px;
    color: #fff !important;
}
.ytv-list .ytv-content b {
    color: #fff !important;
}
.ytv-list .ytv-thumb-stroke {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    z-index: 2;
    outline: 1px solid rgba(255, 255, 255, .1);
}
.ytv-list .ytv-thumb {
    float: left;
    position: relative;
    outline: 1px solid rgba(0, 0, 0, .5);
}
.ytv-list .ytv-thumb img {
    width: 120px;
    display: block;
}
.ytv-list .ytv-thumb span {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #eee;
    background: rgba(0, 0, 0, .7);
    font-size: 11px;
    font-weight: bold;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.ytv-views {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: normal;
    opacity: .3;
    color: #fff !important;
}
.ytv-list-header {
    height: 52px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.ytv-list-header a {
    background: rgba(255, 255, 255, 0.05);
    position: relative;
    z-index: 10;
}
.ytv-list-header img,
.ytv-list .ytv-playlists .ytv-thumb img {
    width: 30px;
    vertical-align: middle;
}
.ytv-list-header span {
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}
/*
* Playlists
*/

.ytv-playlists {
    z-index: 9;
    position: absolute;
    background: #282828;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    display: none;
}
.ytv-playlists img,
.ytv-list-header img {
    float: left;
}
.ytv-playlists a span,
.ytv-list-header a span {
    white-space: nowrap;
    padding-left: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ytv-list-header > a span {
    line-height: 30px;
}
.ytv-list-header .ytv-playlists a {
    background: none;
}
.ytv-playlist-open .ytv-playlists {
    display: block;
}
/*
* Modifiers
*/

.ytv-relative {
    position: relative;
    width: 100%;
    height: 100%;
}
.ytv-full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}
.ytv-arrow {
    height: 10px;
    width: 0;
    position: relative;
    top: 10px;
    right: 5px;
    border: 10px solid transparent;
    float: right;
    border-top-color: rgba(0, 0, 0, .4);
    display: none;
}
.ytv-has-playlists .ytv-arrow {
    display: inline-block;
}
.ytv-playlist-open .ytv-arrow {
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, .4);
    top: -10px;
}
.ytv-list-header a:after,
.ytv-clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/*---- PAGE PLAN DU SITE ----*/

.sitemap {
    margin-top: 50px;
    font-size: 1.6em;
    line-height: 1.6em;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    -webkit-columns: 3 auto;
    -moz-columns: 3 auto;
    columns: 3 auto;
    -webkit-column-rule: 1px dashed #c8c2aa;
    -moz-column-rule: 1px dashed #c8c2aa;
    column-rule: 1px dashed #c8c2aa;
}
.sitemapDossier,
.sitemapLevel0 a:first-child,
.sitemapLevel1 a,
.sitemapLevel2 a,
.sitemapLevel3 a {
    font-family: Heebo;
    font-weight: 400;
    text-transform: uppercase;
}
.sitemapLevel0,
.sitemapLevel1 {
    margin-top: 20px;
}
.sitemapLevel2 a,
.sitemapLevel5 a {
    color: #6c6c6c;
}
.sitemapLevel4 a,
.sitemapLevel5 a {
    background: none;
    font-family: Heebo;
    font-weight: 300;
    text-transform: none;
}
.sitemapLevel1 a {
    color: #008fcb;
}
.sitemapLevel2 {
    margin-top: 10px;
}
.sitemapLevel3 a {
    background: url('img/sprite.png') no-repeat scroll -20px -2476px transparent;
    padding: 5px 0 5px 20px;
    text-transform: none;
}
.sitemapLevel4 a {
    color: #0077ff;
}
.sitemapLevel4 a:before {
    content: '- ';
}
.sitemapLevel5 a:before {
    content: none;
}
/*VIDEO full 100% header*/

video#bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}
.home-banner1 {
    background-size: cover;
    height: 650px;
    width: 100%;
}
.pos-relative {
    position: relative;
}
video {
    display: block;
}
@media screen and (min-width: 710px) and (max-width: 1069px) {
    .sitemap {
        -webkit-columns: 2 auto;
        -moz-columns: 2 auto;
        columns: 2 auto;
    }
}
@media screen and (max-width: 709px) {
    .sitemap {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-columns: 1 auto;
        -moz-columns: 1 auto;
        columns: 1 auto;
        -webkit-column-rule: none;
        -moz-column-rule: none;
        column-rule: none;
    }
}
@media screen and (min-width: 481px) {
    /* SLIDER BONS PLANS CATEGORIES */

    .bp-cat .slider .slider-item {
        padding-left: 35px;
    }
    .bp-cat .infos-bp {
        display: inline-block;
        vertical-align: top;
        padding-top: 45px;
        width: 59.624%;
        text-align: left;
        padding: 40px 0 0 0;
    }
    .bp-cat .infos-bp .titre-bp {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .bp-cat .infos-bp .texte-bp {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom:5px;
    }

    .bp-cat .infos-bp .libelle-presta{
        color:#171717;
        font-size:14px;
    }

    .bp-cat .infos-bp .pastille{
        font-size:30px;
        font-weight:bold;
        color:#171717;
        margin-left:10px;
    }

    .bp-cat .infos-bp .date{
        color:#171717;
        font-size:15px;
        font-weight:bold;
    }

    .bp-cat .infos-bp .date.red{
        color:#f50f0f;
        margin-left: 10px;
        font-weight: normal;
    }

    .bp-cat .img-bp{
        width: 40%;
        float: right;
        vertical-align: top;
        overflow: hidden;
        position: relative;
    }
    .bp-cat .img-bp img {
        width: auto;
    }
    .bp-cat .img-bp .gradient {
        width: 93px;
        background: url(img/white-vertical-gradient.png) repeat-y;
        height: 100%;
        display: block;
        position: absolute;
    }
    /* FIN SLIDER BONS PLANS CATEGORIES */
    /* DDR CAT LEFT */

    .ddr-cat-left .item.half {
        width: 34%;
    }
    .ddr-cat-left .item.quarter {
        width: 30%;
    }
    /* FIN DDR CAT LEFT */
    /* PUBS CAT */

    .pubs-cat {
        display: block;
        margin: 45px 0;
    }
    .pubs-cat td {
        border-color: transparent;
        display: inline-block;
        width: 45.3953%;
    }
    .pubs-cat td img {
        width: 100%;
    }
    /* FIN PUBS CAT */

    /* DETAIL OI */

    .img_OI_proxi,
    .infos_OI_proxi {
        width: 44%;
    }
    .img_OI_proxi {
        float: right;
    }
    .voir_aussi_proxi .slick-dots {
        display: block!important;
        bottom: 25px;
        left: 30px;
        text-align: left;
        margin: 0;
    }
    .voir_aussi_proxi .arrow.prev {
        right: 58%;
    }
    .voir_aussi_proxi .arrow.next {
        right: 50%;
    }

    .detail-oi .chambres .chambre .left-part,
    .detail-oi .chambres .chambre .right-part{
        height:390px;
    }

    .detail-oi .chambres .chambre .right-part{
        padding:0 45px;
    }

    .detail-oi .chambres .chambre .right-part .dispos-chambre{
        position: absolute;
        bottom: 25px;
        display:block;
        margin-left:0;
        max-width:initial;
    }

    .box_be .calendar,
    .box_be .booking-engine{
        width:50%;
    }

    .detail-oi .activites .item .left-part{
        display:inline-block;
        width:25%;
    }

    .detail-oi .activites .item .right-part .text-w .text{
        display:block;
        font-size: 14px;
        color:#000;
    }

    .detail-oi .activites .item .right-part .price-w{
        width:18%;
    }

    /* FIN DETAIL OI */
}
@media screen and (min-width: 600px) {
    .book-slider .bb-bookblock.cloned .bb-item {
        margin: 0 13px;
    }
}
@media screen and (min-width: 769px) {
    /* VOIR AUSSI BOOK */

    .book-slider .bandeau-top {
        display: none;
    }
    .book-slider .prev,
    .book-slider .next {
        display: block;
        position: absolute;
        top: 50%;
        font-size: 50px;
        line-height: 20px;
        color: #969696;
        z-index: 103;
        border: none;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        background: transparent;
    }
    .book-slider .prev {
        left: -28px;
        padding-left: 19px;
    }
    .book-slider .next {
        right: -28px;
        padding-right: 19px;
    }
    .book-slider .bb-item {
        display: none;
    }
    .book-slider .bb-custom-wrapper {
        height: 100%;
        width: 100%;
        position: relative;
        padding: 0 0 14px 0;
        background: url('img/book-bkg-pages.jpg') repeat-x bottom;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .book-slider .bb-custom-wrapper .bb-bookblock {
        width: 100%;
        height: 500px;
        -webkit-perspective: 2000px;
        perspective: 2000px;
        margin-top: 40px;
        -webkit-box-shadow: 0 20px 31px rgba(0, 0, 0, .19);
        -moz-box-shadow: 0 20px 31px rgba(0, 0, 0, .19);
        box-shadow: 0 20px 31px rgba(0, 0, 0, .19);
    }
    .book-slider .bb-custom-side {
        position: relative;
        width: 50%;
        float: left;
        height: 100%;
        overflow: hidden;
        background: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
    }
    .book-slider .bb-item .part-left {
        height: inherit;
    }
    .book-slider .article {
        max-width: 260px;
        margin: 0 0 0 65px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
    .book-slider .macaron {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 3;
    }
    .book-slider .article .quote {
        font-size: 150px;
        color: #edecec;
        display: block;
        line-height: 15px;
    }
    .book-slider .article .text {
        text-align: justify;
        line-height: 26px;
        font-size: 16px;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .book-slider .article .signature {
        display: block;
        font-size: 21px;
        margin: 30px 70px;
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    .book-slider .article .title {
        color: #161616;
        margin-bottom: 0;
    }
    .book-slider .article .lieux {
        margin-bottom: 0;
    }
    .book-slider .bb-custom-side .shade {
        top: 0;
        position: absolute;
        height: 100%;
        width: 48px;
        background: url('img/horizontal-book-gradient.png') repeat-y;
    }
    .book-slider .bb-custom-side.part-left .shade {
        right: -1px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .book-slider .bb-custom-side.part-right .shade {
        left: -1px;
    }
    /* FIN VOIR AUSSI BOOK */
    /* SLIDER BONS PLANS CATEGORIES */

    .bp-cat .slider .slider-item {
        padding-left: 50px;
        border-left: 35px solid #171717;
    }
    .bp-cat .arrow {
        background: none;
        color: #969696;
    }
    .bp-cat .next {
        right: -50px;
    }
    .bp-cat .prev {
        left: -50px;
    }
    /* FIN SLIDER BONS PLANS CATEGORIES */
    /* SELECTION CATEGORIES */

    .selec-cat {} .selec-cat .slider {} .selec-cat .slider-item {
        display: inline-block;
        width: 30.5%;
        vertical-align: bottom;
        position: relative;
        margin: 1%;
    }
    .selec-cat .img-selec {} .selec-cat .infos-selec {
        position: absolute;
        z-index: 2;
        bottom: 0;
        width: 100%;
        padding-top: 40px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */

        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        /* FF3.6-15 */

        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */

        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
    }
    .selec-cat .infos-selec .book {
        margin-left: 20px;
        padding: 2px 5px;
        border-radius: 5px;
        background: #148c14;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
        display: inline-block;
    }
    .selec-cat .infos-selec p {
        color: #fff;
    }
    .selec-cat .infos-selec a {
        color: #0F76EF;
        float: right;
        margin-right: 20px;
    }
    .selec-cat .infos-selec .titre-selec {
        font-weight: bold;
        font-size: 22px;
        line-height: 22px;
        padding-left: 20px;
    }
    .selec-cat .infos-selec .titre-selec.half {
        max-width: 59%;
    }
    .selec-cat .infos-selec .prix-selec {
        max-width: 39%;
        position: absolute;
        bottom: 0px;
        right: 20px;
        text-align: right;
        font-size: 15px;
        font-weight: bold;
    }
    .selec-cat .infos-selec .prix-selec .wording {
        font-size: 11px;
        font-weight: normal;
    }
    .selec-cat .infos-selec .bottom-part {
        padding: 10px 0 10px 20px;
        background: #171717;
        font-size: 14px;
        font-weight: bold;
    }
    .selec-cat .infos-selec .bottom-part .commune-oi {
        color: #fff;
    }
    /* FIN SELECTION CATEGORIES */
    /* DDR CAT LEFT */

    .ddr-cat-left .item.half {
        width: 50%;
    }

    .ddr-cat-left .item.half.right {
        float:right;
    }

    .ddr-cat-left .item.half .img-w{
        height:100%;
    }

    .ddr-cat-left .item.half .text {
        position: absolute;
        z-index: 2;
        width: auto;
        top: 50%;
        left: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        font-size: 17px;
        color: #fff;
        font-weight: bold;
        background: #171717;
        padding: 15px 20px;
    }
    .ddr-cat-left .item.quarter {
        width: 21%;
    }
    .ddr-cat-left .item.quarter .text {
        font-size: 17px;
    }
    .ddr-cat-left .item.simple {
        width: 25%;
        text-align: left;
    }
    /* FIN DDR CAT LEFT */
    /* DETAIL OI */

    .detail-oi .diapo-full-w {
        display:block;
        height: calc(100vh - 85px);
    }

    .detail-oi .diapo-full-w .left-part,
    .detail-oi .diapo-full-w .right-part{
        height:100%;
    }

    .detail-oi .diapo-full-w .left-part .infos-w .stars{
        color:#fff;
    }

    .detail-oi .diapo-full-w .left-part .infos-w .prix-a-partir .wording{
        color:rgba(255,255,255,0.3);
    }

    .detail-oi .diapo-full-w .left-part .infos-w .prix-a-partir .value{
        color:#fff;
    }

    .detail-oi .diapo-light-w {
        height: 524px;
        flex-direction: row-reverse;
        margin: 0 auto;
        padding: 0;
        justify-content: center;
        align-items: center;
        float: none;
    }
    .detail-oi .diapo-light-w .left-part,
    .detail-oi .diapo-full-w .left-part {
        background: #171717;
    }
    .detail-oi .diapo-full-w .left-part {
        width: 33%;
    }
    .detail-oi .diapo-full-w .right-part {
        width: 67%;
    }
    .detail-oi .diapo-light-w .left-part {
        width: 40%;
    }
    .detail-oi .diapo-light-w .right-part {
        width: 60%;
        position: relative;
    }
    .detail-oi .diapo-full-w .left-part .infos-w .title,
    .detail-oi .diapo-light-w .left-part .infos-w .title {
        color: #fff;
    }
    .detail-oi .diapo-full-w .left-part .infos-w .contacts .contacts-list li,
    .detail-oi .diapo-light-w .left-part .infos-w .contacts .contacts-list li,
    .detail-oi.agenda .no-affiche-w .contacts .contacts-list li {
        background: #353535;
    }
    .detail-oi .diapo-full-w .left-part .infos-w .contacts .contacts-title,
    .detail-oi .diapo-light-w .left-part .infos-w .contacts .contacts-title,
    .detail-oi.agenda .no-affiche-w .contacts .contacts-title {
        display: block;
        font-size: 20px;
        color: #7b7b7b;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .detail-oi .detail-nav .list{
        display:block;
    }

    .detail-oi .detail-nav .sel-box{
        display:none;
    }

    .detail-oi .map-w {
        display: block;
    }
    .detail-oi .diapo-full-w .left-part .infos-w,
    .detail-oi .diapo-light-w .left-part .infos-w {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width:90%;
    }
    .carte_OI_proxi {

    }

    .voir_aussi_proxi ul.ois-proxi-detail {
        height: 440px;
    }
    .img_OI_proxi,
    .infos_OI_proxi {
        width: 100%;
    }
    .img_OI_proxi {
        float: none;
        height: 250px;
    }
    .voir_aussi_proxi .arrow.prev {
        right: 80px;
    }
    .voir_aussi_proxi .arrow.next {
        right: 30px;
    }
    .carte_OI_proxi,
    #Liste_OI_proxi {
        margin-top: 40px;
    }

    .carte_OI_proxi{
        width:55%;
    }

    .detail-oi.agenda .carte_OI_proxi{
        width:100%;
    }

    #Liste_OI_proxi{
        width: 44%;
    }

    .adresse-alentours {
        left: 30.8%;
        -webkit-transform: translateX(-55%);
        -moz-transform: translateX(-55%);
        transform: translateX(-55%);
    }

    .detail-oi.agenda .adresse-alentours {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .detail-oi .chambres{
        height:390px;
    }

    .detail-oi .chambres .chambre .right-part .titre-chambre{
        margin:55px 0 55px 0;
        padding-top:0;
    }

    .detail-oi .ois-assos .oi-asso{
        width:30.6%;
        display:inline-block;
        vertical-align:top;
        margin:0 1.2% 20px 1.2%;
        /*height:290px;*/
    }

    /*.ois-assos.h-pane {
        height: 470px;
    }*/

    /* FIN DETAIL OI */
}
@media screen and (min-width: 990px) {
    .book-slider .prev,
    .book-slider .next {
        display: block;
        position: absolute;
        top: 50%;
        font-size: 50px;
        line-height: 20px;
        color: #969696;
        border: none;
        width: 45px;
        height: 45px;
        border-radius: 50%;
    }
    .book-slider .prev {
        left: -60px;
        padding-left: 0;
    }
    .book-slider .next {
        right: -60px;
        padding-right: 0;
    }
    .book-slider .bb-custom-wrapper {
        height: 100%;
        width: 970px;
        position: relative;
        padding: 0 0 14px 0;
        background: url('img/book-bkg-pages.jpg') repeat-x bottom;
        overflow: initial;
        margin-bottom: 20px;
    }
    .book-slider .bb-custom-wrapper .bb-bookblock {
        width: 100%;
        height: 500px;
        -webkit-perspective: 2000px;
        perspective: 2000px;
        margin-top: 40px;
    }
    .book-slider .bb-custom-side {
        position: relative;
        width: 50%;
        float: left;
        height: 100%;
        overflow: hidden;
        background: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
    }
    .book-slider .article {
        max-width: 330px;
    }
    .book-slider .macaron {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 3;
    }
    .book-slider .article .quote {
        font-size: 150px;
        color: #edecec;
        display: block;
        line-height: 15px;
    }
    .book-slider .article .text {
        text-align: justify;
        line-height: 26px;
        font-size: 16px;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .book-slider .article .signature {
        display: block;
        font-size: 21px;
        margin: 30px 70px;
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    .book-slider .article .title {
        color: #161616;
        margin-bottom: 0;
    }
    .book-slider .article .lieux {
        margin-bottom: 0;
    }
    .book-slider .bb-custom-side .shade {
        position: absolute;
        height: 100%;
        width: 48px;
        background: url('img/horizontal-book-gradient.png') repeat-y;
    }
    .book-slider .bb-custom-side.part-left .shade {
        right: -1px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .book-slider .bb-custom-side.part-right .shade {
        left: -1px;
    }
}


/* TOOLTIP */

@import url(https://fonts.googleapis.com/css?family=Kalam:700,400);

.tooltip {
	/*position: relative;*/
	/*z-index: 999;*/
}

.tooltip-item {
	font-weight: bold;
	cursor: pointer;
}

.tooltip-content {
    white-space:nowrap;
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 9999;
    margin: 0 0 10px -10px;
    padding: 15px;
    border-radius: 10px/50%;
    background: #0077ff;
    color: #fff;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    cursor: default;
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: none;
    z-index: 2!important;
}

.tooltip-turnright .tooltip-content {
	transform: translate3d(0,50px,0) rotate3d(1,1,1,6deg);
}

.tooltip-turnleft .tooltip-content {
	transform: translate3d(0,50px,0) rotate3d(1,1,1,-6deg);
}

.tooltipListe:hover .tooltip-content {
	opacity: 1;
	transform: translate3d(0,0,0);
	pointer-events: auto;
}

.tooltip-content::after {
	position: absolute;
	top: 100%;
	width: 60px;
	height: 120px;
	/*background: url('img/tooltip3.svg') no-repeat center center;*/
	background-size: 100%;
	content: '';
	transition: transform 0.3s;
	transform-origin: 50% 0;
}

.tooltip-turnright .tooltip-content::after {
	left: 25%;
	transform: scale3d(-1,1,1) rotate3d(1,1,1,25deg) translate3d(0,-15px,0);
}

.tooltip-turnleft .tooltip-content::after {
	right: 25%;
	transform: rotate3d(1,1,1,25deg) translate3d(0,-15px,0);
}

.tooltip-turnright:hover .tooltip-content::after {
	transform: scale3d(-1,1,1) rotate3d(1,1,1,0) translate3d(0,-5px,0);
}

.tooltip-turnleft:hover .tooltip-content::after {
	transform: rotate3d(1,1,1,0) translate3d(0,-5px,0);
}

/* Hack IE7 ss-niveau */

* + html .ddr_menu_page li,
* + html .liste_magazines a,
* + html .et,
* + html .liste_brochures li,
* + html #Pagination_OI_liste_haut,
* + html .filtres_actifs_OI_liste span,
* + html .page_liste_suiv,
* + html .titre_filtre_liste,
* + html #Carte_filtre_territoires,
* + html #Zone_commune span,
* + html .list_filtre_criteres,
* + html #Auto_dates_liste li,
* + html #Voir_carte_OI_1,
* + html #Champ_commune,
* + html #Zone_commune,
* + html .liste_OI li,
* + html .liste_OI_FMA li,
* + html .prix_OI_liste span,
* + html .pictos_OI,
* + html .picto_label_OI,
* + html .infos_OI_liste_bas p,
* + html .infos_OI_liste_FMA,
* + html #Ancre_video_detail_light,
* + html #Puces_diapo_detail_light,
* + html #Puces_diapo_detail_light li,
* + html .slides-pagination a,
* + html #Options_diapo_detail_premium .btn_reservez,
* + html #Retour_liste_light,
* + html #Retour_liste_agenda,
* + html #Img_OI_affiche,
* + html #Infos_OI_agenda,
* + html #Adresse_OI_agenda,
* + html #Contacts_OI_agenda,
* + html .moyens_com,
* + html .tarif_min_OI_detail,
* + html .btn_reservez,
* + html #Infos_pratiques_pictos p,
* + html #Infos_pratiques_pictos p span,
* + html #Infos_pratiques_onglets .tabs li,
* + html .liste_infos_pratiques_onglets,
* + html #Text_share_FB_OI,
* + html #Box_share_FB_OI,
* + html #Ecran_VoirAussi_agenda li,
* + html a.img_VoirAussi_agenda,
* + html .infos_VoirAussi_agenda,
* + html .carnet_liste_OI li,
* + html #Carnet_envoyer p,
* + html #Carnet_envoyer .inputTextBox,
* + html .Eform_DivLabelMessage,
* + html .Eform_DivTextBoxMessage,
* + html .Eform_DivLabelCivilite,
* + html .Eform_DivRadioButtonListCivilite,
* + html .Eform_DivLabelNom,
* + html .Eform_DivTextBoxNom,
* + html .Eform_DivLabelPrenom,
* + html .Eform_DivTextBoxPrenom,
* + html .Eform_DivLabelAdresse1,
* + html .Eform_DivTextBoxAdresse1,
* + html .Eform_DivLabelAdresse2,
* + html .Eform_DivTextBoxAdresse2,
* + html .Eform_DivLabelCp,
* + html .Eform_DivTextBoxCp,
* + html .Eform_DivLabelCommune,
* + html .Eform_DivTextBoxCommune,
* + html .Eform_DivLabelPays,
* + html .Eform_DivTextBoxPays,
* + html .Eform_DivLabelEmail,
* + html .Eform_DivTextBoxEmail,
* + html .Eform_DivLabelTel,
* + html .Eform_DivTextBoxTel,
* + html .Eform_DivLabelFax,
* + html .Eform_DivTextBoxFax {
    zoom: 1;
    display: inline;
}
/* Fin hack IE7 */