:root{
    /*--couleur-1 : #a7f89b;*/
    /*--couleur-1-rgb :167, 248, 155;*/
    /*--couleur-2 : #9bf8be;*/
    /*--couleur-2-rgb : 155, 248, 190;*/
    --couleur-1 : #e87d20;
    --couleur-1-rgb :232, 125, 32;
    --couleur-2 : #f8c747;
    --couleur-2-rgb : 248, 199, 71;
    --couleur-3 : #9bf8ec;
    --couleur-3-rgb : 155, 248, 236;
    --couleur-4 : #9bd6f8;
    --couleur-4-rgb : 155, 214, 248;
    --couleur-5 : #f89ba7;
    --couleur-5-rgb : 248, 155, 167;
    --couleur-6 : #be9bf8;
    --couleur-6-rgb :190, 155, 248;
}

body{
    background: linear-gradient(135deg, rgba(var(--couleur-3-rgb),1), rgba(var(--couleur-3-rgb),0));
    font-family: 'Kreon', serif;
}
#workzone {
margin-right:15px;
margin-left:15px;
}
#spinner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 43%;
    margin-left: -100px;
    margin-top: -100px;
    display: none;
}
.lisible {
    background-color: white;
}
a {
    /*color: var(--couleur-4);*/
}
a:hover{
    /*color: var(--couleur-2);*/
    /*text-decoration: none;*/
}
nav {
    background:linear-gradient(to left, rgba(var(--couleur-1-rgb),0.8), rgba(var(--couleur-2-rgb),0.8));
}
.dropdown-menu {
    background:var(--couleur-3) !important;;
}

.nav-link {
    /*color: var(--couleur-4) !important;*/
}
.nav-link:hover{
    color: var(--couleur-5) !important;
    cursor: pointer;
}

.logo {
    max-height:35px;
    position: relative;
    top:-3px;
}

.lien {
    cursor:pointer;
}
.box {
    height:150px;
    width : 100%;
    border-radius: 25px;
    margin : 5px 0px;
    padding:5px;
    text-align:center;
    background-size: 100%;
}

.recette {
    background-color: var(--couleur-4);
    /*background-color: linear-gradient(135deg, rgba(var(--couleur-4-rgb),1), rgba(var(--couleur-4-rgb),0));*/
}

#drop-area{
    background-color: rgba(var(--couleur-6-rgb),0.3);
    margin:10px;
    padding:10px;
}
.image_edit {
    margin : 5px;
}

.image_edit img {
    display: block;
    max-width : 100%;
    max-height : 100%;
    cursor: not-allowed;
}
img.markedForDeletion{
    opacity: 40%;
    border:solid 3px red;
}

#alerte_suppression_message {
    margin:10px;
    background-color: rgba(var(--couleur-5-rgb),0.3);
    padding:15px;
}

.une_etape_edit {
    background-color: rgba(var(--couleur-2-rgb),0.3);
    margin-bottom: 10px;
}

.ui-state-default{
    background: none;
    border : none;
}
.list_sortable{
    list-style-type: none;
    padding-left : 0px;
}
.list_sortable li {

}
textarea#description {
    height:150px;
}
.pitvaRadio{
    padding-left:16px;
}

.box .titre {
    padding: 15px;
    font-weight: bold;
    position: relative;
    top:45px;
    /*background-color: rgba(var(--couleur-3-rgb),0.6);*/
    background-color: rgba(0,0,0,0.6);
    color:#fff;
}
.suppression{
    width: 100%;
    text-align: right;
    /*padding-right: 10px;*/
}
.suppression span{
    font-weight: bold;
    font-size: larger;
    color : var(--couleur-5);
    cursor:pointer
}
.suppression span:hover{
    color: red;
}
.images_dsp {
    padding:5px;
}
.images_dsp a img {
    display: block;
    max-width : 100%;
    max-height : 100%;
}

.star{
    font-size:32px;
    color:grey;
    text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;
    cursor:pointer;
}
.star.selected{
    color:gold;
}
.starFixed {
    font-size:18px;
    color:gold;
    text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;
}
.score {
    text-align: center;
}
#nouveau_commentaire {
    border:solid 1px var(--couleur-6);
    margin-bottom: 20px;
}

h1 {
    font-size: 2rem;
}

#warning_stars{
    background-color: var(--couleur-5);
    margin:5px;
    padding:3px;
}
.move{
    cursor:grab;
    background-image:url("../img/sort.png") ;
    max-height: 35px;
    position :relative;
    top:18px;
}

.box .score{
    position: relative;
    top:80px;
}

.box .score .starFixed{
    font-size: 25px;
}
.score_detail{
    font-size:12px;
    position : relative;
    top : -4px;
    background-color: rgba(255,255,255,0.6);
    padding:0px 6px;
}

.visionage {
    font-size:12px;
    top : -4px;
    position : relative;
    background-color: rgba(255,255,255,0.6);
    padding:0px 6px;
}

.navSession {
    margin-right : 6px;
    margin-left : 6px;
    cursor: pointer;
    color : var(--couleur-1);
}