/* style général du site */
body
	{	font-size: medium;
		font-family: 'Times New Roman', Arial, Verdana, serif;
		color: white;
		background-color: gray;
	}		

/* police du slogan dans la bannière */
@font-face
	{	font-family: 'cac_champagne';
		src: url('polices/cac_champagne-webfont.eot');
		src: url('polices/cac_champagne-webfont.eot?#iefix') format('embedded-opentype'),
				 url('polices/cac_champagne-webfont.woff') format('woff'),
				 url('polices/cac_champagne-webfont.ttf') format('truetype'),
				 url('polices/cac_champagne-webfont.svg#cac_champagneregular') format('svg');
	}

/* centrage de la page dans la fenêtre du navigateur */
#page
	{	width: 1100px;
		margin: auto;
	}

/* bannière */
#banniere
	{	width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

/* slogan du site */
#slogan
	{	width: 50%;
	}

#slogan h1
	{	font-size: 50px;
		font-family: 'cac_champagne', Arial, serif;
		font-weight: bold;
		text-align: center;
		color: yellow;
		border: 5px yellow outset;
		border-radius: 20px/10px;
	}

/* barre de navigation générale */
nav
	{	width:90%;
		margin: auto;
	}

iframe
	{	width: 100%;
		height: 180px;
	}

/* styles généraux */
em
	{	font-style: italic;
		color: #7FFF7F;
	}

p strong, ul strong
	{	font-weight: normal;
		color: yellow;
	}

a
	{	text-decoration: underline;
		color: aqua;
	}

a:visited
	{	color: aqua;
	}

/* symboles trèfle, carreau, coeur, pique */
.trefle
	{	color: black;
	}

.carreau
	{	color: red;
	}

.coeur
	{	color: red;
	}

.pique
	{	color: black;
	}

h1 /* titre de la page */
	{	font-size: x-large;
		font-weight: bold;
		text-align: center;
		color: yellow;
	}

h2 /* titre de paragraphe */ 
	{	font-size: large;
		font-weight: bold;
	}

h2 strong
	{	color: yellow;
	}

h3 /* titre de sous-paragraphe */
	{	font-size: large;
		font-weight: bold;
		font-style: italic;
		text-decoration: underline;
	}

/* barre de navigation d'une page d'aiguillage */
#aiguillage
	{	width: 800px;
		height: 200px;
		margin: auto;
		border-collapse: collapse;
	}

#aiguillage td
	{	border: 5px white outset;
	}
#aiguillage .cellvide
	{	border: none;
	}
	
/* tout ce qui est entre le titre de la page et le pied de page */
#corps
	{	width: 100%;
		display: flex;
	}

/* description du sujet de la page */
section
	{	width: 80%;
	}

/* élément de description de la page */
.chapitre
	{	width: 100%;
		display: flex;
	}

/* texte */
.texte
	{	width: 80%;
	}

/* tableau des zones dans le texte */
#zones
	{	width: 450px;
		margin: auto;
		border-collapse: collapse;
		
	}

#zones th, #zones td
	{	padding: 5px;
		border: 5px white outset;
	}

#perdantes
	{	width: 220px;
		margin: auto;
		border-collapse: collapse;
	}

#perdantes td
	{	padding: 5px;
		border: 5px white outset;
	}


/* complément au texte */
aside
	{	background-color: lime;
		width: 20%;
		padding: 5px;
		margin-left: 10px;
		vertical-align: top;
	}

aside p
	{	font-size: small;
		color: black;
	}

aside h2, aside caption
	{	font-size: small;
		font-weight: bold;
		text-align: center;
		color: black;
	}

aside table
	{	width: 100%;
		border-collapse: collapse;
	}

aside td
	{	font-size: small;
		color: black;
		text-align: left;
		padding:5px;
		border: 2px black solid;
	}

/* barre de navigation adaptée à la page */
#corps nav
	{	width: 20%;
		margin-top: 0;
		margin-left: 10px;
	}

#corps iframe
	{	width: 100%;
		height: 350px;
		border: 2px lime solid;
	}

/* pied de page */
footer
	{	width: 100%;
		display: flex;
	}

footer p
	{ text-align: center;
	}

#nouveautes, #futur
	{	width: 50%;
	}

footer iframe
	{	width: 100%;
		height: 100px;
	}