ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
}


.upload_gallery{ height:200px; width:95%; float:left; margin-top:5px; overflow: auto;background-color:rgb(255,255,255); border-radius: 5px; color:rgb(0,0,0);}
.upload_gallery ul{ margin:0; padding:0; list-style-type:none;}
.upload_gallery ul li{ padding:3px; border:1px solid #ccc; float:left; margin:5px 3px; background:none; width:auto; height:auto;}
.upload_gallery img{ width:50px;}

 .upload_files
 {
    opacity: 0;
    position: relative;
    z-index: 1;
 }

.upload_input 
{
	width:95%;
	border:1px solid rgba(255,255,255,.1);
	border-radius: 3px;
	font-size:0.6em;
}

.none{ display:none;}
.upload_div{ margin-bottom:10px;}
.uploading{ margin-top:5px;}

.upload_button_img 	
{
	display:block; 
	margin:auto; 
	width:175px; 
	height:175px; 
	border:none;
	image-orientation: from-image;
	object-fit: contain;	
}

.upload_button_file	
{
	display:block; 
	margin:auto; 
	width:120px; 
	image-orientation: from-image;
	object-fit: contain;	
}
.upload_button_file:hover	
{
	border-radius: 3px;
	margin-top:3px;
	background-color:rgba(255,255,255,0.1);
}

#upload_icon,
#upload_thumbnail,
#upload_background
{
    min-height: 181px;
    padding: 1px 1px;
    box-sizing: border-box;
	width:181px; 
	margin:3px; 
	margin-bottom:8px;
	background-color:rgb(255,255,255);
	border-radius: 5px;
}

#uploaded_icon_files,
#uploaded_thumbnail_files,
#uploaded_background_files
{
   display: none;
}     

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
	font-size: .8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
	border-radius: .2rem;
	text-shadow: none;
	width: 100%;
	height: 100%;
	padding: 10px;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

/* Styles pour la zone de drop */
.drop-zone {
    width: 100%;
    min-height: 120px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center;
}

.drop-zone:hover {
    border-color: #007bff;
    background-color: #f0f8ff;
}

.drop-zone.drag-over {
    border-color: #28a745;
    background-color: #d4edda;
    transform: scale(1.02);
}

.drop-zone i {
    color: #666;
    margin-bottom: 10px;
}

.drop-zone small {
    color: #888;
    font-size: 0.85em;
    margin-top: 5px;
}