.panneau-ombre{
    /* border-left: var(--espace-4) solid black; */
    /* border-top: var(--espace-4) solid black; */
    /* padding-left: var(--espace-3); */
    border: 2px solid black;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
    box-shadow: var(--espace-3) var(--espace-3) 0 black;
    padding: var(--espace-6);
    /* padding-right: 0; */
    /* padding-left: 0; */
    /* background-color: var(--premiere-clair); */

    box-sizing: border-box;

    margin-bottom: var(--espace-8);
}

.panneau-ombre-titre{
    font-family:var(--police-titre), serif;
    font-size: var(--texte-taille-8);
    line-height: var(--texte-ecartementlignes-8-1);
    font-weight: var(--texte-grosseur-gros);
    text-transform: uppercase;
    font-style: italic;
    
    color:var(--noir);
}

.panneau-ombre-description{
    font-family:var(--police-texte), serif;
    font-size: var(--texte-taille-5);
    /* color: var(--premiere-fonce); */
    line-height: var(--texte-ecartementlignes-4-2);
    margin: var(--espace-3) 0 var(--espace-3) 0;
    /* text-transform: uppercase; */
    font-style: italic;
    /* font-weight: bold; */
    
}

.panneau-ombre-form:focus{
    
    border-color: var(--gris-clair);
}
.panneau-ombre-form{
    border-bottom: var(--espace-1) solid black;
    color:var(--gris-clair);
    display: flex;
    flex-direction: row;
   opacity:0.7;
}

.panneau-ombre-form:focus-within {

    opacity: 1;
    animation-duration: 500ms;
    animation-name: obscurcir;
}

.panneau-ombre-form input{
    width:100%;
}
.panneau-ombre-form input:focus {
    outline: none;
}



.editer-groupe li{
    width:100%;
}


@keyframes obscurcir {
    from {
        opacity: 0.7;
    }
    
    to {
        opacity: 1;
      
    }
  }

/*REGLAGE SPIP*/

.panneau-ombre-form ul{
    list-style: none;
    display:flex !important;
    flex-direction: row!important;
    align-items: center!important;
}

.panneau-ombre-form form div{
    display:flex;
    flex-direction: row;
    /* margin: var(--espace-3) 0 0 0; */

}

.panneau-ombre-form label{
    display:none;
}

.panneau-ombre-form .editer-groupe{
    width:100%;
    background-color: none;
    display: flex;
    flex-direction: row;
    align-items: flex-end;

}


.panneau-ombre-form .editer-groupe li{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}


.panneau-ombre-form input{
    
    padding:0;
    border: none;
    font-size: var(--texte-taille-5);
    background-color: transparent;
    width:100%;
    font-family: var(--police-texte);
    font-weight: bold;
    
}

.panneau-ombre-form input:focus{
    box-shadow: none !important;
    border: none !important;
}
.panneau-ombre .boutons{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: var(--espace-3);
}

.panneau-ombre-form .submit{
    /* text-transform: uppercase; */
    /* color:var(--gris-tres-fonce) */
    font-size: var(--texte-taille-3);
    background-color: transparent;
    
    padding:10px;
    
}

.panneau-ombre-form .submit:hover{
    background-color: black;
    color:white;
}




@media(max-width:384px){
    
    .panneau-ombre-form input, .panneau-ombre-form .submit{
        font-size: var(--texte-taille-2);
    }
}

@media(min-width:768px){
    .panneau-ombre-form .editer-groupe li::before{
        content:url(../../svg/mail.svg);
        min-width:var(--espace-6);
        margin-right: var(--espace-3);
        position: relative;
        bottom:3px;
        
    }

}