@import url(materialdesignicons.min.css);
*,
.evo-title-h4 {
    font-family:Montserrat;
    font-style:normal
}

div#flashMessage,
pre {
    background-color:#fff
}

.fil-navigation-container a,
.liste-evo-container a,
.parcours-container a.riviere-container:hover,
.rd-navbar a:active,
.rd-navbar a:hover,
a,
header a {
    text-decoration:none
}

*,
.evo-title-h4 {
    font-style:normal
}

.evo-button-main,
.show-full-parcour,
.tool-box,
a {
    cursor:pointer
}

#niveaux-liste td,
.form-check-input,
.image_grey img,
.image_grey_2 {
    vertical-align:top
}

.liste-evo-column,
.video-bg {
    overflow:hidden
}

:root {
    --blue:#007bff;
    --blue-evo:#2471a0;
    --blue-evo-light:#2471a014;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --orange-evo:#ff9201;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gris-light-evo:#d9d9d9;
    --gris-evo:#737373;
    --gris-dark-evo:#5c5c5c;
    --gris-light-font-evo:#979797;
    --gris-hover-link:#808085;
    --gray-dark:#343a40;
    --primary:#007bff;
    --secondary:#6c757d;
    --success:#28a745;
    --info:#17a2b8;
    --warning:#ffc107;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px
}

* {
    font-weight:500;
    font-size:15px;
    line-height:22px
}

body {
    background-color:var(--blue-evo)
}

.form-control {
    -webkit-appearance:none;
    height:36px;
    line-height:28px
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label,
.transparent {
    opacity:.5
}

pre {
    z-index:1000000000;
    position:relative;
    width:100%;
    text-align:left;
    border:2px solid orange
}

div#flashMessage {
    display:none;
    z-index:1000000;
    position:fixed;
    bottom:0
}

#ui-to-top {
    border-radius:0;
    background-color:#2471a0;
    color:#fff;
    border:none;
    font-size:33px
}

#Filtres .row,
#ajout-niveau-modal .form-inner-container.row,
#login-modal-title,
#niveauFormFiltre.row,
*+[class*=col-],
.evo-cartouche h5,
.header-evoContent .titreContent h1,
.rd-navbar-default.rd-navbar-fixed .left-menu-mobile .form-search-wrap,
.rd-navbar-default.rd-navbar-static .rd-navbar-cart-dropdown,
.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-floated.rd-navbar-static .rd-navbar-cart-dropdown,
.rd-navbar-floated.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-logo-center.rd-navbar-static .rd-navbar-cart-dropdown,
.rd-navbar-logo-center.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-cart-dropdown,
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown,
nav .rd-navbar-brand img {
    margin-top:0
}

#NiveauxForm,
.evo_slider .slick-slide img {
    margin:0 auto
}

.line_even,
.liste-evo-container .line_even {
    background-color: #e8e8e8;
}

a {
    color:var(--blue-evo)
}

.container-wide {
    padding-top:15px;
    padding-left:15px;
    padding-right:15px
}

.alert {
    padding-right:0
}

.edit-tool-container i:hover,
.hover-icon-link:hover {
    color:var(--gris-hover-link)
}

.desktop-navbar-logo,
.header-evoContent .divider,
.header_hidden .header-page-container .titreContent,
.hide,
.hide-mobile,
.left-column-follow-container,
.left-menu-desktop,
.liste-evo-container,
.main-filters-container .filter-input label:not([for=FiltreFavoris]):not(.favoris-label),
.mdb-lightbox figure figcaption,
.parcour-full {
    display:none
}

#Filtres .form-row,
.hide-desktop,
.show-mobile {
    display:block
}

.accueil-annonce-no-img {
    width:118px;
    height:76px;
    background:#2471A040;
    display:flex;
    align-items:center;
    justify-content:center
}

.accueil-annonce-no-img i {
    font-size:35px;
    color:#2471a0
}

.page {
    background-image:url(/img/backgrounds/background_accueil_first_section_opacity.webp);
    background-repeat:repeat-y;
    background-position:top;
    background-size:cover;
    box-shadow:inset 0 0 0 10000px rgb(255 255 255 / 90%)
}

.page-loader-variant-1 {
    background:#2471a0
}

.new-pill {
    padding:1px 5px;
    color:var(--orange-evo);
    font-weight:100;
    font-size:14px;
    text-transform:uppercase;
    border:1px solid var(--orange-evo);
    max-width:fit-content
}

.form-check {
    display:block;
    min-height:1.5rem;
    padding-left:1.5em;
    margin-bottom:.125rem
}

.form-check .form-check-input {
    float:left;
    margin-left:-1.5em
}

.form-check-input {
    width:1em;
    height:1em;
    margin-top:.25em;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:1px solid rgba(0,0,0,.25);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-print-color-adjust:exact;
    color-adjust:exact
}

.form-check-input[type=checkbox] {
    border-radius:.25em
}

.form-check-input[type=radio] {
    border-radius:50%
}

.form-check-input:active {
    filter:brightness(90%)
}

.form-check-input:focus {
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}

.form-check-input:checked {
    background-color:#0d6efd;
    border-color:#0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color:#0d6efd;
    border-color:#0d6efd;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events:none;
    filter:none;
    opacity:.5
}

.form-switch {
    padding-left:2.5em
}

.form-switch .form-check-input {
    width:2em;
    margin-left:-2.5em;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position:left center;
    border-radius:2em;
    transition:background-position .15s ease-in-out
}

.form-switch .form-check-input:focus {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position:right center;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display:inline-block;
    margin-right:1rem
}

.evo-title-h2,
.span-evo-title-h2 {
    font-family:Montserrat!important;
    font-style:normal;
    font-weight:500;
    font-size:22px;
    line-height:20px;
    text-transform:uppercase;
    color:#2471a0
}

.evo-title-h4 {
    font-weight:700;
    font-size:18px;
    line-height:22px;
    color:#525252
}

.evo-button-main,
.evo-title-h5 {
    font-weight:700;
    font-size:14px;
    font-family:Montserrat;
    font-style:normal
}

.evo-title-h5 {
    line-height:17px;
    color:#525252
}

.embarquement-container div,
.evo-title-with-counter,
.left-menu,
.liste-topo-links,
.membres .liste-membre-avatar-nom,
.niveau-membre,
.niveau-topo-titre,
.petites-annonces-lister .liste-membre-avatar-nom {
    display:flex;
    align-items:center
}

.evo-title-with-counter span {
    margin-right:15px
}

.evo-button-main {
    background:var(--blue-evo);
    line-height:17px;
    display:flex;
    align-items:center;
    text-align:center;
    color:#fff;
    padding:11px 53px;
    justify-content:center
}

.evo-button,
.evo-button a.js-ajax,
.evo-button a:link {
    text-decoration:none;
    color:#fff;
    font-weight:100;
    text-transform:initial
}

.evo-button-voir-plus {
    display:flex;
    cursor:pointer;
    margin-bottom:15px
}

.evo-button-voir-plus i {
    color:var(--blue-evo);
    font-size:30px
}

.inline-button-container {
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}

.evo-button {
    padding:3px 8px;
    border-radius:5px;
    background-color:var(--blue-evo);
    line-height:initial;
    font-size:1em
}

.evo-button-small {
    font-size:13px
}

.evo-button-with-icon {
    display:flex;
    align-items:center;
    margin-right:0
}

.icon-widget-container {
    background-color:wheat;
    border-radius:55px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    margin-right:5px
}

.default-avatar {
    width:50px;
    height:50px;
    border:2px solid var(--gris-evo);
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2em;
    color:var(--gris-evo)
}

.user-link.is-registered .default-avatar {
    width:20px;
    height:20px;
    font-size:13px;
    margin-right:5px
}

#niveaux-riviere-container .liste-evo-mobile .liste-evo-row,
.author_content,
.disciplines,
.evo-search-input-group,
.liste-evo-header a,
.liste-evo-row-manifestation,
.niveau-mobile-titre,
.parcour-longueur-cotation-container,
.parcour-title,
.parcours-container .liste-evo-row.row div,
footer ul.list-inline {
    display:flex
}

.evo-search-input-group .btn {
    width:15%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    background-color:var(--gris-light-evo);
    border-radius:3px 0 0 3px
}

.evo-search-input-group .form-outline {
    width:85%;
    border-radius:0 3px 3px 0
}

.evo-search-input-group .form-control {
    line-height:3
}

.section-bottom-98 {
    padding-bottom:0
}

section.novi-background {
    padding:170px 0 0;
    margin-top:-170px
}

.buy_me_a_coffee_container {
    margin-top:20px!important;
    display:flex;
    justify-content:center
}

.buy_me_a_coffee_container .bmc-btn {
    border-radius:0;
    min-width:100%
}

.left-column-ads-container {
    margin-bottom:30px
}

.evo_slider .slick-next,
.evo_slider .slick-prev,
.evo_slider .slider_button {
    font-size:50px;
    color:var(--blue-evo);
    z-index:10
}

.breadcrumb-evo li a,
.evo_slider .slick-dots li.slick-active button:before,
.header-evo li {
    color:#2471a0
}

.evo_slider .slick-dots li button:before {
    color:#706c6c;
    font-size:10px
}

.evo_slider .slick-dots {
    bottom:5px
}

.evo_slider .slick-prev {
    left:0
}

.evo_slider .slick-next {
    right:27px
}

.evo_slider .slick-next:before,
.evo_slider .slick-prev:before {
    content:''
}

.annonceurs_slider {
    background:#2471a014;
    padding-bottom:30px;
    padding-top:30px;
    margin-bottom:0
}

.was-validated select:invalid+.select2 .select2-selection {
    border-color:#dc3545!important
}

.was-validated select:valid+.select2 .select2-selection {
    border-color:#28a745!important
}

:focus {
    outline:0
}

.popup-loader-container {
    position:fixed;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}

.popup-loader {
    background-color:#0000009e;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:15px;
    height:fit-content
}

.popup-loader img {
    height:100px
}

.popup-loader i {
    color:#fff;
    font-size:40px
}

.modal textarea {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%
}

.modal .input-group-text,
form .input-group-text {
    background-color:var(--gris-light-evo);
    border:1px solid var(--gris-light-evo);
    color:#434345
}

.dtp-date,
.dtp-time {
    background:var(--blue-evo)
}

.modal-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:column
}

.modal-header .close {
    padding:1rem;
    margin:0;
    position:absolute;
    top:0;
    right:15px
}

.modal-header .divider,
.rd-navbar-default.rd-navbar-static .left-menu .rd-navbar-search-toggle {
    margin:0
}

#login-modal .modal-header {
    display:flex;
    flex-direction:column;
    align-items:center;
    border-bottom:none
}

#login-modal .close {
    position:absolute;
    top:20px;
    right:20px
}

#login-modal .divider {
    margin:10px auto 0
}

.modal-eip {
    border: 12px solid var(--blue-evo-light);
}
.modal-eip .modal-header {
    background: var(--blue-evo-light);
    border-bottom: none;
}
.modal-eip .modal-title {
    font-size: 15px;
    color: var(--blue-evo);
}
.modal-eip .modal-footer {
    border-top: 1px solid var(--gris-light-evo);
}

#RechercheIndexForm,
.evo-counter,
.legende_photo_container,
.membres .contribution-avatar,
.modal-image-container,
.paginatorPagingLimit,.parcours-photos-container .count-contributions-container,
.petites-annonces.petites-annonces-lister .contribution-avatar {
    display:flex;
    justify-content:center
}

#MultiUpload_wrap_list {
    padding:15px
}

#MoteurDeRecherche .recherche-toggle i,
#MultiUpload_wrap_list i,
.author_container .authors_name a,
.embarquement i,
.fil-navigation-container .list-inline-item:not(.li-item-ancre),
.fil-navigation-container a:link,
.legende-auteur-edit-container i:hover {
    color:var(--orange-evo)
}

.ekko-lightbox .modal-header {
    padding:7px 15px 7px 7px
}

.ekko-lightbox-nav-overlay a {
    flex:0!important;
    padding-top:0!important;
    opacity:1!important
}

.ekko-lightbox-nav-overlay {
    justify-content:space-between;
    align-items:center
}

.ekko-lightbox.modal .modal-header {
    height:0;
    padding:0;
    border-bottom:none
}

.ekko-lightbox.modal .close {
    position:absolute;
    right:25px;
    top:25px;
    z-index:2;
    border:2px solid #fff;
    border-radius:100px;
    background-color:#000;
    font-size:25px;
    color:#fff;
    opacity:.6;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center
}

.page-head,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle,
.rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle,
.rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle,
.rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle {
    position:fixed
}

#FiltreIndexForm,
.ekko-lightbox.modal .modal-body,
.mdb-lightbox.no-margin [class*=col-],
.rd-navbar-default.rd-navbar-dark.rd-navbar-static .rd-navbar-inner,
.rd-navbar-default.rd-navbar-dark.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner,
.rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-inner,
.rd-navbar-default.rd-navbar-light.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
    padding:0
}

.ekko-lightbox.modal img {
    border-top-left-radius:.3rem;
    border-top-right-radius:.3rem;
    max-height:80vh
}

.debarquement i,
.favoris-container label,
.left-menu .mdi-chevron-down,
.parcours-color,
.riviere-color,
.select2-container .select2-selection--single .select2-selection__rendered {
    color:var(--blue-evo)
}

.spot-color {
    color:var(-green)
}

.bassin-color {
    color:var(--gris-dark-evo)
}

.icone-letter-discipline {
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:25px;
    margin-right:5px;
    color:#fff
}

.liste-evo-wrapper {
    background:transparent;
    margin:20px 0
}



.left-menu li a,
.liste-evo-container table {
    width:100%
}

.liste-evo-mobile {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 8px 0;
}

.liste-evo-row {
    margin-top:0;
    padding:10px;
    border-top:1px solid var(--gris-light-evo)
}

.liste-evo-first-line {
    border-top:none
}

.liste-evo-column.column-subscribe,
.topo-col-alert,
.topo-col-link {
    max-width:50px
}

.liste-evo-container tbody tr {
    border-top:1px solid var(--gris-light-evo);
    padding:10px
}

.liste-evo-container td,
.liste-evo-container th {
    padding:7px 0 7px 10px
}

.author-column .author_container,
.author_container_edit_left {
    justify-content:flex-start
}

.liste-evo-header .liste-evo-column.col {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    font-size:14px
}

.liste-evo-header a,
.liste-evo-header th {
    font-size:14px;
    color:#525252;
    font-weight:700
}

.liste-evo-header i {
    color:var(--blue-evo);
    font-size:20px
}

.column-data,
.column-navigabilite,
.liste-evo-column.col {
    padding:0 5px;
    display:flex;
    flex-direction:column;
    justify-content:center
}

.liste-evo-header,
.liste-evo-header div,
.liste-membre-nom a,
.membres .liste-evo-header,
.parcour-title-name,
.petites-annonces.petites-annonces-lister .liste-evo-header,
.riviere-debit {
    font-weight:700
}

.liste-evo-desktop {
    display:none;
    padding:0
}

:not(.petites-annonces) .liste-evo-mobile td {
    padding:10px 0;
    vertical-align:top
}

.liste-evo-table-mobile .evo-title-h5 {
    margin-top:0;
    margin-bottom:0;
    padding-right:10px;
    padding-top:4px
}

.liste-evo-table-mobile td {
    min-width:112px
}

.liste-evo-table-mobile .author_container {
    justify-content:flex-start;
    align-items:center
}

.liste-evo-mobile .riviere-debit-niveau-container,
.liste-topos-nom-link {
    display:flex;
    justify-content:space-between;
    width:100%
}

.widget-liste-img {
    width:90px;
    height:60px;
    background-position:center;
    background-size:cover
}

div:not(.rubriques-container) .liste-evo-container .line_even:hover,
div:not(.rubriques-container) .liste-evo-container tr:hover {
    background-color:#e8e8e8
}

.paging span {
    padding:4px 10px;
    border-radius:20px;
    height:28px
}

.paging span.current {
    background:var(--blue-evo-light);
    font-weight:700;
    color:var(--blue-evo)
}

.paging .select2-container--bootstrap.select2-container--focus .select2-selection {
    height:28px
}

.paginator-container {
    border-top:1px solid var(--gris-light-evo);
    padding:20px;
    display:flex;
    flex-direction:column
}

.paginatorLegend {
    float:left;
    text-align:center;
    display:flex;
    justify-content:center;
    width:100%;
    clear:both;
    margin:10px
}

.paging {
    text-align:center;
    display:flex;
    justify-content:center
}

div.paging {
    margin:10px
}

.main-filters-container,
.membres .form-row,
.paginator-container .col {
    align-items:center
}

.paginatorPagingLimit form {
    width:100px
}

.author_container {
    font-size:.8em;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}

.author_simple_container i,
.follow-us {
    font-size:20px
}

.author_simple_container img {
    width:22px;
    height:22px
}

.author_simple_container a {
    margin-left:10px
}

.author_container img {
    height:20px;
    width:20px;
    max-width:20px
}

.author_container span {
    padding:0 5px
}

.author_container a,
.left-menu .rd-navbar-search {
    padding-right:5px
}

.legende-auteur-edit-container {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:7px
}

div.legende_photo {
    display:flex;
    flex-direction:column;
    padding:15px;
    width:90%;
    background-color:#fff;
    margin-top:-40px
}

.page-head {
    width:100%;
    z-index:1000;
    top:0;
    background-color:#fff
}

.page-head .rd-navbar-wrap {
    height:56px;
    display:flex;
    align-items:center
}

.page-head .container-wide {
    width:100%;
    padding-bottom:0;
    padding-top:0
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap {
    display:flex;
    margin-top:0;
    justify-content:space-around
}

.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck {
    box-shadow:none
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav>li>a.user-link.is-registered,
.rd-navbar-floated.rd-navbar-static .rd-navbar-nav>li>a.user-link.is-registered,
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav>li>a.user-link.is-registered {
    display:flex;
    align-items:center;
    font-style:normal;
    font-weight:500;
    font-size:22px;
    line-height:20px;
    text-transform:uppercase;
    color:#2471a0
}

.rd-navbar-nav span {
    text-align:center;
    color:#2471a0
}

.membres .form-check-label,
.niveau-membre-name,
.rd-navbar-default.rd-navbar-static .left-menu .rd-navbar-search-toggle,
.rd-navbar-default.rd-navbar-static .rd-navbar-nav.left-menu>li+li,
.rd-navbar-floated.rd-navbar-static .left-menu .rd-navbar-search-toggle,
.rd-navbar-floated.rd-navbar-static .rd-navbar-nav.left-menu>li+li,
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav.left-menu>li+li {
    margin-left:5px
}

.left-menu-mobile .drapeau-inline.menu-language-selected,
.menu-language-selected,
.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover>a,
.rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover>a,
.rd-navbar-default.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover>a,
.rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover>a,
.rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover>a,
.rd-navbar-floated.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover>a,
.rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover>a,
.rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover>a,
.rd-navbar-logo-center.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover>a,
.rd-navbar-sidebar-fixed.rd-navbar-light .rd-navbar-nav li:hover>a,
.rd-navbar-sidebar-toggle.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover>a,
.rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover>a,
.rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-dropdown li:hover>a,
.rd-navbar-top-panel.rd-navbar-light.rd-navbar-static .rd-navbar-megamenu li:hover>a {
    background:var(--blue-evo-light)
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav>li>a.drapeau-inline {
    font-family:Montserrat;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:20px;
    width:47px
}

.left-menu-mobile .drapeau-inline {
    padding:5px
}

.mobile-menu-row {
    padding:8px 30px 8px 15px
}

.left-menu .mdi-account {
    font-size:24px
}

.left-menu li {
    height:30px;
    display:flex;
    align-items:center
}

.rd-navbar-default.rd-navbar-static .left-menu .log-menu .rd-navbar-dropdown {
    width:max-content
}

.left-menu-vertical {
    border-left:2px solid #979797;
    width:1px;
    height:15px
}

.mobileLogo,
nav .rd-navbar-mobile-brand {
    display:inline-block!important
}

nav .drapeaux {
    padding:8px 30px 8px 20px
}

nav .drapeaux a {
    display:inline;
    padding-right:20px
}

nav .rd-navbar-mobile-brand {
    margin-top:10px!important;
    margin-right:20px!important;
    float:right
}

.rd-navbar-nav-wrap .rd-navbar-nav li .drapeaux .drapeau-inline {
    display:inline!important;
    padding-right:20px!important
}

.header-evoContent .container,
.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-floated.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-logo-center.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-top-panel.rd-navbar-light.rd-navbar-fixed .rd-navbar-panel {
    display:flex;
    align-items:center;
    justify-content:center
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand {
    display:flex;
    justify-content:center;
    width:100%;
    transform:none
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand img {
    margin-bottom:0
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-submenu-toggle::before,
.rd-navbar-default.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow::before,
.rd-navbar-floated.rd-navbar-fixed .rd-navbar-submenu-toggle::before,
.rd-navbar-floated.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow::before,
.rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-submenu-toggle::before,
.rd-navbar-logo-center.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow::before,
.rd-navbar-sidebar-fixed .rd-navbar-submenu-toggle::before,
.rd-navbar-sidebar-fixed .responsive-tabs .resp-accordion .resp-arrow::before,
.rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-submenu-toggle::before,
.rd-navbar-sidebar-toggle.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow::before,
.rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-submenu-toggle::before,
.rd-navbar-top-panel.rd-navbar-fixed .responsive-tabs .resp-accordion .resp-arrow::before {
    content:'\F035D'
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle::before,
.rd-navbar-floated.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle::before,
.rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle::before,
.rd-navbar-sidebar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle::before,
.rd-navbar-sidebar-toggle.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle::before,
.rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li.opened>.rd-navbar-submenu-toggle::before {
    content:"\F0360"
}

.rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span::before,
.rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span::before {
    content:"\F0349"
}

.rd-navbar-default.rd-navbar-static .rd-navbar-search-toggle span::after,
.rd-navbar-floated.rd-navbar-static .rd-navbar-search-toggle span::after {
    content:"\F0156"
}

.follow-us {
    font-family:Montserrat;
    font-style:normal;
    font-weight:700;
    line-height:20px;
    color:var(--blue-evo);
    display:flex;
    justify-content:space-around;
    align-items:center;
    background:#2471a014;
    margin-top:20px;
    text-transform:uppercase;
    padding:15px;
    flex-wrap:wrap
}

.header-evo,
.header-evo:before {
    fill:#55bbeb;
    background:#55bbeb
}

.follow-us .follow-us-icons .mdi {
    font-size:27px
}

#niveaux-riviere-container .liste-evo-mobile .liste-topos-debit-niveau,
.follow-us-icons {
    padding-top:5px
}

.section-home {
    margin-top:55px
}

.header-evo {
    background:-moz-linear-gradient(90deg,#55bbeb 0,#2471a0 100%);
    background:-webkit-linear-gradient(90deg,#55bbeb 0,#2471a0 100%);
    background:-o-linear-gradient(90deg,#55bbeb 0,#2471a0 100%);
    background:-ms-linear-gradient(90deg,#55bbeb 0,#2471a0 100%);
    background:linear-gradient(90deg,#55bbeb 0,#2471a0 100%);
    display:flex;
    flex-wrap:wrap;
    padding:6rem 1rem;
    list-style:none;
    border-radius:.25rem;
    background-image:url("/images/BG-HEADER.jpg");
    background-color:#2471a0;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}

.header-evo:before {
    background:-moz-linear-gradient(270deg,#55bbeb 0,#2471a0 100%);
    background:-webkit-linear-gradient(270deg,#55bbeb 0,#2471a0 100%);
    background:-o-linear-gradient(270deg,#55bbeb 0,#2471a0 100%);
    background:-ms-linear-gradient(270deg,#55bbeb 0,#2471a0 100%);
    background:linear-gradient(270deg,#55bbeb 0,#2471a0 100%)
}

.header_hidden.header-evoContent.header-no-image {
    height:0;
    margin-bottom:10px
}

.header-evoContent {
    font-family:Montserrat,Helvetica Neue,Arial,sans-serif;
    display:flex;
    justify-content:end;
    padding:0;
    list-style:none;
    border-radius:0;
    color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    margin-top:55px;
    position:relative;
    margin-bottom:25px
}

.evo-cartouche-title,
.titre_discipline,
footer,
footer a {
    font-family:Montserrat;
    font-style:normal
}

.header-evoContent .header-page-container {
    background-color:var(--blue-evo-light);
    color:var(--blue-evo);
    max-width:100%
}

@media (min-width:768px) {
    .hide-desktop,
    .liste-evo-mobile,
    .show-mobile {
        display:none
    }

    .hide-mobile,
    .left-column-follow-container {
        display:block
    }

    .liste-evo-row {
        margin-top:0;
        padding:10px;
        display:flex
    }

    .liste-evo-desktop {
        display:flex
    }

    .paginatorLegend {
        justify-content:flex-start
    }

    .paginatorPagingLimit {
        justify-content:flex-end
    }

    .paginatorLegend,
    div.paging {
        margin:0
    }

    .header-evoContent {
        margin-top:55px
    }

}

.header-evoContent.header-no-image {
    height:80px
}

.header-evoContent .container .align-items-xl-center {
    margin-top:90px
}

.header-evoContent h1 {
    font-size:22px;
    margin-bottom:0;
    text-transform:uppercase
}

.riviere_header_container {
    margin-bottom:115px;
    min-height:300px
}

.riviere_header_subcontainer {
    width:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}

.column-navigabilite,
.edit-tool-container,
.niveau.form,
.riviere_header_container.header-evoContent {
    justify-content:center
}

.riviere_header_container.header-no-image {
    background-image:url(/img/communes/logos/LOGO_EVO_GRAY.png);
    background-size:contain;
    background-position:center;
    background-color:#ffffff5c;
    box-shadow:none
}

.riviere_header_container.header-no-image .author_container {
    padding:5px 0
}

.riviere_header_subcontainer .evo-cartouche {
    width:90%;
    padding:40px;
    position:absolute;
    bottom:-94px;
    background-color:rgba(255,255,255,.8)
}

.riviere_header_container .expand_img {
    position:absolute;
    top:7px;
    right:16px;
    font-size:1.4em
}

@media (min-width:900px) {
    .container-wide {
        max-width:1500px
    }

    .header-evoContent h1 {
        font-size:32px
    }

}

#lbCenter {
    z-index:10000!important
}

.image_grey,
.image_grey_2 {
    position:relative
}

.image_grey img {
    filter:gray;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    width:100%
}

.image_grey img:hover {
    -webkit-filter:grayscale(0);
    filter:none
}

.image_grey_2 {
    width:100%
}

.image_grey_2:after {
    content:'\A';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#fff;
    opacity:.6;
    transition:.5s;
    -webkit-transition:.5s
}

.image_grey_2:hover:after {
    opacity:0
}

.titre_discipline {
    font-weight:700;
    font-size:14px;
    line-height:15px;
    text-transform:uppercase;
    color:#fff;
    padding:5px
}

.titre_discipline_Parcours,
.titre_discipline_Riviere {
    background:#285ff6
}

.titre_discipline_Commentaire {
    background:#87b3e1
}

.titre_discipline_Spot,
.titre_discipline_Spots {
    background:#ff9201
}

.titre_discipline_Bassin,
.titre_discipline_Bassins {
    background:#5c5c5c
}

.titre_discipline_Niveau,
.titre_discipline_Relevé_de_niveau {
    background:#ff9f1f
}

.titre_discipline_Niveau_calibrage {
    background:#6caa7b
}

.titre_discipline_Carto {
    background:#d097d0
}

.titre_discipline_Dernière_descente {
    background:#8fa676
}

.evo-cartouche {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-around;
    background:#fff;
    color:#434345;
    min-height:210px
}

.evo-cartouche-title {
    font-weight:700;
    font-size:30px;
    line-height:37px;
    color:#525252;
    text-align:left
}

.header-evoContent h1.evo-cartouche-title {
    margin-bottom:15px;
    margin-top:15px;
    text-transform:capitalize;
    color: var(--blue-evo) !important;
}

.evo-cartouche_additionnal_text,
.evo-cartouche_localisation {
    font-family:Montserrat;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#525252;
    text-align:left;
    margin-bottom:10px
}

.edit-tool-container i,
.tool-box,
.tool-box:hover {
    color:#fff
}

.tool-box {
    display:none
}

#MoteurDeRecherche,
.fil-navigation-container a.fil-item-ancre:link {
    color:var(--gris-evo)
}

.edit-menu-wrapper {
    position:fixed;
    bottom:0;
    display:flex;
    background-color:var(--orange-evo);
    width:100%;
    font-size:2em;
    z-index:1001;
    margin:0 -15px;
    flex-direction:column
}

.edit-menu-container {
    display:flex;
    justify-content:space-evenly;
    padding:10px 15px 10px 0
}

.edit-menu-container i {
    font-size:26px
}

























.rubriques-container {
    margin-bottom:35px
}

.rubriques-container .liste-evo-row {
    margin:25px 0
}

.rubriques-container .evo-title-h2 {
    margin-bottom:20px
}

.rubriques-subcontainer {
    background-color:#ffffff8a;
    padding-bottom:30px;
    border:1px solid #d3d3d3
}

.rubrique-container {
    padding:10px 25px 0
}

.rubrique-title {
    color:var(--gris-dark-evo);
    font-weight:700;
    font-size:18px;
    margin-bottom:0
}

body .ui-menu {
    z-index:1001;
    background-color:#fff
}

body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active {
    background:var(--gris-light-evo);
    border:none;
    color:#000;
    font-family:lato,Helvetica,Arial,sans-serif
}

.bg-pattern,
.ckm-subtitle,
.titre-ckm span,
footer a.icon {
    background-color:#fff
}

.recherches-rapides-container {
    margin-top:15px!important
}

.recherches-rapides-container .input-group {
    flex-wrap:nowrap
}

.recherche-rapide-box-wrapper {
    margin-bottom:10px
}

#show_rapid_search_container {
    width:100%;
    display:flex;
    justify-content:flex-end
}

.recherche-rapide-box {
    display:flex;
    flex-direction:column;
    height:350px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding:10px
}

.recherche-rapide-box h2 {
    font-weight:700;
    margin-top:15px
}

.recherche-rapide-box h2 span {
    font-weight:lighter;
    font-size:40px
}

.recherche-rapide-container {
    display:flex;
    margin-top:auto;
    margin-bottom:20px!important
}

.membres .col-nom,
.topo-col-cote,
.topo-col-niveau {
    max-width:150px
}

#niveaux-riviere-container .liste-evo-mobile {
    flex-direction:column;
    padding:5px
}

#niveaux-riviere-container .liste-evo-mobile .liste-topos-nom-links-container {
    display:flex;
    justify-content:space-between;
    width:100%;
    flex-wrap:wrap;
    padding-right:10px
}

#niveaux-riviere-container .liste-evo-mobile .liste-topos-location,
.first-form-row {
    padding-bottom:5px
}

#niveaux-riviere-container .liste-evo-mobile .liste-topos-nom-link {
    display:flex;
    justify-content:space-between;
    flex-direction:column
}

#niveaux-riviere-container .liste-evo-mobile .liste-topo-links {
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:space-between
}

#niveaux-riviere-container .liste-evo-mobile .liste-topo-links .novi-icon {
    font-size:30px;
    margin:0
}

.liste-topo-links span {
    margin-right:5px
}

@media (min-width:700px) {
    .liste-evo-container {
        display:block
    }

}

.embarquement-container {
    display:flex;
    align-items:center;
    padding:10px 0
}

.embarquement-container i {
    font-size:1.5em
}

.fil-navigation-container {
    text-transform:uppercase;
    padding:10px 0;
    top:56px;
    position:relative;
    width:100%;
    z-index:10
}

.fil-navigation-container ul {
    padding-top:0;
    margin-top:0;
    margin-bottom:0
}

@media (min-width:1200px) {
    .inline-button-container {
        flex-direction:row;
        justify-content:flex-start
    }

    .evo-button-with-icon {
        display:flex;
        align-items:center;
        margin-right:15px
    }

    .page-head .container-wide {
        padding:15px
    }

    .left-menu-mobile {
        display:none
    }

    .desktop-navbar-logo,
    .left-menu-desktop {
        display:block
    }

    .nav-container {
        display:flex;
        justify-content:space-around
    }

    .main-nav {
        display:flex;
        align-items:center
    }

    .desktop-navbar-logo img {
        width:240px;
        height:auto
    }

    .desktop-navbar {
        display:flex;
        justify-content:space-between;
        align-items:center
    }

    .section-home {
        margin-top:80px
    }

    .header-evoContent {
        margin-top:70px
    }

    .riviere_header_container {
        min-height:300px
    }

    .riviere_header_container .expand_img {
        right:14px;
        font-size:24px
    }

    .fil-navigation-container {
        top:80px
    }

}

.list-inline .list-inline-item {
    color:var(--gris-evo);
    font-size:1em;
    display:flex
}

.list-inline .list-inline-item,
.list-inline .list-inline-item a {
    justify-content:start;
    display:flex;
    width:max-content;
    min-width:max-content
}

.fil-navigation-container .list-inline-dashed>li+li:before {
    content:'>'
}

.fil-navigation-container .list-inline-dashed>li+li.li-item-ancre:before {
    content:'|'
}

.fil-navigation-container .list-inline-dashed>li+li.li-item-ancre-first:before {
    content:':'
}

.fil-navigation-container a:link:hover {
    text-decoration:underline
}

.svg-triangle-bottom {
    position:relative;
    left:50%;
    width:60px;
    height:30px;
    margin-top:-1px;
    margin-left:-30px;
    z-index:2
}

.titre-intro {
    font-size:60px;
    line-height:64px
}

.bg-pattern {
    background-image:url("/img/communes/habillage/confectionary.png");
    background-repeat:repeat;
    background-size:50%
}

.image-ckm img {
    border-color:#fff;
    border-style:solid;
    border-width:5px 10px 10px 5px;
    margin:0;
    padding:0
}

.titre-ckm {
    padding-top:50px
}

.titre-ckm span {
    list-style:none;
    clear:right;
    box-sizing:border-box;
    margin:0;
    padding:0
}

.titre-ckm .ckm-title {
    padding:.5em
}

.titre-ckm .ckm-subtitle {
    padding:0 .5em
}

.ckm-title {
    color:#434345;
    font-size:14px;
    font-weight:700;
    text-transform:capitalize
}

.ckm-subtitle {
    color:#434345;
    font-size:11px;
    font-weight:400;
    text-transform:uppercase;
    line-height:inherit
}

.niveau-topo-titre a,
.riviere-navigabilite,
.riviere-navigabilite.alert-danger a,
.riviere-navigabilite.alert-success a,
.riviere-navigabilite.alert-warning a,
.riviere-titre-container {
    font-weight:700
}

.titre-topo {
    color:#e28100;
    margin:20px 0!important
}

.lead {
    color:#00f
}

.md-pills {
    border:0
}

.md-pills li {
    padding:.6rem;
    background-color:snow
}

.md-pills .nav-link.active,
.md-pills .show>.nav-link {
    color:#fff;
    background-color:#2bbbad;
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.md-pills .nav-link {
    color:#666;
    text-align:center;
    border-radius:2px;
    -webkit-transition:.4s;
    transition:.4s
}

.md-pills .nav-link.active:hover {
    -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}

.pills-secondary .nav-link.active,
.pills-secondary .show>.nav-link,
.tabs-secondary {
    background-color:#e28100!important
}

.evo-counter span,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color:var(--orange-evo);
    color:#fff
}

.mdb-lightbox figure {
    float:left;
    margin:0
}

.mdb-lightbox figure .img-fluid,
.mdb-lightbox figure .modal-dialog.cascading-modal.modal-avatar .modal-header,
.modal-dialog.cascading-modal.modal-avatar .mdb-lightbox figure .modal-header {
    display:inline
}

.mdb-lightbox figure img {
    cursor:-webkit-zoom-in;
    cursor:zoom-in;
    border-radius:0;
    -webkit-transition:opacity .4s;
    transition:opacity .4s
}

.mdb-lightbox figure img:hover {
    opacity:.8
}

.mdb-lightbox [class*=col-] {
    padding:.5rem
}

.insert-right-2p {
    padding-right:2%
}

.video-bg {
    position:absolute;
    z-index:-1;
    inset:0px;
    background-size:cover;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-image:none
}

.bg-blue {
    color:#fff;
    background:#2471a0;
    fill:#2471a0
}

footer,
footer a {
    font-weight:500;
    font-size:14px;
    line-height:17px;
    color:#fff
}

footer ul {
    padding-inline-start:0
}

footer li {
    list-style-type:none
}

footer .list-inline .list-inline-item a {
    width:40px;
    justify-content:center;
    align-items:center
}

footer a.icon {
    width:40px;
    justify-content:center;
    color:var(--blue-evo)
}

.liste-membre-website,
.page-footer .d-block {
    text-align:left
}

.copyright-container {
    border-top:1px solid #fff;
    padding-top:25px;
    padding-bottom:0
}

.contributions-button {
    width:300px
}

.contributions-button .evo-button-main {
    padding:11px
}

.contributions_membre {
    margin-top:25px;
    padding:22px;
    background:var(--blue-evo-light);
    margin-bottom:25px
}

#Filtres .filter-input,
.contributions_membre .evo-button-voir-plus {
    margin-bottom:15px
}

.contribution-contenu {
    padding:10px 0 25px
}

.niveau-topo-titre a {
    font-size:20px
}

#niveauFormFiltre {
    padding:10px;
    justify-content:center;
    align-items:center
}

#MoteurDeRecherche {
    border-bottom:none!important;
    display:flex
}

#Filtres .filtre-col-departement {
    margin-top:5px
}

@media (min-width:615px) {
    #Filtres .filtre-col-departement {
        margin-top:0
    }

}

@media (min-width:456px) {
    #Filtres .filter-input {
        margin-bottom:0
    }

}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius:41px;
    border-bottom-right-radius:41px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color:transparent
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:26px;
    position:absolute;
    top:8px;
    right:2px;
    width:20px
}

.select2-container .select2-selection--single .select2-selection__arrow b:before {
    color:var(--blue-evo);
    font-family:Material Design Icons;
    content:"\F0140";
    position:absolute;
    top:50%;
    font-weight:400;
    margin-top:-10px;
    right:0;
    height:20px;
    line-height:20px;
    font-size:20px
}

.select2-container .select2-selection {
    background-color:var(--blue-evo-light)
}

.riviere-navigabilite.alert-warning,
.riviere-navigabilite.alert-warning a {
    background-color:transparent;
    color:#f5bf2f
}

.select2-container.select2-container--focus .select2-selection,
.select2-container.select2-container--open .select2-selection {
    background:var(--blue-evo-light);
    border-radius:6px
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border:transparent
}

.select2-container .select2-selection--single {
    text-align:left;
    height:auto;
    line-height:25px;
    padding:8px 28px 8px 10px;
    border-radius:6px;
    border:none
}

.riviere-titre-container {
    font-size:15px;
    display:flex;
    align-items:flex-start
}

.riviere-titre-container .icone_widjets {
    margin-right:5px;
    padding-top:2px
}

.riviere-titre {
    width:fit-content
}

.riviere-geolocation {
    display:flex;
    flex-wrap:wrap;
    font-size:13px
}

.riviere-date {
    font-size:12px;
    color:grey
}

.riviere-navigabilite {
    text-transform:uppercase;
    font-size:13px;
    text-align:center
}

.riviere-navigabilite.alert-success,
.riviere-navigabilite.alert-success a {
    background-color:transparent;
    color:#abcc37
}

.riviere-navigabilite.alert-danger,
.riviere-navigabilite.alert-danger a {
    background-color:transparent;
    color:#f54b0f
}

.footer-rivieres div {
    margin-top:10px
}

.niveauxLegende {
    padding-top:5px;
    width:100%;
    display:flex;
    justify-content:space-evenly;
    margin-bottom:15px!important;
    align-items:flex-end
}

.niveauxLegende img {
    max-width:40px
}

.niveauxLegende div {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center
}

.niveauxLegende .mdi-star {
    color:var(--orange-evo);
    font-size:30px
}

@media (min-width:480px) {
    .container {
        max-width:1200px
    }

    .rd-navbar-default.rd-navbar-fixed .rd-navbar-brand,
    .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand,
    .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand,
    .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand {
        position:inherit;
        top:7px;
        left:0
    }

    .niveauxLegende {
        align-items:center
    }

    .niveauxLegende div {
        margin-top:0;
        display:flex;
        flex-direction:row
    }

}

.evo-counter span {
    border-radius:36px;
    padding:0 8px;
    margin-left:10px
}

.rivieres-attention-container {
    display:flex;
    align-items:center;
    border:1px solid var(--gris-light-evo);
    padding:30px;
    margin-top:30px
}

.rivieres-attention-container i {
    color:var(--orange-evo);
    font-size:43px;
    margin-right:30px
}

.rivieres-attention-container p {
    text-align:justify
}

.icone_attention {
    width:20px
}

@media (min-width:992px) {
    .table:not(.dtp-picker-days) td:nth-child(n+2),
    .table:not(.dtp-picker-days) th:nth-child(n+2) {
        padding:.3rem!important
    }

    .table-custom.large-only td:nth-child(n+2),
    .table-custom.large-only th:nth-child(n+2) {
        padding-left:16px
    }

}

.membres .col-avatar,
.niveaux-liste .col-actions {
    max-width:62px
}

.membres .liste-evo-column,
.petites-annonces.petites-annonces-lister .liste-evo-column {
    align-items:flex-start
}

.membres .liste-evo-column,
.membres .liste-evo-column a,
.petites-annonces.petites-annonces-lister .liste-evo-column,
.petites-annonces.petites-annonces-lister a {
    text-align:left;
    word-break:break-word
}

.membres .col-posts {
    max-width:95px
}

.membres .col-regdate {
    max-width:135px
}

.membres .col-lastvisit {
    max-width:155px
}

.membres.index.container .recherche {
    width:auto
}

.membres .paging {
    margin:25px
}

.membres .contribution-avatar,
.petites-annonces-lister .contribution-avatar {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:15px
}

.liste-membre-dates,
.liste-membre-nom-dates {
    display:flex;
    flex-direction:column;
    align-items:flex-start
}

.niveaux-liste .liste-evo-column.col-actions {
    max-width:55px;
    width:55px;
    flex-direction:row;
    justify-content:center;
    align-items:center
}

.niveaux-liste .liste-evo-column.col-quand {
    max-width:105px;
    width:105px
}

.niveaux-liste .liste-evo-column.col-discipline {
    max-width:45px;
    width:45px
}

.niveaux-liste .liste-evo-column.col-topo {
    max-width:150px;
    min-width:150px;
    width:150px
}

.niveaux-liste .liste-evo-column.col-lieu {
    max-width:100px;
    width:100px;
    min-width:100px
}

.niveaux-liste .liste-evo-column.col-valeur {
    max-width:115px;
    width:115px
}

.niveaux-liste .liste-evo-column.col-evaluation {
    max-width:95px;
    width:95px
}

.niveaux-liste .liste-evo-column.col-par {
    max-width:140px;
    width:140px
}

.niveaux-liste .liste-evo-column.col-commentaire.col p {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis " ...";
    max-width:275px
}

.niveau-head {
    text-align:center;
    padding-top:20px
}

.niveau.form form {
    border:1px solid var(--gris-light-evo);
    padding:1em .5em
}

#NiveauxForm {
    width:80%
}

#ajout-niveau-modal .form-buttons {
    margin-top:15px;
    display:flex;
    justify-content:flex-end;
    border-top:1px solid #d0d0d0;
    padding-top:15px
}

.niveau {
    text-align:left;
    max-width:1500px;
    margin:0 auto 50px
}

.niveau .evo-title-h5 {
    margin-top:0;
    margin-bottom:5px
}

.niveau .default-avatar {
    width:25px;
    height:25px;
    font-size:15px
}

.niveau .niveau-data {
    margin:15px 0;
    display:flex;
    justify-content:space-between;
    flex-direction:column
}

@media (min-width:768px) {
    .riviere_header_subcontainer {
        width:auto;
        min-width:350px;
        margin-right:-40px;
        justify-content:flex-end
    }

    .riviere_header_subcontainer .evo-cartouche {
        width:100%;
        position:inherit;
        bottom:0
    }

    .riviere_header_container {
        margin-bottom:35px
    }

    .riviere_header_container.header-evoContent {
        justify-content:flex-end
    }

    .evo-cartouche {
        padding:40px
    }

    .edit-tool-container {
        display:none
    }

    .edit-tool-container a,
    .tool-box {
        display:flex;
        align-items:center
    }

    .edit-menu-wrapper {
        bottom:60%;
        width:60px;
        right:0;
        border-radius:50px 0 0 50px
    }

    .fil-navigation-container {
        padding-bottom:15px
    }

    #Filtres .form-row {
        display:flex
    }

    #FiltreIndexForm {
        padding:15px
    }

    .niveau .niveau-data {
        flex-direction:row
    }

}

.manifestations-container .date-column {
    min-width:120px
}

.manifestations-container .website-column {
    min-width:95px
}

.manifestations-container .forum-link-column {
    min-width:100px
}

.liste-evo-row-manifestation-image-container {
    margin-right:10px
}

.liste-evo-row-manifestation-title-container a {
    font-size:16px;
    font-weight:700
}

@media (max-width:767px) {
    .accueil-annonce-img {
        background-size:contain
    }

    .liste-evo-mobile .liste-evo-row {
        background-color: #fff;
        border-radius: 8px;
        border-top: none;
        margin-bottom: 4px;
    }

    .liste-evo-mobile .liste-evo-row:nth-child(even) {
        background-color: rgba(0,0,0,0.07);
    }

    .partenaires-container a {
        min-height:50px
    }

    .partenaires-container img {
        max-height:63px
    }

}

@media (max-width:480px) {
    .evo-ads,
    html footer .grid-group-md>* {
        margin-bottom:0!important
    }

    .accueil-link,
    .evo-title-h2,
    .follow-us,
    .image-of-the-day-content-titre a,
    .membre-pseudo,
    .span-evo-title-h2 {
        font-size:16px!important
    }

    .title-item-forum {
        font-size:14px!important
    }

    .accueil-forum-columns-container {
        padding:30px 20px!important
    }

    .accueil-widget-header-container {
        padding-bottom:15px!important
    }

    .slick-dotted.slick-slider {
        margin-bottom:15px!important
    }

    .evo-ads {
        padding-top:20px!important
    }

    .widget-rassemblement {
        margin-top:20px!important
    }

    #new-photos-membres-annonces-section-accueil {
        padding:20px 0!important
    }

    .widget-photo-new-photos-container {
        padding:21px 33px 34px 30px!important
    }

    .membres-container {
        padding:25px!important
    }

    #petitesAnnonces {
        padding:27px 0 0!important
    }

    .annuaire-sites-container {
        padding:5px!important
    }

    .partenaires-container img {
        max-height:55px!important
    }

    .section-top-66 {
        padding-top:26px!important
    }

    .section-bottom-34 {
        padding-bottom:14px!important
    }

    .copyright-container {
        padding-top:0!important;
        padding-bottom:0!important
    }

}


/* ============================================================
   Migration CakePHP 4 - Layout structuré
   ============================================================ */

/* Annule le margin-top négatif de novi-background */
.page-wrapper.container-wide .section.novi-background {
    margin-top: 0;
    padding-top: 0px;
}

/* Couleur du titre sur les pages sans image */
.header-evoContent.header-no-image h1 {
    color: var(--blue-evo) !important;
}

/* Breadcrumb en ligne */
.fil-navigation-container ul.list-inline {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}

/* Titre centré dans son fond, margin-top neutralisé */
.header-evoContent.header-no-image .align-items-xl-center {
    margin-top: 0 !important;
    padding-top: 10px;
}

/* Header hauteur auto : s'adapte quand le titre passe à la ligne */
.header-evoContent.header-no-image {
    height: auto !important;
    min-height: 80px;
    padding-bottom: 10px;
}

/* Fond bleu clair s'étend avec le titre */
.header-evoContent.header-no-image .header-page-container {
    display: flex;
    align-items: center;
    min-height: 80px;
    height: auto !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Compense le header fixe (56px) : padding-top sur le wrapper */
@media (max-width: 767px) {
    .page-wrapper.container-wide {
        padding-top: 45px !important;
    }
}
/* Pagination - sélecteur nb d'entrées par page */
.paginatorPagingLimit .select2-container {
    width: 100px !important;
}

/* Tableau dico - style ligne de titre */
.table-custom thead tr th,
.table-custom tbody tr:first-child th {
    background-color: var(--gris-light-evo);
    font-weight: 700;
    color: var(--gris-dark-evo);
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
}

.table-custom thead tr th a,
.table-custom tbody tr:first-child th a {
    color: var(--gris-dark-evo);
    font-weight: 700;
}

/* Tableau dico - style ligne de titre */
.table-custom thead th {
    background-color: #fff !important;
    font-weight: 700;
    color: var(--gris-dark-evo);
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}

/* Tri des colonnes */
.table-custom thead th a {
    color: var(--gris-dark-evo);
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.table-custom thead th a::after {
    font-size: 14px;
    margin-left: 4px;
    content: '⇅';
    opacity: 0.5;
    color: var(--orange-evo);
}

.table-custom thead th a.asc::after {
    content: '↑';
    opacity: 1;
    color: var(--orange-evo);
}

.table-custom thead th a.desc::after {
    content: '↓';
    opacity: 1;
    color: var(--orange-evo);
}

/* Tableau - surbrillance au survol */
.table-custom tbody tr:hover {
    background-color: #d0d0d0;
}

/* ============================================================
   Tableau dico - cards mobile
   ============================================================ */
.dico-cards {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px 0;
}

.dico-card {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    padding: 8px 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07);
    gap: 6px;
    min-width: 0;
}

.dico-card .badge-lang {
    font-size: 9px;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
    flex-shrink: 0;
}

.dico-card .badge-fr { background: #e8f0f8; color: var(--blue-evo); }
.dico-card .badge-en { background: #fff3e0; color: var(--orange-evo); }

.dico-card-francais {
    font-weight: 700;
    color: #333;
    flex: 1;
    font-size: 13px;
    min-width: 0;
}

.dico-card-arrow {
    color: #ccc;
    flex-shrink: 0;
    font-size: 12px;
}

.dico-card-anglais {
    color: var(--blue-evo);
    flex: 1;
    font-size: 13px;
    min-width: 0;
}

.dico-card-categorie {
    font-size: 9px;
    background: #f0f0f0;
    color: #888;
    border-radius: 3px;
    padding: 1px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    flex-shrink: 0;
}

th a.no-sort::after { display: none; }

.btn-primary {
    background-color: var(--orange-evo);
    border-color: var(--orange-evo);
    box-shadow: none !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #d94f2a;
    border-color: #d94f2a;
    box-shadow: none !important;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary:active,
.btn-primary.active {
    box-shadow: none !important;
    outline: none !important;
}

/* ── Pastilles actions photo (suppression / édition) ────────── */
.photo-edit-actions {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    gap: 0.35rem;
    z-index: 10;
}
.pa-photo-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    color: var(--orange-evo) !important;
    display: none; /* caché par défaut — visible uniquement en mode édition */
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    text-decoration: none !important;
    transition: color 0.15s, background 0.15s;
    cursor: pointer;
}
.pa-photo-btn:hover {
    color: var(--orange-evo) !important;
    background: #fff;
}
/* Afficher les crayons en mode édition */
html.mode-edition .rubrique-title .pa-photo-btn {
    display: inline-flex;
}



/* ============================================================
   WYSIWYG SUMMERNOTE — summernote-description-inner
   Commun à Manifestations, PetiteAnnonces et futurs modules
   ============================================================ */

.summernote-description-inner b,
.summernote-description-inner strong { font-weight: bold !important; }
.summernote-description-inner i,
.summernote-description-inner em     { font-style: italic !important; }
.summernote-description-inner u      { text-decoration: underline !important; }
.summernote-description-inner s      { text-decoration: line-through !important; }
.summernote-description-inner mark   { background-color: yellow; }

/* Titres Summernote dans la description */
.summernote-description-inner h1 { font-size: 1.6rem; font-weight: 700; margin: 1rem 0 0.5rem; color: var(--blue-evo); }
.summernote-description-inner h2 { font-size: 1.4rem; font-weight: 700; margin: 0.9rem 0 0.4rem; color: var(--blue-evo); }
.summernote-description-inner h3 { font-size: 1.2rem; font-weight: 600; margin: 0.8rem 0 0.3rem; }
.summernote-description-inner h4 { font-size: 1.1rem; font-weight: 600; margin: 0.7rem 0 0.3rem; }

html {
    scroll-padding-top: 120px; /* header fixe 92px + 8px de marge */
}

/* ── Cartouche auteur header rivière ─────────────────────────────────────── */

.evo-cartouche-auteur {
    margin-top: 6px;
    font-size: 0.85rem;
}

.cartouche-auteur-ligne {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cartouche-auteur-modif {
    margin-top: 4px;
}

.cartouche-auteur-modif summary {
    cursor: pointer;
    list-style: none;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.7);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cartouche-auteur-modif summary::-webkit-details-marker {
    display: none;
}

.cartouche-auteur-modif summary:hover {
    color: rgba(255,255,255,1);
}

.cartouche-auteur-detail {
    margin-top: 4px;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.7);
    padding-left: 16px;
}
/****** Trier par ****/
.liste-evo-header-mobile {
    display: block !important;
    padding-bottom: 15px;
}
@media (min-width: 768px) {
    .liste-evo-header-mobile {
        display: none !important;
    }
}
.liste-evo-header-mobile-title {
    color: var(--blue-evo);
    text-transform: uppercase;
    padding-bottom: 15px;
}

.liste-evo-header-mobile-content {
    display: flex;
    justify-content: space-between;
}
.liste-evo-header-mobile-select {
    background-color: var(--blue-evo-light);
    padding: 10px;
    border-radius: 8px;
}
.liste-evo-header-mobile-selected {
    background-color: #2471a047;
}

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block;
}

/* =========================================================
   MODE ÉDITION INLINE (EIP)
   ========================================================= */

/* ── Bandeau mode édition ── */
#bandeau-eip {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(60, 60, 60, 0.88);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 28px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.3);
    font-size: 15px;
    border-bottom: 2px solid rgba(255,255,255,0.15);
}
#bandeau-eip-texte {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.bandeau-eip-sub {
    font-size: 13px;
    font-weight: 400;
    opacity: 0.80;
    margin-left: 10px;
}
#bandeau-eip-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}
@media (max-width: 767px) {
    .bandeau-eip-sub { display: none; }
    #bandeau-eip { flex-direction: column; gap: 8px; padding: 10px 14px; }
    #bandeau-eip-actions { width: 100%; }
    #bandeau-eip-actions .btn { flex: 1; }
}

/* Décaler le contenu sous le bandeau */
html.mode-edition body {
    padding-top: 64px;
}
@media (max-width: 767px) {
    html.mode-edition body { padding-top: 96px; }
}

/* ── Zones éditables — highlight desktop au survol ── */
.eip-hover {
    background-color: rgba(36, 113, 160, 0.07);
    border-radius: 4px;
    outline: 1px dashed var(--blue-evo-light);
}

/* ── Rubriques vides : toujours affichées en mode édition ── */
html.mode-edition .rubrique-container {
    display: block !important;
}
html.mode-edition .eip:empty::after,
html.mode-edition .contenu_rubrique:empty::after {
    content: '— Non renseigné —';
    color: var(--gris-light-font-evo);
    font-style: italic;
    font-size: 0.9em;
}

/* ── Aide à la saisie ── */
.eip-aide-container {
    display: none;
}
.eip-aide-content {
    border-left: 3px solid var(--blue-evo) !important;
    font-size: 0.88em;
}
.aide-explication {
    color: var(--gris-font-evo);
    margin-bottom: 8px;
}
.aide-exemple {
    background: #fff;
    border-radius: 4px;
    padding: 6px 10px;
    margin-top: 6px;
    font-size: 0.9em;
    color: var(--gris-font-evo);
}
.aide-exemple-label {
    font-weight: 600;
    color: var(--blue-evo);
}

/* ── Indicateur brouillon dans le titre ── */
.etat-brouillon {
    display: inline-block;
    color: #e74c3c;
    font-size: 0.6em;
    font-weight: 700;
    vertical-align: middle;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
/* ── Formulaire création topo — labels gauche ── */
.pa-label-left {
    font-weight: 600;
    color: var(--gris-font-evo);
    font-size: 0.95em;
}
.pa-divider {
    border-top: 1px solid var(--gris-light-evo);
    margin: 0;
}
.ajouter-select-multi {
    min-height: 80px;
}