/*********************************************************************/
/*
/* Feuille de style screen */
/* Powered by Patrick Joly - Contact : patrickjoly@free.fr */
/*
/*********************************************************************/

/* général */
body {
	background: #000000;
	color: #ffffff;
	font-family: Georgia;
	font-size: 1.2em;
	margin-top: 50px;
	padding: 0;
	text-align: justify;
}

/* section */
section {
	margin: 0 auto;
	max-width: 900px;	
	display: flex;
}

/* gestion des mises en page spécifiques des sections ; exemples sur les sections 4, 5 et 6 */


section:nth-of-type(4) .colonne:first-of-type {
	flex-basis: 230px;
 	flex-grow: 3;
	flex-shrink: 3;
}

section:nth-of-type(5) .colonne:last-of-type {
	flex-basis: 80px;
 	flex-grow: 3;
	flex-shrink: 3;
}

/* colonne */
.colonne {
	border: 1px solid #ffffff;
	margin: 10px;
	padding: 10px;
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
}

/* divers */
h1  {
	color: #fec400;
	font-size: 2.25em;	
	text-align: center;
}

.jaune  {
	background: #fec400;
}

a {
	color: #000000;
	text-decoration: none;	
}

a:hover {
	color: #ffffff;
}