/* fichier CSS du site d'Alain*/
/* csszgarden.com est un super exemple    */
/* pour une classe, on commence par un . */
/* pour une id, on commence par une * */
/* h2,em tous les em et tous les h2*/
/* h2 em cible uniquement les em qui sont dans des h2 */
/* h2+p cible uniquement les paragraphes qui suivent un h2 */
/* a[title*="ici"] cible tous les liens qui ont un attribut title et contiennent le mot "ici" */
/* font-size, font-family, font-weight, font-style, text-decoration */
/* text-align  */

body
{
	background-color : rgba(176, 242, 182, 0.3);   /* #B0F2B6 en Hex*/
	/*background-opacity : 0.5;*/
}

h1
{
	text-align: center;
	color: grey;
	/* border: 3px black solid; */ /* bordure du cadre */
	text-shadow: 10px 5px 10px grey; /* ombre du texte. Peut s'appliquer au cadre complet en remplaçant text par box */
}


h2
{
	text-align: center;
}

nav
{
	display: inline-block;
    width: 100%;
    border: 1px solid black;
	vertical-align: top;
}

nav ul
{
    list-style-type: none;
	text-align: right;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}



section
{
    display: inline-block;    
    border: 1px solid blue;	
	margin-right: 25px;
	margin-left: 150px;
}

footer
{
	vertical-align: bottom;
	font-size: 80%;
}

fieldset
{
	 border: 1px solid black;
}

table
{
	margin-right: 50px;
	border: 1px solid black;
	border-collapse: collapse;
}

td, th
{
	border: 1px solid black;
}

aside
{
	display! inline-block;
}

.distants
{
	background: grey;
}
#menu
{
    display:inline;
}

.bloc {
  display: flex;
  align-items: center;
}


.container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* espace entre image et texte */
  height: 300px; /* nécessaire pour voir le centrage vertical */
  border: 1px solid #ccc;
}