/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Éviter les coupures de mots */
#outerframeContainer {
    hyphens: none;
    word-wrap: normal;
}

/* Couleurs Bootstrap */
:root {
  --bs-primary: #C01F38;
  --bs-info: #D95245;
  --bs-primary-rgb: 192, 31, 56;
  --bs-info-rgb: 217, 82, 69;
}

/* Couleurs RGBA : valeur modifiée */

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(192, 31, 56, 0.5);
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(192, 31, 56, 0.5);
}

/* Ombres des boutons "info" : composantes RGB de --bs-secondary (#9094A7) */
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(144, 148, 167, 0.5);
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(144, 148, 167, 0.5);
}

/* Couleurs HTML : substitution par une variable */

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: var(--bs-primary);
}

.link-primary {
  color: var(--bs-primary);
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

.fruity_twentythree .input-group-addon {
  background-color: var(--bs-primary);
}

.fruity_twentythree .label-primary {
  background-color: var(--bs-primary);
}

.fruity_twentythree .label-success {
  background-color: var(--bs-primary);
}

.fruity_twentythree .card-primary {
  border: 1px solid var(--bs-primary);
}

.fruity_twentythree .card-primary > .card-header {
  background-color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
}

.fruity_twentythree .card-primary > .card-header + .panel-collapse .card-body {
  border-top-color: var(--bs-primary);
}

.fruity_twentythree .card-primary > .card-footer + .panel-collapse .card-body {
  border-bottom-color: var(--bs-primary);
}

.fruity_twentythree .card-success > .card-header {
  color: var(--bs-primary);
}

.fruity_twentythree .nav-pills > li.active > a:focus {
  background-color: var(--bs-primary);
}

.fruity_twentythree .nav-pills > .active > a > .badge {
  color: var(--bs-primary);
}

.fruity_twentythree .container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .fruity_twentythree .container-sm .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .fruity_twentythree .container-md .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .fruity_twentythree .container-lg .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .fruity_twentythree .container-xl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .fruity_twentythree .container-xxl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.fruity_twentythree .container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-sm .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-md .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-lg .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-xl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-xxl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: var(--bs-primary);
}

.fruity_twentythree .em-function {
  color: var(--bs-primary);
}

.fruity_twentythree #carousel-example-generic .carousel-control {
  color: var(--bs-primary);
}

.fruity_twentythree #carousel-example-generic .card-title {
  color: var(--bs-primary);
}

.fruity_twentythree #carousel-example-generic .carousel-indicators .active {
  background-color: var(--bs-primary);
}

.fruity_twentythree #carousel-example-generic .carousel-indicators li {
  border: 1px solid var(--bs-primary);
}

@keyframes preload-cycle-1 {
  5% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #09532c;
  }
  10%, 75% {
    transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #17c568;
  }
  80%, 100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: var(--bs-primary);
  }
}

@keyframes preload-cycle-2 {
  10% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #09532c;
  }
  15%, 70% {
    transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #17c568;
  }
  75%, 100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: var(--bs-primary);
  }
}

@keyframes preload-cycle-3 {
  15% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #09532c;
  }
  20%, 65% {
    transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #17c568;
  }
  70%, 100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: var(--bs-primary);
  }
}

@keyframes preload-cycle-4 {
  20% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #09532c;
  }
  25%, 60% {
    transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #17c568;
  }
  65%, 100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: var(--bs-primary);
  }
}

@keyframes preload-cycle-5 {
  25% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #09532c;
  }
  30%, 55% {
    transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #17c568;
  }
  60%, 100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: var(--bs-primary);
  }
}

@keyframes preload-cycle-6 {
  30% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #09532c;
  }
  35%, 50% {
    transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #17c568;
  }
  55%, 100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: var(--bs-primary);
  }
}

@keyframes animate-gradient {
  0% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 1px, #ffffff 2px, #ffffff 100%);
  }
  10% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 2px, #ffffff 3px, #ffffff 100%);
  }
  20% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 3px, #ffffff 4px, #ffffff 100%);
  }
  30% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 4px, #ffffff 5px, #ffffff 100%);
  }
  40% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 5px, #ffffff 6px, #ffffff 100%);
  }
  50% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 6px, #ffffff 7px, #ffffff 100%);
  }
  60% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 7px, #ffffff 8px, #ffffff 100%);
  }
  70% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 8px, #ffffff 9px, #ffffff 100%);
  }
  80% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 9px, #ffffff 10px, #ffffff 100%);
  }
  90% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 10px, #ffffff 10px, #ffffff 100%);
  }
  100% {
    background: radial-gradient(circle at center, var(--bs-primary) 0px, var(--bs-primary) 8px, #ffffff 9px, #ffffff 100%);
  }
}

.fruity_twentythree #comfortUpdateGeneralWrap h3.maintitle, .fruity_twentythree #comfortUpdateGeneralWrap .maintitle.h3 {
  color: var(--bs-primary);
  border-bottom: 1px solid var(--bs-primary);
}

.fruity_twentythree #comfortUpdateGeneralWrap .on span {
  background-color: var(--bs-primary);
}

body .answer-item label::after {
  background-color: var(--bs-primary);
}

.fruity_twentythree pagination > li > a {
  color: var(--bs-primary);
}

.fruity_twentythree .side-body h3, .fruity_twentythree .side-body .h3, .fruity_twentythree .pagetitle, .fruity_twentythree .list-surveys h3, .fruity_twentythree .list-surveys .h3 {
  border-bottom: solid 2px var(--bs-primary);
}

.navbar-toggle {
  border: solid 1px var(--bs-primary);
}

.navbar-toggle .icon-bar {
  background-color: var(--bs-primary);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary:active:focus, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary.show {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-link {
  color: var(--bs-primary);
}

.btn-link:hover, .btn-link:focus {
  color: var(--bs-primary);
}

.btn-check + .btn-primary:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-check + .btn-primary:active, .btn-check + .btn-primary.active, .btn-check + .btn-primary:active:focus {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-check:active + .btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

a {
  color: var(--bs-primary);
}

.input-group-text, label .input-group-text {
  background-color: var(--bs-primary);
}

.has-success .form-control {
  box-shadow: 4px 4px 0 var(--bs-primary);
}

.has-success .form-control:focus {
  box-shadow: 4px 4px 0 var(--bs-primary);
}

.radio-item label::after {
  background-color: var(--bs-primary);
}

.radio-item input[type=radio] + label::after {
  background-color: var(--bs-primary);
}

.radio-item input[type=radio]:checked + label::before {
  border-color: var(--bs-primary);
}

.radio-item input[type=radio]:checked + label::after {
  background-color: var(--bs-primary);
}

.radio-item input[type=radio]:checked + label {
  color: var(--bs-primary);
}

.checkbox-item input[type=checkbox]:checked + label {
  color: var(--bs-primary);
}

.checkbox-item input[type=checkbox]:checked + label::before {
  border-color: var(--bs-primary);
}

.checkbox-item input[type=checkbox]:checked + label::after {
  color: var(--bs-primary);
}

input[type=checkbox]:checked:after,
.checkbox input[type=checkbox]:checked:after,
.checkbox-inline input[type=checkbox]:checked:after {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).active {
  background-color: var(--bs-primary);
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: var(--bs-primary);
}

.tempus-dominus-widget button {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  border-bottom-color: var(--bs-primary);
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-left-color: var(--bs-primary);
  border-right-color: var(--bs-primary);
}

.slider-tick.custom::before {
  color: var(--bs-primary);
}

.slider-list .slider .slider-handle {
  background-color: var(--bs-primary);
}

.slider-list .slider .slider-handle.custom::before {
  color: var(--bs-primary);
}

.slider-list .slider .slider-selection {
  background-color: var(--bs-primary);
}

.slider-list .slider .tooltip .tooltip-inner {
  color: var(--bs-primary);
}

.has-success .help-block {
  color: var(--bs-primary);
}

.has-success .control-label {
  color: var(--bs-primary);
}

.has-success .radio {
  color: var(--bs-primary);
}

.has-success .checkbox {
  color: var(--bs-primary);
}

.has-success .radio-inline {
  color: var(--bs-primary);
}

.has-success .checkbox-inline {
  color: var(--bs-primary);
}

.progress-bar {
  background-color: var(--bs-primary);
}

.list-group-item-success {
  background-color: var(--bs-primary);
}

.privacy .checkbox-item label::before {
  border: 3px solid var(--bs-primary);
}

.form-change-lang #language-changer-select {
  color: var(--bs-primary);
}

.form-change-lang #lang-select::after {
  color: var(--bs-primary);
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label {
  border: 2px solid var(--bs-primary) !important;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:after {
  background-color: var(--bs-primary);
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:before {
  border-color: var(--bs-primary);
}

input.imageselect-checkbox:checked ~ .imageselect-select::before {
  border-color: var(--bs-primary);
}

input.imageselect-checkbox:checked ~ .imageselect-select::after {
  color: var(--bs-primary);
}

.select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item {
  border: 1px solid var(--bs-primary);
}

.ranking-advanced-style .sortable-rank,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item {
  border: 2px solid var(--bs-primary);
}

.ranking-advanced-style .sortable-rank .selector__dragHandle.d-none,
.ranking-advanced-style .sortable-rank .selector__index_row,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__dragHandle.d-none,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__index_row {
  color: var(--bs-primary);
}

.numeric-multi .ls-group-total-separator hr {
  border-color: var(--bs-primary);
}

.numeric-multi .ls-group-total .control-label {
  color: var(--bs-primary);
}

.numeric-multi .dynamic-total.text-success {
  color: var(--bs-primary) !important;
}

.dropdown-menu > li > a:hover {
  background-color: var(--bs-primary) !important;
}

.dropdown-menu > li > a:focus {
  background-color: var(--bs-primary) !important;
}

.dropdown-menu > .active > a {
  background-color: var(--bs-primary) !important;
}

.dropdown-menu > .active > a:hover {
  background-color: var(--bs-primary) !important;
}

.dropdown-menu > .active > a:focus {
  background-color: var(--bs-primary) !important;
}

.success-border {
  border-color: var(--bs-primary);
}

.btn-info {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.btn-info:disabled, .btn-info.disabled {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.btn-outline-info {
  color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.btn-outline-info:hover {
  color: #fff;
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: var(--bs-secondary);
}

.link-info {
  color: var(--bs-secondary);
}

.border-info {
  border-color: var(--bs-secondary) !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info.dropdown-toggle.show, .btn-info.dropdown-toggle.show:focus {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info:active:focus, .btn-outline-info.dropdown-toggle.show, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info.show {
  color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: var(--bs-secondary);
}

.table > thead > tr > td.info, .table > thead > tr > th.info,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info {
  background-color: var(--bs-secondary);
}

.tempus-dominus-widget .date-container-decades div:not(.no-highlight).active.today:before,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).active.today:before,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).active.today:before,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).active.today:before,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).active.today:before,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).active.today:before,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).active.today:before,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).active.today:before {
  border-bottom-color: var(--bs-secondary);
}

.alert-primary .alert-link {
  color: var(--bs-secondary);
}

.alert-secondary .alert-link {
  color: var(--bs-secondary);
}

.alert-success .alert-link {
  color: var(--bs-secondary);
}

.alert-warning .alert-link {
  color: var(--bs-secondary);
}

.alert-danger .alert-link {
  color: var(--bs-secondary);
}

.alert-info .alert-link {
  color: var(--bs-secondary);
}

.alert-light .alert-link {
  color: var(--bs-secondary);
}

.alert-dark .alert-link {
  color: var(--bs-secondary);
}

.list-group-item-info {
  background-color: var(--bs-secondary);
}