/* General styling */
/* Fonts */
body, main {
  font-family: Quicksand;
}
h1, h2, h3, h4, h5 {
  font-family: Quicksand;
  color: #18b4b1;
  background-color: transparent;
}
.block-title-container .block-title, .section-title {
  color: #18b4b1;
}
a {
  color: black;
}
a:hover {
  color: #18b4b1;
}
/* Sections and homepage blocks title */
.hr, .block-title-container .hr {
  color: #18b4b1 !important;
}
/* Buttons */
/* Navigation & action buttons */
.btn-primary {
  background-color: #18b4b1;
  border: 2px solid #18b4b1;
}
.btn-secondary {
  background-color: black;
  border: 2px solid black;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:focus-visible {
  color: #18b4b1;
  border: 2px solid #18b4b1;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:focus-visible {
  color: black;
  border: 2px solid black;
}
.btn-link.internal {
  color: #18b4b1;
  border: 2px solid #18b4b1;
}
.btn-link.internal:hover {
  background-color: #18b4b1;
  border: 2px solid #18b4b1;
}
.btn-link.internal:focus, .btn-link.internal:focus-visible {
  color: #18b4b1;
  border: 2px solid #18b4b1;
}
.btn-link.internal:focus::after, .btn-link.internal:focus-visible::after {
  background-color: #18b4b1;
}
.btn-link.internal:focus, .btn-link.internal:focus-visible {
  color: #18b4b1;
  border: 2px solid #18b4b1;
}
.btn-link.external {
  color: #18b4b1;
}
/* Icon buttons */
.btn-link.icon.secondary-color {
  color: black;
}
.btn-link.icon.secondary-color:hover, .btn-link.icon.secondary-color:active, .btn-link.icon.secondary-color:focus, .btn-link.icon.secondary-color:focus-visible {
  color: #18b4b1;
}
/* Anchors buttons */
.btn-outline-primary.anchor {
  border-color: #18b4b1 !important;
  color: #18b4b1 !important;
}
.btn-outline-primary.anchor:hover, .btn-outline-primary.anchor:focus, .btn-outline-primary.anchor.active, .btn-outline-primary.anchor.current {
  background-color: #18b4b1 !important;
  color: white !important;
  border-color: #18b4b1 !important;
}
.btn-outline-primary.anchor svg .anchor {
  fill: #18b4b1 !important;
}
.btn-outline-primary.anchor:hover svg .anchor, .btn-outline-primary.anchor:focus svg .anchor, .btn-outline-primary.anchor.active svg .anchor, .btn-outline-primary.anchor.current svg .anchor {
  fill: black !important;
}
/* Form buttons */
.btn-group.checkbox input.checkbox::before {
  color: #18b4b1;
}
.btn-group.checkbox input.checkbox:hover, .btn-group.radio input.radio:hover {
  color: #18b4b1;
  animation: form-btn-scale 0.3s ease-in-out forwards;
}
.btn-group.checkbox input.checkbox:focus, .btn-group.checkbox input.checkbox:focus-visible, .btn-group.radio input.radio:focus, .btn-group.radio input.radio:focus-visible {
  animation: btn-shadow-in-form-input 0.3s ease-in-out forwards;
}
.btn-group.checkbox input.checkbox:focus-within, .btn-group.radio input.radio:focus-within {
  border-color: #18b4b1;
}
.btn-group.radio input.radio::before {
  box-shadow: inset 1em 1em #18b4b1;
}
.dropdown .btn.dropdown-toggle {
  color: #18b4b1;
  border: 2px solid #18b4b1;
  animation: btn-shadow-out-primary02 0.3s ease-in-out forwards;
}
.dropdown .btn.dropdown-toggle::after {
  color: #18b4b1;
}
.dropdown .btn.dropdown-toggle:hover {
  background-color: #18b4b1;
  border: 2px solid #18b4b1;
}
.dropdown .btn.dropdown-toggle:focus, .dropdown .btn.dropdown-toggle:focus-visible {
  border: 2px solid #18b4b1;
  animation: btn-shadow-in-primary 0.3s ease-in-out forwards;
}
.dropdown .dropdown-menu {
  border: 2px solid #18b4b1 !important;
}
.dropdown .dropdown-menu .dropdown-item:hover {
  color: #18b4b1 !important;
}
/* Toggle checkbox button */
.form-check.form-switch .form-check-input {
  border: 2px solid #18b4b1;
  animation: btn-switch-shadow-out02 0.3s ease-in-out forwards;
}
.form-check.form-switch .form-check-input:checked {
  background-color: #18b4b1;
  border-color: #18b4b1;
}
.form-check.form-switch .form-check-input:focus, .form-check.form-switch .form-check-input:focus-visible {
  background-color: rgba(24, 180, 177, 0.8);
  box-shadow: 2px 2px 3px rgba(24, 180, 177, 0.8);
}
/* Return button and proposal menu panel button */
.btn-link.icon.secondary-color.proposal-menu-panel {
  background-color: black !important;
}
@media screen and (max-width: 992px) {
  .btn-link.icon.secondary-color.proposal-menu-panel:hover, .btn-link.icon.secondary-color.proposal-menu-panel:active, .btn-link.icon.secondary-color.proposal-menu-panel:focus, .btn-link.icon.secondary-color.proposal-menu-panel:focus-within {
    border: 2px solid black;
  }
  .btn-link.icon.secondary-color.proposal-menu-panel .btn-anchor-link-graphic:hover, .btn-link.icon.secondary-color.proposal-menu-panel .btn-anchor-link-graphic:active, .btn-link.icon.secondary-color.proposal-menu-panel .btn-anchor-link-graphic:focus, .btn-link.icon.secondary-color.proposal-menu-panel .btn-anchor-link-graphic:focus-within {
    color: black;
  }
}
/* Buttons animations */
@keyframes btn-shadow-in-primary {
  100% {
    box-shadow: 3px 5px 5px rgba(24, 180, 177, 0.8);
  }
}
@keyframes btn-shadow-in-secondary {
  100% {
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.8);
  }
}
@keyframes btn-shadow-out-primary {
  0% {
    box-shadow: 3px 5px 5px rgba(24, 180, 177, 0.8);
  }
}
@keyframes btn-shadow-out-secondary {
  0% {
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.8);
  }
}
@keyframes btn-shadow-in-form-input {
  100% {
    box-shadow: 2px 3px 5px rgba(24, 180, 177, 0.8);
  }
}
@keyframes btn-shadow-out-form-input {
  0% {
    box-shadow: 2px 3px 5px rgba(24, 180, 177, 0.8);
  }
}
@keyframes form-btn-scale {
  0% {
    border-color: #858585;
    transform: scale(1);
  }
  100% {
    border-color: #18b4b1;
    transform: scale(1.2);
  }
}
.card-dialog-title, .dialog-image-title, .custompage-image-title, .homepage-image-title {
  background-color: #18b4b1 !important;
}
.btn-primary.tablink.section, .display-graphic-btn, .filter-usage-done-container .btn.btn-primary {
  background-color: black !important;
}
.dialog-image-text {
  background-color: #18b4b1 !important;
}
.dialog-sections-top-container, .btn-primary.tablink.section.active, .btn-primary.tablink.section:hover, .btn-primary.tablink.section:focus, .dialog-sections-bottom-container, .filter-usage-done-container .btn.btn-primary:hover, .filter-usage-done-container .btn.btn-primary:focus {
  background-color: #18b4b1 !important;
  color: white !important;
}
/* Header */
/* Header icon buttons */
#menu-account-link:hover .fa-regular.fa-user, #menu-account-link:hover .myaccount-title, #menu-participation-link:hover .fa-solid.fa-check-to-slot, #menu-participation-link:hover .myballot-title {
  color: black !important;
}
/* Header bottom
/* Header block */
header .header_bottom, header .header_bottom .block {
  background-color: #18b4b1 !important;
}
/* Header logo */
.header-menu-logo a:focus, .header-menu-logo a:focus-visible {
  border-color: black !important;
}
/* Baseline */
.header-menu-baseline {
  color: black !important;
}
/* Navbar */
.navbar-nav .nav-link:hover, .navbar-nav .nav-item.dropdown .dropdown .nav-link:hover, .navbar-nav .nav-item.dropdown .nav-link.current, .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item:hover > .nav-link, .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item.current > .nav-link, .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item:hover > .nav-item.caret-container i, .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item:focus > .nav-item.caret-container i, .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item:focus-visible > .nav-item.caret-container i, .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item.current > .nav-item.caret-container i, .menu-link:hover, .menu-link:active, .menu-link .nav-link:hover i, .menu-link .nav-link:focus i, .menu-link .nav-link.current i {
  color: black !important;
}
.navbar-nav .nav-item.dropdown .dropdown-menu li {
  background-color: #18b4b1 !important;
}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:focus-visible, .block.accountblockservice .menu-link:focus, .block.accountblockservice .menu-link:focus-visible, .block.accountblockservice .log-btn:focus, .block.accountblockservice .log-btn:focus-visible, .block.ballotblockservice .menu-link:focus, .block.ballotblockservice .menu-link:focus-visible {
  border-color: black !important;
}
/* Small screens */
/* Logo */
@media screen and (max-width: 992px) {
  .block.logoblockservice {
    background-color: #18b4b1;
  }
}
/* Accessibility menu */
.modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-container .accessibility-param-contrast-container .fa-solid.fa-circle-half-stroke.fa-2x.accessibility-param-contrast-icon, .modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-container .accessibility-param-font-style-container .fa-solid.fa-spell-check.fa-2x.accessibility-param-font-style-icon, .modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-container .accessibility-param-font-size-container .fa-solid.fa-magnifying-glass-plus.fa-2x.accessibility-param-font-size-icon, .modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-container .accessibility-param-font-size-button-container .fa-solid.fa-font.decrease, .modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-container .accessibility-param-font-size-button-container .fa-solid.fa-font.increase {
  color: #18b4b1;
}
.modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-font-size-button-container .form-range.font-size-switch::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #18b4b1;
}
.modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-font-size-button-container .form-range.font-size-switch::-webkit-slider-thumb:hover, .modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-font-size-button-container .form-range.font-size-switch::-webkit-slider-thumb:active, .modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-font-size-button-container .form-range.font-size-switch::-webkit-slider-thumb:focus, .modal.accessibility-modal .modal-dialog .modal-body .accessibility-param-font-size-button-container .form-range.font-size-switch::-webkit-slider-thumb:focus-visible {
  color: #18b4b1 !important;
  border: 2px solid #18b4b1 !important;
}
/* Account menu */
/* Account */
div#myaccount-menu {
  border-color: #18b4b1;
}
/* Ballot menu */
/* Ballot */
.ballot-submenu-container {
  border: 0.25em solid #18b4b1 !important;
}
/* Ballot proposal name */
.ballot-submenu-container .ballot-item.participation-vote .ballot-action .table.votes .table-cell.proposal-name .ballot-proposal-name:hover, .ballot-submenu-container .ballot-item.participation-vote .ballot-action .table.votes .table-cell.proposal-name .ballot-proposal-name:active, .ballot-submenu-container .ballot-item.participation-vote .ballot-action .table.votes .table-cell.proposal-name .ballot-proposal-name:focus, .ballot-submenu-container .ballot-item.participation-vote .ballot-action .table.votes .table-cell.proposal-name .ballot-proposal-name:focus-visible {
  color: #18b4b1;
}
/* Breadcrumbs */
.breadcrumbs-item .fa-solid.fa-chevron-right {
  color: #18b4b1 !important;
}
.block.breadcrumbsblockservice .breadcrumbs-item a:hover, .block.breadcrumbsblockservice .breadcrumbs-item a:active {
  color: black !important;
}
/* Footer */
/* Footer block */
footer, footer .block {
  background-color: #18b4b1 !important;
}
/* Footer btn */
footer .nav-link:hover, footer .nav-link.current, footer .nav-link.active {
  color: black !important;
}
/* Footer powered by */
#powered-by .id-city-link:focus, #powered-by .id-city-link:focus-visible {
  border-color: black !important;
}
/* Homepage */
/* Gallery */
.carousel-item .carousel-title, .carousel-caption-title-big-screens .title-big-screens {
  background-color: #18b4b1 !important;
  color: white;
}
.carousel-caption-text-big-screens .text-big-screens {
  background-color: #18b4b1 !important;
  color: white;
}
.carousel-indicators button[data-bs-target] {
  background-color: black !important;
}
.carousel-control-prev .fa-solid.fa-chevron-left, .carousel-control-next .fa-solid.fa-chevron-right, .block.dialog-last-proposals .proposal-cards-gallery .gallery-control-prev, .block.dialog-last-proposals .proposal-cards-gallery .gallery-control-next {
  color: black !important;
}
/* Stats */
.stats-container .stat {
  border: 0.3em solid black;
}
.stats-container .stat i {
  color: #18b4b1;
}
@media screen and (max-width: 768px) {
  .stats-container .stat {
    border: none;
    border-bottom: 0.2em solid black;
  }
}
/* Dialog last proposals */
.block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal {
  background-color: black !important;
}
.block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:hover, .block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:active, .block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:focus, .block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:focus-within {
  background-color: #fff !important;
  border-color: black !important;
}
.block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:hover .fa-solid.fa-angles-right, .block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:active .fa-solid.fa-angles-right, .block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:focus .fa-solid.fa-angles-right, .block.dialog-last-proposals .proposal-cards-wrapper .show-more-btn-container .btn.btn-link.card-proposal:focus-within .fa-solid.fa-angles-right {
  color: black !important;
}
/* Dialog */
/* Timeline */
/* Big screen */
.timeline-graphic {
  fill: #18b4b1;
}
.timeline-graphic.active-stage {
  fill: black;
}
.timeline-big-screens .timeline-graphic:focus, .timeline-big-screens .timeline-graphic:focus-visible, .timeline-small-screens .timeline-part:focus, .timeline-small-screens .timeline-part:focus-visible {
  border-color: black !important;
  outline: black !important;
}
.timeline-section-title.active-stage {
  color: black;
}
/* Small screen */
.timeline-part {
  background-color: #18b4b1;
}
.timeline-part.active-stage {
  background-color: black;
}
/* Sections */
.page-item .page-link:hover {
  height: 100%;
  color: white !important;
  background-color: black !important;
}
.page-item.active .page-link {
  background-color: transparent;
  border: 2px solid black !important;
}
/* Section map */
.map-proposal-menu.btn-container {
  background-color: #18b4b1;
}
.leaflet-marker-icon.custom-map-icon.leaflet-zoom-animated.leaflet-interactive div, .leaflet-marker-icon.custom-map-icon.leaflet-zoom-animated.leaflet-interactive div .fa-solid.fa-circle {
  fill: #18b4b1;
  color: #18b4b1;
}
/* Proposal */
/*Anchors menu */
.summary-proposal-title {
  color: #18b4b1 !important;
}
/* Proposal view */
/* Map */
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  background-color: #18b4b1 !important;
}
/* Custom post */
.outcome-list.post .btn.btn-link.post-more {
  background-color: #18b4b1 !important;
}
/* Usages */
/* Vote */
.vote-opinion .validation-btn-container .btn-primary.opinion.neutral.selected {
  background-color: #18b4b1 !important;
}
/* Evaluation */
.evaluations-others-menu.offcanvas .offcanvas-header .offcanvas-title-user {
  color: #18b4b1 !important;
}
.evaluations-others-menu.offcanvas .evaluations-others-sidemenu .users-list-container .btn.user {
  background-color: black !important;
}
.evaluations-others-menu.offcanvas .evaluations-others-sidemenu .users-list-container .btn.user.current {
  background-color: #18b4b1 !important;
}
/* Evaluation / Survey */
.block.surveyblockservice .survey-container fieldset .form-part-title, .evaluation-create.content.form fieldset .form-part-title, .block.myevaluationblockservice .form-part-title {
  color: #18b4b1 !important;
}
.mfv-order-field .order-item .fa-solid.fa-chevron-up.order-item-up, .mfv-order-field .order-item .fa-solid.fa-chevron-down.order-item-down {
  background-color: #18b4b1;
}
/* Comments */
.block.actionblock.action-type-comment .thread-write-comment-form #app_comment_type label {
  color: black;
}
/* Discussion */
.action-form #app_discussion_type #app_discussion_type_subject_form-group label, .proposal-usage-view.block #app_discussion_type #app_discussion_type_message_form-group label {
  color: black;
}
/* Post */
.thread-write-container #app_post_type #app_post_type_title_form-group label, .block.actionblock.action-type-post .thread-write-post-form #app_post_type label, .thread-write-container #app_post_type #app_post_type_image_form-group label {
  color: black;
}
/* My proposal page */
/* My proposal list */
table td.hr-container hr {
  border-color: black !important;
}
/* Discussion page */
/* MyEvaluation view */
/* Guest list */
.guest-list-title {
  color: black !important;
}
.user.current-user .guest-title {
  color: #18b4b1 !important;
}
.guest-list.collapse-btn .fa-solid.fa-plus, .guest-list.collapse-btn .fa-solid.fa-minus {
  color: black !important;
}
/* Thread */
.discussion-thread-container .thread-title {
  color: #18b4b1 !important;
}
.discussion-thread-container .fa-solid.fa-pen {
  color: black !important;
}
/* Write message */
.thread-write-message-form .form_row label {
  color: black !important;
}
/* Subscription page */
/* MySubscription list */
.block.mysubscriptionlistblockservice .form-check-input:checked {
  background-color: #18b4b1;
}
/* Calendar */
.block.calendarblockservice .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
  background-color: black;
  border-color: black;
}
/* Sitemap */
.sitemap-elements li .fa-circle {
  color: #18b4b1 !important;
}
/* Tarteaucitron cookies panel */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {
  background-color: black !important;
}
#tarteaucitronRoot::before, #tarteaucitronRoot #tarteaucitronAlertBig {
  background-color: #18b4b1 !important;
}
#tarteaucitronPersonalize2 {
  background-color: black !important;
}
#tarteaucitronAllDenied2 {
  background-color: black !important;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronInfo {
  background-color: #18b4b1 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background-color: #18b4b1 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background-color: #18b4b1 !important;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {
  background-color: #18b4b1 !important;
}
#tarteaucitron .tarteaucitronBorder {
  background-color: white !important;
}
/* 18/11/22 Do not display the phases timeline https://jeparticipe.ploemeur.com/dialog/fort-bloque*/

@media screen and (max-width: 992px) {
  .block.custompagearticleblockservice .custompage-article-container 
  .custompage-text-container > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .block.custompagearticleblockservice .custompage-article-container 
  .custompage-text-container img {
    float: none !important;
  }
}