/* -- mode modification d'une page -- */
.page_modification
{
	background-color: white;
	padding: 10px;
}
.page_modification select, .page_modification input[type=submit]
{
	color: #ff1d04;
	font-size: medium;
	border-radius: 4px;
	background-color: white;
	border: lightgrey 2px outset;
}
/*.page_modification select:hover
{
	cursor: pointer;
}*/
.page_modification input[type=submit]:hover
{
	background-color: yellow;
	border-radius: 4px;
	cursor: pointer;
}
.edit_page_title_zone
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.edit_page_zone, .edit_block_zone, .delete_page_zone
{
	background-color: #f0f0f0f0;
	margin: 8px 5px;
	padding: 10px;
}
#edit_description
{
	margin: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
}
#edit_description button
{
	vertical-align: top;
}
.edit_block_zone
{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.new_block
{
	max-width: 300px;
}
.new_block #bloc_title
{
	width: 70%;
	max-width: 300px;
}
.explanations
{
	font-style: italic;
	font-size: smaller;
}

.modify_block img
{
	vertical-align: middle;
}
.delete_page_zone
{
	text-align: center;
}
.modify_one_block
{
	background-color: white;
	margin: 8px 0;
}
.modify_one_block p
{
	margin: 0px;
}
.modify_one_block > div
{
	padding: 4px;
	display: flex;
	align-items: center;
}
.modify_one_block > div > *
{
	margin: 4px;
}
.block_options
{
	flex-wrap: wrap;
}
.block_options > div /* bloc boutons flèches et supprimer */
{
	display: flex;
}
.block_options > *
{
	text-wrap: nowrap;
	align-items: center;
}
.grid_options
{
	/*text-wrap: nowrap;*/ /* saut de la div grid_options */
	flex-wrap: wrap; /* éléments à l'intérieur de grid_options lorsque lui-même dépasse la largeur dispo (téléphone) */
}