/* polices */
	@font-face {
    font-family: 'abhaya_libreregular';
    src: url('AbhayaLibre-Regular-webfont.woff') format('woff');
	}

	@font-face {
    font-family: 'abhaya_libresemibold';
    src: url('AbhayaLibre-SemiBold-webfont.woff') format('woff');
	}

body
{
	text-decoration: none;
	color: black;
	list-style-type: none;
	margin: 0;
	width: 100%;
	min-height: 100%;
	background: white;
	font-size: 18px;
}

/* la barre du haut */
	header
	{
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
      	height: 200px;
	}
	
	/* le titre */
		header .titre
		{
			margin-left: 50px;
		}

	/* le menu */
		nav
		{
			width: 600px;
			height: 100%;
			margin: auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		header ul
		{
			font-family: 'abhaya_libresemibold', serif;
			font-size: 33px;
			list-style-type: none;
			display: flex;
		}

			header ul a
			{
				text-decoration: none;
				color: black;
				margin: 30px;
			}

			header li
			{
				border-bottom: 5px solid white;
			}

			header li:hover
			{
				border-bottom: 5px solid #F2F2F2;
			}			

	/* les langues */
		header table
		{
			margin-right: 50px;			
		}

		table td img
		{
			width: 40px;
			margin: 0 10px;
		}

/* le bas de la page */
	footer
	{
	background: #141414;
	font-family: serif;
	color: #828282;
	font-size: 20px;
	text-align: center;
	margin-top: 30px;
	padding: 10px 0 5px 0;
	}

	footer img
	{
		height: 29px;
		margin: 0 15px;
	}

	footer a
	{
		text-decoration: none;
		color: #828282;
	}

.corps
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
	width: 800px;
	max-width: 100%;
}

img
{
	max-width: 100%;
}

/* page accueil */
	.corps p
	{
		font-size: 18px;
		font-family: 'abhaya_libreregular';
		text-align: justify;
		margin: 8px;
	}

	.exemples
	{
		height: 290px;
		width: 100%;
		display: flex;
		justify-content: center;
		overflow: hidden;
	}

		.exemples img
		{
			height: 100%;
			margin: auto;
		}

/* pages oeuvres */
	#images
	{
		text-align: center;
		width: 150%;
		margin: 15px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#images img
	{
		cursor: pointer;
		vertical-align: middle;
		max-width: 100%;
		max-height: 400px;
		margin: 30px;
	}

/* page contact */
	.case p
	{
		font-family: 'abhaya_libresemibold';
		font-size: 32px;
		color: black;
		padding: 0;
		margin: 7px;
	}

	.symbole
	{
		padding: 0;
		margin: 7px;
	}

		.symbole img
		{
			height: 80px;
		}

	.coord p
	{
		font-family: 'abhaya_libresemibold';
		font-size: 20px;
		padding: 0 0 20px 0;
		margin: 7px;
	}

	.reseaux img
	{
		height: 59px;
		margin: 15px;
	}

/* selon les dimensions de l'écran */
	@media (max-width: 1130px)
		{
			body
			{
				max-width: 100%;
				margin: auto;
			}

			.titre
			{
				position: absolute;
				top: 20px;
				left: 25px;
			}

			header table
			{
				position: absolute;
				top: 20px;
				right: 25px;
			}

			header
			{
				margin: 20px 0;
				flex-direction: column;
				flex-wrap: wrap;
			}

			header img
			{
				min-width: 40px;
				max-height: 70px;
			}

			nav
			{
				max-width: 100%;
				flex-direction: column;
			}

			header ul
			{
				flex-direction: column;
			}

			#images
			{
				max-width: 100%;
			}

			#images img
			{
				justify-content: center;
				margin: 10px 0;
			}
      
      .corps
		{
			padding-top: 40px;
		}

		}

	@media (max-device-width: 480px)
	{
		img
		{
			min-width: 40px;
		}

		header
		{
			flex-direction: column;
          	margin: 0;
          	padding-bottom: 40px;
		}
	}