#bandeau_options
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	background-color: #EDEDED;
}

.element_bandeau_options
{
	padding: 3px;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #FAFAFA;
}

.bleute
{
	color: grey;
}

#contenu
{
	display:flex;
	flex-direction: column;
	align-items: center;
}

.conteneur_ensemble_badges
{
	display:flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}

.images_badges
{
	width:100%;
	cursor: pointer;
}

#image_plus
{
	cursor: pointer;
	align-self: flex-start;
}

.titre
{
	align-self: flex-start;
	margin-left: 2%;
	font-size: 2.5em;
	margin:0.5em 0.25em 0em 0.5em;
}

.conteneur_badge
{
	display:flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	width: 12.5%;
	margin: 2%;
	font-size: 100%
}

.titre_badges
{
	font-size: ;
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	max-width: 100%;
  	cursor: pointer;
}

.bouton_voirplus
{
	margin: 2%;
	width: 8rem;
	height: 8rem;
	border-radius: 100%;
	background-color: rgb(220, 220, 220);
	display:flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 20px;
}

#popup_badge
{
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(10,10,10,0.5);
	display: none;
}

#conteneur_infos
{
	display:flex;
	flex-direction: row;
	align-items: center;
	background-color: rgb(250,250,250);
	padding: 1rem 1.5rem 1.5rem 1.5rem;
	border-radius: 1.5rem;
}

#partie_gauche
{
	display:flex;
	flex-direction: column;
	align-items: center;
	padding-right: 1rem;
	margin-right: 1rem;
	border-right: 1px solid black;
}

#partie_droite
{
	display:flex;
	flex-direction: column;
	justify-content: flex-start
}

.img_pop_badge
{
	width: 15rem;
	margin-bottom: 1rem;
}

#description_badge
{

}

#titre_pop_badge
{
	font-size: 2.5em;
	margin: 0.3em;
}