@charset "UTF-8";
/* CSS Document */
body {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 60px;
}
a {
  text-decoration: none;
  color: inherit;
}
.bold-placeholder::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-weight: 700;
  opacity: 1;
  /* Firefox */
}
.bold-placeholder:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-weight: 700;
}
.bold-placeholder::-ms-input-placeholder {
  /* Microsoft Edge */
  font-weight: 700;
}
.offcanvas-body hr {
  height: 2px;
  background-color: black;
  border-top: 2px solid;
  margin: 0;
}
hr {
  height: 2px;
  background-color: black;
  border-top: 2px solid;
  margin: 0;
}
#formOeuvre hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
}
.offcanvas-body hr {
  height: 1px;
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
}
.bold-label {
  font-weight: 700;
}
/* NAVIGATION  */
/* Par défaut, centrer le texte */
.dropdown-menu {
  text-align: center;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.dropdown-menu[data-bs-popper] {
  top: 160%;
  left: -29px;
}
.custom-border {
  border-width: 1px;
  border-style: solid;
  border-color: #e9ecef;
}
.custom-border-petit {
  border-width: 35px;
  height: 15px;
  border-style: solid;
  border-color: #e9ecef;
}
.row.gx-0 > div:last-child .col-2:nth-child(odd) {
  padding-right: 10px;
  padding-left: 10px;
}
.form-control {
  border-radius: 0;
  border: 2px solid #dee2e6;
}
.form-select {
  border-radius: 0;
}
.decale-x {
  margin-left: 10px;
}
.ui-datepicker table {
  font-size: 13px;
}
.nav-item {
  margin-right: 50px;
  color: black;
  font-weight: bold;
}
/* Par défaut, aligner à gauche */
.navbar-collapse {
  justify-content: flex-start;
}
.dropzone .dz-preview .dz-error-message {
  top: 0px !important;
}
.dropzone .dz-preview .dz-error-message:after {
  top: unset !important;
  bottom: -6px;
  border-bottom: none !important;
  border-top: 6px solid #a92222;
}
.titre {
  margin-left: 12px;
}
/* IMAGES */
.img-style {
  width: 35px;
  position: absolute;
  left: 150px;
  top: 45px;
}
figcaption {
  text-align: left;
  padding-top: 20px;
}
/* Cache chaque quatrième élément */
.image-class:nth-child(1n+3) {
  display: none;
}
/* HOVER */
.hover-figure {
  position: relative;
  overflow: hidden;
}
.hover-figure .hover-div {
  position: absolute;
  width: 100%;
  background-color: #f0f0f0;
  bottom: -67px;
  transition: all 0.3s ease-in-out;
}
.hover-figure:hover .hover-div {
  bottom: 0px;
}
.hover-div a:first-child {
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, .2);
}
.hover-div a {
  width: 50%;
  text-align: center;
  display: block;
  float: left;
  padding: 21px 0px;
}
.hover-div.hover-full a {
  width: 100%;
  text-align: center;
  display: block;
  float: left;
  box-shadow: none !important;
}
.hover-figure {
  min-height: 150px;
}
/* LIGHTBOX */
.lightbox {
  align-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: fixed !important;
  top: 0 !important;
}
#lightboxOverlay {
  height: 100% !important;
  left: 0;
  position: fixed !important;
  top: 0;
  width: 100% !important;
}
.lb-outerContainer {
  margin: auto !important;
}
.lb-image {
  margin: auto;
}
.lb-close {
  bottom: 100%;
  position: fixed;
  right: 3%;
  top: 30px;
}
/* ACCORDEON */
.accordion-button {
  border: 1px solid #808080;
  font-weight: bold;
}
.dropdown-toggle {
  white-space: nowrap;
}
.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: black;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion {
  --bs-accordion-btn-focus-box-shadow: 0;
}
/* CARROUSEL */
.carousel-control-next, .carousel-control-prev {
  width: 8%;
  opacity: 0.5;
}
/* PAGINATION */
.pagination {
  margin-left: 20px;
  margin-top: 45px;
}
.pagination .page-link {
  color: black;
}
/* FILTRE */
.filtre-style {
  margin-top: 19%;
}
.img-style {
  width: 35px;
  position: absolute;
  left: 150px;
  top: 45px;
}
.filtre-style:after {
  content: "";
  display: inline-block;
  margin-left: 22px;
  background-image: url('../images/filtre/Icone-flitre-web.png');
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  margin-top: -5px;
}
/* CSS se trouvant sur pas où non utilisé */
/*
.filtre-style {
  position: absolute;
  top: 45px;
  left: 40px;
  width: 35px;
  height: 35px;
}
.img-style {
  width: 35px;
  position: absolute;
  left: 117px;
  top: 45px;
}*/
#resetpassword .row, #formlog .row, #contact .row {
  margin: 15px 0px;
}
/* FORMULAIRE */
.form-submit-button:hover {
  /*background-color: darkgray;*/
}
.form-submit-button {
  margin-top: 30px;
  border-radius: 50px;
  padding: 10px;
  padding-right: 85px;
  padding-left: 85px;
}
.offcanvas-body .form-submit-button {
  margin-top: 0px;
  border-radius: 15px;
  padding: 15px;
  padding-right: 85px;
  padding-left: 85px;
}
.bold-label {
  font-weight: bold;
}
.form-control-custum {
  border-radius: 0;
  border: 2px solid #dee2e6;
}
.signup-heading {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 100px;
}
.bold-label {
  font-weight: bold;
}
.form-submit-button:hover {
  background-color: #ff0000;
}
.bi.bi-eye {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'%3E%3C/path%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'%3E%3C/path%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
}
.bi.bi-eye-slash {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye-slash' viewBox='0 0 16 16'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829'/%3E%3Cpath d='M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
}
.password-toggle-icon i {
  transition: color 0.3s ease-in-out;
}
/* LETTRE */
.artist-name {
  margin-bottom: 0;
}
/* Mention Vendu */
.hover-figure.vendu::before {
  content: "VENDU";
  position: absolute;
  top: 5px;
  right: -25px;
  transform: rotate(45deg);
  background: #4a9d4c;
  padding: 10px 30px;
  text-align: center;
  color: white;
  font-size: 9px;
  font-weight: bold;
  z-index: 3;
}
.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
.custom-file-upload {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
  text-align: center;
}
.modal-header .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fff;
}
.imgBloc {
  position: relative;
}
.bold-title {
  font-weight: bold;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  opacity: 1 !important;
}
.saveOverlay {
  background-color: rgba(255, 255, 255, 0.7);
  height: 100vh;
  width: 100%;
  text-align: center;
  margin: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#sortable li {
  margin: 0 7px 7px 0px;
  font-size: 1em;
  cursor: move;
  min-height: 40px;
  /*width: 200px;*/
  width: 30%;
  position: relative;
  float: left;
}
.fieldSmallTypo {
  font-size: 0.75rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}
#drop-area {
  border-style: dotted;
  min-height: 200px;
  padding: 10px;
  border-color: #999;
  border-radius: 15px;
  stroke-width: 1px;
  margin-bottom: 15px;
}
h3.drop-text {
  color: #999;
  text-align: center;
  font-size: 2em;
}
#loader-icon {
  display: none;
}
#success-message-info {
  text-align: center;
}
@media (max-width: 300px) {
  figcaption {
    text-align: left;
    border: none;
  }
}
@media (max-width: 576px) {
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 576px) {}
@media (max-width: 768px) {
  body .hover-div a:first-child {
    box-shadow: none;
  }
  body .hover-div a {
    width: auto;
    text-align: left;
    display: inline;
    float: none;
  }
  body .hover-figure:hover .hover-div {
    bottom: -60px;
  }
  .filtre-style {
    width: 100%;
    height: auto;
    padding: 35px;
  }
  /*.filtre-style {
            position: relative;
            top: 35px;
            left: 167px;
            width: 100%;
            height: auto;
            padding: 35px;
        }
   .filtre-style {
            position: relative;
            top: 35px;
            left: 67px;
            width: 100%;
            height: auto;
            padding: 35px;
        }*/
  .img-style {
    width: 35px;
    position: relative;
    left: -36px;
    top: 35px;
  }
}
@media (min-width: 768px) {
  .desktop-style {
    position: absolute;
    top: 45px;
    left: 40px;
    width: 35px;
    height: 35px;
  }
  .desktop-img-style {
    width: 35px;
    position: absolute;
    left: 150px;
    top: 45px;
  }
  .img-style {
    width: 35px;
    position: relative;
    left: -36px;
    top: 35px;
  }
  /* PAGINATION */
  .pagination {
    margin-left: 201px;
  }
  /* Affiche chaque quatrième élément */
  .image-class:nth-child(1n+3) {
    display: block;
  }
  #sortable li {
    width: 22%;
  }
  
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .img-style {
    margin-left: 14px;
  }
}
@media (max-width: 991px) {
  .dropdown-menu {
    text-align: left;
    border: none;
  }
  .titre {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .navbar-collapse {
    justify-content: center;
  }
  .navbar-expand-lg {
    padding: 0 !important;
  }
  .image-class:nth-child(4n) {
    display: none;
  }
}
/* Sur les grands écrans, centrer le contenu */
@media (min-width: 1025px) {
  .navbar-collapse {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .hide-on-tablet {
    display: none;
  }
}
@media (min-width: 1200px) {
  .image-class:nth-child(4n) {
    display: block;
  }
}
@media (min-width: 1400px) {}