@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Open+Sans:wght@300;400;700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: var(--accent1,#120833);
}

body.loading:after {
    background: #fff;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99;
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    background-image: url('../../image/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg) scale(2);
    background-size: 400px;
}
.modal-content.loading:after {
    background: #fff;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-image: url(../../image/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg) scale(3);
    background-size: 400px;
}
.owl-carousel.owl-drag .owl-item {
    padding: 0 6px;
    /* text-align: center; */
}
body#landing_b2b .container {
    max-width: 1200px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1420px;
}
* {
    transition: color 0.4s,
     width 0.4s ease-in-out,
      height 0.4s ease-in-out,
       background 0.4s ease-in-out,
        background-color 0.4s ease-in-out,
         background-image 0.4s ease-in-out,
         right 0.4s ease-in-out,
          left 0.4s ease-in-out,
          top 0.4s ease-in-out,
           bottom 0.4s ease-in-out,
            padding 0.4s ease-in-out,
             letter-spacing 0.4s ease-in-out,
             visibility 0.4s ease-in-out,
             transform 0.4s ease-in-out,
             opacity 0.4s ease-in-out;
       
             
    }

.filters select,
.langselect {
    /* display: block; */
    width: 100%;
    padding: 10px;
    border: 2px solid #ffffff63;
    /* border-radius: 5px; */
    /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
    outline: none;
    background-color: #120833;
    color: white;
}

.modal-content * {
    transition: none;
}

.modal-content {
    border: 2px solid #120833;
    border-radius: 0px;
    overflow: hidden;
    background: #120833;
    color: #fff;
}

.col-6.largelogo img {
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    border-right: 1px solid #eaeaea;
}

#login .modal-dialog.modal-dialog-centered {
    min-width: 600px;
    text-align: center;
}

.modal-open .modal {
    background: #58498d57;
}

.fontSmall {
    font-size: 0.75em;

}

/* .orientation {
   border: 2px solid #d4d4d7;
   display: inline-block;
   font-size: 8px;
   padding-top: 13px;
   vertical-align: bottom;
   color: #d4d4d7;
   text-align: center;
}
 */
.orientation {
    /* border: 2px solid #000000; */
    display: inline-block;
    font-size: 8px;
    /* padding-top: 13px; */
    vertical-align: bottom;
    color: #120833;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
}

.orientation span {
    border: 1px solid white !important;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

label.orientation input:checked+span,
.orientation:hover {
    background-color: #ffffff;
    color: #120833;
    font-weight: bold;
}
.orientation:hover span{ color: #120833;}
.col-3.choixDeux.choixMedium.choixTree {
    text-align: center;
    /* filter: grayscale(1); */
}

.choixScroll::-webkit-scrollbar ,.bell-notif .artiste-sub-menu::-webkit-scrollbar,.activite-container::-webkit-scrollbar,#faq-widget::-webkit-scrollbar,.editable ::-webkit-scrollbar  {
    width: 4px;
}

.choixScroll::-webkit-scrollbar-track ,.bell-notif .artiste-sub-menu::-webkit-scrollbar-track,.activite-container::-webkit-scrollbar-track,#faq-widget::-webkit-scrollbar-track,.editable::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px #babac0;
}

.choixScroll::-webkit-scrollbar-thumb,.bell-notif .artiste-sub-menu::-webkit-scrollbar-thumb ,.activite-container::-webkit-scrollbar-thumb,#faq-widget::-webkit-scrollbar-thumb,.editable::-webkit-scrollbar-thumb
{
    background-color: #0e7ed3;
    /* outline: 1px solid white; */
}


.editable {
    overflow-y: scroll;
    min-height: 170px !important;
    max-height: 298px !important;
}
.choixScroll {
    max-height: 315px;
    overflow-y: scroll;
    padding: 4px;
    text-align: left;
}

.itemImg span {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    left: 0;
    font-size: 12px;
    padding: 27% 2px;
    opacity: 0;
    text-shadow: 0 0 7px rgb(0 0 0);
    cursor: pointer;
}

.customNav {
    text-align: center;
    padding-top: 15px;
    margin: 0 15px;
}


.interSearch {
    font-size: 19px;
    margin-bottom: 3%;
    font-weight: 400;
    text-align: center;
}

.interSearch label {
    display: inline-block;
    position: relative;
    bottom: 0px;
}

.interSearch select {
    display: inline-block;
    width: fit-content;
    border: none;
    margin: 0px 0.5%;
    background: transparent;
    border-bottom: 2px dotted #bababa;
    border-radius: 0;
    padding: 0px;
    font-weight: 500;
    text-align: center;
}

.customNav a {
    /*margin-right: 2%;*/
    font-weight: 400;
    font-size: 12px;
    width: fit-content;
    display: inline-block;
}

.customNav.Tabs a {
    font-size: 14px;
    color: #ffffff;
}

.customgray i {
    vertical-align: text-bottom;
}

.customNav a.active:before {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    /* border-radius: 50%; */
}

.customNav a:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 10px;
    width: 10px;
    background: #2e1486;
    margin-right: 4px;
}

.saveHolder {
    position: fixed;
    bottom: 21px;
    left: 0;
    width: 80%;
    background: #12083366;
    z-index: 9;
    padding: 1%;
    box-shadow: 0px 0px 7px 0px #3be08a2b;
    margin: 1% 10%;
    border-radius: 5px;
    backdrop-filter: blur(3px);
}

span.upload {
    position: absolute;
    background: rgb(36 16 100 / 22%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    /* border: 1px solid #fafafa; */
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0;
}

button:focus,
button:focus span {
    border: none;
    box-shadow: none;
    outline: none;
}

hr {
    background: var(--accent2,#ececec);
    opacity: 1;
}

a.howto {
    font-weight: 600;
    margin-left: 0;
    border-bottom: 2px dotted #d6d1d1;
    display: block;
    width: fit-content;
    margin-top: 1rem;
}

.artiste-item {
    position: relative;
    overflow: hidden;
    margin: 0.65% 0;
    /* filter: grayscale(1); */
    display: inline-block;
    padding: 0 0rem;
}

.artistes .artiste-item {
    padding: 0.3rem 0.4rem;
}

.artiste-item:hover {
    filter: grayscale(0);
}

.oeuvre-item {
    position: relative;
    overflow: hidden;
    margin: 0.65% 0;
    /* filter: grayscale(1); */
    display: inline-block;
    padding: 0 0.5rem;
}
.slide-home-top-4 .oeuvre-item.nb ,.slide-home-top-4  .artiste-item.nb{
    filter: grayscale(1);
}

.oeuvre-item a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    /* border: 10px solid #1f1348d9; */
}

.noFilter .oeuvre-item {
    filter: grayscale(0);
}

.oeuvre-item img {
    width: 100%;
    height: auto;
}

.oeuvre-item:not(.container):hover {
    filter: grayscale(0);
}


.artiste-item img {
    width: 100%;
}

h2.enbref a.howto {
    display: inline-block;
}
.meta.artist-meta {
    position: absolute;
    /* bottom: -54px; */
    font-size: 10px;
    letter-spacing: 1px;
    text-align: right;
    /* width: 96%; */
    background: #12083387;
    /* padding: 10px 15px; */
    /* opacity: 1; */
    z-index: 9;
    bottom: -110px;
    width: 100%;
    margin: auto;
    padding: 10px 22px 10px 10px;
    left:0;
    color: #ffffff;
}

.home-playlist .meta.artist-meta , .home-oeuvres .meta.artist-meta {
    background: linear-gradient(#ffffff00, #00000042, rgb(0 0 0 / 65%));
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: left;
    /* background: rgba(0, 0, 0, 0.227); */
    color: white;
    padding: 20px 14px 3px 14px;
}

.meta.nft-meta {
   position: relative;
   font-size: 10px;
   letter-spacing: 1px;
   text-align: left;
   background: #1d1145;
   width: 100%;
   margin: auto;
   padding: 15px 9px 10px 9px;
   margin-top: -14px;
   color: #ffffff;
   /* border-radius: 0 0 8px 8px; */
}

/* .home-playlist .meta.artist-meta , .home-oeuvres .meta.artist-meta {
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: left;
    background: #1f1348d9;
    padding: 3px 10px;
    margin-bottom: 7px;
    margin-top: -6px;
} */

.home-oeuvres .meta.artist-meta {
   
    width: 95%;
}
.home-playlist .meta.artist-meta div {
    padding: 3px 0px;
}
.home-playlist .meta.artist-meta .title {
    text-align: left;
    font-size: 19px;
}
.home-oeuvres .meta.artist-meta .title
{
    padding: 1px 9px;
    text-align: left;
    font-size: 16px;
}

.meta.oeuvre-meta {
    bottom: -110px;
    width: 95%;
    margin: auto;
    padding: 10px 12px 10px 10px;

}

.meta.oeuvre-meta h5,
.meta.artist-meta h5 {
    margin-left: 16%;
    text-align: right;
}

.meta.artist-meta  div {
    font-size: 13px;
}


.artiste-item:hover .meta.artist-meta,
.oeuvre-item:hover .meta.artist-meta {
    bottom: 0;
    left: 0;
}

.carre:hover .meta.artist-meta {
    background: #fff;
}

.carre-image:hover {
    transform: scale(1.03);
}

.menu {
    /* max-height: 50px; */
}

.footer-blanc {
    padding: 6rem 0 1rem;
}

.footer-sides a {
    font-size: 12px;
    display: block;
    text-align: center;
    margin: 9px 0;
    color: var(--accent2,#ffffff);
}

.section {
    padding: 6rem 0;
    background-color: var(--accent1,#120833) !important;
}

div#gallerie-disable {
    position: relative;
    /* height: 91vh; */
    overflow: auto;
    /* margin-bottom: 77px; */
    margin-right: 5px;
}

div#gallerie-disable.loading:after {
    background: #fff;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99;
    position: absolute;
    content: "";
    top: -50%;
    left: 0;
    background-image: url(image/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg) scale(2);
    background-size: 400px;
    opacity: 0.5;
}

.section.gray-border .row {
    padding: 4rem 2rem;
}

.gray {
    background-color: #fafafa;
    /* background-image: url('image/pinc.png'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.quick {
    margin: 0;
    /* display: inline-block; */
}

.menu ul li {
    display: inline-block;
    margin: 0px 23px 0 0;
    /* position: relative;
    */
    padding: 25px 0;
}

.menu ul li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    color: #ffffff;
}

/* .menu ul li a.small-menu {
    font-size: 13px;
} */

.menu ul li a:hover {
    /* color: var(--accent3); */
}

.menu ul li:not(.logo) a.menu-parent:after {
    /* content: "...";
    */
    display: block;
    height: 0px;
    width: 0;
    background: #000;
    transition: 0.3s all linear;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 30px;
    letter-spacing: 4px;
}

.menu ul li a:hover:after {
    width: 100%;
}

a {
    color: #fff;
}

.footer-bottom-text p {
    font-size: 11px;
    text-align: justify;
    color: #949494;
}

.footer-bottom-text {
    padding: 0 0 2rem;
}

a.scroll-mouse {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: fit-content;
    margin-top: -6rem;
    top: -3rem;
    position: relative;
    /* filter: contrast(1.5); */
}

header.header {
    width: 100%;
    display: flex;
    background: #120833;
    padding: 10px 0px;
    top: 0;
    left: 0;
    z-index: 99;
    position: fixed;
    color: #fff;
    height: 80px;
    align-items: center;
}

header.header.fixedHeader {
    box-shadow: -1px -1px 7px 0px rgb(0 0 0 / 23%);
    position: fixed;
    top: 0px;
    height: 70px;
    padding: 6px;
}

header.header.fixedHeader .sub-menu.mega-menu {
    top: 68px;
}

.menu ul li.logo {
    margin: auto;
    /* max-width: 50px; */
    /* float: left; */
    padding: 2px 0px;
    margin: 0px 50px 0 30px;
}

.menu ul li.logo img {
    max-width: 60px;
    width: 100%;
    outline: 0px solid #000;
    outline-offset: -1px;
    border: 1px solid #fff;
}

img.cow {
    width: 100%;
}

img.cow.second-img {
    width: 100%;
}

img.cow.profily {
    box-shadow: 0px 0 0px rgb(0 0 0 / 11%);
    /* border-radius: 50%; */
    /* padding: 5px; */
}

.uploadHolder {
    position: relative;
    padding: 0;
    border: 16px solid transparent;
}

.quick a {
    padding: 0px 8px;
    margin: 0 -8px;
    margin-left: 7px;
}

.menu ul {
    margin: 0;
    padding:  0;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu .sub-menu {
    position: absolute;
    /* width: 68px;
    */
    background: #120833;
    z-index: 99999;
    display: none;
    padding-top: 5px;
    padding: 6px;
}
ul.sub-menu.artiste-sub-menu {
    padding: 6px 9px;
    justify-content: flex-start;
    flex-direction: column;
    top: 76px;
    background-color: #1f1348;
}
.menu ul.sub-menu li a {
    font-size: 12px;
    font-weight: 400;
}

.menu ul.sub-menu li a:after {
    display: none;
}

p.paragraphe {
    padding: 10% 0px;
    /* text-align: center;
    */
    font-size: 19px;
}

a.btn {
    /* border: 2px solid;
    */
    border-radius: 5px;
    box-shadow: none !important;
    color: #000;
}

a.btn.btn-3 {
    padding: 0 0px 0 0;
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 0;
    font-weight: 500;
    background: #fff;
}

a.btn.btn-3.btn-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: fit-content;
    /* font-size: 19px;
    */
    margin-top: 3rem !important;
}

a.btn.btn-3:hover {
    color: #fff;
}

a.btn.btn-3:after {
    background: linear-gradient(0.38turn,#dc3545,   #0e7ed3 );
    width: 100%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    width: 100%;
    transition: 0.5s all ease-in-out;
    /* z-index: 1; */
}

a.btn.btn-3:hover:after {
    width: 0%;
}

a.btn.btn-3 span {
    display: inline-block;
    z-index: 1;
    position: relative;
    /* background: linear-gradient(0.38turn,#dc3545,   #0e7ed3 ); */
    color: #fff;
    padding: 5px 20px 5px 5px;
}

a.btn.btn-3 strong {
    background: #fff;
    color: #000;
    font-weight: 500;
    padding: 5px 5px 5px 30px;
    display: inline-block;
    z-index: 1;
    position: relative;
}

a.btn:hover strong {
    color: #000;
    z-index: 2;
}

a.btn.btn-3:hover span {
    background: transparent;
    color: #000;
    z-index: 2;
}

.oeuvre-item:not(.container):hover {
    /* transition: 1s all linear; */
    color: #000;
}

.oeuvre-item:hover .turnado {
    opacity: 1;
}

.turnado {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    transition: 1s all ease-in-out;
    top: 0;
}

img.mise_en_situation_art {
    position: absolute !important;
    width: auto;
    left: 50%;
    top: 20%;
    /* transform: translate(-50%, 0); */
    /* border: 3px solid #8c5e39; */
    /*max-height: 100px;*/
    max-height: fit-content;
    max-width: 100%;
    height: auto;
    cursor: all-scroll;
    z-index: 50;
}

img.situation-image {
    width: 25%;
    display: inline-block;
    margin-top: 6px;
}

.next-meta-paint.turnado {
    background: rgb(255 255 255 / 84%);
    text-align: center;
    padding: 0.5rem 1rem;
    bottom: 0;
    color: #000;
    font-size: 14px;
    display: inline-block;
    opacity: 0;
    padding-top: 20%;
}

.oeuvre-item.activeTurnadoCol {
    filter: grayscale(0);
}

.activeTurnado .turnado {
    opacity: 1;
}

.activeTurnado.activeTurnadoCol .meta-turnado.turnado {
    bottom: -70px;
}

.activeTurnado .next-meta-paint {
    bottom: 0;
}

.next-meta-paint p,
.next-meta-paint span {
    display: inline-block;
    width: 100%;
    font-weight: 500;
}

.next-meta-paint a {
    display: inline-block;
    font-size: 33px;
    margin: 2px;
}

.next-meta-paint h5 {
    border-bottom: 1px dotted #b4b4b4;
    margin-bottom: 10px;
}

.fav-btn {
    /*font-size: 30px;*/
    font-size: 20px;
    color: #ff1000;
    width: fit-content;
    margin: 2px 2px 9px 2px;
}

.meta-turnado.turnado {
    background: rgb(255 255 255 / 72%);
    text-align: center;
    padding: 0.5rem 1rem;
    bottom: -53px;
    color: #000;
    font-size: 10px;
    display: inline-block;
    opacity: 1;
    height: initial;
    top: initial;
}

.activeTurnadoArt .meta-turnado.turnado {
    bottom: 0px;
}

.meta-turnado.turnado h5 {
    font-size: 14px;
}

.meta-turnado.turnado span {
    display: none;
}

.home-banner h1 {
    /* font-size: 24px; */
    margin-bottom: 0px;
    font-weight: 400;
}

.home-banner h1 strong {
    font-weight: 600;
}

.section.home-banner {
    padding: 9rem 0 6rem;
    display: inline-block;
    width: 100%;
    /* z-index: 9;
    */
    position: relative;
    background: ;
}

.oeuvre-item-holder {
    text-align: center;
    color: var(--accent2,#ffffff);
}

.oeuvre-item-holder h1 {
    font-weight: 700;
    font-size: 48px;
    color: var(--accent2,#ffffff);
}

.oeuvre-item-holder a.how {
    margin: 2px auto;
    font-weight: 300;
}

.section.home-banner.fiche-artiste {
    padding: 8rem 0 3rem;
}

.section.home-banner .row {
    vertical-align: middle;
}

.parcours.row label,
.formations.row label {
    position: relative;
    height: 100%;
    width: 100%;
    cursor: pointer;
    padding: 8px;
}

.carre-text {
    border: 2px solid;
    padding: 15px;
    box-sizing: border-box;
    border: 7px solid transparent;
    outline: 2px solid;
    outline-offset: -9px;
    text-decoration: none;
    display: grid;
    justify-content: center;
    align-items: center;
    /* background: #fff; */
}



.carre.carre-white {
    background: #fff;
}

.carre-text i {
    font-size: 47px;
}

i.bi.bi-person-bounding-box.inline {
    display: inline-block;
}

.customgray i.bi.bi-info {
    background-color: white;
    color: black;
    border-radius: 50%;
    line-height: 0;
    margin-left: 6px;
    /* margin-top: 6px; */
    padding: 2px 3px 3;
    font-size: 21px;
    width: fit-content;
    height: fit-content;
    display: inline-block;
    vertical-align: baseline;
}

i.bi.bi-info.info-white {
    background-color: black;
    color: white;
    /* padding: 2px 3px 3px; */
}
.carre-text-hover:hover {
    background: linear-gradient(0.38turn,#3be08a,   #0e7ed3 );
    color: #fff;
    outline-color: #fff !important;
}

/* .carre-text-hover:hover a.link-title .a2a {
    display: inline !important;
}
 */
.carre-color:hover i {
    color: #ccb182;
}

.pole img {
    width: 100%;
}

.carre-text.carre-black {
    background: #000;
    color: #ffff;
    border-color: inherit;
    outline-color: #000;
}

h2 {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--accent2,#ffffff);
}

h2.enbref {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.fiche-artiste h2,
.fiche-artiste .h2 {
    display: inline-block;
    vertical-align: middle;
}

.fiche-artiste input.noborder.h2 {
    width: 57%;
}

.fiche-artiste input[type="text"],
.fiche-artiste select,
.fiche-artiste textarea,
.editable,

.fiche-artiste .espacement {
    color: #ffffff;
    border: none;
    background-color: #120833 !important;
    display: inline-block;
    width: fit-content;
    border-bottom: 1px dotted #bababa;
    border-radius: 0;
    vertical-align: bottom;
    margin: 1% 2% 0% 0;
    padding: 1.2% 0% 0% 0%;
    background: url('../image/001-edit.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 100% 85%;
}

.fiche-artiste .espacement:focus {
    outline: none;
}

.fiche-artiste input[type="text"]:focus,
.fiche-artiste select:focus,
.fiche-artiste textarea:focus,
.editable:focus {
    background: none;
    border: none;
    outline: none;
    border-bottom: 1px dashed #000;
}

.fiche-artiste .h1,
.editable
 {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 0px;
    font-weight: 400;
    border: none;
    width: 100%;
    border-bottom: 2px dotted #bababa;
    background: url(image/001-edit.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 98% 85%;
    min-height: 100px;
    overflow: auto;
    padding: 6px;
}


.fiche-artiste h2 span,
.fiche-artiste h2 .span {
    font-size: 1rem;
    margin: 0 9px;
    display: inline-block;
    font-weight: 500;
}

h2.hidesick {
    display: block;
}

h2.hidesick.opened strong {
    width: 41px;
}

h2.hidesick span {
    /* font-size: 24px; */
    /* font-weight: 300; */
}

h2.hidesick.opened strong.small {
    width: 10px;
}

h2.hidesick strong {
    width: 0;
    overflow: hidden;
    position: relative;
    display: inline-grid;
    transition: 1.3s all ease-in-out;
}

a:hover {
    color: #bababa;
}

.carre-image {
    padding: 0;
    border: 7px solid rgb(0 0 0 / 0%);
    filter: grayscale(1);
    /* overflow: hidden;
    */
    position: relative;
    transition: 0s all ease;
    /* max-width: 100%; */
    display: inline-block;
    border-bottom: 0;
}

.carre-image {
    overflow: hidden;
}

.claire .carre-image {
    filter: grayscale(0);
}

.carre.carre-slide {
    width: 100%;
}

.carre-image:hover {
    filter: grayscale(0);
}

.carre-text h3 {
    font-weight: 400;
}

.carre-text svg {
    display: block;
    margin: 0 auto;
}

.gallerie-holder .carre-text h3,
.copy-gallery-style h3 {
    font-size: 1.7rem;
}

.gallerie-holder .carre-text strong {
    display: block;
}

.gallerie-holder .carre-text h3 span,
.copy-gallery-style h3 span {
    font-size: 12.5px;
    display: block;
    margin-top: 10px;
}

.widget p,
.widget a {
    font-size: 14px;
    text-decoration: none;
}

.widget h4 {
    text-align: center;
    font-size: 19px;
    color: #000000;
}

.footer-top {
    background: #ffffff;
    padding: 2rem 0 1rem;
    display: none;
}

.footer-top .row {
    /* border-bottom: 1px solid #e6e6e6;
    */
    /* padding: 3rem 0 3rem;
    */
}

.footer-bottom {
    background: #000;
    display: none;
}

.widget p {
    text-align: center;
}

.footer-blanc h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 30px 0 6px 0;
}

a {
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

a.zoom-demo:not(.inline-demo) {
    display: block;
    width: 100%;
    height: 100%;
}

a.colorchoice,
a.noCadre {
    padding: 0px 1px 1px;
    display: inline-block;
    position: relative;
}

a.colorchoice div:before,
a.noCadre div:before {
    background-color: inherit;
    width: 100%;
    height: 33%;
    position: absolute;
    content: "";
    display: block;
    left: 0;
    bottom: -2px;
    opacity: 0;
    cursor: pointer;
}

a.colorchoice div:after {
    background-color: inherit;
    width: 100%;
    height: 60%;
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    background: #eaeaea;
    transition: 0.3s all ease-in-out;
}

a.noCadre div:after {
    background-color: inherit;
    width: 100%;
    height: 139%;
    position: absolute;
    content: "";
    /* display: block; */
    right: 13.4px;
    top: -5.39px;
    background: #ff574b;
    transition: 0.3s all ease-in-out;
    width: 3%;
    margin: auto;
    /* margin-top: 5%; */
    /* margin-bottom: 5%; */
    transform: rotate(44.8deg);
}

.espace label.option {
    width: 100%;
}

a.colorchoice:nth-child(odd) div:after {
    background: #d5d5d9;
}




a.colorchoice div,
a.noCadre div {
    height: 28px;
    width: 28px;
    display: inline-block;
    padding: 2px;
    position: relative;
    /* filter: brightness(0.6); */
}

a.colorchoice div:hover:after,
a.colorchoice.active div:after {
    height: 0%;
}

a.colorchoice input:checked~div::after {
    height: 0;
}

label.itemImg {
    position: relative;
    display: inline-block;
}

label.itemImg:hover span,
label.itemImg.active span {
    opacity: 1;
}

label.itemImg:hover img,
a.itemImg.active img {
    filter: grayscale(0);
}

.choixLink:not(.removeMedium) {
    width: 100%;
    border: 1px solid #ffffff;
    border-radius: 3px;
    padding: 5px 10px;
    display: inline-block;
    margin: 1% 0 2%;
    text-align: left;
    background: #ffffff;
    color: #999999;
    cursor: pointer;
    font-weight: 600;
}

.choixTree .choixLink {
    width: 32%;
}

.choixLink:not(.removeMedium):before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #999bb0;
    margin-right: 5px;
}

.choixLink.active {
    /* background: #fff; */
    color: #000;
    /* border-color: #000; */
}

.choixLink.active:before {
    background-color: #000;
}

.removeFilter {
    color: #df4f44;
    font-size: 11px;
    top: -2px;
    position: relative;
    cursor: pointer;

}

.red {
    color: #df4f44;
}

a.quickedit {
    background: url(image/001-edit.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0% 35%;
    border-bottom: 2px dotted #828282;
    color: #828282;
}

a.tr-btn {
    font-size: 3rem;
    letter-spacing: 9px;
    line-height: 3rem;
}

.copy-gallery-style:hover a.tr-btn,
.gallerie-holder .carre-text:hover a,
#services .carre-text:hover a {
    color: #fff;
}


.icon {
    text-align: center;
}

.widget i {
    font-size: 55px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.footer-blanc i {
    font-size: 25px;
}

.quick i {
    font-size: 16px;
}

.footer-blanc .row {
    /* border-bottom: 1px solid #e6e6e6;
    */
    padding: 2rem 0 3rem;
}

.mega-inner.mega-image img {
    right: 0;
}

.changable-img {
    opacity: 0;
    position: absolute;
    min-width: auto;
    height: 100%;
}

.changable-img.active {
    opacity: 1;
}

.sub-menu.mega-menu {
    width: 100%;
    position: absolute;
    left: 12px;
    top: 76px;
    z-index: 999;
    background: #1f1348;
    color: #fff;
    padding: 0;
}

.mega-inner.mega-image.col {
    padding: 0;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.menu ul.sub-menu li {
    display: block;
    padding: 1px 0;
}

.menu ul li.profil-icon:hover ul.sub-menu {display: block;padding: 26px 0 7px;background-color: #12083300;}



.mega-inner.mega-text {
    padding: 20px 15px;
    text-align: left;
}

.mega-gray {
    background: #393939;
}

.mega-menu a,
.mega-menu h4,
.mega-menu p {
    color: #fff;
}

.menu .mega-menu ul li a:after {}

.mega-menu ul li {
    display: block;
    padding: 2px 0;
}

.mega-menu h4 {
    margin: 15px 0 5px;
}

.mega-menu p {
    margin-top: 15px;
}

.meta.artist-meta h5 {
    font-size: 13px;
    margin: 0;
}

.meta.artist-meta span {
    font-weight: bold;
}

input[type="text"],
.form-control,
input[type="email"],
input[type="date"],
input[type="number"],
input[type="password"],
select.form-select,
textarea.form-control,
#liste-styles {
    padding: 15px;
    border: 2px solid var(--accent2,#ffffff63);
    width: 100%;
    margin: 0.5rem 0 1rem;
    border-radius: 1px;
    background-color: var(--accent1,#120833);
    color: #fff;
}

#login input[type="text"],
#login input[type="password"],
#login input[type="email"] {
    margin-top: 2px;
}

label {
    font-weight: bold;
    display: block;
    text-align: left;
    color: #ffffff;
}

li select {
    padding: 5px;
    font-size: 12px;
    border: 1px solid;
    margin: 3px 0;
}

li label {
    font-size: 10px;
    width: 100%;
    border-top: 1px dotted #c2c2cd;
    padding-top: 5px;
}

input.btn.btn-back {
    background: #000;
    width: 100%;
    border-radius: 0;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.side-bar {
    position: fixed;
    top: 0;
    height: 100%;
    width: 25%;
    background: #120833;
    z-index: 999;
    padding: 8rem 2rem 3rem;
    box-shadow: -1px 1px 5px 5px rgb(0 0 0 / 20%);
}

.side-bar a:not(.img_profil_sidebar, .compte) {
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 13px;
}

.side-bar-right.side-bar.active {
    right: 0%;
}

.side-bar-right.side-bar {
    right: -37%;
}

.side-bar-left.side-bar.active {
    left: 0%;
}

.side-bar-left.side-bar {
    left: -37%;
}

.btn.btn-black {
    background: #3BE092;
    color: #fff;
    border: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: 600;
}

.btn.btn-sm.btn-white {
    background-color: rgb(255 255 255);
    color: #000;
    text-align: center;
    border-radius: 0px;
    font-weight: 600;
    border: 2px solid;
}

input.btn.btn-black {
    width: 100%;
}

.btn.btn-black.saveBtn {
    /* background: #3be08a; */
}

.carre-text h3 span {
    font-size: 15px;
    display: block;
    margin-top: 10px;
    line-height: normal;
    font-weight: 200;
}

.carre-text strong {
    display: block;
}

.a2a {
    color: #3be08a;
    display: block;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    letter-spacing: 3px;
}

.a2a:after,
.a2a:before {
    content: ".";
}

.carre-text strong {
    display: block;
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
    font-size: 31px;
}

.a2a:before {
    color: #ff2f39;
}

.a2a:after {
    color: #0e7ed3;
}

.a2a.a2a-inline {
    position: initial;
    display: inline-block;
}

.a2a.a2a-inline.a2a-large {
    font-size: 46px;
}

.a2a.a2a-inline.a2a-small {
    font-size: 40px;
    line-height: 10px !important;
}

a.active .a2a,
a:hover .a2a:not(.a2a-horizontal) {
    letter-spacing: 9px;
    filter: grayscale(1);
    /* line-height: initial; */
}

a:hover .a2a.a2a-inline.a2a-large.a2a-horizontal {
    transform: translate(0px, 20px);
    filter: grayscale(1);
}

a:hover span.a2a.a2a-inline.a2a-top.a2a-large.a2a-horizontal {
    transform: translate(0px, -20px);
}

.parcours-item p {
    font-size: 11px;
    text-align: justify;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-top: 5px;
}

h5 {
    margin: 0;
}

.padding-content {
    padding: 30px;
    /* border: 3px solid #000;
    */
}

.parcours-slide .padding-content {
    padding-top: 0px;
}

.badges-list {
    list-style: none;
    padding: 0;
}

.footer-center a.footer-logo {
    display: block;
    margin: 10px auto;
    /* max-width: 90px; */
}

.footer-center a.footer-logo img {
    max-width: 90px;
    max-width: 70px;
    outline: 3px solid #000;
    outline-offset: -2px;
}

.footer-center a {
    padding: 10px;
    display: inline-block;
    color: var(--accent2,#ffffff);
}

.a2a.a2a-inline.a2a-large.a2a-horizontal,
.a2a.a2a-inline.a2a-large.a2a-horizontal:after,
.a2a.a2a-inline.a2a-large.a2a-horizontal:before {
    display: block;
    line-height: 20px;
    /* filter: grayscale(1); */
    display: inline-block;
    width: 100%;
    height: initial;
    max-height: initial;
    position: initial;
    text-align: center;
    margin: 0 auto;
}

.small-text {
    font-size: 11px;
    margin: 0;
}

.partage-inner a {
    margin-right: 11px;
    color: var(--accent2,#ffffff);
}

.carre-alphabet h3 {
    font-size: 8rem;
    font-weight: 200;
}

/* .search-alphabetique a, .search-alphabetique span {
   margin: 4px;
   font-size: 20px;
}
.search-alphabetique a {
    border-bottom: 2px dotted #d6d1d1;
} */

label.alphabet-option {
    display: inline-block;
    margin: 0 6px;
    margin: 3.5px;
    font-size: 20px;
    border-bottom: 2px dotted #d6d1d1;
    cursor: pointer;
    max-width: 22px;
    text-align: center;
}

label.alphabet-option input:checked+span {
    opacity: 0.4;
}

label.alphabet-option:hover {
    color: #9d9d9d;
}

.section.padding-small {
    padding: 1.7rem 0 3.5rem;
}

.nav-page a {
    border-bottom: 2px dotted #d6d1d1;
    font-weight: 500;
}

.owl-carousel button.owl-dot {
    background: #d4d0d0;
    width: 10px;
    height: 10px;
    margin: 4px;
}

.owl-carousel button.owl-dot.active {
    background: #000;
}

.owl-dots {
    text-align: center;
    margin-top: 12px;
}

.section.gray.search-artistes {
    padding-bottom: 3rem;
    padding-top: 8rem;
}

.search-artistes img {
    width: 100%;
    opacity: 0.7;
}

.choixDeux img {
    width: 100%;
    padding: 2px;
    display: inline-block;
    filter: grayscale(1);
    height: auto;
}

.choixDeux img:hover,
.choixDeux img.active {
    filter: grayscale(0);
}

.nav-page a,
.nav-page span {
    margin: 4px;
}

.nav-top .owl-nav {
    position: absolute;
    top: -75px;
    right: 16px;
}

.nav-top .owl-nav .owl-next {
    margin-left: 5px;
}

.nav-center .owl-nav {
    /* position: absolute; */
    /* bottom: 0; */
    /* width: 100%; */
    /* transform: translate(0%, -50%); */
    /* left: 0; */
}

.vertical {
    vertical-align: bottom;
}

.vertical * {
    display: inline-block;
    padding: 1.2% 1.2% 0 0;
    vertical-align: bottom;
}

.choixDeux h3 {
    font-size: 18px;
    display: inline-block;
    width: 100%;
}

.vertical span {
    margin-bottom: 1px;
}

.nav-center .owl-nav button {
    bottom: 39%;
    position: absolute;
}

.nav-center .owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button span {
    font-size: 50px;
    font-weight: 400;
}

.nav-center button.owl-next {
    right: 0;
    /* position: absolute; */
}

img.image {
    max-height: 790px;
   /*  max-height: 563px; */
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: block;
    min-height: 526px;
    opacity: 0;
}

img.image-oeuvre {
    width: 15%;
    margin-top: 10px;
    padding: 2px;
}



a.how {
    font-weight: 600;
    margin-left: 0;
    border-bottom: 2px dotted #d6d1d1;
    display: block;
    width: fit-content !important;
    margin-top: 1rem;
    color: var(--accent2,#ffffff);
}

p.para {
    text-align: center;
}

#login .modal-body {
    padding: 0;
}

#login ul#pills-tab {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    margin: 15px auto;
}

#login ul#pills-tab li {
    display: inline-block;
    float: none;
    text-align: center;
    margin: 10px 2%;
    vertical-align: middle;
}

li.largelogo img {
    max-width: 80px;
}

#login div#pills-tabContent {
    /*  background: #f9f9f9;
   padding: 6%;
   width: 99%; */
    margin: 0 auto;
}

.placeholder {
    background: #12083333;
    border: none;
}

span.remove {
    position: absolute;
    background: rgb(255 255 255 / 38%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    z-index: 99;
}


.ligne-cmd-offre {
    position: relative;
}
h3.blockTitle {
    position: absolute;
    background: rgb(87 37 255 / 15%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    padding-top: 1.9rem;
    margin-top: 0rem;
}

.univers-image .upload i {
    /* margin-top: -2.5rem; */
    color: #ffffff;
}

span.upload {
    font-size: 2.5rem;
    cursor: pointer;
}


.customNav.bottom-border {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    padding-top: 0;
    border-top: 0;
    margin-bottom: 15px;
}

a.quick.text-center {
    margin-top: 26px;
}

.situation {
    width: 72%;
    display: inline-block;
    margin-top: 6px;
    padding: 4px 0;
    vertical-align: middle;
    background: #efefef;
    margin-left: 1%;
    margin: 0;
}

.situation span {
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
}

.situation img {
    width: 62px;
    display: inline-block;
}

.customgray {
    border: 4px solid #0593ff75;
    padding: 10px;
    background: #0e7ed317;
    /* cursor: pointer; */
    width: 93%;
    margin: 10px auto 0;
}

.customgray.btn-black {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    color: #fff;
    /*  border-color: #000; */
}

.customgray h3 span {
    display: block;
    font-size: 12px;
}

.customgray p.para {
    margin: 2px 0;
}

#login li a.active {
    opacity: 0.4;
}

/* #login .tab-content a:first-child { */
#login .tab-content a:not(.compte) {
    border-bottom: 2px dotted;
    font-size: 12px;
    width: fit-content;
    display: inline-block;
    color: #f9fafb;
}

#login .tab-content p {
    font-size: 12px;
    /* text-align: center; */
    display: inline-flex;
    align-items: center;
}

#login li a {
    position: relative;
}

#login button.btn.btn-black.btn-connexion {
    width: 100%;
}

label.option-compte {
    width: fit-content;
    display: inline-block;
    margin: 0 11px;
    font-size: 13px;
    cursor: pointer;
}

#login a.btn.btn-black.compte {
    padding: 10px;
    background-color: #f1f1f1;
    color: black;
    width: 48%;
    /* border-color: rebeccapurple; */
    font-size: 15px;
    letter-spacing: .5px;
    /* width: fit-content; */
    display: inline-block;
    margin-bottom: 12px;
    font-weight: 600;
    /* text-transform: uppercase;*/
    margin: 20px 3px 49px;
}

/* label.option.option-choix.option-compte {
    width: 49.4%;
    margin: 0;
    font-weight: bold;
    padding: 0;
}

label.option-choix.option-compte input+span {
    display: block;
    width: 96%;
    border: 2px solid #2b2b2b;
    padding: 11px 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 3px;
    margin: 0;
} */

@media only screen and (min-width: 1024px) {
    div#gallerie {
        /* z-index: 99;
        */
        /* position: relative;
        */
        padding: 6rem 12rem;
    }
}

.modal-loading:after {
    width: 100% !important;
    text-transform: uppercase;
    content: "";
    height: 100%;
    position: absolute;
    background: rgb(109 104 167 / 28%);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    right: 0;
    top: 0;
}

.section.page-titre {
    padding: 6.2rem 0 1.7rem;
    /* background: linear-gradient(0.38turn,#3be08a, #0e7ed3 ); */
}
.faq .section.page-titre.second-section {
    padding: 2rem 0 1rem;
}

.cvg a.how {
    display: inline;
    font-size: 13px;
}

.section.page-titre h5 {
    letter-spacing: 1.6px;
    font-size: 25px;
    text-transform: uppercase;
}

.section.page-titre p {
    letter-spacing: 0.1rem !important;
}

.alerte-msg {
    font-weight: 500;
    padding: 1rem 2rem;
}

/* .section.section-inscription {
    padding: 3rem 0 8rem;
} */
.alerteDiv {
    margin-top: -11px;
}

.container.formHolder {
    max-width: 1000px;
}

div#login-widget {
    width: 30%;
    padding: 3rem 2rem 3rem;
}

div#profil-widget {
    padding: 6rem 2rem 3rem;
}

label.option-choix.option-note input+span {
    padding: 4px 9px;
    background-color: white;
}

select#floatingPays {
    /* border: 2px solid; */
}

.modal-photo {
    background-color: rgb(0 0 0 / 64%);
    z-index: 9999999999;
    overflow-y: auto;
}

.modal-photo .modal-content {
    width: 654px !important;
}

input.cr-slider {
    background-color: transparent !important;
}

.modal-photo .modal-dialog {
    max-width: 651px !important;
}

.hide {
    display: none !important;
}

textarea#floatingTextarea {
    height: 81px;
}

textarea#floatingTextareaF,
textarea#floatingTextareaP {
    min-height: 120px;
}

button.logout:hover {
    color: #bababa;
}

button.logout {
    background-color: transparent;
    border: 1px solid transparent;
    width: 100%;
    text-align: left;
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #f3f3f3;
    font-weight: 700;
    font-size: 13px;
    color: #ffffff;
}

div.email-box {
    max-width: 319px;
}

.modal-lg div.email-box {
    max-width: 519px;
}

button.envoyer,
button.valider-code {
    width: 100%;
}

.fixedHeader .menu ul li.logo img {
    max-width: 50px;
    outline: 3px solid #000;
    outline-offset: -1px;
}

q p {
    display: inline-block;
}


.cookie-content {
    padding: 1rem 6rem;
    position: fixed;
    bottom: 0;
    background-color: #ffffff;
    color: #000;
    z-index: 99;
    box-shadow: 0 0 6px 0px rgb(0 0 0 / 36%);
    font-size: 12px;
    width: 102%;
    left: -1%;
   transition: all 1s ease-in-out;

}

button.btn.cookie-option {
    margin: 0 9px;
    color: #000;
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 0;
    font-size: 12px;
}

button.btn.cookie-option:hover {
    background-color: #fff;
    color: #000000;
}

button.btn.cookie-option.btn-black {
    padding: 6.7px 20px;
}

button.btn.cookie-option.btn-black:hover {
    background-color: white !important;
    color: black !important;
}

.none {
    display: none;
}

label.dropdown-item {
    margin: 4px;
    font-size: 14px;
}

.btn.dropdown-toggle::after {
    display: inline-block;
    /* margin-left: .255em; */
    /* vertical-align: text-top; */
    content: "";
    position: absolute;
    right: 16px;
    top: 24px;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

button#liste-styles {
    text-align: left;
    position: relative;
    font-size: 14px;
    font-weight: 700;
}


.col-6.col-signup {
    padding: 0 40px;
}

.col-6.col-signup.col-signup-right {
    border-left: 3px solid;
}

input.btn.btn-black.btn-disabled {
    opacity: 0.2;
    cursor: no-drop;
}

.editeurCV .text-justify.text-small,.editeurGalerie .text-justify.text-small {
    padding: 0 23px;
}

a.jecomprends {
    color: #dc3545eb !important;
    font-weight: 500;
    border-bottom: 1px dashed;
}

ul#myTab {
    margin-bottom: 10px;
}

a.col-sm-12.col-12.turnado-holder.carre.carre-image.placeholder {
    /* min-height: 350px !important;*/
    min-height: 192px !important;

}

.opacity {
    opacity: 0.4;
}
.opacity-2 {
    opacity: 0.4;
}
p.alerte-resultat {
    margin: 120px 0;
    font-size: 20px;
}

.nav-page .page-item button.btn {
    margin: 4px;
    border-radius: 0;
    border: none;
    padding: 7px 6px;
    font-weight: 500;
    min-height: 36px;
    min-width: 36px;
    font-size: 12px;
    color: var(--accent2,#ffffff);
}

.motifsDipso select.form-select {
    width: 300px;
}

div.widgetsData {
    /* height: 100%; */
    min-height: 200px;
}

label.option.option-oeuvre.itemImg span {
    font-size: 27px;
    padding: 27% 2px;
}


.cursor {
    cursor: pointer;
}
.cursor-copy {
    cursor: copy;
}
.cursor-default
{
    cursor: default;
}

.parcours span.float-end,
.formations span.float-end {
    font-size: 15px;
}

.parcours span.float-end,
.formations span.float-end {
    font-size: 15px;
}

/* .parcours_order
{
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: black;
    font-weight: 700;
    height: fit-content;
    width: 99%;
    text-align: center;
    padding: 35%;
    background-color: #f5f5f582;
} */
/*
.parcours_order {
    font-size: 89px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: black;
    font-weight: 700;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #f5f5f582;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
 */
div.parcours-item {
    position: relative;
    padding: 16px;
    cursor: pointer;

}

p.parcour-note {
    border-bottom: none;
}

ul.pagination.pagination-choix li button.btn {
    font-size: 11px;
    border: 3px solid #3be09240;
    background-color: #3be09240;
}

ul.pagination.pagination-choix li button.btn.active {
    border: 3px solid #3be092;
}

.mise_ensituation {
    background-image: url('../../image/mise_ensituation.png');
    height: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
}

.mise_ensituation .cow {
    opacity: 0;
}

@media print {
    header.header {
        display: none;
    }

    .section.home-banner.fiche-artiste {
        padding-top: 4rem;
    }

    body#top {}

    div#gallerie {
        display: none;
    }

    .footer-blanc {
        display: none;
    }

    .gray .col-4.text-center {
        display: none;
    }

    h2.enbref a.howto {
        display: none;
    }
}

label.option {
    position: relative;
    width: 33.3%;
}

label.option-choix {
    margin: 12px 0.5%;
    /* background-color: #fff; */
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
    text-transform: capitalize;
    vertical-align: middle;
    display: inline-block;
    border-radius: 2px;
    width: 31%;
    display: inline-block;
}

label.option-choix input+span {
    border: 1px solid #6e6882;
    padding: 7px 7px;
    font-size: 11px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    display: inline-block;
}


.option input[type="checkbox"],
.option input[type="radio"],
.orientation input[type="radio"],
.option-color input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}


label.option-choix input:checked+span {
    background-color: #0e7ed324;
    color: #ffffff !important;
    border-color: #0e7ed3;
}

label.option-border input:checked+span {
    border: 6px solid #ffffff !important;
    outline: 3px solid #151313;
    /* margin: 20px; */
    padding: 7px;
}

label.option-choix-label {
    /* opacity: .65; */
    font-size: 0.7rem;
}

label.option.itemImg.carre-blanc::after {
    width: 100%;
    background: #fff;
    content: "";
    display: inline-block;
    max-width: 90px;
    height: 86px;
    vertical-align: middle;
}

label.option.itemImg.rectangle-blanc::after {
    width: 100%;
    background: #fff;
    content: "";
    display: inline-block;
    max-width: 185px;
    height: 86px;
    vertical-align: middle;

}

.customNav.nav-bref {
    width: fit-content;
    display: inline;
}



.arrow-steps .step {
    font-size: 15px;
    text-align: center;
    color: #000000;
    cursor: default;
    margin: 0 3px;
    padding: 2px 12px 5px 27px;
    min-width: 5%;
    float: left;
    width: fit-content;
    position: relative;
    background-color: #ffffff;
    /* background-color: #00968826; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* transition: background-color 0.2s ease; */
}

.arrow-steps .step:after,
.arrow-steps .step:before {
    content: " ";
    position: absolute;
    top: 0px;
    right: -13px;
    width: 0;
    height: 29px;
    border-top: 14px solid #12083300;
    border-bottom: 16px solid #12083300;
    border-left: 13px solid #ffffff;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
    right: auto;
    left: 0;
    border-left: 12px solid #120833;
    z-index: 0;
}

.arrow-steps .step:first-child:before {
    border: none;
}

.arrow-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
    position: relative;
    font-size: 11px;
}

.arrow-steps .step span:before {
    opacity: 0;
    content: "\2713";
    position: absolute;
    top: -4px;
    left: -20px;
    font-weight: bold;
}

.arrow-steps .step.done span:before {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease 0.5s;
    -moz-transition: opacity 0.3s ease 0.5s;
    -ms-transition: opacity 0.3s ease 0.5s;
    transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
    color: #fff2e9;
    background-color: #0d6efd;
}

.arrow-steps .step.current:after {
    border-left: 13px solid #0d6efd;
}

.arrow-steps {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: -5px;
}

.motifsDipso a.quickedit,
.oeuvresDipso a.quickedit {
    font-size: 12px;
}

a.btn.btn-black.btn-add {
    padding: 2px 10px !important;
    width: fit-content;
}

a.page-link {
    margin-left: 8px !important;
    border: 1px solid black !important;
    border-radius: 0px !important;
    padding: 2px 4px 0 14px !important;
    color: #000000 !important;
    font-size: 13px;
    font-weight: 600;

}

span.page-link {
    margin-left: 8px !important;
    border: 2px solid #0d6efd !important;
    border-radius: 0px !important;
    padding: 2px 4px 0 14px !important;
    font-size: 13px;
    font-weight: 600;
    color: #0d6efd  !important;
    background-color: transparent !important;
}

a.page-link:hover {
    border: 1px solid #f1f1f1 !important;
    background-color: #f1f1f1;
}

.bgBlack {
    background-color: #000000 !important;
    color: #ffffff !important;
}

label.option-color {
    /* border: 1px solid #535151; */
    padding: 4px 4px;
    /* margin: 0 0 10px; */
    /* display: block; */
    /* margin: 0 2px; */
    /* background-color: #fff; */
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: capitalize;
    vertical-align: middle;
    display: inline-block;
    width: fit-content;
    justify-content: center;
    position: relative;
}

label.option input+span:hover,
label.option-color:hover {
    background: #efefef91;
    cursor: pointer;
    /* border: 1px solid #ffffff; */
}

.color-box {
    outline: 1px solid #151313;
    display: flex;
    /* width: 9px; */
    padding: 7px;
    vertical-align: middle;
    margin-bottom: 1px;
    justify-content: center;
    border: 6px solid #ffffff !important;
}

.option-parcours input[type="checkbox"] {
    width: fit-content;
}

.option-parcours input:checked~span {
    font-size: 89px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: black;
    font-weight: 700;
    height: 100%;
    width: 100%;
    text-align: center;
    /* padding: 35%; */
    background-color: #f5f5f582;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.borderBlack {
    border: 3px solid #000000 !important;
}

.border-none {
    border: none;
}

span.motif-add {
    position: absolute;
    top: 3px;
    left: 19%;
}

.fileInput,
.invisible {
    position: absolute;
    top: 0;
}

iframe#page_oeuvre_photos {
    height: 600px;
    width: 100%;
    padding: 22px;
    border: none;
}

button.btn-close.remove-oeuvre-photo {
    display: none;
    background-color: rgb(255 255 255);
    position: absolute;
    right: 0;
    z-index: 99999;
    color: black;
    padding: 9px;
    border-radius: 0;
}

.photo-oeuvre-container {
    position: relative;
    cursor: pointer;
}

.btn-add.btn-black.btn-ajout-motif {
    width: 100%;
}

button.btn.btn-sm.btn-add.btnAction:not(.btn-ajout-motif) {
    margin-top: 8px;
    background-color: #fafafa;
    font-weight: 700;
    padding: 5px 16px;
    font-size: 14px;
    margin-bottom: 4px;
}

button.btn-close.btnAction {
    width: 1px;

}

.enbref-nav li.nav-item {
    display: inline;
    padding: 0;
}

ul.enbref-nav {
    display: inline;
}

ul.enbref-nav li a {
    padding: 0;
}

.menu-sidebar a {
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #f3f3f3;
}

.supp_second_photo_univers, .supp_first_photo_univers, .supp_photo_profil, .supp_banner {
    position: absolute;
    padding: 8px;
    line-height: 15px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    color: #df4f44;

}

.photo-alerte {
    font-size: 15px;
}

.menu-photo {
    border: 3px solid;
    padding: 3px;
}

.menu-photo {
    border: 5px solid;
    padding: 2px;
    max-width: 65px;
    margin: 0 auto;
    display: block;
}

.parcours-item .btn-close {
    font-size: 13px !important;
    line-height: 11px;
    margin-top: 4px;
    padding: 0;
    padding-right: 14px;
}

a.backendRetour {
    width: fit-content;
    /* display: block; */
}

.editeurCV a.backendRetour,.editeurGalerie a.backendRetour {
    margin: auto;
    display: block;
}

.pink {
    background-color: #fff8f8;
}

p.mt-2.mb-2.text-danger.fw-bold {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    left: 0;
    background: #ff1000;
    color: #fff !important;
    margin: 0 !important;
    padding: 4px;
    font-size: 11px;
}

.carre-image img,
.photo-oeuvre-container img {
    width: 100%;
}

a.back {
    float: left;
    margin-top: 2px;
}

a.back.new {
    margin-top: unset;
}

a.scroll-mouse.scroll-mouse-small {
    margin-top: 0;
    position: unset;

}

i.bi.bi-star-fill {
    color: #000000;
    vertical-align: text-top;
    /* line-height: 1; */
}

label.option-note {
    display: inline-block;
    margin: 3px 8px 3px 0px;
}

.comment-scroll {
    max-height: 240px;
    overflow-y: scroll;
}

.comment-scroll::-webkit-scrollbar-thumb {
    background-color: black;
    outline: 1px solid white;
}

.comment-scroll::-webkit-scrollbar {
    width: 5px;
}

.text-date {
    font-size: 11px;
}

.commentaire-liste hr {
    margin: 6px 0;
}

.commentaire-liste p {
    margin: 5px 0;
}

.commentaire-liste b {
    font-size: 13px;
    display: block;
}

.OU {
    border: 2px solid #fafafa;
    border-radius: 50%;
    height: 100%;
    /* width: 100%; */
    padding: 10px;
    margin: 10px;
    background-color: #e8e8e8;
}

span.fav-artiste {
    font-size: 13px;
    color: #000000;
    top: -1px;
    position: relative;
}

.envl-contact-large {
    font-size: 36px;
    line-height: 0;
}

.icons {
    vertical-align: text-bottom;
    margin-right: 2px;
}

/* .modal-content.modal-alert {
    border-radius: 0;
} */
a.renvoyer {
    border-bottom: 2px dotted #d6d1d1;
    font-size: 13px;
    display: block;
    width: fit-content;
    margin: auto;
}

/* rating starts */
/* Rating Star <idgets Style */
.rating-stars ul {
    margin: 0;
    display: inline-flex;
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;

}

.rating-stars ul>li.star {
    display: inline-block;
    font-size: 17px;
    padding: 0 2px;
}

/* Idle State of the stars */
.rating-stars ul>li.star>i.bi.bi-star-fill {
    font-size: 1.3em;
    /* Change the size of the stars */
    /* color:#ccc; */
    /* Color on idle state */
    cursor: pointer;
    color: #b7b7b7;

}

/* Hover state of the stars */
.rating-stars ul>li.star>i.bi.bi-star-fill:hover {
    color: #000000;
}

/* Selected state of the stars */
ul>li.star.starselected>i.bi.bi-star-fill {
    color: #000000;
}

.image-oeuvre-panier {
    width: 100%;

}

.row.ligne-cmd {
    position: relative;
    border-bottom: 1px solid #d0d0d0;
}

.row.ligne-cmd .align-self-center {
    min-height: 176px;
}

.oeuvre-item-panier a.how {
    font-weight: 400;
    margin: 2px 0;
}
.oeuvre-item-panier i.bi.bi-info {
    border-radius: 50%;
    line-height: 0;
    margin-left: 6px;
    /* margin-top: 6px; */
    padding: 2px 3px 3;
    font-size: 21px;
    width: fit-content;
    height: fit-content;
    display: inline-block;
    vertical-align: baseline;
}

.icons-panier-holder a {
    display: unset;
    margin-left: 14px;
}

ul.qte-holder {
    width: 100px;
}

ul.qte-holder li {
    display: inline-block;
    font-size: 14px;
    list-style: none;
}

.qte-holder li.qte-opt {
    /* list-style: none; */
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    /* display: inline-block; */
    font-size: 16px;
    border: 2px solid #120833;
    margin: 1px -1px;
    color: #fff;
}

.qte-opt .btn {
    height: 100%;
    width: 100%;
    line-height: 0;
    border-radius: 0;
    color: #fff;
}

button.add,
button.reduce {
    font-size: 28px;
}

.qte-opt .btn:hover:not(.qte, .fontSmall) {
    background-color: #0e0627;
    color: #fff;
}

.infos-panier .customgray {
    width: 100%;
}

.row.panier-head {
    font-size: 16px;

}

.prix {
    display: block;
    font-size: 18px;

}

.nav-statut {
    width: fit-content;
}

.nav-statut {
    width: fit-content;
    font-size: 12px;
    color: #6c757d;
}

.nav-statut li.breadcrumb-item.active {
    color: #000;
    font-weight: 700;
}

.nav-statut li.breadcrumb-item.active:before {
    background: #000;
}

.nav-statut li.breadcrumb-item:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #bfbfbf;
    margin-right: 5px;
    border-radius: 50%;
    margin-top: 3px;
}

li.breadcrumb-item:not(:last-child):after {
    content: '';
    width: 38px;

    background-color: #bfbfbf;
    height: 1px;
    margin: 3px 1px 3px 7px;
    display: inline-block;
}

li.list-group-item {
    overflow-wrap: break-word;
    border: 1px solid #0e7ed352;
}

label.option-compte span {
    vertical-align: text-bottom;
}

.infos-panier .nav .btn-black {
    font-size: 14px;
}

.numCarte {
    letter-spacing: 8px;
}

.table-lignes tr {
    vertical-align: middle;
}

.width {
    width: 100%;
}

.msg-contact {
    height: 97px !important;
}

/* .lampe::after {
    background: url(../../image/lamp.png);
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    background-position: center;
    margin-top: 6px;
    background-size: 22px;
    padding: 15px;
    display: inline-block;

} */
.lampe.oeuvre-item .hide {
    display: block;
    display: block !important;
    /* width: 23px;*/
    /* margin: auto; */
    /* margin-top: 6px; */
    /* height: 30px; */
    /* position: absolute; */
    /* bottom: 5px; */
    z-index: 9999999999;
    /* right: 12px; */

    /*  margin-top: 2px; */
    font-size: 21px;
    margin-left: 1px;
    margin-top: 10px;
    color: #3be08a;
}

.table-lignes thead {
    text-transform: uppercase;
    font-size: 12px;
}

.dollar-icon {
    width: 15px;
    margin-top: -3px;
}

.dropdown-menu li a {
    min-width: 161px;
}

.arrow-steps .setting-icon {
    width: 20px;
    margin-top: 1px;
    margin-right: 5px;
}

i.flaticon-edit,
i.flaticon-setting,
i.flaticon-audit,
.flaticon-suitcase-1,
.flaticon-suspect,
.bi-clipboard-check {
    font-size: 17px;
    line-height: 0;
    /* height: 0; */
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    padding-bottom: 1px;
}

.section.home-banner.p-5.ticket-details .alert {
    width: fit-content;
    border-radius: 0;
}

.section.home-banner.p-5.ticket-details {
    width: 70%;
    margin: auto;
    display: block;
}

.ticket-details .row .alert {
    width: fit-content;
    min-width: 150px;
    max-width: 321px;
    word-break: break-all;
}

.ticket-details {
    height: 300px;
    overflow-y: auto;
}

.ticket-details .row {


    margin: 2px;
}

.compte-user table.table-lignes,
table.table-lignes a {
    font-size: 12px;
}

.compte-user .content {
    /* padding: 30px; */
    height: fit-content;
    /* box-shadow: 0px 1px 6px rgb(153 153 153 / 50%);*/
    padding: 16px;
    margin-left: 2%;
}

.shadow {
    box-shadow: 0px 1px 6px rgb(153 153 153 / 50%) !important;
}

.galerie-details p {
    margin: 20px 90px 0px;

}

#miseEnsituation img.mise_en_situation_art , .fancyslide img.mise_en_situation_art   {
    top: 7%;
    left: 50%;
    max-height: fit-content;
   box-shadow: -1px 5px 3px rgb(0 0 0 / 39%);
    width: 66.6667%;
}
.box_shadow_unset
{
    box-shadow:unset !important;
}

.mise_en_situation_outline2 {
    /* border: 5px solid #fff; */
    padding: 5px;
    background-color: #ffffff;
}

.mise_en_situation_outline3 {
    padding: 10px;
    background-color: #ffffff;
  /*   border: 10px solid #fff; */
}

.mise_en_situation_cadreN {
    border: 2px solid #000000;
}

.mise_en_situation_cadreM {
    border: 2px solid #9b6959;
}

.mise_en_situation_cadreG {
    border: 2px solid #868686;
}

.cadre img {
    max-width: 72%;
    margin-left: 2px;

}

#miseEnsituation .mise_ensituation {
    height: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

#miseEnsituation .salle {
    padding: 0;
}

#miseEnsituation .salle img {
    width: 80px;
    height: 80px;
    margin: 0;
}

#miseEnsituation .salle img.active {
    border: 2px solid;
    padding: 2px;
}

#uploadSalle span,
#uploadSalle input {
    width: 80px;
    height: 80px;
    margin: 0;
    line-height: 0.9;
}

.compte-user .card {
    border: 0;
    background-color: #20154c;
}

.tab-pane button.btn.btn-trensparent:focus {
    box-shadow: none;

}

.tab-pane button.btn.btn-trensparent {
    width: inherit;
    text-align: left;
    border: none;
}

i.bi.bi-caret-right-fill {
    vertical-align: top;
}

.modal-mise_ensituation {
    max-width: 1200px;
}

.compte-head {
    font-size: 19px;
}

.faq-page {
    background-color: white;
    border: 2px solid;
    /* padding: 20px 80px; */
    width: 100%;
    padding: 16px;
    /* border-radius: 0; */
    font-weight: 600;
}

.faq-page:hover {
    background-color: black;
    color: white;
    border: 2px solid black;
}

.blue {
    color: #0066ff;
}

.green {
    color: #46da4b;
}

.RED {
    color: #ff1000;
}

.bg-red {
    background-color: #ff1000;
}

.bg-green {
    background-color: #01e808;
}

.bg-blue {
    background-color: #0166ff;
}

img.image-oeuvre-panier {
    width: 100%;
}

span.eye {
    position: absolute;
    right: 13px;
    top: 0;
    height: 100%;
    font-size: 32px;
    cursor: pointer;
    height: 100%;
}
#infosTab span.eye {
    top: 17px;
}

span.eye i {
    font-size: 22px;
    height: 100% !important;
    line-height: 57px;
}

.meta.oeuvre-meta h5 {
    word-break: break-word;
}

.sideIcon {
    font-size: 16px;
}

#faq-widget a {
    margin-left: 14px;
}

.customgray.btn-gray {
    background: #4f4f4f;
    color: #fff;
    border-color: #4f4f4f;
}

/* .notAvailable::after {
    width: 100% !important;
    text-transform: uppercase;
    content: "Oeuvre indisponible actuellement !"; */
[notAvailable]::after {
    content: attr(notAvailable) " ";
    width: 100% !important;
    text-transform: uppercase;
    height: 100%;
    position: absolute;
    background: rgb(255 255 255 / 73%);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #575757;
    font-size: 12px;
}
.form_submit::before {
    content: attr(msg_submit) " ";
        background-color: #ffffff96;
        height: 100%;
        width: 100%;
        z-index: 999;
        position: absolute;
        padding: 162px;
        text-align: center;
        font-size: 35px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    font-weight: 600;
}
.row.load,.modal-action {
    position:relative;
}
.row.load:before ,.modal-action.load:before  {
    content: attr(msg_submit) " ";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #12083394;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 600;
    color: #ffffff;
}

.userProp::after {
    width: 100% !important;
    text-transform: uppercase;
    content: "Vous êtes le proprietaire de cette oeuvre!";
    height: 100%;
    position: absolute;
    background: rgb(255 255 255 / 73%);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #575757;
    font-size: 12px;
}

a.inline {
    display: inline-block !important;

}

.Inline {
    display: inline-block !important;

}

div#rotateMode {
    /* border-radius: 50%; */
    width: 80px;
    /* height: 125px; */
    /* background-color: #d5d5d9; */
    color: white;
    position: relative;
    border: 2px solid #dee0e1;
    display: none;
}

div#rotateMode button:focus {
    box-shadow: unset;
}

div#rotateMode button {
    /* border: 2px solid; */
    padding: 0px 3px;
    border-radius: 0;
}

div#rotateMode button i {
    vertical-align: middle;
    line-height: 0;
    display: block;
    padding: 5px 0px;
}

#left {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

#right {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

#up {
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
}

#down {
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
}

.faqVideo {
    width: 600px;
    display: block;
    height: 500px;
    margin-top: 20px;
}

ul#result {
    position: absolute;
    top: 59px;
    z-index: 99;
}

.apropos .image_resized {
    width: fit-content !important;
    text-align: center;
}

.apropos .image_resized img {
    width: 220px;
    margin-bottom: 8px;
    margin-top: -108px;

}

.apropos .image_resized.image-style-side {
    margin: auto;
    font-size: 11px;
}

.apropos .image_resized.image-style-side img {
    width: 55px;
    margin: 0;
    margin-bottom: 5px;
}

.apropos p span {
    font-size: 24px;
    margin: 0 1px;
    line-height: 0;
}

.apropos a {
    font-weight: 600;
    margin-left: 0;
    border-bottom: 2px dotted #d6d1d1;
    width: fit-content;
    margin-top: 1rem;
}

.univers-image {
    padding-bottom: 31px;
    filter: unset;
}

ul#artisteListe li {
    color: white;
    list-style: none;
    text-align: left;
    padding: 8px 15px;
    background-color: #120833;
    cursor: pointer;
}

ul#artisteListe {
    position: absolute;
    width: 100%;
    background-color: #120833;
    padding: 16px 5px;
}

.artiste-search-container {
    position: relative;
}

.noImgwidth {
    width: 40px !important
}

.biog-title {
    font-weight: 600;
    margin-bottom: 15px;
}

.section.home-banner.fiche-artiste h4 span {
    font-size: 1rem;
    margin: 0 9px;
    display: inline-block;
    font-weight: 500;
}

.fiche-biographie .logo-footer {

    width: 50px;
    float: left;
    margin-right: 16px;
}

img.logoBio {
    width: 52px;
    margin-top: 32px;

}

.progress {
    /* height: 32px; */
    font-size: 10px;
}

.printer {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.printer a:hover {
    border: 2px solid #000000;
    background-color: #ffffff;
    color: #000000;
}

.btn-enregister {
    width: fit-content;
    margin: auto;
    font-size: 15px;
    margin-top: 22px;
}

label.option.option-oeuvre span {
    font-size: 27px;
    padding: 27% 2px;
}

label.option.option-oeuvre input:checked+img {
    border: 2px solid;

}

label.option.option-oeuvre {
    /* position: unset; */
    width: 16%;
    display: inline-block;
}

label.option.option-oeuvre img {
    filter: unset;
}

.row.justify-content-center.widgetsData img {
    width: 50%;
    height: 100%;
    margin: auto;
}

.placeholder .upload {
    font-size: 23px;
}

.theTexte {
    margin: auto;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: unset;
    background-image: unset;
}

.customNav a.danger:before {
    background: #dc3545;
    /* border-
    radius: 50%; */
}

.danger {
    color: #dc3545;
}

.iconLoader {
    width: 32px;
    padding: 4px 7px;
}

.saveHolder.text-center .btn-sm {
    width: fit-content !important;
    font-size: 13px;
    padding: 3px 20px;
    vertical-align: revert;
    margin-top: 13px;
}

.col-12.div_steps.iframe-steps .step {
    padding-top: 6px;
    padding-bottom: 7px;
}
label.slide-mise,label.slide-detail-technique
{
    display:none;
}
.mise-title-guide {
    display: none;
}
@media only screen and (max-width: 700px) {
    .cadre {
        margin: 0 !important;
    }
    .espace {
        margin: 0 3px 0 !important;
        width: 29%;
    }
    .mise-guide {
        order: 1;
        display: none;
    }
    .mise-title-guide {
       display: block;
    }
    .owl-item > .slide-mise-situation {
        display:none;
      }
    .slide-mise-situation
    {
        display:none;
    }
   
    .oeuvre-item,
    .artiste-item {
        filter: grayscale(0);
    }

    .cookie-content {
        padding: 25px;
        font-size: 10px;
        border-top: 3px solid #f9f9f9;
    }

    .espace-vide {
        display: none;
    }

   

    div#rotateMode {
        display: block;
        height: 61px;
        width: 61px;
        /* top: -3px; */
        /* right: 8px; */
    }
    #miseEnsituation .salle img {
        width: 61px;
        height: 61px;
    }
   
    #uploadSalle span, #uploadSalle input {
        width: 61px;
        height: 61px;
    }
    #miseEnsituation .col-md-6.col-lg-6.text-start {
        padding-top: 20px !important;
    }
    .row.photos-interieur
    {
        justify-content:space-between;
        order: -1;
        margin: 0 0 8px!important;
    }
    #miseEnsituation h1.titre-oeuvre
    {
        display:none;
    }
    #miseEnsituation .btn-close {
        /* float: unset !important; */
        font-size: 16px;
        margin-bottom: 9px;
        position: absolute;
        top: 7px;
        right: 6px;
        background-color: white;
        padding: 8px;
    }
 
   
   
    #miseEnsituation .close-holder {
        text-align: center;
    }

    .cr-viewport.cr-vp-square {
        width: 200px !important;
        height: 200px !important;
    }

    .cr-boundary {
        width: 274px !important;
        height: 400px !important;
        margin: auto;
    }

    .modal-photo .modal-content {
        width: unset !important;
    }
    .galerie .image_placement img.oeuvre_choisi {

        min-height: unset ;
    }
}

@media only screen and (max-width: 1300px) {
    .situation img.situation-image {
        display: none;
    }
}

.positionner {
    background-color: #ffffff63;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px;
}

div.oeuvreEditModal .modal-dialog {
    top: 50%;
    height: fit-content;
}

.edit-steps {
    display: inline-flex;
    align-items: center;
}

div#faq-widget {
    padding-top: 2.7rem;
    max-height: 100vh;
    overflow: auto;
}

a.col-12.text-center.gift-text.mt-2 {
    display: inline-flex;
    align-items: center;
    /* width: 100%; */
    /* margin: auto; */
    /* align-content: space-around; */
    /* flex-wrap: nowrap; */
    justify-content: center;
}

i.bi.bi-gift {
    display: inline-flex;
}

img.oeuvre-image.image-offre {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.customgray-offre {
    height:fit-content;
    border: 4px solid #e8e8e8;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    margin-top: 7px;
}
.btn-paiement-offre {
    font-size: 14px;
    padding: 14px;
}
.page-offre a.scroll-mouse
{
    margin-bottom: -47px;

}
.select-offre
{
    outline: none;

}

input#floatingcpr {
    border: 2px dashed;
}
.templateImg {
    background-image: url('../../image/logo_web.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.carte-holder
{
    max-width: 690px;

}

.templateContenu {
    background-color: #ffffff;
    padding: 39px;
   /* padding-bottom: 30px;*/
    margin: 35px;    /* border: 1px solid red; */
    outline:1px solid #9b9b9b;
    outline-offset: -14px;
    min-height: 284px;
    align-items: center;
    display: grid;
}
.templateContenu.templateContenu-second {
    outline: 2px solid #ffffff;
}
.gray-light{
        background: #e8e8e87a;
}
.btn-gift{
        padding: 10px;
        cursor: pointer;
        width: 93%;
        margin: 10px auto 0;
        border: 4px solid #e8e8e8;
   
}
.WIDTH{/* width:100%; */}
.option.WIDTH{ width:100%;}

.messageOffre
 {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 400;
    border: none;
    width: 100%;
    border-bottom: 2px dotted #bababa;
    min-height: 80px;
    text-align: center;
}
.messageOffre:focus
{
  outline:none;
}
.templateImg .oeuvre-img
{
    align-items: center;
    display: inline-flex;
}
.templateImg .oeuvre-qr
{
    align-items: flex-end;
    display: inline-flex;
}
.align-item
{
    align-items: center;
    display: inline-flex;
}
input#codeCopie:focus {
    outline: none;
}

.panier-appliquer {
    padding: 11px 18px !important;
    font-size: 13px;
    margin-top: 25px;
}
.hr-carte
{
    margin: 0;
    margin-bottom: 10px;
    width: 30%;
}
ul.qte-holder li.fontSmall {
    font-size: 0.73em;
}
ul.qte-holder.holder-width{
    width: unset;
}
.change-oeuvre
{
    position: absolute;
    /* flex-direction: column; */
    bottom: 7px;
    z-index: 99;

    font-weight: 700;
}
.fs-12
{
    font-size: 12px;
}
.btn-notif
{
    padding: 7px 19px;
}

/* .home-bandeau */
/* { */
 
        /* position: relative; */
        /* top: 80px; */
        /* z-index: 1; */
        /* padding: 10px 9px; */
        /* text-align: center; */
        /* background-color: #fafafa; */
        /* box-shadow: inset 0px 3px 5px 1px rgb(0 0 0 / 3%); */
   
/* } */
.home-bandeau-container{z-index: 1;width: 100%;top: 100%;position: absolute;top: 80px;/* padding: 21px 3%; */background-color: #fafafa;box-shadow: inset 0px 3px 5px 1px rgb(0 0 0 / 3%);}
.home-bandeau {
    font-weight: 500;
    width: 100%;
    top: 0%;
    z-index: 9999999;
    padding: 10px 3%;
    text-align: center;
    background-color: #fafafa;
    box-shadow: inset 0px 3px 5px 1px rgb(0 0 0 / 3%);
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
   
  }
 
  .home-bandeau span {
    display: inline-block;
    padding-left: 100%;
    animation: home-bandeau 18s linear infinite;
  }
 

  @keyframes home-bandeau {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }
 
  .hideRegelement
  {
     bottom: -200px;

  }
 
a.btn.btn-3.btn-center.homeDecouvrir_
{
display:none;
}
span.fav-btn.star i {
   color: #ffffff !important;
}
.container.carre-format-holder {
    padding: 0 7%;
}
div.carre-format {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-between;
}

/* .slide-home-top-1 .oeuvre-item {
    margin: 0px;
    padding: 10px !important;
 
} */
#univers .slide-home-top-1 .oeuvre-item, #oeuvres .slide-home-top-1 .oeuvre-item, #oeuvres_collection .slide-home-top-1 .oeuvre-item  {
   /*   outline: 11px solid black;
    outline-offset: -21px; */
   outline: 11px solid white;
   outline-offset: -22px;
   border: 24px solid var(--accent2,#120833);
   margin: 0px;
   padding: 4px !important;
}
a.carre-bg
{
 /* margin: 0px 0; */
 /* padding: 30% 20%; */
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 100%;
 /* min-height: 604px;
 */
 margin-bottom: 17px;
 margin-top: 9px;
 color: #120833;
 }

.the_playlist.carre-format div {
    padding: 0 !important;
    text-align: center;
    margin-top: 3px;
}

.carre-format div,.carre-format .artiste-item,.slide-home-top-4 .oeuvre-item {
    padding: 10px;
    margin: 0;
}
.slide-home-top-4 .owl-nav button.owl-prev ,
.slide-home-top-4 .owl-nav button.owl-next
{
        transform: translate(-50%, -50%);
 }
 .slide-home-top-4 .owl-nav button.owl-next {
    right: -13px;
}


div.search-filter ul  {
    z-index: 9;
    position: relative;
    background-color: var(--accent2,#1f1348);
    color: var(--accent2,#ffffff);
    list-style: none;
    text-align: left;
    padding: 10px;
    border: 2px solid #0e7ed31c!important;
    padding: 15px;
    border: 2px
 solid;
    width: 100%;
    margin: 0.2rem
 0 0.7rem;
    border-radius: 0;
    transition: unset;
}

ul.sub-filter {
    background-color: white;
    padding: 0;
}
.search-filter{
    position: relative;
}

.search-filter ul.sub-filter {
    position: absolute;
    border: none;
    padding: 11px 16px;
    margin: 0;
    /* transition-duration: .3s; */
    width: calc(100% + 70px);
    /*  padding-top  : 20px; */
    position     : absolute;
    z-index      : 9;
    top: 60px;
    /* left: -17px; */
    background: var(--accent2,#2a2a7c);
    border-radius: 0;
    border: 2px solid var(--accent2,#0e7ed378) !important;
    /* border-top   : 0; */
    z-index: 1;
    transition: unset;
}



li.choixFilter .option-filter {
    width: 100%;
    border: 1px
 solid transparent;
    border-radius: 3px;
    /* padding: 5px
 10px; */
    display: inline-block;
    margin: 1% 0 2%;
    text-align: left;
    background: transparent;
    color: var(--accent3,#ffffff);
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}


.choixFilter input {
    visibility: hidden;
    width: 0;
}
li.choixFilter .option-filter:before {
    content            : "";
    width: 13px;
    height: 13px;
    display            : inline-block;
    margin-right: 12px;
    outline            : 3px;
    outline: 2px solid #ffffff;
    transition-duration: .3s;
}
li.choixFilter .option-filter.active:before {
 background-color: #ffffff;
 border: 3px solid #120833;
}

li.parent.hassub.active i.bi.bi-chevron-down:before {
    transform: rotate(180deg);
    transition-duration: .3s;
}
.option-filter img {
    width: 37px;
}
li.parent.hassub {
    cursor: pointer;
    position: relative;
}
.parent img {
    margin-top: -5px;

    /* transform: translate(-50%,-50%) !important;
    position: absolute;
    top: 50%;
    left: 50%; */
}
.parent.hassub i.bi.bi-chevron-down {
    float: right;
    font-size: 19px;
    line-height: 0;
   transition-duration: .3s;

}
#budget-data .option-filter span, #orderBy .option-filter span, #medium-data .option-filter span,#Gamme-data .option-filter span {
    /* width: 100%; */
    width: 85%;
}
#theme-data .option-filter span, #style-data .option-filter span{
   /* padding-left:17px; */
   width: 70%;
}
#budget-data div label.option-filter {
    padding: 5px 0;
}
.search-filter ul.open-dropdown-item,div.search-filter ul.search-icons.open-dropdown-item{border-radius: 0;/* border-bottom: 0; *//* padding-bottom: 21px; */height: 58px;/* margin-top: 9px; */border: 2px solid var(--accent2,#0e7ed378) !important;color: var(--accent3,#ffffff);background-color: var(--accent2,#2a2a7c);border-bottom: 0 !important;}
ul.search-icons ~ .sub-filter{
    width: max-content;
}

ul.search-icons li i {font-size: 17px;line-height: 0;color: var(--accent2,#ffffff);}


.section.gray.search-bandeau {
    position: fixed;
    width: 100%;
    z-index: 9;
    padding-top: 5.4rem;
    padding-bottom: 0rem;
    background-color: #120833;
}
div.search-page {
    padding-top: 3.8rem!important;
}
.page-item i.bi.bi-arrow-left-short ,.page-item i.bi.bi-arrow-right-short {
    font-size: 24px;
    line-height: 0;
}
div.search-filter ul.search-icons {
    background-color: transparent;
    text-align: center;
    border-color: transparent !important;
    padding: 15px 13px;
}
.count-notif, #parent-count {
    margin-left: 7px;
    text-align: center;
    font-size: 10px;
    color: var(--accent2,#ffffff);
    background: var(--accent1,#0e7ed3);
    display: inline-block;
    height: 19px;
    line-height: 21px;
    width: 19px;
}
.search-filter label.orientation {
    /* margin: 0 4px; */
}
.search-width
{width: 71px;}
.results {
    font-size: 12px;
    color: var(--accent2,#ffffff);
    margin-top: -6px;
    width: fit-content;
    display: inline-block;
    vertical-align: revert;
    margin-left: 10px;
}
label.removeFilter-search
{
    position: absolute;
    top:10px;
    right: 14px;
    font-size: 10px;
    cursor: pointer;
    color: #ff2237;
}
#keyword-data input,#keyword-data input:focus-visible {
    /* border: none; */
   border-color: #e5e5e5;

}
.parentTitle
{
    font-weight: 500;
    color: var(--accent3,#bababa);
    padding: 9px 0;
}

.search-filter label.option.alphabet-option {
    margin: 3px;
    font-size: 12px;
    max-width: 13px;
}

.show-mode.pe-0  {
    font-size: 25px;
    padding: 13px 0;
    color: var(--accent2,#ffffff);
}
.search-page i.bi.bi-app {
    font-size: 27px;
    vertical-align: middle;
cursor: pointer;

}

.search-page i.bi.bi-grid,.search-page
i.bi.bi-grid-3x3-gap {
    vertical-align: middle;
   cursor: pointer;

}

.search-page .oeuvre-item a{
  width:100%;
  /* height: 100%; */
}
a.zoom-demo {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}
.container a.scroll-mouse {
    top: 0;
    margin: 0px auto 10px !important;
    color: #ffffff;
}
/* div#services div.carre {
    min-height: 285px;
} */

#services .carre-text {
    justify-content: start;
}
#services h3{
    font-size: 58px;
    margin: 0;
    margin-left: -4px;
}
.artiste-data {
    padding: 15px;
    padding-bottom: 0;
    background-color: white;
    /* margin: 17.5% 22%; */
    box-shadow: 0 0 20px 4px rgb(0 0 0 / 39%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.artiste-data h6 {
    padding: 31px 0;
    font-size: 16px;
    word-break: break-all;
    line-height: 0;
    font-weight: 600;
    margin: 0;
}
.mise-btns {
    position: absolute;
    bottom: 6px;
    right: 1px;
    width: 50%;
}
.mise-btns a {
    /* width: 100%; */
    margin: 7px auto;
}
.select-top select {
    padding: 5px 16px;
    font-weight: 600;
    cursor: pointer;
    background-color: #ffffff36;
    color: #120833;
    backdrop-filter: blur(5px);
}
.select-top {
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 17px;
    width: 67px;
}
.artiste-item .select-top {
    top: -2px;
    right: unset;
}
.search-filter ul.sub-filter.row.row-width{
    width: calc(100% + 300px);
}
.menu ul li:last-child {
    margin-right: 0;
}

/* .row.oeuvre-container    
{
    min-height: 800px;  
} */
.modal-backdrop.fade.show {
    z-index: 9;
}
.search-filter.d-sm-none
{
    width: 300px;
}
ul.sub-menu.artiste-sub-menu li a {
    font-size: 10px;
}


.slide-thumb  img {
    width: 100%;
    padding: 3px;
    margin-top: 0;
    /* margin-bottom: 5px; */
}


.row.oeuvre-container {
    position: relative;
}
.slide-fiche-oeuvre .mise_ensituation
{
    max-width: 740px;
    margin: auto;
    padding: 1px;
}
.oeuvre-galerie
{
    border: 0;
    outline: 0;
    padding: 3px;
    margin: 4px 0px 3px;
    width: 100%;
    height: auto;
}
/* .carre.oeuvre-galerie {
   
    padding: 2px;
    margin: 0;
} */
.slide-home-decouvrir img.mise_en_situation_art,.slide-fiche-oeuvre img.mise_en_situation_art
{
    cursor: unset;
}
.slide-home-decouvrir .owl-item{
    padding: 0 13px !important;
}


.btn-gauche {
    text-align: center;
    padding: 30px;
    background-color: #000000;
    /* color: white; */
    /* outline: 2px solid white; */
    border: 3px solid;
    width: 49%;
}

.btn-droite {
    padding: 30px;
    text-align: center;
    border: 3px solid #e9e9e9;
    width: 49%;
}



.col-6.btn-gauche a {
    color: white;
    /* text-transform: uppercase; */
    font-size: 43px;
}
.btn-droite a {
    font-size: 43px;
}

.section-space {
    padding: 45px 0 56px;
}
#services .carre-text strong{
    display: inline-block;
   
}
#services .small-text{
    font-size: 25px;
    font-weight: 400;
}

.fancyslide h3 {
    position: absolute;
    padding: 10px 29px;
    background: #fff;
    left: 25px;
    bottom: 136px;
}

.fancyslide h4 {
    position: absolute;
    padding: 7px 30px;
    background: #000;
    color:#fff;
    left: 25px;
    bottom: 88px;
}


.fancyslide a.event-oeuvre-click {
    position: relative;
    width: 100%;
    display: inline-block;
}

.fancyslide a.special {
    /* position: absolute;
    left: 36px;
    bottom: 33px;*/
    display: inline-block;
    /* min-width: 130px; */
    width: 170px;
   /*  left: calc(100% - 381px); */
    /*border: 3px solid #aaa;*/
}
.fancyslide a.special2.special3 {
/* left: calc(100% - 206px); */
}
.fancyslide a.special2 {
    /* position: absolute;
    left: calc(100% - 206px);
    bottom: 33px; */
  /*   display: inline-block;
    width: 170px; */
}

.fancyslide .col-md-6.col-lg-6.col-12 {
    position: relative;
}
.fancyslide h4.mise-text {
    bottom: 231px;
    top: unset;
    cursor: pointer;
}

.fancy-btn-containter {
    position: absolute;
    right: 21px;
    bottom: 15px;
    z-index: 99;
}
.mise_ensituation .fancy-btn-containter {
    position: absolute;
    right: 9px;
    bottom: 9px;
}
a.btn.btn-capture
{
    border: 2px solid black;
    border-radius: 0;
    background-color: white;

}
.mise_ensituation a.btn.btn-capture {
    position: absolute;
    bottom: 20px;
    right: 20px;
    border: 4px solid #e8e8e8;
}
span.btn-cad.fav-btn {
    position: absolute;
    right: 9px;
    top: 8px;
    background: #fff;
    padding: 4px 5px 0px 7px;
    border-radius: 5px;
}
span.btn-catalogue-mise{
    position: absolute;
    top: 9px;
    left: 9px;
    font-size: 10px;
    background: rgb(255 255 255);
    padding: 3px 5px 0px 5px;
    border-radius: 5px;
    overflow: hidden;
     opacity: 0;
    /* color: #0d6efd; */
}
span.btn-cad.fav-btn small {
    font-size: 10px;
}

span.btn-cadeau.fav-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    font-size: 17px;
    background: rgb(255 255 255);
    padding: 3px 5px 0px 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
    opacity:0;
}

span.btn-cadeau.fav-btn small {
    font-size: 11px;
    padding: 5px;
    position: relative;
    top: -3px;
    width: 0;
    display: inline-block;
    overflow: hidden;
    height: 18px;
    margin-right: -11px;
}
span.btn-catalogue-mise small {
    font-size: 11px;
    padding: 3px 6px;
    position: relative;
    /* top: -3px; */
    width: 0;
    display: inline-block;
    overflow: hidden;
    height: 18px;
    margin-right: -11px;
}

span.btn-cadeau.fav-btn:hover small {
    margin-right: 0;
    width: 99px;
    padding-right: 0px;
    color: #000;
}
span.btn-catalogue-mise:hover small {
    margin-right: 0;
    width: 106px;
    padding-right: 0px;
    color: #000;
}


.artiste-item:hover .btn-cadeau, .oeuvre-item:hover .btn-cadeau , .oeuvre-item:hover .btn-catalogue-mise {
    opacity: 1;
}
span.btn-catalogue-mise img {
    width: 20px;
    max-width: 34px;
    margin-top: -4px;
    margin-bottom: 4px;
}
.oeuvre-item:hover a {
    color: #000!important;
}
.best-link.text-center {
  font-size: 12px;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: 5px;
  display: none;
}
.best .best-link.text-center {display: block;}
.home-type-texte
{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.slide-home-decouvrir img.mise_en_situation_art {
    margin-top: -100%  !important;
    overflow: hidden;
    transition-duration: 1000ms;

}

.slide-home-decouvrir .owl-item.active.center  img.mise_en_situation_art {
    /* top: 3% !important; */
    margin: unset !important;
    transition: 1.9s ease-out;
}
.fancyslide .mise_ensituation a.special2 {
    /* left: calc(100% - 192px) !important; */
}

.fancyslide .mise_ensituation a.special {
    /* left: calc(100% - 369px);
    z-index: 9; */
}
/* .fancyslide .special.type-texte {
    position: unset;
    margin: 2px 6px 0 0;
} */
/* .panzoom {
    cursor: all-scroll;
} */

.carre-text p {
    font-size: 18px;
    margin: 0;
}

.gift:after {
   background: url('https://llvf9327.twic.pics/v1/resize=650x650/quality=93/image:../image/web-photo_cadeau.png');
    background-size: 300px;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    content: "";
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}
/* #bottom a:hover .a2a {
    visibility: visible;
    filter: grayscale(0);
    margin-right: 0;
}
#bottom a .a2a {
    visibility: hidden;
    filter: grayscale(0);
    margin-right: -4%;
} */
#bottom a h2 {
    display: inline;
   
}
#bottom a:hover {
    color : #000;
}
.icon-click {
    width: 45px;
    position: absolute;
    right: -25px;
    top: 28px;
    opacity: 0.8;
     visibility: hidden;
}
.move:after {
    background: url('../../image/hand-swipe1.gif');
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px;
 
    left: 10%;
    bottom: 15%;
    opacity: 1;
    z-index: 999;
    filter: brightness(4.5) drop-shadow(2px 1px 0px black);
}
.upload p {
   margin: 0px;
    font-size: 8px;
   
}

div .buttons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    font-size: 25px;
    padding: 5px;
    background: rgb(255 255 255 / 68%);
}
div .buttons .close {
    font-size: 21px;
}
.buttons span {
    padding: 6px 14px;
}
.slide-fiche-oeuvre img.zoomi,
.slide-fiche-oeuvre img.oeuvre-image
{
    width: initial;
    max-height: 795px;
    margin: 0 auto;
    height: auto;
    max-width: 100%;

}
.carre .carre-content {
    display: grid;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 305px;
}



span.icon-capture{
    position: absolute;
    bottom: 9px;
    right: 9px;
    font-size: 17px;
    background: rgb(255 255 255);
    padding: 3px 5px 5px 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

span.icon-capture small {
    font-size: 11px;
    padding: 5px;
    position: relative;
    top: -2px;
    width: 0;
    display: inline-block;
    overflow: hidden;
    height: 19px;
    margin-right: -11px;
    transition: 0.2s linear;
}

span.icon-capture:hover small {
    margin-right: 0;
    width: fit-content;
    padding-right: 0px;
    color: #000;
   
}
label.slide-mise{
   position:relative;
}
label.slide-mise .upload {
    font-size: 14px;
    line-height: 1;
}

.slide-mise .upload p {
    font-size: 6.5px;
}
    .mobile-home ,.home-text-description
    {
        display: none !important;
    }
 .index .owl-dots
    {
        margin-top: 12px;
    }
   
/* #artisteForm .search-filter ul.sub-filter { */
    /* top: 60px; */
/* } */
#side-menu {
width: 165px;
height: 100%;
display: block !important;
float: left;
visibility: hidden;
background-color: #000000;
}
#side-menu ul {
margin: 0;
padding: 0;
width: inherit;
}
#side-menu ul li {
list-style-type: none;
margin: 0px 0;
/*border-bottom: solid #6d6d6d 1px;*/
}
#side-menu ul li a:link, #side-menu ul li a:visited {
border-bottom: solid #333 1px;
color: #fff;
font-size: 14px;
font-family: arial;
text-decoration: none;
width: 165px;
display: block;
padding: 10px 0px 10px 10px;
text-shadow: 0px 1px 1px #000000;
}
#side-menu ul li a:hover, #side-menu ul li a:active {
background-color: #716f6f;
}
#side-menu ul li a:hover span.icon {
background-position: 0 -40px !important;
}
#side-menu li a span.icon {
float: right;
width: 21px;
height: 20px;
background: transparent url('images/menu/menuIconsSprite.png') 0 0 no-repeat;
position: relative;
right: 20px;
top: -2px;
}
.etPlus-mobile
{
    display: none !important;
}
.text-slide1 {
    top: 26%;
    left: 44%;
    width: 54%;
}

.text-slide1 h1.h1-bold {
    font-weight: 900;
    font-size: 32px;
    color: #212529;
}
.text-slide1 h1.h1-light {
    font-weight: 200;
    font-size: 32px;
}
.text-slide1 h5.h5-light {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 2px;
}

.text-slide1 h5.h5-bold {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 2px;
}
.text-slide1.text-slide2 {
    right: 40% ;
    left: unset;
    text-align: right;
    top: 16%;
}
.text-slide1.text-slide3 {
    top: 13%;
    left: 36%;
    width: 63%;
}
.text-slide3 h5.h5-bold, .text-slide3 h5.h5-light {
    margin-bottom: 4px;
}
.text-slide1.text-slide3.text-slide5 {
    width: 62%;
    left: 43% ;
}

.text-slide5 h1.h1-bold,.text-slide5 h1.h1-light {
    font-size: 29px;
}
.text-slide4 h5.h5-bold,.text-slide4 h5.h5-light {
    font-size: 24px;
}

.text-slide1.text-slide4 {
    width: 59%;
}
.text-slide1.text-slide7{
    top: 18%;
}
.mt-slide7 {
    margin-top: 107px;
}
.text-slide1.text-slide8
{
    top: 23%;
    right: 42%;
}
.text-slide1.text-slide9 {
    left: 46%;
    top: 20%;
}
.text-slide1.text-slide10 {
    left: unset;
    right: 44%;
    text-align: right;
    top: 18%;
}
.mt-slide1 ,.mt-slide2 ,.mt-slide3 ,.mt-slide4 ,.mt-slide5,.mt-slide6 ,.mt-slide8 ,.mt-slide10 {
    margin-top: 26px;
}
.mt-slide9 {
    margin-top: 46px;
}
.col-12.text-pourquoi ,.col-12.text-pourquoi a{
    font-size: 17px;
}
.slide-page-pourquoi-top .owl-item {
    padding: 0 17px !important;
}

div.pourquoi-slide {
    position: relative;
    cursor: pointer;
    padding: 8px 6px;
}
div.pourquoi-slide:after {
    content: attr(data-slide-number);
    position: absolute;
    top: 13px;
    right: 11px;
    background-color: #f5f5f5c9;
    width: 22px;
    text-align: center;
    color: #212529;
    font-weight: 600;

}
.titre-pourquoi h2 {
        font-size: 29px;
        margin-bottom:0px;
}
.titre-pourquoi
{
    text-transform: none;
    margin-left: 3px;
    margin-top: 3px;
}
.slide-page-pourquoi ,.slide-page-pourquoi-container {
    display: flex;
    vertical-align: bottom;
    align-items: flex-end;
}

div.slide-page-pourquoi-top {
    padding-bottom: 5px;
    margin-top: 28px !important;
}

.oslide-gallerie .carre-image {
    filter: none;
}
.carre-image:hover .upload, .carre-image:hover h3.blockTitle {
    opacity: 0;
}
div.alert-safari {
    padding: 4px;
    position: fixed;
    top: 81px;
    width: 100%;
    background-color: red;
    z-index: 99;
}


.text-yellow
{
    color: #f6ff07!important;

}
.home-playlist .sous-title {
    line-height: 1.4;
}
span.playlist-count:after {
    content: "";
    height: 4px;
    width: 4px;
    background-color: #ff5050;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px;
}
span.playlist-light {
    display: inline-block;
    font-weight: 300 !important;
    font-size: 9px;
    /* padding: 11px 0; */
}
a.playlist-decouvrir {
    border: 4px solid #3be08a;
    padding: 7px 49px;
    background: #fff0;
    cursor: pointer;
    margin: 10px 3px;
    width: fit-content;
    position: absolute;
    text-align: center;
    bottom: 0px;
    font-size: 16px;
}
/* espace b2b*/
.modal-connexion .form-floating>label {
    font-size: 14px;
    font-weight: 600;
}
.modal-connexion label.option-compte {
    margin: 7px 13px;
}



.playlist-carre .meta.artist-meta {
    text-align: left;
    /* margin: 18px; */
    padding: 7px 18px;
    right: 0;
    background-color: transparent;
    position: unset;
    /* border: 12px solid white; */
    bottom: 0;
    /* display: block; */
    /* width: 93%; */
    margin-top: -6px;
}
.playlist-carre .meta.artist-meta div {
    padding: 1px 0px;
}
div.playlist-carre img.oeuvre-img ,div.playlist-carre img.artiste-img {
    border-radius: 6px;
}
div.playlist-carre picture.artise-pp {
    position: absolute;
    top: -14px;
    padding: 0;
    border-radius: 9px;
    border: 3px solid white;
}
div.playlist-carre div.infos {
    margin-left: -3%;
}
.playlists div.search-page
{
    padding-top: 3px!important ;
}
.playlist-carre {
    position: relative;
    /* margin-bottom: 21px; */
}
.home-top .slide-home-decouvrir .owl-item{
    padding: 0  !important;
}
.home-top .meta.artist-meta {
    background-color: transparent;
    padding: 9px 0;
}

.home-squares .playlist-carre .oeuvre-item {
    padding: 5px !important;
}
#client-listing li {
    margin: 6px;
    border: 0 solid;
    background-color: #fafafa;
    padding: 13px 22px;
    box-shadow: 1px 2px 4px #9b9b9b26;
}
.nombre-oeuvres {
    position: absolute;
    top: 18px;
    z-index: 9;
    background-color: #ffffff5c;
    right: 31px;
    padding: 1px 9px;
}
.playlist-by:before {
    content: "";
    height: 8px;
    width: 8px;
    display: inline-block;
    background-color: red;
    margin-right: 2px;
}


.playlist-save.fav-btn,.playlist-copy.fav-btn {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 17px;
    background: #f8f9fa;
    padding: 1px 5px 0px 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
    opacity:0;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: 0.5 ease;
}

.playlist-save.fav-btn small,.playlist-copy.fav-btn small {
    transition: 0.5s ease;
    font-size: 10px;
    padding: 5px;
    position: relative;
    top: 0px;
    width: 0;
    display: inline-block;
    overflow: hidden;
    height: 19px;
    margin-right: -11px;
}

.playlist-save.fav-btn:hover small , .playlist-copy.fav-btn:hover small {
    margin-right: 0;
    padding-right: 0px;
    color: #000;
    width: 121px;
}

.oeuvre-item:hover .playlist-save, .playlist-carre:hover .playlist-save, .playlist-carre:hover .playlist-copy, .oeuvre-item:hover .playlist-remove-item, .playlist-carre:hover .playlist-remove-item, .oeuvre-item:hover .gamme-icon,#playlist-modal .oeuvre-item:hover .oeuvre-timer {
    opacity: 1;
    z-index: 9;
}
.playlist-remove-item {
    line-height: 1.3;
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 15px;
    background: #f8f9fa;
    padding: 0px 3px 1px 3px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
    opacity:0;
    border: none;
    cursor: pointer;
    transition: 0.5s ease;
    font-weight: 500;
}

.playlist-remove-item.fav-btn small {
    font-size: 10px;
    padding: 0;
    position: relative;
    top: 0px;
    margin: 0;
    width: 0;
    display: inline-block;
    overflow: hidden;
    height: 11px;
    transition: 0.5s ease;
    /* margin-right: -11px; */
}

.playlist-remove-item.fav-btn:hover small {
    margin-right: 0;
    width: 39px;
    padding-right: 0px;
    color: #000;
    z-index: 11;
}
.f-9 {
    font-size: 9px !important;
}

.f-10{
    font-size: 10px !important;
}
.f-11{
    font-size: 11px !important;
}
.f-12{
    font-size: 12px;
}
.f-13{
    font-size: 13px !important;
}
.f-14{
    font-size: 14px !important;
}
.f-15{
    font-size: 15px !important;
}
.f-16{
    font-size: 16px !important;
}
.f-25{
    font-size: 25px;
}
.f-50{
    font-size: 50px;
}

p.card-text.playlist-actions {
    padding-top: 13px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.playlist-actions span.save {
    background-color: #0d6efd;
    color: #f9fafb;
    border: 2px  solid #0d6efd;
}

.playlist-actions span.save img
{
    width: 100%;
    max-width: 19px;
    margin-right: 3px;
}
.playlist-actions .see_playlist {
    background-color: #212529;
    color: white !important;
    border: 1px solid black;
}

a.link-new-playlist {
    /* border-bottom: 2px dashed; */
    font-size: 14px;
    color: #0d6efd;
    /* margin-right: 24px; */
    text-transform: uppercase;
    margin: 14px 0;
}

.toast.bg-success {
    color: #099b51;
    background-color: white !important;
    font-weight: 600;
}
.toast.bg-danger {
    color: #ab232a;
    background-color: white !important;
    font-weight: 600;
}

a.icon-playlist i,a.icon-profil i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.client-actions a.icon-playlist:hover i ,.client-actions a.icon-profil:hover i {
 
    background-color: #e1e1e1;
   
}
.client-actions {
    display: flex;
    align-items: center;
}
#fiche-playlist input.noborder {
    border: none;
    display: inline-block;
    width: fit-content;
    border-bottom: 1px dotted #bababa;
    border-radius: 0;
    vertical-align: bottom;
    margin: 0;
    padding: 0% 0% 0% 0%;
    background: url(/image/001-edit.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 100% 85%;
}

#fiche-playlist input.noborder:focus {
    background: none;
    border: none;
    outline: none;
    border-bottom: 1px dashed #000;
}
.or {
    border-bottom: 1px solid #dee2e6;
    line-height: 0.1em;
  }
 
  .or span {
     background: #ffffff;
     padding:0 10px;
  }
  .playlist-carre .playlist-save img ,.playlist-carre .playlist-copy img{
    max-width: 23px;
    display: inline-block !important;
    margin-bottom: 6px;
}

.playlist-carre .playlist-save.fav-btn:hover small {
    width: 89px;
}
.playlist-carre .playlist-copy.fav-btn:hover small {
    width: 109px;
}
input.keyword
{border: 0;border-bottom: 1px solid #e5e5e5;/* background-color: #fafafa; *//* color: #dddddd !important; */}

input.keyword:focus {
    /* background-color: transparent; */
    border-color: unset;
    box-shadow: unset;
}
.views,.easel
{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-weight: 600;
    color: #ffffff;
}
.playlist-carre .meta.artist-meta .iconsHolder
{
    font-size: 13px;
}
.playlist-by.cl:before {
    background-color: #0d6efd;
}
.playlist-by.dif:before {
    background-color: #0dfd6d;
}

.playlist-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1px;
    justify-content: flex-end;
    flex-wrap: nowrap;
}
.carre-add .carre-add-content {display: grid;border: 3px dashed #9f9f9f;padding: 17px 13px;position: relative;margin: 9px 0;}

.carre-add .carre-add-content:hover {border-color: black;}


.row.slide-playlist .owl-stage-outer {
    padding: inherit;
}
.row.slide-playlist .owl-carousel.owl-drag .owl-item
{
    padding: 0;
}
.row.slide-playlist .oeuvre-item
{
    width: 100vh;
    /* margin: 0; */
}

.close-show-playlist {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 25px;
    font-size: 20px;
    z-index: 999;
}

.row.owl-carousel.nav-center.slide-playlist.owl-loaded.owl-drag {
    margin: 0;
}



.squares.playlist-carre .meta.artist-meta {
    padding: 7px 2px;
}
.gamme-abonnement label.option-choix input+span {
    width: fit-content !important;
    padding: 11px 12px;
}
.gamme-abonnement label.option.option-choix
{width: fit-content;margin-right: 6px !important;}
.playlist-actions .item {
    font-size: 12px;
    line-height: 1.27;
    font-weight: 600;
    padding: 6px 14px;
    /* border-radius: 2px; */
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 5px;
    color: black;
}

.playlist-actions .item i {
    font-size: 16px;
    margin-right: 5px;
}
.playlist-actions .download_playlist {
    background-color: #00ed07;
    border: 2px solid #00ed07;
    color: white;
}

.playlist-actions span.trash {
    outline: 2px solid;
    outline-offset: 0px;
}

.playlist-actions span.save span {
    vertical-align: middle;
}
.playlist-actions .download_playlist:hover {
    background-color: #02dc09;
    border-color: #02dc09;
}
.playlist-actions span.save:hover {
    background-color: #0960e0;
    border-color: #0960e0;
}
#abonnement_add button.btn-close {
    position: absolute;
    right: 29px;
    top: 25px;
}
#abonnement_add .form-floating>.form-select~label, #abonnement_add .form-floating>#floatingccv~label {
    transform: scale(.85) translateY(-0.5rem) translateX(0.69rem);
}

.home-squares
{
    display: flex;
    /* flex-wrap: nowrap; */
    /* height: 100%;  */
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    /* padding: 13px 55px 0; */
    margin-top: 16px;
}
.section-home-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 73px;
    text-align: center;
    padding: 20px;
    flex-direction: column;
    padding: 0 10%;
    margin: 0;
    background-color: #ffffffed;
}
.section-home-page .sous-title {
    margin: 30px 0 10px;
    color: #000000;
    opacity: 1;
}

.section-home-page .circle {
    position: absolute;
    width: 82%;
    height: 82%;
    border-radius: 50%;
    z-index: 9;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    display: grid;
    align-content: center;
    align-items: center;
    transition: 0.5s ease-in;
    /* scale: 0; */
    cursor: pointer;
}
.section-home-page .circle.bg-red{
    background-color: #e20117;
    color: white;
}
.section-home-page .circle.bg-green{
    /* background-color: #89f38c; */
    color: white;
}
.section-home-page .circle.bg-blue{
    background-color: #3e80e1;
    color: white;
}
.section-home-page .circle p {
    padding: 0 28px;
    font-size: 14px;
}
.small-title-test {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
    margin: 0px 0 20px;
    font-size: 13px;
}

.section-home-page .main-title {
    margin: 0;
    font-size: 51px;
    transition: 0.1s ease;
    position: relative;
    width: fit-content;
    margin: auto;
    margin-top: -4px;
}
.small-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
    /* color: #5a5a5a; */
}
.circle .title {
    padding: 0 30px;
    margin-bottom: 20px;
}
.hidden-title {
    height: 0;
    position: relative;
    width: 0;
    display: inline-block;
    overflow: hidden;
    transition: 0.1s ease;
    font-size: 35px;
}

.main-title:hover .hidden-title {
    width: 271px;
    height: fit-content;
    overflow: auto;
    /* display: unset; */
    top: 9px;
    text-align: left;
}
.section-home-page .circle.zoom {
    /* scale: unset; */
}
.section-home-page span.a2a.a2a-large {
    font-size: 61px;
    bottom: 18px;
    right: 0;
    left: unset;
}
.section-home-page2 .top-container {
    display: flex;
    align-content: center;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    padding: 0% 6%;
}


.section-home-page2 .main-title {
    margin: unset;
    font-size: 37px;
}

.section-home-page2 .sous-title {
    text-align: left;
    line-height: 1.5;
    margin-bottom: 3px;
    font-size: 17px;
    margin-top: 21px;
}

.section-home-page2 .small-title {
    text-align: left;
    margin-bottom: 0;
    letter-spacing: 0;
    text-transform: none;
    font-size: 18px;
    font-weight: 500;
}

.top-container a.oeuvre-item {
    /* visibility: hidden; */
}
.section-home-page2 .home-squares {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0px;
    background-color: #f6f6f6;
    padding: 0 5%;
    margin: auto;
    height: 0;
    align-content: center;
    height: 100%;
}

.section-home-page2 {
    padding:  0;
    justify-content: space-between;
    margin: 0;
    height: 100%;
}
.home-squares .playlist-carre {
    margin-bottom: 0;
    cursor: pointer;
}
.top-container .circle .title {
    margin-bottom: 10px;
}
.section-home-page3 .bground {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 100%;
    width: 100%;
    /* background-color: white; */
    opacity: 0.9;
    filter: blur(5px);
    /* -webkit-filter: blur(2px); */
    position: fixed;
    z-index: -1;
    top: 0;
    transition: background-image 0.9s ease-out;
    background-image: url(../../b2b/media/te-le-chargement-1500.jpg);
    /* background-image: url(../../b2b/media/1303314642photo_art_in_the_workplace2-1500.webp); */
}
.section-home-page4 .bground {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    filter: blur(7px);
    /* -webkit-filter: blur(2px); */
    position: fixed;
    z-index: -1;
    top: 0;
    transition: background-image 0.9s ease-out;
    background-image: url(../../b2b/media/te-le-chargement-1500.jpg);
    /* background-image: url(../../b2b/media/1303314642photo_art_in_the_workplace2-1500.webp); */
   }
.section-home-page5 .bground {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    filter: blur(5px);
    /* -webkit-filter: blur(2px); */
    position: fixed;
    z-index: -1;
    top: 0;
    transition: background-image 0.9s ease-out;
    background-image: url(../../b2b/media/te-le-chargement-1500.jpg);
    /* background-image: url(../../b2b/media/1303314642photo_art_in_the_workplace2-1500.webp); */
   }
.section-home-page .playlist-carre:hover {
    scale: 1.03;
}
.section-home-page .playlist-carre {
    transition: 1s ease;
}
.section-home-page2 .top-container .playlist-carre {
    display: flex;
    justify-content: flex-end;
}

.section-home-page4 .home-squares {
    padding: 0% 9%;
    width: 100%;
    height: 69%;
    margin: auto;
    /* background-color: unset; */
    /* position: absolute; */
    /* bottom: 0; */
    /* height: 55%; */
    background-color: #ffffff;
}

.section-home-page4 .top-container .playlist-carre {
    /* padding: 0 !important; */
}

.section-home-page4 .top-container .circle,.section-home-page2 .top-container .circle {
    /* right: 41%; */
    /* height: 100%; */
    /* width: 100%; */
    padding: 0;
    position: absolute;
    top: 0;
}
.section-home-page3 .home-squares {
    /* margin: 33px 55px 0; */
}
.section-home-page4 .top-container {
    /* padding: 0.9% 0; */
}
div.square-green h6:before {
    border-color: #00c906 !important;
}

div.square-blue h6:before {
    border-color: #004fc7;
}
.section-home-page2 .sous-title {
}

.circle-blue {
    margin: 11px 0;
    background-color: #3e80e1;
    color: white;
    padding: 23px;
    cursor: pointer;
    border-radius: 50%;
    height: 155px;
    width: 155px;
    display: grid;
    align-items: center;
    justify-items: center;
    align-content: center;
}
.section-home-page2 .playlist-carre:hover {
    scale: 1.02;
}
.section-home-page2 span.a2a.a2a-large {
    font-size: 46px;
    bottom: 13px;
}
.section-home-page2 .circle p {
    font-size: 18px;
}
.section-home-page.section-home-page4 {
    padding: 0;
    display: unset;
    align-items: center;
    justify-items: start;
    justify-content: center;
    align-content: space-between;
}

.section-home-page4 .header {
    transition: background-image 0.9s ease-out;
    background-color: #ffffffb5;
    width: 100%;
    /* padding: 2.8% 10%; */
    height: 31%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}
.section-home-page4 .main-title {
    margin: -4 0 0 0;
    font-size: 49px;
}

.section-home-page4 .sous-title {
    margin: 28px 0 14px;
}

.section-home-page4 .small-title {
    margin-bottom: 0;
}
.section-home-page2 h6.title {
    font-size: 13px !important;
    /* padding: 0px 3px; */
    margin-bottom: 6px;
}

.section-home-page2 .top-container .circle p {
    font-size: 11px;
    padding: 0 5px;
}

.section-home-page2 .circle-blue p {
    font-size: 11px;
}

.section-home-page2 .circle .title {
    margin-bottom: 27px;
}
.section-home-page5 .home-squares {
    background-color: #ffffff;
}
.section-home-page5 {
    background-color: #ffffffd9;
}
.btn-add-playlist
{
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
}
.img-add-playlist
{
    width: 19px;
    margin-right: 5px;
    margin-bottom: 2px;
}
.playlist-item .accordion-button ,.accordion-item.add{
    padding: 16px 11px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    border-color: #ffffff30;
}
.playlist-item .accordion-body {
    padding: 0 8px 4px;
    /* background-color: rgb(255 255 255); */
    /* box-shadow: 0px 1px 5px 1px #f7f7f7; */
    border: 0;
    overflow-y: overlay;
    max-height: 165px;
    /* position: relative; */
    margin: auto;
    display: flex;
    background-color: #abdbff29;
    flex-wrap: wrap;
}
.playlist-item .accordion-button:not(.collapsed) {
    outline: unset !important;
    background-color: #abdbff29;
    border: 0;
    color: #ffffff;
    /* font-weight: 600; */
    /* border-bottom: 2px solid !important; */
    /* box-shadow: -1px -2px 5px -1px #f7f7f7 !important; */
}
.accordion-actions {
    position: absolute;
    /* background-color: white; */
    /* width: 100%; */
    z-index: 999;
    right: 0;
    top: -5px;
    /* text-align: right; */
    /* padding: 0 11px 7px; */
    /* width: 11px; */
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: flex-start; */
    /* height: 0; */
    /* transition: 2s ease; */
}

.accordion-item.playlist-item {
    position: relative;
}

.accordion-actions span:not(.a2a){
    /* padding: 13px; */
    /* margin: 2px 0px 2px 14px; */
    /* background-color: #ffffff; */
    font-size: 12px;
    /* height: 34px; */
    /* width: 34px; */
    /* text-align: center; */
    /* border: 1px solid #e5e5e5; */
    /* box-shadow: 0px 1px 4px 2px #e9ecef; */
    cursor: pointer;
    /* display: flex; */
    /* align-items: center; */
    font-weight: 600;
    /* justify-content: center; */
    /* opacity: 1; */
    width: 100%;
}
.accordion-button:focus {box-shadow: unset;}

.accordion-actions span.remove-playlist {
    /* font-size: 14px; */
    /* margin-right: 6px; */
}

.accordion-actions span:hover {
    opacity: 1;
}
.artworks-list #liste-oeuvre
{
    /* overflow: auto; */
    /* height: 100vh; */
}
.playlist-holder {
    /* padding: 0 59px; */
    margin-top: -5px !important;
}
.info-connected {
    display: inline-grid;
    font-weight: 500;
    font-size: 11px;
    text-align: left;
}

.playlist-holder .playlist-list {
    background-color: #120833;
    padding: 9px 28px !important;
    /* overflow: auto; */
    /* max-height: 300px; */
    position: relative;
}

.playlist-item .accordion-button:before {
    content: "";
    height: 6px;
    width: 6px;
    background-color: #a1a1a1;
    margin-right: 6px;
    /* opacity: 0.6; */
}

.playlist-item .accordion-button:not(.collapsed):before {
    opacity: 1;
}

.accordion-item.add {
    display: flex;
    justify-content: space-evenly;
    padding: 11px 2px;
}
/* .scroll-style::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 2px rgb(0 0 0 / 19%);
	background-color: #F5F5F5;
}

.scroll-style::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.scroll-style::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 1px solid #555555;
} */
/* Scrollbar Styling */
.scroll-style::-webkit-scrollbar {
    width: 3px;
}
 
.scroll-style::-webkit-scrollbar-track{
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.scroll-style::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #212529;
}

div#gallerie-disable::-webkit-scrollbar,div#a2a_body::-webkit-scrollbar,div#a2a_body .container::-webkit-scrollbar{
    width: 5px;
}
 
div#gallerie-disable::-webkit-scrollbar-track{
    background-color: #ebebeb;
   
}

div#gallerie-disable::-webkit-scrollbar-thumb,div#a2a_body::-webkit-scrollbar-thumb,div#a2a_body .container::-webkit-scrollbar-thumb{
    background: #0e7ed3;
}
.playlist-item .oeuvre-item a {
    vertical-align: middle;
}
.playlist-item .oeuvre-item:not(.ecran-item .oeuvre-item) {
    padding: 0 3px !important;
    margin: 0;
}
.playlist-item .meta.artist-meta ,.playlist-item .playlist-save,.playlist-item .playlist-copy {
    display: none;
}

.statut-playlist .form-check-input:checked {
    background-color: #3be08a;
    border-color: #3be08a;
}
.statutPlaylist:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #adadad;
    display: inline-block;
    border-radius: 50%;
    margin-right: 4px;
}
.statutPlaylist.checked:before
{
    background-color: #00da07;
}
.playlist-item .statut-playlist {
    position: absolute;
    right: 18px;
    top: 11px;
    font-size: 13px;
    z-index: 999;
}
.playlist-item .accordion-button.playlist-actif:before {
    background-color: #3be08a;
}
span.icon-video {
    position: absolute;
    left: 8px;
    top: 7px;
    background-color: rgb(255 255 255 / 64%);
    color: black;
    padding: 2px 4px 2px;
    font-size: 16px;
    line-height: 0;
}
.accordion-actions span.a2a {
    transform: rotate(90deg);
    top: -17px;
    right: -14px;
    font-size: 41px;
    letter-spacing: 1px;
}

.playlist-item .accordion-button:not(.collapsed)::after {
    display: none;
}
.playlist-item ul.dropdown-menu.show {
    right: -29px;
    padding: 0;
}

.playlist-item .btn-check:focus+.btn, .playlist-item .btn:focus {
    box-shadow: unset;
}
.playlist-item .dropdown-menu li a {
    width: 100%;
    min-width: unset;
    font-size: 12px;
    DISPLAY: block;
    padding: 3px 0;
    color: #120833;
}

.playlist-item li {
    padding: 4px 10px;
    cursor: pointer;
}
.playlist-item li:hover {
    background-color: #efefef;
}

.oeuvre-selected-div a img {
    /* border: 6px solid; */
    opacity: 0.5;
}

.oeuvre-selected-div .playlist-save.fav-btn,.oeuvre-selected-div .playlist-copy.fav-btn {
    opacity: 1;
    background-color: #212529;
    color: white;
}
.oeuvre-selected-div .playlist-save.fav-btn:hover small,.oeuvre-selected-div .playlist-copy.fav-btn:hover small {
    width: 0;
    padding: 0;
    margin: 0;
    display: none;
    /* top: 0; */
}
.oeuvre-selected-div a img:hover {
    opacity: 1;
}
.accordion-actions .btn {
    font-size: 21px;
    padding: 0 3px;
    color: #fff;
}
.the-toast {
    z-index: 99999 !important;
}

.playlist-item .accordion-button.collapsed~.accordion-actions,.playlist-item .accordion-button.collapsed~.statut-playlist {
    display: none;
}
.playlist-item .accordion-button:not(.collapsed)~.accordion-actions,.playlist-item .accordion-button:not(.collapsed)~.statut-playlist {
    display: block;
}
span.gamme-client:after {
    content:  attr(counter) " ";
    height: 14px;
    width: 14px;
    background-color: #0e7ed3;
    color: #f1f9ff;
    padding: 0px 0px;
    display: inline-block;
    font-size: 9px;
    margin-left: 3px;
    text-align: center;
    font-weight: 800;
}
.table-hover>tbody>tr.collapse:hover {
    --bs-table-accent-bg: unset;
}
.search-abonnements .search-filter ul.sub-filter {
    right: 0;
    border-radius: 5px 0px 5px 5px;
}
div#gallerie-disable:not(.list-ecrans,.ecrans-list)
{
    /* height: 80vh; */
}
.ecrans-list button.playlist-save.fav-btn,.ecrans-list button.playlist-copy.fav-btn,#a2a_body button.playlist-copy.fav-btn {
    top: 13px;
    right: 13px;
}
.ecran-item .playlist-carre {
    margin: 0;
}
#client-listing .form-floating>.form-select:focus {
    box-shadow: unset;
}
#client-listing .form-switch, .table-abonnements .form-switch
{
    min-height: unset;
}
.form-check-input.red-switch:checked {
    background-color: #dc3545;
    border-color: #dc3545;
}
.bg-red-light {
    background-color: #a48da43d;
}
.table-abonnements thead ,.table-historique thead {
    font-size: 12px;
}
.table-abonnements td ,.table-historique td {
    font-size: 14px;
}
.bg-selected 
{
    background-color: #efefef!important;

}
.duplicate img
{
    width: 19px;
}
span.fullname
{
    font-weight: 500;
}
table.table-playlists td {
    font-size: 13px;
}
iframe#iframeClients {
    min-height: 700px !important;
}
.menu-notif:after {
    content: "";
    height: 5px;
    width: 5px;
    background-color: red;
    display: block;
}

td.list-notif:before {
    content: "";
    height: 6px;
    width: 6px;
    background-color: red;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
}

td.list-notif span {
    margin-left: 11px;
}
.bell-notif ,.li-sous-menu 
{
    position: relative;
}
.bell-notif .sub-menu,.profil-icon .sub-menu
{
    right: -7px;
    width: 247px;
    text-align: left;
    max-height: 315px;
    overflow-y: auto;
}
.bell-notif li.notif-unseen:hover {
    background-color: #302652;
}
li.bell-notif a {
    padding: 0 17px 28px;
}
.li-sous-menu .sub-menu
{
    right: -7px;
    width: fit-content;
    text-align: left;
}
.bell-notif ul {
    padding: 27px 0 0 !important;
}

.bell-notif li {
    padding: 6px 8px !important;
    width: 100%;
}
.menu ul .bell-notif:hover ul.sub-menu {
    display: grid;
    padding: 0 !important;
    margin-top: 26px !important;
    text-align: left;
}
.profil-icon {
    padding-bottom: 0px !important;
    /* margin-right: 18px !important; */
}
.bell-notif li:hover {
    background-color: #f3f3f3;
}
.bell-notif li.notif-unseen {
    background-color: #211742;
    position: relative;
    color: #ffffff;
}
.bell-notif  li.notif-unseen:after {
    content: "";
    height: 5px;
    width: 5px;
    background-color: red;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bell-notif.active:after {
    content: "";
    height: 6px;
    width: 6px;
    display: inline-block;
    background-color: red;
    position: absolute;
    right: 7px;
    top: 2px;
}
.form-select:focus {
    box-shadow: unset !important;
}
li.qte-opt .btn:not(.qte) {
    background-color: #120833;
    border-color: #ffffff;
}
.opacity-none
{
    opacity: 0 !important;
}
.link-resend
{
    margin-top: -11px !important;

}
.ecran-item .playlist-carre .playlist-container {
    margin: 0.25rem!important; 
}
div.item-vide {
    position: relative;
}
div.item-vide:before {
    background-color: #f3f3f3;
    content: attr(texte) " ";
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    position: absolute;
    z-index: 1;
}
div#playlistsList {
    max-height: 76vh;
    overflow-y: auto;
    height: 76vh;
}
div#playlistsOeuvres {
    max-height: 391px;
    overflow-y: auto;
    /* padding-right: 3px; */
    background-color: #120833;
}
div#playlistsList::-webkit-scrollbar ,div#ecransList::-webkit-scrollbar ,div#playlistsOeuvres::-webkit-scrollbar,.oeuvre-infos::-webkit-scrollbar {
    width: 4px;
}
.oeuvre-infos img.zoomi {
    max-width: 100%;
}
div#playlistsList::-webkit-scrollbar-track ,div#ecransList::-webkit-scrollbar-track ,div#playlistsOeuvres::-webkit-scrollbar-track ,.oeuvre-infos::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #babac0;
}

div#playlistsList::-webkit-scrollbar-thumb ,
div#ecransList::-webkit-scrollbar-thumb ,
div#playlistsOeuvres::-webkit-scrollbar-thumb 
,.oeuvre-infos::-webkit-scrollbar-thumb {
    background-color: #0e7ed3;
    /* outline: 1px solid #0e7ed3; */
}
/* .edit-sent .btn {
    background-color: #efefef;
    cursor: no-drop;
    color: #0d6efd;
    padding: 11px 0px;
} */
.listing-clients td {
    font-size: 11px;
}

.playlist-oeuvre:hover .playlist-remove-item {
    /* display: block; */
}

.hide-remove .playlist-remove-item, .hide-save .playlist-save,.hide-remove .playlist-infos {
    display: none;
}
.carre-add-content .add-content {
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    justify-items: center;
    align-content: center;
}

.form-check-input.statut:checked {
    background-color: #3be08a;
    border-color: #3be08a;
}

.accordion-item.send-edits-holder, .edit-sent {
    position: fixed;
    bottom: 0;
    z-index: 9;
    width: 25%;
    padding: 0 28px;
    left: 0;
}

.edit-sent b {
    background-color: #eaeaea;
    padding: 10px 20px;
    color: #0d6efd !important;
    display: block;
    font-size: 12px;
    margin-bottom: 0.5rem;
    cursor: no-drop;

}
button.send-edits {
    background-color: #3BE092 !important;
    padding: 11px 0px;
}
.playlist-data .action-holder
{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-around;
}

/* .side-bar-ajax {
    height: 100%;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    z-index: 9;
    right: 0;
    width: 0;
} */
.side-bar-ajax {
    padding: 0;
    height: calc(100% - 80px);
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    right: -100%;
    width: 0;
    transition: 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.side-bar-ajax.open_it {
     width: 75%; 
     right: 0; 
}
.side-bar-ajax.open_it .hide-oeuvre {
    width: 100%;
    right: 0;
    background-color: #120833;
}
body.home .hide-oeuvre ,body.ecrans .hide-oeuvre {
    padding: 16px !important;
}
.side-bar-ajax .section.home-banner.fiche-artiste {
    padding: 6px 0 26px;
}
.side-bar-ajax .oeuvre-infos {
    /* margin: 4rem 0 0; */
    max-height: 100vh;
    height: 100vh;
    overflow-y: scroll;
    /* padding-top: 23px; */
}

.side-bar-ajax .footer-blanc {
    display: none;
}
.side-bar-ajax div#univers {
    padding: 7px 0;
}

.hide-oeuvre {
    position: sticky;
    top: 0;
    padding: 4px 7px !important;
    background-color: #ffffff;
    z-index: 999;
    right: -100%;
    width: 0;
    transition: 1.5s ease;
}
.playlists .side-bar-ajax {
    height: calc(100% - 80px);
}

.playlists .hide-oeuvre {
    top: 0;
}

.playlists .side-bar-ajax .oeuvre-infos {
    height: 89vh;
    max-height: 89vh;
}
.justify-content-space-evenly
{
    justify-content: center;
}
.playlist-top-data .owl-carousel.owl-loaded {
    display: flex !important;
}
.playlist-top-data .owl-carousel.owl-loaded.d-none {
   display: none !important; 
}
.the_playlist .meta.artist-meta.row {
    left: 0;
    background: linear-gradient(#ffffff00, rgb(3 3 3 / 16%), rgb(3 3 3 / 38%));
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: left;
    color: white;
    padding: 23px 22px 12px 22px !important;
    font-weight: 400;
    /* height: 71px; */
}

.the_playlist .easel,.the_playlist .views {
    color: #ffff;
}
.playlist-top-data {
    overflow: hidden;
    display: inherit;
}

.the_playlist .owl-nav button ,.mes-playlist-slide .owl-nav button {
    bottom: 45%;
}
.side-bar-ajax a.btn.btn-3.btn-center {
    margin: 8px auto 14px !important;
}
div#a2a_body,#oeuvre_body {
    height: 100vh;
    overflow-y: auto;
    position: relative;
    bottom: -200%;
    height: 0;
    transition: 1s ease;
}
div#a2a_body.show, #oeuvre_body.show {
    bottom: 0;
    height: 100vh;
}
div#a2a_body .container {
    overflow-y: scroll;
    height: calc(100vh - 18%);
}
.hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #ffffff !important;
    cursor: pointer;
    text-transform: uppercase;
    margin: 15px 0;
  }
  
  .hover-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background: linear-gradient(0.38turn,#dc3545,   #0e7ed3 );
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  
  .hover-underline-animation:hover:after,.hover-underline-animation.active:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
.menu-etape {
    display: inline-block;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    margin: 12px 0;
    /* line-height: 31px; */
  }
  
  .menu-etape:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  
  .menu-etape:hover:after , .menu-etape.active:after{
    transform: scaleX(1);
    transform-origin: bottom left;
  }
  small.menu-etape-num {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    border-radius: 50%;
    color: #120833;
    font-weight: 700;
    font-size: 14px;
    margin: 0 6px;
    height: 23px;
    width: 23px;
    /* line-height: 0; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
 }
 #playlist-slideshow .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #120833;
}
#playlist-slideshow button.btn-close {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 19px;
    z-index: 99;
    background-color: #fff;
    border-radius: 0;
}
.modal-body.p-0.loading:after {
    display: flex;
    content: attr(alert) " ";
    height: 100%;
    width: 100%;
    background-color: #ffffffd9;
    position: absolute;
    z-index: 9;
    justify-content: center;
    align-items: center;
}
.btn.playlist-slideshow {
    background-color: #1e79ff;
    color: white;
    border-radius: 0;
    font-weight: 700;
    border: 0;
}
#playlist-slideshow {
    z-index: 99999;
}

.slide-home-decouvrir .slide-right {
    text-align: left;
    padding-left: 49px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slide-home-decouvrir .slide-right h4 {
    background: unset;
    color: white;
    position: unset;
    padding: 0;
    margin: 0 1px 39px;
}
div.home-playlist-bg {
    background-image: url('');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 98%;
    height: 500px;
    opacity: 0.6;
    filter: blur(4px);
    /* -webkit-filter: blur(2px); */
    position: inherit;
    top: 0;
    transition: background-image 0.6s ease-out;
}
.row.home-playlist {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 !important;
    transform: translate(-50%, -50%);
}
.playlist-slide-show  .owl-item.active.center {
    text-align: center;
}
.menu-left ul {text-align: left;}

.menuParent {
    justify-content: space-between;
    align-items: center;
}

.menu-right .menu ul {
    text-align: right;
}
.profil-icon a {
    padding: 0 17px;
}
.meta.artist-meta h5 {
    font-size: 13px;
}
.fav-btn.star {
    /* display: none; */
}
.bg-light-grey
{
    background-color: #ffffff1c;
    border: 1px  solid #1208332b;
}
.hide-bar .meta{
    display: none;
}
.slide-playlist-top-9 .playlist-container {
    padding: 5px;
    margin: 5px !important;
}
.slide-home-top-9 {
    padding: 0 14px;
}
.hover-actif .open-playlist {
    border: 3px solid #1483d800;
    outline: 3px solid #1483d8;
}
.remise-alert
{
    display: block;
    text-align: end;
    font-size: 11px;
    text-transform: initial;
    color: #16cf16;
    margin-top: 7px;
}
/* landing b2b*/
#landing_b2b header {
    /* background-color: #120833; */
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
}

#landing_b2b img.logo {
    width: 100%;
    max-width: 125px;
    border: 4px solid #FFF;
    margin-top: 59px;
    margin-left: 7px;
}

#landing_b2b .header-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    height: 110px;
    /* margin: auto; */
    /* padding: 0 110Px; */
    margin: 0;
    margin: auto;
    /* max-width: 1060px; */
    /* background-color: red; */
}

#landing_b2b .header-container a {
    background-color: #fff;
    padding: 12px 22px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin-left: 11px;
    color: #fff;
    background: linear-gradient(0.38turn,#dc3545,   #0e7ed3 );
    transition: 0.4s ease;
    background: transparent;
    border: 2px solid #fff;
}

#landing_b2b .header-container a:hover {
    outline: 1px solid;
    outline-offset: -3px;
}
#landing_b2b .background-img {
    background-image: url('../../b2b/media/section-1.jpg');
    background-repeat: no-repeat;
    background-attachment: unset;
    background-position: center;
    background-size: 100%;
    position: inherit;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 800px;
    margin: 0;
    padding: 142px 0 55px;
}

#landing_b2b .section {
    position: relative;
    padding: 0;
    background-color: aliceblue;
    /* height: 100vh; */
    overflow: hidden;
}

#landing_b2b footer.footer, #landing_b2b .footer-blanc {
    display: none;
}
.left-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 0 7Px 0 261px; */
    z-index: 2;
    justify-content: center;
}

.left-box .main-title {
    margin: 80px 0 14px 0;
    font-size: 46px;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.3;
    font-family: 'DM Serif Display', serif;
}

.left-box .main-title strong {
    font-size: 89px;
    display: block;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    font-family: 'Open Sans';
    font-weight: 700;
    letter-spacing: 4px;
}
.video-box video {
    /* border: 7px solid  #0e7ed3; */
    width: 100%;
    min-width: 469px;
    padding: 6px 9px;
    position: relative;
    z-index: 9;
}

.video-box {
    margin: 58px 0 0 0;
    z-index: 2;
    position: relative;
}
.sub-title {
    font-weight: 300;
    font-size: 23px;
    color: #ffffff;
    line-height: 1.4;
}
.right-box {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 0 0px 0 69px;
    z-index: 2;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
#landing_b2b .section .a2a.a2a-inline.a2a-large {
    font-size: 150px;
    letter-spacing: -4px;
}
#landing_b2b .gray .container {
    width: 100%;
    /* max-width: 1060px; */
    padding: 0;
    text-align:
    center;
}
#landing_b2b .section-2 .main-title{
        font-size: 74px;
        margin: 0 0 64px;
        color: #fff;
        font-family: 'DM Serif Display', serif;
        font-weight: 400;
        text-align: left;
        margin-bottom: 0;
        padding: 0 51px 0 0;
}
.section-2 h5 {
    font-weight: 900;
    font-size: 26px;
    margin-bottom: 17px;
    color: #fff;
    font-family: 'DM Serif Display', serif;
    letter-spacing: 1.5px;
}

.section-2 p {
    color: rgb(255 255 255);
    font-size: 17px;
    font-family: 'DM Serif Display', serif;
    margin-bottom: 2px;
}
#landing_b2b .section-2 svg {
    width: 150px;
    /* height: 47px; */
    fill: currentColor;
    display: block;
    margin-bottom: 17px;
    /* background-color: #27126c6b; */
    border-radius: 8px;
    padding: 4px;
    margin-left: auto;
    margin-top: -72px;
    margin-right: auto;
}
svg.paint {
    color: rgb(255 255 255);
}
svg.craetivity {
    color: rgb(255 255 255);
}
svg.heart {
    color: rgb(255 255 255);
}
svg.augmenter {
    color: #ffffff;
}
.box-margin {
    /* margin-bottom: 25px; */
}


.box-content {
    padding: 26px;
    text-align: left;
    background-color: #201f46;
    border: 18px solid #0d0c35;
    height: fit-content;
    border-radius: 43px;
}
.box-content-3 {
    /* padding-right: 43px; */
    margin-top: -51px;
}
.box-content-1 {
    /* padding-right: 60px; */
    /* margin-top: 26px; */
}

.box-content-2 {
    /* padding-left: 43px; */
    margin-top: 37px;
}
.section-2 {
    padding: 90px 0Px;
}
img.img-section-3,img.img-section-4 {
    width: 100%;
}

.section-3 .box-right {
    position: relative;
    padding: 100px 47px 100px 47px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #201f46;
    background: linear-gradient(0.31turn,#0072c961, rgb(0 145 69 / 97%) );
    border: 17px solid #0d0c35;
    margin-top: 78px;
    margin-bottom: -60px;
    border-radius: 43px;
    overflow: hidden;
    /* opacity: 0.4; */
}

.section-3 .box-right:hover, .section-3 .box-left:hover {
    transform: scale(1.05);
}

#landing_b2b .section-3 .main-title,#landing_b2b .section-4 .main-title {
    font-size: 44px;
    font-weight: 600;
    margin: 0 0 41px;
    color: #fff;
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
    z-index: 9;
}

.section-3 .sub-title,.section-4 .sub-title {
    font-weight: 600;
    margin-bottom: 11px;
    font-size: 24px;
    z-index: 9;
}
.section-3 p ,.section-4 p {
    font-size: 17px;
    color: #fff;
    z-index: 9;
}
.section-5 {
    padding: 90px 110Px;
}


#landing_b2b div.carre {
    max-height: 255px;
    height: 255px;
    width: 255px;
    max-width: 255px;
    color: #fff;
    background-color: #120833;
    outline-color: #0dcaf0a6;
    border: 2px solid #0e7ed32b;
    transition: 1s ease;
}
#landing_b2b div.carre.carre-contact {
   background-color: black;
   outline-color: white;
   background: linear-gradient(0.38turn,#3be08a,   #0e7ed3 );
}
#landing_b2b .carre .carre-content {
    width: 218px;
    display: flex;
    align-items: stretch;
    color: #fff;
}
#landing_b2b .carre.carre-contact .carre-content {
   color: #fff; 
}

#landing_b2b .carre-text h3 {
    font-size: 24px;
    margin: 0;
}


#landing_b2b .section-5 span.a2a.a2a-inline.a2a-large.tr-btn {
    position: absolute;
    line-height: 1 !important;
    left: 37px;
    bottom: 32px;
    font-size: 83px;
    letter-spacing: 0;
}

#landing_b2b .carre-text-hover.carre-contact:hover {
    background-color: #fff; 
    outline-color: #000; 
}

#landing_b2b .carre-text-hover.carre-contact:hover a {
    color: #000; 
}
#landing_b2b .section-5 .main-title{
    font-size: 70px;
    font-weight: 600;
    margin: 100px 0;
    text-align: center;
    color: #fff;
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
}
#landing_b2b .carre-text h3 span {
    font-size: 14px;
}
.activite-container
{
    height: 60vh;
    max-height: 60vh;
    overflow-y: scroll;
}
div#ecransList {
    max-height: 72vh;
    overflow-y: auto;
    height: 100%;
}
.gamme-icon {
    position: absolute;
    top: 7px;
    left: 8px;
    background: #ffffffa3;
    padding: 2px 4px 2px 4px;
    /* border-radius: 5px; */
    overflow: hidden;
    margin: 0;
    opacity: 0;
    border: none;
    cursor: pointer;
    transition: 0.5s ease;
    width: 22px;
    line-height: 0;
    z-index: 1 !important;
}
.playlist-infos{
    position: absolute;
    top: 31px;
    right: 7px;
    font-size: 17px;
    background: #f8f9fa;
    padding: 2px 2px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    border: none;
    cursor: pointer;
    transition: 0.5s ease;
    width: fit-content;
    line-height: 0;
}
 .playlist-carre:hover .playlist-infos {
    opacity: 1;
 }
.playlist-infos small {
    font-size: 10px;
    padding: 0;
    position: relative;
    top: 0px;
    margin: 0;
    width: 0;
    display: inline-block;
    overflow: hidden;
    height: 0;
    transition: 0.5s ease;
    padding: 7px 0px;
}

/* .playlist-carre .playlist-infos:hover small {
    width: 209px;
} */
.playlist-infos i {
    color: #0d6efd;
}
.ecran-start .oeuvre-item:not(.oeuvre-start) {
    opacity: 0.4;
    /* display: none; */
}
/*.ecran-start .oeuvre-premium:before {
     content: '';
    height: 100%;
    width: 100%;
    background-color: #f3f3f3;
    position: absolute; 
}*/
.ecran-premium .playlist-infos {
    display: none;
}
body#landing_b2b::before {
    content: '';
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: rgb(20 7 50 / 62%);
    z-index: 1;
}


.section-2, .section-4,.section-3, .section-5, .section-6 {
    background-color: #02153a;
}
.section-2 .container, .section-4 .row, .section-3 .row, .section-5 .row, .section-6 .row {position: relative;z-index: 2;max-width: 1200px;margin: auto !important;}


.video-box:before {
    content: "";
    position: absolute;
    top: -3px;
    width: 100%;
    left: 0;
    height: 100%;
    border-radius: -18px;
    background: linear-gradient(130deg,#da2838 5.07%,#3be08a 57.07%,#2079c9 81.05%);
}
#landing_b2b .header-container a.espace-client {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    background: transparent;
    border: 2px solid #7bfdb9;
    color: #7bfdb9;
}

#landing_b2b a.espace-client {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
}

#landing_b2b .header-container a:hover {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
}

#landing_b2b .header-container a.espace-client:hover {
    background: linear-gradient(0.38turn,#dc3545,   #0e7ed3 );
}


.section-links .col-6 {
    height: 500px;
    background-color: #FFE;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#landing_b2b .section-links .box-left {
    background-image: url('../../b2b/media/section-3.png');
    background-repeat: no-repeat;
    background-attachment: unset;
    background-position: center;
    background-size: 100%;
    position: inherit;
    top: 0;
    left: 0;
    /* width: 100%; */
    /* min-height: 800px; */
    margin: 0;
    cursor: pointer;
}
#landing_b2b .section-links .box-right {
    background-image: url('../../b2b/media/section-4.png');
    background-repeat: no-repeat;
    background-attachment: unset;
    background-position: center;
    background-size: 100%;
    position: inherit;
    top: 0;
    left: 0;
    /* width: 100%; */
    /* height: 100%; */
    /* min-height: 800px; */
    margin: 0;
    cursor: pointer;
}

.section-links .box-left {
    /* background-color: red; */
}

.section-links .col-6:hover:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(130deg,#da2838 5.07%,#3be08a 57.07%,#2079c9 81.05%);
    z-index: 9;
    opacity: 0.5;
}

.section-linkks .row {
    display: flex;
    flex-direction: row;
}

.section-links .row {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: center;
}

.section-links .col-6:hover {
    width: 60%;
}

.section-links .col-6 {
    height: 500px;
    background-color: #FFE;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.section-4 .box-left {
    padding: 16px 47px 16px 47px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-links {
    padding-top: 99px;
    color: #fff;
    position: relative;
}
.gray h2 {
    color: var(--accent2,#ffffff);
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
}
.modal {
    color: #120833;
    background-color: #6c619385;
}


#landing_b2b .section-links .box-right:after {
    background: rgb(54 32 106 / 89%);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: inline-block;
    position: absolute;
}

#landing_b2b .section-links .box-right h1 {
    z-index: 9;
}

#landing_b2b .section-links .box-left:after {
    background: rgb(4 71 36 / 54%);
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0px;
    display: inline-block;
    position: absolute;
}

#landing_b2b .section-links .box-left h1 {
    z-index: 9;
}

#landing_b2b .section-links .box-left:hover:after {
    background: rgb(23 172 95 / 68%);
}

#landing_b2b .section-links .box-right:hover:after {
    background: rgb(47 18 116 / 89%);
}


#landing_b2b .section-links .box-left:hover h1,
#landing_b2b .section-links .box-right:hover h1{
   font-size:60px;
}

#landing_b2b .section-links .box-left:hover p,
#landing_b2b .section-links .box-right:hover p{
  opacity:1;
  font-size: 16px;
}



#landing_b2b .section-links .box-left h1,
#landing_b2b .section-links .box-right h1{
   transition:0.3s all ease-in-out;
   z-index:9;
   position:
   relative;
   font-family: 'DM Serif Display', serif;
   font-weight: 400;
}

#landing_b2b .section-links .box-left p,
#landing_b2b .section-links .box-right p{
   transition:0.3s all ease-in-out;
   z-index:9;
   position:relative;
   opacity:0;
   margin: 0;
   line-height: 0;
}



#landing_b2b .section-links .box-left {
    display: flex;
    padding: 20% 20pxx;
    text-align:center;
    margin-top: 30px;
    align-items: center;
    flex-direction: column;
}

#landing_b2b .section-links .box-right {
    display: flex;
    padding:20% 20px;
    text-align:center;
    flex-direction: column;
    align-items: center;
}
table td,table th ,table label{
    color: #ffff;
}

.td-action a, .td-action span,.td-action label {
    /* color: #120833; */
}
.gamme-alert a:before {
    content: attr(gamme_alert) " ";
    height: 100%;
    width: 100%;
    background-color: #1208338c;
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    color: #fff;
}
button.btn-close {
    filter: invert(100) grayscale(100%) brightness(200%);
}

.form-floating>label {
    color: #fff;
}
.form-control:focus {border-color: #3be09257;outline: 0;box-shadow: unset;color: unset;background-color: unset;}
.accordion-button::after {
    filter: invert(4) grayscale(100%) brightness(200%);
}
.btn.btn-black.btn-open {
    background: linear-gradient(0.38turn,#ff2237, #0e7ed3 );
}
.progress-bar {
    background-color: #3be08a !important;
    color: #120833;
    font-weight: 700;
}
button.send-acces {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    color: #fff;
    border: unset;
    text-align: center;
    border-radius: 0px;
    font-weight: 600;
}

button.send-acces:hover {
    color: #fff;
}
.payment-box
{
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 ,#3be08a, #0e7ed3 );
    padding: 7px 18px;
}
.payment-box .pay-box
{
    background-color: #120833;
    padding: 30px 19px 6px;
}
ul#artisteListe li:hover {
    background-color: #1f1444;
}
.oeuvre-timer {
    position: absolute;
    top: 32px;
    right: 7px;
    background: #ffffff;
    color: #120833;
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    border: none;
    cursor: pointer;
    transition: 0.5s ease;
    /* width: 21px; */
    font-size: 13px;
    line-height: 0;
    z-index: 1 !important;
}
.playlist-sortable .oeuvre-item {
    cursor: grabbing;
}
.oeuvre-timer-box {
    cursor: default;
    background-color: #190e41;
    z-index: 10;
    position: absolute;
    bottom: -72px;
    width: calc(100% - 16px);
    color: #ffffff;
    transition: 0.4s ease;
    height: 0;
    padding: 2px 15px 8px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3be08a1c;
    border-top: 0;
}
.oeuvre-timer-box.active {
    bottom: 5px;
    height: 53px;
}
input.input-timer {
    padding: 0;
    border: 0;
    border-bottom: 1px solid #ffffff59;
    margin: 0;
    height: 23px;
    font-size: 12px;
    color: #ffffff;
    background-color: #190e41;
}

.btn-timer {
    border: 0;
    padding: 0px 0px 0 14px;
    font-size: 24px;
    color: #3be08a;
    line-height: 0;
}

.btn-timer:hover {
    background-color: unset;
    color: #0dcaf0;
}
li.Logout:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 6px;
    left: 0;
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

li.Logout:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.btn-timer:focus {
    box-shadow: unset;
}
.hide-timer .oeuvre-timer {
    display: none;
}

.profil-icon i.bi.bi-person {
    color: #3be08a;
}

.bell-notif i.bi.bi-bell {
    color: #3be08a;
}

li.Logout {
    background-color: #211742;
    padding: 13px 22px !important;
}
#client .btn.btn-black.connexion {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
}

#diffuseur .btn-black {
    background: linear-gradient(0.38turn,#dc3545,   #0e7ed3 );
}
.modifs-seen i {
    color: #3be08a;
}
.progress {
    background-color: #ffffff30;
}
.bell-notif.active i.bi.bi-bell {
    color: #dc3545;
}
#landing_b2b .section-links .box-left:hover h1 {
    margin-left: 50px;
}

#landing_b2b .section-links .box-left:hover p {
    margin-left: 50px;
}

#landing_b2b .section-links .box-right:hover h1 {
    margin-right: 50px;
}

#landing_b2b .section-links .box-right:hover p {
    margin-right: 50px;
}
.parent.hassub strong {
    color: #ffffffc2;
}

.parent.hassub.active strong {
    color: #fff;
}

.oeuvreArtiste.event-oeuvre-search-artiste {
    background-color: #271a50;
}

div.search-filter ul:not(.removeAll):hover {
    background-color: var(--accent2,#2a2a7c);
    border: 2px solid var(--accent2,#0e7ed378) !important;
}
input.oeuvreArtiste
{
    background-color: #2a2a7c;

}
#landing_b2b  .third-box
{
    padding: 0 247px;
    z-index: 9;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #6969694a;
    opacity: 1;
}

#landing_b2b .section-6 .row.width {
    width: 100%;
    max-width: 100%!important;
}

#landing_b2b video.vide_boxer {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 760px;
}

#landing_b2b .section-4 .box-left {
    background: #fff;
    color: #000;
}

#landing_b2b .section-4 .main-title {
    color: #140732
}

#landing_b2b .section-4 .sub-title {
    color: #140732;
}

#landing_b2b .section-4 p {
    color: #140732;
}
.search-filter h5 {
    letter-spacing: 1.6px;
    font-size: 25px;
    text-transform: uppercase;
}
.profil .saveHolder.text-center .btn-sm,.profil_c .saveHolder.text-center .btn-sm {
    margin-top: 0;
    padding: 12px 80px;
    font-size: 16px;
}
.last-box {
    background-color: #2e29e1;
    padding: 54px 42px;
    margin-bottom: 18px;
    border: 13px solid #0d0c35;
    border-top: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border-radius: 33px;
}

.last-box:hover {
    transform: scale(1.05);
}
.last-section-home h3.titre {
    font-size: 49px;
    margin-bottom: 16px;
    font-family: 'DM Serif Display', serif;
}

.last-box p {
    font-size: 17px;
    /* margin: 0 0 56px 0; */
}
.last-box.cursor p {
    margin: 0 0 56px 0;
}
.box-content-4 {
    /* padding-left: 42px; */
    /* margin-bottom: 31px; */
    margin-top: 51px;
}

#landing_b2b .new .section-links .box-left ,  #landing_b2b .new .section-links .box-right
{
    position: absolute;
}
#landing_b2b .section-2 .new .main-title {
    text-align: left;
    font-size: 66px;
    margin-bottom: 26px;
}
#landing_b2b .section-2 .new .box-left .main-title,#landing_b2b .section-2 .new .box-right .main-title {
    margin: 0;
}
.new .box-content-1 {
    font-size: 17px;
}

.new .box-content-2 {
    padding-right: 82px;
    padding-left: 14px;
}

.new .box-content-3 {
    padding-right: 0;
    padding-left: 40px;
}

.new .box-content-4 {
    padding-left: 14px;
    padding-right: 82px;
}

#landing_b2b .new .section-links  .box-right {
    padding: 37% 20pxx;
}

#landing_b2b .new .section-links .box-left {
    padding: 30% 20px;
    margin-top: 51px;
}
.new .box-content-1 {
    font-size: 17px;
}

.new .box-content-2 {
    padding-right: 82px;
    padding-left: 14px;
}

.new .box-content-3 {
    padding-right: 27px;
    padding-left: 40px;
}

.new .box-content-4 {
    padding-left: 14px;
    padding-right: 82px;
}

#landing_b2b .new .section-links  .box-right {
    padding: 28% 43px;
    width: 93%;
    right: 0;
    left: unset;
    align-items: baseline;
}

#landing_b2b .new .section-links .box-left {
    padding: 28% 43px;
    width: 93%;
    align-items: flex-start;
}

.section-3 {padding-top: 50px;}

.row.new {
    margin-bottom: 30%;
}

.section-2 .new 
 .box-content-1 p {
    margin-bottom: 48px !important;
    font-size: 21px;
}
.section-2 .new p {
    font-size: 17px;
    color: white;
}

.section-2 .new h5 {
    font-size: 25px;
    margin-bottom: 23px;
}

#landing_b2b .section-2 .new svg {
    margin-bottom: 29px;
}
#landing_b2b .new .section-links .box-right:hover  p {
    margin-top: 36px;
    text-align: left;
    font-size: 14px;
}

#landing_b2b .new .section-links .box-left:hover h1 {
    margin: 0 !important;
}

#landing_b2b .new .section-links .box-left:hover p {
    margin-left: 0;
    margin-top: 36px;
    text-align: left;
    font-size: 15px;
}
#landing_b2b .new .section-links .box-left:hover {
    padding: 24% 43px;
}

#landing_b2b .new .section-links .box-right:hover {
    padding: 24% 43px;
}

.huge-title {
    display: flex;
    align-items: center;
}
.last-box.cursor {
    background: linear-gradient(0.38turn,#e6091e, #2e29e1 );
    background: linear-gradient(90deg, #dc3545,  #fda085 51%, #dc3545) #0e7ed3/ 200%;
    color: white;
}
  .section-3 img {
    width: 100%;
    padding: 14px  30% 66px;
    /* opacity: 0.8; */
}

.section-3 .box-left {
    padding: 7px 47px 70px 47px;
    padding: 100px 47px 100px 47px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(0.28turn,#03264f, rgb(113 15 24 / 79%) );
    border: 17px solid #0d0c35;
    margin-top: -81px;
    margin-bottom: 81px;
    /* border-left: 0; */
    position: relative;
    z-index: 99999;
    /* opacity: 1; */
    border-left: 0;
    border-right: 17px solid #0d0c35;
    border-radius: 43px;
    overflow: hidden;
}
.section-3 .box-left img {
    opacity: 0.6;
    padding: 0px 30% 72px;
    z-index: 9;
}
.col-6.box-left:before {
    content: "";
    background-image: url(../../b2b/media/section-1.jpg);
    background-repeat: no-repeat;
    background-attachment: unset;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* min-height: 800px; */
    margin: 0;
    /* padding: 142px 0 55px; */
    z-index: 9;
    opacity: 0.1;
}
.col-6.box-right:before {
    content: "";
    background-image: url(../../b2b/media/section-3.png);
    background-repeat: no-repeat;
    background-attachment: unset;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.09;
    /* border-radius: 43px; */
    /* overflow: hidden; */
}
.oeuvre-video video{
    width: 100%;
    height: -webkit-fill-available;
    pointer-events: none;
}
.oeuvre-video a {
    /* background-color: #1f1347; */
    /* height: 100%; */
}
.oeuvre-video .gamme-icon {
    top: 33px;
    padding: 2px 4px;
    width: 24px;
}
.fiche-artiste video{
    pointer-events: none;
}

a.Collections-decouvrir {
    font-size: 20px;
    border: 3px solid #3be08a;
    padding: 8px 30px;
    margin-top: 17px !important;
}
#ecransList span.icon-video,.slide-playlist-top-9 span.icon-video
{
    font-size: 10px;
}
button.btn {
    color: #fff;
}

.modal-footer {
    border: unset;
}
.faq .gray {
    background-color: #1f1348;
}
.menu ul li:hover .sub-menu {
    display: flex;
    align-items: flex-start;
}
.mega-inner ul {
    text-align: left;
}
div.nft-info {
    background-color: var(--accent2,#1f1348);
    padding: 29px 32px;
    border: 2px solid var(--accent2,#0e7ed31c)!important;
    width: 94.9%;
    margin: auto;
    margin-top: 6px;
    color: var(--accent3,#ffffff);
}
div.nft-tabs-infos
{
    background-color: var(--accent2,#1f1348);
    padding: 20px 22px;
    color: var(--accent3,#ffffff);
}
.text-start.div-collection {
    border-left: 1px solid var(--accent2,#0e7ed38c);
    padding-left: 25px;
}
a.btn-acheter {
    width: 100%;
    display: block;
    margin: auto;
    margin-bottom: 6px;
}
.price-font
{
    font-size: 50px;
    color: var(--accent3,#ffffff) !important;
}
a.btn-share {
    padding: 10px 10px 6px 10px;
    margin: auto;
    color: #46ffb5;
    border-bottom: 2px dashed;
    width: fit-content;
    font-size: 13px;
}
i.bi.bi-files.copy-file {
    position: absolute;
    right: 12px;
    top: 11px;
    cursor: pointer;
    padding: 5px 9px;
}
.rewards {
    padding: 20px 14px;
    background-color: #1f1348;
}
.btns-affiliate {
    width: 100%;
    margin: auto;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 23px;
}

.btns-affiliate button.btn.btn-1 {
    width: 49%;
    padding: 10px;
    border: 2px solid #0e7ed3;
    border-radius: 0;
}

.btns-affiliate button.btn.btn-2 {
    width: 49%;
    padding: 10px;
    border: 2px solid #3be08a;
    border-radius: 0;
}

button.btn:hover {
    color: #c5c5c5;
}
.meta.nft-meta .artiste-name span{
    font-weight: 100;
    font-size: 10px;
}
.meta.nft-meta .owner-name span{
    font-weight: 100;
    font-size: 10px;
    line-height: 1.5;
}

.nft-meta .owner-name, .nft-meta .artiste-name{
    font-size: 11px;
    font-weight: 600;
    position: relative;
    padding-left: 7px !important;
    padding-right: 0px;
    display: flex;
    align-items: center;
}
.nft-meta .artiste-name{
    padding-left: 0px !important;
    padding-right: 0px  !important;
    align-items: flex-start;
}

.meta.title-meta {
  
    font-size: 10px;
    letter-spacing: 1px;
    text-align: right;
    background: #120833;
   
    z-index: 9;
    width: 100%;
    margin: auto;
    padding: 10px 22px 10px 10px;
    color: #ffffff;
}
/* .nft-meta p:before {
    content: "";
    position: absolute;
    flex-wrap: wrap;
    flex-direction: column;
    height: 4px;
    width:4px;
    background-color: #0e7ed3;
    top: 7px;
    left: 0px;
}
.nft-meta p.owner-name:before {background-color: #3be08a;left: 9px;} */
.owner-name {
    border-left: 1px solid #0d6efd42;
    margin-left: 9px;
    padding-left: 18px !important;
}
.catalogue-oeuvre .iconsHolder {
    position: absolute;
    right: 15px;
    text-align: right;
    width: fit-content;
    padding: 0;
    line-height: 0;
}
#affiliate input {
    border: unset;
    background-color: #1f1348;
}

i.bi.bi-files.copy-file:hover {
    background-color: #191039;
}
button.btn.btn-2:hover {
    background-color: #3be08a26;
}

.btns-affiliate button.btn.btn-1:hover {
    background-color: #0e7ed324;
}
img.user-pic {
    height: unset;
    max-width: 33px;
    /* border: 2px solid #1d1145; */
    border-radius: 8px;
}
.nft-meta .notranslate.title {
    margin-bottom: 7px;
}


.catalogue-oeuvre:hover {
    /* margin-bottom: 70px; */
    transform: translateY(-4px);
}
.menuChild-icons {
    text-align: right;
}

header.header.fixedHeader .sub-menu.artiste-sub-menu {
    top: 68px;
}
/************* v2 *********************/
.section-v2 a.scroll-mouse {
    margin: 0 !important;
    font-family: 'DM Serif Display', serif;
}
.section-v2 .owl-nav {
    position: absolute;
    top: 6px;
    right: 0;
}

.section-v2 {
    position: relative;
}


.section-v2 button.owl-prev {
    position: absolute;
    right: 30px !important;
    left: unset !important;
}



.v2 .artiste-name { /*section*/
    position: absolute;
    top: -18px;
    background-color: #673ab7;
    padding: 3px !important;
    border-radius: 47px;
    width: 37px;
    right: 18px;
    z-index: 1;
    font-size: 10px;
    transition: 1s ease;
}

img.user-pic {/*section*/
    border-radius: 20px;
    border-color: transparent;
    max-width: 31px;
}


.meta.nft-meta.row.v2 {/*section*/
    padding: 13px 9px 12px 11px;
    align-items: center;
}
.title-oeuvre .meta.nft-meta.row.v2 {/*section*/
    padding: 8px 9px 4px 11px;
    min-height: 98px !important;
    align-items: center;
}
.title-oeuvre .nft-meta .notranslate.title {
    font-size: 16px; 
}

.v2 .owner-name { /*section*/
    margin: 0;
}

.catalogue-oeuvre .iconsHolder { /*section*/
    top: 12px;
    right: 12px;
    display: none;
}
.catalogue-oeuvre:hover .event-oeuvre-click:before { /*section*/
    z-index: 1;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    /* opacity: 0.6; */
    /* filter: blur(4px); */
    background-color: #1f13481a;
}

.catalogue-oeuvre:hover a img.img { /*section*/
    filter: blur(1px);
}

.catalogue-oeuvre:hover .iconsHolder { /*section*/
    display: flex;
    z-index: 1;
    flex-direction: column;
    align-items: flex-end;
}
div.collection-container .the_bg{
   /*  background-image: url(https://ehez26qp.twic.pics/v1/resize=400x400/quality=92/image:/oeuvres/793-couverture.jpg?time=1667574069); */
    background-image: url(https://nft.art2all.art/image/blockchain.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 500px;
    opacity: 0.6;
    filter: blur(7px);
    /* -webkit-filter: blur(2px); */
    position: absolute;
    top: 0;
    transition: background-image 0.6s ease-out;
}

.section-v2 .collection-container {
    width: 100%;
    margin: auto;
    padding: 23px;
    position: relative;
    height: 500px;
}

.section-v2 .owl-item.active.center {
    padding: 0 !important;
}
.section-v2 .collection-data {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 32px 35px 20px;
}
.section-v2 .collection-title {
    font-size: 65px;
    font-family: 'DM Serif Display', serif;
    /* margin-bottom: 30px; */
}
.section-v2 .collection-oeuvres {
    justify-content: end;
    align-content: center;
}

.section-v2 .collection-data .collection-by {
    background-color: #34ff956e;
    padding: 3px !important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    cursor: pointer;
}

.collection-icons {
    font-size: 19px;
    padding: 14px 6px;
}

div.gallerie-container .the_bg__g{
    background-image: url(https://nft.art2all.art/image/blockchain.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 500px;
    opacity: 0.6;
    filter: blur(7px);
    /* -webkit-filter: blur(2px); */
    position: absolute;
    top: 0;
    transition: background-image 0.6s ease-out;
}
.section-v2 .gallerie-container {
    width: 100%;
    margin: auto;
    padding: 10px 0 0 0;
    position: relative;
    height: 500px;
    align-items: center;
}
.section-v2 .gallerie-container .catalogue-oeuvre .nft-meta {
    display: none !important;
}

.section-v2 .gallerie-container .catalogue-oeuvre .event-oeuvre-click {
    border: 36px solid #f9fafb;
    /* border-radius: 30px; */
}

.section-v2 .gallerie-container .catalogue-oeuvre.oeuvre-item a img {
    border-radius: 0;
}
.section-v2 .gallerie-title {
    font-size: 42px;
    font-family: 'DM Serif Display', serif;
    font-weight: 300;
}
.v2 .artiste-name-data {opacity: 0;overflow: hidden;position: absolute;right: -133px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;transition: 1s ease;} /*section*/


.v2 .artiste-name:hover .artiste-name-data { /*section*/
    margin-left: 6px;
    width: 147px;
    right: 0;
    opacity: unset;
}

.artiste-name:hover{ /*section*/
    width: 186px;
}
.section-v2 .collection-data .collection-by img {
    margin-right: 7px;
}
.section-v2  .gallerie-by {
    background-color: #0dcaf069;
    padding: 3px !important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin:6px 0px;
    cursor: pointer;
    align-items: center;
}
.section-v2 .gallerie-by img {
    margin-right: 7px;
    max-width:28px;
    
}
.section-v2 .gallerie-data {
    padding: 9px 3px;
    font-size: 17px;
}

.section-v2 .gallerie-container .catalogue-oeuvre:hover a img {
    filter: unset;
}

.section-v2 .gallerie-container .catalogue-oeuvre .event-oeuvre-click:before {
    background-color: unset;
}
.section-v2 .collection-items b {
    color: #3be08a;
}

.section-v2 .collection-items span {
    font-size: 36px;
}

.section-v2 .gallerie-footer {
    align-items: center;
    margin-top: 28px;
}

.section-v2 .collection-btn {
    text-align: center;
    padding: 11px;
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    outline: 1px solid #3be08a8c;
    outline-offset: 4px;
    margin-left: 34px;
    border-radius: 50px;
    cursor: pointer;
}

.section-v2 .collection-items {
    border-right: 1px  solid #ffffff73;
}
.section-v2 .gallerie-container .owl-nav {
    top: unset;
    left: -204px;
    bottom: 0px;
}

.section-v2 .gallerie-container .owl-carousel .owl-nav button.owl-next, .section-v2 .gallerie-container .owl-carousel .owl-nav button.owl-prev {
    color: #65196e;
}

.section-v2 .gallerie-container button.owl-prev {
    left: 16% !important;
    top: unset;
    bottom: 170px;
}


.section-v2 .gallerie-container button.owl-next {
    right: -32%;
    top: unset;
    bottom: 170px;
}

.catalogue-oeuvre .oeuvre-price {
    text-align: right;
    font-size: 21px;
    font-weight: 500;
    padding: 0 4px;
}

.section-v2 video#background-video {
    width: 100%;
    height: 500px;
    padding: 0;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    filter: blur(8px);
    opacity: 0.4;
}

.section-v2 .the_bg_g {
    position: relative;
}
.section-v2.home-oeuvres a.scroll-mouse {
    padding-left: 9px !important;
}
.section-v2.home-oeuvres .nav-center button.owl-next {
    right: 7px;
}
.section-v2.home-oeuvres button.owl-prev {
    right : 40px !important
}


a.btn.btn-black.compte.event-inscription-client-click {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 3px  solid;
}

a.btn.btn-black.compte.event-inscription-artiste-click {
    border: 3px solid;
    color: #fff !important;
    background-color: transparent !important;
}

a.btn.btn-black.compte.event-inscription-client-click:hover {
    background: linear-gradient(0.38turn,#dc354563,   #0e7ed342 );
}

a.btn.btn-black.compte.event-inscription-artiste-click:hover {
    background: linear-gradient(0.38turn,#3be09273,   #0e7ed361 );
}

/* .
section-v2 .container {
    max-width: 1300px;
} */
.data-artiste.row {
    display: none;
}
.artiste-slides .artist-meta {
    display: none;
}
.artiste-slides .data-artiste.row {
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: center;
    z-index: 9;
    bottom: -110px;
    width: 100%;
    margin: auto;
    padding: 8px 3px;
}
.artiste-slides .artiste-item img{border: 15px solid transparent;outline: 2px solid #ffffff;outline-offset: -8px;/* border-radius: 150px; */transition: 1s ease;}

.artiste-slides h6.notranslate {
    margin-bottom: 3px;
    font-size: 15px;
}

.fiche-gallerie .container,.fiche-gallerie-desc .container {
    position: relative;
}
.fiche-gallerie img.cow.profily {box-shadow: 6px 6px 2px 0px rgb(255 255 255);}
.fiche-gallerie .gallerie-titre {
    position: absolute;
    left: -100%;
    transition: 2s ease;
    z-index: 1;
    color: var(--accent2);
}


.fiche-gallerie .gallerie-titre h2.mb-0 {
    font-size: 116px;
    font-family: 'DM Serif Display', serif;
    letter-spacing: 7px;
}

.section.home-banner.fiche-gallerie {
    background-color: var(--accent1, #120833) !important;
    position: relative;
    /* padding-bottom: 0; */
    overflow: hidden;
}

.fiche-gallerie img.cow.profily {box-shadow: 6px 6px 2px 0px rgb(255 255 255);box-shadow: unset;display: block;}

.gallerie-data {
     padding-left: 36px;
     position: absolute;
     right: -1000px;
     transition: 2s ease;
     overflow: hidden;
}
.gallerie-data.show {
    /* left: 0; */
    right: 0;
}
.gallerie-data h1 {
    color: var(--accent3);
    font-size: 24px;
    font-family: 'DM Serif Display';
    font-weight: unset !important;
}

.fiche-gallerie img.cow.profily:after {
    content: "";
    padding: 2px 0;
    height: fit-content;
    line-height: 1px;
    position: absolute;
    border-top: 1px dashed #fff;
    width: 100px;
}

.gallerie-titre span {
    font-size: 24px;
    border-left: 1px solid #0d6efd73;
    padding-left: 7px;
}
.section.fiche-gallerie-desc {
    position: relative;
    padding-bottom: 6rem;
    padding-top: 3rem !important;
}

div.gallerie-description {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0%, -50%);
    font-size: 20px;
    font-family: 'DM Serif Display';
}
div.gallerie-desc {
    font-size: 20px;
    font-family: 'DM Serif Display';
}

.desc-bg {
    /* background-color: #3d248796 !important; */
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* filter: blur(0px); */
    /* z-index: 0; */
    /* opacity: 0.7; */
}

.desc-text {
    z-index: 2;
    display: block;
    position: relative;
    padding: 48px 28px;
    color: var(--accent3,#ffffff);
    text-align: center;
    font-size: 18px;
}
.fiche-gallerie-desc img {
    width: 100%;
}
.fiche-gallerie-desc .second-img {
    /* margin-left: 18px; */
}
.fiche-gallerie-desc div.second-img img {
    /* margin-top: 89px; */
}
.fiche-gallerie .gallerie-titre.show {
    left: 0;
}

.bg-purple
{
    background-color: var(--accent1,#1a0d42) !important;
}
.bg-purple .meta.nft-meta.row.v2 {
    background-color: #120833;
}
.artiste-slides  .artiste-item:hover img {
    border: 6px solid transparent;
    outline: 1px solid #ffffff;
    outline-offset: -16px;
}
.galerie-item .galerie-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #12083359;
    z-index: 1;
    display: flex;
}
.galerie-item {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.galerie-item  .data-gallery {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    font-size: 30px;
    justify-content: center;
    width: 100%;
}
.data-gallery p.titre {
    transition: 1s;
    font-family: DM Serif Display;text-align: center;margin: 0;letter-spacing: 0.5px;font-size: 35px;line-height: 1;}


.galerie-item .data-gallery img {
    border: 5px solid transparent;
    outline: 4px solid;
    margin-bottom: 19px;
}

.galerie-bg img {
    filter: blur(0.9px);
}
.galerie-item:hover
{
    color: unset;
}
.galerie-item:hover .data-gallery p.titre
{
    letter-spacing: 1.5px;
}

.gallerie-data .gallerie-by {
    text-shadow: 1px 1px 2px #19104785;
    background-color: #3be09263;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin: 6px 0px 17px;
    font-weight: 600;
    cursor: pointer;
    color: var(--accent2,#ffffff);
}
.gallerie-bubble {
    background-color: #3be0928a;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 16px;
    display: flex;
    margin: 65px 0px 0;
    cursor: pointer;
    justify-content: space-evenly;
    align-items: center;
}
.img-corner {
    border-top: 6px solid #c6c6c673;
    border-right: 6px solid #c6c6c673;
    border-bottom: 6px solid #c6c6c673;
    /* border-left: 10px solid #c6c6c6; */
    height: 106.5%;
    width: 50%;
    position: absolute;
    right: -6px;
    bottom: -18px;
    z-index: 0;
}
.gallerie-logo {
    position: relative;
}

/*g2*/
.gallerie-banner h2 {
    font-size: 174px;
    font-family: DM Serif Display;
}
.gallerie-banner{
    /* text-align: center; */
    /* filter: blur(1px); */
    /* padding: 0; */
    min-height: 800px;
    padding-left: 48px;
    display: flex;
    align-items: center;
    position: relative;
}
.section.home-banner.fiche-gallerie.fiche-gallerie2 {
    padding: 0;
    overflow: unset;
}

.galerie2 header.header {
    background-color: transparent;
}

.fiche-gallerie2 .container {
    margin: 0;
    max-width: unset;
}

.gallerie-banner:before {
    /* content: ""; */
    /* position: absolute; */
    /* height: 100%; */
    /* width: 100%; */
    /* background-color: #1a0d4221; */
}
.titre-galerie {
    position: absolute;
    z-index: 2;
    left: -100%;
    padding-right: 88px;
    padding-left: 48px;
    transition: 1s ease;
    top: 23%;
}
.titre-galerie.show {
    left: 100px;
}


.titre-galerie h2 {
    font-size: 112px;
    font-family: 'DM Serif Display';
    margin-bottom: 14px !important;
    letter-spacing: 2px;
    line-height: 144px;
    text-align: right;
}
.titre-galerie span {
    background-color: #0e7ed378;
    border-radius: 40px;
    padding: 6px 20px;
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 52px;
}
.bg-titre-galerie {
    background-color: #1a0d42;
}


.home-banner .titre-galerie h1 {
    font-size: 27px;
    font-family: 'DM Serif Display';
    line-height: 45px;
}

.fiche-gallerie2 .row {
    display: flex;
    /* align-items: center; */
}
.img-bg {
    background-color: #c6c6c6;
    /* background-color: #6f668c; */
    height: 322px;
    width: 269px;
    position: absolute;
    left: 300px;
    bottom: 78px;
}
.fiche-gallerie2 img
{
    z-index: 1;
}

.fiche-gallerie-desc2 div.gallerie-description {
    transform: translate(0, -50%);
    right: 94px;
    left: unset;
    padding: 0;
    width: 37%;
    /* width: 100%; */
}

div.first-img {
    padding-right: 0;
    display: block;
    z-index: 9;
    align-self: flex-end !important;
    margin-bottom: -37px;
}

.fiche-gallerie-desc2 div.second-img img {
    margin-left: -70px;
    z-index: 0;
    display: block;
}
.fiche-gallerie-desc2 .desc-text {
    text-align: left;
}
.col-galerie {
    width: 19.666667%;
}
/*end g2*/

.collection-item .collection-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ffffff05;
    z-index: 2;
    display: flex;
    filter: );
}
.collection-item {
    transition: 1s ease;
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.collection-item  .data-collection {
    position: absolute;
    z-index: 2;
    bottom: 19px;
    left: 5%;
    /* transform: translate(-50%, -50%); */
    margin: auto;
    justify-content: center;
    background-color: #20008b59;
    backdrop-filter: blur(9px);
    align-items: center;
    padding: 3px;
    width: 90%;
}
.data-collection p.titre {
    transition: 1s;
    font-family: DM Serif Display;
    text-align: left;
    margin: 0;
    letter-spacing: 0.5px;
    font-size: 18px;
    line-height: 1;
    padding: 3px 0;
    }


.collection-item .data-collection img {
    border: 4px solid transparent;
    outline: 2px solid;
    margin-top: 0px;
}

.collection-bg img {
    /* filter: blur(1.2px); */
    border: 1px solid #12083314;
}
.collection-item:hover
{
    color: unset;
}


.collection-data .collection-by {
    background-color: #3be09263;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin: 6px 0px 17px;
    cursor: pointer;
}
.collection-bubble {
    background-color: #ffffff3b;
    color: #ffffff;
    padding: 4px 10px!important;
    border-radius: 50px;
    /* width: fit-content; */
    font-size: 15px;
    display: flex;
    margin-top: 15px;
    cursor: pointer;
    justify-content: space-evenly;
    position: absolute;
    top: 10px;
    right: 26px;
    backdrop-filter: blur(3px);
    z-index: 2;
    text-shadow: 1px 1px 2px #12083396;
    width: fit-content;
    align-items: center;
}
.collection-item:not(.disable-hover):hover .collection-bg img
{
    filter: blur(1.2px);
}


.gal_2-item .gal_2-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #12083359;
    z-index: 1;
    display: flex;
}
.gal_2-item {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.gal_2-item  .data-gal_2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    font-size: 30px;
    justify-content: center;
    width: 100%;
}
.data-gal_2 p.titre {
    transition: 1s;
    font-family: DM Serif Display;text-align: center;margin: 0;letter-spacing: 0.5px;font-size: 35px;line-height: 1;}


.gal_2-item .data-gal_2 img {
    border: 5px solid transparent;
    outline: 4px solid;
    margin-bottom: 15px;
}

.gal_2-bg img {
    filter: blur(0.9px);
}
.gal_2-item:hover
{
    color: unset;
}
.galerie-gal_2:hover .data-gal_2 p.titre
{
    letter-spacing: 1.5px;
}

.gal_2-data .gal_2-by {
    background-color: #3be09263;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin: 6px 0px 17px;
    cursor: pointer;
}
.gal_2-bubble {
    background-color: #3be0928a;
    padding: 4px 10px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 15px;
    display: flex;
    margin-top: 15px;
    cursor: pointer;
    justify-content: space-evenly;
    align-items: center;
}


.gal_1-item .gal_1-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #12083359;
    z-index: 1;
    display: flex;
}
.gal_1-item {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.gal_1-item  .data-gal_1 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    font-size: 30px;
    justify-content: center;
    width: 100%;
}
.data-gal_1 p.titre {
    transition: 1s;
    font-family: DM Serif Display;text-align: center;margin: 0;letter-spacing: 0.5px;font-size: 35px;line-height: 1;}


.gal_1-item .data-gal_1 img {
    border: 5px solid transparent;
    outline: 4px solid;
    margin-bottom: 15px;
}

.gal_1-bg img {
    filter: blur(0.9px);
}
.gal_1-item:hover
{
    color: unset;
}
.gal_1-item:hover .data-gal_1 p.titre
{
    letter-spacing: 1.5px;
}

.gal_1-data .gal_1-by {
    background-color: #3be09263;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin: 6px 0px 17px;
    cursor: pointer;
}
.gal_1-bubble {
    background-color: #3be0928a;
    padding: 4px 10px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 15px;
    display: flex;
    margin-top: 15px;
    cursor: pointer;
    justify-content: space-evenly;
    align-items: center;
}




.gal_3-item .gal_3-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 97%;
    background-color: #2424244a;
    z-index: 2;
    display: flex;
    left: 6px;
}
.gal_3-item {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.gal_3-item  .data-gal_3 {
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 32px;
    /* transform: translate(-50%, -50%); */
    margin: auto;
    font-size: 30px;
    width: 100%;
}
.data-gal_3 p.titre {
    transition: 1s;
    font-family: DM Serif Display;text-align: center;margin: 0;letter-spacing: 0.5px;font-size: 35px;line-height: 1;}


.gal_3-item .data-gal_3 img {
    border: 5px solid transparent;
    outline: 4px solid;
    margin-bottom: 15px;
}

.gal_3-bg img {
    filter: blur(0.9px);
}
.gal_3-item:hover
{
    color: unset;
}
.gal_3-item:hover .data-gal_3 p.titre
{
    letter-spacing: 1.5px;
}

.gal_3-data .gal_3-by {
    background-color: #3be09263;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin: 6px 0px 17px;
    cursor: pointer;
}
.gal_3-bubble {
    background-color: #aa22aa82;
    padding: 4px 8px!important;
    /* border-radius: 47px; */
    /* width: fit-content; */
    font-size: 15px;
    display: flex;
    /* margin-top: 15px; */
    cursor: pointer;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    bottom: 34px;
    z-index: 2;
    left: 40px;
}
.gal_3-item .title {
    font-size: 36px;
    position: absolute;
    bottom: 55px;
    z-index: 2;
    left: 39px;
    font-family: DM SERIF DISPLAY;
}

.gal_3-bg {
    position: relative;
}





.galerie_1-item .galerie_1-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #24242421;
    z-index: 2;
    display: flex;
}
.galerie_1-item {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.galerie_1-item  .data-galerie_1 {
    position: absolute;
    z-index: 2;
    top: 37px;
    right: 27px;
    /* transform: translate(-50%, -50%); */
    margin: auto;
    font-size: 30px;
    width: 100%;
    justify-content: end;
}
.data-galerie_1 p.titre {
    transition: 1s;
    font-family: DM Serif Display;text-align: center;margin: 0;letter-spacing: 0.5px;font-size: 35px;line-height: 1;}


.galerie_1-item .data-galerie_1 img {
    border: 5px solid transparent;
    outline: 4px solid;
    margin-bottom: 15px;
}

.galerie_1-bg img {
    filter: blur(0.9px);
}
.galerie_1-item:hover
{
    color: unset;
}
.galerie_1-item:hover .data-galerie_1 p.titre
{
    letter-spacing: 1.5px;
}

.galerie_1-data .galerie_1-by {
    background-color: #3be09263;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin: 6px 0px 17px;
    cursor: pointer;
}
.galerie_1-bubble {
    backdrop-filter: blur(1px);
    background-color: #9442a061;
    padding: 2px 8px!important;
    /* border-radius: 47px; */
    /* width: fit-content; */
    font-size: 13px;
    /* margin-top: 15px; */
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    bottom: 33px;
    z-index: 2;
    left: 38px;
    text-align: left;
    word-break: break-word;
    max-width: 399px;
    width: fit-content;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.galerie_1-item .title {
    font-size: 41px;
    position: absolute;
    bottom: 48px;
    z-index: 2;
    left: 38px;
    font-family: 'DM Serif Display';
}

.galerie_1-bg {
    position: relative;
}




.galerie_2-item .galerie_2-bg:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #24242421;
    z-index: 2;
    display: flex;
}
.galerie_2-item {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.galerie_2-item  .data-galerie_2 {
    position: absolute;
    z-index: 3;
    bottom: 59px;
    right: 11px;
    /* transform: translate(-50%, -50%); */
    margin: auto;
    font-size: 30px;
    width: 100%;
    justify-content: end;
}
.data-galerie_2 p.titre {
    transition: 1s;
    font-family: DM Serif Display;text-align: center;margin: 0;letter-spacing: 0.5px;font-size: 35px;line-height: 1;}


.galerie_2-item .data-galerie_2 img {
    border: 5px solid transparent;
    outline: 4px solid #2a1769;
    margin-bottom: 15px;
    backdrop-filter: blur(3px);
    max-width: 81px;
}

.galerie_2-bg img {
    filter: blur(0.9px);
}
.galerie_2-item:hover
{
    color: unset;
}
.galerie_2-item:hover .data-galerie_2 p.titre
{
    letter-spacing: 1.5px;
}

.galerie_2-data .galerie_2-by {
    background-color: #3be09263;
    padding: 4px 16px!important;
    border-radius: 47px;
    /* width: fit-content; */
    font-size: 10px;
    display: flex;
    margin: 6px 0px 17px;
    cursor: pointer;
}
.galerie_2-bubble {
    border-left: 2px solid #0d6efd;
    padding: 2px 9px!important;
    /* border-radius: 47px; */
    /* width: fit-content; */
    font-size: 15px;
    /* margin-top: 15px; */
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    bottom: 22px;
    z-index: 3;
    left: 33px;
    color: #ffffff;
    width: fit-content;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.galerie_2-item .title {
    color: #ffffff;
    font-size: 31px;
    position: absolute;
    bottom: 28px;
    z-index: 3;
    left: 33px;
    font-family: 'DM Serif Display';
}

.galerie_2-bg {
    position: relative;
    border: 3px solid #2a1769;
}
.container-galerie_2 {
    position: absolute;
    height: 100px;
    z-index: 2;
    width: 96.6%;
    background-color: #2a176999;
    left: 20px;
    backdrop-filter: blur(9px);
    bottom: 0;
    border-bottom: 2px solid #2a1769;
    border-left: 2px solid #2a1769;
    border-right: 2px solid #2a1769;
}


    
.fiche-collection {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.collection .header {
    background-color: #1a006829;
    backdrop-filter: blur(15px);
    background: rgb(2,0,36);
    background: linear-gradient(360deg, rgb(25 16 71 / 59%) -4%, rgb(25 16 71 / 1%) -112%, rgb(25 16 71 / 17%) 90%);
}

.fiche-collection .container {
    /* min-width: fit-content; */
    /* margin: 0; */
    padding: 0;
}

.fiche-collection .collection-BG {
    width: 100%;
    margin: 0;
    min-height: 320px;
    position: unset;
}

.fiche-collection .row .collection-banner {
    padding: 0;
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 0;
}

.collection-profil {
}
.collection-infos {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    z-index: 1;
    margin-bottom: 34px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0;
}

.collection-label {
    width: fit-content;
    padding: 0 20px;
}

.collection-profil img {
    border: 12px solid transparent;
    outline: 3px solid #ffffff;
    backdrop-filter: blur(10px);
    background-color: #362a5f36;
}

.fiche-collection .row .collection-banner:before {
    /* content: ''; */
    position: absolute;
    background-color: #12083330;
    height: 100%;
    width: 100%;
}
span.created-by,a.created-by {
    /* border-left: 2px solid  #017ddaab; */
    padding: 4px 39px 4px 5px;
    font-weight: 600;
    backdrop-filter: blur(0);
    background: linear-gradient(0.12turn,#00ff7a54, #0d6efd4f );
    display: flex;
    width: fit-content;
    align-items: center;
    font-weight: 500;
    border-radius: 50px;
}

.collection-label h2 {
    margin-bottom: 10px;
    font-family: 'DM SERIF DISPLAY';
    font-size: 49px;
}
ul#alph-data {
    width: 250px;
}
.header-galerie header.header {
    background-color: #1a006829;
    backdrop-filter: blur(15px);
    background: rgb(2,0,36);
    background: linear-gradient(360deg, rgb(25 16 71 / 59%) -4%, rgb(25 16 71 / 1%) -112%, rgb(25 16 71 / 17%) 90%);
}
.menu ul li.galerie-label a {
    font-family: 'DM Serif Display';
    font-size: 22px !important;
    color: var(--accent2,#ffffff);
}

li.galerie-label {
    padding: 0 !important;
    margin-top: -5px !important;
}
.section.fiche-gallerie-desc2 {
    padding-top: 0rem !important;
    padding-bottom: 9rem !important;
}
.data-collection p.titre span {
    display: block;
    font-size: 13px;
    padding-top: 5px;
    font-weight: 100;
}

span.icon-collection i {
    color: #ffffff;
    font-size: 19px;
    float: right;
}

span.icon-collection span {
    top: 12px;
    position: absolute;
    right: 67px;
    color: #ffffff;
    width: 200px;
    opacity: 0;
    font-size: 11px;
    transition: 1s ease;
    text-shadow: 1px 1px 2px #12083396;
}

span.icon-collection {
    position: relative;
    transition: 2s ease;
    width: fit-content;
    padding: 2px 4px;
    border-radius: 3px;
    margin-bottom: 7px;
    background: #ffffff0f;
    backdrop-filter: blur(3px);
    /* padding: 4px; */
    /* display: flex; */
    border-radius: 4px;
}


span.icon-collection:hover  span {
    width: 200px;
    opacity: 1;
    right: 30px;
}

span.icon-collection:hover{
    background-color: #f8f9fa36;
    backdrop-filter: blur(7px);
    width: 165px;
}

button.new-collection {
    background: linear-gradient(0.38turn,#3be08a, #0e7ed3 );
    font-size: 16px;
    padding: 5px 17px;
    color: #ffffff;
    font-weight: 600;
    border: unset;
}
.btn-outline-blue {
    border-radius: 0;
    border: 2px solid #0e7ed34a;
    background-color: #36189745;
    color: #ffffff;
    font-size: 13px;
}

.btn-outline-blue:hover {
    background-color: #3618976b;
    color: #ffffff;
    border-color: #004fc3;
}
.btn.btn-outline-blue {
    box-shadow: unset !important;
}
.collection-checked:checked+.btn-outline-blue {
    border-color: blue;
    border: 3px solid #0d6efd;
    font-weight: 600;
}
.box-new-collection button {
    /* position: fixed; */
    bottom: 38px;
    /* background-color: #ffffff0f; */
    /* backdrop-filter: blur(4px); */
    padding: 12px 23px;
    width: fit-content;
    /* margin: auto; */
    /* right: 0; */
    z-index: 9;
    /* align-self: center; */
    right: 89px;
    /* margin-top: -8px; */
    /* float: right; */
    border-top: 4px solid var(--accent1,#120833);
    border-bottom: 4px solid  var(--accent1,#120833);
}
video#collection-video-bg {
    width: 102%;
    height: 320px;
    padding: 0;
    object-fit: cover;
    position: absolute;
    left: -29px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    filter: blur(6px);
    opacity: 0.5;
}
img.img-add-collection , img.img-remove-collection {
    width: 100%;
    max-width: 23px;
}
.iconsHolder .icon-remove-collection
{
    display :none;
}
.col-collection .icon-remove-collection
{
    display: flex;
    justify-content: flex-end;
}
span.icon-remove-collection:hover {
    width: 85px;
}
input.libelle-collection {
    font-size: 54px;
    border: unset;
    background-color: transparent;
    padding: 2px 0 16px;
    font-family: 'DM Serif Display', serif;
    margin-bottom: 18px;
    line-height: 0;
    height: 55px;
    /* width: auto; */
}


input.libelle-collection:focus-visible {
    border-bottom: 3px dotted #ffffff87;
    outline: unset;
}
button.btn.btn-sm.collection-delete {
    border: 2px solid #ec2b38;
    border-radius: 36px;
    margin-top: 15px;
    font-size: 12px;
    padding: 6px 16px;
}
.collection-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
}
img.collection-profil {
    width: 100%;
    max-width: 35px;
    /* border: 3px solid transparent; */
    /* outline: 1px solid; */
    /* margin-right: 3px; */
    margin-left: 2px;
    border-radius: 34px;
}
.created-by span {
    padding-left: 14px;
}
.collection-item .fav-btn {
    display: none;
    /* padding: 0 5px 0 0; */
}

.collection-item:hover .fav-btn {
    display: unset;
    margin: 0 0px 0 19px;
    line-height: 0;
    font-size: 17px;
    z-index: 9;
    position: relative;
}

.collection-item:hover .count-items {
    /* display: none; */
    margin: 0 !important;
}

.collection-item:hover .collection-bubble {
    /* background-color: unset; */
    /* margin-top: 12px; */
    /* padding-right: 7px !important; */
    right: 21px;
}
.collection-item:not(.disable-hover):hover .data-collection {
    /* opacity: 0; */
}
.created-by div {
    display: flex;
    flex-direction: column;
}
.data-collection.row.padding {
    padding: 9px 14px;
    min-height: 59px;
}
.collection-item.allow-hover:hover .collection-bg:before {
    background-color: unset !important;
}
.disable-hover .collection-bg img {
    filter: blur(1.5px);
}


.the-content .card
{
    background-color: #20154c;
}
.section.home-banner table td {
    vertical-align: middle;
}
.univers-image span.upload {
    backdrop-filter: blur(3px);
}

.univers-image:hover span.upload {
    backdrop-filter: unset;
}
.galerieEdit .fiche-artiste input.noborder.h2 {
    width: 57%;
}
.modal-banner .modal-dialog {
    max-width: 1050px;
}
.uploadHolder .position-relative {
    height: 94%;
    margin-top: 6px;
    display: flex;
    align-items: center;
}
.collection-bg {
    position: relative;
}

.slide-collection-item .owl-item {
    padding: 0 !important;
}
.collection-item:not(.disable-hover):hover .collection-bg:before {
    background-color: unset; 
}
.catalogue-oeuvre .fav-btn i {
    text-shadow: 1px 1px 2px #1208336e;
    background: #ffffff0f;
    backdrop-filter: blur(3px);
    padding: 4px;
    display: flex;
    border-radius: 4px;
}
.owl-carousel .owl-item img.img-add-collection, .owl-carousel .owl-item img.img-remove-collection {
    display: unset;
}
.collection-ordre {
    display: none;
}
.top-ordre .collection-ordre {
    position: absolute;
    top: 14px;
    z-index: 9;
    left: 19px;
    display: unset;
}

.top-ordre.catalogue-oeuvre .collection-ordre {
    top: 6px;
}
.partage-inner span.icon-collection {
    background-color: unset;
    padding-right: 0;
}

.partage-inner span.icon-collection img {
    max-width: 17px;
    margin-right: 6px;
}
.menu ul li a.accent-color {
    color: var(--accent2,#ffffff);
    font-weight: 500;
    font-family: 'DM Serif Display';
    font-size: 17px;
}
span.icon-collection.icon-remove-collection:hover span {
    padding-right: 7px;
}
.col-vide {
    position: relative;
}
.col-vide:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #1208330f;
    left: 0;
    z-index: 0;
}
.disable-hover .count-items {
    display: none;
}
td.oeuvre-item-panier {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.oeuvre-item-panier a.zoom-demo {
    margin-right: 10px;
    max-width: 58px;
}
.btn-revendre {
    cursor: pointer;
    padding: 0px 5px 4px 5px;
    /* color: #0d6efd!important#00d4ff!important; */
    border-bottom: 2px dashed;
    font-weight: 900;
    color: #0d6efd!important;
}
.collection-item:hover .fav-btn:before {
    top: 1px;
    content: "";
    display: block;
    position: absolute;
    background-color: #ffffff5e;
    height: 17px;
    width: 1px;
    position: absolute;
    left: -10px;
}

.count-items i.bi.bi-easel {
    margin: 0 0 0 4px!important;
    font-size: 14px !important;
}
input[type="text"]:focus {

    border-color: #3be08a4d;
    outline: unset;
    border-radius: 0px;
}
.footer-center {
    color: var(--accent2,#ffffff);
}

.header-galerie div.search-filter ul:not(.removeAll):hover i {
    color: var(--accent3,#ffffff) !important;
}
.search-filter ul.open-dropdown-item i, div.search-filter ul.search-icons.open-dropdown-item i {
    color: var(--accent3,#ffffff);
}
.header-galerie video#collection-video-bg {
    filter: blur(2px);
    opacity: 0.5;
}
span.public {
    height: 8px;
    width: 8px;
    background-color: #24d076;
    display: inline-block;
    cursor: help;
}
span.Inactif {
    height: 8px;
    width: 8px;
    background-color: #848e97;
    display: inline-block;
    cursor: pointer;
}
label.btn.btn-compte-1 {
    color: #fff;
    border: 2px solid;
    border-radius: 0;
    padding: 5px 13px;
    opacity: 0.7;
    margin: 0 5px 0 13px;
}

label.btn.btn-compte-2 {
    color: #fff;
    border: 2px solid;
    border-radius: 0;
    padding: 5px 13px;
    opacity: 0.7;
}

input#compte-artiste:checked~.btn-compte-1 {
    background: linear-gradient(0.38turn,#3be09273,   #0e7ed361 );
    opacity: 1;
    background-color: #ffffff24;
}

input#compte-galerie:checked~.btn-compte-2 {
    background: linear-gradient(0.38turn,#dc354563,   #0e7ed342 );
    opacity: 1;
    background-color: #ffffff24;
}
.border-col
{
    border-right: 0.5px solid #0dcaf061;
}
/*end front nft*/