@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
body {font-family: "Open Sans", sans-serif;}
.rechercher {display: flex;align-items: center;justify-content: flex-end;}
.rechercher .input-group-addon {width: max-content !important;}
.rechercher .input-group-addon img {width: auto !important;}
.rechercher .js-finder-searchform.form-search label {display: none;}
.rechercher .js-finder-searchform.form-search .mod-finder__search.input-group {display: flex;max-height: 100%;}
.rechercher .js-finder-searchform.form-search .mod-finder__search.input-group input#mod-finder-searchword244 {border-radius: 0;border: none;height: 100%;width: 100%;}
.rechercher .js-finder-searchform.form-search .mod-finder__search.input-group button.custom {border: none;padding: 0;}
.rechercher .js-finder-searchform.form-search .mod-finder__search.input-group .awesomplete {max-width: 200px;flex: 0 0 200px;}
ul.maximenuck span.titreck-title {font-weight: 600;}
ul#awesomplete_list_1 {top: 41px;background: #fff;z-index: 99999;}
div#search-form .form-inline .input-group {display: flex;gap: 10px;}
.eguisheim-dec div#menuprinc ul.maximenuck li.maximenuck div.floatck {margin-right: 8px;margin-left: 8px;}
div#sticky_background_img {position: fixed;width: 100%;height: 100%;top: 0;z-index: 0;}
div#sticky_background_img img.imgslide {max-width: 100% !important;height: 100% !important;object-fit: cover;width: 100% !important;z-index: -1;position: absolute;}
.container {position: relative;z-index: 1;}
header {position: relative;z-index: 2;}
div#menuprinc ul.maximenuck {padding-right: 8px !important;padding-left: 8px !important;}
span.label.label-warning {display: none;}
.jux-content-slider #jux-content-slider246 .item {margin: 0;padding: 0;border: none !important;}
.jux-content-slider #jux-content-slider246 .item-hover-effect {height: 180px;}
.jux-content-slider #jux-content-slider246 .jux-content-inner {padding: 20px 15px !important;min-height: 279px;}
.jux-content-slider #jux-content-slider246 .jux-content-inner h2.jux-title {font-size: 16px !important;margin-bottom: 5px !important;margin-top: 24px !important;}
.jux-content-slider #jux-content-slider246 .jux-content-inner h2.jux-title a {color: #fff;}
.jux-content-slider #jux-content-slider246 .jux-content-inner p.readmore.rf-btn {position: absolute;right: 10px;bottom: 0.1em;text-align: right;}
.jux-content-slider #jux-content-slider246 .jux-content-inner p.readmore.rf-btn a {background: #ffffff !important;color: #000000;}
.jux-content-slider #jux-content-slider246 .owl-dots {position: absolute;top: 40%;transform: translateY(-40%);left: 0;right: 0;}
.jux-content-slider #jux-content-slider246 .owl-dots button.owl-dot {margin: 0;}
.jux-content-slider #jux-content-slider246 .owl-dots button.owl-dot span {width: 15px;height: 15px;margin: 0 2px;padding: 0;border: 1px solid #fff;opacity: 1;transform: inherit;background: transparent;}
.jux-content-slider #jux-content-slider246 .owl-dots button.owl-dot.active span {background: #fff;}
.jux-content-slider #jux-content-slider246 .jux-content-inner .jux-description {opacity: 1;font-size: 12px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.jux-content-slider #jux-content-slider246 .owl-nav button.owl-prev, .jux-content-slider #jux-content-slider246 .owl-nav button.owl-next {opacity: 1 !important;top: 43%;transform: translateY(-43%);}
.jux-content-slider #jux-content-slider246 .owl-nav button.owl-next {right: 10px;}
.jux-content-slider #jux-content-slider246 .owl-nav button.owl-prev {left: 10px;}
.eguisheim-dec footer .horaires strong {font-weight: 600;}
.horaires p span {white-space: nowrap;}

.actus .moduletable h3 {margin-top: 0;color: #fff;font-weight: 600;text-transform: lowercase;font-size: 26px;padding-top: 3px;line-height: 26px;padding-left: 80px;position: relative;min-height: 63px;display: flex;align-items: center;margin-bottom: 0;}
.actus .moduletable h3:after {content: '';position: absolute;background: url(/images/actualites.png) no-repeat;left: 0;width: 79px;height: 63px;top: 0;opacity: 0.5;}

.search-pagination .pagination {display: flex;list-style: none;}
.search-pagination .pagination li.page-item:first-child {border-radius: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.search-pagination .pagination > li > a, .search-pagination .pagination > li > span {padding: 4px 12px;line-height: 18px;text-decoration: none;background-color: #033c5a !important;border: 1px solid #033c5aa6;border-right-width: 0;display: block;color: #fff;height: 100%;}
.search-pagination .pagination > li:last-child > a, .search-pagination .pagination > li:last-child > span {border-right-width: 1px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.search-pagination .pagination > li:first-child > a, .search-pagination .pagination > li:first-child > span {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.search-pagination .pagination > li > a:hover, .search-pagination .pagination > li > span:hover {border-color: #033c5aa6;outline: none;background-color: #033c5aa6 !important;color: #fff;}
.search-pagination .pagination > li.active > a, .search-pagination .pagination > li.active > span {background-color: #fff !important;color: #033c5a;}


.search-pagination .pagination > li span.icon-angle-double-left {position: relative;display: block;}
.search-pagination .pagination > li span.icon-angle-left {position: relative;display: block;}
.search-pagination .pagination > li span.icon-angle-right {position: relative;display: block;}
.search-pagination .pagination > li span.icon-angle-double-right {position: relative;display: block;}
.search-pagination .pagination > li span.icon-angle-double-left::after {content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5L4 12l7 7M19 5l-7 7 7 7' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width: 18px;height: 18px;position: absolute;left: -5px;}
.search-pagination .pagination > li span.icon-angle-left::after {content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5L8 12l7 7' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width: 18px;height: 18px;position: absolute;left: -8px;}
.search-pagination .pagination > li span.icon-angle-right::after {content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");;width: 18px;height: 18px;position: absolute;right: -8px;}
.search-pagination .pagination > li span.icon-angle-double-right::after {content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 5l7 7-7 7M5 5l7 7-7 7' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width: 18px;height: 18px;position: absolute;right: -5px;}



.com-users-login.login .com-users-login__submit.control-group .plg_system_webauthn_login_button {display: none;}
.com-users-login.login .com-users-login__options a:hover {color: #B71B1E;}
.com-users-login.login .password-group button.btn.btn-secondary.input-password-toggle {display: none;}
.com-users-login.login .com-users-login__submit.control-group {margin-top: 10px;}
.com-users-login.login .com-users-login__options.list-group {margin-bottom: 0;border-bottom: 1px solid #ddd;}
.com-users-login.login .com-users-login__options.list-group .list-group-item {border: none;}
.com-users-login.login span.form-control-feedback {font-size: 14px;line-height: 14px;width: 100%;height: 100%;position: relative;padding: 5px 0;}
.com-users-reset.reset form#user-registration {width: 100%;height: auto;float: inherit;margin-bottom: 0;}
.com-users-reset.reset form#user-registration legend {font-size: 14px;}
.com-users-reset.reset form#user-registration .control-group .controls {margin-bottom: 10px;}
.remind form#user-registration {width: 100%;height: auto;float: inherit;margin-bottom: 0;}
.remind form#user-registration legend {font-size: 14px;}
.remind form#user-registration .control-group .controls {margin-bottom: 10px;}


/* inner page */

.rf-items-grid .system-unpublished {border: none !important;}


/************* MY MAPS LOCATION *******************/
.main-content .mmlsearch {
    display:none;
}
.main-content .result-count {
    padding: 0 10px;
}
.main-content .locationsearch .mml_address {
    margin-left:0;
}
.main-content .locationsearch {
    display: flex;
    flex-direction: column;
}
.main-content .locationsearch {
    display: flex;
    flex-direction: column;
}
.main-content .locationsearch .cmml-toolbar {
    order:1;
}
.main-content .locationsearch h3 {
    order:2;
}
.main-content .locationsearch .mmlmap {
    order:5;
}
.main-content .locationsearch .mml_address {
    order:3;
}
.main-content .locationsearch .mml_description {
    order:4;
}
.main-content address p {
    display: none;
}
.acces-et-plans .col-xs-12.col-sm-8.col-sm-push-4 {
	width:100% !important;
	left:0% !important;
}
.carte-interactive .col-xs-12.col-sm-8.col-sm-push-4 {
	width:100% !important;
	left:0% !important;
}
.location-title a {
    display: flex !important;
}

/*  */
@media screen and (max-width: 767px) {
   
  .rechercher {margin-bottom: 15px;}
  .rechercher form.js-finder-searchform.form-search {width: 100%;}
  .rechercher .js-finder-searchform.form-search .mod-finder__search.input-group .awesomplete {max-width: 86%;flex: 0 0 86%;}
  header div#menuprinc ul.maximenuck, header div#menuprinc.maximenuckh ul:not(.noresponsive) {padding-right: 8px !important;padding-left: 8px !important;}
  .jux-content-slider #jux-content-slider246 .jux-content-inner {min-height: auto;}
  .jux-content-slider #jux-content-slider246 .owl-dots {top: inherit;transform: inherit;bottom: 10px;}
   div#menuprinc.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 {float: inherit !important;margin: 5px 0;}
   div#menuprinc ul.maximenuck li ul.maximenuck2 li.maximenuck, div#menuprinc ul.maximenuck2 li.maximenuck {margin: 5px 0 !important;}
   .vie-municipale img {max-width: 100%;height: auto;width: 100%;}
   .item-page a {overflow-wrap: break-word;}
}


@media screen and (max-width: 640px) {
    header div#menuprinc ul.maximenuck, header div#menuprinc.maximenuckh ul:not(.noresponsive) {padding-right: 8px !important;padding-left: 8px !important;}
}

/* Menu de gauche : les sous-menus ont la classe "dropdown-menu". Sur les pages qui chargent le CSS de Bootstrap 5
   (ex. annuaires RSDirectory), la règle .dropdown-menu de Bootstrap les masquait (display: none, position absolue, bordure).
   On rétablit l'affichage des autres pages. */
.sidebar-left .nav-child.dropdown-menu {display: block;position: static;z-index: auto;min-width: 0;margin: 0;color: inherit;text-align: start;background-clip: border-box;border: 0;border-radius: 0;box-shadow: none;}

/* Annuaire des associations (RSDirectory) : même présentation que sur le site de Rouffach
   (photo à gauche, nom dans la couleur de la rubrique, bouton "Afficher"). La ligne est générée par html/com_rsdirectory/entries/default_details.php */
.rsdir-listing:has(.rsdir-ligne) {border: none;padding: 0;margin: 10px 8px;}
.rsdir-ligne {display: flex;gap: 16px;min-height: 124px;}
.rsdir-ligne-photo {flex: 0 0 25%;max-width: 25%;padding: 8px;}
.rsdir-ligne-photo img {width: 100%;height: auto;border: 1px solid #ddd;border-radius: 10px;}
.rsdir-ligne-corps {flex: 1 1 auto;display: flex;padding: 8px 0;}
.rsdir-ligne .rsdir-listing-title {font-size: 16px;font-weight: 700;line-height: 1.4;}
.rsdir-ligne .rsdir-listing-title a {text-decoration: none;}
/* Sélecteur renforcé : le style .btn de Bootstrap ne doit pas effacer l'encadré gris */
.rsdir-ligne a.btn.rsdir-afficher {background: transparent;border: 1px solid #ccc;border-radius: 4px;color: #555;font-size: 10px;line-height: 1.4;padding: 6px 12px;text-decoration: none;text-transform: uppercase;}
.rsdir-ligne a.btn.rsdir-afficher:hover, .rsdir-ligne a.btn.rsdir-afficher:focus {background: #bdd8f5;border-color: #ccc;color: #555;}
/* Associations : bouton sous le nom, à droite */
.rsdir-ligne-associations .rsdir-ligne-corps {flex-direction: column;}
.rsdir-ligne-associations .rsdir-listing-title {margin: 0 0 12px;width: 80%;}
.rsdir-ligne-associations a.btn.rsdir-afficher {align-self: flex-end;}

/* Filtres et tri des annuaires RSDirectory : un espace sous chaque liste déroulante */
.rsdir-filter-form .rsdir-filter {margin-bottom: 15px;}
.rsdir-filter-bar {display: flow-root;margin-bottom: 15px;}
/* Firefox only: keep the JUX thumbnail box from collapsing (ratio via padding) */
@supports (-moz-appearance:none){.jux-content-slider-wrapper .item .jux-thumbnail .entry-thumbnail-bg{width:100%!important;height:0!important;padding-bottom:55%!important;display:block!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}.jux-content-slider-wrapper .item .jux-thumbnail figure{height:auto!important}}