/* Améliorations très discrètes - garde l'aspect général identique */

hr {
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
	margin: 1px;
	padding: 0px;
}

form {
	margin: 0; 
	padding: 0;
}

.tres_petit {
	font-size: 8px;
}

.petit {
	font-size: 9px;
}

.petit2 {
	font-size: 11px;
}

.moyen {
	font-size: 13px;
}	

a {	
	color: #6A60BA;	
	text-decoration: none;
	/* Amélioration discrète : transition douce */
	transition: color 0.2s ease;
}

a:hover {	
	text-decoration: none;
	/* Couleur légèrement plus vive au survol */
	color: #5a50aa;
}

.sanscouleur {
	color: #000000;
}

.fondtableau {
	background-color: #FFFFFF;
	/* Ajout discret : bordures légèrement arrondies */
	border-radius: 4px;
	/* Ombre très subtile */
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.fondtableauperso {
	background-color: #CCACCC;
	border-radius: 4px;
}

.fondjoueur1 {
	background-color: #CCCCCC;
	border-radius: 3px;
}

.message_intro {
	color: #FF0000;
	font-size: 15px;
	/* Amélioration : padding pour aérer */
	padding: 8px 12px;
	background-color: rgba(255, 0, 0, 0.05);
	border-radius: 4px;
	border-left: 3px solid #FF0000;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	/* Couleur de fond légèrement plus douce */
	background-color: #F5F5F5;
	margin: 0;
	/* Amélioration discrète de la lisibilité */
	line-height: 1.4;
}

.fondtableauprincipal {
	background-color: #DEE3E7;
	/* Bordures arrondies très discrètes */
	border-radius: 6px;
	/* Ombre douce pour détacher du fond */
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.encadrehaut {
	background-color: #FFFFFF;
	/* Cohérence avec les autres éléments */
	border-radius: 6px 6px 0 0;
}

.textedebase {
	color: #000000;
	text-decoration: none;
}

.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	background-color: #CCCCCC;
	text-align: center;
	background-image: url(logo_tennisbas.gif);
	background-repeat: no-repeat;
	/* Améliorations discrètes */
	padding: 12px;
	border-radius: 4px;
	/* Ombre très légère */
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.alltimecharts {
	color: #000000;
}

.perfect_sets {
	font-size: 8px;
	border: 1px solid;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/* Bordures arrondies très discrètes */
	border-radius: 2px;
	padding: 2px 4px;
}

.barre {
	text-decoration: line-through;
	font-size: 9px;
	/* Légèrement plus transparent pour montrer que c'est inactif */
	opacity: 0.7;
}

/* Améliorations pour les tableaux */
table {
	/* Bordures arrondies très discrètes */
	border-radius: 4px;
	overflow: hidden;
	/* Ombre subtile */
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

table td, table th {
	/* Transition douce pour les survols */
	transition: background-color 0.2s ease;
}

table tr:hover td {
	/* Survol très discret */
	background-color: rgba(106, 96, 186, 0.05);
}

/* Améliorations pour les formulaires */
input[type="text"], 
input[type="email"], 
input[type="password"], 
select, 
textarea {
	/* Bordures arrondies très discrètes */
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	padding: 4px 6px;
	/* Transition douce pour le focus */
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
select:focus, 
textarea:focus {
	outline: none;
	border-color: #6A60BA;
	/* Ombre très subtile au focus */
	box-shadow: 0 0 0 2px rgba(106, 96, 186, 0.1);
}

/* Améliorations pour les boutons */
input[type="submit"], 
input[type="button"], 
button {
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	background: linear-gradient(to bottom, #f8f8f8, #e8e8e8);
	padding: 6px 12px;
	cursor: pointer;
	transition: all 0.2s ease;
}

input[type="submit"]:hover, 
input[type="button"]:hover, 
button:hover {
	background: linear-gradient(to bottom, #e8e8e8, #d8d8d8);
	border-color: #6A60BA;
}

input[type="submit"]:active, 
input[type="button"]:active, 
button:active {
	background: linear-gradient(to bottom, #d8d8d8, #c8c8c8);
}

/* Amélioration responsive très discrète */
@media (max-width: 768px) {
	.fondtableauprincipal {
		margin: 5px;
		border-radius: 4px;
	}
	
	table {
		font-size: 12px;
	}
	
	.titre {
		font-size: 16px;
		padding: 8px;
	}
}

/* Amélioration de l'accessibilité */
:focus {
	outline: 2px solid #6A60BA;
	outline-offset: 1px;
}

/* Sélection de texte personnalisée très discrète */
::selection {
	background: rgba(106, 96, 186, 0.2);
}

/* Animation très subtile au chargement */
.fondtableau, table {
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Amélioration pour les images */
img {
	/* Transition douce pour les survols d'images */
	transition: opacity 0.2s ease;
}

img:hover {
	opacity: 0.9;
}