     
        .champ-texte-video{
           
            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-video{
 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;
}




.options-avance-video{
 
    display: none;
}


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

.options-appar{
    display: block;
}



.gradient-title-video {
    font-weight: bold;
  background: linear-gradient(to right, #9333ea, #ec4899); /* Violet → Rose */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 1px 8px 8px rgba(0,0,0,0.15);
  margin-top: 20px;
  margin-bottom: 40px;
}



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%);
}



.options-video-appar{
    display:block;
}

.bouton-videos {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.button-css {
    padding: 12px 24px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}


