@charset "UTF-8";
@import url(../fonts/diffusio-258/styles.css);
[class^="dsio-icon-"], [class*=" dsio-icon-"], .dsio-params--expandable .dsio-params__title:after, .dsio-filter__option--checked:before, .dsio-popup__moreParams .dsio-popup__criteria .tit-criteria:after, .dsio-params--ByPlace .autocomplete-place .inputWrapper:before, .dsio-params--ByPlace .autocomplete-place .place-list .userLocation:before, .dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete a:before, .dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete .destination:before, .dsio-sortList__item--selected:after, .filterByMapButton:before, .filterByMapButton.unchecked:before, .dsioModeButtons a.btnMixte i:after, .dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-previous-month:after, .dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-next-month:after, .appLayerDivRoot .bskLk .dsioBskAddBtn:after, .appLayerDivRoot .bskLk .dsioBskRemoveBtn:after, .appLayerDivRoot .bskLk .dsioBskAddBtn:before, .appLayerDivRoot .bskLk .dsioBskRemoveBtn:before { display: inline-block; -webkit-transform: translateY(0.1em); -ms-transform: translateY(0.1em); transform: translateY(0.1em); }

.css-dsio-icon, .dsio-params--expandable .dsio-params__title:after, .dsio-filter__option--checked:before, .dsio-popup__moreParams .dsio-popup__criteria .tit-criteria:after, .dsio-params--ByPlace .autocomplete-place .inputWrapper:before, .dsio-params--ByPlace .autocomplete-place .place-list .userLocation:before, .dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete a:before, .dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete .destination:before, .dsio-sortList__item--selected:after, .filterByMapButton:before, .filterByMapButton.unchecked:before, .dsioModeButtons a.btnMixte i:after, .dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-previous-month:after, .dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-next-month:after, .appLayerDivRoot .bskLk .dsioBskAddBtn:after, .appLayerDivRoot .bskLk .dsioBskRemoveBtn:after, .appLayerDivRoot .bskLk .dsioBskAddBtn:before, .appLayerDivRoot .bskLk .dsioBskRemoveBtn:before { font: normal normal normal 14px/1 "diffusio-258"; font-size: inherit; }

.dsio-searchBar { position: relative; z-index: 100; height: 100px; padding-top: 20px; padding-bottom: 20px; }
@media (max-width: 479px) { .dsio-searchBar { padding-top: 10px; padding-bottom: 10px; height: 80px; margin-bottom: 0 !important; } }

.dsio-searchBar--background { background: #eaeaea; }

.dsioModeCarte .dsio-searchBar, .dsioModeMixte .dsio-searchBar { margin: 0; position: static; }

.search-block .dsio-searchBar { background: transparent; }

.text-ellipsis { overflow: hidden; max-width: 160px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; }

.dsio-thinBar { height: 60px; font-size: 1.6rem; }

.dsio-thinBar__separator { height: 30px; border-left: 1px solid #afafaf; }
@media (max-width: 479px) { .dsio-thinBar__separator { margin: 0 5px !important; } }

.dsio-filterAndCriteria--emptyBsk i, .dsio-thinBar__filterAndCriteria--reset i { margin: 0 5px 0 0; }

.dsio-filterAndCriteria--emptyBsk { display: none; margin-left: 15px; }

.displayBskResetButton .dsio-filterAndCriteria--emptyBsk { display: block; }

#bsk_reset_modal p { line-height: 20px; }

#bsk_reset_modal .btn.cancel { color: #c70707; }

#bsk_reset_modal .btn.validate { color: #22861b; }

/* Contains filter and criteria */
.dsio-thinBar__filterAndCriteria { position: relative; z-index: 100; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
@media (min-width: 992px) { .dsio-thinBar__filterAndCriteria { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

/* Contain aditional option */
.dsio-thinBar__filterAndCriteria--open { /* more counter */ }
.dsio-thinBar__filterAndCriteria--open .dsio-params__counter { display: none; }
@media (max-width: 479px) { .dsio-thinBar__filterAndCriteria--open .dsio-moreParams__counter--phone { display: inline-block; } }
@media (min-width: 480px) and (max-width: 767px) { .dsio-thinBar__filterAndCriteria--open .dsio-moreParams__counter--small { display: inline-block; } }
@media (min-width: 768px) and (max-width: 991px) { .dsio-thinBar__filterAndCriteria--open .dsio-moreParams__counter--medium { display: inline-block; } }
@media (min-width: 992px) and (max-width: 1099px) { .dsio-thinBar__filterAndCriteria--open .dsio-moreParams__counter--large { display: inline-block; } }
@media (min-width: 1100px) { .dsio-thinBar__filterAndCriteria--open .dsio-moreParams__counter--max { display: inline-block; } }

.dsio-thinBar__closeFullScreen { padding: 10px 15px; background-color: #8dc63f; }
.dsio-thinBar__closeFullScreen i { margin: 0 5px 0 0; font-size: 15px; }

.dsio-thinBar__filterAndCriteria--open { padding: 10px 15px; height: 45px; }
.dsio-thinBar__filterAndCriteria--open .is-open { color: #8dc63f; }
.dsio-thinBar__filterAndCriteria--open .dsio-thinBar__filterAndCriteria--reset { color: #afafaf; }
.dsio-thinBar__filterAndCriteria--open .dsio-thinBar__filterAndCriteria--reset:hover { color: #F44336; }

@media (min-width: 1300px) { .dsio-thinBar__more.dsio-thinBar__more { padding-right: 60px; }
  .dsio-thinBar__closeFullScreen { position: absolute; right: 20px; } }
.dsioModeListe .dsio-thinBar__closeFullScreen { display: none; }

.dsio-params { position: relative; padding: 10px 15px; height: 45px; }
.dsio-params--active .dsio-params__ellipsis { color: #8dc63f; }
.dsio-params--active { height: auto; }

.dsio-thinBar .dsio-params { display: none; position: relative; }

.dsio-params__title--float, .dsio-params__context { -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.dsio-params__title--float { position: absolute; top: 10px; left: 20px; right: 0; }

.dsio-params__context { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: -5px 0 0 0; opacity: 0; pointer-events: none; }
.dsio-params__context .label { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #8dc63f; }

.dsio-params__title { white-space: nowrap; }

@media (min-width: 768px) { .dsio-params__title--big { font-family: "Roboto Slab", "Helvetica", "Arial", sans-serif; } }
.dsio-params__content { padding: 0px 0; height: 100%; cursor: pointer; }

.dsio-params__ellipsis { max-width: 160px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/** Is open / Active */
.dsio-params.is-open .dsio-params__title { color: #8dc63f; }
.dsio-params.is-open .dsio-params__context { opacity: 1; }

.dsio-params.is-open .dsio-params__title--float, .dsio-params--active .dsio-params__title--float { top: -10px; }
.dsio-params.is-open:not(.is-open) .dsio-params__context, .dsio-params--active:not(.is-open) .dsio-params__context { opacity: 1; pointer-events: auto; }

.dsio-params--dotted .dsio-params__content { border-bottom: dotted 2px rgba(0, 0, 0, 0.87); min-width: 160px; padding: 0px 0 0px 0; height: auto; }
.dsio-params--dotted.is-open .dsio-params__content { border-bottom-color: #8dc63f; }

.dsio-params--searchable .label { color: #8dc63f; }
.dsio-params--searchable .label i:before { margin: 0 2px; }
.dsio-params--searchable.is-open { height: auto; }
.dsio-params--searchable.dsio-params--active .label { color: #8dc63f; max-width: 170px; }

.dsio-params--expandable.is-open { background-color: #d1d1d1; }
.dsio-params--expandable.is-open .dsio-params__title { color: inherit; }
.dsio-params--expandable.is-open .dsio-params__title:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.dsio-params--expandable .dsio-params__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 25px; }
.dsio-params--expandable .dsio-params__title:after { content: ""; line-height: 25px; margin-left: 8px; -webkit-transform: initial; -ms-transform: initial; transform: initial; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; }
@media (max-width: 479px) { .dsio-params--expandable .dsio-params__title:after { margin-left: 5px; } }

.dsio-params--ByDispos .dsio-params__content { min-width: 190px; }

.dsio-params__popup { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; position: absolute; top: 100%; left: 0; padding: 20px 20px; background: #FFF; -webkit-box-shadow: 0 2px 5px #888888; box-shadow: 0 2px 5px #888888; min-width: 250px; min-width: max-content; min-width: -moz-max-content; min-width: -webkit-max-content; margin: 10px 0 0 0; }

.dsio-params.is-open .dsio-params__popup { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }

.searchGeneral .selectionContext { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.searchGeneral .selectionContext .input-search { width: 120px; height: 27px; font-family: "Helvetica", "Arial", sans-serif; border: none; color: rgba(0, 0, 0, 0.87); background: transparent; font-size: inherit; }
@media (min-width: 768px) { .searchGeneral .selectionContext .input-search { font-family: "Roboto", "Helvetica", "Arial", sans-serif; } }
.searchGeneral .selectionContext .input-search:focus { outline: none; }
.searchGeneral .selectionContext.is-open .label { display: none; }
.searchGeneral .selectionContext.is-open .input-search { display: block; }

.dsio-filter--checklist { padding: 0; }
.dsio-filter--checklist .dsio-params__content { padding: 10px 15px; z-index: 100; -webkit-transition: background-color .3s ease, -webkit-box-shadow .15s ease-in; transition: background-color .3s ease, -webkit-box-shadow .15s ease-in; -o-transition: box-shadow .15s ease-in, background-color .3s ease; transition: box-shadow .15s ease-in, background-color .3s ease; transition: box-shadow .15s ease-in, background-color .3s ease, -webkit-box-shadow .15s ease-in; }
.dsio-filter--checklist.is-open .dsio-params__content { height: auto; }
.dsio-filter--checklist .dsio-filter__options { padding: 0; }

.dsio-params__counter { display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 25px; width: 25px; line-height: 25px; border-radius: 50%; background-color: #8dc63f; color: #f7f7f7; text-align: center; }

.dsio-filter__options { padding: 0; }

/*
.dsio-filter__two-column .dsio-filter__options { overflow-y: initial;
}

.dsio-filter__two-column .dsio-filter__option { max-width: 345px; float: left; width: 100%;
}
*/
.dsio-filter__option { font-size: inherit; color: inherit; font-weight: 300; font-size: 16px; padding: 5px 0; display: block; }
.dsio-filter__option:before { content: ''; width: 24px; height: 24px; border: solid 1px #b2b2b2; border-radius: 3px; display: block; float: left; margin: 0 10px 0 0; line-height: 25px; text-align: center; font-size: 19px; /*@include icon('checkbox');
font-size: 24px;
float: left;
margin: 0 10px 0 0;
color: #dedede;*/ }

.dsio-filter__option--checked { color: #8dc63f; }
.dsio-filter__option--checked:before { border-color: #8dc63f; background: #8dc63f; content: ""; color: #FFF; }

.dsio-filter__option--noResult { color: #afafaf; }

.ByRectangleGeo { display: none; }

.mapWrapper { display: none; z-index: 50; }
.mapWrapper .gm-style-cc { display: none !important; }
.mapWrapper .leaflet-rrose-content { position: relative; }
.mapWrapper .closePopup { color: #333; }

.closePopup { position: absolute; top: 0; right: 0; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; font-size: 20px; color: #EEE; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; }

.dsio-map-popup { width: 250px; }
.dsio-map-popup .img { height: 150px; }
.dsio-map-popup img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.dsio-map-popup .content { padding: 25px; width: 200px; max-height: 300px; }
.dsio-map-popup .titre { color: #8dc63f; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 16px; max-height: 34px; overflow: hidden; margin: 0; }
.dsio-map-popup .commune { color: rgba(0, 0, 0, 0.87); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 14px; margin: 0; padding: 5px 0; }
.dsio-map-popup .lien { padding: 0 20px; line-height: 33px; height: 33px; background: #8dc63f; font-family: "Roboto", "Helvetica", "Arial", sans-serif; color: #FFF; font-weight: 300; text-transform: uppercase; font-size: 14px; display: inline-block; }

.popup-is-open .headerModule { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 51; background: #FFF; }
.popup-is-open .headerModule .dsio-searchBar { height: 100%; }
@media (min-width: 1100px) { .popup-is-open .headerModule .dsio-searchBar { padding-right: 17px; } }
.popup-is-open .headerModule .dsio-popup { position: absolute; top: 100px; bottom: 0; left: 0; right: 0; }

.dsio-popup__buttons, .dsio-moreParams_buttons { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.dsio-popup__buttons.dsio-moreParams_buttons, .dsio-moreParams_buttons.dsio-moreParams_buttons { position: fixed; bottom: 0; right: 0; left: 0; z-index: 1; padding: 5px 0; height: 60px; background: #FFF; }
.dsio-popup__buttons .btn, .dsio-moreParams_buttons .btn { margin: 0 5px; height: 50px; line-height: 50px; padding: 0 50px; }
.dsio-popup__buttons .btn-validate, .dsio-moreParams_buttons .btn-validate { background: #7fb338; color: #FFF; }
.dsio-popup__buttons .btn-validate:hover, .dsio-moreParams_buttons .btn-validate:hover { background: #638c2c; }
.dsio-popup__buttons .btn-close:hover, .dsio-moreParams_buttons .btn-close:hover { background: none; color: #000; }

.dsio-popup { display: none; overflow: auto; }
.dsio-popup.is-open { display: block; background: #FFFFFF; position: absolute; top: 100%; left: 0; right: 0; overflow: auto; z-index: 100; }
.dsio-popup .dsio-popup__params { display: none; }
.dsio-popup .dsio-popup__params.is-open { display: block; }
.dsio-popup .dsio-params__title { display: none; }
.dsio-popup .dsio-popup__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.dsio-popup__header { display: none; padding: 15px 0; height: 60px; }

.dsio-popup__moreParams .dsio-popup__header { display: block; }
.dsio-popup__moreParams .dsio-popup__content { padding-bottom: 100px; }
.dsio-popup__moreParams .dsio-params__title { display: block; }
.dsio-popup__moreParams .dsio-popup__params { display: block; }
.dsio-popup__moreParams .dsio-moreParams_buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.appLayerDivRoot.popup-is-open .listViewContener { position: relative; }
.appLayerDivRoot.popup-is-open .listViewContener:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }

.dsioModeCarte .dsio-popup, .dsioModeMixte .dsio-popup { top: 100px; bottom: 0; }

.dsio-popup__moreParams {   /*.filter-open-for-mobile { position: fixed; z-index: 9; left: 0; right: 0; top: 115px; bottom: 0px; background: #FFF; overflow-y: auto; padding: 0 0 0px 0;
 .tit-criteria { display: none; }
 .dsio-popup__buttons, .criteria-content-wrapper { display: block !important; }
 .dsio-popup__buttons { position: fixed; top: 60px; left: 0; right: 0; background: #EEE; text-align: center; } .dsio-popup__buttons .btn { padding: 0; font-size: 13px; } .autocomplete-place .place-list ul { max-height: none !important; } .dsioMapSearch { padding: 0; } .dsioMapSearch .desc { position: inherit; left: auto; top: auto;
 p { font-size: 14px; line-height: 16px; } } .k-btn-next-month { display: none; } }*/ }
.dsio-popup__moreParams .dsio-popup__criteria.dsio-params--Text { display: none !important; }
.dsio-popup__moreParams .dsio-popup__criteria { padding: 0 !important; }
.dsio-popup__moreParams .dsio-popup__criteria .tit-criteria { border-bottom: dotted 2px #333; padding: 5px 0; margin: 20px 5px 0px 5px; font-size: 1.8rem; font-weight: 400; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; cursor: pointer; }
.dsio-popup__moreParams .dsio-popup__criteria .tit-criteria:after { content: ""; float: right; }
.dsio-popup__moreParams .dsio-popup__criteria .tit-criteria .criteria-value { color: #8dc63f; text-transform: none; }
.dsio-popup__moreParams .dsio-popup__criteria .dsio-popup__buttons, .dsio-popup__moreParams .criteria-content-wrapper { display: none !important; }

.dsio-popup__criteria.is-open .tit-criteria { display: none !important; }

.dsio-params--ByPlace .autocomplete-place { max-width: 350px; }
.dsio-params--ByPlace .autocomplete-place .dsioInputAutocomplete { border: none; font-family: "Helvetica", "Arial", sans-serif; color: #8dc63f; line-height: 40px; height: 40px; font-weight: 400; }
@media (min-width: 768px) { .dsio-params--ByPlace .autocomplete-place .dsioInputAutocomplete { font-family: "Roboto", "Helvetica", "Arial", sans-serif; } }
.dsio-params--ByPlace .autocomplete-place .btn-reset { position: absolute; right: 0; top: 0; height: auto; line-height: normal; min-width: auto; padding: 14px; font-size: 19px; }
.dsio-params--ByPlace .autocomplete-place .btn-reset:hover { background: none; }
.dsio-params--ByPlace .autocomplete-place .inputWrapper { border-bottom: dotted 2px rgba(0, 0, 0, 0.87); margin: 0 0 20px 0; position: relative; }
.dsio-params--ByPlace .autocomplete-place .inputWrapper:before { content: ""; height: 25px; color: rgba(0, 0, 0, 0.87); width: 20px; }
.dsio-params--ByPlace .autocomplete-place .place-list { position: relative; width: 100%; }
.dsio-params--ByPlace .autocomplete-place .place-list ul { max-height: 300px; overflow: auto; }
.dsio-params--ByPlace .autocomplete-place .place-list .userLocation:before { content: ""; margin: 0 10px 0 0; width: 10px; }
.dsio-params--ByPlace .autocomplete-place .place-list li, .dsio-params--ByPlace .autocomplete-place .place-list a { font-family: "Roboto", "Helvetica", "Arial", sans-serif; color: rgba(0, 0, 0, 0.87); font-size: 15px; font-weight: 400; cursor: pointer; position: relative; line-height: 33px; }
.dsio-params--ByPlace .autocomplete-place .place-list li strong, .dsio-params--ByPlace .autocomplete-place .place-list a strong { color: #8dc63f; font-weight: 400; }
.dsio-params--ByPlace .autocomplete-place .place-list li[checked="checked"], .dsio-params--ByPlace .autocomplete-place .place-list a[checked="checked"] { color: #8dc63f; }
.dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete { border: none; background: #FFF; height: 100%; bottom: 0; right: 0; top: 0 !important; left: -20px !important; padding: 0 0 0 20px; overflow: auto; min-height: 200px; }
.dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete li { border: none; background: none; }
.dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete li.ui-state-focus { background: #f2ffe1; }
.dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete a:before { margin: 0 5px 0 0; content: ""; }
.dsio-params--ByPlace .autocomplete-place .place-list .ui-autocomplete .destination:before { content: ""; }

.entriesPop.ByPlace .dsioMapSearch { position: relative; }
.entriesPop.ByPlace .dsioMapSearch .desc { position: absolute; left: 0; }
.entriesPop.ByPlace .dsioMapSearch .dsio-mapSearch__container { margin: 20px 0 0 100px; width: 371px; height: 370px; }
.entriesPop.ByPlace .dsioMapSearch strong { display: block; }

.dsioCriteriaText { display: none; max-width: 500px; margin: auto; border: solid 1px #dadada; position: relative; }
.dsioCriteriaText input[type="text"] { outline: 0; border: none; background: transparent; height: 60px; padding: 0 20px; width: 75%; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.8rem; font-weight: 400; color: #8dc63f; }
.dsioCriteriaText .Text-validate { padding: 15px 20px; }
.dsioCriteriaText .Text-reset { padding: 15px 20px; position: absolute; right: 0; top: 0; bottom: 0; background: #FFF; display: none; }
.dsioCriteriaText .Text-reset.is-open { display: inline-block; }

.dsio-popup__moreParams .dsioCriteriaText { display: block; }

.listSort { height: 30px; z-index: 1; position: relative; }

.listSort .label { font-weight: 300; color: #818080; line-height: 26px; }

.listSort.is-open .oiListSortOrderAc { -webkit-box-shadow: 0 0 3px #adadad; box-shadow: 0 0 3px #adadad; }

.dsio-sortList { height: 30px; overflow: hidden; background: #ffffff; min-width: 150px; padding: 0 8px; }
@media (max-width: 479px) { .dsio-sortList { min-width: auto; } }

.listSort.is-open .dsio-sortList { height: auto; overflow: auto; }

.dsio-sortList__item { color: inherit; font-weight: 400; font-size: 16px; line-height: 30px; margin-right: 10px; overflow: hidden; display: block; }
.dsio-sortList__item i { font-size: 14px; }
@media (max-width: 479px) { .dsio-sortList__item { font-size: 14px; } }

.dsio-sortList__item--selected { font-weight: 600; margin-right: 0; }
.dsio-sortList__item--selected:after { content: ""; margin-left: 10px; }

.dsio-loader { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 100; }
.dsio-loader:before { content: ''; width: 50px; height: 50px; display: block; margin: 25px auto 25px auto; background: url("/lae/services1.0/plugins/laetis/diffusio-258/ext-cdt12_site_SQL3c/assets/fonds/loader.svg") no-repeat center center; }

.popup-is-open .dsio-loader { position: fixed; top: 100px; }

.dsio-loader__message { color: #FFF; }

.main-sub-menu .dsio-blocSearch .appLayerDivRoot, .main-sub-menu .dsio-blocSearch .dsio-searchBar { position: static; }
.main-sub-menu .dsio-blocSearch .dsio-params--dotted .dsio-params__content { border-color: #ffffff; }
.main-sub-menu .dsio-blocSearch .dsio-popup.is-open { top: 100px; bottom: 0; }
.main-sub-menu .dsio-blocSearch .dsio-filter__options { max-height: initial; }
.main-sub-menu .dsio-blocSearch .submit-search.btn--black-border:hover { border-color: #8dc63f; }

.dsio-blocSearch .dsio-thinBar__filterAndCriteria { overflow: hidden; }
.dsio-blocSearch .dsio-params:not(.is-open):not(.dsio-params--active) .dsio-params__title--float { font-size: 2.5rem; }
.dsio-blocSearch .dsio-popup { color: #333333; }

.diffusio-search-block .tit-criteria { display: none; }
.diffusio-search-block .dsio-params--dotted { height: 50px; margin: 0px; padding: 0px 15px; }
.diffusio-search-block .dsio-params--dotted .dsio-params__content { height: 50px; padding: 20px 0 0 0; }

.main-menu .popup-is-open .headerModule { background: #333; }

@media (max-width: 479px) { .appLayerDivRoot button, .appLayerDivRoot .btn { font-size: 1.1rem; } }

.filterByMapButton { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; width: auto; position: absolute; top: 10px; height: 32px; left: 50px; padding: 0px 15px; z-index: 999; background-color: #f4f4f4; font-size: 13px; font-weight: 400; text-transform: none; line-height: normal; border-radius: 4px; }
.filterByMapButton:before { content: ""; font-size: 14px; margin: 0 5px 0 0; line-height: 14px; float: left; }
.filterByMapButton.unchecked:before { content: ""; }

.dsioModeButtons li { list-style: none; display: block; }
.dsioModeButtons a { background-color: #8dc63f; color: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 14px; line-height: 36px; height: 36px; display: inline-block; padding: 0 13px; text-transform: uppercase; }
.dsioModeButtons a i { margin: 0 5px 0 0; line-height: 36px; height: 36px; font-size: 15px; }
.dsioModeButtons a.btnMixte i:after { content: ""; margin: -5px 0 0 -8px; text-shadow: 0 0 3px #8dc63f; font-size: 19px; }

.dsio-navigation__link { height: 38px; border: solid 1px #8f8f8f; margin-left: -1px; line-height: 38px; }
.dsio-navigation__link a { display: block; padding: 0 15px; color: inherit; font-weight: inherit; }
.dsio-navigation__link i:before { font-size: 2.2rem; vertical-align: text-top; }

.dsio-navigation__link--ellipsis { padding: 0 15px; }

.dsio-navigation__link--active { background: #8dc63f; color: #FFF; border-color: #8dc63f; }

.dateIhm .kalendar { display: block; }
.dateIhm .kalendar .kalendae { background: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 0 auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding: 0 50px; }
@media (max-width: 1099px) { .dateIhm .kalendar .kalendae { padding: 0 0px; margin: auto; } }
.dateIhm .kalendar .kalendae .k-title.k-disable-year-nav { overflow: visible; }
.dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-previous-month, .dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-next-month { top: 110px; height: 6rem; width: 6rem; line-height: 6rem; font-size: 6rem; }
.dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-previous-month { left: -50px; }
.dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-previous-month:after { content: ""; }
.dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-next-month { right: -50px; }
.dateIhm .kalendar .kalendae .k-title.k-disable-year-nav .k-btn-next-month:after { content: ""; }
.dateIhm .kalendar .k-calendar { width: 225px; height: 280px; }
.dateIhm .kalendar .k-caption, .dateIhm .kalendar .k-header span, .dateIhm .kalendar .k-days span { font-family: "Helvetica", "Arial", sans-serif; font-size: 17px; width: 32px; height: 32px; margin: 0; }
@media (min-width: 768px) { .dateIhm .kalendar .k-caption, .dateIhm .kalendar .k-header span, .dateIhm .kalendar .k-days span { font-family: "Roboto", "Helvetica", "Arial", sans-serif; } }
.dateIhm .kalendar .k-caption { color: #8dc63f; font-weight: 600; width: 100%; }
.dateIhm .kalendar .k-header span { color: #2f2f2f; font-weight: 600; }
.dateIhm .kalendar .k-days span.k-out-of-month { background: transparent; color: #c6c5c5; }
.dateIhm .kalendar .k-days span.k-in-month { background: transparent; color: #c6c5c5; }
.dateIhm .kalendar .k-days span.k-in-month.k-active { background: transparent; color: #2f2f2f; }
.dateIhm .kalendar .k-days span.k-selected.k-active { background: #8dc63f; color: #2f2f2f; }
.dateIhm .kalendar .k-days span.k-range.k-in-month { background: #a4d266; color: #2f2f2f; }
.dateIhm .kalendar .k-days span.k-in-month.k-hover { background: #d3e9b5; color: #2f2f2f; }

.appLayerDivRoot { position: relative; }
.appLayerDivRoot .nbResults { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; color: rgba(0, 0, 0, 0.87); font-size: 18px; line-height: 30px; height: 30px; }
@media (max-width: 479px) { .appLayerDivRoot .nbResults { max-width: 120px; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } }
.appLayerDivRoot .nbResults .dsioDivQty { color: #8dc63f; font-size: 30px; font-weight: bold; }
@media (max-width: 479px) { .appLayerDivRoot .nbResults .dsioDivQty { font-size: 25px; } }
.appLayerDivRoot .bskLk { position: absolute; right: 15px; top: 10px; }
.appLayerDivRoot .bskLk span { display: none; }
.appLayerDivRoot .bskLk .dsioBskAddBtn:after, .appLayerDivRoot .bskLk .dsioBskRemoveBtn:after { content: ""; color: #FFF; font-size: 30px; position: absolute; right: 0; top: 0; }
.appLayerDivRoot .bskLk .dsioBskAddBtn:before, .appLayerDivRoot .bskLk .dsioBskRemoveBtn:before { content: ""; font-size: 30px; position: absolute; right: 0; top: 0; }
.appLayerDivRoot .bskLk .dsioBskAddBtn:before { color: #000; opacity: 0.55; }
.appLayerDivRoot .bskLk .dsioBskRemoveBtn:before { color: #d1300b; }
.appLayerDivRoot .wei0Elt { margin-bottom: 1.5rem; padding: 0; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.appLayerDivRoot .wei0Elt p { margin: .7rem 0; font-size: 1.6rem; color: #818080; }
.appLayerDivRoot .wei0Elt p .text-uppercase { font-size: 1.6rem; }
.appLayerDivRoot .wei0Elt .iG { margin: 0; padding: 0; position: relative; }
.appLayerDivRoot .wei0Elt .iG.noDsioListImage:before { content: ''; display: block; padding-top: 64%; height: 0; background: #DFE0DF url(/lae/services1.0/plugins/laetis/diffusio-258/ext-cdt12_site_SQL3c/assets/messages/visuel-non-disponible-liste_fr.png) no-repeat center center; background-size: auto; }
.appLayerDivRoot .wei0Elt .iG > picture { position: relative; display: block; padding-top: 64%; height: 0; overflow: hidden; }
.appLayerDivRoot .wei0Elt__infos { position: relative; height: 120px; }
.appLayerDivRoot .wei0Elt__infos__inner { position: absolute; left: 0; top: 0; bottom: auto; right: 0; padding: 1.5rem; background-color: #fff; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.appLayerDivRoot .wei0Elt__descriptif { opacity: 0; visibility: hidden; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.appLayerDivRoot .wei0Elt__paves { position: absolute; top: 0; left: 0; right: 0; }
.appLayerDivRoot .wei0Elt__paves__inner { position: absolute; bottom: -.8rem; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.appLayerDivRoot .wei0Elt__links { padding: 0 1.5rem 1.5rem; }
.appLayerDivRoot .wei0Elt__links > p { margin: 0; }
.appLayerDivRoot .wei0Elt:hover { -webkit-box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.1); }
.appLayerDivRoot .wei0Elt:hover .wei0Elt__infos__inner { -webkit-transform: translate3D(0, -6rem, 0); -ms-transform: translate3D(0, -6rem, 0); transform: translate3D(0, -6rem, 0); }
.appLayerDivRoot .wei0Elt:hover .wei0Elt__descriptif { opacity: 1; visibility: visible; }
.appLayerDivRoot .wei0Elt .paveTarifDates { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 70%; padding: 10px 10px; background: #000; }
.appLayerDivRoot .wei0Elt .iG img { position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; }
.appLayerDivRoot .wei0Elt .tarif { text-align: center; }
.appLayerDivRoot .wei0Elt .tarif > p { text-transform: lowercase; font-size: 1.4rem; line-height: 1.1; color: #fff; }
.appLayerDivRoot .wei0Elt .tarif > p > strong { display: block; font-weight: 900; font-size: 1.4em; }
.appLayerDivRoot .wei0Elt h3 { font-size: 1.8rem; line-height: 1.8rem; color: rgba(0, 0, 0, 0.87); font-family: "Roboto", "Helvetica", "Arial", sans-serif; margin: 7px 0; padding: 0; }
.appLayerDivRoot .wei0Elt h3 a { font-size: 1.8rem; line-height: 1.8rem; color: rgba(0, 0, 0, 0.87); text-transform: none; font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
.appLayerDivRoot .wei0Elt .title-classement { display: inline-block; font-size: 1rem; vertical-align: text-top; }
.appLayerDivRoot .wei0Elt .btn--resa { height: 3.4rem; line-height: 3.4rem; }
.appLayerDivRoot .wei0Elt .date-calendar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; padding-bottom: 5px; text-transform: uppercase; text-align: center; font-size: 1rem; line-height: 1; color: #ffffff; }
.appLayerDivRoot .wei0Elt .date-calendar + .date-calendar { margin-top: 0; }
.appLayerDivRoot .wei0Elt .date-calendar__day { font-size: 2.5em; }
.appLayerDivRoot .wei0Elt .date-calendar__year { font-weight: 600; font-size: 14px; }
.appLayerDivRoot .wei0Elt .date-calendar.dateFin { position: relative; margin-left: 25px; }
.appLayerDivRoot .wei0Elt .date-calendar .icon-angle-right { width: 25px; position: absolute; right: 100%; bottom: 50%; font-size: 1.3rem; }
@media (min-width: 480px) { .appLayerDivRoot .wei0Elt .date-calendar { font-size: 1.4rem; }
  .appLayerDivRoot .wei0Elt .date-calendar__day { font-size: 2.5em; }
  .appLayerDivRoot .wei0Elt .icon-angle-right { font-size: 1.7rem; } }

.appLayerDivRoot.dsioModeListe .btnListe, .appLayerDivRoot.dsioModeListe .btnMixte { display: none; }
@media (min-width: 768px) { .appLayerDivRoot.dsioModeListe .btnCarte { display: none; }
  .appLayerDivRoot.dsioModeListe .btnMixte { display: block; } }
@media (max-width: 1099px) { .appLayerDivRoot.dsioModeListe .resultsAndFilters { padding: 10px 10px; } }

.appLayerDivRoot.dsioModeMixte { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #FFF; z-index: 20000;     /*.dsioModeClose {
 display: block; position: absolute; top:20px; right:20px; color: $text-color-secondary;
 span { display: none; }
 &:before { @include icon(close); font-size: 30px; height:60px; width:36px; line-height: 60px; } }*/ }
.appLayerDivRoot.dsioModeMixte .fullscreenOn { display: block; }
@media (max-width: 1099px) { .appLayerDivRoot.dsioModeMixte .listSort .label { display: none; } }
.appLayerDivRoot.dsioModeMixte .btnCarte, .appLayerDivRoot.dsioModeMixte .btnMixte { display: none; }
.appLayerDivRoot.dsioModeMixte .resultsAndFilters { width: 675px; float: left; overflow-y: auto; height: 100%; padding: 10px 20px; }
@media (max-width: 1099px) { .appLayerDivRoot.dsioModeMixte .resultsAndFilters { width: 350px; } }
.appLayerDivRoot.dsioModeMixte .mapWrapper { margin-left: 675px; position: relative; width: auto; height: 100%; display: block; }
@media (max-width: 1099px) { .appLayerDivRoot.dsioModeMixte .mapWrapper { margin-left: 330px; } }
.appLayerDivRoot.dsioModeMixte .wei0Elt { width: calc(50% - 10px); }
@media (max-width: 1099px) { .appLayerDivRoot.dsioModeMixte .wei0Elt { width: 330px; padding: 0 10px; margin: 0; } }
.appLayerDivRoot.dsioModeMixte .additionalFilters { overflow: auto; }
.appLayerDivRoot.dsioModeMixte .additionalFilters:after { display: none; }

.appLayerDivRoot.dsioModeCarte { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #FFF; }
.appLayerDivRoot.dsioModeCarte .fullscreenOn { display: block; }
.appLayerDivRoot.dsioModeCarte .resultsAndFilters { display: none; }
.appLayerDivRoot.dsioModeCarte .btnMixte, .appLayerDivRoot.dsioModeCarte .btnCarte { display: none; }
.appLayerDivRoot.dsioModeCarte .mapWrapper { position: relative; width: 100%; height: 100%; display: block; }
.appLayerDivRoot.dsioModeCarte .additionalFilters { overflow: auto; }
.appLayerDivRoot.dsioModeCarte .additionalFilters:after { display: none; }
@media (max-width: 479px) { .appLayerDivRoot.dsioModeCarte { top: 60px; z-index: 9; }
  .appLayerDivRoot.dsioModeCarte .dsio-searchBar { height: 50px; padding: 0; }
  .appLayerDivRoot.dsioModeCarte .dsio-thinBar__more { padding: 0; margin: 0; height: 50px; }
  .appLayerDivRoot.dsioModeCarte .dsio-popup { top: 50px; }
  .appLayerDivRoot.dsioModeCarte .filterByMapButton { font-size: 0.8rem; display: none; } }

.dsio-popup .dsio-params--phone { display: none; }

.dsio-thinBar .dsio-params--phone { display: block; }

@media (min-width: 480px) { .dsio-popup .dsio-params--small { display: none; }
  .dsio-thinBar .dsio-params--small { display: block; } }
@media (min-width: 768px) { .dsio-popup .dsio-params--medium { display: none; }
  .dsio-thinBar .dsio-params--medium { display: block; } }
@media (min-width: 992px) { .dsio-popup .dsio-params--large { display: none; }
  .dsio-thinBar .dsio-params--large { display: block; } }
@media (min-width: 1100px) { .dsio-popup .dsio-params--max { display: none; }
  .dsio-thinBar .dsio-params--max { display: block; } }