/***********************************************************************************************************************
Fichier versions.php
***********************************************************************************************************************/

#Versions 	#accueil	.choix_type_version	{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	margin:50px 0px;
}
#Versions	#accueil	.choix_type_version		a	{
	background-color: var(--bleu_koriolan);
	color: var(--bleu_koriolan_fonce);
}
#Versions	#accueil	.choix_type_version		a.package	{
	grid-column: 1 / 3;
	background-color: var(--bleu_koriolan_fonce);
	color: var(--blanc);
}

#Versions	#accueil	.choix_type_version		a:hover	{
	color: var(--bleu_koriolan);
	background-color: var(--bleu_koriolan_fonce);
}


#Versions 	#liste_versions		table	{
	width: 100%;
	margin-top: 20px;
}
#Versions 	#liste_versions		table	th		{
	text-align: left;
	padding: 3px 10px;
}
#Versions 	#liste_versions		table	td		{
	border-top: 1px solid var(--gris_tres_tres_pale);
	text-align: left;
	padding: 3px 10px;
	font-size: 0.9em;
}
#Versions 	#liste_versions		table	td		a 	{
	margin: 0px;
	padding: 0px;
}
#Versions 	#liste_versions		table.package	th:nth-child(1)			{
	width: 8%;
}
#Versions 	#liste_versions		table.package	th:nth-child(2)			{
	width: 12%;
}
#Versions 	#liste_versions		table.package	td:nth-child(1)			{
	font-weight: bold;
	text-align: center;
}
#Versions 	#liste_versions		table.version	th:nth-child(2)			{
	width: 80%;
}



#Versions	#creation_version		.champs	{
	display: grid;
	grid-template-columns: 1fr;
}
#Versions	#creation_version		.champs		.champs_titre	{
	text-align: left;
	margin-top: 20px;
}
#Versions	#creation_version		.champs		.champs_valeur	{
	text-align: left;
}
#Versions	#creation_version		.champs		.champs_valeur	input		{
	text-align: left;
}
#Versions	#creation_version		.champs		.champs_valeur	textarea		{
	border:1px solid var(--bleu_koriolan);
	border-radius: 10px;
	text-align: left;
}
#Versions	#creation_version		.champs		.champs_valeur	a 	img 	{
	width: 60%;
}

#Versions	#confirmation_suppression_carte	.message_confirmation	{
	border-radius: 10px;
	padding: 20px;
	background-color: var(--rouge);
	color: var(--jaune_post_it);
}

#Versions	#generation_archive		.champs	{
	display: grid;
	grid-template-columns: 1fr;
}
#Versions	#generation_archive		.champs		.champs_titre	{
	text-align: left;
	margin-top: 20px;
}
#Versions	#generation_archive		.champs		.champs_valeur	{
	text-align: left;
}



#Versions	.boutons_haut_bas_de_page	{
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	align-items: center;
	margin-top: 20px;
}
#Versions	#liste_versions .boutons_haut_bas_de_page	{
	grid-template-columns: 1fr 1fr;
}
#Versions	#creation_version .boutons_haut_bas_de_page	{
	grid-template-columns: 1fr 1fr;
}
#Versions	#creation_version .boutons_haut_bas_de_page.modification {
	grid-template-columns: 1fr 1fr 1fr;
}
#Versions	#generation_archive	.boutons_haut_bas_de_page {
	grid-template-columns: 1fr 1fr;
}

#Versions	.boutons_haut_bas_de_page	a	{
	background-color: var(--bleu_koriolan_fonce);
	color: var(--blanc);
}
#Versions	.boutons_haut_bas_de_page	a:hover	{
	color: var(--bleu_koriolan);
	background-color: var(--bleu_koriolan_fonce);
}