@font-face {
  font-family: "Source Sans Pro";
  src:
    url("./fonts/Source_Sans_3/static/SourceSans3-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro Medium";
  src:
    url("./fonts/Source_Sans_3/static/SourceSans3-Medium.ttf") format("truetype");
}

body {
  background: #f2f2f2 !important;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  overflow-x: hidden;
}

* {
  scroll-behavior: smooth;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- global */

a,
a:visited {
  color: #b9a18d !important;
  text-decoration: none !important;
}

a:hover {
  color: #c6b59e !important;
  text-decoration: none;
}

strong {
  font-weight: inherit !important;
  color: inherit;
  font-weight: inherit;
}

h1 {
  font-weight: 300;
  font-size: 30px;
  margin-bottom: 14px;
  color: #555;
}

h1 span {
  font-size: 0.8em;
}

h2 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 14px;
  margin-top: -6px;
  color: #999;
}

h3 {
  font-size: 1.3em;
  font-weight: 300;
  color: #555;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- main */

.noteforvirginie {
  color: #c72d23;
}

.noskew {
  -webkit-transform: none;
}

#container {
  width: 973px;
  max-height: 100%;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/* @media (min-width: 851px) and (max-width: 973px) {
  #container {
    width: 100%;
  }
} */

@media (min-width: 721px) and (max-width: 759px) {
  #container {
    width: 100%;
  }
}

@media all and (max-width: 1440px) and (min-width: 1130px) {
  #container {
    width: 1075px;
  }
}

@media all and (max-width: 1920px) and (min-width: 1440px) {
  #container {
    width: 1265px;
  }
}

@media all and (min-width: 1920px) {
  #container {
    width: 1565px;
  }
}

#fade-background {
  width: 100%;
  height: 300vh;
  background-color: black;
  opacity: 0.5;
  position: fixed;
  z-index: 10;
  display: none;
}

#messagecontainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

#messagecontainer.vis {
  display: block;
}

#pmessage,
#xmessage {
  background: #fff;
  width: 600px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -300px;
  z-index: 70;
  padding: 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  display: none;
}

#pmessage,
#xmessage {
  background: #fff;
  width: 600px;
  position: fixed;
  z-index: 70;
  padding: 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  display: none;
  top : 35%;
  left: 50%;
}

#nmessage {
  /* background: #fff; */
  width: 600px;
  position: fixed;
  z-index: 70;
  /* padding: 30px; */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  display: none;
  top : 11%;
  left: 28%;
}

@media screen and (max-width: 720px) {
    #nmessage {
        top : 17%;
        left: 20%;
        transform: scale(1.30);
    }
}

#nmessage div:nth-child(2) {
  background: #fff;
  padding: 33px;
  margin-top: 15px;
}

#pmessage.vis,
#xmessage.vis {
  display: block;
}

#nmessage.vis {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- header */

header {
  position: relative;
  display: block;
  padding: 15px 26px;
  padding-top: 5px;
  background-color: white;
}

#logo {
  background: rgba(0, 0, 0, 0) url('img/logo_icons/logo.gif') no-repeat scroll 0 0;
  cursor: pointer;
  display: block;
  float: left;
  height: 28px;
  margin: 0 0 20px;
  width: 65%;
}

.main-title {
  font-family: 'orator-std', 'Courier New', 'Courier', monospace;
  font-size: 51px;
  color: black;
  margin-top: -7px;
  margin-bottom: 0;
  /* font-weight: 500; */
}

#estore {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  /* font-size: 18px; */
  /* padding: 4px 12px; */
  /* margin: 15px; */
}

@media (min-width:720px) and (max-width:1024px){
  #collectible-estore {
    font-size: 33px!important;
  }
}

.index-btn {
  font-size: 22px;
}

#parisSection,
#paris {
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: -5px;
}

.orator-font {
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;
}

.text-center {
  text-align: center !important;
}

.justify-content-center {
  justify-content: center;
  margin: auto;
}

.beige-bg {
  background-color: #b9a18d;
}

.grey-title {
  color: #999!important;
  font-size: 24px;
  font-weight: 300 !important;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
}

a.grey-title, a.grey-title:visited, a.grey-title:hover {
  color: #999!important;
}

.beige-text,
.beige-text:visited,
.beige-text:hover {
  color: #b9a18d !important;
}

.grey-bg {
  background-color: #E9E9E9!important;
}

.sold {
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 30px;
  font-weight: 100;
}

.source-font {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 100 !important;
}

.source-font-medium {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 500 !important;
}

.source-font-bolder {
  font-family: 'Source Sans Pro Medium', 'Source Sans', Arial, sans-serif !important;
  font-weight: 500 !important;
}

.source-light-font {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 200 !important;
}

.source-bold-font {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 400 !important;
}

#laser-vid {
  height: 480px;
}

#laser-vid2 {
  height: 510px;
}

.grey-text {
  color: grey;
}

.grey47-text, a.grey47-text {
  color: #474747!important;
}

.grey47-text:hover, a.grey47-text {
  color: #474747!important;
}

.grey555-text {
  color: #555;
}

.dark-grey-text {
  color: rgb(51, 51, 51) !important;
}

.white-text,
.white-text:visited,
.white-text:hover {
  color: white !important;
}

.text-underline {
  text-decoration: underline;
}

.black-link {
  color: black !important;
  text-decoration: none;
}

.black-link:hover {
  color: black;
  text-decoration: none;
}

.btn-beige,
.btn-beige:visited {
  color: grey;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  font-style: normal !important;
  font-size: 22px;
  border: 2px solid;
  border-color: #b9a18d;
  width: auto;
  padding: 5px 20px;
  margin: 5px;
  transition: color 0.25s;
  /* height: 47px; */
}

.btn-beige-litho-draw, .btn-beige-litho-draw:visited {
  color: grey;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-style: normal !important;
  font-size: 26px;
  border: 2px solid #b9a18d;
  padding: 5px 30px;
  margin: 5px;
  transition: color 0.25s;
}

.btn-beige-exhibition, .btn-beige-exhibition:visited {
  color: grey;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-style: normal !important;
  font-size: 22px;
  border: 2px solid #b9a18d;
  padding: 5px 20px;
  margin: 5px;
  transition: color 0.25s;
  width: 50%;
}

@media screen and (max-width:720px) {
  .btn-beige-exhibition, .btn-beige-exhibition:visited {
    width: 60%;
  }
}

@media (min-width:1440px) and (max-width:1919px){
  #exhibitionLondon {
    padding-right: 65px!important;
  }
}

@media (min-width:1920px) {
  #exhibitionLondonBloc {
    padding-right: 150px;
  }
}

.btn-beige:hover {
  text-decoration: none;
  /* color: #999 !important; */
  cursor: pointer;
}

#menuDrawingSerie02 .btn-beige:hover span {
  cursor: pointer;
}

#menuDrawingSerie02 .btn-beige:hover {
  cursor: default;
}

#terms,
#terms:visited {
  color: white;
  font-style: italic;
  text-decoration: underline;
  font-size: 16px;
}

#terms:hover {
  color: rgb(235, 235, 235);
}

.exhib {
  padding: 50px 60px !important;
}

.exhib-bloc {
  border: 2px solid #b9a18d;
}

.btn-rs {
  color: grey !important;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  font-style: normal;
  font-size: 22px;
  border: 2px solid;
  border-color: #b9a18d;
  width: 100%;
  padding: 2px 10px;
  margin-right: 5px;
}

.btn-rs:hover {
  text-decoration: none;
  color: #b9a18d !important;
  cursor: pointer;
}

.btn-footer {
  color: #b9a18d !important;
  margin: 5px 10px;
  border: 2px solid;
  border-color: #b9a18d;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
}

.btn-top {
  max-width: 100% !important;
  color: #b9a18d !important;
  margin: 0px 8px;
  border: 2px solid;
  border-color: #b9a18d;
  font-size: 30px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  /* padding-right: 40px !important;
  padding-left: 40px !important; */
  line-height: 1;
}

.bas-relief {
  color: #b9a18d !important;
  border: 2px solid;
  border-color: #b9a18d;
  font-size: 30px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  width: auto;
  padding: 5px 20px;
  margin: 0 5px;
}

.brd {
  border-right: 2px solid;
  border-color: #b9a18d;
  height: 100%;
  padding: 0 !important;
  width: auto !important;
}

.brd-light {
  border-right: 1px solid;
  border-color: #b9a18d;
  height: 100%;
  padding: 0 !important;
  width: auto !important;
}

.btn-big {
  background-color: #b9a18d;
  color: white !important;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;
  padding: 3px 20px;
  transition: background-color 0.25s;
}

.btn-big:hover {
  text-decoration: none;
  background-color: #c6b59e;
}

.beige-title,
.beige-title:hover,
.beige-title:visited {
  text-decoration: none;
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;
  background-color: #b9a18d;
  color: white !important;
  padding: 10px 30px;
  /* margin: 5px; */
  font-size: 24px;
  font-style: normal;
  font-weight: lighter;
  height: 82px;
  display: flex;
  align-items: center;
}

.beige-border {
  border-color: #b9a18d!important;
}

.font-lighter {
  font-weight: lighter;
}

#contact {
  padding: 10px 50px;
}

.text-block {
  background-color: white;
}

.text {
  font-size: 16px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}
.fs-48 {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-51 {
  font-size: 51px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-53 {
  font-size: 53px !important;
}

.fs-54 {
  font-size: 54px!important;
}

.fs-55 {
  font-size: 55px !important;
}

.fs-56 {
  font-size: 56px !important;
}

.fs-57 {
  font-size: 57px !important;
}

.fs-67 {
  font-size: 67px!important;
}

.fs-70 {
  font-size: 70px!important;
}

.fs-77 {
  font-size: 77px!important;
}

.pt-6 {
  padding-top: 3.5rem!important;
}

.ps-6 {
  padding-left: 3.5rem!important;
}

.pt-7 {
  padding-top: 4rem!important;
}

.pb-7 {
  padding-bottom: 4rem!important;
}

.pe-1-80 {
  padding-right: 1.80rem!important;
}

.w-fit {
  width: fit-content!important;
}

.w-40 {
  width: 40%!important;
}

.w-49 {
  width: 49%!important;
}

.w-60 {
  width: 60%!important;
}

.w-80 {
  width: 80%!important;
}

.w-84 {
    width: 84%!important;
}

.w-90 {
  width: 90%!important;
}

.w-100-custom {
  width: 100%!important;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-90 {
  z-index: 90;
}

.z-100 {
  z-index: 100;
}

.fw-300 {
  font-weight: 300!important;
}

.fw-600 {
    font-weight: 600!important;
}

.align-self-center {
  align-self: center!important;
}

.my-16px {
  margin-top: 16px!important;
  margin-bottom: 16px!important;
}

.h-72px {
  height: 72px!important;
}

.font-w-400 {
    font-weight: 400!important;
}

.font-w-600 {
    font-weight: 600!important;
}

@media (min-width: 768px) {
    .position-md-absolute {
        position: absolute;
    }

    .w-md-60 {
        width: 60%!important;
    }

    .font-w-md-400 {
        font-weight: 400!important;
    }

    .font-w-md-100 {
        font-weight: 100!important;
    }
}

#contact-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#interview-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.contact-form-title {
  color: #b9a18d;
  font-size: 30px;
  font-weight: 200;
  /* margin-bottom: 15px; */
}

.case-subtext {
  font-size: 20px;
}

.hr-bold {
  height: 1.5px;
  border: 0;
  color: grey;
  background-color: rgb(189, 189, 189);
}

.input-div {
  display: flex;
  justify-content: space-between;
}

.input-div label,
.input-div input {
  cursor: pointer;
}

.cursor-text {
  cursor: text !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.form-checkbox-label {
  color: black;
  font-size: 20px;
  font-weight: 300;
  margin: 5px;
  padding-left: 90px;
}

.form-checkbox {
  width: 20px;
  height: 20px;
  align-self: center;
}

.form-text {
  border: 1px solid;
  border-color: #b9a18d;
  width: 60%;
  color: #000000;
  font-size: 20px;
  padding: 3px 10px;
  font-weight: 200;
  margin-left: 5px;
}

.submit-button {
  /* font-family: "orator-std","Courier New","Courier",monospace !important; */
  background-color: #b9a18d;
  color: white;
  padding: 5px 30px;
  margin: 10px;
  font-size: 24px;
  font-style: normal;
  font-weight: lighter;
  /* height: 82px; */
  display: flex;
  align-items: center;
  border: 0px;
}

.form-extend {
  /* position: absolute; */
  width: 40px;
  height: 40px;
  cursor: pointer;
  /* right: 19%; */
}

.interview-extend {
  height: 50px;
  transform: skew(0) !important;
  cursor: pointer;
}

.discount-extend {
  height: 15px;
  cursor: pointer;
}

.creative-extend {
  height: 30px;
  cursor: pointer;
  margin-left: 5px;
}

/* #newsletter {
  position: absolute;
  right: 19%;
} */

.form-section {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid;
  border-color: #b9a18d;
  width: 75%;
  padding: 25px 40px;
  margin: 10px 0;
}

.text-input {
  border: 1px solid;
  border-color: #b9a18d;
  width: 75%;
  color: #000000;
  font-size: 20px;
  padding: 3px 15px;
  font-weight: 200;
  margin: 7px 0;
}

.form-select {
  width: auto;
  height: 35px;
  margin-left: 90px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px 10px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-size: 20px;
}

.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
  cursor: pointer;
}

.selectBox select {
  width: 100%;
  height: 35px;
  padding-left: 5px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-size: 20px;
  /* font-weight: bold; */
}

.select {
  width: 100%;
  height: 30px;
  padding-left: 5px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-size: 16px;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 35px;
}

.checkboxes {
  display: none;
  position: absolute;
  width: 200px;
  border: 1px #dadada solid;
  border-color: #b9a18d;
  background-color: #fff;
  color: grey;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  z-index: 10;
  padding: 3px 5px;
}

.checkboxes label {
  display: block;
  cursor: pointer;
  margin: 0;
}

.checkboxes label:hover {
  background-color: #b9a18d;
}

#slideshow > li {
  width: 12px;
  height: 12px;
  margin: 5px;
}

#slideshow > .active {
  background-color: #777;
}

.hidden {
  display: none;
}

.show-text {
  display: block;
}

.show {
  display: block;
}

.space-25 {
  height: 25px;
}

.space-50 {
  height: 50px;
}

.litho,
.litho:hover,
.litho:visited {
  padding: 5px 75px;
  color: grey;
  text-decoration: none;
}

.manif,
.manif:hover,
.manif:visited {
  padding: 2px 18px;
  color: #b9a18d;
  text-decoration: none;
  font-size: 22px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
}

.litho-under-title {
  border-bottom: 2px solid;
  border-color: #b9a18d;
  max-width: fit-content !important;
  padding: 0 0;
  margin-bottom: 20px;
}

.manif-active .underline-div {
  position: relative;
  display: block;
  top: 40%;
  left: -9%;
  background: #b9a18d;
  height: 1.3px;
  width: 118%;
  /* padding-right: 30px; */
  cursor: auto;
}

.manif-under-title {
  border: 2px solid;
  border-color: #b9a18d;
  max-width: calc(fit-content - 50%) !important;
  padding: 0 0;
  margin-top: 15px;
  margin-bottom: 20px;
}

.model,
.model:hover,
.model:visited {
  padding: 5px 23px;
  color: grey !important;
  text-decoration: none;
  font-weight: 200;
}

.model-active .underline-div {
  position: relative;
  display: block;
  top: 40%;
  /* left: -44%; */
  background: rgb(161, 161, 161);
  height: 2px;
  /* width: 188%; */
  width: 100%;
  /* padding-right: 30px; */
  cursor: auto;
}

.model-active .underline-div-D13 {
  position: relative;
  top: 10px;
  background: rgb(161, 161, 161);
  height: 2px;
  width: 100%;
  cursor: auto;
}

.d13-d14:hover .underline-div-D13 {
  position: relative;
  top: 10px;
  background: rgb(161, 161, 161);
  height: 2px;
  width: 100%;
  cursor: auto;
}

.price {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  color: grey;
  padding: 5px 10px 0;
  /* margin: 10px 0; */
  height: auto;
  width: 250px;
  display: flex;
  align-items: center;
  border: 1px solid;
  border-color: #c3c3c3;
  cursor: pointer;
}

.price > p {
  font-style: normal;
  font-weight: lighter;
  text-align: center;
}

.price-line {
  line-height:2.7rem;
}

.product-extend {
  height: 50px;
  width: 50px;
}

.descriptionBtnPlus {
  font-size: 30px;
  margin-left: 5px;
}

.descriptionBtnPlusImg {
  width: 40px;
  height: 40px;
}

.description {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  /* font-size: 18px; */
  text-align: center;
  color: #6f6f6f;
}

#descriptions {
  /* margin-bottom: 50px; */
  padding: 0 46px;
}

.stripe-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 768px) {
  .payment-logos {
    width: 152px;
  }
  .buynow {
    width: 179px;
    /*margin-right: 35px;*/
  }
}

#paypalStripe .d-flex.beige-bg {
  width: 90% !important;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  #paypal .d-flex.beige-bg {
    width: 70% !important;
    padding-left:0!important ;
  }

  #paypal.paypalStripe .d-flex.beige-bg {
    width: 100% !important;
    justify-content: center;
    align-items: center;
  }

  .btn-buy {
    width: 652px!important;
  }
}

#destinationDropdown {
  padding-left: 35px;
  padding-right: 35px;
}

#closeCross {
  position: relative;
  top: -10px;
  left: -10px;
}

#closeCrossPplStripe{
  position: relative;
  top: -10px;
  left: -45px;
}

#closeCross:hover, #closeCrossTest4:hover, #closeCrossPplStripe:hover{
  cursor: pointer;
}

@media (min-width:769px) {
  #closeCrossPplStripe{
    left: -40px;
  }
}

@media (min-width:1025px) {
  #closeCrossPplStripe{
    left: -5px;
  }
}

.btn-desc,
.btn-desc:visited {
  color: rgb(149, 149, 149);
}

.btn-desc:hover {
  color: rgb(119, 119, 119);
}

.btn-desc,
.btn-desc:hover,
.btn-desc:visited {
  text-decoration: underline !important;
  cursor: pointer;
}

.p-circle {
  border: 1px solid;
  border-color: #9e9e9e;
  width: fit-content;
  padding: 0 10px;
  /*margin-top: 15px;*/
  margin-bottom: 20px;
}

.square {
  position: relative;
  width: 400px;
  height: 400px;
  border: 2px solid;
  display: block;

  /* height:0;
	width:20%;
	padding:10%; */
}

.circle {
  margin: 13px;
  /* margin-bottom: 20px; */
  width: 29px;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
}

.cirlce-d6 {
  margin: 13px 16px!important;
}

.d9circles {
  margin: 13px 21px;
}

.small-circle {
  margin-top: 2px;
  width: 29px;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
}

.desactivated-circle {
  margin-top: 2px;
  width: 29px;
  height: 40px;
  border-radius: 20px;
  cursor: url('../img/logo_icons/ban.png') 8 8, not-allowed !important;
}

.unautorizhedCursor {
  cursor: url('../img/logo_icons/ban.png') 8 8, not-allowed !important;
}

.circle-bis {
  margin-top: 1px;
  width: 27px;
  height: 38px;
}

.white {
  background-color: white;
}

.green {
  background-color: #90af94;
}

.green2 {
  background-color: #6f9e7d;
}

.green3 {
  background-color: #47ad67;
}

.red {
  background-color: #e94a42;
}

.red2 {
  background-color: #ff3e4c;
}

.blue {
  background-color: #3055a0;
}

.blue2 {
  background-color: #345fea;
}
/*Bleu nouvelle collection dessin*/
.blue3 {
  background-color: #BDCEC8;
} 

.bordeaux {
  background-color: #5e3138;
}

.pink {
  background-color: #c69590;
}

.pink2 {
  background-color: #e28a9b;
}

.light-green {
  background-color: #8faf9e;
}

.dark-green {
  background-color: #374343;
}

.light-blue {
  background-color: #789e9e;
}

.dark-blue {
  background-color: #294049;
}

.orange {
  background-color: #ce8d7d;
}

.dark-orange {
  background-color: #5b3635;
}

.grey {
  background-color: #a7a7a7;
}

.light-grey {
  background-color: rgb(199, 199, 199);
}

.black {
  background-color: black;
}

.gradient {
  background: rgb(252,212,218);
  background: linear-gradient(0deg, rgba(252,212,218,1) 0%, rgba(253,226,197,1) 40%, rgba(253,229,193,1) 53%, rgba(255,243,172,1) 100%);
}

.beige {
  background-color: #b9a18d;
}

.yellow {
  background-color: #fcf3a5;
}

.yellow2 {
  background-color: #fffaa4;
}

.yellow3 {
  background-color: #d8c44e;
}
/*4 & 5 - Nouvelle collection dessin*/
.yellow4 {
  background-color: #E9E7BF;
}

.yellow5 {
  background-color: #EFE7BB;
}

.whitegrey {
  background-color: #f5f5f5;
}

/* .grey1 {
  background-color: #e5e5e5;
}
 */

.grey1 {
  background-color: #bababa;
}

.grey2 {
  background-color: #d3d3d3;
}

.grey3 {
  background-color: #bababa;
}

.grey4 {
  background-color: #969696;
}

.grey5 {
  background-color: #757575;
}

.grey6 {
  background-color: #757575;
}
/*Gris & pêche nouvelle collection desin*/
.grey7 {
  background-color: #D5D1CD;
}

.peach {
  background-color: #E0C4B8;
}

#d6-img,
#d7-img,
#d11-img {
  transition: background-color 0.5s;
}

#d11-circle {
  width: 60%;
}

.case-img {
  margin: 25px;
  margin-left: 16px;
  margin-right: 16px;
  object-fit: cover;
  align-self: flex-start;
  cursor: pointer;
}

.case-img-bis {
  margin: 40px 20px 40px 20px;
  object-fit: cover;
  align-self: flex-start;
  cursor: pointer;
}

.mb-img {
  margin-bottom: 57px;
  margin-top: 17px;
}

.img3:nth-child(2) {
  margin-right: 5px;
  margin-left: 5px;
}

.cover {
  object-fit: cover;
  align-self: flex-start;
}

.v-height {
  height: 571px;
}

.v-height-manifesto4 {
  height: 100%;
  width: 70%;
}

@media screen and (max-width:425px) {
  .v-height-manifesto4 {
    height: 100%;
    width: 100%;
  }
}

.v-height2 {
  height: 278px;
}

.img1 {
  max-width: 90%;
}

.img2 {
  max-width: 46%;
  width: 100%;
}

.img3 {
  width: 90%;
  max-width: 450px;
  max-height: 450px;
}

.symbolDropDownD15 {
  position: relative;
  top: 5px;
}

.symbolDropdown {
  position: relative;
}

@media (min-width: 768px) {
  #drawing02_image2 {
    min-width: 360.09px;
  }
}
@media (max-width: 768px) {
  #drawing02_image2 {
    width: 288.6px;
    margin-right: 1.5rem !important;
  }

  .zoom-image-container.drawing21 {
    margin-right: 30px;
  }
  .zoom-image-container.drawing22 {
    margin-right: 15px;
  }

  .zoom-image-container.drawing23 {
    margin-right: 24px;
  }
}

.case-pointer {
  cursor: pointer;
}

.header-align {
  justify-content: center;
}

.h-auto {
  height: auto !important;
}

.h85-px {
  height: 85px!important;
}

.flex-100 {
  flex-basis: 100%;
}

#interview-questions {
  height: auto;
  min-height: 250px;
}

.swiper-container {
  height: 650px;
  --swiper-navigation-color: grey;
}

.headerSwiper {
  width: 100%;
  height: 100%;
}

.headerSwiper > .swiper-wrapper > .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide img {
  height: 92%;
  object-fit: cover;
}

.swiper-slide {
  text-align: center;
}

.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
  background-color: #a8a8a8 !important;
  border-radius: 20px !important;
  transition: all 0.5s ease;
}

.swiper-pagination-bullet-active {
  background: #afafaf !important;
}

.swiper-pagination-bullet:hover {
  background: #888888 !important;
}

.slider {
  /* overflow: hidden; */
  position: relative;
  background-color: #e9e9e9;
  height: 770px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 40px;
  margin-bottom: 35px;
}

#estoreSlider.slider {
  height: 670px;
}

#grandSliderContainerEstore {
  height: 500px;
}

#estoreSlider.slider .carousel-item > img, #estoreSlider.slider .carousel-item > video {
  height: 500px;
}

#exhibitionSlider.slider {
  height: 820px;
}

#grandSliderContainerExhib {
  height: 650px;
}

#exhibitionSlider.slider .carousel-item > img, #exhibitionSlider.slider .carousel-item > video {
  height: 650px;
}

.slides-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  transition: all 1s;
}

.slide {
  object-fit: contain;

  background-color: #e9e9e9;
}

.slider nav {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}

.pager {
  position: absolute;
  text-align: center;
  display: flex;
  /* align-self: flex-end; */
  bottom: -20px;
  justify-content: center;
}

.pager a {
  width: 20px;
  height: 20px;
  background-color: #a8a8a8;
  border-radius: 20px;
  margin: 0 5px;
  z-index: 10;
  cursor: pointer;
  transition: all 0.5s ease;
}

.pager a:hover {
  background: #585858;
}

.pager a.pager-active {
  background: #585858;
}

.pager span {
  display: none;
}

.pager a {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.disabled {
  pointer-events: none;
  opacity: 0.8;
}

.b-35 {
  bottom: 35px !important;
}

.b-0 {
  bottom: 0 !important;
}

.beige-title-h {
  height: 82px !important;
}

/* @media (max-width:1129px) {
  .diptyches-title {
    width: 320px!important;
  }
  
  .d3ab-title {
    width: 235px!important;
  }

  .d6ab-title {
    width: 240px!important;
  }

  .d7ab-title, .d9ab-title {
    width: 275px!important;
  }

  .d11ab-title {
    width: 300px!important;
  }
} */

.title-disabled,
.title-disabled:hover,
.title-disabled:visited {
  /* background-color: #b9a18dad; */
  position: relative;
  cursor: default;
}

.title-disabled:before {
  position: absolute;
  content: '';
  left: -12px;
  top: 50%;
  right: -12px;
  border-top: 1px solid grey;

  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-35deg);
}

.title-active {
  position: relative;
  display: block;
  top: 10%;
  height: 3px;
  width: 100%;
  cursor: auto;
  background-color: rgb(148, 148, 148);
  justify-content: center;
}

.title-hidden {
  display: none!important;
}

.nav-slide-text {
  top: 43% !important;
}

.pb-75 {
  padding-bottom: 75px;
}

.slide-text {
  font-size: 20px;
  color: grey;
  text-align: center;
  font-weight: lighter;
  bottom: 25px;
  position: absolute;
}

.slide-btn {
  width: 3rem;
  height: 3rem;
  position: relative;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.slide-btn:hover {
  opacity: 0.8;
}

.slide-btn:focus {
  outline: none;
}

.slide-btn::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('../img/logo_icons/arrow_right.png');
  background-position: center;
  background-size: cover;
}

.slide-btn--prev::before {
  transform: rotate(180deg);
}

.rotate180 {
  transform: rotate(180deg);
}

.h-300 {
  height: 300px !important;
}

.h-600 {
  height: 571px !important;
}

.h-700 {
  height: 700px !important;
}

.navSlider {
  height: 50px !important;
}

.slider3 {
  height: 385px;
}

.slider3 img {
  height: 90%;
}

.h-200 {
  height: 200px;
}

.h-50 {
  height: 50px;
}

b {
  font-weight: bold !important;
}

.case {
  /*padding: 0 15px;*/
  margin-bottom: 10px;
  height: auto;
  width: 96%;
  background-color: #ffff;
  border: 2px solid;
  border-color: #d4c5b9;
  display: block;
  align-items: baseline;
  justify-content: start;
  /* margin: 15px inherit; */
  transition: display 0.5s;
}

.case-bis div {
  display: flex;
}

.case h2,
.case h3,
.case p {
  font-family: 'orator-std', 'Courier New', 'Courier', monospace;
}

.arrow-up,
.arrow-down {
  cursor: pointer;
}

.arrow {
  height: 25px;
  margin: auto;
  /* margin-top: 5%; */
  margin-right: 15px;
  margin-left: 50px;
  transition: transform 0.5s;
}

.rotate90 {
  transform: rotate(90deg);
}

.case h3,
.case p {
  padding: 10px;
  margin: 0;
  font-size: 19px;
  font-style: italic;
}

.case h3 {
  font-size: 20px !important;
  align-self: center;
  width: 70%;
}

@media (max-width: 1130px) {
  .case h3 {
    width: 60%;
  }
}

.case h2 {
  font-size: 26px;
  padding: 18px 10px;
  width:100%;
  max-width: 230px;
  margin: 5px 0;
  background-color: #b9a18d;
  color: #fff;
  transition: background-color 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case h2:hover {
  background-color: #c6b59e;
}

.case p {
  /* display: block; */
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  color: #555;
  font-style: normal;
}

.small-text {
  font-size: 20px !important;
}

.top-right {
  display: block;
  font-size: 18px;
  position: absolute;
  text-align: center;
  right: 9%;
  top: 20px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  z-index: 15;
}

.top-right .head {
  height: 38px;
  display: flex;
  align-items: end;
}

.top-right .head svg {
  margin-right: 10px;
}

.top-right .head svg:hover {
  cursor: pointer;
}

.newsletterBtn {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-style: normal;
  font-size: 22px;
  border: 2px solid #b9a18d;
  padding: 2px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 36px;
  margin-right: 8px;
  color: grey!important;
}

.newsletterBtn span {
  margin-right: 4px;
}

.align-middle {
  vertical-align: middle;
  display: inline-block;
}

#tagline h2 {
  /* font-family: "orator-std","Courier New","Courier",monospace; */
  color: #b9a18d !important;
  display: block;
  /* float:left; */
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 8px;
  padding: 5px 0;
  padding-top: 0;
  width: 100%;
}

@media (min-width:720px) and (max-width:1024px) {
  #tagline h2 {
    font-size: 23px;
  }

  #estore {
    font-size: 32px;
  }
}

@media (min-width:1025px) {
  #estore {
    font-size: 27px;
  }
}

nav {
  /*display: inline-block;
  margin-left: -14px;
  margin: auto;
  width: 100%;*/
  margin: auto;
  display: flex;
  justify-content: center;
}

nav ul {
  display: inline-block;
  margin: auto;
  padding: 8px 0 0;
  width: 100%;
}

nav ul li {
  cursor: pointer;
  list-style: none;
  float: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 12px 12px 0;
  margin: 0 5px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  display: inline;
}

nav li div {
  position: absolute;
  top: 30px;
  left: 6%;
  background: #b9a18d;
  height: 3px;
  width: 0%;
  transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -ms-transition: width 0.2s ease;
}

nav ul li:hover div {
  width: 90%;
}

.active-tab div {
  /* font-weight: 400; */
  width: 90%;
}

.div-circle {
  width: 65%;
  /* background-color: #f7f192; */
  position: relative;
}

.p-65 {
  padding-top: 5.5px;
}

.circle-active .underline-div {
  position: relative;
  display: block;
  top: 110%;
  /* left:6%; */
  background: #b9a18d;
  height: 2px;
  width: 100%;
  padding-right: 30px;
  cursor: auto;
}

.div-circle .circle-active .underline-div {
  position: absolute;
  display: block;
  top: 85%;
  background: #b9a18d;
  height: 3px;
  width: 13%;
  cursor: auto;
}

.circle-active .small-circle .underline-div {
  top: 45px;
}

.small-circle-active .small-circle .underline-div {
  top: 40px;
  left: -3px;
  position: relative;
  display: block;
  background: #b9a18d;
  height: 3px;
  width: 100%;
  padding-right: 30px;
  cursor: auto;
}

.nav {
  padding: 3px;
  position: relative;
}

.dropdown-button {
  margin-right: 30px;
}

.e-store_dropdown {
  color: #b9a18d;
  /*width: 32px;*/
  width: auto;
  position: absolute;
  font-size: 26px;
  /*top: -5px;*/
  top: -2.5px;
}

.index_dropdown {
  position: static!important;
  border: 2px solid #b9a18d;
}

@media (max-width: 609px) {

  .dropdown-button {
    margin-right: 0px;
    display: flex!important;
    justify-content: center;
    align-items: center;
  }

  .e-store_dropdown {
    font-size: 40px;
    position: static;
    border: 2px solid #b9a18d;
    /*padding: 0px 10px;*/
    /*width: 30%;*/
    margin-left: 5px;

    padding: 10px;
    line-height: 3.5rem;
  }
}

@media (min-width: 610px) {
  .mobileNavigation {
    display: none;
  }

  .mediumNavigation {
    /*display: flex;
    justify-content: center;*/
  }

  .dropdown-button {
    margin-right: 25px;
  }

  .e-store_dropdown {
    position: static;
    position: absolute;

  }
}

@media (min-width: 610px) and (max-width:768px) {
  .e-store_dropdown {
    /*font-size: 23px;*/
    
    /*padding: 0px 10px;
    border: 2px solid #b9a18d;*/

    padding: 5px;
    line-height: 2rem;
    border: 2px solid #b9a18d;
    margin-left: 5px;

  }

  .dropdown-button {
    margin-right: 45px;
  }
}

@media (max-width: 609px) {
  .mobileNavigation {
    display: flex;
  }

  .mediumNavigation, .mediumNavigationIndex {
    display: none;
  }
}

@media (min-width: 610px) and (max-width:720px) {
  .e-store_dropdown {
    top: 5px;
    /*width: auto;*/
    padding: 0px 10px;
    margin-left: 3px;
  }
}

@media (min-width:769px) {
  .e-store_dropdown {
    top: -5px;
  }
  
}

.e-store_modal-container {
  border: 1px solid burlywood;
  width: 35%;
  position: absolute;
  z-index: 100;
  background: white;
  /*left: 50%;
  right: 50%;
  transform: translate(-51%, 3.1%);*/
  overflow: hidden;
  top: 100.5%;
}

@media (min-width:769px) and (max-width:1024px) {
  .e-store_modal-container {
    width: 50%;
  }
  
}

#solarisTitle:hover, #rememberTitle:hover, #pulsarTitle:hover {
  cursor: pointer;
}

#solarisTitle:hover #titleFirstSolaris, #rememberTitle:hover #titleFirstRemember, #pulsarTitle:hover #titleFirstPulsar {
  display: none!important;
}

#solarisTitle:hover #titleSecSolaris, #rememberTitle:hover #titleSecRemember, #pulsarTitle:hover #titleSecPulsar {
  display: block!important;
}

@media(min-width:769px) {
  #solarisTitle:hover #spanSolarisDesktop, #rememberTitle:hover #spanRememberDesktop, #pulsarTitle:hover #spanPulsarDesktop  {
    display: block!important;
  }
}

@media(max-width:768px) {
  #solarisTitle:hover #spanSolarisMobile, #rememberTitle:hover #spanRememberMobile, #pulsarTitle:hover #spanPulsarMobile {
    display: block!important;
  }
}

@media(min-width:769px) {
  .modalProduct > .e-store_modal-container {
    /*transform:translate(-51%, 2.7%)!important;*/
    top: 100%;
  }
}

#modal-dropdown-content {
  height: 100%;
  max-height: 65vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.index_modal-container {
  /*transform: translate(-51%, 2.7%);
  transform: translate(-51%, 2%);*/
  top: 100%;
}

@media (max-width: 768px) {
  .e-store_modal-container {
    width: 100%;
    /* transform: translate(-50%, 1%);
    height: unset; */
    /*max-height: 100vh;
    height: auto;*/
    overflow: auto;
    left: 0;
    top: 100%;
  }

  #modal-dropdown-content {
    /*min-height: 150vh;
    max-height: 165vh;
    max-height: 120rem;*/

    min-height: 100%;
    max-height: 165vh;
  }

  .index_modal-container {
    /*transform: translate(-50%, 0.9%);*/
  }

  .index_modal-container > #modal-dropdown-content {
    max-height: 150vh;
    min-height: 30vh;
    /*max-height: 120rem;*/
  }
}

.e-store_modal-container .modal_images {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .e-store_modal-container .modal_images {
    width: 120px;
    height: 120px;
  }
}

.nav li,
.nav li a {
  color: #222;
  display: inline-block;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 0 5px;
  color: #222;
  display: inline-block;
}

.nav li a:hover {
  background-color: #fff;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- reel */

/* .content,.auto{
	margin-left:auto;
	margin-right:auto;
}

.content{
	max-width:980px;
}

.auto{
	max-width:1140px;
}

.display-container:hover{
	display:block;
}

.display-container:hover span{
	display:inline-block;
}

.display-bottommiddle{
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%,0%);
	-ms-transform:translate(-50%,0%);
}

.left{
	float:left!important;
}

.right{
	float:right!important;
}

.badge,.tag{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}

.badge{
	border-radius:50%;
}

.border{
	border:1px solid #ccc!important;
} */

#reelcontainer {
  width: 100%;
  overflow: hidden;
  background: #e9e9e9;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width:825px) {
  #reelcontainer.indexPage {
    overflow: scroll;
  }
}

#reel {
  width: 100%;
  position: relative;
  /* left: -738px;
  width: 3000px; */
  width: 4000px;
  left: -800px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}

@media all and (max-width: 1850px) {
}

@media all and (max-width: 1920px) and (min-width: 1440px) {
}

@media all and (min-width: 1920px) {
}

#reel.open {
  position: relative;
  left: -870px;
}

#reel > div {
  width: 90px;
  height: 660px;
  background: #b9a18d;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: left;
  transform: skew(-16deg);
  -webkit-transform: skew(-16deg);
  -moz-transform: skew(-16deg);
  -o-transform: skew(-16deg);
  -ms-transform: skew(-16deg);
  /* overflow:hidden; */
  position: relative;
  left: 70px;
  /* right: 40px; */
  transition: background 0.2s ease, margin 0.6s ease;
  -moz-transition: background 0.2s ease, margin 0.6s ease;
  -webkit-transition: background 0.2s ease, margin 0.6s ease;
  -o-transition: background 0.2s ease, margin 0.6s ease;
  -ms-transition: background 0.2s ease, margin 0.6s ease;
  border-left: 2px solid #e9e9e9;
  border-right: 2px solid #e9e9e9;
  z-index: 11;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#reel > div:hover {
  background: #c6b59e;
  cursor: pointer;
}

#reel > div .title {
  width: 460px;
  color: #fff;
  font-size: 28px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  position: absolute;
  top: 260px;
  left: -185px;
}

.cartIconContainer {
  position: absolute;
  left: 41%;
  bottom: 100px;
  transform: skew(16deg);
}

/* #rsl1 {
  margin-left: 850px;
} */

#rsl1 {
  margin-left: 800px;
}

section {
  width: 754px;
  position: relative;
  left: 71px;
  /* right: 60px; */
  height: 660px;
  background: #fff;
  border-left: 2px solid #e9e9e9;
  border-right: 2px solid #e9e9e9;
  transform: skew(-16deg);
  -webkit-transform: skew(-16deg);
  -moz-transform: skew(-16deg);
  -o-transform: skew(-16deg);
  -ms-transform: skew(-16deg);
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  overflow-x: hidden;
  transition: width 0.6s ease;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  overflow-y: hidden;
  margin-right: 1px;
}

section.closed {
  /* display: none; */
  width: 0;
}

section > div {
  padding: 39px;
  width: 754px;
  /* width: 100%; */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

section div h2 {
  font-weight: 300;
  font-size: 30px;
  margin-bottom: 14px;
  margin-top: 0;
  color: #555;
}

section div h3 {
  font-family: 'orator-std', 'Courier New', 'Courier', monospace;
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 14px;
  margin-top: -6px;
  color: rgb(153, 153, 153);
}

.genese-img {
  height: 250px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.div-interview {
  bottom: 0;
  margin-top: 50px !important;
  /* left: 50%;  */
  /* position:static; */
}

/* .toshop{
	margin-bottom: 15px !important;
} */

#mobile {
  display: none;
  z-index: -10;
}

/* index.php scroll responsive */
@media screen and (max-width : 1919px) {
  #reelcontainer.indexPage {
    overflow-x: scroll;
  }

 /*  #reelcontainer.eStore {
    overflow: ;
  } */
}

/* css for phone */
@media screen and (max-width: 720px) {
  .h-600 {
    height: 439px !important;
  }

  .manif,
  .manif:hover,
  .manif:visited {
    font-size: 32px;
  }

  .div-circle {
    width: 80%;
  }

  .case-subtext {
    font-size: 22px !important;
  }

  .hr-bold {
    background-color: rgb(138, 138, 138);
  }

  .grey-title {
    font-size: 30px;
  }

  .product-extend {
    height: 80px;
    width: 80px;
  }

  .main-title {
    font-size: 80px;
  }

  .slide-text {
    font-size: 28px;
  }

  /*.buynow {
    width: 90%;
  }*/

  .price > p {
    font-size: 32px;
  }

  .creative-extend {
    height: 40px;
  }

  footer > a,
  footer {
    font-size: 20px !important;
  }

  .div-creative {
    margin-bottom: 50px;
  }

  #where-table {
    width: 85% !important;
  }

  /* #page6 h2{
		font-size: 65px;
	}

	#page6 p{
		font-size: 45px !important;
		line-height: 50px !important;
	} */

  #photobooth > div {
    margin-right: 50px !important;
  }

  #visionimages {
    width: 90% !important;
  }

  section.closed > div:first-child {
    display: none;
  }

  section div h3 {
    font-size: 30px;
  }

  .index-btn {
    font-size: 45px;
  }

  #parisSection {
    font-size: 35px;
  }

  #tagline h2 {
    font-size: 31px;
  }

  /* #virginiephoto{
		margin-left: 65px !important;
		margin-right: -70px !important;
	} */

  .top-right {
    position: absolute;
    text-align: center;
    right: 2.5%;
    top: 20px;
    font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  }

  .toshop {
    font-size: 35px;
  }

  #reel > div {
    width: 130px;
    height: 1300px;
    right: 0;
    left: 70px;
  }

  #reel > div > .title {
    font-size: 40px;
    top: 47%;
    left: -170px;
  }

  #reel > div#rsl2 > .title {
    width: 600px;
    left: -240px;
    top: 41.5%;
  }

  .cartIconContainer {
    left: 22%;
    bottom: 300px;
  }

  .cartIconContainer > a > svg {
    width: 62px;
    height: 62px;
  }

  footer {
    padding-bottom: auto;
  }

  section,
  section > div {
    height: 1300px;
    width: 900px;
  }

  section > div > p {
    font-size: 30px !important;
    line-height: 35px !important;
  }

  section > div:first-child {
    padding: 50px;
    padding-top: 40px;
    padding-left: 80px;
    /* margin-top: 30px; */
  }

  #page2 div p {
    font-size: 26px !important;
    line-height: 30px !important;
  }

  section div h2 {
    font-size: 45px;
  }

  #page8 div {
    padding-right: 0;
  }

  #page8 div h2,
  #page8 div p {
    padding-left: 50px;
  }

  /*#page8,
  #page8 > div:first-child {
     width: 900px;
  }*/

  #pressreelholder {
    margin-left: -65px;
  }

  #mobile {
    display: block;
    z-index: -10;
  }

  #genese-title {
    padding-top: 0;
    padding-bottom: 0;
    /* height: 82px; */
  }

  body {
    position: absolute;
  }

  #d11-circle {
    width: 75%;
  }

  header {
    padding: 20px 0 40px 0;
    width: 100%;
  }

  .header-align {
    justify-content: space-between;
  }

  .headerButton,
  .headerButton:hover {
    font-size: 28px;
    text-decoration: none;
  }

  .beige-title {
    font-size: 37px;
    height: 123px;
  }

  .slider {
    height:720px;
  }

  #estoreSlider.slider {
    height:655px;
  }

  /*#exhibitionSlider.slider {
    height:655px;
  }*/

  .swiper-container {
    height: 500px;
  }

  .slider3 {
    height: 315px;
  }

  .slider3 img {
    height: 86%;
  }

  .case {
    /* width: 92%; */
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .case h2 {
    font-size: 30px;
    padding: 15px 10px;
    min-width: 25rem;
    /* width: 25rem; */
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .case h3 {
    font-size: 27px !important;
  }

  .case p {
    font-size: 23px;
  }

  .arrow {
    margin-left: 0;
  }

  #slider0 .slide-btn {
    margin: 5px;
    padding: 20px;
    padding-right: 5px;
    width: 6rem;
    height: 6rem;
  }

  .circle {
    margin: 13px;
    /* margin-bottom: 17px; */
    width: 29px;
    height: 40px;
    border-radius: 50px;
  }

  .nav li a {
    font-size: 35px;
    padding: 0;
  }

  .nav li div {
    top: 100%;
  }

  .grey-text {
    font-size: 23px;
  }

  .text {
    font-size: 26px;
  }

  .v-height {
    height: 515px;
  }

  .v-height2 {
    height: 250px;
  }

  .btn-footer {
    display: flex;
    justify-content: center;
    width: 80%;
    flex-basis: 80%;
    margin: 10px auto;
    font-size: 50px;
    height: fit-content;
  }

  .genese-img {
    height: 350px;
    margin-bottom: 15px;
  }

  #laser-vid {
    height: 720px;
  }

  #laser-vid2 {
    height: 720px;
  }

  .btn-big {
    font-size: 40px;
  }
}

/* css phone landscape */
@media screen and (max-width: 720px) and (orientation: landscape) {
  .main-title {
    font-size: 50px;
  }
}

@media all and (orientation: landscape) and (max-height: 720px) {
  .top-right {
    right: 2.5% !important;
    top: 20px !important;
  }

  header {
    width: 100% !important;
  }
}

@media all and (min-width: 721px) {
  /* .btn-top{
		min-width: 20% !important;
	} */

  #estore-litho {
    padding-right: 0px !important;
    /* padding-left: 50px !important; */
  }

  section,
  section > div {
    width: 1000px;
  }

  .slider3 {
    height: 420px;
  }

  .fs-md-13 {
    font-size: 13px !important;
  }

  .fs-md-14 {
    font-size: 14px !important;
  }

  .fs-md-15 {
    font-size: 15px !important;
  }

  .fs-md-16 {
    font-size: 16px !important;
  }

  .fs-md-17 {
    font-size: 17px !important;
  }

  .fs-md-17_5 {
    font-size: 17.5px !important;
  }

  .fs-md-18 {
    font-size: 18px !important;
  }

  .fs-md-19 {
    font-size: 19px !important;
  }

  .fs-md-20 {
    font-size: 20px !important;
  }

  .fs-md-21 {
    font-size: 21px !important;
  }

  .fs-md-22 {
    font-size: 22px !important;
  }

  .fs-md-23 {
    font-size: 23px !important;
  }

  .fs-md-24 {
    font-size: 24px !important;
  }

  .fs-md-25 {
    font-size: 25px !important;
  }

  .fs-md-26 {
    font-size: 26px !important;
  }

  .fs-md-27 {
    font-size: 27px !important;
  }

  .fs-md-28 {
    font-size: 28px !important;
  }

  .fs-md-29 {
    font-size: 29px !important;
  }

  .fs-md-30 {
    font-size: 30px !important;
  }

  .fs-md-31 {
    font-size: 31px !important;
  }

  .fs-md-32 {
    font-size: 32px !important;
  }

  .fs-md-33 {
    font-size: 33px !important;
  }

  .fs-md-34 {
    font-size: 34px !important;
  }

  .fs-md-35 {
    font-size: 35px !important;
  }

  .fs-md-36 {
    font-size: 36px !important;
  }

  .fs-md-37 {
    font-size: 37px !important;
  }

  .fs-md-38 {
    font-size: 38px !important;
  }

  .fs-md-39 {
    font-size: 39px !important;
  }

  .fs-md-40 {
    font-size: 40px !important;
  }

  .fs-md-41 {
    font-size: 41px !important;
  }

  .fs-md-42 {
    font-size: 42px !important;
  }

  .fs-md-43 {
    font-size: 43px !important;
  }

  .fs-md-44 {
    font-size: 44px !important;
  }

  .w-md-75 {
    width: 75%!important;
  }
}

/* ipad et ipad pro */
@media all and (min-width: 760px) and (max-width: 1030px) {
  body {
    position: absolute;
  }

  .v-height {
    height: 515px;
  }

  .v-height2 {
    height: 250px;
  }

  .slider {
    height: 750px;
  }

  #estoreSlider.slider {
    height: 650px;
  }

  /*#exhibitionSlider.slider {
    height: 650px;
  }*/

  .swiper-container {
    height: 500px;
  }

  .slider3 {
    height: 315px;
  }

  .slider3 img {
    height: 86%;
  }

  .genese-img {
    height: 170px;
    margin-bottom: 10px;
  }

  #laser-vid {
    height: 355px;
  }

  #laser-vid2 {
    height: 355px;
  }

  .top-right {
    right: 1.5%;
  }

  .beige-title {
    height: 123px;
  }

  #genese-title {
    padding-top: 0;
    padding-bottom: 0;
    /* height: 82px; */
  }
}

@media (min-width: 751px) and (max-width: 850px) {
  .beige-title {
    height: 93px;
  }
}

@media (min-width:1920px) {
  #estoreSlider.slider {
    height: 770px;
  }

  #grandSliderContainerEstore {
    height: 600px;
  }

  #estoreSlider.slider .carousel-item > img, #estoreSlider.slider .carousel-item > video {
    height: 600px;
  }

  /*#exhibitionSlider.slider {
    height: 770px;
  }

  #grandSliderContainerExhib {
    height: 600px;
  }

  #exhibitionSlider.slider .carousel-item > img, #exhibitionSlider.slider .carousel-item > video {
    height: 600px;
  }*/
}

@media all and (max-width: 1030px) {
  .form-extend,
  #newsletter {
    right: 15%;
  }
}

/*@media all and (max-width: 1440px) and (min-width: 1130px) {
  section,
  section > div {
    width: 850px;
  }
}*/

/* @media all and (max-width: 1850px) and (min-width: 1440px) {
  	section,section > div{
    	width:1000px;
  	}

	.slider3{
		height: 420px;
	}
} */

@media all and (min-width: 1850px) {
  section,
  section > div {
    width: 1300px;
  }

  /* #rsl1 {
    margin-left: 900px;
  } */

 /*  #rsl1 {
    margin-left: 750px;
  } */

  .slider3 {
    height: 525px;
  }
}

section > div > p {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #555;
  line-height: 22px;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
}

#page2 > div > div > p {
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #555;
  line-height: 22px;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
}

section p:not(:first-of-type) {
  margin-top: 20px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- page */

#virginiephoto {
  width: 350px;
  height: 580px;
  background: url(../img/virginie.jpg);
  background-size: cover;
  float: right;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  margin: 0px 60px 10px;
  border-radius: 1px;
}

#photobooth {
  /* margin-top:20px; */
  z-index: 50;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  position: relative;
  left: -20px;
}

#photobooth > div {
  width: 152px;
  /* height:200px; */
  height: auto !important;
  background: #fff;
  border: 2px solid #eee;
  float: left;
  margin-right: 11px;
  margin-top: 5px;
}

#photobooth > div > span {
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  margin: 6px 0;
  display: block;
  color: #555;
  font-size: 15px;
}

#photobooth > div > span:last-of-type {
  color: #000;
}

#page4 > div {
  padding-top: 25px;
}

.clickable {
  cursor: pointer;
  font-weight: bold;
  user-select: none;
}

.clickableDesc {
  font-weight: 400;
}

.pboothimg {
  width: 100%;
  height: 140px;
  background: #eee;
  position: relative;
  overflow: hidden;
}

@media all and (min-width: 1230px) {
  #photobooth > div {
    width: 200px;
    height: 240px;
  }
  .pboothimg {
    height: 180px;
  }
}

.pboothimg div {
  width: 100%;
  height: 110px;
  background: rgba(255, 255, 255, 0.75);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 6px;
  color: #444;
  font-size: 0.95em;
  position: absolute;
  bottom: -74px;
  transition: all 0.24s ease;
  -moz-transition: all 0.24s ease;
  -webkit-transition: all 0.24s ease;
  -o-transition: all 0.24s ease;
  -ms-transition: all 0.24s ease;
  z-index: 12;
}

#photobooth div:first-of-type {
  cursor: pointer;
}

.pboothimg:hover div {
  position: absolute;
  bottom: -16px;
  cursor: default;
  background: rgba(255, 255, 255, 0.95);
}

.pboothimg:not(:first-of-type):active {
  font-weight: 600;
}

.pboothimg div span:first-of-type {
  width: 100%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 5px 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  color: #444;
  font-size: 18px;
  font-weight: 500;
}

.pboothimg div span:nth-child(2) {
  font-size: 15px;
}

.pboothimg:hover div span:first-of-type {
  color: #111;
}
#photobooth div:first-of-type .pboothimg {
  background: url('../img/glitter.jpg');
  background-size: cover;
}

#photobooth div:nth-of-type(2) .pboothimg {
  background: url('../img/laiton.jpg');
  background-size: cover;
}

#photobooth div:nth-of-type(3) .pboothimg {
  background: url('../img/thetwins.jpg');
  background-size: cover;
}

#photobooth div:nth-of-type(4) .pboothimg {
  background: url('../img/phos.jpg');
  background-size: cover;
}

#photobooth div:nth-of-type(5) .pboothimg {
  background: url('');
  background-size: cover;
}

p.thinp {
  width: 60%;
}

#versatiBloc {
  width: 86%;
  display: flex;
  justify-content: center;
}

ul#versatile {
  width: auto;
  height: 28px;
  border: 1px solid #b9a18d;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 2px;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  line-height: 22px;
  position: relative;
  left: -8px;
  display: block;
}

#versatile a:not(:last-of-type) li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  float: right;
  background: #444;
  margin-right: 2px;
  height: 22px;
  text-align: center;
  color: #fff;
  display: block;
  font-size: 11px;
  padding: 0px 10px;
}

@media all and (max-width: 1440px) and (min-width: 1130px) {
  #versatile a:not(:last-of-type) li {
    font-size: 12px;
  }
}

#versatile a:nth-of-type(1) li {
  /* Virginie look here YELLOW FOR EDITING */
  background: #f5f34c;
  color: #222;
}

#versatile a:nth-of-type(2) li {
  background: #000;
}

#versatile a:nth-of-type(3) li {
  background: #accfa6;
}

/*#versatile a:nth-of-type(4) li {
  background: #418aa1;
}

#versatile a:nth-of-type(5) li {
  background: #d6bdb1;
}*/

#versatile a:not(:last-of-type) li:hover {
  color: #222;
  background: #ccc;
  cursor: pointer;
}

#versatile a:last-of-type li {
  float: left;
  display: block;
  padding-left: 4px;
  padding-right: 15px;
}

.fancybox-nav span {
  visibility: visible;
}

/* first collection released names page */

#drawingsreel {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  width: 86%;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  height: 420px;
  border: 1px solid #b9a18d;
  position: relative;
  top: 10px;
  left: 61px;
  overflow: hidden;

  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}

#filler {
  width: 82%;
  border-right: 1px solid #b9a18d;
}

#filler span {
  font-size: 12px;
}

#filler_two {
  width: 71%;
}

#filler_two span {
  font-size: 12px;
}

#filler_two i {
  font-size: 20px;
  /* padding: 4px; */
  /* border-right: 1px solid #999;
	border-bottom: 1px solid #999; */
}

#drawingsnav {
  position: relative;
  float: right;
  top: -15px;
  width: 15%;
  overflow-x: hidden;
  /*border-left: 1px solid #999;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 0;
}

#drawingsnav > span {
  border-bottom: 1px solid #999;
  display: inline-block;
  padding: 2px 0;
  text-align: center;
  width: 100%;
}

#drawingsnav li {
  width: 100%;
  height: 105px;
  border-bottom: 1px solid #b9a18d;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 14px;
}

#drawingsnav li:nth-child(3){
  border-bottom: none;
}

#drawingsnav_two {
  position: relative;
  float: right;
  width: 14%;
  overflow-x: hidden;
  border-left: 1px solid #999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#drawingsnav_two > span {
  border-bottom: 1px solid #999;
  display: inline-block;
  padding: 2px 0;
  text-align: center;
  width: 100%;
}

#drawingsnav_two li {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 14px;
}

#drawingsnav_two li:hover {
  border-color: #777;
  cursor: pointer;
  opacity: 0.7;
}

#drnav1 {
  background: url('../img/dlrphoto4.jpg') no-repeat center center;
  background-size: contain;
}

#drnav1.yellow {
  background-image: url('../img/dlrphoto4jaune.jpg');
}

#drnav2 {
  background: url('../img/dlrphoto3.jpg') no-repeat center center;
  background-size: contain;
}

#drnav2.yellow {
  background-image: url('../img/dlrphoto3jaune.jpg');
}

#drnav3 {
  background: url('../img/dlrphoto1.jpg') no-repeat center center;
  background-size: contain;
}

#drnav3.yellow {
  background-image: url('../img/dlrphoto1jaune.jpg');
}

#drnav4 {
  background: url('../img/dlrphoto5bigb.jpg') no-repeat center center;
  background-size: contain;
  border-bottom: none;
}

#drnav4.yellow {
  background-image: url('../img/dlrphoto5jaune.jpg');
}

#drnav5 {
  background: url('../img/Twins/TWINS-A1.jpg') no-repeat center center;
  background-size: contain;
}

#drnav5.yellow {
  background-image: url('../img/dlrphoto4jaune.jpg');
}

#drnav6 {
  background: url('../img/Twins/TWINS-A2.gif') no-repeat center center;
  background-size: contain;
}

#drnav6.yellow {
  background-image: url('../img/dlrphoto3jaune.jpg');
}

#drnav7 {
  background: url('../img/Twins/TWINS-A3.jpg') no-repeat center center;
  background-size: contain;
}

#drnav7.yellow {
  background-image: url('../img/dlrphoto1jaune.jpg');
}

#drnav8 {
  background: url('../img/Twins/TWINS-A4.jpg') no-repeat center center;
  background-size: contain;
  border-bottom: none;
}

#drnav8.yellow {
  background-image: url('../img/dlrphoto5jaune.jpg');
}

#drnav9 {
  background: url('../img/Twins/TWINS-B1.jpg') no-repeat center center;
  background-size: contain;
}

#drnav9.yellow {
  background-image: url('../img/dlrphoto4jaune.jpg');
}

#drnav10 {
  background: url('../img/Twins/TWINS-B2.gif') no-repeat center center;
  background-size: contain;
}

#drnav10.yellow {
  background-image: url('../img/Twins/TWINS-B2.gif');
}

#drnav11 {
  background: url('../img/Twins/TWINS-B3.jpg') no-repeat center center;
  background-size: contain;
}

#drnav11.yellow {
  background-image: url('../img/dlrphoto1jaune.jpg');
}

#drnav12 {
  background: url('../img/Twins/TWINS-B4.jpg') no-repeat center center;
  background-size: contain;
  border-bottom: none;
}

#drnav12.yellow {
  background-image: url('../img/dlrphoto5jaune.jpg');
}

#dlr-photo1 {
  background-image: url(../img/dlrphoto4big.jpg);
}

#filler.yellow #dlr-photo1 {
  background-image: url(../img/dlrphoto4bigjaune.jpg);
}

#dlr-photo2 {
  background-image: url(../img/dlrphoto3big-circle.jpg);
}

#filler.yellow #dlr-photo2 {
  background-image: url(../img/dlrphoto3bigjaune.jpg);
}

#dlr-photo3 {
  background-image: url(../img/dlrphoto1big.jpg);
}

#filler.yellow #dlr-photo3 {
  background-image: url(../img/dlrphoto1bigjaune.jpg);
}

#dlr-photo4 {
  background-image: url('../img/dlrphoto5bigb.jpg');
}

#filler.yellow #dlr-photo4 {
  background-image: url(../img/dlrphoto5bigjaune.jpg);
}

#dlr-photo5 {
  background-image: url(../img/Twins/TWINS-A1.jpg);
}

#dlr-photo6 {
  background-image: url(../img/Twins/TWINS-A2.gif);
}

#dlr-photo7 {
  background-image: url(../img/Twins/TWINS-A3.jpg);
}

#dlr-photo8 {
  background-image: url(../img/Twins/TWINS-A4.jpg);
}

#dlr-photo9 {
  background-image: url(../img/Twins/TWINS-B1.jpg);
}

#dlr-photo10 {
  background-image: url(../img/Twins/TWINS-B2.gif);
}

#dlr-photo11 {
  background-image: url(../img/Twins/TWINS-B3.jpg);
}

#dlr-photo12 {
  background-image: url(../img/Twins/TWINS-B4.jpg);
}

#dlr-photo13 {
  background-image: url(../img/diptyches/d1/anim_solar.gif);
}

#drawingsnav li:hover {
  border-color: #777;
  cursor: pointer;
  opacity: 0.7;
}

.photo {
  width: 100%;
  height: 432px;
  background: #fff center center no-repeat;
  background-size: contain;
  position: relative;
}

.photo_two {
  width: 100%;
  height: 380px;
  background: #fff center center no-repeat;
  background-size: contain;
  position: relative;
  margin-top: 0;
}

#gobacktogreen {
  display: block;
  width: 150px;
  height: 30px;
  background: #eee;
  line-height: 30px;
  text-align: center;
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  cursor: pointer;
}

#gobacktogreen {
  display: none;
}

#gobacktogreen.yellow {
  display: block;
}

#filler div:not(.photo) {
  width: 85%;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  font-size: 1.2em;
  position: absolute;
  bottom: -300px;
  left: 0;
  line-height: 1.3em;
}

#filler:hover div:not(.photo) {
  position: absolute;
  bottom: 0;
  left: 0;
}

#filler_two div:not(.photo_two, #discover-div, .discover) {
  width: 72%;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  font-size: 1.2em;
  position: absolute;
  bottom: -300px;
  left: 0;
  line-height: 1.3em;
}

#filler_two:hover div:not(.photo_two) {
  position: absolute;
  bottom: 0;
  left: 0;
}

#where-table {
  width: 75%;
  margin-bottom: 20px;
}

#visionimages {
  /* width:500px; */
  width: 90% !important;
  height: 300px;
  border: 1px solid #999;
  background: #eee;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  position: relative;
  left: 30px;
  margin: 10px;
  box-sizing: border-box;
}

@media all and (min-width: 1130px) {
  #visionimages {
    width: 700px;
    height: 400px;
  }
}

#visionimages a > div {
  /* this gets overwritten for the first child due to incompatibility with fancybox and using last child */
  width: 30%;
  background: #fff url('../img/pattern1.jpg') no-repeat center center;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #fff;
  background-size: contain;
  float: left;
  position: relative;
}

#visionimages a:first-child > div {
  width: 70%;
  height: 100%;
  background: #3b3c40 url('../img/vision2.jpg') no-repeat center center;
  background-size: contain;
}

.visiondesc {
  position: absolute;
  bottom: 0;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  opacity: 0;
  color: #222;
  font-size: 1em;
}

#visionimages div:hover .visiondesc {
  opacity: 0.62;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- page 8 */

#page10 > div {
  position: relative;
}

#page10:not(h1, h2) {
  font-size: 0.9em;
}

#page10 ul {
  float: right;
  display: block;
  width: 170px;
  color: #555;
  font-size: 14px;
  line-height: 15px;
  margin: 0 30px 20px;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  z-index: 10;
}

#page10 span {
  font-weight: 300;
  font-size: 11px;
  color: #333;
}

#page10 #dotdotdot {
  display: block;
  font-weight: 600;
  font-size: 28px;
  color: #222;
  z-index: 20;
}

#page10 #dotdotdot a {
  color: #222;
}

#page10 li {
  margin: 4px 0;
}

#page10 .big {
  font-size: 1.1em;
}

#page10 ul li bold#smalto:hover {
  cursor: pointer;
  text-decoration: underline;
}

#kklogo {
  width: 205px;
  height: 138px;
  background: url('../img/logob.png');
  margin: 10px 100px;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  position: relative;
  left: 160px;
  top: 20px;
}

#kklogo div a {
  color: #222;
}

#kklogo div {
  width: 200px;
  position: absolute;
  bottom: -30px;
  text-align: center;
  padding-top: 10px;
  font-size: 13px;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- email form */

#pmessage div,
#xmessage div {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 28px;
  color: #999;
}

#offerPart {
  background-color: white;
  padding: 18px 25px;
  margin: 0 auto 15px;
  width: fit-content;
}

#nmessage div:nth-child(2) div {
  position: absolute;
  top: 97px;
  right: 20px;
  font-size: 28px;
  color: #999;
  cursor: pointer;
}

#pmessage div:hover,
#xmessage div:hover {
  color: #555;
  cursor: pointer;
}

#pmessage p,
#xmessage p,
#nmessage p {
  margin-bottom: 15px;
}

#nmessage p:nth-child(2) {
  margin-right: auto;
  font-size: 15px;
}

#pmessage input[type='text'],
#pmessage input[type='email'],
#xmessage input[type='text'],
#xmessage input[type='email'],
#nmessage input[type='text'],
#nmessage input[type='email'] {
  width: 100%;
  height: 34px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  font-size: 15px;
}

#nmessage aside {
  display: flex;
}

#pmessage textarea,
#xmessage textarea {
  width: 100%;
  height: 90px;
  border: 1px solid #ccc;
  resize: vertical;
  font-size: 15px;
  padding: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin-bottom: 15px;
}

#pmessage input[type='submit'],
#xmessage input[type='submit'],
#nmessage input[type='submit'] {
  width: 100%;
  height: 30px;
  background: #b9a18d;
  color: #fff;
  border: 0;
  outline: 0;
  font-size: 15px;
  text-transform: uppercase;
}

#pmessage input[type='submit']:hover,
#xmessage input[type='submit']:hover,
#pmessage input[type='submit']:focus,
#xmessage input[type='submit']:focus,
#nmessage input[type='submit']:hover,
#nmessage input[type='submit']:focus {
  background: #c6b59e;
  cursor: pointer;
}

#pmessage input[type='submit']:focus,
#xmessage input[type='submit']:focus,
#nmessage input[type='submit']:focus {
  border: 1px solid #000;
}

footer {
  background: white;
  /*display: flex;*/
  width: 100%;
  /* height: 100vh; */
  padding: 10px;
  /*font-size: 13px;*/
  bottom: 0;
}

#pressreelholder {
  width: 78%;
  height: 560px;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  position: relative;
  top: 20px;
  left: 90px;
}


#pressreel {
  width: 100%;
  height: 560px;
  overflow-x: hidden;
}

.preelbutton {
  width: 70px;
  height: 560px;
  background: #fff;
  text-align: center;
  line-height: 400px;
  font-size: 40px;
  cursor: pointer;
  color: #aaa;
}

.preelbutton:hover {
  color: #000;
}

#right {
  position: absolute;
  right: -70px;
  top: 0;
  z-index: 20;
}
#left {
  position: absolute;
  left: -70px;
  top: 0;
  z-index: 20;
}

#pressreel > div {
  width: 1000%;
  height: 530px;
}

#pressreel ul {
  width: 10%;
  float: left;
  height: 530px;
}

#reelinner {
  transition: margin 0.8s ease;
  -webkit-transition: margin 0.8s ease;
  -moz-transition: margin 0.8s ease;
  -ms-transition: margin 0.8s ease;
  -o-transition: margin 0.8s ease;
}

#reelinner .item {
  display: block;
  width: 29%;
  height: 300px;
  background: #aaa;
  margin: 40px 2%;
  float: left;
  position: relative;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
}

#reelinner .item > div {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  box-sizing: border-box;
  padding: 50% 0;
  text-align: center;
  font-size: 1.1em;
  text-transform: uppercase;
}

#pressreel .item div span {
  font-size: 1.2em;
  opacity: 0.4;
}

#pressreel .item:hover div {
  opacity: 0.93;
}

#newnews {
  width: 680px;
  height: 280px;
  overflow: hidden;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  position: relative;
  left: 50px;
}

@media all and (min-width: 1440px) {
  #newnews {
    width: 830px;
    height: 320px;
  }

  #versatile a:not(:last-of-type) li {
    font-size: 13px;
  }

  #where-table {
    width: 70%;
  }
}

@media all and (min-width: 1650px) {
  #where-table {
    width: 50%;
  }
}

#newnews > div {
  width: 100%;
  height: 100%;
  float: left;
}

.newspageitem {
  background: none repeat scroll center center / cover;
  color: #222;
  float: left;
  font-size: 20px;
  font-weight: 400;
  height: 50%;
  margin: 0 0 10px 10px;
  text-align: center;
  width: 48%;
}

/*.newspageitem{
	width:40%;
	height:100%;
	background:#222;
	color:#222;
	float:left;
	background-size:cover;
	background-position:center center;
	text-align:center;
	font-size:20px;
	font-weight:400;
}*/

#newspage1 {
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}

#newspage1.shifted {
  margin-left: -100%;
}

.newspageitem span {
  padding: 70px 10px;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #f1f1f1;
  opacity: 0;
}

.newspageitem:hover span {
  opacity: 0.68;
}

.nreelbutton {
  width: 8%;
  height: 100%;
  float: left;
  background: #fff;
  color: #222;
  text-align: center;
  line-height: 320px;
  font-size: 24px;
  color: #999;
}

.nreelbutton.notsel {
  color: #ccc;
}

.nreelbutton:not(.notsel):hover {
  background: #eee;
  cursor: pointer;
}

.divider {
  width: 2%;
  float: left;
  height: 440px;
}

#newscolcontainer {
  width: 78%;
  height: 560px;
  transform: skew(16deg);
  -webkit-transform: skew(16deg);
  -moz-transform: skew(16deg);
  -o-transform: skew(16deg);
  -ms-transform: skew(16deg);
  position: relative;
  left: 60px;
  top: 10px;
  text-align: justify;
  font-size: 1.1em;
  color: #555;
  overflow: h;
}

.strong_two {
  font-weight: 600;
  font-size: 16px;
  font-family: 'orator-std', 'Courier New', 'Courier', monospace;
}

#newscol1 {
  height: 560px;
  width: 60%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 28px;
}

#newscol2 {
  height: 560px;
  width: 40%;
  float: left;
}

#newscolcontainer strong {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 20px;
}
#newsphoto1 {
  width: 394px;
  margin-top: 10px;
  height: 245px;
  background: url('../img/newsphoto.jpg') no-repeat center center;
  background-size: cover;
}

p.smallp {
  font-size: 16px;
  line-height: 21px;
}

#page9 {
  overflow: hidden;
}

#pdfmenu a {
  color: black;
}

.twitter {
  float: left;
  display: block;
  width: 50%;
}

.share,
.follow {
  border: 2px solid;
  font-weight: bold;
  padding: 0 10px;
  width: 100%;
}

.share:hover,
.follow:hover {
  text-decoration: none;
  color: #55acee;
  border: 2px solid #55acee;
}

.share:focus,
.follow:focus {
  text-decoration: none;
}

.twitter ul {
  float: right;
}

.twitter ul li {
  display: inline-block;
  padding: 0 0 0 20px;
}

.fa.fa-twitter {
  padding: 0 10px 0 0;
}

/* .fa-plus::before{
	content: '' !important;
} */

.fa-plus::before {
  /* content: "\f067"; */
  font: 'normal normal normal 14px/1 FontAwesome' !important;
}

.index-discover,
.index-discover:hover,
.index-discover:visited {
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  padding: 7px 15px;
  font-size: 20px;
  text-decoration: none;
  background-color: #b9a18d;
  color: white!important;
}

.news-flashback,
.news-flashback a {
  color: #ede96d;
  font-size: 36px;
  margin: 0;
  line-height: 35px;
}

.no-marg-bottom {
  margin-bottom: 5px;
}

/* ====================== D5A-D5B_MODEL1.PHP ====================== */
/* buyNow buttons */
.isDisabled {
  /* color: currentColor;
  cursor: not-allowed;
  opacity: 0.5; */
  display: none;
}

.paymentHidden {
  display: none;
}

@media (min-width: 768px) {
  .buynow {
    width: 140px;
    /*margin-right: 35px;*/
  }
}
@media (max-width: 768px) {
  #payment-dropdown {
    margin-left: 50px;
  }
}

/* drodown labels */
.dropdown-menu label {
  font-size: 16px;
}

.dropdown-menu input[type='radio'] {
  transform: scale(1.2);
  margin-right: 7px;
  margin-bottom: 6px;
}

.d5-title {
  font-size: 28px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  color: rgb(149, 149, 149);
}

.d5-title-subtitle {
  font-size: 22px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  color: rgb(149, 149, 149);
}

@media screen and (max-width:720px) {
  .genese-imgD5 {
    height: 270px;
    margin-bottom: 15px;
  }
  
  #laser-vidD5 {
    height: 560px;
    margin-top: 5px;
  }
}

@media (min-width:760px) and (max-width:1129px) {
  .genese-imgD5 {
    height: 270px;
    margin-bottom: 15px;
  }
  
  #laser-vidD5 {
    height: 560px;
    margin-top: 5px;
  }
}

@media (min-width:1130px) and (max-width:1439px) {
  .genese-imgD5 {
    height: 250px;
    margin-bottom: 15px;
  }
  
  #laser-vidD5 {
    height: 510px;
    margin-top: 5px;
  }
}

@media (min-width:1440px) {
  .genese-imgD5 {
    height: 270px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  #laser-vidD5 {
    height: 560px;
    margin-top: 5px;
  }
}

/* mobile version */
@media (max-width: 768px) {
  .d5-title {
    font-size: 44px;
  }
  .d5-title-subtitle {
    font-size: 37px;
  }
  .description {
    font-size: 32px;
  }
}

#shipping-icon, #shipping-icon-only {
  width: 40px;
  /* padding-bottom: 6px; */
  margin-left: 6px;
}

.bloc-framing-text {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  flex-direction: column;
  padding-top: 42px;
}

/* mobile screen */
@media (max-width: 768px) {
  #shipping-icon, #shipping-icon-only {
    width: 50px;
  }

  .version-ordi {
    display: none;
  }

  .version-mobile {
    display: block;
    font-size: 40px !important;
    width: fit-content;
    padding: 0 !important;
    margin: auto;
  }
  .version-mobile-visit {
    width: 50%;
    margin: 10px auto;
  }
}

/* ordi screen */
@media (min-width: 769px) {
  .version-ordi {
    display: block;
  }

  p.version-ordi {
    width: 69%;
    min-height: 103px;
    padding: 2rem 1rem 0 1rem;
  }

  .version-mobile {
    display: none;
  }
}

/* small arrow btn under to visit */
.info-show-btn {
  color: #b9a18d;
  cursor: pointer;
}

.version-mobile.info-show-btn {
  transform: scale(2);
}

.version-ordi.to-visit-btn {
  font-weight: bold;
  letter-spacing: 3px;
  width: 68.5%;
}

.version-ordi.to-visit-btn:hover {
  background: #f3f2f2;
}

#other-series {
  font-family: 'orator-std';
  font-size: 26px;
  color: #555;
}

.genese-craft-btn, .custom-framing-btn, .inspiration-btn, .like-it-btn {
  margin: auto 0;
  padding: 10px 0 2px 10px;
  /* font-size: 29px; */
  color: #b9a18d;
  user-select: none;
}

/* .genese-craft-btn.clair, .custom-framing-btn.clair, .inspiration-btn.clair {
  color: #C1AB9A
}
 */
.nft-buttons {
  border: 2px solid #b9a18d;
  min-width: 200px;
  margin-right: 24px !important;
}

.nft-buttons a {
  color: grey !important;
}

/* d3a-d3b.php styles =================*/
.d3-select-btns {
  width: fit-content;
}
.d3ad3b-play-btn,
.d3_gif1-play-btn,
.d3_gif2-play-btn,
.d10_gif-play-btn,
.d13_gif1-play-btn,
.d13_gif2-play-btn {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  border-radius: 50%;
  border: 1px solid #555;
  height: 26px;
  width: 26px;
  padding-right: 3px;
  color: #555;
  background-color: transparent;
  margin-right: 10px;
}

.d3ad3b-pause-btn,
.d3_gif1-pause-btn,
.d3_gif2-pause-btn,
.d10_gif-pause-btn,
.d13_gif1-pause-btn,
.d13_gif2-pause-btn {
  font-weight: bolder;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  border: 1px solid #555;
  line-height: 1px;
  color: #555;
  background-color: transparent;
}

.orangeTextD3 {
  color: #DBA389!important;
}

.yellowTextD3 {
  color : #FBF49C!important;
}

.greyTextD3 {
  color : #E6E7E8!important;
}

.lightBlueTextD3 {
  color: #90A9B6!important;
}

.modelD3,
.modelD3:hover,
.modelD3:visited {
  padding: 5px 23px;
  text-decoration: none;
  font-weight: 200;
}

.models:hover{
  cursor: pointer;
}

/* drawing category page */

.containerCategoryDrawings > #reelcontainer, .containerDrawingsSerie02 > #reelcontainer {
  overflow: unset;
}
  
#menuCategoryDrawing, #menuDrawingSerie02 {
  background-color: #e9e9e9;
  position: sticky;
  top: 0;
}

#menuCategoryDrawing {
  z-index: 20;
}

#menuDrawingSerie02 {
  z-index: 10;
}

.drawing-under-title {
  border: 2px solid #b9a18d;
  max-width: calc(fit-content - 50%);
  padding: 0;
  padding-bottom: 2px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.drawingPreSelect, .drawingPreSelect:visited {
  padding: 10px 18px;
  color: #b9a18d;
  text-decoration: none;
  font-size: 22px;
  font-family: 'Source Sans Pro', 'Source Sans', 'Arial', sans-serif;
}

.drawingChange:hover, .drawingChange:hover a {
  text-decoration: underline!important;
  text-underline-offset: 5px!important;
  font-weight: bold;
  cursor: pointer;
}

.drawingSelect {
  text-decoration: underline!important;
  text-underline-offset: 5px;
}

.drawing02Circle {
  /*margin: 10px 5px 10px 5px;*/
  width: 25px;
  height: 35px;
  border-radius: 20px;
}

.colourDrawingsS02:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.colourDrawingsS02Select {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.sliding-buttons-container {
  position: relative;
  z-index: 10;
}

#sliding-btn-content, #sliding-btn-contentDrawing {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  /* display: block; */
  margin: auto;
  list-style: none;
  padding: 0;
}

#sliding-btn-content {
  width: 57%;
}

@media (max-width: 768px) {
  #sliding-btn-content, #sliding-btn-contentDrawing {
    overflow: auto;
    width: 69% !important;
  }
}

#sliding-btn-control .menu-slider-btns, #sliding-btn-controlDrawing .menu-slider-btns {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  border: none;
  background-color: transparent;
  font-size: 58px;
  color: #b9a18d;
  font-weight: 100;
  outline: none;
}

#sliding-btn-control .slider-btn-minus {
  left: 150px;
  top: -26px;
  transform: rotate(45deg);
}

#sliding-btn-control .slider-btn-plus {
  right: 150px;
  top: -13px;
  transform: rotate(-134deg);
}

#sliding-btn-controlDrawing .slider-btn-minus {
  left: 261px;
  top: -32px;
  transform: rotate(45deg);
}

#sliding-btn-controlDrawing .slider-btn-plus {
  right: 250px;
  top: -16px;
  transform: rotate(-134deg);
}

@media (max-width: 1447px) {
  #sliding-btn-control .slider-btn-minus {
    left: 261px;
    top: -32px;
  }
  #sliding-btn-control .slider-btn-plus {
    right: 250px;
    top: -16px;
  }

  #sliding-btn-controlDrawing .slider-btn-minus {
    left: 150px;
    top: -26px;
  }

  #sliding-btn-controlDrawing .slider-btn-plus {
    right: 150px;
    top: -13px;
  }
}

@media (max-width: 768px) {
  #sliding-btn-control .slider-btn-minus {
    top: -25px;
    left: 185px;
  }
  #sliding-btn-control .slider-btn-plus {
    top: -11px;
    right: 178px;
  }

  #sliding-btn-controlDrawing .slider-btn-minus {
    top: -25px;
    left: 50px;
  }

  #sliding-btn-controlDrawing .slider-btn-plus {
    top: -11px;
    right: 50px;
  }

}

#drawingCategory-button-container {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
#drawingCategory-button-container .row {
  width: fit-content;
  border: 1px solid #b9a18d;
  padding: 5px 10px;
}

#drawingCategory-button-container .row button {
  border-radius: 50%;
  border: 1px solid grey;
  height: 25px;
  width: 25px;
  padding-right: 18px;
}

#drawingCategory-button-container .row div:nth-of-type(2) {
  margin-top: 4px;
}

#grandSliderContainer, #grandSliderContainerEstore, #grandSliderContainerLithoCate {
  position: relative;
}

.carousel-indicators {
  position: absolute;
  bottom: 12rem !important;
  margin-left: 20% !important;
  /*margin-bottom: 5rem;*/
 /* margin-bottom: -16rem !important;*/
}

.slide-items {
  height: 567px;
  width: 100%;
  object-fit: cover;
}

.carousel-indicators [data-bs-target] {
  background-color: transparent !important;
  border: 1px solid #2a2a2a77 !important;
  height: 20px !important;
  width: 21px !important;
  margin-right: 12px !important;
  margin-left: 12px !important;
  border-radius: 50%;
}

.carousel-indicators [data-bs-target].active {
  background-color: #b2b0b077 !important;
}

.carousel-control-prev {
  left: -60px !important;
}

.carousel-control-next {
  right: -60px !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 4rem !important;
  height: 4rem !important;
}

/* #back-to-top-drawing {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  color: #555;
  border: 1px solid rgb(109, 109, 109);
  border-radius: 10px;
} */

.backToTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  color: #555;
  border: 1px solid rgb(109, 109, 109)!important;
  border-radius: 10px!important;
}

.backToTopBtn.estore {
  /* display: block; */
}

.litho-cat-fourBtns {
  margin-left: 48px !important;
}

@media (max-width: 768px) {
  .litho-cat-fourBtns {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 27px;
  }
  .litho-cat-fourBtns .col-6 a {
    width: 100% !important;
  }
}

/*lithographie-category.php*/
.containerCategoryLithographie > #reelcontainer {
  overflow: unset;
}

#menuCategoryLithographie {
  z-index: 10;
  background-color: #e9e9e9;
  position: sticky;
  top: 0px;
}

#sandColourLithographie:hover, #greyColourLithographie:hover {
  cursor: default;
}

.lithoSelect {
  text-decoration: underline!important;
  text-underline-offset: 5px;
}

.lithoPreSelect:hover {
  font-weight: bold;
  text-decoration: underline!important;
  text-underline-offset: 5px;
}

/* manifesto/manifesto.php */
#manifesto_designer {
  margin: 0 50px;
}

.manifesto2_designer {
  margin: 0 60px;
}

@media (max-width: 768px) {
  #manifesto_designer #love-craft {
    width: 100%;
  }
  #manifesto_designer #love-craft {
    margin-right: 0 !important;
  }

  #manifesto_designer .manifesto_imgContainer {
    width: 100%;
  }

  #manifesto_designer .manifesto_imgContainer {
    margin-left: 0 !important;
  }

  #manifesto_designer .manifesto_imgContainer img {
    height: 856px !important;
    object-fit: contain;
  }

  .designer_left_image,
  .designer_right_image {
    width: 90% !important;
    height: unset !important;
  }
}

#manifesto_designer img {
  height: 500px;
  object-fit: cover;
}

#manifesto_designer #love-craft {
  margin-right: 75px;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 768px) {
  #manifesto_designer,
  .manifesto2_designer {
    margin: unset;
  }
}

.dark-yellow {
  color: #cbbf5d;
}

/*Menu manifesto*/
#reelcontainer > .text-block > .menuManifesto {
  background-color: white;
}

/* =========== custom scroll bar =============== */
/* width */
#dropdownLitho-container::-webkit-scrollbar,
#modal-dropdown-content::-webkit-scrollbar,
#sliding-btn-content::-webkit-scrollbar,
#sliding-btn-contentDrawing::-webkit-scrollbar{
  width: 13px;
}

/* Track */
#dropdownLitho-container::-webkit-scrollbar-track,
#modal-dropdown-content::-webkit-scrollbar-track,
#sliding-btn-content::-webkit-scrollbar-track,
#sliding-btn-contentDrawing::-webkit-scrollbar-track {
  border: 1px solid #b9a18d;
}

/* Handle */
#dropdownLitho-container::-webkit-scrollbar-thumb,
#modal-dropdown-content::-webkit-scrollbar-thumb,
#sliding-btn-content::-webkit-scrollbar-thumb,
#sliding-btn-contentDrawing::-webkit-scrollbar-thumb {
  background: #b9a18d;
}

/* Handle on hover */
#dropdownLitho-container::-webkit-scrollbar-thumb:hover,
#modal-dropdown-content::-webkit-scrollbar-thumb:hover,
#sliding-btn-content::-webkit-scrollbar-thumb:hover,
#sliding-btn-contentDrawing::-webkit-scrollbar-thumb:hover {
  background: #b9a18d;
}

/* body scroll bar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  border: 1px solid #d0d0d0;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d0d0d0;
}
/* =========== end of custom scroll bar =============== */

/* text slide animation in dropdown */
.text-slide_container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.sliding-text {
  display: inline-block;
  animation: slide 20s infinite;
  animation-timing-function: linear;
  letter-spacing: 1px;
  color : #CBBF5D
}

@keyframes slide {
  0% {
    transform: translateX(50%);
  }

  50% {
    transform: translateX(-40%);
  }

  75% {
    transform: translateX(-75%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* ======================= page design-studio.php ======================= */
.studio-container .studio-text-container {
  height: 300px;
  display: grid;
  place-items: center;
  background-color: #b9a18d;
  cursor: pointer;
}

@media (max-width: 768px) {
  .studio-container .studio-text-container {
    height: 580px;
  }
}

.studio-container .studio-text-container:hover {
  background-color: #c6b59e;
}

#genese-text-bloc {
  padding: 0 59px;
  width: 45%;
}

@media (max-width: 768px) {
  #genese-text-bloc {
    padding: 0 !important;
    margin-right: 55px;
    margin-left: 55px;
    width: unset;
  }
}

@media (min-width: 768px) {
  .yellowpaint video {
    /* width: 100%; */
    height: 510px;
  }
  .yellowpaint {
    height: fit-content;
  }
}

@media (max-width: 768px) {
  .yellowpaint video {
    height: 720px;
  }
  #genese3_slider {
    margin-bottom: 50px;
    margin-left: 38px;
  }
}

#genese3_slider .carousel-inner {
  display: flex;
  justify-content: space-around;
}

@media (max-width: 768px) {
  #d3-estore {
    width: 470px;
  }
}

/* D11 - e-store */
.d11-div-estore {
  margin-left: 20px;
}

/* D12 model */
.containerD12AB {
  overflow: unset!important;
  height: auto!important;
}

.containerD12AB > #reelcontainer {
  overflow: unset!important;
  height: auto!important;
}

.containerD12AB > #reelcontainer > .text-center {
  overflow: unset!important;
  height: auto!important;
  display: initial;
}

#reelcontainer > .text-center > #menuD12 {
  z-index: 20;
  background-color: #e9e9e9;
  position: sticky!important;
  top: 0px;
}

.activeD12 .underline-div {
  width: 100%;
  height: 2px;
  display: block;
  position: relative;
  top: 10px;
  background: #b9a18d;
}


/*.manif-active .underline-div {
  position: relative;
  display: block;
  top: 40%;
  left: -9%;
  background: #b9a18d;
  height: 1.3px;
  width: 118%;
  cursor: auto;
}*/

/***Slidder Boîte Litohgraphies 02 & Boîte D7***/
.image-position1 {
  margin: 16px;
}

.image-position2 {
  margin: 16px;
}

.image-seule {
  margin: 16px;
}

.sliderMulti > .carousel-item.active, .sliderMulti > .carousel-item-next, .sliderMulti > .carousel-item-prev {
  display: flex;
  justify-content: center;
}

.sliderMultiContenu > #carouselLitho2, .sliderMultiContenu > #carouselD7,
.sliderMultiContenu > #carouselDrawing02, #slider1Exhib, #slider2Exhib,
.sliderMultiContenu > #carouselSerie01Yellow, .sliderMultiContenu > #carouselSerie01Blue,
.sliderMultiContenu > #carouselD15, .sliderMultiContenu > #carouselD15-2 {
  background-color: #FFF;
}

#carouselLitho2 > .lithographies02Control, #carouselD7 > .lithographies02Control, #carouselD15 > .lithographies02Control, 
#carouselDrawing02 > .lithographies02Control, #carouselSerie01Yellow > .lithographies02Control, #carouselSerie01Blue > .lithographies02Control {
  position: absolute;
  top: calc(100% - 40px);
  bottom: 0;
  z-index: 10;
  align-items: flex-end; 
  width: calc(50% - 40px);
  background: none;
}

#carouselD15-2 > .lithographies02Control {
  position: absolute;
  top: calc(100% - 40px);
  bottom: 0;
  z-index: 10;
  align-items: flex-end; 
  width: 50%;
  background: none;
}

#slider1Exhib > .exhibDoubleControl, 
#slider2Exhib > .exhibDoubleControl {
  position: absolute;
  top: calc(100% - 205px);
  bottom: 0;
  z-index: 10;
  width: calc(50% - 65px);
  background: none;
  height: 10%;
}

@media (min-width:768px) {
  #slider1Exhib > .exhibDoubleControl, 
  #slider2Exhib > .exhibDoubleControl {
    top: calc(100% - 165px);
  }
}

@media (min-width:1440px) {
  #slider1Exhib > .exhibDoubleControl, 
  #slider2Exhib > .exhibDoubleControl {
    top: calc(100% - 172px);
  }
}

@media (min-width:1920px) {
  #slider1Exhib > .exhibDoubleControl, 
  #slider2Exhib > .exhibDoubleControl {
    top: calc(100% - 145px);
  }
}

#carouselD15-2 .lithographies02Control > .carousel-control-prev-icon, #carouselD15-2 .lithographies02Control > .carousel-control-next-icon, #carouselD15 .lithographies02Control > .carousel-control-prev-icon, #carouselD15 .lithographies02Control > .carousel-control-next-icon, #carouselLitho2 .lithographies02Control > .carousel-control-prev-icon, #carouselLitho2 .lithographies02Control > .carousel-control-next-icon, #carouselD7 .lithographies02Control > .carousel-control-prev-icon, #carouselD7 .lithographies02Control > .carousel-control-next-icon,
#carouselDrawing02 .lithographies02Control > .carousel-control-prev-icon, #carouselDrawing02 .lithographies02Control > .carousel-control-next-icon,
.exhibDouble .exhibDoubleControl > .carousel-control-prev-icon, .exhibDouble .exhibDoubleControl > .carousel-control-next-icon, #carouselSerie01Yellow .lithographies02Control > .carousel-control-prev-icon,
#carouselSerie01Yellow .lithographies02Control > .carousel-control-next-icon, #carouselSerie01Blue .lithographies02Control > .carousel-control-prev-icon, #carouselSerie01Blue .lithographies02Control > .carousel-control-next-icon,
#sliderDrawings02 .sliderDrawings02Control > .carousel-control-prev-icon, #sliderDrawings02 .sliderDrawings02Control > .carousel-control-next-icon {
  background-image: url(../img/logo_icons/arrow_bold.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#carouselD15-2 > .carousel-control-prev, #carouselD15 > .carousel-control-prev, #carouselLitho2 > .carousel-control-prev, #carouselD7 > .carousel-control-prev,
#carouselDrawing02 > .carousel-control-prev, .exhibDouble > .carousel-control-prev,
#carouselSerie01Yellow > .carousel-control-prev, #carouselSerie01Blue > .carousel-control-prev,
#sliderDrawings02 > .carousel-control-prev {
  justify-content: flex-end;
}

#carouselD15-2 .lithographies02Control > .carousel-control-prev-icon, #carouselD15 .lithographies02Control > .carousel-control-prev-icon, #carouselLitho2 .lithographies02Control > .carousel-control-prev-icon, #carouselD7 .lithographies02Control > .carousel-control-prev-icon,
#carouselDrawing02 .lithographies02Control > .carousel-control-prev-icon, .exhibDouble .exhibDoubleControl > .carousel-control-prev-icon,
#carouselSerie01Yellow .lithographies02Control > .carousel-control-prev-icon, #carouselSerie01Blue .lithographies02Control > .carousel-control-prev-icon,
#sliderDrawings02 .sliderDrawings02Control > .carousel-control-prev-icon {
  transform: rotate(-90deg);
}

#carouselD15-2 > .carousel-control-next, #carouselD15 > .carousel-control-next, #carouselLitho2 > .carousel-control-next, #carouselD7 > .carousel-control-next,
#carouselDrawing02 > .carousel-control-next, .exhibDouble > .carousel-control-next,
#carouselSerie01Yellow > .carousel-control-next, #carouselSerie01Blue > .carousel-control-next, #sliderDrawings02 > .carousel-control-next {
  justify-content: flex-start;
}

#carouselD15-2 .lithographies02Control > .carousel-control-next-icon, #carouselD15 .lithographies02Control > .carousel-control-next-icon, #carouselLitho2 .lithographies02Control > .carousel-control-next-icon, #carouselD7 .lithographies02Control > .carousel-control-next-icon,
#carouselDrawing02 .lithographies02Control > .carousel-control-next-icon, .exhibDouble .exhibDoubleControl > .carousel-control-next-icon,
#carouselSerie01Yellow .lithographies02Control > .carousel-control-next-icon, #carouselSerie01Blue .lithographies02Control > .carousel-control-next-icon,
#sliderDrawings02 .sliderDrawings02Control > .carousel-control-next-icon {
  transform: rotate(90deg);
}

#carouselD15-2 .carousel-item .carousel-caption, #carouselD15 .carousel-item .carousel-caption, #carouselLitho2 .carousel-item .carousel-caption, #carouselD7 .carousel-item .carousel-caption,
#carouselDrawing02 .carousel-item .carousel-caption, .exhibDouble .carousel-item .carousel-caption,
#carouselSerie01Yellow .carousel-item .carousel-caption, #carouselSerie01Blue .carousel-item .carousel-caption,
#sliderDrawings02 .carousel-item .carousel-caption {
  position: relative !important;
  bottom: 0;
  right: 0;
  left: 6px;
  padding: 4px 0 4px 0;
  z-index: inherit !important;
  text-shadow: none;
}

#carouselD15 .carousel-item .carousel-caption p, #carouselLitho2 .carousel-item .carousel-caption p, #carouselD7 .carousel-item .carousel-caption p,
#carouselDrawing02 .carousel-item .carousel-caption p, .exhibDouble .carousel-item .carousel-caption p,
#carouselSerie01Yellow .carousel-item .carousel-caption p, #carouselSerie01Blue .carousel-item .carousel-caption p {
  margin: 0;
  padding: 0;
}

#carouselD7 .carousel-inner .carousel-item img, #carouselD7 .carousel-inner .carousel-item video {
  height: 100%;
  object-fit: cover;
}

@media (min-width:1920px) {
  #carouselD7 .carousel-inner .carousel-item img, #carouselD7 .carousel-inner .carousel-item video {
    max-height: 644px;
  }
}

@media (max-width:1919px) {
  #carouselD7 .carousel-inner .carousel-item img, #carouselD7 .carousel-inner .carousel-item video {
    max-height: 518px;
  }
}

@media (max-width:1439px) {
  #carouselD7 .carousel-inner .carousel-item img, #carouselD7 .carousel-inner .carousel-item video {
    max-height: 438px;
  }
}

@media (max-width:1129px) {
  #carouselD7 .carousel-inner .carousel-item img, #carouselD7 .carousel-inner .carousel-item video {
    max-height: 395px;
  }
}

@media screen and (max-width:720px) {
  #carouselD7 .carousel-inner .carousel-item img, #carouselD7 .carousel-inner .carousel-item video {
    max-height: 393px;
  }
}

.textAndButton{
  position: relative;
  bottom: -10px;
}

.textAndButtonToShop{
  position: relative;
  bottom: -10px;
}

#colourchartLink {
  position:relative;
}

#colourchartLinkIcon2 {
  display: none;
}

#colourchartLink:hover #colourchartLinkIcon {
  display: none;
}

#colourchartLink:hover #colourchartLinkIcon2 {
  display: block;
}


@media (max-width:1129px) {
  #colourchartLink {
    /*bottom: 260px;*/
    bottom: 320px;
    right: -47%
  }
}

@media (min-width:1130px) {
  #colourchartLink {
    /*bottom: 285px;*/
    bottom: 320px;
    right: -47.5%
  }
}

@media (min-width:1440px) {
  #colourchartLink {
    /*bottom: 335px;*/
    bottom: 315px;
    right: -48%
  }
}

@media (min-width:1920px) {
  #colourchartLink {
    /*bottom: 410px;*/
    bottom: 310px;
  }
}

#sliderBlocklondon {
  width:550px!important;
  height:550px;
  margin-bottom: 20px;
}

#sliderBlocklondon .carousel-inner .carousel-item  img {
  width:550px!important;
  height:550px;
  object-fit: cover;
}

@media (min-width:768px) {
  #sliderBlocklondon, #sliderBlocklondon .carousel-inner .carousel-item  img {
    width:500px!important;
    height:500px;
  }
}

@media (min-width:1130px) {
  #sliderBlocklondon, #sliderBlocklondon .carousel-inner .carousel-item  img {
    width:550px!important;
    height:550px;
  }
}

@media (min-width:1440px) {
  #sliderBlocklondon, #sliderBlocklondon .carousel-inner .carousel-item  img {
    width:600px!important;
    height:600px;
  }
}

/** Dropdown Lithographie & Drawings (page produit) **/
.lithoContainer > #reelcontainer {
  position : unset;
}

.dropdownLitho {
  border: none;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

#dropdownLitho-container {
  margin-top: 0;
  border: 1px solid burlywood;
  /*width: 17.4%;*/
  /*height: 100%;
  max-height: 50vh;*/
  position: absolute;
  z-index: 20;
  background: white;
  left: 50%;
  right: 50%;
  overflow-y: auto;
  overflow-x: hidden;
}

.dropdownLitho-container {
  transform : translate(-70.2%, -4.5%);
}

.reelcontainerDrawingsPrep .dropdownDrawings-container {
  transform : translate(-135%, -3.2%);
}

.reelcontainerDrawingsS02 .dropdownDrawings-container {
  transform: translate(-113%, -3.2%);
}

.dropdownDrawings-container {
  transform : translate(-91%, -3.2%);
}

.dropdownCate-title {
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;
  background-color: #b9a18d;
  color: white !important;
  padding: 10px 30px;
  font-style: normal;
  font-weight: lighter;
  height: 82px;
  display: flex;
  align-items: center;
}

.underline-category {
  border: 1px solid #b9a18d;
  width: 90%;
}

.cateSeparation {
  height: 1px!important;
  background-color: #b9a18d;
  border: none;
  opacity: 1!important;
}

/*@media(max-width : 720px) {
  .cateSeparation {
    height: 2px!important;
    background-color: #b9a18d;
    border: none;
    opacity: 1!important;
  }
}*/

#modalDropdownLitho-content {
  max-height: 350px;
}

@media(max-width : 719px) {
  #modalDropdownLitho-content {
    max-height: 650px;
  }
}

#modalDropdownLitho-content a h2 {
  line-height:26px!important;
}

#modalDropdownLitho-content a:hover {
  text-decoration: underline!important;
  text-underline-offset: 5px;
}

#modalDropdownLitho-content h3 {
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;
}

.dropdownDrawingCircle{
  margin-left: 25px;
  display: flex;
  justify-content: space-around;
  align-items: end;
}

.drawing02CircleDropdown {
  /*margin: 10px 5px 10px 5px;*/
  width: 30px;
  height: 40px;
  border-radius: 20px;
}

@media(max-width : 719px) {
  .dropdownLitho-container {
    transform : translate(-65.6%, -1.8%);
  }

  .reelcontainerDrawingsPrep .dropdownDrawings-container {
    transform : translate(-90%, -2%);
  }

  .reelcontainerDrawingsS02 .dropdownDrawings-container {
    transform : translate(-90%, -2%);
  }

  .reelcontainerDrawingsPrep #dropdownDrawingNumID .dropdownCate-title, .reelcontainerDrawingsS02 #dropdownDrawingNumID .dropdownCate-title{
    width: 400px!important;
    text-align: center!important;
  }

  .dropdownDrawings-container {
    transform : translate(-80.5%, -2.3%);
  }

  .dropdownCate-title {
    font-size: 50px;
  }

  #dropdownLithoID, #dropdownLithoNumID, #dropdownDrawingNumID {
    width: 100%;
  }

  #dropdownLithoID {
    height: 150px;
    display: flex;
    justify-content: center;
    flex: 3;
  }

  #dropdownLithoNumID {
    flex: 1;
  }

  #dropdownDrawingNumID {
    flex: 2;
  }

  #dropdownLithoNumID > .dropdownCate-title, #dropdownDrawingNumID > .dropdownCate-title {
    display: flex;
    justify-content: center;
    padding: 0;
  }

  #dropdownLithoNumID > .dropdownCate-title, #dropdownDrawingNumID > .dropdownCate-title {
    width: 100%;
    height: 150px;
  }

  #modalDropdownLitho-content a h2 {
    line-height:42px!important;
  }

  .cateSeparation {
    height: 2px!important;
  }

  .dropdownDrawingCircle{
    margin-left: 55px;
  }

  .drawing02CircleDropdown {
    width: 60px;
    height: 70px;
    border-radius: 30px;
  }


  .swiper-slide-e-store {
    padding-bottom: 130px!important;
  }
}

/* Complément slider Drawings 02*/
#sliderDrawings02  > .sliderDrawings02Control {
  position: absolute;
  top: calc(100% - 60px);
  bottom: 0;
  z-index: 10;
  align-items: center; 
  width: 50%;
  background: none;
}

#sliderDrawings02.slide {
  background-color: white;
}

/*Drawings 02-catégory*/
#sous-menu-dS02 .link:hover{
  cursor: pointer;
}

#sous-menu-dS02 .link:hover .underline-div {
  position: relative;
  display: block;
  top: 110%;
  /* left:6%; */
  background: #b9a18d;
  height: 2px;
  width: 100%;
  padding-right: 30px;
  cursor: auto;
}

#sous-menu-dS02-product .selectedProductDS02, #sous-menu-dS02-product p:hover {
  text-decoration: underline!important;
  text-underline-offset: 6px;
  cursor: pointer;
}

.DrawS02Swiper .swiper-button-prev {
  left: 100px!important;
  right: auto!important;
}

.DrawS02Swiper .swiper-button-next {
  right: 100px!important;
  left: auto!important;
}

/* D13 */
@media (min-width:720px) and (max-width:1024px) {
  .nftD13{
    flex: 0 0 auto!important;
    width: 100%!important;
  }

  .d13Container{
    max-width: 100%!important;
  }
}

@media screen and (max-width:1024px) {
  .imageD13Produit {
    width: 100%;
  }
}

@media (min-width:1025px) {
  .imageD13Produit {
    width: 50%!important;
  }
}

/* D14 */
#d15DropdownButton, .symbolDropDownD15 {
  border: none;
  background-color: white;
  color: #808080;
}

#d15DropdownButton:hover, .symbolDropDownD15:hover {
  cursor: pointer;
}

#dropdown-D15-container {
  margin-top: 5px;
  border: 1px solid #808080;
  position: absolute;
  z-index: 10;
  background: white;
  overflow-y: auto;
  overflow-x: hidden;
}

@media screen and (max-width:425px) {
  #dropdown-D15-container {
    left: 36%;
  }
}

@media (min-width:426px) and (max-width:719px) {
  #dropdown-D15-container {
    left: 35.6%;
  }
}

@media (min-width:720px) and (max-width:1129px) {
  #dropdown-D15-container {
    left: 39%;
  }
}

@media (min-width:1130px) and (max-width:1439px) {
  #dropdown-D15-container {
    left: 40%;
  }
}

@media (min-width:1440px) and (max-width:1919px) {
  #dropdown-D15-container {
    left: 41.5%;
  }
}

@media (min-width:1920px) {
  #dropdown-D15-container {
    left: 43.1%;
  }
}

.dropdownSelection, .dropdownSelection a {
  color: #808080!important;
  width: fit-content;
}

.dropdownSelection:hover {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media screen and (max-width: 414px){
  

  #d2a_png,#d2a_zoom_png,#d2a_numero_png,#d2b_png,#d2b_face_png,#d2b_side_png{
    width:150%;
  }


}

@media screen  and (max-width: 915px){
 /* #cao-dao-video,#heatOfLazer,#d10-vk,#numbered-video{
    width: 90%;
  }*/

  .manif3-left{
    width: 800px!important;
  }
  .manif3-image{
    width: 800px !important;
    
  }
  #slide{
    margin-left: 3em;
  }
}


/*** Modification e-store le 25/09/24 ***/
.hiddenBox {
  display: none!important;
}

.mb-17 {
  margin-bottom: 17px!important;
}

.mb-10 {
  margin-bottom: 10px!important;
}

.unfoldArrowContainer {
  margin-bottom: 15px;
}

.unfoldArrowWrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.arrowStack {
  position: relative;
  height: 36px;
}

/* Empilage */
.arrowStack .unfoldArrow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 19px;
  margin: auto;
  margin-bottom: 13px;
  transition: opacity 0.3s ease, transform 0.5s ease;
}

.unfoldArrow:hover {
  cursor: pointer;
}

/* Visibilité */
.arrowStack .thin {
  opacity: 1;
  z-index: 1;
}

.arrowStack .bold {
  opacity: 0;
  z-index: 2;
}

/* Hover sur le texte = inversion des flèches */
.viewMoreDetailsText:hover + .arrowStack .thin {
  opacity: 0;
}

.viewMoreDetailsText:hover + .arrowStack .bold {
  opacity: 1;
}

/* Rotation uniquement sur la flèche visible */
.unfoldArrow.boxUp {
  transform: translateX(-50%) rotate(180deg);
}




.unfoldArrowTest {
  transition: rotate 0.5s;
  font-size: 58px;
  rotate: 315deg;
  color: #b9a18d;
  font-weight: 100;
  display: inline-block;
  cursor: pointer;
  position: relative;
  left: -7px;
}

.boxUpTest {
  /* rotate: -90deg; */
  rotate: 135deg;
}

.viewMoreDetailsText {
  font-size: 16px!important;
  color: #b9a18d!important;
  padding-top: 0!important;
  position: relative;
  bottom: 5px;
  cursor: pointer;
}

/* .viewMoreDetailsText:hover {
  font-weight: 600;
} */

@media (max-width:720px) {
  .viewMoreDetailsText {
    font-size: 19px!important;
  }
}

.toBuyText {
  font-size: 25px!important;
  color: #b9a18d!important;
  padding-top: 0!important;
  transition: transform 0.1s;
}

.toBuyText:hover {
  transform: scale(1.03);
}

/*** Modifications d12.php le 26/09/24 ***/
.openModalBtn {
  width: 45px;
  height: 45px;
}

.openModalBtn:hover {
  cursor: zoom-in;
}

/*** Modification e-store le 02/10/24 - Sort + favoris ***/
.underline {
  text-decoration: underline!important;
  text-underline-offset: 5px!important;
  transition: all 0.25s ease-in-out;
}

.btnSort {
  user-select: none;
  transition: all 0.25s ease-in-out;
}

/* .btnSort.underline {
  color: #b9a18d!important;
  font-weight: 900!important;
} */

.btnSort.underline, .btnSort.selected {
  color: #b9a18d!important;
  font-weight: 400!important;
  font-family: 'Source Sans Pro Medium'!important;
}

.menuBtn.d15 {
  width: auto!important;
  border: 1px solid!important;
}

.menuBtn .btnSort {
  width: 100px;
  text-align: center;
}

.menuBtn .d15Sort {
  width: fit-content;
}

.menuBtn .btnSort:hover {
  cursor: pointer;
  font-weight: 400!important;
  font-family: 'Source Sans Pro Medium'!important;
}

.menuBtn2 .btnSort:hover {
  cursor: pointer;
  color: #c6b59e;
  text-decoration: underline;
  text-underline-offset: 7px;
}

.case-pointer {
  position: relative;
}

.iconContainer {
  align-items: center;
  position: absolute;
  right: 0;
  height: 100%;
  margin-right: 10px;
  z-index: 1;
  display: flex;
}

/*** Modification e-store le 03/10/24 - class spéciale bouton sort ***/
#sortingDesktop {
  display: flex;
}

#sortingMobile {
  display: none;
}

.menuBtn {
  width: 550px;
  border: 2px solid #b9a18d;
  padding: 0 20px;
  margin: 0 1rem;
  height: 50px;
  color: #b9a18d;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 100;
  user-select: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* .menuBtn p, .menuBtn2 p, .submenuBtn2 p a {
 font-weight:700;
} */

.menuBtn p, .menuBtn2 p, .submenuBtn2 p a {
  font-weight:300;
}

/* .menuBtn p:hover, .menuBtn2 p:hover, .submenuBtn2 p a:hover {
  color: #b9a18d!important;
  font-weight: 400;
} */

/* .menuBtn .btnSort.underline {
  text-underline-offset: 6px!important;
} */

.menuBtn2 .btnSort.underline {
  text-underline-offset: 7px!important;
}

.submenuBtn {
  border: 2px solid #b9a18d;
  padding: 0 20px;
  margin: 0 1rem;
  color: #b9a18d;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 100;
  user-select: none; 
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

.menuBtn2 {
  border: 1px solid #b9a18d;
  padding: 0.5rem 1rem;
  margin: 0 5px;
  height: 50px;
  color: #b9a18d;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 100;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.submenuBtn2 {
  border: 2px solid #b9a18d;
  padding: 1rem 1.5rem;
  margin: 0 8px;
  color: #b9a18d;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  font-weight: 100;
  user-select: none; 
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

#spotlight {
  width: 115px;
}

.submenuLink:hover p a, .spotlightP:hover, #newest:hover, #chronogically:hover {
  color: #b9a18d!important;
  font-weight: 400!important;
} 



@media (max-width: 551px) {
  #sortingDesktop {
    display: none;
  }

  #sortingMobile {
    display: flex;
  }

  .sortinMobileIcon {
    width: 27px!important;
    height: 27px!important;
  }
}

/* Test visit 3D sur page produit */
.visit3DProduct {
  color: #b9a18d;
  cursor: pointer;
  height: fit-content;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  user-select: none;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: all 0.25s ease-in-out;
  position: relative;
}

.visit3DProduct .hook {
  font-size: 65px;
  position: relative;
  top: -6px;
  transition: all 0.5s ease-in-out;
  font-weight: 300;
}

.visit3DProduct .leftHook {
  margin-right: 12px;
}

.visit3DProduct .rightHook {
  margin-left: 12px;
}

.visit3DProduct:hover .hook {
  font-size: 60px;
  top: -7px;
}

.visit3DProduct:hover .leftHook {
  margin-right: 17px;
}

.visit3DProduct:hover .rightHook {
  margin-left: 17px;
}

/* Test show me the newest e-store */
#btnToStickContainer {
  z-index: 100;
  /* padding-top: 3rem;
  padding-bottom: calc(3rem + 25px); */
  background: #E9E9E9;
  position: sticky;
  top: 0;
}

#btnToStickContainer.shrink {
  padding: 0;
  height: 80px!important;
}

@media screen and (max-width: 768px) {
  #btnToStickContainer.shrink {
    padding: 0;
    height: auto!important;
  }
}

#btnToStickContainer.shrink .sortingBottomBtn {
  transform: scale(0.80);
}

.sortingBottomBtn, .exhibBtnEstore {
  color: #b9a18d;
  cursor: pointer;
  height: fit-content;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  user-select: none;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: all 0.25s ease-in-out;
  position: relative;
}

.sortingBottomBtn p, .exhibBtnEstore p {
  margin: 0;
  font-size: 27px;
  margin-right: 5px;
}

.sortingBottomBtn p i, .exhibBtnEstore p i {
  font-size: 35px;
  margin-right: 5px;
}

.sortingBottomBtn p span {
  font-size: 33px;
}

.sortingBottomBtn:hover  .betweenHook, .exhibBtnEstore:hover .betweenHook {
  font-size: 27px;
}

.sortingBottomBtn .hook {
  font-size: 55px;
  position: relative;
  top: -6px;
  transition: all 0.5s ease-in-out;
}

.sortingBottomBtn .leftHook {
  margin-right: 12px;
}

.sortingBottomBtn .rightHook {
  margin-left: 12px;
}

.sortingBottomBtn:hover .hook {
  font-size: 60px;
  top: -7px;
}

.sortingBottomBtn:hover .leftHook {
  margin-right: 17px;
}

.sortingBottomBtn:hover .rightHook {
  margin-left: 17px;
}

.sortingBtnPlus {
  margin-left: 10px;
  font-size: 53px;
  position: relative;
  top: -5px;
}

.betweenHookAnimation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 3px;
  position: relative;
  top: 6px;
}

.animationDot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  background-color: #b9a18d;
  border-radius: 50%;
  animation: grow 1.2s infinite ease-in-out;
}

.animationDot:nth-child(1) {
  animation-delay: 0s;
}

.animationDot:nth-child(2) {
  animation-delay: 0.3s;
}

.animationDot:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes grow {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}


.sortingBottomBtn.bouton2 .betweenHook {
  font-weight:300;
  font-size: 25px;
}

.sortingBottomBtn.bouton2:hover  .betweenHook {
  font-weight:400;
}

.sortingBottomBtn.bouton2  .hook {
  font-size: 58px;
}

@media (max-width: 551px) {
  .sortingBottomBtn p {
    font-size: 38px;
  }

  .sortingBottomBtn p span {
    font-size: 46px;
  }

  .sortingBottomBtn .hook {
    font-size: 75px;
  }

  .sortingBottomBtn:hover .leftHook {
    margin-right: 11px;
  }
  
  .sortingBottomBtn:hover .rightHook {
    margin-left: 11px;
  }
  
  .animationDot {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }

  .sortingBtnPlus {
    font-size: 57px;
  }

  .sortingBottomBtn:hover .hook {
    font-size: 80px;
    top: -7px;
  }
}

/* Fin test show me the newest e-store */


/*** Modification e-store le 03/10/24 - favoris ***/
.bi-bookmark:hover {
  cursor: pointer;
}

#favContainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 25px;
  margin: 0 35px;
  place-items: center;
}

#favContainer h1, .favCard {
  height: 100%;
  max-height: 370px;
  margin-bottom: 50px;
}

@media screen and (max-width:720px) {
  #favContainer h1, .favCard {
  height: 100%;
  max-height: 500;
  margin-bottom: 65px;
  }
}

#favContainer .favCard .favImgContainer {
  background-color: #b9a18d;
  padding: 5px;
  width: 100%;
  height: 100%;
}

#favContainer .favCard .favImgContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#favContainer .favCard .favImgContainer img:hover, 
#favContainer .favCard .favTitleAndFavIcon p:hover  {
  cursor: pointer;
}

#favContainer .favCard .favTitleAndFavIcon {
  border: 2px solid #b9a18d;
  border-top: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.favTitleAndFavIcon .iconContainer {
  position: absolute;
  margin: 0;
  right: 10px;
}

/* Style de base */
/* #favContainer .favCard .favTitleAndFavIcon {
  border: 2px solid #b9a18d;
  border-top: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.favTitleAndFavIcon .iconContainer {
  position: unset!important;
} */

#nothingToShowContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#nothingToShow {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;

  min-height: calc(100vh - 317.98px - 16rem);
}

@media (max-width: 768px) {
  #favContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*** Modifications Série D15 le 04/10/24 ***/
.clickablePlus {
  font-weight: bold;
  user-select: none;
}

.clickablePlus:hover {
  cursor: pointer;
}

.sliderTest {
  border: 2px solid grey;
  width: 70%;
  height: 150px;
}

.colourPoint {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
}

.colour_test {
  background-color: grey;
}

.test_border {
  border-color: grey;
}

.d15text {
  color: grey;
}

.separator {
  width: 90%;
  display: block;
  border-top: 1px solid #b9a18d;
}

.unavailableProduct {
  border: 2px solid;
}

/* Modification page prod D12 le 14/10 */
.priceBtn {
  border: 1px solid #c3c3c3;
  padding: 0 20px;
  margin: 0 1rem;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  font-weight: 100;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

.priceBtn p {
  color: #808080;
}

/* Modification e-store / bouton +/- litho 01 */
.btnMinusPlusEstore {
  border: 1px solid grey;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #555;
  padding-bottom: 7px;
  background-color: #fff;
}

.btnMinusPlusEstore-active {
  width: 30px;
  height: 30px;
  background-color: #e9e9e9;
}

@media (max-width: 721px) {
  .btnMinusPlusEstore {
    width: 40px;
    height: 40px;
    padding-bottom: 9px;
  }

  .btnMinusPlusEstore-active {
    width: 35px;
    height: 35px;
  }
}

/* TEST PULSASION + */

.iconPulse-container {
  position: relative;
  width: 100px;
  height: 100px;
}

.deplieBtn {
  width: 30px;
  height: 30px;
  user-select: none;
}

.iconPulse, .deplieBtn-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background-color: #b9a18d;
  color: #e9e9e9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding-bottom: 4px;
}

.deplieBtn-icon {
  background-color: white;
  /* border: 1.5px solid #b9a18d; */
  color: #b9a18d;
}

.iconPulse::before {
  content: "+";
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1px;
}

.iconPulse-container::before, .deplieBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.deplieBtn::before {
  width: 55px;
  height: 55px;
  background-color: rgba(153, 153, 153, 0.4);
}

.iconPulse-container::before {
  width: 50px;
  height: 50px;
  animation: pulse 1.5s infinite;
  background-color: rgba(185, 161, 141, 0.4);
}

@keyframes pulse {
  0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
  }
  100% {
      transform: translate(-50%, -50%) scale(1.5);
      opacity: 0;
  }
}

/* TEST BOUTON NEON + */
.border-test {
  position: absolute;
  display: block;
}

.border-test:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg,transparent,#b9a18d);
  animation: animate1 2s linear infinite;
}

.border-test:nth-child(2) {
  top: -100%; right: 0;
  width: 2px; height: 100%;
  background: linear-gradient(180deg,transparent,#b9a18d);
  animation: animate2 2s linear infinite;
  animation-delay: 0.50s;
}

.border-test:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg,transparent,#b9a18d);
  animation: animate3 2s linear infinite;
  animation-delay: 1s;
}

.border-test:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg,transparent,#b9a18d);
  animation: animate4 2s linear infinite;
  animation-delay: 1.5s;
}

@keyframes animate1{
  0%{
      left: -100%;
  }
  50%,100%{
      left: 100%;
  }
}

@keyframes animate2{
  0%{ top: -100%; }
  50%,100%{ top: 100%; }
}

@keyframes animate3{
  0%{
      right: -100%;
  }
  50%,100%{
      right: 100%;
  }
}

@keyframes animate4{
  0%{
      bottom: -100%;
  }
  50%,100%{
      bottom: 100%;
  }
}

/* TEST */
.d15-active .underline-div {
  position: relative;
  display: block;
  top: 10%;
  left: 0;
  background-color: rgb(161, 161, 161);
  height: 2px;
  width: 100%;
}

/* Zoom */
.zoomPlus, .zoomMoins {
  color: #555;
  border: 1px solid #b9a18d;
  width: fit-content!important;
  height: 45px;
  user-select: none;
  cursor: pointer;
}

.zoomPlus div {
  margin-left: 15px;
}

.zoomMoins div {
  margin-right: 15px;
}

.zoomPlus div, .zoomMoins div {
  width: 30px;
  height: 30px;
  border: 1px solid #b9a18d;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zoomPlus span, .zoomMoins span {
  /* margin-left: 25px; */
  top: -3px;
  color: #b9a18d!important;
  font-weight: 700;
}

.zoomHide {
  display: none!important;
}

.zoomShow {
  display: flex!important;
}

/* Slide Menu Drawing Prep */
.slidingBtnContainer {
  position: relative;
  z-index: 10;
}

.menuSliderBtns {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  border: none;
  font-size: 58px;
  color: #b9a18d;
  font-weight: 100;
  background-color: transparent;
}

.sliderBtnMinus {
  /* left: 278px; */
  left: 225px;
  top: -32px;
  transform: rotate(45deg);
}

.sliderBtnPlus {
  /* right: 75px; */
  right: 225px;
  top: -18px;
  transform: rotate(-134deg);
}

.slidingBtnContent {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  margin: auto;
  /* width: 319px; */
  /* width: 400px; */
  width: fit-content; 
}

@media screen and (max-width: 720px) {
  .slidingBtnContent {
    width: 450px;
  }

  .menuSliderBtns {
    font-size: 105px;
  }

  .sliderBtnMinus {
    left: 191px;
    top: -60px;
  }
  
  .sliderBtnPlus {
    right: 204px;
    top: -33px;
  } 
}

@media (min-width: 721px) and (max-width: 759px) {
  .sliderBtnMinus {
    left: 102px;
    top: -32px;
  }
  
  .sliderBtnPlus {
    right: 86px;
    top: -18px;
  }
}

@media (min-width: 760px) and (max-width: 1129px) {
  .sliderBtnMinus {
    left: 187px;
    top: -32px;
  }
  
  .sliderBtnPlus {
    right: 170px;
    top: -18px;
  }
}

@media (max-width: 1920px) and (min-width: 1440px) {
  .sliderBtnMinus {
    left: 333px;
    top: -32px;
  }
  
  .sliderBtnPlus {
    right: 317px;
    top: -18px;
  }
}

.deplieDraw {
  height: 25px;
  cursor: pointer;
  transition: rotate 0.5s;
}

.descriptionDeplie img {
  object-fit: cover;
  width: 80%;
}

.view3D {
  transition: transform 0.1s;
  cursor: pointer;
  position: relative;
}

.view3D:hover, .view3D12:hover {
  transform: scale(1.1);
}

.view3D svg {
  width: 45px;
  height: 45px;
}

.view3D p {
  position: absolute;
  left: 100%;
}

.d15SubmenuSeparator {
  width: 100%;
  max-width: 2px;
  height: 62px;
  background-color: #b9a18d;
  margin: 0 10px;
}

.subMenuD15Estore {
  width: 75%!important;
}

@media (min-width: 1130px) and (max-width:1439px) {
  .subMenuD15Estore {
    width: 80%!important;
  }
}

@media screen and (max-width:1129px) {
  .subMenuD15Estore {
    width: 100%!important;
  }
}

/* Popup */
.overlayRadarPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.exhibweb3.popupContainer {
  width: 100%;
  height: 100%;
}

.popupContainer {
  background-color: white;
  width: fit-content;
  padding: 50px;
  position: relative;
}

.d12.overlayRadarPopup .popupContainer, .d15.overlayRadarPopup .popupContainer, .toVisitOpenModal {
  width: 80%;
}

.popupCloseBtnContainer {
  position: absolute;
  top: -3px;
  right: 18px;
  cursor: pointer;
}

.popupCloseBtnContainer span {
  color: #b9a18d;
}

.popupImgContainer {
  max-width: 500px;
  width: 100%;
  margin-bottom: 15px;
}

.buttond12m.overlayRadarPopup .popupContainer .popupImgContainer {
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.buttond4.overlayRadarPopup .popupContainer .popupImgContainer {
  max-width: 800px;
  display: flex;
  justify-content: space-between;
}

.buttond4.overlayRadarPopup .popupContainer .popupImgContainer img {
  width: 47%;
}

.buttondrawing01.overlayRadarPopup .popupContainer .popupImgContainer {
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
}

.d12.overlayRadarPopup .popupContainer .popupImgContainer, .d15.overlayRadarPopup .popupContainer .popupImgContainer, .toVisitOpenModalImg {
  width: 100%;
  max-width: unset;
}

.exhibweb3.popupContainer .popupImgContainer {
  width: 100%;
  height: 100%;
  display: flex;
  max-width: unset;
}

.popupTextContainer .bookmarkButton {
  position: absolute;
  right: 100px;
  bottom: 62px;
}

.overflowBody {
  overflow: hidden;
}

.whatsappIcon {
  transition: all 0.3s ease-in-out;
  transform: scale(1.2);
}

@media screen and (max-width: 768px) {
  .whatsappIcon.framing {
    transform: none;
  }

  .whatsappIcon.framing svg {
    width: 50px!important;
    height: 50px!important;
  }
}

.whatsappLink:hover .whatsappIcon {
  transform: scale(1.2);
}

/* D15 */
#sortingMenu {
  position: sticky;
  top: 0;
  background-color: white;
}

.submenuD15Cate {
  /* position: sticky; */
  top: 0;
  z-index: 99;
  padding: 15px 0;
}

.submenuD15CateContainer {
  border: 1px solid #b9a18d;
  width: fit-content;
  
}

.submenuD15Cate a:hover, .submenuD15Cate .submenuActive, .submenuByColour a:hover, .submenuByColour .submenuActive, .submenuActive {
  text-decoration: underline!important;
  text-underline-offset: 10px;
}

.submenuD15CateContainer p:first-of-type {
  border-right: 1px solid #b9a18d;
  padding: 10px 15px;
  height: 100%;
}

.submenuTitle {
  font-weight: 500!important;
  height: 100%;
}

.submenu {
  cursor : pointer;
}

.submenuTitle:last-child {
  border: none;
}

.submenuTitle {
  font-family: 'Source Sans Pro';
  font-weight: 600;
}

.submenuD15CateContainer p {
  font-family: "Source Sans Pro Medium";
  
}

.d15submenubtn:hover {
  text-decoration: underline!important;
  text-underline-offset: 6px;
}

.d15submenubtn svg {
  width: 25px;
  height: 25px;
}

@media all and (max-width: 720px) {
  .d15submenubtn svg {
    width: 30px;
    height: 30px;
  }
}



.submenuUnactive {
  text-decoration: none;
}

.toggle-btn-description {
  justify-content: center;
}

.estore-toggle-description {
  width: 100%;
}

@media all and (min-width: 720px) {
  .estore-toggle-description {
    width: 75%!important;
  }
}




.zoom-container {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.image-wrapper {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 33%;
}

.zoom-image-test {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

.slider-container {
  width: 50%;
  margin: auto;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 80%;
  height: 8px;
  background: #ddd;
  border-radius: 5px;
  outline: none;
  opacity: 0.9;
  transition: opacity .15s ease-in-out;
  /* margin : 0 20px; */
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #b9a18d;
  border-radius: 50%;
  cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #b9a18d;
  border-radius: 50%;
  cursor: pointer;
}

/* loader page contact */
.loader {
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 2.5s infinite linear alternate;
  position: absolute;
}

@keyframes l5 {
    0%  {box-shadow: 10px 0 #b9a18d, -10px 0 #b9a18d33; background: #b9a18d }
    33% {box-shadow: 10px 0 #b9a18d, -10px 0 #b9a18d33; background: #b9a18d33}
    66% {box-shadow: 10px 0 #b9a18d33,-10px 0 #b9a18d; background: #b9a18d33}
    100%{box-shadow: 10px 0 #b9a18d33,-10px 0 #b9a18d; background: #b9a18d }
}

.pointInterrContact {
  color: #C6B59E;
}

.pointContact {
  display: flex;
}

.pointContact div {
  background-color: #C6B59E;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 3px;
}

.pointContact div:last-child {
  margin-right: 0;
}

#contact span {
  top: -10px;
}

#contact aside {
  top: -9px;
}

@media screen and (max-width: 720px) {
    #contact span {
        top: -30px;
    }
  
    #contact aside {
        top: -36px;
    }
}

.bulleImg {
    width: 45px;
    height: 45px;
}

.text-contact, .text-contact2, .text-contact3 {
  top: -6px;
  left: 2px;
}

@media screen and (max-width: 720px) {
    .bulleImg {
        width: 60px;
        height: 60px;
    }

    .text-contact, .text-contact2, .text-contact3 {
        top: -20px;
        left: 2px;
    }
}

.slide-contact-wrapper {
  display: inline-block;
  width: 127px; 
  overflow: hidden;
  position: relative;
}

.slide-contact-texts {
  display: flex;
  animation: slideHorizontal 6s infinite;
  width: 160px; 
}

.slide-contact-texts span {
  width: 127px;
  flex-shrink: 0;
  text-align: center;
}

@keyframes slideHorizontal {
  0%   { transform: translateX(0); }
  45%  { transform: translateX(0); }
  55%  { transform: translateX(-127px); }
  95%  { transform: translateX(-127px); }
  100% { transform: translateX(0); }
}


.slide-horizontal-wrapper {
  width: 150px;
  overflow: hidden;
  position: relative;
}

.slide-horizontal-texts {
  display: flex;
  flex-direction: row-reverse; /* 🔁 On inverse l'ordre visuel */
  transition: transform 0.6s ease-in-out;
  position: relative;
  top : -7px;
}

.slide-horizontal-texts span {
  width: 150px;
  flex-shrink: 0;
  text-align: center;
}

.zoomD3 {
  display: none;
}

.zoomD3Container:hover .dezoomD3 {
  display: none;
}

.zoomD3Container:hover .zoomD3 {
  display: block;
}

/* Page produit, explaination */
.explanation-title {
  padding: 0 1rem;
  margin: 0;
  font-size: 28px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  color: rgb(149, 149, 149);
}

.explanation-subtitle {
  padding: 0 1rem;
  margin: 0;
  font-size: 22px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  color: rgb(149, 149, 149);
  width: 75%;
}

.explanation-description {
  padding: 0 1rem;
  margin: 0;
  font-size: 18px;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif;
  text-align: center;
  color: #6f6f6f;
}

@media (max-width: 768px) {
  .explanation-title {
    font-size: 44px;
  }

  .explanation-subtitle {
    font-size: 37px;
    width: 100%;
  }

  .explanation-description {
    font-size: 32px;
  }
}

.BtnPlusLOC {
    height: 30px;
    cursor: pointer;
    margin-left: 5px;
}

@media screen and (max-width:720px) {
    .BtnPlusLOC {
        height: 55px;
    }
}

.bloc-title {
  text-align: center;
  margin: 3rem 0;
  font-size: 28px!important;
  color: #b9a18d;
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;
}

.bloc-subtitle {
  text-align: center;
  margin: -14px 3rem 0;
  font-size: 23px!important;
  font-weight: 300!important;
  color: #999;
  font-family: 'orator-std', 'Courier New', 'Courier', monospace !important;

}

.bloc-text {
  text-align: center;
  font-weight: 400!important;
  font-size: 19px!important;
  color: #474747;
  font-family: 'Source Sans Pro', 'Source Sans', Arial, sans-serif !important;
  margin: 1.5rem auto 0;
}

@media (max-width: 768px) {
    .bloc-title {
        font-size: 43px!important;
    }

    .bloc-subtitle {
        font-size: 41px!important;
    }

    .bloc-text {
        font-size: 37px!important;
    }
}

/* +/- manifesto */
.btnPlusManifesto {
  cursor: pointer;
  color: #555!important;
  font-weight: bold;
  user-select: none;
  font-size: 26px!important;
}