#remove{
    margin-left: 94%;
    padding: 5px 10px;
    margin-top: -18px;
    display: none;
    cursor: pointer;
}
#remove:hover{
    color:rgb(206, 3, 3);
}
.sticker:hover #remove,.sticker:hover #options{
    display: flex;
}

.sticker #options,.tooltip #sub_options{
    background: white;
    width: 100%;
    padding: 2px;
    line-height: 0;
    align-items: center;
    position: absolute;
    box-shadow: 0 6px 6px 0 rgba(0,0,0,.3);
    z-index: 1;
    display: none;
    cursor: default;
}

.tooltip #sub_options{
    width: auto !important;
}
.tooltip #sub_options span:hover{
    color:#0027f9;
}
.sticker .tooltip{
    display: flex;
    justify-content: center;
}
.sticker #options span:hover{
    cursor: pointer;
    color: #0027f9;
}
.sticker #drop_btn{
    display: flex;
    justify-content: center;
    width: 90%;
    cursor: grab;
    display: flex;
    position: absolute;
    top: 0px;
    height: 8px;
}
/* .sticker #drop_btn span{
    width: 100%;
    margin: 5px;
    height: 3px;
    border-top:1px solid silver;
    border-bottom:1px solid silver;
} */
#options span,.tooltip #sub_options span{
    width: 20px;
    height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    color: #373737;
    /* font-size: 9px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
#options #colors .fa-check{
    font-size: 8px;
}
.tooltip #sub_options #color8{/*color8 = white*/
    border: 1px solid silver;
}
.sticker #val:focus ~ #options {
    background: red !important;
}
#sub_options:hover span[id*='color']{
    display: flex;
}
#btnUpload,#editors span{
    /* position: absolute; */
    color:rgb(87, 87, 87);
    right: 5px;
    cursor: pointer;
}
#editors span{
    font-size: 13px;
}
#editors #foreColor{
    color:black;
}
#btnUpload:hover{
    color:#1f1f1f;
}
#btnSave:hover{
    color: rgb(78, 194, 1);
}

.sticker img{
    /* background: white; */
    border-radius: 10px;
    max-width: 100%;
    margin: auto;
}

#conteneur_img:hover #back,#conteneur_img:hover #btn_agrandir,#conteneur_img:hover #delete_img{
    display: flex;
}

#conteneur_img{
    /* display:flex; */
    position:relative;
    margin-top: 5px;
    cursor: default;
}
#conteneur_img #back,#conteneur_img #btn_agrandir{
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: none;
}
#conteneur_img #back{
    background: silver;
    z-index: 1;
    opacity: 0.5;
    border-radius: 10px;
    top:0;
}
#conteneur_img #btn_agrandir{
    font-size: 16px;
    z-index: 2;
    color: #3c3c3c;
    transition: 0.3s;
    top:0;
}
#conteneur_img #btn_agrandir:hover{
    font-size: 20px;
}
#img_apercue{
    display: flex;
    max-width: 100%;
    margin: auto;
}
#delete_img{
    position: absolute;
    right: 5px;
    top: 3px;
    z-index: 3;
    font-size: 11px;
    color: #240000;
    display: none;
}
#delete_img:hover{
    color:rgb(206, 28, 28);
}

#editors .bs-tooltip-top{
    position: absolute;
    inset: auto auto 0px 0px !important;
    margin: 0px !important;
    top:43px !important;
}
#editors .bs-tooltip-top .tooltip-arrow{
    transform: translate(-6px,-7px) rotateZ(180deg) !important;
}
#editors .tooltip-arrow{
    /*left: -30px !important;
    padding-left: 25px !important;
    width: 60px;*/
}
#editors .tooltip #garde_focus{
    width:80px;
    height:20px;
    margin-top:-10px;
    position:absolute;
    z-index:-1;
}
#sub_options [id*="color"]{
    border-radius: 50%;
    opacity: 0.8;
}

#couleurSelected{background:rgb(185, 217, 249);border: 1px solid gray;}
#color1{background:rgb(185, 217, 249);border: 1px solid #87d5f4;}
#color2{ background: rgba(255, 0, 0, 0.5);border: 1px solid #d02929;}
#color3{background: rgba(0, 255, 85, 0.5);border: 1px solid #07ff07}
#color4{background:rgba(255, 255, 0, 0.432);border:1px solid #f2f205;}
#color5{background: rgba(195, 0, 255, 0.5);border: 1px solid #ec00ec;}
#color6{background:rgba(255, 166, 0, 0.64);border: 1px solid #e6a227;}
#color7{background:rgba(128, 126, 126, 0.5);border: 1px solid #888484;}
#color8{background:rgb(255, 255, 255);}
#color9{background:rgb(0, 0, 0);}

#color1:hover{background:rgb(159, 187, 214);}
#color2:hover{ background: rgba(212, 0, 0, 0.5);}
#color3:hover{background: rgba(1, 214, 72, 0.5);}
#color4:hover{background:rgba(219, 219, 2, 0.432);}
#color5:hover{background: rgba(141, 1, 184, 0.5);}
#color6:hover{background:rgba(214, 140, 1, 0.64);}
#color7:hover{background:rgba(99, 97, 97, 0.5);}


#sub_options #h1{font-size: 18px;}
#sub_options #h2{font-size: 16px;padding-top: 1px;}
#sub_options #h3{font-size: 14px;padding-top: 2px;}
#sub_options #h4{font-size: 12px;padding-top: 4px;}
#sub_options #h5{font-size: 10px;padding-top: 6px;}
#sub_options #h6{font-size: 8px;padding-top: 8px;}

#sub_options #color1{background:rgb(0, 89, 255);}
#sub_options #color2{ background: rgb(233, 29, 29);}
#sub_options #color3{background:rgb(0, 175, 0);}
#sub_options #color4{background:rgb(250, 250, 8);}
#sub_options #color5{background:rgb(185, 0, 185);}
#sub_options #color6{background:orange;}
#sub_options #color7{background:grey;}
#sub_options #color8{background:white;}
#sub_options #color9{background:black;}

#sub_options #color1:hover{background:rgb(159, 187, 214);}
#sub_options #color2:hover{ background: rgba(212, 0, 0, 0.5);}
#sub_options #color3:hover{background: rgba(1, 214, 72, 0.5);}
#sub_options #color4:hover{background:rgba(219, 219, 2, 0.432);}
#sub_options #color5:hover{background: rgba(141, 1, 184, 0.5);}
#sub_options #color6:hover{background:rgba(214, 140, 1, 0.64);}
#sub_options #color7:hover{background:rgba(99, 97, 97, 0.5);}
#sub_options #color8:hover{background:rgb(241, 241, 241);}
#sub_options #color9:hover{background:rgb(71, 71, 71);}


.hover_sticker{
    display: flex !important;
}