.champ-texte-img{
           
            padding: 1% ;
            border-radius: 10px;
            width: 80%;
           
            margin-bottom: 20px;
            margin: 40px auto;
            box-shadow: 1px 8px 8px rgba(0,0,0,0.15);
            margin-top: 50px;

        }

        
select,input{
    border-radius: 5px;
    padding: 10px;
    border: none;
    width: 80%;
}

input:focus{
    border: 1px solid white;
    
}


 
         body {
            
            width: 100%;
            background: linear-gradient(135deg, #f3e7e9, #e3e6f3);
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            text-align: center;
            
           
        }


.zone-image{
 padding-top:30px;
 border-radius: 5px; 
 background: white; 
 box-shadow: 0 4px 12px rgba(0,0,0,0.15); 
 max-width: 90%;
  margin-bottom: 100px;
}

.quota{
    position:fixed;
    top:10 px;
    right: 10 px;
    width: 20%;
    background: rgb(201, 196, 196); 
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); 
}







.options-avance{
 
    display: none;
}


.options-avance label,select{
    display: block;
    text-align: left;
    font-weight: bold;
}

.options-appar{
    display: block;
}







label{
    margin-bottom: 10px;
}

.style-title,.camera-title,.materiaux-title,.couleur-title{
background: linear-gradient(135deg, #9333EA 0%, #EC4899 100%);
padding: 5px;
border-radius: 5px;
color: white;
}

.camera-title{
background: linear-gradient(135deg, #3B82F6 0%, #6366F1 100%);

}

.materiaux-title{
background: linear-gradient(135deg, #3B82F6 0%, #6366F1 100%);
}

.couleur-title{
background: linear-gradient(135deg, #EC4899 0%, #F43F5E 100%);
}