.admin-page-title {
	display : flex;
	flex-direction : column;
	width : 70%;
	margin: auto;
	margin-bottom : 0em;
	margin-top : 2em;
}

.admin-page-title-content {
	margin :auto;
}

.admin-panel-link {
	align-items : left;
	width : 70%;
	margin : auto;
}

.article-content {
	display : flex;
	margin-bottom : 5em;
	margin-top : 2em;
}

#login-container {
	display : flex;
}

#login-form {
	display : flex;
	flex-direction : column;
	gap : 1em;
	margin-left : 5em;
	align-items : center;
}

.login-input-container {
	display : flex;
	flex-direction : row;
	gap : 1em;
	width : fit-content;
	align-items : baseline;
	justify-content : center ;
}

.login-input-container label {
	min-width : 150px;
}

.login-input-container input {
	display :flex;
	width : fit-content;
	min-width : 300px;
}

#login-form button{
	display : flex;
	width : 300px;
	height : 2em;
	background-color : #cFc;
	border: 1px solid #ccc;
	justify-content : center;
}


#admin-tools-container {
	flex-direction : column;
	gap : 0.5em;
}

.admin-info-club-container {
	display : flex;
	flex-direction : column;
	gap : 2em;
}

.admin-info-club-container form {
	display : flex;
	flex-direction : column;
	gap : 1em;
}

.admin-info-club-container form div {
	display : flex;
	flex-direction : row ;
}



.admin-info-club-container label {
	width : 200px;
}

.admin-info-club-container input {
	width : 500px;
}


.button-group {
	display : flex;
	flex-direction : row;
	gap : 5px;
	justify-content : center;
}

.button-group button {
	width : 125px;
	height : 50px; 
	
}


.admin-course-container {
	display : flex;
	flex-direction : column;
	width : 70%;
	margin : auto;
	margin-bottom : 5em;

}

.admin-course-container button {
	display : flex;
	width : 100px;
	text-align : center;
}


.admin-course-container #courses {
	display : flex;
	flex-direction : column;
	gap : 3em;
	
}

.admin-course-container .category {
	display :flex;
	flex-direction : column;
	gap : 1em;
	padding : 1em;
	border : 1px solid #ccc;
	box-shadow : 2px 2px 10px #ccc;
}

.admin-course-container .category-header {
	display : flex;
	gap : 3em;
}



.admin-course-container .category-data {
	display : flex;
	flex-direction : column;
	gap : 1em;

}


.admin-course-container .category-item {
	display : flex;
	flex-direction : row;
	gap : 1em;
}



.admin-info-tarifs {
	display : flex;
	flex-direction : column;
	gap : 1em;

}

.admin-info-tarifs .tarif {
	display : flex;
	flex-direction : row;
	gap : 1em;
}


.admin-info-profs {
	display : flex;
	flex-direction : column;
	gap : 2em;
}


.admin-info-profs #profs {
	display :flex;
	flex-direction : column;
	gap : 2em;

}
.category-age {
	width : 20em;
}

.admin-info-profs .prof {
	display :flex;
	flex-direction : column;
	gap : 1em;
	padding : 1em;
	box-shadow : 0px 0px 10px #ccc;
}

.admin-info-inscription {
	display : flex;
	flex-direction : column;
	gap : 1em;
}


.admin-info-inscription form {
	display : flex;
	flex-direction : column;
	gap : 1em;
}

.admin-info-inscription button{
	width : 100px;
}

.admin-info-bureau {
	display : flex;
	flex-direction : column;
}


#editForm textarea {
	width : 100%;
	height : 300px;
	margin-bottom : 3em;
}

.preview_text {
	border-bottom : 1px solid black;
	margin-bottom : 20px;
}

.preview_text:last {
	border-bottom : 1px solid black;
	margin-bottom : 20px;
}


.thumbnail {
	width: 150px;
	height: auto;
}
.image-item {
	display: inline-block;
	margin: 10px;
}
.image-item form {
	display: inline;
}