/***********************************************************************************************************************
Fichier cartes.php
***********************************************************************************************************************/

#Cartes 	#accueil	.choix_type_carte	{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	margin:50px 0px;
}
#Cartes	#accueil	.choix_type_carte		a	{
	background-color: var(--bleu_koriolan);
	color: var(--bleu_koriolan_fonce);
}
#Cartes	#accueil	.choix_type_carte		a:hover	{
	color: var(--bleu_koriolan);
	background-color: var(--bleu_koriolan_fonce);
}


#Cartes 	#liste_cartes		table	{
	width: 100%;
	margin-top: 20px;
}
#Cartes 	#liste_cartes		table	th		{
	text-align: center;
	padding: 3px 10px;
}
#Cartes 	#liste_cartes		table	td		{
	border-top: 1px solid var(--gris_tres_tres_pale);
	text-align: center;
	padding: 3px 10px;
	font-size: 0.9em;
}
#Cartes 	#liste_cartes		table	td:nth-child(6)			{
	text-align: left;
}
#Cartes 	#liste_cartes		table	tr.carte_etat_inconnu 	td		{
	background-color: var(--blanc_casse);
}
#Cartes 	#liste_cartes		table	tr.carte_en_panne 	td		{
	background-color: var(--rouge_transparent);
}
#Cartes 	#liste_cartes		table	tr.carte_rebut 	td		{
	background-color: var(--gris_moyen);
}
#Cartes 	#liste_cartes		table	td		a 	{
	margin: 0px;
	padding: 0px;
}


#Cartes	#creation_carte		.champs	{
	display: grid;
	grid-template-columns: 1fr;
}
#Cartes	#creation_carte		.champs		.champs_titre	{
	text-align: left;
	margin-top: 20px;
}
#Cartes	#creation_carte		.champs		.champs_valeur	{
	text-align: left;
}
#Cartes	#creation_carte		.champs		.champs_valeur	input		{
	text-align: left;
}
#Cartes	#creation_carte		.champs		.champs_valeur	textarea		{
	border:1px solid var(--bleu_koriolan);
	border-radius: 10px;
	text-align: left;
}
#Cartes	#creation_carte		.champs		.champs_valeur	a 	img 	{
	width: 60%;
}
#Cartes	#creation_carte		.champs		.champs_nb	 	{
	font-size: 0.8em;
	font-style: italic;
}

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

#Cartes	.boutons_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;
}
#Cartes	.boutons_bas_de_page	a	{
	background-color: var(--bleu_koriolan_fonce);
	color: var(--blanc);
}
#Cartes	.boutons_bas_de_page	a:hover	{
	color: var(--bleu_koriolan);
	background-color: var(--bleu_koriolan_fonce);
}