nav ul{list-style:none}

header .navbar{
	margin-bottom: 20px;
	background-color:rgb(10, 10, 10) !important;
	box-shadow: 0px 10px 5px rgb(20, 20, 20);
}

a{
	color: white !important;
} 

#logo{
	width:90px;
	
}

#admin{
	margin-right: 150px;;
}

body{
	background-color: rgb(20, 20, 20) !important;
	color: white !important;
}

.img_accueil{
	width:200px;
}

#discover{
	text-decoration: none;
}

@media screen and (max-width:576px){


.donnee{
	max-width:300px;
	margin:10px;
	padding:10px;
	
}
}

@media screen and (min-width:576px){

.container{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}


.donnee{
	max-width:300px;
	margin:10px;
	padding:10px;
}


}

.cover{
	display: flex;
	width:70%;
	border-radius: 7px;
}

.donnee{
	border-radius: 9px;
	background-color:rgb(32, 32, 32);
	color: white;
	transition: transform .1s;
	align-items: center;
}

.donnee:hover{
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2); 
	transform: scale(1.1);
}

.cover_gestion{
	width:100px;
}

#search_button{
	width: 95% ;
	margin-top:15px;
	padding:5px;
	background-color: #4a5364;
	border-radius: 10px;
	border: solid 2px #2d323b;
	color:white
}

#texte{
	display:inline-block;
	width: 95%;
}

.button{
	display: block;
	text-decoration: none;
	background-color: #2d323b;
	padding:10px;
	color: white;
	width: 20%;
	border-radius: 30px;
	margin-bottom:30px;
}

.button2{
	display: inline-block;
	text-decoration: none;
	background-color: #2d323b;
	padding:10px;
	color: white;
	border-radius: 30px;
	margin-bottom:30px;
}

.admin_donnee{
	color: red;
	text-decoration: none;
}

.admin_donnee:hover{
	background-color: #2d323b;
}

.center{
	margin:auto;
	text-align: center;
}

/*Tableaux*/
thead{
	background-color: black;
}

td{
	padding:15px;
}

tr:hover{
	background-color: #2d323b;
}

table{
	margin:auto;
	font-size: large;
}

.modif{
	text-decoration: none ;
	background-color: red ;
}
/*Formulaires*/
.form_container{
	display: flex;
	align-items: center;
	justify-content: center;
}

form{
	display: inline-block;
	padding:10px;
	background-color: #6b1c1c;
	border-radius: 12px;
}


#form{
	width: 80%;
	background-color:#141414;
}

input{
	display: block;
	margin-bottom:15px;
	border-radius: 10px;
}


footer{
	background-color: rgb(0, 0, 0);
	color:white;
	margin-top:20px;
}



/*Photos Accueil*/
.images {
    display: flex;
}

.image {
    width: 100%;
    height: 400px;
	width: 100%;
    margin-right: 10px;
    position: relative; 
}

.image img {
	margin-bottom:20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
    filter: blur(3px);
    transition: transform .3s, filter .3s;
    position: relative; 
}


.image img:hover {
    filter: blur(0);
    transform: scale(1.1);
    z-index: 9999; 
}