caption
	{
		font-size : 1.6em;
		text-align : center;
		
	}
#donnees
{
	width : 70%;
	margin : auto;
}
#donnees table
{
	border-collapse : collapse;
}
#donnees table th
{
	width : 40%;
	margin : auto;
	padding : 0 10px 0 10px;
	font-size : 0.5em;
	text-align : right;
}
#donnees table td
{
	width : 40%;
	margin : auto;
	padding : 0 10px 0 10px;
	font-size : 0.5em;
	text-align : left;
}
#button
{
	width : auto;
	margin : auto;
	font-size : 0.7em;
	text-align : center;
}
#profil1 td
{
	width : auto;
	vertical-align : middle;
	height : 25px;
	font-size : 0.9em;
}
#profil1 td, input
{
	width : auto;
	vertical-align : middle;
	height : auto;
	font-size : 0.9em;
}
#profil1, p
{
	width : auto;
	margin : auto;
	font-size : 0.7em;
	text-align : center;
}

/* Largeur maximale avant que ce tableau PARTICULIER ne devienne illisible
Cette transformation prendra effet sur tout écran inférieur à 760px
et aussi les iPads. */
@media screen and (max-width: 1024px)
{
	
	/* Forcer les tables à ne plus être organisée comme des tables */
	caption
	{
		text-align : left;
		font-size : 3em;
	}
	th, td 
	{ 
		display : block; 
		width : auto;
	}
	table, th
	{
		width : auto;
		text-align : left;
	}
	tr
	{
		border : 3px solid;
	}
}